Gennaro

Posted: 10.04.08 in Blogging
Tags: , , , ,

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('https://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;
}
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s