X-Git-Url: http://git.cyclocoop.org/?a=blobdiff_plain;f=css%2Fhabillage.scss;h=bee021b1bc8ca2998f10fa3a2a403579586edd4d;hb=500fcb3465e375dae026d0730a0f432044a07890;hp=ccfc8dcb16069773271db161ffa7c34316efbc31;hpb=d85509b70443e46825f6bb984e89aed013ae4edd;p=lhc%2Fweb%2Fclavettes.git diff --git a/css/habillage.scss b/css/habillage.scss index ccfc8dc..bee021b 100644 --- a/css/habillage.scss +++ b/css/habillage.scss @@ -89,7 +89,6 @@ body{ header{ margin:15px auto 0 auto; width:1200px; - } header .spip_logos{ @@ -130,7 +129,8 @@ a:hover > i { -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } -h1{ + +h2{ margin: 0; padding:0; margin-top:15px; @@ -138,19 +138,20 @@ h1{ font-size:1.8em; display:inline-block; font-weight: bold; + width: 90%; } - -h1:hover{ +h2:hover{ text-decoration: underline; } -h2{ +h3{ margin: 15px 15px; font-size:1.2em; display:inline-block; + width:90%; } -h3{ +h4{ margin:15px; display:inline-block; } @@ -174,6 +175,17 @@ p{ text-transform: uppercase; font-family: "Trebuchet MS", Helvetica, arial, sans-serif; font-size: 1.7em; + font-weight: normal; +} +.titre:hover{ + 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; @@ -237,7 +249,6 @@ p{ #news{ - overflow: hidden; margin:0 10px; } .article{ @@ -247,6 +258,7 @@ p{ } .article h1{ font-size: 1.4em; + width:100%; } .article .fa{ width: 20px; @@ -259,7 +271,8 @@ p{ display: none; } .article img{ - width:auto; + width:100%; + height:auto; margin:0; } .article ul{ @@ -271,6 +284,40 @@ p{ .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; } @@ -298,7 +345,6 @@ address p{ padding:15px 0; } - /*3EME COLONNE*/ @@ -308,21 +354,18 @@ address p{ margin:0 10px 15px 10px; overflow: hidden; } - .agenda{ background-color: #05ffbc; - height:500px; margin:0 10px 15px 10px; padding-right: 10px; + padding-bottom: 15px; } -.agenda h1:hover{ +.agenda h2:hover{ text-decoration: none; } - .agenda p{ padding: 0; } - .agenda ul{ list-style-type:none; padding:0; @@ -334,20 +377,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{ - -} /*RESPONSIVE*/ @@ -417,22 +457,18 @@ footer{ } footer ul { - padding:0; - margin:0 auto; - list-style-type:none; - padding-top:30px; -} -.textfooter{ width:500px; margin:0 auto; + padding:30px 0 0; + list-style-type:none; } + footer li { float:left; /*pour IE*/ - text-align: center; } footer ul li a { + text-align: center; display:block; - float:left; text-decoration:none; color: #0c0fb7; }