Mercurial > laserkard
annotate main.css @ 22:3298256dd459 laserkard
[svn r23] did much cosmetic work.
author | rlm |
---|---|
date | Sun, 03 Jan 2010 03:36:21 -0500 |
parents | 2f537455ebf7 |
children | 707d202f58b1 |
rev | line source |
---|---|
rlm@0 | 1 @charset "UTF-8"; |
rlm@0 | 2 /* CSS Document */ |
rlm@0 | 3 body |
rlm@0 | 4 { |
rlm@0 | 5 background-color:#000; |
rlm@0 | 6 margin:0; |
rlm@0 | 7 margin-top:-4px; |
rlm@0 | 8 padding:0; |
rlm@0 | 9 |
rlm@0 | 10 |
rlm@0 | 11 |
rlm@0 | 12 |
rlm@0 | 13 } |
rlm@0 | 14 div.topbar |
rlm@0 | 15 { |
rlm@0 | 16 height:60px; |
rlm@0 | 17 margin-top:2px; |
rlm@0 | 18 } |
rlm@0 | 19 div.headlinks |
rlm@0 | 20 { |
rlm@0 | 21 font-family: Helvetica, sans-serif, Arial; |
rlm@0 | 22 text-transform:uppercase; |
rlm@0 | 23 font-weight:bold; |
rlm@0 | 24 text-align:center; |
rlm@0 | 25 color:#000; |
rlm@0 | 26 padding-top:1px; |
rlm@0 | 27 margin-top:0px; |
rlm@0 | 28 margin-left:-30px; |
rlm@0 | 29 } |
rlm@0 | 30 div.headlinks a |
rlm@0 | 31 { |
rlm@0 | 32 text-decoration:none; |
rlm@18 | 33 color:#bbbbbb; |
rlm@0 | 34 text-shadow:#555 0px 0px 5px; |
rlm@0 | 35 } |
rlm@0 | 36 div.headlinks a:hover |
rlm@0 | 37 { |
rlm@0 | 38 text-decoration:none; |
rlm@18 | 39 color:#FFF; |
rlm@0 | 40 text-shadow:#222 0px 0px 8px; |
rlm@0 | 41 } |
rlm@22 | 42 |
rlm@22 | 43 |
rlm@22 | 44 |
rlm@22 | 45 |
rlm@0 | 46 div.headlinks ul |
rlm@0 | 47 { |
rlm@0 | 48 margin-top:10px; |
rlm@0 | 49 } |
rlm@0 | 50 div.headlinks ul li |
rlm@0 | 51 { |
rlm@0 | 52 text-align:center; |
rlm@0 | 53 display: inline; |
rlm@0 | 54 list-style-type: none; |
rlm@18 | 55 padding-left: 4.9%; |
rlm@18 | 56 padding-right: 4.9%; |
rlm@0 | 57 } |
rlm@0 | 58 attn |
rlm@0 | 59 { |
rlm@18 | 60 color:#bbb; |
rlm@0 | 61 } |
rlm@0 | 62 attn:hover |
rlm@0 | 63 { |
rlm@18 | 64 color:#FFF; |
rlm@0 | 65 } |
rlm@0 | 66 div.center |
rlm@0 | 67 { |
rlm@0 | 68 display:block; |
rlm@0 | 69 width:425px; |
rlm@0 | 70 height:244px; |
rlm@0 | 71 background-color:#939; |
rlm@0 | 72 margin-left:auto; |
rlm@0 | 73 margin-right:auto; |
rlm@0 | 74 margin-top:100px; |
rlm@0 | 75 margin-bottom:auto; |
rlm@0 | 76 padding:0px; |
rlm@0 | 77 } |
rlm@0 | 78 div.text |
rlm@0 | 79 { |
rlm@16 | 80 color:#aaaaaa; |
rlm@16 | 81 /*font-family:Helvetica, sans-serif, Arial;*/ |
rlm@16 | 82 font: bold 13.5px "arial", "sans-serif"; |
rlm@16 | 83 |
rlm@0 | 84 margin-top:80px; |
rlm@0 | 85 margin-bottom:30px; |
rlm@0 | 86 } |
rlm@16 | 87 |
rlm@0 | 88 img |
rlm@0 | 89 { |
rlm@0 | 90 margin:0; |
rlm@0 | 91 padding:0; |
rlm@0 | 92 } |
rlm@18 | 93 |
rlm@18 | 94 h1 |
rlm@18 | 95 { |
rlm@18 | 96 font-size:; |
rlm@18 | 97 color: white; |
rlm@18 | 98 background-color:#000000; |
rlm@18 | 99 text-align: center; |
rlm@18 | 100 font: bold 32px "arial", "sans-serif"; |
rlm@18 | 101 } |
rlm@22 | 102 |
rlm@22 | 103 |
rlm@22 | 104 |
rlm@22 | 105 /*stuff to make the links show which page you're on*/ |
rlm@22 | 106 body#buy a#buy, |
rlm@22 | 107 body#hom a#hom, |
rlm@22 | 108 body#about a#about, |
rlm@22 | 109 body#contact a#contact { |
rlm@22 | 110 color: #fff; |
rlm@22 | 111 background: #930; |
rlm@22 | 112 } |
rlm@22 | 113 |