User:2257/monobook.css

/*

To preview or use this css, copy the following line to your monobook (at 
Special:Mypage/monobook.css). Don't copy the full text of this page, as that 
will prevent the skin from updating automatically.

@import "http://www.mariowiki.com/load.php?debug=false&lang=en&modules=user&only=styles&skin=monobook&user=Twentytwofiftyseven&*"

Screenshot:
http://i.imgur.com/wSSL2n8.png

It's designed for Firefox and also seems to work correctly in Google Chrome.

*/

@import "http://www.mariowiki.com/index.php?title=User_talk:Twentytwofiftyseven/test2&action=raw&ctype=text/css";

/* http://www.mariowiki.com/MediaWiki:Monobook.css */
/* http://www.mariowiki.com/skins/monobook/main.css?63 */

 /*Customizes the search bar*/
 #searchInput {
  width:8em;
  border:1px solid gray;
 } 

 /*Customizes sidebar*/
 div.pBody {
  border: 1px solid gray;
  background: #white;
  border-radius: 1em;
  margin-left:.4em;
  margin-bottom:.4em;
 }

 /*Alters the width of the portlets so the altered sidebar fits*/
 .portlet {
  width: 11.9em;
  margin-bottom:0em;
 }

 .portlet h5 {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 0.5em 0.5em 0.5em 0.5em;
 }

 /*Indents the labels above the sidebar sections to match the altered sidebar*/
 .mw-headline{
  padding-left:1em;
 }

 /*Same as above, but for the automatically generated labels, which don't have the same class.*/
 #p-search h5, #p-tb h5{
  padding-left:1.5em;
 }

 /*Makes the footer (About the MarioWiki･Disclaimers) round like everything else.*/
 div#footer {
  background-color: transparent;
  background-image: url("http://i.imgur.com/pzxL37Y.gif"), url("http://i.imgur.com/MTqpvQO.gif") ;
  background-position: 15% bottom, 85% bottom ;
  background-repeat: no-repeat ;
  border-color: #FABD23;
  border-image: url("http://i.imgur.com/vPB7K3i.gif") 32 24 16 24 fill repeat repeat ;
  border-style: solid;
  border-width: 32px 0 0 ;
  font-size: 90%;
  margin: 0.6em 0 0;
  padding: 0.9em 0 1.7em;
  position: relative;
  text-align: center;
 }

 #footer:before {
  content: url("http://i.imgur.com/E2ZIujm.gif");
  left: 36px;
  position: absolute;
  top: -120px;
 }

 /*Removes the image next to the "Personal Tools" at the top of the page*/
 li#pt-userpage,
 li#pt-anonuserpage,
 li#pt-login {
  background: none;
  padding-left: 20px;
  text-transform: none;
 }

 /*Makes fakelinks more realistic*/
 .fakelinks:hover {
  text-decoration:underline
 }
 
 body {
  background-attachment: scroll, fixed, fixed;
  background-image: url("http://i111.photobucket.com/albums/n159/YYXJKQJ/foreground.gif"), url("http://i.imgur.com/aVZZjKf.gif"), url("http://i.imgur.com/6kVXHwV.gif");
  background-position: center center, 91px 43px, 0 0;
  background-repeat: repeat, no-repeat, repeat;
 }

 #wpTextbox1, textarea, .pBody, .tright, .thumbcaption, input#wpSummary, select, input[type=text], input[type=password] {
  color:white;
  background-color: black;
  background-image: none;
  border: 1px solid grey;
 }

 pre, .mw-code {
  background: #002020;
  color: white;
  border-color: #206070;
 }
 
 div.thumbinner {
  background-color: black;
 }
 
 li.gallerybox div.thumb {
  background-color: transparent;
 }

 #p-cactions li  {
  color:white;
  background:rgba(0,0,0,0.8);
 }

 #p-cactions .pBody, #p-personal .pBody, div#content, .pBody, #footer {
  color:white;
  background:none;
 }

 div#content, div.pBody {
  border-image: url("http://i111.photobucket.com/albums/n159/YYXJKQJ/border-3.png") 16 16 19 16 fill round round ;
  -o-border-image: url("http://i111.photobucket.com/albums/n159/YYXJKQJ/border-3.png") 16 16 19 16 fill round round ;
  border-width: 16px;
  border-bottom-width:19px;
  background-color: transparent;
 }

 #p-cactions .pBody,#p-personal .pBody {
  border-image: none;
  -o-border-image: none;
  border: none;
  border-bottom:none;
  border-image-outset:none;
  -o-border-image-outset:none;
 }

 #p-cactions li a, #p-cactions li a:hover, #p-cactions li.selected a {
  background:none;
 }

 a,#p-cactions li a, #p-cactions li a:hover #p-cactions li a, #p-cactions li a:hover,#p-personal li a, .navtemplate td a{
  color:#90e8f8;
 }

 #p-personal li a, #p-personal li a:hover {
  background-color:rgba(0,0,0,0.8); 
  border-radius: 0.5em;
 }

 a.new, #p-cactions li.new a, #p-cactions li.new a:hover, .navtemplate td a.new {
  color:#f89888;
 }

 h1,h2,h3,h4,h5,h6{
  color:white;
 }

 a:visited, .navtemplate td a:visited {
  color:#207070;
 }

 a.new:visited, .navtemplate td a.new:visited {
  color: #d84018;
 }

 input[type="submit"]{
  color:white;
  background-color:black;
  cursor: pointer;
  background-color: White; 
  font-weight: normal;
  border-radius: 1em;
  background:black;
  border:1px solid gray;
 }

 #p-logo a, #p-logo a:hover {
  background-image:url("http://i.imgur.com/FBNLmqj.gif")!important;
  border:none;
  height:148px;
  width:148px;
  background-repeat: no-repeat;
  border-radius:1em;
  overflow:hidden;
  margin:2px;
 }

 #catlinks{
  background-color:black;
  border:none;
  background-image: 
   url("http://i.imgur.com/4OI8fTu.gif"), 
   url("http://i.imgur.com/uw59DiT.gif"), 
   url("http://i.imgur.com/GLGjYDB.gif"), 
   url("http://i.imgur.com/J4efHtz.gif"), 
   url("http://i.imgur.com/89pHHgR.gif") ;
  background-repeat:
   repeat-x,
   repeat-x,
   repeat-x,
   repeat-x,
   no-repeat;
  background-position:
   bottom right,
   bottom right;
  padding-bottom:32px;
  border-radius:1em;
  overflow:hidden;
 }

 td.diff-deletedline {
  background-color:#a89058;
  border-color:#585848;
 }

 td.diff-addedline {
  background-color:#488038;
  border-color:#285818;
 }

 td.diff-addedline .diffchange, td.diff-deletedline .diffchange {
  color:#683858;
  text-decoration:underline;
  background: rgba(255, 255, 255, 0.5);
 }

 td.diff-context {
  background-color:#206070;
  border-color:#084038;
  color:#084038;
 }

 table.diff, td.diff-otitle, td.diff-ntitle {
  background:none;
 }

 div.gallerybox div.thumb { border: none; }
 div.tleft,div.tright {border:none; }

 .ns--1 table, .ns--1 tr, .ns--1 td, .ns--1 th, .ns--1 tbody, .ns-14 table, .ns-14 tr, .ns-14 td, .ns-14 th, .ns-14 tbody{
  border:none;
 }

 #pagehistory li{
  border:none;
 }

 #pagehistory li.selected {
  background-color:#00002a;
  border:none;
 }
 
 body.page-Special_Recentchanges [href="/Super_Mario_Galaxy_2"]{
  background:none repeat scroll 0 0 #000088;
  color:white ;
  font-variant:small-caps; 
 }

 code {
  background-color:#444444;
 }

 .redirectText{
  background: url("http://i111.photobucket.com/albums/n159/YYXJKQJ/redirectltr-1.png") no-repeat scroll 0 0 transparent;
  padding-left: 47px;
 }

 img[alt="#REDIRECT "]{
  display:none;
 }

 ::selection, ::-moz-selection {
  background-color:#000054;
  color:#ABABFF;
  border:1px dashed #ABABFF;
 }

 .usermessage, .mw-js-message-watch {
  color:white;
  border: 2px dashed #488038;
  background-color:#285818;
 }

 .notice-template{
  color:white!important;
  background-color:#301010!important;
  border:1px dashed #683858!important;
 }

 .ns-14 #mw-pages table{
  background:none;
 }


 .userbox table{
  color:black;
 }

 table{
  background-color:inherit;
  color:white;
 }

 .mainpagebox, .mainpagebox#nav, #welcome{
  background-color:black;
  border:none;
  color:white;
 }

 .MainTopText a{
  color:white!important;
 }

 #featured.mainpagebox h2 {
  background-color:#004830;
 }

 #poll.mainpagebox h2 {
  background-color:#180838;
 }

 #shroom.mainpagebox h2 {
  background-color:#301010;
 }

 .mainpagebox h2#dyk {
  background-color:#206070;
 }

 .mainpagebox h2#poll {
  background-color:#a89058;
 }

 .mainpagebox h2#news {
  background-color:#285818;
 }

 .page-Main_Page h2 {
  border:none;
 }

 #toc, .toc {
  border-image: url("http://i.imgur.com/qx5PemU.gif") 16 16 16 16 fill round round;
  -o-border-image: url("http://i.imgur.com/qx5PemU.gif") 16 16 16 16 fill round round;
  border-width: 16px;
  background: none;
  padding: 0px;
 }

 .gallery, .gallery td {
  background:none;
  border:none;
 }

 .infobox {
  background-color:#00002a !important;
  color:white !important;
  border:none !important;
 }

 .infobox tr:nth-of-type(odd) td, .infobox tr:nth-of-type(odd) {
  background-color:#084038 !important;
  border: medium none !important;
 }

 .infobox tr:nth-of-type(even) td, .infobox tr:nth-of-type(even) {
  background-color:#002020 !important;
  border: medium none !important;
 }

 .infobox tr:nth-of-type(1) td, .infobox tr:nth-of-type(1), .infobox th {
  background-color:#206070 !important;
  border: medium none !important;
 }
 
 .infobox font, .infobox span {
  color: white!important;
 }

 .infobox.nonmario-infobox {
  border: medium none !important;
  color: black !important;
  background: none !important;
 }

 .infobox.nonmario-infobox tr td, .nonmario-infobox tr th {
  background-color: #FFA500 !important;
 }

 .infobox.nonmario-infobox tr:nth-of-type(n) {
  background-color: transparent !important;
 }

 #content ul ul ul ul ul li {list-style-image:url("http://i111.photobucket.com/albums/n159/YYXJKQJ/th_bullet1-1.gif");}

 #content ul ul ul li {list-style-image:url("http://i111.photobucket.com/albums/n159/YYXJKQJ/th_bullet2-1.gif");}

 #content ul ul li {list-style-image:url("http://i111.photobucket.com/albums/n159/YYXJKQJ/th_bullet3.gif");}

 #content ul ul ul ul li {list-style-image:url("http://i111.photobucket.com/albums/n159/YYXJKQJ/th_bullet4.gif");}

 #content ul li {list-style-image:url("http://i111.photobucket.com/albums/n159/YYXJKQJ/th_bullet5.gif");}

 #toc ul li,#toc ul ul li,#toc ul ul ul li,#toc ul ul ul ul li,#toc ul ul ul ul ul li {list-style-image:none;}

 #preferences {
  background-color: #180838;
  border-color: #503078;
  border-radius: 1em;
 }

 #preferences.jsprefs {
  border-radius: 0 1em 1em 1em;
 }
 
 #preferences fieldset {
  border-color: #503078;
  border-radius: 1em;
 }
 
 .prefsection table, .prefsection legend {
  background: none;
 }

 .prefsectiontip {
  background-color:#503078;
 }
 
 td.htmlform-tip {
  color: #503078;
 }
 
 ul#preftoc {
  position: relative;
  bottom: -1px;
 }
 
 ul#preftoc li {
  list-style-image: none;
  border-radius: 0.5em 0.5em 0 0;
  margin: 0;
  margin-right: 0.5em;
  bottom: 0;
  background-color: #180838;
  border-color: #503078;
  border-bottom: 1px solid #503078;
 }
 
 ul#preftoc li.selected {
  margin: 0;
  margin-right: 0.5em;
  top: 0;
  background-color: #180838;
  border-color: #503078;
  border-bottom: none;
  padding-bottom: 4px;
 }
 
 ul#preftoc li a {
  color: white;
 }

 ol.references > li:target, sup.reference:target {
  background-color:#000054;
 }

 .explain {
  color:white;
  border-bottom: 1px dotted white;
 }

 .shroom h1, .shroom h2, .shroom h3, .shroom h4, .shroom h5, .shroom h6, .shroom table,
 .shroomwinter h1, .shroomwinter h2, .shroomwinter h3, .shroomwinter h4, .shroomwinter h5, .shroomwinter h6, .shroomwinter table,
 .shroomspring h1, .shroomspring h2, .shroomspring h3, .shroomspring h4, .shroomspring h5, .shroomspring h6, .shroomspring table,
 .shroomsummer h1, .shroomsummer h2, .shroomsummer h3, .shroomsummer h4, .shroomsummer h5, .shroomsummer h6, .shroomsummer table,
 .shroomfall h1, .shroomfall h2, .shroomfall h3, .shroomfall h4, .shroomfall h5, .shroomfall h6, shroomfall table,
 .shroomspecial h1, .shroomspecial h2, .shroomspecial h3, .shroomspecial h4, .shroomspecial h5, .shroomspecial h6, .shroomspecial table
 {
  color:black;
 }

 .navtemplate .selflink {
  color:white;
 }

 .wikitable, .wikitable td, table.wikitable > tr > th, table.wikitable > * > tr > th, .wikitable tbody, .wikitable tr {
  background-color:black;
  color:white;
 }


 #globalWrapper .pds-box .pds-question-top,
 #globalWrapper .pds-box .pds-answer-span,
 #globalWrapper .pds-box .pds-feedback-label,
 #globalWrapper .pds-box .pds-view-results,
 #globalWrapper .pds-box .pds-return-poll,
 #globalWrapper .pds-box .pds-total-votes {
  color: white;
 }
 
 #globalWrapper .pds-box .pds-answer-feedback {
  background-color: #180838;
  border-color: #180838;
 }
 
 #globalWrapper .pds-box .pds-answer-feedback-bar {
  background-color: #503078;
  border-color: #503078;
 }
 
 table#niwa tr:first-child > td > a > img {
  background: none repeat scroll 0 0 white;
  border-radius: 1em;
  padding: 1em;
 }
 
 table#niwa table {
  background: none repeat scroll 0 0 black !important;
 }

 @keyframes slidein {
  from {
   transform: matrix(0.970126596,-0.242599231,0.242599231,0.970126596,0,0);
  }     
  to {
   transform: matrix(0.970126596,0.242599231,-0.242599231,0.970126596,0,0);
  }
 }

 [title="This article has been featured. Click for more information."] {
  background: url(http://i.imgur.com/cHTdcHi.gif);
  display: block;
  width: 32px;
  height: 32px;
  animation-direction: alternate;
  animation-duration: 0.4s;
  animation-iteration-count: infinite;
  animation-name: slidein;
  animation-timing-function: linear;
 }

 [title="This article has been featured. Click for more information."] * {
  display: none;
 }

 .navtemplate .mw-collapsible-toggle {
  position: absolute;
  right: 8px;
 }

 #column-one > :last-child {
  margin-bottom: 88px;
 }

 .navtemplate {
  border-image: url("http://i.imgur.com/kuQssE5.gif") 8 8 8 8 fill round round !important;
  border-width: 8px !important;
  position: relative;
 }

 .navtemplate td, .navtemplate th {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2) !important;
  color: white !important;
 }

 .navtemplate tr th a, .navtemplate tr:first-child th *:not(.mw-collapsible-toggle) a {
  color: white !important;
 }

 .navtemplate tr th .mw-collapsible-toggle[class] a {
  background-image: url("http://i.imgur.com/T1Se1yh.gif");
  color: transparent !important;
  display: inline-block;
  height: 16px;
  width: 16px;
 }

 .navtemplate .mw-collapsible-toggle.mw-collapsible-toggle-collapsed a {
  background-position: 16px 0;
 }
 
 .mw-search-formheader, fieldset#mw-searchoptions {
  background: none;
 }

 input, select {
  background: none repeat-x scroll 0 0 black;
  border: 1px solid gray;
  border-radius: 1em 1em 1em 1em;
  color: #FFFFFF;
  cursor: text;
  padding-left: 0.5em;
  padding-right: 0.5em;
 }
 
 select {
  padding-right: 0;
  border-radius: 1em 0 0 1em;
 }
 
 /*Makes buttons orange when clicked.*/
 input[type=submit]:active {
  border:1px solid orange;
  box-shadow: 0px 0px 5px orange;
  text-decoration:underline;
  color:orange;
 }

 div#userloginForm, div#userlogin {
  background-color: #180838;
  border: 1px solid #503078;
  border-radius: 1em 1em 1em 1em;
 }

 div#userloginForm table, div#userlogin table {
  background-color: rgba(0, 0, 0, 0);
 }

 div#userloginForm h2, div#userlogin h2 {
  border-color: #503078;
 }