Skip to content

Instantly share code, notes, and snippets.

@petrleocompel

petrleocompel/global.css

Created July 20, 2018 14:45
Show Gist options
  • Save petrleocompel/9e309f3c5d8ca4088ad1c03c1c681617 to your computer and use it in GitHub Desktop.
Save petrleocompel/9e309f3c5d8ca4088ad1c03c1c681617 to your computer and use it in GitHub Desktop.
Download ZIP
Dark css
Raw
global.css
html
{
background: #1A1A1A /* fixed */ !important;
}
/*----- DEFAULT TEXT, BORDER & BACKGROUND COLORS -----*/
*
{
color: #999 !important;
text-shadow: 0 0 3px #000 !important;
box-shadow: none !important;
background-color: transparent !important;
border-color: #444 !important;
border-top-color: #444 !important;
border-bottom-color: #444 !important;
border-left-color: #444 !important;
border-right-color: #444 !important;
}
body
{
background: transparent !important;
}
*:before, *:after
{
background-color: transparent !important;
border-color: #444 !important;
}
a, a *
{
color: #409B9B !important;
text-decoration: none !important;
}
a:hover, a:hover *, a:visited:hover, a:visited:hover *, span[onclick]:hover, div[onclick]:hover, [role="link"]:hover, [role="link"]:hover *, [role="button"]:hover *, [role="menuitem"]:hover, [role="menuitem"]:hover *, .link:hover, .link:hover *
{
color: #F0F0F0 !important;
text-shadow: 0 0 5px rgba(255,255,200,0.9) !important;
}
a:visited, a:visited *
{
color: #607069 !important;
}
a.highlight, a.highlight *, a.active, a.active *, .selected, .selected *, [href="#"]
{
color: #DDD !important;
font-weight: bold !important;
}
h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, strong, [id*="headline"], [class*="headline"], [id*="header"], [class*="header"], [class*="header"] td
{
color: #DDD !important;
}
a h1, a h2, a h3, a h4, a h5, a h6, h1 a, h2 a, h3 a, a strong, a[id*="headline"], a[class*="headline"], a[id*="header"], a[class*="header"]
{
text-decoration: underline !important;
}
[class*="error"], [class*="alert"], code, span[onclick], div[onclick]
{
color: #900 !important;
}
::-moz-selection
{
background: #377 !important;
color: #000 !important;
}
::selection
{
background: #377 !important;
color: #000 !important;
}
:focus
{
outline: none !important;
}
/*----- MENU & CO BACKGROUND-COLORS -----*/
div[style="display: block;"], div[role="navigation"]
{
background: rgba(0,0,0,.5) !important;
}
table
{
background: rgba(40,30,30,.6) !important;
border-radius: 6px !important;
}
table > tbody > tr:nth-child(even), table > tbody > tr > td:nth-child(even)
{
background-color: rgba(0,0,0,.2) !important;
}
iframe, embed, nav, label [onclick], nav ul, div[style*="position:"][style*="left:"][style*="visible"], div[style*="z-index:"][style*="left:"][style*="visible"], div[style*="-moz-user-select"], div[role="menu"], div[role="dialog"], span[class*="script"] div, [id*="menu"], [id*="Menu"], [class*="dropdown"], [class*="popup"], [class="title"], ul[style*="display:"], ul[style*="visibility:"] ul, [id*="nav"] ul, [class*="nav"] ul, ul[class*="menu"], a[onclick][style*="display"], a[id*="ghosteryfirefox"], #ghostery-purple-bubble, #translator-popup, .menu, .tooltip, .hovercard, .vbmenu_popup
{
background: rgba(5,5,5,.9) !important;
border-radius: 5px;
box-shadow: 1px 1px 5px #000 !important;
}
header, #header, footer, #footer
{
background: rgba(19,19,19,.9) !important;
box-shadow: 0 0 5px #000 !important;
}
body > #dialog, body > .xenOverlay
{
background: rgba(19,19,19,.96) !important;
background-clip: padding-box !important;
box-shadow: 0 0 15px #000, inset 0 0 0 1px rgba(200,200,200,.5), inset 0 0 5px #111 !important;
border: 10px solid rgba(99,99,99,.7) !important;
border-radius: 0 !important;
}
[id*="overlay"], [id*="lightbox"], blockquote
{
background-color: rgba(35,35,35,.9) !important;
border-radius: 5px;
}
pre, dl, .Message code
{
background-color: rgba(5,5,5,.5) !important;
}
/*----- DEFAULT BUTTONS, SEARCHBOXES & CO -----*/
input, select, button, [role="button"], a.button, a.submit, a.BigButton, a.TabLink, .install[onclick]
{
-moz-appearance: none !important;
-webkit-appearance: none !important;
transition: border-color 0.3s !important;
background: #060606 !important;
color: #BBB !important;
text-shadow: 0 1px #000 !important;
border: 2px solid #333 !important;
border-radius: 4px !important;
box-shadow: 0 0 2px rgba(0,0,0,.9) !important;
}
a[href="javascript:;"], a[class*="button"]:not(:empty), a[id*="button"]:not(:empty), a[id*="Button"]:not(:empty), div[class*="button"][onclick]
{
transition: border-color 0.3s !important;
background: #060606 !important;
color: #BBB !important;
text-shadow: 0 1px #000 !important;
border-color: #333 !important;
box-shadow: 0 0 2px rgba(0,0,0,.9) !important;
}
a[href="javascript:;"]:hover, a[class*="button"]:not(:empty):hover, a[id*="button"]:hover, a[id*="Button"]:not(:empty):hover, div[class*="button"][onclick]:hover
{
background: #151515 !important;
color: #FFF !important;
}
input *, select *, button *, a.button *, a.submit *
{
color: #BBB !important;
text-shadow: none !important;
}
input:hover, input[type="button"]:hover, select:hover, button:hover, [role="button"]:hover, a.button:hover, a.submit:hover, a.BigButton:hover, a.TabLink:hover
{
border: 2px solid #555 !important;
border-top-color: #555 !important;
border-bottom-color: #555 !important;
border-left-color: #555 !important;
border-right-color: #555 !important;
}
input:focus, select:focus
{
box-shadow: 0 0 5px #077 !important;
}
input *:hover *
{
color: #F0F0F0 !important;
text-shadow: 0 0 2px #FFF !important;
}
input[disabled], select[disabled], button[disabled], input[disabled]:hover, select[disabled]:hover, button[disabled]:hover, input[disabled]:focus, select[disabled]:focus, button[disabled]:focus
{
opacity: 0.5 !important;
border-color: #333 !important;
}
/*
input[type="checkbox"], input[type="radio"] {
box-shadow: 0 0 0 2px #444, 0 0 2px 2px #000 !important;
opacity: 0.7;
transition: box-shadow 0.2s, opacity 0.2s !important}
input[type="checkbox"]:not([disabled]):hover, input[type="radio"]:not([disabled]):hover {
opacity: 0.9}
input[type="checkbox"]:not([disabled]):active, input[type="radio"]:not([disabled]):active {
box-shadow: 0 0 0 2px #999, 0 0 2px 2px #000 !important}
input[type="checkbox"]:checked, input[type="radio"]:checked {
box-shadow: 0 0 0 2px #077, 0 0 2px 2px #000 !important}
input[type="checkbox"][disabled], input[type="radio"][disabled] {
opacity: 0.35}
*/
input[type="checkbox"]
{
border-radius: 1px !important;
}
input[type="radio"], input[type="radio"]:focus
{
border-radius: 100% !important;
}
input[type="checkbox"], input[type="radio"]
{
min-width: 12px;
min-height: 12px;
}
input[type="checkbox"]:checked, input[type="radio"]:checked
{
border-color: #077 !important;
box-shadow: 0 0 5px #077 !important;
}
select
{
padding-right: 15px !important;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAeSURBVBhXY5g5c+Z/BiwALo6uAEMDTACXSWgSDAwA4jATh950E30AAAAASUVORK5CYII=) no-repeat right 4px center #060606 !important;
transition: border-color 0.3s, background-position 0.3s !important;
}
button:active, input[type="submit"]:active, input[type="button"]:active, a.button:active, a[class*="button"]:not(:empty):active, a.submit:active, a.BigButton:active, a.TabLink:active, .Active .TabLink
{
background: #292929 !important;
color: #FFF !important;
}
textarea
{
-moz-appearance: none !important;
-webkit-appearance: none !important;
background: rgba(0,0,0,.3) !important;
border-radius: 3px !important;
border: 1px solid #000 !important;
box-shadow: inset 0 0 8px #000 !important;
transition: border-color, background, 0.3s !important;
}
textarea, textarea *
{
color: #C8C8C8 !important;
text-shadow: 0 0 1px gray !important;
}
textarea:hover, textarea:focus:hover
{
border-color: #333 !important;
}
textarea:focus
{
background: rgba(0,0,0,.5) !important;
border-color: #222 !important;
}
textarea:focus, textarea:focus > *
{
text-shadow: none !important;
box-shadow: none !important;
}
option, optgroup
{
-moz-appearance: none !important;
-webkit-appearance: none !important;
background: none !important;
color: #666 !important;
}
optgroup
{
background: #222 !important;
color: #DDD !important;
}
option:not([disabled]):hover, option:focus, option:checked
{
background: linear-gradient(#333, #292929) !important;
color: #DDD !important;
}
/*----- IMAGE CHANGES -----*/
body, *:not(:empty):not(html):not(span):not(a):not(b):not(option):not(select):not(img):not([style="display: block;"]):not([onclick*="open"]):not([onclick*="s_objectID"]):not([class*="stars"]):not([id*="stars"]):not([id="rating"]):not([class="rating"]):not([class*="SPRITE"]):not([id*="SPRITE"]):not([class*="item"]):not([id*="item"]):not([class*="thumb"]):not([class*="icon"]):not([class*="photo"]):not(.view):not(.text):not([id*="lbImage"]):not([class*="cc-in"]):not([class*="gr-body"]):not([id*="watch"]):not(#globalsearch),
.r3_hm, .gmbutton2 b, .gtab-i, .ph, .bstab-iLft, .csb, #pagination div, [style*="sprite2.png"], #mw-head-base, #mw-page-base
{
background-image: none !important;
}
img
{
opacity: .7 !important;
transition: opacity .2s;
}
img:hover, a:hover img, #mpiv-popup
{
opacity: 1 !important;
}
Raw
google.css
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 400;
src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37ZvZraR2Tg8w2lzm7kLNL0-w.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 400;
src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37Zl4sYYdJg5dU2qzJEVSuta0.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 400;
src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37ZlBW26QxpSj-_ZKm_xT4hWw.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 400;
src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37Zgt_Rm691LTebKfY2ZkKSmI.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 400;
src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37ZtDiNsR5a-9Oe_Ivpu8XWlY.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 400;
src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37ZqE8kM4xWR1_1bYURRojRGc.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 400;
src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37Zogp9Q8gbYrhqGlRav_IXfk.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/sTdaA6j0Psb920Vjv-mrzH-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/uYECMKoHcO9x1wdmbyHIm3-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/tnj4SB6DNbdaQnsM8CFqBX-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/_VYFx-s824kXq_Ul2BHqYH-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/NJ4vxlgWwWbEsv18dAhqnn-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/Ks_cVxiCiwUWVsFWFA3Bjn-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/oMMgfZMQthOryQo9n22dcuvvDin1pK8aKteLpeZ5c0A.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/*-----------Buttons-----------*/
.gb_dc, ._Zgf, .cdr_cls, .gb_cc, ._udv, ._vdv, ._Pdv, ._cXm, ._FOl, .imspo_mt__triangle, .aCBg7 {
filter: invert(100%);
}
/*--------Image Filters-------*/
#_d9n {
filter: hue-rotate(50deg) !important;
}
.tbs_rgt_arr:hover, .fYWO0d, .gb_da .gb_b, .gb_Nc .gb_b, .XCKyNd {
filter: invert(100%) !important;
}
/*------------------Text Colors-----------------*/
.st em, .rl_item, .title, .med, ._e9n, #main, .st, ._tvg, ._Adb, .sbpqs_c a:link, ._Qsh, ._Lbe, #vt-category-subtitle, ._tmr, ._bCn ._Ucr, ._Sxr, ._vri, .klmeta, ._Ajf, ._INk, ._Tsf, ._zft._UPt, .vk_gy, .lr_c_stnl, ._fAg:disabled, ._fAg[disabled]:not([disabled=false]), ._h1p, ._OZg, .OlDqke, ._uUs ._i2g, ._Tfc, ._cwc, .gb_4c, .utcmad, .g6UaYd, .z5rWI, .qXj2He, .f, td, .vk_dgy, .sfbgg, span[style="color:#666;font-size:small"], .Vfp4xe, .QJGxHc, div.otByu div.cwqNnb span.BFlQMb, .qFiidc, .xlBGCb {
color: #979797 !important;
}
#rhs_title, .fbar, ._Gs, .r a:link, ._ksh a:link, ._DM a:link, #gb#gb a.gb_P, .gb_Bb, .gb_Zb, .gb_Fb .gb_Eb, .gb_ja, #gb#gb a.gb_O, #gb a.gb_ka, .v7k2xf, .gMG7Fd, .wh73ab, .fbar a:hover, #hdtb .hdtb-mitem a:hover, #hdtb-tls:hover, ._czk, ._cNr, ._W5e a, ._W5e, .hdtb-mn-hd:hover, .mitem a, h2, .kxbcl .kxbc:hover, .hdtbItm.hdtbSel, #hdtb .hdtbItm a:hover, #cdrlnk:hover, .cdr_ttl, ._ESi, ._xD ._Fp .tb_st, ._Zlr, ._bCn ._Tcr, ._rl, .vk_ans, .vk_bk, ._pk, ._oBl, ._uGs, .knowledge-webanswers_table__webanswers-table th, ._NZg, ._XWk, .PvmUkc .FLaLHc, .m3JvWd, .MuKKBb a, .HSWTYc, .jBMwef, .vGowKb, .PvmUkc .JwuqDc, .ubsg2b, ._WIf, ._MJf, .kno-ecr-pt, ._Ljr, ._Rwg, ._w1e, ._rke, .imso-loa, .imso_mh__ft-mtch, ._gYu, .kN9UDnqLeMg__carousel-caption, .jfk-button-action, .goog-flat-menu-button-caption, .appbar, .hdtb-mitem.hdtb-msel.hdtb-imb, #brs .med, .e2BEnf, .oBrLN, .w8qArf, .cUnQKe .garHBe, .IZACzd, .KpG9if, .fn6bCb, .garHBe, .XiMyEd, div.otByu div.I1Kbt, div.lFApYd, .gb_Fb, .gb_Cb .gb_Jb, .gb_3b, .uUoqX, .aYim3e, .AYV4Je, .P2k4se, .eJ7tvc, .dbg0pd, .odXoZb, #top_nav .ab_button, a.irc_pt, .oPhL2e, .NprOob, .qUjgX, .msyb7, .fw-ch-svg, .cwcot {
color: #E9E9E9 !important;
fill: #E9E9E9 !important;
}
.gb_Db, .Vz68Kb, .fbar a, .sbqs_c, .sbsb_i, #hdtb .hdtb-mitem a, ._gdf, ._TCn, ._mMg, ._UCn, ._zjf, ._Jjg, ._LJ .exp-txt-c, ._zX, a.duf3, #brs a, ._lhs, ._Xbe, g-link a:link, g-more-link a:link, ._Iqg, g-inner-card a:link, a.fl:link, .mfr a:link, .card-section a:link, .vk_c a:link, a._Zjg, .s cite, .g cite, #hdtb-msb #hdtb-tls, .hdtb-mn-hd, .sect, .goog-slider li, .sllabel, .sbqs_c, .sbsb_i, .kxbcl, .kltat, .klfact, #hdtb, #cdrlnk, #hdtb .hdtbItm a, .cdr_mml, .cdr_dlg .goog-date-picker-monthyear, .rl_item .title, ._DSo, ._tdv > div, ._Jse, ._ucl, ._SZc, ._nBl, .kno-fb-ctx._g2g, .ELUvyf, .SlwI7e .izvRC, ._x0c, div._Ie div._Rj span._fq, .y8Jpof .LrzXr, .Qynugf, .NWt7k, .H1ccWd, .i29hTd .qLLird, .i29hTd .kR7nSc, .N6Sb2c, .uaCsqe, .Ndq8Rb, .piVJ4d, .NIUoNb, .P1usbc, .iXqz2e .exp-txt-c, .sthby, .Q8LRLc, .DwKiF, .MVG5H, div.otByu div.FAcADc, div.otByu div.orcpGe, div.otByu div.cwqNnb, div[style="display:table-cell;width:40px;padding-right:6px;padding-left:6px;text-align:center;font-size:13px;color:#222"], .gb_Ib, .gb_4b, .cwUqwd, .RYyyCf, .ocgo5c, .HfMth, .knFDje, .TgMHGc, .CVIh4c, .zN1Msc {
color: #B6B6B6 !important;
}
.gb_ub, #gb a.gb_ub.gb_ub, .gb_vb a, #gb .gb_vb.gb_vb a, .sbpqs_a, g-inner-card cite, ._e4b a:link, ._tX, #fprs a:link, ._Mft, .cur, ._xK ._h3d, ._NRl, a, ._Fqg, ._vri:hover, ._Yht, .lr_dct_more_btn, ._ogd, #rcnt a:hover, .WiMrBe, .jBMwef:hover, .PvmUkc .JwuqDc:hover, .m3JvWd:hover, .MuKKBb a:hover, .vGowKb:hover, ._uXe, .SW5pqf, .wUrVib, .Ss2Faf, .e8fRJf, .M1wVnd, .SDZsVb, .sFZIhb, .KMdzJ, .DLOTif, #top_nav .ab_button:hover, .CVIh4c:hover {
color: #7289DA !important;
}
.gb_Fb .gb_Eb:hover, .lr_dct_trns_sel, .goog-inline-block, .R9zNe, .uWmgv, .IxBI8c {
color: #1F232A !important;
}
.r a:visited, ._ksh a:visited, ._DM a:visited, g-inner-card a:visited, a.fl:visited, .mfr a:visited, .card-section a:visited, .vk_c a:visited, ._vvg, .lr_c_fi.checked, .xXEKkb {
color: #7289DA !important;
}
.msyb7 {
fill: none;
stroke: none !important;
}
/*--------------Main Background----------*/
body, ._sWr, #cnt, #appbar, #wob_temp, #wob_rain, #wob_wind, ._akb, .wob_ds, .gb_fa, .gb_Ob, .gb_Fb, .gb_ia, .gb_ja, .gV6pJf, .fEjTrb, .CxSKqd.PNdSh, #fsett, #hdtb, .hdtb-mn-o, .hdtb-mn-c, .hdtbItm, .cdr_bg, .cdr_highl, ._QZ._oq, ._QZ._pq, #rllhd__fldhc, .widget-search-this-area-inner, ._xk, ._Atm, .gb_6c .gb_Db, .imso-fpm, .tb_c, .imspo_mff__mff-lfs, .imspo_mff__mff-bs, ._Rbe .tb_l:hover, .GHDvEf, .GHDvEf:hover, .GHDvEf.selected, .GHDvEf.selected:hover, .KpG9if:hover, .gb_Kb, .gb_Sb, .gb_Qb {
background-color: #272c35 !important;
-webkit-transition: background-color 0.5s ease;
-moz-transition: background-color 0.5s ease;
-o-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
}
.fbar, ._Gs, .gb_yb .gb_Eb:hover, .sfbgg, .mlo-c, .cdr_dlg, .cMjHbjVt9AZ__button:active, .xMujpb, .m2bmxb, .ez1Qqf, ._mge, .imso-hov:hover, ._Qjr, .imso-hov, ._Rbe .tb_l, .E6Cqjb, .o2ji6GoAIDp__menu, .pVFdhc, .uMdZh:hover {
background-color: #1F232A !important;
}
g-inner-card, .knowledge-panel, .kp-blk._zCd._Rqb._RJe, ._OKe, ._qgo, ._Vjf, .vk_c, .sfbgg, #hdtbSum, .sfbgx, .gb_Fb .gb_Eb, .gb_yb .gb_Eb, .gb_ja:hover, .gb_Z:hover .gb_3, .CxSKqd, #hdtb-tls:hover, ._dMq, .mitem:hover, .klitem:hover, .rl_item, ._yX, ._she, #hdtb-more-mn a:hover, .hdtbItm.hdtbSel:hover, .hdtbItm a:hover, #cdrlnk:hover, .cdr_dlg .goog-date-picker, ._fJ, ._vb._wl, .klitem.selected, ._xe, .kp-blk, ._Db:hover, .lr_c_tf, ._Db:active, .rllt__local-item-selected, ._tdv, .stt-not, ._XDn, ._lBl, #gbsfw.gb_Qc, .gb_6c .gb_Db:hover, ._lge, ._Dji, ._u0c, ._Rwg, ._z0c, ._l0c, ._Mbe.tb_h, .imso-hov:hover, ._Bjh .tb_c, .imso_mh__mh-bd, .y8Jpof:hover, .tQ6mdb, .m7VU0c, .oLMvxj8HcwN__highlighted, .ErsxPb:active, .yOo6xe, .tb_c.tb_stc, .gb_Mf, .gb_Sb:hover, .AYBNrd, .f196ee, .cwtlwm, .u80vZ {
background-color: #3C4149 !important;
-webkit-transition: background-color 0.5s ease;
-moz-transition: background-color 0.5s ease;
-o-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
}
.tw-lang-selector, .jfk-radiobutton-checked .jfk-radiobutton-radio::after {
background-color: #E9E9E9 !important;
}
.ajgU6, .XSVuue, .iWO9fc .mUbCce svg, .Z5nyse, .RFF2xb svg, .EZRelc {
fill: #E9E9E9 !important;
}
.iWO9fc .mUbCce:hover svg {
fill: #f13f3f !important;
}
path[d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"] {
fill: #1F232A !important;
}
polygon[fill="#4285f4"] {
fill: #3C4149 !important;
}
#hdtb-tls:hover, #hdtb-msb .hdtb-tl-sel, .sfbgg, .imspo_mt__vs-c {
background-image: none !important;
}
._Fmb.ab_button {
background-color: transparent !important;
}
#appbar, .kappbar, div.rl_feature, .rlc__slider, .rlc__slider-page {
background: #272c35 !important;
}
.jfk-textinput, .goog-flat-menu-button {
background: #B6B6B6 !important;
}
.CedBdc {
background: none !important;
}
/*--------------Borders-----------------*/
#fbar, #fbar, ._G1d._wle._xle, ._tN._U1i.mod, ._qgo, .vk_arc, .iT3aZd + div {
border-top: solid 1px #272c35 !important;
}
.tb_l {
border-left-color: #272c35 !important;
}
#hdtb, .sfbgx, .QcYZxe {
border-bottom: solid 1px #272c35 !important;
}
#wob_temp, #wob_rain, #wob_wind {
border: 1px solid #272c35 !important;
}
._G4n td, .gb_yb .gb_Eb, .gb_Fb .gb_Eb, .cdr_dlg, .ellip, .scrt td, .rl_item, #rhs ._mbr, ._UIf ._SIf, ._UIf ._hvg, ._ytj, ._qJg, ._bXm, .stt-not, #gbsfw.gb_Qc, .knowledge-webanswers_table__webanswers-table tr, .imspo_mff__mff-lfs, .cwtlb, .u80vZ {
border-color: #272c35 !important;
}
#gbsfw.gb_Rc, #fsett, .hdtb-mn-o, .hdtb-mn-c, ._mge, ._Pjr, ._Qjr, .imspo_mff__mff, .b2hzT, .kp-blk .xpdclose .farUxc, .kp-blk .xpdopen .mJ2Mod, .xpdclose .a84NUc:not(:empty), .xpdopen .CQKTwc:not(:empty), .ksSzJd .TZahnb, .ksSzJd .NY3LVe, #rhs .cVqrTe, .vk_gbt, #gbsfw.gb_Uc, .LCM7d:not(:first-child), .wYWDAd, .zkIadb, .AYBNrd, .AYBNrd td, .odXoZb {
border-color: #1F232A !important;
}
#hdtb-tls:hover, #hdtb-msb .hdtb-tl-sel, .appbar, .klbar, .rl_center, ._yX td, ._QZ._oq, ._QZ._pq, ._Fp, ._vri, .RIrM6d, .LCX1Id, .ZYK0Xb, .sfbgg, .sect, .jfk-textinput, .goog-flat-menu-button, .appbar_b, div._Mib, #swml, .m7VU0c {
border-color: #3C4149 !important;
}
.action-menu .mn-dwn-arw {
border-color: #7289DA transparent !important;
opacity: 0.7 !important;
}
.action-menu:hover .mn-dwn-arw {
border-color: #7289DA transparent !important;
opacity: 1 !important;
}
.klitem.selected {
border-color: #7289DA !important;
}
.jfk-radiobutton-checked .jfk-radiobutton-radio::after {
border-color: #E9E9E9 !important;
}
._tc ._fJ, ._Mbe.tb_h {
box-shadow: none !important;
}
.fw-ch-sel {
box-shadow: 0px 18px 0px -16px #E9E9E9 !important;
}
/*-----------Animations----------*/
@keyframes open {
0% {
max-height: 0px;
}
100% {
max-height: 400px;
}
}
@keyframes opacity {
0% {
opacity: 0.0;
}
25% {
opacity: 0.25;
}
50% {
opacity: 0.50;
}
75% {
opacity: 0.75;
}
100% {
opacity: 1.0;
}
}
@keyframes alpha_out {
0% {
background: rgba(39, 44, 53, 255);
}
25% {
background: rgba(39, 44, 53, 191);
}
50% {
background: rgba(39, 44, 53, 128);
}
75% {
background: rgba(39, 44, 53, 64);
}
100% {
background: rgba(39, 44, 53, 0);
}
}
@keyframes alpha_in {
0% {
background: rgba(39, 44, 53, 0);
}
25% {
background: rgba(39, 44, 53, 64);
}
50% {
background: rgba(39, 44, 53, 128);
}
75% {
background: rgba(39, 44, 53, 191);
}
100% {
background: rgba(39, 44, 53, 255);
}
}
@keyframes display {
0% {
display: none !important;
}
100% {
display: inline !important;
}
}
._wD:hover {
animation-name: alpha_in !important;
animation-duration: 0.2s !important;
animation-timing-function: ease_out !important;
animation-fill-mode: forwards !important;
}
._wD {
border-radius: 4px !important;
animation-name: alpha_out !important;
animation-duration: 0.2s !important;
animation-timing-function: ease_out !important;
}
/*-----------------------Search Bar-----------------------------*/
.sbtc {
opacity: 0.0;
animation-name: opacity !important;
animation-timing-function: ease-in-out !important;
animation-duration: 0.3s !important;
animation-delay: 0.3s !important;
animation-fill-mode: forwards !important;
}
.sbsb_c {
opacity: 0.0;
animation-name: opacity !important;
animation-timing-function: linear !important;
animation-duration: 0.05s !important;
animation-delay: 0.30s !important;
animation-fill-mode: forwards !important;
}
#sfdiv, .lst-c {
border-radius: 50px !important;
opacity: 0.8;
}
.vasq {
border-radius: 50px !important;
}
/*-------------------Suggestions Field-------------------------*/
.sbsb_b {
max-height: 0px;
animation-name: open !important;
animation-duration: 0.3s !important;
animation-timing-function: ease-out !important;
animation-delay: 0.25s !important;
animation-fill-mode: forwards !important;
}
.sbsb_c.gsfs {
animation-name: opacity !important;
animation-duration: 0.3s !important;
animation-timing-function: linear !important;
}
/*------------Remove useless things------------*/
.sbsb_g, ._Ubu, #_eEe, .lsb, .jsb {
display: none !important;
}
@snipette
Copy link

🔢

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment