X-Git-Url: http://git.cyclocoop.org/?a=blobdiff_plain;f=css%2Fhabillage.scss;h=d3a97c792df6f1f5d6b18e39ded64d07b47b7915;hb=d3d914e35ac654dbe7e79de2dace61afca6918d8;hp=91da44c167b4af809662ac08e4d07e90ebc49c25;hpb=6ca861ce9a27992830fb302ee732b8b1dae10b13;p=lhc%2Fweb%2Fclavettes.git diff --git a/css/habillage.scss b/css/habillage.scss index 91da44c..d3a97c7 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:#0c0fb7; text-align: left; } @@ -85,7 +85,7 @@ body{ } header{ - margin:0 auto; + margin:15px auto 0 auto; width:1200px; } @@ -102,12 +102,23 @@ 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{ @@ -144,7 +155,30 @@ p{ /*1ERE COLONNE*/ - +.titre{ + background-color: #05ffbc; + height: 47px; + width: 100%; + color:#fff; + margin:0 0 15px 0; + 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; +} #ateliers{ margin:0 10px; } @@ -164,6 +198,9 @@ p{ #ateliers ul li{ margin-bottom:15px; } +.descriptif{ + margin-left:15px; +} #ateliers p{ margin: 15px 15px 0 0; @@ -177,17 +214,31 @@ p{ .horairesouvertures{ margin:0 0 0 15px; } - +.logoatelier{ + margin:auto; + width: 300px; +} +#ateliers nav{ + padding-top:15px; + clear:both; +} +.fa{ + color:#e1702e; +} +.fa:hover{ + color:#120260; +} /*2EME COLONNE*/ #news{ overflow: hidden; + margin:0 10px; } .article{ - background-color:#e2e2e1; - margin:0 10px 15px 10px; + background-color:#e8e3e1; + margin:0 0 15px 0; line-height: 1.3; } .spip_logo{ @@ -196,7 +247,13 @@ p{ .article .spip_logos{ display: none; } - +address{ + padding-bottom: 10px; +} +address p{ + margin:0; + padding:0; +} .historique{ background-color: #ffd2a1; margin:0 15px 15px 15px; @@ -221,9 +278,9 @@ p{ } .agenda{ - background-color: #a1ffff; + background-color: #05ffbc; height:500px; - margin:0 10px 0px 10px; + margin:0 10px 15px 10px; padding-right: 10px; overflow-y: scroll; } @@ -324,7 +381,7 @@ $large:1200px; footer{ clear:both; height:100px; - background-color: #ffaa7f; + background-color: #05ffbc; } footer ul { @@ -345,6 +402,7 @@ footer ul li a { display:block; float:left; text-decoration:none; + color: #120260; } footer ul li a:hover { border-bottom: solid #1d0b78;