Changeset 7996


Ignore:
Timestamp:
12/22/13 12:58:14 (6 years ago)
Author:
kent1
Message:

Amélioration css

Location:
plugins_spip/terraeco_infographie/trunk/css
Files:
3 added
1 edited

Legend:

Unmodified
Added
Removed
  • plugins_spip/terraeco_infographie/trunk/css/infographie.css

    r7991 r7996  
    1 @import url(http://fonts.googleapis.com/css?family=Lato:300);
     1@import url(http://fonts.googleapis.com/css?family=Lato:300,700);
    22
    33body{
     
    4141}
    4242
     43.menu_top a{
     44        display:inline-block;
     45        margin-left:7px;
     46}
    4347.page_infographie .formulaire_spip{
    4448        width:50%;
     
    8286.page_infographie .formulaire_spip input.submit{
    8387        border:none;
    84         background-color:#AFAFAF;
     88        background:url(img/bouton_ok.png) no-repeat;
    8589        padding:.6em;
    8690        font-size:1em;
     
    9195        cursor:pointer;
    9296        font-family: "Lato","Arial Narrow","Lucida Sans Unicode", "Lucida Grande", sans-serif;
     97        width:52px;
     98        height:52px;
     99        color:transparent;
    93100}
    94101
    95102.page_infographie .formulaire_spip input.submit:hover{
    96         background-color:#B2AD04;
     103        background:url(img/bouton_ok.png) no-repeat -57px 0;
    97104}
    98105.page_infographie .texte{
     
    106113.page_infographie .liste_infographies{
    107114        text-align:center;
     115        margin-bottom:4.5em;
     116}
     117
     118.liste_infographies a{
     119        display:inline-block;
     120        margin:10px;
    108121}
    109122.page_infographie .footer{
     
    119132        max-width:45%;
    120133        font-size:.8em;
     134        max-width:33%;
     135}
     136
     137.description_donnees h3{
     138        font-weight:700;
    121139}
    122140.description_donnees,.description_donnees .texte{
     
    131149}
    132150
     151.description_donnees .credits{
     152        font-size:.8em;
     153}
    133154.infographies_logo{
    134155        position: absolute;
     
    169190path.line.avtnaissance {
    170191  fill: none;
    171   stroke: rgba(0,0,0,0.2);
     192  stroke: #D9D9D9;
    172193  stroke-width: 5px;
    173194}
     
    237258}
    238259.co2 .tickold,.tickold{
    239         fill:#ccc;
     260        fill:#D9D9D9;
    240261}
    241262.co2 .triangle{
     
    300321}
    301322div.tooltip {
     323        background:transparent url(img/tooltip_temp.png) no-repeat right center;
    302324        position: absolute;
    303325        line-height: 1;
    304326        font-family: "Lato","Arial Narrow","Lucida Sans Unicode", "Lucida Grande", sans-serif;
    305327        font-size:1.8em;
    306         padding: 8px 12px;
    307         background-color:#f29100;
     328        padding: 14px 20px 14px 12px;
    308329        color: #fff;
     330        text-align:center;
     331        min-width:3em;
    309332}
    310333
    311334.co2 div.tooltip {
    312         background-color:#3E9B8B;
    313 }
    314 /* Creates a small triangle extender for the tooltip */
    315 div.tooltip:after {
    316         box-sizing: border-box;
    317         display: inline;
    318         line-height: 1;
    319         content: "\25b6";
    320         position: absolute;
    321         text-align: center;
    322         margin: 0 0 0 -4px;
    323         top: -2px;
    324         left: 100%;
    325         font-size:1.8em;
    326         color:#f29100;
     335        background:transparent url(img/tooltip_co2.png) no-repeat right center;
    327336}
    328337
     
    330339        color:#3E9B8B;
    331340}
    332 /* Style northward tooltips differently */
    333 div.tooltip.n:after {
    334  
    335 }
    336341
    337342.infos_dots.active{
     
    342347        font-family: "Lato","Arial Narrow","Lucida Sans Unicode", "Lucida Grande", sans-serif;
    343348        position:absolute;
    344         top:50px;
     349        top:0px;
    345350        padding:2%;
    346351        background-color:#B2AD04;
    347         width:370px;
     352        width:375px;
    348353        margin:0 25%;
    349354        text-align:center;
     
    394399        background-color:#F29100;
    395400        display:inline-block;
    396         padding: 5px 10px 5px 5px;
     401        padding: 7px 10px 7px 5px;
     402        margin:0 15px;
    397403        cursor:pointer;
    398404}
    399405
    400 .arrows_nav > div:nth-child(1){
    401         margin-right:10px;
     406.arrows_nav > div.right{
     407        padding: 7px 5px 7px 10px;
    402408}
    403409.arrows_nav > div:hover{
Note: See TracChangeset for help on using the changeset viewer.