Gennaro is named after Gennaro Gattuso, the Inter Milan and former Glasgow Rangers footballer. I always liked his playing style and wish he played for Newcastle United… anyhow, it’s nerazzuri. Its features include:
- being easy on the eye;
- focus on the content of posts;
- small spectrum of blues and blacks.
/*
THEME NAME: Gennaro for Sandbox
DESCRIPTION: A theme named after Gennaro Gattuso
VERSION: 0.2
AUTHOR: Stephen Broughton
AUTHOR URI: http://geoffbrady.net/
TEMPLATE: sandbox
*/
body {
background-color:#123;
font:0.9em/1.3em UnDotum, Calibri, Helvetica, Arial, sans-serif;
margin:0;
padding:20px 0 0;
}
#menu {
background:url('http://stevieb.files.wordpress.com/2008/04/menu.gif') bottom repeat-x black;
border-bottom:1px solid #234;
position:absolute;
top:0;
width:100%;
padding:20px 0 0;
}
#menu ul {
margin:20px 0 4px;
padding:0 20px;
}
#menu ul li {
display:inline;
}
#menu ul li a {
color:#eee;
text-decoration:none;
padding:5px 20px;
}
#menu ul li.current_page_item a {
background-color:#123;
border:1px solid #234;
color:#cde;
padding:5px 19px;
}
#menu li a:hover {
background-color:#234;
border-top:1px solid #345;
border-right:1px solid #345;
border-left:1px solid #345;
padding:5px 19px;
}
#menu li.current_page_item a:hover {
background-color:#234;
border-top:1px solid #345;
border-right:1px solid #345;
border-left:1px solid #345;
color:#eee;
}
h1 {
font-size:2.4em;
margin:60px 0 20px 20px;
}
h1 a {
color:#ddd;
font-weight:normal;
text-decoration:none;
}
#blog-description {
color:#456;
line-height:80%;
margin:0 20px;
padding:0 0 10px;
}
.skip-link {
position:absolute;
right:40px;
top:40px;
}
.skip-link a {
color:#234;
font-weight:bold;
letter-spacing:0.2em;
text-decoration:none;
text-transform:uppercase;
}
#header,#nav-above {
border-bottom:1px solid #234;
}
#nav-below {
display:none;
}
.navigation {
font-size:18px;
height:20px;
}
.navigation a {
color:#567;
letter-spacing:0.2em;
text-decoration:none;
text-transform:uppercase;
}
.nav-previous {
float:left;
padding:0 20px;
}
.nav-next {
float:right;
padding:0 20px;
}
.hentry,.comments {
border-bottom:1px solid #234;
clear:left;
float:left;
width:550px;
margin:0 20px 10px;
padding:10px 0;
}
.entry-title {
color:#567;
font-size:1.7em;
font-weight:normal;
text-transform:uppercase;
margin:0;
padding:10px 0 0;
}
.entry-title a {
color:#567;
text-decoration:none;
}
.published {
border:none;
color:#345;
font-style:italic;
}
.entry-content {
color:#89a;
width:475px;
}
.entry-content img {
max-width:475px;
}
.entry-content a > img {
border:3px double #345;
}
.entry-content a:hover > img {
border:3px solid #345;
}
.entry-content a,.comment a {
border-bottom:1px solid #345;
color:#789;
text-decoration:none;
}
.entry-content a:hover,.comment a:hover {
border-bottom:3px double #345;
}
.entry-content ul {
list-style-type:square;
list-style-position:inside;
margin:0;
padding:5px 0 10px 5px;
}
.entry-content li {
padding:5px 0 2px;
}
.entry-meta {
color:#345;
font-weight:bold;
padding:10px 0;
}
.entry-meta a {
color:#567;
font-weight:normal;
text-decoration:none;
}
.entry-meta a:hover {
color:#789;
}
h3 {
font-size:1.7em;
margin:0;
padding:20px 0 0;
}
h4 {
font-size:1.5em;
margin:0;
padding:18px 0 0;
}
h5 {
font-size:1.3em;
margin:0;
padding:15px 0 0;
}
h6 {
font-size:1.2em;
margin:0;
padding:12px 0 0;
}
h3,h4,h5,h6 {
color:#567;
font-weight:normal;
}
.sidebar,#respond {
color:#789;
width:200px;
margin:10px 10px 10px 650px;
padding:10px;
}
.sidebar ul {
list-style-type:none;
margin:0;
padding:0;
}
.sidebar h3,#respond h3,#comments h3 {
font-weight:normal;
letter-spacing:0.1em;
text-transform:uppercase;
}
.sidebar ul ul,#searchform {
padding:10px 20px;
}
.sidebar a,#respond a {
color:#999;
text-decoration:none;
}
.sidebar a:hover,#respond a:hover {
color:#ccc;
}
#searchform input,#respond input,#respond textarea {
background-color:#234;
border:1px solid #345;
color:#678;
}
#footer {
clear:both;
color:#123;
font-size:1.7em;
font-weight:bold;
letter-spacing:0.3em;
text-align:center;
text-transform:uppercase;
padding:20px 0;
}
#footer a {
color:#234;
text-decoration:none;
}
#footer a:hover {
color:#345;
}
.comment-author {
color:#456;
font-size:1.4em;
font-weight:bold;
letter-spacing:0.1em;
text-transform:uppercase;
}
.comment-author a {
border:none;
color:#567;
text-decoration:none;
}
.comment-author a:hover {
border:none;
color:#789;
}
.comment-meta {
color:#345;
font-size:0.9em;
font-style:italic;
}
.comment-meta a {
color:#567;
text-decoration:none;
}
.comment-meta a:hover {
color:#999;
}
#comments ol {
color:#89a;
list-style-type:none;
margin:0;
padding:0;
}
.comment,.trackback,.pingback {
border-top:1px solid #234;
margin:10px 20px 0;
padding:10px 0;
}
blockquote {
border-left:3px solid #345;
margin:10px;
padding:0 10px;
}
dt {
color:#567;
font-weight:bold;
margin:10px 0 0;
}
.alignleft {
float:left;
margin:2px 5px 2px -10px;
}
img.alignleft {
border:3px solid #567;
}
pre {
background-color:#345;
border:1px solid #567;
padding:5px;
}