X-Git-Url: http://git.cyclocoop.org/?a=blobdiff_plain;f=css%2Fhabillage.scss;h=d3a97c792df6f1f5d6b18e39ded64d07b47b7915;hb=d3d914e35ac654dbe7e79de2dace61afca6918d8;hp=26e271b90746f20e0c7889365711d12ad8c5454b;hpb=80b072a00e17884186602304ecb88d1aa9ab9a9e;p=lhc%2Fweb%2Fclavettes.git diff --git a/css/habillage.scss b/css/habillage.scss index 26e271b..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:#120260; + 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; } @@ -180,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:#e8e3e1; - margin:0 10px 15px 10px; + margin:0 0 15px 0; line-height: 1.3; } .spip_logo{ @@ -199,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; @@ -211,8 +265,6 @@ p{ #atelierdescription img{ width: 100%; } -.logoatelier{ -} /*3EME COLONNE*/ @@ -226,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; } @@ -329,7 +381,7 @@ $large:1200px; footer{ clear:both; height:100px; - background-color: #e1702e; + background-color: #05ffbc; } footer ul { @@ -350,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;