MediaWiki:Common.css: Difference between revisions

Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
/* <pre><nowiki> */
/* <pre class="wrap"><nowiki> */


/** CSS placed here will be applied to all skins */
/** CSS placed here will be applied to all skins */
Line 26: Line 26:
  input[type="text"], input[type="password"], textarea[name="wpTextbox1"] { border: 1px solid #aaa; border-top: 2px solid #aaa; border-left: 2px solid #aaa; }
  input[type="text"], input[type="password"], textarea[name="wpTextbox1"] { border: 1px solid #aaa; border-top: 2px solid #aaa; border-left: 2px solid #aaa; }


  /* VFD stuff - temporary */
  /* pre style override */
  .vfdlist ul li a { margin-left: 1em; font-weight: bold; }
  pre.nostyle { padding:0; margin:0; border:none; background:none; }
.vfdlist ul li s a { margin-left: 0em; font-weight: normal; }
.vfdlist ul li strike a { margin-left: 0em; font-weight: normal; }


/* main page */
pre.wrap
/* sky */
{
.mp2-sky .mp2left
    white-space: pre-wrap;       /* css-3 */
  { background: #f5fffa; border-color: #cef2e0; }
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
.mp2-sky .mp2lefttitle
    white-space: -pre-wrap;     /* Opera 4-6 */
  { background: #cef2e0; border-color: #a3b0bf; }
    white-space: -o-pre-wrap;    /* Opera 7 */
.mp2-sky .mp2right
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
  { background: #f5faff; border-color: #cedff2; }
}
.mp2-sky .mp2righttitle
  { background: #cedff2; border-color: #a3b0bf; }
.mp2-sky .mp2community
  { background: #f9f9f9; border-color: #eeeeee; }
.mp2-sky .mp2communitytitle
  { background: #eeeeee; border-color: #cccccc; }
.mp2-sky .mp2communityinner
  { border-color: #cedff2; }
  { background: #fffffa; border-color: #ffffee; }
.mp2-sky .mp2quotetitle
  { background: #ffffee; border-color: #dddd00; }
  /* /sky */
/* water */
.mp2-water .mp2left
  { background: #eeeeee; border-color: #6495ED; }
.mp2-water .mp2lefttitle
  { background: #5FB3AC; border-color: #000000; }
.mp2-water .mp2right
  { background: #f5faff; border-color: #6495ED; }
.mp2-water .mp2righttitle
  { background: #5CACEE; border-color: #000000; }
.mp2-water .mp2community
   { background: #f9f9f9; border-color: #eeeeee; }
.mp2-water .mp2communitytitle
  { background: #5CACEE; border-color: #000000; }
.mp2-water .mp2communityinner
  { border-color: #6495ED; }
.mp2-water .mp2quote
  { background: #fffffa; border-color: #ffffee; }
.mp2-water .mp2quotetitle
  { background: #ffffee; border-color: #dddd00; }
/* /water */
 
/* pre style override */
pre.nostyle { padding:0; border:none; background:none; }


  /* this class can be used in the content area to make a link appear like a new page link */
  /* this class can be used in the content area to make a link appear like a new page link */
Line 156: Line 119:
  {
  {
   background: #eee;
   background: #eee;
   border: 1px solid #aaa;  
   border: none;  
   padding: 5px;
   padding: 5px;
  }
  }
Line 164: Line 127:
  table.stub, div.stub
  table.stub, div.stub
  {
  {
  border:1px solid #999;
   background: #f0f0f0;
   background:#fff;
   margin: 0 0 0.5em 0.5em;
   margin:0 0 .5em .5em;
   text-align: center;
   text-align:center;
   padding: 5px;
   padding:5px;
   clear: center;
   clear:center;
   font-size: 0.85em;
   font-size:smaller;
  }
  }


/* class for article disambiguation templates */
/* class for article disambiguation templates */
.disambig
.disambig
{
{
   background:#fff;
   background: #f0f0f0;
   border:1px solid #999;
   font-size: 0.85em;
   font-size:smaller;
   text-align: center;
   margin-bottom:3px;
   width: 85%;
   text-align:center;
   margin: 0 auto 3px auto;
}
}


  /* styling for MediaWiki:Edittools */
  /* styling for MediaWiki:Edittools */
  #edittools
  #edittools, #editpage-specialchars
  {
  {
   border:2px solid #F0F0F0;
   border:2px solid #F0F0F0;
Line 190: Line 152:
  }
  }


/* test of per-page css (remove tags from main page) */
  body.page-Main_Page #lastmod,  
  body.page-Main_Page #lastmod,  
  body.page-Main_Page #siteSub,  
  body.page-Main_Page #siteSub,  
Line 196: Line 157:
  body.page-Main_Page h1.firstHeading { display: none !important; }
  body.page-Main_Page h1.firstHeading { display: none !important; }


.mp2namebox { width:100%; background-color:#fcfcfc; border:1px solid #ccc; text-align:center }
.references-small { font-size: 0.85em; }
.mp2outer { width:55%; border-width: 1px; border-style: solid; vertical-align:top }
.mp2inner { vertical-align:top }
.mp2header { font-size:120%; border-width: 1px; border-style: solid; text-align:left; padding-left:0.4em }
.mp2community { margin:auto; border-width: 1px; border-style: solid; vertical-align:top; width:100% }
.mp2communitytitle, .mp2quotetitle { font-size:120%; border-width: 1px; border-style: solid; text-align:left; padding-left:0.4em }
.mp2communityinner { vertical-align:top; border-width: 1px; border-style: solid; padding:5px }
.mp2quote { margin:auto; vertical-align:top; border-width: 1px; border-style: solid; margin-top:8px }
 
.references-small { font-size: 90%;}
 


/* rounded corners */
/* rounded corners */
Line 229: Line 180:


#mp3-navlink #mp3-nav { display: none; }
#mp3-navlink #mp3-nav { display: none; }
//#mp3-navlink:hover #mp3-nav, #mp3-navlink.over #mp3-nav { display: block; }


#mp3-navlink { font-size: 1.1em; margin: auto; max-width: 600px; _width: expression(document.getElementById('mp3-nav-outer').offsetWidth > 600 ? '600px' : 'auto'); }
#mp3-navlink { font-size: 1.1em; margin: auto; max-width: 600px; _width: expression(document.getElementById('mp3-nav-outer').offsetWidth > 600 ? '600px' : 'auto'); }
Line 252: Line 202:
}  
}  


/* in-universe message boxes */
/* in-universe and out-of-universe message boxes */
.iumb
.iumb, .ooumb
{  
{  
     border-width: 0;
     border-width: 0;
Line 260: Line 210:
}
}


.iumb table
.iumb table, .ooumb table
{
{
     padding: 5px 10px 5px 10px;
     padding: 5px 10px 5px 10px;
     background: transparent;
     background: transparent;
    color: inherit;
}
.iumb table.hidable-content, .ooumb table.hidable-content
{
    padding: 0;
}
}


.iumb-icon
.iumb-icon, .ooumb-icon
{
{
     vertical-align: middle;
     vertical-align: middle;
Line 272: Line 228:
}
}


.iumb-main
.iumb-main, .ooumb-main
{
{
     padding: 0 0 0 10px;
     padding: 0 0 0 10px;
Line 280: Line 236:
{
{
     font-size: 1.3em;
     font-size: 1.3em;
    font-weight: bold;
}
.ooumb-caption
{
    font-size: 1em;
     font-weight: bold;
     font-weight: bold;
}
}
Line 286: Line 248:
{
{
     font-size: 0.8em;
     font-size: 0.8em;
}
.iumb-hidable-button, .ooumb-hidable-button
{
    text-align: right;
    margin: 0;
    padding: 0 5px 0 0;
    font-size: 0.8em;
    vertical-align: bottom;
}
.iumb-table-container, .ooumb-table-container
{
    width: 100%;
}
.iumb p
{
    margin-top: 0;
    margin-bottom: 0;
}
}


Line 315: Line 297:
}
}


#title-eraicons { display: none; }
#toc, .toc
{
    border-width: 0;
}
 
.spoiler
{
    background-color: #fff8f8;
    color: #000000;
    border-color: black;
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    text-align: center;
}
 
/*
    forum table
*/
.forumlist
{
    width: 100%;
    background: #f9f9f9;
}
 
.forumlist-header
{
    background: #f0f0f0;
}
 
.forumlist-header th
{
    text-align: left;
}
 
.forumlist th, .forumlist td
{
    padding: 3px;
}
 
.ahtable
{
    padding: 0;
    width: 85%;
}
 
.ahtable th, .ahtable td
{
    padding: 3px;
}
 
.ahth
{
    text-align: left;
}
 
.ahtable .ahrt, .ahtable .ahrb
{
    padding: 0;
}
 
.ahf
{
    text-align: left;
    font-weight: normal;
}
 
.ahfstatus
{
    font-weight: bold;
}
 
.hidable-button
{
    color: #088;
    cursor: pointer;
}
 
.infobox .hidable-button
{
    color: #f0f0f0;
}
 
#p-navigation .pBody, #p-interaction .pBody, #p-search .pBody, #p-tb .pBody, #p-search input
{
    text-transform: lowercase;
}
 
#p-search #searchInput
{
    text-transform: none;
}
 
// new navboxes
.nb2-wrapper
{
    text-align: center;
}
 
.nb2
{
//    margin: auto;
    border: 0;
}
 
.nb2-firstheading
{
    color: white;
    font-size: 1.1em;
    font-weight: bold;
    padding: 3px;
}
 
.nb2-inner
{
    width: 100%;
}
 
.nb2-inner th
{
    font-weight: bold;
}
 
.nb2-inner td
{
    font-size: 0.9em;
    text-align: center;
}
 
.nb2-end td
{
    font-size: 0.85em;
    text-align: center;
}
 
.nb-edi
{
    font-size: 0.85em;
}
 
.nb2 .nb-edi
{
    font-size: inherit;
}
 
.nb2-end a, .nb2-end .hidable-button
{
    color: #f9f9f9;
    text-transform: lowercase;
    text-decoration: none;
}
 
#search-icon-wrapper
{
    cursor: pointer;
}
 
#search-popup
{
    position: absolute;
    background: #f2f5f9;
    text-align: left;
    z-index: 8;
}
 
// "printable version" tweaks
@media print
{
    body, #content { background: white!important; }
 
    /* tweaks for title-messing templates */
    #title-override { left: 0px!important; font-weight: bold!important; background: #f4f8ff!important; }
    #title-eraicons { display: none!important; visibility: hidden;!important }
 
    div.tleft { border: none!important; }
    div.tright { margin-left: 13px!important; }
    div.thumb { background: inherit!important; }
 
    h1, h2, h3, h4, h5, h6, .firstHeading { background: inherit;!important }
 
    #toc { background: inherit!important; border-width: 0px!important }
 
    /* temporary hack; that div should be assigned class=noprint */
    .infoboxfooter { display:none;!important }
 
    .printfooter { background: inherit!important; }
    #catlinks, #footer { display:none;!important }
}
 
ul.special li a[title="User:Aidje"],
ul.special li a[title="User:Atarumaster88"],
ul.special li a[title="User:Azizlight"],
ul.special li a[title="User:Breathesgelatin"],
ul.special li a[title="User:Cull Tremayne"],
ul.special li a[title="User:Darth Culator"],
ul.special li a[title="User:Green tentacle"],
ul.special li a[title="User:Greyman"],
ul.special li a[title="User:Havac"],
ul.special li a[title="User:Imperialles"],
ul.special li a[title="User:Jaymach"],
ul.special li a[title="User:JSarek"],
ul.special li a[title="User:Kuralyov"],
ul.special li a[title="User:Lord Hydronium"],
ul.special li a[title="User:LtNOWIS"],
ul.special li a[title="User:MarcK"],
ul.special li a[title="User:Ozzel"],
ul.special li a[title="User:QuentinGeorge"],
ul.special li a[title="User:Riffsyphon1024"],
ul.special li a[title="User:R2-D2"],
ul.special li a[title="User:SFH"],
ul.special li a[title="User:Sikon"],
ul.special li a[title="User:Silly Dan"],
ul.special li a[title="User:SparqMan"],
ul.special li a[title="User:StarNeptune"],
ul.special li a[title="User:Xwing328"],
ul.special li a[title="User:WhiteBoy"] { font-weight: bold;color:#009900; font-style: bold }
 
/* Colored watchlist numbers */
.mw-plusminus-pos {
  color: #006400; /* darkgreen */
}
 
/* .mw-plusminus-null currently at developer default */
 
.mw-plusminus-neg {
  color: #cc2200; /* darkred */
}
 
.dablink {
  font-style:italic;
  padding-left:2em;
  }


/* </nowiki></pre> */
/* </nowiki></pre> */

Revision as of 03:00, 20 August 2007

/* <pre class="wrap"><nowiki> */

/** CSS placed here will be applied to all skins */
body
{
    cursor: default;
    font-family: sans-serif;
}

 .sitenotice-nav { display: none; }

 /* Fix size issues between different platforms */
 code, pre { font-size: 10pt!important }
 /* Class to force links to be underlined 
 To use: <span class="underlinelink">[[link]]</span>  --Paulgb */
 .underlinelink a { text-decoration: underline ! important; }
 /* Class to force links to be not underlined - See .underlinelink for use -Paulgb */
 .nounderlinelink a { text-decoration: none ! important; }
 .nounderlinelink a:hover { text-decoration: underline ! important; }
 .forum_title a.forum_new { font-weight: bold; }
 .forum_title a.forum_new:visited { font-weight: normal; }
 .allpagesredirect { font-style: italic; }

 /* buttons and input boxes */
 input[type="submit"] { border: 1px solid #aaa; border-bottom: 2px solid #aaa; border-right: 2px solid #aaa; background: #eee; }
 input[type="text"], input[type="password"], textarea[name="wpTextbox1"] { border: 1px solid #aaa; border-top: 2px solid #aaa; border-left: 2px solid #aaa; }

 /* pre style override */
 pre.nostyle { padding:0; margin:0; border:none; background:none; }

pre.wrap
{
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

 /* this class can be used in the content area to make a link appear like a new page link */
 #bodyContent .redlink a {color: #ba0000;}
 #bodyContent .redlink a.new:visited {color: #a55858;}

 /* Infobox template styling */
 .infobox
 {
   float: right;
   clear: right;
   margin: 0 0 .5em 1em;
   width: 250px;
   background: none;
   border-collapse: collapse;
   border-width: 0px;
   font-size: 0.8em;
   line-height: 1.5;
 }
 .infobox table.infoboxtable
 {
   background:#f0f0f0;
   float:right;
   margin:0;
   width:100%;
   border-collapse:collapse;
 }
 .infobox td.infoboximage
 {
   padding:0;
   text-align:center; 
 }
 .infobox th.infoboxheading
 {
   font-weight:bold;
   text-align:center;
   color:#ffffff;
   font-size:larger;
 }
 .infobox th.infoboxsubheading
 {
   vertical-align:top;
   text-align:left;
   font-weight:normal; 
 }
 .infobox td.infoboxlabel, .infobox td.infoboxcell
 {
   vertical-align: middle;
/*   border-top:1px solid #999;
   border-bottom:1px solid #999; */
 }

 /* ugly hack to force normal height for infobox cells */
 .infoboxcell p { margin-top: 0px; margin-bottom: 0px; }
 /* .infoboxcell ul { list-style-type: disc; } */

.infoboxcell ul
{
    padding-left: 10px;
    margin-left: 10px;
}

.infoboxcell ul li
{
    padding-left: 0;
    margin-left: 0;
    list-style-type: square;
}

 .infobox div.plainlinks
 {
     color: #fff;
 }

 .infobox div.plainlinks a
 {
     color: #f0f0f0;
 }

 /* class for forum navigation templates */
 .forumheader
 {
   background: #eee;
   border: none; 
   padding: 5px;
 }

 /* class for stub template styling */
 /* only applies to table and div elements - avoids conflicts with preexisting a.stub */
 table.stub, div.stub
 {
   background: #f0f0f0;
   margin: 0 0 0.5em 0.5em;
   text-align: center;
   padding: 5px;
   clear: center;
   font-size: 0.85em;
 }

/* class for article disambiguation templates */
.disambig
{
   background: #f0f0f0;
   font-size: 0.85em;
   text-align: center;
   width: 85%;
   margin: 0 auto 3px auto;
}

 /* styling for MediaWiki:Edittools */
 #edittools, #editpage-specialchars
 {
   border:2px solid #F0F0F0;
   background:#F9F9F9;
 }

 body.page-Main_Page #lastmod, 
 body.page-Main_Page #siteSub, 
 body.page-Main_Page #contentSub, 
 body.page-Main_Page h1.firstHeading { display: none !important; }

.references-small { font-size: 0.85em; }

/* rounded corners */
.rtop, .rbottom { display: block; padding: 0px; margin: 0px }
.rtop *, .rbottom * { display: block; height: 1px; overflow: hidden; padding: 0px }
.r1 {margin: 0 5px}
.r2 {margin: 0 3px}
.r3 {margin: 0 2px}
.r4 {margin: 0 1px; height: 2px}
/* end rounded corners */

#mp3-global ul {
    padding-left: 10px;
    margin-left: 10px;
}

#mp3-global ul li {
    padding-left: 0;
    margin-left: 0;
    list-style-type: square;
}

#mp3-navlink #mp3-nav { display: none; }

#mp3-navlink { font-size: 1.1em; margin: auto; max-width: 600px; _width: expression(document.getElementById('mp3-nav-outer').offsetWidth > 600 ? '600px' : 'auto'); }

.hoverable .hoverable-inner
{ display: none;
  position: absolute;
  top: auto;
  text-align: left;
}

.hoverable:hover .hoverable-inner, .hoverable.over .hoverable-inner { display: inline; }

/* class for message box template styling */
.messagebox
{
  clear:both;
  width:85%;
  margin:0px auto 3px auto;
  padding:3px;
  font-size:95%;
} 

/* in-universe and out-of-universe message boxes */
.iumb, .ooumb
{ 
    border-width: 0;
    text-align:left;
    padding: 0;
}

.iumb table, .ooumb table
{
    padding: 5px 10px 5px 10px;
    background: transparent;
    color: inherit;
}

.iumb table.hidable-content, .ooumb table.hidable-content
{
    padding: 0;
}

.iumb-icon, .ooumb-icon
{
    vertical-align: middle;
    padding: 0;
}

.iumb-main, .ooumb-main
{
    padding: 0 0 0 10px;
}

.iumb-caption
{
    font-size: 1.3em;
    font-weight: bold;
}

.ooumb-caption
{
    font-size: 1em;
    font-weight: bold;
}

.iumb-comment
{
    font-size: 0.8em;
}

.iumb-hidable-button, .ooumb-hidable-button
{
    text-align: right;
    margin: 0;
    padding: 0 5px 0 0;
    font-size: 0.8em;
    vertical-align: bottom;
}

.iumb-table-container, .ooumb-table-container
{
    width: 100%;
}

.iumb p
{
    margin-top: 0;
    margin-bottom: 0;
}

/* userboxes */
.userbox
{
    float: left;
    border-width: 1px;
    border-style: solid;
    margin: 1px;
    width: 238px;
    padding: 0px;
}

.ubx-icon
{
    width: 45px;
    height: 45px;
    text-align: center;
    font-size: 14pt;
    font-weight: bold;
}

.ubx-main
{
    font-size: 8pt;
    padding: 4pt;
    line-height: 1.25em;
}

#toc, .toc
{
    border-width: 0;
}

.spoiler
{
    background-color: #fff8f8;
    color: #000000;
    border-color: black;
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    text-align: center;
}

/*
    forum table
*/
.forumlist
{
    width: 100%;
    background: #f9f9f9;
}

.forumlist-header
{
    background: #f0f0f0;
}

.forumlist-header th
{
    text-align: left;
}

.forumlist th, .forumlist td
{
    padding: 3px;
}

.ahtable
{
    padding: 0;
    width: 85%;
}

.ahtable th, .ahtable td
{
    padding: 3px;
}

.ahth
{
    text-align: left;
}

.ahtable .ahrt, .ahtable .ahrb
{
    padding: 0;
}

.ahf
{
    text-align: left;
    font-weight: normal;
}

.ahfstatus
{
    font-weight: bold;
}

.hidable-button
{
    color: #088;
    cursor: pointer;
}

.infobox .hidable-button
{
    color: #f0f0f0;
}

#p-navigation .pBody, #p-interaction .pBody, #p-search .pBody, #p-tb .pBody, #p-search input
{
    text-transform: lowercase;
}

#p-search #searchInput
{
    text-transform: none;
}

// new navboxes
.nb2-wrapper
{
    text-align: center;
}

.nb2
{
//    margin: auto;
    border: 0;
}

.nb2-firstheading
{
    color: white;
    font-size: 1.1em;
    font-weight: bold;
    padding: 3px;
}

.nb2-inner
{
    width: 100%;
}

.nb2-inner th
{
    font-weight: bold;
}

.nb2-inner td
{
    font-size: 0.9em;
    text-align: center;
}

.nb2-end td
{
    font-size: 0.85em;
    text-align: center;
}

.nb-edi
{
    font-size: 0.85em;
}

.nb2 .nb-edi
{
    font-size: inherit;
}

.nb2-end a, .nb2-end .hidable-button
{
    color: #f9f9f9;
    text-transform: lowercase;
    text-decoration: none;
}

#search-icon-wrapper
{
    cursor: pointer;
}

#search-popup
{
    position: absolute;
    background: #f2f5f9;
    text-align: left;
    z-index: 8;
}

// "printable version" tweaks
@media print
{
    body, #content { background: white!important; }

    /* tweaks for title-messing templates */
    #title-override { left: 0px!important; font-weight: bold!important; background: #f4f8ff!important; }
    #title-eraicons { display: none!important; visibility: hidden;!important }

    div.tleft { border: none!important; }
    div.tright { margin-left: 13px!important; }
    div.thumb { background: inherit!important; }

    h1, h2, h3, h4, h5, h6, .firstHeading { background: inherit;!important }

    #toc { background: inherit!important; border-width: 0px!important }

    /* temporary hack; that div should be assigned class=noprint */
    .infoboxfooter { display:none;!important }

    .printfooter { background: inherit!important; }
    #catlinks, #footer { display:none;!important }
}

ul.special li a[title="User:Aidje"],
ul.special li a[title="User:Atarumaster88"],
ul.special li a[title="User:Azizlight"],
ul.special li a[title="User:Breathesgelatin"],
ul.special li a[title="User:Cull Tremayne"],
ul.special li a[title="User:Darth Culator"],
ul.special li a[title="User:Green tentacle"],
ul.special li a[title="User:Greyman"],
ul.special li a[title="User:Havac"],
ul.special li a[title="User:Imperialles"],
ul.special li a[title="User:Jaymach"],
ul.special li a[title="User:JSarek"],
ul.special li a[title="User:Kuralyov"],
ul.special li a[title="User:Lord Hydronium"],
ul.special li a[title="User:LtNOWIS"],
ul.special li a[title="User:MarcK"],
ul.special li a[title="User:Ozzel"],
ul.special li a[title="User:QuentinGeorge"],
ul.special li a[title="User:Riffsyphon1024"],
ul.special li a[title="User:R2-D2"],
ul.special li a[title="User:SFH"],
ul.special li a[title="User:Sikon"],
ul.special li a[title="User:Silly Dan"],
ul.special li a[title="User:SparqMan"],
ul.special li a[title="User:StarNeptune"],
ul.special li a[title="User:Xwing328"],
ul.special li a[title="User:WhiteBoy"] { font-weight: bold;color:#009900; font-style: bold }

/* Colored watchlist numbers */
.mw-plusminus-pos {
  color: #006400; /* darkgreen */
}

/* .mw-plusminus-null currently at developer default */

.mw-plusminus-neg {
  color: #cc2200; /* darkred */
}

.dablink {
  font-style:italic;
  padding-left:2em;
  }

/* </nowiki></pre> */