X-Git-Url: http://git.cyclocoop.org/?a=blobdiff_plain;f=css%2Fhabillage.scss;h=aecc2381b6cbf40ba8c718fc1c186a707b4b2c8a;hb=faff5e85750599c201b0d44e225b819b2a0c1afd;hp=810816adef055819178196b0b22a1e071b3c6a56;hpb=636a4c3905926e51de8d4804574a64936291947a;p=lhc%2Fweb%2Fclavettes.git diff --git a/css/habillage.scss b/css/habillage.scss index 810816a..aecc238 100644 --- a/css/habillage.scss +++ b/css/habillage.scss @@ -82,6 +82,8 @@ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, body{ margin:0; padding:0; + font-size: 0.9em; + } header{ @@ -102,7 +104,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; @@ -120,13 +122,20 @@ a:focus, a:hover, a:active{ -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } - +a:hover > i { + color : #0c0fb7 !important; + -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; margin-top:15px; margin-left:15px; - font-size:1.9em; + font-size:1.8em; display:inline-block; font-weight: bold; } @@ -137,7 +146,7 @@ h1:hover{ h2{ margin: 15px 15px; - font-size:1.3em; + font-size:1.2em; display:inline-block; } @@ -165,19 +174,6 @@ p{ 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; @@ -214,21 +210,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*/ @@ -241,11 +245,9 @@ p{ margin:0 0 15px 0; line-height: 1.3; } -.spip_logo{ - display:none; -} -.article .spip_logos{ - display: none; +.article h1{ + font-size: 1.4em; + width:100%; } .article .fa{ width: 20px; @@ -259,6 +261,50 @@ p{ } .article img{ width:100%; + margin:0; +} +.article ul{ + margin:0 15px; +} +.article li{ + margin:0 15px; +} +.article div{ + margin:0 15px; +} + + +.articlefull{ + background-color:#e8e3e1; + margin:0 0 15px 0; + line-height: 1.3; +} +.articlefull h1{ + font-size: 1.4em; + width:100%; +} +.articlefull .fa{ + width: 20px; + height: 20px; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; +} +.articlefull .fa a{ + display: none; +} +.articlefull img{ + width:auto; + margin:0; +} +.articlefull ul{ + margin:0 15px; +} +.articlefull li{ + margin:0 15px; +} +.articlefull div{ + margin:0 15px; } address{ padding-bottom: 10px; @@ -280,10 +326,12 @@ address p{ #atelierdescription #news{ margin:0; } -#atelierdescription img{ - width: 100%; +.spip_logos{ + width:auto!important; +} +.urlsites{ + padding:15px 0; } - /*3EME COLONNE*/ @@ -294,19 +342,18 @@ address p{ margin:0 10px 15px 10px; overflow: hidden; } - .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; } - .agenda ul{ list-style-type:none; padding:0; @@ -318,22 +365,17 @@ address p{ font-size: 1.7em; clear: both; } - .event{ display: block; - margin-bottom: 10px; + margin-bottom: 45px; padding-top: 5px; + } .horaire{ font-size: 0.8em; margin-bottom: 20px; display: block; } -.nature{ - overflow-y: scroll; - height: 70px; - -} /*RESPONSIVE*/ @@ -404,6 +446,7 @@ footer{ footer ul { padding:0; + width:300px; margin:0 auto; list-style-type:none; padding-top:30px; @@ -420,9 +463,9 @@ footer ul li a { display:block; float:left; text-decoration:none; - color: #120260; + color: #0c0fb7; } footer ul li a:hover { - border-bottom: solid #1d0b78; + border-bottom: solid #0c0fb7; }