mpercivalxyz

this website!
Log | Files | Refs | README

style.css (2391B)


      1 body {
      2     color: #F8F8F2;
      3     background-color: #111111;
      4     font-family: monospace;
      5     font-size: 1.2em;
      6     margin: 0em;
      7 }
      8 
      9 #content {
     10     background-color: #1d2021;
     11     margin: 0em;
     12     padding: 2em;
     13     width: fill;
     14     height: fill;
     15     max-width: auto;
     16 }
     17 
     18 
     19 .main {
     20     max-width: 60em;
     21     width: 100%;
     22     margin: 0em;
     23     margin-top: 2em;
     24     margin-bottom: 2em;
     25     margin-left: auto;
     26     margin-right: auto;
     27     background-color: #1d2021;
     28     padding: 2em;
     29     padding-top: 1em;
     30     padding-bottom: 1em;
     31     align-self: start;
     32     line-height: 1.5em;
     33 }
     34 
     35 .main p {
     36     word-break: break-word;
     37 }
     38 
     39 .gpg {
     40     max-width: 40em;
     41     width: 100%;
     42     margin: 0em;
     43     margin-top: 2em;
     44     margin-bottom: 2em;
     45     margin-left: auto;
     46     margin-right: auto;
     47     background-color: #1d2021;
     48     padding: 2em;
     49     padding-top: 1em;
     50     padding-bottom: 1em;
     51     align-self: start;
     52     font-size: 0.8em;
     53 }
     54 
     55 .main-element {
     56     display: vertical;
     57     flex: 1;
     58     justify-content: left;
     59     text-align: left;
     60     align-items: left;
     61 }
     62 
     63 .nav-container {
     64     display: flex;
     65     align-items: right;
     66     background-color: #1d2021;
     67 }
     68 
     69 .nav-element {
     70     display: flex;
     71     flex: 1;
     72     line-height: 2em;
     73     justify-content: center;
     74     text-align: left;
     75 }
     76 
     77 .contact-element {
     78     display: vertical;
     79     flex: 1;
     80     justify-content: left;
     81     text-align: center;
     82 }
     83 
     84 h1, h2, h3, h4, h5, h6 {
     85     font-size: 1em;
     86     margin: 0;
     87 }
     88 
     89 img, h1, h2 {
     90     vertical-align: middle;
     91 }
     92 
     93 a:target {
     94     background-color: #ccc;
     95 }
     96 
     97 img {
     98     border: 0;
     99 }
    100 
    101 a.d,
    102 a.h,
    103 a.i,
    104 a.line {
    105     text-decoration: none;
    106 }
    107 
    108 
    109 a {
    110     text-decoration: none;
    111 }
    112 
    113 a:link {
    114   color: dodgerblue;
    115 }
    116 
    117 a:visited {
    118   color: dodgerblue;
    119 }
    120 
    121 a:hover {
    122   color: magenta;
    123   text-decoration: underline;
    124 }
    125 
    126 a:active {
    127   color: magenta;
    128   text-decoration: underline;
    129 }
    130 
    131 table thead td {
    132     font-weight: bold;
    133 }
    134 
    135 table td {
    136     padding: 0 0.4em;
    137 }
    138 
    139 #content table td {
    140     vertical-align: top;
    141     white-space: nowrap;
    142 }
    143 
    144 #index tr td:nth-child(2),
    145 #tags tr td:nth-child(3),
    146 #branches tr td:nth-child(3),
    147 #log tr td:nth-child(2) {
    148     white-space: normal;
    149 }
    150 
    151 td.num {
    152     text-align: right;
    153 }
    154 
    155 .desc {
    156     color: #777;
    157 }
    158 
    159 pre {
    160     font-family: monospace;
    161 }
    162 
    163 pre a.h {
    164     color: #00a;
    165 }
    166 
    167 .A,
    168 span.i,
    169 pre a.i {
    170     color: #070;
    171 }
    172 
    173 .D,
    174 span.d,
    175 pre a.d {
    176     color: #e00;
    177 }
    178 
    179 pre a.h:hover,
    180 pre a.i:hover,
    181 pre a.d:hover {
    182     text-decoration: none;
    183 }