2.589
Bearbeitungen
MediaWiki:Mobile.css: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| Zeile 51: | Zeile 51: | ||
} | } | ||
p, p *, li, li * { | |||
font-family: Arial,Tahoma,Verdana; | |||
} | |||
.branding-box a span { | .branding-box a span { | ||
background-image: url(/de/resources/assets/iq-digital.png?53da3); | background-image: url(/de/resources/assets/iq-digital.png?53da3); | ||
| Zeile 64: | Zeile 67: | ||
} | } | ||
.header { | .header { | ||
| Zeile 82: | Zeile 83: | ||
.specsBox { | .specsBox { | ||
position:relative; | position:relative; | ||
margin-top:16px; | margin-top:16px; | ||
margin-bottom:16px; | margin-bottom:16px; | ||
| Zeile 129: | Zeile 129: | ||
.content .specsBox ul { | .content .specsBox ul { | ||
padding-left:0; | padding-left:0; | ||
} | |||
.anlieferungselement { | |||
width:320px; | |||
background-color: #fff1e6; | |||
border-radius: 5px; | |||
margin-right:5px; | |||
margin-bottom: 10px; | |||
padding-bottom:5px; | |||
} | |||
.anlieferungselement *{ | |||
box-sizing: border-box; | |||
} | |||
.anlieferungselement:last-of-type { | |||
margin-bottom:0; | |||
} | |||
.anlieferungselement .titel{ | |||
font-weight:bold; | |||
font-size:120%; | |||
text-align:center; | |||
border-bottom: 2px solid #ffad66; | |||
background-color: #ffe4cc; | |||
padding: 5px 5px 0 5px; | |||
border-top-left-radius:5px; | |||
border-top-right-radius:5px; | |||
} | |||
.anlieferungselement .abmessung, .anlieferungselement .gewicht, .anlieferungselement .format, .anlieferungselement .alternative, .anlieferungselement .anmerkung, .anlieferungselement .abmessungExpandiert, .anlieferungselement .mandanten{ | |||
padding-left: 5px; | |||
padding-right: 5px; | |||
} | |||
.anlieferungselement .bezeichnung{ | |||
width:25%; | |||
font-weight:bold; | |||
padding-right:5px; | |||
display:inline-block; | |||
vertical-align:top; | |||
} | |||
.anlieferungselement .wert{ | |||
width:75%; | |||
display:inline-block; | |||
} | |||
.anlieferung_kombination { | |||
display:flex; | |||
} | |||
.anlieferung_kombination.horizontal { | |||
align-content:center; | |||
flex-direction:row; | |||
border: 2px solid #ffad66; | |||
flex-wrap:wrap; | |||
justify-content:center; | |||
} | |||
.anlieferung_kombination.vertikal{ | |||
justify-content: center; | |||
flex-direction:column; | |||
align-content:center; | |||
} | |||
.anlieferung_kombination > .container > .anlieferung_kombination.vertikal{ | |||
} | |||
.anlieferung_kombination > .container > .anlieferung_kombination.horizontal{ | |||
flex:initial; | |||
} | |||
.anlieferung_kombination.horizontal > .anlieferungselement { | |||
flex:none; | |||
margin: 5px; | |||
} | |||
.anlieferung_kombination.horizontal > .zeichen{ | |||
flex:none; | |||
} | |||
.anlieferung_kombination > .zeichen{ | |||
font-weight: bold; | |||
font-size: 200%; | |||
width: 100px; | |||
text-align: center; | |||
vertical-align:middle; | |||
} | |||
.anlieferung_kombination.vertikal > .zeichen{ | |||
font-size:300%; | |||
line-height:80px; | |||
height:80px; | |||
width:320px; | |||
align-self:center; | |||
} | |||
.anlieferung_kombination.vertikal .header { | |||
background-color: #ffe4cc; | |||
width: 100%; | |||
text-align: center; | |||
border: 2px solid #ffad66; | |||
border-bottom: none; | |||
box-sizing: border-box; | |||
} | |||
.anlieferung_kombination .header .bezeichnung{ | |||
font-size:200%; | |||
font-weight:bold; | |||
} | |||
.anlieferung_kombination .header .text { | |||
font-size:150%; | |||
} | |||
.galerie { | |||
margin-top:1em; | |||
text-align:center; | |||
} | } | ||