MediaWiki:Common.css: Unterschied zwischen den Versionen
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
(62 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | /* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | ||
.bold { | |||
font-weight:bold; | |||
} | |||
div#p-logo::after { | |||
content: "Technische Spezifikationen"; | |||
font-weight: bold; | |||
color:#ef7f00; | |||
margin-top:-30px; | |||
position:absolute; | |||
margin-left:1.1em; | |||
} | |||
@font-face { | @font-face { | ||
Zeile 40: | Zeile 54: | ||
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') | 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') | ||
} | } | ||
* { | * { | ||
Zeile 91: | Zeile 106: | ||
} | } | ||
a { | a, #mw-panel .portal .body li a { | ||
color:#ee7f00; | color:#ee7f00; | ||
} | } | ||
a:visited { | a:visited, #mw-panel .portal .body li a:visited { | ||
color:#ee7f00; | color:#ee7f00; | ||
} | } | ||
Zeile 101: | Zeile 116: | ||
.specsBox { | .specsBox { | ||
position:relative; | position:relative; | ||
float:right; | float:right; | ||
width:320px; | width:320px; | ||
margin: 16px 0 16px 16px; | margin: 16px 0 16px 16px; | ||
box-sizing:border-box; | |||
} | |||
.specsBox *{ | |||
box-sizing:border-box; | |||
} | } | ||
.specsBox .container{ | .specsBox .container{ | ||
width:320px; | width:320px; | ||
padding:1em; | |||
background-color:#ffeecc; | |||
background-color:#ffeecc; | -webkit-border-radius: 5px; | ||
-webkit-border-radius: 5px; | -moz-border-radius: 5px; | ||
-moz-border-radius: 5px; | border-radius: 5px; | ||
border-radius: 5px; | } | ||
.specsBox #toc { | |||
margin-top:1em; | |||
} | } | ||
.specsBox .infos { | .specsBox .infos { | ||
border-top: 1px solid black; | border-top: 1px solid black; | ||
padding-top: | padding-top:1em; | ||
} | } | ||
Zeile 206: | Zeile 226: | ||
display:inline-block; | display:inline-block; | ||
} | } | ||
.anlieferungselement .referenz { | |||
padding: 1em; | |||
text-align:center; | |||
font-size:120%; | |||
display:inline-block; | |||
width:100%; | |||
} | |||
.anlieferung_kombination { | .anlieferung_kombination { | ||
display:flex; | display:flex; | ||
Zeile 279: | Zeile 309: | ||
.galerie { | .galerie { | ||
margin-top:1em; | margin-top:1em; | ||
margin-bottom:1em; | |||
text-align:center; | text-align:center; | ||
} | } | ||
Zeile 286: | Zeile 317: | ||
flex-wrap:wrap; | flex-wrap:wrap; | ||
justify-content:flex-start; | justify-content:flex-start; | ||
min-width:320px; | |||
box-sizing: border-box; | |||
} | |||
.mainpage * { | |||
box-sizing: border-box; | |||
} | } | ||
.chapter { | .chapter { | ||
width: | width:320px; | ||
min-width:320px; | min-width:320px; | ||
margin-right:1em; | |||
} | } | ||
.kontakt{ | .kontakt{ | ||
margin: 5px 0; | margin: 15px 20px 5px 0; | ||
width:200px; | |||
} | } | ||
. | .kontakt_name{ | ||
font-weight: 700; | font-weight: 700; | ||
font-size: | font-size:16px; | ||
} | } | ||
. | .kontakt_funktion{ | ||
border-bottom: 1px solid black; | border-bottom: 1px solid black; | ||
font-size: | font-size:16px; | ||
} | |||
.included .specsBox .infos .anlieferung{ | |||
display:none; | |||
} | |||
.included .specsBox .infos.text{ | |||
padding-top:0; | |||
} | |||
div.warnung::after { | |||
clear:both; | |||
} | |||
div.warnung::before { | |||
content: "Warnung"; | |||
background:url(/de/images/c/cb/Warning.png) no-repeat; | |||
background-position:center; | |||
background-size:24px auto; | |||
width:24px; | |||
height:24px; | |||
line-height:24px; | |||
display:inline-block; | |||
color:rgba(0,0,0,0); | |||
float:left; | |||
margin-right:10px; | |||
} | |||
div.warnung { | |||
font-weight:bold; | |||
font-size:120%; | |||
color:#ff0000; | |||
float:left; | |||
} | |||
#mw-panel #p-Start.portal .body li { | |||
font-size:20px; | |||
font-weight:bold; | |||
} | |||
.chapterlist { | |||
width:320px; | |||
border: 0.5px solid #a2a9b1; | |||
background-color: #f8f9fa; | |||
color: #222; | |||
margin: 1em 0; | |||
border-collapse: collapse; | |||
font-size:16px; | |||
} | |||
.chapterlist .clheader { | |||
font-size:22px; | |||
background-color:#021B23; | |||
color:#FFF; | |||
padding: 0.2em 0.4em; | |||
font-weight:bold; | |||
font-family: 'Rajdhani',sans-serif,Arial,Tahoma,Verdana; | |||
} | |||
.chapterlist ul { | |||
margin:0; | |||
padding:0; | |||
font-family: 'Rajdhani',sans-serif,Arial,Tahoma,Verdana; | |||
} | |||
.chapterlist li { | |||
list-style-type: none; | |||
list-style-image: none; | |||
padding: 0.2em 0.4em; | |||
margin:0; | |||
font-weight:bold; | |||
border-bottom: 0.5px solid #a2a9b1; | |||
line-height:1.6; | |||
font-family: 'Rajdhani',sans-serif,Arial,Tahoma,Verdana; | |||
font-size:100%; | |||
} | |||
.chapterlist li *{ | |||
font-family: 'Rajdhani',sans-serif,Arial,Tahoma,Verdana; | |||
} | |||
.mainheader { | |||
background-color: #021B23; | |||
color:#FFFFFF; | |||
text-align:left; | |||
font-size:60px; | |||
width:100%; | |||
padding-left:20px; | |||
height:300px; | |||
padding-top:70px; | |||
} | |||
.mainheader .title { | |||
height:80px; | |||
line-height:80px; | |||
} | |||
.seitenanfang, .werbeformkombination { | |||
background-color: #f8f9fa; | |||
color: #202122; | |||
margin: 1em 0; | |||
border: 1px solid #a2a9b1; | |||
padding:1em; | |||
} | |||
.seitenanfang span, .werbeformkombination span { | |||
font-size:150%; | |||
} | |||
.werbeformkombination { | |||
width:600px; | |||
height:150px; | |||
display:flex; | |||
align-items:center; | |||
} | |||
#p-logo a { | |||
background-size: 100% auto; | |||
} | } |