MediaWiki:Monobook.css: Difference between revisions

Revision as of 19:22, 18 December 2024

/* 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;
colour: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 */
#searchBody {
border-right-radius:12px 0 0 12px;
border-color:#333;
background:#ff8f38 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:#333;
background-color:#ff8f38;
border-right-radius:12px 0 0 12px;
}
#p-discord a.discordlink {
display:inline-block;
width: 120px;
height: 40px;
padding: 5px 3px 0;
}

#p-discord a.discordlink svg {
background: #fff;
border: 2px solid #7289DA;
}
#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 #00fffb;
background-color:#00fffb;
margin-top:6px;
text-align:center;
width:133px;
line-height:20px;
border-radius:5px;
}

/*** Round edges (taken from Wikidex.net) ***/
/* Content space */
#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: #333;
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:#333;
}
body.skin-monobook #p-cactions li.new > a {
color:#c20;
}

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

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 (extracted from Wikidex.net and modified by Zebra Cadabra) ***/
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:#93fff0;
box-shadow:0 0 0.5em 0.1em #93fff0;
text-shadow:#999 1px 1px 1px;
text-decoration:none;
}

/*** Level 2 Headings ***/
body.ns-0 #mw-content-text .mw-parser-output > h2 {
   background-color:lightblue;
   background-image: -moz-linear-gradient(top, lightblue 35%, blue 65%);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, lightblue), color-stop(65%, blue));
   background-image: -o-linear-gradient(top, lightblue 35%, blue 65%);
   background-image: -ms-linear-gradient(top, lightblue 35%, blue 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 ***/
body.ns-0 #mw-content-text .mw-parser-output > h3 {
    font-size:18px;
    font-family:'Arial Black', 'Arial Rounded MT Bold', sans-serif;
    colour:white;
    text-shadow:0 0 3px black;
    background-image:-webkit-gradient(linear, right top, right bottom, color-stop(10%,#3eb4ba), color-stop(20%,#1b8b89), color-stop(30%,#3ebaba), color-stop(40%,#1b8b88), color-stop(50%,#3ebab8), color-stop(60%,#1b8b83), color-stop(70%,#BA713E), color-stop(80% ,#1b8b88), color-stop(90%,#3eb4ba), color-stop(100%, #1b8b83));
    border-radius:0 0 30px 0;
    -moz-border-radius:0 0 30px 0;
    -webkit-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$=":Environment and Climate Change Canada"]:not(.mw-usertoollinks-talk) {
     color: #14FF00 !important;
     text-shadow: 1px 1px 1px green;
     font-variant:small-caps;
     font-family:'Comic Sans MS', sans-serif;
     font-size: 15px;
font-style: normal;
font-weight: bold;
}
  a[href$=":Zebra_Cadabra"]:not(.mw-usertoollinks-talk) {
     color: #2bcd1d !important;
     text-shadow: 1px 1px 1px green;
     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 ***/
/*without ugly padding */
#p-navigation ul {
margin:0;
}
#p-navigation > div {
border-color:#333;
background:#a5ff8c;
padding:0;
}
/*not a list*/
#p-navigation li {
display:block;
list-style-image:none !important;/*by IE*/
}
/*general design of the links*/
#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;
}
/*special only for the first level menu*/
#p-navigation > div > ul > li > a {
background:#8dff6e url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAWCAYAAAABxvaqAAAAGklEQVQIW2MIeaX9n4F0wvmW1H8GqyMipBEA8Z0xWTSPOj8AAAAASUVORK5CYIIA') repeat-x left center;
margin:1px 1px 0 1px;
padding:0 0 0 10px;
color:#fff;
width:auto;
text-shadow:#555 1px 1px 3px;
}
#p-navigation > div > ul > li:hover > a {
color:#fe8403;
text-shadow:#79aa6c 1px 1px 3px;
}
#p-navigation > div > ul > li > a > em {
right:8px;
}
/* submenu marker */
#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
}
/*hover*/
#p-navigation li > ul > li:hover > a {
background-color:#03fefa;
}

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

/* general submenu*/
#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;
}

/* Only the first */
#p-navigation > div > ul > li > ul.sub-menu {
margin-left:138px;
}
/*** End Monobook Sidebar ***/

}