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
(winter time!)
(I changed the theme to autumn. I have heard that my friend and a iDaisy member Giraffe ipad is editing the iDaisy wiki!)
 
(16 intermediate revisions by 6 users not shown)
Line 6: Line 6:
}
}


/*** Side menu (extracted from Wikidex.net) ***/
/*** Side menu ***/
.portlet h3, #p-cactions ul li a {
.portlet h3, #p-cactions ul li a {
text-transform: none !important;
text-transform: none !important;
}
}
/* Black headers */
 
.portlet h3 {
.portlet h3 {
display: block;
display: block;
margin: 0;
margin: 0;
height: self;
height: self;
background:#333;
background:#5a3e1b; /* dark brown */
colour: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 40: Line 41:
border-bottom: 1px solid #777;
border-bottom: 1px solid #777;
}
}
/* Colors */
 
/* Colors — AUTUMN BROWN + GOLD */
#searchBody {
#searchBody {
border-right-radius:12px 0 0 12px;
border-right-radius:12px 0 0 12px;
border-color:#333;
border-color:#5a3e1b;
background:#ff8f38 url(http://indy.snowsherrill.com/images/b/b0/Reflected_shadow.png) right top repeat-x;
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:#333;
border-color:#5a3e1b;
background-color:#ff8f38;
background-color:#d9a441;
border-right-radius:12px 0 0 12px;
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 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 #00fffb;
box-shadow:0 0 0.5em 0.1em #f2e3c6;
background-color:#00fffb;
background-color:#f2e3c6;
margin-top:6px;
margin-top:6px;
text-align:center;
text-align:center;
Line 76: Line 68:
}
}


/*** Round edges (taken from Wikidex.net) ***/
/*** Round edges ***/
/* Content space */
#content {
#content {
border-radius:12px 0 0 12px;
border-radius:12px 0 0 12px;
Line 95: 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: #333;
border-color: #5a3e1b;
padding-top:2px;
padding-top:2px;
padding-bottom:2px;
padding-bottom:2px;
Line 103: 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:#333;
color:#5a3e1b;
}
}
body.skin-monobook #p-cactions li.new > a {
body.skin-monobook #p-cactions li.new > a {
color:#c20;
color:#a43a3a; /* cranberry red */
}
}


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


Line 127: Line 121:
}
}


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


/*** User panel (extracted from Wikidex.net and modified by Zebra Cadabra) ***/
/*** 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 #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 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 151: 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: #a40d0d;
color: #a43a3a;
text-shadow: none;
text-shadow: none;
font-weight: bold;
font-weight: bold;
Line 179: 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 190: 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:#93fff0;
background-color:#f2e3c6;
box-shadow:0 0 0.5em 0.1em #93fff0;
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:lightblue;
   background-color:#f2e3c6;
   background-image: -moz-linear-gradient(top, lightblue 35%, blue 65%);
   background-image: linear-gradient(to bottom, #f2e3c6 35%, #d9a441 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;
   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
}
}


/*** Level 3 Headings ***/
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 {
body.ns-0 #mw-content-text .mw-parser-output > h3 {
     font-size:18px;
     font-size:18px;
     font-family:'Arial Black', 'Arial Rounded MT Bold', sans-serif;
     font-family:'Arial Black', 'Arial Rounded MT Bold', sans-serif;
     colour:white;
     color:white;
     text-shadow:0 0 3px black;
     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));
     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;
     border-radius:0 0 30px 0;
    -moz-border-radius:0 0 30px 0;
    -webkit-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 248: 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 260: Line 260:
}
}


/* Users in color */
/* Users in color — Administrators */
/** Administrators **/
a[href$=":Birdie"]:not(.mw-usertoollinks-talk),
  a[href$=":Environment and Climate Change Canada"]:not(.mw-usertoollinks-talk) {
a[href$=":Now,_Faster"]:not(.mw-usertoollinks-talk),
    color: #14FF00 !important;
a[href$=":Gstar"]:not(.mw-usertoollinks-talk),
    text-shadow: 1px 1px 1px green;
a[href$=":Mitzi"]:not(.mw-usertoollinks-talk) {
    font-variant:small-caps;
     color: #d46a1c !important; /* pumpkin orange */
    font-family:'Comic Sans MS', sans-serif;
     text-shadow: 1px 1px 1px #5a3e1b;
    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-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 285: Line 278:


/*** Monobook Sidebar ***/
/*** Monobook Sidebar ***/
/*without ugly padding */
#p-navigation ul { margin:0; }
#p-navigation ul {
 
margin:0;
}
#p-navigation > div {
#p-navigation > div {
border-color:#333;
border-color:#5a3e1b;
background:#a5ff8c;
background:#f2e3c6;
padding:0;
padding:0;
}
}
/*not a list*/
 
#p-navigation li {
#p-navigation li {
display:block;
display:block;
list-style-image:none !important;/*by IE*/
list-style-image:none !important;
}
}
/*general design of the links*/
 
#p-navigation li > a {
#p-navigation li > a {
display:block;
display:block;
Line 313: Line 304:
border-bottom:1px solid #EEEEEE;
border-bottom:1px solid #EEEEEE;
}
}
/*special only for the first level menu*/
 
#p-navigation > div > ul > li > a {
#p-navigation > div > ul > li > a {
background:#8dff6e url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAWCAYAAAABxvaqAAAAGklEQVQIW2MIeaX9n4F0wvmW1H8GqyMipBEA8Z0xWTSPOj8AAAAASUVORK5CYIIA') repeat-x left center;
background:#d9a441;
margin:1px 1px 0 1px;
margin:1px 1px 0 1px;
padding:0 0 0 10px;
padding:0 0 0 10px;
color:#fff;
color:#fff;
width:auto;
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:#d46a1c;
text-shadow:#79aa6c 1px 1px 3px;
text-shadow:#5a3e1b 1px 1px 3px;
}
}
#p-navigation > div > ul > li > a > em {
#p-navigation > div > ul > li > a > em {
right:8px;
right:8px;
}
}
/* submenu marker */
 
#p-navigation em {
#p-navigation em {
font-style:normal;
font-style:normal;
Line 338: Line 330:
position:absolute;
position:absolute;
right:8px;
right:8px;
top:0px
top:0px;
}
}
/*hover*/
 
#p-navigation li > ul > li:hover > a {
#p-navigation li > ul > li:hover > a {
background-color:#03fefa;
background-color:#f2e3c6;
}
}


Line 349: Line 341:
}
}


/* general submenu*/
#p-navigation ul.sub-menu {
#p-navigation ul.sub-menu {
border:1px solid #aaa;
border:1px solid #aaa;
Line 362: Line 353:
}
}


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


}
}

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

}
Retrieved from "http://indy.snowsherrill.com/index.php?title=MediaWiki:Monobook.css&oldid=58090"