Mall:X11-färger/styles.css

I den här artikeln kommer vi att utforska den fascinerande världen av Mall:X11-färger/styles.css och alla konsekvenser som detta ämne har på vårt samhälle. Mall:X11-färger/styles.css är ett ämne som har fångat uppmärksamheten hos både experter och fans, genererat passionerade debatter och väckt ett växande intresse för dess många aspekter. På dessa sidor kommer vi att fördjupa oss i historien, påverkan och möjliga framtida implikationer av Mall:X11-färger/styles.css, analysera varje detalj och erbjuda en heltäckande vision av detta ämne som är så relevant idag. Från dess ursprung till dess senaste tillämpningar dyker den här artikeln ner i en omfattande analys av Mall:X11-färger/styles.css med målet att ge läsaren en djup och berikande förståelse för detta spännande ämne.
/* Två kolumner bredvid varandra */
.x11_left_column {
    float: left;
    width: 45%;
}
.x11_right_column {
    float: right;
    width: 45%;
}
/* Utan float, ifall det skulle hamna i konflikt med andra objekt */
.x11_nofloat_column {
    float: none;
    width: 45%;
}
/* I mobilvyn på små skärmar läggs kolumnerna efter varandra och endast första tabellhuvudet behålls */
@media screen and ( max-width: 800px ) {
    .x11_left_column,
    .x11_right_column,
    .x11_nofloat_column {
        clear: both;
        float: none;
        width: 100%;
        margin: 1em auto;
    }
    .x11_onlywidescreen {
        display: none;
    }
}
/* Generell stil för sidokanter och -padding för samtliga tabellceller */
.x11_tabellceller,
.x11_tabellceller td,
.x11_tabellceller th {
    padding-left: 4px;
    padding-right: 4px;
    border-collapse: collapse;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
}
/* Centrerad text i vanliga tabellrutor, utom i dem längst till vänster */
.x11_kolumntabell tr td:nth-child(n+2) {
    text-align: center;
}
/* Stil för respektive kolumn */
.x11_kolumntabell {
    background: #f8f9fa;
    width: 95%;
}
/* Stil för rutor som inte är rubrik och inte har underrubrikklassen */
.x11_kolumntabell td:not(.x11_underrubrik) {
    font-size: 80%;
    font-family: monospace, monospace;
}
.x11_rubrikrad1 {
    background: #eaecf0;
    line-height: 1.4;
    border: hidden;
}
th.x11_rgbrubrik {
    letter-spacing: .1em;
    font: 90% sans-serif;
    font-weight: normal;
    border: hidden;
}
.x11_rubrikrad2 {
    background: #eaecf0;
    line-height: 1.4;
    font: 90% sans-serif;
    color: #202122;
    letter-spacing: .03em;
    border: hidden;
    border-bottom: 2px solid #a2a9b1;
}
.x11_utan_sidokanter,
.x11_utan_sidokanter td,
.x11_utan_sidokanter th {
    border-collapse: collapse;
    border-left: hidden;
    border-right: hidden;
}
.x11_underrubrik {
    height: 2em;
    vertical-align: bottom;
    background: #f8f9fa;
    color: #72777d;
    font-family: sans-serif;
}

/* ] */