ATTENTION: An Animal Crossing Wiki from Miraheze will be at a new website at animalcrossing.indyamos.com. This will be an enhanced version of this wiki. Please view Special:Diff/57616 for more information.
MediaWiki:Common.css
From Animal Crossing Wiki
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
/* Note that all CSS variables are falsely flagged as syntax errors, as CodeEditor has yet to be updated to recognize them */
/* CONTENTS
1. Variables
2. Global
3. Brand
4. Main Page
5. Links
6. Fonts
7. Images
8. Tables
9. Backgrounds
10. Borders
11. Boxes
12. Grids
13. Tabs
14. Colors
15. Letter template
16. Blockquotes */
/*==================================================
VARIABLES
==================================================*/
/* Do NOT edit these unless you know exactly what you're doing. These properties are used by many different classes */
:root {
/* Global values for border radius */
--default-border-radius: 20px;
--template-outer-radius: 15px;
--template-inner-radius: 10px;
/* NIWA link formatting */
--niwa-icon: no-repeat scroll right center transparent;
--niwa-padding: 18px;
/* Primary/Secondary/Tertiary colors */
--th-color-primary: var(--th-spring-primary);
--th-color-secondary: var(--th-spring-secondary);
--th-color-tertiary: var(--th-spring-tertiary);
/* Test colors */
/* Used for debugging. Please do not remove */
--test-red-hs: 0 100%;
--test-red-hsl: hsl(0 100% 50%);
--test-red-hsla: hsla(0, 100%, 50%, 50);
--test-green-hs: 100 100%;
--test-green-hsl: hsl(100 100% 50%);
--test-green-hsla: hsla(100, 100%, 50%, 50);
--test-blue-hs: 250 100%;
--test-blue-hsl: hsl(250 100% 50%);
--test-blue-hsla: hsla(250, 100%, 50%, 50);
/* N/A color HSL */
--not-applicable: hsl(0 0% 90%);
/* Table cell color HSL */
--cell-background: hsl(0 0% 100%);
/* Template Alpha values */
--opacity-full: 100%;
--opacity-high: 80%;
--opacity-mid: 60%;
--opacity-low: 40%;
/* Template Lightness values */
--lightness-full: 100%;
--lightness-primary: 70%;
--lightness-secondary: 85%;
--lightness-tertiary: 90%;
--lightness-shadow: 40%;
--lightness-text: 20%;
--lightness-primary-flora: 84%;
--lightness-secondary-flora: 93%;
--lightness-tertiary-flora: 96%;
--lightness-shadow-flora: 50%;
--lightness-text-flora: 30%;
--lightness-boilerplate: 96%;
--lightness-boilerplate-border: 75%;
--lightness-message: 80%;
--lightness-message-secondary: 95%;
/* Default template Hue & Saturation values */
/* DO NOT CHANGE OR REMOVE THIS */
--template-color: 0 0%;
/* Gender Hue & Saturation values */
--male-hs: 214 92%;
--female-hs: 306 70%;
/* Item color Hue & Saturation values */
--red-hs: 12 87%;
--orange-hs: 32 92%;
--yellow-hs: 42 96%;
--green-hs: 135 47%;
--aqua-hs: 196 50%;
--blue-hs: 197 39%;
--purple-hs:331 33%;
--pink-hs: 11 85%;
--beige-hs: 50 54%;
--brown-hs: 31 47%;
--gray-hs: 0 0%;
--black-hs: 0 0%;
--white-hs: 0 0%;
/* Pocket Camp theme Hue & Saturation values */
--civic-hs: 234 50%;
--cool-hs: 208 96%;
--cute-hs: 345 70%;
--elegant-hs: 282 63%;
--harmonious-hs: 12 74%;
--hip-hs: 30 90%;
--historical-hs: 341 45%;
--modern-hs: 177 58%;
--natural-hs: 44 96%;
--rustic-hs: 71 98%;
--sporty-hs: 161 93%;
--generic-hs: 0 0%;
--special-hs: 53 100%;
/* Template Hue & Saturation values */
--art-hs: 23 61%;
--bug-hs: 78 76%;
--design-hs: 353 72%;
--ereader-hs: 194 84%;
--event-hs: 215 100%;
--fashion-hs: 322 49%;
--fashion-hs-sub: 320 45%;
--film-hs: 318 69%;
--fish-hs: 200 100%;
--flora-hs: 350 100%;
--fossil-hs: 43 74%;
--furniture-hs: 106 50%;
--gameplay-hs: 163 58%;
--gameplay-hs-sub: 160 61%;
--geography-hs: 120 50%;
--image-hs: 269 74%;
--islander-hs: 45 75%;
--item-hs: 50 95%;
--location-hs: 146 42%;
--manga-hs: 318 34%;
--merchandise-hs: 193 53%;
--minigame-hs: 782 75%;
--museum-hs: 60 31%;
--music-hs: 0 59%;
--nookipedia-hs: 99 45%;
--pccreature-hs: 234 44%;
--publication-hs: 248 53%;
--reaction-hs: 277 57%;
--realworld-hs: 60 20%;
--seacreature-hs: 215 100%;
--special-hs: 81 87%;
--species-hs: 276 56%;
--ssb-hs: 34 57%;
--ssb-hs-sub: 39 77%;
--system-hs: 0 0%;
--series-hs: 39 100%;
--series-hs-sub: 42 73%;
--tool-hs: 34 93%;
--town-hs: 101 28%;
--update-hs: 144 39%;
--user-hs: 50 70%;
--villager-hs: 195 52%;
--season-hs: 96 70%;
--season-hs-cal: 0 0%;
--spring-hs: 333 83%;
--spring-hs-cal: 96 100%;
--summer-hs: 191 84%;
--summer-hs-cal: 43 84%;
--fall-hs: 29 87%;
--fall-hs-cal: 311 53%;
--winter-hs: 241 59%;
--winter-hs-cal: 188 80%;
/* Interface message Hue & Saturation values */
--nookipedia-hs: 99 45%;
--warning-hs: 0 100%;
--information-hs: 45 90%;
--award-hs: 50 100%;
/* Item colors HSL */
--color-red: hsl(var--(red-hs) 79%);
--color-orange: hsl(var--(orange-hs) 80%);
--color-yellow: hsl(var--(yellow-hs) 81%);
--color-green: hsl(var--(green-hs) 71%);
--color-aqua: hsl(var--(aqua-hs) 80%);
--color-blue: hsl(var--(blue-hs) 66%);
--color-purple: hsl(var--(purple-hs) 73%);
--color-pink: hsl(var--(pink-hs) 87%);
--color-beige: hsl(var--(beige-hs) 80%);
--color-brown: hsl(var--(brown-hs) 80%);
--color-gray: hsl(var--(gray-hs) 80%);
--color-black: hsl(var--(black-hs) 70%);
--color-white: hsl(var--(white-hs) 100%);
/* Pocket Camp theme colors HSL */
--theme-civic: hsl(var--(civic-hs) 80%);
--theme-cool: hsl(var--(cool-hs) 80%);
--theme-cute: hsl(var--(cute-hs) 80%);
--theme-elegant: hsl(var--(elegant-hs) 80%);
--theme-harmonious: hsl(var--(harmonious-hs) 80%);
--theme-hip: hsl(var--(hip-hs) 80%);
--theme-historical: hsl(var--(historical-hs) 80%);
--theme-modern: hsl(var--(modern-hs) 80%);
--theme-natural: hsl(var--(natural-hs) 80%);
--theme-rustic: hsl(var--(rustic-hs) 80%);
--theme-sporty: hsl(var--(sporty-hs) 80%);
--theme-generic: hsl(var--(generic-hs) 80%);
--theme-special: hsl(var--(special-hs) 80%);
/* Skin theme colors */
/* PLEASE LEAVE HIDDEN MOST OF THESE AREN'T READY TO USE YET */
--th-spring-primary: hsl(85 95% 35%);
--th-spring-secondary: hsl(95 36% 84%);
--th-spring-tertiary: hsl(168 100% 99%);
/*--th-summer-primary: hsl();
--th-summer-secondary: hsl();
--th-fall-primary: hsl();
--th-fall-secondary: hsl();
--th-winter-primary: hsl();
--th-winter-secondary: hsl();
--th-dark-primary: hsl();
--th-dark-secondary: hsl(); */
/* Special theme colors */
/* PLEASE LEAVE HIDDEN NONE OF THESE ARE READY TO USE YET */
/*--th-halloween-primary: hsl();
--th-halloween-secondary: hsl();
--th-pc-primary: hsl();
--th-pc-secondary: hsl();
--th-nh-primary: hsl();
--th-nh-secondary: hsl(); */
}
/*==================================================
GLOBAL
==================================================*/
/* Fix ad positioning to prevent overlapping other elements */
#ad-banner-responsive-top, #ad-banner-responsive-bottom {
margin-top: 30px;
}
/* Causes [[MediaWiki:Tagline]] to display */
#siteSub { display:block; font-weight:normal; font-size:small;}
/* Prevent list items in columns from breaking into the next column */
.list-columns li {
page-break-inside: avoid;
}
/* Allow limiting of which header levels are shown in a TOC.
<div class="toclimit-3">, for instance, will limit to showing ==headings== and ===headings=== but no further. */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul {
display: none;
}
/* Toggle mobile and non-mobile content based on resolution */
@media (min-width: 851px) {
.onlymobile {
display: none;
}
.nomobile {
display: block;
}
}
@media (max-width: 850px) {
.onlymobile {
display: block;
}
.nomobile {
display: none;
}
}
/* No margin */
.no-margin {
margin: 0;
}
.no-margin p {
margin: 0;
}
/* Indent hatnotes */
.hatnote {
margin-left: 20px;
}
/* Remove margin from sitenotice */
.sitedir-ltr .mw-dismissable-notice-body {
margin: 0;
}
/* Rounded embeds */
iframe {
border-radius: 5px;
}
/*==================================================
BRAND
==================================================*/
/* Display Animal Crossing Wiki text logo */
.animalcrossingwiki-logo {
(http://indy.snowsherrill.com/images/d/d5/Wikibanner.png);
background-size: contain;
background-repeat: no-repeat;
}
/* Tables with infobox class and additional bordered class */
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #aaaaaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
/*Change in links on hover*/
a:hover {
color:orange;
text-shadow:0 0 3px orange;
-moz-text-shadow:0 0 3px orange;
-webkit-text-shadow:0 0 3px orange;
}
/* Appearance of galleries (gallery tag) */
table.gallery {
border:none;
}
table.gallery td {
border:none;
font-size:95%;
}
div.gallerybox div.thumb:hover,div.gallerybox div.thumb div:hover {
background-color:Orange;
}
div.gallerybox div.thumb:hover {
-moz-box-shadow:0 0 0.5em 0.1em #598EFF;
}
/***Small caps***/
.Caps {
font-variant:small-caps;
}
/* Highlight diff changes with border, only on mouseover */
.diff tr:hover del, .diff tr:hover ins {outline:2px solid #1e90ff;}
/*** IMAGES (taken from WikiDex, the Spanish Pokémon encyclopedia) ***/
/* Grid background on transparent images */
body.ns-6 #file img {
background:url('data:image/gif;base64,R0lGODdhEAAQAIABAO/v7////ywAAAAAEAAQAAACH4RvoauIzNyBSyYaLMDZcv15HAaSIlWiJ5Sya/RWVgEAOw==') repeat fixed;
}
/* Dark background when hovering over */
body.ns-6 #file img:hover {
background:none #333;
}
/* We remove the 'outline' from the images */
a.image { outline: none; }
/* Appearance of the thumbs */
div.thumbinner {
background-color:orange;
background:-moz-linear-gradient(center top, orange 0%, orange 100%);
background:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, orange), color-stop(100%, orange));
filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='orange', startColorstr='orange', gradientType='0');
border:none;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
color:#FFFFFF !important;
-moz-box-shadow:2px 2px 5px orange;
-webkit-box-shadow:2px 2px 5px orange;
box-shadow:2px 2px 5px orange;
padding-top:4px !important; /* One more pixel to match the sides */
}
.thumbinner a, .thumbinner a:visited { color:yellow; }
.thumbnail a:hover { color:yellow; }
.content figcaption, .content .thumbcaption {
color: #FFFFFF
}
img.thumbimage {
background-color:#f9f9f9;
border:none;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
a.magnify.sprite { background:url("http://indy.snowsherrill.com/images/9/9b/Right_button.png") center center no-repeat; }
/* Reduced the bottom margin of thumbs */
div.tright, div.tleft {
margin-bottom: 0.8em;
}
/* Removed a huge white border that looks bad on colored backgrounds for the same margin value */
div.tright {
border-width:0;
margin:0.5em 0 0.8em 1.4em;
}
div.tleft {
border-width:0;
margin:0.5em 1.4em 0.8em 0;
}
/* Appearance of galleries in articles (gallery tag) */
.gallerybox {
background-color:#333;
background:-moz-linear-gradient(center top, #888 0%, #333 100%);
background:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, orange), color-stop(100%, orange));
filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='orange', startColorstr='orange', gradientType='0');
padding:4px 2px 4px 4px !important;
margin:6px 7px 6px 0 !important;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow:2px 2px 5px orange;
-webkit-box-shadow:2px 2px 5px orange;
box-shadow:2px 2px 5px orange;
}
ul.mw-gallery-nolines li.gallerybox div.thumb {
background-color: #fff;
}
/*To make the letter in the galleries appear white*/
.gallerybox .gallerytext { color:#fff }
.gallerybox a { color:yellow; }
.accent { border:0 !important; }
.gallerybox > .lightbox-caption { font-size:95%; margin-top:0; }
.gallerybox > div.thumb {
height:auto !important;
background:#ededed;
border:none !important;
margin-right:2px !important;
}
.gallerybox > div.thumb > div.gallery-image-wrapper { position:static !important; }
/* Appearance of galleries in categories (gallery tag) */
table.gallery {
border:none;
}
table.gallery td, .gallerybox {
font-size:90%;
}
.gallerybox div.neutral {
background-color:#f9f9f9;
}
div.gallerybox div.thumb:hover, .gallerybox div.neutral:hover {
-moz-box-shadow:0 0 0.5em 0.1em #598EFF;
border-color:#598EFF !important;
}
/* Flex box */
.flexbox {
display: flex;
flex-flow: row wrap;
justify-content:center;
margin:auto;
max-width: 1000px;
}
/** We eliminate the edit section buttons **/
. mw-editsection {
display : none ;
}
/*** Useful for templates and small effects ***/
. Squeeze {
padding-left : 0 px ;
padding-right : 0 px ;
transition-timing-function : ease-out ;
-webkit- transition-duration : 1.3 s ;
-moz- transition-duration : 1.3 s ;
-ms- transition-duration : 1.3 s ;
-o- transition-duration : 1.3 s ;
transition-duration : 1.3 s ;
}
}
. Squeeze: hover {
padding-left:130px;
padding-right:130px;
}
. Featured Article {
text-align:center;
border-left:20px solid orange;
border-right:20px solid orange;
}
. Featured Article: hover {
text-align:center;
border-left:20px solid #ff9c17;
border-right:20px solid #ff9c17;
}
. ArticleFeatured to {
text-decoration:none;
border-bottom:none;
}
. ArticleFeatured to:hover {
text-decoration:none;
border-bottom:none;
text-shadow:none ! important;
}
. Featured Article2, . Featured Article3, . Featured Article4 {
text-align:center;
border:2px solid orange;
border-radius:20px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
}
. Featured Article2:hover {
border:2px dashed #ff9c17;
border-radius:0 20px 20px 25px;
-moz-border-radius:0 20px 20px 25px;
-webkit-border-radius:0 20px 20px 25px;
}
. Featured Article3:hover {
border:2px dashed #ff9c17;
}
. Featured Article4:hover {
border:2px dashed #ff9c17;
border-radius: 20px 0 25px 20px;
-moz-border-radius: 20px 0 25px 20px;
-webkit-border-radius: 20px 0 25px 20px;
}
. Featured Article2 to, . Featured Article3 to, . Featured Article4 to {
text-decoration:none;
border-bottom:none;
font-weight:bold;
color:#00b300;
font-size:110%;
font-family: 'FinkHeavy', 'Comic Sans MS', Sans-serif;
}
. ArticleFeatured2 to: hover, . ArticleFeatured3 to: hover, . Featured Article4 to:hover {
text-decoration:none;
border-bottom:none;
font-weight:bold;
color: orange;
font-size:110%;
font-family: 'FinkHeavy', 'Comic Sans MS', Sans-serif;
}
. Featured Survey {
border:3px solid #E5DA76;
background:#E5DA76;
margin-top:5px;
}
. Featured Survey: hover {
border:3px dotted yellow;
}
. SurveyFeatured to {
border-bottom:none;
text-decoration:none;
color: black;
}
. SurveyFeatured to: hover {
border-bottom:none;
text-decoration:none;
color:darkkhaki;
text-shadow:0 0 5px yellow;
}
. BackgroundSectionsCover {
background:url("http://indy.snowsherrill.com/images/2/29/Fence.png"), repeat-x ! important;
padding-top:15px;
padding-left:5px;
font-family: 'FinkHeavy', 'Comic Sans MS', sans-serif;
font-size:120%;
font-weight:bold;
min-height:46px;
}
. BackgroundSectionsCover:hover {
font-size:130%;
}
. SheetSectionsCover {
background:#E3FFA9;
border-radius:10px;
-moz-boder-radius:10px;
-webkit-border-radius:10px;
transition-timing-function: ease-out;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
}
. SheetSectionsCover:hover {
border-radius:30px;
-moz-boder-radius:30px;
-webkit-border-radius:30px;
}
.irObjects {
background:white;
transition-timing-function: ease-out;
-webkit-transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
-ms-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
transition-duration: 0.6s;
-webkit-transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
-ms-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
transition-duration: 0.6s;
text-align:center! important;
}
.irObjects:hover {
text-shadow:0 0 10px black ! important;
-moz-text-shadow:0 0 10px black ! important;
-webkit-text-shadow:0 0 10px black ! important;
background:silver ! important;
color: white! important;
padding-left:5px ! important;
text-align:left ! important;
}
.irObjects: hover a {
color: white! important;
}
.irObjects to {
color: black! important;
}
.irObjects to:hover {
text-decoration:none;
}
. Song Button {
border:1px solid orange;
background:#FFFF8C;
}
. Song button: hover {
border:1px solid white ! important;
background:red ! important;
}
. Song Button: hover to {
color: white;
text-decoration:none;
}
. Song button2 {
border:1px solid orange;
background:#FFFF8C;
}
. ButtonSong2:hover {
border:1px solid white ! important;
background:blue! important;
}
. Song button 2: hover to {
color: white;
text-decoration:none;
}
. VTPSong {
border:none;
}
. VTPSong: hover {
box-shadow:0 0 10px red;
-moz-box-shadow:0 0 10px red;
-webkit-box-shadow:0 0 10px red;
}
. VTPSong to {
color: red;
}
. VTP Song: hover to {
color: red;
text-shadow:0 0 5px orange;
-moz-text-shadow:0 0 5px orange;
-webkit-text-shadow:0 0 5px orange;
}
. Transparency {
opacity:0.5;
}
. Transparency: hover {
opacity:1;
}
#button-hub {
margin-top:-5px;
}
#button-hub:hover {
margin-top:8px ! important;
}
. Data Fund {
background:url("http://indy.snowsherrill.com/images/6/65/Transparent_fish_background1.png") repeat;
color: black;
}
. BackgroundData: hover {
background:url("http://indy.snowsherrill.com/images/5/5c/Transparent_fish_background2.png") repeat;
}
. Notebook {
background:url("http://indy.snowsherrill.com/images/d/d3/Squares.jpg") repeat;
}
table.general > thead > tr > th,
table.general > tbody > tr > th,
table.general > tbody > tr > td {
padding: 0.4em 0.4em;
overflow-wrap: normal;
}
table.general {
border-collapse: collapse;
border: none;
}
table.general > thead > tr > th,
table.general > tbody > tr > th {
background-color: #f0ab17;
border-color:#FFFFFF
}
table.general tr:first-child th:first-child {
border-top-left-radius: 10px;border-color:#FFFFFF
}
table.general tr:first-child th:last-child {
border-top-right-radius: 10px;
border-color:#FFFFFF
}
table.general tr:last-child th:first-child {
border-bottom-left-radius: 10px;
border-color:#FFFFFF
}
table.general tr:last-child th:last-child {
border-bottom-right-radius: 10px;
border-color:#FFFFFF
}
table.general tr td {
border-color: #f0ab17;
border-style: solid;
border-width: 1px;
}
/* Tables (Fandom styles) */
. WikiaTable,
.article-table {
background:rgba(0,0,0,.02);
border:0 var(#cecece);
border-collapse:collapse;
margin:1em 1em 1em 0
}
. WikiaTable td,
. WikiaTable th,
.article-table td,
.article-table th {
border-bottom:1px solid #cecece;
padding:6px 12px
}
. WikiaTable th,
.article-table th {
background:rgba(0,0,0,.05);
text-align:left
}
. WikiaTable caption,
.article-table caption {
font-weight: 700
}
/*================================================
3D/2D Viewer
==================================================*/
/* 3D/2D viewer */
.container-2d {
display: block;
position: relative;
}
.viewer-2d {
position: relative;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.switch-to-3d {
position: absolute;
top: 0;
right: 0;
background: url("http://indy.snowsherrill.com/images/6/65/2D_icon.png");
width: 40px;
height: 37px;
z-index: 999;
opacity: 0.5;
cursor :pointer;
cursor: hand;
transition: opacity 0.2s;
}
.switch-to-2d {
position: absolute;
top: 0;
right: 0;
background: url("http://indy.snowsherrill.com/images/7/7e/3D_icon.png");
width: 40px;
height: 37px;
z-index: 999;
opacity: 0.5;
cursor: pointer;
cursor: hand;
transition: opacity 0.2s;
}
.switch-to-3d:hover, .switch-to-2d:hover {
opacity: 1.0;
}
/* 3D model viewer */
.viewer-3d span {
display: none;
}
.viewer-3d {
margin: 4px;
display: block;
cursor: move;
position: relative;
}
.viewer-3d-frame {
position: absolute;
}
.viewer-3d-overlay {
background: url("http://indy.snowsherrill.com/images/e/ed/3D_rotation_icon.png") bottom right no-repeat;
width: 100%;
height: 100%;
opacity: 0.5;
position: relative;
}
/* End 3D model viewer */
/* New 3D viewer specific CSS */
.viewer-3d-container {
display: block;
padding: 2px;
margin-left: auto;
margin-right: auto;
/*width: 288px;*/
}
.viewer-3d-container ul {
padding: 0px;
margin: 0px;
}
.viewer-3d-container ul li {
display: block;
margin: 0px;
margin-top: 2px; /* For vertical spacing of the buttons */
list-style: none;
text-align: center;
}
.viewer-3d-container ul a {
display: block;
width: 134px;
padding: 4px;
text-decoration: none;
font-size: 1.25em;
opacity: .75;
}
.viewer-3d-container ul a:hover {
opacity: 1;
}
.view-selector-default-left {
border-radius: 10px;
float: left;
background: #e2e2e2;
}
.view-selector-default-right {
border-radius: 10px;
float: right;
background: #e2e2e2;
}
.view-selector-default-full {
border-radius: 10px;
width: 100%;
float: left;
clear: both;
background: #e2e2e2;
}
.view-selector-default-full a {
width: 100% ! important;
}
/* End new 3D viewer */
/*================================================
Table styles
==================================================*/
/* -------- FISH TABLE -------- */
table.peces > thead > tr > th,
table.peces > tbody > tr > th,
table.peces > tbody > tr > td {
padding: 0.2em 0.4em;
overflow-wrap: normal;
}
table.fish {
position: relative; /* Add relative position to set the ::before */
border-collapse: collapse;
border: none;
background-color: rgba(255, 255, 255, 0.5); /* Adjust the opacity value here for the background color */
overflow: hidden; /* To prevent the ::before from extending beyond the table */
}
table.fish::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(http://indy.snowsherrill.com/images/2/21/Fish_background.png);
background-size: 5em;
opacity: 0.25; /* Adjusts the opacity value for the background image */
z-index: -1; /* To place the image behind the content of the table */
}
table.fish > thead > tr > th,
table.fish > tbody > tr > th {
background-color: #003BC4;
border-color:#FFFFFF;
color: white;
}
table.fish tr:first-child th:first-child {
border-top-left-radius: 10px;border-color:#FFFFFF
}
table.fish tr:first-child th:last-child {
border-top-right-radius: 10px;
border-color:#FFFFFF
}
table.fish tr:last-child th:first-child {
border-bottom-left-radius: 10px;
border-color:#FFFFFF
}
table.fish tr:last-child th:last-child {
border-bottom-right-radius: 10px;
border-color:#FFFFFF
}
table.fish tr td {
border-color: #003BC4;
border-style: solid;
border-width: 1px;
}
/* -------- TABLE BUGS -------- */
table.bichos > thead > tr > th,
table.bichos > tbody > tr > th,
table.bichos > tbody > tr > td {
padding: 0.2em 0.4em;
overflow-wrap: normal;
}
table.bugs {
position: relative; /* Add relative position to set the ::before */
border-collapse: collapse;
border: none;
background-color: rgba(255, 255, 255, 0.3); /* Adjust the opacity value here for the background color */
overflow: hidden; /* To prevent the ::before from extending beyond the table */
}
table.bugs::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(http://indy.snowsherrill.com/images/8/81/Bugs_background.png);
background-size: 5em;
opacity: 0.25; /* Adjusts the opacity value for the background image */
z-index: -1; /* To place the image behind the content of the table */
}
table.bugs > thead > tr > th,
table.bugs > tbody > tr > th {
background-color: #00c400;
border-color:#FFFFFF;
}
table.bugs tr:first-child th:first-child {
border-top-left-radius: 10px;border-color:#FFFFFF
}
table.bugs tr:first-child th:last-child {
border-top-right-radius: 10px;
border-color:#FFFFFF;
}
table.bugs tr:last-child th:first-child {
border-bottom-left-radius: 10px;
border-color:#FFFFFF;
}
table.bugs tr:last-child th:last-child {
border-bottom-right-radius: 10px;
border-color:#FFFFFF;
}
table.bugs tr td {
border-color: #00c400;
border-style: solid;
border-width: 1px;
}
/* -------- TABLE CREATURES -------- */
table.criaturas > thead > tr > th,
table.criaturas > tbody > tr > th,
table.criaturas > tbody > tr > td {
padding: 0.2em 0.4em;
overflow-wrap: normal;
}
table.creatures {
position: relative; /* Add relative position to set the ::before */
border-collapse: collapse;
border: none;
background-color: rgba(255, 255, 255, 0.7); /* Adjust the opacity value here for the background color */
overflow: hidden; /* To prevent the ::before from extending beyond the table */
}
table.creatures::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(http://indy.snowsherrill.com/images/6/6c/Underwater_creatures_background.png);
background-size: 5em;
opacity: 0.25;
z-index: -1;
}
table.creatures > thead > tr > th,
table.creatures > tbody > tr > th {
background-color: #7A00C4;
border-color:#FFFFFF;
color: white;
}
table.creatures tr:first-child th:first-child {
border-top-left-radius: 10px;border-color:#FFFFFF
}
table.creatures tr:first-child th:last-child {
border-top-right-radius: 10px;
border-color:#FFFFFF
}
table.creatures tr:last-child th:first-child {
border-bottom-left-radius: 10px;
border-color:#FFFFFF
}
table.creatures tr:last-child th:last-child {
border-bottom-right-radius: 10px;
border-color:#FFFFFF
}
table.creatures tr td {
border-color: #7A00C4;
border-style: solid;
border-width: 1px;
}
/* --------- GYROID TABLE -------- */
table.giroides > thead > tr > th,
table.giroides > tbody > tr > th,
table.giroides > tbody > tr > td {
padding: 0.2em 0.4em;
overflow-wrap: normal;
}
table.gyroid {
position: relative; /* Add relative position to set the ::before */
border-collapse: collapse;
border: none;
background-color: rgba(255, 255, 255, 0.5); /* Adjust the opacity value here for the background color */
overflow: hidden; /* To prevent the ::before from extending beyond the table */
}
table.gyroid::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(http://indy.snowsherrill.com/images/b/b7/Gyroid_background.png);
background-size: 5em;
opacity: 0.35; /* Adjusts the opacity value for the background image */
z-index: -1; /* To place the image behind the content of the table */
}
table.gyroid > thead > tr > th,
table.gyroid > tbody > tr > th {
background-color: #B2820C;
border-color:#FFFFFF;
color: white;
}
table.gyroid tr:first-child th:first-child {
border-top-left-radius: 10px;border-color:#FFFFFF
}
table.gyroid tr:first-child th:last-child {
border-top-right-radius: 10px;
border-color:#FFFFFF
}
table.gyroid tr:last-child th:first-child {
border-bottom-left-radius: 10px;
border-color:#FFFFFF
}
table.gyroid tr:last-child th:last-child {
border-bottom-right-radius: 10px;
border-color:#FFFFFF
}
table.gyroid tr td {
border-color: #B2820C;
border-style: solid;
border-width: 1px;
}
/* admins */
#pagehistory a[href$="User:Lavapop101"],
.diff a[href$="User:Lavapop101"],
.page-Special_RecentChanges a[href$="User:Lavapop101"],
#pagehistory a[href$="User:Ora, più veloce"],
.diff a[href$="User:Ora, più veloce"],
.page-Special_RecentChanges a[href$="User:Ora, più veloce"],
#pagehistory a[href$="User:Agora, mais rápido"],
.diff a[href$="User:Agora, mais rápido"],
.page-Special_RecentChanges a[href$="User:Agora, mais rápido"],
#pagehistory a[href$="User:Kiki"],
.diff a[href$="User:Kiki"],
.page-Special_RecentChanges a[href$="User:Kiki"],
#pagehistory a[href$="User:Jared2222"],
.diff a[href$="User:Jared2222"],
.page-Special_RecentChanges a[href$="User:Jared2222"] {
color: #b8860b;
}
/* 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; }
