MediaWiki:FandomMobile.css

/* INFOBOXES: game or book depended color style */ .infoboxtable { background: #000000; background-image: -moz-linear-gradient(center top, #1A1D20 60%, #0A0B0C 100%); background-image: -webkit-gradient(linear, center top, left bottom, color-stop(60%,#1A1D20), color-stop(100%,#0A0B0C)); background-image: -webkit-linear-gradient(top, #1A1D20 60%, #0A0B0C 100%); background-image: -o-linear-gradient(top, #1A1D20 60%, #0A0B0C 100%); background-image: -ms-linear-gradient(top, #1A1D20 60%, #0A0B0C 100%); background-image: linear-gradient(to bottom, #1A1D20 60%, #0A0B0C 100%); border: 1px solid #404040; color: #ffffff; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; }

.infoboxtable td { vertical-align: top; }

.infoboxtable td > div { background-color: rgb(41, 43, 46); border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; }

.infoboxtable td > .tabber.tabberlive { background-color: rgba(0, 0, 0, 0); }

div.infoboxtable td * ul.tabbernav { text-align: center; }

.infoboxtable td > .tabber .tabbertab { padding: 0; }

.infoboxname1, .infoboxname2, .infoboxname3, .infoboxnamebook, .infoboxnamenv, .infoboxnamefilmtv { font-size: 110%; font-weight: bold; padding: 0.5em; }

/* Infobox-Icons */ div.icons { display: table-cell; vertical-align: middle; text-align: center; }

div.icons img, div.icons span { display: inline-block; }

div.icons span { width: 280px; }

div.icons img { margin-top: -0.5em; margin-bottom: -0.5em; } /* end Infobox-Icons */

.infoboxdetails1, .infoboxdetails2, .infoboxdetails3, .infoboxdescription1, .infoboxdescription2, .infoboxdescription3, .infoboxdetailsbook, .infoboxdetailsnv { padding: 0em; }

.infoboxname1, .infoboxdetails1, .infoboxdescription1 { background: #C0C0C0; background-image: -moz-linear-gradient(center top, #C0C0C0 0%, #505050 100%); background-image: -webkit-gradient(linear, center top, left bottom, color-stop(0%,#C0C0C0), color-stop(100%,#505050)); background-image: -webkit-linear-gradient(top, #C0C0C0 0%, #505050 100%); background-image: -o-linear-gradient(top, #C0C0C0 0%, #505050 100%); background-image: -ms-linear-gradient(top, #C0C0C0 0%, #505050 100%); background-image: linear-gradient(to bottom, #C0C0C0 0%, #505050 100%); color: #000000; }

.infoboxname2, .infoboxdetails2, .infoboxdescription2 { background: #d2801e; background-image: -moz-linear-gradient(center top, #d2801e 0%, #653f03 100%); background-image: -webkit-gradient(linear, center top, left bottom, color-stop(0%,#d2801e), color-stop(100%,#653f03)); background-image: -webkit-linear-gradient(top, #d2801e 0%, #653f03 100%); background-image: -o-linear-gradient(top, #d2801e 0%, #653f03 100%); background-image: -ms-linear-gradient(top, #d2801e 0%, #653f03 100%); background-image: linear-gradient(to bottom, #d2801e 0%, #653f03 100%); color: #000000; }

.infoboxname3, .infoboxdetails3, .infoboxdescription3 { background: #AB0000; background-image: -moz-linear-gradient(center top, #AB0000 0%, #4A040A 100%); background-image: -webkit-gradient(linear, center top, left bottom, color-stop(0%,#AB0000), color-stop(100%,#4A040A)); background-image: -webkit-linear-gradient(top, #AB0000 0%, #4A040A 100%); background-image: -o-linear-gradient(top, #AB0000 0%, #4A040A 100%); background-image: -ms-linear-gradient(top, #AB0000 0%, #4A040A 100%); background-image: linear-gradient(to bottom, #AB0000 0%, #4A040A 100%); color: #d5d4d4; }

.infoboxnamebook, .infoboxdetailsbook, .infoboxdescriptionbook { background: #824d1f; /* Old browsers */ background: -moz-linear-gradient(top, #824d1f 0%, #512300 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#824d1f), color-stop(100%,#512300)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #824d1f 0%,#512300 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #824d1f 0%,#512300 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #824d1f 0%,#512300 100%); /* IE10+ */ background: linear-gradient(to bottom, #824d1f 0%,#512300 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#824d1f", endColorstr="#512300",GradientType=0 ); /* IE6-9 */ color: #FFFFFF; }

.infoboxnamenv, .infoboxdetailsnv { background: #55B784; background-image: -moz-linear-gradient(center top, #55B784 0%, #001E0E 100%); background-image: -webkit-gradient(linear, center top, left bottom, color-stop(0%,#55B784), color-stop(100%,#001E0E)); background-image: -webkit-linear-gradient(top, #55B784 0%, #001E0E 100%); background-image: -o-linear-gradient(top, #55B784 0%, #001E0E 100%); background-image: -ms-linear-gradient(top, #55B784 0%, #001E0E 100%); background-image: linear-gradient(to bottom, #55B784 0%, #001E0E 100%); color: #FFFFFF; }

.infoboxnamefilmtv, .infoboxdetailsfilmtv { background: #D1E6F4; background-image: -moz-linear-gradient(center top, #D1E6F4 0%, #17405C 100%); background-image: -webkit-gradient(linear, center top, left bottom, color-stop(0%,#D1E6F4), color-stop(100%,#17405C)); background-image: -webkit-linear-gradient(top, #D1E6F4 0%, #17405C 100%); background-image: -o-linear-gradient(top, #D1E6F4 0%, #17405C 100%); background-image: -ms-linear-gradient(top, #D1E6F4 0%, #17405C 100%); background-image: linear-gradient(to bottom, #D1E6F4 0%, #17405C 100%); color: #000000; }

/* Collapsing sections in infoboxes */ .section-collapse { border-color: #ffffff; border-style: solid; border-width: 2px 2px 0 0; content: ""; cursor: pointer; display: inline-block; height: 7px; margin-right: 5px; position: relative; right: 0; top: 5px; transform: rotate(-45deg); vertical-align: middle; width: 7px; }

.section-collapsed { display: none; }

.collapsed-icon { margin-top: -2px; transform: rotate(135deg); }

/* collapsible sections */

.mw-ui-icon-arrow::before { filter: invert(100%); }

/* Tabber styling */ .tabberlive .tabbertab, .tabber .tabbertab { -moz-border-bottom-colors: transparent !important; -moz-border-left-colors: transparent !important; -moz-border-right-colors: transparent !important; -moz-border-top-colors: #434647 !important; border-top-bottom: transparent !important; border-top-left: transparent !important; border-top-right : transparent !important; border-top-color: #434647 !important; border-image: none !important; border-style: solid none none !important; border-width: 1px medium medium !important; }

ul.tabbernav { border-bottom: none !important; }

ul.tabbernav li a { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #000000 !important; border: 1px solid #434647 !important; border-image: none; border-radius: 5px 5px 0 0 !important; margin-left: 3px; padding: 3px 0.5em; text-decoration: none; }

ul.tabbernav li { display: inline; list-style: none outside none; margin: 0 0 0 7px; }

ul.tabbernav li a:link { color: #7AB1CC !important; }

ul.tabbernav li a:hover { background: none repeat scroll 0 0 #000000 !important; border-color: #434647 !important; color: #FFFFFF !important; }

ul.tabbernav li.tabberactive a { background-color: #000000 !important; color: #FFFFFF !important; }

ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover, ul.tabbernav li.tabberactive a:link { background-color: #000000 !important; border-bottom: 1px none !important; padding: 2px 0.5em 4px !important; }

div#mf-content * ul.tabbernav { text-align:center; }

.mobileheader { background: #66161D url("https://static.wikia.nocookie.net/witcher_gamepedia/images/9/96/Headerbg_red.png/revision/latest") repeat-x; border: 1px solid #66161D; text-align: center; color: #FFFFFF; /*rausnehmen, wenn zentral auf Weiß! */   font-size: 130%; padding: 4px; box-shadow: 0 0.1em 0.75em #B02525; margin-bottom: 10px; }

.article-content .mobileheader a { color: #fff; }
 * 1) mp-wrapper .article-media-placeholder { border: 0; }