MediaWiki:Monobook.css

From HIVE
Revision as of 17:31, 22 April 2011 by DevliN (talk | contribs) (Testing SEN's wiki layout)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will affect users of the Monobook skin */

/* SEN Mint edits. */

/* These need to be added to the final, Monobook-independent SEN Mint skin, if it ever gets configured. */
#p-personal li a{color:#8DF;font-weight:bold}
#p-personal li a:hover{color:#FFF}

/* Template styles. */
div.trigger-sc1{border-color:#241!important;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#EDF7E8!important}
   div.trigger-sc1-header{border-color:#AC8!important;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;background:#E5EFE0!important}
   div.trigger-sc1-field{border-color:#DDE7D9!important;background:#EDF7E8!important}
   div.trigger-sc1-value{border-color:#DDE7D9!important;background:#FFF!important}
   div.trigger-sc1-field.trigger-sc1-actions{border-radius:0 0 0 5px;-moz-border-radius:0 0 0 5px;-webkit-border-radius:0 0 0 5px}
   div.trigger-sc1-value.trigger-sc1-actions{border-radius:0 0 5px 0;-moz-border-radius:0 0 5px 0;-webkit-border-radius:0 0 5px 0}

div.sc1-unit-infobox{border-color:#241!important;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#EDF7E8!important}
   div.sc1-unit-infobox-header{border-color:#AC8!important;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;background:#E5EFE0!important}
   div.sc1-unit-infobox-section-header{border-color:#AC8 #BD9 #BD9 #BD9!important;background:#E5EFE0!important}
   div.sc1-unit-infobox-field{border-color:#DDE7D9!important;background:#EDF7E8!important}
   div.sc1-unit-infobox-value{border-color:#DDE7D9!important;background:#FFF!important}
   div.sc1-unit-infobox-footer{border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px}
/* End of needed re-synchs. */

/* LAYOUT */
/* body and #globalWrapper is a hack to set a minimum text size of 11.43px (1.27 * 9px) */
body{padding:0;margin:0;font-size:x-small}
   #globalWrapper{width:100%;font-size:1.27em}
      #column-content{float:right;width:100%;margin:0 0 .6em -12.2em}
         #content{position:relative;z-index:2;padding:0 1em 1em;margin:2.8em 1em 0 12.2em;border:1px solid #000;line-height:1.5em ;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}
            #firstHeading{margin-bottom:.1em; /* HACK (bug 2013) >> */ line-height:1.2em;padding-bottom:0; /* << HACK */ border-bottom-width:2px!important}
            #bodyContent{}
               #siteSub{display:none}
               #contentSub,
               #contentSub2{width:auto;margin:0 0 1.4em 1em;font-size:.84em;line-height:1.2em}
               #jump-to-nav{display:none}

               div.noarticletext{padding:.2em 1em 0;border:1px solid #AC8;background:#E5EFE0 ;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}

               #filetoc{list-style:none;padding:0 5px;margin:.3em 0 .5em 0;border:1px solid #AC8;background:#E5EFE0;font-size:.95em;text-align:center ;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}
                  #filetoc li{display:inline-block;padding:0;margin:0;border-right:1px solid #BADF95}
                  #filetoc li:first-child{border-left:1px solid #BADF95}
                     #filetoc li a{display:block;padding:5px 1em}
                     /*#filetoc li a:hover{background:#FFF}*//* BROKEN -- line breaks in the HTML... */
               #toc,
               .toc,
               .mw-warning{padding:5px;font-size:.95em ;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
                  #toc #toctitle,
                  .toc #toctitle,
                  #toc .toctitle,
                  .toc .toctitle{text-align:center}
                     #toc h2,
                     .toc h2{display:inline;padding:0;border:0;font-size:1em;font-weight:bold}
                     #toc .toctoggle,
                     .toc .toctoggle{font-size:.94em}
                  #toc ul,
                  .toc ul{list-style:none;padding-left:0;margin-left:0;text-align:left}
                     #toc ul ul,
                     .toc ul ul{margin:0 0 0 2em}
               .mw-warning{margin-left:50px;margin-right:50px;text-align:center}

               #bodyContent h1,
               #bodyContent h2{margin-bottom:.6em}
               #bodyContent h3,
               #bodyContent h4,
               #bodyContent h5{margin-bottom:.3em}
               #bodyContent h4.mw-specialpagesgroup{background:#E5EFE0;border-bottom-color:#AC8}

               *.catlinks{clear:both;padding:5px;margin-top:1em ;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
      #column-one{padding-top:160px}
         .portlet{float:none;width:11.1em;padding:0;margin:0 0 .5em .5em;border:none;overflow:hidden}
         #p-logo{width:11.6em;margin:0 0 .5em 0}
            .portlet h1,
            .portlet h2,
            .portlet h3,
            .portlet h4{padding:0;margin:0}
            .portlet h4{font-size:.95em;font-weight:normal;white-space:nowrap}
            .portlet h5{display:block;height:1.25em;padding:.25em 1em .15em .5em;margin:0;border-color:#AACC88;background:#FFF;font-size:.95em;white-space:nowrap ;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0}
            .portlet h6{height:1.25em;padding:0 1em;border:1px solid #2F6FAB;background:#FFAE2E;font-size:1em;white-space:nowrap}
            .portlet .pBody{padding:0;border:0;border-collapse:collapse;background:#E5EFE0;color:#000;font-size:.95em; border-radius:0 0 5px;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px}
               .portlet ul{list-style:none;padding:0;margin:0;font-size:.95em;line-height:1.5em}
                  .portlet li{padding:0;margin:0;border-top:1px solid #AACC88}
                  .portlet li:first-child{border-top:0}
                     .portlet li a{position:relative;z-index:0;display:block;padding:.1em .5em}
                     .portlet li a.new{color:#D02000}
                     .portlet li a:hover{background:#EDF7E8}
                     .portlet li a.feedlink{display:inline;margin-left:.5em;padding-left:16px}
         #p-cactions{position:absolute;top:1.6em;left:12.5em;width:76%;padding-left:1em;margin:0;background:none;overflow:visible;font-size:.95em;line-height:1.1em;white-space:nowrap} /* tabs at top of page */
            #p-cactions h5{display:none}
            #p-cactions .pBody{padding:0;border:0;background:transparent;color:inherit;font-size:1em}
               #p-cactions ul{list-style:none}
                  #p-cactions li{display:inline;padding:0 0 .1em 0;margin:0 .3em 0 0;border:1px solid #7A6;border-bottom:none;background:#FFF:overflow:visible ;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0}
                  #p-cactions li.selected{padding:0 0 .2em 0;border-color:#AC8;font-weight:bold}
                     #p-cactions li a{display:inline;position:relative;z-index:0;padding:0 .8em .3em;margin:0;border:none;background:#E5EFE0;color:#002BB8;text-decoration:none;text-transform:lowercase ;border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0}
                     #p-cactions li a:hover{z-index:3;text-decoration:none;background:#FFF}
                     #p-cactions li.selected a{z-index:3;padding:0 1em .2em;background:#FFF}
                     #p-cactions .new a{color:#CA0000}
                  #p-cactions li.istalk{margin-right:0}
                     #p-cactions li.istalk a{padding-right:.5em}
                     #p-cactions #ca-addsection a{padding-left:.4em;padding-right:.4em}
                  li#ca-talk{margin-right:1.6em} /* offsets to distinguish the tab groups */
                  li#ca-watch,
                  li#ca-unwatch,
                  li#ca-varlang-0,
                  li#ca-print{margin-left:1.6em} /* offsets to distinguish the tab groups */
                     #p-lang {position:relative;z-index:3}
            #p-cactions .hiddenStructure{display:none}
         #p-personal{position:absolute;z-index:0;left:0;top:0;width:100%;padding:0;margin:0;border:0;background:none;overflow:visible;line-height:1.2em;white-space:nowrap;}
            #p-personal h5{display:none}
            #p-personal .portlet,
            #p-personal .pBody{z-index:0;padding:0;margin:0;border:0;background:none;overflow:visible}
               #p-personal ul{z-index:0;list-style:none;padding:0 2em 0 3em;margin:0;border:0;background:none;cursor:default;color:#2F6FAB;line-height:1.4em;text-align:right;text-transform:lowercase}
                  #p-personal li{z-index:0;display:inline;padding:0;margin-left:1em;border:0;background:none;color:#2F6FAB;line-height:1.2em}
                  #p-personal li.active{font-weight:bold}
                     #p-personal li a{display:inline;padding-bottom:.2em;background:none;color:#7AD;text-decoration:none}
                     #p-personal li a.new{color:#FA6611}
                     #p-personal li a:hover{padding-bottom:.2em;background:#131;color:#FFF;text-decoration:none}
                     #p-personal li.active a:hover{background:transparent}
                  li#pt-userpage,
                  li#pt-anonuserpage,
                  li#pt-login{padding-left:15px;background:url(user.gif) top left no-repeat;text-transform:none}
      #footer{padding:.4em 0 .8em 0;margin:.6em 0 1em 0;border:0 solid #5C834F;border-width:1px 0;background:#7A6;color:#000;font-size:.9em;text-align:center}
         #f-poweredbyico,
         #f-copyrightico{position:relative;top:-2px;margin:0 8px;vertical-align:middle}
         #f-poweredbyico{float:right;height:1%}
         #f-copyrightico{float:left;height:1%}
            #footer li{display:inline;margin:0 1.3em;vertical-align:middle}
               #footer a{color:#00A}
               #footer a.new{color:#A00}
span.subpages{display:block}
.usermessage{padding:.5em 1em;margin:2em 0 1em;font-weight:bold;vertical-align:middle}
#siteNotice{padding:0 .9em;font-size:.95em;text-align:center}
   #siteNotice p{padding:0;margin:0}

/* preferences */
#preftoc{list-style:none;clear:both;width:100%;padding:0;margin:0}
   #preftoc li{position:relative;float:left;padding:2px 0 3px 0;margin:1px 0 -1px 5px;border:1px solid #AC8;border-bottom-color:#7A6;background:#E5EFE0;color:#000;white-space:nowrap ;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0}
   #preftoc li:first-child{margin-left:0}
   #preftoc li.selected{top:-1px;padding-top:2px;border:1px solid #AC8;border-bottom-color:#FFF;background:#FFF;cursor:default;font-weight:bold}
   #preftoc>li.selected{top:0}
      #preftoc a,
      #preftoc a:active{position:relative;display:block;padding:0 .7em;color:#000;text-decoration:none}
      #preftoc li.selected a{cursor:default;text-decoration:none}
   #preferences{clear:both;padding:1.5em;margin:0;border:1px solid #7A6;background:#FFF ;border-radius:0 5px 5px 5px;-moz-border-radius:0 5px 5px 5px;-webkit-border-radius:0 5px 5px 5px}
      .prefsection{padding:0;margin:0;border:none}
         .mainLegend{display:none}
         .prefsection fieldset{float:left;margin-right:2em}
            .prefsection legend{font-weight:bold;background:#FFF}
         .prefsection table{background:#FFF}
         div.prefsectiontip{padding:.2em 2em;color:#666;font-size:x-small} /* explanations for some prefs */
      #prefcontrol{clear:both;padding-top:2em}
         .btnSavePrefs{padding-left:.3em;padding-right:.3em;font-weight:bold}
      .preferences-login{clear:both;margin-bottom:1.5em} /* ??? */
.prefcache{padding:.2em 2em;margin-top:1em;font-size:.9em;border:1px solid #AC8;background:#E5EFE0 ;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px} /* notes about browser cache */
/* preferences END */

/* utility styles */
*.visualClear{clear:both}
*.center{width:100%;text-align:center}
   *.center *{margin-left:auto;margin-right:auto}
.small,
   .small *{font-size:.94em}
table.small{font-size:1em}

/* general styles */
.success,
.error{font-size:larger}
.errorbox,
.successbox{float:left;padding:.5em 1em;margin-bottom:2em;border:2px solid;font-size:larger}
   .errorbox h2,
   .successbox h2{display:inline;margin:0 .5em 0 0;border:none!important;font-size:1em;font-weight:bold}

a{background:none;text-decoration:none}

abbr, acronym, .explain {background:none;cursor:help}

fieldset{padding:0 1em 1em;margin:1em 0;line-height:1.5em ;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
fieldset.nested{padding:0 .5em .5em;margin:0 0 .5em 0}
   legend{padding:.5em;font-size:.95em}
   fieldset table{background:none!important} /* floated tables in forms don't need to hide H2 borders */

div.floatleft,
table.floatleft{position:relative;clear:left;float:left;margin:0 .5em .5em 0;border:0}
div.floatright,
table.floatright{position:relative;clear:right;float:right;margin:0 0 .5em .5em;border:0}
   div.floatleft p,
   div.floatright p{font-style:italic}

div.thumb{width:auto;margin-bottom:.5em;border-style:solid}
   div.thumbinner{padding:3px!important;border:1px solid #CCC;background:#F9F9F9;overflow:hidden;font-size:.94em;text-align:center}
      *.thumbcaption{padding:3px!important;border:none;font-size:.94em;line-height:1.4em;text-align:left}

dl{margin:.2em 0 .5em 0}
   dt{margin-bottom:.1em;font-weight:bold}
      dd{margin:0 0 .1em 2em;line-height:1.5em}

form{margin:0;border:none}

table.gallery{padding:2px;margin:2px;border:1px solid #AC8;background:#FFF ;border-radius:9px;-moz-border-radius:9px;-webkit-border-radius:9px}
   table.gallery caption {font-weight:bold}
   table.gallery tr{vertical-align:top}
      table.gallery td{border:2px solid #FFF;background:#FFF;vertical-align:top}
      /* V Keep this temporarily so that cached pages will display right V */
      table.gallery td.galleryheader {font-weight:bold;text-align:center}
         div.gallerybox{margin:2px}
            div.gallerybox div.thumb{margin:2px;border:1px solid #AC8;background:#E5EFE0;text-align:center ;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
               div.gallerytext{padding:2px 4px;overflow:hidden;font-size:94%}

h1,h2,h3,h4,h5,h6{padding:.5em 0 .17em 0;margin:0;background:none;font-weight:normal}
h1{font-size:1.88em}
   h1 *.editsection{font-size:.53em}
h2{font-size:1.5em}
   h2 *.editsection{font-size:.67em}
h3,h4,h5,h6{font-weight:bold}
h3{font-size:1.32em}
   h3 *.editsection{font-size:.76em;font-weight:normal}
h4{font-size:1.16em}
   h4 *.editsection{font-size:.86em;font-weight:normal}
h5{font-size:1em}
   h5 *.editsection{font-weight:normal}
h6{font-size:.8em}
   h6 *.editsection{font-size:1.25em;font-weight:normal}


hr{height:1px;border:0;margin:.2em 0}

img{border:none;vertical-align:middle}

input.historysubmit{height:1.7em!important;padding:0 .3em .3em .3em!important;margin-left:1.6em;font-size:.94em;cursor:pointer}

li{margin-bottom:.1em}
ol{list-style-image:none;padding:0;margin:.3em 0 0 3.2em;line-height:1.5em}

p{margin:.4em 0 .5em 0;line-height:1.5em}
   p img{margin:0}

pre{padding:1em;line-height:1.1em}

select{vertical-align:top}

table{font:1em}

textarea{width:100%;padding:.1em}

ul{list-style-type:square;padding:0;margin:.3em 0 0 1.5em;line-height:1.5em}

/* COLORS, FONTS, AND IMAGES */
body{background:#241 no-repeat;color:#CCC;font-family:sans-serif}
         #content{background:#FFF;color:#000;border-color:#7A6}
               #contentSub,
               #contentSub2{color:#7D7D7D}
               #toc,
               .toc,
               .mw-warning{border:1px solid #AC8;background:#E5EFE0}
               *.catlinks{border:1px solid #AC8;background:#E5EFE0}
.usermessage{border:1px solid #85FF00;background:#8EFF7B;color:#000}

/* general styles */
.success{color:green}
.error{color:red}
.errorbox,
.successbox{color:#CCC}
.errorbox{border-color:red;background:#FFF2F2}
.successbox{border-color:green;background:#DFD}

a{color:#002BB8}
a:visited{color:#5A3696}
a:active{color:#FAA700}
a:hover{text-decoration:underline}
a.stub{color:#723}
a.new, #p-personal a.new{color:#BA0000}
a.new:visited, #p-personal a.new:visited{color:#A55858}

abbr, acronym, .explain {border-bottom:1px dotted #444;color:#000}

code{background:#E5EFE0}

/* ↓ div.thumb's border-color should be the same color as the article background. It prevents header borders from "joining" the thumb's border by covering header borders up. ↓ */
div.thumb{border-color:#FFF}
   div.thumbinner{border-color:#AC8;background:#E5EFE0}
         *.thumbimage{border:1px solid #AC8}

fieldset{border:1px solid #AC8}

h1,h2,h3,h4,h5,h6{border-bottom:1px solid #7DAF4C;color:#000}
h3,h4,h5,h6{border-bottom-color:#D1EFC2}
   h1 *.editsection,
   h2 *.editsection,
   h3 *.editsection,
   h4 *.editsection,
   h5 *.editsection,
   h6 *.editsection{color:#7DAF4C}

hr{color:#AAA;background:#AAA}

pre{border:1px dashed #AACC88;background:#E5EFE0;color:#000}

q{font-family:Times,"Times New Roman",serif;font-style:italic}

table{background:#FFF;color:#000} /* background hides bottom borders of H2s when beneath floated tables */

ul{list-style-image:url(bullet.gif)}