Difference between revisions of "MediaWiki:Common.css"
From Nookipedia, the Animal Crossing wiki
SuperHamster (talk | contribs) m (Lowercasing to fit standard) |
SuperHamster (talk | contribs) ("Crisp" image scaling) |
||
Line 14: | Line 14: | ||
margin-right: -10px; | margin-right: -10px; | ||
display: block !important; | display: block !important; | ||
+ | } | ||
+ | |||
+ | /* Crisp image scaling */ | ||
+ | image { | ||
+ | image-rendering: optimizeSpeed; /* Fallback */ | ||
+ | image-rendering: -moz-crisp-edges; /* Firefox */ | ||
+ | image-rendering: -o-crisp-edges; /* Opera */ | ||
+ | image-rendering: -webkit-optimize-contrast; /* Safari */ | ||
+ | image-rendering: optimize-contrast; /* CSS3 Proposed Standard */ | ||
+ | image-rendering: crisp-edges; /* CSS4 Proposed Standard */ | ||
+ | image-rendering: pixelated; /* CSS4 Proposed Standard */ | ||
+ | -ms-interpolation-mode: nearest-neighbor; /* IE8+ */ | ||
} | } | ||
Revision as of 15:31, July 16, 2018
/* CSS placed here will be applied to all skins */
/* Hide Main Page Title */
body.page-Main_Page h1.firstHeading { display:none; }
body.page-Main_Page #siteSub { display:none; }
/* Tagline */
#siteSub { display:block; font-weight:normal; font-size:small;}
/* Top Icons */
div.topicon {
position: absolute;
top: -3.8em;
margin-right: -10px;
display: block !important;
}
/* Crisp image scaling */
image {
image-rendering: optimizeSpeed; /* Fallback */
image-rendering: -moz-crisp-edges; /* Firefox */
image-rendering: -o-crisp-edges; /* Opera */
image-rendering: -webkit-optimize-contrast; /* Safari */
image-rendering: optimize-contrast; /* CSS3 Proposed Standard */
image-rendering: crisp-edges; /* CSS4 Proposed Standard */
image-rendering: pixelated; /* CSS4 Proposed Standard */
-ms-interpolation-mode: nearest-neighbor; /* IE8+ */
}
/* Grass Backgrounds */
.grassSpring {
background: #78AB46 url(//nookipedia.com/w/images/c/ce/MainPageGrass-Spring.png) repeat;
}
.grassSummer {
background: #46A4AB url(//nookipedia.com/w/skins/nookipedia/summer/water-summer.png) repeat;
}
.grassFall {
background: #4F6CE6 url(//nookipedia.com/w/images/4/4a/MainPageGrass-Fall.png) repeat;
}
.grassWinter {
background: #4F6CE6 url(//nookipedia.com/w/images/5/5e/MainPageGrass-Winter.png) repeat;
}
.grassBirthday {
background: #6A4395 url(//nookipedia.com/w/images/b/b0/MainPageGrass-Birthday.png) repeat;
}
/* Rounded Corners */
.roundy { border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; -icab-border-radius: 20px; -o-border-radius: 20px; }
.roundytl { border-top-left-radius: 20px; -moz-border-radius-topleft: 20px; -webkit-border-top-left-radius: 20px; -khtml-border-top-left-radius: 20px; -icab-border-top-left-radius: 20px; -o-border-top-left-radius: 20px; }
.roundytr { border-top-right-radius: 20px; -moz-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px; -khtml-border-top-right-radius: 20px; -icab-border-top-right-radius: 20px; -o-border-top-right-radius: 20px; }
.roundybl { border-bottom-left-radius: 20px; -moz-border-radius-bottomleft: 20px; -webkit-border-bottom-left-radius: 20px; -khtml-border-bottom-left-radius: 20px; -icab-border-bottom-left-radius: 20px; -o-border-bottom-left-radius: 20px; }
.roundybr { border-bottom-right-radius: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-right-radius: 20px; -khtml-border-bottom-right-radius: 20px; -icab-border-bottom-right-radius: 20px; -o-border-bottom-right-radius: 20px; }
.roundybottom { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; -moz-border-radius-bottomleft: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; -khtml-border-bottom-left-radius: 20px; -khtml-border-bottom-right-radius: 20px; -icab-border-bottom-left-radius: 20px; -icab-border-bottom-right-radius: 20px; -o-border-bottom-left-radius: 20px; -o-border-bottom-right-radius: 20px; }
.roundytop { border-top-left-radius: 20px; border-top-right-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -khtml-border-top-left-radius: 20px; -khtml-border-top-right-radius: 20px; -icab-border-top-left-radius: 20px; -icab-border-top-right-radius: 20px; -o-border-top-left-radius: 20px; -o-border-top-right-radius: 20px; }
.roundyleft { border-top-left-radius: 20px; border-bottom-left-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomleft: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-bottom-left-radius: 20px; -khtml-border-top-left-radius: 20px; -khtml-border-bottom-left-radius: 20px; -icab-border-top-left-radius: 20px; -icab-border-bottom-left-radius: 20px; -o-border-top-left-radius: 20px; -o-border-bottom-left-radius: 20px; }
.roundyright { border-bottom-right-radius: 20px; border-top-right-radius: 20px; -moz-border-radius-bottomright: 20px; -moz-border-radius-topright: 20px; -webkit-border-bottom-right-radius: 20px; -webkit-border-top-right-radius: 20px; -khtml-border-bottom-right-radius: 20px; -khtml-border-top-right-radius: 20px; -icab-border-bottom-right-radius: 20px; -icab-border-top-right-radius: 20px; -o-border-bottom-right-radius: 20px; -o-border-top-right-radius: 20px; }
table.roundlast tr:last-child td:last-child { border-bottom-right-radius: 16px; -moz-border-radius-bottomright: 16px; -webkit-border-bottom-right-radius: 16px; -khtml-border-bottom-right-radius: 16px; -icab-border-bottom-right-radius: 16px; -o-border-bottom-right-radius: 16px; }
table.roundCorners tr:first-child td:first-child { border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; -icab-border-top-left-radius: 10px; -o-border-top-left-radius: 10px; }
table.roundCorners tr:first-child td:last-child { border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; -icab-border-top-right-radius: 10px; -o-border-top-right-radius: 10px; }
table.roundCorners tr:last-child td:first-child { border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; -icab-border-bottom-left-radius: 10px; -o-border-bottom-left-radius: 10px; }
table.roundCorners tr:last-child td:last-child { border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; -icab-border-bottom-right-radius: 10px; -o-border-bottom-right-radius: 10px; }
/* Tabs */
.tab-article {
border-radius: 7px 7px 0 0;
-moz-border-radius: 7px 7px 0 0;
-webkit-border-radius: 7px 7px 0 0;
-khtml-border-radius: 7px 7px 0 0;
-icab-border-radius: 7px 7px 0 0;
-o-border-radius: 7px 7px 0 0;
text-align:center;
padding: 3px 5px;
margin: 0px;
border: 2px solid #78AB46;
background-color: #A5D97B;
white-space: nowrap;
cursor:pointer;
}
span.tab-article:hover, div.tab:hover, td.tab:hover {
background-color:#B1E48C;
}
.tabselected {
background-color:#9ACE74 !important;
border-bottom: 2px solid #9ACE74;
}
.tabcontainer p {
margin:0;
}
/* Table Column Coloring for Guide: Coffee Preferences */
.coffee td:nth-child(1), .coffee td:nth-child(5) { background-color: #dcf6d3; }
/* Column text alignment for villager ideal gift tables */
.idealgifts td { text-align: center; }
.idealgifts td:nth-child(1) { text-align: left; }
.onlymobile {
display:none;
}