monochromatic

monochromatic blog: http://blog.z3bra.org
git clone git://z3bra.org/monochromatic
Log | Files | Refs

monochrome.css (2041B)


      1 /* vim: set ai sw=4 ts=4 fdm=marker: */
      2 
      3 /* Font definitions {{{ */
      4 @font-face {
      5     font-family: archivo;
      6     src: url(/css/fonts/archivo.otf);
      7     font-weight: normal;
      8     font-style: normal;
      9 }
     10 /* }}} */
     11 
     12 /* Main blocks style {{{ */
     13 body {
     14     padding: 0;
     15     margin: 0;
     16     font-family: sans-serif;
     17 }
     18 
     19 #wrapper {
     20     width:90%;
     21     max-width:720px;
     22     margin:auto;
     23 }
     24 
     25 footer {
     26     text-align: center;
     27     margin: auto;
     28     width: 70%;
     29     max-width: 720px;
     30     border-top:1px solid #aaa;
     31     padding: 10px;
     32 }
     33 
     34 #blank {
     35     height: 100%;
     36     padding:10px;
     37 }
     38 /* }}} */
     39 
     40 /* Titles and headers {{{ */
     41 h1, h3 {
     42     font-family: archivo, sans-serif;
     43 }
     44 
     45 h1, h2 {
     46     display: inline-block;
     47 }
     48 
     49 h2 {
     50     font-weight: normal;
     51     color: #666;
     52     font-size: 100%;
     53 }
     54 /* }}} */
     55 
     56 /* Pretty links {{{ */
     57 a {
     58     color: #333;
     59     text-decoration: none;
     60     font-style: italic;
     61     border-bottom: 1px dotted grey;
     62 }
     63 
     64 a:hover {
     65     color: #755;
     66 }
     67 
     68 h1 a, h2 a, h3 a {
     69     font-style: normal;
     70 }
     71 
     72 header {
     73     text-align: center;
     74 }
     75 
     76 header h1 a {
     77     color: #fff;
     78     border: none;
     79     text-shadow: 0px 0px 8px black;
     80 }
     81 header h1 a:hover {
     82     color: #fff;
     83     text-shadow: 0px 0px 8px #755;
     84 }
     85 /* }}} */
     86 
     87 /* Coding style (<code>) {{{ */
     88 pre {
     89     color: #eee;
     90     font-family: monospace;
     91     font-size: 90%;
     92     background-color: #333;
     93     border: 1px solid #eee;
     94     border-radius: 4px;
     95     padding: 10px;
     96     overflow-x: auto;
     97     overflow-y: hidden;
     98 }
     99 
    100 pre code {
    101     padding: 0;
    102     border: none;
    103 }
    104 /* }}} */
    105 
    106 /* Text Formatting {{{ */
    107 blockquote, q {
    108     color: #666;
    109     font-style: italic;
    110 }
    111 
    112 blockquote {
    113     border-left: 8px solid #aaa;
    114     padding-left: 8px;
    115     margin-left: -8px;
    116 }
    117 
    118 .strike { text-decoration: line-through; }
    119 
    120 /* }}} */
    121 
    122 /* Images and associated text {{{ */
    123 
    124 img {
    125     display: block;
    126     padding: 8px;
    127     border-radius: 4px;
    128     margin:auto;
    129 }
    130 
    131 video { width: 100%; }
    132 
    133 /* Comment images - use with <span> or <div> */
    134 .caption {
    135     display: block;
    136     font-style: italic;
    137     margin: auto;
    138     text-align: center;
    139 }
    140 /* }}} */