Mercurial > laserkard
annotate main.css @ 5:116b15d3d68c laserkard
[svn r6]
author | rlm |
---|---|
date | Fri, 01 Jan 2010 17:44:10 -0500 |
parents | 599d0315537d |
children | 839533015ed3 |
rev | line source |
---|---|
rlm@0 | 1 @charset "UTF-8"; |
rlm@0 | 2 /* CSS Document */ |
rlm@0 | 3 body |
rlm@0 | 4 { |
rlm@0 | 5 background-color:#000; |
rlm@0 | 6 margin:0; |
rlm@0 | 7 margin-top:-4px; |
rlm@0 | 8 padding:0; |
rlm@0 | 9 |
rlm@0 | 10 |
rlm@0 | 11 |
rlm@0 | 12 |
rlm@0 | 13 } |
rlm@0 | 14 div.topbar |
rlm@0 | 15 { |
rlm@0 | 16 background-repeat:repeat-x; |
rlm@0 | 17 height:60px; |
rlm@0 | 18 margin-top:2px; |
rlm@0 | 19 } |
rlm@0 | 20 div.headlinks |
rlm@0 | 21 { |
rlm@0 | 22 font-family: Helvetica, sans-serif, Arial; |
rlm@0 | 23 text-transform:uppercase; |
rlm@0 | 24 font-weight:bold; |
rlm@0 | 25 text-align:center; |
rlm@0 | 26 color:#000; |
rlm@0 | 27 padding-top:1px; |
rlm@0 | 28 margin-top:0px; |
rlm@0 | 29 margin-left:-30px; |
rlm@0 | 30 } |
rlm@0 | 31 div.headlinks a |
rlm@0 | 32 { |
rlm@0 | 33 text-decoration:none; |
rlm@0 | 34 color:#666; |
rlm@0 | 35 text-shadow:#555 0px 0px 5px; |
rlm@0 | 36 } |
rlm@0 | 37 div.headlinks a:hover |
rlm@0 | 38 { |
rlm@0 | 39 text-decoration:none; |
rlm@0 | 40 color:#333; |
rlm@0 | 41 text-shadow:#222 0px 0px 8px; |
rlm@0 | 42 } |
rlm@0 | 43 div.headlinks ul |
rlm@0 | 44 { |
rlm@0 | 45 margin-top:10px; |
rlm@0 | 46 } |
rlm@0 | 47 div.headlinks ul li |
rlm@0 | 48 { |
rlm@0 | 49 text-align:center; |
rlm@0 | 50 display: inline; |
rlm@0 | 51 list-style-type: none; |
rlm@0 | 52 padding-left: 90px; |
rlm@0 | 53 padding-right: 90px; |
rlm@0 | 54 } |
rlm@0 | 55 attn |
rlm@0 | 56 { |
rlm@0 | 57 color:#777; |
rlm@0 | 58 } |
rlm@0 | 59 attn:hover |
rlm@0 | 60 { |
rlm@0 | 61 color:#444; |
rlm@0 | 62 } |
rlm@0 | 63 div.center |
rlm@0 | 64 { |
rlm@0 | 65 display:block; |
rlm@0 | 66 width:425px; |
rlm@0 | 67 height:244px; |
rlm@0 | 68 background-color:#939; |
rlm@0 | 69 margin-left:auto; |
rlm@0 | 70 margin-right:auto; |
rlm@0 | 71 margin-top:100px; |
rlm@0 | 72 margin-bottom:auto; |
rlm@0 | 73 padding:0px; |
rlm@0 | 74 } |
rlm@0 | 75 div.text |
rlm@0 | 76 { |
rlm@0 | 77 color:#888; |
rlm@0 | 78 font-family:Helvetica, sans-serif, Arial; |
rlm@0 | 79 font-size:11px; |
rlm@0 | 80 margin-top:80px; |
rlm@0 | 81 margin-bottom:30px; |
rlm@0 | 82 } |
rlm@0 | 83 div.leftslab |
rlm@0 | 84 { |
rlm@0 | 85 float:left; |
rlm@0 | 86 width:400px; |
rlm@0 | 87 position:relative; |
rlm@0 | 88 left:50%; |
rlm@0 | 89 margin-left:-200px; |
rlm@0 | 90 } |
rlm@0 | 91 div.templates |
rlm@0 | 92 { |
rlm@0 | 93 margin-left:auto; |
rlm@0 | 94 margin-right:auto; |
rlm@0 | 95 width:300px; |
rlm@0 | 96 background-color:#333; |
rlm@0 | 97 border:thin; |
rlm@0 | 98 border-color:#FFF; |
rlm@0 | 99 color:#FFF; |
rlm@0 | 100 font-family:Arial, Helvetica, sans-serif; |
rlm@0 | 101 font-size:11px; |
rlm@0 | 102 } |
rlm@0 | 103 div.materials |
rlm@0 | 104 { |
rlm@0 | 105 margin-left:auto; |
rlm@0 | 106 margin-right:auto; |
rlm@0 | 107 width:300px; |
rlm@0 | 108 background-color:#333; |
rlm@0 | 109 border:thin; |
rlm@0 | 110 border-color:#FFF; |
rlm@0 | 111 color:#FFF; |
rlm@0 | 112 font-family:Arial, Helvetica, sans-serif; |
rlm@0 | 113 font-size:11px; |
rlm@0 | 114 } |
rlm@0 | 115 div.inputbox |
rlm@0 | 116 { |
rlm@0 | 117 margin-left:auto; |
rlm@0 | 118 margin-right:auto; |
rlm@0 | 119 width:300px; |
rlm@0 | 120 background-color:#333; |
rlm@0 | 121 border:thin; |
rlm@0 | 122 border-color:#FFF; |
rlm@0 | 123 color:#FFF; |
rlm@0 | 124 font-family:Arial, Helvetica, sans-serif; |
rlm@0 | 125 font-size:11px; |
rlm@0 | 126 } |
rlm@0 | 127 div.rightslab |
rlm@0 | 128 { |
rlm@0 | 129 float:left; |
rlm@0 | 130 width:400px; |
rlm@0 | 131 position:relative; |
rlm@0 | 132 left:50%; |
rlm@0 | 133 margin-left:0; |
rlm@0 | 134 } |
rlm@0 | 135 img |
rlm@0 | 136 { |
rlm@0 | 137 margin:0; |
rlm@0 | 138 padding:0; |
rlm@0 | 139 } |