MediaWiki:Monobook.css: Difference between revisions

Latest revision as of 16:43, 8 September 2026

/* 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 ***/
.portlet h3, #p-cactions ul li a {
text-transform: none !important;
}

.portlet h3 {
display: block;
margin: 0;
height: self;
background:#5a3e1b; /* dark brown */
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 — AUTUMN BROWN + GOLD */
#searchBody {
border-right-radius:12px 0 0 12px;
border-color:#5a3e1b;
background:#d9a441 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:#5a3e1b;
background-color:#d9a441;
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 #f2e3c6;
background-color:#f2e3c6;
margin-top:6px;
text-align:center;
width:133px;
line-height:20px;
border-radius:5px;
}

/*** Round edges ***/
#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: #5a3e1b;
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:#5a3e1b;
}

body.skin-monobook #p-cactions li.new > a {
color:#a43a3a; /* cranberry red */
}

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

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: #a43a3a;
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:#f2e3c6;
box-shadow:0 0 0.5em 0.1em #f2e3c6;
text-shadow:#999 1px 1px 1px;
text-decoration:none;
}

/*** Level 2 Headings — AUTUMN GOLD GRADIENT ***/
body.ns-0 #mw-content-text .mw-parser-output > h2 {
   background-color:#f2e3c6;
   background-image: linear-gradient(to bottom, #f2e3c6 35%, #d9a441 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 — AUTUMN HARVEST 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,
      #a43a3a 10%,   /* cranberry */
      #f2e3c6 20%,   /* tan */
      #d9a441 30%,   /* gold */
      #d46a1c 40%,   /* pumpkin */
      #d9a441 50%,
      #f2e3c6 60%,
      #a43a3a 70%,
      #f2e3c6 80%,
      #d9a441 90%,
      #f2e3c6 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$=":Walt"]:not(.mw-usertoollinks-talk),
a[href$=":Daisy"]:not(.mw-usertoollinks-talk),
a[href$=":Gstar"]:not(.mw-usertoollinks-talk),
a[href$=":Elmer"]:not(.mw-usertoollinks-talk) {
     color: #d46a1c !important; /* pumpkin orange */
     text-shadow: 1px 1px 1px #5a3e1b;
     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:#5a3e1b;
background:#f2e3c6;
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:#d9a441;
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:#d46a1c;
text-shadow:#5a3e1b 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:#f2e3c6;
}

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

}