Mercurial > laserkard
annotate dylan/laserkard.css @ 90:08f93d043ed2 laserkard
saving progress
author | Robert McIntyre <rlm@mit.edu> |
---|---|
date | Mon, 26 Jul 2010 04:13:05 -0400 |
parents | 599d0315537d |
children |
rev | line source |
---|---|
rlm@0 | 1 |
rlm@0 | 2 p {margin-left:20px} |
rlm@0 | 3 body {} |
rlm@0 | 4 body |
rlm@0 | 5 { |
rlm@0 | 6 |
rlm@0 | 7 margin:0; |
rlm@0 | 8 padding:0; |
rlm@0 | 9 background-color:red |
rlm@0 | 10 } |
rlm@0 | 11 |
rlm@0 | 12 .main |
rlm@0 | 13 { |
rlm@0 | 14 position:relative; |
rlm@0 | 15 margin-left: auto ; |
rlm@0 | 16 margin-right: auto ; |
rlm@0 | 17 background-color:blue; |
rlm@0 | 18 width: 300px ; |
rlm@0 | 19 } |
rlm@0 | 20 |
rlm@0 | 21 |
rlm@0 | 22 .cards |
rlm@0 | 23 { |
rlm@0 | 24 position:relative; |
rlm@0 | 25 width: 700px ; |
rlm@0 | 26 height: 300px; |
rlm@0 | 27 margin-left: auto; |
rlm@0 | 28 margin-right: auto; |
rlm@0 | 29 background-color:#00ff00; |
rlm@0 | 30 |
rlm@0 | 31 } |
rlm@0 | 32 |
rlm@0 | 33 |
rlm@0 | 34 h1 |
rlm@0 | 35 { |
rlm@0 | 36 width:250px; |
rlm@0 | 37 padding:10px; |
rlm@0 | 38 border:5px solid gray; |
rlm@0 | 39 margin:10px; |
rlm@0 | 40 min-width: 200px; |
rlm@0 | 41 min-height: 200px; |
rlm@0 | 42 |
rlm@0 | 43 |
rlm@0 | 44 } |
rlm@0 | 45 |
rlm@0 | 46 |
rlm@0 | 47 .contact |
rlm@0 | 48 { |
rlm@0 | 49 position:absolute; |
rlm@0 | 50 left:10px; |
rlm@0 | 51 top:5px; |
rlm@0 | 52 background-color:#FEE2F9; |
rlm@0 | 53 min-width: 245px; |
rlm@0 | 54 min-height: 140px; |
rlm@0 | 55 |
rlm@0 | 56 |
rlm@0 | 57 |
rlm@0 | 58 |
rlm@0 | 59 } |
rlm@0 | 60 a:link {color:#FF0000} /* unvisited link */ |
rlm@0 | 61 a:visited {color:#00FF00} /* visited link */ |
rlm@0 | 62 a:hover {color:#FF00FF} /* mouse over link */ |
rlm@0 | 63 a:active {color:#0000FF} /* selected link */ |
rlm@0 | 64 |
rlm@0 | 65 |
rlm@0 | 66 |
rlm@0 | 67 |
rlm@0 | 68 .buy |
rlm@0 | 69 { |
rlm@0 | 70 position:absolute; |
rlm@0 | 71 left:100px; |
rlm@0 | 72 top:300px; |
rlm@0 | 73 background-color:#423333; |
rlm@0 | 74 } |
rlm@0 | 75 |
rlm@0 | 76 |
rlm@0 | 77 |
rlm@0 | 78 |
rlm@0 | 79 |
rlm@0 | 80 |
rlm@0 | 81 .about |
rlm@0 | 82 { |
rlm@0 | 83 position:absolute; |
rlm@0 | 84 left:100px; |
rlm@0 | 85 top:300px; |
rlm@0 | 86 background-color:#9373fa; |
rlm@0 | 87 } |
rlm@0 | 88 |
rlm@0 | 89 |
rlm@0 | 90 |
rlm@0 | 91 |
rlm@0 | 92 |
rlm@0 | 93 |