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
Size9.8 kB
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;
}
}