MediaWiki:Wikia.css

/* Main CSS class of the tooltip */ .main-tooltip { border: 1px solid #999; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); border-radius: 4px; margin-bottom: 5px; padding: 2px 5px; background-color: #3a3a3a; } /* Adds padding to the wrapper to make space for a shadow */ padding: 3px 7px 2px 3px; } /* Hides tooltips with redlinks, not yet loaded ones and elements containing tooltip contents for advanced tooltips */ .has-redlinks, .tooltip-loading, .advanced-tooltip .tooltip-contents { display: none; } .tooltips-init-complete { cursor: help; } /* Basic hover example */ .show-when-hovering { display: none; } .hover-container:hover .show-when-hovering { display: inline; } .hover-container:hover .hide-when-hovering { display: none; } /* === Template:Ambox designs === */ /* Ambox design */ .ambox { width: 80%; margin: 0 auto; border: 1px #AAA solid; border-left: 10px solid #228b22; border-collapse: collapse; background-color: #555555; } /* Ambox colours */ .ambox-blue { border-left: 10px solid #1e90ff;      /* Blue (notice) */ } .ambox-red { border-left: 10px solid #b22222;      /* Red (delete/serious) */ } .ambox-orange { border-left: 10px solid #f28500;      /* Orange (content) */ } .ambox-yellow { border-left: 10px solid #f4c430;      /* Yellow (style) */ } .ambox-purple { border-left: 10px solid #9932cc;      /* Purple (merge) */ } .ambox-gray { border-left: 10px solid #bba;         /* Gray (protection) */ } .ambox-green { border-left: 10px solid #228b22;      /* Green */ } /* Ambox small text */ .ambox-smalltext { font-size: smaller; margin-top:0.5em; margin-left:0.8em; } /* Ambox image */ .ambox-image {                         /* The left image cell */ width: 60px; padding: 2px 0px 2px 0.5em;           /* 0.5em left, 0px right */ text-align: center; } @media print { .ambox { display: none; } } /* no ambox when printing */ .inactive-user { background-color: rgb(180,180,180); color: rgb(80,80,80); text-transform: lowercase !important; } /* Hatnotes and disambiguation notices */ .rellink, .dablink { font-style: italic; /* @noflip */ padding-left: 1.6em; margin-bottom: 0.5em; } .rellink i, .dablink i { font-style: normal; } /* mark Yt video links */ .WikiaArticle a[href*="youtube.com/watch"]:after { background-image: url("https://s.ytimg.com/yts/img/favicon_32-vflWoMFGx.png"); background-size:12px 12px; width:12px; background-position:0; } /*********************************************************************/ /* fix alignment to collapsible navbox table with infobox class */ /* DEPRECATED */ .infobox.collapsible {margin-left:0 !important} /* *************** Infobox customizations *************** */ /* 18 oct '12: added all inline stylings here */ .infobox { border-radius: 0px 13px 0px 0px; font-size: 89%; width: 270px; clear: right; } .infobox th { /* general header stylings */ background-color:#3366CC; color:#FFFFFF; } .infobox thead th, .infobox-title { /* box title */ font-size:120%; padding:5px; } .infobox td.image { text-align:center; } /* inline on unterganger infobox */ .infobox tr td { border-top: 1px solid rgb(106,106,106); /* consume less vertical space, compacting the infobox */ line-height:normal; } .infobox tr td p { margin:0.2em 0px } .infobox tr td[colspan="2"] { /* overrides left padding on first cells */ padding: 1px !important } .infobox tr td:first-child, table.infobox th { border-radius:0px 8px 0px 0px; } .infobox tr td:first-child { background-color: #555555; padding-left: 3px; width:30%; /* also inline */ } .infobox tr td:nth-child(2) { text-align:right; width:70%; /* also inline */ } .infobox li { /* reducing vertical space usage */ line-height:normal !important; margin:0.2em 0 !important } /* for Infobox/Ext/Sides */ .infobox td.fullspan { background-color: rgb(67, 66, 66)!important; border-radius:0px !important; } .infobox .embedded td { background-color: rgb(67, 66, 66)!important; vertical-align:top; padding:3px; } .infobox .embedded td:first-child { border-right: 1px dotted rgb(106, 106, 106); border-radius:0px } /* shared rules between mainpage contests and unterganger infobox */ .infobox th.award { text-align:left } .infobox th.award .floatleft { padding:7px 2px 7px 5px; margin:0 5px 0 0; } .infobox th.award, .infobox .award a, .mainpage-contest dt { text-shadow: 1px 1px 0px black; } .infobox th.award-uotm, .mainpage-uotm dt { background-color: rgb(116, 98, 75); border:2px solid gold; } .infobox th.award-uotm,.mainpage-uotm dt a {color:gold !important} .infobox th.award-potm, .mainpage-potm dt { background-color: rgb(200, 161, 86); border:2px solid red; } .infobox th.award-potm,.mainpage-potm dt a {color:red !important} .infobox th.award-hof, .mainpage-hof dt { background-color: black; border:2px solid white; text-shadow:0px 0px 3px white; } .infobox th.award-hof,.mainpage-hof dt a {color: white !important} .infobox th.award-dpa-old { border: 2px dashed yellow; color: yellow; background-repeat: repeat; background-size: cover; background-position: -20px 0%; background-image: url("https://images.wikia.nocookie.net/hitlerparody/images/3/37/Long_NK_flag.png"); } .infobox th.award.award-dpa-old p { line-height:normal; float:right; width:80%; } .infobox th.award.award-dpa-new, .mainpage-ua dt { background: #eeeeee; /* Old browsers */ background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */ background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); /* W3C */ border:2px solid black; text-shadow:0 0 0 transparent; } .infobox th.award.award-dpa-new,.mainpage-ua dt a {color: black !important} .infobox th.award-bestnew, .mainpage-new dt { background-color: darkgreen; border:2px solid blue; } .infobox th.award-bestnew,.mainpage-new dt a {color: white} /* stylings for .underinfobox class (things after infoboxes that should go under the infobox instead of inline. WIDTH and margin must be same as infobox */ .underinfobox {	float: right;	clear: right;	width: 270px;	margin-left: 1em } /* === USERBOXES === */ table.userbox {     float:left;     margin:0.2em;     padding:0;     border-width:1px;     border-style:solid; } table.userbox td.left, table.userbox td.right {    text-align:center;     vertical-align:middle;     font-size:1.6em;     padding:0; } table.userbox td.main {     padding:0 4px;     vertical-align:middle;     line-height:125%;     font-size:0.9em; } table.userbox {     border-color:#4E4E4E;     background:#323232; /*#f8f8f8*/ } table.userbox td.left, table.userbox td.right {     background:#151515; /*#d8d8d8*/ }
 * 1) tooltip-wrapper {