Difference between revisions of "MediaWiki:Common.css"

From Nookipedia, the Animal Crossing wiki
m
(Aligning text in ideal gift table)
Line 80: Line 80:
 
/* Table Column Coloring for Guide: Coffee Preferences */
 
/* Table Column Coloring for Guide: Coffee Preferences */
 
.coffee td:nth-child(1), .coffee td:nth-child(5) { background-color: #dcf6d3; }
 
.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; }

Revision as of 00:00, August 5, 2014

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

/* Grass Backgrounds */
.grassSpring {
 background: #78AB46 url(http://nookipedia.com/w/images/c/ce/MainPageGrass-Spring.png) repeat;
}

.grassWinter {
 background: #4F6CE6 url(http://nookipedia.com/w/images/5/5e/MainPageGrass-Winter.png) repeat;
}

.grassFall {
 background: #4F6CE6 url(http://nookipedia.com/w/images/4/4a/MainPageGrass-Fall.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; }

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