Mercurial > laserkard
annotate css/main.css @ 95:5fb202915c11 laserkard
created card template multifunction
author | Robert McIntyre <rlm@mit.edu> |
---|---|
date | Mon, 26 Jul 2010 21:42:20 -0400 |
parents | 4ebd94bfecda |
children |
rev | line source |
---|---|
rlm@78 | 1 @charset "UTF-8"; |
rlm@78 | 2 /* CSS Document */ |
rlm@78 | 3 |
rlm@78 | 4 |
rlm@78 | 5 |
rlm@78 | 6 |
rlm@78 | 7 |
rlm@78 | 8 |
rlm@78 | 9 body |
rlm@78 | 10 { |
rlm@78 | 11 background-color:#000; |
rlm@78 | 12 margin:0; |
rlm@78 | 13 margin-top:-4px; |
rlm@78 | 14 padding:0; |
rlm@78 | 15 |
rlm@78 | 16 } |
rlm@78 | 17 |
rlm@78 | 18 |
rlm@78 | 19 h1 |
rlm@78 | 20 { |
rlm@78 | 21 |
rlm@78 | 22 color: white; |
rlm@78 | 23 background-color:#000000; |
rlm@78 | 24 text-align: center; |
rlm@78 | 25 font: bold 32px "arial", "sans-serif"; |
rlm@78 | 26 } |
rlm@78 | 27 |
rlm@78 | 28 |
rlm@78 | 29 |
rlm@78 | 30 |
rlm@78 | 31 div.headlinks ul |
rlm@78 | 32 { |
rlm@78 | 33 margin-top:10px; |
rlm@78 | 34 } |
rlm@78 | 35 div.headlinks ul li |
rlm@78 | 36 { |
rlm@78 | 37 text-align:center; |
rlm@78 | 38 display: inline; |
rlm@78 | 39 list-style-type: none; |
rlm@78 | 40 padding-left: 2.9%; |
rlm@78 | 41 padding-right: 2.9%; |
rlm@78 | 42 } |
rlm@78 | 43 |
rlm@78 | 44 |
rlm@78 | 45 div.topbar |
rlm@78 | 46 { |
rlm@78 | 47 height:60px; |
rlm@78 | 48 margin-top:2px; |
rlm@78 | 49 z-index: 100; |
rlm@78 | 50 } |
rlm@78 | 51 div.headlinks |
rlm@78 | 52 { |
rlm@78 | 53 font-family: Helvetica, sans-serif, Arial; |
rlm@78 | 54 text-transform:uppercase; |
rlm@78 | 55 font-weight:bold; |
rlm@78 | 56 text-align:center; |
rlm@78 | 57 color:#000; |
rlm@78 | 58 padding-top:1px; |
rlm@78 | 59 margin-top:0px; |
rlm@78 | 60 margin-left:-30px; |
rlm@78 | 61 } |
rlm@78 | 62 div.headlinks a |
rlm@78 | 63 { |
rlm@78 | 64 text-decoration:none; |
rlm@78 | 65 color:#999999; |
rlm@78 | 66 text-shadow:#555 0px 0px 5px; |
rlm@78 | 67 } |
rlm@78 | 68 div.headlinks a:hover |
rlm@78 | 69 { |
rlm@78 | 70 text-decoration:none; |
rlm@78 | 71 color:#FFF; |
rlm@78 | 72 text-shadow:#222 0px 0px 8px; |
rlm@78 | 73 } |
rlm@78 | 74 |
rlm@78 | 75 |
rlm@78 | 76 |
rlm@78 | 77 |
rlm@78 | 78 /*stuff to make the links show which page you're on*/ |
rlm@78 | 79 body#buy a#buy, |
rlm@78 | 80 body#hom a#hom, |
rlm@78 | 81 body#about a#about, |
rlm@78 | 82 body#contact a#contact, |
rlm@78 | 83 body#faq a#faq { |
rlm@78 | 84 color: #ffffff; |
rlm@78 | 85 |
rlm@78 | 86 |
rlm@78 | 87 } |
rlm@78 | 88 |
rlm@78 | 89 |
rlm@78 | 90 |
rlm@78 | 91 |