MediaWiki:Common.css: Difference between revisions

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> */