redesigngoogle: Professional Blue

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

It's Google...It's Clean...No Ajax, Just CSS - CHANGELOG ON: http://www.marcio-dias.com/blog/projetos/professional-blue-redesign-google

tweet this!

also by Márcio Dias

Professional Blue

by Márcio Dias

average rating

show discussion

body {
font:11px/165% "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
color:#666;
background:#FFF;
margin:0;
padding:0;
}

#tads {
background:none;
margin-bottom:50px;
}

#ssb {
border:0;
background:none;
padding:10px;
}

#mbEnd {
background:none;
border:0;
}

#cnt {
border:0;
margin:0;
padding:0;
}

cite {
background-image:url(http://webmynd_look.s3.amazonaws.com/603/iconeLink.png);
background-repeat:no-repeat;
padding-left:20px;
color:#59C800;
}

nobr .f {
padding-left:18px;
background:url(http://webmynd_look.s3.amazonaws.com/603/iconeData.png) no-repeat;
}

#brs a {
padding-left:18px;
background-image:url(http://webmynd_look.s3.amazonaws.com/603/iconeBusca.gif);
background-repeat:no-repeat;
}

.l,#an1,#an2,#an3,#an4 {
background-image:url(http://webmynd_look.s3.amazonaws.com/603/iconePage.gif);
background-repeat:no-repeat;
padding-left:20px;
}

#guser {
margin-top:5px;
padding-left:25px;
margin-bottom:-10px;
font-size:12px;
float:left;
background:url(http://webmynd_look.s3.amazonaws.com/603/userIcon.png) no-repeat;
}

a:hover {
color:#2E9FFF;
}

a:visited {
color:#000;
}

#gbar a {
display:block;
text-decoration:none;
float:left;
color:#7e7e7e;
text-align:center;
padding-top:7px;
font:13px "Helvetica Neue", Helvetica, Geneva, sans-serif;
background:url(http://webmynd_look.s3.amazonaws.com/603/menuFundo.png) no-repeat 0 0;
width:57px;
height:30px;
}

#gbs {
display:none;
}

#gbi {
display:block;
margin-top:20px;
width:100px;
border:0;
padding:2px;
background:#FFF;
}

#gbar #gbi a,#gbar #gbi a:hover {
width:100%;
background:none;
margin:0;
padding:0;
border:0;
text-align:center;
}

#gbar #gbi a:hover {
background:#2E9FFF;
border-color:#DBDBCE;
border-style:solid;
-moz-border-radius:10px;
-khtml-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}

.gbd {
border:0;
background:none;
}

.g {
margin-top:40px;
}

.slk div a {
padding-left:18px;
background-image:url(http://webmynd_look.s3.amazonaws.com/603/iconeLinkSetaDireita.png);
background-repeat:no-repeat;
}

.slk .fl {
padding-left:18px;
background-image:url(http://webmynd_look.s3.amazonaws.com/603/iconeMaisSite.gif);
background-repeat:no-repeat;
}

.slk {
background-image:url(http://webmynd_look.s3.amazonaws.com/603/iconeMaisDireita.png);
background-position:-10px -10px;
background-repeat:no-repeat;
}

#gbar a:hover {
background:url(http://webmynd_look.s3.amazonaws.com/603/menuFundo.png) no-repeat 0 -43px;
display:block;
text-decoration:none;
float:left;
color:#227180;
padding-top:13px;
}

#bsf {
height:110px;
border:0;
margin:0;
padding:0;
}

#logo {
width:80px;
height:0;
background:none;
}

.ts h1 {
display:none;
}

#sform #sft {
background-image:url(http://webmynd_look.s3.amazonaws.com/603/logoSearchGoogle.png);
background-repeat:no-repeat;
background-position:20px 10px;
}

#sft {
background-image:url(http://webmynd_look.s3.amazonaws.com/603/logoSearchGoogle.png);
background-repeat:no-repeat;
background-position:25px 9px;
}

#issferb {
padding-top:20px;
}

.lsb {
height:41px;
font-size:20px;
border:0;
color:#FFF;
padding-left:-10px;
border-top-right-radius:10px;
-moz-border-radius-topright:5px;
-webkit-border-top-right-radius:10px;
border-bottom-right-radius:10px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:7px;
background-image:url(http://webmynd_look.s3.amazonaws.com/603/fundoInputSearch.png);
background-position:center;
}

.lst {
background:none;
}

.ts input[size],.lst {
width:250px;
height:33px;
font-size:25px;
border:1px solid #E6E6E6;
color:#666;

margin-left:80px;
margin-right:-9px;
background-position:0 -3px;
margin-top:1px;
border-top-left-radius:10px;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:10px;
border-bottom-left-radius:10px;
-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-left-radius:10px;
background-image:url(http://webmynd_look.s3.amazonaws.com/603/iconeInputSearch.png);
background-repeat:no-repeat;
background-position:10px 8px;
padding-left:40px;
padding-right:10px;
padding-top:5px;
}

#sff {
background:none;
}

.ts {
background:none;
}

div .s em {
background-color:#FFFFE0;
color:#000;
}

div .s {
text-align:justify;
}

#rhsline.std {
border-left:0;
}

.gbh,#gbar b {
display:none;
}

#flp {
border:0;
margin:0;
padding:0 0 10px;
}

#flp a:hover {
color:#FFF;
}

#nav {
color:red;
}

#nav .csb{
display:none;
}

#nav a{
color:#3665FF;
font-size:15px;
margin-left:5px;
margin-right:5px;
}

#nav a b{
width:100px;
}

#nav a b, #nav .cur {
display:block;
height:20px;
font-size:15px;
border:0;
color:#FFF;

padding:5px;

border-radius:10px;
-moz-border-radius:5px;
-webkit-border-radius:10px;

background-image:url(http://webmynd_look.s3.amazonaws.com/603/fundoInputSearch.png);
background-position:center;
}

a.fl,fl:link,.gl,.gl a:link,#nav .b a,#nav .b a:visited,a.gb1,a.gb2,a.gb3,.link {
color:!important;
}

a,a:active,a:visited,a:link,.gb3 a,.gb3 a:active,.gb3 a:link {
text-decoration:none;
color:#006CFF;
}

#cnt {
padding-top:20px;
}

.r:hover {
background-repeat:no-repeat;
background-position:right;
background-image:url(http://webmynd_look.s3.amazonaws.com/603/Silk_arrow_right.png);
padding-right:20px;
}

span a.fl {
display:block;
background-repeat:no-repeat;
background-position:left;
background-image:url(http://webmynd_look.s3.amazonaws.com/603/world_icon.png);
padding-left:20px;
}

#bsf {
background-color:#FFF;
}

#irl_r.gl a {
background-repeat:no-repeat;
background-position:left;
background-image:url(http://webmynd_look.s3.amazonaws.com/603/red-flag.gif);
padding-left:20px;
}

.g .std {
color:#FFF;
}

a:hover {
text-decoration:none;
color:#003CFF;
}