94 lines
1.2 KiB
CSS
94 lines
1.2 KiB
CSS
|
.main.cms {
|
||
|
padding: 20px 15px;
|
||
|
}
|
||
|
|
||
|
@media (min-width: 768px) {
|
||
|
.main.cms {
|
||
|
padding: 35px 30px;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.cms {
|
||
|
text-align: justify;
|
||
|
font-size: 1.1em;
|
||
|
}
|
||
|
|
||
|
@media (min-width:768px) {
|
||
|
.cms {
|
||
|
font-size: 1.2em;
|
||
|
line-height: 1.6em;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
/* Titles */
|
||
|
|
||
|
.cms h2, .cms h3 {
|
||
|
clear: both;
|
||
|
margin: 0 0 15px;
|
||
|
padding-bottom: 10px;
|
||
|
border-bottom: 1px solid #c8102e;
|
||
|
text-align: left;
|
||
|
font-weight: bold;
|
||
|
}
|
||
|
|
||
|
@media (min-width: 768px) {
|
||
|
.cms h2, .cms h3 {
|
||
|
padding-bottom: 15px;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
/* Paragraphs */
|
||
|
|
||
|
.cms p {
|
||
|
margin-bottom: 20px;
|
||
|
text-indent: 2em;
|
||
|
}
|
||
|
|
||
|
.cms p + :not(h2):not(h3):not(div) {
|
||
|
margin-top: -10px;
|
||
|
}
|
||
|
|
||
|
@media (min-width: 768px) {
|
||
|
.cms p {
|
||
|
padding-bottom: 15px;
|
||
|
}
|
||
|
|
||
|
.cms p + :not(h2):not(h3):not(div) {
|
||
|
margin-top: -30px;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
/* Lists */
|
||
|
|
||
|
.cms ol, .cms ul {
|
||
|
padding: 0 0 0 15px;
|
||
|
margin: 0 0 10px;
|
||
|
}
|
||
|
|
||
|
.cms ul {
|
||
|
list-style-type: square;
|
||
|
}
|
||
|
|
||
|
.cms ol > li, .cms ul > li {
|
||
|
padding-left: 5px;
|
||
|
}
|
||
|
|
||
|
|
||
|
/* Images */
|
||
|
|
||
|
.cms .richtext-image {
|
||
|
max-height: 100%;
|
||
|
margin: 5px 0 15px;
|
||
|
}
|
||
|
|
||
|
.cms .richtext-image.left {
|
||
|
float: left;
|
||
|
margin-right: 30px;
|
||
|
}
|
||
|
|
||
|
.cms .richtext-image.right {
|
||
|
float: right;
|
||
|
margin-left: 30px;
|
||
|
}
|