Changeset 925
- Timestamp:
- 03/23/09 21:30:03 (14 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
themes/lightRed/style.css
r772 r925 4 4 body { 5 5 background: url(img/bg.gif) repeat; 6 font-size: 0.8em; 6 font-size: 0.8em; 7 7 font-family: Verdana, Helvetica, Sans-Serif; 8 8 color: #424240; … … 23 23 padding: 0; 24 24 } 25 25 26 26 ul { list-style-type: square;} 27 27 … … 72 72 #top{ 73 73 height: 189px; 74 background: url(img/top.jpg) no-repeat; 74 width: 650px; 75 margin-left: 30px; 76 margin-bottom: -20px; 77 background: #fff url(img/top.jpg) no-repeat; 75 78 } 76 79 #top h1 a{ 77 80 display: block; 78 width: 600px; 79 height: 150px; 80 } 81 82 81 width: 200px; 82 height: 130px; 83 margin-left: 180px; 84 padding-top: 60px; 85 } 86 87 88 #prelude { 89 display: none; 90 } 83 91 84 92 /* Le contenu 85 93 -------------------------------------------------------- */ 94 #wrapper, #content{ 95 padding: 0px; 96 margin: 0px; 97 } 86 98 87 99 #main{ … … 140 152 .post{ 141 153 width: 521px; 154 clear: both; 155 margin-bottom: 20px; 142 156 } 143 157 … … 194 208 dt.odd{background-color: #f5f5f5;} 195 209 196 dt.me , dt.tetard{210 dt.me{ 197 211 color: #F03F3F; 198 212 } … … 208 222 label{ 209 223 float: left; 210 width: 40%; 224 width: 40%; 211 225 text-align: right; 212 226 margin: 0; … … 256 270 -------------------------------------------------------- */ 257 271 258 # sidebar{272 #blogextra { 259 273 position: absolute; 260 274 left: 700px; … … 262 276 } 263 277 264 # sidebara img{ border: none; }265 266 # sidebarul{278 #blogextra a img{ border: none; } 279 280 #blogextra ul{ 267 281 margin: 0px; 268 282 padding:0px; 269 283 list-style-type: none; 270 284 margin-bottom: 30px; 271 } 272 #sidebar li{ 273 padding-bottom: 2px; 274 background: url(img/sprite.png) no-repeat top left; 275 } 276 277 /* 278 #sidebar .home a{ 279 display: block; 280 width:87px; 281 height:38px; 282 background: url(img/home.png); 283 } 284 #sidebar .home a:hover{ 285 background: url(img/home_hover.png); 286 } 287 288 #sidebar .blog a{ 289 display: block; 290 width:87px; 291 height:38px; 292 background: url(img/blog.png); 293 } 294 #sidebar .blog#active a{ 295 background: url(img/blog_active.png); 296 } 297 #sidebar .blog a:hover{ 298 background: url(img/blog_hover.png); 299 } 300 301 #sidebar .about a{ 302 display: block; 303 width:108px; 304 height:40px; 305 background: url(img/about.png); 306 } 307 #sidebar .about a:hover{ 308 background: url(img/about_hover.png); 309 } 310 311 #sidebar .contact a{ 312 display: block; 313 width:94px; 314 height:32px; 315 background: url(img/contact.png); 316 } 317 #sidebar .contact#active a{ 318 background: url(img/contact_active.png); 319 } 320 #sidebar .contact a:hover{ 321 background: url(img/contact_hover.png); 322 } 323 324 #sidebar .links a{ 325 display: block; 326 width:72px; 327 height:33px; 328 background: url(img/links.png); 329 } 330 #sidebar .links#active a{ 331 background: url(img/links_active.png); 332 } 333 #sidebar .links a:hover{ 334 background: url(img/links_hover.png); 335 } 336 337 #sidebar .themes a{ 338 display: block; 339 width:79px; 340 height:36px; 341 background: url(img/versions.png); 342 } 343 #sidebar .themes#active a{ 344 background: url(img/versions_active.png); 345 } 346 #sidebar .themes a:hover{ 347 background: url(img/versions_hover.png); 348 } 349 350 #sidebar .flickr a{ 351 display: block; 352 width:87px; 353 height:38px; 354 background: url(img/flickr.png); 355 } 356 #sidebar .flickr a:hover{ 357 background: url(img/flickr_hover.png); 358 } 359 */ 360 361 362 #sidebar li.home, 363 #sidebar li.home a { 364 display: block; 365 width:87px; 366 height:38px; 367 background-position: 0 -542px; 368 } 369 #sidebar li.home a:hover{ 370 background-position: 0 -30px; 371 } 372 373 #sidebar li.blog, 374 #sidebar li.blog a{ 375 display: block; 376 width:87px; 377 height:38px; 378 background-position: 0 -814px; 379 } 380 #sidebar .blog#active a{ 381 background-position: 0 -610px; 382 } 383 #sidebar .blog a:hover{ 384 background-position: 0 -882px; 385 } 386 387 #sidebar li.about, 388 #sidebar li.about a{ 389 display: block; 390 width:108px; 391 height:40px; 392 background-position: 0 -1018px; 393 } 394 #sidebar .about a:hover{ 395 background-position: 0 -744px; 396 } 397 398 399 #sidebar li.contact, 400 #sidebar li.contact a{ 401 display: block; 402 width:94px; 403 height:32px; 404 background-position: 0 -160px; 405 } 406 #sidebar .contact#active a{ 407 background-position: 0 -222px; 408 } 409 #sidebar .contact a:hover{ 410 background-position: 0 -98px; 411 } 412 413 #sidebar li.links, 414 #sidebar .links a{ 415 display: block; 416 width:72px; 417 height:33px; 418 background-position: 0 -479px; 419 } 420 #sidebar .links#active a{ 421 background-position: 0 -284px; 422 } 423 #sidebar .links a:hover{ 424 background-position: 0 -1156px; 425 } 426 427 #sidebar li.themes, 428 #sidebar li.themes a{ 429 display: block; 430 width:79px; 431 height:36px; 432 background-position: 0 -413px; 433 } 434 #sidebar .themes#active a{ 435 background-position: 0 -347px; 436 } 437 #sidebar .themes a:hover{ 438 background-position: 0 -678px; 439 } 440 441 #sidebar li.flickr, 442 #sidebar li.flickr a{ 443 display: block; 444 width:87px; 445 height:38px; 446 background-position: 0 -950px; 447 } 448 #sidebar .flickr a:hover{ 449 background-position: 0 -1088px; 450 } 451 452 453 #sidebar h2{ 285 } 286 287 #blogextra h2{ 454 288 margin:0; 455 289 padding:0; … … 474 308 background: url(img/rss.png) no-repeat 0 50%; 475 309 list-style-type: none; 476 } 310 } 477 311 .syndicate li a:hover{color: #f03f3f; } 478 312 479 313 480 314 481 /* Les derniers commentaires 315 /* Les derniers commentaires 482 316 -------------------------------------------------------- */ 483 317 … … 493 327 .lastcomments a span.author {font-weight: bold;} 494 328 .lastcomments a span.title {color: #f03f3f;} 495 # sidebar .lastcomments li{329 #blogextra .lastcomments li{ 496 330 background: none; 497 331 width: 160px; … … 501 335 502 336 503 /* Les dernieres images 337 /* Les dernieres images 504 338 -------------------------------------------------------- */ 505 339 .images { … … 519 353 -------------------------------------------------------- */ 520 354 521 #b ottom{355 #blognav{ 522 356 padding: 10px 0; 523 357 margin-left: 30px; … … 528 362 font-size: 0.8em; 529 363 } 530 #b ottoma:hover{color:#EAEAEA;}531 #b ottomul{ padding-left: 10px;}532 533 #b ottomh2{364 #blognav a:hover{color:#EAEAEA;} 365 #blognav ul{ padding-left: 10px;} 366 367 #blognav h2{ 534 368 margin-bottom: 0; 535 369 text-transform: uppercase; … … 578 412 579 413 580 /* Les archives581 -------------------------------------------------------- */582 583 .jarchives{font-size: 1.3em;}584 .jarchives ul{margin-right: 60px;}585 .jarchives li{586 list-style-type: none;587 padding: 3px;588 display: inline;589 padding-right: 20px;590 }591 592 593 594 595 414 /* La recherche 596 415 -------------------------------------------------------- */ … … 616 435 height: 30px; 617 436 } 618 619 620 /* Les liens photographers621 -------------------------------------------------------- */622 623 #photographes{624 text-align: justify;625 padding: 0 60px 0 0;626 }627 628 #photographes ul li{629 display: inline;630 padding-right: 10px;631 }632 633 #photographes li.level-1 a { font-size: 1.3em; }634 #photographes li.level-2 a { font-size: 1.4em; }635 #photographes li.level-3 a { font-size: 1.5em; }636 #photographes li.level-4 a { font-size: 1.6em; }637 #photographes li.level-5 a { font-size: 1.7em; }638 639 640 641 /* Download642 -------------------------------------------------------- */643 644 a.download {645 background: url(img/icon_package.gif) no-repeat left;646 padding-left: 20px;647 height: 20px;648 text-decoration: none;649 }
Note: See TracChangeset
for help on using the changeset viewer.