redesigngoogle: GoogleBlue

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

Blue style design of the page, subtle work on typography, spacing and colours.

tweet this!

GoogleBlue

average rating

show discussion

/* background image */
body { background:#fff url(http://www.ryandownie.com/google/header-bar.png) repeat-x; line-height:1.6}

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

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

/* result links */
a.l {}

/* result link descriptions */
.s {}

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

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

/* cached/similar/related links */
a.fl, fl:link, .gl, .gl a:link {
 }

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

/* citations */
cite {}

/* book citations */
.a {}

/* top sponsored links table */
#tads {}

/* right hand sponsored links table */
#mbEnd {-moz-border-radius:8px;  background:#eff1f8;}
#mbEnd ol li { font-size:11px; width:201px !important;}

/* bar at top of search results */
#ssb, .blk {background:#eff1f8}
#guser a { color:#fff; font-size:11px}

/* footer */
#bsf {background:#EFF1F8 none repeat scroll 0 0;}
#flp { background:#fff url(http://www.ryandownie.com/google/header-bar.png) repeat-x; margin:0; padding:5px 0 12px;}
#flp a { color:#fff; text-decoraion:none; font-weight:bold}
img { background:#EFF1F8 none repeat scroll 0 0; padding:2px; border:1px solid #bfbfbf }

.gbh, .gbd { border:none; }