StudioBlue

Screenshots

Code

No special changes were done to the php code, only the additions of breadcrumps, edit link, pagenumbers and such as already reported for the other themes were applied.

In the main css file all text colors were changed to ‘#616368;’ to increase the contrast.

The main layout changes and additions are again in a separate file:

/*  StudioBlue */
 
#breadcrump { background-color: #FFF; color: inherit; border: 1px solid #EBEBEB; padding: 5px 5px 5px 15px; display: block; margin-bottom: 10px; width: 593px; margin-top: 15px; }
 
h1 { margin-top: 20px; }
h2 { margin-top: 20px; }
h3 { margin-top: 20px; }
h4 { margin-top: 20px; }
h1.post-title{ margin-top: 0px; }
 
 
.current_page_item { font-weight: bold; }
.current_page_item .page_item { font-weight: normal;}
.current_cat_item { font-weight: bold; }
 
/* TOC Plugin */
.toc {
  border: #ebebeb solid 1px;
  font-size: .9em;
  margin: 0 0 15px 0px;
  width: 50%;
}
 
.toc ol {
  margin: 5px;
  padding-left: 30px;
}
 
 
 
.related-posts {
	background-color: #FFF; 
	color: #7b7b6f;
	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: 568px;
}
 
.landingsites{
	background-color: #FFF; 
	color: #7b7b6f;
	border: 1px solid #ebebeb;
	padding-left: 15px;
	padding-top: 0px;
	display: block;
	margin-bottom: 5px; 
	margin-top: 15px;
	padding-top: 15px;
	width: 598px;
}
 
 
.wp_syntax {
  color: #100;
  background-color: #f6f6f6;
  border: 1px solid #ebebeb;
  margin: 0 0 1.5em 0;
  overflow: auto;
}
 
table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	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 #2967b0;
	border-width: 1px;
}
 
table thead th{
	letter-spacing: .1em; 
	color:#fff; /*color: inherit;*/
	background: #2967b0; 
	font-weight: bold; 
	text-align:left;
} 
 
table tr {
	border-bottom: solid #ebebeb;
	border-width: 1px;
}
 
 
td, th { padding: 6px; margin: 0px; }   
table tr.even th, 
table tr.even td {background: #fff; } 
table tr.odd th,
table tr.odd td {background: #f0f0f0; } 
 
tr td.tablesubheader,
tr.odd td.tablesubheader,
tr.even td.tablesubheader  {
	background: #aeaeae; 
 	border: 1px solid #aeaeae;
	color: #fff;
}
 
 
 
.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 #ebebeb;
	color: #1d75cf;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 4px 6px 4px 6px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #ebebeb;
	color: #1d75cf;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #3B3B3B;
	color: #3B3B3B;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 4px 6px 4px 6px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #ebebeb;
	color: #1d75cf;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 4px 6px 4px 6px; 
	margin: 2px 2px 2px 2px;
	color: inherit;
	border: 1px solid #ebebeb;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 4px 6px 4px 6px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #ebebeb;
	color: inherit;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 4px 6px 4px 6px; 
	margin: 2px;	
	border: 1px solid #ebebeb;
	color: inherit;
	background-color: #FFFFFF;
}

WhosWho

Screenshots

Code

The functions.php got a new function ‘shareButtons($visibility)’ to remove the huge code of the Share Button outside of the theme files.

in sidebar.php the following code had to be disabled:

if (get_option('artsee_ads') == 'Hide') ...

simply because this option has different values in other themes, for example ‘invisible’, which means that the ad is shown if one switches the theme. In that sense it is a bug across all themes.

In the main css file I have again increased the contrast of all text colors to ‘#53555a;’ and removed all ‘text-transform: lowercase’ occurences.

All further changes in style are in this css file:

/*  PureType */
 
#breadcrump { width: 583px; padding: 5px 15px; margin-right: 13px; float: left; background-color: #FFF; border: 1px solid #EBEBEB; margin-bottom: 10px; }
 
h1 { margin-top: 20px; }
h2 { margin-top: 20px; }
h3 { margin-top: 20px; }
h4 { margin-top: 20px; }
h1.post-title{ margin-top: 0px; }
 
.sidebar-box ul { margin-left: -15px; }
.sidebar-box ul.wp-polls-ul { margin-left: 5px; }
 
 
.current_page_item { font-weight: bold; }
.current_page_item .page_item { font-weight: normal;}
.current_cat_item { font-weight: bold; }
 
/* TOC Plugin */
.toc {
  border: #ebebeb solid 1px;
  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: 568px;
}
 
.landingsites{
	background-color: #FFF; 
	color: inherit;
	border: 1px solid #ebebeb;
	padding-left: 15px;
	padding-top: 15px;
	display: block;
	margin-bottom: 15px; 
	margin-top: 15px;
	width: 598px;
}
 
.wp_syntax {
  color: #100;
  background-color: #f6f6f6;
  border: 1px solid #ebebeb;
  margin: 0 0 1.5em 0;
  overflow: auto;
}
 
table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	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 #027bd1;
	border-width: 1px;
}
 
table thead th{
	letter-spacing: .1em; 
	color:#fff; /*color: inherit;*/
	background: #027bd1; 
	font-weight: bold; 
	text-align:left;
} 
 
table tr {
	border-bottom: solid #d5d5d5;
	border-width: 1px;
}
 
 
td, th { padding: 6px; margin: 0px; }   
table tr.even th, 
table tr.even td {background: #fff; } 
table tr.odd th,
table tr.odd td {background: #f2f2f2; } /*#e7e7e7*/
 
tr td.tablesubheader,
tr.odd td.tablesubheader,
tr.even td.tablesubheader  {
	background: #949494; 
 	border: 1px solid #949494;   
	color: #fff;
}
 
 
 
.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 #ebebeb;
	color: #0084ff;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 4px 6px 4px 6px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #ebebeb;
	color: #0084ff;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #000000;
	color: #3B3B3B;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 4px 6px 4px 6px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #ebebeb;
	color: #0084ff;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 4px 6px 4px 6px; 
	margin: 2px 2px 2px 2px;
	color: inherit;
	border: 1px solid #ebebeb;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 4px 6px 4px 6px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #ebebeb;
	color: inherit;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 4px 6px 4px 6px; 
	margin: 2px;	
	border: 1px solid #ebebeb;
	color: inherit;
	background-color: #FFFFFF;
}