ATTENTION: This wiki has been fully discontinued. The Animal Crossing Wiki, formerly hosted on Miraheze, has relocated to animalcrossing.indyamos.com as an enhanced version of this project. Certain pages may be imported from here, but stubs cannot be imported. No pages can be edited except by sysops. For additional information, please view Special:Diff/57616.
MediaWiki:Monobook.css: Difference between revisions
From Animal Crossing Wiki
Jump to navigationJump to search
(I have changed the theme for summer. Test: ing for sysops examples I’m not now, faster) |
(I changed the theme to autumn. I have heard that my friend and a iDaisy member Giraffe ipad is editing the iDaisy wiki!) |
||
| Line 6: | Line 6: | ||
} | } | ||
/*** Side menu | /*** Side menu ***/ | ||
.portlet h3, #p-cactions ul li a { | .portlet h3, #p-cactions ul li a { | ||
text-transform: none !important; | text-transform: none !important; | ||
} | } | ||
.portlet h3 { | .portlet h3 { | ||
display: block; | display: block; | ||
margin: 0; | margin: 0; | ||
height: self; | height: self; | ||
background:# | background:#5a3e1b; /* dark brown */ | ||
color:white; | color:white; | ||
} | } | ||
/* Finder order */ | /* Finder order */ | ||
#sidebar { | #sidebar { | ||
| Line 23: | Line 24: | ||
flex-direction: column; | flex-direction: column; | ||
} | } | ||
#p-search { | #p-search { order: -1; } | ||
order: -1; | |||
body.skin-monobook #f-copyrightico { | body.skin-monobook #f-copyrightico { | ||
margin-left:15px; margin-top:35px; | margin-left:15px; margin-top:35px; | ||
| Line 32: | Line 32: | ||
margin-top:35px; | margin-top:35px; | ||
} | } | ||
div#footer { | div#footer { | ||
width:86%; | width:86%; | ||
| Line 41: | Line 42: | ||
} | } | ||
/* Colors — | /* Colors — AUTUMN BROWN + GOLD */ | ||
#searchBody { | #searchBody { | ||
border-right-radius:12px 0 0 12px; | border-right-radius:12px 0 0 12px; | ||
border-color:# | border-color:#5a3e1b; | ||
background:# | 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 { | #p-tb .pBody, #p-lang .pBody, #p-discord .pBody { | ||
border-color:# | border-color:#5a3e1b; | ||
background-color:# | background-color:#d9a441; | ||
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 #f2e3c6; | ||
background-color:# | background-color:#f2e3c6; | ||
margin-top:6px; | margin-top:6px; | ||
text-align:center; | text-align:center; | ||
| Line 66: | Line 68: | ||
} | } | ||
/*** Round edges | /*** Round edges ***/ | ||
#content { | #content { | ||
border-radius:12px 0 0 12px; | border-radius:12px 0 0 12px; | ||
| Line 84: | Line 86: | ||
border-radius:10px 10px 0 0; | border-radius:10px 10px 0 0; | ||
} | } | ||
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: #5a3e1b; | ||
padding-top:2px; | padding-top:2px; | ||
padding-bottom:2px; | padding-bottom:2px; | ||
| Line 92: | Line 95: | ||
font-family:'Trebuchet MS', 'Arial', 'Helvetica', sans-serif; | font-family:'Trebuchet MS', 'Arial', 'Helvetica', sans-serif; | ||
} | } | ||
body.skin-monobook #p-cactions li > a { | body.skin-monobook #p-cactions li > a { | ||
background-color:transparent; | background-color:transparent; | ||
color:# | color:#5a3e1b; | ||
} | } | ||
body.skin-monobook #p-cactions li.new > a { | body.skin-monobook #p-cactions li.new > a { | ||
color:# | color:#a43a3a; /* cranberry red */ | ||
} | } | ||
body.skin-monobook #p-cactions li { | body.skin-monobook #p-cactions li { | ||
background-color:# | background-color:#d9a441; | ||
} | } | ||
| Line 116: | Line 121: | ||
} | } | ||
body.skin-monobook #p-cactions { | body.skin-monobook #p-cactions { margin-top:-2px; } | ||
margin-top:-2px; | |||
} | |||
/*** User panel ***/ | /*** User panel ***/ | ||
div#column-content, #p-cactions, #p-logo { padding-top:40px; } | div#column-content, #p-cactions, #p-logo { padding-top:40px; } | ||
body.skin-monobook #column-one { padding-top:200px; } | |||
body.skin-monobook # | 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 { | body.skin-monobook #p-personal a.mw-echo-notifications-badge { | ||
background-color: transparent; | background-color: transparent; | ||
| Line 140: | Line 138: | ||
line-height: normal; | line-height: normal; | ||
} | } | ||
#p-personal #pt-talk-alert a { | #p-personal #pt-talk-alert a { | ||
background-color: #e9e9e9; | background-color: #e9e9e9; | ||
color: # | color: #a43a3a; | ||
text-shadow: none; | text-shadow: none; | ||
font-weight: bold; | font-weight: bold; | ||
| Line 168: | Line 167: | ||
} | } | ||
body.skin-monobook #p-personal li > a:hover, body.skin-monobook #p-personal li.active > a:hover { | body.skin-monobook #p-personal li > a:hover, | ||
body.skin-monobook #p-personal li.active > a:hover { | |||
background-color:#e9e9e9; | background-color:#e9e9e9; | ||
box-shadow:0 0 0.5em 0.1em #e9e9e9; | box-shadow:0 0 0.5em 0.1em #e9e9e9; | ||
| Line 179: | Line 179: | ||
} | } | ||
li#pt-logout > a { | li#pt-logout > a { border-radius:0 10px 10px 0; } | ||
border-radius:0 10px 10px 0; | |||
body.skin-monobook li#pt-logout > a:hover { | body.skin-monobook li#pt-logout > a:hover { | ||
background-color:# | background-color:#f2e3c6; | ||
box-shadow:0 0 0.5em 0.1em # | box-shadow:0 0 0.5em 0.1em #f2e3c6; | ||
text-shadow:#999 1px 1px 1px; | text-shadow:#999 1px 1px 1px; | ||
text-decoration:none; | text-decoration:none; | ||
} | } | ||
/*** Level 2 Headings — | /*** Level 2 Headings — AUTUMN GOLD 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:#f2e3c6; | ||
background-image: linear-gradient(to bottom, # | background-image: linear-gradient(to bottom, #f2e3c6 35%, #d9a441 65%); | ||
border-radius: 4px 20px 20px 4px; | border-radius: 4px 20px 20px 4px; | ||
color:white; | color:white; | ||
} | } | ||
body.ns-0 #mw-content-text .mw-parser-output > h2 > .mw-headline > a { | body.ns-0 #mw-content-text .mw-parser-output > h2 > .mw-headline > a { | ||
color:white; | color:white; | ||
} | } | ||
/*** Level 3 Headings — | /*** Level 3 Headings — AUTUMN HARVEST 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 208: | ||
background-image:linear-gradient( | background-image:linear-gradient( | ||
to bottom, | 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; | border-radius:0 0 30px 0; | ||
| Line 265: | Line 265: | ||
a[href$=":Gstar"]:not(.mw-usertoollinks-talk), | a[href$=":Gstar"]:not(.mw-usertoollinks-talk), | ||
a[href$=":Mitzi"]:not(.mw-usertoollinks-talk) { | a[href$=":Mitzi"]:not(.mw-usertoollinks-talk) { | ||
color: # | color: #d46a1c !important; /* pumpkin orange */ | ||
text-shadow: 1px 1px 1px # | text-shadow: 1px 1px 1px #5a3e1b; | ||
font-variant:small-caps; | font-variant:small-caps; | ||
font-family:'Comic Sans MS', sans-serif; | font-family:'Comic Sans MS', sans-serif; | ||
| Line 278: | 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:#5a3e1b; | ||
background:# | background:#f2e3c6; | ||
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 304: | ||
border-bottom:1px solid #EEEEEE; | border-bottom:1px solid #EEEEEE; | ||
} | } | ||
#p-navigation > div > ul > li > a { | #p-navigation > div > ul > li > a { | ||
background:# | background:#d9a441; | ||
margin:1px 1px 0 1px; | margin:1px 1px 0 1px; | ||
padding:0 0 0 10px; | padding:0 0 0 10px; | ||
| Line 310: | Line 312: | ||
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:# | color:#d46a1c; | ||
text-shadow:# | text-shadow:#5a3e1b 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 327: | Line 332: | ||
top:0px; | top:0px; | ||
} | } | ||
#p-navigation li > ul > li:hover > a { | #p-navigation li > ul > li:hover > a { | ||
background-color:# | background-color:#f2e3c6; | ||
} | } | ||
Latest revision as of 17:04, 6 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$=":Now,_Faster"]:not(.mw-usertoollinks-talk),
a[href$=":Gstar"]:not(.mw-usertoollinks-talk),
a[href$=":Mitzi"]: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;
}
}
