X-Git-Url: http://git.cyclocoop.org/?a=blobdiff_plain;f=css%2Fhabillage.css;h=2ace496c5c0869fdd6c9be646d5d65f9de331d3a;hb=fafd1585012225fbfde879120f18cd7ed4075937;hp=8e95869093392d90275a50abc87d287fbce4f5a9;hpb=0482614b2c8c28f6654e98ce4ded699a008ea527;p=lhc%2Fweb%2Fclavettes.git diff --git a/css/habillage.css b/css/habillage.css index 8e95869..2ace496 100644 --- a/css/habillage.css +++ b/css/habillage.css @@ -71,7 +71,8 @@ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, body { margin: 0; - padding: 0; } + padding: 0; + font-size: 0.9em; } header { margin: 15px auto 0 auto; @@ -87,7 +88,7 @@ header .spip_logos { margin: 0 auto; } a { - color: #05ffbc; + color: #0fe4ab; text-decoration: none; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; @@ -117,7 +118,7 @@ h1 { padding: 0; margin-top: 15px; margin-left: 15px; - font-size: 1.9em; + font-size: 1.8em; display: inline-block; font-weight: bold; } @@ -126,7 +127,7 @@ h1:hover { h2 { margin: 15px 15px; - font-size: 1.3em; + font-size: 1.2em; display: inline-block; } h3 { @@ -149,20 +150,7 @@ p { padding: 10px 15px; text-transform: uppercase; font-family: "Trebuchet MS", Helvetica, arial, sans-serif; - 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; } + font-size: 1.7em; } #ateliers { margin: 0 10px; } @@ -196,25 +184,29 @@ p { .horairesouvertures { margin: 0 0 0 15px; } -.logoatelier { - margin: auto; - width: 300px; } - #ateliers nav { padding-top: 15px; + padding-bottom: 15px; clear: both; } -#ateliers .fa { - color: #05ffbc; +.fa { + color: #0fe4ab; -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 .fa:hover { +.fa:hover { color: #0c0fb7; } +#atelierdescription nav { + margin-bottom: 15px; } + +.voirenligne { + padding: 15px; + text-align: right; } + /*2EME COLONNE*/ #news { overflow: hidden; @@ -225,6 +217,9 @@ p { margin: 0 0 15px 0; line-height: 1.3; } +.article h1 { + font-size: 1.4em; } + .article .fa { width: 20px; height: 20px; @@ -236,7 +231,17 @@ p { display: none; } .article img { - width: 100%; } + width: auto; + margin: 0; } + +.article ul { + margin: 0 15px; } + +.article li { + margin: 0 15px; } + +.article div { + margin: 0 15px; } address { padding-bottom: 10px; } @@ -258,8 +263,11 @@ address p { #atelierdescription #news { margin: 0; } -#atelierdescription img { - width: 100%; } +.spip_logos { + width: auto !important; } + +.urlsites { + padding: 15px 0; } /*3EME COLONNE*/ .map { @@ -269,10 +277,12 @@ address p { .agenda { background-color: #05ffbc; - height: 500px; margin: 0 10px 15px 10px; padding-right: 10px; - overflow-y: scroll; } + padding-bottom: 15px; } + +.agenda h1:hover { + text-decoration: none; } .agenda p { padding: 0; } @@ -290,7 +300,7 @@ address p { .event { display: block; - margin-bottom: 10px; + margin-bottom: 45px; padding-top: 5px; } .horaire { @@ -298,10 +308,6 @@ address p { margin-bottom: 20px; display: block; } -.nature { - overflow-y: scroll; - height: 70px; } - /*RESPONSIVE*/ .col-1, .col-m-1, .col-l-1, .col-2, .col-m-2, .col-l-2, .col-3, .col-m-3, .col-l-3, .col-4, .col-m-4, .col-l-4, .col-5, .col-m-5, .col-l-5, .col-6, .col-m-6, .col-l-6, .col-7, .col-m-7, .col-l-7, .col-8, .col-m-8, .col-l-8, .col-9, .col-m-9, .col-l-9, .col-10, .col-m-10, .col-l-10, .col-11, .col-m-11, .col-l-11, .col-12, .col-m-12, .col-l-12 { float: left;