Spaces:
Sleeping
Sleeping
Commit
•
b69e197
1
Parent(s):
7a0437c
Update style.css
Browse files
style.css
CHANGED
|
@@ -4,9 +4,7 @@
|
|
| 4 |
box-sizing: border-box;
|
| 5 |
font-family: sans-serif;
|
| 6 |
}
|
| 7 |
-
|
| 8 |
-
height: 100vh;
|
| 9 |
-
|
| 10 |
padding: 5% 5% 0% 5%;
|
| 11 |
display: flex;
|
| 12 |
flex-direction: column;
|
|
@@ -65,7 +63,7 @@ body {
|
|
| 65 |
display: inline-block;
|
| 66 |
width: 30px;
|
| 67 |
height: 30px;
|
| 68 |
-
background-image: url(
|
| 69 |
background-size: cover;
|
| 70 |
}
|
| 71 |
#footer_block {
|
|
@@ -77,18 +75,31 @@ body {
|
|
| 77 |
margin-bottom: 5%;
|
| 78 |
}
|
| 79 |
input[type="radio"] {
|
| 80 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 81 |
}
|
| 82 |
-
input[type="radio"] +
|
| 83 |
display: inline-block;
|
| 84 |
font-weight: normal;
|
| 85 |
font-size: 20px;
|
| 86 |
color: white;
|
| 87 |
padding: 10px 20px;
|
| 88 |
border-radius: 48px;
|
| 89 |
-
border: 1px solid #
|
| 90 |
}
|
| 91 |
-
input[type="radio"]:checked +
|
| 92 |
background-color: #c0c0af;
|
| 93 |
color: black;
|
| 94 |
}
|
|
@@ -112,6 +123,3 @@ input[type="radio"]:checked + label {
|
|
| 112 |
outline: none;
|
| 113 |
cursor: pointer;
|
| 114 |
}
|
| 115 |
-
/* .fullscreen:hover {
|
| 116 |
-
background-color: rgba(255, 255, 255, 1);
|
| 117 |
-
} */
|
|
|
|
| 4 |
box-sizing: border-box;
|
| 5 |
font-family: sans-serif;
|
| 6 |
}
|
| 7 |
+
#component-0 {
|
|
|
|
|
|
|
| 8 |
padding: 5% 5% 0% 5%;
|
| 9 |
display: flex;
|
| 10 |
flex-direction: column;
|
|
|
|
| 63 |
display: inline-block;
|
| 64 |
width: 30px;
|
| 65 |
height: 30px;
|
| 66 |
+
background-image: url("file=assets/eraser.png");
|
| 67 |
background-size: cover;
|
| 68 |
}
|
| 69 |
#footer_block {
|
|
|
|
| 75 |
margin-bottom: 5%;
|
| 76 |
}
|
| 77 |
input[type="radio"] {
|
| 78 |
+
display: none;
|
| 79 |
+
}
|
| 80 |
+
.form {
|
| 81 |
+
background-color: transparent !important;
|
| 82 |
+
border: none !important;
|
| 83 |
+
}
|
| 84 |
+
fieldset {
|
| 85 |
+
background-color: transparent !important;
|
| 86 |
+
border: none !important;
|
| 87 |
+
}
|
| 88 |
+
label {
|
| 89 |
+
border: none !important;
|
| 90 |
+
background-color: transparent !important;
|
| 91 |
+
background: none !important;
|
| 92 |
}
|
| 93 |
+
input[type="radio"] + span {
|
| 94 |
display: inline-block;
|
| 95 |
font-weight: normal;
|
| 96 |
font-size: 20px;
|
| 97 |
color: white;
|
| 98 |
padding: 10px 20px;
|
| 99 |
border-radius: 48px;
|
| 100 |
+
border: 1px solid #0d0707;
|
| 101 |
}
|
| 102 |
+
input[type="radio"]:checked + span {
|
| 103 |
background-color: #c0c0af;
|
| 104 |
color: black;
|
| 105 |
}
|
|
|
|
| 123 |
outline: none;
|
| 124 |
cursor: pointer;
|
| 125 |
}
|
|
|
|
|
|
|
|
|