Created
December 29, 2012 22:55
-
-
Save brandonrosage/4409806 to your computer and use it in GitHub Desktop.
Stylesheet intended to override Google's custom search styles on the OIC website.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#cse-search-form { | |
position: relative; | |
-webkit-border-radius: 3px; | |
-moz-border-radius: 3px; | |
border-radius: 3px; | |
background: #f2f2f2; | |
padding: 3px; | |
} | |
#dialog-container #cse-search-form { | |
padding: 0; | |
margin: 5px 3.125% 15px; | |
} | |
#cse-search-form form.gsc-search-box { | |
margin: 0; | |
} | |
#cse-search-form table.gsc-search-box { | |
border-collapse: collapse; | |
margin: 0; | |
} | |
#cse-search-form .gsc-search-box-tools .gsc-search-box .gsc-input { | |
padding: 0; | |
} | |
.gsc-search-box-tools .gsc-search-box .gsc-input .gsc-input-box, | |
.gsc-search-box-tools .gsc-search-box .gsc-input .gsc-input-box-focus { | |
height: 24px; | |
-webkit-border-top-left-radius: 3px; | |
-webkit-border-bottom-left-radius: 3px; | |
-moz-border-radius-topleft: 3px; | |
-moz-border-radius-bottomleft: 3px; | |
border-top-left-radius: 3px; | |
border-bottom-left-radius: 3px; | |
border: 1px solid #dadada; | |
border-right: none; | |
padding: 3px 10px; | |
} | |
.gsc-search-box .gsc-input > input:focus, | |
.gsc-input-box-focus, | |
.gsc-input-box-hover { | |
-moz-box-shadow: none; | |
-webkit-box-shadow: none; | |
box-shadow: none; | |
} | |
#cse-search-form form.gsc-search-box input.gsc-input { | |
font-size: 13px; | |
background: none repeat scroll 0% 0% white !important; | |
padding: 2px 0; | |
} | |
.gsib_a { | |
padding: 4px 2px; | |
} | |
.gsst_a .gscb_a { | |
color: #008fd5; | |
} | |
.gsc-search-box-tools .gsc-search-box .gsc-search-button:before { | |
position: absolute; | |
top: 10px; | |
right: 10px; | |
z-index: 100; | |
font-family: 'oic-icons'; | |
font-style: normal; | |
speak: none; | |
content: "\30"; | |
font-size: 1.2em; | |
} | |
#dialog-container .gsc-search-box-tools .gsc-search-box .gsc-search-button:before { | |
top: 7px; | |
} | |
#cse-search-form.active .gsc-search-box-tools .gsc-search-box .gsc-search-button:before { | |
display: none; | |
right: -9999px; | |
color: #fff; | |
} | |
.gsc-search-box-tools .gsc-search-box .gsc-search-button input.gsc-search-button { | |
display: block; | |
width: 12px; | |
height: 12px; | |
-webkit-border-top-right-radius: 3px; | |
-webkit-border-bottom-right-radius: 3px; | |
-moz-border-radius-topright: 3px; | |
-moz-border-radius-bottomright: 3px; | |
border-top-right-radius: 3px; | |
border-bottom-right-radius: 3px; | |
-webkit-border-top-left-radius: 0px; | |
-webkit-border-bottom-left-radius: 0px; | |
-moz-border-radius-topleft: 0px; | |
-moz-border-radius-bottomleft: 0px; | |
border-top-left-radius: 0px; | |
border-bottom-left-radius: 0px; | |
border: 1px solid #dadada; | |
border-left: none; | |
background-color: #fff; | |
filter: none; | |
padding: 9px; | |
margin: 0; | |
} | |
#dialog-container .gsc-search-box-tools .gsc-search-box .gsc-search-button input.gsc-search-button { | |
top: -5px; | |
} | |
#cse-search-form.active .gsc-search-box-tools .gsc-search-box .gsc-search-button input.gsc-search-button { | |
border: 1px solid #0376ae; | |
background: #008FD5; | |
} | |
#cse-search-form.active .gsc-search-box-tools .gsc-search-box .gsc-search-button input.gsc-search-button:hover { | |
background: #0376AE; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment