Changeset 76748 in spip-zone


Ignore:
Timestamp:
Sep 30, 2013, 1:14:00 PM (6 years ago)
Author:
esj@…
Message:

Rainette: ajustement des CSS pour le modèle previsions_2x12h. Pas besoin ce coup-ci de toucher au modèle lui-même qui utilisait déjà des UL/LI plutôt que des DIV/BR. Il n'y avait plus qu'à faire le remplacement des PX par des EM.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/rainette/branches/v1.4.3/rainette.css

    r76720 r76748  
    7070.rainette_previsions_2x12h {
    7171        float: left;
    72         border: 2px solid #dddddd;
    73         border-right: 1px solid #dddddd;
    74         width: 596px;
    75         margin: 5px 0 20px 0;
     72        border: 0.2em solid #dddddd;
     73        border-right: 0.1em solid #dddddd;
     74        width: 54em;
     75        margin: 0.5em 0 0 0;
    7676}
    7777.rainette_previsions_2x12h .entete {
    7878        float: left;
    79         height: 19px;
    80         width: 297px;
     79        height: 1.8em;
     80        width: 26.9em;
     81        border-right: 0.1em solid #dddddd;
     82        border-bottom: 0.1em solid #dddddd;
     83        padding: 0.5em 0 0 0;
     84        text-align: center;
    8185        font-weight: bold;
    8286        background: #fcfcfc;
    83         border-bottom: 1px solid #dddddd;
    84         border-right: 1px solid #dddddd;
    85         padding: 5px 0 0 0;
    86         text-align: center;
    8787}
    8888.rainette_previsions_2x12h .cadre {float: left; background: #ffffff;}
    89 .rainette_previsions_2x12h .cellule {float: left; width: 297px; border-right: 1px solid #dddddd;}
    90 .rainette_previsions_2x12h .contenu {float: left; width: 277px; margin: 5px 10px 10px 10px;}
    91 .rainette_previsions_2x12h .icone {float: left; width: 110px; height:110px; padding: 0 10px 0 10px;}
     89.rainette_previsions_2x12h .cellule {
     90        float: left;
     91        width: 26.9em;
     92        border-style: solid;
     93        border-color: #dddddd;
     94        border-width: 0 0.1em 0.1em 0;
     95}
     96.rainette_previsions_2x12h .contenu {
     97        float: left; width: 24em; margin: 0.5em 1em 1em 1em;
     98}
     99.rainette_previsions_2x12h .icone {
     100        float: left; width: 11em; height:11em; padding: 0 1em 0 1em;
     101}
    92102.rainette_previsions_2x12h .t_reelle {
    93         width: 137px;
     103        width: 10em;
    94104        float: left;
    95105        font-weight: bold;
    96         font-size: 12px;
     106        font-size: 1em;
    97107        color: #333333;
    98         margin: 10px 0 0 10px;
     108        margin: 1em 0 0 1em;
    99109}
    100 .rainette_previsions_2x12h .t_reelle span {font-size: 33px;}
     110.rainette_previsions_2x12h .t_reelle span {font-size: 3em;}
    101111.rainette_previsions_2x12h .details {
    102112        float: left;
    103113        clear: both;
    104114        color: #6e6e6e;
    105         width: 267px;
    106         padding: 5px 10px 0;
     115        width: 26em;
     116        padding: 0.5em 0 0 0;
    107117}
    108 .rainette_previsions_2x12h .details ul {list-style-type: none; padding: 0; margin: 0;}
    109 .rainette_previsions_2x12h .details li {margin-left: 130px; clear:both;}
    110 .rainette_previsions_2x12h .details li span {margin-left:-130px; float:left; display:inline; font-weight: bold;}
     118.rainette_previsions_2x12h .details ul {
     119        list-style-type: none; padding: 0; margin: 0;
     120}
     121.rainette_previsions_2x12h .details li {margin-left: 12em; clear:both;}
     122.rainette_previsions_2x12h .details li span {margin-left:-12em; float:left; display:inline; font-weight: bold;}
    111123.rainette_previsions_2x12h .maj {
    112         border-top: 1px solid #dddddd;
    113         border-right: 1px solid #dddddd;
     124        float: left;
     125        width: inherit; /* sinon le text-align est inoperant */
     126        text-align: center;
    114127        color: #333333;
    115         float: left;
    116         font-size: 10px;
    117         padding: 4px 0;
    118         text-align: center;
    119         width: 595px;
     128        font-size: 0.9em;
     129        padding: 0.5em;
    120130}
    121131
Note: See TracChangeset for help on using the changeset viewer.