X-Git-Url: http://git.cyclocoop.org/?a=blobdiff_plain;f=css%2Fhabillage.scss;h=846af253b6778c850c1827a9aa586e7d9c7cbcab;hb=c9860ca6b2a0d207c160a37730dc91fedfdeaf2a;hp=3261254ec6fdc53f24cd1f79a282d38efd63e8ee;hpb=ea1b965875ee64156a42e3b27c933f5e8479fd86;p=lhc%2Fweb%2Fclavettes.git diff --git a/css/habillage.scss b/css/habillage.scss index 3261254..846af25 100644 --- a/css/habillage.scss +++ b/css/habillage.scss @@ -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; } @@ -102,24 +102,39 @@ header .spip_logos{ margin:0 auto; } a{ + 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; @@ -142,7 +157,7 @@ p{ #ateliers{ - margin:0 10px; + margin:0 10px; } #ateliers:after { @@ -158,18 +173,27 @@ 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; + 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; } @@ -179,13 +203,37 @@ p{ #news{ overflow: hidden; } - .article{ - background-color:#ffaa7f; + 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%; +} +.logoatelier{ +} /*3EME COLONNE*/ @@ -193,23 +241,21 @@ p{ .map{ - background-color:#6059d2; height: 300px; margin:0 10px 15px 10px; -} -.leaflet-control-attribution leaflet-control{ - z-index: 999; + 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{ @@ -218,15 +264,28 @@ p{ margin:0; padding-top:15px; } - .date{ float:left; font-size: 1.7em; - clear: both; + clear: both; +} + +.event{ + display: block; + margin-bottom: 10px; + padding-top: 5px; } .horaire{ font-size: 0.8em; + margin-bottom: 20px; + display: block; } +.nature{ + overflow-y: scroll; + height: 70px; + +} + /*RESPONSIVE*/ @@ -290,15 +349,15 @@ $large:1200px; 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;