redesigngoogle: Wintermute

Welcome. RedesignGoogle lets you totally transform the look of Google Search by creating and installing custom designs. It's part of WebMynd's mission to give you more control over your search experience.

redesigngoogle.
gallery: simple

get this look

designer's statement

Clean design, two columns, load more results via AJAX.

tweet this!

also by Imran Zaidi

Wintermute

by Imran Zaidi

average rating

show discussion

/*
Enter your CSS here. This is a skeleton stylesheet to help you get started.
*/

/* background image */
body {
  background-color: #a0ceea;
	background-repeat: repeat-x;
	overflow-x: hidden;
}

.g .ts {
  display: none;
}

.r {
  display: block !important;
}

li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.a {
	color: #003354;
	font-size: 14px;
	line-height: 18px;
}

.w, #prs a:active, .q:active, a.gb1, a.gb2, a.gb3, a.gb4 {
color: #003354 !important;
}

#wmToolbar a {
color:#A4A1A9 !important;
}

.std {
  display: none;
}

h3 {
  margin: 0;
}

.lst {
	border: 0;
	font-size: 60px;
	height: 85px;
	background-color: white;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 55px;
	padding-left: 20px;
	padding-top: 5px;
	text-align: left;
	font-weight: bold;
	color: #171819;
	opacity: 0.85;
}

li { 
 list-style-type:none; 
}

.loadmore {
	clear: both;
	padding-bottom: 100px;
	padding-top: 15px;
	text-align: center;
	width: 100%;
	font-size: 36px;
	font-weight: bold;
}

#numresults {
	font-size: 20px;
	font-weight: bold;
	color: #4e88ac;
	padding-right: 16px;
	padding-left: 16px;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 5px;
}

.hidden {
	display: none;
}

.loadmore a {
	text-decoration: none;
}

#gbar, #guser {
	text-transform: lowercase;
	font-size: 16px;
}

#cnt {
	width: 100%;
}

.gbh {
	display: none;
}

#ssb {
	display: none;
}

#mbEnd {
	display: none;
}

.lsb, .xsm {
	display: none;
}

#rhresults {
	float: right;
	width: 47%;
	margin-right: 16px;
}

#lhresults {
	float: left;
	width: 47%;
	margin-left: 16px;
}

#rhsline {
	display: none;
}

#results {
	width: 100%;
	padding-top: 30px;
}

/* logo */
#logo {
  font-size: 0px;
  background-repeat: no-repeat;
  background-image: url('your-logo');
}

/* search box */
.ts input[size] {

}

/* result links */
a.l {
	text-decoration: none;
	font-size: 24px;
	line-height: 26px;
}

/* result link descriptions */
.s, .f {
	color: #003354;
	font-size: 14px;
	line-height: 18px;
}

/* general links */
a:link, .w, #prs a:active, .q:active {
	color: #003354;
}

a:hover {
	color: black;
}

a {
	outline: none;
}

/* visited links */
#prs a:visited, .mblink:visited, a:visited, .q:visited {
	color: black;
}

/* cached/similar/related links */
a.fl, fl:link, .gl, .gl a:link {
  color: #003354 !important;
	font-weight: bold;
}

/* nav links */
#nav .b a, #nav .b a:visited, a.gb1, a.gb2, a.gb3, .link {
  color: #003354 !important;
	text-decoration: none;
}

#header {
	margin-top: 10px;
}

/* citations */
cite {
	color: #4f7f9e;
}

/* book citations */
.a {

}

#nav {
	display: none;
}

/* top sponsored links table */
#tads {

}

/* right hand sponsored links table */
#mbEnd {

}

/* bar at top of search results */
#ssb, .blk {

}

/* footer */
#bsf {

}

.g {
  margin-left: 0 !important;
}

start = 0;

$(document).ready(function() {
	
	$("table.ts,div#iur", $("#res")).parent().each(function() {
		$(this).remove();
	});
	
	$("#logo").hide();
	$(".clr").hide();
	
	$(".lst").bind("focus", function(){ 
		$(".lst").css("opacity", 1.0);
	});
	
	$(".lst").bind("mouseover", function(){ 
		$(".lst").css("opacity", 0.9);
	});
	
	$(".lst").bind("mouseout", function(){ 
		$(".lst").css("opacity", 0.85);
	});
	
	$(".lst").bind("keypress", function(e){
		$(".lst").css("opacity", 1.0);
	});
	
	$(".lst").bind("blur", function(){ 
		$(".lst").css("opacity", 0.85);
	});
	
	var numresults = $("#ssb p b:eq(2)").html();
	
	$('<div id="results"></div>').insertAfter("#cnt");
	$('<div id="numresults">'+numresults+' pages found</div>').appendTo("#results");
	
	var i = 0;
	var lhresults = $('<div id="lhresults"></div>');
	var rhresults = $('<div id="rhresults"></div>');
	$("li.g", $("#res")).each(function() {
		if (i % 2 == 0) {
			$(this).appendTo(lhresults);
		} else {
			$(this).appendTo(rhresults);
		}
		i++;
	});
	rhresults.appendTo("#results");
	lhresults.appendTo("#results");
	$("#res").remove();
	
	$('<div id="tempresults" class="hidden"></div>').insertAfter("#results");
	
	$('<div class="loadmore"><a href="javascript:void(0)" onclick="loadMore();">load more</a></div>').insertAfter("#results");
});