redesigngoogle: Guji

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

Colors and aesthetics inspired by Muji brand identity and simple design philosophy The search result items themselves are inspired by the old library card catalogues. Current version: v0.1 v0.1 - still working out kinks, sponsored links unavailable

tweet this!

Guji

by Digital Boomerang

average rating

show discussion

body { background:url(http://webmynd_look.s3.amazonaws.com/3332/mujiwallpaperpattern.png); margin:0; padding:0;}
span#main > div { background:url(http://webmynd_look.s3.amazonaws.com/3332/headerstrip.png) top repeat-x;}
#cnt {width:100%; max-width:100%; }

/*top bar*/

a.gb1, a.gb2, a.gb3, a.gb4, a#sflas { color:#9C003E !important; }
div.gbh { border:none; }

/* search form */
div#sform { margin:0 auto; max-width: 900px; padding:20px 0 30px; height:122px;}
td#sff {padding:30px 0 0 30px !important; }
td#sff input.lst { width:300px; font-size:24px;}

/* logo */

a#logo { display:block; background: url(http://webmynd_look.s3.amazonaws.com/3332/logo_googlemuji.png); width:355px; height:88px; text-indent:-9000px;}
a#logo img {visibility: hidden; }

/* results area 
#res {margin:0; padding:0;}
#res ol {
}*/

div#sdb { }
div#ssb { background-color:transparent; border-top:none;  }

div#res { width:95%; margin:0 auto; }

/* ads */

table#mbEnd {float:none; display:inline-block; width:400px; display:none;}

#res { margin-top:30px !important;}
#res ol > li {min-height:322px; width:511px !important; background:url(http://webmynd_look.s3.amazonaws.com/3332/indexcard.png) no-repeat;
padding: 15px 0 0 20px;
font-family:"Courier New", Courier, monospace !important; display:inline-block; vertical-align: middle;
}

li.g  { font-family:"Courier New", Courier, monospace !important;  }

/*news results*/
#res ol li.g > table.ts { width:511px; line-height:25px; margin:-3px 0 0 -20px; background:url(http://webmynd_look.s3.amazonaws.com/3332/indexcard_bottom.png) bottom no-repeat;}
#res ol table.ts tr > td:nth-child(1){ width:80px; padding-left:16px; margin:0;}
#res ol table.ts tr > td:nth-child(2) { width:350px; padding-right:15px; padding-bottom:30px;}

#res ol li.s > table.ts  {background:none; }

#res ol li h3 {  display:block; width:460px; letter-spacing:-0.05em; font-weight:bold; font-size: 18px; line-height:25px; margin-bottom:1px;}

#res ol li h3 a {text-decoration:none; color:#000; }

#res ol li > .s { font-size:14px; width:460px; margin-left:10px; line-height:25px;}
#res ol li .s span.gl {font-weight:bold; }

/*related searches */
span#botstuff div.e table{margin:0 auto;}

div.clr {margin:0 !important; background:url(http://webmynd_look.s3.amazonaws.com/3332/headerstrip.png) 0 -85px; padding-bottom:10px;}
div#bsf {background-color: transparent; border:none;  margin:0 !important; width:100%; max-width:100%;}

div#bsf a {color:#9C003E !important;}

.csb { background:transparent url(http://webmynd_look.s3.amazonaws.com/3332/longgoogle.png) no-repeat scroll 0 0; }