Je ne connais rien en CSS.
Ayant trouver Stylish très intéressant, j'ai pris un style sur le web qui permet de "redessiner" Google.
Ce style est très bien à une exception.
Voir le problème : https://mega.nz/#!wHoBVB4S!RYRp2lx31l1A ... c2R6lFJXV0
Description des chiffres sur l'image :
1 = les cartes ne prennent pas en compte la largeur des textes
2 = agrandir les cartes de résultats jusqu'au bord droit du cadre
3 = garder un espacement de la même largeur que le cadre (si possible)
Pouvez-vous jeter un œil sur ce problème ?
Vous serez des anges !
Voici le code en question :
Code : Tout sélectionner
@-moz-document url-prefix("http://google.com") {
}
@-moz-document regexp("https?://www.google.(com|([a-z]{2}))(.[a-z]{2})?."), regexp("https?://www.google.(com|([a-z]{2}))(.[a-z]{2})?/((\\?|webhp|search|gfe_rd|auth|gws_rd|#q|imghp|#gfe_rd|#safe|#pws|#tbs|#gws|#tbm).*)"), regexp("https?://encrypted.google.(com|([a-z]{2}))(.[a-z]{2})?/((\\?|webhp|search|gfe_rd|auth|gws_rd|#q|imghp|#gfe_rd|#safe|#pws|#tbs|#gws|#tbm).*)"), regexp("https?://encrypted.google.(com|([a-z]{2}))(.[a-z]{2})?."), regexp("https?://www.google.(com|([a-z]{2}))(.[a-z]{2})?/_/chrome/newtab\\?.*") {
html {
background: #F2F2F2 !important;
}
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: rgba(16, 16, 16, 0) !important;
}
/* SCROLLBAR STYLE STARTS */
::-webkit-scrollbar {
width: 5px !important;
background: none !important;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: none !important;
-webkit-border-radius: 0px !important;
border-radius: 0px !important;
background: none !important;
}
::-webkit-scrollbar-thumb {
-webkit-border-radius: 0px;
border-radius: 0px;
background: #4285f4 !important;
-webkit-box-shadow: none !important;
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(255, 0, 0, 0.4) !important;
}
/* SCROLLBAR STYLE ENDS */
/* -------------------------------------------------- */
body {
background: #F2F2F2 !important;
color: #000 !important;
}
#rcnt,
.mw,
#cnt,
.big,
#bcenter,
.col,
#rhscol,
#er,
#gko-srp-sp,
#center_col,
#rhs,
#main,
.content {
background: none !important;
}
/* -------------------------------------------------- */
/* TEXT LINKS AND COLOR CHANGES */
a {
color: #4285f4;
text-decoration: none;
}
a:link,
.w,
#prs a:visited,
#prs a:active,
.q:active,
.q:visited,
.kl:active,
.tbotu {
color: #4285f4 !important;
text-decoration: none !important;
}
.a,
cite,
cite a:link,
cite a:visited,
.cite,
.cite:link,
#_bGc>i,
.bc a:link {
color: #34a853 !important
/* Green Website Links Under Page Links */
;
}
.sbpqs_a {
color: #ea4335 !important;
}
/* IMPORTED IMAGES */
.gsc_b {
background: url('http://msk.cloud/ui/wrong.png') repeat-x scroll 0 100% transparent;
display: inline-block !important;
padding-bottom: 1px !important;
}
.gb_pc {
background: none !important;
border-radius: 20px !important;
}
#gb#gb a.gb_b {
cursor: pointer !important;
}
.gb_qc {
background-color: #4285f4 !important;
}
.ab_icon {
background: url('http://msk.cloud/ui/g-image-main.png') no-repeat;
background-size: 167px;
display: inline-block;
opacity: 0.667;
vertical-align: middle;
}
#ab_ctls a {
border: none !important;
}
.oLMvxj8HcwN__selected {
background: url('http://msk.cloud/ui/g-tick.png') no-repeat !important;
background-position: left center;
}
/* IMPORTED IMAGES */
._Fmb,
._Fmb:hover,
._Fmb.selected,
._Fmb.selected:hover {
background: none !important
/* Green Website Links Drop Down */
;
}
a:visited {
color: #757575 !important
/* Visited Links */
;
}
#gb#gb a.gb_P {
color: #757575 !important
/* Main Page Top Right Links */
;
text-decoration: none !important;
}
#gb#gb a.gb_P:hover {
color: #4285f4 !important
/* Main Page Top Right Links */
;
background: none !important;
text-decoration: none !important;
}
._Tsf {
color: #757575 !important;
}
#gb a.gb_Ha.gb_Ha {
color: #FFF !important
/* SignIn Button */
;
}
._pk {
color: #757575 !important;
}
#hdtb .hdtb-mitem a {
color: #777 !important;
background: none !important;
}
#hdtb .hdtb-mitem a:hover {
color: #4285f4 !important
/* Search Page Links */
;
background: none !important;
}
#hdtb-tls:hover {
background: #4285f4 !important;
color: #FFF !important;
}
a .q:hover {
background: #F5F5F5 !important;
}
a .qs:hover {
background: #F5F5F5 !important;
}
.hdtb-mitem a:hover {
background: #F5F5F5 !important;
}
span._xdb a {
color: #757575 !important;
}
span a.f1:visited {
color: #757575 !important;
}
span._xdb a:visited {
color: #757575 !important;
}
/* -------------------------------------------------- */
/* TEXT LINKS AND COLOR CHANGES */
/* -------------------------------------------------- */
/* MAIN PAGE BUTTONS */
.jhp input[type="submit"],
.sbdd_a input,
.gbqfba {
background: #FFF !important;
border: none !important;
border-radius: 4px !important;
color: #757575 !important;
background-image: none !important;
margin-bottom: 10px !important;
box-shadow: 0px 1px 1px 0px #c3c3c3 !important;
-webkit-box-shadow: 0px 1px 1px 0px #c3c3c3 !important;
transition: 0.2s ease-in !important;
}
.jhp input[type="submit"]:hover,
.sbdd_a input:hover,
.gbqfba:hover {
cursor: pointer !important;
background: #FFF !important;
color: #000 !important;
box-shadow: 6px 4px 10px -1px #c3c3c3 !important;
-webkit-box-shadow: 6px 4px 10px -1px #c3c3c3 !important;
}
#_eEe {
color: #000 !important;
}
/* -------------------------------------------------- */
/* SEARCH BAR ELEMENTS*/
#sfdiv {
background: #FFF !important
/* MAIN SEARCH BAR BACKROUND */
;
border-radius: 4px;
box-shadow: 0px 1px 1px 0px #c3c3c3 !important;
-webkit-box-shadow: 0px 1px 1px 0px #c3c3c3 !important;
transition: 0.2s ease-in;
}
#sfdiv:hover {
box-shadow: 6px 4px 10px -1px #c3c3c3 !important;
-webkit-box-shadow: 6px 4px 10px -1px #c3c3c3 !important;
}
#sblsbb {
background-color: #4285f4 !important;
cursor: pointer !important;
}
.sbico,
.lsb {
cursor: pointer !important;
}
.sbib_a,
.gsfi,
.lst,
.sbibod {
background: none !important
/* TOP LAYER, SHOULD BE ALWAYS NONE AS BACKGROUND */
;
border: none !important;
}
.g,
body,
html,
input,
.std,
h1 {
color: #000 !important
/* Search Text Color */
;
}
#sbds {
margin-left: 10px !important;
}
#sblsbb {
border-radius: 4px !important;
height: 38px !important;
box-shadow: 0px 1px 1px 0px #c3c3c3 !important;
-webkit-box-shadow: 0px 1px 1px 0px #c3c3c3 !important;
}
#sblsbb:hover {
cursor: pointer !important;
}
.sbsb_a {
background: #FFF !important;
}
.sbdd_b {
margin-top: 0px !important;
background: #FFF !important;
border: none !important;
border-radius: 4px !important;
box-shadow: 0px 1px 1px 0px #c3c3c3 !important;
-webkit-box-shadow: 0px 1px 1px 0px #c3c3c3 !important;
}
.sbsb_b {
padding: 10px 0px 10px 0px !important
/* Search Dropdown Padding */
;
}
.sbdd_a {
top: 50px !important;
}
.sbqs_c {
font-weight: 100 !important;
}
.sbqs_c b {
font-weight: 600 !important;
color: #757575 !important;
}
/*
.sbsb_c{
color: #757575 !important;
}
.sbsb_c :hover{
background: #1A1A1A !important - Search Dropdown List Hover Color ;
border-radius:4px !important;
color: #FFF !important;
cursor:pointer !important;
}
*/
.sbsb_d {
background: none !important;
}
.sbsb_d {
background: #F5F5F5 !important;
border-left: 3px solid #4285f4;
}
.sbsb_c:hover {
background: #F5F5F5 !important;
cursor: pointer !important;
}
.sbsb_d:hover {
color: #000 !important;
}
.gsfs:hover {
background: #F5F5F5 !important
/* Search Dropdown List Hover Color */
;
}
#sbse0,
#sbse1,
#sbse2,
#sbse3,
#sbse4,
#sbse5,
#sbse6,
#sbse7,
#sbse8,
#sbse9,
#sbse10,
#sbse11,
#sbse12,
#sbse13,
#sbse14,
#sbse15 {
padding: 5px !important;
}
/* -------------------------------------------------- */
/* SEARCH BAR HOLDER AND FILTER LAYOUTS*/
.sfbgg {
background: #EAEAEA !important
/* Search Bar Holder */
;
border: none !important;
box-shadow: none !important;
-webkit-box-shadow: none !important;
}
#hdtbSum {
background: #EAEAEA !important
/* Images, Videos, Books, News.. Holder */
;
border: none !important;
box-shadow: none !important;
-webkit-box-shadow: none !important;
margin-top: -1px !important;
height: 56px !important;
}
#appbar {
background: none !important
/* Search Results Count Holder */
;
margin-bottom: 50px !important;
}
#hdtbMenus {
background: none !important
/* Filters Holder */
;
}
.hdtb-mn-hd:hover {
color: #4285f4 !important;
}
.action-menu .mn-dwn-arw {
border-color: #34a853 transparent !important;
}
a.ab_button,
a.ab_button {
background: none !important;
}
a.ab_button,
a.ab_button:visited {
background: none !important;
}
.sbib_b {
padding: 7px 9px 0px !important;
}
.hdtb-ab-o #botabar {
border-top: 2px solid #000 !important;
border-bottom: none !important;
box-shadow: none !important;
}
/* -------------------------------------------------- */
/* CARD LAYOUTS*/
.rc,
._V6c {
background: #FFF !important
/* Search Results Cards Small */
;
padding: 15px !important;
border-radius: 4px;
-webkit-border-radius: 4px;
box-shadow: 0px 1px 10px 0px #c3c3c3 !important;
-webkit-box-shadow: 0px 1px 10px 0px #c3c3c3 !important;
}
._yE {
background: #FFF !important
/* In The News Big Card */
;
padding: 15px !important;
border-radius: 4px;
-webkit-border-radius: 4px;
box-shadow: 0px 1px 1px 0px #c3c3c3 !important;
-webkit-box-shadow: 0px 1px 1px 0px #c3c3c3 !important;
}
div.vk_c {
color: #FFF !important;
background-color: #FFF !important;
-webkit-border-radius: 4px;
box-shadow: 0px 1px 1px 0px #c3c3c3;
-webkit-box-shadow: 0px 1px 1px 0px #c3c3c3;
margin-left: 0px !important;
width: 584px !important;
}
.vk_txt {
color: #000 !important;
}
._V6c {
padding: 15px !important;
border-radius: 4px;
-webkit-border-radius: 4px;
box-shadow: 0px 1px 1px 0px #c3c3c3 !important;
-webkit-box-shadow: 0px 1px 1px 0px #c3c3c3 !important;
}
#center_col .ads-ad {
padding: 15px !important;
background: #FFF !important;
margin-left: 8px !important;
border-radius: 4px !important;
width: 584px !important;
box-shadow: 0px 1px 1px 0px #c3c3c3;
-webkit-box-shadow: 0px 1px 1px 0px #c3c3c3;
margin-bottom: 15px !important;
}
div.commercial-unit-desktop-top {
margin: 0 !important;
padding: 15px !important;
background: #FFF !important;
margin-bottom: 15px !important;
margin-left: 8px !important;
width: 584px !important;
box-shadow: 0px 1px 1px 0px #c3c3c3 !important;
-webkit-box-shadow: 0px 1px 1px 0px #c3c3c3 !important;
}
.g-bbl-container {
background: #FFF !important;
border: none !important;
box-shadow: 0px 1px 1px 0px #c3c3c3 !important;
-webkit-box-shadow: 0px 1px 1px 0px #c3c3c3 !important;
}
._mB {
background-color: #59946B !important;
border-radius: 2px !important;
color: #fff !important;
}
/* Product Search Item List Slider Style Ends */
._W6g._Dbj
/* Product Buy Slider. Ex: iPhone */
{
background-image: none !Important;
background: #FFF !Important;
box-shadow: 0px 1px 1px 0px #c3c3c3 !important;
-webkit-box-shadow: 0px 1px 1px 0px #c3c3c3 !important;
}
div.commercial-unit-desktop-top {
border: none !important;
}
.pla-unit {
background: none !important;
margin-right: 0px !important;
border-radius: 0px !important;
}
.pla-unit-img-container img {
border-radius: 4px !important;
}
._qhf {
border: 0 solid #E0E0E0 !important;
border-top-width: 2px !important;
}
._oc {
background: #FFF !Important;
box-shadow: 0px 1px 1px 0px #c3c3c3 !important;
-webkit-box-shadow: 0px 1px 1px 0px #c3c3c3 !important;
border-radius: 4px !important;
}
._oc .muse-wta,
._oc .richlist-wta,
._oc ._Sb {
visibility: hidden;
}
._ELb img {
width: 100% !important;
margin-top: -45px !important;
border-top-right-radius: 4px !important;
border-top-left-radius: 4px !important;
}
._Dkf {
background: #FFF !important;
border-radius: 4px !important;
}
.pla-unit-container {
border-left: none !important;
}
/* Product Search Item List Slider Style Ends */
.gb_la {
border-bottom: 2px solid #222222 !important;
}
.gb_ka {
background: #101010 !important;
}
.gb_Z:hover {
border: none !important;
padding: 1px !important;
}
.gb_ja {
background: none !important
/* Apps Dropown Card Inner Color */
;
}
.gb_eb {
border-bottom-color: #101010 !important;
}
.gb_ga {
background: #FFF !important
/* Apps Dropown Card */
;
box-shadow: 0px 1px 1px 0px #c3c3c3;
-webkit-box-shadow: 0px 1px 1px 0px #c3c3c3;
}
#gb#gb a.gb_O {
border: none !important;
}
#gb#gb a.gb_O:hover {
background: #F5F5F5 !important
/* Apps Dropown Card - App Hover Color */
;
border: none !important;
color: #000 !important;
}
.gb_4 {
background: none !important
/* Apps Dropown Card - App Hover Color */
;
}
.gb_4:hover {
background: none !important
/* Apps Dropown Card - App Hover Color */
;
color: #000 !important;
border: none !important;
}
.gb_Z,
.gb_O,
.gb_8,
.gb_9,
.gb_aa,
.gb_ba,
.gb_M,
.gb_4 {
border: none !important;
}
.gb_Z:hover,
.gb_O:hover,
.gb_8:hover,
.gb_9:hover,
.gb_aa:hover,
.gb_ba:hover,
.gb_M:hover,
.gb_4:hover {
border: none !important;
}
/* MOVIE SEARCH LAYOUT */
.klbar {
border-bottom: none !important;
}
.kappbar {
background: #101010 !important;
}
.klitem,
._GCg {
transition: 0.2s ease-in !important;
}
.klitem.selected {
background: #1a1a1a !important;
border-bottom: 5px solid #4285f4 !important;
}
.klitem:hover,
._GCg:hover {
-webkit-transform: scale(1.05) !important;
-moz-transform: scale(1.05) !important;
-ms-transform: scale(1.05) !important;
-o-transform: scale(1.05) !important;
transform: scale(1.05) !important;
}
g-img,
.klic {
background: none !important;
}
._GCg {
margin-right: 15px !important;
}
/* MOVIE SEARCH LAYOUT ENDS */
/* INFORMATION CARDS STYLING STARTS */
._OKe {
background: #FFF !important
/* Information Big Card Ex: Wikipedia Information Card */
;
box-shadow: 0px 1px 1px 0px #c3c3c3;
-webkit-box-shadow: 0px 1px 1px 0px #c3c3c3;
border-radius: 4px !important;
}
.kno-ftr
/*feed back link below ._OKe */
{
padding: 10px 5px 0 !important;
}
._OKe .rc {
box-shadow: none !important;
-webkit-box-shadow: none !important;
padding: 0 !important;
}
#cnt
/* Images Page Background */
{
background: none !important;
}
#center_col .kp-blk {
background: none !important
/* Ex:Dictionary Definition Card */
;
box-shadow: 0px 1px 1px 0px #c3c3c3;
-webkit-box-shadow: 0px 1px 1px 0px #c3c3c3;
border-radius: 4px !important;
}
.kno-ftr {
display: none !important;
}
._wD {
width: 100% !important;
}
._wD:hover {
background-color: #F5F5F5 !important;
}
#ab_ctls {
display: none !important;
}
#imagebox_bigimages {
background: #FFF !Important;
padding: 15px !important;
border-radius: 4px !important;
box-shadow: 0px 1px 1px 0px #c3c3c3;
-webkit-box-shadow: 0px 1px 1px 0px #c3c3c3;
}
.kp-blk {
box-shadow: none !important;
-webkit-box-shadow: none !important;
padding: 0 !important;
}
.kno-ecr-pt {
color: #000 !important
/* Information Title Color. Ex: Steve Jobs. */
;
}
._gdf {
color: #757575 !important
/* Information Title's Child Color. Ex: Steve Jobs/Entrepreneur. */
;
}
._xdb .fl {
color: #757575 !important
/* Information Links Color. Ex: Birth, Death, Spouse... */
;
}
._Jw.kp-blk .mod,
._kTi .mod {
color: #757575 !important
/* Information Descriptopn */
;
}
.kp-blk .xpdclose ._wle,
.kp-blk .xpdopen ._xle {
border-top: solid 2px #F2F2F2 !important
/* Information Title Below Border Line */
;
}
.xpdclose ._T1i:not(:empty),
.xpdopen ._U1i:not(:empty) {
border-top: solid 2px #F2F2F2 !important
/* Information Title Below Border Line */
;
}
#uid_11,
#uid_12,
#uid_13,
#uid_14,
#uid_15 {
border-radius: 0px !important;
}
._tX {
color: #4285f4 !important;
}
._wD ._Xbe {
color: #757575 !important;
}
._Adb {
color: #757575 !important;
}
._Qqb _tX ellip:link {
color: #4285f4 !important;
}
a.f1 {
color: #757575 !important;
}
._Rsi {
color: #4285f4 !important
/* External Links Color. Ex: Youtube, Twitter.... */
;
}
/* BIG ARROW STYLE STARTS */
.vk_ard,
.vk_aru {
background-color: #E0E0E0 !important;
}
.vk_ard:before
/* Down Arrow */
{
border-top: 16px solid #E0E0E0 !important;
}
.vk_ard:after {
border-top: 16px solid #FFF !important;
}
.vk_aru:before
/* Up Arrow */
{
border-bottom: 16px solid #E0E0E0 !important;
}
.vk_aru:after {
border-bottom: 16px solid #FFF !important;
}
/* BIG ARROW STYLE ENDS */
/* INFORMATION CARDS STYLING ENDS */
/* -------------------------------------------------- */
/* FOOTER ELEMENTS*/
#fbar {
background: #FFF !important;
border-top: none !important;
}
.ftl,
#footer a {
color: #757575 !important
/*Footer Links Color */
;
text-decoration: none !important;
}
.ftl,
#footer a:hover {
color: #4285f4 !important
/*Footer Links Hover Color */
;
text-decoration: none !important;
}
/* -------------------------------------------------- */
/* OTHER HIDDEN ELEMENTS*/
.rgsep {
visibility: hidden !important;
}
.kp-blk {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.vk_arc {
border: none !important;
}
/* -------------------------------------------------- */
#lu_map {
width: 100% !important;
}
._bfj {
overflow: hidden;
}
.ab_dropdown {
background: #FFF !important;
border: none !important;
width: 200px !important;
box-shadow: 0px 1px 1px 0px #c3c3c3;
-webkit-box-shadow: 0px 1px 1px 0px #c3c3c3;
}
.ab_dropdownlnk:hover {
color: #4285f4 !important;
background: #F5F5F5 !important;
border-left: 2px solid #4285f4 !important;
}
.o2ji6GoAIDp__menu {
background-color: #1A1A1A !important;
box-shadow: 0px 1px 10px 1px #000 !important;
-webkit-box-shadow: 0px 1px 10px 1px #000 !important;
}
.lx_dk .lx_ctl .ksb {
background: #1A1A1A !Important;
background-image: none;
-webkit-box-shadow: none !Important;
box-shadow: none !important;
color: #ddd;
border: none !important;
}
.th {
border: none !important;
}
div._tX {
color: #4285f4 !important;
}
a._xdb fl {
color: #757575 !important;
}
._XWk,
._g2g {
color: #fff !important;
}
._i2g,
._aMb {
color: #757575 !important;
}
._j2g {
background-color: #222222 !important;
height: 2px !important;
}
._xdb .fl {
color: #757575 !important;
}
._xdb .fl:visited {
color: #757575 !important;
}
.f1 a {
color: #757575 !important;
}
a.f1:visited {
color: #757575 !important;
}
._xdb a {
color: #757575 !important;
}
._xdb a:visited {
color: #757575 !important;
}
.scrt tr:first-child td {
border-top: 2px solid #F2F2F2 !important;
}
.scrt td {
border-bottom: 2px solid #F2F2F2 !important;
}
._eSg {
border: 2px solid #FFF !important;
margin-bottom: 10px !important;
}
.mn-dwn-arw {
border-color: #757575 transparent !important;
}
.mn-dwn-arw:hover {
border-color: #757575 transparent !important;
}
.knowledge-webanswers_table__webanswers-table th,
.knowledge-webanswers_table__webanswers-table td {
color: #757575 !important;
}
.knowledge-webanswers_table__webanswers-table tr {
border-bottom: 2px solid #EAEAEA !important;
}
.hdtb-mn-o,
.hdtb-mn-c,
.hdtbItm {
background: #FFF !important
/* More, Search Tools Drow Down Color */
;
border: none !important;
}
.hdtb-mn-o,
.hdtb-mn-c {
box-shadow: 0px 1px 1px 0px #c3c3c3;
-webkit-box-shadow: 0px 1px 1px 0px #c3c3c3;
}
.hdtb-mitem .q:hover {
background: #F5F5F5 !important;
border-left: 2px solid #4285f4 !important;
}
.hdtb-imb .qs:hover {
border-left: none !important;
}
#hdtb-more-mn a:hover,
.hdtbItm.hdtbSel:hover,
.hdtbItm a:hover,
#cdrlnk:hover {
background-color: #F5F5F5 !important;
}
#li_:hover,
#qdr_:hover {
background: none !important;
}
#li_1:hover,
#qdr_h:hover,
#qdr_d:hover,
#qdr_w:hover,
#qdr_m:hover,
#qdr_y:hover,
#cdr_opt:hover,
#ctr_countryIN:hover,
#imgo_1:hover,
#sur_fmc:hover,
#sur_fm:hover,
#sur_fc:hover,
#sur_f:hover,
#itp_face:hover,
#itp_photo:hover,
#itp_clipart:hover,
#itp_lineart:hover,
#itp_animated:hover,
#ic_color:hover,
#ic_gray:hover,
#ic_trans:hover,
#color-specific:hover,
#isz_l:hover,
#isz_m:hover,
#isz_i:hover,
#isz_lt:hover,
#isz_ex:hover,
#iszlt_qsvga:hover,
#iszlt_vga:hover,
#iszlt_svga:hover,
#iszlt_xga:hover,
#iszlt_2mp:hover,
#iszlt_4mp:hover,
#iszlt_6mp:hover,
#iszlt_8mp:hover,
#iszlt_10mp:hover,
#iszlt_12mp:hover,
#iszlt_15mp:hover,
#iszlt_20mp:hover,
#iszlt_40mp:hover,
#iszlt_70mp:hover {
background: #F5F5F5 !important;
border-left: 2px solid #4285f4 !important;
}
#color-specific #sc-block {
width: 138px !important;
height: 38px !important;
padding: 0px 0px 0px 25px !important;
margin-bottom: 10px !important;
}
.cdr_sep {
border-top: 2px solid #EAEAEA !Important;
}
#hdtb-msb .hdtb-tl-sel,
#hdtb-msb .hdtb-tl-sel:hover
/* Search Tools Button */
{
background: #CCC !important;
border: none !important;
box-shadow: none !important;
color: #777 !Important;
}
.hdtb-tl:hover {
background: #757575 !important;
border: none !important;
color: #FFF !important;
}
/* -------------------------------------------------- */
/* LISTS SEARCH RESULT LAYOUT. Ex:Adele Songs List */
.rlc__slider,
div.rl_feature,
.rlc__slider-page,
.rl_item
/* List Background */
{
background: #FFF !important;
}
.rl_item .title {
color: #000 !important;
}
._bgi {
border: 2px solid #FFF !important;
}
.rl_center {
border: none !important;
}
#botabar {
padding-bottom: 0px!important;
}
.rlc__slider-page {
border: none !important;
}
._pkf {
border-top-width: 2px !important;
border-color: #E0E0E0 !important;
}
._S6g._aeh,
._R6g._aeh {
background: #A1A1A1 !important;
}
/* -------------------------------------------------- */
/* TWEETS LAYOUTS */
._ZIh {
min-height: 75px !important
/* Tweet Description Height. So that no scroll bar appears. */
;
}
._SMl ._gNj {
border: none !important
/* Tweet Slider Handles Border */
;
}
._SMl ._eaj {
border-right: none !Important
/* Tweet Slider Handles Border */
;
}
._SMl ._daj {
border-left: none !important
/* Tweet Slider Handles Border */
;
}
._gNj {
background-image: none !Important
/* Slider Arrows background */
;
background: #FFF !important;
box-shadow: 0px 1px 1px 0px #c3c3c3;
-webkit-box-shadow: 0px 1px 1px 0px #c3c3c3;
}
._wtf svg {
background: none !important;
border: none !important;
border-radius: 50px !important;
}
._aaj {
background: #55acee !important
/* Tweet Background */
;
padding: 10px !important;
border: none !important;
margin-right: 5px !important;
}
div._AOf {
color: #000 !important
/* Tweet Description Color */
;
}
g-link a:link {
color: #4285F4 !important;
}
a._Lgi:link {
color: #FFF !important;
}
._aaj span {
color: #000 !important;
}
/* -------------------------------------------------- */
/* ANIMATIONS STYLE STARTS */
/* ANIMATIONS TYPES STARTS */
/* RUBBER BAND */
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
/* RUBBER BAND ENDS */
/* BOUNCE IN */
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
/* BOUNCE IN ENDS */
/* BOUNCEE IN UP */
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 30000px, 0);
transform: translate3d(0, 30000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 30000px, 0);
transform: translate3d(0, 30000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
/* BOUNCE IN UP ENDS */
/* BOUNCE IN RIGHT */
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(30000px, 0, 0);
transform: translate3d(30000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(30000px, 0, 0);
transform: translate3d(30000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
/* BOUNCE IN RIGHT */
/* PULSE */
@-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
/* PULSE */
/* ANIMATIONS TYPES ENDS */
/* HOME PAGE ANIMATIONS STARTS */
#hplogo
/* Logo */
{
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
.jsb
/* Buttons */
{
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
/* HOME PAGE ANIMATIONS ENDS */
/* SEARCH CARDS AND OTHER LAYOUTS */
._OKe,
.rc,
.nrgt,
._yE,
._oc,
._Ak,
.vk_c,
._V6c,
.kp-blk,
.rg_bx,
.g {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
.klitem {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
#logo {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: pulse;
animation-name: pulse;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/* SEARCH CARDS AND OTHER LAYOUTS ENDS */
/* EXTRA MODIFICATIONS */
#hdtbMenus.hdtb-td-o {
background: none !important;
height: 43px !important;
}
#hdtb {
background: none !important;
}
#center_col ._Ak {
color: #545454;
border: none !Important;
}
div.rzc {
background-color: #101010 !important;
}
.gb_sb {
background: #101010 !Important;
border: none !important;
}
.gb_Fa,
#gb a.gb_Fa.gb_Fa,
.gb_Ha {
color: #666;
cursor: default;
text-decoration: none;
background: #000000;
border: none !Important;
border-radius: 4px !important;
}
div.gb_pb {
color: #FFF !important;
}
div.gb_qb {
color: #757575 !important;
}
div.gb_ib {
color: #4285f4 !Important;
}
.aac {
background: #101010 !important;
}
#rhs .rhsvw {
border: none !important;
}
/* CALCULATOR STYLE */
.cwcot {
color: #000 !important;
}
.cwdrsba {
background-color: #EEE !important;
border: none !important;
}
.cwrb-tpl,
.cwdb-tpl {
border: none !important;
}
.cwtlbh,
.cwtlb {
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border: none !important;
border-top: none !important;
background: #E0E0E0 !important;
color: #000 !important;
}
.cwdgb-tpl,
.cwlgb-tpl {
background-image: none !important;
border: none !important;
color: #757575 !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.cwdgb-tpl:hover,
.cwlgb-tpl:hover {
background: #EEE !Important;
color: #000 !important;
border-radius: 4px !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.cwbbts {
background: none !Important;
border: none !important;
color: #4285f4 !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.cwbbts:hover {
background: #4285f4 !Important;
border: none !important;
color: #000 !important;
border-radius: 4px !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
/* CALCULATOR ENDS */
#gb_70{
background: #4285F4 !important;
color:#FFF !important;
box-shadow: 0px 1px 1px 0px #c3c3c3 !important;
-webkit-box-shadow: 0px 1px 1px 0px #c3c3c3 !important;
transition:0.2s ease-in !important;
}
#gb_70:hover{
background: #4285F4!important;
cursor:pointer !important;
box-shadow:2px 4px 5px 0px #909090 !important;
-webkit-box-shadow:2px 4px 5px 0px #909090 !important;
}
#irc_cc{
background:#222 !important;
}
.prc{
background:#FFF !important;
}
.rg_fbl{
border:none !important;
}
.rg_fbl:hover{
background:#DCDCDC !important;
}
.prsc {
margin: -10px !important;
}
}