pk11
/
goth
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Move styling to CSS

Browse Source
main
Pk11 1 month ago
parent dec0d15a34
commit a0b9b41219
2 changed files with 28 additions and 33 deletions
Show Stats Download Patch File Download Diff File

9
index.html
Unescape View File

@ -8,15 +8,8 @@
If you include the next line in all your web pages, they will all share the same look. If you include the next line in all your web pages, they will all share the same look.
This makes it easier to make new pages for your site. --> This makes it easier to make new pages for your site. -->
<link href='style.css' rel='stylesheet' type="text/css" media="all"> <link href='style.css' rel='stylesheet' type="text/css" media="all">
<style>
* { cursor: url(https://cur.cursors-4u.net/holidays/hol-1/hol62.cur), auto !important; }
img { max-width: 100% }
table { border: 2px outset white }
td { border: 1px solid white }
.table-container { overflow: scroll }
</style>
</head> </head>
<body style="background-color:black;color:white;"> <!-- White text --> <body>
<center> <center>
<a href="./index.html">Home</a> <a href="./index.html">Home</a>
<h1>Goths Tonight Minneapolis</h1> <h1>Goths Tonight Minneapolis</h1>

52
style.css
Unescape View File

@ -1,21 +1,33 @@
/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your /* 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 HTML content. To learn how to do something, just try searching Google for questions like
"how to change link color." */ "how to change link color." */
* {
box-sizing: border-box;
cursor: url(https://cur.cursors-4u.net/holidays/hol-1/hol62.cur), auto !important;
}
body { body {
background-color: white; background-color: black;
color: black; color: white;
font-family: Verdana; font-family: Verdana;
} }
a[href*='https://www.instagram.com/goths_tonight.mpls/?ref=clublink.to'] { a[href*='https://www.instagram.com/goths_tonight.mpls/?ref=clublink.to'] {
color: lightblue; color: lightblue;
} }
a:hover { a:hover {
background-color: lime; background-color: lime;
} }
body{
background:white; img {
max-width: 100%;
height: auto;
} }
table { border: 2px outset white }
td { border: 1px solid white }
.table-container { overflow: scroll }
/* customizable snowflake styling */ /* customizable snowflake styling */
.snowflake { .snowflake {
color: #fff; color: #fff;
@ -24,24 +36,14 @@ body{
text-shadow: 0 0 1px #000; 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 @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}
delay:3s,1s}.snowflake:nth-of-type(10) @-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)}}
/* Demo Purpose Only*/ @keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}
.demo { @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)
font-family: 'Raleway', sans-serif;
color:#fff;
display: block;
margin: 0 auto;
padding: 15px 0;
text-align: center;
}
.demo a{
font-family: 'Raleway', sans-serif;
color: #000;
}
.snowflake img { .snowflake img {
height: 40px; height: 40px;
bottom: 0; bottom: 0;
background-color: #; background-color: #;
display: block; display: block;
}
Write Preview
Loading…
Cancel
Save