base_css-rails 1.0 → 1.1
Sign up to get free protection for your applications and to get access to all the features.
- data/README.md +1 -1
- data/lib/base_css-rails/version.rb +1 -1
- data/vendor/assets/javascripts/base-script.js +30 -59
- data/vendor/assets/stylesheets/base-style.css +207 -256
- metadata +2 -2
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
|
25
|
+
*= require base-style
|
26
26
|
```
|
27
27
|
|
28
28
|
Also you have to require the javascript file on you application.js file
|
@@ -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
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
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.
|
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
|
-
.
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
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
|
-
|
124
|
-
|
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
|
-
|
155
|
+
h1,
|
156
|
+
.h1 {
|
157
|
+
font-size: 40px;
|
158
|
+
font-size: 2.5rem;
|
156
159
|
margin-bottom: 10px;
|
157
160
|
}
|
158
|
-
h2
|
159
|
-
|
161
|
+
h2,
|
162
|
+
.h2 {
|
163
|
+
font-size: 32px;
|
164
|
+
font-size: 2rem;
|
160
165
|
margin-bottom: 8px;
|
161
166
|
}
|
162
|
-
h3
|
163
|
-
|
167
|
+
h3,
|
168
|
+
.h3 {
|
169
|
+
font-size: 26px;
|
170
|
+
font-size: 1.625rem;
|
164
171
|
margin-bottom: 6px;
|
165
172
|
}
|
166
|
-
h4
|
167
|
-
|
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:
|
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
|
-
|
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:
|
203
|
+
padding: 2px 6px;
|
205
204
|
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
206
205
|
font-size: 12px;
|
207
|
-
|
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
|
-
|
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 #
|
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:
|
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:
|
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
|
-
|
562
|
-
|
563
|
-
|
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.
|
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:
|
12
|
+
date: 2013-01-22 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: railties
|