Changeset 1405 in spip-zone


Ignore:
Timestamp:
Dec 13, 2005, 10:27:59 PM (14 years ago)
Author:
webmaster@…
Message:
 
File:
1 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/bloog/_template/bloog.css

    r1399 r1405  
    1 html,body{margin:0;padding:0}
    2 body{font:76% "Trebuchet MS",arial,sans-serif;
    3 background:#ededf5;color: #333;text-align:center;padding: 20px;}
    4 h1,h2,h3,h4{padding-left: 15px;margin:0}
    5 h2{font-size: 160%;color: #555}
    6 p{clear:left; margin: 0;padding: 10px 15px 0.7em;line-height: 1.5}
    7 address{font-style: normal}
    8 img{border:0}
    9 
    10 a:visited, a{text-decoration: none ; color: #6060a6;}
    11 a:hover {color: #8989bd; text-decoration: underline}
    12 div.lien{text-align:right;margin:0 5px 20px 0}
     1html,body{
     2        margin:0;
     3        padding:0;
     4}
     5body{
     6        font:76% "Trebuchet MS",arial,sans-serif;
     7        clear:left;
     8        margin:0;
     9        padding:10px 15px 0.7em;
     10        line-height:1.5;
     11        background:#ededf5;
     12        color: #333;
     13        text-align:center;
     14}
     15h1,h2,h3,h4{
     16        padding-left: 15px;
     17        margin:0;
     18}
     19h2{
     20        font-size:160%;
     21        color: #555
     22}
     23img{
     24        border:0;
     25}
     26a:visited, a{
     27        text-decoration: none;
     28        color: #6060a6;
     29}
     30a:hover {
     31        color: #8989bd;
     32        text-decoration: underline;
     33}
     34div.lien {
     35        text-align:right;
     36        margin:0 5px 20px 0;
     37}
     38
     39
     40
     41
     42
     43
    1344
    1445/* positionnement */
    15 
    16 .droite{float:right;}
    17 .gauche{float:left;}
    18 .centre{text-align:center;}
    19 div.colonne{float:right;width:241px;display: inline;}
    20 div#colgau{float:left;width:470px;display: inline;}
    21 .logodroite{float:right;margin:10px 15px 0 20px;}
    22 .logogauche{float:left;margin:0 5px;}
    23 .spacer{clear: both; width:241px;visibility: hidden;}
    24 div#container{width:747px;margin:0 auto;text-align: left}
    25 div#header{background-color: #e7e7e7;padding:10px 0}
    26 div#header h1{color: #FFF;font-size: 300%;font-weight: 900}
    27 div#menu{width:100%;overflow:auto;background: #e7e7e7;padding-top: 5px}
    28 ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
    29 ul#nav{padding-left:15px}
    30 ul#nav li{float:left;width:80px;margin-right:2px;text-align: center}
    31 ul#nav a{float:left;width:80px;text-decoration:none;background: #ffffff;color: #999}
    32 ul#nav li.active a,ul#nav a:hover{color: #000}
    33 div#content{clear:left;width:747px;border-top:1px solid #bbb;padding-top:10px;}
    34 div#footer{clear:left;padding-top:5px;text-align: center;font-size: 90%;background: #fff;color: #555}
     46.droite{
     47        float:right;
     48}
     49.gauche{
     50        float:left;
     51}
     52.centre{
     53        text-align:center;
     54}
     55div.colonne{
     56        float:right;
     57        width:241px;
     58        display:inline;
     59}
     60div#colgau{
     61        float:left;
     62        width:470px;
     63        display:inline;
     64}
     65.logodroite{
     66        float:right;
     67        margin:10px 15px 0 20px;
     68}
     69.logogauche{
     70        float:left;
     71        margin:0 5px;
     72}
     73.spacer{
     74        clear:both;
     75        width:241px;
     76        visibility:hidden;
     77}
     78div#container{
     79        width:747px;
     80        margin:0 auto;
     81        text-align: left;
     82}
     83div#header{
     84        background-color:#e7e7e7;
     85        padding:10px 0;
     86}
     87div#header h1{
     88        color: #FFF;
     89        font-size: 300%;
     90        font-weight: 900;
     91}
     92div#menu{
     93        width:100%;
     94        overflow:auto;
     95        background:#e7e7e7;
     96        padding-top:5px;
     97}
     98ul#nav,ul#nav li{
     99        list-style-type:none;
     100        margin:0;
     101        padding:0;
     102}
     103ul#nav{
     104        padding-left:15px;
     105}
     106ul#nav li{
     107        float:left;
     108        width:80px;
     109        margin-right:2px;
     110        text-align:center;
     111}
     112ul#nav a{
     113        float:left;
     114        width:80px;
     115        text-decoration:none;
     116        background:#ffffff;
     117        color:#999;
     118}
     119ul#nav li.active a,ul#nav a:hover{
     120        color:#000;
     121}
     122div#content{
     123        clear:left;
     124        width:747px;
     125        border-top:1px solid #bbb;
     126        padding-top:10px;
     127}
     128div#footer{
     129        clear:left;
     130        padding-top:5px;
     131        text-align:center;
     132        font-size:90%;
     133        background:#fff;
     134        color:#555;
     135}
     136
     137
     138
     139
    35140
    36141/* boite */
    37 div.grande_boite{clear: left ;width:495px;margin: 10px 0;background:#fff;}
    38 div.boite{margin:10px 0;background:#fff; width:241px;}
    39 div.boite > strong {padding:0 15px}
    40 div.boite > a {padding:0 15px}
     142div.grande_boite{
     143        clear:left;
     144        width:495px;
     145        margin: 10px 0;
     146        background:#fff;
     147}
     148div.boite{
     149        margin:10px 0;
     150        background:#fff;
     151        width:241px;
     152}
     153div.boite > strong{
     154        padding:0 15px;
     155}
     156div.boite > a {
     157        padding:0 15px;
     158}
     159
     160
     161
    41162
    42163/* les miniatures */
    43 div#minipics{float:left;width:495px;padding-bottom:5px; display: inline;}
    44 div#minipics ul{list-style-type: none; display: inline; margin:0 10px;padding:0; background: #fff}
    45 div#minipics li{float:left;display: inline; width:100px;margin: 10px 10px 10px 0;background: #FFF}
    46 div#minipics li img{display: block;width: 80px; margin:5px 10px;border: 0px}
    47 div#minipics li.transparent a:hover img { filter: alpha(opacity=100)!important;
    48  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    49  -moz-opacity: 1.00; opacity:1;}
    50 div#minipics li.transparent a img {filter: alpha(opacity=60)!important;
    51  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    52  -moz-opacity: .6; opacity:.6;}
     164div#minipics{
     165        float:left;
     166        width:495px;
     167        padding-bottom:5px;
     168        display:inline;
     169}
     170div#minipics ul{
     171        list-style-type: none;
     172        display:inline;
     173        margin:0 10px;
     174        padding:0;
     175        background:#fff;
     176}
     177div#minipics li{
     178        float:left;
     179        display:inline;
     180        width:100px;
     181        margin:10px 10px 10px 0;
     182        background:#FFF;
     183}
     184div#minipics li img{
     185        display:block;
     186        width:80px;
     187        margin:5px 10px;
     188        border:0px}
     189div#minipics li.transparent a:hover img{
     190        filter:alpha(opacity=100)!important;
     191        filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
     192        -moz-opacity:1.00;opacity:1;
     193}
     194div#minipics li.transparent a img{
     195        filter:alpha(opacity=60)!important;
     196        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
     197        -moz-opacity: .6; opacity:.6;
     198}
     199
     200
     201
    53202
    54203/* la grande photo */
    55 .photo {position:relative;text-align:left;width:450px;margin:0px auto 0px auto;}
    56 div#exif img {cursor:help}
    57 div#exif a span {position:absolute;left:-900px;visibility:hidden;}
    58 div#exif a:hover span{visibility:visible;position:absolute;text-align:center; top: 20%; left: 22%; width:50%; background:#FFF;
    59 color:#000;     padding:5px 15px 5px 15px; border:3px solid #c4c4de; cursor: text; text-decoration:none;  background:#FFF;
    60 filter: alpha(opacity=70)!important; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    61 -moz-opacity:.7; opacity:.7; -moz-border-radius:12px;}
     204.photo{
     205        position:relative;
     206        text-align:left;
     207        width:450px;
     208        margin:0px auto 0px auto;
     209}
     210div#exif img{
     211        cursor:help
     212}
     213div#exif a span{
     214        position:absolute;
     215        left:-900px;
     216        visibility:hidden;
     217}
     218div#exif a:hover span{
     219        visibility:visible;
     220        position:absolute;
     221        text:center;
     222        text:none;
     223        top:20%;
     224        left:22%;
     225        width:50%;
     226        background:#FFF;
     227        color:#000;
     228        padding:5px 15px 5px 15px;
     229        border:3px solid #c4c4de;
     230        cursor:text;
     231        background:#FFF;
     232        filter:alpha(opacity=70)!important;
     233        filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
     234        -moz-opacity:.7; opacity:.7; -moz-border-radius:12px;
     235}
     236
     237
     238
    62239
    63240/* les icônes */
    64 .icone_article,.icone_photo,.icone_forum,.icone_menu,.icone_agenda,.icone_zip,.icone_juk,.icone_recherche {height:22px;width:22px;position: relative;top:-12px;left:5px;repeat:no}
    65 .icone_photo
    66 {background-image:  url("../icones/22x22/camera.gif");}
    67 .icone_forum
    68  {background-image: url("../icones/22x22/ksmiletris.gif");}
    69 .icone_menu
    70  {background-image:  url("../icones/22x22/eog.gif");}
    71 .icone_agenda
    72  {background-image:  url("../icones/22x22/today.gif");}
    73 .icone_article
    74  {background-image:  url("../icones/22x22/ark_selectall.gif");}
    75 .icone_zip
    76  {background-image:  url("../icones/22x22/package.gif");}
    77 .icone_juk
    78  {background-image:  url("../icones/22x22/juk.gif");}
    79 .icone_recherche
    80  {background-image:  url("../icones/22x22/find.gif");}
    81 .icone_xxxxxx
    82  {background-image:  url("../icones/22x22/xxxxxx.gif");}
     241
     242.icone_article,.icone_photo,.icone_forum,.icone_menu,.icone_agenda,.icone_zip,.icone_juk,.icone_recherche{
     243        height:22px;
     244        width:22px;
     245        position:relative;
     246        top:-12px;
     247        left:5px;
     248        no-repeat;
     249}
     250.icone_photo{
     251        background:url(../icones/22x22/camera.gif);
     252}
     253.icone_forum{
     254        background:url(../icones/22x22/ksmiletris.gif);
     255}
     256.icone_menu{
     257        background:url(../icones/22x22/eog.gif);
     258}
     259.icone_agenda{
     260        background:url(../icones/22x22/today.gif);
     261}
     262.icone_article{
     263        background-image:url(../icones/22x22/ark_selectall.gif);
     264}
     265.icone_zip{
     266        background-image:url(../icones/22x22/package.gif);
     267}
     268.icone_juk{
     269        background-image:url(../icones/22x22/juk.gif);
     270}
     271.icone_recherche{
     272        background-image:url(../icones/22x22/find.gif);
     273}
    83274
    84275
    85276
    86277/* le forum */
    87 div.discussion{background:#fff; }
    88 div.reponse{float:right; background:#fff; width:495px;}
    89 div.avatar{float:left;  background:#fff; width:241px;}
     278
     279div.discussion{
     280        background:#fff;
     281}
     282div.reponse{
     283        float:right;
     284        background:#fff;
     285        width:495px;
     286}
     287div.avatar{
     288        float:left;
     289        background:#fff;
     290        width:241px;
     291}
Note: See TracChangeset for help on using the changeset viewer.