redesigngoogle: Go Ogle

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: cool

get this look

designer's statement

Go ogle something that's a tad nicer than a plain Google page (Alena Seredova) ----------------------------------------------------------------------------------------- Had fun using some CSS techniques: sprites, CSS rollovers, text-shadows, rounded corners, opacity, text-replacement, complex selectors, injecting content using :before pseudo elements, fixed positioning & min-width. ----------------------------------------------------------------------------------------- Great to do FFx-only for a change! ----------------------------------------------------------------------------------------- 21-Sep - Added a small Easter Egg! (Note: Might have to clear your private data to pick up the latest CSS changes) ----------------------------------------------------------------------------------------- 23-Sep - Added support for Google Finance page (Google Finance never looked so sexy)

tweet this!

also by randsco

Go Ogle

by randsco

average rating

show discussion

@import url(http://randsco.com/goOgle.css);
body{min-width:530px;margin-right:200px;background:#cbc9c7 url(http://webmynd_look.s3.amazonaws.com/68/Alena.jpg) no-repeat 100%100% fixed}
#header{margin:-3px -195px 0 -10px;background:url('http://www.webmynd.com/static/css/images/toolbarbgdark.png')repeat-x;padding:5px 10px}
#guser{width:auto; margin:-3px -200px 0 -10px; background:url('http://www.webmynd.com/static/css/images/toolbarbgdark.png')repeat-x;padding:5px 10px}
#gbar,#guser{color:#777;font:14px/19px helvetica,sans-serif;background:url('http://www.webmynd.com/static/css/images/toolbarbgdark.png')repeat-x}
#guser{color:#000;height:20px;}
#guser b,a#logo img,.ts input[value=Search],#wml,#mbEnd,.bt,[name=f] img,[name=btnG]{display:none}
#guser a,a.gb1,a.gb2,a.gb3{color:#aaa!important;text-decoration:none;background-image:url(http://www.webmynd.com/static/css/images/toolbarbg.png);padding:5px 10px}
#guser a:hover,a.gb1:hover,a.gb2:hover,a.gb3:hover{background-image:url(http://www.webmynd.com/static/css/images/toolbarbgactive.png);color:#fff!important} 
#cnt { margin-top:15px;}
.gbh{border:none}
#gbi,.gbd,#gbg{border:#000;background:#000}
h1 a#logo{color:transparent}
a#logo{display:block;width:136px;background:url(http://webmynd_look.s3.amazonaws.com/68/google.gif) no-repeat 0% 50%}
.ts{margin-left:0!important}
.ts input[size],[name=as_q],[name=q]{-moz-border-radius: 9px;background:#ddd;padding:5px 10px;color:#900;font:bold 180% arial,sans-serif;border:1px solid #666;opacity:.8}
.ts input[size]:hover,.ts input[size]:focus,[name=as_q]:hover,[name=as_q]:focus,[name=q]:hover,[name=q]:focus{background:#eee;color:#333}
#ssb,#tbd,#bsf{background:#aaa!important;border:1px outset #ccc!important;opacity:.7;overflow:hidden}
#ssb,#bsf{margin-right:-180px}
#ssb { margin-top:10px; margin-bottom:35px;}
ol .g {list-style:decimal inside;font:bold 110% arial,sans-serif;color:#611}
.g h3 a{font-size:1.3em}
.g a,.gl a,#brs a,#bsf a{color:#611!important;text-decoration:none}
.g a:visited{color:#808!important}
.g a:hover,.gl a:hover,#brs a:hover,#bsf a:hover{color:#fff!important}
.g a em{color:#900}
.g a:hover em{color:#c66}
.g a:visited em{color:#a08}
.g a:visited:hover em{color:#a68}

div#iur{margin-left:35px!important}
.s a,.s a:visited{color:#611;font-size:.9em !important}
.s a:hover{color:#fff}
.s{max-width:90%;margin:5px 0 10px 30px;color:#666;font:normal .95em arial,sans-serif}
.s cite{display:inline-block;margin-top:5px;font:0.8em arial,sans-serif;color:#464}