X-Git-Url: http://git.cyclocoop.org/?a=blobdiff_plain;f=css%2Fhabillage.scss;h=f7f39e766de99b12969a33ed6a0182bf57e739f8;hb=9d8920b7ea528c25272076c1e31030a091c04763;hp=e42d794899b0e80e3b1e668dad7e128b249e1adf;hpb=735e143fc8a5d702f0e4dde9d6d745bb4435c840;p=lhc%2Fweb%2Fclavettes.git diff --git a/css/habillage.scss b/css/habillage.scss index e42d794..f7f39e7 100644 --- a/css/habillage.scss +++ b/css/habillage.scss @@ -1,6 +1,6 @@ @charset "UTF-8"; html, body, div, span, applet, object, iframe, -h1, h2, h3, h4, h5, h6, p, blockquote, pre, +h1, h2, h3, h4, h5, h6, h7, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, @@ -15,11 +15,12 @@ time, mark, audio, video { margin: 0; padding: 0; border: 0; + border-radius: 5px; font: inherit; font-size: 100%; vertical-align: baseline; font-family: sans-serif; - color:#0c0fb7; + color: #000; /*#0c0fb7;*/ text-align: left; } @@ -34,10 +35,14 @@ table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption,hgroup, menu, nav, output, ruby, summary, mark, audio, video { - background-color: #ffffff; + background-color: #FFFFFF; background: none; } +body { + background-color: #B3B6C7; +} + html { line-height: 1.1; } @@ -82,16 +87,17 @@ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, body{ margin:0; padding:0; + font-size: 0.9em; + } header{ - margin:15px auto 0 auto; + margin: 15px auto 0 auto; width:1200px; - } header .spip_logos{ - margin-left: 10px; + margin-left: 30px; position:absolute; } @@ -102,7 +108,7 @@ header .spip_logos{ margin:0 auto; } a{ - color:#05ffbc; + color: #373D4E; /*#0fe4ab;*/ text-decoration:none; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; @@ -128,27 +134,29 @@ 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; margin-left:15px; - font-size:1.9em; + 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.3em; + font-size:1.2em; display:inline-block; + width:90%; } -h3{ +h4{ margin:15px; display:inline-block; } @@ -160,31 +168,36 @@ p{ text-align: justify; } +.banniere{ + margin:0 auto; + width: 1100px; + height: 100px; + float: right; +} + /*1ERE COLONNE*/ .titre{ - background-color: #05ffbc; + background-color: #262730; height: 47px; width: 100%; - color:#fff; + color:#B7CEBF; 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; + 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; @@ -227,7 +240,7 @@ p{ clear:both; } .fa{ - color:#05ffbc; + color: #373D4E; /*#0fe4ab;*/ -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; @@ -244,11 +257,17 @@ p{ padding:15px; text-align: right; } + + +.logoatelier{ + text-align: center; +} + + /*2EME COLONNE*/ #news{ - overflow: hidden; margin:0 10px; } .article{ @@ -256,6 +275,10 @@ p{ margin:0 0 15px 0; line-height: 1.3; } +.article h1{ + font-size: 1.4em; + width:100%; +} .article .fa{ width: 20px; height: 20px; @@ -267,7 +290,8 @@ p{ display: none; } .article img{ - width:auto; + width:100%; + height:auto; margin:0; } .article ul{ @@ -279,6 +303,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; } @@ -302,12 +360,22 @@ address p{ .spip_logos{ width:auto!important; } + + +.logoatelier{ + width: 200px; + height: 200px; + margin: 15px 15px 15px 15px; + text-align: center; +} + + + .urlsites{ padding:15px 0; } - -/*3EME COLONNE*/ +/*3EME COLONNE */ @@ -316,18 +384,26 @@ address p{ margin:0 10px 15px 10px; overflow: hidden; } - .agenda{ - background-color: #05ffbc; - height:500px; + background-color: #262730; margin:0 10px 15px 10px; padding-right: 10px; + padding-bottom: 15px; + } + +.agenda h2:hover{ + text-decoration: none; + color: #ffffff; +} +.agenda h2{ + color: #B7CEBF; +} .agenda p{ padding: 0; + color: #B7CEBF; } - .agenda ul{ list-style-type:none; padding:0; @@ -339,20 +415,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,29 +490,26 @@ $large:1200px; footer{ clear:both; - height:100px; - background-color: #05ffbc; + height:125px; + background-color: #262730; } footer ul { - padding:0; - margin:0 auto; + width:1000px; + margin: 0px auto; + padding:30px 0 0; list-style-type:none; - padding-top:30px; -} -.textfooter{ - width:500px; - margin:0 auto; } + footer li { float:left; /*pour IE*/ - text-align: center; + } footer ul li a { + text-align: right; display:block; - float:left; text-decoration:none; - color: #0c0fb7; + color: #B7CEBF; } footer ul li a:hover { border-bottom: solid #0c0fb7;