Updated svg colour changes

dharmafly · Jul 10, 2012 · 4da79ee · 4da79ee
1 parent 5356102
commit 4da79ee
Show file tree

Hide file tree

Showing 4 changed files with 38 additions and 24 deletions.
diff --git a/_config.yml b/_config.yml
@@ -4,7 +4,7 @@ GITHUB_CURRENT_VERSION: 1.0
 GITHUB_PROJECT_URL: https://github.com/dharmafly/dharmafly-docs
 
 # The style for your site (currently only default)
-THEME: ocean
+THEME: default
 
 ############ Optional extras
 

diff --git a/_includes/global.css b/_includes/global.css
@@ -351,12 +351,13 @@ section.content:after{
     background-repeat: no-repeat;
     background-position: left top;
     background-image: url(./svg/{{ page.svg_asset }}) ;
-    -webkit-transform: rotate(270deg);
-    -moz-transform: rotate(270deg);
-    -ms-transform: rotate(270deg);
-    -o-transform: rotate(270deg);
-    transform: rotate(270deg);
+    -webkit-transform: rotate({{ page.svg_asset_rotation }});
+    -moz-transform: rotate({{ page.svg_asset_rotation }});
+    -ms-transform: rotate({{ page.svg_asset_rotation }});
+    -o-transform: rotate({{ page.svg_asset_rotation }});
+    transform: rotate({{ page.svg_asset_rotation }});
     opacity: 0.2;
+    background-size: {{ page.svg_asset_size }} 
 }
 
 section > h1 {
@@ -423,28 +424,33 @@ section .permalink:hover {
 
 .quote:before,
 .quote:after {
-    content: "";
-    display: block;
-    position: absolute;
-    top: 0;
-    left: 50%;
-    width:88px;
-    height: 39px;
-    margin: 0;
-    background-image: url(./svg/{{ page.svg_asset }});
-    background-repeat: no-repeat;
-    background-position: center top;
-    background-size: 100%;
-    background-color: transparent;
+  content: "";
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 50%;
+  width:88px;
+  height: 39px;
+  margin: 0;
+  background-image: url(./svg/{{ page.svg_asset }});
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-size: 100%;
+  background-color: transparent;
+  -webkit-transform: {{ page.quote_svg_left_transform }};
+  -moz-transform: {{ page.quote_svg_left_transform }};
+  -ms-transform: {{ page.quote_svg_left_transform }};
+  -o-transform: {{ page.quote_svg_left_transform }};
+  transform: {{ page.quote_svg_left_transform }};
 }
 
 .quote:after {
   left: 18.6em;
-  -webkit-transform: scaleX(-1);
-    -moz-transform: scaleX(-1);
-    -ms-transform: scaleX(-1);
-    -o-transform: scaleX(-1);
-    transform: scaleX(-1);
+  -webkit-transform: {{ page.quote_svg_right_transform }};
+  -moz-transform: {{ page.quote_svg_right_transform }};
+  -ms-transform: {{ page.quote_svg_right_transform }};
+  -o-transform: {{ page.quote_svg_right_transform }};
+  transform: {{ page.quote_svg_right_transform }};
 }
 
 /* Hanging indent */

diff --git a/css/default.css b/css/default.css
@@ -31,6 +31,10 @@ icon_border: "#152E16"
 # svg
 
 svg_asset: nodewing.svg
+svg_asset_size: 100%
+svg_asset_rotation: 270deg
+quote_svg_left_transform: none
+quote_svg_right_transform: scaleX(-1)
 
    # <svg width="403" height="8" xmlns="http://www.w3.org/2000/svg"><line stroke="#7DB378" stroke-width="2" x1="4" y1="4" x2="400" y2="4" /><circle fill="#7DB378" cx="4" cy="4" r="4" /></svg>
 subnav_underline: PHN2ZyB3aWR0aD0iNDAzIiBoZWlnaHQ9IjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGxpbmUgc3Ryb2tlPSIjN0RCMzc4IiBzdHJva2Utd2lkdGg9IjIiIHgxPSI0IiB5MT0iNCIgeDI9IjQwMCIgeTI9IjQiIC8+PGNpcmNsZSBmaWxsPSIjN0RCMzc4IiBjeD0iNCIgY3k9IjQiIHI9IjQiIC8+PC9zdmc+

diff --git a/css/ocean.css b/css/ocean.css
@@ -31,6 +31,10 @@ icon_border: "#152E16"
 # svg
 
 svg_asset: nodewing_alt.svg
+svg_asset_size: 112%
+svg_asset_rotation: 93deg
+quote_svg_left_transform: none
+quote_svg_right_transform: scaleX(-1)
 
    # <svg width="403" height="8" xmlns="http://www.w3.org/2000/svg"><line stroke="#6C94B8" stroke-width="2" x1="4" y1="4" x2="400" y2="4" /><circle fill="#6C94B8" cx="4" cy="4" r="4" /></svg>
 subnav_underline: PHN2ZyB3aWR0aD0iNDAzIiBoZWlnaHQ9IjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGxpbmUgc3Ryb2tlPSIjNkM5NEI4IiBzdHJva2Utd2lkdGg9IjIiIHgxPSI0IiB5MT0iNCIgeDI9IjQwMCIgeTI9IjQiIC8+PGNpcmNsZSBmaWxsPSIjNkM5NEI4IiBjeD0iNCIgY3k9IjQiIHI9IjQiIC8+PC9zdmc+