[BACK]Return to openbsd.css CVS log [TXT][DIR] Up to [local] / www

Annotation of www/openbsd.css, Revision 1.20

1.20    ! bentley     1: /* $OpenBSD: openbsd.css,v 1.19 2019/06/03 02:43:03 deraadt Exp $ */
1.14      bentley     2:
1.11      bentley     3: :root {
1.15      tj          4:        --red:   #E00000;
1.11      bentley     5:        --green: #008100;
1.15      tj          6:        --blue:  #0000E0;
                      7:        --buildhead: #E0E0E0;
1.11      bentley     8: }
                      9:
                     10: :link {
1.15      tj         11:        color: #23238E;
1.19      deraadt    12: }
                     13:
                     14: :visited {
                     15:        color: #008088;
1.11      bentley    16: }
                     17:
1.1       sthen      18: body {
1.15      tj         19:        background-color: #FFFFFF;
                     20:        color: #111111;
1.5       tb         21:        margin: 15px auto;
1.1       sthen      22:        padding: 0 10px;
                     23: }
                     24:
1.9       tb         25: code {
                     26:        white-space: nowrap;
                     27: }
                     28:
1.4       natano     29: @media (min-width: 800px) {
                     30:        body {
1.5       tb         31:                max-width: 85%;
1.4       natano     32:        }
1.1       sthen      33: }
1.6       tb         34:
                     35: tt {
                     36:        white-space: pre;
                     37: }
1.7       tj         38:
                     39: .cmdbox {
1.15      tj         40:        background: #F5F5F5;
                     41:        border: 1px solid #AAAAAA;
1.7       tj         42:        overflow: auto;
                     43:        padding: 10px;
                     44: }
                     45:
1.8       bentley    46: #OpenBSD {
1.15      tj         47:        color: #E00000;
1.8       bentley    48: }
                     49:
1.13      bentley    50: #OpenBSD :link i, #OpenBSD :visited i {
1.15      tj         51:        color: #0000FF;
1.12      bentley    52: }
                     53:
1.13      bentley    54: #OpenBSD :link b, #OpenBSD :visited b {
1.8       bentley    55:        color: #000084;
                     56: }
                     57:
                     58: #OpenBSD small {
                     59:        font-weight: normal;
                     60:        float: right;
                     61: }
1.10      bentley    62:
1.15      tj         63: /* sidebar layout */
1.10      bentley    64:
1.20    ! bentley    65: #project-main body {
1.10      bentley    66:        height: 100%;
1.20    ! bentley    67:        max-width: 100%;
1.10      bentley    68:        position: absolute;
                     69:        bottom: 0;
                     70:        left: 0;
                     71:        right: 0;
                     72:        top: 0;
1.20    ! bentley    73:        display: table;
        !            74:        padding: 0;
        !            75:        margin: 0;
1.10      bentley    76: }
                     77:
1.20    ! bentley    78: #project-main nav,
        !            79: #project-main article,
        !            80: #project-main figure,
        !            81: #project-main aside {
        !            82:        display: table-cell;
1.10      bentley    83:        padding: 4px;
                     84: }
                     85:
1.20    ! bentley    86: #project-main nav,
        !            87: #project-main figure {
1.10      bentley    88:        border-right: 11px solid;
1.15      tj         89:        background-color: #6BBDD6;
                     90:        border-color: #007B9C;
1.10      bentley    91: }
                     92:
1.20    ! bentley    93: #project-main nav header {
1.10      bentley    94:        margin: 0;
                     95:        font-size: 15pt;
1.20    ! bentley    96:        font-weight: bolder;
1.10      bentley    97:        white-space: nowrap;
                     98: }
                     99:
1.20    ! bentley   100: #project-main nav ul {
1.10      bentley   101:        margin-top: 0;
                    102:        margin-bottom: 1em;
                    103:        padding-left: 0;
                    104: }
                    105:
1.20    ! bentley   106: #project-main nav li {
1.10      bentley   107:        list-style-type: none;
                    108:        list-style-position: inside;
                    109:        margin-left: 0.5em;
                    110: }
                    111:
1.20    ! bentley   112: #project-main article h2 {
1.10      bentley   113:        margin: 0;
                    114:        text-align: center;
                    115: }
                    116:
                    117: #callout {
1.15      tj        118:        color: #E00000;
                    119:        font-weight: bold;
1.10      bentley   120:        text-align: center;
                    121: }
                    122:
                    123: .not-openbsd #callout {
1.15      tj        124:        color: #0000A0;
1.10      bentley   125:        font-weight: normal;
                    126: }
                    127:
1.20    ! bentley   128: #project-main main,
        !           129: #project-main footer {
        !           130:        display: table-row;
        !           131: }
        !           132:
        !           133: #project-main nav {
1.10      bentley   134:        vertical-align: top;
                    135: }
                    136:
1.20    ! bentley   137: #project-main figure,
        !           138: #project-main aside {
1.10      bentley   139:        vertical-align: bottom;
1.11      bentley   140: }
                    141:
                    142: /* errataXX.html */
                    143:
                    144: #errata strong {
                    145:        color: var(--green);
                    146: }
                    147:
                    148: /* XX.html */
                    149:
                    150: #release #OpenBSD + table {
                    151:        border-spacing: 0;
                    152:        margin-bottom: 1.5em;
                    153: }
                    154:
                    155: #release #OpenBSD + table td {
                    156:        vertical-align: top;
                    157: }
                    158:
                    159: #release #OpenBSD + table > tbody > tr > td {
                    160:        padding-left: 1.4em;
                    161: }
                    162:
                    163: #release #OpenBSD + table ul {
                    164:        margin-left: 0;
                    165:        padding-left: 0;
                    166: }
                    167:
                    168: #release #OpenBSD + table ul li {
                    169:        margin-left: 0;
                    170:        padding-left: 0;
                    171: }
                    172:
                    173: #release cite.isbn {
                    174:        color: var(--red);
                    175:        font-style: normal;
                    176: }
                    177:
                    178: #release code.reldir {
                    179:        color: var(--red);
                    180:        font-family: serif;
                    181: }
                    182:
                    183: #release table.signify {
                    184:        font-family: monospace;
                    185: }
                    186:
                    187: #release table.signify td {
                    188:        padding: 0;
                    189: }
                    190:
                    191: #release h3 {
                    192:        color: var(--blue);
                    193: }
                    194:
                    195: #release #quickinstall h3 {
                    196:        color: var(--red);
                    197: }
                    198:
                    199: #release kbd {
                    200:        font-weight: bolder;
                    201: }
                    202:
                    203: #release #new li p {
                    204:        margin-bottom: 0;
                    205: }
                    206:
                    207: #release #new li p + p {
                    208:        margin-top: 0;
                    209: }
                    210:
                    211: #release #new li + li {
                    212:        margin-top: 1em;
                    213: }
                    214:
                    215: #release #new li li + li {
                    216:        margin-top: 0;
                    217: }
                    218:
                    219: #release #new li li ul {
                    220:        margin-bottom: 0;
                    221: }
                    222:
                    223: #release #quickinstall p:first-child {
                    224:        margin-left: 0;
                    225: }
                    226:
                    227: #release #quickinstall p {
                    228:        margin-left: 2.5em;
                    229: }
                    230:
                    231: #release #quickinstall blockquote {
                    232:        margin-left: 4.5em;
                    233: }
                    234:
                    235: /* platform pages */
                    236:
                    237: #platform #OpenBSD + hr + table {
                    238:        margin-bottom: 0;
                    239: }
                    240: #platform #OpenBSD + hr + table tr {
                    241:        margin-left: 0;
                    242: }
                    243:
                    244: #platform #OpenBSD + hr + table td {
                    245:        vertical-align: top;
                    246:        padding-left: 0;
                    247:        padding-bottom: 0;
                    248: }
                    249:
                    250: #platform #OpenBSD + hr + table p {
                    251:        margin-top: 0;
                    252: }
                    253:
                    254: #platform #OpenBSD + hr + table p:last-child {
                    255:        margin-bottom: 0;
                    256: }
                    257:
                    258: #platform h3 {
                    259:        color: var(--blue);
1.10      bentley   260: }
1.16      tj        261:
                    262: /* redefine colors for dark mode */
                    263:
                    264: @media (prefers-color-scheme: dark) {
                    265:        :root {
                    266:                --red:   #E05434;
                    267:                --green: #20B700;
                    268:                --blue:  #A7C1E5;
                    269:                --buildhead: #474749;
                    270:        }
                    271:
                    272:        :link {
                    273:                color: #BAD7FF;
1.17      tj        274:        }
                    275:
                    276:        :visited {
                    277:                color: #F6BAFF;
1.16      tj        278:        }
                    279:
                    280:        body {
                    281:                background-color: #1E1F21;
                    282:                color: #EEEFF1;
                    283:        }
                    284:
                    285:        .cmdbox {
                    286:                background: #000000;
                    287:                color: #FFFFFFF;
                    288:        }
                    289:
                    290:        #OpenBSD :link {
                    291:                text-decoration-color: #CF4229;
                    292:        }
                    293:
                    294:        #OpenBSD :link i, #OpenBSD :visited i {
                    295:                color: #F2CA30;
                    296:        }
                    297:
                    298:        #OpenBSD :link b, #OpenBSD :visited b {
                    299:                color: #CF4229;
                    300:        }
                    301:
                    302:        #OpenBSD {
                    303:                color: #EEEFF1;
                    304:        }
                    305:
                    306:        #faq #OpenBSD small :link {
                    307:                text-decoration-color: #BAD7FF;
                    308:        }
                    309:
1.20    ! bentley   310:        #project-main nav,
        !           311:        #project-main figure {
1.16      tj        312:                background-color: #202F51;
                    313:                border-color: #97BADB;
                    314:        }
                    315:
                    316:        #callout {
                    317:                color: #E05434;
                    318:        }
                    319:
                    320:        .not-openbsd #callout {
                    321:                color: #E05434;
                    322:        }
                    323: }