Vorlage:Hugo-Notiz/style.css: Unterschied zwischen den Versionen

Aus KGS-Wiki
KKeine Bearbeitungszusammenfassung
K (Nächster Versuch.)
 
(4 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 2: Zeile 2:
     margin: 2rem 0;
     margin: 2rem 0;
     position: relative;
     position: relative;
    display: flow-root;
}
}
div.notices > * {
div.notices div.notices-content {
     padding: 15px;
     padding: 15px;
     display: block;
     display: flow-root;
    font-size: 1rem;
     margin-top: 0rem;
     margin-top: 0rem;
     margin-bottom: 0rem;
     margin-bottom: 0rem;
     color: #666;
     color: #666;
     background: #ddd;
     background-color: #ddd;
}
div.notices > *:first-child {
     border-top: 30px solid #888;
     border-top: 30px solid #888;
     border-top-left-radius: 8px;
     border-radius: 8px;
    border-top-right-radius: 8px;
}
div.notices > *:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
}
div.notices > *:first-child:before {
div.notices > div.notices-icon {
     position: absolute;
     position: absolute;
     top: 2px;
     top: 2px;
     color: #fff;
     color: #fff;
     font-weight: 900;
     font-weight: 900;
    content: "ℹ️";
     left: 10px;
     left: 10px;
}
}
div.notices > *:first-child:after {
div.notices > div.notices-title{
     position: absolute;
     position: absolute;
     top: 2px;
     top: 2px;

Aktuelle Version vom 1. Oktober 2024, 06:22 Uhr

div.notices {
    margin: 2rem 0;
    position: relative;
    display: flow-root;
}
div.notices div.notices-content {
    padding: 15px;
    display: flow-root;
    margin-top: 0rem;
    margin-bottom: 0rem;
    color: #666;
    background-color: #ddd;
    border-top: 30px solid #888;
    border-radius: 8px;
}
div.notices > div.notices-icon {
    position: absolute;
    top: 2px;
    color: #fff;
    font-weight: 900;
    left: 10px;
}
div.notices > div.notices-title{
    position: absolute;
    top: 2px;
    color: #fff;
    left: 2rem;
    font-weight: bold;
}