shoji niji - based.cooking by smeeba

/* ==UserStyle==
@name         shoji niji - based.cooking
@version      20220904.08.27
@namespace    userstyles.world/user/smeeba
@description  Shoji Niji theme for based.cooking
@author       smeeba
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://based.cooking/") {
/* ==BasedCooking==
@name shoji-niji-based-cooking
@namespace github.com/openstyles/stylus
@version 1.0.0
@description Shoji Niji theme for based.cooking
@author Me
==/BasedCooking==*/

body {
	background: #fefefe;
	color: #2a2a2a;
	max-width: 850px;
	margin: auto;
	padding: 0 16px;
	margin-bottom: 500px;
	scrollbar-color: gray #151515;
	font-family: sans-serif;
}

::-webkit-scrollbar {
	width: .66vw;
	background-color: #151515;
}
::-webkit-scrollbar-thumb {
	background-color: gray;
	border-radius: 5px;
}

a {
	color: #2a2a2a;
	background: #bedbf0;
	/*font-size: 16px;*/
	/*padding: 2px; /*Also try having 6 px on the top and bottom of the words, just like Shoji */
	/*padding-right: 4px;
	padding-left: 4px; /*Also try having 1 or 2 px on the left and right of the words, just like Shoji */
	/*line-height: 25px; /*Also try 22 or 24 px*/
	/*Shoji doesnt have spacing inbetween the lines and colors touch, may not implement*/
	
}
 
.cryptoinfo a {
	padding: 0px;
}

.tagcloud a {
	color: #2a2a2a;
	background: #bee6de;
}

a:visited {
	color: #2a2a2a;
	background: #dfcfeb;
}

a:hover {
	color: #2a2a2a;
	background-color: #bee6de;
}

#nextprev > a {
	background: white;
	line-height: normal;
	padding: 0px;
}

footer > a:last-child {
	background: white;
}

h1 {
	border-style: solid;
	border-width: 0px 0px 2px 0px;
	text-align: center;
}

h2 {
	color: #2a2a2a;
	background: #f5aca4;
	text-align: center;
}

code {
	color: #2a2a2a;
	background: #bde0b1;
	overflow-wrap: break-word;
}

footer {
	margin: 3em;
	text-align: center;
}

img {
	max-width: 90%;
	max-height: 400px;
	margin: auto;
	display: block;
}

.taglist {
	text-align: center;
	margin-bottom: 2em;
	margin-top: 2em;
}

input#search {
  	all: unset;
	background-color: #f2f2f2;  /*Also try #e5e5e5*/
	color: #222;
  	padding: 0.7rem 1rem;
	border: 1px;
	border-color: #222;
  	border-radius: 5px;
  	width: 100%;
}

.search {
  width: 400px;
  max-width: 85vw;
  position: relative;
  margin: 0.5rem auto 1.2rem;
  display: flex;
}

button.clear-search {
  all: unset;
  position: absolute;
  right: 4px;
  top: 5px;
  height: 30px;
  width: 30px;
  color: #888;
  cursor: pointer;
  transition: color 180ms ease-in-out;
}
button.clear-search:hover {
  color: #222;
}
img[alt="BTC Logo"],
img[alt="ETH Logo"],
img[alt="XMR Logo"] {
	max-width: 1em;
	max-height: 1em;
	display: inline;
}

@media (pointer: coarse) {
	li > a {
		display: block;
		height: 1.5rem
	}
}

@media print {
	a[href] {
		text-decoration: none;
		color: #2a2a2a;
	}

	footer,
	.taglist {
		display: none;
	}

	body {
		margin: 0;
	}
}

@media (min-width: 55em) {
	#artlist {
		column-count: 2;
	}
}

@media (min-width: 100em) {
	#artlist {
		column-count: 3;
	}
}
}