purecss 0.0.1alpha3 → 0.0.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +8 -8
- data/README.md +20 -9
- data/lib/purecss/generators/install_generator.rb +12 -8
- data/lib/purecss/version.rb +1 -1
- data/vendor/assets/stylesheets/{purecss/pure-nr-min.css → purecss-nr.css} +1 -1
- data/vendor/assets/stylesheets/{purecss/pure-min.css → purecss.css} +2 -2
- data/vendor/assets/stylesheets/purecss/base-context.css +243 -0
- data/vendor/assets/stylesheets/purecss/base.css +538 -0
- data/vendor/assets/stylesheets/purecss/buttons-core.css +33 -0
- data/vendor/assets/stylesheets/purecss/buttons.css +117 -0
- data/vendor/assets/stylesheets/purecss/forms-core.css +159 -0
- data/vendor/assets/stylesheets/purecss/forms-nr.css +327 -0
- data/vendor/assets/stylesheets/purecss/forms.css +359 -0
- data/vendor/assets/stylesheets/purecss/grids-core.css +30 -0
- data/vendor/assets/stylesheets/purecss/grids-nr.css +178 -0
- data/vendor/assets/stylesheets/purecss/grids-units.css +153 -0
- data/vendor/assets/stylesheets/purecss/grids.css +235 -0
- data/vendor/assets/stylesheets/purecss/menus-core.css +117 -0
- data/vendor/assets/stylesheets/purecss/menus-nr.css +228 -0
- data/vendor/assets/stylesheets/purecss/menus-paginator.css +37 -0
- data/vendor/assets/stylesheets/purecss/menus.css +243 -0
- data/vendor/assets/stylesheets/purecss/tables.css +92 -0
- metadata +23 -21
- data/.gitignore +0 -18
- data/Gemfile +0 -4
- data/LICENSE.txt +0 -22
- data/Rakefile +0 -1
- data/purecss.gemspec +0 -23
- data/vendor/assets/font/FontAwesome.otf +0 -0
- data/vendor/assets/font/fontawesome-webfont.eot +0 -0
- data/vendor/assets/font/fontawesome-webfont.svg +0 -339
- data/vendor/assets/font/fontawesome-webfont.ttf +0 -0
- data/vendor/assets/font/fontawesome-webfont.woff +0 -0
- data/vendor/assets/javascript/index.js +0 -1
- data/vendor/assets/javascript/purecss.js +0 -0
- data/vendor/assets/stylesheets/purecss/font-awesome.min.css +0 -24
- data/vendor/assets/stylesheets/purecss/index.css +0 -4
checksums.yaml
CHANGED
@@ -1,15 +1,15 @@
|
|
1
1
|
---
|
2
2
|
!binary "U0hBMQ==":
|
3
3
|
metadata.gz: !binary |-
|
4
|
-
|
4
|
+
OTNmOWVkYmMzMWMwNzg4ZThkMWNkMmJiY2NhMmU0YjY2YzhlYjEwMA==
|
5
5
|
data.tar.gz: !binary |-
|
6
|
-
|
6
|
+
OTg2YmI4YWY2ZGQ3ZDI5ZTQzODRlYjIwMDNkNzFmOWRhNmUzMzEwYQ==
|
7
7
|
!binary "U0hBNTEy":
|
8
8
|
metadata.gz: !binary |-
|
9
|
-
|
10
|
-
|
11
|
-
|
9
|
+
MzRiNDFmMzYyNzMxMGFlMWQ3NmRmOThlMWNlMDE0ZTA0NDUzMjI3ZjQxZjZk
|
10
|
+
MTk3NjBjODEwM2E2YTNkNDViZDIyYTFhYzUzZWZlNTM5Yzc2N2IwOGI2MjQ1
|
11
|
+
YjFmMzlmYTBiNjZjMGZkNmQxZWY5YzMyOTU3YjM4ZDA4MWJmNmQ=
|
12
12
|
data.tar.gz: !binary |-
|
13
|
-
|
14
|
-
|
15
|
-
|
13
|
+
YmQxOGQ4MjRkOWQ0MTc5ZDZhNzNlMzdjYjU1ZWU2ZGQ4OGI3M2M3MDY2OWI5
|
14
|
+
NDFmYWM3ZjQyMjYwMDRjNjkxNmNlZTc5MTQ0OTJmMjRhNzc2YTZiZjkzNmFk
|
15
|
+
MjFlOTI4MGNmNDVlMjQ5Yzg1MDAxODE4MjJjNTkyZTlkOWIxNWE=
|
data/README.md
CHANGED
@@ -8,14 +8,10 @@ I cite directly from [purecss.io](http://purecss.io)
|
|
8
8
|
>
|
9
9
|
> Pure is ridiculously tiny. The entire set of modules clocks in at 5.7KB minified and gzipped, without forgoing responsive styles, design, or ease of use. Crafted with mobile devices in mind, it was important to us to keep our file sizes small, and every line of CSS was carefully considered. If you decide to only use a subset of these modules, you'll save even more bytes.
|
10
10
|
|
11
|
-
For the moment it is possible to use only the responsive library, but I will change this as soon as I learn how to properly make gems.
|
12
|
-
|
13
|
-
In this alpha release (0.0.1alpha) I added FontAwesome. But given that purecss is compatible with the Bootstrap toolkit and rails-bootstrap provides FontAwesome, I plan to remove it in a subsequent update.
|
14
|
-
|
15
11
|
## TODO
|
16
12
|
|
17
13
|
I liked the idea of the light and functional Pure CSS and I think it is worthwile to create a gem for it.
|
18
|
-
|
14
|
+
I'd like to make something like [twitter-bootstrap-rails](https://github.com/seyhunak/twitter-bootstrap-rails) (and compatible with it)
|
19
15
|
|
20
16
|
I'd like to add
|
21
17
|
- Helpers for navigation bars, menus, forms, grids, ...
|
@@ -34,13 +30,28 @@ And then execute:
|
|
34
30
|
|
35
31
|
$ bundle
|
36
32
|
|
37
|
-
Or install it yourself as:
|
38
33
|
|
39
|
-
|
34
|
+
Then you can add the following directives to your css manifest file (application.css):
|
35
|
+
|
36
|
+
//= require purecss
|
37
|
+
|
38
|
+
for the responsive bundle, or
|
39
|
+
|
40
|
+
//= require purecss-nr
|
41
|
+
|
42
|
+
for the non-responsive one.
|
43
|
+
|
44
|
+
|
45
|
+
If you want to include just an individual module (see [purecss.io](http://purecss.io)) add instead
|
46
|
+
|
47
|
+
//= require purecss/<module>.js
|
48
|
+
|
49
|
+
|
50
|
+
|
51
|
+
If it is too long for you, you can avoid touching the manifest files and run the generator (with optional parameter responsive/nonresponsive):
|
40
52
|
|
41
|
-
|
53
|
+
$ rails generate purecss:install
|
42
54
|
|
43
|
-
$ rails generate purecss:install static
|
44
55
|
|
45
56
|
## Usage
|
46
57
|
|
@@ -4,15 +4,19 @@ module Purecss
|
|
4
4
|
module Generators
|
5
5
|
class InstallGenerator < Rails::Generators::Base
|
6
6
|
source_root File.join(File.dirname(__FILE__), 'templates')
|
7
|
+
argument :stylesheets_type, :type => :string, :default => 'responsive', :banner => '*responsive or nonresponsive'
|
7
8
|
|
8
|
-
def add_assets
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
9
|
+
def add_assets
|
10
|
+
if stylesheets_type=='nonresponsive'
|
11
|
+
purecss-type = 'pure-nr-min'
|
12
|
+
elsif stylesheets_type=='responsive'
|
13
|
+
purecss-type = 'pure-min'
|
14
|
+
else
|
15
|
+
raise "'#{stylesheets_type}'' is not recognized, use either 'responsive' or 'nonresponsive'"
|
16
|
+
|
17
|
+
end
|
18
|
+
|
19
|
+
insert_into_file "app/assets/stylesheets/application#{detect_css_format[0]}", "#{detect_css_format[1]} require #{purecss-type}\n", :after => "require_self\n"
|
16
20
|
end
|
17
21
|
|
18
22
|
def detect_css_format
|
data/lib/purecss/version.rb
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
Pure v0.1.
|
2
|
+
Pure v0.1.1-pre
|
3
3
|
Copyright 2013 Yahoo! Inc. All rights reserved.
|
4
4
|
Licensed under the BSD License.
|
5
5
|
https://github.com/yui/pure/blob/master/LICENSE.md
|
@@ -11,6 +11,6 @@ Copyright (c) Nicolas Gallagher and Jonathan Neal
|
|
11
11
|
/*! normalize.css v1.1.2 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
|
12
12
|
.pure-button{display:inline-block;*display:inline;zoom:1;line-height:normal;white-space:nowrap;vertical-align:baseline;text-align:center;cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pure-button::-moz-focus-inner{padding:0;border:0}a:focus{outline:0}.pure-button{font-size:100%;*font-size:90%;*overflow:visible;padding:.5em 1.5em;color:#444;color:rgba(0,0,0,.8);*color:#444;border:1px solid #999;border:0 rgba(0,0,0,0);background-color:#E6E6E6;text-decoration:none;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-font-smoothing:antialiased;-webkit-transition:.1s linear -webkit-box-shadow;-moz-transition:.1s linear -moz-box-shadow;-ms-transition:.1s linear box-shadow;-o-transition:.1s linear box-shadow;transition:.1s linear box-shadow}.pure-button-hover,.pure-button:hover{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=0);background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(40%,rgba(0,0,0,.05)),to(rgba(0,0,0,.05)));background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.15));background-image:-moz-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.05));background-image:-ms-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.15));background-image:-o-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.05));background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.05))}.pure-button-active,.pure-button:active{-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset;-moz-box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset;box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset}.pure-button[disabled],.pure-button-disabled,.pure-button-disabled:hover,.pure-button-disabled:active{border:0;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);filter:alpha(opacity=40);-khtml-opacity:.4;-moz-opacity:.4;opacity:.4;cursor:not-allowed;box-shadow:none}.pure-button-hidden{display:none}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button-primary,.pure-button-selected,a.pure-button-primary,a.pure-button-selected{background-color:#0078e7;color:#fff}.pure-button:-moz-focusring{outline-color:rgba(0,0,0,.85)}
|
13
13
|
.pure-form{margin:0}.pure-form fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}.pure-form legend{border:0;padding:0;white-space:normal;*margin-left:-7px}.pure-form button,.pure-form input,.pure-form select,.pure-form textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}.pure-form button,.pure-form input{line-height:normal}.pure-form button,.pure-form input[type=button],.pure-form input[type=reset],.pure-form input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}.pure-form button[disabled],.pure-form input[disabled]{cursor:default}.pure-form input[type=checkbox],.pure-form input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}.pure-form input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}.pure-form input[type=search]::-webkit-search-cancel-button,.pure-form input[type=search]::-webkit-search-decoration{-webkit-appearance:none}.pure-form button::-moz-focus-inner,.pure-form input::-moz-focus-inner{border:0;padding:0}.pure-form textarea{overflow:auto;vertical-align:top}.pure-form input,.pure-form select{padding:.5em .6em;display:inline-block;border:1px solid #ccc;font-size:.8em;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;-webkit-transition:.3s linear border;-moz-transition:.3s linear border;-ms-transition:.3s linear border;-o-transition:.3s linear border;transition:.3s linear border;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased}.pure-form input:focus,.pure-form select:focus{outline:0;outline:thin dotted \9;border-color:#129FEA}.pure-form .pure-checkbox,.pure-form .pure-radio{margin:.5em 0;display:block}.pure-form input[disabled],.pure-form select[disabled],.pure-form textarea[disabled],.pure-form input[readonly],.pure-form select[readonly],.pure-form textarea[readonly]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3;border-color:transparent}.pure-form input:focus:invalid,.pure-form textarea:focus:invalid,.pure-form select:focus:invalid{color:#b94a48;border:1px solid #ee5f5b}.pure-form input:focus:invalid:focus,.pure-form textarea:focus:invalid:focus,.pure-form select:focus:invalid:focus{border-color:#e9322d}.pure-form select{border:1px solid #ccc;background-color:#fff}.pure-form select[multiple]{height:auto}.pure-form label{margin:.5em 0 .2em;color:#999;font-size:90%}.pure-form fieldset{margin:0;padding:.35em 0 .75em;border:0}.pure-form legend{display:block;width:100%;padding:.3em 0;margin-bottom:.3em;font-size:125%;color:#333;border-bottom:1px solid #e5e5e5}.pure-form.pure-form-stacked input[type=text],.pure-form.pure-form-stacked select,.pure-form.pure-form-stacked label{display:block}.pure-form-aligned input,.pure-form-aligned textarea,.pure-form-aligned select,.pure-form-aligned .pure-help-inline{display:inline-block;*display:inline;*zoom:1;vertical-align:middle}.pure-form-aligned .pure-control-group{margin-bottom:.5em}.pure-form-aligned .pure-control-group label{text-align:right;display:inline-block;vertical-align:middle;width:10em;margin:0 1em 0 0}.pure-form-aligned .pure-controls{margin:1.5em 0 0 10em}.pure-form .pure-input-rounded{border-radius:20px;padding-left:1em}.pure-form .pure-group fieldset{margin-bottom:10px}.pure-form .pure-group input{display:block;padding:10px;margin:0;border-radius:0;position:relative;top:-1px}.pure-form .pure-group input:focus{z-index:2}.pure-form .pure-group input:first-child{top:1px;border-radius:4px 4px 0 0}.pure-form .pure-group input:last-child{top:-2px;border-radius:0 0 4px 4px}.pure-form .pure-group button{margin:.35em 0}.pure-form .pure-input-1{width:100%}.pure-form .pure-input-2-3{width:66%}.pure-form .pure-input-1-2{width:50%}.pure-form .pure-input-1-3{width:33%}.pure-form .pure-input-1-4{width:25%}.pure-form .pure-help-inline{display:inline-block;padding-left:.3em;color:#666;vertical-align:middle;font-size:90%}@media only screen and (max-width :480px){.pure-form button[type=submit]{margin:.7em 0 0}.pure-form input[type=text],.pure-form button,.pure-form label{margin-bottom:.3em;display:block}.pure-group input[type=text]{margin-bottom:0}.pure-form-aligned .pure-control-group label{margin-bottom:.3em;text-align:left;display:block;width:100%}.pure-form-aligned .pure-controls{margin:1.5em 0 0}.pure-form .pure-help-inline{display:block;font-size:80%;padding:.2em 0 .8em}}
|
14
|
-
.pure-g{letter-spacing:-.31em;*letter-spacing:normal;*word-spacing:-.43em;text-rendering:optimizespeed}.opera-only :-o-prefocus,.pure-g{word-spacing:-.43em}.pure-u{display:inline-block;zoom:1;*display:inline;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-1,.pure-u-1-2,.pure-u-1-3,.pure-u-2-3,.pure-u-1-4,.pure-u-3-4,.pure-u-1-5,.pure-u-2-5,.pure-u-3-5,.pure-u-4-5,.pure-u-1-6,.pure-u-5-6,.pure-u-1-8,.pure-u-3-8,.pure-u-5-8,.pure-u-7-8,.pure-u-1-12,.pure-u-5-12,.pure-u-7-12,.pure-u-11-12,.pure-u-1-24,.pure-u-5-24,.pure-u-7-24,.pure-u-11-24,.pure-u-13-24,.pure-u-17-24,.pure-u-19-24,.pure-u-23-24{display:inline-block;zoom:1;*display:inline;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-1{display:block}.pure-u-1-2{width:50%}.pure-u-1-3{width:33.33333%}.pure-u-2-3{width:66.66666%}.pure-u-1-4{width:25%}.pure-u-3-4{width:75%}.pure-u-1-5{width:20%}.pure-u-2-5{width:40%}.pure-u-3-5{width:60%}.pure-u-4-5{width:80%}.pure-u-1-6{width:16.656%}.pure-u-5-6{width:83.33%}.pure-u-1-8{width:12.5%}.pure-u-3-8{width:37.5%}.pure-u-5-8{width:62.5%}.pure-u-7-8{width:87.5%}.pure-u-1-12{width:8.3333%}.pure-u-5-12{width:41.6666%}.pure-u-7-12{width:58.3333%}.pure-u-11-12{width:91.6666%}.pure-u-1-24{width:4.1666%}.pure-u-5-24{width:20.8333%}.pure-u-7-24{width:29.1666%}.pure-u-11-24{width:45.8333%}.pure-u-13-24{width:54.1666%}.pure-u-17-24{width:70.8333%}.pure-u-19-24{width:79.1666%}.pure-u-23-24{width:95.8333%}.pure-g-r{letter-spacing:-.31em;*letter-spacing:normal;*word-spacing:-.43em}.opera-only :-o-prefocus,.pure-g-r{word-spacing:-.43em}.pure-g-r img{max-width:100%}@media (min-width:980px){.pure-visible-phone{display:none}.pure-visible-tablet{display:none}.pure-hidden-desktop{display:none}}@media (max-width:480px){.pure-g-r>[class
|
14
|
+
.pure-g{letter-spacing:-.31em;*letter-spacing:normal;*word-spacing:-.43em;text-rendering:optimizespeed}.opera-only :-o-prefocus,.pure-g{word-spacing:-.43em}.pure-u{display:inline-block;zoom:1;*display:inline;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-1,.pure-u-1-2,.pure-u-1-3,.pure-u-2-3,.pure-u-1-4,.pure-u-3-4,.pure-u-1-5,.pure-u-2-5,.pure-u-3-5,.pure-u-4-5,.pure-u-1-6,.pure-u-5-6,.pure-u-1-8,.pure-u-3-8,.pure-u-5-8,.pure-u-7-8,.pure-u-1-12,.pure-u-5-12,.pure-u-7-12,.pure-u-11-12,.pure-u-1-24,.pure-u-5-24,.pure-u-7-24,.pure-u-11-24,.pure-u-13-24,.pure-u-17-24,.pure-u-19-24,.pure-u-23-24{display:inline-block;zoom:1;*display:inline;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-1{display:block}.pure-u-1-2{width:50%}.pure-u-1-3{width:33.33333%}.pure-u-2-3{width:66.66666%}.pure-u-1-4{width:25%}.pure-u-3-4{width:75%}.pure-u-1-5{width:20%}.pure-u-2-5{width:40%}.pure-u-3-5{width:60%}.pure-u-4-5{width:80%}.pure-u-1-6{width:16.656%}.pure-u-5-6{width:83.33%}.pure-u-1-8{width:12.5%}.pure-u-3-8{width:37.5%}.pure-u-5-8{width:62.5%}.pure-u-7-8{width:87.5%}.pure-u-1-12{width:8.3333%}.pure-u-5-12{width:41.6666%}.pure-u-7-12{width:58.3333%}.pure-u-11-12{width:91.6666%}.pure-u-1-24{width:4.1666%}.pure-u-5-24{width:20.8333%}.pure-u-7-24{width:29.1666%}.pure-u-11-24{width:45.8333%}.pure-u-13-24{width:54.1666%}.pure-u-17-24{width:70.8333%}.pure-u-19-24{width:79.1666%}.pure-u-23-24{width:95.8333%}.pure-g-r{letter-spacing:-.31em;*letter-spacing:normal;*word-spacing:-.43em}.opera-only :-o-prefocus,.pure-g-r{word-spacing:-.43em}.pure-g-r img{max-width:100%}@media (min-width:980px){.pure-visible-phone{display:none}.pure-visible-tablet{display:none}.pure-hidden-desktop{display:none}}@media (max-width:480px){.pure-g-r>.pure-u,.pure-g-r>[class *="pure-u-"]{width:100%}}@media (max-width:767px){.pure-g-r>.pure-u,.pure-g-r>[class *="pure-u-"]{width:100%}.pure-hidden-phone{display:none}.pure-visible-desktop{display:none}}@media (min-width:768px) and (max-width:979px){.pure-hidden-tablet{display:none}.pure-visible-desktop{display:none}}
|
15
15
|
.pure-menu ul{position:absolute;visibility:hidden}.pure-menu.pure-menu-open{visibility:visible;z-index:2;width:100%}.pure-menu ul{left:-10000px;list-style:none;margin:0;padding:0;top:-10000px;z-index:1}.pure-menu>ul{position:relative}.pure-menu-open>ul{left:0;top:0;visibility:visible}.pure-menu li{position:relative}.pure-menu a,.pure-menu .pure-menu-heading{display:block;color:inherit;line-height:1.5em;padding:5px 20px;text-decoration:none;white-space:nowrap}.pure-menu.pure-menu-horizontal>.pure-menu-heading{display:inline-block;margin:0;zoom:1;*display:inline;vertical-align:middle}.pure-menu.pure-menu-horizontal>ul{display:inline-block;zoom:1;*display:inline;vertical-align:middle}.pure-menu li a{padding:5px 20px}.pure-menu-can-have-children>.pure-menu-label:after{content:'\25B8';float:right;font-family:'Lucida Grande','Lucida Sans Unicode','DejaVu Sans',sans-serif;margin-right:-20px;margin-top:-1px}.pure-menu-can-have-children>.pure-menu-label{padding-right:30px}.pure-menu-separator{background-color:#dfdfdf;display:block;height:1px;font-size:0;margin:7px 2px;overflow:hidden}.pure-menu-hidden{display:none}.pure-menu-fixed{position:fixed;top:0;left:0;width:100%}.pure-menu-horizontal li{display:inline-block;zoom:1;*display:inline;vertical-align:middle}.pure-menu-horizontal li li{display:block}.pure-menu-horizontal>.pure-menu-children>.pure-menu-can-have-children>.pure-menu-label:after{content:"\25BE"}.pure-menu-horizontal>.pure-menu-children>.pure-menu-can-have-children>.pure-menu-label{padding-right:30px}.pure-menu.pure-menu-open,.pure-menu.pure-menu-horizontal li .pure-menu-children{background:#fff;border:1px solid #b7b7b7}.pure-menu.pure-menu-horizontal,.pure-menu.pure-menu-horizontal .pure-menu-heading{border:0}.pure-menu a{border:1px solid transparent;border-left:0;border-right:0}.pure-menu a,.pure-menu .pure-menu-can-have-children>li:after{color:#777}.pure-menu .pure-menu-can-have-children>li:hover:after{color:#fff}.pure-menu li a:hover{background:#eee}.pure-menu li.pure-menu-disabled a:hover{background:#fff;color:#bfbfbf}.pure-menu .pure-menu-disabled>a{background-image:none;border-color:transparent;cursor:default}.pure-menu .pure-menu-disabled>a,.pure-menu .pure-menu-can-have-children.pure-menu-disabled>a:after{color:#bfbfbf}.pure-menu .pure-menu-heading{color:#565d64;text-transform:uppercase;font-size:90%;margin-top:.5em;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#dfdfdf}.pure-menu .pure-menu-selected a{color:#000}.pure-menu.pure-menu-open.pure-menu-fixed{border:0;border-bottom:1px solid #b7b7b7}.pure-paginator{list-style:none;margin:0;padding:0}.pure-paginator li{display:inline-block;*display:inline;*zoom:1;margin:0 -.35em 0 0}.pure-paginator .pure-button{border-radius:0;padding:.8em 1.4em;vertical-align:top;height:1.1em}.pure-paginator .pure-button:focus{outline-style:none}.pure-paginator .prev,.pure-paginator .next{color:#C0C1C3;text-shadow:0 -1px 0 rgba(0,0,0,.45)}.pure-paginator .prev{border-radius:2px 0 0 2px}.pure-paginator .next{border-radius:0 2px 2px 0}@media (max-width:480px){.pure-menu-horizontal{width:100%}.pure-menu-children li{display:block;border-bottom:1px solid block}}
|
16
16
|
.pure-table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #cbcbcb}.pure-table caption{color:#000;font:italic 85%/1 arial,sans-serif;padding:1em 0;text-align:center}.pure-table td,.pure-table th{border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:6px 12px}.pure-table td:first-child,.pure-table th:first-child{border-left-width:0}.pure-table thead{background:#e0e0e0;color:#000;text-align:left;vertical-align:bottom;white-space:nowrap}.pure-table td{background-color:transparent}.pure-table-odd td{background-color:#f2f2f2}.pure-table-striped tr:nth-child(2n-1) td{background-color:#f2f2f2}.pure-table-bordered td{border-bottom:1px solid #cbcbcb}.pure-table-bordered tbody>tr:last-child td,.pure-table-horizontal tbody>tr:last-child td{border-bottom-width:0}.pure-table-horizontal td,.pure-table-horizontal th{border-width:0 0 1px;border-bottom:1px solid #cbcbcb}.pure-table-horizontal tbody>tr:last-child td{border-bottom-width:0}
|
@@ -0,0 +1,243 @@
|
|
1
|
+
/*!
|
2
|
+
Pure v0.1.1-pre
|
3
|
+
Copyright 2013 Yahoo! Inc. All rights reserved.
|
4
|
+
Licensed under the BSD License.
|
5
|
+
https://github.com/yui/pure/blob/master/LICENSE.md
|
6
|
+
*/
|
7
|
+
/*!
|
8
|
+
normalize.css v1.1.2 | MIT License | git.io/normalize
|
9
|
+
Copyright (c) Nicolas Gallagher and Jonathan Neal
|
10
|
+
*/
|
11
|
+
/* THIS FILE IS GENERATED BY A BUILD SCRIPT - DO NOT EDIT! */
|
12
|
+
.pure article,
|
13
|
+
.pure aside,
|
14
|
+
.pure details,
|
15
|
+
.pure figcaption,
|
16
|
+
.pure figure,
|
17
|
+
.pure footer,
|
18
|
+
.pure header,
|
19
|
+
.pure hgroup,
|
20
|
+
.pure main,
|
21
|
+
.pure nav,
|
22
|
+
.pure section,
|
23
|
+
.pure summary {
|
24
|
+
display: block;
|
25
|
+
}
|
26
|
+
.pure audio,
|
27
|
+
.pure canvas,
|
28
|
+
.pure video {
|
29
|
+
display: inline-block;
|
30
|
+
}
|
31
|
+
.pure audio:not([controls]) {
|
32
|
+
display: none;
|
33
|
+
height: 0;
|
34
|
+
}
|
35
|
+
.pure [hidden] {
|
36
|
+
display: none;
|
37
|
+
}
|
38
|
+
.pure {
|
39
|
+
font-size: 100%;
|
40
|
+
-ms-text-size-adjust: 100%;
|
41
|
+
-webkit-text-size-adjust: 100%;
|
42
|
+
}
|
43
|
+
.pure,
|
44
|
+
.pure button,
|
45
|
+
.pure input,
|
46
|
+
.pure select,
|
47
|
+
.pure textarea {
|
48
|
+
font-family: sans-serif;
|
49
|
+
}
|
50
|
+
.pure body {
|
51
|
+
margin: 0;
|
52
|
+
}
|
53
|
+
.pure a:focus {
|
54
|
+
outline: thin dotted;
|
55
|
+
}
|
56
|
+
.pure a:active,
|
57
|
+
.pure a:hover {
|
58
|
+
outline: 0;
|
59
|
+
}
|
60
|
+
.pure h1 {
|
61
|
+
font-size: 2em;
|
62
|
+
margin: 0.67em 0;
|
63
|
+
}
|
64
|
+
.pure h2 {
|
65
|
+
font-size: 1.5em;
|
66
|
+
margin: 0.83em 0;
|
67
|
+
}
|
68
|
+
.pure h3 {
|
69
|
+
font-size: 1.17em;
|
70
|
+
margin: 1em 0;
|
71
|
+
}
|
72
|
+
.pure h4 {
|
73
|
+
font-size: 1em;
|
74
|
+
margin: 1.33em 0;
|
75
|
+
}
|
76
|
+
.pure h5 {
|
77
|
+
font-size: 0.83em;
|
78
|
+
margin: 1.67em 0;
|
79
|
+
}
|
80
|
+
.pure h6 {
|
81
|
+
font-size: 0.67em;
|
82
|
+
margin: 2.33em 0;
|
83
|
+
}
|
84
|
+
.pure abbr[title] {
|
85
|
+
border-bottom: 1px dotted;
|
86
|
+
}
|
87
|
+
.pure b,
|
88
|
+
.pure strong {
|
89
|
+
font-weight: bold;
|
90
|
+
}
|
91
|
+
.pure blockquote {
|
92
|
+
margin: 1em 40px;
|
93
|
+
}
|
94
|
+
.pure dfn {
|
95
|
+
font-style: italic;
|
96
|
+
}
|
97
|
+
.pure hr {
|
98
|
+
-moz-box-sizing: content-box;
|
99
|
+
box-sizing: content-box;
|
100
|
+
height: 0;
|
101
|
+
}
|
102
|
+
.pure mark {
|
103
|
+
background: #ff0;
|
104
|
+
color: #000;
|
105
|
+
}
|
106
|
+
.pure p,
|
107
|
+
.pure pre {
|
108
|
+
margin: 1em 0;
|
109
|
+
}
|
110
|
+
.pure code,
|
111
|
+
.pure kbd,
|
112
|
+
.pure pre,
|
113
|
+
.pure samp {
|
114
|
+
font-family: monospace , serif;
|
115
|
+
_font-family: 'courier new' , monospace;
|
116
|
+
font-size: 1em;
|
117
|
+
}
|
118
|
+
.pure pre {
|
119
|
+
white-space: pre;
|
120
|
+
white-space: pre-wrap;
|
121
|
+
word-wrap: break-word;
|
122
|
+
}
|
123
|
+
.pure q {
|
124
|
+
quotes: none;
|
125
|
+
}
|
126
|
+
.pure q:before,
|
127
|
+
.pure q:after {
|
128
|
+
content: '';
|
129
|
+
content: none;
|
130
|
+
}
|
131
|
+
.pure small {
|
132
|
+
font-size: 80%;
|
133
|
+
}
|
134
|
+
.pure sub,
|
135
|
+
.pure sup {
|
136
|
+
font-size: 75%;
|
137
|
+
line-height: 0;
|
138
|
+
position: relative;
|
139
|
+
vertical-align: baseline;
|
140
|
+
}
|
141
|
+
.pure sup {
|
142
|
+
top: -0.5em;
|
143
|
+
}
|
144
|
+
.pure sub {
|
145
|
+
bottom: -0.25em;
|
146
|
+
}
|
147
|
+
.pure dl,
|
148
|
+
.pure menu,
|
149
|
+
.pure ol,
|
150
|
+
.pure ul {
|
151
|
+
margin: 1em 0;
|
152
|
+
}
|
153
|
+
.pure dd {
|
154
|
+
margin: 0 0 0 40px;
|
155
|
+
}
|
156
|
+
.pure menu,
|
157
|
+
.pure ol,
|
158
|
+
.pure ul {
|
159
|
+
padding: 0 0 0 40px;
|
160
|
+
}
|
161
|
+
.pure nav ul,
|
162
|
+
.pure nav ol {
|
163
|
+
list-style: none;
|
164
|
+
list-style-image: none;
|
165
|
+
}
|
166
|
+
.pure img {
|
167
|
+
border: 0;
|
168
|
+
-ms-interpolation-mode: bicubic;
|
169
|
+
}
|
170
|
+
.pure svg:not(:root) {
|
171
|
+
overflow: hidden;
|
172
|
+
}
|
173
|
+
.pure figure {
|
174
|
+
margin: 0;
|
175
|
+
}
|
176
|
+
.pure form {
|
177
|
+
margin: 0;
|
178
|
+
}
|
179
|
+
.pure fieldset {
|
180
|
+
border: 1px solid #c0c0c0;
|
181
|
+
margin: 0 2px;
|
182
|
+
padding: 0.35em 0.625em 0.75em;
|
183
|
+
}
|
184
|
+
.pure legend {
|
185
|
+
border: 0;
|
186
|
+
padding: 0;
|
187
|
+
white-space: normal;
|
188
|
+
}
|
189
|
+
.pure button,
|
190
|
+
.pure input,
|
191
|
+
.pure select,
|
192
|
+
.pure textarea {
|
193
|
+
font-size: 100%;
|
194
|
+
margin: 0;
|
195
|
+
vertical-align: baseline;
|
196
|
+
}
|
197
|
+
.pure button,
|
198
|
+
.pure input {
|
199
|
+
line-height: normal;
|
200
|
+
}
|
201
|
+
.pure button,
|
202
|
+
.pure select {
|
203
|
+
text-transform: none;
|
204
|
+
}
|
205
|
+
.pure button,
|
206
|
+
.pure input[type="button"],
|
207
|
+
.pure input[type="reset"],
|
208
|
+
.pure input[type="submit"] {
|
209
|
+
-webkit-appearance: button;
|
210
|
+
cursor: pointer;
|
211
|
+
}
|
212
|
+
.pure button[disabled],
|
213
|
+
.pure input[disabled] {
|
214
|
+
cursor: default;
|
215
|
+
}
|
216
|
+
.pure input[type="checkbox"],
|
217
|
+
.pure input[type="radio"] {
|
218
|
+
box-sizing: border-box;
|
219
|
+
padding: 0;
|
220
|
+
}
|
221
|
+
.pure input[type="search"] {
|
222
|
+
-webkit-appearance: textfield;
|
223
|
+
-moz-box-sizing: content-box;
|
224
|
+
-webkit-box-sizing: content-box;
|
225
|
+
box-sizing: content-box;
|
226
|
+
}
|
227
|
+
.pure input[type="search"]::-webkit-search-cancel-button,
|
228
|
+
.pure input[type="search"]::-webkit-search-decoration {
|
229
|
+
-webkit-appearance: none;
|
230
|
+
}
|
231
|
+
.pure button::-moz-focus-inner,
|
232
|
+
.pure input::-moz-focus-inner {
|
233
|
+
border: 0;
|
234
|
+
padding: 0;
|
235
|
+
}
|
236
|
+
.pure textarea {
|
237
|
+
overflow: auto;
|
238
|
+
vertical-align: top;
|
239
|
+
}
|
240
|
+
.pure table {
|
241
|
+
border-collapse: collapse;
|
242
|
+
border-spacing: 0;
|
243
|
+
}
|
@@ -0,0 +1,538 @@
|
|
1
|
+
/*!
|
2
|
+
Pure v0.1.1-pre
|
3
|
+
Copyright 2013 Yahoo! Inc. All rights reserved.
|
4
|
+
Licensed under the BSD License.
|
5
|
+
https://github.com/yui/pure/blob/master/LICENSE.md
|
6
|
+
*/
|
7
|
+
/*!
|
8
|
+
normalize.css v1.1.2 | MIT License | git.io/normalize
|
9
|
+
Copyright (c) Nicolas Gallagher and Jonathan Neal
|
10
|
+
*/
|
11
|
+
/* THIS FILE IS GENERATED BY A BUILD SCRIPT - DO NOT EDIT! */
|
12
|
+
/*! normalize.css v1.1.2 | MIT License | git.io/normalize */
|
13
|
+
|
14
|
+
/* ==========================================================================
|
15
|
+
HTML5 display definitions
|
16
|
+
========================================================================== */
|
17
|
+
|
18
|
+
/**
|
19
|
+
* Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
|
20
|
+
*/
|
21
|
+
|
22
|
+
article,
|
23
|
+
aside,
|
24
|
+
details,
|
25
|
+
figcaption,
|
26
|
+
figure,
|
27
|
+
footer,
|
28
|
+
header,
|
29
|
+
hgroup,
|
30
|
+
main,
|
31
|
+
nav,
|
32
|
+
section,
|
33
|
+
summary {
|
34
|
+
display: block;
|
35
|
+
}
|
36
|
+
|
37
|
+
/**
|
38
|
+
* Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
|
39
|
+
*/
|
40
|
+
|
41
|
+
audio,
|
42
|
+
canvas,
|
43
|
+
video {
|
44
|
+
display: inline-block;
|
45
|
+
*display: inline;
|
46
|
+
*zoom: 1;
|
47
|
+
}
|
48
|
+
|
49
|
+
/**
|
50
|
+
* Prevent modern browsers from displaying `audio` without controls.
|
51
|
+
* Remove excess height in iOS 5 devices.
|
52
|
+
*/
|
53
|
+
|
54
|
+
audio:not([controls]) {
|
55
|
+
display: none;
|
56
|
+
height: 0;
|
57
|
+
}
|
58
|
+
|
59
|
+
/**
|
60
|
+
* Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
|
61
|
+
* Known issue: no IE 6 support.
|
62
|
+
*/
|
63
|
+
|
64
|
+
[hidden] {
|
65
|
+
display: none;
|
66
|
+
}
|
67
|
+
|
68
|
+
/* ==========================================================================
|
69
|
+
Base
|
70
|
+
========================================================================== */
|
71
|
+
|
72
|
+
/**
|
73
|
+
* 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
|
74
|
+
* `em` units.
|
75
|
+
* 2. Prevent iOS text size adjust after orientation change, without disabling
|
76
|
+
* user zoom.
|
77
|
+
*/
|
78
|
+
|
79
|
+
html {
|
80
|
+
font-size: 100%; /* 1 */
|
81
|
+
-ms-text-size-adjust: 100%; /* 2 */
|
82
|
+
-webkit-text-size-adjust: 100%; /* 2 */
|
83
|
+
}
|
84
|
+
|
85
|
+
/**
|
86
|
+
* Address `font-family` inconsistency between `textarea` and other form
|
87
|
+
* elements.
|
88
|
+
*/
|
89
|
+
|
90
|
+
html,
|
91
|
+
button,
|
92
|
+
input,
|
93
|
+
select,
|
94
|
+
textarea {
|
95
|
+
font-family: sans-serif;
|
96
|
+
}
|
97
|
+
|
98
|
+
/**
|
99
|
+
* Address margins handled incorrectly in IE 6/7.
|
100
|
+
*/
|
101
|
+
|
102
|
+
body {
|
103
|
+
margin: 0;
|
104
|
+
}
|
105
|
+
|
106
|
+
/* ==========================================================================
|
107
|
+
Links
|
108
|
+
========================================================================== */
|
109
|
+
|
110
|
+
/**
|
111
|
+
* Address `outline` inconsistency between Chrome and other browsers.
|
112
|
+
*/
|
113
|
+
|
114
|
+
a:focus {
|
115
|
+
outline: thin dotted;
|
116
|
+
}
|
117
|
+
|
118
|
+
/**
|
119
|
+
* Improve readability when focused and also mouse hovered in all browsers.
|
120
|
+
*/
|
121
|
+
|
122
|
+
a:active,
|
123
|
+
a:hover {
|
124
|
+
outline: 0;
|
125
|
+
}
|
126
|
+
|
127
|
+
/* ==========================================================================
|
128
|
+
Typography
|
129
|
+
========================================================================== */
|
130
|
+
|
131
|
+
/**
|
132
|
+
* Address font sizes and margins set differently in IE 6/7.
|
133
|
+
* Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
|
134
|
+
* and Chrome.
|
135
|
+
*/
|
136
|
+
|
137
|
+
h1 {
|
138
|
+
font-size: 2em;
|
139
|
+
margin: 0.67em 0;
|
140
|
+
}
|
141
|
+
|
142
|
+
h2 {
|
143
|
+
font-size: 1.5em;
|
144
|
+
margin: 0.83em 0;
|
145
|
+
}
|
146
|
+
|
147
|
+
h3 {
|
148
|
+
font-size: 1.17em;
|
149
|
+
margin: 1em 0;
|
150
|
+
}
|
151
|
+
|
152
|
+
h4 {
|
153
|
+
font-size: 1em;
|
154
|
+
margin: 1.33em 0;
|
155
|
+
}
|
156
|
+
|
157
|
+
h5 {
|
158
|
+
font-size: 0.83em;
|
159
|
+
margin: 1.67em 0;
|
160
|
+
}
|
161
|
+
|
162
|
+
h6 {
|
163
|
+
font-size: 0.67em;
|
164
|
+
margin: 2.33em 0;
|
165
|
+
}
|
166
|
+
|
167
|
+
/**
|
168
|
+
* Address styling not present in IE 7/8/9, Safari 5, and Chrome.
|
169
|
+
*/
|
170
|
+
|
171
|
+
abbr[title] {
|
172
|
+
border-bottom: 1px dotted;
|
173
|
+
}
|
174
|
+
|
175
|
+
/**
|
176
|
+
* Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
|
177
|
+
*/
|
178
|
+
|
179
|
+
b,
|
180
|
+
strong {
|
181
|
+
font-weight: bold;
|
182
|
+
}
|
183
|
+
|
184
|
+
blockquote {
|
185
|
+
margin: 1em 40px;
|
186
|
+
}
|
187
|
+
|
188
|
+
/**
|
189
|
+
* Address styling not present in Safari 5 and Chrome.
|
190
|
+
*/
|
191
|
+
|
192
|
+
dfn {
|
193
|
+
font-style: italic;
|
194
|
+
}
|
195
|
+
|
196
|
+
/**
|
197
|
+
* Address differences between Firefox and other browsers.
|
198
|
+
* Known issue: no IE 6/7 normalization.
|
199
|
+
*/
|
200
|
+
|
201
|
+
hr {
|
202
|
+
-moz-box-sizing: content-box;
|
203
|
+
box-sizing: content-box;
|
204
|
+
height: 0;
|
205
|
+
}
|
206
|
+
|
207
|
+
/**
|
208
|
+
* Address styling not present in IE 6/7/8/9.
|
209
|
+
*/
|
210
|
+
|
211
|
+
mark {
|
212
|
+
background: #ff0;
|
213
|
+
color: #000;
|
214
|
+
}
|
215
|
+
|
216
|
+
/**
|
217
|
+
* Address margins set differently in IE 6/7.
|
218
|
+
*/
|
219
|
+
|
220
|
+
p,
|
221
|
+
pre {
|
222
|
+
margin: 1em 0;
|
223
|
+
}
|
224
|
+
|
225
|
+
/**
|
226
|
+
* Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
|
227
|
+
*/
|
228
|
+
|
229
|
+
code,
|
230
|
+
kbd,
|
231
|
+
pre,
|
232
|
+
samp {
|
233
|
+
font-family: monospace, serif;
|
234
|
+
_font-family: 'courier new', monospace;
|
235
|
+
font-size: 1em;
|
236
|
+
}
|
237
|
+
|
238
|
+
/**
|
239
|
+
* Improve readability of pre-formatted text in all browsers.
|
240
|
+
*/
|
241
|
+
|
242
|
+
pre {
|
243
|
+
white-space: pre;
|
244
|
+
white-space: pre-wrap;
|
245
|
+
word-wrap: break-word;
|
246
|
+
}
|
247
|
+
|
248
|
+
/**
|
249
|
+
* Address CSS quotes not supported in IE 6/7.
|
250
|
+
*/
|
251
|
+
|
252
|
+
q {
|
253
|
+
quotes: none;
|
254
|
+
}
|
255
|
+
|
256
|
+
/**
|
257
|
+
* Address `quotes` property not supported in Safari 4.
|
258
|
+
*/
|
259
|
+
|
260
|
+
q:before,
|
261
|
+
q:after {
|
262
|
+
content: '';
|
263
|
+
content: none;
|
264
|
+
}
|
265
|
+
|
266
|
+
/**
|
267
|
+
* Address inconsistent and variable font size in all browsers.
|
268
|
+
*/
|
269
|
+
|
270
|
+
small {
|
271
|
+
font-size: 80%;
|
272
|
+
}
|
273
|
+
|
274
|
+
/**
|
275
|
+
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
|
276
|
+
*/
|
277
|
+
|
278
|
+
sub,
|
279
|
+
sup {
|
280
|
+
font-size: 75%;
|
281
|
+
line-height: 0;
|
282
|
+
position: relative;
|
283
|
+
vertical-align: baseline;
|
284
|
+
}
|
285
|
+
|
286
|
+
sup {
|
287
|
+
top: -0.5em;
|
288
|
+
}
|
289
|
+
|
290
|
+
sub {
|
291
|
+
bottom: -0.25em;
|
292
|
+
}
|
293
|
+
|
294
|
+
/* ==========================================================================
|
295
|
+
Lists
|
296
|
+
========================================================================== */
|
297
|
+
|
298
|
+
/**
|
299
|
+
* Address margins set differently in IE 6/7.
|
300
|
+
*/
|
301
|
+
|
302
|
+
dl,
|
303
|
+
menu,
|
304
|
+
ol,
|
305
|
+
ul {
|
306
|
+
margin: 1em 0;
|
307
|
+
}
|
308
|
+
|
309
|
+
dd {
|
310
|
+
margin: 0 0 0 40px;
|
311
|
+
}
|
312
|
+
|
313
|
+
/**
|
314
|
+
* Address paddings set differently in IE 6/7.
|
315
|
+
*/
|
316
|
+
|
317
|
+
menu,
|
318
|
+
ol,
|
319
|
+
ul {
|
320
|
+
padding: 0 0 0 40px;
|
321
|
+
}
|
322
|
+
|
323
|
+
/**
|
324
|
+
* Correct list images handled incorrectly in IE 7.
|
325
|
+
*/
|
326
|
+
|
327
|
+
nav ul,
|
328
|
+
nav ol {
|
329
|
+
list-style: none;
|
330
|
+
list-style-image: none;
|
331
|
+
}
|
332
|
+
|
333
|
+
/* ==========================================================================
|
334
|
+
Embedded content
|
335
|
+
========================================================================== */
|
336
|
+
|
337
|
+
/**
|
338
|
+
* 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
|
339
|
+
* 2. Improve image quality when scaled in IE 7.
|
340
|
+
*/
|
341
|
+
|
342
|
+
img {
|
343
|
+
border: 0; /* 1 */
|
344
|
+
-ms-interpolation-mode: bicubic; /* 2 */
|
345
|
+
}
|
346
|
+
|
347
|
+
/**
|
348
|
+
* Correct overflow displayed oddly in IE 9.
|
349
|
+
*/
|
350
|
+
|
351
|
+
svg:not(:root) {
|
352
|
+
overflow: hidden;
|
353
|
+
}
|
354
|
+
|
355
|
+
/* ==========================================================================
|
356
|
+
Figures
|
357
|
+
========================================================================== */
|
358
|
+
|
359
|
+
/**
|
360
|
+
* Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
|
361
|
+
*/
|
362
|
+
|
363
|
+
figure {
|
364
|
+
margin: 0;
|
365
|
+
}
|
366
|
+
|
367
|
+
/* ==========================================================================
|
368
|
+
Forms
|
369
|
+
========================================================================== */
|
370
|
+
|
371
|
+
/**
|
372
|
+
* Correct margin displayed oddly in IE 6/7.
|
373
|
+
*/
|
374
|
+
|
375
|
+
form {
|
376
|
+
margin: 0;
|
377
|
+
}
|
378
|
+
|
379
|
+
/**
|
380
|
+
* Define consistent border, margin, and padding.
|
381
|
+
*/
|
382
|
+
|
383
|
+
fieldset {
|
384
|
+
border: 1px solid #c0c0c0;
|
385
|
+
margin: 0 2px;
|
386
|
+
padding: 0.35em 0.625em 0.75em;
|
387
|
+
}
|
388
|
+
|
389
|
+
/**
|
390
|
+
* 1. Correct color not being inherited in IE 6/7/8/9.
|
391
|
+
* 2. Correct text not wrapping in Firefox 3.
|
392
|
+
* 3. Correct alignment displayed oddly in IE 6/7.
|
393
|
+
*/
|
394
|
+
|
395
|
+
legend {
|
396
|
+
border: 0; /* 1 */
|
397
|
+
padding: 0;
|
398
|
+
white-space: normal; /* 2 */
|
399
|
+
*margin-left: -7px; /* 3 */
|
400
|
+
}
|
401
|
+
|
402
|
+
/**
|
403
|
+
* 1. Correct font size not being inherited in all browsers.
|
404
|
+
* 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
|
405
|
+
* and Chrome.
|
406
|
+
* 3. Improve appearance and consistency in all browsers.
|
407
|
+
*/
|
408
|
+
|
409
|
+
button,
|
410
|
+
input,
|
411
|
+
select,
|
412
|
+
textarea {
|
413
|
+
font-size: 100%; /* 1 */
|
414
|
+
margin: 0; /* 2 */
|
415
|
+
vertical-align: baseline; /* 3 */
|
416
|
+
*vertical-align: middle; /* 3 */
|
417
|
+
}
|
418
|
+
|
419
|
+
/**
|
420
|
+
* Address Firefox 3+ setting `line-height` on `input` using `!important` in
|
421
|
+
* the UA stylesheet.
|
422
|
+
*/
|
423
|
+
|
424
|
+
button,
|
425
|
+
input {
|
426
|
+
line-height: normal;
|
427
|
+
}
|
428
|
+
|
429
|
+
/**
|
430
|
+
* Address inconsistent `text-transform` inheritance for `button` and `select`.
|
431
|
+
* All other form control elements do not inherit `text-transform` values.
|
432
|
+
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
|
433
|
+
* Correct `select` style inheritance in Firefox 4+ and Opera.
|
434
|
+
*/
|
435
|
+
|
436
|
+
button,
|
437
|
+
select {
|
438
|
+
text-transform: none;
|
439
|
+
}
|
440
|
+
|
441
|
+
/**
|
442
|
+
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
|
443
|
+
* and `video` controls.
|
444
|
+
* 2. Correct inability to style clickable `input` types in iOS.
|
445
|
+
* 3. Improve usability and consistency of cursor style between image-type
|
446
|
+
* `input` and others.
|
447
|
+
* 4. Remove inner spacing in IE 7 without affecting normal text inputs.
|
448
|
+
* Known issue: inner spacing remains in IE 6.
|
449
|
+
*/
|
450
|
+
|
451
|
+
button,
|
452
|
+
html input[type="button"], /* 1 */
|
453
|
+
input[type="reset"],
|
454
|
+
input[type="submit"] {
|
455
|
+
-webkit-appearance: button; /* 2 */
|
456
|
+
cursor: pointer; /* 3 */
|
457
|
+
*overflow: visible; /* 4 */
|
458
|
+
}
|
459
|
+
|
460
|
+
/**
|
461
|
+
* Re-set default cursor for disabled elements.
|
462
|
+
*/
|
463
|
+
|
464
|
+
button[disabled],
|
465
|
+
html input[disabled] {
|
466
|
+
cursor: default;
|
467
|
+
}
|
468
|
+
|
469
|
+
/**
|
470
|
+
* 1. Address box sizing set to content-box in IE 8/9.
|
471
|
+
* 2. Remove excess padding in IE 8/9.
|
472
|
+
* 3. Remove excess padding in IE 7.
|
473
|
+
* Known issue: excess padding remains in IE 6.
|
474
|
+
*/
|
475
|
+
|
476
|
+
input[type="checkbox"],
|
477
|
+
input[type="radio"] {
|
478
|
+
box-sizing: border-box; /* 1 */
|
479
|
+
padding: 0; /* 2 */
|
480
|
+
*height: 13px; /* 3 */
|
481
|
+
*width: 13px; /* 3 */
|
482
|
+
}
|
483
|
+
|
484
|
+
/**
|
485
|
+
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
|
486
|
+
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
|
487
|
+
* (include `-moz` to future-proof).
|
488
|
+
*/
|
489
|
+
|
490
|
+
input[type="search"] {
|
491
|
+
-webkit-appearance: textfield; /* 1 */
|
492
|
+
-moz-box-sizing: content-box;
|
493
|
+
-webkit-box-sizing: content-box; /* 2 */
|
494
|
+
box-sizing: content-box;
|
495
|
+
}
|
496
|
+
|
497
|
+
/**
|
498
|
+
* Remove inner padding and search cancel button in Safari 5 and Chrome
|
499
|
+
* on OS X.
|
500
|
+
*/
|
501
|
+
|
502
|
+
input[type="search"]::-webkit-search-cancel-button,
|
503
|
+
input[type="search"]::-webkit-search-decoration {
|
504
|
+
-webkit-appearance: none;
|
505
|
+
}
|
506
|
+
|
507
|
+
/**
|
508
|
+
* Remove inner padding and border in Firefox 3+.
|
509
|
+
*/
|
510
|
+
|
511
|
+
button::-moz-focus-inner,
|
512
|
+
input::-moz-focus-inner {
|
513
|
+
border: 0;
|
514
|
+
padding: 0;
|
515
|
+
}
|
516
|
+
|
517
|
+
/**
|
518
|
+
* 1. Remove default vertical scrollbar in IE 6/7/8/9.
|
519
|
+
* 2. Improve readability and alignment in all browsers.
|
520
|
+
*/
|
521
|
+
|
522
|
+
textarea {
|
523
|
+
overflow: auto; /* 1 */
|
524
|
+
vertical-align: top; /* 2 */
|
525
|
+
}
|
526
|
+
|
527
|
+
/* ==========================================================================
|
528
|
+
Tables
|
529
|
+
========================================================================== */
|
530
|
+
|
531
|
+
/**
|
532
|
+
* Remove most spacing between table cells.
|
533
|
+
*/
|
534
|
+
|
535
|
+
table {
|
536
|
+
border-collapse: collapse;
|
537
|
+
border-spacing: 0;
|
538
|
+
}
|