MediaWiki:Monobook.css: Difference between revisions

From the Super Mario Wiki, the Mario encyclopedia
Jump to navigationJump to search
No edit summary
No edit summary
Line 271: Line 271:
  }
  }


  [style*="position:fixed"] {
  .ns-3 [style*="position:fixed"] {
   display: none;
   display: none;
  }
  }

Revision as of 02:54, May 7, 2011

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

/* <h2> All pages </h2> */

/* <h3> Interface elements </h3> */

 body {
  background: #f9f9f9 url(images/mariowikiheadbg.png) repeat;
 }

 .pBody, 
 .portlet h5, 
 ul#f-list {
  font-family: verdana;
 }

 #p-personal a.new { 
  color: #f00; 
 }

 #p-personal a.new:visited { 
  color: #c00; 
 }

 li#pt-userpage,
 li#pt-anonuserpage,
 li#pt-login {
  background: url(images/mushroom.gif) top left no-repeat;
  padding: 1px 0 2px 20px;
  line-height: 17px;
 }

 textarea { 
  background: #FFFFFF url(images/marioeditbg.jpg); 
 }

 #file img, 
 .ns-6 .wikitable.filehistory img {
  background: url("images/Checker-16x16.png") repeat scroll 0 0 transparent;
  border: 1px solid white;
 }

 #siteNotice {
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  padding: 3px 2px 2px 2px;
  margin: 10px 0 -5px 0;
 }

 #firstHeading {
  margin-top: -3px;
 }

 .catlinks {
  background: #f9f9f9 url(images/papermariohead.jpg) no-repeat center right;
  margin-top: 10px;
 }

 #p-cactions ul li,
 #p-cactions ul li a,
 #p-cactions li.selected,
 #p-cactions li.selected a {  
  -moz-border-radius-topleft: 1em;
  -moz-border-radius-topright: 1em;
  -webkit-border-top-left-radius: 1em;
  -webkit-border-top-right-radius: 1em;
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;
  khtml-border-top-left-radius: 1em;
  khtml-border-top-right-radius: 1em;
  -icab-border-top-left-radius: 1em;
  -icab-border-top-right-radius: 1em;
 }

 div.pBody {
  -moz-border-radius-topright: 1em;
  -moz-border-radius-bottomright: 1em;
  -webkit-border-top-right-radius: 1em;
  -webkit-border-bottom-right-radius: 1em;
  border-top-right-radius: 1em;
  border-bottom-right-radius: 1em;
  khtml-border-top-right-radius: 1em;
  khtml-border-bottom-right-radius: 1em;
  -icab-border-top-right-radius: 1em;
  -icab-border-bottom-right-radius: 1em;
 }

 #p-cactions li {
  padding-bottom: 1em;
  -moz-border-radius-topleft: .72em !important;
  -moz-border-radius-topright: .72em !important;
  -webkit-border-top-left-radius: .72em !important;
  -webkit-border-top-right-radius: .72em !important;
  border-top-left-radius: .72em !important;
  border-top-right-radius: .72em !important;
  khtml-border-top-left-radius: .72em !important;
  khtml-border-top-right-radius: .72em !important;
  -icab-border-top-left-radius: .72em !important;
  -icab-border-top-right-radius: .72em !important;
 }

 #f-poweredbyico {
  margin-left: 30px;
  z-index: 0;
 }

 input.searchButton {
  padding: 0 0.4em !important;
  cursor: pointer;
  background-color: white;
  border: 1px solid #2f6fab; 
  font-weight: normal;
 } 

 #searchGoButton {
  font-weight: normal;
 }

 #searchInput {
  border: 1px solid #2f6fab; 
 } 

 input[type="radio"], 
 input[type="checkbox"] {
  border: none;
 }

 select {
  border: 1px solid #2f6fab; 
  color: black;
 }

 #content {
  margin: 2.8em 0 0 12.2em;
  padding-right: 133px;
  -moz-border-radius-topleft: 1em;
  -moz-border-radius-bottomleft: 1em;
  -webkit-border-top-left-radius: 1em;
  -webkit-border-bottom-left-radius: 1em;
  border-top-left-radius: 1em;
  border-bottom-left-radius: 1em;
  khtml-border-top-left-radius: 1em;
  khtml-border-bottom-left-radius: 1em;
  -icab-border-top-left-radius: 1em;
  -icab-border-bottom-left-radius: 1em;
 }

 #p-cactions {
  left: 11.7em;
 }

 .portlet {
  width: 11.8em;
 }

 #p-personal li a:hover {
  background-color: none;
  text-decoration: underline;
 }

 #p-cactions li a { 
  color: #00c; 
 }

 #p-cactions .new a { 
  color: #c00; 
 }

 .pBody {
  z-index: 3!important;
 }

/* <h3> Page content </h3> */

 a { 
  color: #00f; 
 }

 a:visited { 
  color: #00c; 
 }

 a:active { 
  color: orange; 
 }

 p { 
  margin: 0.9em 0em 1em 0em; 
 }

 h1, 
 h2, 
 h3, 
 h4, 
 h5, 
 h6 {
  color: black;
  margin: 0px;
 }

 pre { 
  border: 1px dashed #06f;
  overflow: auto;
 }

 #bodyContent h1, 
 #bodyContent h2, 
 #bodyContent h3, 
 #bodyContent h4, 
 #bodyContent h5 {
  margin-bottom: 0.6em;
 }

 .smalltoptext {
  font-size: 108%;
  float: right;
  position: absolute;
  right: 133px;
  top: 20px;
  white-space: nowrap;
 }

 .ipa { 
  font-family: "Arial Unicode MS","Charis SIL","DejaVu Sans",Gentium,"Lucida Sans Unicode","TITUS Cyberbit","DoulosSIL",Arial,"Courier New","Microsoft Sans Serif",Tahoma,"Times New Roman";
 }

 blockquote {
  border-left: 3px solid #06f;
  margin-left: 2em;
  padding-left: 1em;
 }

 ol.references {
  font-size: 90%; 
 }

 .references-small { 
  font-size: 80%; 
 }

 ol.references > li:target { 
  background-color: #ddeeff; 
 }

 sup.reference:target { 
  background-color: #ddeeff; 
 }

 .references { 
  font-size: 92%; 
 }

 table.gallery .gallerybox .gallerytext {
  text-align:center;
 }

 table.gallery .gallerybox .gallerytext p {
  margin:0;
 }

 table.gallery {
  margin: 2px auto;
 }

 #bodyContent a.extiw:active { 
  color: #06f; 
 }

 #bodyContent a.external { 
  color: #06f; 
 }

 .ns-3 [style*="position:fixed"] {
  display: none;
 }
 
/* <h2> Specific pages or groups of pages </h2> */

/* <h3> [[Main Page]] </h3> */

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

 body.page-Main_Page #bodyContent { 
  margin-top: 16px; 
 }

 .MainTopText a {
  color: black;
  text-decoration: none;
 }

 .MainTopText a:hover {
  color: black;
  text-decoration: underline;
 }

 .MainPageProposalBox h3 {
  font-size: 120%;
 }

 .mainpagebox {
  border: 2px solid #496C9C;
  padding: 2px;
  background: #F8F8FF;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
  khtml-border-radius: 1em;
  -icab-border-radius: 1em;
 }

 .mainpagebox#welcome {
  padding: 2px 2px 2px 0px;
 }

 .mainpagebox#nav {
  font-size: 120%;
  padding: 2px 2px 5px 0px;
  background: #FDFDFF;
  border-color: #999;
 }

 .mainpagebox#proposal,
 .mainpagebox#shroom {
  margin-top: 10px;
 }

 .mainpagebox#right {
  padding: 2px 2px 5px 2px;
 }

 .mainpagebox#maintain {
  text-align: center;
  padding: 0 2px 0 2px;
  margin-top: 10px;
 }

 .mainpagebox h2 {
  margin: 0;
  border: 2px solid #567CAF;
  font-size: 120%;
  font-weight: bold;
  padding: 0.2em 0.4em;
  color: #FFFFFF;
  text-align: center;
  -moz-border-radius: 0.75em;
  -webkit-border-radius: 0.75em;
  border-radius: 0.75em;
  khtml-border-radius: 0.75em;
  -icab-border-radius: 0.75em;
 }

 .mainpagebox#featured h2 {
  background: #009D00;
  border-color: #005100;
 }

 .mainpagebox#proposal h2 {
  background: #9B04FF;
  border-color: #4F0084;
 }

 .mainpagebox#shroom h2 {
  background: #EC0000;
  border-color: #9D0000;
 }

 .mainpagebox h2#news {
  background: #1C49FF;
  border-color: #001C8A;
 }

 .mainpagebox h2#poll {
  background: #FF8000;
  border-color: #914800;
 }

 .mainpagebox h2#dyk {
  background: #FF4868;
  border-color: #C60023;
 }

 .mainpagebox#announce {
  text-align: center;
  padding: 0 2px 0 2px;
  margin-top: 10px;
 }

 .mainpagebox#niwa {
  padding: 3px 2px 2px 2px;
 }

 .mainpagebox h2#tourney {
  background: #4682B4;
 }

 .mainpagebox#tourneysub {
  background-color: lightsteelblue;
  border: 2px solid #3b587e;
 }

 .mainpagebox#tourneybox {
  border-collapse: collapse;
  background: #F8F8FF;
 }

 .newpoll {
  width: 100%;
  background: transparent;
  text-align: center;
  table-layout: fixed;
  word-wrap: break-word;
 }

 .pollq {
  padding: 0 3px 0 6px;
  text-align: left;
 }

 .MainPageAffiliatesBox {
  padding: 0px 2px 7px 2px;
  color: #000;
  background: url(images/affiliatesbg2.jpg) repeat-x bottom #2A3054;
  border: 1px solid #000000;
  width: 100%;
  margin-top: 1px;
  margin-bottom: -5px;
 }

 .affiliates {
  text-align: center;
  font-size: 10px;
 }

 .affiliates a {
  background: none !important;
  padding: 0 !important;
 }

 .affiliates img {
  margin-top: 1px;
  margin-bottom: 2px;
 }

 .affiliates .affiliatesub {
  background-color: #FFFFFF;
  padding: 4px;
  border: 1px solid #790000;
  background-color: #FFF9F9;
 }

/* <h3> [[Mariowiki:Proposals]] </h3> */

 .page-MarioWiki_Proposals #content {
  background: #fefffe;
  color: black;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  khtml-border-radius: 8px;
  -icab-border-radius: 8px;
  border: 2px solid black;
  background: #ffffff url(http://img.photobucket.com/albums/v506/Kimi12715/MarioWiki/peerreviewbg.png);
 }

 .page-MarioWiki_Proposals #p-cactions li.selected a,
 .page-MarioWiki_Anniversary #p-cactions li.selected a {
  padding: 0 .8em .3em!important;
 }

/* <h3> [[Mariowiki:Chronology]] </h3> */

 #fh1,
 #fh2,
 #fh3,
 #fh4,
 #fh5,
 #fh6 {
  color: black;
  background: none;
  font-weight: normal;
  margin: 0;
  padding-top: .5em;
  padding-bottom: .17em;
  border-bottom: 1px solid #aaa;
 }

 #fh1 {
  font-size: 188%;
 }

 #fh2 {
  font-size: 150%; 
 }

 #fh3,
 #fh4,
 #fh5,
 #fh6 {
  border-bottom: none;
  font-weight: bold;
 }

 #fh3 { 
  font-size: 132%; 
 }

 #fh4 { 
  font-size: 116%; 
 }

 #fh5 { 
  font-size: 100%; 
 }

 #fh6 { 
  font-size: 80%;  
 }

 #bodyContent #fh1, 
 #bodyContent #fh2 {
  margin-bottom: .6em;
 }

 #bodyContent #fh3, 
 #bodyContent #fh4, 
 #bodyContent #fh5 {
  margin-bottom: .3em;
 }

/* <h3> [[Mariowiki:Anniversary]] </h3> */

 .page-MarioWiki_Anniversary #content {
  background: #fffefe;
  color: black;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  khtml-border-radius: 8px;
  -icab-border-radius: 8px;
  border: 2px solid black;
  background: #ffffff url(http://img.photobucket.com/albums/v506/Kimi12715/MarioWiki/Untitled-2copy-1.png);
 }

/* <h3> [[Special:WebChat]] </h3> */

 body.page-Special_Chat #content, body.page-Special_WebChat #content {
  color: black;
  background: #e9e9ff;
  border: 2px dashed #99f;
  padding: 20px;
 }

/* <h3> The 'Shroom </h3> */

/* <h4> Normal theme </h4> */

 .shroom {
  background: #d4e6ea url(images/c/c9/Mushroombg.png) repeat;
  padding: 0.3em;
  color: black;
 }

/* <h4> Autumn theme </h4> */

 .shroomfall {
  background: #FFFFFF url(images/f/f2/Shroomfall.png) repeat;
  padding: 0.3em;
  color: black;
 }

 .shroomfall a {
  color: #8A2BE2; 
  text-decoration: none; 
 }

 .shroomfall a:visited { 
  color: #7F007F; 
 }

 .shroomfall a:active { 
  color: #4169E1; 
 }

/* <h4> Winter theme </h4> */

 .shroomwinter {
  background: #d4e6ea url(images/3/35/Shroomwinter.png) repeat;
  padding: 0.3em;
  color: black;
 }

 .shroomwinter a { 
  color: green; 
  text-decoration: none; 
 }

 .shroomwinter a:visited { 
  color: #030; 
 }

 .shroomwinter a:active { 
  color: green; 
 }

/* <h4> Spring theme </h4> */

 .shroomspring {
  background: #FFFFFF url(images/3/37/Shroomspring.png) repeat;
  padding: 0.3em;
  color: black
 }

 .shroomspring a {
  color: blue; 
  text-decoration: none; 
 }

 .shroomspring a:visited { 
  color: purple; 
 }

 .shroomspring a:active { 
  color: blue; 
 }

/* <h4> Summer theme </h4> */

 .shroomsummer {
  background: #FFFFFF url(images/8/8d/Shroomsummer.png) repeat;
  padding: 0.3em;
  color: black;
 }

 .shroomsummer a {
  color: blue; 
  text-decoration: none; 
 }

 .shroomsummer a:visited { 
  color: purple; 
 }

 .shroomsummer a:active { 
  color: blue; 
 }

/* <h4> Summer water edition theme </h4> */

 .shroomsummerwatered {
  background: #FFFFFF url(images/8/8d/Shroomsummer.png) repeat;
  padding: 0.3em;
  color: black;
 }

 .shroomsummerwatered a {
  color: blue; 
  text-decoration: none; 
 }

 .shroomsummerwatered a:visited { 
  color: purple; 
 }

 .shroomsummerwatered a:active { 
  color: blue; 
 }

/* <h4> Silver theme </h4> */

 .shroom2 {
  border: 2px solid #aaa;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
  khtml-border-radius: 1em;
  -icab-border-radius: 1em;
  background: #FFFFFF url(images/e/e8/SilverMushroombg.PNG) repeat;
  padding: 0.3em;
  color: black;
 }

 .shroom2 a:hover,
 .shroom2 p:hover,
 .shroom2 li:hover,
 .shroom2 h1:hover{ 
  background: #fff; 
 }

/* <h3> Templates </h3> */

/* <h4> {{tem|Super Mario Bros.}} </h4> */

 .template-smb tr:first-child th {
  background-image:url(images/1/1a/Temp_SMB_a.png), url(images/1/1d/Temp_SMB_b.png);
  background-repeat:no-repeat,no-repeat;
  background-attachment:scroll, scroll;
  background-color:black;
  background-position:left center, right center;
  text-align:center;
  font-size:12px;
 }

 .template-smb tr:first-child th [href="javascript:void(0);"] {
  color:yellow;
 }

 .template-smb tr:first-child th a:not([href="javascript:void(0);"]) {
  color:white;
  font-style:italic;
 }

 .template-smb tr:nth-child(n+2) th {
  background-color:#d82800;
 }

 .template-smb tr:nth-child(2n) td {
  background-color:#fc9838;
 }

 .template-smb tr:nth-child(2n+1) td {
  background-color:#fdc188;
 }

 .template-smb td {
  text-align:left;
 }

 .template-smb tr:nth-child(2) th{
  width:72px;
 }

/* <h4> {{tem|Button}} </h4> */

 .defaultbutton {
  background: white;
  border: 1px solid black;
  padding: 0px 0.5em;
  border-radius: 1em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  khtml-border-radius: 1em;
  -icab-border-radius: 1em;
  font-variant: small-caps;
  color: black;
  font-size: smaller;
  white-space:nowrap;
  display: inline;
 }

 .button{
  background:url(http://www.mariowiki.com/images/thumb/7/75/Def_Button.svg/16px-Def_Button.svg.png) no-repeat;
  font-size:smaller;
  font-variant:small-caps;
  padding:0 3px;
  white-space:nowrap;
  width:10px;
  height:16px;
  display:inline-block;
  overflow:hidden
 }

/* <h4> {{tem|Funwarning}} </h4> */

 .shroommidnight {
  background: #11176d url(images/f/fc/ShroomMidnight.png) repeat;
  padding: 0.3em;
  color: #3FFF00;
 }

 .shroommidnight a, 
 .shroommidnight a.external {
  color:#a8e7ff !important;
 }

 .shroommidnight a:visited,
 .shroommidnight a.external:visited {
  color:#a3bde8 !important;
 }

/* <h4> {{tem|PipeWarning}} </h4> */

 .pipe {
  background: #d4e6ea url(images/f/fd/Pipewarning_image.png) repeat;
  padding: 0.3em;
  color: black;
 }

/* <h4> {{tem|Fakewarning}} </h4> */

 .fakecup {
  background: #d4e6ea url(images/f/fd/GreenTea.png) repeat;
  align: center;
  width: 60%;
  padding: .5em 1em;
  color: black;
  border: 2px solid #000000;
  -moz-border-radius: 1em;
 }

/* <h4> {{tem|Sigbox}} </h4> */

 .sigbox {
  background: url(images/sigboxbg.png) no-repeat top left;
  min-height: 35px;
  min-width: 295px;
 }

/* <h4> {{tem|ShroomInviteXLV}} </h4> */

 @font-face {
  font-family: plum;
  src: url('PlumScript.ttf');
 }

 .invite {
  background-image:url(images/c/c6/Shroom_background.png);
  width:747px;
  height:352px;
  color:#ffc90e;
  font-family:plum;
  position:relative;
  line-height:29px;
 }

 .invite  .one {
  font-size:32px;
  padding-left:248px;
  padding-top:25px;
  position:absolute;
  line-height:57px;
 }

  .invite  .two {
  font-size:18px;
  padding-left:247px;
  padding-top:84px;
  position:absolute;
  padding-right:1em;
  line-height:32px;
 }

 .invite  .two  * {
  width:150px;
  float:right;
  height:21px;
 }

  .invite  .three {
  font-size:24px;
  position:absolute;
  padding-top:215px;
  padding-left:398px;
  line-height:43px;
 }

/* <h4> {{tem|Fakelink}} </h4> */

 .fakelinks {
  cursor: pointer;
  color: #002bb8;
 }

 .fakelinks:hover {
  text-decoration: underline;
 }

/* <h4> {{tem|Shroom}} </h4> */

 .template-shroom ul,
 .template-shroom ul li {
  list-style-image:url("http://www.mariowiki.com/images/3/35/Shroombull.png");
 }

/* <h4> {{tem|NIWA}} </h4> */

 .niwa-ext,
 .niwa-ext tr,
 .niwa-ext td,
 .niwa-ext th {
  border: 0px;
  padding: 0px;
  margin: 0px;
 }

/* <h2> Misc / Unsorted </h2> */

 .special li {
  line-height: 19px;
 }

 #navbox { 
  /* border: 1px solid #2f6fab; */
  border: 1px solid #aaaaaa;
  background-color: #f9f9f9;
  padding: 5px;
  font-size: 95%;
  margin-left: 15px;
  margin-bottom: 15px;
 }

 #preftoc a:active { 
  color: #00c; 
 }

 .ns-104 div.thumb {
  border-color: transparent;
 }

 html .thumbimage {
  background: white;
 }

 .IntroPageBox {
  background-color: #ffe;
  background-repeat: no-repeat;
  background-position: bottom right;
 }

 .IntroPageBox div.tright {
  border-color: transparent !important;
 }

 .oldh3 {
  font-size: 132%; 
 }

 .spoiler {
  width: 70%;
  padding: 0.2em;
  margin: 10px;
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
 }

 .easywrap {
  width: 100%;
  table-layout: fixed;
  word-wrap: break-word;
  overflow: hidden;
 }

 #disambig {
  border-top: 3px double #cccccc; 
  border-bottom: 3px double #cccccc;
 }

/* creates a div class that can be used to add mouse-over functionality. */

 .hoverexpand {
  height: 18px;
  padding: 2px;
  overflow: hidden;
  *overflow: visible;
  _overflow: visible;
 }

 .hoverexpand:hover {
  height: 100%;
  overflow: visible;
 }

 .right {
  text-align: right;
 }

 .fakenews {
  background: url(images/e/e0/Version2small.png);
 }

 .interview {
  background: url(images/a/ab/Yoshi_Emblem.gif);
 }

 .navbox {
  border:1px solid gray; 
  width:100%; font-size:11px; 
  font-family:Arial; 
  text-align:right;
 }