Mein Beitrag CSS-Anpassungen und HTML-Vorlagen ist nun bald ein halbes Jahr alt. Seitdem habe ich ein paar kleinere und größere Änderungen vorgenommen, die ich mit diesem Beitrag festhalten möchte, um etwaige Probleme nachvollziehen zu können.
/* Allgemeine Formatierungen */
table {
width: 100%;
margin-bottom: 10px;
}
td, th {
padding: 0.5rem;
border: 1px solid #dddddd;
}
blockquote > p {
font-size: 14px;
font-style: italic;
}
blockquote > footer > cite::before {
content: "— ";
}
/* Style-spezifische Formatierungen */
.copyright {
margin: 0;
}
#t3-footer {
margin-top: 1rem;
}
.t3-copyright {
padding: 1rem 0;
}
.t3-mainnav {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.t3-mainbody {
background-color: white;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.t3-wrapper {
background-color: #f1f1f1;
}
/* Content-Formatierungen */
.mkrEbeneStart {
counter-reset: ebene1 cBilder;
}
.mkrEbeneStart h3 {
counter-reset: ebene2;
}
.mkrEbeneStart h4 {
counter-reset: ebene3;
}
.mkrEbeneStart h3:before {
content: counter(ebene1) " ";
counter-increment: ebene1;
}
.mkrEbeneStart h4:before {
content: counter(ebene1) "." counter(ebene2) " ";
counter-increment: ebene2;
}
.mkrEbeneStart h5:before {
counter-increment: ebene3;
content: counter(ebene1) "." counter(ebene2) "." counter(ebene3) " ";
}
.mkrEbeneStart article>header>p {
font-weight: bold;
}
.mkrEbeneStart article {
border: 1px dashed #dddddd;
margin: 1rem 0;
padding: 1rem;
}
.mkrEbeneStart table > caption {
font-style: italic;
color: red;
text-align: center;
}
.mkrEbeneStart img + figcaption:before {
counter-increment: cBilder;
content: "Abb. " counter(cBilder) ": ";
}
.mkrEbeneStart figcaption {
text-align: center;
padding-bottom: 1rem;
}
.mkrEbeneStart img {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
max-width: 100%;
}
/* Kommentar-Plugin-Formatierungen */
.ccomment-readmore {
display: none;
}
.ccomment {
margin-top: 1rem;
}