API tools faq
paste
Guest User

Google Stylish Code

a guest
Jul 16th, 2010
232
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.38 KB | None | 0 0
raw download clone embed print report
  1. /*
  2. * Google Web Search - Dark Gray Theme
  3. *
  4. * Author : Valacar
  5. * Updated : November 5th, 2009 / {Ixo - 16/06/10}
  6. * Website : http://www.valacar.com/userstyles/
  7. * Description : Modifies the colors and images on Google Web Search (http://www.google.com/)
  8. * Usage : Use with the Stylish Firefox extension (http://userstyles.org/) or copy to your Firefox userContent.css file
  9. */
  10.  
  11. /* CRITICAL UPDATE - by Ixo :: 07/05/10
  12. * Fix for Google Interface changes
  13. * Edited sprite base64 code
  14. * Include new URLs for images
  15. * Sidebar transparancy added
  16. * Underline sidebar icons on selected
  17. * Fade fix
  18. */
  19. /* CRITICAL UPDATE - by Ixo :: 16/06/10
  20. * Fix for new google changes
  21. * Remove change background image div
  22. * remove advert div
  23. * fix width error
  24. * TODO - STILL CANNOT CAPTURE ALL GOOGLE LOGO IMGS ( NEED TO FIX )
  25. */
  26.  
  27. @namespace url(http://www.w3.org/1999/xhtml);
  28.  
  29.  
  30. @-moz-document
  31. url(http://www.google.com.my/),
  32. url-prefix(http://www.google.com/webhp),
  33. url-prefix(http://www.google.com/search?),
  34. url-prefix(http://www.google.com/#hl=),
  35. url-prefix(http://www.google.com/#q=),
  36. url-prefix(http://images.google.com/webhp),
  37. url-prefix(http://images.google.com/images),
  38. url-prefix(http://www.google.com/imghp?),
  39. url-prefix(http://www.google.com/images),
  40. url(http://www.google.com/intl/en/),
  41. url-prefix(http://www.google.com/movies),
  42.  
  43. url(https://www.google.com/),
  44. url-prefix(https://www.google.com/webhp),
  45. url-prefix(https://www.google.com/search?),
  46. url-prefix(https://www.google.com/#hl=),
  47. url-prefix(https://www.google.com/#q=),
  48. url-prefix(https://images.google.com/webhp),
  49. url-prefix(https://images.google.com/images),
  50. url-prefix(https://www.google.com/imghp?),
  51. url-prefix(https://www.google.com/images),
  52. url(https://www.google.com/intl/en/),
  53. url-prefix(https://www.google.com/movies),
  54.  
  55. url(http://www.google.co.uk/),
  56. url-prefix(http://www.google.co.uk/webhp),
  57. url-prefix(http://www.google.co.uk/search?),
  58. url-prefix(http://www.google.co.uk/#hl=),
  59. url-prefix(http://www.google.co.uk/#q=),
  60. url-prefix(http://images.google.co.uk/webhp),
  61. url-prefix(http://images.google.co.uk/images),
  62. url-prefix(http://www.google.co.uk/imghp),
  63. url-prefix(http://www.google.co.uk/images),
  64. url-prefix(http://images.google.co.uk/webhp),
  65. url-prefix(http://www.google.co.uk/movies),
  66.  
  67. url(http://www.google.ca/),
  68. url-prefix(http://www.google.ca/webhp),
  69. url-prefix(http://www.google.ca/search?),
  70. url-prefix(http://www.google.ca/#hl=),
  71. url-prefix(http://www.google.ca/#q=),
  72. url-prefix(http://images.google.ca/webhp),
  73. url-prefix(http://www.google.ca/movies)
  74. {
  75.  
  76. body {
  77. background: #262626 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAE/CAYAAACHEqngAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABUSURBVHjaYmJgYPjPBCQYmAiyiFBCBIsSxWSqw8YlUwlOMWpLUFsJmYppbMrAE2B//CPswX94ff5v2AUJfU2hcTagjgR1ShBqF25ULG1JK/kBAgwAT3T9gBTuL/MAAAAASUVORK5CYII=") repeat-x !important;
  78. color: #fff !important;
  79. }
  80.  
  81. /* default link color */
  82. a:link, a:visited, a:hover, a:active, .link, a font[color="#008000"] {
  83. color: #ccc !important;
  84. }
  85.  
  86. /* default text color */
  87. div, td { color: #fff !important; }
  88.  
  89. /* disable dashed focus outline */
  90. :focus { outline: none !important; }
  91.  
  92. /* reset web form colors */
  93. input *, textarea *, .aAutoComplete {
  94. background-color: -moz-Field !important;
  95. color: -moz-fieldtext !important;
  96. }
  97.  
  98. /* UPDATED by Ixo 06/05/10 - fix for fade-in effect on front page */ #gog, #leftnav, .nojsb, .med, #gbar, #fctr, #fmsg, #ghead, #sbl, .promo, .fade { background: transparent !important; }
  99.  
  100.  
  101. /* Google bar "menu" and Google Suggest
  102. ---------------------------------------*/
  103. #gbi, #gbg, .gac_m, .fade {
  104. background: #000 !important;
  105. border-color: #444 !important;
  106. -moz-box-shadow: 4px 4px 10px rgba(0,0,0, 0.5) !important;
  107. }
  108.  
  109. /* 16/06 Changes, fix for new google implementations
  110. -----------------------------------------------------*/
  111.  
  112. #prm { opacity: 0 !important; width: 0px !important; height: 0px !important; }
  113. #cpf { opacity: 0 !important; width: 0px !important; height: 0px !important; }
  114.  
  115. a.gb2:hover,
  116. .gac_b .gac_c,
  117. .gac_b .gac_d {
  118. background: #444 !important;
  119. }
  120.  
  121. .gbd { border-color: #444 !important; }
  122. .gbh { border: none !important; }
  123.  
  124. .gac_a > .gac_c { color: #fff !important; }
  125.  
  126. .gac_d, .gac_e { color: rgba(255,255,255,0.5) !important; }
  127.  
  128. /* ad URL */
  129. .gac_h { color: #ccc !important; }
  130.  
  131. .mitem { color: #fff !important; }
  132.  
  133. li.mitem msel { color: #fff !important; }
  134.  
  135. /* Search results
  136. -----------------*/
  137. /* big link */
  138. #res .g .r a {
  139. color: #f0f0f0 !important;
  140. }
  141.  
  142. /* big link visited */
  143. #res .g a:visited {
  144. opacity: 0.5 !important;
  145. }
  146.  
  147. /* link description */
  148. #res .g .s {
  149. color: #c9c9c9 !important;
  150. }
  151.  
  152. /* URL text */
  153. .a, cite, .cite, .cite:link {
  154. color: #6e6e6e !important;
  155. }
  156.  
  157. /* cached and similar links */
  158. #res .g .s .gl a {
  159. color: #999 !important;
  160. }
  161.  
  162. /* dashes between Cached and Similar links */
  163. .gl { color: #999 !important; }
  164.  
  165. /* visited cached and similar links */
  166. #res .g .s .gl a:visited {
  167. opacity: 0.6 !important;
  168. }
  169.  
  170. /* sub page links (on first link result) */
  171. #res .s .slk a {
  172. color: #ddd !important;
  173. opacity: 0.8 !important;
  174. }
  175.  
  176. /* visited sub page links */
  177. #res .s .slk a:visited {
  178. opacity: 0.5 !important;
  179. }
  180.  
  181. /* larger link title */
  182. #res .l { font-size: 1.1em !important; }
  183.  
  184. /* more line spacing on descriptions */
  185. #res .s { line-height: 1.4 !important; }
  186.  
  187. /* image thumbnails */
  188. #res .g img {
  189. border: none !important;
  190. -moz-box-shadow: 4px 4px 10px rgba(0,0,0,0.4) !important;
  191. }
  192.  
  193. /* File type (ex: [PDF]) next to link */
  194. .g .w { color: #ff6 !important; }
  195.  
  196. /* "File Format" */
  197. .f { color: #ffc !important; }
  198.  
  199.  
  200. /* "video results" time info */
  201. #res .g .ts font[color="#666666"] {
  202. color: #ffc !important;
  203. }
  204.  
  205. /* "more options" */
  206. .tbo #tbd {
  207. background: transparent !important;
  208. border-color: #666 !important;
  209. }
  210.  
  211. /* Related searches bar */
  212. #tbt5 {
  213. background: #3e3e3e url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAACJCAMAAADaKKIOAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAwUExURT4+Pi8vLzY2NjExMT09PTU1NTIyMjQ0NDAwMDo6Ojs7Ozg4ODk5OTc3Nzw8PDMzM9RYRnEAAAA0SURBVHjajMHHDQAgDASw0Dvsvy28IhQuEjYZyqDjUVzK9Ayi5UPdwA4WsILzo78eW4ABAJG4BRc8hKcNAAAAAElFTkSuQmCC) repeat-x !important;
  214. border-color: rgba(128,128,128,0.1) !important;
  215. }
  216.  
  217. /* source code listing */
  218. #res tt { color: #fff !important; }
  219.  
  220.  
  221. /* Ads
  222. ------*/
  223. #mbEnd, #tads { background: rgba(128,128,128,0.2) !important; }
  224.  
  225. #mbEnd {
  226. border-left: 1px solid transparent !important;
  227. }
  228.  
  229. /* hide search result ads (delete next line if you want them) */
  230. #mbEnd, #tads { display: none !important; }
  231.  
  232. /* Google Suggest ads */
  233. .gac_n { display: none !important; }
  234.  
  235.  
  236.  
  237. /* Bars
  238. -------*/
  239.  
  240. /* results bar */
  241. #ssb,
  242. form[action="/movies"] tr[bgcolor="#e5ecf9"],
  243. #canvas > .heading {
  244. background: #353535 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAaCAMAAABMxLakAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAwUExURTY2NkNDQ1BQUEBAQE1NTT09PT4+Pjg4OEJCQk9PTz8/Pzc3Nzs7Ozk5OTo6OlFRUXTF3O4AAAA4SURBVHjajMU5EoAgEADBAUUEr///lmCoTUzopPnE6lk0sYskTrGJLg5RxK341e9HcRWX4mkIMAAJqQcW7sRa6gAAAABJRU5ErkJggg==) repeat-x !important;
  245. border-top-color: #666 !important;
  246. }
  247.  
  248. /* big bar after bottom pager */
  249. #bsf,
  250. #navbar + br + table td[bgcolor="#e5ecf9"] {
  251. background: #3d3d3d url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAABkCAMAAACM54GYAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAhUExURUFBQUNDQ0dHR0JCQkZGRkREREVFRUhISEBAQD8/Pz4+PiuYN8EAAAA4SURBVHja7Ma3DQAgEATBx5v+CybZ+PRAhMREYw22lQiVDJUKVwpcCVBJUBE6DjNwm4mfR7MEGADMDhfpQgIrygAAAABJRU5ErkJggg==) repeat-x !important;
  252. border-top-color: #555 !important;
  253. border-bottom-color: #444 !important;
  254. }
  255.  
  256. /* hide borders */
  257. .k { background: none !important; }
  258.  
  259. /* hide old pager images */
  260. #navbar td img { visibility: hidden !important; }
  261.  
  262.  
  263.  
  264. /* Replacement images
  265. ---------------------*/
  266. /* big logo */
  267.  
  268.  
  269.  
  270. img[src="logos/"], img[src$="logo.gif"], img[src$="images_logo_lg.gif"], img[src$="logo1w.png"], img[src$="classicplus.png"], div[style*="logo1w.png"], div[style*="logo_plain.png"], img[src$="logo_google_suggest.gif"], img[src$="ssl_logo_lg.gif"], img[src^="logos/holiday"], div[style*="logo_plain2.png"], img[src^="/intl/"][alt="Google"][title="Google"] {
  271. margin-top: 6% !important;
  272. width: 0 !important;
  273. height: 90px !important;
  274. padding-left: 281px !important;
  275. background-repeat: no-repeat !important;
  276. background-image: url("http://img532.imageshack.us/img532/7100/index2f.png") !important;
  277.  
  278.  
  279. }
  280.  
  281.  
  282. /* "nav" sprite sheet */
  283. .w10, .w11, .w20, .w21, .w24, .wci, .wpb, .w4, .w5, .w40, .w41, .w44, .w50, .w51, .w54, li.w0 .w5, li.w1 .w5,
  284. .csb, .ss, .micon,
  285. #header a#logo,
  286. .tbi div, #tbp,
  287. a#logo > img {
  288. background-image: url("http://img402.imageshack.us/img402/6995/index1i.png") !important;
  289.  
  290.  
  291. }
  292.  
  293. /* small logo */
  294. a#logo > img {
  295. width: 0 !important;
  296. height: 106px !important;
  297. padding-left: 164px !important;
  298. }
  299.  
  300.  
  301. /* Hide small logo text link, and intl text name */
  302. a#logo, #lgpd + div > div[style^="color: rgb(102, 102, 102); font-size: 16px"] { font-size: 0 !important; }
  303. a#logo, #lgpd + div > div[style^="color: rgb(119, 119, 119); font-size: 16px"] { font-size: 0 !important; }
  304. #logo > div { font-size: 0 !important; }
  305.  
  306.  
  307. }
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!