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.
gallery
/
studio
/
about
/
support
/
feedback
redesign
google
.
gallery
:
simple
create new
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
hide discussion
View the discussion thread.
blog comments powered by
Disqus
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; }
/* Enter your JavaScript here. jQuery is included in the add-on. */ $(document).ready(function() { // your code here });
We welcome your feedback:
Thanks!
close this
send
Currently, the RedesignGoogle add-on is only available for Firefox, but we'll be supporting more browsers soon.
close this