MediaWiki:Common.css

/* 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 */
 * 1) 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(//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: 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; }