Little stylesheet for wobble town website..
https://wobble.town
Wobble.town by skykristal
Details
Authorskykristal
LicenseNo License
Categoryuserstyles
Created
Updated
Size8.9 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name Wobble.town
@version 20220616.17.26
@namespace userstyles.world/user/skykristal
@description Little stylesheet for wooble town website..
@author skykristal
@license No License
==/UserStyle== */
@-moz-document url("https://wobble.town/"), url("https://wobble.town/manual"), url-prefix("https://wobble.town/lab"), url-prefix("https://wobble.town/login"), url-prefix("https://wobble.town/register") {
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&display=swap');
HTML, BODY{cursor:url(https://i.ibb.co/QkP964P/cursor.png), auto !important;}
a, button, input{cursor:url(https://i.ibb.co/9rT60mB/hand.png), auto !important;}
body{
background-image:radial-gradient( #1d1c31 50%
, #101415);
background-size:cover;
background-attachment:fixed;
background-position:center;
color: #c8d6de;
font-family: 'Comfortaa', cursive;
width: 100%;
height: 100%;
}
header{
animation: headerpop 0.5s ease-in-out forwards;
}
@keyframes headerpop{
0%{opacity:0;
margin-top: -40px;}
100%{opacity:1;
transform:scale(1);
margin-top: 0px;}
}
span{
display:flex;
}
.cols h2:first-child{
margin-left: 16px;
}
a{
text-decoration:none;
color:aqua;
text-shadow: 0 0 20px;
}
a:hover{
color:#fdfdfd;
}
main {
background: rgb(0 0 0 / 15%);
padding: 30px;
border-radius: 20px;
margin: 5% 3%;
backdrop-filter:blur(10px);
box-shadow: 0px 0px 0px 0px #0e3a6a, 0px 0px 60px 0px #09294d12;
box-sizing: border-box;
position:relative;
}
main > h1{
position: absolute;
top: 0;
margin-top: -51px;
font-size:40px;
text-shadow: 4px -1px 0px #124a7e;
}
header {
padding: 30px;
border-radius: 20px;
margin: 5% 3%;
box-sizing: border-box;
}
main{
background-position:bottom right;
background-repeat:no-repeat;
background-size:contain;
min-height:453px;
border: 5px solid;
border-image: url(https://skykristal.neocities.org/images/frame.png) 13 / 5px / 4px stretch;
background-color: rgb(0 0 0 / 52%);
filter: saturate(1.4);
margin-top: 12%;
margin-left: auto;
margin-right: auto;
width:100%;
}
ul{
list-style:none;
}
header{
position: fixed;
display: block;
z-index: 1;
top: 0;
right: 0;
width: 100%;
margin: auto;
border-radius: 0px;
height: 41px;
padding: 10px;
}
h1 > img{
display:none;
}
input{
border:0px;
padding:5px;
border-radius:20px;
background:#2b2b4e;
color:white;
outline:0;
}
.field{
padding:10px;
text-align:left;
display: grid;
width: fit-content;
}
cols{
justify-items: center;
}
section:nth-child(2){
text-align:center;
}
nav{
width: fit-content;
}
nav > a{
margin:8px;
}
nav{
text-align:center;
}
nav > a:nth-child(2){
color:#00ed83;
}
nav > a:nth-child(3){
color:#edeb00;
}
nav > a:nth-child(4){
color:#ed0000;
}
nav > a:nth-child(5){
color:#ed00d7;
}
nav > a:hover{
font-size: 25px;
transition: 0.2s ease-in-out;
text-shadow: 0 0 20px, 0 0 20px, 0 0 20px, 0 0 40px, 0 0 60px;
}
@media (min-width: 800px) {
nav > a{
transition: 0.5s ease-in-out;
display:flex;
width: fit-content;
}
}
@media (max-width: 800px) {
nav > a{
display:inline;
}
}
/* width */
::-webkit-scrollbar {
width: 7px;
}
/* Track */
::-webkit-scrollbar-track {
border-radius:0px;
}
/* Handle */
::-webkit-scrollbar-thumb {
background-image: linear-gradient(45deg, #4357ff, #30ffd1, #6cff59, #f5ff7c, #ff964a, #e44eff);
border-radius: 20px;
background-size: 200px;
}
::-webkit-scrollbar-track-piece{
background: #000000;
border: 1px solid #0e3154;
border-radius: 0px;
}
::-webkit-scrollbar-corner{
border-radius:0px;
}
::selection {
color: #63F4F6;
background: black;
}
hr{
display:none;
}
.alert{
border-radius:20px;
background:#00000073;
border:0px;
}
img{
width:40px;
image-rendering:pixelated;
filter: contrast(0) brightness(1.5);
}
p:nth-last-child(1){
text-align:center;
background:#00000075;
padding:.5em;
border-radius:20px;
}
footer{
position: absolute;
left: 50%;
transform: translateX(-50%);
font-size: 10px;
margin-top: -30px;
}
}
@-moz-document url("https://wobble.town/") {
main > p:nth-last-child(1) {
text-align: center;
background: #0000005c;
padding: 0.5em;
border-radius: 20px;
margin-right: -93px;
position: absolute;
display: inline-grid;
top: 0;
right: 0;
bottom: 0;
overflow: auto;
width: 60px;
}
}
@-moz-document url-prefix("https://wobble.town/wobble/edit"), url-prefix("https://wobble.town/wobble/leave"), url-prefix("https://wobble.town/wobble/update") {
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&display=swap');
HTML, BODY{cursor:url(https://i.ibb.co/QkP964P/cursor.png), auto !important;}
a, button, input{cursor:url(https://i.ibb.co/9rT60mB/hand.png), auto !important;}
body{
background-image:radial-gradient( #1d1c31 50%
, #101415);
background-size:cover;
background-attachment:fixed;
background-position:center;
color: #c8d6de;
font-family: 'Comfortaa', cursive;
width: 100%;
height: 100%;
}
header{
animation: headerpop 0.5s ease-in-out forwards;
}
@keyframes headerpop{
0%{opacity:0;
margin-top: -40px;}
100%{opacity:1;
transform:scale(1);
margin-top: 0px;}
}
span{
display:flex;
}
.cols h2:first-child{
margin-left: 16px;
}
a{
text-decoration:none;
color:aqua;
text-shadow: 0 0 20px;
}
a:hover{
color:#fdfdfd;
}
main {
background: rgb(0 0 0 / 15%);
padding: 30px;
border-radius: 20px;
margin: 5% 3%;
backdrop-filter:blur(10px);
box-shadow: 0px 0px 0px 0px #0e3a6a, 0px 0px 60px 0px #09294d12;
box-sizing: border-box;
position:relative;
}
main > h1{
position: absolute;
top: 0;
margin-top: -51px;
font-size:40px;
text-shadow: 4px -1px 0px #124a7e;
}
header {
padding: 30px;
border-radius: 20px;
margin: 5% 3%;
box-sizing: border-box;
}
main{
background-position:bottom right;
background-repeat:no-repeat;
background-size:contain;
min-height:453px;
border: 5px solid;
border-image: url(https://skykristal.neocities.org/images/frame.png) 13 / 5px / 4px stretch;
background-color: rgb(0 0 0 / 52%);
filter: saturate(1.4);
margin-top: 12%;
margin-left: auto;
margin-right: auto;
width:100%;
}
ul{
list-style:none;
}
header{
position: fixed;
display: block;
z-index: 1;
top: 0;
right: 0;
width: 100%;
margin: auto;
border-radius: 0px;
height: 41px;
padding: 10px;
}
h1 > img{
display:none;
}
input, textarea, select{
border:0px;
padding:5px;
border-radius:20px;
background:#2b2b4e;
color:white;
outline:0;
}
.field{
padding:10px;
text-align:left;
display: grid;
width: fit-content;
}
cols{
justify-items: center;
}
section:nth-child(2){
text-align:center;
}
nav{
width: fit-content;
}
nav > a{
margin:8px;
}
nav{
text-align:center;
}
nav > a:nth-child(2){
color:#00ed83;
}
nav > a:nth-child(3){
color:#edeb00;
}
nav > a:nth-child(4){
color:#ed0000;
}
nav > a:nth-child(5){
color:#ed00d7;
}
nav > a:hover{
font-size: 25px;
transition: 0.2s ease-in-out;
text-shadow: 0 0 20px, 0 0 20px, 0 0 20px, 0 0 40px, 0 0 60px;
}
@media (min-width: 800px) {
nav > a{
transition: 0.5s ease-in-out;
display:flex;
width: fit-content;
}
}
@media (max-width: 800px) {
nav > a{
display:inline;
}
}
/* width */
::-webkit-scrollbar {
width: 7px;
}
/* Track */
::-webkit-scrollbar-track {
border-radius:0px;
}
/* Handle */
::-webkit-scrollbar-thumb {
background-image: linear-gradient(45deg, #4357ff, #30ffd1, #6cff59, #f5ff7c, #ff964a, #e44eff);
border-radius: 20px;
background-size: 200px;
}
::-webkit-scrollbar-track-piece{
background: #000000;
border: 1px solid #0e3154;
border-radius: 0px;
}
::-webkit-scrollbar-corner{
border-radius:0px;
}
::selection {
color: #63F4F6;
background: black;
}
hr{
display:none;
}
.alert{
border-radius:20px;
background:#00000073;
border:0px;
}
img{
width:40px;
image-rendering:pixelated;
border-radius:20px;
}
p:nth-last-child(1){
text-align:center;
background:#00000075;
padding:.5em;
border-radius:20px;
}
footer{
position: absolute;
left: 50%;
transform: translateX(-50%);
font-size: 10px;
margin-top: -30px;
}
}