PageRenderTime 15ms CodeModel.GetById 2ms app.highlight 11ms RepoModel.GetById 1ms app.codeStats 0ms

/hyde/layouts/starter/content/media/css/style.css

http://github.com/hyde/hyde
CSS | 156 lines | 131 code | 24 blank | 1 comment | 0 complexity | 72599b3306ba5e3c674014aa20639691 MD5 | raw file
  1* {
  2    margin: 0;
  3    padding: 0;
  4}
  5
  6html, body {
  7    color: #ddd;
  8    background-color: black;
  9}
 10
 11body {
 12    margin: 0 auto;
 13    width: 980px;
 14    min-height: 700px;
 15    background: url('../img/background.jpg') top left no-repeat;
 16    position: relative;
 17    font-size: 16px;
 18    font-family: Tahoma, sans-serif;
 19}
 20
 21strong {
 22    color: white;
 23}
 24
 25a {
 26    color: #f1ee00;
 27}
 28
 29a:hover, a:focus {
 30    text-decoration: none;
 31}
 32
 33p, ul, ol {
 34    margin-bottom: 22px;
 35}
 36
 37ul, ol {
 38    margin-left: 28px;
 39}
 40
 41header {
 42    position: absolute;
 43    top: 120px;
 44    right: 120px;
 45    font-family: Anton, Tahoma, sans-serif;
 46    text-transform: uppercase;
 47    font-weight: none;
 48}
 49
 50header h1 {
 51    font-size: 50px;
 52    font-weight: normal;
 53    text-shadow: -1px 2px 1px black;
 54    color: white;
 55}
 56
 57header h1 span {
 58    color: #f1ee00;
 59}
 60
 61header p {
 62    font-size: 28px;
 63    font-weight: normal;
 64    letter-spacing: 11px;
 65    text-shadow: -1px 2px 1px black;
 66    color: white;
 67}
 68
 69nav {
 70    position: absolute;
 71    top: 340px;
 72    right: 120px;
 73    width: 250px;
 74    text-align: right;
 75    font-family: Anton, Tahoma, sans-serif;
 76}
 77
 78nav a,
 79nav a:visited {
 80    text-decoration: none;
 81    color: white;
 82    text-transform: uppercase;
 83    font-size: 28px;
 84}
 85
 86nav a.selected {
 87    color: #888;
 88}
 89
 90nav a:hover {
 91    color: #f1ee00;
 92}
 93
 94nav ul li {
 95    list-style-type: none;
 96}
 97
 98nav, aside {
 99    /* to line up with the header */
100    padding-right: 5px;
101}
102
103#content {
104    line-height: 1.5em;
105    position: absolute;
106    top: 350px;
107    left: 180px;
108    width: 410px;
109    padding-bottom: 100px;
110}
111
112#content h1 {
113    font-weight: normal;
114    font-size: 28px;
115    font-family: Anton, Tahoma, sans-serif;
116    text-transform: uppercase;
117    margin-bottom: 22px;
118    color: white;
119}
120
121#content h2 {
122    font-weight: bold;
123    font-size: 18px;
124    font-family: Tahoma, sans-serif;
125    margin-bottom: 22px;
126    border-bottom: 1px dashed #888;
127}
128
129#content code {
130    display: block;
131    font-family: monospace;
132    font-size: 12px;
133    background-color: #222;
134    padding: 5px 10px;
135    margin-bottom: 20px;
136    border-top: 1px solid #444;
137    border-right: 1px solid #333;
138    border-bottom: 1px solid #222;
139    border-left: 1px solid #111;
140}
141
142#content .tags {
143    font-size: 14px;
144    color: #888;
145}
146
147#content .bottom_article_nav {
148    border-top: 1px dashed #888;
149    overflow: hidden;
150    margin-top: 40px;
151    padding-top: 10px;
152}
153
154#content .bottom_article_nav .next {
155    float: right;
156}