26
static/css/amoled.css
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
:root {
|
||||
--main-bg: #000000;
|
||||
--main-fg: #F1F3F4;
|
||||
|
||||
--result-link-fg: #8AB4F8;
|
||||
--result-fg: #BABCBE;
|
||||
|
||||
--button-bg: #141414;
|
||||
|
||||
--special-result-border: #202124;
|
||||
--special-text-background: #080808;
|
||||
--special-text-color: #F1F3F4;
|
||||
|
||||
--search-container-text-color: #F1F3F4;
|
||||
--search-container-background-color: #303134;
|
||||
--search-container-background-border: #3C4043;
|
||||
|
||||
--search-form-background-color: #080808;
|
||||
|
||||
--border: #202124;
|
||||
|
||||
--footer-fg: #BABCBE;
|
||||
--footer-bg: #080808;
|
||||
|
||||
color-scheme: dark;
|
||||
}
|
||||
2
static/css/auto.css
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
@import "dark.css" (prefers-color-scheme: dark);
|
||||
@import "light.css" (prefers-color-scheme: light);
|
||||
26
static/css/catppuccin_frappe.css
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
:root {
|
||||
--main-bg: #303446;
|
||||
--main-fg: #c6d0f5;
|
||||
|
||||
--result-link-fg: #8caaee;
|
||||
--result-fg: #babbf1;
|
||||
|
||||
--button-bg: #414559;
|
||||
|
||||
--special-result-border: opacity 50;
|
||||
--special-text-background: #51576d;
|
||||
--special-text-color: #c6d0f5;
|
||||
|
||||
--search-container-text-color: #c6d0f5;
|
||||
--search-container-background-color: #414559;
|
||||
--search-container-background-border: #babbf1;
|
||||
|
||||
--search-form-background-color: #292c3c;
|
||||
|
||||
--border: #babbf1;
|
||||
|
||||
--footer-fg: #a5adce;
|
||||
--footer-bg: #414559;
|
||||
|
||||
color-scheme: dark;
|
||||
}
|
||||
24
static/css/catppuccin_latte.css
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
:root {
|
||||
--main-bg: #eff1f5;
|
||||
--main-fg: #4c4f69;
|
||||
|
||||
--result-link-fg: #1e66f5;
|
||||
--result-fg: #7287fd;
|
||||
|
||||
--button-bg: #ccd0da;
|
||||
|
||||
--special-result-border: opacity 50;
|
||||
--special-text-background: #bcc0cc;
|
||||
--special-text-color: #4c4f69;
|
||||
|
||||
--search-container-text-color: #4c4f69;
|
||||
--search-container-background-color: #ccd0da;
|
||||
--search-container-background-border: #7287fd;
|
||||
|
||||
--search-form-background-color: #e6e9ef;
|
||||
|
||||
--border: #7287fd;
|
||||
|
||||
--footer-fg: #6c6f85;
|
||||
--footer-bg: #ccd0da;
|
||||
}
|
||||
26
static/css/catppuccin_macchiato.css
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
:root {
|
||||
--main-bg: #24273a;
|
||||
--main-fg: #cad3f5;
|
||||
|
||||
--result-link-fg: #8aadf4;
|
||||
--result-fg: #b7bdf8;
|
||||
|
||||
--button-bg: #363a4f;
|
||||
|
||||
--special-result-border: opacity 50;
|
||||
--special-text-background: #494d64;
|
||||
--special-text-color: #cad3f5;
|
||||
|
||||
--search-container-text-color: #cad3f5;
|
||||
--search-container-background-color: #363a4f;
|
||||
--search-container-background-border: #b7bdf8;
|
||||
|
||||
--search-form-background-color: #1e2030;
|
||||
|
||||
--border: #b7bdf8;
|
||||
|
||||
--footer-fg: #a5adcb;
|
||||
--footer-bg: #363a4f;
|
||||
|
||||
color-scheme: dark;
|
||||
}
|
||||
26
static/css/catppuccin_mocha.css
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
:root {
|
||||
--main-bg: #1e1e2e;
|
||||
--main-fg: #cdd6f4;
|
||||
|
||||
--result-link-fg: #89b4fa;
|
||||
--result-fg: #b4b3fe;
|
||||
|
||||
--button-bg: #313244;
|
||||
|
||||
--special-result-border: opacity 50;
|
||||
--special-text-background: #45475a;
|
||||
--special-text-color: #cdd6f4;
|
||||
|
||||
--search-container-text-color: #cdd6f4;
|
||||
--search-container-background-color: #313244;
|
||||
--search-container-background-border: #b4b3fe;
|
||||
|
||||
--search-form-background-color: #181825;
|
||||
|
||||
--border: #b4b3fe;
|
||||
|
||||
--footer-fg: #a6adc8;
|
||||
--footer-bg: #313244;
|
||||
|
||||
color-scheme: dark;
|
||||
}
|
||||
26
static/css/dark.css
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
:root {
|
||||
--main-bg: #1c1c1c;
|
||||
--main-fg: #F1F3F4;
|
||||
|
||||
--result-link-fg: #8AB4F8;
|
||||
--result-fg: #999da2;
|
||||
|
||||
--button-bg: #333333;
|
||||
|
||||
--special-result-border: opacity 0;
|
||||
--special-text-background: #282828;
|
||||
--special-text-color: #F1F3F4;
|
||||
|
||||
--search-container-text-color: #F1F3F4;
|
||||
--search-container-background-color: #333333;
|
||||
--search-container-background-border: #3C4043;
|
||||
|
||||
--search-form-background-color: #161616;
|
||||
|
||||
--border: #303134;
|
||||
|
||||
--footer-fg: #999da2;
|
||||
--footer-bg: #161616;
|
||||
|
||||
color-scheme: dark;
|
||||
}
|
||||
26
static/css/darker.css
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
:root {
|
||||
--main-bg: #0a0b0d;
|
||||
--main-fg: #F1F3F4;
|
||||
|
||||
--result-link-fg: #8AB4F8;
|
||||
--result-fg: #BABCBE;
|
||||
|
||||
--button-bg: #303134;
|
||||
|
||||
--special-result-border: #202124;
|
||||
--special-text-background: #0a0b0d;
|
||||
--special-text-color: #F1F3F4;
|
||||
|
||||
--search-container-text-color: #F1F3F4;
|
||||
--search-container-background-color: #303134;
|
||||
--search-container-background-border: #3C4043;
|
||||
|
||||
--search-form-background-color: #0a0b0d;
|
||||
|
||||
--border: #202124;
|
||||
|
||||
--footer-fg: #BABCBE;
|
||||
--footer-bg: #080808;
|
||||
|
||||
color-scheme: dark;
|
||||
}
|
||||
26
static/css/discord.css
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
:root {
|
||||
--main-bg: #2f3136;
|
||||
--main-fg: #dcddde;
|
||||
|
||||
--result-link-fg: #747ff4;
|
||||
--result-fg: #dcddde;
|
||||
|
||||
--button-bg: #36393f;
|
||||
|
||||
--special-result-border: opacity 0;
|
||||
--special-text-background: #36393f;
|
||||
--special-text-color: #dcddde;
|
||||
|
||||
--search-container-text-color: #dcddde;
|
||||
--search-container-background-color: #282b30;
|
||||
--search-container-background-border: opacity 0;
|
||||
|
||||
--search-form-background-color: #36393f;
|
||||
|
||||
--border: opacity 0;
|
||||
|
||||
--footer-fg: #dcddde;
|
||||
--footer-bg: #36393f;
|
||||
|
||||
color-scheme: dark;
|
||||
}
|
||||
26
static/css/dracula.css
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
:root {
|
||||
--main-bg: #282A36;
|
||||
--main-fg: #F8F8F2;
|
||||
|
||||
--result-link-fg: #8BE9FD;
|
||||
--result-fg: #6272A4;
|
||||
|
||||
--button-bg: #44475A;
|
||||
|
||||
--special-result-border: opacity 50;
|
||||
--special-text-background: #44475A;
|
||||
--special-text-color: #F8F8F2;
|
||||
|
||||
--search-container-text-color: #F8F8F2;
|
||||
--search-container-background-color: #44475A;
|
||||
--search-container-background-border: #6272A4;
|
||||
|
||||
--search-form-background-color: #21222C;
|
||||
|
||||
--border: #6272A4;
|
||||
|
||||
--footer-fg: #C2C2C2;
|
||||
--footer-bg: #44475A;
|
||||
|
||||
color-scheme: dark;
|
||||
}
|
||||
26
static/css/github_night.css
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
:root {
|
||||
--main-bg: #0d1117;
|
||||
--main-fg: #f0f6fc;
|
||||
|
||||
--result-link-fg: #58a6ff;
|
||||
--result-fg: #8b949e;
|
||||
|
||||
--button-bg: #1f242b;
|
||||
|
||||
--special-result-border: opacity 0;
|
||||
--special-text-background: #161b22;
|
||||
--special-text-color: #f0f6fc;
|
||||
|
||||
--search-container-text-color: #f0f6fc;
|
||||
--search-container-background-color: #1f242b;
|
||||
--search-container-background-border: #303842;
|
||||
|
||||
--search-form-background-color: #161b22;
|
||||
|
||||
--border: #303842;
|
||||
|
||||
--footer-fg: #8b949e;
|
||||
--footer-bg: #161b22;
|
||||
|
||||
color-scheme: dark;
|
||||
}
|
||||
26
static/css/google.css
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
:root {
|
||||
--main-bg: #202124;
|
||||
--main-fg: #F1F3F4;
|
||||
|
||||
--result-link-fg: #8AB4F8;
|
||||
--result-fg: #BABCBE;
|
||||
|
||||
--button-bg: #303134;
|
||||
|
||||
--special-result-border: #3c4043;
|
||||
--special-text-background: #202124;
|
||||
--special-text-color: #F1F3F4;
|
||||
|
||||
--search-container-text-color: #F1F3F4;
|
||||
--search-container-background-color: #303134;
|
||||
--search-container-background-border: #3C4043;
|
||||
|
||||
--search-form-background-color: #202124;
|
||||
|
||||
--border: #3c4043;
|
||||
|
||||
--footer-fg: #BABCBE;
|
||||
--footer-bg: #171717;
|
||||
|
||||
color-scheme: dark;
|
||||
}
|
||||
26
static/css/gruvbox.css
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
:root {
|
||||
--main-bg: #262622;
|
||||
--main-fg: #f2efd3;
|
||||
|
||||
--result-link-fg: #8AB4F8;
|
||||
--result-fg: #a2a08e;
|
||||
|
||||
--button-bg: #1b1b18;
|
||||
|
||||
--special-result-border: rgba(0,0,0,.2);
|
||||
--special-text-background: #1b1b18;
|
||||
--special-text-color: #f2efd3;
|
||||
|
||||
--search-container-text-color: #f2efd3;
|
||||
--search-container-background-color: #262622;
|
||||
--search-container-background-border: #3C4043;
|
||||
|
||||
--search-form-background-color: #151613;
|
||||
|
||||
--border: rgba(0,0,0,.2);
|
||||
|
||||
--footer-fg: #a2a08e;
|
||||
--footer-bg: #151613;
|
||||
|
||||
color-scheme: dark;
|
||||
}
|
||||
24
static/css/light.css
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
:root {
|
||||
--main-bg: #ffffff;
|
||||
--main-fg: #000000;
|
||||
|
||||
--result-link-fg: #1a0dab;
|
||||
--result-fg: #202124;
|
||||
|
||||
--button-bg: #f6f6f6;
|
||||
|
||||
--special-result-border: #dadce0;
|
||||
--special-text-background: #ffffff;
|
||||
--special-text-color: #000000;
|
||||
|
||||
--search-container-text-color: #000000;
|
||||
--search-container-background-color: #f6f6f6;
|
||||
--search-container-background-border: #dadce0;
|
||||
|
||||
--search-form-background-color: #ffffff;
|
||||
|
||||
--border: #dadce0;
|
||||
|
||||
--footer-fg: #353535;
|
||||
--footer-bg: #f6f6f6;
|
||||
}
|
||||
26
static/css/night_owl.css
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
:root {
|
||||
--main-bg: #011627;
|
||||
--main-fg: #d6deeb;
|
||||
|
||||
--result-link-fg: #5f7e97;
|
||||
--result-fg: #d6deeb;
|
||||
|
||||
--button-bg: #122d42;
|
||||
|
||||
--special-result-border: opacity 0;
|
||||
--special-text-background: #122d42;
|
||||
--special-text-color: #d6deeb;
|
||||
|
||||
--search-container-text-color: #d6deeb;
|
||||
--search-container-background-color: #535470;
|
||||
--search-container-background-border: opacity 0;
|
||||
|
||||
--search-form-background-color: #122d42;
|
||||
|
||||
--border: opacity 0;
|
||||
|
||||
--footer-fg: #d6deeb;
|
||||
--footer-bg: #535470;
|
||||
|
||||
color-scheme: dark;
|
||||
}
|
||||
26
static/css/nord.css
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
:root {
|
||||
--main-bg: #3B4252;
|
||||
--main-fg: #E5E9F0;
|
||||
|
||||
--result-link-fg: #88C0D0;
|
||||
--result-fg: #D8DEE9;
|
||||
|
||||
--button-bg: #4C566A;
|
||||
|
||||
--special-result-border: opacity 0;
|
||||
--special-text-background: #4C566A;
|
||||
--special-text-color: #E5E9F0;
|
||||
|
||||
--search-container-text-color: #E5E9F0;
|
||||
--search-container-background-color: #2E3440;
|
||||
--search-container-background-border: opacity 0;
|
||||
|
||||
--search-form-background-color: #4C566A;
|
||||
|
||||
--border: opacity 0;
|
||||
|
||||
--footer-fg: #D8DEE9;
|
||||
--footer-bg: #2E3440;
|
||||
|
||||
color-scheme: dark;
|
||||
}
|
||||
26
static/css/startpage.css
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
:root {
|
||||
--main-bg: #171b25;
|
||||
--main-fg: #e8eaed;
|
||||
|
||||
--result-link-fg: #a7b1fc;
|
||||
--result-fg: #ebecf7;
|
||||
|
||||
--button-bg: #0c0d0f;
|
||||
|
||||
--special-result-border: #3a445c;
|
||||
--special-text-background: #1e222d;
|
||||
--special-text-color: #e8eaed;
|
||||
|
||||
--search-container-text-color: #ebecf7;
|
||||
--search-container-background-color: #2e3443;
|
||||
--search-container-background-border: #2e3443;
|
||||
|
||||
--search-form-background-color: #0c0d0f;
|
||||
|
||||
--border: #0c0d0f;
|
||||
|
||||
--footer-fg: #999da2;
|
||||
--footer-bg: #0c0d0f;
|
||||
|
||||
color-scheme: dark;
|
||||
}
|
||||
587
static/css/styles.css
Normal file
|
|
@ -0,0 +1,587 @@
|
|||
html {
|
||||
color: var(--main-fg);
|
||||
background-color: var(--main-bg);
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
input,
|
||||
button {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
button {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 18px;
|
||||
color: var(--result-fg);
|
||||
}
|
||||
|
||||
a,
|
||||
.text-result-wrapper a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.text-result-wrapper a:visited h2,
|
||||
.special-result-container a,
|
||||
.did-you-mean a,
|
||||
.sub-search-button-wrapper a,
|
||||
.sub-search-button-wrapper a:visited {
|
||||
color: #bd93f9;
|
||||
}
|
||||
|
||||
.sub-search-button-wrapper .active {
|
||||
border-bottom: 2px #bd93f9 solid;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
.text-result-wrapper h2:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.search-container {
|
||||
text-align: center;
|
||||
margin-top: 10%;
|
||||
}
|
||||
|
||||
.search-container h1 {
|
||||
font-size: 70px;
|
||||
}
|
||||
|
||||
.search-container input,
|
||||
.sub-search-container input {
|
||||
width: 500px;
|
||||
color: var(--search-container-text-color);
|
||||
background-color: var(--search-container-background-color);
|
||||
padding: 10px;
|
||||
font-size: inherit;
|
||||
font-family: sans-serif;
|
||||
border: 1px solid var(--search-container-background-border);
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
.search-button-wrapper button,
|
||||
.misc-container button,
|
||||
.misc-container select {
|
||||
color: inherit;
|
||||
background-color: var(--button-bg);
|
||||
font-size: 14px;
|
||||
border: 1px solid var(--main-bg);
|
||||
border-radius: 4px;
|
||||
padding: 13px 10px 13px 10px;
|
||||
}
|
||||
|
||||
.search-button-wrapper button {
|
||||
|
||||
margin: 30px 60px 0px 60px;
|
||||
}
|
||||
|
||||
.sub-search-container {
|
||||
background-color: var(--search-form-background-color);
|
||||
width: 100%;
|
||||
border-bottom: 1px solid var(--border);
|
||||
}
|
||||
|
||||
.sub-search-container hr {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.sub-search-container input {
|
||||
width: 580px;
|
||||
position: relative;
|
||||
left: 140px;
|
||||
margin: 18px;
|
||||
}
|
||||
|
||||
.logomobile {
|
||||
position: absolute;
|
||||
margin-top: 0px;
|
||||
top: 25px;
|
||||
left: 20px;
|
||||
}
|
||||
|
||||
.no-decoration {
|
||||
text-decoration: none;
|
||||
color: var(--main-fg);
|
||||
}
|
||||
|
||||
.no-decoration:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.sub-search-button-wrapper {
|
||||
margin-left: 165px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.search-button-wrapper button:hover,
|
||||
.misc-container button:hover {
|
||||
border: 1px solid #5f6368;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sub-search-button-wrapper i {
|
||||
vertical-align: middle;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.sub-search-button-wrapper a {
|
||||
border: none;
|
||||
background-color: inherit;
|
||||
font-size: 15px;
|
||||
margin-right: 20px;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.sub-search-button-wrapper img {
|
||||
vertical-align: middle;
|
||||
margin-right: 5px;
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
.misc-container {
|
||||
text-align: center;
|
||||
word-wrap: break-word;
|
||||
width: 460px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 100px;
|
||||
}
|
||||
|
||||
.misc-container div {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.misc-container button {
|
||||
margin-right: 10px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.misc-container a {
|
||||
color: inherit;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.settings-textbox-container div {
|
||||
text-align: left;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
.settings-textbox-container input {
|
||||
color: inherit;
|
||||
background-color: inherit;
|
||||
padding: 5px;
|
||||
font-size: inherit;
|
||||
font-family: inherit;
|
||||
border: 1px solid #5f6368;
|
||||
border-radius: 5px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.text-result-container,
|
||||
#time,
|
||||
.next-page-button-wrapper,
|
||||
.did-you-mean {
|
||||
margin-left: 170px;
|
||||
}
|
||||
|
||||
.text-result-container {
|
||||
margin-bottom: 100px;
|
||||
}
|
||||
|
||||
.special-result-container {
|
||||
padding: 10px;
|
||||
border: 1px solid var(--special-result-border);
|
||||
width: 500px;
|
||||
border-radius: 8px;
|
||||
background: var(--special-text-background);
|
||||
color: var(--special-text-color);
|
||||
margin-left: 840px;
|
||||
margin-top: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.text-result-wrapper {
|
||||
max-width: 550px;
|
||||
word-wrap: break-word;
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
|
||||
.text-result-wrapper a {
|
||||
font-size: 14px;
|
||||
color: var(--result-fg);
|
||||
}
|
||||
|
||||
.video-img {
|
||||
height: 115px;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
.text-result-wrapper h2 {
|
||||
font-size: 20px;
|
||||
color: var(--result-link-fg);
|
||||
padding-top: 5px;
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
.special-result-container a {
|
||||
display: flex;
|
||||
margin-top: 10px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.special-result-container img {
|
||||
display: flex;
|
||||
max-width: 60%;
|
||||
max-height: 200px;
|
||||
padding-bottom: 10px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.next-page-button-wrapper {
|
||||
margin-top: -40px;
|
||||
margin-bottom: 100px;
|
||||
}
|
||||
|
||||
.next-page-button-wrapper button {
|
||||
border: none;
|
||||
background-color: inherit;
|
||||
color: var(--result-link-fg);
|
||||
font-size: 18px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.next-page-button-wrapper .page {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.image-result-container {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
grid-gap: 1.5rem;
|
||||
justify-items: center;
|
||||
margin-left: 9%;
|
||||
margin-right: 9%;
|
||||
padding: 0;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
a[title] {
|
||||
flex-grow: 1;
|
||||
height: 12rem;
|
||||
}
|
||||
|
||||
.image-result-container img {
|
||||
margin: 0px;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
object-fit: cover;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
|
||||
.git-container {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.git-container,
|
||||
.footer-container {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.footer-container {
|
||||
width: 100vw;
|
||||
left: 0;
|
||||
background-color: var(--footer-bg);
|
||||
padding: 10px;
|
||||
border-top: 1px solid var(--border);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.git-container a {
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.git-container a,
|
||||
.footer-container a {
|
||||
color: var(--footer-fg);
|
||||
}
|
||||
|
||||
.footer-container a {
|
||||
margin-right: 30px;
|
||||
}
|
||||
|
||||
.hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.Y {
|
||||
color: #bd93f9;
|
||||
}
|
||||
|
||||
.seeders {
|
||||
color: #50fa7b;
|
||||
}
|
||||
|
||||
.leechers {
|
||||
color: #ff79c6;
|
||||
}
|
||||
|
||||
|
||||
/* donate css start */
|
||||
|
||||
.donate-container {
|
||||
width: 700px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 100px;
|
||||
}
|
||||
|
||||
.flexbox-column {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.inner-wrap {
|
||||
width: 500px;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.qr-box {
|
||||
background-color: var(--search-container-background-color);
|
||||
border: 1px solid var(--search-container-background-border);
|
||||
border-radius: 10px 0px 0px 10px;
|
||||
width: 100%;
|
||||
|
||||
display: flex;
|
||||
word-wrap: break-word;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.flex-row {
|
||||
width: 700px;
|
||||
height: auto;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
|
||||
hr.small-line {
|
||||
/* background-color: #f1f3f4; */
|
||||
border: 2px solid var(--main-fg);
|
||||
height: 0px;
|
||||
width: 100px;
|
||||
margin: 30px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
/* donate css end */
|
||||
|
||||
|
||||
@media only screen and (max-width: 1320px) {
|
||||
.special-result-container {
|
||||
position: relative;
|
||||
float: none;
|
||||
margin-left: 165px;
|
||||
}
|
||||
}
|
||||
|
||||
/* mobile view */
|
||||
@media only screen and (max-width: 750px) {
|
||||
p {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
html {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.search-container input {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.search-button-wrapper button {
|
||||
display: table-row;
|
||||
margin: 30px 0px 0px 0px;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.image-result-container {
|
||||
display: unset;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.image-result-container img {
|
||||
margin: 0 5% 5% 5%;
|
||||
padding: 0;
|
||||
width: 90%;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.git-container {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.footer-container a {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.sub-search-container {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.sub-search-container .logo {
|
||||
display: none;
|
||||
|
||||
}
|
||||
|
||||
.logomobile {
|
||||
position: relative;
|
||||
float: none;
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding: 10px;
|
||||
font-size: 28px;
|
||||
display: block;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
.sub-search-container input {
|
||||
width: 80%;
|
||||
position: relative;
|
||||
left: 0px;
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.sub-search-button-wrapper {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
}
|
||||
|
||||
.sub-search-button-wrapper img {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.sub-search-button-wrapper a {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.special-result-container {
|
||||
position: relative;
|
||||
float: none;
|
||||
max-width: 90%;
|
||||
margin-left: 10px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.special-result-container img {
|
||||
max-width: 80%;
|
||||
}
|
||||
|
||||
.misc-container {
|
||||
margin-bottom: 200px;
|
||||
width: 95%;
|
||||
}
|
||||
|
||||
.search-container h1 {
|
||||
font-size: 55px;
|
||||
}
|
||||
|
||||
.search-container {
|
||||
margin-top: 10%;
|
||||
}
|
||||
|
||||
.text-result-container,
|
||||
#time,
|
||||
.next-page-button-wrapper {
|
||||
margin-left: 20px;
|
||||
max-width: 90%;
|
||||
}
|
||||
|
||||
.next-page-button-wrapper {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.text-result-container,
|
||||
#time,
|
||||
.next-page-button-wrapper,
|
||||
.did-you-mean {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
/* dontate css start*/
|
||||
|
||||
.donate-container {
|
||||
margin-bottom: 100px;
|
||||
width: 95%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.qr-box {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
word-wrap: break-word;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.qr-box {
|
||||
border-radius: 10px;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.inner-wrap {
|
||||
width: 80%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.qr-box img {
|
||||
width: 40%;
|
||||
height: auto;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.flex-row {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
.flex-row a img {
|
||||
width: 220px;
|
||||
height: auto;
|
||||
}
|
||||
/* donate css end */
|
||||
|
||||
|
||||
}
|
||||
26
static/css/tokyo_night.css
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
:root {
|
||||
--main-bg: #24283b;
|
||||
--main-fg: #cfc9c2;
|
||||
|
||||
--result-link-fg: #bb9af7;
|
||||
--result-fg: #a2a08e;
|
||||
|
||||
--button-bg: #343b58;
|
||||
|
||||
--special-result-border: border 0;
|
||||
--special-text-background: #1a1b26;
|
||||
--special-text-color: #c0caf5;
|
||||
|
||||
--search-container-text-color: #f2efd3;
|
||||
--search-container-background-color: #565f89;
|
||||
--search-container-background-border: #bb9af7;
|
||||
|
||||
--search-form-background-color: #1a1b26;
|
||||
|
||||
--border: #565f89;
|
||||
|
||||
--footer-fg: #f2efd3;
|
||||
--footer-bg: #1a1b26;
|
||||
|
||||
color-scheme: dark;
|
||||
}
|
||||
26
static/css/ubuntu.css
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
:root {
|
||||
--main-bg: #2C001E;
|
||||
--main-fg: #FFFFFF;
|
||||
|
||||
--result-link-fg: #84de32;
|
||||
--result-fg: #a2a08e;
|
||||
|
||||
--button-bg: #5E2750;
|
||||
|
||||
--special-result-border: border 0;
|
||||
--special-text-background: #333333;
|
||||
--special-text-color: #FFFFFF;
|
||||
|
||||
--search-container-text-color: #f2efd3;
|
||||
--search-container-background-color: #77216F;
|
||||
--search-container-background-border: #E95420;
|
||||
|
||||
--search-form-background-color: #333333;
|
||||
|
||||
--border: #77216F;
|
||||
|
||||
--footer-fg: #f2efd3;
|
||||
--footer-bg: #5E2750;
|
||||
|
||||
color-scheme: dark;
|
||||
}
|
||||
BIN
static/images/btc.png
Normal file
|
After Width: | Height: | Size: 1.1 KiB |
BIN
static/images/buy-me-a-coffee.png
Normal file
|
After Width: | Height: | Size: 9.7 KiB |
BIN
static/images/general_result.png
Normal file
|
After Width: | Height: | Size: 598 B |
BIN
static/images/images_result.png
Normal file
|
After Width: | Height: | Size: 704 B |
BIN
static/images/kofi.png
Normal file
|
After Width: | Height: | Size: 8 KiB |
BIN
static/images/librex.png
Normal file
|
After Width: | Height: | Size: 6.4 KiB |
BIN
static/images/maps_result.png
Normal file
|
After Width: | Height: | Size: 1.9 KiB |
BIN
static/images/tor_result.png
Normal file
|
After Width: | Height: | Size: 370 B |
BIN
static/images/torrents_result.png
Normal file
|
After Width: | Height: | Size: 657 B |
BIN
static/images/videos_result.png
Normal file
|
After Width: | Height: | Size: 360 B |
BIN
static/images/xmr-ahwx.png
Normal file
|
After Width: | Height: | Size: 2.2 KiB |
BIN
static/images/xmr.png
Normal file
|
After Width: | Height: | Size: 514 B |