RP_Search/app/static/css/dark-theme.css
Virág Gábor 80b26a39c6 upload
2024-11-06 11:01:28 +01:00

864 lines
14 KiB
CSS
Executable file

:root {
/* DARK THEME COLORS */
--primary: #ed0f59;
--primary-active: #bc134b;
--primary-grad2: #e24c41;
--grad2-active: #a53028;
--primary-grad3: #dc7541;
--grad3-active: #a34e24;
--body-bg: #0a0c0d;
--body-color: #e4e8ea;
--ad-bg: #282e31;
--gray-200: #1b1f21;
--gray-300: #23292c;
--gray-400: #282e31;
--gray-800: #9aa2a6;
--gray-900: #50585c;
--gray-950: #31373a;
--danger: #ff3333;
--danger-active: #e52e2e;
--visited: #8e7263;
}
/* :root {
/* DARK THEME COLORS */
/*--primary: #105d5e;
--primary-active: #137071;
--primary-grad2: #009a6e;
--grad2-active: #00af7e;
--primary-grad3: #b3eda9;
--grad3-active: #d0fdc8;
--primary-grad4: #ebfadb;
--ad-bg: #293e33;
--silver-bg: #767f7d;
--silver-light-bg: #c2cbc9;
--active: #e8e300;
--body-bg: #0a0c0d;
--body-color: #e4e8ea;
--body-color: #edf3f5;
--gray-200: #1b1f21;
--gray-300: #23292c;
--gray-400: #282e31;
--gray-800: #9aa2a6;
--gray-900: #50585c;
--gray-950: #31373a;
--danger: #ff3333;
--danger-active: #e52e2e;
} */
html {
background: var(--body-bg) !important;
color: var(--body-color) !important;
}
body {
background:var(--body-bg) !important;
color: var(--body-color) !important;
}
div {
color: var(--body-color) !important;
}
/* label {
color: var(--whoogle-dark-contrast-text) !important;
}
li a {
color: var(--whoogle-dark-result-url) !important;
}
li {
color: var(--whoogle-dark-text) !important;
}
.anon-view {
color: var(--bo) !important;
padding: 30px;
} */
/* textarea {
background: rgb(29, 29, 29) !important;
color: var(--whoogle-dark-text) !important;
} */
/* Látogatott találat címke */
a:visited h3 div {
color: var(--visited) !important;
}
/* Találat címke */
a:link h3 div {
color: var(--primary-grad3) !important;
}
a:link div {
color: var(--body-color) !important;
}
/* Találat címke hover */
a:link div:hover {
color: var(--grad3-active) !important;
text-decoration: none !important;
}
a:link div:visited {
color: var(--visited) !important;
text-decoration: none !important;
}
a:hover {
text-decoration: none !important;
}
/* Wikipedia cím */
.lU7jec h3 {
font-size: 20px;
font-weight: bold;
line-height: 26px;
color: var(--primary-grad3) !important;
margin: 0 0 24px 0 !important;
}
/* wikipedia favicon */
.BNeawe.s3v9rd.AP7Wnd.has-favicon > .BNeawe.has-favicon > img.site-favicon {
display: none !important;
}
/* Helyek favicon */
div > .other-results > .ZINbbc.xpd.Et0od.pkph0e.has-favicon > .has-favicon > img.site-favicon {
display: none !important;
}
.tAd8D.AP7Wnd {
color: var(--body-color) !important;
}
.tAd8D.AP7Wnd {
padding: 0 !important;
}
div span {
color: var(--primary-grad3) !important;
}
input {
background-color: var(--gray-300) !important;
color: var(--body-color) !important;
}
input:focus-visible {
border: 1px solid var(--primary-active) !important;
outline: none;
border-radius: 100px;
}
select {
background: transparent !important;
color: var(--body-color) !important;
}
/* ---------------------------------------- */
.autocomplete {
background-color: var(--gray-300) !important;
}
.autocomplete:hover {
background-image: linear-gradient(90deg, var(--primary), var(--primary));
background-clip: padding-box, border-box;
background-origin: border-box;
border: 1px solid var(--primary-grad3);
border-radius: 100px;
}
.autocomplete:focus {
background-image: linear-gradient(90deg, var(--primary), var(--primary));
background-clip: padding-box, border-box;
background-origin: border-box;
border: 1px solid var(--primary-grad3);
border-radius: 100px;
}
/* Keresőgomb */
#search-submit {
color: var(--body-color) !important;
background: linear-gradient(135deg, var(--primary) 0%, var(--primary-grad2) 60%, var(--primary-grad3) 100%) !important;
border: 1px solid var(--grad3-active) !important;
border-radius: 100px !important;
}
#search-submit:hover {
color: var(--body-color) !important;
background: linear-gradient(200deg, var(--primary) 0%, var(--primary-grad2) 60%, var(--primary-grad3) 100%) !important;
border: 1px solid var(--grad3-active) !important;
border-radius: 100px !important;
}
.kattide {
color: var(--body-color) !important;
background: linear-gradient(45deg, var(--primary) 0%, var(--primary-grad2) 80%, var(--primary-grad3) 100%);
padding-left: 0.8rem;
padding-right: 0.8rem;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.kattide:hover {
color: white !important;
}
/* Keresőkategóriák megjelenítése */
.selected-header-button,
button.selected-header-button:active,
button.selected-header-button:focus-within {
color: var(--primary-grad3) !important;
border-bottom: 2px solid var(--primary-grad2) !important;
}
.header-button:hover {
color: var(--primary) !important;
border-bottom: 2px solid var(--primary) !important;
}
/* Keresési találat div keret */
#main > div:focus-within {
border-radius: 8px;
box-shadow: 0 0 6px 1px var(--primary-grad3);
}
.ZINbbc {
background-color: #29292987 !important;
overflow: hidden;
margin-bottom: 25px !important;
padding: 15px !important;
border-radius: 8px !important;
}
/* Ezeket keresték még */
.gGQDvd {
padding: 10px 0 0 10px !important;
height: 0 !important;
}
.kjGX2 {
left: 40px !important;
}
.toMBf {
left: 0 !important;
margin: 0 !important;
}
@media (min-width: 601px) {
.zBAuLc {
line-height: normal;
margin: 0;
padding: 0 0 0 0 !important;
}
}
@media (max-width: 600px) {
.s3v9rd {
padding: 8px 0 0 0 !important;
}
}
.j039Wc {
padding-top: 34px !important;
margin-bottom: -14px !important;
}
/* Keresés tartalom */
.s3v9rd {
font-size: 16px;
padding: 10px 0 0 0;
}
.KP7LCb {
box-shadow: 0 0 0 0 !important;
}
.BVG0Nb {
box-shadow: 0 0 0 0 !important;
background-color: var(--whoogle-dark-page-bg) !important;
}
.ZINbbc.luh4tb {
background: var(--whoogle-dark-result-bg) !important;
margin-bottom: 24px !important;
}
.bRsWnc {
background-color: var(--whoogle-dark-result-bg) !important;
}
.x54gtf {
background-color: var(--whoogle-dark-divider) !important;
}
.Q0HXG {
background-color: var(--whoogle-dark-divider) !important;
}
.LKSyXe {
background-color: var(--whoogle-dark-divider) !important;
}
.tAd8D {
padding: 10px !important;
}
.sa1toc {
background: var(--whoogle-dark-page-bg) !important;
}
.qFvlD {
border: 1px solid !important;
}
.xeDNfc {
display: none !important;
}
.info-text {
color: var(--whoogle-dark-contrast-text) !important;
opacity: 75%;
}
.collapsible {
color: var(--whoogle-dark-text) !important;
}
.collapsible:after {
color: var(--whoogle-dark-text) !important;
}
.active {
background: transparent !important;
border: 2px solid grey !important;
}
.content,
.result-config {
background-color: transparent !important;
color: var(--whoogle-contrast-text) !important;
}
.active:after {
color: var(--whoogle-dark-contrast-text) !important;
}
.link {
color: var(--whoogle-dark-contrast-text);
}
.link-color {
color: var(--whoogle-dark-result-url) !important;
}
/* Keresési ajánlások */
.autocomplete-items {
border: 0;
}
.autocomplete-items div {
color: var(--body-color);
background-color: rgb(51, 51, 51);
border: 0;
}
.autocomplete-items div:first-child {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.autocomplete-items div:last-child {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.autocomplete-items div:hover {
background: linear-gradient(135deg, var(--primary) 0%, var(--primary-grad2) 60%, var(--primary-grad3) 100%) !important;
color: var(--body-color) !important;
}
.autocomplete-active {
background: linear-gradient(200deg, var(--primary) 0%, var(--primary-grad2) 60%, var(--primary-grad3) 100%) !important;
color: var(--body-color) !important;
}
.footer {
margin-bottom: 30px;
color: var(--whoogle-dark-text);
}
.header-div {
margin: 0 0 30px 0;
}
.mobile-search-bar {
background-color: var(--whoogle-dark-result-bg) !important;
color: var(--whoogle-dark-text) !important;
}
.search-bar-desktop {
color: var(--whoogle-dark-text) !important;
}
.ip-text-div,
.update_available,
.cb_label,
.cb {
color: var(--whoogle-dark-secondary-text) !important;
}
.cb:focus {
color: var(--whoogle-dark-contrast-text) !important;
}
.desktop-header,
.mobile-header {
background-color: transparent !important;
}
/* Keresés feletti mini url */
.UPmit.AP7Wnd {
color: #d0bc8e !important;
font-size: 0.8em;
}
.lcJF1d {
margin: 25px 18px 18px 0 !important;
}
.egMi0 {
margin: 0 !important;
}
.qN9Ked {
display: table-caption !important;
}
.kCrYT {
padding: 0 !important;
}
.BsXmcf {
position: relative !important;
height: 0 !important;
background: transparent !important;
}
.Q6Xouf {
max-width: 555px;
margin: 0 auto;
}
/* Helyek cím */
.deIvCb {
font-weight: 600 !important;
font-size: 18px !important;
padding: 0;
}
.nGphre > .site-favicon {
display: none !important;
}
/* Képtalálatok */
.results {
display: flex;
flex-wrap: wrap;
gap: 16px;
margin: 20px 0;
}
.result-item {
padding: 10px;
border-radius: 5px;
background-color: #29292987;
width: calc(33.333% - 16px);
box-sizing: border-box;
text-align: center;
word-wrap: break-word;
}
.result-item img {
max-width: 100%;
height: auto;
border-radius: 5px;
}
.result-item p {
margin: 10px 0 0;
font-size: 14px;
}
.img-title {
color: var(--primary-grad3);
text-transform: uppercase;
}
.img-url {
color: var(--body-color);
}
.img-url:hover {
text-decoration: underline;
color: var(--grad2-active);
}
/* Stílusok a javaslatokhoz */
.suggestions {
margin: 20px 0;
padding: 10px;
background-color: #e9e9e9;
border: 1px solid #ccc;
border-radius: 5px;
}
/* Stílusok a lapozáshoz */
.pagination {
display: flex;
justify-content: center;
margin: 20px 0;
}
.pagination a {
margin: 0 5px;
padding: 10px 15px;
border: 1px solid #ddd;
background-color: #fff;
text-decoration: none;
color: #007bff;
border-radius: 5px;
}
.pagination a:hover {
background-color: #007bff;
color: #fff;
}
.e3goi {
padding: 10px;
width: 100%;
height: 160px;
}
.TxbwNb {
width: 100%;
height: 100%;
}
.RAyV4b {
width: 100%;
height: 130px;
display: flex;
justify-content: center;
align-items: center;
}
.t0fcAb {
scale: 1.8;
}
.Tor4Ec {
text-align: center;
width: 100%;
height: 20px;
display: block;
padding: 10px 0;
}
.qXLe6d {
font-size: 16px;
font-weight: bold;
}
.FbhRzb {
border-left: thin solid #dadce0;
border-right: thin solid #dadce0;
border-top: thin solid #dadce0;
height: 40px;
overflow: hidden;
}
.n692Zd {
margin-bottom: 10px;
}
.cvifge {
height: 40px;
border-spacing: 0;
width: 100%;
}
.QvGUP {
height: 40px;
padding: 0 8px 0 8px;
vertical-align: top;
}
.O4cRJf {
height: 40px;
width: 100%;
padding: 0;
padding-right: 16px;
}
.O1ePr {
height: 40px;
padding: 0;
vertical-align: top;
}
.kgJEQe {
height: 36px;
width: 98px;
vertical-align: top;
margin-top: 4px;
}
.lXLRf {
vertical-align: top;
}
.MhzMZd {
border: 0;
vertical-align: middle;
font-size: 14px;
height: 40px;
padding: 0;
width: 100%;
padding-left: 16px;
}
.xB0fq {
height: 40px;
border: none;
font-size: 14px;
background-color: #4285f4;
color: #fff;
padding: 0 16px;
margin: 0;
vertical-align: top;
cursor: pointer;
}
.xB0fq:focus {
border: 1px solid #000;
}
.M7pB2 {
border: thin solid #dadce0;
margin: 0 0 3px 0;
font-size: 13px;
font-weight: 500;
height: 40px;
}
.euZec {
width: 100%;
height: 40px;
text-align: center;
border-spacing: 0;
}
table.euZec td {
padding: 0;
width: 25%;
}
.QIqI7 {
display: inline-block;
padding-top: 4px;
font-weight: bold;
color: #4285f4;
}
.EY24We {
border-bottom: 2px solid #4285f4;
}
.CsQyDc {
display: inline-block;
color: #70757a;
}
.TuS8Ad {
font-size: 14px;
}
.HddGcc {
padding: 8px;
color: #70757a;
}
.dzp8ae {
font-weight: bold;
color: #3c4043;
}
.rEM8G {
color: #70757a;
}
.bookcf {
table-layout: fixed;
width: 100%;
border-spacing: 0;
}
.InWNIe {
text-align: center;
}
.uZgmoc {
width: 350px;
display: flex;
border: none;
color: #70757a;
font-size: 14px;
text-align: center;
/* background-color: #29292987; */
border-radius: 8px;
margin: 35px auto;
padding: 10px;
justify-content: center;
}
.frGj1b {
margin: 10px;
font-size: 16px;
border: 1px solid;
border-radius: 10px;
padding: 10px 15px;
}
.BnJWBc {
text-align: center;
padding: 6px 0 13px 0;
height: 35px;
}
.X6ZCif {
color: #202124;
font-size: 11px;
line-height: 16px;
display: inline-block;
padding-top: 2px;
overflow: hidden;
padding-bottom: 4px;
width: 100%;
}
.TwVfHd {
border-radius: 16px;
border: thin solid #dadce0;
display: inline-block;
padding: 8px 8px;
margin-right: 8px;
margin-bottom: 4px;
}
.yekiAe {
background-color: #dadce0;
}
.svla5d {
width: 100%;
height: 100%;
background-color: #29292987;
border-radius: 10px;
margin: 10px 0;
display: grid;
margin: 0 auto;
padding: 10px 0;
}
.ezO2md {
border: thin solid #dadce0;
padding: 12px 16px 12px 16px;
margin-bottom: 10px;
}
.K35ahc {
width: 100%;
}
.owohpf {
text-align: center;
}
.fYyStc {
word-break: break-word;
text-align: center;
font-size: 16px;
padding: 0 0 10px 0;
}
.img_button {
padding: 10px;
margin: 0 auto 10px;
border: 1px solid #84dbff;
border-radius: 6px;
color: #3c4043;
background-color: #2e97c3;
}
.ynsChf {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.Fj3V3b {
color: #1967d2;
font-size: 14px;
line-height: 20px;
}
.FrIlee {
color: #202124;
font-size: 11px;
line-height: 16px;
}
.F9iS2e {
color: #70757a;
font-size: 11px;
line-height: 16px;
}
.WMQ2Le {
color: #70757a;
font-size: 12px;
line-height: 16px;
}
.x3G5ab {
color: #202124;
font-size: 12px;
line-height: 16px;
}
.fuLhoc {
color: #1967d2;
font-size: 18px;
line-height: 24px;
}
.epoveb {
font-size: 32px;
line-height: 40px;
font-weight: 400;
color: #202124;
}
.dXDvrc {
color: #0d652d;
font-size: 14px;
line-height: 20px;
word-wrap: break-word;
}
.dloBPe {
font-weight: bold;
}
.YVIcad {
color: #70757a;
}
.JkVVdd {
color: #ea4335;
}
.oXZRFd {
color: #ea4335;
}
.MQHtg {
color: #fbbc04;
}
.pyMRrb {
color: #1e8e3e;
}
.EtTZid {
color: #1e8e3e;
}
.M3vVJe {
color: #1967d2;
}
.NHQNef {
font-style: italic;
}
.Cb8Z7c {
white-space: pre;
}
a.ZWRArf {
text-decoration: none;
}
a .CVA68e:hover {
text-decoration: underline;
}