Mercurial > laserkard
annotate buy_files/main.css @ 103:52297178e0eb laserkard
implemented automatic text resize
author | Robert McIntyre <rlm@mit.edu> |
---|---|
date | Wed, 28 Jul 2010 06:36:39 -0400 |
parents | 26c2b3ad21c7 |
children |
rev | line source |
---|---|
rlm@46 | 1 @charset "UTF-8"; |
rlm@46 | 2 /* CSS Document */ |
rlm@46 | 3 body |
rlm@46 | 4 { |
rlm@46 | 5 background-color:#000; |
rlm@46 | 6 margin:0; |
rlm@46 | 7 margin-top:-4px; |
rlm@46 | 8 padding:0; |
rlm@46 | 9 |
rlm@46 | 10 |
rlm@46 | 11 |
rlm@46 | 12 |
rlm@46 | 13 } |
rlm@46 | 14 div.topbar |
rlm@46 | 15 { |
rlm@46 | 16 height:60px; |
rlm@46 | 17 margin-top:2px; |
rlm@46 | 18 } |
rlm@46 | 19 div.headlinks |
rlm@46 | 20 { |
rlm@46 | 21 font-family: Helvetica, sans-serif, Arial; |
rlm@46 | 22 text-transform:uppercase; |
rlm@46 | 23 font-weight:bold; |
rlm@46 | 24 text-align:center; |
rlm@46 | 25 color:#000; |
rlm@46 | 26 padding-top:1px; |
rlm@46 | 27 margin-top:0px; |
rlm@46 | 28 margin-left:-30px; |
rlm@46 | 29 } |
rlm@46 | 30 div.headlinks a |
rlm@46 | 31 { |
rlm@46 | 32 text-decoration:none; |
rlm@46 | 33 color:#999999; |
rlm@46 | 34 text-shadow:#555 0px 0px 5px; |
rlm@46 | 35 } |
rlm@46 | 36 div.headlinks a:hover |
rlm@46 | 37 { |
rlm@46 | 38 text-decoration:none; |
rlm@46 | 39 color:#FFF; |
rlm@46 | 40 text-shadow:#222 0px 0px 8px; |
rlm@46 | 41 } |
rlm@46 | 42 |
rlm@46 | 43 |
rlm@46 | 44 |
rlm@46 | 45 |
rlm@46 | 46 div.headlinks ul |
rlm@46 | 47 { |
rlm@46 | 48 margin-top:10px; |
rlm@46 | 49 } |
rlm@46 | 50 div.headlinks ul li |
rlm@46 | 51 { |
rlm@46 | 52 text-align:center; |
rlm@46 | 53 display: inline; |
rlm@46 | 54 list-style-type: none; |
rlm@46 | 55 padding-left: 2.9%; |
rlm@46 | 56 padding-right: 2.9%; |
rlm@46 | 57 } |
rlm@46 | 58 |
rlm@46 | 59 |
rlm@46 | 60 div.center |
rlm@46 | 61 { |
rlm@46 | 62 display:block; |
rlm@46 | 63 width:460px; |
rlm@46 | 64 height:244px; |
rlm@46 | 65 background-color:#000000; |
rlm@46 | 66 margin-left:auto; |
rlm@46 | 67 margin-right:auto; |
rlm@46 | 68 margin-top:60px; |
rlm@46 | 69 margin-bottom:auto; |
rlm@46 | 70 padding:0px; |
rlm@46 | 71 } |
rlm@46 | 72 div.text |
rlm@46 | 73 { |
rlm@46 | 74 color:#aaaaaa; |
rlm@46 | 75 /*font-family:Helvetica, sans-serif, Arial;*/ |
rlm@46 | 76 font: bold 16px "arial", "sans-serif"; |
rlm@46 | 77 |
rlm@46 | 78 margin-top:50px; |
rlm@46 | 79 margin-bottom:30px; |
rlm@46 | 80 } |
rlm@46 | 81 |
rlm@46 | 82 img |
rlm@46 | 83 { |
rlm@46 | 84 margin:0; |
rlm@46 | 85 padding:0; |
rlm@46 | 86 } |
rlm@46 | 87 |
rlm@46 | 88 h1 |
rlm@46 | 89 { |
rlm@46 | 90 |
rlm@46 | 91 color: white; |
rlm@46 | 92 background-color:#000000; |
rlm@46 | 93 text-align: center; |
rlm@46 | 94 font: bold 32px "arial", "sans-serif"; |
rlm@46 | 95 } |
rlm@46 | 96 |
rlm@46 | 97 |
rlm@46 | 98 div#copyright |
rlm@46 | 99 { |
rlm@46 | 100 |
rlm@46 | 101 position:relative; |
rlm@46 | 102 bottom: -310px; |
rlm@46 | 103 margin-left:44%; |
rlm@46 | 104 |
rlm@46 | 105 |
rlm@46 | 106 font: bold 14px "helvetica","arial", "sans-serif"; |
rlm@46 | 107 color: white; |
rlm@46 | 108 |
rlm@46 | 109 |
rlm@46 | 110 |
rlm@46 | 111 } |
rlm@46 | 112 |
rlm@46 | 113 |
rlm@46 | 114 |
rlm@46 | 115 |
rlm@46 | 116 |
rlm@46 | 117 /*stuff to make the links show which page you're on*/ |
rlm@46 | 118 body#buy a#buy, |
rlm@46 | 119 body#hom a#hom, |
rlm@46 | 120 body#about a#about, |
rlm@46 | 121 body#contact a#contact, |
rlm@46 | 122 body#faq a#faq { |
rlm@46 | 123 color: #ffffff; |
rlm@46 | 124 |
rlm@46 | 125 |
rlm@46 | 126 } |
rlm@46 | 127 |