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;
}
