base_css-rails 1.0 → 1.1

data/README.md

@@ -22,7 +22,7 @@ Or install it yourself as:
 Once installed on the Rails application, you just have to require the stylesheet on your application.css file
 
 ```
-*= require base_style
+*= require base-style
 ```
 
 Also you have to require the javascript file on you application.js file

data/lib/base_css-rails/version.rb

@@ -1,5 +1,5 @@
 module BaseCss
   module Rails
-    VERSION = "1.0"
+    VERSION = "1.1"
   end
 end

data/vendor/assets/javascripts/base-script.js

@@ -1,60 +1,31 @@
-/* ==========================================================
-  Base Default JavaScript
-    https://github.com/matthewhartman/base/blob/master/javascripts/default.js
-      -- Table of Contents --
-
-      1. Plugins Combined (respond.js)
-      2. Initiations / Default Functions
-        2.0 Toggle JS Class
-            2.1 Add Zebra Stripes for Tables
-            2.2 Menu for Mobile Devices
-            2.3 Jump to Anchored Sections
-*/
-
-/* ==========================================================
-    1. Plugins Combined (respond.js)
-    Respond.js v1.1.0: min/max-width media query polyfill. (c) Scott Jehl. MIT/GPLv2 Lic. j.mp/respondjs
-*/
-(function(e){e.respond={};respond.update=function(){};respond.mediaQueriesSupported=e.matchMedia&&e.matchMedia("only all").matches;if(respond.mediaQueriesSupported){return}var w=e.document,s=w.documentElement,i=[],k=[],q=[],o={},h=30,f=w.getElementsByTagName("head")[0]||s,g=w.getElementsByTagName("base")[0],b=f.getElementsByTagName("link"),d=[],a=function(){var D=b,y=D.length,B=0,A,z,C,x;for(;B<y;B++){A=D[B],z=A.href,C=A.media,x=A.rel&&A.rel.toLowerCase()==="stylesheet";if(!!z&&x&&!o[z]){if(A.styleSheet&&A.styleSheet.rawCssText){m(A.styleSheet.rawCssText,z,C);o[z]=true}else{if((!/^([a-zA-Z:]*\/\/)/.test(z)&&!g)||z.replace(RegExp.$1,"").split("/")[0]===e.location.host){d.push({href:z,media:C})}}}}u()},u=function(){if(d.length){var x=d.shift();n(x.href,function(y){m(y,x.href,x.media);o[x.href]=true;u()})}},m=function(I,x,z){var G=I.match(/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi),J=G&&G.length||0,x=x.substring(0,x.lastIndexOf("/")),y=function(K){return K.replace(/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,"$1"+x+"$2$3")},A=!J&&z,D=0,C,E,F,B,H;if(x.length){x+="/"}if(A){J=1}for(;D<J;D++){C=0;if(A){E=z;k.push(y(I))}else{E=G[D].match(/@media *([^\{]+)\{([\S\s]+?)$/)&&RegExp.$1;k.push(RegExp.$2&&y(RegExp.$2))}B=E.split(",");H=B.length;for(;C<H;C++){F=B[C];i.push({media:F.split("(")[0].match(/(only\s+)?([a-zA-Z]+)\s?/)&&RegExp.$2||"all",rules:k.length-1,hasquery:F.indexOf("(")>-1,minw:F.match(/\(min\-width:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:F.match(/\(max\-width:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}}j()},l,r,v=function(){var z,A=w.createElement("div"),x=w.body,y=false;A.style.cssText="position:absolute;font-size:1em;width:1em";if(!x){x=y=w.createElement("body");x.style.background="none"}x.appendChild(A);s.insertBefore(x,s.firstChild);z=A.offsetWidth;if(y){s.removeChild(x)}else{x.removeChild(A)}z=p=parseFloat(z);return z},p,j=function(I){var x="clientWidth",B=s[x],H=w.compatMode==="CSS1Compat"&&B||w.body[x]||B,D={},G=b[b.length-1],z=(new Date()).getTime();if(I&&l&&z-l<h){clearTimeout(r);r=setTimeout(j,h);return}else{l=z}for(var E in i){var K=i[E],C=K.minw,J=K.maxw,A=C===null,L=J===null,y="em";if(!!C){C=parseFloat(C)*(C.indexOf(y)>-1?(p||v()):1)}if(!!J){J=parseFloat(J)*(J.indexOf(y)>-1?(p||v()):1)}if(!K.hasquery||(!A||!L)&&(A||H>=C)&&(L||H<=J)){if(!D[K.media]){D[K.media]=[]}D[K.media].push(k[K.rules])}}for(var E in q){if(q[E]&&q[E].parentNode===f){f.removeChild(q[E])}}for(var E in D){var M=w.createElement("style"),F=D[E].join("\n");M.type="text/css";M.media=E;f.insertBefore(M,G.nextSibling);if(M.styleSheet){M.styleSheet.cssText=F}else{M.appendChild(w.createTextNode(F))}q.push(M)}},n=function(x,z){var y=c();if(!y){return}y.open("GET",x,true);y.onreadystatechange=function(){if(y.readyState!=4||y.status!=200&&y.status!=304){return}z(y.responseText)};if(y.readyState==4){return}y.send(null)},c=(function(){var x=false;try{x=new XMLHttpRequest()}catch(y){x=new ActiveXObject("Microsoft.XMLHTTP")}return function(){return x}})();a();respond.update=a;function t(){j(true)}if(e.addEventListener){e.addEventListener("resize",t,false)}else{if(e.attachEvent){e.attachEvent("onresize",t)}}})(this);
-
-
-/* ==========================================================
-    2. Initiations / Default Functions
-*/
-
-$(document).ready(function(){
-
-  // 2.0 Toggle JS Class
-  $("html").removeClass('no-js').addClass('js');
-
-  // 2.1 Add Zebra Stripes for Tables
-  $('table tbody tr:odd, table tbody tr:odd').addClass('odd');
-
-  // 2.2 Menu for Mobile Devices
-  // If JS is enabled, attach the 'hide' class (only affects mobiles - special media query class)
-  $('.navigation').prepend('<a href="#" class="nav-toggle nodesktop notablet nomobile">Navigation <span class="arrow">+</span></a>');
-  $(".nav-toggle").removeClass('nomobile').addClass('showmobile');
-  $('.menu').addClass("nomobile");
-
-  // When the navigation button is clicked, toggle menu
-  $(".nav-toggle").click(function() {
-    if ( $('.menu:visible').length < 1 ) {
-      $('.menu').stop(true, true).slideDown(200, function() {
-        $('.nav-toggle .arrow').html('-');
-        $(this).removeClass('nomobile').removeAttr('style');
-      });
-    } else {
-      $('.menu').stop(true, true).slideUp(200, function() {
-        $('.nav-toggle .arrow').html('+');
-        $(this).addClass('nomobile').removeAttr('style');
-      });
-    };
-    return false;
-  });
-  
-
-
-
-    
-
+/* ==========================================================
+  Base Default JavaScript
+    https://github.com/matthewhartman/base/blob/master/javascripts/default.js
+      -- Table of Contents --
+
+      1. Plugins Combined (respond.js)
+      2. Initiations / Default Functions
+        2.0 Toggle JS Class
+*/
+
+/* ==========================================================
+  1. Plugins Combined
+*/
+
+// Respond.js v1.1.0: min/max-width media query polyfill. (c) Scott Jehl. MIT/GPLv2 Lic. j.mp/respondjs
+(function(e){e.respond={};respond.update=function(){};respond.mediaQueriesSupported=e.matchMedia&&e.matchMedia("only all").matches;if(respond.mediaQueriesSupported){return}var w=e.document,s=w.documentElement,i=[],k=[],q=[],o={},h=30,f=w.getElementsByTagName("head")[0]||s,g=w.getElementsByTagName("base")[0],b=f.getElementsByTagName("link"),d=[],a=function(){var D=b,y=D.length,B=0,A,z,C,x;for(;B<y;B++){A=D[B],z=A.href,C=A.media,x=A.rel&&A.rel.toLowerCase()==="stylesheet";if(!!z&&x&&!o[z]){if(A.styleSheet&&A.styleSheet.rawCssText){m(A.styleSheet.rawCssText,z,C);o[z]=true}else{if((!/^([a-zA-Z:]*\/\/)/.test(z)&&!g)||z.replace(RegExp.$1,"").split("/")[0]===e.location.host){d.push({href:z,media:C})}}}}u()},u=function(){if(d.length){var x=d.shift();n(x.href,function(y){m(y,x.href,x.media);o[x.href]=true;u()})}},m=function(I,x,z){var G=I.match(/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi),J=G&&G.length||0,x=x.substring(0,x.lastIndexOf("/")),y=function(K){return K.replace(/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,"$1"+x+"$2$3")},A=!J&&z,D=0,C,E,F,B,H;if(x.length){x+="/"}if(A){J=1}for(;D<J;D++){C=0;if(A){E=z;k.push(y(I))}else{E=G[D].match(/@media *([^\{]+)\{([\S\s]+?)$/)&&RegExp.$1;k.push(RegExp.$2&&y(RegExp.$2))}B=E.split(",");H=B.length;for(;C<H;C++){F=B[C];i.push({media:F.split("(")[0].match(/(only\s+)?([a-zA-Z]+)\s?/)&&RegExp.$2||"all",rules:k.length-1,hasquery:F.indexOf("(")>-1,minw:F.match(/\(min\-width:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:F.match(/\(max\-width:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}}j()},l,r,v=function(){var z,A=w.createElement("div"),x=w.body,y=false;A.style.cssText="position:absolute;font-size:1em;width:1em";if(!x){x=y=w.createElement("body");x.style.background="none"}x.appendChild(A);s.insertBefore(x,s.firstChild);z=A.offsetWidth;if(y){s.removeChild(x)}else{x.removeChild(A)}z=p=parseFloat(z);return z},p,j=function(I){var x="clientWidth",B=s[x],H=w.compatMode==="CSS1Compat"&&B||w.body[x]||B,D={},G=b[b.length-1],z=(new Date()).getTime();if(I&&l&&z-l<h){clearTimeout(r);r=setTimeout(j,h);return}else{l=z}for(var E in i){var K=i[E],C=K.minw,J=K.maxw,A=C===null,L=J===null,y="em";if(!!C){C=parseFloat(C)*(C.indexOf(y)>-1?(p||v()):1)}if(!!J){J=parseFloat(J)*(J.indexOf(y)>-1?(p||v()):1)}if(!K.hasquery||(!A||!L)&&(A||H>=C)&&(L||H<=J)){if(!D[K.media]){D[K.media]=[]}D[K.media].push(k[K.rules])}}for(var E in q){if(q[E]&&q[E].parentNode===f){f.removeChild(q[E])}}for(var E in D){var M=w.createElement("style"),F=D[E].join("\n");M.type="text/css";M.media=E;f.insertBefore(M,G.nextSibling);if(M.styleSheet){M.styleSheet.cssText=F}else{M.appendChild(w.createTextNode(F))}q.push(M)}},n=function(x,z){var y=c();if(!y){return}y.open("GET",x,true);y.onreadystatechange=function(){if(y.readyState!=4||y.status!=200&&y.status!=304){return}z(y.responseText)};if(y.readyState==4){return}y.send(null)},c=(function(){var x=false;try{x=new XMLHttpRequest()}catch(y){x=new ActiveXObject("Microsoft.XMLHTTP")}return function(){return x}})();a();respond.update=a;function t(){j(true)}if(e.addEventListener){e.addEventListener("resize",t,false)}else{if(e.attachEvent){e.attachEvent("onresize",t)}}})(this);
+
+
+/* ==========================================================
+  2. Initiations / Default Functions
+*/
+
+$(document).ready(function(){
+
+  // 2.0 Toggle JS Class
+  $("html").removeClass('no-js').addClass('js');
+
+  // Other initiations go here within the document ready...
+    
+
 }); // end document ready

data/vendor/assets/stylesheets/base-style.css

@@ -2,7 +2,7 @@
 
   Base Stylesheet - http://matthewhartman.github.com/base/
   Author: Matthew Hartman - http://www.matthewhartman.com.au/
-  Version: 1.1 - Last Updated: 4th December, 2012
+  Version: 1.2 - Last Updated: 12th January, 2013
 
 ========================================================================== */
 /* ==========================================================================
@@ -56,14 +56,13 @@ a img {
 .right {
   float: right;
 }
-.nofloat {
-  float: none;
-}
 .block {
   display: block;
 }
 .inline-block {
   display: inline-block;
+  *zoom: 1;
+  *display: inline;
 }
 .inline {
   display: inline;
@@ -88,18 +87,16 @@ a img {
 .strong {
   font-weight: bold;
 }
-.alignleft {
-  text-align: left;
-}
-.alignright {
-  text-align: right;
-}
-.aligncenter {
-  text-align: center;
-}
-.center {
-  margin-left: auto;
-  margin-right: auto;
+.alert {
+  background-color: #ffffcc;
+  display: block;
+  padding: 4px 8px;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  -moz-background-clip: padding;
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box;
 }
 .nolist {
   list-style: none;
@@ -120,10 +117,13 @@ a img {
 /* Body */
 body {
   font-family: arial, helvetica, clean, sans-serif;
-  background: #ffffff;
-  color: #111111;
+  font-size: 14px;
+  font-size: 0.875rem;
+  line-height: 22px;
+  line-height: 1.375rem;
+  background-color: #ffffff;
+  color: #222222;
   margin: 0;
-  font-size: 87.5%;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
 }
@@ -150,93 +150,72 @@ h4,
 h5,
 h6 {
   margin: 0;
+  line-height: normal;
 }
-h1 {
-  font-size: 2.857142857142857em;
+h1,
+.h1 {
+  font-size: 40px;
+  font-size: 2.5rem;
   margin-bottom: 10px;
 }
-h2 {
-  font-size: 1.4285714285714286em;
+h2,
+.h2 {
+  font-size: 32px;
+  font-size: 2rem;
   margin-bottom: 8px;
 }
-h3 {
-  font-size: 1.8571428571428572em;
+h3,
+.h3 {
+  font-size: 26px;
+  font-size: 1.625rem;
   margin-bottom: 6px;
 }
-h4 {
-  font-size: 1.4285714285714286em;
+h4,
+.h4 {
+  font-size: 20px;
+  font-size: 1.25rem;
   margin-bottom: 4px;
 }
 /* 1.2 Paragraphs, block quotes, code, pre, etc
    ========================================================================== */
-p {
-  margin: 0 0 1em 0;
-}
-abbr {
-  border-bottom: 1px dotted #000;
-  cursor: help;
-}
-address {
-  font-style: italic;
-  line-height: 1.384em;
-}
 small {
-  font-size: 67.5%;
+  font-size: 12px;
+  font-size: 0.75rem;
 }
-/* Block Quotes */
+/* Block Quotes, Pre and Code Blocks */
 blockquote,
 q {
   quotes: none;
-  border-left: 7px solid #cccccc;
+  background-color: #f7f7f9;
+  border: 1px solid #e1e1e8;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  -moz-background-clip: padding;
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box;
+  padding: .5em 1em;
+  margin: 0;
   font-style: italic;
-  padding-left: 1em;
-  margin: 1em;
-}
-blockquote:before,
-blockquote:after,
-q:before,
-q:after {
-  content: '';
 }
-/* Code Blocks & Pre */
 code,
 pre {
-  padding: 0 3px 2px;
+  padding: 2px 6px;
   font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
   font-size: 12px;
-  color: #333;
+  font-size: 0.75rem;
+  background-color: #f1f1f1;
+  border: 1px solid #dddddd;
+  line-height: normal;
+  color: #222222;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
   border-radius: 3px;
+  -moz-background-clip: padding;
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box;
 }
-code {
-  padding: 2px 4px;
-  color: #d14;
-  background-color: #f7f7f9;
-  border: 1px solid #e1e1e8;
-}
-pre {
-  display: block;
-  padding: 8.5px;
-  margin: 0 0 9px;
-  font-size: 12.025px;
-  line-height: 18px;
-  word-break: break-all;
-  word-wrap: break-word;
-  white-space: pre;
-  white-space: pre-wrap;
-  background: #f5f5f5;
-  border: 1px solid #ccc;
-  border-radius: 4px;
-}
-pre code {
-  padding: 0;
-  color: inherit;
-  background-color: transparent;
-  border: 0;
-}
-.pre-scrollable {
-  max-height: 340px;
-  overflow-y: scroll;
-}
+/* Horizontal Rule */
 hr {
   border: 0;
   background: none;
@@ -249,7 +228,6 @@ hr {
    ========================================================================== */
 table {
   width: 100%;
-  border: 1px solid #dddddd;
   border-collapse: collapse;
   border-left: 0;
   background-color: #fff;
@@ -261,45 +239,21 @@ table td {
   line-height: 18px;
   text-align: left;
   vertical-align: top;
-  border-top: 1px solid #dddddd;
-  border-left: 1px solid #dddddd;
+  border-top: 1px solid #eeeeee;
 }
 table thead th {
   vertical-align: bottom;
   font-weight: bold;
-  background: #ffffff;
-  color: #000000;
-  border-left: 1px solid #dddddd;
-}
-table caption + thead tr:first-child th,
-table caption + thead tr:first-child td,
-table colgroup + thead tr:first-child th,
-table colgroup + thead tr:first-child td,
-table thead:first-child tr:first-child th,
-table thead:first-child tr:first-child td {
-  border-top: 0;
-}
-table tbody tr:nth-child(odd) td,
-table tbody tr:nth-child(odd) th {
-  background-color: #f1f1f1;
-}
-table tbody tr:nth-child(even) td,
-table tbody tr:nth-child(even) th {
   background-color: #ffffff;
-}
-table tbody .odd td,
-table tbody .odd td {
-  background-color: #f1f1f1;
+  color: #222222;
 }
 table tfoot td {
-  background: #eeeeee;
   font-weight: bold;
 }
 table caption {
   padding: .5em;
   font-style: italic;
   background-color: #eeeeee;
-  border: 1px solid #cccccc;
   border-bottom: 0;
   font-weight: bold;
 }
@@ -308,138 +262,17 @@ table caption {
 ul,
 ul ul {
   list-style: disc;
-  margin: .5em;
+  margin: 4px 0 4px 25px;
+  padding: 0;
 }
 ol,
 ol ol {
   list-style: decimal;
-  margin: .5em;
-}
-dl:before,
-dl:after {
-  content: "";
-  display: table;
-}
-dl:after {
-  clear: both;
-}
-dl {
-  zoom: 1;
-}
-dl {
-  width: 100%;
-}
-dl dt {
-  width: 28%;
-  float: left;
-  clear: left;
-  padding: 1%;
-  margin: 0 0 .5em;
-  font-weight: bold;
-}
-dl dd {
-  width: 68%;
-  float: left;
-  padding: 1%;
-  margin: 0 0 .5em;
+  margin: 4px 0 4px 25px;
+  padding: 0;
 }
 /* 1.5 Forms, Labels and Inputs
    ========================================================================== */
-legend {
-  font-size: 1.4285714285714286em;
-  font-family: "Georgia", "Times New Roman", sans-serif;
-  font-weight: bold;
-  display: block;
-  width: 100%;
-  padding-bottom: 1em;
-}
-.field {
-  padding: 10px 0;
-}
-.field label {
-  display: inline-block;
-  min-width: 20%;
-}
-.field ul {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-/* Inputs (Text, Search, Email, etc) */
-input[type=text],
-input[type=email],
-input[type=search],
-input[type=tel],
-input[type=file] {
-  border-radius: 0;
-  outline: 0;
-  border: 1px solid #ccc;
-  padding: .5%;
-  height: 18px;
-  width: 30%;
-  display: inline-block;
-  vertical-align: middle;
-  -webkit-appearance: none;
-  /* Remove Default Browser Behaviour for Safari */
-
-  -moz-appearance: none;
-  /* Remove Default Browser Behaviour for Firefox */
-
-}
-input[type=file] {
-  border: 0;
-  height: 20px;
-}
-input[type=button]::-moz-focus-inner,
-input[type=submit]::-moz-focus-inner {
-  padding: 0;
-  border: 0;
-}
-input[type="search"]::-webkit-search-cancel-button {
-  -webkit-appearance: none;
-}
-input[type=submit],
-input[type=button] {
-  line-height: normal;
-  cursor: pointer;
-  border-radius: 0;
-  -webkit-appearance: none;
-  /* Remove Default Browser Behaviour for Safari */
-
-  -moz-appearance: none;
-  /* Remove Default Browser Behaviour for Firefox */
-
-}
-textarea {
-  vertical-align: top;
-  display: inline-block;
-  border: 1px solid #cccccc;
-  min-height: 80px;
-  padding: .5%;
-  width: 30%;
-}
-select {
-  font-size: 14px;
-  outline: 0;
-  height: 34px;
-  border: 1px solid #cccccc;
-  padding: .5%;
-  width: 31%;
-  -webkit-border-radius: 0 3px 3px 0;
-  -moz-border-radius: 0 3px 3px 0;
-}
-select:focus {
-  border: 1px solid #cccccc;
-  outline: 0;
-}
-select[multiple] {
-  min-height: 100px;
-  vertical-align: top;
-  border: 1px solid #ccc;
-}
-select:focus {
-  border: 1px solid #999999;
-}
 /* ==========================================================================
 /* 2.0 - Grid Layout (Responsive)
    ========================================================================== */
@@ -447,6 +280,9 @@ select:focus {
 .section {
   position: relative;
 }
+.row {
+  margin-bottom: 1em;
+}
 .container {
   max-width: 960px;
   margin: 0 auto;
@@ -558,27 +394,9 @@ select:focus {
     padding-left: 20px;
     padding-right: 20px;
   }
-  .navigation a:active,
-  .navigation a:visited {
-    color: #ffffff;
-  }
-  .navigation a:hover {
-    background-color: #333333;
-  }
-  .menu {
-    list-style: none;
-    padding: 0;
-    margin: 0;
-  }
-  .nav-toggle,
-  .menu a {
-    display: block;
-    background-color: #111111;
-    text-align: center;
-    color: #ffffff;
-    padding: 10px;
-    margin-top: 1px;
-    text-decoration: none;
+  table th,
+  table td {
+    padding: 4px;
   }
   .nomobile {
     display: none;
@@ -598,4 +416,137 @@ select:focus {
     margin: 0.5cm;
   }
 }
-/* End Print Media Query */
+/* End Print Media Query */
+.header {
+  background-color: #d6511d;
+  margin-bottom: 10px;
+  padding-top: 10px;
+  padding-bottom: 10px;
+}
+.logo {
+  margin: 14px 0 0 0;
+  color: #fff;
+  font-size: 32px;
+  font-size: 2rem;
+  font-weight: bold;
+  text-transform: uppercase;
+  text-decoration: none;
+}
+.logo .small {
+  font-size: 11px;
+  position: relative;
+  top: -20px;
+}
+.logo:hover,
+.logo:active,
+.logo:visited {
+  color: #fff;
+}
+.navigation {
+  line-height: normal;
+  padding-top: 12px;
+}
+.navigation ul {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+.navigation ul li {
+  float: left;
+  margin-left: 10px;
+}
+.navigation ul li:first-child {
+  margin-left: 0;
+}
+.navigation ul li a {
+  text-transform: uppercase;
+  color: #fff;
+  padding: 8px 24px;
+  border: 1px solid #d6511d;
+  text-decoration: none;
+  font-size: 12px;
+}
+.navigation ul li a.current {
+  border-color: #fff;
+}
+.navigation ul li a:hover {
+  border-color: #fff0ea;
+}
+.navigation ul li a:active {
+  background-color: #ffc9b3;
+  border-color: #ffc9b3;
+  color: #222;
+}
+.content-inner {
+  padding-top: 20px;
+  padding-bottom: 20px;
+}
+@media only screen and (min-width: 720px) and (max-width: 959px) {
+  .navigation ul li {
+    margin-left: 5px;
+  }
+  .navigation ul li a {
+    padding: 10px 15px;
+  }
+}
+@media only screen and (max-width: 719px) {
+  .header {
+    padding-bottom: 0;
+    text-align: center;
+  }
+  .header .container {
+    padding: 0;
+  }
+  .logo {
+    float: none;
+    margin: 0 auto;
+    display: inline-block;
+    *zoom: 1;
+    *display: inline;
+  }
+  .logo .small {
+    font-size: 1em;
+    position: static;
+  }
+  .nav-toggle {
+    display: block;
+    background-color: #fddfd3;
+    text-align: center;
+    color: #222;
+    padding: 10px;
+    text-decoration: none;
+  }
+  .nav-toggle:hover,
+  .nav-toggle.active {
+    background-color: #fff0ea;
+  }
+  .navigation {
+    float: none;
+  }
+  .navigation ul li {
+    float: none;
+    margin-left: 0;
+  }
+  .navigation ul li a {
+    color: #222;
+    padding: 10px;
+    display: block;
+    font-size: 1em;
+    text-transform: none;
+    background-color: #fddfd3;
+    border: 0;
+  }
+  .navigation ul li a:hover {
+    background-color: #fff0ea;
+  }
+  .menu {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+  }
+  .showmobile.inline-block {
+    display: inline-block;
+    *zoom: 1;
+    *display: inline;
+  }
+}

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: base_css-rails
 version: !ruby/object:Gem::Version
-  version: '1.0'
+  version: '1.1'
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-12-22 00:00:00.000000000 Z
+date: 2013-01-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties