User:2257/monobook.css: Difference between revisions

From the Super Mario Wiki, the Mario encyclopedia
Jump to navigationJump to search
mNo edit summary
mNo edit summary
Line 163: Line 163:
  #content, .pBody {
  #content, .pBody {
   border-image: url("http://i111.photobucket.com/albums/n159/YYXJKQJ/border-3.png") 16 16 19 16 fill round round !important;
   border-image: url("http://i111.photobucket.com/albums/n159/YYXJKQJ/border-3.png") 16 16 19 16 fill round round !important;
  -moz-border-image: url("http://i111.photobucket.com/albums/n159/YYXJKQJ/border-3.png") 16 16 19 16 fill round round !important;
   -o-border-image: url("http://i111.photobucket.com/albums/n159/YYXJKQJ/border-3.png") 16 16 19 16 fill round round !important;
   -o-border-image: url("http://i111.photobucket.com/albums/n159/YYXJKQJ/border-3.png") 16 16 19 16 fill round round !important;
   -webkit-border-image: url("http://i111.photobucket.com/albums/n159/YYXJKQJ/border-3.png") 16 16 19 16 fill round round !important;
   -webkit-border-image: url("http://i111.photobucket.com/albums/n159/YYXJKQJ/border-3.png") 16 16 19 16 fill round round !important;
Line 169: Line 168:
   border-bottom-width:19px!important;
   border-bottom-width:19px!important;
   border-image-outset:16px;
   border-image-outset:16px;
  -moz-border-image-outset:16px;
   -o-border-image-outset:16px;
   -o-border-image-outset:16px;
   -webkit-border-image-outset:16px;
   -webkit-border-image-outset:16px;
Line 176: Line 174:
  #p-cactions .pBody,#p-personal .pBody {
  #p-cactions .pBody,#p-personal .pBody {
   border-image: none!important;
   border-image: none!important;
  -moz-border-image: none!important;
   -o-border-image: none!important;
   -o-border-image: none!important;
   -webkit-border-image: none!important;
   -webkit-border-image: none!important;
Line 182: Line 179:
   border-bottom:none;
   border-bottom:none;
   border-image-outset:none;
   border-image-outset:none;
  -moz-border-image-outset:none;
   -o-border-image-outset:none;
   -o-border-image-outset:none;
   -webkit-border-image-outset:none;
   -webkit-border-image-outset:none;
Line 306: Line 302:
  }
  }


  ::-moz-selection {
  ::selection, ::-moz-selection {
   background-color:#000054;
   background-color:#000054;
   color:#ABABFF;
   color:#ABABFF;
Line 382: Line 378:
  .toc {
  .toc {
   border-image: url("http://i.imgur.com/qx5PemU.gif") 16 16 16 16 fill round round!important;
   border-image: url("http://i.imgur.com/qx5PemU.gif") 16 16 16 16 fill round round!important;
  -moz-border-image: url("http://i.imgur.com/qx5PemU.gif") 16 16 16 16 fill round round!important;
   -o-border-image: url("http://i.imgur.com/qx5PemU.gif") 16 16 16 16 fill round round!important;
   -o-border-image: url("http://i.imgur.com/qx5PemU.gif") 16 16 16 16 fill round round!important;
   -webkit-border-image: url("http://i.imgur.com/qx5PemU.gif") 16 16 16 16 fill round round!important;
   -webkit-border-image: url("http://i.imgur.com/qx5PemU.gif") 16 16 16 16 fill round round!important;
   border-width: 16px!important;
   border-width: 16px!important;
   border-image-outset:16px;
   border-image-outset:16px;
  -moz-border-image-outset:16px;
   -o-border-image-outset:16px;
   -o-border-image-outset:16px;
   -webkit-border-image-outset:16px;
   -webkit-border-image-outset:16px;

Revision as of 06:41, August 23, 2013

/*

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/index.php?title=User:Twentytwofiftyseven/monobook.css&action=raw&ctype=text/css";

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

 /*Makes search buttons orange when clicked.*/
 input.searchButton:active {
  border:1px solid orange;
  box-shadow: 0px 0px 5px orange;
  text-decoration:underline;
  color:orange;
 }

 /*Customizes the search bar*/
 #searchInput {
  border-radius: 1em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  align: left;
  width:8em;
  background:black url() repeat-x;
  border:1px solid gray;
  cursor:text!important;
  color:white;
 } 

 /*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 {
  border-bottom-colors: none;
  border-left-colors: none;
  border-right-colors: none;
  border-top-colors: none;
  background-image: url("http://i.imgur.com/pzxL37Y.gif"), url("http://i.imgur.com/MTqpvQO.gif") !important;
  background-position: 15% bottom, 85% bottom !important;
  background-repeat: no-repeat !important;
  border-color: #FABD23;
  border-image: url("http://i.imgur.com/vPB7K3i.gif") 32 24 16 24 fill round round !important;
  border-style: solid;
  border-width: 32px 0 0 !important;
  font-size: 90%;
  margin: 0.6em 0 0;
  padding: 0.9em 0 1.7em;
  position: relative;
  text-align: center;
  z-index: -1;
 }

 #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
 }

 /*Moves smalltoptext to a small tab at the bottom of the window.*/
 .smalltoptext {
  border:none!important;
  position:fixed!important;
  border-radius:0em!important;
  border-radius-topleft:1em!important;
  border-radius-topright:1em!important;
  bottom:0em!important;
  right:0em!important;
  overflow:hidden!important;
  border:1px solid #aaa!important;
  border-bottom:none!important;
  height:auto!important;
  top:auto!important;
  background:black!important;
  padding:0em 1em!important;
  z-index:6;
 }

 /* For preventing the outer border around the cactions:
 #p-cactions li {
  border:none!important;
  background-color:transparent!important;
 }*/

 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,.pBody,#footer,pre,.thumb,.tright,.thumbinner,.thumbcaption,input#wpSummary, select, input[type=text], input[type=password]{
  color:white!important;
  background-color:black!important;
  background-image:none!important;
  border: 1px solid grey;
 }

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

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

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

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

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

 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:cyan;
 }

 #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:pink;
 }

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

 a:visited, .navtemplate td a:visited {
  color:darkcyan;
 }

 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://i111.photobucket.com/albums/n159/YYXJKQJ/0595-SuperMarioAdvance3Jwater.png"),
   url("http://i111.photobucket.com/albums/n159/YYXJKQJ/0595-SuperMarioAdvance3Jpoochy1.png")!important;
  background-repeat:
   repeat-x,
   no-repeat;
  background-position:
   bottom right,
   bottom right;
  padding-bottom:32px;
  border-radius:1em;
  overflow:hidden;
 }

 .diff-deletedline {
  background-color:#a89058!important;
 }

 .diff-addedline {
  background-color:#70b090!important;
 }

 .diffchange {
  color:#683858!important;
  text-decoration:underline!important;
 }

 .diff-context {
  background-color:#206070!important;
 }

 .diff-otitle,.diff-ntitle {
  background:none!important;
 }

 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!important;
 }

 #pagehistory li.selected {
  background-color:#00002a!important;
 }

 #pagehistory li{
  border:none!important;
 }

 body.page-Special_Recentchanges [href="/Super_Mario_Galaxy_2"]{
  background:none repeat scroll 0 0 #000088;
  color:white !important;
  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!important;
  background-color:#285818!important;
 }

 .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!important;
 }

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

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

 .MainTopText a{
  color:white!important;
 }

 #featured h2 {
  background-color:#004830!important;
 }

 #featuredi h2 {
  background-color:#180838!important;
 }

 #proposal h2 {
  background-color:#301010!important;
 }

 h2#dyk {
  background-color:#206070!important;
 }

 h2#poll {
  background-color:#a89058!important;
 }

 h2#news {
  background-color:#285818!important;
 }

 .page-Main_Page h2 {
  border:none!important;
 }

 .diff {
  background:none!important;
 }

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

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

 .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;
 }

 #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:#301010;
 }

 .prefsectiontip {
  background-color:#683858!important;
 }

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

 .navbox .selflink {
  color:black!important;
 }

 .wikitable, .wikitable td, .wikitable th, .wikitable tbody, .wikitable tr {
  background-color:black!important;
  color:white;
 }


 .pds-box .pds-question-top, .pds-box .pds-answer-span, .pds-box .pds-feedback-label {
  color: white!important;
 }
 
 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 .mw-collapsible-toggle 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;
 }

 * {
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
 }