1 files changed, 54 insertions, 0 deletions
diff --git a/ws2a/help.css b/ws2a/help.css
new file mode 100644
index 0000000..3645ed7
--- /dev/null
+++ b/ws2a/help.css
@@ -0,0 +1,54 @@
+/* F.A.Q */
+
+div { position: relative; }
+input[type=checkbox] {
+   position: absolute;
+   top: 0;
+   left: 0;
+   width: 100%;
+   height: 100%;
+   opacity: 0;
+}
+h2 {
+  font-size: 30px;
+  font-weight: 400;
+  margin: 60px 0 10px 0;
+}
+label {
+   cursor: pointer;
+}
+label {
+  position: relative;
+  display: block;
+  padding-left: 30px;
+}
+label:before {
+  content: "";
+  position: absolute;
+  width: 0;
+  height: 0;
+  top: 50%;
+  left: 10px;
+  border-left: 8px solid black;
+  border-top: 8px solid transparent;
+  border-bottom: 8px solid transparent;
+  margin-top: -8px;
+}
+input[type=checkbox]:checked ~ h2 label:before {
+  border-left: 8px solid transparent;
+  border-top: 8px solid black;
+  border-right: 8px solid transparent;
+  margin-left: -4px;
+  margin-top: -4px
+}
+
+p {
+  max-height: 100;
+  overflow: hidden;
+  padding-left: 30px;
+  transition: max-height 0.4s ease;
+  font-family: 'Habibi', serif;
+}
+input[type=checkbox]:checked ~ h2 ~ p {
+  max-height: 80px;
+}