Fixed fortune wheel

Added the wheel to the index page
Fixed the wheel CSS
This commit is contained in:
Kraken
2021-04-07 12:27:52 +02:00
parent ee32bf4e5a
commit 5928c53488
4 changed files with 59 additions and 95 deletions
+10 -25
View File
@@ -1,31 +1,14 @@
* {
margin: 0;
padding: 0;
}
body {
background: #eaeaea;
color: #fff;
font-size: 18px;
font-family: 'Exo 2', sans-serif;
}
a {
color: #34495e;
}
/*WRAPPER*/
/*WRAPPER*/
#wrapper {
margin: 40px auto 0;
width: 266px;
position: relative;
font-size: 18px;
font-family: 'Exo 2', sans-serif;
}
#txt {
color: rgb(0,0,0);
color: rgba(255,255,255, .55);
}
@@ -44,10 +27,12 @@ a {
#wheel:before {
content: '';
position: absolute;
border: 4px solid rgba(0,0,0,0.1);
border: 8px solid rgba(0,0,0,0.1);
width: 242px;
height: 242px;
border-radius: 50%;
top: -4px;
left: -4px;
z-index: 1000;
}
@@ -69,8 +54,8 @@ a {
border-width: 130px 75px 0;
border-color: #19c transparent;
transform-origin: 75px 129px;
left: 50px;
top: -4px;
left: 45px;
top: -10px;
opacity: 1;
}
@@ -137,7 +122,7 @@ a {
display: block;
text-align: center;
font-size: 36px;
margin-left: -15px;
margin-left: -10px;
text-shadow: rgba(255, 255, 255, 0.1) 0px -1px 0px, rgba(0, 0, 0, 0.2) 0px 1px 0px;
}