X-Git-Url: http://git.cyclocoop.org/?a=blobdiff_plain;f=css%2Fhabillage.css;h=ea91f4212f88df081f50c4526547623758d028b5;hb=500fcb3465e375dae026d0730a0f432044a07890;hp=1fa76145f4ec23018a67bdf1a9a37ed8f3650a71;hpb=636a4c3905926e51de8d4804574a64936291947a;p=lhc%2Fweb%2Fclavettes.git diff --git a/css/habillage.css b/css/habillage.css index 1fa7614..ea91f42 100644 --- a/css/habillage.css +++ b/css/habillage.css @@ -71,7 +71,8 @@ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, body { margin: 0; - padding: 0; } + padding: 0; + font-size: 0.9em; } header { margin: 15px auto 0 auto; @@ -87,7 +88,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; @@ -104,24 +105,34 @@ a:focus, a:hover, a:active { -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } -h1 { +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; } + +h2 { margin: 0; padding: 0; margin-top: 15px; margin-left: 15px; - font-size: 1.9em; + font-size: 1.8em; display: inline-block; - font-weight: bold; } + font-weight: bold; + width: 90%; } -h1:hover { +h2:hover { text-decoration: underline; } -h2 { +h3 { margin: 15px 15px; - font-size: 1.3em; - display: inline-block; } + font-size: 1.2em; + display: inline-block; + width: 90%; } -h3 { +h4 { margin: 15px; display: inline-block; } @@ -142,19 +153,17 @@ 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; } + font-weight: normal; } .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; } + text-decoration: none; + font-weight: normal; } + +#ateliers h3 { + margin: 15px 15px; + font-size: 1.2em; + display: inline-block; + text-decoration: none; } #ateliers { margin: 0 10px; } @@ -188,23 +197,31 @@ 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*/ #news { - overflow: hidden; margin: 0 10px; } .article { @@ -212,11 +229,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; @@ -229,8 +244,51 @@ p { display: none; } .article img { + width: 100%; + height: auto; + 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; } @@ -251,8 +309,11 @@ address p { #atelierdescription #news { margin: 0; } -#atelierdescription img { - width: 100%; } +.spip_logos { + width: auto !important; } + +.urlsites { + padding: 15px 0; } /*3EME COLONNE*/ .map { @@ -262,10 +323,12 @@ address p { .agenda { background-color: #05ffbc; - height: 500px; margin: 0 10px 15px 10px; padding-right: 10px; - overflow-y: scroll; } + padding-bottom: 15px; } + +.agenda h2:hover { + text-decoration: none; } .agenda p { padding: 0; } @@ -283,7 +346,7 @@ address p { .event { display: block; - margin-bottom: 10px; + margin-bottom: 45px; padding-top: 5px; } .horaire { @@ -291,10 +354,6 @@ address p { 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 { float: left; @@ -432,27 +491,22 @@ footer { background-color: #05ffbc; } footer ul { - padding: 0; - margin: 0 auto; - list-style-type: none; - padding-top: 30px; } - -.textfooter { width: 500px; - margin: 0 auto; } + margin: 0 auto; + padding: 30px 0 0; + list-style-type: none; } footer li { float: left; - /*pour IE*/ - text-align: center; } + /*pour IE*/ } footer ul li a { + text-align: center; display: block; - float: left; text-decoration: none; - color: #120260; } + color: #0c0fb7; } footer ul li a:hover { - border-bottom: solid #1d0b78; } + border-bottom: solid #0c0fb7; } /*# sourceMappingURL=habillage.css.map */