Wobble.town by skykristal

Wobble.town screenshot
Homepage Install Get Stylus Write a review

Details

Authorskykristal

LicenseNo License

Created

Updated

Categoryuserstyles

Statistics

Learn how we calculate statistics in the FAQ.

Total views

Total installs

Weekly installs

Description

Little stylesheet for wobble town website..
https://wobble.town

Notes

Userstyle doesn't have notes.

History

Daily snapshots of style statistics.

No style history. Come back in a couple of days.

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;
}




}

Reviews

No reviews yet.