Changeset 281
- Timestamp:
- 03/03/08 20:12:35 (9 months ago)
- Files:
-
- branches/luxbum-0.6/_styles/manager.css (modified) (7 diffs)
- branches/luxbum-0.6/_styles/style_dark.css (modified) (5 diffs)
- branches/luxbum-0.6/_styles/style_light.css (modified) (6 diffs)
Legend:
- Unmodified
- Added
- Removed
- Modified
- Copied
- Moved
branches/luxbum-0.6/_styles/manager.css
r68 r281 1 1 2 2 td { 3 font-size:12px;3 font-size:12px; 4 4 } 5 5 … … 7 7 /*=========================================== 8 8 Zone d'administration 9 =============================================*/9 */ 10 10 body { 11 font-family: Verdana,Arial,Helevetica,sans-serif;12 color: #000;13 font-size: 0.8em;14 margin:0px;15 margin-left : 2em;16 margin-right : 2em;17 text-align: center; /* pour corriger le bug de centrage IE */18 background-color : #EEE;11 font-family: Verdana,Arial,Helevetica,sans-serif; 12 color: #000; 13 font-size: 0.8em; 14 margin:0px; 15 margin-left : 2em; 16 margin-right : 2em; 17 text-align: center; /* pour corriger le bug de centrage IE */ 18 background-color : #EEE; 19 19 } 20 20 21 21 #login { 22 width: 400px;23 margin: auto;24 text-align: left;25 padding: 2em 1em;26 background: #fff;27 color: #000;28 border: 1px solid #999;29 -moz-border-radius:6px;30 -border-radius:6px;31 }22 width: 400px; 23 margin: auto; 24 text-align: left; 25 padding: 2em 1em; 26 background: #fff; 27 color: #000; 28 border: 1px solid #999; 29 -moz-border-radius:6px; 30 border-radius:6px; 31 } 32 32 33 33 34 34 /* Titre */ 35 35 h1 { 36 text-align:center;37 background:url('../_images/luxbum_h1.jpg') center no-repeat;38 height:160px;36 text-align:center; 37 background:url('../_images/luxbum_h1.jpg') center no-repeat; 38 height:160px; 39 39 } 40 40 41 41 h1 span { 42 display:none;42 display:none; 43 43 } 44 44 45 45 #message_ok { 46 text-align: left;47 border-top: 1px solid #9c9;48 border-bottom: 1px solid #9c9;49 padding-left:25px;50 font-size: 0.9em;51 color: #060;52 background: url("../_images/manager/check_on.png") #E2F9E3 left no-repeat;53 background-position:7px;46 text-align: left; 47 border-top: 1px solid #9c9; 48 border-bottom: 1px solid #9c9; 49 padding-left:25px; 50 font-size: 0.9em; 51 color: #060; 52 background: url("../_images/manager/check_on.png") #E2F9E3 left no-repeat; 53 background-position:7px; 54 54 } 55 55 56 56 #message_ko { 57 text-align: left;58 border-top: 1px solid #A10000;59 border-bottom: 1px solid #A10000;60 padding-left:25px;61 font-size: 0.9em;62 background: url("../_images/manager/check_off.png") #FFBCBC left no-repeat;63 background-position:7px;64 color:#c00;57 text-align: left; 58 border-top: 1px solid #A10000; 59 border-bottom: 1px solid #A10000; 60 padding-left:25px; 61 font-size: 0.9em; 62 background: url("../_images/manager/check_off.png") #FFBCBC left no-repeat; 63 background-position:7px; 64 color:#c00; 65 65 } 66 66 67 67 .invisible { 68 visibility: hidden;69 display: none;70 } 71 72 /*=========================================== 73 FORMULAIRES74 =============================================*/68 visibility: hidden; 69 display: none; 70 } 71 72 /*=========================================== 73 FORMULAIRES 74 */ 75 75 input, textarea, option, select { 76 background: #eef3f5;77 color: #000;78 font-family: Verdana,Arial,Helvetica,sans-serif;79 font-size: 1em;80 margin-top: 2px;76 background: #eef3f5; 77 color: #000; 78 font-family: Verdana,Arial,Helvetica,sans-serif; 79 font-size: 1em; 80 margin-top: 2px; 81 81 } 82 82 input, textarea { 83 border: 1px solid #999;83 border: 1px solid #999; 84 84 } 85 85 86 86 fieldset { 87 border: 1px solid #ccc;88 padding:0.5em;89 text-align: left;87 border: 1px solid #ccc; 88 padding:0.5em; 89 text-align: left; 90 90 } 91 91 92 92 93 93 legend { 94 font-weight: bold;94 font-weight: bold; 95 95 } 96 96 97 97 label, span.label { 98 display: block;99 position: static; /* IE n'aime pas relative */98 display: block; 99 position: static; /* IE n'aime pas relative */ 100 100 } 101 101 102 102 input.submit { 103 border-style: solid;104 border-color: #999;105 background: #d2e0e6 url("../_images/manager/degrade_bleu.png") repeat-x 0 100%;106 font-weight: bold;103 border-style: solid; 104 border-color: #999; 105 background: #d2e0e6 url("../_images/manager/degrade_bleu.png") repeat-x 0 100%; 106 font-weight: bold; 107 107 } 108 108 109 109 input.submit:active { 110 border-style: solid;110 border-style: solid; 111 111 } 112 112 input.file { 113 border-color:black;114 border-width:1px;113 border-color:black; 114 border-width:1px; 115 115 } 116 116 input.size-control { 117 border: none;118 background: none;117 border: none; 118 background: none; 119 119 120 120 } 121 121 span.size-control { 122 display: block;123 float: right;122 display: block; 123 float: right; 124 124 } 125 125 126 126 p.field { 127 clear: left;128 margin: 0;129 padding: 1em 0 0 0;127 clear: left; 128 margin: 0; 129 padding: 1em 0 0 0; 130 130 } 131 131 132 132 label.float, span.label { 133 position: relative;134 float: left;135 width: 25%;136 padding-right: 0.5em;133 position: relative; 134 float: left; 135 width: 25%; 136 padding-right: 0.5em; 137 137 } 138 138 label.float_login { 139 position: relative;140 float: left;141 width: 35%;142 padding-right: 0.5em;139 position: relative; 140 float: left; 141 width: 35%; 142 padding-right: 0.5em; 143 143 } 144 144 145 145 146 146 .logo_menu { 147 margin:0px;148 height:122px;149 background:none;147 margin:0px; 148 height:122px; 149 background:none; 150 150 } 151 151 152 152 .logo_menu span { 153 display:none;153 display:none; 154 154 } 155 155 … … 157 157 /* Switch rapide */ 158 158 div.rapid_switch { 159 float: right;160 width:250px;161 position: relative;162 border: 1px solid #ccc;163 background: #e7e7e7;164 margin: 0;165 padding: 8px;166 white-space: nowrap;167 z-index: 2;159 float: right; 160 width:250px; 161 position: relative; 162 border: 1px solid #ccc; 163 background: #e7e7e7; 164 margin: 0; 165 padding: 8px; 166 white-space: nowrap; 167 z-index: 2; 168 168 } 169 169 /* input:focus { */ … … 172 172 173 173 /*=========================================== 174 ONGLETS175 =============================================*/174 ONGLETS 175 */ 176 176 #header { 177 margin-top:2em;178 float : left;179 width : 100%;180 line-height : normal;181 background-image : url(../_images/manager/menu/dot999.png);182 background-repeat : repeat-x;183 background-position : 0 100%;177 margin-top:2em; 178 float : left; 179 width : 100%; 180 line-height : normal; 181 background-image : url(../_images/manager/menu/dot999.png); 182 background-repeat : repeat-x; 183 background-position : 0 100%; 184 184 } 185 185 #header ul { 186 margin : 0;187 padding : 0;188 list-style : none;186 margin : 0; 187 padding : 0; 188 list-style : none; 189 189 } 190 190 #header li { 191 float : left;192 margin : 0 -1px 0 0;193 padding : 0 0 0 25px;194 background-repeat : no-repeat;195 background-position : 0 -110px;191 float : left; 192 margin : 0 -1px 0 0; 193 padding : 0 0 0 25px; 194 background-repeat : no-repeat; 195 background-position : 0 -110px; 196 196 } 197 197 #header a { 198 float : left;199 display : block;200 background-image : url(../_images/manager/menu/onglet_right.png);201 background-repeat : no-repeat;202 background-position : 100% -110px;203 padding : 10px 10px 5px 3px;204 font-family : Arial,Helvetica,sans-serif;205 font-weight : bold;206 text-decoration : none;207 color : #000;198 float : left; 199 display : block; 200 background-image : url(../_images/manager/menu/onglet_right.png); 201 background-repeat : no-repeat; 202 background-position : 100% -110px; 203 padding : 10px 10px 5px 3px; 204 font-family : Arial,Helvetica,sans-serif; 205 font-weight : bold; 206 text-decoration : none; 207 color : #000; 208 208 } 209 209 210 210 /* Commented Backslash Hack 211 Cache des règles à IE5-Mac \*/211 Cache des règles à IE5-Mac \*/ 212 212 #header a {float:none;} 213 213 /* Fin du hack IE5-Mac */ 214 214 215 215 #header li.actif, #header li.actif:hover { 216 background-position : 0 0;216 background-position : 0 0; 217 217 } 218 218 #header li.actif a, #header li.actif:hover a { 219 /*padding-bottom : 6px; */220 background-position : 100% 0;219 /* padding-bottom : 6px; */ 220 background-position : 100% 0; 221 221 } 222 222 #header li:hover { 223 background-position : 0 -220px;223 background-position : 0 -220px; 224 224 } 225 225 #header li:hover a { 226 background-position : 100% -220px;226 background-position : 100% -220px; 227 227 } 228 228 229 229 #menuGaleries { 230 background-image : url(../_images/manager/menu/onglet_cat.png);230 background-image : url(../_images/manager/menu/onglet_cat.png); 231 231 } 232 232 #menuCommentaires { 233 background-image : url(../_images/manager/menu/onglet_comment.png);233 background-image : url(../_images/manager/menu/onglet_comment.png); 234 234 } 235 235 #menuDeconnection { 236 background-image : url(../_images/manager/menu/onglet_user.png);236 background-image : url(../_images/manager/menu/onglet_user.png); 237 237 } 238 238 #menuParametres { 239 background-image : url(../_images/manager/menu/onglet_pref.png);239 background-image : url(../_images/manager/menu/onglet_pref.png); 240 240 } 241 241 #menuOutils { 242 background-image : url(../_images/manager/menu/onglet_tools.png);242 background-image : url(../_images/manager/menu/onglet_tools.png); 243 243 } 244 244 … … 246 246 /* Main */ 247 247 #main { 248 background: #fff;249 color: #000;250 border-width: 0 1px 1px 1px;251 border-style: solid;252 border-color: #999;253 text-align: left;254 padding: 1em;255 clear : left;248 background: #fff; 249 color: #000; 250 border-width: 0 1px 1px 1px; 251 border-style: solid; 252 border-color: #999; 253 text-align: left; 254 padding: 1em; 255 clear : left; 256 256 } 257 257 258 258 #footer_admin { 259 margin-top:10px;260 text-align:right;261 margin-bottom:2em;259 margin-top:10px; 260 text-align:right; 261 margin-bottom:2em; 262 262 } 263 263 264 264 #liste_apercu { 265 border:0px;266 padding:10px;267 border:1px solid green;265 border:0px; 266 padding:10px; 267 border:1px solid green; 268 268 } 269 269 270 270 #liste_photo_div { 271 margin: auto;272 text-align: left;273 width:100%;271 margin: auto; 272 text-align: left; 273 width:100%; 274 274 } 275 275 276 276 table#liste_photo { 277 width:100%;278 border-collapse: collapse;279 margin: auto:277 width:100%; 278 border-collapse: collapse; 279 margin: auto: 280 280 } 281 281 td.description_td { 282 text-align:left;283 border: 1px solid #ccc;284 padding:0.5em;282 text-align:left; 283 border: 1px solid #ccc; 284 padding:0.5em; 285 285 } 286 286 td.liste_photo_td { 287 text-align:center;288 border: 1px solid #ccc;289 padding:0.5em;287 text-align:center; 288 border: 1px solid #ccc; 289 padding:0.5em; 290 290 } 291 291 th { 292 color: #090;292 color: #090; 293 293 } 294 294 295 295 296 296 a { 297 /* color: #039; */298 color: #05b;299 text-decoration:none;297 /* color: #039; */ 298 color: #05b; 299 text-decoration:none; 300 300 } 301 301 302 302 html*a:hover, html*a:focus { 303 text-decoration: none;303 text-decoration: none; 304 304 } 305 305 306 306 h1,h2, h3, h4 { 307 font-family: "Trebuchet MS",Trebuchet,Arial,Helvetica,sans-serif;307 font-family: "Trebuchet MS",Trebuchet,Arial,Helvetica,sans-serif; 308 308 } 309 309 310 310 h1#h1_admin { 311 /*color: #069; */312 color: #55728B; /*17d*/313 position: relative;314 text-align:left;315 background:none;316 height:20px;311 /* color: #069; */ 312 color: #55728B; /*17d*/ 313 position: relative; 314 text-align:left; 315 background:none; 316 height:20px; 317 317 } 318 318 div>h2 { 319 position: static;319 position: static; 320 320 } 321 321 322 322 h2, h3 { 323 /*color: #f60; */324 color: #6F96B7; /*05b*/323 /* color: #f60; */ 324 color: #6F96B7; /*05b*/ 325 325 } 326 326 327 327 h4 { 328 color: #090;328 color: #090; 329 329 } 330 330 … … 333 333 334 334 span.erreur { 335 color:red;336 font-weight: bold;335 color:red; 336 font-weight: bold; 337 337 } 338 338 339 339 p.message { 340 color: #f60;341 font-weight: bold;340 color: #f60; 341 font-weight: bold; 342 342 } 343 343 344 344 /*=========================================== 345 345 Navigation par pages 346 =============================================*/346 */ 347 347 #aff_page { 348 width:300px;349 text-align:center;350 margin-top:10px;348 width:300px; 349 text-align:center; 350 margin-top:10px; 351 351 } 352 352 353 353 .alt1 { 354 background-color: #D6D6D6;355 color: #000000;356 text-align:center;354 background-color: #D6D6D6; 355 color: #000000; 356 text-align:center; 357 357 } 358 358 359 359 .alt1 { 360 text-align:center;361 font-weight : bold;360 text-align:center; 361 font-weight : bold; 362 362 } 363 363 364 364 .tborder { 365 background-color: #5A5A5A;366 color: red;367 margin: auto;368 } 369 365 background-color: #5A5A5A; 366 color: red; 367 margin: auto; 368 } 369 370 370 .alt2 { 371 background-color: #A9A9A9;372 color: #000000;373 text-align:center;371 background-color: #A9A9A9; 372 color: #000000; 373 text-align:center; 374 374 } 375 375 376 376 .alt2 a { 377 text-align:center;378 font-weight : bold;379 color: #000000;377 text-align:center; 378 font-weight : bold; 379 color: #000000; 380 380 } 381 381 382 382 .affpage { 383 background: #97C6E8;384 color: #2B3842;385 font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;386 padding: 3px 6px 3px 6px;387 white-space: nowrap;383 background: #97C6E8; 384 color: #2B3842; 385 font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; 386 padding: 3px 6px 3px 6px; 387 white-space: nowrap; 388 388 } 389 389 dt { 390 margin-top: 1em;391 margin-bottom: 0.5em;392 font-weight: bold;390 margin-top: 1em; 391 margin-bottom: 0.5em; 392 font-weight: bold; 393 393 } 394 394 395 395 dd { 396 margin-left: 0.5em;396 margin-left: 0.5em; 397 397 } 398 398 399 399 dl.plugin-list dt { 400 margin: 0;401 padding: 0 0 0 35px;400 margin: 0; 401 padding: 0 0 0 35px; 402 402 } 403 403 404 404 dl.plugin-list dt img { 405 float: left;406 margin-left: -35px;407 position: relative;405 float: left; 406 margin-left: -35px; 407 position: relative; 408 408 } 409 409 410 410 dl.plugin-list dd { 411 margin: 0.5em 0 1.5em 35px;411 margin: 0.5em 0 1.5em 35px; 412 412 } 413 413 414 414 table.clean-table { 415 border-collapse: collapse;415 border-collapse: collapse; 416 416 } 417 417 … … 420 420 421 421 table.clean-table th { 422 border: 1px solid #000;423 padding: 0.5em;422 border: 1px solid #000; 423 padding: 0.5em; 424 424 } 425 425 426 426 table.clean-table td { 427 border: 1px solid #666;428 padding: 0.5em;427 border: 1px solid #666; 428 padding: 0.5em; 429 429 } 430 430 431 431 /*=========================================== 432 432 Commentaires 433 =============================================*/433 */ 434 434 div.admcomment { 435 435 } 436 436 div.admcomment p.comment_info { 437 font-size:0.9em;438 font-style:italic;439 margin-left:10px;437 font-size:0.9em; 438 font-style:italic; 439 margin-left:10px; 440 440 } 441 441 div.admcomment div.contenu { 442 font-weight: normal;443 color: #333;444 font-size:0.85em;445 background: #EFF5FF;446 border: 1px solid #DCE9FF;447 padding: 5px;448 margin: 0 0 0 5px;442 font-weight: normal; 443 color: #333; 444 font-size:0.85em; 445 background: #EFF5FF; 446 border: 1px solid #DCE9FF; 447 padding: 5px; 448 margin: 0 0 0 5px; 449 449 } 450 450 451 451 /*=========================================== 452 452 Tri index 453 =============================================*/453 */ 454 454 div#galeries { 455 width:890px;455 width:890px; 456 456 } 457 457 div.triIndex { 458 width:290px;459 height:90px;460 border:1px solid #DCE9FF;461 background: #EFF5FF;462 margin:1px;463 float:left;458 width:290px; 459 height:90px; 460 border:1px solid #DCE9FF; 461 background: #EFF5FF; 462 margin:1px; 463 float:left; 464 464 } 465 465 div.triIndex h2 { 466 font-size:14px;467 margin:0 0 5px 0;468 padding:0px;469 color:#000;466 font-size:14px; 467 margin:0 0 5px 0; 468 padding:0px; 469 color:#000; 470 470 } 471 471 .lg { 472 height:100px;473 width:100px;474 float:left;472 height:100px; 473 width:100px; 474 float:left; 475 475 } 476 476 .ld { 477 477 } 478 478 span.infos { 479 font-size:10px;480 font-family: verdana, helvetica, arial, sans-serif;481 /*color:#E1E1E1;*/482 } 479 font-size:10px; 480 font-family: verdana, helvetica, arial, sans-serif; 481 /* color:#E1E1E1;*/ 482 } branches/luxbum-0.6/_styles/style_dark.css
r68 r281 1 1 body { 2 margin : 0;3 padding : 0;4 background-color: #181818;5 font-size:10px;6 font-family:"Trebuchet MS",Verdana,Arial,Helvetica,Sans-serif;7 color:#CBCBCB;2 margin : 0; 3 padding : 0; 4 background-color: #181818; 5 font-size:10px; 6 font-family:"Trebuchet MS",Verdana,Arial,Helvetica,Sans-serif; 7 color:#CBCBCB; 8 8 } 9 9 #body_affichage { 10 margin : 0;11 padding : 0;12 background-color: #2C2C2C;13 font-size:10px;14 font-family:"Trebuchet MS",Verdana,Arial,Helvetica,Sans-serif;10 margin : 0; 11 padding : 0; 12 background-color: #2C2C2C; 13 font-size:10px; 14 font-family:"Trebuchet MS",Verdana,Arial,Helvetica,Sans-serif; 15 15 } 16 16 #body_commentaire { 17 padding:15px;18 background-color: #181818;19 font-size:10px;20 font-family:"Trebuchet MS",Verdana,Arial,Helvetica,Sans-serif;21 color:#CBCBCB;17 padding:15px; 18 background-color: #181818; 19 font-size:10px; 20 font-family:"Trebuchet MS",Verdana,Arial,Helvetica,Sans-serif; 21 color:#CBCBCB; 22 22 } 23 23 a img { 24 border: none;24 border: none; 25 25 } 26 26 a { 27 color : #E1E1E1;28 text-decoration:none;27 color : #E1E1E1; 28 text-decoration:none; 29 29 } 30 30 a:visited{ 31 31 } 32 32 a:hover, a:focus, a:active { 33 color: #E1E1E1;34 text-decoration:underline;33 color: #E1E1E1; 34 text-decoration:underline; 35 35 } 36 36 .description_td { 37 font-size:10px;38 text-align: center;37 font-size:10px; 38 text-align: center; 39 39 } 40 40 #page { 41 width:100%;42 height: 540px;43 position:absolute;44 top: 50%;45 margin-top: -290px;41 width:100%; 42 height: 540px; 43 position:absolute; 44 top: 50%; 45 margin-top: -290px; 46 46 } 47 47 #center { 48 position:absolute;49 height: 540px;50 width:1000px;51 left: 50%;52 margin-left: -507px; /* moitié de la hauteur */48 position:absolute; 49 height: 540px; 50 width:1000px; 51 left: 50%; 52 margin-left: -507px; /* moitié de la hauteur */ 53 53 } 54 54 #liste_apercu div.galerie { 55 float:left;56 width:287px;57 height:100px;55 float:left; 56 width:287px; 57 height:100px; 58 58 } 59 59 div.spacer { 60 clear:both;60 clear:both; 61 61 } 62 62 63 63 /*=========================================== 64 64 Copyrights 65 =============================================*/65 */ 66 66 #footer { 67 width:100%;68 text-align:center;69 padding-top:5px;67 width:100%; 68 text-align:center; 69 padding-top:5px; 70 70 } 71 71 #footer2 { 72 text-align:center;73 margin:50px 20px 0 0;72 text-align:center; 73 margin:50px 20px 0 0; 74 74 } 75 75 #footer { 76 position:absolute;77 top:560px;78 font-size:10px;79 color:#BEBEBE;76 position:absolute; 77 top:560px; 78 font-size:10px; 79 color:#BEBEBE; 80 80 } 81 81 #footer a:link, #footer a:visited { 82 color:#BEBEBE;82 color:#BEBEBE; 83 83 } 84 84 #footer2 { 85 font-size:10px;85 font-size:10px; 86 86 } 87 87 88 88 /*=========================================== 89 89 Page d'accueil 90 =============================================*/90 */ 91 91 92 92 h1 { 93 text-align:center;94 background:url('../_images/luxbum_h1_dark.jpg') center no-repeat;95 height:160px;93 text-align:center; 94 background:url('../_images/luxbum_h1_dark.jpg') center no-repeat; 95 height:160px; 96 96 } 97 97 h1 span { 98 display:none;98 display:none; 99 99 } 100 100 #liste_apercu { 101 text-align: left;102 width:880px;103 position: relative;104 left: 50%;105 margin-left: -435px;106 background: #545353;107 border: 1px solid #CFCFCF;108 -moz-border-radius:6px;109 -border-radius:6px;110 padding: 15px 10px 5px 10px;101 text-align: left; 102 width:880px; 103 position: relative; 104 left: 50%; 105 margin-left: -435px; 106 background: #545353; 107 border: 1px solid #CFCFCF; 108 -moz-border-radius:6px; 109 border-radius:6px; 110 padding: 15px 10px 5px 10px; 111 111 } 112 112 #liste_apercu div.galerie { 113 float:left;114 width:287px;115 height:100px;113 float:left; 114 width:287px; 115 height:100px; 116 116 } 117 117 #liste_apercu img { 118 padding:2px;118 padding:2px; 119 119 } 120 120 #liste_apercu a { 121 font-size:10px;122 font-family: verdana, helvetica, arial, sans-serif;121 font-size:10px; 122 font-family: verdana, helvetica, arial, sans-serif; 123 123 } 124 124 #liste_apercu h2 { 125 font-size:14px;126 margin:0 0 5px 0;127 padding:0px;128 color:#FFC600;125 font-size:14px; 126 margin:0 0 5px 0; 127 padding:0px; 128 color:#FFC600; 129 129 } 130 130 .lg { 131 height:100px;132 width:100px;133 float:left;131 height:100px; 132 width:100px; 133 float:left; 134 134 } 135 135 .ld { 136 136 } 137 137 span.infos { 138 font-size:10px;139 font-family: verdana, helvetica, arial, sans-serif;140 /*color:#E1E1E1;*/138 font-size:10px; 139 font-family: verdana, helvetica, arial, sans-serif; 140 /* color:#E1E1E1;*/ 141 141 } 142 142 .gras { 143 font-weight: bold;143 font-weight: bold; 144 144 } 145 145 .consulter ul { 146 margin:0px;147 padding: 5px 4px 16px 6px ;146 margin:0px; 147 padding: 5px 4px 16px 6px ; 148 148 } 149 149 .consulter ul li { 150 padding: 1px 0 1px 0;151 line-height: 120%;152 list-style: none;150 padding: 1px 0 1px 0; 151 line-height: 120%; 152 list-style: none; 153 153 } 154 154 .consulter ul li a { 155 padding: 0 0 0 12px;156 background: transparent url('../_images/fleche_dark.png') no-repeat top left;155 padding: 0 0 0 12px; 156 background: transparent url('../_images/fleche_dark.png') no-repeat top left; 157 157 } 158 158 … … 160 160 /*=========================================== 161 161 Les vignettes 162 =============================================*/162 */ 163 163 #apercu { 164 text-align: left;165 width: 294px;166 height:542px;167 margin: 0px 10px 10px 0px;168 background:#2C2C2C;169 border: 1px solid #838183;170 -moz-border-radius:6px;171 -border-radius:6px;172 padding: 15px 5px 5px 5px;173 float:left;164 text-align: left; 165 width: 294px; 166 height:542px; 167 margin: 0px 10px 10px 0px; 168 background:#2C2C2C; 169 border: 1px solid #838183; 170 -moz-border-radius:6px; 171 border-radius:6px; 172 padding: 15px 5px 5px 5px; 173 float:left; 174 174 } 175 175 *> #apercu { 176 height:520px;176 height:520px; 177 177 } 178 178 .liste_apercu { 179 height:110px;180 width:294px;179 height:110px; 180 width:294px; 181 181 } 182 182 .view_photo { 183 height:100%;184 text-align:center;183 height:100%; 184 text-align:center; 185 185 } 186 186 .num_photo { 187 text-align:center;188 padding-top:3px;189 color:#ACC3C4;190 font-size:10px;187 text-align:center; 188 padding-top:3px; 189 color:#ACC3C4; 190 font-size:10px; 191 191 } 192 192 .view_photo img { 193 padding:3px;193 padding:3px; 194 194 } 195 195 h1.vig_titre { 196 display:none; 196 display:none; 197 197 } 198 198 div.vignette3col { 199 height:90px;200 width:98px;201 float:left;199 height:90px; 200 width:98px; 201 float:left; 202 202 } 203 203 div.vignette2col { 204 height:150px;205 width:145px;206 float:left;204 height:150px; 205 width:145px; 206 float:left; 207 207 } 208 208 /** upd dark 1 **/ 209 209 .view_photo, .view_photo_selected { 210 height:100%;211 text-align:center;210 height:100%; 211 text-align:center; 212 212 } 213 213 .view_photo_selected img, .photo_selected img{ 214 border:2px solid #B6B4B6;215 padding:1px;214 border:2px solid #B6B4B6; 215 padding:1px; 216 216 } 217 217 /**fin upd dark 1 **/ … … 220 220 /*=========================================== 221 221 Navigation par pages 222 =============================================*/222 */ 223 223 #aff_page { 224 width:300px;225 text-align:center;226 margin-top:10px;224 width:300px; 225 text-align:center; 226 margin-top:10px; 227 227 } 228 228 /* Ici pour définir la couleur de fond du cadre ! */ 229 229 .tborder { 230 background-color: #5A5A5A;231 margin: auto;232 font-size:10px;230 background-color: #5A5A5A; 231 margin: auto; 232 font-size:10px; 233 233 } 234 234 /* page non courante */ 235 235 .alt1 { 236 background-color: #535353;237 color: #000000;238 font-weight : bold;236 background-color: #535353; 237 color: #000000; 238
