MediaWiki:Mobile.css
Jump to navigation
Jump to search
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 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;
}