Vorlage:MultiColsLayout/styles.css: Unterschied zwischen den Versionen
Keine Bearbeitungszusammenfassung |
K (14 Versionen von wikivoyage:Vorlage:MultiColsLayout/styles.css importiert) |
||
(9 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) | |||
Zeile 8: | Zeile 8: | ||
border-radius: 5px; | border-radius: 5px; | ||
position: relative; | position: relative; | ||
padding: | padding: 0 .75em .75em; | ||
margin: 0; | margin: 0; | ||
} | } | ||
.skin-minerva .voy-multicols-box { | body.skin-minerva .voy-multicols-box { | ||
width: auto !important; | width: auto !important; | ||
} | } | ||
.voy-multicols-box + style + .voy-multicols-box, . | .voy-multicols-box + style + .voy-multicols-box, .voy-multicols-box + link + .voy-multicols-box, | ||
margin-top: | .voy-box-wrapper + style + .voy-multicols-box, .voy-box-wrapper + link + .voy-multicols-box, | ||
.voy-multicols-box + style + .voy-multicols-box, .voy-multicols-box + link + .voy-multicols-box, | |||
.voy-multicols-col > .qbDiv, body.page-Hauptseite .voy-multicols-box { | |||
margin-top: .75em; | |||
} | } | ||
.voy-multicols-no-frame { | .voy-multicols-no-frame { | ||
Zeile 38: | Zeile 40: | ||
background: #f0f0f0; | background: #f0f0f0; | ||
color: #004f80; | color: #004f80; | ||
margin: 0 -0.6em | margin: 0 -0.6em .75em; | ||
padding: | padding: .3em .4em; | ||
border-top-left-radius: 5px; | border-top-left-radius: 5px; | ||
border-top-right-radius: 5px; | border-top-right-radius: 5px; | ||
Zeile 51: | Zeile 53: | ||
.voy-multicols-box .voy-multicols-header { | .voy-multicols-box .voy-multicols-header { | ||
font-size: 1em; | font-size: 1em; | ||
border-top: | border-top: .25mm solid #c0c0c0; | ||
border-bottom: | border-bottom: .25mm solid #c0c0c0; | ||
} | } | ||
} | } | ||
Zeile 72: | Zeile 74: | ||
box-sizing: border-box; | box-sizing: border-box; | ||
margin: 0; | margin: 0; | ||
padding-right: | padding-right: .75em; | ||
} | } | ||
.voy-multicols-col:last-child { | .voy-multicols-col:last-child { | ||
Zeile 78: | Zeile 80: | ||
width: 100%; | width: 100%; | ||
} | } | ||
.voy-multicols-col > *:first-child { | .voy-multicols-col > *:first-child, .voy-multicols-col > style:first-child + *, | ||
.voy-multicols-col > link:first-child + * { | |||
margin-top: 0; | margin-top: 0; | ||
} | } | ||
Zeile 88: | Zeile 91: | ||
border: 1px solid #6cc8f3; | border: 1px solid #6cc8f3; | ||
border-radius: 5px; | border-radius: 5px; | ||
padding: | padding: .5em .5em; | ||
margin-bottom: | margin-bottom: .75em; | ||
} | } | ||
div.voy-multicols-intro { | div.voy-multicols-intro { | ||
margin: | margin: .75em 0; | ||
} | } | ||
.voy-multicols-footer { | .voy-multicols-footer { | ||
margin: | margin: .75em 0 0; | ||
} | } | ||
Zeile 117: | Zeile 120: | ||
} | } | ||
.voy-multicols-col + .voy-multicols-col { | .voy-multicols-col + .voy-multicols-col { | ||
margin-top: | margin-top: .75em; | ||
} | } | ||
} | |||
/* Travel topics rules */ | |||
.travelTopics { | |||
margin-bottom: 1em; | |||
} | |||
.travelTopics .floatright { | |||
border: solid 1px #cccccc; | |||
background: #eeeeee; | |||
padding: 3px; | |||
margin: 0 0 0 1em; | |||
} | |||
.travelTopics .voy-box-header { | |||
margin: 0 0 .7em; | |||
background-color: #ffffff; | |||
border-top: none; | |||
border-bottom: 1px solid #a2a9b1; | |||
padding: .3em 0 0; | |||
overflow: hidden; | |||
} | |||
.travelTopics .voy-box-intertitle { | |||
margin-top: 0 !important; | |||
} | } |
Aktuelle Version vom 9. Februar 2023, 15:34 Uhr
/*
Styles for MultiColsLayout template
*/
.voy-multicols-box {
box-sizing: border-box;
border: 1px solid #6cc8f3;
border-radius: 5px;
position: relative;
padding: 0 .75em .75em;
margin: 0;
}
body.skin-minerva .voy-multicols-box {
width: auto !important;
}
.voy-multicols-box + style + .voy-multicols-box, .voy-multicols-box + link + .voy-multicols-box,
.voy-box-wrapper + style + .voy-multicols-box, .voy-box-wrapper + link + .voy-multicols-box,
.voy-multicols-box + style + .voy-multicols-box, .voy-multicols-box + link + .voy-multicols-box,
.voy-multicols-col > .qbDiv, body.page-Hauptseite .voy-multicols-box {
margin-top: .75em;
}
.voy-multicols-no-frame {
border: none;
border-radius: 0;
padding: 0;
box-shadow: none !important;
}
.voy-multicols-var-1 { /* blau */
border-color: #6cc8f3;
}
.voy-multicols-var-2 { /* grün */
border-color: #80f000;
}
.voy-multicols-var-3 { /* rot */
border-color: #f3706c;
}
.voy-multicols-box .voy-multicols-header {
background: #f0f0f0;
color: #004f80;
margin: 0 -0.6em .75em;
padding: .3em .4em;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border: none;
font-size: 1.25em;
}
.voy-multicols-box .voy-centered {
text-align: center;
}
@media print {
.voy-multicols-box .voy-multicols-header {
font-size: 1em;
border-top: .25mm solid #c0c0c0;
border-bottom: .25mm solid #c0c0c0;
}
}
.voy-multicols-var-1 .voy-multicols-header, .voy-multicols-var-1 .voy-multicols-header a {
color: #004f80;
}
.voy-multicols-var-2 .voy-multicols-header, .voy-multicols-var-2 .voy-multicols-header a {
color: #00804f;
}
.voy-multicols-var-3 .voy-multicols-header, .voy-multicols-var-3 .voy-multicols-header a {
color: #800200;
}
.voy-multicols-cols {
display: flex;
}
.voy-multicols-col {
box-sizing: border-box;
margin: 0;
padding-right: .75em;
}
.voy-multicols-col:last-child {
padding-right: 0;
width: 100%;
}
.voy-multicols-col > *:first-child, .voy-multicols-col > style:first-child + *,
.voy-multicols-col > link:first-child + * {
margin-top: 0;
}
.voy-multicols-col .calWidth { /* Kalender im Mehrspaltenlayout */
width: 100%;
}
p.voy-multicols-intro {
border: 1px solid #6cc8f3;
border-radius: 5px;
padding: .5em .5em;
margin-bottom: .75em;
}
div.voy-multicols-intro {
margin: .75em 0;
}
.voy-multicols-footer {
margin: .75em 0 0;
}
@media (max-width: 900px) {
.voy-multicols-box {
border: none;
padding: 0;
}
.voy-multicols-header {
margin-left: 0;
margin-right: 0;
border-radius: 0;
}
.voy-multicols-cols {
flex-direction: column;
}
.voy-multicols-col {
width: 100% !important;
margin: 0;
padding: 0;
}
.voy-multicols-col + .voy-multicols-col {
margin-top: .75em;
}
}
/* Travel topics rules */
.travelTopics {
margin-bottom: 1em;
}
.travelTopics .floatright {
border: solid 1px #cccccc;
background: #eeeeee;
padding: 3px;
margin: 0 0 0 1em;
}
.travelTopics .voy-box-header {
margin: 0 0 .7em;
background-color: #ffffff;
border-top: none;
border-bottom: 1px solid #a2a9b1;
padding: .3em 0 0;
overflow: hidden;
}
.travelTopics .voy-box-intertitle {
margin-top: 0 !important;
}