redesigngoogle: Helvetioogle

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

Helvetica meets Google. A modernized version of google search based on Swiss design.

tweet this!

Helvetioogle

by Matt Bango

average rating

show discussion

body {
  font-family: Helvetica, Arial, "Helvetica Neue", sans-serif !important;
  margin: 0 !important;
  padding: 0 !important;
}

#main > div {
  background: #f6f6f6 !important;
}

input:focus,
input:active,
a:active,
a:focus {
  border: none !important;
  outline: none !important;
  outline-width: 0 !important;
}

#gbar {
  height: auto !important;
  padding: 4px 0 0 20px !important;
}

#gbar a,
#gbar b {
  padding-right: 10px !important;
}

#gbar a,
#guser a {
  color: #888 !important;
  text-decoration: none !important;
}

#gbar b {
  color: #191919 !important;
}

#gbar a:hover,
#guser a:hover {
  color: #bbb !important;
}

#ghead {
  background: #eee !important;
}

#guser {
  background: #f6f6f6 !important;
  color: #555 !important;
  height: 21px !important;
  padding: 4px 20px 0 0 !important;
}

/* --- Body --------------------------------------------------------------------------------- */
#cnt {
  background: #fff !important;
  margin: 0 auto !important;
  padding: 30px 20px !important;
  position: relative;
  max-width: 100% !important;
  width: 980px !important;
}

/* --- Header ---------------- */
#logo {
  font-size: 0px;
  background-repeat: no-repeat;
  background-image: url('http://webmynd_look.s3.amazonaws.com/3028/helvetioogle_logo.png') !important;
  width: 190px !important;
  height: 37px !important;
/*  margin-right: 200px !important; */
  margin-right: 30px !important;
}

#logo img {
  display: none;
}

#sft {
  margin: 0 !important;
}

#sform {
  margin-bottom: 15px !important;
}

#sform .gac_m {
  border: 1px solid #bbb !important;
  color: #555 !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  left: 262px !important;
  top: 76px !important;
  z-index: 990 !important;
}

#sff table td {
  background-color: #E81E1E !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 5px 0 6px !important;
  width: 635px !important;
}

#sff table input.lst {
  padding: 1px 0 0 5px !important;
  width: 550px !important;
}

#sff table td.xsm {
  background: #fff !important;
  padding-left: 15px !important;
  width: 40px !important;
}

#sff table td.xsm a {
  color: #999 !important;
  text-decoration: none !important;
}

#sff table td.xsm a:hover {
  color: #444 !important;
}

/* --- Options -------------------- */
#sdb {
  margin-bottom: 30px !important;
}

#bsf, #ssb, .blk {
  border: none !important;
}

#ssb {
  background: #f9f9f9 !important;
  border: 1px solid #f2f2f2 !important;
  color: #ccc !important;
  margin: 0 0 30px 0 !important;
  padding: 5px !important;
}

.std a {
  color: #333 !important;
  text-decoration: none !important;
}

.std a:hover {
  text-decoration: underline !important;
}

#resultStats a {
  color: #E81E1E !important;
  font-weight: normal !important; 
  text-decoration: none !important;
}

#resultStats a:hover {
  text-decoration: underline !important;
}

#rso .g {
  margin-bottom: 20px !important;
}

#rso li p {
  font-size: 14px;
}

#rso li span.b {
  color: #e81e1e !important;
}

p span.spell {
  color: #333 !important;
}

p a.spell {
  color: #e81e1e !important;
}

p span.std {
  color: #999 !important;
}

#rso li table img {
  border: 2px solid #ddd !important;
  margin: 0 5px 0 0 !important;
}

#rso li table a {
  color: #191919 !important;
}

#rso li table a:hover {
  color: #e81e1e !important; 
}

#rso li div > a {
  color: #e81e1e !important;
}

#rso li table.ti img {
  left: -21px !important;
  top: -80px !important;
}

#rso li table.ti td {
  padding: 0 !important;
}

/* --- Show Options | Hide Options ------------- */
.tbo #tbd {
  border-right: 1px solid #ddd !important;
  padding-left: 10px !important;
}

.tbo #tbd a {
  color: #E81E1E !important;
  text-decoration: none !important;
}

.tbo #tbd a:hover {
  text-decoration: underline !important;
}

#tbpi {
  color: #E81E1E !important;
}

.tbo #ssb #tbp,
.tbi div,
#tbp,
.csb,
.ss {
  background-image: url(http://webmynd_look.s3.amazonaws.com/3028/image_map.png) !important;
}

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

}

/* result links */
h3.r a,
a.l {
  color: #191919 !important;
}

h3.r a:hover,
a:hover.l {
  color: #E81E1E !important;
}

/* result link descriptions */
.s {
  color: #494949 !important;
  line-height: 1.35 !important;
  /* max-width: 650px !important; */
}

#mbl1 a, #mbl2 a,
#mbl3 a, #mbl4 a,
#mbl5 a, #mbl6 a,
#mbl7 a, #mbl8 a,
#mbl9 a, #mbl10 a,
#mbl11 a, #mbl12 a,
#mbl13 a, #mbl14 a,
#mbl15 a, #mbl16 a,
#mbl17 a, #mbl18 a,
#mbl19 a, #mbl20 a {
  color: #444 !important;
}

#mbl1 a:hover, #mbl2 a:hover,
#mbl3 a:hover, #mbl4 a:hover,
#mbl5 a:hover, #mbl6 a:hover,
#mbl7 a:hover, #mbl8 a:hover,
#mbl9 a:hover, #mbl10 a:hover,
#mbl11 a:hover, #mbl12 a:hover,
#mbl13 a:hover, #mbl14 a:hover
#mbl15 a:hover, #mbl16 a:hover
#mbl17 a:hover, #mbl18 a:hover
#mbl19 a:hover, #mbl20 a:hover {
  color: #E81E1E !important;
}

#mbl1 .ts, #mbl2 .ts,
#mbl3 .ts, #mbl4 .ts,
#mbl5 .ts, #mbl6 .ts,
#mbl7 .ts, #mbl8 .ts,
#mbl9 .ts, #mbl10 .ts,
#mbl11 .ts, #mbl12 .ts,
#mbl13 .ts, #mbl14 .ts
#mbl15 .ts, #mbl16 .ts
#mbl17 .ts, #mbl18 .ts
#mbl19 .ts, #mbl20 .ts {
  background: #fff !important;
  border: none !important;
}

#mbl1 .ts td, #mbl2 .ts td,
#mbl3 .ts td, #mbl4 .ts td,
#mbl5 .ts td, #mbl6 .ts td,
#mbl7 .ts td, #mbl8 .ts td,
#mbl9 .ts td, #mbl10 .ts td,
#mbl11 .ts td, #mbl12 .ts td,
#mbl13 .ts td, #mbl14 .ts td,
#mbl15 .ts td, #mbl16 .ts td,
#mbl17 .ts td, #mbl18 .ts td,
#mbl19 .ts td, #mbl20 .ts td {
  padding: 0 !important;
}

.fc a {
  color: #333 !important;
}

.fc a:hover {
  color: #e81e1e !important;
}

.osl {
  color: #ddd !important;
  padding-top: 3px !important;
}

.slk a {
  color: #e81e1e !important;
  text-decoration: none !important;
}

.osl a,
.s .gl a {
  color: #bbb !important;
  text-decoration: none !important;
}

.osl a:hover,
.slk a:hover {
  text-decoration: underline !important;
}

/* --- Video ----------------- */
li.g .ts {
  background-color: #f4f4f4 !important;
  border: 1px solid #eee !important;
  margin-top: 5px !important;
  width: 550px;
  max-width: 700px;
}

li.g .ts td {
  padding: 5px !important;
}

li.g .ts td > div {
  margin-top: 0 !important;
}

/* --- Bottom Stuff ------------- */
#botstuff .e {
  background-color: #f4f4f4 !important;
  border: 1px solid #eee !important;
  padding: 5px 10px !important;
}

#botstuff .e a {
  color: #E81E1E !important;
}

#botstuff .e a:hover {
  text-decoration: underline !important;
}

/* 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: #bbb !important;
}

/* nav links */
#nav .b a, #nav .b a:visited, a.gb1, a.gb2, a.gb3, .link {
  color: #E81E1E !important;
}

/* citations */
cite {
  color: #777 !important;
}

/* book citations */
.a {
  color: #777 !important;
}

/* top sponsored links table */
#tads {

}

/* right hand sponsored links table */
#mbEnd {
  color: #999 !important;
  opacity: 0.3 !important;
}

#mbEnd:hover {
  opacity: 0.8 !important;
}

#mbEnd #rhsline {
  border-left: 1px solid #ddd !important;
  padding-left: 15px !important;
}

#mbEnd #rhsline ol li {
  margin-bottom: 10px !important;
}

#mbEnd #rhsline ol li h3 {
  font-size: 14px !important;
}

#mbEnd #rhsline ol li h3 a {
  color: #444 !important;
}

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

}

/* --- Footer ------------------------------------------------------------------------------- */
#bsf {
  background-color: #E81E1E !important;
  color: rgba(255, 255, 255, 0.5) !important;
}

#bsf a {
  color: #fff !important;
}

#bsf input {
  border: 1px solid #bbb !important;
  color: #666666 !important;
  padding: 1px 5px 0 5px !important;
}

#bsf input:hover {
  color: #777 !important;
}

#bsf input:focus {
  border-color: #777 !important;
  color: #292929 !important;
}

#flp {
  color: #bbb !important;
  margin: 30px 0 !important;
}

#flp a {
  color: #999 !important;
  text-decoration: none !important;
}

#flp a:hover {
  color: #444 !important;
  text-decoration: underline !important;
}

/* --------------------------------------------------------- */
/*    Homepage                                               */
/* --------------------------------------------------------- */
#main #body {
  background: #fff !important;
  display: block !important;
  margin: 0 auto !important;
  padding: 30px 20px !important;
  position: relative;
  max-width: 100% !important;
  width: 980px !important;
}

center #logo {
  display: block !important;
  height: 0 !important;
  margin: 0 !important; 
  padding: 37px 0 0 0 !important;
}

center a {
  color: #999 !important;
}

center a:hover {
  color: #555 !important;
}

center form {
  position: relative !important;
}

center form td[align="center"] {
  background: #E81E1E !important;
  display: block !important;
  margin-right: 220px !important;
  padding: 10px !important;
}

center form td[align="left"] {
  display: block;
  position: absolute;
  left: 382px;
  top: 100px;
}

center form td[align="left"] br {
  display: none !important;
}

center form td[align="left"] a {
  font-size: 12px !important;
  margin-right: 10px !important;
}

center form input.lst {
  margin-bottom: 8px !important;
}

center table.gac_m {
  border: 1px solid #bbb !important;
  color: #555 !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  left: 246px !important;
  top: 39px !important;
  z-index: 990 !important;
}

.gac_b td.gac_c {
  background: #e9e9e9 !important;
  color: #191919 !important;
}

center #footer {
  border-top: 1px solid #eee !important;
  color: #aaa !important;
  display: block;
}

center #footer a {
  font-size: 11px !important;
}