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 +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
|