Colors that look decent and allow for quick mental processing of results
no round corners
4get search engine
4get - speedy colors by eyuiyuijak
Details
Authoreyuiyuijak
LicenseGNU GPLv3
Category4get.ca
Created
Updated
Size16 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 4get.ca - 7/2/2023, 8:53:26 AM
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document domain("4get.ca"), domain("4get.zzls.xyz"), domain("4get.silly.computer"), domain("4get.konakona.moe") {:root{
--1d2021: #1d2021;
--282828: #282828;
--3c3836: #3c3836;
--504945: #504945;
/* font */
--928374: #928374;
--a89984: #c9c5bf;
--bdae93: #bdae93;
--8ec07c: #8ec07c;
--ebdbb2: #ebdbb2;
}
.theme-white{
--1d2021: #bdae93;
--282828: #a89984;
--3c3836: #a89984;
--504945: #504945;
/* font */
--928374: #1d2021;
--a89984: #282828;
--bdae93: #3c3836;
--8ec07c: #52520e;
--ebdbb2: #1d2021;
}
.theme-white .autocomplete .entry:hover{
background:#928374;
}
body,html{
padding:0;
margin:0;
}
body{
background:var(--1d2021);
color:var(--a89984);
font-size:16px;
box-sizing:border-box;
font-family:sans-serif;
padding:15px 4% 40px;
word-wrap:anywhere;
line-height:22px;
max-width:2000px;
}
h1,h2,h3,h4,h5,h6{
padding:0;
margin:0 0 7px 0;
line-height:initial;
color:var(--bdae93);
}
h3,h4,h5,h6{
margin-bottom:14px;
}
/*
Web styles
*/
#overflow{
overflow:hidden;
}
/* Searchbox */
.searchbox{
width:40%;
height:36px;
border:1px solid var(--504945);
background:var(--282828);
border-radius:2px;
margin-bottom:10px;
position:relative;
}
.searchbox .wrapper{
overflow:hidden;
}
.searchbox input[type="text"]{
width:100%;
padding-left:10px;
}
.searchbox input[type="text"]::placeholder{
color:var(--928374);
}
.searchbox input[type="submit"]{
float:right;
cursor:pointer;
padding:0 10px;
border-left: 1px solid var(--504945);
background: #723c0b;
}
.searchbox input[type="submit"]:hover{
text-decoration:underline;
}
.searchbox input{
all:unset;
line-height:36px;
box-sizing:border-box;
height:36px;
}
.searchbox:focus-within{
border:1px solid #ee8a9c;
}
.autocomplete{
display:none;
position:absolute;
top:35px;
left:-1px;
right:-1px;
background:var(--282828);
border:1px solid var(--504945);
border-top:none;
border-radius:0 0 2px 2px;
z-index:10;
}
.autocomplete .entry{
overflow:hidden;
padding:4px 10px;
cursor:pointer;
}
.autocomplete .entry:hover{
background:var(--3c3836);
}
.autocomplete .title{
float:left;
}
.autocomplete .subtext{
float:right;
font-size:14px;
color:var(--928374);
margin-left:7px;
}
/* Tabs */
.tabs, .filters{
overflow:hidden;
overflow-x:auto;
white-space:nowrap;
}
.tabs{
padding-bottom:0px;
}
.tabs .tab{
text-decoration:none;
color:#d3d0c1;
padding:0px 10px;
display:inline-block;
}
.tabs .tab:hover{
text-decoration:underline;
}
.tabs .tab.selected{
border-bottom:2px solid #fc92a5;
}
/* Filters */
.filters{
padding-bottom:12px;
padding-top:7px;
margin-bottom:7px;
background-color:#232525
}
.filters .filter{
display:inline-block;
margin-right:7px;
}
.filters .filter .title{
font-size:13px;
}
.filters .filter input,
.filters .filter select{
all:unset;
display:block;
border:1px solid var(--504945);
border-radius:2px;
font-size:14px;
padding:0 2px;
width:127px;
height:22px;
}
/*
HOME
*/
.home{
min-height:100vh;
margin:0 auto;
display:table;
text-align:center;
}
.home .logo{
max-width:400px;
height:100px;
margin:0 auto 17px auto;
}
.home img{
line-height:100px;
font-size:60px;
text-align:center;
font-family:Times;
width:100%;
height:100%;
background:var(--282828);
display:block;
object-fit:contain;
}
.home #center{
display:table-cell;
vertical-align:middle;
width:500px;
}
.home .searchbox{
width:100%;
text-align:left;
margin-bottom:20px;
}
.home a{
color:inherit;
}
.home .subtext{
margin-top:17px;
line-height:16px;
font-size:12px;
}
/*
WEB
*/
/* Left wrapper */
.web .left{
width:40%;
float:left;
}
/* infobox */
.web .infobox{
border:1px dashed var(--504945);
padding:10px;
margin-bottom:17px;
}
.web .infobox .code{
white-space:initial;
}
.web .infobox ul{
padding-left:27px;
margin-bottom:0;
}
.web .infobox a{
color:var(--bdae93);
}
.web .infobox a:hover{
text-decoration:underline;
}
/* text-result */
.web .text-result{
margin-bottom:30px;
}
.web .description{
white-space:pre-line;
}
.web .type{
border:1px solid var(--928374);
background:var(--282828);
padding:0 4px;
border-radius:2px;
font-size:14px;
line-height:16px;
float:left;
margin:2px 7px 0 0;
}
.web .url{
position:relative;
}
.web .url .part{
font-size:15px;
text-decoration:none;
color:#90c186;
}
.web .separator::before{
content:"/";
padding:0 4px;
color:#5ab442;
font-size:12px;
}
.web .part:hover{
text-decoration:underline;
}
.web .hover{
display:block;
text-decoration:none;
color:var(--a89984);
overflow:hidden;
clear:left;
padding-top:3px;
}
.web .text-result .title{
font-size:18px;
color:#81b5f4;
margin-bottom:5px;
}
.web .text-result a:visited .title{
color:var(--928374) !important;
}
.theme-white .web .text-result a:visited .title{
color:#7c6f64 !important;
}
.web .text-result .hover:hover .title{
text-decoration:underline;
}
.web .text-result .author{
font-style:italic;
}
.web .text-result .greentext{
font-size:14px;
color:var(--bdae93);
}
.web .right-right .text-result:last-child,
.web .right-left .text-result:last-child{
margin-bottom:0;
}
/* favicon */
.favicon{
all:unset;
float:left;
cursor:pointer;
}
.favicon-dropdown{
display:none;
position:absolute;
top:25px;
background:var(--282828);
border:1px solid var(--504945);
border-radius:2px;
z-index:3;
word-wrap:normal;
}
.favicon-dropdown::before{
content:"";
position:absolute;
top:-10px;
left:2px;
border:5px solid transparent;
border-bottom:5px solid var(--504945);
}
.favicon-dropdown a{
text-decoration:none;
color:#d3d0c1;
display:block;
padding:2px 7px 2px 5px;
font-size:13px;
}
.favicon-dropdown a:hover{
text-decoration:underline;
}
.favicon-dropdown:hover,
.favicon:focus + .favicon-dropdown,
.favicon-dropdown:focus-within{
display:block;
}
.web .favicon img,
.favicon-dropdown img{
margin:3px 7px 0 0;
height:16px;
font-size:12px;
line-height:16px;;
display:block;
text-align:left;
}
.favicon-dropdown img{
float:left;
margin:2px 7px 0 0;
}
/* thumbnails */
.thumb-wrap{
position:relative;
float:right;
width:160px;
height:90px;
background:var(--282828);
text-align:center;
line-height:87px;
border:1px solid var(--504945);
overflow:hidden;
margin-left:7px;
}
.duration{
position:absolute;
right:0;
bottom:0;
padding:1px 2px;
line-height:14px;
background:var(--3c3836);
font-size:12px;
border-left:1px solid var(--504945);
border-top:1px solid var(--504945);
font-family:monospace;
}
.web .text-result:hover .thumb-wrap .duration{
display:none;
}
.thumb-wrap .thumb{
max-width:100%;
max-height:100%;
text-align:left;
vertical-align:middle;
}
.thumb-wrap.portrait{
width:50px;
}
.thumb-wrap.square{
width:90px;
}
/* Next page */
.nextpage{
margin:0 0 30px;
text-align:center;
display:block;
padding:10px;
border:1px solid var(--504945);
border-radius:2px;
text-decoration:none;
color:var(--bdae93);
}
.nextpage:hover{
text-decoration:underline;
}
/* Right wrapper */
.web .right-wrapper{
width:60%;
float:right;
overflow:hidden;
padding-left:15px;
box-sizing:border-box;
}
.web .right-right,
.web .right-left{
float:right;
width:50%;
padding:0 15px;
box-sizing:border-box;
overflow:hidden;
min-height:1px;
}
.web .right-right{
padding-right:0;
}
/*
Tables
*/
table{
width:100%;
text-align:left;
border-collapse:collapse;
}
table td{
width:50%;
padding:0;
vertical-align:top;
}
table tr td:first-child{
padding-right:7px;
}
table a{
display:block;
text-decoration:none;
color:var(--a89984);
padding:0 10px 0 0;
}
table tr a:last-child{
padding-right:0;
}
/* Related */
.related{
margin-bottom:20px;
}
.related a{
padding-bottom:10px;
color:var(--bdae93);
}
.related a:hover{
text-decoration:underline;
}
/*
Answers
*/
.web .answer{
max-height:600px;
overflow:hidden;
padding-bottom:17px;
position:relative;
}
.web .answer::after{
content:"";
position:absolute;
bottom:0;
width:100%;
height:17px;
background:linear-gradient(transparent, var(--1d2021));
pointer-events:none;
}
.web .answer-title{
text-decoration:none;
color:var(--a89984);
}
.web .answer-title a:hover{
text-decoration:underline;
}
.web .spoiler:checked + .answer{
overflow:initial;
max-height:initial;
}
.web .spoiler{
display:none;
}
.web .spoiler-button{
display:block;
border:1px solid var(--504945);
border-radius:2px;
line-height:30px;
padding:0 7px;
text-align:center;
cursor:pointer;
}
.web .answer-wrapper{
margin-bottom:27px;
}
.web .spoiler-button:hover{
text-decoration:underline;
}
.web .spoiler-button::before{
content:"Show more";
}
.web .spoiler:checked + .answer + .spoiler-button::before{
content:"Show less";
}
/* Tables on left handside */
.web .info-table{
margin:10px 0;
font-size:15px;
color:var(--928374);
background:var(--282828);
border:1px dashed var(--504945);
}
.web .info-table td{
padding:4px 10px;
}
.web .info-table tr td:first-child{
width:1%;
white-space:nowrap;
padding-right:17px;
color:var(--a89984);
}
.web .info-table tr:nth-child(even){
background:var(--1d2021);
}
.web .sublinks{
padding:17px 10px;
font-size:15px;
color:var(--#928374);
}
.web .sublinks table td{
padding-bottom:17px;
}
.web .sublinks table tr:last-child td:last-child{
padding-bottom:0;
}
.web .text-result .sublinks:last-child{
padding-bottom:0;
}
.web .sublinks a:hover .title{
text-decoration:underline;
}
/* Wikipedia head */
.wiki-head{
padding:5px;
background-color: #322f2b
}
.web .wiki-head .photo{
float:right;
margin:0 1px 10px 10px;
}
.web .wiki-head .photo img{
display:block;
max-width:200px;
max-height:200px;
filter:drop-shadow(1px 0 0 var(--504945)) drop-shadow(-1px 0 0 var(--504945)) drop-shadow(0 -1px 0 var(--504945)) drop-shadow(0 1px 0 var(--50...