redesigngoogle: Obvious

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

This design is all about making the links stand out an reducing the amount of useless wording (e.g. number of results). Also, bigger bottom nav and no ads. - DZ, webit.ca

tweet this!

Obvious

by Dimitry Zolotaryov (webit.ca)

average rating

show discussion

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

/* background image */
body {
  background-image: url('your-background');
}

a {
text-decoration: none;
}

#tsf {
display: block;
height: 75px;
overflow: hidden;
}

#ssb {
border-top: 0;
overflow: hidden;
position: relative;
}
#ssb * {
color: #F0F7F9;
}
#ssb p a {
color: #2200CC;
position: absolute;
left: 30px;
}

#tbpi {
 position: absolute;
left: 0; 
}

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

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

}

/* result links */
a.l {
font-size: 1.25em;
text-decoration: none;
}

/* 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 {
  color: !important;
}

/* nav links */
#nav .b a, #nav .b a:visited, a.gb1, a.gb2, a.gb3, .link {
  color: !important;
}
#nav td {
padding: 4px;
font-size: 16px;
}
#nav td a {
background: #F0F7F9;
border: 1px solid #6B90DA;
padding: 4px 8px;
}
#nav td span {
display: none;
}
#nav td.cur {
vertical-align: middle;
}

/* citations */
cite {

}

/* book citations */
.a {

}

/* top sponsored links table */
#tads {

}

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

}

#mbEnd{
display: none;
}

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

}

#res {
margin: 0 8px;
}

#res .g {
margin: 1em 0;
padding: 1em;
background: #f9f9f9;
}

#res .g:hover {
background: #fdfdfd;
}

/* footer */
#bsf {

}