base_css-rails 1.0 → 1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
data/README.md CHANGED
@@ -22,7 +22,7 @@ Or install it yourself as:
22
22
  Once installed on the Rails application, you just have to require the stylesheet on your application.css file
23
23
 
24
24
  ```
25
- *= require base_style
25
+ *= require base-style
26
26
  ```
27
27
 
28
28
  Also you have to require the javascript file on you application.js file
@@ -1,5 +1,5 @@
1
1
  module BaseCss
2
2
  module Rails
3
- VERSION = "1.0"
3
+ VERSION = "1.1"
4
4
  end
5
5
  end
@@ -1,60 +1,31 @@
1
- /* ==========================================================
2
- Base Default JavaScript
3
- https://github.com/matthewhartman/base/blob/master/javascripts/default.js
4
- -- Table of Contents --
5
-
6
- 1. Plugins Combined (respond.js)
7
- 2. Initiations / Default Functions
8
- 2.0 Toggle JS Class
9
- 2.1 Add Zebra Stripes for Tables
10
- 2.2 Menu for Mobile Devices
11
- 2.3 Jump to Anchored Sections
12
- */
13
-
14
- /* ==========================================================
15
- 1. Plugins Combined (respond.js)
16
- Respond.js v1.1.0: min/max-width media query polyfill. (c) Scott Jehl. MIT/GPLv2 Lic. j.mp/respondjs
17
- */
18
- (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);
19
-
20
-
21
- /* ==========================================================
22
- 2. Initiations / Default Functions
23
- */
24
-
25
- $(document).ready(function(){
26
-
27
- // 2.0 Toggle JS Class
28
- $("html").removeClass('no-js').addClass('js');
29
-
30
- // 2.1 Add Zebra Stripes for Tables
31
- $('table tbody tr:odd, table tbody tr:odd').addClass('odd');
32
-
33
- // 2.2 Menu for Mobile Devices
34
- // If JS is enabled, attach the 'hide' class (only affects mobiles - special media query class)
35
- $('.navigation').prepend('<a href="#" class="nav-toggle nodesktop notablet nomobile">Navigation <span class="arrow">+</span></a>');
36
- $(".nav-toggle").removeClass('nomobile').addClass('showmobile');
37
- $('.menu').addClass("nomobile");
38
-
39
- // When the navigation button is clicked, toggle menu
40
- $(".nav-toggle").click(function() {
41
- if ( $('.menu:visible').length < 1 ) {
42
- $('.menu').stop(true, true).slideDown(200, function() {
43
- $('.nav-toggle .arrow').html('-');
44
- $(this).removeClass('nomobile').removeAttr('style');
45
- });
46
- } else {
47
- $('.menu').stop(true, true).slideUp(200, function() {
48
- $('.nav-toggle .arrow').html('+');
49
- $(this).addClass('nomobile').removeAttr('style');
50
- });
51
- };
52
- return false;
53
- });
54
-
55
-
56
-
57
-
58
-
59
-
1
+ /* ==========================================================
2
+ Base Default JavaScript
3
+ https://github.com/matthewhartman/base/blob/master/javascripts/default.js
4
+ -- Table of Contents --
5
+
6
+ 1. Plugins Combined (respond.js)
7
+ 2. Initiations / Default Functions
8
+ 2.0 Toggle JS Class
9
+ */
10
+
11
+ /* ==========================================================
12
+ 1. Plugins Combined
13
+ */
14
+
15
+ // Respond.js v1.1.0: min/max-width media query polyfill. (c) Scott Jehl. MIT/GPLv2 Lic. j.mp/respondjs
16
+ (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);
17
+
18
+
19
+ /* ==========================================================
20
+ 2. Initiations / Default Functions
21
+ */
22
+
23
+ $(document).ready(function(){
24
+
25
+ // 2.0 Toggle JS Class
26
+ $("html").removeClass('no-js').addClass('js');
27
+
28
+ // Other initiations go here within the document ready...
29
+
30
+
60
31
  }); // end document ready
@@ -2,7 +2,7 @@
2
2
 
3
3
  Base Stylesheet - http://matthewhartman.github.com/base/
4
4
  Author: Matthew Hartman - http://www.matthewhartman.com.au/
5
- Version: 1.1 - Last Updated: 4th December, 2012
5
+ Version: 1.2 - Last Updated: 12th January, 2013
6
6
 
7
7
  ========================================================================== */
8
8
  /* ==========================================================================
@@ -56,14 +56,13 @@ a img {
56
56
  .right {
57
57
  float: right;
58
58
  }
59
- .nofloat {
60
- float: none;
61
- }
62
59
  .block {
63
60
  display: block;
64
61
  }
65
62
  .inline-block {
66
63
  display: inline-block;
64
+ *zoom: 1;
65
+ *display: inline;
67
66
  }
68
67
  .inline {
69
68
  display: inline;
@@ -88,18 +87,16 @@ a img {
88
87
  .strong {
89
88
  font-weight: bold;
90
89
  }
91
- .alignleft {
92
- text-align: left;
93
- }
94
- .alignright {
95
- text-align: right;
96
- }
97
- .aligncenter {
98
- text-align: center;
99
- }
100
- .center {
101
- margin-left: auto;
102
- margin-right: auto;
90
+ .alert {
91
+ background-color: #ffffcc;
92
+ display: block;
93
+ padding: 4px 8px;
94
+ -webkit-border-radius: 3px;
95
+ -moz-border-radius: 3px;
96
+ border-radius: 3px;
97
+ -moz-background-clip: padding;
98
+ -webkit-background-clip: padding-box;
99
+ background-clip: padding-box;
103
100
  }
104
101
  .nolist {
105
102
  list-style: none;
@@ -120,10 +117,13 @@ a img {
120
117
  /* Body */
121
118
  body {
122
119
  font-family: arial, helvetica, clean, sans-serif;
123
- background: #ffffff;
124
- color: #111111;
120
+ font-size: 14px;
121
+ font-size: 0.875rem;
122
+ line-height: 22px;
123
+ line-height: 1.375rem;
124
+ background-color: #ffffff;
125
+ color: #222222;
125
126
  margin: 0;
126
- font-size: 87.5%;
127
127
  -webkit-text-size-adjust: 100%;
128
128
  -ms-text-size-adjust: 100%;
129
129
  }
@@ -150,93 +150,72 @@ h4,
150
150
  h5,
151
151
  h6 {
152
152
  margin: 0;
153
+ line-height: normal;
153
154
  }
154
- h1 {
155
- font-size: 2.857142857142857em;
155
+ h1,
156
+ .h1 {
157
+ font-size: 40px;
158
+ font-size: 2.5rem;
156
159
  margin-bottom: 10px;
157
160
  }
158
- h2 {
159
- font-size: 1.4285714285714286em;
161
+ h2,
162
+ .h2 {
163
+ font-size: 32px;
164
+ font-size: 2rem;
160
165
  margin-bottom: 8px;
161
166
  }
162
- h3 {
163
- font-size: 1.8571428571428572em;
167
+ h3,
168
+ .h3 {
169
+ font-size: 26px;
170
+ font-size: 1.625rem;
164
171
  margin-bottom: 6px;
165
172
  }
166
- h4 {
167
- font-size: 1.4285714285714286em;
173
+ h4,
174
+ .h4 {
175
+ font-size: 20px;
176
+ font-size: 1.25rem;
168
177
  margin-bottom: 4px;
169
178
  }
170
179
  /* 1.2 Paragraphs, block quotes, code, pre, etc
171
180
  ========================================================================== */
172
- p {
173
- margin: 0 0 1em 0;
174
- }
175
- abbr {
176
- border-bottom: 1px dotted #000;
177
- cursor: help;
178
- }
179
- address {
180
- font-style: italic;
181
- line-height: 1.384em;
182
- }
183
181
  small {
184
- font-size: 67.5%;
182
+ font-size: 12px;
183
+ font-size: 0.75rem;
185
184
  }
186
- /* Block Quotes */
185
+ /* Block Quotes, Pre and Code Blocks */
187
186
  blockquote,
188
187
  q {
189
188
  quotes: none;
190
- border-left: 7px solid #cccccc;
189
+ background-color: #f7f7f9;
190
+ border: 1px solid #e1e1e8;
191
+ -webkit-border-radius: 3px;
192
+ -moz-border-radius: 3px;
193
+ border-radius: 3px;
194
+ -moz-background-clip: padding;
195
+ -webkit-background-clip: padding-box;
196
+ background-clip: padding-box;
197
+ padding: .5em 1em;
198
+ margin: 0;
191
199
  font-style: italic;
192
- padding-left: 1em;
193
- margin: 1em;
194
- }
195
- blockquote:before,
196
- blockquote:after,
197
- q:before,
198
- q:after {
199
- content: '';
200
200
  }
201
- /* Code Blocks & Pre */
202
201
  code,
203
202
  pre {
204
- padding: 0 3px 2px;
203
+ padding: 2px 6px;
205
204
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
206
205
  font-size: 12px;
207
- color: #333;
206
+ font-size: 0.75rem;
207
+ background-color: #f1f1f1;
208
+ border: 1px solid #dddddd;
209
+ line-height: normal;
210
+ color: #222222;
211
+ -webkit-border-radius: 3px;
212
+ -moz-border-radius: 3px;
208
213
  border-radius: 3px;
214
+ -moz-background-clip: padding;
215
+ -webkit-background-clip: padding-box;
216
+ background-clip: padding-box;
209
217
  }
210
- code {
211
- padding: 2px 4px;
212
- color: #d14;
213
- background-color: #f7f7f9;
214
- border: 1px solid #e1e1e8;
215
- }
216
- pre {
217
- display: block;
218
- padding: 8.5px;
219
- margin: 0 0 9px;
220
- font-size: 12.025px;
221
- line-height: 18px;
222
- word-break: break-all;
223
- word-wrap: break-word;
224
- white-space: pre;
225
- white-space: pre-wrap;
226
- background: #f5f5f5;
227
- border: 1px solid #ccc;
228
- border-radius: 4px;
229
- }
230
- pre code {
231
- padding: 0;
232
- color: inherit;
233
- background-color: transparent;
234
- border: 0;
235
- }
236
- .pre-scrollable {
237
- max-height: 340px;
238
- overflow-y: scroll;
239
- }
218
+ /* Horizontal Rule */
240
219
  hr {
241
220
  border: 0;
242
221
  background: none;
@@ -249,7 +228,6 @@ hr {
249
228
  ========================================================================== */
250
229
  table {
251
230
  width: 100%;
252
- border: 1px solid #dddddd;
253
231
  border-collapse: collapse;
254
232
  border-left: 0;
255
233
  background-color: #fff;
@@ -261,45 +239,21 @@ table td {
261
239
  line-height: 18px;
262
240
  text-align: left;
263
241
  vertical-align: top;
264
- border-top: 1px solid #dddddd;
265
- border-left: 1px solid #dddddd;
242
+ border-top: 1px solid #eeeeee;
266
243
  }
267
244
  table thead th {
268
245
  vertical-align: bottom;
269
246
  font-weight: bold;
270
- background: #ffffff;
271
- color: #000000;
272
- border-left: 1px solid #dddddd;
273
- }
274
- table caption + thead tr:first-child th,
275
- table caption + thead tr:first-child td,
276
- table colgroup + thead tr:first-child th,
277
- table colgroup + thead tr:first-child td,
278
- table thead:first-child tr:first-child th,
279
- table thead:first-child tr:first-child td {
280
- border-top: 0;
281
- }
282
- table tbody tr:nth-child(odd) td,
283
- table tbody tr:nth-child(odd) th {
284
- background-color: #f1f1f1;
285
- }
286
- table tbody tr:nth-child(even) td,
287
- table tbody tr:nth-child(even) th {
288
247
  background-color: #ffffff;
289
- }
290
- table tbody .odd td,
291
- table tbody .odd td {
292
- background-color: #f1f1f1;
248
+ color: #222222;
293
249
  }
294
250
  table tfoot td {
295
- background: #eeeeee;
296
251
  font-weight: bold;
297
252
  }
298
253
  table caption {
299
254
  padding: .5em;
300
255
  font-style: italic;
301
256
  background-color: #eeeeee;
302
- border: 1px solid #cccccc;
303
257
  border-bottom: 0;
304
258
  font-weight: bold;
305
259
  }
@@ -308,138 +262,17 @@ table caption {
308
262
  ul,
309
263
  ul ul {
310
264
  list-style: disc;
311
- margin: .5em;
265
+ margin: 4px 0 4px 25px;
266
+ padding: 0;
312
267
  }
313
268
  ol,
314
269
  ol ol {
315
270
  list-style: decimal;
316
- margin: .5em;
317
- }
318
- dl:before,
319
- dl:after {
320
- content: "";
321
- display: table;
322
- }
323
- dl:after {
324
- clear: both;
325
- }
326
- dl {
327
- zoom: 1;
328
- }
329
- dl {
330
- width: 100%;
331
- }
332
- dl dt {
333
- width: 28%;
334
- float: left;
335
- clear: left;
336
- padding: 1%;
337
- margin: 0 0 .5em;
338
- font-weight: bold;
339
- }
340
- dl dd {
341
- width: 68%;
342
- float: left;
343
- padding: 1%;
344
- margin: 0 0 .5em;
271
+ margin: 4px 0 4px 25px;
272
+ padding: 0;
345
273
  }
346
274
  /* 1.5 Forms, Labels and Inputs
347
275
  ========================================================================== */
348
- legend {
349
- font-size: 1.4285714285714286em;
350
- font-family: "Georgia", "Times New Roman", sans-serif;
351
- font-weight: bold;
352
- display: block;
353
- width: 100%;
354
- padding-bottom: 1em;
355
- }
356
- .field {
357
- padding: 10px 0;
358
- }
359
- .field label {
360
- display: inline-block;
361
- min-width: 20%;
362
- }
363
- .field ul {
364
- list-style: none;
365
- margin: 0;
366
- padding: 0;
367
- }
368
- /* Inputs (Text, Search, Email, etc) */
369
- input[type=text],
370
- input[type=email],
371
- input[type=search],
372
- input[type=tel],
373
- input[type=file] {
374
- border-radius: 0;
375
- outline: 0;
376
- border: 1px solid #ccc;
377
- padding: .5%;
378
- height: 18px;
379
- width: 30%;
380
- display: inline-block;
381
- vertical-align: middle;
382
- -webkit-appearance: none;
383
- /* Remove Default Browser Behaviour for Safari */
384
-
385
- -moz-appearance: none;
386
- /* Remove Default Browser Behaviour for Firefox */
387
-
388
- }
389
- input[type=file] {
390
- border: 0;
391
- height: 20px;
392
- }
393
- input[type=button]::-moz-focus-inner,
394
- input[type=submit]::-moz-focus-inner {
395
- padding: 0;
396
- border: 0;
397
- }
398
- input[type="search"]::-webkit-search-cancel-button {
399
- -webkit-appearance: none;
400
- }
401
- input[type=submit],
402
- input[type=button] {
403
- line-height: normal;
404
- cursor: pointer;
405
- border-radius: 0;
406
- -webkit-appearance: none;
407
- /* Remove Default Browser Behaviour for Safari */
408
-
409
- -moz-appearance: none;
410
- /* Remove Default Browser Behaviour for Firefox */
411
-
412
- }
413
- textarea {
414
- vertical-align: top;
415
- display: inline-block;
416
- border: 1px solid #cccccc;
417
- min-height: 80px;
418
- padding: .5%;
419
- width: 30%;
420
- }
421
- select {
422
- font-size: 14px;
423
- outline: 0;
424
- height: 34px;
425
- border: 1px solid #cccccc;
426
- padding: .5%;
427
- width: 31%;
428
- -webkit-border-radius: 0 3px 3px 0;
429
- -moz-border-radius: 0 3px 3px 0;
430
- }
431
- select:focus {
432
- border: 1px solid #cccccc;
433
- outline: 0;
434
- }
435
- select[multiple] {
436
- min-height: 100px;
437
- vertical-align: top;
438
- border: 1px solid #ccc;
439
- }
440
- select:focus {
441
- border: 1px solid #999999;
442
- }
443
276
  /* ==========================================================================
444
277
  /* 2.0 - Grid Layout (Responsive)
445
278
  ========================================================================== */
@@ -447,6 +280,9 @@ select:focus {
447
280
  .section {
448
281
  position: relative;
449
282
  }
283
+ .row {
284
+ margin-bottom: 1em;
285
+ }
450
286
  .container {
451
287
  max-width: 960px;
452
288
  margin: 0 auto;
@@ -558,27 +394,9 @@ select:focus {
558
394
  padding-left: 20px;
559
395
  padding-right: 20px;
560
396
  }
561
- .navigation a:active,
562
- .navigation a:visited {
563
- color: #ffffff;
564
- }
565
- .navigation a:hover {
566
- background-color: #333333;
567
- }
568
- .menu {
569
- list-style: none;
570
- padding: 0;
571
- margin: 0;
572
- }
573
- .nav-toggle,
574
- .menu a {
575
- display: block;
576
- background-color: #111111;
577
- text-align: center;
578
- color: #ffffff;
579
- padding: 10px;
580
- margin-top: 1px;
581
- text-decoration: none;
397
+ table th,
398
+ table td {
399
+ padding: 4px;
582
400
  }
583
401
  .nomobile {
584
402
  display: none;
@@ -598,4 +416,137 @@ select:focus {
598
416
  margin: 0.5cm;
599
417
  }
600
418
  }
601
- /* End Print Media Query */
419
+ /* End Print Media Query */
420
+ .header {
421
+ background-color: #d6511d;
422
+ margin-bottom: 10px;
423
+ padding-top: 10px;
424
+ padding-bottom: 10px;
425
+ }
426
+ .logo {
427
+ margin: 14px 0 0 0;
428
+ color: #fff;
429
+ font-size: 32px;
430
+ font-size: 2rem;
431
+ font-weight: bold;
432
+ text-transform: uppercase;
433
+ text-decoration: none;
434
+ }
435
+ .logo .small {
436
+ font-size: 11px;
437
+ position: relative;
438
+ top: -20px;
439
+ }
440
+ .logo:hover,
441
+ .logo:active,
442
+ .logo:visited {
443
+ color: #fff;
444
+ }
445
+ .navigation {
446
+ line-height: normal;
447
+ padding-top: 12px;
448
+ }
449
+ .navigation ul {
450
+ list-style: none;
451
+ padding: 0;
452
+ margin: 0;
453
+ }
454
+ .navigation ul li {
455
+ float: left;
456
+ margin-left: 10px;
457
+ }
458
+ .navigation ul li:first-child {
459
+ margin-left: 0;
460
+ }
461
+ .navigation ul li a {
462
+ text-transform: uppercase;
463
+ color: #fff;
464
+ padding: 8px 24px;
465
+ border: 1px solid #d6511d;
466
+ text-decoration: none;
467
+ font-size: 12px;
468
+ }
469
+ .navigation ul li a.current {
470
+ border-color: #fff;
471
+ }
472
+ .navigation ul li a:hover {
473
+ border-color: #fff0ea;
474
+ }
475
+ .navigation ul li a:active {
476
+ background-color: #ffc9b3;
477
+ border-color: #ffc9b3;
478
+ color: #222;
479
+ }
480
+ .content-inner {
481
+ padding-top: 20px;
482
+ padding-bottom: 20px;
483
+ }
484
+ @media only screen and (min-width: 720px) and (max-width: 959px) {
485
+ .navigation ul li {
486
+ margin-left: 5px;
487
+ }
488
+ .navigation ul li a {
489
+ padding: 10px 15px;
490
+ }
491
+ }
492
+ @media only screen and (max-width: 719px) {
493
+ .header {
494
+ padding-bottom: 0;
495
+ text-align: center;
496
+ }
497
+ .header .container {
498
+ padding: 0;
499
+ }
500
+ .logo {
501
+ float: none;
502
+ margin: 0 auto;
503
+ display: inline-block;
504
+ *zoom: 1;
505
+ *display: inline;
506
+ }
507
+ .logo .small {
508
+ font-size: 1em;
509
+ position: static;
510
+ }
511
+ .nav-toggle {
512
+ display: block;
513
+ background-color: #fddfd3;
514
+ text-align: center;
515
+ color: #222;
516
+ padding: 10px;
517
+ text-decoration: none;
518
+ }
519
+ .nav-toggle:hover,
520
+ .nav-toggle.active {
521
+ background-color: #fff0ea;
522
+ }
523
+ .navigation {
524
+ float: none;
525
+ }
526
+ .navigation ul li {
527
+ float: none;
528
+ margin-left: 0;
529
+ }
530
+ .navigation ul li a {
531
+ color: #222;
532
+ padding: 10px;
533
+ display: block;
534
+ font-size: 1em;
535
+ text-transform: none;
536
+ background-color: #fddfd3;
537
+ border: 0;
538
+ }
539
+ .navigation ul li a:hover {
540
+ background-color: #fff0ea;
541
+ }
542
+ .menu {
543
+ list-style: none;
544
+ padding: 0;
545
+ margin: 0;
546
+ }
547
+ .showmobile.inline-block {
548
+ display: inline-block;
549
+ *zoom: 1;
550
+ *display: inline;
551
+ }
552
+ }
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: base_css-rails
3
3
  version: !ruby/object:Gem::Version
4
- version: '1.0'
4
+ version: '1.1'
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2012-12-22 00:00:00.000000000 Z
12
+ date: 2013-01-22 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: railties