This is combo of: google, google pictures and google account
Google combo by snowfire
Details
Authorsnowfire
LicenseNo License
CategoryGoogle
Created
Updated
Size85 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Google combo
@version 20231004.11.26
@namespace userstyles.world/user/snowfire
@description This is combo of: google, google pictures and google account
@author snowfire
@license No License
==/UserStyle== */
@-moz-document url("https://www.google.ru/"), url("https://www.google.com/"), url-prefix("https://www.google.ru/?&bih="), url-prefix("https://www.google.com/?&bih="), url-prefix("https://www.google.ru/?pli=1"), url-prefix("https://www.google.com/?pli=1"), url-prefix("https://www.google.ru/webhp?newwindow") {
/* Google Search */
/*Фон сайта */
html,
body
{
margin: auto !important;
width: 1400px;
height: 870px !important;
background: black
}
body
{ background:url('https://i.postimg.cc/FHcC5zcV/background.jpg') center/100% no-repeat;
transform: scale(1.1); box-shadow: inset 0 0 30px 3px black,0 820px 120px 150px #000;
border-radius: 5px;
}
html
{
background-image: linear-gradient(90deg, #060e1a 25%, #000309 25%, #000309 50%, #091426 50%, #060c18 75%, #000103 75%, #000105 100%);;
background-size: 120.00px 120.00px;
}
/* Область ссылок: "Картинки", "Почта" (Panel of: images, gmail) */
.gb_Zd .gb_Wd
{
position: relative;
width: 1000px;
height: 200px;
margin: 10px 15px 0px 0px!important;
color: white !important;
}
.c93Gbe
{
display: inline-block!important;
position: absolute;
height: 100px;
margin: 670px 20px !important;
background: transparent;
}
.LX3sZb
{
top: 120px;
right: 20px;
position: absolute;
}
/*Аккаунт (Google accaunt) */
.gb_La .gb_A
{
padding: 0px;
border-radius: 100%;
box-shadow: inset 0 -3px 3px grey,
inset 0 3px 3px black,
0 -1px 0px 1px #171717,
0 -2px 0px 1px #333131,
0px 1px 0px 1px #485c7b,
0px 2px 3px 1px #a3bee8,
0 3px 3px 1px rgba(255,255,255,0.3);
width: 32px;
height: 32px;
position: absolute;
transition: all .2s ease-in-out;
}
.gb_k
{
margin-top: 105px;
margin-left: -93px
}
a[href*="ServiceLogin"],
a[href*="ServiceLogin"]:hover
{
box-shadow: inset 0 -3px 3px grey,
inset 0 3px 3px black,
0 -1px 0px 1px #171717,0 -2px 0px 1px #333131,
0px 1px 0px 1px #485c7b,0px 2px 3px 1px #a3bee8,
0 3px 3px 1px rgba(255,255,255,0.3) !important;
width: 32px;
}
/*Почта (Gmail) */
a[href*="mail"]
{
position: absolute;
height: 100px !important;
width: 100px !important;
color: #192533bf !important;
text-shadow: 0 1px 1px #c7c8ca1a,
0 -1px 1px #0000001a,
0 2px 1px #1427371a,
0 -1px 1px #b4b5b71a !important;
background: url('https://i.postimg.cc/pdDb7YMJ/mail.png') no-repeat 50% bottom/80%;
background-color: transparent;
left: -325%;
top: 845%;
text-align: center;
transition: all .2s ease-in-out;
}
a[href*="mail"]:hover
{
color: #d7dbe3 !important;
text-decoration: none;
text-shadow: 0 1px 0px #76a0d5,
0 2px 1px rgba(255, 255, 255, .3), 0 -1px 0px black,
0 -2px 2px #243f51, 0 3px 3px #bfceff,
0 -3px 3px #f2f4fb !important;
}
/* Ссылка: Картинки (Images) */
a[href*="img"]
{
background: url('https://i.postimg.cc/BvfRxLPL/pictures.png') no-repeat bottom center/80%;
color: rgba(25, 37, 51, .75) !important;
text-shadow: 0 1px 1px rgba(199, 200, 202, .1),
0 -1px 1px rgba(0,0,0,.1), 0 2px 1px rgba(20, 39, 55, .1),
0 -1px 1px rgba(180, 181, 183, .1) !important;
text-align: center !important;
position: absolute;
top: -1090%;
right: -1180% !important;
height: 80px;
width: 153px;
padding: 70px 80px;
transition: all .2s ease-in-out;
}
a[href*="img"]:hover
{
color: #d7dbe3 !important;
text-decoration: none;
text-shadow: 0 1px 0px #76a0d5,
0 2px 1px rgba(255, 255, 255, .3),
0 -1px 0px black, 0 -2px 2px #243f51,
0 3px 3px #bfceff,0 -3px 3px #f2f4fb !important;
}
.gb_f .gb_sd
{
margin-left: -100%
}
/* Приложения Google (Google apps) */
.gb_oa svg, .gb_Ec svg, .gb_1c .gb_3d, .gb_Qc .gb_3d,.gb_Hd:first-child
{
position: absolute !important;
display: block;
top: 930% !important;
right: 690px !important;
background: url('https://i.postimg.cc/fT3PpjxS/google-apps.png') no-repeat center bottom/90%;
height: 50px;
width: 50px;
}
.gb_Xc
{
left: 11% !important
}
gb_A[aria-expanded=true] .gb_Ve,svg.gb_Ve
{
color: transparent !important;
fill: none !important
}
/*Прозрачность старого лого (transparent modern logo) */
.lnXdpd
{
opacity: 0;
}
/* Лого (Google logo) */
.k1zIA
{
background: url('https://i.postimg.cc/wM1qRyny/logo.png') no-repeat 50% 100%/80% !important;
}
/* Иконка лупы в строке поиска (magnified icon) */
.QCzoEc
{
background: url('https://i.postimg.cc/MpSnN5h9/panel-magnify-glass.png') no-repeat center/100% !important;
box-shadow: 0 6px 4px -5px #373737;
color: transparent!important
}
textarea.gLFyf, .YacQv
{
margin-bottom: -31px
}
/* Панель поиска (search panel) */
.RNNXgb,
.RNNXgb:hover,
.RNNXgb:active {
display: inline-block;
height: 100%;
width: 100%;
background: url('https://i.postimg.cc/D0D1jQwd/wood-panel.png') no-repeat center bottom /100%;
border: 0px;
border-radius: 0px;
margin: 0px 0px 30px 0px !important;
}
.gLFyf
{
transform: none !important;
text-shadow: 0 -2px 1px #F2F7FA,
0 -3px 0 #2B1F37,
0 -2px 2px #DCD9C8, 0 -3px 1px white,
-1px 0 1px #6C5C69, 0px 9px 4px rgba(0, 0, 0, .2),
-3px 12px 4px rgba(194, 194, 194, 0.5), 0 3px 3px grey,
0 -3px 3px #4E6FF3;
font-size: 2em !important;
height: 60px;
}
.SDkEP
{
width: 5% !important;
}
.YacQv
{
margin-top: -20px;
}
.emcav.emcat .RNNXgb
{
border-radius: 0;
}
.RNNXgb:hover,
.sbfc .RNNXgb
{
background:url('https://i.postimg.cc/D0D1jQwd/wood-panel.png') no-repeat center bottom/100%;
border: 0px;
border-radius: 0px;
margin: 0px 0px 30px 0px !important;
box-shadow: none
}
/* Доп планка для создания объема панели (external line under search panel for volume) */
.RNNXgb:after
{
content: "";
background:url('https://i.postimg.cc/5NCz9CtT/wood-panel-after.png');
height: 10px;
width: 100%;
position: absolute;
box-shadow: 0 7px 3px 2px rgba(0,0,0,.5), inset 0 4px 2px -3px #fff, inset 0 -5px 3px black;
}
/* Разделитель строки поиска и кнопок Очистить, клавиатура, голосовой поиск (separator between buttons: Clear, keyboard, search by voice) */
.ACRAdd
{
border-left: 2px solid #d5b999;
height: 41px;
transform: skew(30deg, 20deg);
box-shadow: -1px 0 2px #cbb69d, 1px 0 2px #fff1e1;
position: absolute;
left: 390px
}
/* Кнопки "Очистить" "Клавитура", "Голосовой поиск" (buttons: clear, ) */
/* Иконка кнопки "Очистить" (Clear icon 1) */
.ExCKkf
{
background: transparent;
width: 30px;
height: 30px;
position: absolute;
left: 160px;
top: 30px
}
/* Иконка метлы + анимация (Clear icon 2) */
.ExCKkf:before
{
content: "";
width: 30px;
height: 30px;
position: absolute;
background: url('https://i.postimg.cc/dV2PmPJZ/clear.png') no-repeat center / 100%!important;
left: 240px;
top: -29px
}
.ExCKkf:hover:before
{
animation-name: clean;
animation-iteration-count: infinite;
animation-direction: normal;
animation-duration: 1.2s;
background: url('https://i.postimg.cc/dV2PmPJZ/clear.png') no-repeat center /100%;
}
@keyframes clean
{
0% {
transform: rotate(10deg)
}
50% {
transform: rotate(-85deg)
}
100% {
transform: rotate(10deg)
}
}
/* Пыль от метлы (dust of clear button) */
.ExCKkf:after {
content: "";
width: 30px;
height: 30px;
position: absolute;
left: 240px;
top: -29px
}
.ExCKkf:hover:after
{
animation-name: dust;
animation-iteration-count: infinite;
animation-direction: normal;
animation-duration: 2s;
background: url('https://i.postimg.cc/fLJMv224/dust-right.png') no-repeat bottom/100%;
}
@keyframes dust
{
0% {
background: url('https://i.postimg.cc/fLJMv224/dust-right.png') no-repeat bottom right/80%;
opacity: 1
}
10% {
background: url('https://i.postimg.cc/fLJMv224/dust-right.png') no-repeat right bottom/80%;
opacity: 1
}
50% {
background: url('https://i.postimg.cc/R0YkvMR8/dust-left.png') no-repeat left bottom/80%;
opacity: 1
}
70% {
background: url('https://i.postimg.cc/fLJMv224/dust-right.png') no-repeat left bottom/80%;
opacity: 1
}
80% {
background: url('https://i.postimg.cc/R0YkvMR8/dust-left.png') no-repeat bottom right/80% ;
opacity: 1
}
90% {
background: url('https://i.postimg.cc/fLJMv224/dust-right.png') no-repeat left bottom/80%;
opacity: 1
}
100% {
background: url('https://i.postimg.cc/R0YkvMR8/dust-left.png') no-repeat 62% 110%/80%;
opacity: 1
}
}
.ExCKkf:active
{
background: url('https://i.postimg.cc/dV2PmPJZ/clear.png') !important
}
/* Экранная клавиатура */
.Umvnrc
{
position: absolute;
top: 40px;
left: 260px;
width: 0px;
height: 20px !important;
}
.ly0Ckb
{
background: url('https://i.postimg.cc/Y2yNC7zG/keyboard.png') no-repeat center /100%;
padding: 8px;
margin-left: 235px;
margin-top: -72px
}
.vk-box
{
border-radius: 5px;
background:linear-gradient(90deg, #888, #ccc);
box-shadow:
inset -3px 0 3px #ffffffad,
inset 0 -3px 2px #ffffff69,
inset 0 2px 3px white,
0 15px 5px #000000a3
}
.vk-t {
box-shadow: 0 -2px 1px 2px #929293;
border-radius: 3px; text-align: center!important;
text-shadow: 0 -1px 1px #8b8888, 0 1px 0px white}
.vk-btn
{
box-shadow: -0.2em -0.125em 0.125em rgba(0, 0, 0, 0.25),
0 0 0 0.04em rgba(0, 0, 0, 0.3),
0.02em 0.02em 0.02em rgba(0, 0, 0, 0.4) inset,
-0.05em -0.05em 0.02em rgba(255, 255, 255, 0.8) inset;
color: #424141;
border-radius: 4px
}
.vk-btn:active
{
box-shadow: -0.2em -0.125em 0.125em rgba(0, 0, 0, 0.25),
0 0 0 0.04...