update as of may 5th, 2023 at 04:47pm: it seems there were a few things i forgot to style. better theme now.
currently only works as intended with screen sizes 700px or higher
Authorcoolslutguy420_2nd-ressurection
LicenseNo License
Categoryuserstyles.world
Created
Updated
Code size9.8 kB
Code checksum4116132a
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
update as of may 5th, 2023 at 04:47pm: it seems there were a few things i forgot to style. better theme now.
currently only works as intended with screen sizes 700px or higher
/* ==UserStyle==
@name userstyles.world sexay
@namespace github.com/openstyles/stylus
@version 1.0.0
@description userstyles.world sexay
@author Me
==/UserStyle== */
@-moz-document domain("userstyles.world"), domain("uso.kkx.one") {
pre {
background: black !Important;
color: #ffa135 !important;
}
div.Style-source > pre {
background: black !Important;
}
.share #share {
background: #1c0000 !Important;
color: #eeae49 !important;
border: 1px solid #dcb992 !important;
}
.card .screenshot .blurred {
display: none;
padding: 0px !important;
}
div.card picture img {
width: 100% !important;
height: 100% !important;
}
.card .screenshot img[alt] {
position: absolute;
width: 100% !important;
height: 100% !important;
object-fit: fill !important;
}
.fg\:2 {
color: #e8710a !important;
}
.fg\:3 {
color: #d18645 !important;
}
span {
color: #f27c15 !important;
}
.rating.score-5 svg {
stroke: #ff6815 !important;
}
div.card picture {
width: auto !important;
z-index: -1;
}
.card-body, .card-footer {
border: 1px solid #ca7022 !important;
}
h2, h1 {
color: #ca7022 !important;
text-decoration-line: none !important;
}
svg.github.icon {
fill: #ca8600 !important;
}
label.icon.codeberg > svg > g > path {
fill: #3665a3 !important;
}
i {
color: #e8710a !important;
}
a:link {
color: #ffd59a;
}
a::after {
color: #ffd59a !important;
}
a[href^="/link/"]::after, a[href^="http"]::after {
display: none;
}
[data-tooltip]::before, time[datetime]::before {
color: #c76d35 !important;
border:1px solid #533720 !important;
background: #120000 !important;
transition: none !important;
animation: none !important;
padding: 2px;
}
[data-tooltip]::after, time[datetime]::after {
border-top-color: #533720 !important;
margin-left: -53px;
transition: none !important;
}
p {
color: #deb354;
}
a {
color: #ffc470 !important;
}
input, select, svg, select {
box-shadow: none !important;
text-shadow: none !important;
transition: none !important;
animation: none !important;
}
.ml\:s {
box-shadow: none !important;
text-shadow: none !important;
transition: none !important;
animation: none !important;
}
.Box {
background: transparent;
border: 0;
color: #d18645 !important;
padding: 0px;
}
label {
color: #d18645 !important;
}
option {
color: #c76d35 !important;
border:1px solid #533720 !important;
background: #120000 !important;
}
.navbar .menu .navbar input, form.search:not(.Form), .form-wrapper.search:not(.Form), .navbar ul form {
border-bottom-color: #db981e !important;
}
form.search:not(.Form) {
border-right: 1px solid #db981e !important;
border-radius: 0px !important;
}
form:not(.Form) input:not([type="checkbox"]), form:not(.Form) textarea, form:not(.Form) select, .form-wrapper:not(.Form) input:not([type="checkbox"]), .form-wrapper:not(.Form) textarea, .form-wrapper:not(.Form) select {
border-bottom-color: #db981e !important;
box-shadow: none !Important;
}
.Form-box {
color: #c76d35 !important;
border:1px solid #533720 !important;
background: #120000 !important;
}
.Form-box input, .Form-box select, .Form-box textarea {
color: #c76d35 !important;
border:1px solid #533720 !important;
background: #120000 !important;
}
.Form-select + svg {
color: #c76d35 !important;
}
select#sort.Form-select {
color: #c76d35 !important;
border:1px solid #533720 !important;
background: #120000 !important;
}
.rwrap {
max-width:800px !important;
min-width:800px !important;
padding: 0px !important;
margin: 0px !important;
}
.screenshot {
border-radius: 0px !important;
}
picture {
border-radius: 0px !important;
}
.card {
background: transparent !important;
color: orange;
border-radius: 0px;
border: 1px solid #ca8911;
padding: 0px;
margin:10px;
}
.card picture img {
width: 240px !important;
height: auto !important;
}
.card picture {
width: 240px !important;
height: auto !important;
}
.card a {
color: orange !Important;
}
img {
border-radius: 0px !important;
}
#share {
height: 28px;
min-height: 0px;
}
.share {
height: 28px;
min-height: 0px;
}
#btn-share {
height: 28px;
min-height: 0px;
}
h1 {
font-size: 20pt !important;
}
.input-like {
padding: 5px;
}
.Style-source > pre {
padding: 5px;
}
.icon.flex {
background-color: rgba(0,0,0,0) !important;
}
.search input {
border-radius: 0px;
border-bottom-color: #db981e !important;
border: 1px black solid;
min-width: 24px;
height: 20px;
padding: 0px;
margin: 0px;
line-height: 0px;
}
input {
background-color: #343434 !Important;
border: 0px;
min-width: 50px;
min-height: 5px;
padding: 4px;
color: #ddd !Important;
}
textarea {
border: 0px;
padding: 4px;
}
svg.mascot {
width: 20px;
}
.navbar{
background: #812b0c;
border: 0px;
padding: 0px;
margin: 0px;
height: 20px;
line-height: 0px;
border-bottom: 1px solid #db981e !Important;
}
nav#navbar {
background: #000 !important;
border-right: solid 1px #812b0c;
color: #ca7060;
line-height: 3px;
}
.Dropdown ul {
background: #000 !important;
border: solid 1px #812b0c !Important;
color: #ca7060;
width:auto !important;
line-height: 3px;
}
.u-LayoutMaxWidth {
background: #000 !important;
}
.Dropdown ul li:hover a{
background: #011b00 ;
border-radius: 15%;
}
form:not(.Form).search svg, .form-wrapper:not(.Form).search svg {
display: none;
}
nav ul a:hover {
color: #e34d2c !important;
}
nav a {
color: #db981e
}
input {
box-shadow: none !important;
text-shadow: none !important;
}
section#preview > div.card {
width: 55% !important;
height: auto !Important;
}
section#preview > div.card:hover {
width: 79% !important;
height: auto !Important;
}
nav a:hover {
color: #253922;
}
input, button, .input-like {
min-height: 10px;
}
input, button, form, radio, select{
font-family: 'sans',arial,sans-serif,droid-sans,open-sans !Important;
}
.Pagination {
height: 30px;
background: #000 !important;
transition: none !important;
animation: none !important;
}
a.Pagination-button.icon{
transition: none !important;
animation: none !important;
}
a.Pagination-active.now:hover {
border-radius: 25%;
border: #67686e 1px solid !important;
}
.wrapper.flex {
width:800px !important;
padding-left: 7.4px !important;
margin: 0px;
padding: 0px;
line-height: 0px;
height: 20px !Important;
font-weight: 370;
}
.wrapper.flex input {
border-bottom-color: #db981e !important;
text-transform: lowercase !Important;
letter-spacing: 1.7px !important;
font-weight: normal !Important;
}
svg.mascot {
opacity: 75%;
margin-top: -11.03px!Important;
}
span.name {
margin-top: -4px;
}
span.name:hover {
margin-top: -8px!Important;
text-decoration-line: solid !important;
}
.fg\:2 a, a:hover:not(.btn), a:active:not(.btn), a:focus:not(.btn) {
text-decoration: none !Important;
text-decoration-line: none !Important;
text-decoration-style: none !Important;
text-decoration-style: color !Important;
}
html p, main#content h1{
font-size: 90%;
}
[data-color-scheme="light"] .btn.primary, [data-color-scheme="light"] .btn.stylus {
color: #ca7022 !important;
}
body {
width: 830px !important;
background: #000 !important;
font-family: "sans",open-sans,sans-serif,droid-sans,arial !important;
font-size: 9pt;
border-radius: 0px;
padding: 0px;
}
p>code {
background: #000 !important;
border: solid 2px #ca7022;
border-radius: 7px !Important;
}
.Style-source {
border-color: #ca7022 !Important;
}
.btn {
background: #812b0c;
color: #ca7022 !important;
padding: 6px;
border-color: #ca7022;
padding-top: 5px;
padding-bottom: 5px;
transition: none !important;
border-radius: 20%;
}
.btn:hover {
background: #ca7022;
border-color: #812b0c;
color: #812b0c !important;
}
.Form-select {
padding: 5px !important;
min-height: 5px !important;
}
.Form-control, {
margin: 0px;
padding: 3px;
min-height: 0px;
}
body > main > div > section.mt\:l > form > div.Form-control > button {
margin: 0px;
padding: 7px;
min-height: 0px;
}
table {
background: transparent;
border-color: orange;
color: #ff9549;
}
table tr {
background: transparent ;
border-color: orange;
color: #ff9549;
box-shadow: none;
}
table thead {
background: transparent;
}
.spoiler {
background: #100700;
}
.btn.primary {
background: linear-gradient(to bottom,#221807 0,#110104 100%);
border-color: #78413e #835d52 #633c2b;
color: #ff9100 !important;
padding: 6px;
padding-top: 5px;
padding-bottom: 5px;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.btn.primary:hover {
background: linear-gradient(to top,#130103 0,#1a0e04 100%);
border-color: #6c451d #6a4528 #5b442a;
color: #ffbd69 !important;
}
.Footer {
margin-top: 30px;
background: transparent;
border-color: orange;
color: #d57d3e;
}
}