MediaWiki:Mobile.css

From Technical Specifications
Revision as of 12:57, 9 May 2019 by Tlohmann (talk | contribs) (Created page with "→‎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...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
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;
}