diff options
| author | Alexander Pickering <alexandermpickering@gmail.com> | 2016-05-29 20:52:17 -0400 |
|---|---|---|
| committer | Alexander Pickering <alexandermpickering@gmail.com> | 2016-05-29 20:52:17 -0400 |
| commit | 15fcc190319a3deaaeaa544833ea07475e790585 (patch) | |
| tree | 25b9ad86998682bb0d270521ef9efa00c0047d8a /ws2a/help.css | |
| parent | 785ac61778829e572556f4c9f40026e6b624e81e (diff) | |
| download | webpage-15fcc190319a3deaaeaa544833ea07475e790585.tar.gz webpage-15fcc190319a3deaaeaa544833ea07475e790585.tar.bz2 webpage-15fcc190319a3deaaeaa544833ea07475e790585.zip | |
re-synching
Diffstat (limited to 'ws2a/help.css')
| -rw-r--r-- | ws2a/help.css | 54 |
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; +} |