X-Git-Url: http://git.cyclocoop.org/?p=lhc%2Fweb%2Fclavettes.git;a=blobdiff_plain;f=css%2Fhabillage.css;h=c55a4c20dbe8b90733afe845a97be597baba5929;hp=77c53ab8836cda4c65065052f58b97d0fbdc3b1b;hb=d3d914e35ac654dbe7e79de2dace61afca6918d8;hpb=c8e7fd01e5bb895b1f3bb567448fe33bc88c5318 diff --git a/css/habillage.css b/css/habillage.css index 77c53ab..c55a4c2 100644 --- a/css/habillage.css +++ b/css/habillage.css @@ -19,7 +19,7 @@ time, mark, audio, video { font-size: 100%; vertical-align: baseline; font-family: sans-serif; - color: #120260; + color: #0c0fb7; text-align: left; } html, body, span, applet, object, iframe, @@ -134,14 +134,27 @@ p { /*1ERE COLONNE*/ .titre { background-color: #05ffbc; - height: 45px; + height: 47px; + width: 100%; color: #fff; margin: 0 0 15px 0; padding: 10px 15px; - border-bottom: 3px solid #05ffbc; text-transform: uppercase; font-family: "Trebuchet MS", Helvetica, arial, sans-serif; - font-size: 1.7em; } + font-size: 1.7em; + -webkit-transition: all 0.3s ease 0s; + -moz-transition: all 0.3s ease 0s; + -ms-transition: all 0.3s ease 0s; + -o-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; } + +.titre:hover { + background-color: #0c0fb7; + -webkit-transition: all 0.3s ease 0s; + -moz-transition: all 0.3s ease 0s; + -ms-transition: all 0.3s ease 0s; + -o-transition: all 0.3s ease 0s; + transition: all 0.3s ease 0s; } #ateliers { margin: 0 10px; } @@ -231,7 +244,7 @@ address p { .agenda { background-color: #05ffbc; height: 500px; - margin: 0 10px 0px 10px; + margin: 0 10px 15px 10px; padding-right: 10px; overflow-y: scroll; } @@ -271,75 +284,39 @@ address p { .col-1 { width: 8.33333%; } -footer { - margin-top: 15px; } - .col-2 { width: 16.66667%; } -footer { - margin-top: 15px; } - .col-3 { width: 25%; } -footer { - margin-top: 15px; } - .col-4 { width: 33.33333%; } -footer { - margin-top: 15px; } - .col-5 { width: 41.66667%; } -footer { - margin-top: 15px; } - .col-6 { width: 50%; } -footer { - margin-top: 15px; } - .col-7 { width: 58.33333%; } -footer { - margin-top: 15px; } - .col-8 { width: 66.66667%; } -footer { - margin-top: 15px; } - .col-9 { width: 75%; } -footer { - margin-top: 15px; } - .col-10 { width: 83.33333%; } -footer { - margin-top: 15px; } - .col-11 { width: 91.66667%; } -footer { - margin-top: 15px; } - .col-12 { width: 100%; } -footer { - margin-top: 15px; } - @media only screen and (min-width: 650px) { .col-m-1 { width: 8.33333%; } @@ -375,10 +352,7 @@ footer { width: 91.66667%; } .col-m-12 { - width: 100%; } - - footer { - margin-top: 15px; } } + width: 100%; } } @media only screen and (min-width: 1200px) { .col-l-1 { width: 8.33333%; }