Changeset 3731:3770620079d4 for themes/blueSilence/style.css
- Timestamp:
- 03/09/18 12:29:57 (7 years ago)
- Branch:
- default
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
themes/blueSilence/style.css
r0 r3731 1 /* ************************************************ 2 Modern 3 - design & code : Marco <marco@marcarea.com> 4 - icônes : http://www.famfamfam.com/ 5 ************************************************ */ 1 /** 2 * icônes : http://www.famfamfam.com/ 3 */ 6 4 7 5 * { 8 margin: 0; 9 padding: 0; 10 border: 0; 11 } 12 6 margin: 0; 7 padding: 0; 8 border: 0; 9 } 13 10 body { 14 background: #CDCDCD; 15 font: 0.7em Arial,sans-serif; 16 } 17 11 background: #CDCDCD; 12 font: 0.7em Arial, sans-serif; 13 } 18 14 /* Common styles 19 15 -------------------------------------------------------- */ 20 16 21 17 ul, ul li { 22 list-style: none; 23 } 24 18 list-style: none; 19 } 25 20 a:link, a:visited { 26 color: #000; 27 text-decoration: underline; 28 } 29 21 color: #000; 22 text-decoration: underline; 23 } 30 24 a:hover { 31 color: #000; 32 text-decoration: none; 33 } 34 25 color: #000; 26 text-decoration: none; 27 } 35 28 pre { 36 overflow: auto; 37 width: 100%; 38 height: auto; 39 } 40 29 overflow: auto; 30 width: 100%; 31 height: auto; 32 } 41 33 .left { 42 float: left; 43 } 44 34 float: left; 35 } 45 36 .right { 46 float: right; 47 } 48 37 float: right; 38 } 49 39 /* Page 50 40 -------------------------------------------------------- */ 51 41 52 42 #page { 53 position: relative; 54 width: 820px; 55 margin: 0 auto; 56 background: transparent url(img/background.png) repeat-y top center; 57 } 58 43 position: relative; 44 width: 820px; 45 margin: 0 auto; 46 background: transparent url(img/background.png) repeat-y top center; 47 } 59 48 /* Header 60 49 -------------------------------------------------------- */ 61 50 62 51 #top { 63 width: 732px; 64 margin: 0 auto; 65 padding: 54px 34px 46px; 66 background: transparent url(img/top.jpg) no-repeat left bottom; 67 } 68 52 width: 732px; 53 margin: 0 auto; 54 padding: 54px 34px 46px; 55 background: transparent url(img/top.jpg) no-repeat left bottom; 56 } 69 57 #top h1 { 70 font-size: 3em; 71 } 72 58 font-size: 3em; 59 } 73 60 #top a:link, #top a:visited, #top a:hover { 74 color: #FFF; 75 text-decoration: none; 76 } 77 61 color: #FFF; 62 text-decoration: none; 63 } 78 64 /* Prelude 79 65 -------------------------------------------------------- */ 80 66 81 67 #prelude { 82 position: absolute; 83 top: 0; 84 right: 18px; 85 width: 366px; 86 padding: 6px 0 0; 87 color: #CAE4FC; 88 text-align: center; 89 } 90 68 position: absolute; 69 top: 0; 70 right: 18px; 71 width: 366px; 72 padding: 6px 0 0; 73 color: #CAE4FC; 74 text-align: center; 75 } 91 76 #prelude a:link, #prelude a:visited { 92 font-size: 1em; 93 font-weight: bold; 94 color: #CAE4FC; 95 text-decoration: none; 96 } 97 77 font-size: 1em; 78 font-weight: bold; 79 color: #CAE4FC; 80 text-decoration: none; 81 } 98 82 #prelude a:hover { 99 text-decoration: underline; 100 } 101 83 text-decoration: underline; 84 } 102 85 #prelude a:focus, #prelude a:active { 103 padding: 5px 8px; 104 background: yellow; 105 color: red; 106 } 107 86 padding: 5px 8px; 87 background: yellow; 88 color: red; 89 } 108 90 /* Wrapper 109 91 -------------------------------------------------------- */ 110 92 111 93 #wrapper { 112 width: 770px; 113 margin: 0 auto 10px; 114 } 115 94 width: 770px; 95 margin: 0 auto 10px; 96 } 116 97 #main { 117 width: 474px; 118 float: left; 119 } 120 98 width: 474px; 99 float: left; 100 } 121 101 #sidebar { 122 width: 272px; 123 float: right; 124 } 125 102 width: 272px; 103 float: right; 104 } 126 105 /* Sidebar 127 106 -------------------------------------------------------- */ 128 107 129 108 #sidebar h2 { 130 margin: 0 0 10px; 131 padding: 5px 8px; 132 background: #F5F5F5; 133 border: 1px solid #CDCDCD; 134 border-width: 1px 0; 135 color: #005D99; 136 font-size: 1em; 137 font-weight: bold; 138 } 139 109 margin: 0 0 10px; 110 padding: 5px 8px; 111 background: #F5F5F5; 112 border: 1px solid #CDCDCD; 113 border-width: 1px 0; 114 color: #005D99; 115 font-size: 1em; 116 font-weight: bold; 117 } 140 118 #sidebar h3 { 141 padding: 4px 8px 0 8px; 142 color: #005D99; 143 font-size: 1em; 144 } 145 119 padding: 4px 8px 0 8px; 120 color: #005D99; 121 font-size: 1em; 122 } 146 123 #sidebar a:link, #sidebar a:visited { 147 text-decoration: none; 148 } 149 124 text-decoration: none; 125 } 150 126 #sidebar a:hover { 151 text-decoration: underline; 152 } 153 127 text-decoration: underline; 128 } 154 129 #sidebar ul { 155 padding: 0 0 4px; 156 } 157 130 padding: 0 0 4px; 131 } 158 132 #sidebar li { 159 padding: 3px 4px 3px 20px; 160 background: transparent url(img/sidebar_li.png) no-repeat 10px 7px; 161 } 162 133 padding: 3px 4px 3px 20px; 134 background: transparent url(img/sidebar_li.png) no-repeat 10px 7px; 135 } 163 136 #sidebar p { 164 padding: 0 0 4px 10px; 165 } 166 137 padding: 0 0 4px 10px; 138 } 167 139 #search fieldset p { 168 padding-left: 8px; 169 } 170 140 padding-left: 8px; 141 } 171 142 #search #q { 172 width: 180px; 173 padding: 1px 2px; 174 border: 1px solid #CDCDCD; 175 color: #005D99; 176 font-size: 1em; 177 } 178 143 width: 180px; 144 padding: 1px 2px; 145 border: 1px solid #CDCDCD; 146 color: #005D99; 147 font-size: 1em; 148 } 179 149 #search .submit { 180 color: #005D99; 181 background: #FFF; 182 font-size: 1em; 183 font-weight: bold; 184 text-transform: uppercase; 185 border: 1px solid #FFF; 186 } 187 150 color: #005D99; 151 background: #FFF; 152 font-size: 1em; 153 font-weight: bold; 154 text-transform: uppercase; 155 border: 1px solid #FFF; 156 } 188 157 #search .submit:hover { 189 background: #005D99; 190 border: 1px solid #005D99; 191 color: #FFF; 192 } 193 194 #search, #sidebar .selected, #sidebar .categories, #sidebar .syndicate, 195 #sidebar .langs, #sidebar .tags, #sidebar .links, #sidebar .text { 196 padding: 0 0 10px; 197 } 198 158 background: #005D99; 159 border: 1px solid #005D99; 160 color: #FFF; 161 } 162 #search, #sidebar .selected, #sidebar .categories, #sidebar .syndicate, #sidebar .langs, #sidebar .tags, #sidebar .links, #sidebar .text { 163 padding: 0 0 10px; 164 } 199 165 #topnav { 200 margin: 0 0 20px; 201 padding: 5px 5px 5px 8px; 202 background: #F5F5F5; 203 border: 1px solid #CDCDCD; 204 border-width: 1px 0; 205 color: #005D99; 206 font-size: 0.9em; 207 font-weight: bold; 208 text-transform: uppercase; 209 } 210 166 margin: 0 0 20px; 167 padding: 5px 5px 5px 8px; 168 background: #F5F5F5; 169 border: 1px solid #CDCDCD; 170 border-width: 1px 0; 171 color: #005D99; 172 font-size: 0.9em; 173 font-weight: bold; 174 text-transform: uppercase; 175 } 211 176 #sidebar #topnav ul { 212 margin: 0; 213 padding: 0; 214 } 215 177 margin: 0; 178 padding: 0; 179 } 216 180 #sidebar #topnav li { 217 display: inline; 218 margin: 0; 219 padding: 0; 220 background: none; 221 } 222 181 display: inline; 182 margin: 0; 183 padding: 0; 184 background: none; 185 } 223 186 #sidebar .syndicate li { 224 margin: 0 4px 0 11px; 225 padding: 5px 4px 5px 22px; 226 background: transparent url(img/rss.png) no-repeat 0% 50%; 227 } 228 187 margin: 0 4px 0 11px; 188 padding: 5px 4px 5px 22px; 189 background: transparent url(img/rss.png) no-repeat 0% 50%; 190 } 229 191 #sidebar .tags ul { 230 margin: 5px 5px 10px 10px; 231 padding: 0; 232 font-size: 110%; 233 } 234 192 margin: 5px 5px 10px 10px; 193 padding: 0; 194 font-size: 110%; 195 } 235 196 #sidebar .tags ul li { 236 display: inline; 237 margin: 0; 238 padding: 0; 239 background: none; 240 font-size: 0.9em; 241 } 242 197 display: inline; 198 margin: 0; 199 padding: 0; 200 background: none; 201 font-size: 0.9em; 202 } 243 203 #sidebar .tags ul li a:link, #sidebar .tags ul li a:visited { 244 color: #333; 245 } 246 204 color: #333; 205 } 247 206 #sidebar .tags p strong a:link, #sidebar .tags p strong a:visited { 248 padding: 0 0 0 18px; 249 background: transparent url(img/tags.png) no-repeat 0 -2px; 250 } 251 252 .tag0 { font-size: 75%; } 253 .tag10 { font-size: 80%; } 254 .tag20 { font-size: 90%; } 255 .tag30 { font-size: 100%; } 256 .tag40 { font-size: 110%; } 257 .tag50 { font-size: 120%; } 258 .tag60 { font-size: 130%; } 259 .tag70 { font-size: 140%; } 260 .tag80 { font-size: 150%; } 261 .tag90 { font-size: 160%; } 262 .tag100 { font-size: 170%; } 263 207 padding: 0 0 0 18px; 208 background: transparent url(img/tags.png) no-repeat 0 -2px; 209 } 210 .tag0 { 211 font-size: 75%; 212 } 213 .tag10 { 214 font-size: 80%; 215 } 216 .tag20 { 217 font-size: 90%; 218 } 219 .tag30 { 220 font-size: 100%; 221 } 222 .tag40 { 223 font-size: 110%; 224 } 225 .tag50 { 226 font-size: 120%; 227 } 228 .tag60 { 229 font-size: 130%; 230 } 231 .tag70 { 232 font-size: 140%; 233 } 234 .tag80 { 235 font-size: 150%; 236 } 237 .tag90 { 238 font-size: 160%; 239 } 240 .tag100 { 241 font-size: 170%; 242 } 264 243 /* Post-content 265 244 -------------------------------------------------------- */ 266 245 267 246 .post-content, .post-excerpt { 268 padding: 4px 0 0 0; 269 line-height: 1.5em; 270 font-size: 1.2em; 271 } 272 247 padding: 4px 0 0 0; 248 line-height: 1.5em; 249 font-size: 1.2em; 250 } 273 251 .post-content p, .post-excerpt p { 274 padding: 4px 0; 275 } 276 252 padding: 4px 0; 253 } 277 254 .post-content strong, .post-excerpt strong { 278 font-size: 0.9em; 279 } 280 255 font-size: 0.9em; 256 } 281 257 .post-content acronym, .post-excerpt acronym { 282 cursor: help; 283 border-bottom: 1px dashed #666; 284 } 285 258 cursor: help; 259 border-bottom: 1px dashed #666; 260 } 286 261 .post-content pre, .post-excerpt pre { 287 padding: 10px 5px; 288 margin: 6px 0; 289 background: #F5F5F5; 290 font: 1.1em 'courier new', courier, monospace; 291 } 292 262 padding: 10px 5px; 263 margin: 6px 0; 264 background: #F5F5F5; 265 font: 1.1em 'courier new', courier, monospace; 266 } 293 267 .post-content h3, .post-excerpt h3 { 294 padding: 4px 0; 295 font-size: 1.2em; 296 color: #666; 297 } 298 268 padding: 4px 0; 269 font-size: 1.2em; 270 color: #666; 271 } 299 272 .post-content h4, .post-excerpt h4 { 300 padding: 4px 0; 301 font-size: 1.1em; 302 color: #666; 303 } 304 273 padding: 4px 0; 274 font-size: 1.1em; 275 color: #666; 276 } 305 277 .post-content h5, .post-excerpt h5 { 306 padding: 4px 0; 307 font-size: 1.0em; 308 color: #666; 309 } 310 278 padding: 4px 0; 279 font-size: 1.0em; 280 color: #666; 281 } 311 282 .post-content ul, .post-excerpt ul { 312 margin: 0; 313 padding: 4px 0; 314 } 315 283 margin: 0; 284 padding: 4px 0; 285 } 316 286 .post-content ul li, .post-excerpt ul li { 317 padding: 1px 0 1px 10px; 318 background: transparent url(img/li.png) no-repeat 0 5px; 319 } 320 287 padding: 1px 0 1px 10px; 288 background: transparent url(img/li.png) no-repeat 0 5px; 289 } 321 290 .post-content ol, .post-excerpt ol { 322 margin: 0 0 0 28px; 323 padding: 4px 0; 324 } 325 291 margin: 0 0 0 28px; 292 padding: 4px 0; 293 } 326 294 .post-content ol li, .post-excerpt ol li { 327 padding: 1px 0; 328 } 329 295 padding: 1px 0; 296 } 330 297 .post-content blockquote, .post-excerpt blockquote { 331 margin: 4px 0 4px 5px; 332 padding: 0 5px; 333 border-left: 4px solid #CDCDCD; 334 } 335 298 margin: 4px 0 4px 5px; 299 padding: 0 5px; 300 border-left: 4px solid #CDCDCD; 301 } 336 302 /* Classes 337 303 -------------------------------------------------------- */ 338 304 339 305 .day-date { 340 clear: left; 341 margin: 0 0 10px 0; 342 padding: 5px 10px; 343 background: #F5F5F5; 344 border: 1px solid #CDCDCD; 345 border-width: 1px 0; 346 color: #5E9E14; 347 font-weight: bold; 348 text-align: right; 349 } 350 351 a.feed { } 352 306 clear: left; 307 margin: 0 0 10px 0; 308 padding: 5px 10px; 309 background: #F5F5F5; 310 border: 1px solid #CDCDCD; 311 border-width: 1px 0; 312 color: #5E9E14; 313 font-weight: bold; 314 text-align: right; 315 } 316 a.feed {} 353 317 .post { 354 color: #000; 355 } 356 318 color: #000; 319 } 357 320 .post-title { 358 padding: 10px 0 4px 0; 359 color: #666; 360 font-size: 1.7em; 361 } 362 321 padding: 10px 0 4px 0; 322 color: #666; 323 font-size: 1.7em; 324 } 363 325 .post-title a:link, .post-title a:visited { 364 color: #666; 365 text-decoration: none; 366 } 367 326 color: #666; 327 text-decoration: none; 328 } 368 329 .post-title a:hover { 369 text-decoration: underline; 370 } 371 330 text-decoration: underline; 331 } 372 332 .post-info { 373 font-style: italic; 374 } 375 333 font-style: italic; 334 } 376 335 .post-tags { 377 position: relative; 378 overflow: hidden; 379 height: 1%; 380 margin: 8px 0 0 0; 381 padding: 5px; 382 border: 0; 383 background: #FBFBFB; 384 } 385 336 position: relative; 337 overflow: hidden; 338 height: 1%; 339 margin: 8px 0 0 0; 340 padding: 5px; 341 border: 0; 342 background: #FBFBFB; 343 } 386 344 .post-tags:after { 387 content: '[DO NOT LEAVE IT IS NOT REAL]'; 388 display: block; 389 height: 0; 390 clear: both; 391 visibility: hidden; 392 } 393 345 content: '[DO NOT LEAVE IT IS NOT REAL]'; 346 display: block; 347 height: 0; 348 clear: both; 349 visibility: hidden; 350 } 394 351 .post-tags li { 395 display: inline; 396 } 397 352 display: inline; 353 } 398 354 .post-tags li a:link, .post-tags li a:visited { 399 display: block; 400 float: left; 401 padding: 2px 8px 2px 18px; 402 background: transparent url(img/tag.png) no-repeat 0 0; 403 white-space: nowrap; 404 color: #005D99; 405 text-decoration: none; 406 } 407 355 display: block; 356 float: left; 357 padding: 2px 8px 2px 18px; 358 background: transparent url(img/tag.png) no-repeat 0 0; 359 white-space: nowrap; 360 color: #005D99; 361 text-decoration: none; 362 } 408 363 .post-tags li a:hover { 409 text-decoration: underline; 410 } 411 364 text-decoration: underline; 365 } 412 366 .post-info-co { 413 clear: left; 414 margin: 0 0 26px; 415 padding: 5px; 416 border: 0; 417 background: #FBFBFB; 418 } 419 367 clear: left; 368 margin: 0 0 26px; 369 padding: 5px; 370 border: 0; 371 background: #FBFBFB; 372 } 420 373 .post-info-co a:link, .post-info-co a:visited { 421 padding: 2px 10px 2px 18px; 422 text-decoration: none; 423 } 424 374 padding: 2px 10px 2px 18px; 375 text-decoration: none; 376 } 425 377 .post-info-co a:hover { 426 text-decoration: underline; 427 } 428 378 text-decoration: underline; 379 } 429 380 .comment_count { 430 background: transparent url(img/commentaire.png) no-repeat 0 50%; 431 } 432 381 background: transparent url(img/commentaire.png) no-repeat 0 50%; 382 } 433 383 .ping_count { 434 background: transparent url(img/retrolien.png) no-repeat 0 50%; 435 } 436 384 background: transparent url(img/retrolien.png) no-repeat 0 50%; 385 } 437 386 .attach_count { 438 background: transparent url(img/attach.png) no-repeat 0 50%; 439 } 440 387 background: transparent url(img/attach.png) no-repeat 0 50%; 388 } 441 389 .read-it { 442 font-weight: bold; 443 padding: 0 0 10px 0; 444 clear: left; 445 } 446 390 font-weight: bold; 391 padding: 0 0 10px 0; 392 clear: left; 393 } 447 394 #attachments { 448 clear: left; 449 margin: 4px 0 6px 0; 450 padding: 5px; 451 background: #FBFBFB; 452 border: 1px solid #E8E8E8; 453 border-width: 1px 0; 454 } 455 395 clear: left; 396 margin: 4px 0 6px 0; 397 padding: 5px; 398 background: #FBFBFB; 399 border: 1px solid #E8E8E8; 400 border-width: 1px 0; 401 } 456 402 #attachments * { 457 color: #3C8FD1; 458 } 459 403 color: #3C8FD1; 404 } 460 405 #attachments h3 { 461 font-size: 1.2em; 462 } 463 406 font-size: 1.2em; 407 } 464 408 #attachments ul { 465 padding: 4px 0; 466 } 467 409 padding: 4px 0; 410 } 468 411 #attachments li { 469 margin: 0 0 0.6em; 470 padding: 2px 10px 2px 18px; 471 background: transparent url(img/attach.png) no-repeat 0 50%; 472 } 473 412 margin: 0 0 0.6em; 413 padding: 2px 10px 2px 18px; 414 background: transparent url(img/attach.png) no-repeat 0 50%; 415 } 474 416 #attachments li object { 475 display: inline; 476 margin: 0; 477 padding: 0; 478 vertical-align: bottom; 479 } 480 417 display: inline; 418 margin: 0; 419 padding: 0; 420 vertical-align: bottom; 421 } 481 422 .footnotes { 482 margin: 6px 0 25px 0; 483 padding: 5px 0; 484 border: 1px solid #E8E8E8; 485 } 486 423 margin: 6px 0 25px 0; 424 padding: 5px 0; 425 border: 1px solid #E8E8E8; 426 } 487 427 .footnotes h4 { 488 margin: 0 0 6px; 489 padding: 2px 10px 2px 25px; 490 background: transparent url(img/report.png) no-repeat 4px 3px; 491 border-bottom: 1px solid #E8E8E8; 492 color: #005D99; 493 font-style: italic; 494 } 495 428 margin: 0 0 6px; 429 padding: 2px 10px 2px 25px; 430 background: transparent url(img/report.png) no-repeat 4px 3px; 431 border-bottom: 1px solid #E8E8E8; 432 color: #005D99; 433 font-style: italic; 434 } 496 435 .footnotes p { 497 padding: 4px 10px; 498 } 499 436 padding: 4px 10px; 437 } 500 438 /* Archives 501 439 -------------------------------------------------------- */ 502 440 503 441 #content-info { 504 margin: 0 0 20px; 505 padding: 5px 10px; 506 background: #F5F5F5; 507 border: 1px solid #CDCDCD; 508 border-width: 1px 0; 509 font-size: 1em; 510 line-height: 1.4; 511 } 512 442 margin: 0 0 20px; 443 padding: 5px 10px; 444 background: #F5F5F5; 445 border: 1px solid #CDCDCD; 446 border-width: 1px 0; 447 font-size: 1em; 448 line-height: 1.4; 449 } 513 450 .content-inner { 514 padding-bottom: 20px; 515 } 516 451 padding-bottom: 20px; 452 } 517 453 .content-inner h3 { 518 margin: 10px 0; 519 padding: 5px 10px; 520 background: #F5F5F5; 521 border: 1px solid #CDCDCD; 522 border-width: 1px 0; 523 font-size: 1em; 524 color: #5E9E14; 525 } 526 454 margin: 10px 0; 455 padding: 5px 10px; 456 background: #F5F5F5; 457 border: 1px solid #CDCDCD; 458 border-width: 1px 0; 459 font-size: 1em; 460 color: #5E9E14; 461 } 527 462 #content-info h2 { 528 font-size: 1.4em; 529 } 530 463 font-size: 1.4em; 464 } 531 465 #content-info p { 532 padding: 4px 0; 533 font-size: 1em; 534 } 535 466 padding: 4px 0; 467 font-size: 1em; 468 } 536 469 #content-info p a.feed:link, #content-info p a.feed:visited { 537 padding: 4px 0 4px 22px; 538 background: transparent url(img/rss.png) no-repeat 1px 3px; 539 } 540 470 padding: 4px 0 4px 22px; 471 background: transparent url(img/rss.png) no-repeat 1px 3px; 472 } 541 473 .content-inner .day-date { 542 text-align: left; 543 } 544 474 text-align: left; 475 } 545 476 .content-inner .post-title { 546 margin: 0 0 0 10px; 547 padding: 4px 0; 548 } 549 477 margin: 0 0 0 10px; 478 padding: 4px 0; 479 } 550 480 .content-inner .post-info { 551 margin: 4px 0 20px 10px; 552 } 553 481 margin: 4px 0 20px 10px; 482 } 554 483 .content-inner ul { 555 margin: 0 0 0 10px; 556 padding: 4px 0; 557 } 558 484 margin: 0 0 0 10px; 485 padding: 4px 0; 486 } 559 487 .content-inner ul li { 560 padding: 1px 0 1px 10px; 561 background: transparent url(img/li.png) no-repeat 0 5px; 562 font-size: 1em; 563 line-height: 1.3; 564 } 565 488 padding: 1px 0 1px 10px; 489 background: transparent url(img/li.png) no-repeat 0 5px; 490 font-size: 1em; 491 line-height: 1.3; 492 } 566 493 /* Tags - Page des tags 567 494 -------------------------------------------------------- */ 568 495 569 496 .content-inner ul.tags { 570 position: relative; 571 height: 1%; 572 overflow: hidden; 573 margin: 8px 0 20px; 574 padding: 5px; 575 background: #FBFBFB; 576 border: 1px solid #E8E8E8; 577 border-width: 1px 0; 578 font-size: 120%; 579 } 580 497 position: relative; 498 height: 1%; 499 overflow: hidden; 500 margin: 8px 0 20px; 501 padding: 5px; 502 background: #FBFBFB; 503 border: 1px solid #E8E8E8; 504 border-width: 1px 0; 505 font-size: 120%; 506 } 581 507 .content-inner ul.tags:after { 582 content: '[DO NOT LEAVE IT IS NOT REAL]'; 583 display: block; 584 height: 0; 585 clear: both; 586 visibility: hidden; 587 } 588 508 content: '[DO NOT LEAVE IT IS NOT REAL]'; 509 display: block; 510 height: 0; 511 clear: both; 512 visibility: hidden; 513 } 589 514 .content-inner ul.tags li { 590 display: block; 591 float: left; 592 height: 18px; 593 margin: 4px; 594 background: transparent; 595 line-height: 18px; 596 } 597 515 display: block; 516 float: left; 517 height: 18px; 518 margin: 4px; 519 background: transparent; 520 line-height: 18px; 521 } 598 522 .content-inner ul.tags li a:link, .content-inner ul.tags li a:visited { 599 color: #005D99; 600 text-decoration: none; 601 white-space: nowrap; 602 } 603 523 color: #005D99; 524 text-decoration: none; 525 white-space: nowrap; 526 } 604 527 .content-inner ul.tags li a:hover { 605 text-decoration: underline; 606 } 607 528 text-decoration: underline; 529 } 608 530 .content-inner ul.tags li a:focus, .content-inner ul.tags li a:active { 609 background: #005D99; 610 color: #FFF; 611 } 612 531 background: #005D99; 532 color: #FFF; 533 } 613 534 /* Commentaires 614 535 -------------------------------------------------------- */ 615 536 616 537 #comments, #pings { 617 padding-top: 10px; 618 } 619 538 padding-top: 10px; 539 } 620 540 #comments h3, #pings h3, #comments-feed, #pr h3 { 621 clear: left; 622 margin: 20px 0 8px 0; 623 padding: 5px; 624 background: #FBFBFB; 625 border: 1px solid #E8E8E8; 626 border-width: 1px 0; 627 font-size: 1.2em; 628 } 629 541 clear: left; 542 margin: 20px 0 8px 0; 543 padding: 5px; 544 background: #FBFBFB; 545 border: 1px solid #E8E8E8; 546 border-width: 1px 0; 547 font-size: 1.2em; 548 } 630 549 #pr h3 { 631 margin: 30px 0 8px; 632 color: #5E9E14; 633 } 634 550 margin: 30px 0 8px; 551 color: #5E9E14; 552 } 635 553 #comments-feed { 636 margin: 14px 0 8px; 637 text-align: right; 638 font-weight: bold; 639 } 640 554 margin: 14px 0 8px; 555 text-align: right; 556 font-weight: bold; 557 } 641 558 #comments-feed a:link, #comments-feed a:visited { 642 padding: 3px 0 3px 22px; 643 background: transparent url(img/rss.png) no-repeat 0px 50%; 644 font-size: 0.8em; 645 text-decoration: none; 646 } 647 559 padding: 3px 0 3px 22px; 560 background: transparent url(img/rss.png) no-repeat 0px 50%; 561 font-size: 0.8em; 562 text-decoration: none; 563 } 648 564 #comments-feed a:hover { 649 text-decoration: underline; 650 } 651 652 #comments dl { } 653 565 text-decoration: underline; 566 } 567 #comments dl {} 654 568 #comments dt, #pings dt { 655 position: relative; 656 top: 1px; 657 display: block; 658 padding: 10px 0 30px; 659 background: transparent url(img/commentaire_bulle.png) no-repeat 50% 100%; 660 } 661 569 position: relative; 570 top: 1px; 571 display: block; 572 padding: 10px 0 30px; 573 background: transparent url(img/commentaire_bulle.png) no-repeat 50% 100%; 574 } 662 575 #comments dt a:link, #comments dt a:visited { 663 color: #3C8FD1; 664 text-decoration: none; 665 } 666 576 color: #3C8FD1; 577 text-decoration: none; 578 } 667 579 #comments dt a:hover { 668 text-decoration: underline; 669 } 670 580 text-decoration: underline; 581 } 671 582 #pings dt a:link, #pings dt a:visited { 672 color: #3C8FD1; 673 text-decoration: none; 674 } 675 583 color: #3C8FD1; 584 text-decoration: none; 585 } 676 586 #pings dt a:hover { 677 text-decoration: underline; 678 } 679 587 text-decoration: underline; 588 } 680 589 #comments dd, #pings dd, dd.comment-preview { 681 margin: 0 0 8px; 682 padding: 10px; 683 border: 1px solid #E8E8E8; 684 border-width: 1px 0; 685 background: #F5F5F5; 686 font-size: 1.1em; 687 line-height: 1.4; 688 } 689 590 margin: 0 0 8px; 591 padding: 10px; 592 border: 1px solid #E8E8E8; 593 border-width: 1px 0; 594 background: #F5F5F5; 595 font-size: 1.1em; 596 line-height: 1.4; 597 } 690 598 #comments dd *, #pings dd *, dd.comment-preview * { 691 padding: 5px 0; 692 font-size: 1em; 693 } 694 599 padding: 5px 0; 600 font-size: 1em; 601 } 695 602 #comments dt.me a:link, #comments dt.me a:visited, #comments dt.me a:hover { 696 color: #5E9E14; 697 } 698 603 color: #5E9E14; 604 } 699 605 #comments dd.me { 700 border-left: 4px solid #5E9E14; 701 } 702 606 border-left: 4px solid #5E9E14; 607 } 703 608 .comment-number, .ping-number { 704 color: #3C8FD1; 705 font-weight: bold; 706 font-size: 1.4em; 707 } 708 609 color: #3C8FD1; 610 font-weight: bold; 611 font-size: 1.4em; 612 } 709 613 #ping-url { 710 margin: 30px 0; 711 padding: 5px; 712 background: #FBFBFB; 713 border: 1px solid #E8E8E8; 714 border-width: 1px 0; 715 font-weight: bold; 716 text-align: right; 717 } 718 614 margin: 30px 0; 615 padding: 5px; 616 background: #FBFBFB; 617 border: 1px solid #E8E8E8; 618 border-width: 1px 0; 619 font-weight: bold; 620 text-align: right; 621 } 719 622 .error { 720 margin: 20px 0 0; 721 padding: 10px 5px; 722 background: #FFCCCC; 723 border: 2px solid red; 724 font-weight: bold; 725 } 726 727 .message { } 728 623 margin: 20px 0 0; 624 padding: 10px 5px; 625 background: #FFCCCC; 626 border: 2px solid red; 627 font-weight: bold; 628 } 629 .message {} 729 630 /* navigations */ 730 631 731 632 .pagination { 732 clear: left; 733 margin: 0 0 30px; 734 padding: 5px; 735 background: #F5F5F5; 736 border: 1px solid #CDCDCD; 737 border-width: 1px 0; 738 text-align: center; 739 color: #5E9E14; 740 font-weight: bold; 741 } 742 633 clear: left; 634 margin: 0 0 30px; 635 padding: 5px; 636 background: #F5F5F5; 637 border: 1px solid #CDCDCD; 638 border-width: 1px 0; 639 text-align: center; 640 color: #5E9E14; 641 font-weight: bold; 642 } 743 643 .pagination a:link, .pagination a:visited { 744 color: #5E9E14; 745 text-decoration: none; 746 } 747 644 color: #5E9E14; 645 text-decoration: none; 646 } 748 647 .pagination a:hover { 749 text-decoration: underline; 750 } 751 648 text-decoration: underline; 649 } 752 650 #navlinks { 753 margin: 0 0 20px; 754 padding: 5px; 755 background: #F5F5F5; 756 border: 1px solid #CDCDCD; 757 border-width: 1px 0; 758 text-align: center; 759 color: #5E9E14; 760 font-weight: bold; 761 } 762 651 margin: 0 0 20px; 652 padding: 5px; 653 background: #F5F5F5; 654 border: 1px solid #CDCDCD; 655 border-width: 1px 0; 656 text-align: center; 657 color: #5E9E14; 658 font-weight: bold; 659 } 763 660 #navlinks a:link, #navlinks a:visited { 764 color: #5E9E14; 765 text-decoration: none; 766 } 767 661 color: #5E9E14; 662 text-decoration: none; 663 } 768 664 #navlinks a:hover { 769 text-decoration: underline; 770 } 771 665 text-decoration: underline; 666 } 772 667 /* Forms 773 668 -------------------------------------------------------- */ 774 669 775 670 #comment-form { 776 padding-top: 10px; 777 } 778 671 padding-top: 10px; 672 } 779 673 #comment-form h3 { 780 margin: 20px 0 8px 0; 781 padding: 5px; 782 background: #FBFBFB; 783 border: 1px solid #E8E8E8; 784 border-width: 1px 0; 785 font-size: 1.2em; 786 } 787 674 margin: 20px 0 8px 0; 675 padding: 5px; 676 background: #FBFBFB; 677 border: 1px solid #E8E8E8; 678 border-width: 1px 0; 679 font-size: 1.2em; 680 } 788 681 #comment-form fieldset p { 789 padding: 5px 0; 790 } 791 682 padding: 5px 0; 683 } 792 684 #comment-form fieldset p.field { 793 clear: left; 794 width: auto; 795 margin: 0; 796 padding: 5px 0; 797 } 798 685 clear: left; 686 width: auto; 687 margin: 0; 688 padding: 5px 0; 689 } 799 690 #comment-form p.form-help { 800 width: 60%; 801 margin: 0 0 0 30%; 802 font-style: italic; 803 } 804 691 width: 60%; 692 margin: 0 0 0 30%; 693 font-style: italic; 694 } 805 695 #comment-form p label { 806 width: auto; 807 } 808 696 width: auto; 697 } 809 698 #comment-form p.field label { 810 display: block; 811 float: left; 812 width: 29%; 813 padding: 0 4px 4px 0; 814 text-align: right; 815 font-weight: bold; 816 } 817 699 display: block; 700 float: left; 701 width: 29%; 702 padding: 0 4px 4px 0; 703 text-align: right; 704 font-weight: bold; 705 } 818 706 #comment-form input, #comment-form textarea { 819 width: 60%; 820 padding: 1px 2px; 821 border: 1px solid #CDCDCD; 822 font: 1em Arial,sans-serif; 823 color: #005D99; 824 } 825 707 width: 60%; 708 padding: 1px 2px; 709 border: 1px solid #CDCDCD; 710 font: 1em Arial, sans-serif; 711 color: #005D99; 712 } 826 713 #comment-form input#c_remember { 827 width: auto; 828 margin: 0 5px 0 140px; 829 border: 0; 830 } 831 714 width: auto; 715 margin: 0 5px 0 140px; 716 border: 0; 717 } 832 718 #comment-form input.preview { 833 margin-left: 134px; 834 } 835 719 margin-left: 134px; 720 } 836 721 #comment-form input.preview, #comment-form input.submit { 837 width: auto; 838 background: #FFF; 839 border: 1px solid #FFF; 840 color: #005D99; 841 font-size: 1em; 842 font-weight: bold; 843 text-transform: uppercase; 844 } 845 722 width: auto; 723 background: #FFF; 724 border: 1px solid #FFF; 725 color: #005D99; 726 font-size: 1em; 727 font-weight: bold; 728 text-transform: uppercase; 729 } 846 730 #comment-form input.preview:hover, #comment-form input.submit:hover { 847 background: #005D99; 848 border: 1px solid #005D99; 849 color: #FFF; 850 } 851 731 background: #005D99; 732 border: 1px solid #005D99; 733 color: #FFF; 734 } 852 735 /* Footer 853 736 -------------------------------------------------------- */ 854 737 855 738 #footer { 856 clear: both; 857 width: 820px; 858 padding: 0 0 14px; 859 background: transparent url(img/footer.png) no-repeat center bottom; 860 } 861 739 clear: both; 740 width: 820px; 741 padding: 0 0 14px; 742 background: transparent url(img/footer.png) no-repeat center bottom; 743 } 862 744 #footer p { 863 width: 784px; 864 margin: 0 auto; 865 padding: 6px 16px 6px 0; 866 background: #606666; 867 color: #FFF; 868 text-align: right; 869 font-weight: bold; 870 } 871 745 width: 784px; 746 margin: 0 auto; 747 padding: 6px 16px 6px 0; 748 background: #606666; 749 color: #FFF; 750 text-align: right; 751 font-weight: bold; 752 } 872 753 #footer p a:link, #footer p a:visited { 873 color: #FFF; 874 text-decoration: underline; 875 } 876 754 color: #FFF; 755 text-decoration: underline; 756 } 877 757 #footer p a:hover { 878 879 } 758 text-decoration: none; 759 }
Note: See TracChangeset
for help on using the changeset viewer.