Aus skandinavien-wiki.net
/*
Styles for MultiColsLayout template
*/
.voy-multicols-box {
box-sizing: border-box;
border: 1px solid #6cc8f3;
border-radius: 5px;
position: relative;
padding: 0 0.75em 0.75em;
margin: 0;
background: #ffffff;
}
.skin-minerva .voy-multicols-box {
width: auto !important; /* for Minerva skin */
}
.voy-multicols-box + style + .voy-multicols-box, .container + style + .voy-multicols-box, .voy-multicols-box .voy-multicols-box, .voy-multicols-col > .qbDiv {
margin-top: 0.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 0.75em;
padding: 0.3em 0.4em;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border: none;
font-size: 1.25em;
}
@media print {
.voy-multicols-box .voy-multicols-header {
font-size: 1em;
border-top: 0.25mm solid #c0c0c0;
border-bottom: 0.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: 0.75em;
}
.voy-multicols-col:last-child {
padding-right: 0;
width: 100%;
}
.voy-multicols-col > *: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: 0.5em 0.5em;
margin-bottom: 0.75em;
}
div.voy-multicols-intro {
margin: 0.75em 0;
}
.voy-multicols-footer {
margin: 0.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: 0.75em;
}
}