Compare commits
2 Commits
db36963978
...
a0b9b41219
Author | SHA1 | Date |
---|---|---|
|
a0b9b41219 | 1 month ago |
|
dec0d15a34 | 1 month ago |
@ -0,0 +1,49 @@
|
||||
/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
|
||||
HTML content. To learn how to do something, just try searching Google for questions like
|
||||
"how to change link color." */
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
cursor: url(https://cur.cursors-4u.net/holidays/hol-1/hol62.cur), auto !important;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: black;
|
||||
color: white;
|
||||
font-family: Verdana;
|
||||
}
|
||||
|
||||
a[href*='https://www.instagram.com/goths_tonight.mpls/?ref=clublink.to'] {
|
||||
color: lightblue;
|
||||
}
|
||||
a:hover {
|
||||
background-color: lime;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
table { border: 2px outset white }
|
||||
td { border: 1px solid white }
|
||||
.table-container { overflow: scroll }
|
||||
|
||||
/* customizable snowflake styling */
|
||||
.snowflake {
|
||||
color: #fff;
|
||||
font-size: 1em;
|
||||
font-family: Serif;
|
||||
text-shadow: 0 0 1px #000;
|
||||
}
|
||||
|
||||
@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}
|
||||
@-webkit-keyframes snowflakes-shake{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}
|
||||
@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}
|
||||
@keyframes snowflakes-shake{0%{transform:translateX(0px)}50%{transform:translateX(80px)}100%{transform:translateX(0px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2s,1s;animation-delay:2s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1s;animation-delay:3s,1s}.snowflake:nth-of-type(10)
|
||||
|
||||
.snowflake img {
|
||||
height: 40px;
|
||||
bottom: 0;
|
||||
background-color: #;
|
||||
display: block;
|
||||
}
|
Loading…
Reference in new issue