Merge pull request #496 from seesmith/master

collections.ed redesign

Author: seesmith

theme-local/clds/css/old-style.css

@@ -10,7 +10,6 @@ figure.clickbox {
     max-height:300px;
     background: #000000;
     text-align: left;
-	
 }
 figure.clickbox * {
     -webkit-box-sizing: border-box;
@@ -49,7 +48,7 @@ figure.clickbox h2 {
     text-transform: uppercase;
     top: 0;
     opacity: 1;
-    padding: 25px;
+    padding: 15px;
     margin: 0;
     position: absolute;
     color: #fff;
@@ -73,10 +72,12 @@ figure.clickbox i {
 }
 
 figure.clickbox i.ion-arrow-right-c,
-figure.clickbox i.ion-arrow-down-c {
+figure.clickbox i.ion-arrow-down-c,
+figure.clickbox i.ion-plus,
+figure.clickbox i.ion-minus{
     padding: 6px 16px;
-    bottom: 0px;
-    right: 0px;
+    bottom: 0;
+    right: 0;
     -webkit-transition: 0.05s linear;
     transition: 0.05s linear;
     -webkit-transition-delay: 0.4s;
@@ -85,13 +86,13 @@ figure.clickbox i.ion-arrow-down-c {
 
 figure.clickbox i.fa {
     padding: 16px 16px;
-    bottom: 0px;
-    left: 0px;
+    bottom: 0;
+    left: 0;
 }
 
 figure.clickbox .curl {
-    width: 0px;
-    height: 0px;
+    width: 0;
+    height: 0;
     position: absolute;
     bottom: 0;
     right: 0;
@@ -104,7 +105,6 @@ figure.clickbox .curl {
 
 figure.clickbox .curl:before,
 figure.clickbox .curl:after {
-    content: '';
     position: absolute;
     z-index: -1;
     left: 12%;
@@ -123,6 +123,14 @@ figure.clickbox .curl:after {
     top: 14%;
     transform: skew(-15deg) rotate(-84deg);
 }
+
+#collapseGroup a[aria-expanded=true] .ion-plus {
+    display: none;
+}
+#collapseGroup a[aria-expanded=false] .ion-minus {
+    display: none;
+}
+
 figure.clickbox a {
     left: 0;
     right: 0;
@@ -134,7 +142,7 @@ figure.clickbox a {
 figure.clickbox:hover > div h2,
 figure.clickbox.hover > div h2 {
     opacity: 1;
-    text-shadow: 0 0 0px #333;
+    text-shadow: 0 0 0 #333;
     -webkit-transition-delay: 0.3s;
     transition-delay: 0.3s;
 }
@@ -157,3 +165,5 @@ figure.clickbox.hover .curl {
     -webkit-transition-delay: 0s;
     transition-delay: 0s;
 }
+
+