redesigngoogle: Guestlist

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

get this look

designer's statement

Google with a little bit more color. Based on the brand of Guestlist, an online event registration app. http://www.guestlistapp.com

tweet this!

Guestlist

by Jaco Joubert

average rating

show discussion

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

/* background image */
body {
  margin: 0px;
  font-family: Tahoma;
}

/* logo */
#logo {
  font-size: 0px;
  background: url("http://webmynd_look.s3.amazonaws.com/126/google.png") no-repeat;
  width: 151px;
  margin-left: 10px;
  height: 52px;
}

#logo img {
    display: none;
  }

/* header */

#header {
  background: #14012c url("http://webmynd_look.s3.amazonaws.com/124/background.jpg") center -35px no-repeat;
}

#guser {
  background: #14012c url("http://webmynd_look.s3.amazonaws.com/126/back2.jpg") center top no-repeat;
  height: 20px;
  color: #ffffff;
  padding-top: 8px !important;
  padding-right: 10px;
}
  #guser a {
    color: #ffffff;
  }
  #guser a:hover {
    color: #fff68e;
  }
  
.gbh {
  display: none;
}

#gbar {
  color: #ffffff;
  padding-left: 20px;
  position: relative;
  top: 7px;
}
  #gbar a.gb1, #gbar a.gb3 {
    color: #ffffff !important;
  }
  #gbar a.gb1:hover, #gbar a.gb3:hover {
    color: #fff68e !important;
  }

#bsb { 
  color: #ffffff;  
}

#sflas {
  color: #ffffff;
}
  #sflas:hover {
    color: #fff68e;
  }

label {
  cursor: pointer;
}
  label:hover {
    color: #fff68e;
  }
  
/* search box */

.lst {
  padding: 8px;
  font-size: 18px;
  opacity: 0.9;
}
.lst:focus {
  opacity: 1 !important;
}
.lst:hover {
  opacity: 0.95;
}

/* search button */
.lsb {
  height: 40px;
  line-height: 40px;
}

/* orange bar */
#ssb {
  background: #db5a00 url("http://webmynd_look.s3.amazonaws.com/126/orange-bar.png") repeat-x;
  border-top: solid 1px #eb721e;
  border-bottom: solid 1px #904305;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 10px;
  padding-right: 10px;
  color: #ffffff;
}

#ssb a {
    color: #fff68e;
  }
    #ssb a:hover {
      color: #ffea37 !important;
    }
  
  
/* links */
a:link, .w, #prs a:visited, #prs a:active, .q:active, .q:visited {
  color: #0267f0;
}
  a:hover, #prs a:hover, .q:hover {
    color: #0031bd;
  }
  
div.osl a {
  color: #919191;
  font-size: 11px;
}
    
  div.osl a:hover {
    color: #000000;
  }

.a, cite, .cite, .cite:link {
  color: green;
  font-style: normal;
}

.fl:link, .gl, .gl a:link {
  color:#919191;
  font-size: 11px;
}
  .fl:hover, .gl a:hover {
    color: #000000;
  }

/* footer */
.clr {
  margin: 0px;
  background: #14012c url("http://webmynd_look.s3.amazonaws.com/124/background.jpg") center top no-repeat;
}
  .clr a {
    color: #ffffff;
  }
  .clr a:hover {
    color: #fff68e;
  }

#bsf {
  border: 0px;
  background: transparent;
}

#flp {
  margin: 0;
  background: rgba(0, 0, 0, .25);
  line-height: 36px;
}

.csb, .ss {
  background:transparent url(http://www.google.com/images/nav_logo7.png) no-repeat scroll 0 0;
}