body{ padding:0px; background: rgba(250,250,250,1); background-size:100%; color: #333; } #gradient{ } header#top{ display:block; .center{ max-width:1200px; margin:auto; } background: url('/assets/front/top.png') repeat-x; img{ width:120px; float:left; margin:20px 0px; } } navigation#first_nav{ margin-top:50px; margin-right:20px; float:right; a{ display:inline-block; padding:10px; color:black; } } #main, #sidebar{ margin-top:50px !important; } #main{ max-width:1200px; margin:auto; img{ max-width:100%; } } #corps{ background:white; padding:40px; float:left; width:70%; box-sizing: border-box; } .article_corps{ background:white; } #sidebar{ padding:20px; margin-left:70%; box-sizing: border-box; img{ margin:0.5em 0; } } comment{ message{ padding:10px; } author{ float:left; width:200px; text-align:center; p{ text-align:center; margin:0px; } .img{ height:120px; width:120px; border-radius:50%; overflow:hidden; display:inline-block; img{ height:120px; } } } } .clear{ clear:both; } footer{ margin-top:100px; } //@media only screen and (min-width: 0px) { footer{ display:block; padding:1em; font-size:0.95em; line-height:1.4em; border-top: #202020 2px solid; border-bottom: #97BC4A 12px solid; text-align:center; } #legals_large{ background:rgba(250,250,250,0.8); position:fixed; top:0px; bottom:0px; left:0px; right:0px; width:100%; height:100%; display:none; .content{ background:rgba(250,250,250,0.95); padding:10px 30px; margin:auto; width:90%; max-width:600px; border:1px solid gray; } } .article_small{ margin-bottom:20px; position:relative; h1{ text-align:center; } background:white; padding:10px; padding-left:120px; .img{ width:100px; position:absolute; top:10px; left:10px; background-size:cover; } }