new-gpe.scss in hyla-1.0.9

- old
+ new

@@ -1,20 +1,9 @@
 /* $debug-configuration: true; */
 
-/* 
- * We dont import the css content of font-awesome hre
- * as it will added to the HTML of the slideshow as a local/remote resource
- *  @import "font-awesome"; 
- */
+@import "variable";
 
-/* $fonts: 'Overpass', 'Liberation Sans', 'Open Sans', sans-serif; */
-$fonts: 'Liberation Sans', 'Overpass', 'Open Sans', sans-serif;
-$red-color: #a70000;
-$scrollbar-height: 600px;
-$footer-bottom: -25%;
-$slides-margin-top: 15px;
-
 /*********************************************
  * GLOBAL STYLES
  * Feb 24, ART:  added a border to the body, attempting to see how the margin is being used.
  * Feb 24, ART:  added a border to the reveal section, attempting to see how the margin is being used.
  *********************************************/
@@ -612,12 +601,40 @@
 }
 
 #expandlist li {
   line-height: 130%;
   text-indent: 0px;
-  background-position: 1px 8px;
+  background-position: 1px 13px;
   padding-left: 30px;
   background-repeat: no-repeat;
+  /* Use a relative position in order to place more space between the decimal/bullet symbol and the text */
+  position: relative;
+  left:35px;
+}
+
+/* Enable the decimal style for a list defined under the <ol id='expandlist'/> selector */
+ol[id=expandlist] > li {
+  list-style-type: decimal;
+}
+
+/* Remove the margin to align the text of the items ol with the parent */
+/* First Level */
+ol[id=expandlist] > li > div.olist > ol {
+  margin-left: 0px;
+}
+/* Second Level */
+ol[id=expandlist] .olist > ol > li ol {
+  margin-left: 0px;
+}
+
+/* Remove the margin to align the text of the items ul with the parent */
+/* First Level */
+ul[id=expandlist] > li > div.ulist > ul {
+  margin-left: 0px;
+}
+/* Second Level */
+ul[id=expandlist] .ulist > ul > li ul {
+  margin-left: 0px;
 }
 
 /* Collapsed state for list element */
 #expandlist .collapsed {
   background-image: url(../../image/collapsed.png);
\ No newline at end of file