diff --git a/alpha/css/grid/alpha_fluid/normal/alpha-fluid-normal-12.svg b/alpha/css/grid/alpha_fluid/normal/alpha-fluid-normal-12.svg
new file mode 100644
index 0000000..4e13e83
--- /dev/null
+++ b/alpha/css/grid/alpha_fluid/normal/alpha-fluid-normal-12.svg
@@ -0,0 +1,141 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="100"
+   height="1"
+   id="svg3535"
+   version="1.1"
+   inkscape:version="0.48.1 r9760"
+   sodipodi:docname="alpha-fluid-normal-12.svg">
+  <defs
+     id="defs3537" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="1"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10.521749"
+     inkscape:cx="38.711329"
+     inkscape:cy="1.3922026"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1616"
+     inkscape:window-height="620"
+     inkscape:window-x="0"
+     inkscape:window-y="353"
+     inkscape:window-maximized="0"
+     showborder="true" />
+  <metadata
+     id="metadata3540">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Columns"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-1051.3622)">
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-1"
+       width="6.3330002"
+       height="1"
+       x="1"
+       y="1051.3622" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-2"
+       width="6.3330002"
+       height="1"
+       x="9.3339996"
+       y="1051.3622" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-3"
+       width="6.3330002"
+       height="1"
+       x="17.667999"
+       y="1051.3622" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-4"
+       width="6.3330002"
+       height="1"
+       x="26.001999"
+       y="1051.3622" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-5"
+       width="6.3330002"
+       height="1"
+       x="34.335999"
+       y="1051.3622" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-6"
+       width="6.3330002"
+       height="1"
+       x="42.669998"
+       y="1051.3622" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-7"
+       width="6.3330002"
+       height="1"
+       x="51.003998"
+       y="1051.3622" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-8"
+       width="6.3330002"
+       height="1"
+       x="59.337997"
+       y="1051.3622" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-9"
+       width="6.3330002"
+       height="1"
+       x="67.671997"
+       y="1051.3622" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-10"
+       width="6.3330002"
+       height="1"
+       x="76.005997"
+       y="1051.3622" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-11"
+       width="6.3330002"
+       height="1"
+       x="84.339996"
+       y="1051.3622" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-12"
+       width="6.3330002"
+       height="1"
+       x="92.673996"
+       y="1051.3622" />
+  </g>
+</svg>
diff --git a/alpha/css/grid/alpha_fluid/normal/alpha-fluid-normal-16.svg b/alpha/css/grid/alpha_fluid/normal/alpha-fluid-normal-16.svg
new file mode 100644
index 0000000..548626b
--- /dev/null
+++ b/alpha/css/grid/alpha_fluid/normal/alpha-fluid-normal-16.svg
@@ -0,0 +1,172 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="100"
+   height="50"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.1 r9760"
+   sodipodi:docname="alpha-fluid-normal-16.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="1"
+     inkscape:pageshadow="2"
+     inkscape:zoom="8.98"
+     inkscape:cx="51.948775"
+     inkscape:cy="7.182628"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     showborder="true"
+     inkscape:window-width="1587"
+     inkscape:window-height="666"
+     inkscape:window-x="0"
+     inkscape:window-y="351"
+     inkscape:window-maximized="0" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Columns"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-1002.3622)">
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-1"
+       width="4.25"
+       height="50"
+       x="1"
+       y="1002.362"
+       inkscape:label="" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-2"
+       width="4.25"
+       height="50"
+       x="7.25"
+       y="1002.362" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-3"
+       width="4.25"
+       height="50"
+       x="13.5"
+       y="1002.362"
+       inkscape:label="" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-4"
+       width="4.25"
+       height="50"
+       x="19.75"
+       y="1002.362" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-5"
+       width="4.25"
+       height="50"
+       x="26"
+       y="1002.362" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-6"
+       width="4.25"
+       height="50"
+       x="32.25"
+       y="1002.362"/>
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-7"
+       width="4.25"
+       height="50"
+       x="38.5"
+       y="1002.362" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-8"
+       width="4.25"
+       height="50"
+       x="44.75"
+       y="1002.362" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-9"
+       width="4.25"
+       height="50"
+       x="51"
+       y="1002.362" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-10"
+       width="4.25"
+       height="50"
+       x="57.25"
+       y="1002.362"
+       inkscape:label="" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-11"
+       width="4.25"
+       height="50"
+       x="63.5"
+       y="1002.362" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-12"
+       width="4.25"
+       height="50"
+       x="69.75"
+       y="1002.362" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-13"
+       width="4.25"
+       height="50"
+       x="76"
+       y="1002.362" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-14"
+       width="4.25"
+       height="50"
+       x="82.25"
+       y="1002.362" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-15"
+       width="4.25"
+       height="50"
+       x="88.5"
+       y="1002.362" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-16"
+       width="4.25"
+       height="50"
+       x="94.75"
+       y="1002.362" />
+  </g>
+</svg>
diff --git a/alpha/css/grid/alpha_fluid/normal/alpha-fluid-normal-24.svg b/alpha/css/grid/alpha_fluid/normal/alpha-fluid-normal-24.svg
new file mode 100644
index 0000000..9511065
--- /dev/null
+++ b/alpha/css/grid/alpha_fluid/normal/alpha-fluid-normal-24.svg
@@ -0,0 +1,225 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="100"
+   height="50"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.1 r9760"
+   sodipodi:docname="alpha-fluid-normal-24.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="1"
+     inkscape:pageshadow="2"
+     inkscape:zoom="8.98"
+     inkscape:cx="48.106904"
+     inkscape:cy="25"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     showborder="true"
+     inkscape:window-width="1616"
+     inkscape:window-height="666"
+     inkscape:window-x="0"
+     inkscape:window-y="351"
+     inkscape:window-maximized="0" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Columns"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-1002.3622)">
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-1"
+       width="2.1659999"
+       height="50"
+       x="0.99999988"
+       y="1002.3622" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-2"
+       width="2.1659999"
+       height="50"
+       x="5.1659999"
+       y="1002.3622" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-3"
+       width="2.1659999"
+       height="50"
+       x="9.3319998"
+       y="1002.3622" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-4"
+       width="2.1659999"
+       height="50"
+       x="13.497999"
+       y="1002.3622" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-5"
+       width="2.1660001"
+       height="50"
+       x="17.664"
+       y="1002.3622" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-6"
+       width="2.1660001"
+       height="50"
+       x="21.83"
+       y="1002.3622" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-7"
+       width="2.1660001"
+       height="50"
+       x="25.996"
+       y="1002.3622" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-8"
+       width="2.1660001"
+       height="50"
+       x="30.162001"
+       y="1002.3622" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-9"
+       width="2.1660001"
+       height="50"
+       x="34.327999"
+       y="1002.3622" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-10"
+       width="2.1660001"
+       height="50"
+       x="38.493999"
+       y="1002.3622" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-11"
+       width="2.1660001"
+       height="50"
+       x="42.66"
+       y="1002.3622" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-12"
+       width="2.1660001"
+       height="50"
+       x="46.826"
+       y="1002.3622" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-13"
+       width="2.1660001"
+       height="50"
+       x="50.992001"
+       y="1002.3622" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-14"
+       width="2.1660001"
+       height="50"
+       x="55.158001"
+       y="1002.3622" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-15"
+       width="2.1660001"
+       height="50"
+       x="59.324001"
+       y="1002.3622" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-16"
+       width="2.1660001"
+       height="50"
+       x="63.490002"
+       y="1002.3622" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-17"
+       width="2.1660001"
+       height="50"
+       x="67.655998"
+       y="1002.3622" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-18"
+       width="2.1660001"
+       height="50"
+       x="71.821999"
+       y="1002.3622" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-19"
+       width="2.1660001"
+       height="50"
+       x="75.987999"
+       y="1002.3622" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-20"
+       width="2.1660001"
+       height="50"
+       x="80.153999"
+       y="1002.3622" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-21"
+       width="2.1660001"
+       height="50"
+       x="84.32"
+       y="1002.3622" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-22"
+       width="2.1660001"
+       height="50"
+       x="88.486"
+       y="1002.3622" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-23"
+       width="2.1660001"
+       height="50"
+       x="92.652"
+       y="1002.3622" />
+    <rect
+       style="opacity:0.1;fill:#ff0000;fill-opacity:1;stroke:#ffff00;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="column-24"
+       width="2.1660001"
+       height="50"
+       x="96.818001"
+       y="1002.3622" />
+  </g>
+</svg>
diff --git a/alpha/includes/alpha.inc b/alpha/includes/alpha.inc
index bf04b4e..6dcd695 100644
--- a/alpha/includes/alpha.inc
+++ b/alpha/includes/alpha.inc
@@ -403,8 +403,26 @@ function alpha_grid_debug($grid, $responsive, $columns) {
         $media = $responsive ? $grid['layouts'][$layout]['media'] : 'all';
         $weight = $grid['layouts'][$layout]['weight'];
         $sanitized = $grid['layouts'][$layout]['sanitized'];
-        $file = $grid['path'] . '/' . $sanitized . '/' . $grid['sanitized'] . '-' . $sanitized . '-' . $columns . '.png';
-        $overlay = '.alpha-grid-debug .container-' . $columns . ' { background-image: ' . (is_file($file) ? 'url(' . file_create_url($file) . ')' : 'none') . '; }';
+        $file = $grid['path'] . '/' . $sanitized . '/' . $grid['sanitized'] . '-' . $sanitized . '-' . $columns;
+        $extension = '';
+        $bg_size = '';
+        if (is_file($file . '.png')) {
+          $extension = '.png';
+        }
+        elseif (is_file($file . '.svg')) {
+          $extension = '.svg';
+          // 100.01% for FireFox. Opera still have blur effect.
+          $bg_size = ' background-size: 100% 100.01%;';
+        }
+
+        if ($extension) {
+          $file = 'url(' . file_create_url($file . $extension) . ')';
+        }
+        else {
+          $file = 'none';
+        }
+
+        $overlay = ".alpha-grid-debug .container-{$columns} { background-image: $file;$bg_size }";
 
         if ($responsive && $layout == $grid['primary']) {
           drupal_add_css($overlay, array(