X-Git-Url: http://git.cyclocoop.org/?a=blobdiff_plain;f=css%2Fhabillage.css;h=bf826656bdadf6c4e7b8f69bf4009b5f63482cd0;hb=c9860ca6b2a0d207c160a37730dc91fedfdeaf2a;hp=0136a1f41f517804dd3dce972fcbf63909e8d4d1;hpb=a2370a3f5cff60b3a9716711ee7fec78f0ffb5f7;p=lhc%2Fweb%2Fclavettes.git diff --git a/css/habillage.css b/css/habillage.css index 0136a1f..bf82665 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: #1a0583; + color: #120260; text-align: left; } html, body, span, applet, object, iframe, @@ -87,21 +87,35 @@ header .spip_logos { margin: 0 auto; } a { - text-decoration: none; } + color: #e1702e; + text-decoration: none; + -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:focus, a:hover, a:active { background: none; - color: #1a0583; } + color: #120260; + -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; } h1 { margin: 0; padding: 0; - padding-top: 15px; - padding-left: 15px; + margin-top: 15px; + margin-left: 15px; font-size: 1.9em; display: inline-block; font-weight: bold; } +h1:hover { + text-decoration: underline; } + h2 { margin: 15px 15px; font-size: 1.3em; @@ -135,42 +149,72 @@ p { #ateliers ul li { margin-bottom: 15px; } +.descriptif { + margin-left: 15px; } + #ateliers p { margin: 15px 15px 0 0; font-size: 1.0em; text-align: left; } -#ateliers p:nth-child(2) { - margin: 0px 15px 15px 15px; } +#ateliers address { + margin: 0 0 0 15px; + line-height: 0.6; } + +.horairesouvertures { + margin: 0 0 0 15px; } + +.logoatelier { + margin: auto; + width: 300px; } /*2EME COLONNE*/ #news { overflow: hidden; } -#news img { - height: 350px; } - .article { - background-color: #ffaa7f; - margin: 0 10px 15px 10px; } + background-color: #e8e3e1; + margin: 0 10px 15px 10px; + line-height: 1.3; } + +.spip_logo { + display: none; } + +.article .spip_logos { + display: none; } + +address { + padding-bottom: 10px; } + +address p { + margin: 0; + padding: 0; } + +.historique { + background-color: #ffd2a1; + margin: 0 15px 15px 15px; } + +.historique h1 { + width: 100%; } + +#atelierdescription img { + width: 100%; } /*3EME COLONNE*/ .map { - background-color: #6059d2; height: 300px; - margin: 0 10px 15px 10px; } - -.leaflet-control-attribution leaflet-control { - z-index: 999; } + margin: 0 10px 15px 10px; + overflow: hidden; } .agenda { - background-color: #3ee88d; + background-color: #a1ffff; height: 500px; margin: 0 10px 0px 10px; - padding-right: 10px; } + padding-right: 10px; + overflow-y: scroll; } .agenda p { - line-height: 120%; } + padding: 0; } .agenda ul { list-style-type: none; @@ -183,8 +227,19 @@ p { font-size: 1.7em; clear: both; } +.event { + display: block; + margin-bottom: 10px; + padding-top: 5px; } + .horaire { - font-size: 0.8em; } + font-size: 0.8em; + 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 { @@ -319,14 +374,14 @@ p { /*FOOTER*/ footer { clear: both; - height: 200px; - background-color: #ffaa7f; } + height: 100px; + background-color: #e1702e; } footer ul { padding: 0; margin: 0 auto; list-style-type: none; - padding-top: 70px; } + padding-top: 30px; } .textfooter { width: 500px;