MediaWiki:Monobook.css

From The Infosphere, the Futurama Wiki
Revision as of 16:36, 22 March 2008 by Svip (talk | contribs) (You are aware that # refers to id? Secondly, the content part won't be picked up by search engines as it is added with CSS, something search engines doesn't care about.)
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: Press Ctrl-F5.
/* edit this file to customize the monobook skin for the entire site */
/*</pre>
<source lang="css">*/
body {
  font-size: 10px;
  background: url(/images/2/27/The_Infosphere_Background.png) repeat-x #16b9f2;
}

body.page-Main_Page h1.firstHeading {
    display: none !important;
}

#siteSub {
  display: block !important;
  font-style: italic;
  font-weight: normal;
  font-size: 70%;
  margin: 0 !important;
  padding: 0;
  padding-left: 15px;
}
#siteSub:after {content: ", a Futurama Wiki" }

#p-navigation h5,
#p-tb h5,
#p-search h5 {
  padding-left: 15px;
  background: #16b9f2;
  border-right: 1px solid #0f789f;
  border-top: 1px solid #0f789f;
  color: #99ccff;
}

#p-personal li {
  border-bottom: 1px solid #b3b3b3;
  background-color: #16b9f2;
  margin-top: 0;
  padding-top: 2px;
  margin-left: 0;
  margin-right: 0;
  padding-right: 3px;
  padding-left: 3px;
}

#p-personal li a {
  color: #225522;
}

#p-personal li#pt-userpage {
  padding-left: 15px;
}

.pBody, #content {
  border-color: #0f789f;
}

/*#content {
  background-color: #ffffff;
}*/

#column-one h5 {
  background-color: #1292c2;
}

#p-cactions li, #p-cactions li a {
  border-color: #0f789f;
}

#p-cactions li.selected, #p-cactions li.selected a, #p-cactions li a:hover {
  border-color: #efb876;
  border-left-color: #0f789f;
  border-right-color: #0f789f;
  border-bottom: 0;
}

.ns-8 #content,
.ns-8 #p-cactions li a {
  background: #ddddff;
}

.ns-0 #content,
.ns-9 #content {
  background: #ffffff !important;
}

#footer {
  background: #149dd0;
}

td.mainLeftBox{
background-image:url(/images/b/b2/MainPageFryTestImage.png);
background-repeat: no-repeat;
background-position: bottom right
}

td.mainRightBox{
background-image:url(/images/6/67/MainPageBenderTestImage.png);
background-repeat: no-repeat;
background-position: bottom right
}

td.mainBottomBox{
background-image:url(/images/0/04/MainPageToadTestImage.png);
background-repeat: no-repeat;
background-position: bottom center
}

.reasonContent {
  border: 1px solid #d3d3d3;
  background: #f0f0f0;
  width: 50%;
  display: none;
  padding: 5px;
}
.reasonContent div {
  border-bottom: 1px solid #d3d3d3;
  background: #d3d3d3;
  font-weight: bold;
  padding: 2px 5px;
}

/* </source> 
==Infobox styling==
<source lang="css"> */
.infobox {
  float: right;
  width: 250px;
  border: 1px solid #d3d3d3;
  background: #f0f0f0;
  font-size: 0.9em;
  padding:3px;
  margin: 0px 0px 5px 15px;
}

.infobox th {
  text-align: right;
  vertical-align: top;
}

.infobox td {
  vertical-align: top;
}

.infoboxCentre, .infoboxHeader {
  text-align: center !important;
}

.infoboxHeader {
  background: #d3d3d3;
  padding: 1px 5px;
}

.infoboxSeasonList {
  font-size:90%;
  padding: 0 5px;
}

.infoboxSeasonList ol {
  width: 180px;
  padding: 0 0 0 10px;
  margin: 5px 20px 0;
}

.infoboxSeasonList ol ol {
  width: 180px;
  padding: 0 0 0 10px;
  margin: 0 13px;
}

/* </source>
== Site-table stylings ==
<source lang="css"> */
table.overview {
  background: #c3c3c3;
  width: 100%;
}

.overview td {
  background:#f3f3f3;
}

.overview th {
  background: #e3e3e3;
}

.overview tr.oCentre td, .overview .oCentre {
  text-align: center;
}

.overview tr.oLeft td, .overview .oLeft {
  text-align: left !important;
}

.overview tr.oRight td, .overview .oRight {
  text-align: right !important;
}

.overview tr.oTop td, .overview .oTop {
  vertical-align: top;
}

/* </source>
==Navigation styling==
<source lang="css"> */

.navigation {
  width:100%;
  background: #e3e3e3;
  margin-bottom: 5px;
  padding: 0;
}

.navLeft, .navRight {
  width: 25%;
  margin: 0;
  padding: 0;
}

.navLeft, .navCRight {
  text-align: left;
}

.navCentre {
  text-align: center;
  margin: 0;
  padding: 0;
  width: 50%;
}

.navRight, .navCLeft {
  text-align: right;
}

.epcut th {
  margin:0;
  padding: 0;
}

.navCRight {
  margin-left: 10px;
}

.navCLeft {
  margin-right: 10px;
}

.navCCentre {
  text-align: center;
  width: 20%;
}

/*</source>
==Other minor styles==

===Quotes===
<source lang="css">*/
.quotes .poem {
  margin-left: 15px;
  margin-bottom: 3px;
  margin-top: 3px;
  display: list-item;
}
/*</source><pre>*/