mirror of
https://github.com/IdleEndeavor/gamesearch.git
synced 2025-05-02 23:54:26 +02:00
dark mode update
- updated search results page - changed search box background color - deleted unnecessary branding - changed all pages to dark mode - updated branding and logos - minor animation improvements
This commit is contained in:
parent
4d84ab21e8
commit
396f8e8d45
@ -3,13 +3,15 @@
|
|||||||
|
|
||||||
html, body {
|
html, body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0; }
|
padding: 0;
|
||||||
|
background-color: black;
|
||||||
|
}
|
||||||
|
|
||||||
/*Slideout Sidebar*/
|
/*Slideout Sidebar*/
|
||||||
.toggle {
|
.toggle {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
font-size: 2em;
|
font-size: 2em;
|
||||||
color: rgba(0, 0, 0, 0.61);
|
color: white;
|
||||||
-webkit-transition: all 0.15s ease-out 0;
|
-webkit-transition: all 0.15s ease-out 0;
|
||||||
-moz-transition: all 0.15s ease-out 0;
|
-moz-transition: all 0.15s ease-out 0;
|
||||||
transition: all 0.45s ease-out 0;
|
transition: all 0.45s ease-out 0;
|
||||||
@ -103,14 +105,29 @@ padding: 0; }
|
|||||||
|
|
||||||
.search h1 {
|
.search h1 {
|
||||||
font-size: 100px;
|
font-size: 100px;
|
||||||
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.search h2 {
|
.search h2 {
|
||||||
font-size: 60px;
|
font-size: 60px;
|
||||||
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.search p {
|
.search p {
|
||||||
font-size: 25px;
|
font-size: 25px;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search h3 {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search h3 :visited {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search h3 :hover {
|
||||||
|
color: gray;
|
||||||
}
|
}
|
||||||
|
|
||||||
.search img {
|
.search img {
|
||||||
|
@ -4,13 +4,14 @@
|
|||||||
html, body {
|
html, body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
background-color: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*Slidout Sidebar*/
|
/*Slidout Sidebar*/
|
||||||
.toggle {
|
.toggle {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
font-size: 2em;
|
font-size: 2em;
|
||||||
color: rgba(0, 0, 0, 0.61);
|
color: white;
|
||||||
-webkit-transition: all 0.15s ease-out 0;
|
-webkit-transition: all 0.15s ease-out 0;
|
||||||
-moz-transition: all 0.15s ease-out 0;
|
-moz-transition: all 0.15s ease-out 0;
|
||||||
transition: all 0.45s ease-out 0;
|
transition: all 0.45s ease-out 0;
|
||||||
@ -125,6 +126,75 @@ html, body {
|
|||||||
font-family: 'Roboto';
|
font-family: 'Roboto';
|
||||||
}
|
}
|
||||||
|
|
||||||
|
button.gsc-search-button {
|
||||||
|
padding:10px !important;
|
||||||
|
background-color: red;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gsc-result-info {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gs-webResult {
|
||||||
|
border-top: 2px solid white;
|
||||||
|
padding: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gsc-thumbnail {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gsc-cursor-page {
|
||||||
|
font-size: 1.5em;
|
||||||
|
padding: 4px 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gs-snippet {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gs-title a {
|
||||||
|
font-size: 1.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gcsc-more-maybe-branding-root {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gsc-orderby {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gsc-control-cse {
|
||||||
|
background-color: black !important;
|
||||||
|
border-color: black !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b {
|
||||||
|
color: white !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gs-promotion .gs-visibleUrl, .gs-webResult .gs-visibleUrl {
|
||||||
|
color: white !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gsc-webResult.gsc-result, .gsc-results .gsc-imageResult {
|
||||||
|
background-color: black !important;
|
||||||
|
border-color: black !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gsc-above-wrapper-area {
|
||||||
|
border-bottom: black !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gsc-cursor-box .gs-bidi-start-align {
|
||||||
|
background-color: black !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gs-spelling .gs-spelling-original {
|
||||||
|
color: white !important;
|
||||||
|
}
|
||||||
|
|
||||||
/*Animations*/
|
/*Animations*/
|
||||||
@keyframes fadein{
|
@keyframes fadein{
|
||||||
from{
|
from{
|
||||||
|
BIN
img/favicon.png
BIN
img/favicon.png
Binary file not shown.
Before Width: | Height: | Size: 36 KiB After Width: | Height: | Size: 16 KiB |
Binary file not shown.
Before Width: | Height: | Size: 82 KiB After Width: | Height: | Size: 48 KiB |
Loading…
x
Reference in New Issue
Block a user