X-Git-Url: http://git.cyclocoop.org/?a=blobdiff_plain;f=css%2Fhabillage.scss;h=e2a05f9fe76df9712eabee7c8db1c4093b5cb983;hb=a907da986ac6e50ca4b426460d3b2738081f63b4;hp=1d015c471024e6f9e45686739dc9ee1b609552cc;hpb=00af7e598054de9869fcb4eaf3cefb5d4530b6c2;p=lhc%2Fweb%2Fclavettes.git diff --git a/css/habillage.scss b/css/habillage.scss index 1d015c4..e2a05f9 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,6 +15,7 @@ time, mark, audio, video { margin: 0; padding: 0; border: 0; + border-radius: 5px; font: inherit; font-size: 100%; vertical-align: baseline; @@ -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: #F4FFB7; +} + html { line-height: 1.1; } @@ -89,7 +94,6 @@ body{ header{ margin:15px auto 0 auto; width:1200px; - } header .spip_logos{ @@ -130,7 +134,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 +143,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; } @@ -165,7 +171,7 @@ p{ /*1ERE COLONNE*/ .titre{ - background-color: #05ffbc; + background-color: #606060; height: 47px; width: 100%; color:#fff; @@ -174,6 +180,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; @@ -233,6 +250,11 @@ p{ padding:15px; text-align: right; } + + +.logoatelier{ + text-align: center; +} /*2EME COLONNE*/ @@ -327,8 +349,13 @@ address p{ margin:0; } .spip_logos{ - width:auto!important; +/* width:auto!important;*/ + width: 200px; + height: 200px; + margin: 15px 15px 15px 15px; + text-align: center; } + .urlsites{ padding:15px 0; } @@ -343,16 +370,24 @@ address p{ overflow: hidden; } .agenda{ - background-color: #05ffbc; + background-color: #606060; margin:0 10px 15px 10px; padding-right: 10px; padding-bottom: 15px; + } -.agenda h1:hover{ + + +.agenda h2:hover{ text-decoration: none; + color: #ffffff; +} +.agenda h2{ + color: #ffffff; } .agenda p{ padding: 0; + color: #ffffff; } .agenda ul{ list-style-type:none; @@ -441,24 +476,22 @@ $large:1200px; footer{ clear:both; height:100px; - background-color: #05ffbc; + background-color: #606060; } footer ul { - padding:0; - width:300px; - margin:0 auto; + width:500px; + margin:0 auto; + padding:30px 0 0; list-style-type:none; - padding-top:30px; } 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; }