MediaWiki:Common.css: Difference between revisions

Latest revision as of 15:18, 24 May 2010

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

 /* 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 }
    #title-icons { 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 }
}

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

/* Allow limiting of which header levels are shown in a TOC; <div class="toclimit-3">, for
   instance, will limit to showing ==headings== and ===headings=== but no further (as long as
   there are no =headings= on the page, which there shouldn't be according to the MoS). */
.toclimit-2 .toclevel-2 {display:none;}
.toclimit-3 .toclevel-3 {display:none;}
.toclimit-4 .toclevel-4 {display:none;}
.toclimit-5 .toclevel-5 {display:none;}
.toclimit-6 .toclevel-6 {display:none;}
.toclimit-7 .toclevel-7 {display:none;}

/* Class for links with loudspeaker icon next to them */
/* (Used in [[Template:Audio]] and the like to make the speaker clickable) */
 
.audiolink a {
	/* Original url - http://images.wikia.com/starwars/images/8/8a/Loudspeaker.svg/11px-Loudspeaker.svg.png */
	background: url("http://images3.wikia.nocookie.net/starwars/images/thumb/8/8a/Loudspeaker.svg/11px-Loudspeaker.svg.png") center left no-repeat !important;
	padding-left: 16px !important;
	padding-right: 0 !important;
}

.hidebox {
	border: 1px solid #eee;
	padding: 3px;
	margin: auto;
}

/* Jack says this will kill MultiUpload in the sidebar */
#p-tb li#t-multiupload { display: none; }

/* Trying to kill the policy-violating "add images" crap */
#wmuLinkDiv {display:none !important}
#wmu-imagebutton {display:none !important}
#wmu_imagebutton {display:none !important}
#mw-editbutton-wmu {display:none !important}
#wmuLink {display:none !important}

/* Highlight clicked reference in blue to help navigation */
ol.references > li:target { background-color: #D8E9FC; }
sup.reference:target { background-color: #D8E9FC; }

/* Link FAs in other languages */

#p-lang li.FA {
	list-style-image: url("http://images2.wikia.nocookie.net/starwars/images/1/10/InterwikiFA.png");
}

/* New styling for appearance lists, used in Template:App */
table.appearances {
	padding: 5px;
	width: 100%;
	border: 1px solid #D6F0F5;
	-moz-border-radius: 6px;
	margin-bottom: 4px;
	text-align: left;
	clear: left;
}
table.appearances tr td { vertical-align: top; }

/* remove talk link from forum namespace (monobooks/newskins/quartzskins/monaco) -Splarka (on Central) */
body.ns-100 #ca-talk, body.ns-100 #this_talk, body.ns-100 #page_tabs li+li  { display: none; }

/* Put a checker background at the image description page only visible if the image has transparent background (import from Central) */
#file img {
	background: url("http://images.wikia.com/central/images/5/5d/Checker-16x16.png") repeat;
}


.galaxymap {
	background-image: url(http://images.wikia.com/starwars/images/d/d2/MainGalaxy.jpg);
}

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