___Customising – Advanced options – Additional CSS
29.04.2025 – JRe WP
WP Detail-Block Anpassungen
x.widget { background: ivory; }
/* —————————–*/
/* WP Detail-Block Anpassungen */
/* —————————–*/
xdetails {
background: #1e73be;
border-radius: 9px;
}
.wp-block-details {
background: #1e73be;
border-radius: 9px;
}
x.wp-block-details p,
x.wp-block-details li {
background: yellow;
border-radius: 9px;
}
summary {
list-style: none;
display: flex; /* also removes the list marker */
align-items: center;
padding: 1rem;
font-size: 26px;
font-weight: bold;
xbackground: #1e73be;
xborder-radius: 5px;
color: whitesmoke;
xwidth: 70%;
xmax-width: 1230px; /* Ihre gewünschte Breite */
xmax-width:800px; /* Ihre gewünschte Breite */
}
summary::before{
content: ‚>‘;
transition: 0.2s;
margin-right: 1rem;
font-size: 2rem;
}
details[open] > summary::before{
transform: rotate(90deg);
xtransform: rotate(45deg);
}
.wp-block-details[open] summary,
.wp-block-details summary:hover
{
transition: all 0.2s ease-in-out;
}
.wp-block-details summary:focus {
xborder-color: yellow;
xbackground: #b1c5a4;
transition: all 0.2s ease-in-out;
}
summary::-webkit-details-marker {
display: none;
}
.wp-block-details summary:focus {
outline-style: none;
}
/* Background content of details */
xdetails p {
background: ivory;
xpadding: 2rem;
xmargin-top: 0;
}
@keyframes details-show {
from {
opacity:0;
transform: var(–details-translate, translateY(-0.5em));
}
}
details[open] > *:not(summary),
details[close] > *:not(summary) {
animation: details-show 1000ms ease-in-out;
}
/* —————————————*/
/* End of – WP Detail-Block Anpassungen */
/* —————————————*/
Header, Image, etc.
h2 {
xmargin-top: 50px;
xmargin-bottom: 10px;
padding-top: 30px;
}
h3 {
xmargin-top: 20px;
xmargin-bottom: 10px;
padding-top: 10px;
}
h4 {
xdisplay: block;
font-size: 12px;
xmargin-top: 0.67em;
xmargin-bottom: 0.67em;
xmargin-left: 0;
xmargin-right: 0;
padding-top: 10px;
font-weight: normal;
}
xmain.content .entry h4
main{
xbackground-color: yellow;
}
img {
xbackground: none repeat scroll 0 0 ivory;
xcolor: #000000;
xtext-shadow: none;
xfont-size: 16px;
xline-height: 24px;
xmargin-bottom: 20px;
xmargin-left: 0;
xmargin-right: 20px;
xpadding: 10px;
xpadding: 10px 15px 5px 15px;
xborder-radius: 10px;
xbox-shadow: 0px 0px 10px 10px #aaaaaa;
}
