cld-ssg

The static site generator (to be) used for hellocld.com
git clone git://git.hellocld.com/cld-ssg
Log | Files | Refs | README

style.css (2665B)


      1 @font-face {
      2     font-family: 'junicodeboldcondensed';
      3     src: url('/fonts/junicode-boldcondensed-webfont.eot');
      4     src: url('/fonts/junicode-boldcondensed-webfont.eot?#iefix') format('embedded-opentype'),
      5          url('/fonts/junicode-boldcondensed-webfont.woff2') format('woff2'),
      6          url('/fonts/junicode-boldcondensed-webfont.woff') format('woff'),
      7          url('/fonts/junicode-boldcondensed-webfont.ttf') format('truetype'),
      8          url('/fonts/junicode-boldcondensed-webfont.svg#junicodeboldcondensed') format('svg');
      9     font-weight: normal;
     10     font-style: normal;
     11 
     12 }
     13 
     14 @font-face {
     15     font-family: 'junicodeitaliccondensed';
     16     src: url('/fonts/junicode-italiccondensed-webfont.eot');
     17     src: url('/fonts/junicode-italiccondensed-webfont.eot?#iefix') format('embedded-opentype'),
     18          url('/fonts/junicode-italiccondensed-webfont.woff2') format('woff2'),
     19          url('/fonts/junicode-italiccondensed-webfont.woff') format('woff'),
     20          url('/fonts/junicode-italiccondensed-webfont.ttf') format('truetype'),
     21          url('/fonts/junicode-italiccondensed-webfont.svg#junicodeitaliccondensed') format('svg');
     22     font-weight: normal;
     23     font-style: normal;
     24 
     25 }
     26 
     27 
     28 article h1 {
     29 	font-family: 'junicodeboldcondensed';
     30 	font-size: 2em;
     31 	padding: 0;
     32 	margin: 0;
     33 }
     34 
     35 article iframe {
     36 	display: block;
     37 	margin: 0 auto;
     38 }
     39 
     40 body {
     41 	background: #d0c3b4;
     42 	font-family: sans-serif;
     43 	color: #373530;
     44 	max-width: 600px;
     45 	margin-left: auto;
     46 	margin-right: auto;
     47 	padding-left: 1em;
     48 	padding-right: 1em;
     49 }
     50 
     51 header img {
     52 	max-width: 6em;
     53 	padding: 1em 0.5em;
     54 }
     55 
     56 nav ul {
     57 	list-style-type: none;
     58 	margin: 0 0 0 0;
     59 	padding: 0;
     60 	background-color: #373530;
     61 	overflow: hidden;
     62 }
     63 
     64 .archive ul {
     65 	list-style-type: none;
     66 	margin: 0;
     67 	padding: 0;
     68 }
     69 
     70 .archive li a {
     71 	display: block;
     72 	font-family: 'junicodeboldcondensed';
     73 	text-decoration: none;
     74 	background-color: #d0c3b4;
     75 	color: #373530;
     76 	padding-left: 0.1em;
     77 }
     78 
     79 .archive li a:hover {
     80 	background-color: #373530;
     81 	color: #d0c3b4;
     82 }
     83 
     84 nav li {
     85 	float: left;
     86 }
     87 
     88 nav li a {
     89 	display: block;
     90 	font-family: 'junicodeboldcondensed';
     91 	width: 3em;
     92 	padding: 0.5em;
     93 	text-decoration: none;
     94 	background-color: #373530;
     95 	text-align: center;
     96 	color: #d0c3b4;
     97 }
     98 
     99 nav li a:hover {
    100 	color: #373530;
    101 	background-color: #d0c3b4;
    102 }
    103 
    104 article .postdate {
    105 	font-family: 'junicodeitaliccondensed';
    106 	font-size: 1.2em;
    107 	margin: 0;
    108 	padding: 0;
    109 }
    110 
    111 article {
    112 	padding: 0.5em;
    113 }
    114 
    115 article h1 {
    116 	font-family: 'junicodeboldcondensed';
    117 	font-size: 3em;
    118 	letter-spacing: -.02em;
    119 	padding: 0;
    120 	margin: 0;
    121 }
    122 
    123 article img {
    124 	max-width: 100%;
    125 	margin: 0 auto;
    126 }
    127 
    128 footer {
    129 	padding: 0 0.5em;
    130 	color: #373530;
    131 	font-family: 'junicodeboldcondensed';
    132 }