MediaWiki:Mobile.css

/* CSS placed here will affect users of the mobile site */

@font-face {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 300;
    src: url('/de/resources/assets/fonts/rajdhani-v7-latin-300.eot');
    src: local('Rajdhani Light'), local('Rajdhani-Light'), url('/de/resources/assets/fonts/rajdhani-v7-latin-300.eot?#iefix') format('embedded-opentype'), url('/de/resources/assets/fonts/rajdhani-v7-latin-300.woff2') format('woff2'), url('/de/resources/assets/fonts/rajdhani-v7-latin-300.woff') format('woff'), url('/de/resources/assets/fonts/rajdhani-v7-latin-300.ttf') format('truetype'), url('/de/resources/assets/fonts/rajdhani-v7-latin-300.svg#Rajdhani') format('svg')
}

@font-face {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 400;
    src: url('/de/resources/assets/fonts/rajdhani-v7-latin-regular.eot');
    src: local('Rajdhani Regular'), local('Rajdhani-Regular'), url('/de/resources/assets/fonts/rajdhani-v7-latin-regular.eot?#iefix') format('embedded-opentype'), url('/de/resources/assets/fonts/rajdhani-v7-latin-regular.woff2') format('woff2'), url('/de/resources/assets/fonts/rajdhani-v7-latin-regular.woff') format('woff'), url('/de/resources/assets/fonts/rajdhani-v7-latin-regular.ttf') format('truetype'), url('/de/resources/assets/fonts/rajdhani-v7-latin-regular.svg#Rajdhani') format('svg')
}

@font-face {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 500;
    src: url('/de/resources/assets/fonts/rajdhani-v7-latin-500.eot');
    src: local('Rajdhani Medium'), local('Rajdhani-Medium'), url('/de/resources/assets/fonts/rajdhani-v7-latin-500.eot?#iefix') format('embedded-opentype'), url('/de/resources/assets/fonts/rajdhani-v7-latin-500.woff2') format('woff2'), url('/de/resources/assets/fonts/rajdhani-v7-latin-500.woff') format('woff'), url('/de/resources/assets/fonts/rajdhani-v7-latin-500.ttf') format('truetype'), url('/de/resources/assets/fonts/rajdhani-v7-latin-500.svg#Rajdhani') format('svg')
}

@font-face {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 600;
    src: url('/de/resources/assets/fonts/rajdhani-v7-latin-600.eot');
    src: local('Rajdhani SemiBold'), local('Rajdhani-SemiBold'), url('/de/resources/assets/fonts/rajdhani-v7-latin-600.eot?#iefix') format('embedded-opentype'), url('/de/resources/assets/fonts/rajdhani-v7-latin-600.woff2') format('woff2'), url('/de/resources/assets/fonts/rajdhani-v7-latin-600.woff') format('woff'), url('/de/resources/assets/fonts/rajdhani-v7-latin-600.ttf') format('truetype'), url('/de/resources/assets/fonts/rajdhani-v7-latin-600.svg#Rajdhani') format('svg')
}

@font-face {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 700;
    src: url('/de/resources/assets/fonts/rajdhani-v7-latin-700.eot');
    src: local('Rajdhani Bold'), local('Rajdhani-Bold'), url('/de/resources/assets/fonts/rajdhani-v7-latin-700.eot?#iefix') format('embedded-opentype'), url('/de/resources/assets/fonts/rajdhani-v7-latin-700.woff2') format('woff2'), url('/de/resources/assets/fonts/rajdhani-v7-latin-700.woff') format('woff'), url('/de/resources/assets/fonts/rajdhani-v7-latin-700.ttf') format('truetype'), url('/de/resources/assets/fonts/rajdhani-v7-latin-700.svg#Rajdhani') format('svg')
}

*   { 
    font-family: 'Rajdhani',sans-serif,Arial,Tahoma,Verdana;
    font-size: 100%;
}

.pre-content h1, .content h1, .content h2, .content h3, .mw-body h1, .mw-body-content h1, .mw-body-content h2, .mw-body-content h3 {
    font-family: 'Rajdhani',sans-serif,Arial,Tahoma,Verdana;
    font-weight:bold;
}

.branding-box a span {
    background-image: url(/de/resources/assets/iq-digital.png?53da3);
    background-repeat: no-repeat;
    background-size: 70px auto;
    background-position: left center;
    padding-left:80px;
height:32px;
}

.header .branding-box {
width:80%;
}

p, p *, li, li * {
font-family: Arial,Tahoma,Verdana;
}

.header {
    white-space:normal;
}

a {
color:#ee7f00;
}

a:visited {
color:#ee7f00;
}

.specsBox {
  position:relative;
  height:480px;
  margin-top:16px;
  margin-bottom:16px;
}

.specsBox .container{
position:absolute;
  width:320px;
  left:50%;
margin-left:-160px;
background-color:#ffeecc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.specsBox .infos {
margin: 16px;
border-top: 1px solid black;
padding-top:16px;
}

.specsBox span {
display:inline-block;
vertical-align:top;
}
.specsBox .key {
width:33%;
text-align:left;
font-weight:bold;
}

.specsBox .value {
width:66%;
text-align:left;
}

.specsBox .name {
font-weight:bold;
}

.specsBox h3 {
margin: 0 auto;
}

.content .specsBox ul {
padding-left:0;
}