X-Git-Url: http://git.cyclocoop.org/?p=lhc%2Fweb%2Fclavettes.git;a=blobdiff_plain;f=css%2Fhabillage.css;h=e41e8dbd80a501c65225eeb1c886c779295550ab;hp=77c53ab8836cda4c65065052f58b97d0fbdc3b1b;hb=a498c704046d4cc39dab1284dc27eb0f84fef891;hpb=c8e7fd01e5bb895b1f3bb567448fe33bc88c5318 diff --git a/css/habillage.css b/css/habillage.css index 77c53ab..e41e8db 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, @@ -87,7 +87,7 @@ header .spip_logos { margin: 0 auto; } a { - color: #e1702e; + color: #05ffbc; text-decoration: none; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; @@ -97,7 +97,15 @@ a { a:focus, a:hover, a:active { background: none; - color: #120260; + 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; } + +a:hover > i { + color: #0c0fb7 !important; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; @@ -134,14 +142,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; } @@ -175,19 +196,24 @@ p { .horairesouvertures { margin: 0 0 0 15px; } -.logoatelier { - margin: auto; - width: 300px; } - #ateliers nav { padding-top: 15px; + padding-bottom: 15px; clear: both; } .fa { - color: #e1702e; } + color: #05ffbc; + -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; } .fa:hover { - color: #120260; } + color: #0c0fb7; } + +#atelierdescription nav { + margin-bottom: 15px; } /*2EME COLONNE*/ #news { @@ -199,12 +225,19 @@ p { margin: 0 0 15px 0; line-height: 1.3; } -.spip_logo { - display: none; } +.article .fa { + width: 20px; + height: 20px; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; } -.article .spip_logos { +.article .fa a { display: none; } +.article img { + width: 100%; } + address { padding-bottom: 10px; } @@ -219,8 +252,14 @@ address p { .historique h1 { width: 100%; } -#atelierdescription img { - width: 100%; } +#atelierdescription { + margin: 0 10px; } + +#atelierdescription #news { + margin: 0; } + +.spip_logos { + width: auto !important; } /*3EME COLONNE*/ .map { @@ -231,7 +270,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 +310,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 +378,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%; } @@ -457,9 +457,9 @@ footer ul li a { display: block; float: left; text-decoration: none; - color: #120260; } + color: #0c0fb7; } footer ul li a:hover { - border-bottom: solid #1d0b78; } + border-bottom: solid #0c0fb7; } /*# sourceMappingURL=habillage.css.map */