FandomMobile.css

In other languages: Deutsch • Ελληνικά • Français • Italiano • Polski
CSS and Javascript changes must comply with the wiki design rules.
Note: After saving, 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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Clear the cache in Tools → Preferences
/* 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("//witcher.gamepedia.com/media/witcher.gamepedia.com/9/96/Headerbg_red.png") 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;
}