ATTENTION: This wiki is fully discontinued. Please access the new wiki at animalcrossing.indyamos.com. You can import some pages from here, but no stubs. No page can be edited expect for sysops. For more information, An Animal Crossing Wiki from Miraheze will be at a new website at animalcrossing.indyamos.com. This will be an enhanced version of this wiki. Please view Special:Diff/57616 for more information.
MediaWiki:Monobook.css: Difference between revisions
From Animal Crossing Wiki
Jump to navigationJump to search
(removing discord links bcuz we don't have one (and hopefully it stays that way). attribution: https://animalcrossing.wikidex.net/wiki/MediaWiki:Monobook.css) |
(I have changed the theme for summer. Test: ing for sysops examples I’m not now, faster) |
||
| (11 intermediate revisions by 3 users not shown) | |||
| Line 40: | Line 40: | ||
border-bottom: 1px solid #777; | border-bottom: 1px solid #777; | ||
} | } | ||
/* Colors */ | |||
/* Colors — SUMMER DARK GREEN */ | |||
#searchBody { | #searchBody { | ||
border-right-radius:12px 0 0 12px; | border-right-radius:12px 0 0 12px; | ||
border-color:# | border-color:#0f4d1c; | ||
background:# | 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 { | #p-tb .pBody, #p-lang .pBody, #p-discord .pBody { | ||
border-color:# | border-color:#0f4d1c; | ||
background-color:# | background-color:#7fdc8a; | ||
border-right-radius:12px 0 0 12px; | border-right-radius:12px 0 0 12px; | ||
} | } | ||
#p-tb .pBody ul, #p-lang .pBody ul { margin-left:0px; } | #p-tb .pBody ul, #p-lang .pBody ul { margin-left:0px; } | ||
#p-tb .pBody li, #p-lang .pBody li { | #p-tb .pBody li, #p-lang .pBody li { | ||
list-style:none; | list-style:none; | ||
box-shadow:0 0 0.5em 0.1em # | box-shadow:0 0 0.5em 0.1em #c9ffd1; | ||
background-color:# | background-color:#c9ffd1; | ||
margin-top:6px; | margin-top:6px; | ||
text-align:center; | text-align:center; | ||
| Line 67: | Line 67: | ||
/*** Round edges (taken from Wikidex.net) ***/ | /*** Round edges (taken from Wikidex.net) ***/ | ||
#content { | #content { | ||
border-radius:12px 0 0 12px; | border-radius:12px 0 0 12px; | ||
| Line 87: | Line 86: | ||
body.skin-monobook #p-cactions li, | body.skin-monobook #p-cactions li, | ||
body.skin-monobook #p-cactions li.selected { | body.skin-monobook #p-cactions li.selected { | ||
border-color: # | border-color: #0f4d1c; | ||
padding-top:2px; | padding-top:2px; | ||
padding-bottom:2px; | padding-bottom:2px; | ||
| Line 95: | Line 94: | ||
body.skin-monobook #p-cactions li > a { | body.skin-monobook #p-cactions li > a { | ||
background-color:transparent; | background-color:transparent; | ||
color:# | color:#0f4d1c; | ||
} | } | ||
body.skin-monobook #p-cactions li.new > a { | body.skin-monobook #p-cactions li.new > a { | ||
| Line 102: | Line 101: | ||
body.skin-monobook #p-cactions li { | body.skin-monobook #p-cactions li { | ||
background-color:# | background-color:#7fdc8a; | ||
} | } | ||
| Line 121: | Line 120: | ||
} | } | ||
/*** User panel | /*** User panel ***/ | ||
div#column-content, #p-cactions, #p-logo { padding-top:40px; } | div#column-content, #p-cactions, #p-logo { padding-top:40px; } | ||
| Line 184: | Line 183: | ||
} | } | ||
body.skin-monobook li#pt-logout > a:hover { | body.skin-monobook li#pt-logout > a:hover { | ||
background-color:# | background-color:#fff7a8; | ||
box-shadow:0 0 0.5em 0.1em # | box-shadow:0 0 0.5em 0.1em #fff7a8; | ||
text-shadow:#999 1px 1px 1px; | text-shadow:#999 1px 1px 1px; | ||
text-decoration:none; | text-decoration:none; | ||
} | } | ||
/*** Level 2 Headings ***/ | /*** Level 2 Headings — SUMMER DARK GREEN GRADIENT ***/ | ||
body.ns-0 #mw-content-text .mw-parser-output > h2 { | body.ns-0 #mw-content-text .mw-parser-output > h2 { | ||
background-color: | background-color:#c9ffd1; | ||
background-image: | background-image: linear-gradient(to bottom, #c9ffd1 35%, #7fdc8a 65%); | ||
border-radius: 4px 20px 20px 4px; | border-radius: 4px 20px 20px 4px; | ||
color:white body.ns-0 #mw-content-text .mw-parser-output > h2 > .mw-headline > a { | color:white; | ||
color:white | } | ||
body.ns-0 #mw-content-text .mw-parser-output > h2 > .mw-headline > a { | |||
color:white; | |||
} | } | ||
/*** Level 3 Headings ***/ | /*** Level 3 Headings — SUMMER GREEN RAINBOW ***/ | ||
body.ns-0 #mw-content-text .mw-parser-output > h3 { | body.ns-0 #mw-content-text .mw-parser-output > h3 { | ||
font-size:18px; | font-size:18px; | ||
| Line 208: | Line 206: | ||
color:white; | color:white; | ||
text-shadow:0 0 3px black; | text-shadow:0 0 3px black; | ||
background-image: | 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; | border-radius:0 0 30px 0; | ||
padding:0 10px; | padding:0 10px; | ||
} | } | ||
body.ns-0 #mw-content-text .mw-parser-output > h3 > .mw-headline > a { | body.ns-0 #mw-content-text .mw-parser-output > h3 > .mw-headline > a { | ||
color:white | color:white; | ||
} | } | ||
| Line 238: | Line 246: | ||
} | } | ||
.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 { | .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; | border-radius: 10px; | ||
} | } | ||
| Line 250: | Line 260: | ||
} | } | ||
/* Users in color */ | /* Users in color — Administrators */ | ||
a[href$=":Birdie"]:not(.mw-usertoollinks-talk), | |||
a[href$=":Now,_Faster"]:not(.mw-usertoollinks-talk), | |||
color: # | a[href$=":Gstar"]:not(.mw-usertoollinks-talk), | ||
text-shadow: 1px 1px 1px | a[href$=":Mitzi"]:not(.mw-usertoollinks-talk) { | ||
color: #1f7a31 !important; | |||
text-shadow: 1px 1px 1px #0f4d1c; | |||
font-variant:small-caps; | font-variant:small-caps; | ||
font-family:'Comic Sans MS', sans-serif; | font-family:'Comic Sans MS', sans-serif; | ||
font-size: 15px; | font-size: 15px; | ||
font-style: normal | font-style: normal; | ||
font-weight: bold; | |||
font-weight: bold; | |||
} | } | ||
| Line 275: | Line 278: | ||
/*** Monobook Sidebar ***/ | /*** Monobook Sidebar ***/ | ||
#p-navigation ul { | #p-navigation ul { | ||
margin:0; | margin:0; | ||
} | } | ||
#p-navigation > div { | #p-navigation > div { | ||
border-color:# | border-color:#0f4d1c; | ||
background:# | background:#c9ffd1; | ||
padding:0; | padding:0; | ||
} | } | ||
#p-navigation li { | #p-navigation li { | ||
display:block; | display:block; | ||
list-style-image:none !important; | list-style-image:none !important; | ||
} | } | ||
#p-navigation li > a { | #p-navigation li > a { | ||
display:block; | display:block; | ||
| Line 303: | Line 303: | ||
border-bottom:1px solid #EEEEEE; | border-bottom:1px solid #EEEEEE; | ||
} | } | ||
#p-navigation > div > ul > li > a { | #p-navigation > div > ul > li > a { | ||
background:# | background:#7fdc8a; | ||
margin:1px 1px 0 1px; | margin:1px 1px 0 1px; | ||
padding:0 0 0 10px; | padding:0 0 0 10px; | ||
color:#fff; | color:#fff; | ||
text-shadow:#555 1px 1px 3px; | text-shadow:#555 1px 1px 3px; | ||
} | } | ||
#p-navigation > div > ul > li:hover > a { | #p-navigation > div > ul > li:hover > a { | ||
color:#fe8403; | color:#fe8403; | ||
text-shadow:# | text-shadow:#1f7a31 1px 1px 3px; | ||
} | } | ||
#p-navigation > div > ul > li > a > em { | #p-navigation > div > ul > li > a > em { | ||
right:8px; | right:8px; | ||
} | } | ||
#p-navigation em { | #p-navigation em { | ||
font-style:normal; | font-style:normal; | ||
| Line 328: | Line 325: | ||
position:absolute; | position:absolute; | ||
right:8px; | right:8px; | ||
top:0px | top:0px; | ||
} | } | ||
#p-navigation li > ul > li:hover > a { | #p-navigation li > ul > li:hover > a { | ||
background-color:# | background-color:#c9ffd1; | ||
} | } | ||
| Line 339: | Line 335: | ||
} | } | ||
#p-navigation ul.sub-menu { | #p-navigation ul.sub-menu { | ||
border:1px solid #aaa; | border:1px solid #aaa; | ||
| Line 352: | Line 347: | ||
} | } | ||
#p-navigation > div > ul > li > ul.sub-menu { | #p-navigation > div > ul > li > ul.sub-menu { | ||
margin-left:138px; | margin-left:138px; | ||
} | } | ||
} | } | ||
Latest revision as of 07:38, 1 June 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 (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;
}
}
