Difference between revisions of "MediaWiki:Monobook.css"

From HIVE
Jump to navigation Jump to search
m (Testing SEN's wiki layout)
 
 
Line 1: Line 1:
 
/* CSS placed here will affect users of the Monobook skin */
 
/* 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)}
 

Latest revision as of 17:35, 22 April 2011

/* CSS placed here will affect users of the Monobook skin */