Mercurial > laserkard
annotate dylan/laserkard.css @ 30:293275d50722 laserkard
[svn r31] Implemented Centering on the dynamic text display in a static context
| author | rlm |
|---|---|
| date | Sun, 17 Jan 2010 08:08:20 -0500 |
| 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 |