new-gpe.scss in hyla-1.0.8

- old
+ new
@@ -592,6 +592,85 @@
   font-size: 0.55em;
 }
 
 .reveal .listingblock {
   padding-bottom: 10px;
+}
+
+/********************/
+/* EXPANDABLE LIST  */
+/********************/
+.reveal #expandlist {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  cursor: pointer;
+}
+
+#expandlist p {
+  margin: 0;
+  display: block;
+}
+
+#expandlist li {
+  line-height: 130%;
+  text-indent: 0px;
+  background-position: 1px 8px;
+  padding-left: 30px;
+  background-repeat: no-repeat;
+}
+
+/* Collapsed state for list element */
+#expandlist .collapsed {
+  background-image: url(../../image/collapsed.png);
+}
+
+/* Expanded state for list element
+/* NOTE: This class must be located UNDER the collapsed one */
+#expandlist .expanded {
+  background-image: url(../../image/expanded.png);
+}
+
+/**************************/
+/* Show / Hide Text block */
+/**************************/
+#showhide {
+  background: #a0100c;
+  display: block;
+  padding: 1.75em;
+  border: 1px solid darkgray;
+}
+
+#showhide:before {
+  display: block;
+  content: 'Click to view audio transcript   ';
+  font-family: 'Liberation Sans', arial;
+  font-size: 1em;
+  font-weight: 900;
+  max-height: 0;
+  color: #f4f4f4;
+}
+
+.acontent {
+  background: #b7bcbe;
+  overflow: hidden;
+  clear: both;
+  max-height: 0;
+  font-family: 'Liberation Sans', arial;
+}
+
+/* We don't want to show the check box */
+input[type="checkbox"] {
+  display: none;
+}
+
+input[type="checkbox"]:checked ~ .acontent {
+  padding: 0.75rem 0.75rem 1.5rem;
+  border-bottom: 1px solid #ccc;
+  max-height: 2000px;
+}
+
+/* Content displayed after clicking on the virtual checkbox */
+input[type="checkbox"]:checked ~ #showhide:before {
+  content: 'Audio Transcript';
+  margin-top: 0em;
 }
\ No newline at end of file