Pileus Git - ~andy/aweather-web/blob - data/global.css

   1 /* Clear defaults */
   2 * {
   3         margin: 0;
   4         padding: 0;
   5         outline: 0;
   6 }
   7
   8 h1, h2, h3, h4, h5, h6 {
   9         font-weight: normal;
  10 }
  11
  12 a {
  13         color: black;
  14         text-decoration: none;
  15 }
  16
  17 a img {
  18         border: none;
  19 }
  20
  21 ul {
  22         display: block;
  23 }
  24
  25 /* Global styles */
  26 .content h1, h2 {
  27         margin-top:    1.5em;
  28         margin-bottom: 0.3em;
  29 }
  30 h3, h4, h5, h6 {
  31         margin-top: 0.8em;
  32         margin-bottom: 0.1em;
  33 }
  34 .quote {
  35         font-style: italic;
  36         font-family: serif;
  37 }
  38 .quote:before {
  39         font-weight: bold;
  40         content: '“';
  41 }
  42 .quote:after {
  43         font-weight: bold;
  44         content: '”';
  45 }
  46 ul {
  47         padding-left: 30px;
  48 }
  49 span.code {
  50         font-family: monospace;
  51         font-size: larger;
  52 }
  53 div.code {
  54         font-family: monospace;
  55         background-color: #666;
  56         border: solid 1px #222;
  57         padding: 2px 6px 2px 6px;
  58         margin-bottom: 5px;
  59         color: white;
  60         font-weight: bold;
  61         font-size: larger;
  62 }
  63
  64 dt {
  65         font-weight: bold;
  66 }
  67
  68 dd {
  69         margin-left: 10px;
  70 }
  71
  72 .col {
  73         float: left;
  74         margin:  -10px 30px 0px 20px;
  75 }
  76
  77 /* Layout */
  78 body {
  79         background-image: url('../images/main-bg.png');
  80         background-repeat: repeat-x;
  81         background-color: white;
  82         margin-left: auto;
  83         margin-right: auto;
  84         font-family: 'DejaVu Sans Condensed', Arial, sans-serif;
  85         font-size:   0.8em;
  86         line-height: 1.5em;
  87         width: 850px;
  88         /* width: 80%; */
  89 }
  90
  91 /* Header stuff */
  92 .top {
  93         height: 75px;
  94         margin-top: 20px;
  95         border-collapse: collapse;
  96         position: relative;
  97 }
  98
  99 .top * {
 100         float: left;
 101 }
 102
 103 .logo {
 104         z-index: 1;
 105         margin-right: 10px;
 106 }
 107
 108 .title, .title a {
 109         font-size: 22pt;
 110         font-weight: bold;
 111         font-style: italic;
 112         color: #222;
 113 }
 114
 115 .subtitle, .subtitle a {
 116         font-size: 22pt;
 117         font-style: italic;
 118         float: right;
 119 }
 120
 121 .nav {
 122         position: absolute;
 123         top: 42px;
 124         left: 135px;
 125         right: 0px;
 126         z-index: 1;
 127         height: 36px;
 128         margin: 0 0px 0 30px;
 129         padding: 0 15px 0 15px;
 130         border-radius: 8px;
 131         -moz-border-radius: 8px;
 132         background-image: url("../images/nav-bg.png");
 133         box-shadow: 0px 2px 2px #a0a0ff;
 134 }
 135
 136 .nav .sep {
 137         width: 0px;
 138         height: 36px;
 139         border-left:  solid 1px #222;
 140         border-right: solid 1px #777;
 141         margin: 0 10px 0 10px;
 142 }
 143
 144 .nav a {
 145         display: block;
 146         margin: 5px 7px 5px 7px;
 147         padding: 2px;
 148         font-size: 12pt;
 149         font-weight: normal;
 150         color: #f4f4f4;
 151         border: solid 1px transparent;
 152         border-radius: 4px;
 153         -moz-border-radius: 4px;
 154 }
 155
 156 .nav a:hover {
 157         text-decoration: underline;
 158 }
 159
 160 .nav a.cur {
 161         background-color: #666;
 162         border: solid 1px #888;
 163         text-decoration: none;
 164 }
 165
 166 /* Content */
 167 .content {
 168         background-color: white;
 169         color: black;
 170         margin-top: 20px;
 171         padding:    24px;
 172         padding-bottom: 36px;
 173         border:     solid 1px #bce;
 174         border-top: solid 1px #abd;
 175         border-radius: 8px;
 176         -moz-border-radius: 8px;
 177 }
 178
 179 .content hr {
 180         margin: 25px 0 25px 0;
 181 }
 182
 183 .content a {
 184         text-decoration: underline;
 185 }
 186
 187 .msg {
 188         color: red;
 189         clear: both;
 190         position: relative;
 191         top: -10px;
 192         font-weight: bold;
 193         font-style: italic;
 194         text-align: center;
 195 }
 196
 197 /* Footer */
 198 .footer, .footer * {
 199         text-align: center;
 200         font-size: 8pt;
 201         margin-top: 5px;
 202         margin-bottom: 15px;
 203         color: #444;
 204 }
 205 .footer a {
 206         text-decoration: underline;
 207 }
 208
 209 /***********************
 210  * Page specific stuff *
 211  ***********************/
 212 /* Index page */
 213 .buttons {
 214         margin-left: 25px;
 215 }
 216
 217 .buttons > * {
 218         margin-bottom: 10px;
 219 }
 220
 221 .download, a.download {
 222         position: relative;
 223         display: block;
 224         z-index: 1;
 225         height: 62px;
 226         width: 150px;
 227         color: #eee;
 228         font-size: 11pt;
 229         text-decoration: none;
 230         padding: 8px 25px 8px 25px;
 231         margin-bottom: 10px;
 232         background-image: url("../images/dl-bg.png");
 233         border-radius: 10px;
 234         -moz-border-radius: 10px;
 235         box-shadow: 0px 2px 2px rgba(0,0,0,0.30);
 236 }
 237
 238 .download > * {
 239         display: block;
 240 }
 241
 242 .download:first-line {
 243         color: #fff;
 244         font-size: 1.3em;
 245         font-weight: bold;
 246         line-height: 1.9em;
 247         text-shadow: 1px 1px 1px #666;
 248 }
 249
 250 .download img {
 251         position: absolute;
 252         top:   10px;
 253         right: 10px;
 254 }
 255
 256 .screen {
 257         float: right;
 258         margin-left:  25px;
 259         margin-right: 25px;
 260 }
 261
 262 /* Screenshots */
 263 .gallery {
 264         padding: 0px; /* override ul */
 265         margin: 20px;
 266         font-size: larger;
 267 }
 268 .gallery > * {
 269         list-style: none;
 270         text-align: center;
 271         left:   0;
 272         float:  left;
 273         width:  320px;
 274         height: 350px;
 275         margin: 15px;
 276         padding-left:  15px;
 277         padding-right: 15px;
 278 }
 279 .gallery a {
 280         display: block;
 281 }
 282 .gallery img {
 283         box-shadow: 0px 2px 6px #888;
 284         margin-bottom: 4px;
 285         float: none;
 286         margin-left:   0px;
 287 }
 288
 289 /* News */
 290 .news {
 291         margin-top: 20px;
 292 }
 293 .news dt {
 294         clear: both;
 295 }
 296 .news dd {
 297         margin-bottom: 15px;
 298 }
 299 .note {
 300         font-style: italic;
 301         text-align: center;
 302 }
 303
 304 /* Downloads */
 305 li.linux, li.windows, li.macos {
 306         list-style-type: none;
 307         background-repeat: no-repeat;
 308         padding-left: 50px;
 309         margin: 10px 10px 20px 0;
 310         clear: both;
 311 }
 312 li.linux {
 313         background-image: url("../images/os-linux.png");
 314 }
 315 li.windows {
 316         background-image: url("../images/os-windows.png");
 317 }
 318 li.macos {
 319         background-image: url("../images/os-macos.png");
 320 }
 321 dl.inline dt {
 322         display: block;
 323         float: left;
 324         clear: both;
 325         font-weight: bold;
 326         width: 8em;
 327 }
 328 dl.inline dt:after {
 329         content: ":";
 330 }
 331 dl.inline .hidden {
 332         display: none;
 333 }
 334 h1 + .note,
 335 h2 + .note,
 336 .note.left {
 337         text-align: left;
 338         margin-bottom: 10px;
 339 }
 340 dl.small dt {
 341         width: 4em;
 342 }
 343
 344 /* Asciidoc */
 345 .asciidoc p {
 346         margin-top: 0.7em;
 347 }
 348 .asciidoc li p,
 349 .asciidoc td p {
 350         margin-top: 0em;
 351 }
 352 .asciidoc .hdlist table {
 353         padding-left: 1em;
 354 }