Mercurial > laserkard
annotate sexy.css @ 23:707d202f58b1 laserkard
[svn r24] added.... ARROWS~!
author | rlm |
---|---|
date | Sun, 03 Jan 2010 08:30:32 -0500 |
parents | 3298256dd459 |
children | 2979a76e3fdf |
rev | line source |
---|---|
rlm@2 | 1 |
rlm@23 | 2 div#trifold |
rlm@23 | 3 { |
rlm@23 | 4 position:relative; |
rlm@23 | 5 width:505; |
rlm@23 | 6 background-color:#000000; |
rlm@23 | 7 margin-bottom:100px; |
rlm@23 | 8 margin-top:25px; |
rlm@23 | 9 font: bold 14px "helvetica","arial", "sans-serif"; |
rlm@23 | 10 color: white; |
rlm@23 | 11 |
rlm@23 | 12 |
rlm@23 | 13 } |
rlm@23 | 14 |
rlm@23 | 15 |
rlm@23 | 16 div#trileft |
rlm@23 | 17 { |
rlm@23 | 18 |
rlm@23 | 19 position:absolute; |
rlm@23 | 20 top:0; |
rlm@23 | 21 left:2.5%; |
rlm@23 | 22 width:45%; |
rlm@23 | 23 |
rlm@23 | 24 |
rlm@23 | 25 padding:5px; |
rlm@23 | 26 border-style:solid; |
rlm@23 | 27 border-color:#79797b; |
rlm@23 | 28 border-width:1px; |
rlm@23 | 29 |
rlm@23 | 30 |
rlm@23 | 31 |
rlm@23 | 32 } |
rlm@23 | 33 |
rlm@23 | 34 |
rlm@23 | 35 |
rlm@23 | 36 |
rlm@23 | 37 div#triright |
rlm@23 | 38 { |
rlm@23 | 39 position:absolute; |
rlm@23 | 40 |
rlm@23 | 41 top:0; |
rlm@23 | 42 left:52.5%; |
rlm@23 | 43 width:45%; |
rlm@23 | 44 padding:5px; |
rlm@23 | 45 border-style:solid; |
rlm@23 | 46 border-color:#79797b; |
rlm@23 | 47 border-width:1px; |
rlm@23 | 48 } |
rlm@23 | 49 |
rlm@23 | 50 |
rlm@23 | 51 div#wtf |
rlm@23 | 52 { |
rlm@23 | 53 padding:5px; |
rlm@23 | 54 border-style:solid; |
rlm@23 | 55 border-color:#79797b; |
rlm@23 | 56 border-width:1px; |
rlm@23 | 57 } |
rlm@23 | 58 |
rlm@23 | 59 |
rlm@23 | 60 div#arrowleft |
rlm@23 | 61 { |
rlm@23 | 62 float:left; |
rlm@23 | 63 margin:7px; |
rlm@23 | 64 } |
rlm@23 | 65 |
rlm@23 | 66 div#arrowright |
rlm@23 | 67 { |
rlm@23 | 68 float:right; |
rlm@23 | 69 margin:7px; |
rlm@23 | 70 } |
rlm@2 | 71 |
rlm@19 | 72 h1 |
rlm@19 | 73 { |
rlm@23 | 74 |
rlm@19 | 75 color: white; |
rlm@19 | 76 background-color:#000000; |
rlm@19 | 77 text-align: center; |
rlm@19 | 78 font: bold 32px "arial", "sans-serif"; |
rlm@19 | 79 |
rlm@19 | 80 } |
rlm@19 | 81 |
rlm@22 | 82 div#whole |
rlm@19 | 83 { |
rlm@22 | 84 width: 1100px ; |
rlm@21 | 85 margin-top:25px; |
rlm@19 | 86 margin-left: auto ; |
rlm@19 | 87 margin-right: auto ; |
rlm@20 | 88 |
rlm@20 | 89 |
rlm@22 | 90 padding:2px; |
rlm@22 | 91 border-style:solid; |
rlm@22 | 92 border-color:#79797b; |
rlm@22 | 93 border-width:1px; |
rlm@19 | 94 |
rlm@19 | 95 } |
rlm@2 | 96 |
rlm@20 | 97 |
rlm@19 | 98 |
rlm@19 | 99 div#i_materials |
rlm@0 | 100 { |
rlm@23 | 101 |
rlm@19 | 102 display: none; |
rlm@19 | 103 padding:5px; |
rlm@19 | 104 border-style:solid; |
rlm@19 | 105 border-color:#79797b; |
rlm@19 | 106 border-width:1px; |
rlm@2 | 107 |
rlm@19 | 108 width:auto; |
rlm@19 | 109 float:left; |
rlm@21 | 110 |
rlm@19 | 111 /*position:absolute; |
rlm@19 | 112 left:15px; |
rlm@19 | 113 top:80px;*/ |
rlm@19 | 114 background-color:#000000; |
rlm@18 | 115 |
rlm@20 | 116 } |
rlm@20 | 117 |
rlm@19 | 118 div#i_templates |
rlm@19 | 119 { |
rlm@23 | 120 |
rlm@2 | 121 color: white; |
rlm@2 | 122 background-color:#000000; |
rlm@2 | 123 text-align: left; |
rlm@2 | 124 font: bold 32px "arial", "sans-serif"; |
rlm@2 | 125 |
rlm@5 | 126 padding:10px; |
rlm@2 | 127 border-style:solid; |
rlm@2 | 128 border-color:#79797b; |
rlm@2 | 129 border-width:1px; |
rlm@2 | 130 |
rlm@19 | 131 float: left; |
rlm@19 | 132 width: auto; |
rlm@19 | 133 |
rlm@21 | 134 |
rlm@19 | 135 |
rlm@19 | 136 /* |
rlm@19 | 137 position:absolute; |
rlm@19 | 138 left:15px; |
rlm@19 | 139 bottom:15px; |
rlm@19 | 140 */ |
rlm@19 | 141 |
rlm@20 | 142 } |
rlm@20 | 143 |
rlm@20 | 144 |
rlm@20 | 145 |
rlm@23 | 146 titletron |
rlm@23 | 147 { |
rlm@23 | 148 |
rlm@23 | 149 |
rlm@23 | 150 color: white; |
rlm@23 | 151 background-color:#000000; |
rlm@23 | 152 text-align: left; |
rlm@23 | 153 font: bold 32px "arial", "sans-serif"; |
rlm@23 | 154 |
rlm@23 | 155 } |
rlm@23 | 156 |
rlm@23 | 157 |
rlm@23 | 158 |
rlm@0 | 159 div#display |
rlm@0 | 160 { |
rlm@18 | 161 |
rlm@22 | 162 |
rlm@22 | 163 |
rlm@21 | 164 |
rlm@19 | 165 /* |
rlm@19 | 166 position:absolute; |
rlm@19 | 167 left:200px; |
rlm@19 | 168 top:80px; |
rlm@19 | 169 */ |
rlm@22 | 170 |
rlm@22 | 171 |
rlm@22 | 172 |
rlm@22 | 173 background-color:#000000; |
rlm@0 | 174 } |
rlm@0 | 175 |
rlm@0 | 176 |
rlm@16 | 177 input#template1,input#template2,input#template3,input#template4, input#clear_acr, input#green_acr |
rlm@5 | 178 { |
rlm@5 | 179 padding:3px; |
rlm@5 | 180 #border-style:solid; |
rlm@5 | 181 #border-color:#79797b; |
rlm@5 | 182 border-width:1px; |
rlm@5 | 183 } |
rlm@0 | 184 |
rlm@0 | 185 |
rlm@19 | 186 div#i_inputbox |
rlm@19 | 187 { |
rlm@23 | 188 |
rlm@23 | 189 padding-left:10px; |
rlm@23 | 190 padding-top:10px; |
rlm@23 | 191 padding-right:0px; |
rlm@19 | 192 border-style:solid; |
rlm@19 | 193 border-color:#79797b; |
rlm@19 | 194 border-width:1px; |
rlm@18 | 195 |
rlm@22 | 196 |
rlm@19 | 197 font: bold 14px "helvetica","arial", "sans-serif"; |
rlm@19 | 198 color: white; |
rlm@19 | 199 |
rlm@19 | 200 float:left; |
rlm@22 | 201 width:240px; |
rlm@22 | 202 clear:right; |
rlm@19 | 203 |
rlm@19 | 204 /* |
rlm@19 | 205 position:absolute; |
rlm@19 | 206 left:1260px; |
rlm@19 | 207 top:80px; |
rlm@19 | 208 */ |
rlm@19 | 209 |
rlm@19 | 210 background-color:#000000; |
rlm@19 | 211 } |
rlm@19 | 212 |
rlm@2 | 213 |
rlm@22 | 214 div#centerbox |
rlm@22 | 215 { |
rlm@22 | 216 float:left; |
rlm@22 | 217 margin-top:-4px; |
rlm@22 | 218 margin-left:10px; |
rlm@22 | 219 margin-right:10px; |
rlm@22 | 220 width:515px; |
rlm@22 | 221 padding:5px; |
rlm@22 | 222 border-style:solid; |
rlm@22 | 223 border-color:#79797b; |
rlm@22 | 224 border-width:1px; |
rlm@22 | 225 margin:10px; |
rlm@22 | 226 } |
rlm@22 | 227 |
rlm@22 | 228 |
rlm@22 | 229 |
rlm@2 | 230 div#pokedex |
rlm@2 | 231 { |
rlm@22 | 232 clear:right; |
rlm@22 | 233 float:none; |
rlm@2 | 234 background-color:#B3DF15; |
rlm@2 | 235 } |
rlm@18 | 236 |
rlm@22 | 237 div#garbage |
rlm@22 | 238 { |
rlm@18 | 239 |
rlm@22 | 240 float:left; |
rlm@22 | 241 width:1000px; |
rlm@19 | 242 |
rlm@22 | 243 } |
rlm@19 | 244 |
rlm@20 | 245 |
rlm@22 | 246 |
rlm@22 | 247 |
rlm@22 | 248 |
rlm@23 | 249 div#buttoncon |
rlm@23 | 250 { |
rlm@23 | 251 position:relative; |
rlm@23 | 252 |
rlm@23 | 253 } |
rlm@23 | 254 |
rlm@23 | 255 |
rlm@23 | 256 div#vanish |
rlm@23 | 257 { |
rlm@23 | 258 position:absolute; |
rlm@23 | 259 top:0px; |
rlm@23 | 260 left:0px; |
rlm@23 | 261 z-index:2; |
rlm@23 | 262 } |
rlm@23 | 263 |
rlm@23 | 264 div#crush |
rlm@23 | 265 { |
rlm@23 | 266 position:relative; |
rlm@23 | 267 left:8px; |
rlm@23 | 268 top:0px; |
rlm@23 | 269 z-index:1; |
rlm@23 | 270 } |
rlm@23 | 271 |
rlm@23 | 272 |
rlm@23 | 273 |
rlm@23 | 274 |
rlm@23 | 275 |
rlm@23 | 276 |
rlm@23 | 277 |
rlm@23 | 278 |
rlm@23 | 279 |
rlm@23 | 280 |
rlm@22 | 281 /*stuff to make the containing divs actually contain the stuff they contain.*/ |
rlm@22 | 282 |
rlm@22 | 283 .clearfix:after { |
rlm@22 | 284 content: "."; |
rlm@22 | 285 display: block; |
rlm@22 | 286 height: 0; |
rlm@22 | 287 clear: both; |
rlm@22 | 288 visibility: hidden; |
rlm@22 | 289 } |
rlm@22 | 290 |
rlm@22 | 291 * html .clearfix {height: 1%;} |