Mercurial > laserkard
annotate css/shadowbar.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 body |
rlm@78 | 4 { |
rlm@78 | 5 background-color:#000; |
rlm@78 | 6 margin:0; |
rlm@78 | 7 margin-top:-4px; |
rlm@78 | 8 padding:0; |
rlm@78 | 9 } |
rlm@78 | 10 div.topbar |
rlm@78 | 11 { |
rlm@78 | 12 background-image:url(images/topbar.png); |
rlm@78 | 13 background-repeat:repeat-x; |
rlm@78 | 14 height:60px; |
rlm@78 | 15 margin-top:2px; |
rlm@78 | 16 } |
rlm@78 | 17 div.headlinks |
rlm@78 | 18 { |
rlm@78 | 19 font-family: Helvetica, sans-serif, Arial; |
rlm@78 | 20 text-transform:uppercase; |
rlm@78 | 21 font-weight:bold; |
rlm@78 | 22 text-align:center; |
rlm@78 | 23 color:#000; |
rlm@78 | 24 padding-top:1px; |
rlm@78 | 25 margin-top:0px; |
rlm@78 | 26 margin-left:-30px; |
rlm@78 | 27 } |
rlm@78 | 28 div.headlinks a |
rlm@78 | 29 { |
rlm@78 | 30 text-decoration:none; |
rlm@78 | 31 color:#000; |
rlm@78 | 32 text-shadow:#555 0px 1px 0.5px; |
rlm@78 | 33 } |
rlm@78 | 34 div.headlinks a:hover |
rlm@78 | 35 { |
rlm@78 | 36 text-decoration:none; |
rlm@78 | 37 color:#555; |
rlm@78 | 38 text-shadow:#000 0px 0px 50px, #000 0px 0px 20px, #111 0px 1px 0.5px; |
rlm@78 | 39 } |
rlm@78 | 40 div.headlinks ul |
rlm@78 | 41 { |
rlm@78 | 42 margin-top:7px; |
rlm@78 | 43 } |
rlm@78 | 44 div.headlinks ul li |
rlm@78 | 45 { |
rlm@78 | 46 text-align:center; |
rlm@78 | 47 display: inline; |
rlm@78 | 48 list-style-type: none; |
rlm@78 | 49 padding-left: 90px; |
rlm@78 | 50 padding-right: 90px; |
rlm@78 | 51 } |
rlm@78 | 52 div.center |
rlm@78 | 53 { |
rlm@78 | 54 display:block; |
rlm@78 | 55 width:425px; |
rlm@78 | 56 height:244px; |
rlm@78 | 57 background-color:#939; |
rlm@78 | 58 margin-left:auto; |
rlm@78 | 59 margin-right:auto; |
rlm@78 | 60 margin-top:170px; |
rlm@78 | 61 margin-bottom:auto; |
rlm@78 | 62 padding:0px; |
rlm@78 | 63 } |
rlm@78 | 64 img |
rlm@78 | 65 { |
rlm@78 | 66 margin:0; |
rlm@78 | 67 padding:0; |
rlm@78 | 68 } |