Voici juste les parties de CSS que j’ai modifié du CSS du blog:
Twenty Ten: style.css
/* =Structure -------------------------------------------------------------- */ #wrapper { /*background: #fff;*/ border-radius: 10px; background-image: -webkit-gradient( linear, left bottom, right bottom, color-stop(0, #FDE082), color-stop(0.5, #FAFEBD), color-stop(1, #FDE082) ); background-image: -moz-linear-gradient( left center, #FDE082 0%, #FAFEBD 50%, #FDE082 100% ); /* =Global Elements -------------------------------------------------------------- */ /* Main global 'theme' and typographic styles */ body { background-image: -webkit-gradient( linear, right top, left top, color-stop(0, #FFCE5C), color-stop(0.5, #FAFFBF), color-stop(1, #FFCE5C) ); background-image: -moz-linear-gradient( right center, #FFCE5C 0%, #FAFFBF 50%, #FFCE5C 100% ); } body, input, textarea { border-radius: 10px; color: #666; font-size: 12px; line-height: 18px; } /* =Header -------------------------------------------------------------- */ /* This is the custom header image */ #branding img { border-radius: 10px 10px 0 0; border-top: 1px solid #000; border-bottom: 1px solid #000; display: block; float: left; } /* =Menu -------------------------------------------------------------- */ #access { border-radius: 0 0 10px 10px; background: #000; display: block; float: left; margin: 0 auto; width: 940px; } #access ul ul a { /*background: #333; couleur menu déroulant*/ border-radius: 5px; background: #000; line-height: 1em; padding: 10px; width: 100px; height: auto; font-weight: bold; } #access li:hover > a, #access ul ul :hover > a { /*background: #333; couleur over menu*/ border-radius: 5px; background-image: -webkit-gradient( linear, right bottom, left top, color-stop(0.37, #D42300), color-stop(0.14, #D42E00), color-stop(0.7, #FF7B00) ); background-image: -moz-linear-gradient( right bottom, #D42300 37%, #D42E00 14%, #FF7B00 70% ); font-weight:bold; color: #fff; }