radicchio.css

/*
 * radicchio.css
 * ============================================================================
 * A Cup of Radicchio. Version 0.9.9
 * ----------------------------------------------------------------------------
 * A Cup of Radicchio: A personal website of a power looper,
 *                                           a skateboarder,
 *                                       and a coder.
 * ============================================================================
 * Copyright (C) 2016-2024 Radislav (Radicchio) Golubtsov
 */

html, body {
    margin:           0;
    padding:          0;
    background-color: #6ec63b;
    color:            #000000;
    font-family:      "Open Sans", sans-serif;
}

#header {
    width:            100%;
    border-width:     0;
    border-spacing:   0;
    font-weight:      bold;
}

#header td {
    padding:          4px;
}

#title {
    color:            #7aef17;
    font-family:      "Orbitron", sans-serif;
    font-size:        2em;
}

#header #v-bar-h {
    width:            20px;
    border-right:     4px solid #7fd74c;
}

#header #title-td {
    padding:          14px 20px 8px 6px;
    line-height:      28px;
    background-image: url("/static/img/misc/background-795x195.png");
}

#subtitle {
    line-height:      1;
    color:            #7fd74c;
    font-size:        .55em;
}

#navbar            {}
#header #navbar-td {
    padding-top:      6px;
}

#footer {
    width:            100%;
    border-width:     0;
    border-spacing:   0;
}

#footer td {
    padding:          4px;
}

#footer #v-bar-f {
    width:            20px;
    border-right:     4px solid #7fd74c;
}

#footer #footer-td {
    height:           39px;
    text-align:       right;
    background-image: url("/static/img/misc/background-795x195.png");
}

/*
 * Styling links according to the LVHA-order:
 * :link --> :visited --> :hover --> :active.
 */
a:link, a:visited, a:hover, a:active {
    border:           1px solid #6ec63b;
    padding:          3px;
    text-decoration:  none;
    color:            #4ca419;
}

a:hover {
    border:           1px solid #69df06;
    background-color: #5db52a;
    color:            #7aef17;
}

/* ------------------------------------------------------------------------- */

h1 {
    margin-right:     20px;
    margin-left:      20px;
    padding-right:    10px;
    padding-left:     8px;
    color:            #7aef17;
    font-size:        1.4em;
}

h3 {
    margin-right:     20px;
    margin-left:      20px;
    padding-right:    10px;
    padding-left:     8px;
    color:            #4ca419;
    font-size:        1em;
}

h3 code {
    border-radius:    5px;
    padding:          1px 8px 3px;
    background-color: #5db52a;
    color:            #69df06;
    font-family:      "Roboto Mono", monospace;
    font-size:        1.2em;
}

p {
    margin:           0px 20px 0px;
    padding:          0px 10px 14px;
    line-height:      1.5;
    text-align:       justify;
}

p code, li code {
    border-radius:    5px;
    padding:          1px 5px 3px;
    background-color: #5db52a;
    color:            #7aef17;
    font-family:      "Roboto Mono", monospace;
    font-size:        .95em;
}

p .emoji {
    width:            1.3em;
    height:           1.3em;
    position:         relative;
    top:              .25em;
}

p.orbit, p span.orbit {
    font-family:      "Orbitron", sans-serif;
}

ul, ol {
    margin:           0px 20px 0px;
    padding:          0px 10px 14px 64px;
    line-height:      1.5;
    text-align:       justify;
}

ul li, ol li {
    padding-bottom:   6px;
}

pre {
    margin:           0px 54px 14px;
    border-radius:    10px;
    padding:          14px;
    overflow:         auto;
    line-height:      1.3;
    background-color: #5db52a;
}

pre code {
    font-family:      "Roboto Mono", monospace;
}

/* ------------------------------------------------------------------------- */

#cv-cont0,
#cv-cont1,
#cv-cont2,
#cv-cont3,
#cv-cont4,
#cv-cont5,
#stat-cont {
    margin:           5px 28px 18px;
    border-left:      1px solid #4ca419;
    overflow:         auto;
}

#cv-table0,
#cv-table1,
#cv-table2,
#cv-table3,
#cv-table4,
#cv-table5,
#stat-fit0,
#stat-ttt0 {
    width:            100%;
    margin-left:      -1px;
    border-collapse:  collapse;
}

#cv-table0 td,
#cv-table1 td,
#cv-table2 td,
#cv-table3 td,
#cv-table4 td,
#cv-table5 td,
#stat-fit0 td,
#stat-ttt0 td {
    border:           1px solid #4ca419;
    padding:          6px;
    vertical-align:   baseline;
}

#cv-table0 td,
#cv-table1 td,
#cv-table2 td,
#cv-table3 td,
#cv-table4 td,
#cv-table5 td {
    padding-right:    10px;
    padding-left:     10px;
    line-height:      1.5;
    text-align:       justify;
}

#cv-table0 td ul,    #cv-table0 td ol,
#cv-table1 td ul,    #cv-table1 td ol,
#cv-table2 td ul,    #cv-table2 td ol,
#cv-table3 td ul,    #cv-table3 td ol,
#cv-table4 td ul,    #cv-table4 td ol,
#cv-table5 td ul,    #cv-table5 td ol {
    margin:           0;
    padding:          0px 0px 0px 20px;
}

#cv-table0 td ul li, #cv-table0 td ol li,
#cv-table1 td ul li, #cv-table1 td ol li,
#cv-table2 td ul li, #cv-table2 td ol li,
#cv-table3 td ul li, #cv-table3 td ol li,
#cv-table4 td ul li, #cv-table4 td ol li,
#cv-table5 td ul li, #cv-table5 td ol li {
    padding-bottom:   0;
}

#cv-table0 td.cv-bold,
#cv-table1 td.cv-bold,
#cv-table4 td.cv-bold,
#cv-table5 td.cv-bold {
    font-weight:      bold;
}

#cv-table2 td span.cv-bold,
#cv-table3 td span.cv-bold,
#cv-table3 td  div.cv-bold {
    font-weight:      bold;
}

#cv-table0 td.cv-sparse,
#cv-table1 td.cv-sparse,
#cv-table4 td.cv-sparse,
#cv-table5 td.cv-sparse {
    letter-spacing:   2px;
}

#cv-table2 td span.cv-sparse,
#cv-table3 td span.cv-sparse,
#cv-table3 td  div.cv-sparse {
    letter-spacing:   2px;
}

#cv-table0 td.cv-nowrap,
#cv-table1 td.cv-nowrap,
#cv-table2 td.cv-nowrap,
#cv-table3 td.cv-nowrap,
#cv-table4 td.cv-nowrap,
#cv-table5 td.cv-nowrap {
    white-space:      nowrap;
}

#cv-table3 td div.cv-nowrap {
    white-space:      nowrap;
}

#cv-table4 td.cv-width20,
#cv-table5 td.cv-width20 {
    width:            20%;
}

#cv-table4 td.cv-width80,
#cv-table5 td.cv-width80 {
    width:            80%;
}

#cv-table3 td div.cv-bottom10,
#cv-table3 td  ul.cv-bottom10,
#cv-table3 td  ol.cv-bottom10 {
    margin-bottom:    10px;
}

#cv-table3 td div.cv-lrgr {
    font-size:        larger;
}

#cv-table3 td span.cv-smlr {
    font-size:        smaller;
}

#cv-table3 td span.cv-ital {
    font-style:       italic;
}

#cv-table3 td span.cv-cust {
    color:            #000080;
}

                p.cv-left,
#cv-table3 td div.cv-left,
#cv-table3 td  ul.cv-left {
    text-align:       left;
}

#cv-table0 td.cv-caption,
#cv-table1 td.cv-caption,
#cv-table2 td.cv-caption,
#cv-table3 td.cv-caption,
#cv-table4 td.cv-caption,
#cv-table5 td.cv-caption {
    background-color: #4ca419;
}

#cv-table0 td.cv-header,
#cv-table3 td.cv-header,
#cv-table4 td.cv-header {
    background-color: #5db52a;
}

#p-caption-h td, #p-header-h td, #s-header-h td,
                 #p-header-f td, #s-header-f td,
#m-caption-h td, #m-header-h td, #g-header-h td,
                 #m-header-f td, #g-header-f td {
    text-align:       center;
    font-weight:      bold;
}

                 #p-header-f td, #s-header-f td,
                 #m-header-f td, #g-header-f td {
    vertical-align:   bottom;
}

#p-caption-h td,
#m-caption-h td {
    background-color: #4ca419;
}

#p-header-h td, #s-header-h td,
#p-header-f td, #s-header-f td,
#m-header-h td, #g-header-h td,
#m-header-f td, #g-header-f td {
    background-color: #5db52a;
}

.s-header-h-td, #s-header-h td,
.s-header-f-td, #s-header-f td,
.g-header-h-td, #g-header-h td,
.g-header-f-td                 {
    color:            #7aef17;
}

.p-id-td, .s-id-td, .s-day-td,
.m-id-td,           .m-day-td {
    text-align:       right;
}

          .s-id-td {
    color:            #4ca419;
}

.p-year-td,   .p-subscrn-td,
.m-year-td,
.m-winner-td, .m-result-td,  .g-score-td {
    text-align:       center;
}

#stat-contp {
    margin:           0px 28px 14px;
}

#stat-pager {
    width:            100%;
    border-collapse:  collapse;
}

#stat-pager td {
    border:           0 solid #4ca419;
    vertical-align:   baseline;
}

#stat-pager td.stat-footnote-ndash {
    padding-left:     8px;
}

#stat-pager td.stat-footnote-abbrv {
    padding-left:     8px;
    font-weight:      bold;
}

#stat-pager td.stat-footnote-descr {
    width:            100%;
    padding-left:     8px;
}

#stat-pager td#stat-pager-nav {
    text-align:       right;
}

#stat-pager td#stat-pager-nav span#stat-pager-nav-prev {
    margin-right:     5px;
    color:            #5db52a;
}

#stat-pager td#stat-pager-nav span#stat-pager-nav-next {
    margin-left:      5px;
    color:            #5db52a;
}

#editor-cont {
    margin:           5px 47px 18px 28px;
}

#editor {
    min-width:        100%;
    max-width:        100%;
    width:            100%;
    min-height:       4.7em;
    border:           1px solid #3b9308;
    border-radius:    10px;
    padding:          8px;
    line-height:      1.3;
    background-color: #cdefed;
    font-family:      "Roboto Mono", monospace;
    font-size:        .95em;
}

td .emoji {
    width:            1em;
    height:           1em;
    position:         relative;
    top:              .2em;
}

/* vim:set nu et ts=4 sw=4: */