GrungeMag

Screenshots

Code

I moved the whole ‘share buttons’ to a function in functions.php, because it is a mess of code and used multiple times:

/*  PureType */
 
#breadcrump { width: 697px; float: left; border-bottom: 1px solid #eeebdd; background-color: #f5f5eb; padding: 5px; margin-bottom: 20px; padding-left: 28px; margin-left: -28px; display: block;} 
 
.bluetitle, .bluetitle a:link, .bluetitle a:hover, .bluetitle a:visited { font-size: 42px; }
.redtitle, .redtitle a:link, .redtitle a:hover, .redtitle a:visited { font-size: 42px; }
.redtitle, .redtitle a:link, .redtitle a:hover, .redtitle a:visited, .bluetitle, .bluetitle a:link, .bluetitle a:hover, .bluetitle a:visited { line-height: 50px; }
.logo {height: 25px; }
 
h1 { margin-top: 20px; }
h2 { margin-top: 20px; }
h3 { margin-top: 20px; }
h4 { margin-top: 20px; }
h1.post-title{ margin-top: 20px; }
 
.current_page_item { font-weight: bold; }
.current_page_item .page_item { font-weight: normal;}
.current_cat_item { font-weight: bold; }
 
/* TOC Plugin */
.toc {
  border: #d0d0c8 solid 1px;
  /*float: left;*/
  font-size: .9em;
  margin: 0 0 15px 0px;
  width: 50%;
}
 
.toc ol {
  margin: 5px;
  padding-left: 30px;
}
 
 
.related-posts {
	background-color: #FFF; 
	color: inherit;
	border-top: 1px solid #EBEBEB;
	border-bottom: 1px solid #EBEBEB;
	padding-left: 15px;
	padding-top: 0px;
	display: block;
	margin-bottom: 15px; 
	margin-top: 15px;
	width: 603px;
}
 
.landingsites{
	background-color: #FFF; 
	color: inherit;
	border: 1px solid #EBEBEB;	
	padding-left: 15px;
	display: block;
	margin-bottom: 15px; 
	margin-top: 15px;
	padding-top: 15px;
	width: 603px;
}
 
.wp_syntax {
  color: #100;
  background-color: #f5f5eb;
  border: 1px solid #d0d0c8;
  margin: 0 0 1.5em 0;
  overflow: auto;
}
 
 
table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	/*border-bottom: 1px solid #d0d0c8; */
	border: 1px solid #d0d0c8;
	margin: 10px 0px;
} 
 
.blanktable {
	width: auto;
	border-collapse: collapse;
	border: none;
} 
 
td, th{
	line-height: 130%;
	vertical-align: top; 
	font-weight: normal; 
} 
 
table thead tr{
	border: solid #53718b;
	border-width: 1px;
}
 
table thead th{
	letter-spacing: .1em; 
	color:#fff; /*color: inherit;*/
	background: #53718b; 
	font-weight: bold; 
	text-align:left;
} 
 
table tr {
	border: solid #e6e6de;
	border-width: 1px;
}
 
 
td, th { padding: 6px; margin: 0px; }   /* border:1px solid #e9e9d9; */
table tr.even th, 
table tr.even td {background: #fff; } /*#f5f5eb*/
table tr.odd th,
table tr.odd td {background: #fafaf1; } /*fffff5*/
 
tr td.tablesubheader,
tr.odd td.tablesubheader,
tr.even td.tablesubheader  {
	background: #e6e6de; 
 	border: 1px solid #e6e6de;   /*#d0d0c8*/
	color: #000;
}
 
 
.wp-pagenavi{
	margin-bottom: 10px;
}
 
.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 4px 6px 4px 6px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #d0d0c8;
	color: #e56100;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 4px 6px 4px 6px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #d0d0c8;
	color: #e56100;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 4px 6px 4px 6px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #d0d0c8;
	color: #e56100;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 4px 6px 4px 6px; 
	margin: 2px 2px 2px 2px;
	color: inherit;
	border: 1px solid #d0d0c8;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 4px 6px 4px 6px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #d0d0c8;
	color: inherit;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 4px 6px 4px 6px; 
	margin: 2px;	
	border: 1px solid #d0d0c8;
	color: inherit;
	background-color: #FFFFFF;
}
 
.pagenumbers{
	margin-bottom: 10px;
}
 
.pagenumbers a, .pagenumbers a:link {
	padding: 4px 6px 4px 6px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #d0d0c8;
	color: #e56100;
	background-color: #FFFFFF;	
}
.pagenumbers a:visited {
	padding: 4px 6px 4px 6px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #d0d0c8;
	color: #e56100;
	background-color: #FFFFFF;	
}
.pagenumbers a:hover {	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.pagenumbers a:active {
	padding: 4px 6px 4px 6px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #d0d0c8;
	color: #e56100;
	background-color: #FFFFFF;	
}

used in ‘page.php’ as

    <div id="header-right">
        <?php include 'adsense/468x60.php';?>
    </div>

In header.php the banner code was removed, because it could not be switched of by an option.

In sidebar.php I removed the ‘about us’ tab, because I do not want it, and it is not switchable by an option.

The breadcrumps, edit and print link and the page navigation was introduced as in the EarthlyTouch Theme.

The css for the sidebar page navigation was changed completely, since in the original it was only flat. Several minor changes were applied to the css file, such as removal of text-transfrom, or the adding of some space in padding or margins. All major changes are in a seperate file:

body { color: #5c5c5c; }
#container { color: #5c5c5c; }
.sidebar-box ul { margin-left: -20px; }