Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Stylish code for Perfect Dark Gmail (Enhanced by pixelman)

By: pixelman on Feb 22nd, 2012  |  syntax: CSS  |  size: 26.74 KB  |  hits: 21  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. /* Stylish code for Perfect Dark Gmail (Enhanced by pixelman) */
  2.  
  3.  
  4. body {background: #151515 !important}
  5. html {background-color: #151515 !important; color: #999 !important}
  6.  
  7. td:not([style*="color"]), div:not([style*="color"]) {background-color: transparent !important; border-color: #333 !important; color: #999 !important}
  8. tr, table, tbody, a, span, iframe, li, p, img {background-color: transparent !important; border-color: #777 !important; color: #999 !important}
  9. /*
  10. *:not([_moz_dirty]) {text-decoration: none !important}
  11. *:focus {outline: none !important}
  12. */
  13.  
  14. h1, h2, h3, h4, h1 *, h2 *, h3 *, .sel, .selected span, b:not([_moz_dirty]),
  15. .z8 span, .nZ a.n0, .ol a, .ok, .aI, .x0, .x2, .x8, .iD, .GcwpPb-ZQWore, .ztKQkc {color: #DDD !important}
  16. #article-content-div a {color: #FFF !important}
  17. div[aria-disabled="true"], div[aria-disabled="true"] *, .gbmpme, .gbps2 {color: #666 !important}
  18.  
  19. .n1 *, span.h4, .gD, .gD *, .checklist-ul li#active a div {color: #F90 !important}
  20. .gD[style="color:#5b1094"], .gD[style="color:#5b1094"] * {color: #00AEF0 !important}
  21.  
  22.  
  23.  
  24.  
  25. .mq, .ph, .u5, .u8 {display: none !important}
  26. .d8, .qp, .UD, .UB, .EM, .A1, .AY, .au, .pM, .nH .iI, .goog-imageless-button-outer-box, .left_column {border: none !important}
  27. div.goog-imageless-button-top-shadow, td.TC, div.ya {border-color: transparent !important}
  28. .d8, .pM, body.editable {background: transparent !important}
  29.  
  30.  
  31.  
  32.  
  33. a:hover, a:hover *, span[role="link"]:hover, [role="menuitem"]:not([aria-disabled="true"]):hover, [role="menuitem"]:not([aria-disabled="true"]):hover *, [role="option"]:not(.Jd-oKdM2c):hover *, .u1:hover *, .uX:hover,
  34. div[class="TO NQ"] a, .n4:hover span, .z9:hover *, .T3:hover, .h8:hover, .pU:hover, div.mediaPicker td.mp_unselected:hover, .Lm4uyd.PZnnw:hover {color: #EEE !important; text-shadow: 0 0 3px #FFF !important}
  35.  
  36. [role="menuitem"]:not([aria-disabled="true"]):hover {background-color: rgba(40,40,40,.8) !important}
  37.  
  38. .hk span:hover u, .x0:hover, .x2:hover, .iD:hover {color: #FA0 !important}
  39.  
  40.  
  41.  
  42.  
  43. div.ex, .box-2 {background-color: rgba(0,0,0,.8) !important}
  44. .uv hr {background: #111 !important}
  45. div.SK, div.pN, div.J-JB-KA, div.ah, #gbi {
  46.   border-radius: 6px !important;
  47.   background-color: rgba(0,0,0,.8) !important;
  48.   border: 1px solid rgba(40,40,40,.8) !important;
  49.   box-shadow: 1px 3px 8px #000, 2px 4px 8px #000 !important}
  50. div.SK.AX, div.pN, div.J-JB-KA {padding: 0 !important}
  51. .tq div.J-M, .Eu .J-M, .Dw .J-M, div.b7, .fv, div.fx, div.jJ, div.uA, div.Af, div.eHIyEf, div.bOjP2c-O1htCb-tOEJec-M, .hxa9qe .J-M, .ElynSe.J-M {
  52.   border-radius: 3px !important;
  53.   background-color: rgba(0,0,0,.9) !important;
  54.   border: 1px solid rgba(40,40,40,.9) !important;
  55.   box-shadow: 1px 3px 8px #000, 0 0 5px #000 !important}
  56. .SK input {margin-top: 3px !important}
  57. [role="menuitem"] {padding-left: 3px !important; overflow: hidden !important}
  58. [role="separator"] {margin: 0 !important}
  59.  
  60. div.uU {background-color: rgba(40,40,40,.5) !important}
  61.  
  62.  
  63.  
  64.  
  65. div.Kj-JD-Jh, div.Kg-Jh {background-color: #555 !important; opacity: .7 !important}
  66.  
  67. div.Kj-JD[role="dialog"], div.Kg[role="dialog"] {
  68.   border-radius: 12px !important;
  69.   background-color: rgba(0,0,0,.5) !important;
  70.   border: 1px solid rgba(20,20,20,.8) !important;
  71.   box-shadow: 0 0 15px #000, 0 0 10px #000 !important}
  72. div.Kj-JD > div {background-color: rgba(10,10,10,.5) !important}
  73. div.Kj-JD > div:first-child {border-radius: 8px 8px 0 0 !important}
  74. div.Kj-JD > .Kj-JD-Jl {border-radius: 0 0 8px 8px !important}
  75. div.Kj-JD > div:first-child *, div.Kj-JD > div:first-child {color: #DDD !important}
  76. div.Kg[role="dialog"] {background: rgba(30,30,30,.9) !important; border: 1px solid #292929 !important}
  77. .Kj-JD-K7-Jq {border-radius: 4px !important}
  78.  
  79. div.mediaPicker div.mp_border {background-color: rgba(51,51,51,.8) !important}
  80. div.mediaPicker div.mp_contents {background-color: rgba(10,10,10,.5) !important}
  81. div.mediaPicker div.mp_scroller {background: #262626 !important}
  82. div.mediaPicker td.mp_selected {background: #333 !important; color: #DDD !important}
  83. img[src="/mail/c/static/images/Spin.gif"] {background: url("http://www.abload.de/img/loading-anim-bgdykw.gif") !important; width: 0 !important; padding-left: 47px !important; height: 47px !important}
  84.  
  85.  
  86.  
  87.  
  88. .b8 .vh {
  89.   background: #000 !important;
  90.   border: 2px solid #333 !important;
  91.   border-radius: 20px !important;
  92.   box-shadow: #070 0 0 10px !important;
  93.   color: #FFF !important;
  94.   padding: 3px 9px !important;
  95.   margin-top: 5px !important;
  96.   margin-bottom: -3px !important}
  97. p.survey_invite {
  98.   background: #090909 !important;
  99.   border-radius: 6px !important;
  100.   color: #FFF !important}
  101.  
  102. .lD > * {box-shadow: 0 0 10px !important; padding-right: 0 !important}
  103.  
  104.  
  105.  
  106.  
  107. #loading {background-color: #151515 !important}
  108. #loading .msgb, #loading .cmsg:first-child {
  109.   background-color: #101010 !important;
  110.   border: 2px solid rgba(100,100,100,0.5) !important;
  111.   border-radius: 14px !important;
  112.   margin-right: 12px !important}
  113. #loading .cmsg:first-child {
  114.   box-shadow: #000 5px 5px 15px !important;
  115.   padding: 20px !important;
  116.   max-width: 700px !important}
  117. #loading .msg {color: #EEE !important; text-shadow: #FFF 0 0 1px}
  118. .lpb {border: none !important; width: 400px !important}
  119. #lpt {
  120.   background: #00BDFC !important;
  121.   box-shadow: #00BDFC 0 0 6px, #00BDFC 0 0 5px;
  122.   height: 2px !important;
  123.   margin-top: 2px !important}
  124.  
  125.  
  126.  
  127.  
  128. .v1 {
  129.   color: #FFF !important;
  130.   background-color: #000 !important;
  131.   border: 1px solid #777 !important;
  132.   border-radius: 0 0 6px 6px !important;
  133.   box-shadow: 0 0 8px #900 !important;
  134.   padding: 3px 8px !important}
  135. .vX .vh {border: none !important}
  136.  
  137.  
  138.  
  139.  
  140. select, button, input[type="submit"], input[type="button"], input[class="button"],
  141. .goog-imageless-button, .QK .J-KX-Jv, .J-Zh-I, .bM .J-Zh-I, iframe.Am, div.J-J5-Ji.RX.R2, div.J-J5-Ji.RX.R1 {
  142.         -moz-appearance: none !important;
  143.         border: 1px solid #000 !important;
  144.         border-radius: 4px !important;
  145.         background: -moz-linear-gradient(center top, #333, #222) !important;
  146.         background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#222)) !important;
  147.         color: #777 !important}
  148. input, textarea {
  149.         -moz-appearance: none !important;
  150.         border: 1px solid #000 !important;
  151.         border-radius: 4px !important;
  152.         background: -moz-linear-gradient(center top, #222, #333) !important;
  153.         background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#333)) !important;
  154.         color: #777 !important}
  155. .bN > div, .bN > input, .GcwpPb-Pkt3ef .nr, .cf .J-Zh-I, div.a, div.b {box-shadow: 0 0 1px #666}
  156.  
  157. input[type="checkbox"] {
  158.         border: 1px solid #000 !important;
  159.         border-radius: 4px !important;
  160.         background: -moz-linear-gradient(center top, #333, #222) !important;
  161.         color: #777 !important}
  162. input[type="radio"] {
  163.         border: 1px solid #000 !important;
  164.         background: -moz-linear-gradient(center top, #333, #222) !important;
  165.         color: #777 !important;
  166.         height: 14px !important;
  167.         width: 14px !important;
  168. padding: 0 1px 1px 0 !important}
  169. input[type="checkbox"]:focus, input[type="checkbox"]:active, input[type="checkbox"]:active:focus, input[type="radio"]:focus, input[type="radio"]:active, input[type="radio"]:active:focus {
  170.         -moz-appearance: none !important;
  171.         background: -moz-linear-gradient(center top, #222, #333) !important}
  172.  
  173. select input[type="button"] {border-color: transparent !important}
  174.  
  175.  
  176. button:hover, select:hover, textarea:hover, input:not([type="checkbox"]):not([type="radio"]):not(.d8):hover, div[role="button"]:hover,
  177. .bM .J-Zh-I:hover, .z0 .J-Zh-I:hover, .MX .J-Zh-I:hover {
  178.         background: -moz-linear-gradient(center top, #292929, #393939) !important;
  179.         background: -webkit-gradient(linear, left top, left bottom, from(#292929), to(#393939)) !important;
  180.         color: #AAA !important}
  181. select:focus, textarea:focus, input:not([type="checkbox"]):not([type="radio"]):focus:not([type="submit"]):not([type="button"]):focus, iframe.Am:hover {
  182.         box-shadow: 0 0 5px #777 !important}
  183. button:active, select:active, input[type="submit"]:active, input[type="button"]:active, input[class="button"]:active, div[role="button"]:active, .bM .J-Zh-I[aria-pressed="true"] {
  184.         background: #111 !important}
  185. select *, textarea *, input * {
  186.         color: #777 !important}
  187.  
  188. option {-moz-appearance: none !important; background: none !important;
  189.         color: #555 !important}
  190. option:not([disabled]):hover, option:focus, option:checked {
  191.         background: -moz-linear-gradient(center top, #AAA, #555) !important;
  192.         background: -webkit-gradient(linear, left top, left bottom, from(#AAA), to(#555)) !important;
  193.         color: #000 !important}
  194.  
  195. .i3QAL {border: 1px solid #444 !important;
  196.         border-radius: 4px !important;
  197.         background-color: #333 !important}
  198. .i3QAL:hover {background-color: #444 !important}
  199.  
  200. .aY {margin: 2px 1px !important}
  201. .dI {margin: 1px !important; padding: 3px 0 3px 3px !important}
  202. .GcwpPb-uq0Mrf .J-Zh-I, .GcwpPb-Pkt3ef .nr {padding: 4px 8px !important}
  203. .GcwpPb-Pkt3ef .nr {border-radius: 3px 0 0 3px !important; margin: 0 !important}
  204. .cf .J-Zh-I-Js-Zq {border-radius: 0 3px 3px 0 !important; border-left: none !important}
  205. .cf .J-Zh-I {border-color: #000 !important}
  206. div.J-J5-Ji.RX.R2, div.J-J5-Ji.RX.R1 {margin: 1px !important}
  207.  
  208.  
  209.  
  210.  
  211. div.tG {border: none !important; color: #DDD !important}
  212.  
  213. .tq div.J-Zh-I {
  214.   background: -moz-linear-gradient(center top, #090909, #222) !important;
  215.   background: -webkit-gradient(linear, left top, left bottom, from(#090909), to(#222)) !important;
  216.   border-radius: 0 !important;
  217.   border-left: none !important;
  218.   padding: 3px 5px 1px 4px !important}
  219. .tq div.J-Zh-I:hover {
  220.   background: -moz-linear-gradient(center top, #222, #090909) !important;
  221.   background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#090909)) !important}
  222. .tq div.J-Zh-I:first-child {border-radius: 4px 0 0 4px !important; border-left: 1px solid #333 !important}
  223. .tq div.J-Zh-I:last-child {border-radius: 0 4px 4px 0 !important}
  224.  
  225. div.it {
  226.   -moz-border-radius-topleft: 9px !important;
  227.   -webkit-border-top-left-radius: 9px !important;
  228.   box-shadow: -2px -2px 3px #000 !important;
  229.   background: rgba(37,37,37,.9) !important;
  230.   margin-right: -3px !important;
  231.   margin-bottom: -1px !important;
  232.   padding: 5px 7px !important;
  233.   color: #FA0 !important}
  234. div.it img {background: url("http://i55.tinypic.com/3449nc6.jpg") no-repeat scroll -120px 2px !important; width: 0 !important; padding-left: 11px}
  235.  
  236.  
  237.  
  238.  
  239. .qZ, div.a, div.b, .module h2, .g-unit h2, div.header_bar {
  240.   background: #222 !important;
  241.   border: 1px solid #000 !important;
  242.   border-radius: 5px !important;
  243.   padding: 3px !important}
  244. div.a, div.b {
  245.   margin: -5px 9px 0 9px !important;
  246.   padding: 0 !important}
  247. div.aJ, div.aK, .GcwpPb-y3LeUb .k, .GcwpPb-vMLT3c .k, .g-unit h1 {
  248.   background: #333 !important;
  249.   border: 1px solid #000 !important;
  250.   border-radius: 5px !important;
  251.   padding: 3px 6px !important;
  252.   color: #DDD !important}
  253. .GcwpPb-y3LeUb .k, .GcwpPb-vMLT3c .k {padding: 6px !important}
  254. td.rZ {
  255.   background: #333 !important;
  256.   border: 1px solid #000 !important;
  257.   border-radius: 5px !important}
  258.  
  259.  
  260.  
  261.  
  262. div.f1 {
  263.   background: #090909 !important;
  264.   border: 1px solid #000 !important;
  265.   border-top: none !important;
  266.   border-radius: 0 0 3px 3px !important}
  267. div.f1:first-child {margin-left: 5px !important}
  268. div.fZ {background: #151515 !important}
  269. div.fZ a {color: #DDD !important}
  270.  
  271.  
  272.  
  273.  
  274. #gbx1, #gbx2, #gbx3, #gbx4 {background: none !important}
  275. #gbx3 {
  276.   height: 24px !important;
  277.   background: -moz-linear-gradient(center top, rgba(0,0,0,.6), rgba(30,30,30,.5)) !important;
  278.   background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.6)), to(rgba(50,50,50,.5))) !important;
  279.   box-shadow: -5px 1px 5px #000}
  280. .gbz0l .gbts {background: -moz-linear-gradient(center top, rgba(255,0,0,.7), rgba(0,0,0,.0), rgba(0,0,0,.0), rgba(0,0,0,.0)) !important}
  281. .gbz0l .gbts, .gbpc .gbps {color: #DDD !important}
  282. .gbmt {color: #999 !important}
  283. .gbto #gbztms, .gbto #gbg4 {background: #313131 !important}
  284. .gbto #gbgs5 {background: #222 !important}
  285. .gbmcc * {text-shadow: 0 0 6px #000 !important}
  286. .gbh, .gbd, #gb *:not(.gbma) {border: none !important}
  287. .gbma {border-color: #999 transparent transparent !important}
  288. .gbm {
  289.   background: -moz-linear-gradient(left top, #333, #111) !important;
  290.   background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#111)) !important;
  291.   margin: -5px 0 0 0 !important;
  292.   border: none !important;
  293.   opacity: 0;
  294.   border-radius: 4px !important;
  295.   -moz-transition-duration: 0.5s;
  296.   -moz-transition-property: opacity;
  297.   -webkit-transition-duration: 0.5s;
  298.   -webkit-transition-property: opacity}
  299. .gbm[style*="visible;"] {opacity: 1}
  300. .gbt a {
  301.   -moz-transition-duration: 0.4s;
  302.   -moz-transition-property: color, text-shadow;
  303.   -webkit-transition-duration: 0.4s;
  304.   -webkit-transition-property: color, text-shadow}
  305.  
  306.  
  307.  
  308.  
  309. .A1, .AY {padding-left: 0 !important}
  310.  
  311. .Cq .J-Zh-I, .Cq .J-Zh-I:hover, .iH .J-Zh-I, .iH .J-Zh-I:hover {background: none !important; border: none !important; margin-bottom: 0 !important; padding-left: 7px !important}
  312. div.Cq, div.iH, div.Cr, div.iG {
  313.  /* background: #000 !important;
  314.   border: 2px solid #333 !important;
  315.   border-radius: 5px !important;*/
  316.   padding: 1px 8px 0 6px !important;}
  317. div.Cr, div.iG {padding: 2px 2px 3px 5px !important}
  318. .J-M-JJ {border: none !important; padding-right: 3px !important}
  319. .vpUyzb {padding: 0 !important}
  320.  
  321. .J-Zh-I-KE > b {font-weight: normal !important; color: #999 !important}
  322.  
  323. .Cq div.J-Zh-I:not([aria-disabled="true"]):hover, div.J-Zh-I-KE:not([aria-disabled="true"]):hover > b, div.AP:hover, div[class="Pl J-J5-Ji"] .J-Zh-I:not([aria-disabled="true"]):hover, .AO:hover, .Cq .J-Zh-I:not([aria-disabled="true"]):hover, .iH .J-Zh-I:not([aria-disabled="true"]):hover, .VP5otc-tOAp0c:not([aria-disabled="true"]):hover, .VP5otc-ynQFL:not([aria-disabled="true"]):hover {color: #FFF !important; text-shadow: 0 0 3px #fff !important; text-decoration: underline !important}
  324. .Cq div[class="Pl J-J5-Ji"]:first-child * {text-decoration: none !important}
  325. .Cq div[class="Pl J-J5-Ji"]:first-child input {border-color: #1B1B1B !important; margin-top: -3px !important}
  326.  
  327. .VP5otc-pzeoBf, .VP5otc-U4m8q {border: none !important}
  328.  
  329.  
  330.  
  331.  
  332. .nn[style="width: 172px;"], .nn[style="width: 172px; "], .leftnav {
  333.         background: #222 !important;
  334.         border-radius: 0 8px 8px 0 !important;
  335.         border: 2px solid #555 !important;
  336.         margin-left: -5px !important}
  337. ul.leftnav {margin-left: -15px !important; padding: 5px 5px 0 5px !important}
  338.  
  339. .z8 .Ww4Jzd {display: inline !important}
  340.  
  341. .z0 .J-Zh-I, .MX .J-Zh-I {
  342.         background: -moz-linear-gradient(center top, #333, #222) !important;
  343.         background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#222)) !important;
  344.         border-radius: 0 !important;
  345.         border: 1px solid #333 !important;
  346.         margin: -11px 0 0 -17px !important;
  347.         padding: 5px 5px 5px 23px !important;
  348.         width: 142px !important;
  349.         color: #999 !important;
  350.         font: bold 90% arial,sans-serif !important;
  351.         text-align: left !important;
  352.         text-shadow: 0 0 3px #000 !important;
  353.         cursor: pointer !important}
  354. .z0 .J-Zh-I:hover, .MX .J-Zh-I:hover {color: #FFF !important}
  355. .nZ a, .ol a {font-size: 120% !important}
  356. .nn div.nY * {color: #FA0 !important}
  357.  
  358. .pp .pt {padding-right: 0 !important}
  359. table.vH .vC {border-top: 1px solid transparent !important}
  360. table.vH .vC:hover, .ul {background: -moz-linear-gradient(center top, #333, #222) !important; background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#222)) !important; border-top: 1px solid #333 !important; border-bottom: 1px solid #333 !important}
  361. table.vH .vC:hover * {color: #DDD !important; text-shadow: 0 -1px 0 #000 !important}
  362.  
  363.  
  364.  
  365.  
  366. div[role="dialog"] {
  367.   -moz-border-radius-topleft: 9px !important;
  368.   -webkit-border-top-left-radius: 9px !important;
  369.   box-shadow: -2px -2px 3px #000 !important;
  370.   background: rgba(37, 37, 37, 0.9) !important;
  371.   margin-right: -12px !important}
  372. .EM {min-width: 250px !important}
  373.  
  374. .jp .gv, .jp .f7, .jp .He {border: none !important}
  375. .jp .f7 {margin: 4px !important}
  376. .jp textarea:focus {box-shadow: none !important; background-color: #111 !important}
  377. .AC0ztc {background: -moz-linear-gradient(#252525, #000) !important; background: -webkit-gradient(linear, left top, left bottom, from(#252525), to(#000)) !important}
  378. .NC .NJ, .lB4kbc .J-N, .lB4kbc .J-N-JT, .lB4kbc .J-N-JW, .lB4kbc .J-N-Kr, .Fbsvsc, .hsMnG {background: -moz-linear-gradient(center top, #252525, #111) !important; background: -webkit-gradient(linear, left top, left bottom, from(#252525), to(#111)) !important}
  379. .NC .NJ {border: none !important}
  380. .NC .NJ:not([class="NI NJ"]):hover, .Fbsvsc:hover, .QlkKEc {background: -moz-linear-gradient(center top, #111, #252525) !important; background: -webkit-gradient(linear, left top, left bottom, from(#111), to(#252525)) !important}
  381. .NC .NJ:not([class="NI NJ"]):hover {-moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-left-radius: 6px !important; -webkit-border-top-right-radius: 6px !important}
  382. .jm .J-KX {background-color: #CCC !important; border-radius: 9px}
  383. .jK {margin: 0 !important}
  384.  
  385. div.DL {color: #555 !important; text-decoration: line-through !important}
  386.  
  387.  
  388.  
  389.  
  390. div.Cp {
  391.   border: 1px solid #333 !important;
  392.   margin-left: 7px !important;
  393.   border-radius: 5px !important;
  394.   background-color: #222 !important}
  395.  
  396. tr.x7 {background: #200 !important}
  397. .zE {background: #393939 !important}
  398. .zA:hover, .zA.zE:hover, .MT:hover, .yQ {background: -moz-linear-gradient(#444, #252525) !important; background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#252525)) !important}
  399. tr.x7:hover, tr.x7.yQ {background: -moz-linear-gradient(#391700, #221000) !important; background: -webkit-gradient(linear, left top, left bottom, from(#391700), to(#221000)) !important}
  400.  
  401. .y2, .y2 * {color: #595959 !important}
  402. tr.zE .zF, tr.zE .yW, tr.zE .y6 b, tr.zE .xW b {color: #FFF !important; text-shadow: 0px -1px 0px #000, 0 0 3px #000 !important}
  403. tr.zE .y2 {color: #999 !important}
  404.  
  405. .cP div.at, div.pM .p6 {border-radius: 4px; box-shadow: inset 0 1px 4px #000}
  406.  
  407. .at[style="background-color: rgb(238, 238, 238); border-color: rgb(238, 238, 238);"], .au[style="border-color: rgb(238, 238, 238);"] {background: #222 !important; border-color: #333 !important}
  408. .au[style="border-color: rgb(238, 238, 238);"] .av[style="color: rgb(34, 34, 34);"] {color: #777 !important}
  409.  
  410.  
  411.  
  412.  
  413.  
  414. .ha {
  415.   background: #222 !important;
  416.   border-top: 1px solid #333 !important;
  417.   border-bottom: 1px solid #333 !important;
  418.   border-left: 2px solid #333 !important;
  419.   border-right: 2px solid #333 !important;
  420.   border-radius: 6px !important;
  421.   box-shadow: 0 0 5px #000 !important;
  422.   /*margin: 9px -90px 0 6px !important;*/
  423.   padding: 1px 5px !important}
  424.  
  425.  
  426. div.hN, .hO {color: #000 !important; text-shadow: 1px 1px 0 #FFF !important}
  427. .p8 {color: #000 !important; text-shadow: 0 0 1px #FFF !important}
  428.  
  429.  
  430. .id .il {background: #E90 !important; color: #222 !important}
  431. .iW {background: transparent !important; color: #999 !important}
  432.  
  433. .hx, .iz {padding: 6px 0px 4px 6px !important; /*margin-right: -90px !important; */}
  434. .Bk .G2 {
  435.   background: #222 !important;
  436.   border-radius: 6px !important;
  437.   -moz-border-top-colors: #333 !important;
  438.   -moz-border-bottom-colors: #333 !important;
  439.   -moz-border-left-colors: #333 !important;
  440.   -moz-border-right-colors: #333 !important;
  441.   box-shadow: 0 0 5px #000 !important}
  442. .G0 .J-Zh-I {background: -moz-linear-gradient(center top, #222, #111) !important; background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#111)) !important}
  443. .G0 .J-J5-Ji:first-child .J-Zh-I {border-radius: 0 0 0 6px !important}
  444. .G0 .J-J5-Ji:last-child .J-Zh-I {border-radius: 0 5px 0 0 !important; border-right: none !important}
  445. .G0 * {z-index: 10 !important}
  446.  
  447. .gD[style="color: rgb(0, 104, 28);"], .gD[style="color: rgb(0, 104, 28);"] * {color: #0A0 !important}
  448.  
  449. div.youtube {background: #222 !important}
  450. div.thumbnail_hover, .hv:hover {border-color: #E90 !important}
  451.  
  452. div.dR, #cl-progress {background: #FA0 !important}
  453.  
  454.  
  455. .h9, .gE.ib {
  456.   background: -moz-linear-gradient(center top, #222, #333) !important;
  457.   background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#333)) !important;
  458.   border-bottom: 1px solid #111 !important}
  459.  
  460.  
  461. .mD .mG {font-size: 14px; font-weight: bold}
  462. div.mD:hover {background: transparent !important}
  463. div.mD:hover *, td.mC * {color: #FA0 !important}
  464. .eH:hover:before {content: "Open in a new window "; color: #FA0; font-size: 10px}
  465.  
  466.  
  467. .ii * {color: #999 !important; background-color: transparent !important}
  468. .ii a, .ii a * {color: #EEE !important}
  469.  
  470.  
  471. .eL {border: 1px solid #333 !important; background-color: #111 !important; border-radius: 4px}
  472. .e7, .e9 {background-color: #333 !important}
  473. .e7 {box-shadow: 0 0 3px #000, 0 0 3px #000 !important}
  474.  
  475.  
  476. html[style*="background"] {background: transparent !important}
  477. .Ar {border: none !important; padding: 0 !important; margin-right: 4px !important}
  478. .Ao iframe.Am {box-shadow: 0 0 4px !important}
  479.  
  480. .LW-yrriRe *:not([style*="color"]), .LW-yrriRe:not([style*="color"]) {color: #998 !important}
  481. .J-JK9eJ-PJVNOc:not([style=""]) {border-radius: 3px; box-shadow: 0 0 3px; background-color: #000 !important}
  482. .LW-yrriRe *[style*="color"], .LW-yrriRe[style*="color"] {color: #DDD !important}
  483.  
  484.  
  485. .QK .J-KX-KU-KO {background: #222 !important; border-color: #222 #000 #000 !important}
  486. .QK .J-KX-KU {background: #000 !important; border-color: #000 !important}
  487.  
  488.  
  489.  
  490. /*
  491. div.l2.ov {
  492.   background: #222 !important;
  493.   border-radius: 6px;
  494.   box-shadow: inset 0 0 7px #000;
  495.   margin: 10px !important;
  496.   padding-bottom: 8px !important} */
  497. div.l2.ov .mn {padding: 0 !important}
  498. .l8, .mn .l8 {color: #FFF !important}
  499. .mj {color: #B6FF00 !important}
  500.  
  501.  
  502.  
  503.  
  504. .qp {margin-top: -2px !important}
  505.  
  506. div.nH.aJ, div.nH.aK {padding-top: 0 !important; margin-right: 5px}
  507. div.nH[style="height: 45px;"] {height: 35px !important}
  508. div.nH[style="height: 65px;"], div.nH[style="width: 1087px; height: 65px;"], div.nH[style="width: 180px; height: 65px;"] {height: 55px !important}
  509.  
  510. /*td.Bu:last-child .hj {margin-left: 95px !important}*/
  511. .hk span {white-space: normal !important}
  512.  
  513.  
  514.  
  515. /*
  516. .a9, .GHl1cf {background: url("http://www.abload.de/img/goog_mail_logo5mkf.png") no-repeat !important}
  517. .zG {background: url("http://www.abload.de/img/rateyznb.png") no-repeat !important}
  518. .y3 {background: url("http://www.abload.de/img/fav8lau.png") no-repeat !important}
  519. .AZ, .wY, .tz, .Np, .VP5otc-d2fWKd {background: url("http://www.abload.de/img/dropolg0.png") no-repeat !important; margin-top: -2px !important}
  520. .pv .pq, .Ww4Jzd {background: url("http://www.abload.de/img/zippy_sprites_newblx8.png") no-repeat scroll 0 0 !important; width: 12px !important; height: 12px !important; margin-bottom: -2px !important}
  521. .pr .pq, .U7PoDf .z9.z8 .Ww4Jzd {background: url("http://www.abload.de/img/zippy_sprites_newblx8.png") scroll 12px 24px !important; width: 12px !important; height: 12px !important; margin-bottom: -2px !important}
  522. .yH {background-image: url("http://www.abload.de/img/big-closexz95.png") !important; width: 16px !important; height: 16px !important}
  523. .eL {background-image: url("http://www.abload.de/img/toolbar3_neu1abn.gif") !important}
  524. .E .J-LC-Jo {background-image: url("http://www.abload.de/img/mail.google.com3_newsl0x.png") !important}
  525. .FX8zxf, .df, .t3, .t0, .ty, .tx {background-image: url("http://www.abload.de/img/icons_ns9_newcn5z.png") !important}
  526. .ik .df {margin-top: -2px !important}
  527. .qJw9y-Aw, .qJw9y-z7, .qgDs3e-Aw, .qgDs3e-z7 {background-image: url("http://www.abload.de/img/promo_arrows_newcu4a.png") !important}
  528. .tS, img[src*="/static/images/NoPicture.gif"] {background-image: url("http://www.abload.de/img/blue_ghostkx6i.png") !important}
  529. #gbi5 {background-image: url("http://www.abload.de/img/gog_new5ar4.png") !important}
  530. a.print-page {background-image: url("http://www.abload.de/img/print5yxc.png") !important}
  531. a.share-page {background-image: url("http://www.abload.de/img/chrome_extension-shareylog.gif") !important}
  532. li.forum a, a.comment-on-page {background-image: url("http://www.abload.de/img/commentalw4.png") !important}*/
  533. .R9HbHb, .Kj-JD-K7-Jq {opacity: 0.8}
  534. .R9HbHb:hover, .Kj-JD-K7-Jq:hover {opacity: 1}
  535.  
  536. img[src*="/static/images/NoPicture.gif"] {width: 0px !important; height: 96px !important; padding-left: 96px !important}
  537.  
  538. /*
  539. .Jd-Je .uS, .fx .J-Ks-KO .J-N-Jo, .tT .J-Ks-KO .tU, .Ta .J-Ks-KO .J-N-Jo, .Nl .J-Ks-KO .Sm, .R9HbHb, .Kj-JD-K7-Jq, .EqK8f, .Zzev9e, .W5RYx, .s8, .yE, .en, .gW, .gZ, .g1, .g8, .g9, .gx, .gq, .gC, .gM, .pW, .hB, .hA, .mK, .mI, .mL, .eI, .pp .m7, .oz, .RR {background-image: url("http://www.abload.de/img/mail_newpdld.png") !important}
  540. .pH-ab, .pH-CD, .pH-ab-A7, .pH-CD-A7, .Wt, .Wp, .Wu, .Wr .J-JN-M-I-JG {background-image: url("http://www.abload.de/img/mail2_new4r32.png") !important}
  541. .JkeJgf, .Dw .J-Ks-KO .J-N-Jo, .Dw .J-JN-M-I-JG {background-image: url("http://www.abload.de/img/mail.google.com2_newpyu8.png") !important}*/
  542. .s9 {background-position: -157px 2px !important}
  543. .ta {background-position: -117px 2px !important}
  544. .RR {background-position: -58px -19px !important}
  545. /*
  546. a.expand, a.zippy-expand {background: url("http://www.abload.de/img/zippybigsyd1.png") no-repeat scroll 0px 2px !important}
  547. a.collapse, a.zippy-collapse {background: url("http://www.abload.de/img/zippybigsyd1.png") no-repeat scroll 0px -20px !important}
  548. div.expand {background: url("http://i56.tinypic.com/2vvvuoz.jpg") no-repeat scroll 4px -18px !important}
  549. div.collapse {background: url("http://i56.tinypic.com/2vvvuoz.jpg") no-repeat scroll 4px 2px !important}*/
  550.  
  551. /*
  552. .logo a[href*="http://mail.google.com"] > img, img.logo {width: 0 !important; padding: 0 0 12px 110px !important; margin-top: -10px !important; background: url("http://www.abload.de/img/goog_mail_logo_new4ln9.png") no-repeat !important}
  553. img[src="/mail/help/images/googlemail.gif"] {width: 0 !important; height: 59px !important; padding-left: 150px !important; background: url("http://www.abload.de/img/goog_mail_logo_new4ln9.png") no-repeat !important}
  554. */
  555.  
  556.  
  557.  
  558. div scrollbarbutton {
  559.   -moz-appearance: none !important;
  560.   background-color: transparent !important;
  561.   border: none !important}
  562. div thumb {
  563.   -moz-appearance: none !important;
  564.   border: none !important;
  565.   background-color: #999 !important;
  566.   -moz-border-radius: 10px;
  567.   -moz-box-shadow: inset 0 0 3px #000}
  568. div scrollbar {
  569.   -moz-appearance: none !important;
  570.   background: transparent !important;
  571.   -moz-box-shadow: inset #000 0 0 8px}
  572. div scrollbarbutton:hover, thumb:active, thumb:hover {
  573.   opacity: 0.5 !important}
  574.  
  575. div scrollbar[orient="vertical"] thumb {min-width: 7px !important; max-width: 7px !important; min-height: 14px !important}
  576. div scrollbar[orient="horizontal"] thumb {min-height: 7px !important; max-height: 7px !important}
  577. div scrollbar[orient="vertical"] {padding-left: 3px !important; min-width: 13px !important; max-width: 13px !important}
  578. div scrollbar[orient="horizontal"] {padding-top: 3px !important; min-height: 12px !important; max-height: 12px !important}
create a new version of this paste RAW Paste Data