Merge pull request #96 from isubit/INTERIM-9

INTERIM-9 New styles for collapsible fieldsets
isubit · Mar 7, 2017 · 6eb1bbd · 6eb1bbd
2 parents 44808aa + bdf5e95
commit 6eb1bbd
Showing 1 changed file with 36 additions and 0 deletions.
diff --git a/css/suitcase.css b/css/suitcase.css
@@ -311,6 +311,42 @@ input[type="submit"] {
     color: #000000;
 }
 
+/* --------------------- */
+/* Fieldsets */
+
+/* Collapsed */
+
+html.js fieldset.collapsed { height: auto; }
+
+fieldset.vertical-tabs-pane fieldset.collapsed legend {
+    width: 100%;
+}
+
+html.js fieldset.collapsed .fieldset-legend {
+    padding: 0.5rem;
+    padding-left: 20px;
+    border: 1px solid #dddddd;
+}
+
+fieldset.collapsible { border: 1px solid #dddddd; }
+
+/* Open */
+
+fieldset.collapsible:not(.collapsed) {
+    padding: 1rem;
+}
+
+fieldset.collapsible:not(.collapsed) legend {
+    width: auto;
+}
+
+/* Indicator */
+
+html.js fieldset.collapsible .fieldset-legend {
+    padding-left: 20px;
+    background-size: 10px;
+}
+
 /* -------------------- */
 /* ## FIGURES and IMAGES 
 /* -------------------- */