/img/style.css
CSS | 389 lines | 323 code | 66 blank | 0 comment | 0 complexity | 7035b15ad4e5fbfeb08d7b718394f60f MD5 | raw file
1html { 2 height: 100%; 3} 4 5* { 6 margin: 0; 7 padding: 0; 8} 9 10body { 11 font: normal .80em 'trebuchet ms', arial, sans-serif; 12 background: #F4F4EE; 13 color: #5D5D5D; 14} 15 16p { 17 padding: 0 0 20px 0; 18 line-height: 1.7em; 19} 20 21img { 22 border: 0; 23} 24 25h1, h2, h3, h4, h5, h6 { 26 font: normal 175% 'century gothic', arial, sans-serif; 27 color: #43423F; 28 margin: 0 0 10px 0; 29 padding: 15px 0 5px 0; 30} 31 32h2 { 33 font: normal 175% 'century gothic', arial, sans-serif; 34 color: #B60000; 35} 36 37h3 { 38 font: normal 165% 'century gothic', arial, sans-serif; 39} 40 41h4, h5, h6 { 42 margin: 0; 43 padding: 0 0 10px 0; 44 font: normal 120% arial, sans-serif; 45 color: #B60000; 46} 47 48h5, h6 { 49 font: italic 95% arial, sans-serif; 50 color: #888; 51} 52 53h6 { 54 color: #362C20; 55} 56 57a, a:hover { 58 outline: none; 59 text-decoration: none; 60 color: #838800; 61} 62 63a:hover { 64 text-decoration: none; 65 color: #5D5D5D; 66} 67 68.left { 69 float: left; 70 width: auto; 71 margin: 0 10px 0 0; 72} 73 74.right { 75 float: right; 76 width: auto; 77 margin: 0 0 0 10px; 78 padding: 0; 79} 80 81.center { 82 display: block; 83 text-align: center; 84 margin: 20px auto; 85} 86 87blockquote { 88 margin: 10px; 89 padding: 10px; 90 border: 1px solid #E5E5DB; 91 background: #FFF; 92} 93 94ul { 95 margin: 2px 0 22px 0; 96} 97 98ul li { 99 list-style-type: circle; 100 margin: 0 0 6px 0; 101 padding: 0 0 4px 5px; 102} 103 104ol { 105 margin: 8px 0 22px 20px; 106} 107 108ol li { 109 margin: 0 0 11px 0; 110} 111 112#main, #logo, #menubar, #content_header, #site_content, #content_footer, #footer { 113 margin-left: auto; 114 margin-right: auto; 115} 116 117#main { 118 padding-bottom: 20px; 119} 120 121#header { 122 background: #3A332D; 123 height: 170px; 124 margin: 0 0 30px 0; 125} 126 127#logo { 128 width: 878px; 129 position: relative; 130 height: 134px; 131 background: #3A332D url(images/logo.png) no-repeat; 132} 133 134#logo #logo_text { 135 position: absolute; 136 top: 10px; 137} 138 139#logo h1, #logo h2 { 140 font: normal 280% 'century gothic', arial, sans-serif; 141 border-bottom: 0; 142 text-transform: none; 143 margin: 0 0 0 9px; 144} 145 146#logo_text h1, #logo_text h1 a, #logo_text h1 a:hover { 147 padding: 22px 0 0 0; 148 color: #FFF; 149 letter-spacing: 0.1em; 150 text-decoration: none; 151} 152 153#logo_text h1 a .logo_colour { 154 color: #ECEF01; 155} 156 157#logo_text h2 { 158 font-size: 120%; 159 padding: 4px 0 0 0; 160 color: #A8AA94; 161} 162 163#content_header, #content_footer { 164 width: 940px; 165 background: url(images/content_header.png) no-repeat; 166 height: 14px; 167} 168 169#content_footer { 170 background: url(images/content_footer.png) no-repeat; 171} 172 173#site_content { 174 width: 878px; 175 overflow: hidden; 176 margin: 0 auto 0 auto; 177 padding: 0 20px 20px 40px; 178 background: #FFF; 179 border-left: 1px solid #ECECE0; 180 border-right: 1px solid #ECECE0; 181} 182 183.sidebar { 184 float: right; 185 width: 190px; 186 padding: 0 15px 20px 15px; 187} 188 189.sidebar ul { 190 width: 178px; 191 padding: 4px 0 0 0; 192 margin: 4px 0 30px 0; 193} 194 195.sidebar li { 196 list-style: none; 197 padding: 0 0 7px 0; 198} 199 200.sidebar li a, .sidebar li a:hover { 201 padding: 0 0 0 35px; 202 display: block; 203 background: transparent url(images/link.png) no-repeat left center; 204} 205 206.sidebar li a.selected { 207 color: #444; 208 text-decoration: none; 209} 210 211.rss { 212 height: 26px; 213 padding: 5px 0 0 25px; 214 margin-bottom: 15px; 215 display: block; 216 background: transparent url(images/rss.png) no-repeat left center; 217} 218 219.spacer { 220 padding: 20px 0 20px 0; 221} 222 223.info { 224 float: left; 225} 226 227.infocomments { 228 float: right; 229} 230 231.more { 232 text-align: right; 233} 234 235.next { 236 margin: 10px 30px 0px 0px; 237 float: right; 238} 239 240.prev { 241 margin: 10px 0px 0px 30px; 242 float: left; 243} 244 245.albumy { 246 list-style: none; 247} 248 249.albumy_miniaturka { 250 float: left; 251 margin: 10px 5px 5px 5px; 252} 253 254#content { 255 text-align: justify; 256 width: 613px; 257 padding: 0; 258} 259 260#content ul { 261 margin: 2px 0 22px 0px; 262} 263 264#content ul li { 265 list-style-type: none; 266 background: url(images/bullet.png) no-repeat; 267 margin: 0 0 6px 0; 268 padding: 0 0 4px 25px; 269 line-height: 1.5em; 270} 271 272#footer { 273 width: 916px; 274 font: normal 90% arial, sans-serif; 275 height: 28px; 276 padding: 30px 0 0 0; 277 text-align: center; 278 background: transparent; 279 color: #333; 280 letter-spacing: 0.1em; 281} 282 283#footer a, #footer a:hover { 284 color: #888; 285 text-decoration: none; 286} 287 288#footer a:hover { 289 color: #333; 290} 291 292.search { 293 color: #5D5D5D; 294 border: 1px solid #BBB; 295 width: 134px; 296 padding: 4px; 297 font: 100% arial, sans-serif; 298} 299 300.textarea { 301 color: #5D5D5D; 302 border: 1px solid #BBB; 303 width: 600px; 304 padding: 4px; 305 font: 100% arial, sans-serif; 306} 307 308#id_submit { 309 width: 150px; 310 height: 25px; 311 border: 1px solid #BBB; 312 cursor: hand; 313} 314 315.form_settings { 316 margin: 15px 0 0 0; 317} 318 319.form_settings p { 320 padding: 0 0 4px 0; 321} 322 323.form_settings span { 324 float: left; 325 width: 200px; 326 text-align: left; 327} 328 329.form_settings input, .form_settings textarea { 330 padding: 5px; 331 width: 299px; 332 font: 100% arial; 333 border: 1px solid #E5E5DB; 334 background: #FFF; 335 color: #47433F; 336} 337 338.form_settings .submit { 339 font: 100% arial; 340 border: 1px solid; 341 width: 99px; 342 margin: 0 0 0 212px; 343 height: 33px; 344 padding: 2px 0 3px 0; 345 cursor: pointer; 346 background: #3B3B3B; 347 color: #FFF; 348} 349 350.form_settings textarea, .form_settings select { 351 font: 100% arial; 352 width: 299px; 353} 354 355.form_settings select { 356 width: 310px; 357} 358 359.form_settings .checkbox { 360 margin: 4px 0; 361 padding: 0; 362 width: 14px; 363 border: 0; 364 background: none; 365} 366 367.separator { 368 width: 100%; 369 height: 0; 370 border-top: 1px solid #D9D5CF; 371 border-bottom: 1px solid #FFF; 372 margin: 0 0 20px 0; 373} 374 375.search_submit { 376 width: 33px; 377 height: 33px; 378 background-image: url(images/search.png); 379 background-color: white; 380 border: 0px; 381 cursor: hand; 382 margin: 0 0 -9px 5px; 383} 384 385#menubar { 386 width: 1100px; 387 margin: 1px 0 0 0; 388 position: absolute; 389}