Infrastructure/4get
0
Fork 1
mirror of https://git.lolcat.ca/lolcat/4get.git synced 2025-03-26 01:31:26 -05:00
Code Activity

gore theme fix

Browse source
This commit is contained in:
lolcat 2025-03-16 03:39:58 -04:00
parent c9c8d578f3
commit 81ca8eaddc
1 changed files with 58 additions and 59 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

117
static/themes/Gore's shitty theme.css
View file

@ -1,48 +1,45 @@
:root{ :root{
--1d2021: #1d2021; --1d2021:#1d2021;
--282828: #282828; --282828:#282828;
--3c3836: #3c3836; --3c3836:#3c3836;
--504945: #504945; --504945:#504945;
/* font */ /* font */
--928374: #928374; --928374:#928374;
--a89984: #c9c5bf; --a89984:#c9c5bf;
--bdae93: #bdae93; --bdae93:#bdae93;
--8ec07c: #8ec07c; --8ec07c:#8ec07c;
--ebdbb2: #ebdbb2; --ebdbb2:#ebdbb2;
} }
body{ body{
padding:15px 4% 40px; padding:15px 4% 40px;
margin:unset; margin:unset;
} }
h1,h2,h3,h4,h5,h6{ h1, h2, h3, h4, h5, h6{
padding:0; padding:0;
margin:0 0 7px 0; margin:0 0 7px 0;
line-height:initial; line-height:initial;
color:var(--bdae93); color:var(--bdae93);
} }
h3,h4,h5,h6{ h3, h4, h5, h6{
margin-bottom:14px; margin-bottom:14px;
} }
/* /*
Web styles Web styles
*/ */
.searchbox input[type="submit"]{ .searchbox input[type="submit"]{
float:right; float:right;
cursor:pointer; cursor:pointer;
padding:0 10px; padding:0 10px;
border-left: 1px solid var(--504945); border-left:1px solid var(--504945);
background: #723c0b; background:#723c0b;
} }
.searchbox input{ .searchbox input{
all:unset; all:unset;
line-height:36px; line-height:36px;
@ -97,7 +94,6 @@ h3,h4,h5,h6{
display:inline-block; display:inline-block;
} }
.tabs .tab.selected{ .tabs .tab.selected{
border-bottom:2px solid #fc92a5; border-bottom:2px solid #fc92a5;
} }
@ -107,7 +103,7 @@ h3,h4,h5,h6{
padding-bottom:12px; padding-bottom:12px;
padding-top:7px; padding-top:7px;
margin-bottom:7px; margin-bottom:7px;
background-color:#232525 background-color:#232525;
} }
.filters .filter{ .filters .filter{
@ -170,7 +166,6 @@ h3,h4,h5,h6{
font-size:12px; font-size:12px;
} }
.web .hover{ .web .hover{
display:block; display:block;
text-decoration:none; text-decoration:none;
@ -194,16 +189,13 @@ h3,h4,h5,h6{
color:#9760b1 !important; color:#9760b1 !important;
} }
.web .text-result .greentext{ .web .text-result .greentext{
font-size:14px; font-size:14px;
color:var(--bdae93); color:var(--bdae93);
} }
/* favicon */ /* favicon */
.favicon-dropdown a{ .favicon-dropdown a{
text-decoration:none; text-decoration:none;
color:#d3d0c1; color:#d3d0c1;
@ -212,39 +204,33 @@ h3,h4,h5,h6{
font-size:13px; font-size:13px;
} }
.web .favicon img, .favicon-dropdown img{
.web .favicon img,
.favicon-dropdown img{
margin:3px 7px 0 0; margin:3px 7px 0 0;
height:16px; height:16px;
font-size:12px; font-size:12px;
line-height:16px;; line-height:16px;
display:block; display:block;
text-align:left; text-align:left;
} }
.web .sublinks{ .web .sublinks{
padding:17px 10px; padding:17px 10px;
font-size:15px; font-size:15px;
color:var(--#928374); color:var(--#928374);
} }
.web .text-result .sublinks:last-child{ .web .text-result .sublinks:last-child{
padding-bottom:0; padding-bottom:0;
} }
/* Wikipedia head */ /* Wikipedia head */
.wiki-head{ .wiki-head{
padding:5px; padding:5px;
background-color: #322f2b background-color:#322f2b;
} }
/* /*
Images tab Images tab
*/ */
#images{ #images{
@ -258,17 +244,14 @@ h3,h4,h5,h6{
float:left; float:left;
} }
#images .image .title{ #images .image .title{
white-space:nowrap; white-space:nowrap;
overflow:hidden; overflow:hidden;
margin-bottom:7px; margin-bottom:7px;
font-weight:bold; font-weight:bold;
color:var(--bdae93); color:var(--bdae93);
} }
#popup-status{ #popup-status{
display:none; display:none;
position:fixed; position:fixed;
@ -281,43 +264,59 @@ h3,h4,h5,h6{
} }
/* /*
Settings page Settings page
*/ */
.web .settings-submit a{ .web .settings-submit a{
margin-right:17px; margin-right:17px;
color:#bdae93; color:#bdae93;
} }
/*
Responsive image
*/
@media only screen and (max-width:1454px){
#images .image-wrapper{
width:25%;
}
}
@media only screen and (max-width:1161px){
#images .image-wrapper{
width:25%;
}
}
@media only screen and (max-width:750px){
#images .image-wrapper{
width:50%;
}
}
@media only screen and (max-width:450px){
#images .image-wrapper{
width:100%;
}
}
/* /*
Responsive image Responsive design
*/ */
@media only screen and (max-width: 1454px){ #images .image-wrapper{ width:25%; } }
@media only screen and (max-width: 1161px){ #images .image-wrapper{ width:25%; } }
@media only screen and (max-width: 750px){ #images .image-wrapper{ width:50%; } }
@media only screen and (max-width: 450px){ #images .image-wrapper{ width:100%; } }
@media only screen and (max-width:1550px){
/* .web .left,
Responsive design
*/
@media only screen and (max-width: 1550px){
.web .left,
.searchbox{ .searchbox{
width:60%; width:60%;
} }
} }
@media only screen and (max-width: 1000px){ @media only screen and (max-width:1100px){
.web .left,
.searchbox{
width:100%;
}
} }
.type{ .type{
color:var(--bdae93); color:var(--bdae93);
}
} }