Vorlage:MultiColsLayout/styles.css: Unterschied zwischen den Versionen
(+body) |
K (14 Versionen von wikivoyage:Vorlage:MultiColsLayout/styles.css importiert) |
||
(2 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) | |||
Zeile 17: | Zeile 17: | ||
.voy-box-wrapper + style + .voy-multicols-box, .voy-box-wrapper + 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-box + style + .voy-multicols-box, .voy-multicols-box + link + .voy-multicols-box, | ||
.voy-multicols-col > .qbDiv { | .voy-multicols-col > .qbDiv, body.page-Hauptseite .voy-multicols-box { | ||
margin-top: .75em; | margin-top: .75em; | ||
} | } |
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;
}