MediaWiki:Monobook.css

Note: After publishing, 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.

/* All CSS here will be loaded for users of the MonoBook skin */
/*** Background ***/
body {
background: url("http://indy.snowsherrill.com/images/5/51/Wiki-background.png");
background-attachment: fixed;
}

/*** Side menu (extracted from Wikidex.net) ***/
.portlet h3, #p-cactions ul li a {
text-transform: none !important;
}
/* Black headers */
.portlet h3 {
display: block;
margin: 0;
height: self;
background:#333;
color:white;
}
/* Finder order */
#sidebar {
display:flex;
flex-direction: column;
}
#p-search {
order: -1;
}
body.skin-monobook #f-copyrightico {
margin-left:15px; margin-top:35px;
}
body.skin-monobook #f-poweredbyico {
margin-top:35px;
}
div#footer {
width:86%;
border-radius:12px 0 0 12px;
margin-left:auto;
border-top: 1px solid #888;
border-left: 1px solid #777;
border-bottom: 1px solid #777;
}

/* Colors — SUMMER DARK GREEN */
#searchBody {
border-right-radius:12px 0 0 12px;
border-color:#0f4d1c;
background:#7fdc8a url(http://indy.snowsherrill.com/images/b/b0/Reflected_shadow.png) right top repeat-x;
}

#p-tb .pBody, #p-lang .pBody, #p-discord .pBody {
border-color:#0f4d1c;
background-color:#7fdc8a;
border-right-radius:12px 0 0 12px;
}
#p-tb .pBody ul, #p-lang .pBody ul { margin-left:0px; }

#p-tb .pBody li, #p-lang .pBody li {
list-style:none;
box-shadow:0 0 0.5em 0.1em #c9ffd1;
background-color:#c9ffd1;
margin-top:6px;
text-align:center;
width:133px;
line-height:20px;
border-radius:5px;
}

/*** Round edges (taken from Wikidex.net) ***/
#content {
border-radius:12px 0 0 12px;
border-top-color:#888;
border-left-color:#777;
border-bottom-color:#777;
border-width: 1px;
}

body.ns-0:not(.page-Cover) #content {
border-radius:12px 0 0 0;
border-bottom-color:#aaa;
}

/* Eyelashes */
#p-cactions li, #p-cactions li > a {
border-radius:10px 10px 0 0;
}
body.skin-monobook #p-cactions li,
body.skin-monobook #p-cactions li.selected {
border-color: #0f4d1c;
padding-top:2px;
padding-bottom:2px;
font-size:13px;
font-family:'Trebuchet MS', 'Arial', 'Helvetica', sans-serif;
}
body.skin-monobook #p-cactions li > a {
background-color:transparent;
color:#0f4d1c;
}
body.skin-monobook #p-cactions li.new > a {
color:#c20;
}

body.skin-monobook #p-cactions li {
background-color:#7fdc8a;
}

body.skin-monobook #p-cactions li.selected,
body.skin-monobook #p-cactions li:first-child,
body.skin-monobook #p-cactions li#ca-talk,
body.skin-monobook #p-cactions li:hover {
background-color:#FFFFFF;
}

body.skin-monobook #p-cactions li.selected > a,
body.skin-monobook #p-cactions li:hover > a {
background-color:#FFFFFF;
}

body.skin-monobook #p-cactions {
margin-top:-2px;
}

/*** User panel ***/
div#column-content, #p-cactions, #p-logo { padding-top:40px; }

body.skin-monobook #column-one { padding-top:200px; }

body.skin-monobook #p-personal li {
margin: 0;
}
body.skin-monobook #p-personal a {
     background-color: rgba(0,0,0,.4);
}
body.skin-monobook li#pt-anonuserpage {
color: #eee;
}
body.skin-monobook #p-personal a.mw-echo-notifications-badge {
background-color: transparent;
border-left: none;
margin-left: 5px;
line-height: normal;
}
#p-personal #pt-talk-alert a {
background-color: #e9e9e9;
color: #a40d0d;
text-shadow: none;
font-weight: bold;
}

body.skin-monobook #p-personal li > a {
color:#fff;
text-shadow: 1px 1px #333;
line-height:35px;
border-left:1px solid #999;
padding:2px 5px;
}

body.skin-monobook #p-personal li#pt-userpage > a {
border-left:0;
color:#e9e9e9;
font-weight:bold;
border-radius:10px 0 0 10px;
}

#p-personal li#pt-mytalk > a.mw-echo-alert {
color:#000;
font-weight:bold;
text-shadow: initial;
}

body.skin-monobook #p-personal li > a:hover, body.skin-monobook #p-personal li.active > a:hover {
background-color:#e9e9e9;
box-shadow:0 0 0.5em 0.1em #e9e9e9;
text-shadow:#999 1px 1px 1px;
text-decoration:none;
}

body.skin-monobook #p-personal li#pt-userpage > a:hover {
color:white !important;
}

li#pt-logout > a {
border-radius:0 10px 10px 0;
}
body.skin-monobook li#pt-logout > a:hover {
background-color:#fff7a8;
box-shadow:0 0 0.5em 0.1em #fff7a8;
text-shadow:#999 1px 1px 1px;
text-decoration:none;
}

/*** Level 2 Headings — SUMMER DARK GREEN GRADIENT ***/
body.ns-0 #mw-content-text .mw-parser-output > h2 {
   background-color:#c9ffd1;
   background-image: linear-gradient(to bottom, #c9ffd1 35%, #7fdc8a 65%);
   border-radius: 4px 20px 20px 4px;
   color:white;
}
body.ns-0 #mw-content-text .mw-parser-output > h2 > .mw-headline > a {
     color:white;
}

/*** Level 3 Headings — SUMMER GREEN RAINBOW ***/
body.ns-0 #mw-content-text .mw-parser-output > h3 {
    font-size:18px;
    font-family:'Arial Black', 'Arial Rounded MT Bold', sans-serif;
    color:white;
    text-shadow:0 0 3px black;
    background-image:linear-gradient(
      to bottom,
      #ffb7d5 10%,
      #c9ffd1 20%,
      #7fdc8a 30%,
      #fff7a8 40%,
      #7fdc8a 50%,
      #c9ffd1 60%,
      #ffb7d5 70%,
      #c9ffd1 80%,
      #7fdc8a 90%,
      #c9ffd1 100%
    );
    border-radius:0 0 30px 0;
    padding:0 10px;
}

body.ns-0 #mw-content-text .mw-parser-output > h3 > .mw-headline > a {
     color:white;
}

/*** Related pages ***/
.ra-read-more {
padding: 5px 0 0;
background: #ebebeb;
border-radius: 0px 0px 0px 12px;
border-left: 1px solid #777;
border-bottom: 1px solid #777;
}

.ra-read-more h2 {
color: #282828;
font-weight: bold;
padding-left: 13px;
}

.ra-read-more .ext-related-articles-card-list {
margin-left: 13px
}

.ext-related-articles-card-list .ext-related-articles-card,
.ext-related-articles-card-list .ext-related-articles-card:first-child,
.ext-related-articles-card-list .ext-related-articles-card:last-child {
border-radius: 10px;
}

.ext-related-articles-card-list .ext-related-articles-card-thumb {
border-radius: 10px 0px 0px 10px;
}

.ext-related-articles-card-list .ext-related-articles-card-detail {
margin-right: 2px;
}

/* Users in color — Administrators */
a[href$=":Birdie"]:not(.mw-usertoollinks-talk),
a[href$=":Now,_Faster"]:not(.mw-usertoollinks-talk),
a[href$=":Gstar"]:not(.mw-usertoollinks-talk),
a[href$=":Mitzi"]:not(.mw-usertoollinks-talk) {
     color: #1f7a31 !important;
     text-shadow: 1px 1px 1px #0f4d1c;
     font-variant:small-caps;
     font-family:'Comic Sans MS', sans-serif;
     font-size: 15px;
     font-style: normal;
     font-weight: bold;
}

/* Desktop-only styles */
@media screen and (min-width: 551px) {

/*** Monobook Sidebar ***/
#p-navigation ul {
margin:0;
}
#p-navigation > div {
border-color:#0f4d1c;
background:#c9ffd1;
padding:0;
}
#p-navigation li {
display:block;
list-style-image:none !important;
}
#p-navigation li > a {
display:block;
position:relative;
background:#fff;
color:#000;
font-size:14.9px;
font-family:'Trebuchet MS', 'Arial', 'Helvetica', sans-serif;
padding:0 0 0 10px;
line-height:24px;
font-weight:bold;
text-decoration:none;
border-bottom:1px solid #EEEEEE;
}
#p-navigation > div > ul > li > a {
background:#7fdc8a;
margin:1px 1px 0 1px;
padding:0 0 0 10px;
color:#fff;
text-shadow:#555 1px 1px 3px;
}
#p-navigation > div > ul > li:hover > a {
color:#fe8403;
text-shadow:#1f7a31 1px 1px 3px;
}
#p-navigation > div > ul > li > a > em {
right:8px;
}
#p-navigation em {
font-style:normal;
font-family:arial,sans-serif;
font-size:16pt;
font-weight:bold;
line-height:20px;
position:absolute;
right:8px;
top:0px;
}
#p-navigation li > ul > li:hover > a {
background-color:#c9ffd1;
}

#p-navigation li:hover > ul.sub-menu {
display:block;
}

#p-navigation ul.sub-menu {
border:1px solid #aaa;
display:none;
background:#fff;
position:absolute;
padding:1px;
width:200px;
margin-left:195px;
margin-top:-27px;
z-index:100;
}

#p-navigation > div > ul > li > ul.sub-menu {
margin-left:138px;
}

}