Initial commit

vendor/stefangabos/zebra_form/examples/public/css/reset.css

@@ -0,0 +1,102 @@
+/* = FONT STACKS
+----------------------------------------------------------------------------------------------------------------------*/
+body    { font-family: Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif } /* "wide" sans serif */
+/*body    { font-family: Tahoma, Arial, Helvetica, sans-serif } /* "narrow" sans serif */
+/*body    { font-family: Georgia, Utopia, Palatino, 'Palatino Linotype', serif } /* "wide" serif */
+/*body    { font-family: 'Times New Roman', Times, serif } /* "narrow" serif */
+
+
+/*  transform the font size so that 1em is 10px so that you can use em's
+    but think in pixels as now 1em is 10px, 1.2em is 12px and so on */
+
+html { font-size: 62.5% }
+
+body {
+    font-size: 1.3em;
+    margin: 0;
+    padding: 0;
+    outline: 0;
+    border: 0;
+    text-align: center; /*  this is for IE6 so that it will center the main wrapper */
+    line-height: 1.2;   /*  unit-less line-height does not inherit a percentage value of its parent element */
+                        /*  but instead is based on a multiplier of the font-size */
+}
+
+div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, aabbr, acronym, address,
+big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i,
+center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
+
+    margin: 0;
+    padding: 0;
+    outline: 0;
+    border: 0;
+    font-family: inherit;
+    font-weight: inherit;
+    font-style: inherit;
+    line-height: inherit;
+
+}
+
+a, blockquote, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, img, input, label, li, ol, p, pre, span, table, ul {
+
+    position: relative
+
+}
+
+h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1 }
+
+p       { font-size: 100% }
+h1      { font-size: 220% }
+h2      { font-size: 200% }
+h3      { font-size: 180% }
+h4      { font-size: 160% }
+h5      { font-size: 140% }
+h6      { font-size: 120% }
+
+small,
+sup,
+sub     { font-size: 70% }
+
+p small   { display: block; line-height: 1 }
+
+strong, b   { font-weight: bold }
+em, i       { font-style: italic }
+
+/* = CLEARFIX
+----------------------------------------------------------------------------------------------------------------------*/
+.clearfix:before,
+.clearfix:after     { content: "\0020"; display: block; height: 0; visibility: hidden; font-size: 0 }
+.clearfix:after     { clear: both }
+.clearfix           { *zoom: 1 } /* for IE only */
+
+/* = TABLES
+----------------------------------------------------------------------------------------------------------------------*/
+table {
+
+    border-collapse: collapse;
+    border-spacing: 0;
+    /* tables still need cellspacing="0" */
+
+}
+
+/* = LISTS
+----------------------------------------------------------------------------------------------------------------------*/
+ul, ol          { list-style: none }
+
+ul.float li,
+ol.float li     { float: left }
+
+ul.default,
+ol.default,
+ol.default ul,
+ul.default ul,
+ul.default ol,
+ol.default ol   { padding-left: 1.5em }
+
+ul.default,
+ol.default ul,
+ul.default ul   { list-style-type: square }
+
+ol.default,
+ul.default ol,
+ol.default ol   { list-style-type: decimal }

vendor/stefangabos/zebra_form/examples/public/css/style.css

@@ -0,0 +1,62 @@
+body { text-align: left; margin: 20px }
+
+.header { background: #888; padding: 10px 5px; font-weight: bold }
+.header a { color: #FFF; text-decoration: none }
+.header span { font-weight: normal }
+.example { background: #ABCDEF; padding: 10px 5px; font-weight: bold; margin: 0 0 20px }
+.example a { color: #123456; font-weight: normal }
+
+h1 { margin-bottom: 1em }
+h1 span { display: block; font-size: 11px; color: #666 }
+
+.navigation { border-right: 1px solid #DEDEDE; padding-right: 20px; margin-right: 20px }
+.navigation li { font-weight: bold; margin: 0 }
+.navigation li ul { color: #AAA; margin: 10px 0 }
+.navigation a { color: #000066; white-space: nowrap; font-weight: normal; text-decoration: none; display: block; padding: 2px }
+.navigation a.selected { color: #DDD; background: #222 }
+
+.tabs {  }
+.tabs a { display: block; background: #000; color: #FFF; padding: 4px 10px; text-decoration: none; margin-right: 1px; font-weight: bold }
+.tabs a:hover,
+.tabs a.selected { background: #DEDEDE; color: #222 }
+
+.tab { border: 1px solid #DEDEDE; padding: 20px; display: none }
+
+.tab h2 { font-weight: bold; margin: 0 0 20px }
+.tab p { color: #999; margin: 0 0 20px; font-size: 12px }
+
+ul.notes { color: #999; font-size: 11px; margin: 20px 0 0 }
+
+table.results { border-collapse: collapse }
+table.results th,
+table.results td { padding: 5px; border: 1px solid #DEDEDE }
+table.results th { font-weight: bold }
+table.results thead td { background: #666; color: #FFF; font-weight: bold }
+
+img.Zebra_Form_Input_Prefix { width: 16px; height: 16px }
+
+.tab a { color: #0000FF; text-decoration: none }
+
+/* = MISCELLANEOUS
+----------------------------------------------------------------------------------------------------------------------*/
+.align-center   { text-align: center }
+.align-left     { text-align: left }
+.align-right    { text-align: right }
+.block          { display: block }
+.bottom         { margin-bottom: 0; padding-bottom: 0 }
+.center         { text-align: center }
+.clear          { clear: both }
+.first          { margin-left: 0; padding-left: 0 }
+.hidden         { visibility: hidden }
+.highlight      { background: #ccf }
+.inline         { display: inline }
+.last           { margin-right: 0; padding-right: 0 }
+.left           { float: left }
+.none           { display: none }
+.nowrap         { white-space: nowrap }
+.right          { float: right }
+.stretch        { width: 100% }
+.top            { margin-top: 0; padding-top: 0 }
+.visible        { visibility: visible }
+
+img.Zebra_Form_prefix { width: 16px; height: 16px }

vendor/stefangabos/zebra_form/examples/public/javascript/core.js

@@ -0,0 +1,25 @@
+$(document).ready(function() {
+
+    hljs.initHighlightingOnLoad();
+
+    $('a').bind('click', function() { this.blur() });
+
+    var tab_selectors = $('.tabs a');
+
+    var tabs = $('.tab');
+
+    tab_selectors.each(function(index, selector) {
+        $(selector).bind('click', function(e) {
+            e.preventDefault();
+            tab_selectors.removeClass('selected');
+            $(this).addClass('selected');
+            tabs.css('display', 'none');
+            $(tabs[index]).css({
+                'opacity':  0,
+                'display': 'block'
+            });
+            $(tabs[index]).animate({'opacity': 1}, 250);
+        });
+    });
+
+});