+static/css/clym.css +templates/layout-pure.tpl +static/css/pure_r1.0.0/ - cl-y… | |
git clone git://bitreich.org/cl-yag/ git://enlrupgkhuxnvlhsf6lc3fziv5h2hhfrinws… | |
Log | |
Files | |
Refs | |
Tags | |
README | |
LICENSE | |
--- | |
commit cbb88896996e3df01b181dacf26607856b14054c | |
parent 6b77098cb11f735b256fa522cbec30495000749a | |
Author: lambda <[email protected]> | |
Date: Sun, 3 Dec 2017 01:19:14 +0100 | |
+static/css/clym.css | |
+templates/layout-pure.tpl | |
+static/css/pure_r1.0.0/ | |
Status of this commit: Interim & Experimental. | |
Diffstat: | |
M data/articles.lisp | 9 ++++++--- | |
A data/css.md | 78 +++++++++++++++++++++++++++++… | |
M generator.lisp | 2 +- | |
A static/css/clym.css | 210 +++++++++++++++++++++++++++++… | |
A static/css/custom.css | 7 +++++++ | |
A static/css/pure_r1.0.0/HISTORY.md | 469 +++++++++++++++++++++++++++++… | |
A static/css/pure_r1.0.0/LICENSE.md | 52 +++++++++++++++++++++++++++++… | |
A static/css/pure_r1.0.0/README.md | 185 ++++++++++++++++++++++++++++++ | |
A static/css/pure_r1.0.0/base-contex… | 12 ++++++++++++ | |
A static/css/pure_r1.0.0/base-contex… | 481 +++++++++++++++++++++++++++… | |
A static/css/pure_r1.0.0/base-min.css | 12 ++++++++++++ | |
A static/css/pure_r1.0.0/base.css | 463 +++++++++++++++++++++++++++++… | |
A static/css/pure_r1.0.0/bower.json | 9 +++++++++ | |
A static/css/pure_r1.0.0/buttons-cor… | 8 ++++++++ | |
A static/css/pure_r1.0.0/buttons-cor… | 48 +++++++++++++++++++++++++++… | |
A static/css/pure_r1.0.0/buttons-min… | 8 ++++++++ | |
A static/css/pure_r1.0.0/buttons.css | 128 +++++++++++++++++++++++++++++… | |
A static/css/pure_r1.0.0/forms-min.c… | 8 ++++++++ | |
A static/css/pure_r1.0.0/forms-nr-mi… | 8 ++++++++ | |
A static/css/pure_r1.0.0/forms-nr.css | 318 +++++++++++++++++++++++++++++… | |
A static/css/pure_r1.0.0/forms.css | 383 +++++++++++++++++++++++++++++… | |
A static/css/pure_r1.0.0/grids-core-… | 8 ++++++++ | |
A static/css/pure_r1.0.0/grids-core.… | 80 +++++++++++++++++++++++++++… | |
A static/css/pure_r1.0.0/grids-min.c… | 8 ++++++++ | |
A static/css/pure_r1.0.0/grids-respo… | 8 ++++++++ | |
A static/css/pure_r1.0.0/grids-respo… | 8 ++++++++ | |
A static/css/pure_r1.0.0/grids-respo… | 8 ++++++++ | |
A static/css/pure_r1.0.0/grids-respo… | 862 +++++++++++++++++++++++++++… | |
A static/css/pure_r1.0.0/grids-units… | 8 ++++++++ | |
A static/css/pure_r1.0.0/grids-units… | 218 +++++++++++++++++++++++++++… | |
A static/css/pure_r1.0.0/grids.css | 293 ++++++++++++++++++++++++++++++ | |
A static/css/pure_r1.0.0/menus-core-… | 8 ++++++++ | |
A static/css/pure_r1.0.0/menus-core.… | 41 +++++++++++++++++++++++++++… | |
A static/css/pure_r1.0.0/menus-dropd… | 8 ++++++++ | |
A static/css/pure_r1.0.0/menus-dropd… | 44 +++++++++++++++++++++++++++… | |
A static/css/pure_r1.0.0/menus-horiz… | 8 ++++++++ | |
A static/css/pure_r1.0.0/menus-horiz… | 25 +++++++++++++++++++++++++ | |
A static/css/pure_r1.0.0/menus-min.c… | 8 ++++++++ | |
A static/css/pure_r1.0.0/menus-scrol… | 8 ++++++++ | |
A static/css/pure_r1.0.0/menus-scrol… | 33 +++++++++++++++++++++++++++… | |
A static/css/pure_r1.0.0/menus-skin-… | 8 ++++++++ | |
A static/css/pure_r1.0.0/menus-skin.… | 64 +++++++++++++++++++++++++++… | |
A static/css/pure_r1.0.0/menus.css | 187 +++++++++++++++++++++++++++++… | |
A static/css/pure_r1.0.0/pure-min.css | 12 ++++++++++++ | |
A static/css/pure_r1.0.0/pure-nr-min… | 12 ++++++++++++ | |
A static/css/pure_r1.0.0/pure-nr.css | 1443 ++++++++++++++++++++++++++++++ | |
A static/css/pure_r1.0.0/pure.css | 1508 +++++++++++++++++++++++++++++… | |
A static/css/pure_r1.0.0/tables-min.… | 8 ++++++++ | |
A static/css/pure_r1.0.0/tables.css | 81 ++++++++++++++++++++++++++++++ | |
M static/css/style.css | 19 +++++++++++++++++++ | |
A templates/layout-pure.tpl | 34 +++++++++++++++++++++++++++++… | |
M templates/layout.tpl | 4 ++-- | |
52 files changed, 7956 insertions(+), 6 deletions(-) | |
--- | |
diff --git a/data/articles.lisp b/data/articles.lisp | |
@@ -33,11 +33,14 @@ | |
(defvar *articles* | |
(list | |
+ ;; CSS | |
+ (list :id "css" :date "02.12.2017" :tag "cl-yag" | |
+ :title "CSS For cl-yag" :author "lambda" :tiny "Read more") | |
;; README | |
- (list :id "README" :date "23 November 2017" :tag "cl-yag README" | |
- :title "README" :author "lambda" :short "cl-yag's README got rewo… | |
+ (list :id "README" :date "23.11.2017" :tag "cl-yag" | |
+ :title "README" :author "lambda" :tiny "Read cl-yag's README") | |
;; 1 | |
- (list :id "1" :date "29 April 2016" :tag "pony code" | |
+ (list :id "1" :date "29.04.2016" :tag "pon… | |
:title "My first message" :short "This is my first message" :author "… | |
)) | |
diff --git a/data/css.md b/data/css.md | |
@@ -0,0 +1,78 @@ | |
+# CSS For cl-yag | |
+ | |
+Well, now cl-yag comes with a default css-stylesheet. | |
+ | |
+## Where The Stylesheets Live | |
+ | |
+All of cl-yag's style sheets are located in **css/**. Of course you | |
+can change that, but we recommend sticking to it. Currently there are | |
+the following files: | |
+ | |
+ css/ | |
+ |-- clym.css | |
+ |-- custom.css | |
+ `-- style.css | |
+ | |
+ | |
+## style.css -- One Sheet To Rule Them All | |
+ | |
+In order to keep it simple cl-yag uses **data/css/style.css** to | |
+administrate all of its stylesheets. Use the ``@import`` rule to include | |
+your own, or comments to get rid of what is already there. | |
+ | |
+Currently, it looks like this: | |
+ | |
+ /* ===================================================================… | |
+ /* style.css for cl-yag */ | |
+ /* ===================================================================… | |
+ @charset "utf-8"; | |
+ | |
+ | |
+ /* ~ PURE.CSS … | |
+ @import url("pure_r1.0.0/pure.css"); | |
+ @import url("pure_r1.0.0/grids.css"); | |
+ @import url("pure_r1.0.0/grids-responsive.css"); | |
+ | |
+ | |
+ /* ~ Stylesheet for cl-yag … | |
+ @import url("clym.css"); | |
+ | |
+ | |
+ /* ~ LAST ENTRY … | |
+ /* ~ custom.css to override styles. … | |
+ @import url("custom.css"); | |
+ | |
+ | |
+## Pure.css | |
+ | |
+cl-yag uses stylesheets from [pure.css](https://purecss.io/ "Pure.css"), | |
+"a set of small, responsive CSS modules", as a minimal css framework: It | |
+employs **pure.css**, **grids.css** and **grids-responsive.css** to | |
+provide a limited set of expected features, e.g. usable menus and basic | |
+responsiveness. | |
+ | |
+Additionally, cl-yag puts its first, own stylesheet as a topping on | |
+pure's magic: clym. | |
+ | |
+## clym.css -- A Default Stylesheet | |
+ | |
+*clym* stands for *cl-yag minimal* and is a set af rules designed to | |
+work with cl-yags specific skeleton. It also provides an unbtrusive | |
+color scheme and some basic typography. You'll find it in | |
+**static/css/clym.css**. | |
+ | |
+If you don't like it, deactivate it by uncommenting the following line | |
+in **data/css/style.css**: | |
+ | |
+ @import url("clym.css"); | |
+ | |
+ | |
+## custom.css -- Tweak Your Style | |
+ | |
+cl-yag provides you with **data/css/custom.css** to tweak your styles. | |
+In order to override rules located in all previous style sheets it needs | |
+to get sourced in as the last file in **data/css/style.css**. | |
+ | |
+ | |
+ | |
+ | |
diff --git a/generator.lisp b/generator.lisp | |
@@ -115,7 +115,7 @@ | |
;; return a html string | |
;; produce the code of a whole page with title+layout with the parameter as th… | |
(defun generate-layout(body &optional &key (title nil)) | |
- (prepare "templates/layout.tpl" | |
+ (prepare "templates/layout-pure.tpl" | |
(template "%%Title%%" (if title title (getf *config* :title))) | |
(template "%%Tags%%" (get-tag-list)) | |
(template "%%Body%%" body) | |
diff --git a/static/css/clym.css b/static/css/clym.css | |
@@ -0,0 +1,210 @@ | |
+/* ====================================================== */ | |
+/* A basic style for wrapper main footer */ | |
+/* ====================================================== */ | |
+html{ | |
+ overflow-y:scroll; | |
+} | |
+html, body { | |
+ margin: 0em; | |
+ padding: 0em; | |
+ min-height:100%; | |
+ height: 100%; | |
+} | |
+body { | |
+ position: relative; | |
+ margin: 0 auto; | |
+ padding: 0em 1em; | |
+} | |
+#wrapper { | |
+ position: relative; | |
+ width:100%; | |
+ min-height: 100%; | |
+ margin: 0em auto; | |
+} | |
+main { | |
+ padding-bottom: 3em; | |
+ height:100%; | |
+} | |
+main:after { | |
+ display: block; | |
+ width: 100%; | |
+ content:""; | |
+ clear: both; | |
+} | |
+footer { | |
+ position: absolute; | |
+ width: 100%; | |
+ height: 3em; | |
+ bottom: 0em; | |
+ text-align: center; | |
+} | |
+footer > p { | |
+ display: block; | |
+ text-align: center; | |
+ font-size: 0.9em; | |
+} | |
+/* ====================================================== */ | |
+/* A basic style for header */ | |
+/* ====================================================== */ | |
+/* All Tags */ | |
+header > div { | |
+ display: block; | |
+ margin: 0.5em auto auto auto; | |
+ padding: 1ex; | |
+ float: right; | |
+ border: 1px solid transparent; | |
+ min-width: auto; | |
+ max-width: 100%; | |
+} | |
+/* ====================================================== */ | |
+/* A basic responsive'ish ruleset */ | |
+/* ====================================================== */ | |
+ | |
+@media only screen and (min-width: 360px) { | |
+ #wrapper { | |
+ font-size: 0.95em; | |
+ } | |
+} | |
+@media only screen and (min-width: 800px) { | |
+ #wrapper { | |
+ max-width: 730px; | |
+ max-width: 750px; | |
+ font-size: 1em; | |
+ } | |
+} | |
+@media only screen and (min-width: 1000px) { | |
+ #wrapper { | |
+ max-width: 800px; | |
+ } | |
+} | |
+@media only screen and (min-width: 1025px) { | |
+ #wrapper { | |
+ max-width: 1000px; | |
+ } | |
+} | |
+/* ====================================================== */ | |
+/* A basic colortheme */ | |
+/* ====================================================== */ | |
+html, body { | |
+ font-family: Arial, sans; | |
+ color: #1f1f1f ; | |
+} | |
+main { | |
+ line-height: 1.3em; | |
+} | |
+h1,h2,h3 { | |
+ font-weight: bold; | |
+ line-height: 1.8; | |
+ margin: 0em; | |
+} | |
+h1 { | |
+ font-size: 175%; | |
+} | |
+h2 { | |
+ font-size: 150%; | |
+} | |
+h3 { | |
+ font-size: 125%; | |
+} | |
+p { | |
+ text-align: justify; | |
+} | |
+a { | |
+ color: #3b5487; | |
+ text-decoration: none; | |
+} | |
+a:active, a:hover, a:focus { | |
+ color: #203785; | |
+ text-decoration: underline; | |
+} | |
+a.pure-menu-link { | |
+ color: #3b5487; | |
+ text-decoration: none; | |
+ font-weight: 700; | |
+} | |
+a.pure-menu-link:active, a.pure-menu-link:hover, a.pure-menu-link:focus { | |
+ color: #203785; | |
+} | |
+footer > p { | |
+ display: block; | |
+ text-align: center; | |
+ font-size: 0.9em; | |
+} | |
+/* default style for information */ | |
+article > header { | |
+ font-weight: 900; | |
+ font-size: 90%; | |
+ text-align: center; | |
+} | |
+article > header > h1 > a { | |
+ color: #1f1f1f ; | |
+ text-decoration: none; | |
+} | |
+nav.pure-menu { | |
+ text-transform: capitalize; | |
+} | |
+/* ====================================================== */ | |
+/* A basic style for code */ | |
+/* ====================================================== */ | |
+code { | |
+ display:inline-block; | |
+ padding: 1px 5px; | |
+ border-radius: 3px; | |
+ background-color: #e3f0ff; | |
+ font-weight: 700; | |
+ font-size: 0.8em; | |
+ color: #3c3f42; | |
+} | |
+pre > code { | |
+ display: block; | |
+ height: auto; | |
+ padding: 1em; | |
+} | |
+/* ====================================================== */ | |
+/* A basic style for posts */ | |
+/* ====================================================== */ | |
+article { | |
+ display: block; | |
+ float: left; | |
+ clear:both; | |
+ width: 100%; | |
+} | |
+article:after { | |
+ display:block; | |
+ height: 1em; | |
+ content:""; | |
+ clear:both; | |
+} | |
+article > header { | |
+ display:block; | |
+ margin: 0em; | |
+ padding: 1em; | |
+ border: 1px solid transparent; | |
+ border-radius: 3px; | |
+ -webkit-box-shadow: 1px 1px 5px 1px #1f1f1f; | |
+ box-shadow: 1px 1px 5px 1px #1f1f1f; | |
+} | |
+article > header:after { | |
+ display:block; | |
+ width:100%; | |
+ height: auto; | |
+ content:""; | |
+ clear:both; | |
+} | |
+article > header > .information { | |
+ font-size: 80%; | |
+} | |
+article > header > h1 { | |
+ float: left; | |
+ margin: auto 1em; | |
+} | |
+article > header > p { | |
+ float: left; | |
+ margin-top: 5px; | |
+} | |
+article > header + h1 { | |
+ margin-top: 1em; | |
+} | |
+ | |
+ | |
+ | |
diff --git a/static/css/custom.css b/static/css/custom.css | |
@@ -0,0 +1,7 @@ | |
+/* ==================================================================== */ | |
+ /* custom.css */ | |
+/* ==================================================================== */ | |
+/* use this file to tweak your styles by overriding them */ | |
+ | |
+ | |
+ | |
diff --git a/static/css/pure_r1.0.0/HISTORY.md b/static/css/pure_r1.0.0/HISTORY… | |
@@ -0,0 +1,469 @@ | |
+Pure Change History | |
+=================== | |
+ | |
+1.0.0 (2017-06-05) | |
+------------------ | |
+ | |
+The community has battle-tested Pure and provided valuable feedback. We are no… | |
+ | |
+We hope you have found Pure to be useful and unobtrusive.. To provide feedback… | |
+ | |
+ | |
+0.6.2 (2017-01-05) | |
+------------------ | |
+ | |
+* Added proper module API for node users [#619] | |
+ | |
+### Buttons | |
+ | |
+* Added Button Groups to Pure [#621] | |
+ | |
+### Menus | |
+ | |
+* Reset style for horizontal dropdown separator [#620] | |
+ | |
+0.6.1 (2016-10-12) | |
+------------------ | |
+ | |
+* Migrate to PostCSS for browser prefixes [#617] | |
+* Remove duplicate Firefox inner focus border [#457] | |
+* Fix grid inside table in IE 10/11 [#504] | |
+* Fix CSSLint issues [#609] | |
+* Upgraded grunt dependencies to 1.x [#609] | |
+ | |
+0.6.0 (2015-02-07) | |
+------------------ | |
+ | |
+* Upgraded Normalize.css to 3.0.2. | |
+* Dropped IE7 support. | |
+* Refactored Menus. | |
+* Numerous minor bug fixes. | |
+ | |
+### Menus | |
+ | |
+* Implemented flatter, low-specificity selectors, not attached to HTML element… | |
+ for easier customization. | |
+* Removed pure-menu-open class. | |
+* Added pure-menu-scrollable capability, to allow for scrollable menus when | |
+ restricted by width or height. | |
+* Added pure-menu-allow-hover to reveal dropdowns on hover. | |
+* Removed various default styling properties, making menus a bit more bare-bon… | |
+a bit less opinionated, a bit easier to customize on top. | |
+* Broke Menu up into files for core, horizontal, dropdowns, scrollable, and sk… | |
+ again for improved optimization and ease of customization: take only what you | |
+ need. | |
+* Removed Paginator. | |
+* While not part of the Pure repo itself, the accompanying Pure website now | |
+ features additional menu examples and an example script for enabling dropdow… | |
+ and improved accessiblity. | |
+ | |
+0.5.0 (2014-05-27) | |
+------------------ | |
+ | |
+### Base | |
+ | |
+* Added the `.pure-img` class name for make images scale with the viewport in | |
+ fluid layouts. | |
+ | |
+### Grids | |
+ | |
+* __[!]__ Removed `.pure-g-r` from core, in favor of a mobile-first responsive | |
+ grid system. ([#24][], [#267][]) | |
+ | |
+ To use the mobile-first grid system, you need to pull in `pure.css`, along | |
+ with `grids-responsive.css`. We also have `grids-responsive-old-ie.css` that | |
+ you can serve to IE < 9 users so that they can view a desktop-version of your | |
+ website: | |
+ | |
+ ```html | |
+ <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.5.0-rc-1/pure… | |
+ | |
+ <!--[if lt IE 9]> | |
+ <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.5.0-rc-1/… | |
+ <![endif]--> | |
+ <!--[if gt IE 8]><!--> | |
+ <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.5.0-rc-1/… | |
+ <!--<![endif]--> | |
+ ``` | |
+ | |
+ Find out more about the new grid system at <http://purecss.io/grids/>. | |
+ | |
+### Tables | |
+ | |
+* Switched cell padding in Tables from `px` to `em` units, and also increased | |
+ the amount of padding to `padding: 0.5em 1em`. | |
+ | |
+ | |
+[#24]: https://github.com/yahoo/pure/issues/24 | |
+[#267]: https://github.com/yahoo/pure/pull/267 | |
+ | |
+ | |
+0.4.2 (2014-02-13) | |
+------------------ | |
+ | |
+* Added `main` to Pure's `bower.json` file to allow easier integration with | |
+ build processes and tooling. ([#286][] @stevenvachon) | |
+ | |
+### Forms | |
+ | |
+* Improved how `<input type="color">` elements look in Chrome by fixing | |
+ paddings. ([#283][] @jpetto) | |
+ | |
+* Removed `font-size` rules from `<input>`, `<legend>`, and `<fieldset>` | |
+ elements within `.pure-form`. Font sizes are now inherited from the | |
+ application's CSS file. ([#265][]) | |
+ | |
+* Invalid `<input>` elements within a Pure Form no longer explicitly set a | |
+ `border-width`. ([#295][] @kwando) | |
+ | |
+ | |
+[#265]: https://github.com/yahoo/pure/issues/265 | |
+[#283]: https://github.com/yahoo/pure/issues/283 | |
+[#286]: https://github.com/yahoo/pure/issues/286 | |
+[#295]: https://github.com/yahoo/pure/issues/295 | |
+ | |
+ | |
+0.4.1 (2014-02-06) | |
+------------------ | |
+ | |
+### Base | |
+ | |
+* Elements that have Pure classnames which set a `display` declaration _and_ u… | |
+ the `hidden` HTML attribute will now properly be hidden. With these changes, | |
+ the following button will be hidden from view: | |
+ | |
+ ```html | |
+ <button class="pure-button" hidden>No showy</button> | |
+ ``` | |
+ | |
+ A new rule for the `[hidden]` selector has been added with the declaration: | |
+ `display: none !important;`. This is a time where it's appropriate for a | |
+ project like Pure to use `!important`. ([#177][]) | |
+ | |
+### Buttons | |
+ | |
+* Removed all the occurrences of `-ms-linear-gradient()` from Buttons since it | |
+ has never been in the final version of IE 10. ([#200][]: @AurelioDeRosa) | |
+ | |
+* `<input>` Buttons now have the same height as non-input buttons. | |
+ `font-family: inherit;` has been added to the `.pure-button` selector to | |
+ normalize the difference in height. ([#221][] @narcis-radu) | |
+ | |
+* Buttons now have visually uniform default `padding` on all four sides. The | |
+ left/right padding is 2x the top/bottom padding. ([#191][] @achalv) | |
+ | |
+### Forms | |
+ | |
+* Added `vertical-align: top;` to `<textarea>`s within `.pure-form-aligned` | |
+ Forms to fix an alignment issue where its label was aligned to the middle. | |
+ ([#174][] @rictorres, @ItsAsbreuk) | |
+ | |
+* Added styling for `<input>` elements that don't have a `type` attribute. | |
+ ([#261][] @dougdavies) | |
+ | |
+### Grids | |
+ | |
+* Added all non-reduced fractions to Grids default 5ths- and 24ths-based units. | |
+ There are now styles specified for `.pure-u-1-24` – `.pure-u-24-24`. All 5… | |
+ based units and reduced factions still remain; e.g., both `.pure-u-12-24` and | |
+ `.pure-u-1-2` exist. ([#144][] @mike-engel) | |
+ | |
+* Removed `grids-units.css` from `src/`, this file is now generated via a Grunt | |
+ task. The units generation is done via the new | |
+ [`rework-pure-grids`][rework-pure-grids] [Rework][] plugin, and it can be us… | |
+ to create any custom nth-based units for Pure's Grids system. | |
+ | |
+### Menus | |
+ | |
+* Removed hard-coded height for horizontal menus. ([#164][]) | |
+ | |
+ | |
+[#144]: https://github.com/yahoo/pure/issues/144 | |
+[#164]: https://github.com/yahoo/pure/issues/164 | |
+[#174]: https://github.com/yahoo/pure/issues/174 | |
+[#177]: https://github.com/yahoo/pure/issues/177 | |
+[#191]: https://github.com/yahoo/pure/issues/191 | |
+[#200]: https://github.com/yahoo/pure/issues/200 | |
+[#221]: https://github.com/yahoo/pure/issues/221 | |
+[#261]: https://github.com/yahoo/pure/issues/261 | |
+ | |
+[rework-pure-grids]: https://github.com/ericf/rework-pure-grids | |
+[Rework]: https://github.com/visionmedia/rework | |
+ | |
+ | |
+0.4.0 (2014-02-06) | |
+------------------ | |
+ | |
+* __[!]__ Corrupted release build, use `0.4.1`. | |
+ | |
+ | |
+0.3.0 (2013-09-09) | |
+------------------ | |
+ | |
+* __[!]__ Pure now requires the Base module (which is Normalize.css) to be on | |
+ the page. Pure has essentially always required the styles provided by | |
+ Normalize.css via the Base module, and this now makes it a firm requirement. | |
+ The `pure-min.css` and `pure-nr-min.css` rollup files already include the Ba… | |
+ module. | |
+ | |
+ **Note:** When using a [custom subset][Customize] of Pure, be sure to include | |
+ the Base module. | |
+ | |
+* Added non-minified rollup files: `pure.css` and `pure-nr.css`. These files a… | |
+ created in addition to the minified rollups: `pure-min.css` and | |
+ `pure-nr-min.css`. The minified rollups _should_ be used in production. | |
+ ([#171][] @omeid) | |
+ | |
+### Base | |
+ | |
+* __[!]__ Removed Normalize.css from checked-in `src/`. Bower is now used to | |
+ programmatically import Normalize.css into `bower_components/` if it's not | |
+ already installed. Normalize.css is still bundled with Pure, this change is a | |
+ development-time change only. ([#160][]) | |
+ | |
+### Buttons | |
+ | |
+* Removed `-webkit-font-smoothing: antialiased` rule from Buttons. Pure should | |
+ not dictate sub-pixel font rendering, that should be left to the person's | |
+ browser settings and/or the developer. ([#170][] @dchest) | |
+ | |
+### Forms | |
+ | |
+* __[!]__ Removed `forms-core.css`. This was a copy of Normalize.css' form | |
+ related styles. Now that Pure requires the Base module (Normalize.css) to be | |
+ on the page, the Forms Core submodule is no longer needed. ([#160][]) | |
+ | |
+* Added `:focus` styles to `[readonly]` `<input>` elements. ([#143][]) | |
+ | |
+* Removed `-webkit-font-smoothing: antialiased` rule from Forms input styles. | |
+ Pure should not dictate sub-pixel font rendering, that should be left to the | |
+ person's browser settings and/or the developer. ([#185][] @dchest) | |
+ | |
+### Grids | |
+ | |
+* __[!]__ Improved support for Grids across OS/browser combinations, and its | |
+ ability to withstand the use of non-default fonts when set by either the | |
+ person in their browser settings or by the developer using custom fonts. | |
+ | |
+ Grids now uses CSS3 Flexbox when possible to avoid the side-effects of setti… | |
+ a negative `letter-spacing` — the fallback for older browsers. Grids also … | |
+ uses a specific font stack on `.pure-g` and `.pure-g-r` classes to ensure the | |
+ greatest OS/browser compatibility when non-default fonts are being used. By | |
+ default grid units will now have `font-family: sans-serif;` applied — this… | |
+ the default font stack Pure's Base module (Normalize.css) applies to the | |
+ `<body>`. | |
+ | |
+ This is a **breaking change** if you are using any non-default fonts in your | |
+ web project. Fortunately, it's quite easy to make sure your custom font stac… | |
+ apply to content within Pure Girds. Instead of applying your custom font to | |
+ only the `<body>` element, apply it to the grid units as well: | |
+ | |
+ ```css | |
+ body, | |
+ .pure-g [class *= "pure-u"], | |
+ .pure-g-r [class *= "pure-u"] { | |
+ /* Set you're content font stack here: */ | |
+ font-family: Georgia, Times, "Times New Roman", serif; | |
+ } | |
+ ``` | |
+ | |
+ Refer to the [Grids Documentation][Grids-fonts] for more details on using | |
+ non-default fonts with Pure Grids. | |
+ ([#41][], [#162][], [#166][], [#189][]: @adapterik @dannyfritz, @pandeiro) | |
+ | |
+* Fixed grid units from falling to a new line on IE 6 and IE 7. Grid units now | |
+ have a separate `*width` value for these older versions of IE. This value is | |
+ `0.005%` less than the standard `width` value. This fix does not affect mode… | |
+ browsers because it uses the star hack. ([#154][]) | |
+ | |
+* Added a `height: auto` rule to images within a `.pure-g-r` so that their | |
+ aspect ratios are maintained when the page is resized. ([#172][]: @dchest) | |
+ | |
+ | |
+[#41]: https://github.com/yahoo/pure/issues/41 | |
+[#143]: https://github.com/yahoo/pure/issues/143 | |
+[#154]: https://github.com/yahoo/pure/issues/154 | |
+[#160]: https://github.com/yahoo/pure/issues/160 | |
+[#162]: https://github.com/yahoo/pure/issues/162 | |
+[#166]: https://github.com/yahoo/pure/issues/166 | |
+[#170]: https://github.com/yahoo/pure/issues/170 | |
+[#171]: https://github.com/yahoo/pure/issues/171 | |
+[#172]: https://github.com/yahoo/pure/issues/172 | |
+[#185]: https://github.com/yahoo/pure/issues/185 | |
+[#189]: https://github.com/yahoo/pure/issues/189 | |
+ | |
+[Customize]: http://purecss.io/customize/ | |
+[Grids-fonts]: http://purecss.io/grids/#using-grids-with-custom-fonts | |
+ | |
+ | |
+0.2.1 (2013-07-17) | |
+------------------ | |
+ | |
+### Forms | |
+ | |
+* __[!]__ Made `[readonly]` `<input>`s look visually different to `[disabled]` | |
+ and regular `<input>`s. ([#102][]: @jaseg) | |
+ | |
+* Fixed copy/paste bug that mapped text inputs to `.pure-form` instead of | |
+ `.pure-group`. The `.pure-form-group input` styles are now applied to all | |
+ text-ish `<input>` elements. ([#96][]) | |
+ | |
+* Fixed `.pure-input-rounded` styles to now apply correctly. The change to use | |
+ more specific selectors for text-ish inputs in v0.2.0 caused the | |
+ `.pure-input-rounded` selector to not apply because it was less specific. Th… | |
+ selector now has right specificity. ([#109][]: @AurelioDeRosa) | |
+ | |
+* Added `display: block` to `<textarea>`s in `.pure-form-stacked` `<form>`s to | |
+ fix an alignment issue for subsequent elements. ([#90][]: @AurelioDeRosa) | |
+ | |
+* Removed the gray `color` from `.pure-form label`. This allows `<label>`s to | |
+ inherit their foreground color. ([#89][]: @AurelioDeRosa) | |
+ | |
+### Grids | |
+ | |
+* __[!]__ Changed `.pure-u-1` grid unit to now use `width: 100%` instead of | |
+ `display: block` to achieve taking up the full width of its container. This | |
+ makes it easier to override and align since it's using `display: inline-bloc… | |
+ like the other grid units. ([#94][]) | |
+ | |
+* Fixed `width` value typo in `.pure-u-1-6`, changed it from `16.656%` to | |
+ `16.666%`. ([#115][]: @chilts) | |
+ | |
+### Menus | |
+ | |
+* __[!]__ Fixed broken styling of active paginator items by using Grids CSS | |
+ rules to layout items horizontally; this makes sure the active item isn't | |
+ overlapped. ([#127][]) | |
+ | |
+### Tables | |
+ | |
+* Removed `white-space: nowrap` from `.pure-table thead`. This fixes issues | |
+ where tables inside of grids would break the grid. ([#95][]: @AurelioDeRosa) | |
+ | |
+ | |
+[#89]: https://github.com/yahoo/pure/issues/89 | |
+[#90]: https://github.com/yahoo/pure/issues/90 | |
+[#94]: https://github.com/yahoo/pure/issues/94 | |
+[#95]: https://github.com/yahoo/pure/issues/95 | |
+[#96]: https://github.com/yahoo/pure/issues/96 | |
+[#102]: https://github.com/yahoo/pure/issues/102 | |
+[#109]: https://github.com/yahoo/pure/issues/109 | |
+[#115]: https://github.com/yahoo/pure/issues/115 | |
+[#127]: https://github.com/yahoo/pure/issues/127 | |
+[#172]: https://github.com/yahoo/pure/pull/172 | |
+ | |
+ | |
+0.2.0 (2013-06-11) | |
+------------------ | |
+ | |
+* __[!]__ Fixed accessibility mistake by removing `a:focus {outline: none;}` | |
+ rule from `buttons-core.css`. | |
+ | |
+* __[!]__ Improved `:focus` styles by applying the same rules that are used by | |
+ `:hover` styles. When overriding Pure's `:hover` styles, be sure to include | |
+ `:focus` selectors as well. | |
+ | |
+* Added improvements to developer workflow: | |
+ | |
+ * Added basic Tests using CSSLint via `grunt test` ([#25][]) | |
+ | |
+ * Integrated Travis CI which runs `grunt test` on pushes to `master` and f… | |
+ pull requests. | |
+ | |
+ * Added `grunt watch` task which runs tests and build. | |
+ | |
+ * Added support to `pure-site` for serving `pure` locally during | |
+ development. ([#46][], [yahoo/pure-site#111][]) | |
+ | |
+* Removed vendor prefixes for `box-shadow`, `text-shadow`, `border-radius`. All | |
+ modern browsers support the non-prefixed versions of these properties. | |
+ ([#23][]) | |
+ | |
+### Forms | |
+ | |
+* __[!]__ Replaced `.pure-help-inline` with `.pure-form-message-inline`. We | |
+ still support the older classname but it is deprecated and will be going away | |
+ in a future release. ([#32][]: @dannytatom) | |
+ | |
+* Added a new class called `.pure-form-message`. It works the same way as | |
+ `.pure-form-message-inline` but is meant for block elements. | |
+ ([#32][]: @dannytatom) | |
+ | |
+* Added focus styles for file, radio, and checkbox `<input>`s to improve | |
+ accessibility. ([#42][]: @codepb) | |
+ | |
+* `<textarea>`s now have the same styling as `<input>`s. ([#49][]: @rcbdev) | |
+ | |
+* `.pure-form input` rules are now more specific by targetting only "texty" | |
+ `<inputs>`. This prevents these styles from affecting "buttony" `<input>`s. | |
+ ([#54][]) | |
+ | |
+### Grids | |
+ | |
+* Elements with classnames before the responsive grid's unit classnames now | |
+ works correctly. Before units were targeted using the `^=` ("starts with") | |
+ selector, which meant that if another classname preceded the unit classname, | |
+ then the rule would not apply. ([#44][]) | |
+ | |
+### Menus | |
+ | |
+* Added `.pure-menu-separator` classname that can be used to visually | |
+ separate horizontal menu items. ([#53][]: @codepb, @mseri) | |
+ | |
+* Focused menus have an `outline: none` by default. Instead, menu-items that | |
+ have been opened to display children (in a drop-down menu) get a slight | |
+ background (`#dedede`) for accessibility. ([#22][]) | |
+ | |
+ | |
+[#22]: https://github.com/yahoo/pure/issues/22 | |
+[#23]: https://github.com/yahoo/pure/issues/23 | |
+[#25]: https://github.com/yahoo/pure/issues/25 | |
+[#32]: https://github.com/yahoo/pure/issues/32 | |
+[#42]: https://github.com/yahoo/pure/issues/42 | |
+[#44]: https://github.com/yahoo/pure/issues/44 | |
+[#46]: https://github.com/yahoo/pure/issues/46 | |
+[#49]: https://github.com/yahoo/pure/issues/49 | |
+[#53]: https://github.com/yahoo/pure/issues/53 | |
+[#54]: https://github.com/yahoo/pure/issues/54 | |
+ | |
+[yahoo/pure-site#111]: https://github.com/yahoo/pure-site/issues/111 | |
+ | |
+ | |
+0.1.0 (2013-05-24) | |
+------------------ | |
+ | |
+* __[!]__ Initial public release. | |
+ | |
+* Upgraded Normalize.css to 1.1.2. | |
+ | |
+* Integrated Bower into `grunt import` process. | |
+ | |
+* Cleaned up manual test files, removing unnecessary CSS files and cruft. | |
+ | |
+### Buttons | |
+ | |
+* Added `border-radius: 2px` to enhance the appearance the they are click-able. | |
+ | |
+### Menus | |
+ | |
+* Removed `border-radius` from vertical menus. | |
+ | |
+* Replaced blue hover for menus with light grey (`#eee`) | |
+ | |
+* Removed `font-weight: bold` from selected menu items. | |
+ | |
+ | |
+0.0.2 (2013-05-16) | |
+------------------ | |
+ | |
+* __[!]__ Renamed to Pure. | |
+ | |
+* __[!]__ Renamed CSS classname prefix to `pure`. | |
+ | |
+* Preview release (2). | |
+ | |
+ | |
+0.0.1 (2013-05-14) | |
+------------------ | |
+ | |
+* Preview release. | |
diff --git a/static/css/pure_r1.0.0/LICENSE.md b/static/css/pure_r1.0.0/LICENSE… | |
@@ -0,0 +1,52 @@ | |
+Software License Agreement (BSD License) | |
+======================================== | |
+ | |
+Copyright 2014 Yahoo! Inc. All rights reserved. | |
+ | |
+Redistribution and use in source and binary forms, with or without | |
+modification, are permitted provided that the following conditions are met: | |
+ | |
+ * Redistributions of source code must retain the above copyright | |
+ notice, this list of conditions and the following disclaimer. | |
+ | |
+ * Redistributions in binary form must reproduce the above copyright | |
+ notice, this list of conditions and the following disclaimer in the | |
+ documentation and/or other materials provided with the distribution. | |
+ | |
+ * Neither the name of the Yahoo! Inc. nor the | |
+ names of its contributors may be used to endorse or promote products | |
+ derived from this software without specific prior written permission. | |
+ | |
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND | |
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED | |
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE | |
+DISCLAIMED. IN NO EVENT SHALL YAHOO! INC. BE LIABLE FOR ANY | |
+DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES | |
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; | |
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND | |
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT | |
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS | |
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. | |
+ | |
+ | |
+Normalize.css License | |
+===================== | |
+ | |
+Copyright (c) Nicolas Gallagher and Jonathan Neal | |
+ | |
+Permission is hereby granted, free of charge, to any person obtaining a copy of | |
+this software and associated documentation files (the "Software"), to deal in | |
+the Software without restriction, including without limitation the rights to | |
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies … | |
+the Software, and to permit persons to whom the Software is furnished to do so, | |
+subject to the following conditions: | |
+ | |
+The above copyright notice and this permission notice shall be included in all | |
+copies or substantial portions of the Software. | |
+ | |
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR | |
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNE… | |
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR | |
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER | |
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN | |
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. | |
diff --git a/static/css/pure_r1.0.0/README.md b/static/css/pure_r1.0.0/README.md | |
@@ -0,0 +1,185 @@ | |
+Pure | |
+==== | |
+ | |
+[][Buil… | |
+[](https:/… | |
+[](https://gitter.im/yahoo/… | |
+ | |
+**Use From the CDN:** | |
+ | |
+```html | |
+<link rel="stylesheet" href="https://unpkg.com/[email protected]/build/pure-min.cs… | |
+``` | |
+ | |
+Note: You can [customize which Pure modules you need][customize]. | |
+ | |
+**Install with Bower:** | |
+ | |
+```shell | |
+$ bower install --save pure | |
+``` | |
+ | |
+**Install with NPM:** | |
+ | |
+```shell | |
+$ npm install purecss | |
+``` | |
+ | |
+[Pure]: http://purecss.io/ | |
+[Bower]: http://bower.io/ | |
+[Build Status]: https://travis-ci.org/yahoo/pure | |
+[customize]: http://purecss.io/customize/ | |
+ | |
+ | |
+Features | |
+-------- | |
+ | |
+Pure is meant to be a starting point for every website or web app. We take care | |
+of all the CSS work that every site needs, without making it look cookie-cutte… | |
+ | |
+* A responsive grid that can be customized to your needs. | |
+ | |
+* A solid base built on [Normalize.css][] to fix cross-browser compatibility | |
+ issues. | |
+ | |
+* Consistently styled buttons that work with `<a>` and `<button>` elements. | |
+ | |
+* Styles for vertical and horizontal menus, including support for dropdown | |
+ menus. | |
+ | |
+* Useful form alignments that look great on all screen sizes. | |
+ | |
+* Various common table styles. | |
+ | |
+* An extremely minimalist look that is super-easy to customize. | |
+ | |
+* Responsive by default, with a non-responsive option. | |
+ | |
+* Extremely small file size: **4.5KB minified + gzip**. | |
+ | |
+ | |
+[Normalize.css]: http://necolas.github.io/normalize.css/ | |
+ | |
+ | |
+Get Started | |
+----------- | |
+ | |
+To get started using Pure, go to the [Pure CSS website][Pure]. The website has | |
+extensive documentation and examples to help you start using Pure. | |
+ | |
+You can include the Pure CSS file in your project by fetching it from Yahoo's | |
+CDN: | |
+ | |
+```html | |
+<link rel="stylesheet" href="https://unpkg.com/[email protected]/build/pure-min.cs… | |
+``` | |
+ | |
+You can also install Pure using [Bower][], using the following command: | |
+ | |
+```shell | |
+$ bower install --save pure | |
+``` | |
+ | |
+Or you can install Pure using NPM: | |
+ | |
+```shell | |
+$ npm install purecss | |
+``` | |
+ | |
+Build From Source | |
+----------------- | |
+ | |
+Optionally, you can build Pure from its source on Github. To do this, you'll | |
+need to have Node.js and npm installed. We use [Grunt][] to build Pure. | |
+ | |
+```shell | |
+$ git clone [email protected]:yahoo/pure.git | |
+$ cd pure | |
+$ npm install | |
+$ grunt | |
+``` | |
+ | |
+### Build Files | |
+ | |
+Now, all Pure CSS files should be built into the `pure/build/` directory. All | |
+files that are in this build directory are also available on the CDN. The nami… | |
+conventions of the files in the `build/` directory follow these rules: | |
+ | |
+* `[module]-core.css`: The minimal set of styles, usually structural, that | |
+ provide the base on which the rest of the module's styles build. | |
+ | |
+* `[module]-nr.css`: Rollup of `[module]-core.css` + `[module].css` + | |
+ `[module]-[feature].css` from the `src/[module]/` dir. This is the | |
+ non-responsive version of a module. | |
+ | |
+* `[module].css`: Rollup of `[module]-nr.css` + `[module]-r.css` from the | |
+ `build/` dir. This is the responsive version of a module. | |
+ | |
+* `*-min.css`: A minified file version of the files of the same name. | |
+ | |
+* `pure.css`: A rollup of all `[module].css` files in the `build/` dir. This is | |
+ a responsive roll-up of everything, non-minified. Note: does not contain re… | |
+ | |
+* `pure-min.css`: Minified version of `pure.css` that should be used in | |
+ production. | |
+ | |
+* `pure-nr.css`: A Rollup of all modules without @media queries. This is a | |
+ non-responsive roll-up of everything, non-minified. | |
+ | |
+* `pure-nr-min.css`: Minified version of `pure-nr.css` that should be used in | |
+ production. | |
+ | |
+* `grids-responsive.css`: Unminified version of Pure's grid stylesheet which | |
+ includes @media queries. | |
+ | |
+* `grids-responsive-min.css`: Minified version of `grids-responsive.css` that | |
+ should be used in production. | |
+ | |
+ | |
+[Grunt]: http://gruntjs.com/ | |
+ | |
+ | |
+Browser Support and Testing | |
+--------------------------- | |
+ | |
+Pure is tested and works in: | |
+ | |
+* IE 8+ | |
+* Latest Stable: Firefox, Chrome, Safari | |
+* iOS 6-8 | |
+* Android 4.x | |
+ | |
+ | |
+Docs and Website | |
+---------------- | |
+ | |
+[Pure's website][Pure] is also open source, so please open any issues or pull | |
+requests for the docs and website over at the [`pure-site`][pure-site] | |
+repository. | |
+ | |
+ | |
+[pure-site]: https://github.com/yahoo/pure-site | |
+ | |
+ | |
+Contributing | |
+------------ | |
+ | |
+See the [CONTRIBUTING file][] for information on how to contribute to Pure. | |
+ | |
+ | |
+[CONTRIBUTING file]: https://github.com/yahoo/pure/blob/master/CONTRIBUTING.md | |
+ | |
+ | |
+License | |
+------- | |
+ | |
+This software is free to use under the Yahoo! Inc. BSD license. | |
+See the [LICENSE file][] for license text and copyright information. | |
+ | |
+ | |
+[LICENSE file]: https://github.com/yahoo/pure/blob/master/LICENSE.md | |
diff --git a/static/css/pure_r1.0.0/base-context-min.css b/static/css/pure_r1.0… | |
@@ -0,0 +1,11 @@ | |
+/*! | |
+Pure v1.0.0 | |
+Copyright 2013 Yahoo! | |
+Licensed under the BSD License. | |
+https://github.com/yahoo/pure/blob/master/LICENSE.md | |
+*/ | |
+/*! | |
+normalize.css v^3.0 | MIT License | git.io/normalize | |
+Copyright (c) Nicolas Gallagher and Jonathan Neal | |
+*/ | |
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */.p… | |
+\ No newline at end of file | |
diff --git a/static/css/pure_r1.0.0/base-context.css b/static/css/pure_r1.0.0/b… | |
@@ -0,0 +1,480 @@ | |
+/*! | |
+Pure v1.0.0 | |
+Copyright 2013 Yahoo! | |
+Licensed under the BSD License. | |
+https://github.com/yahoo/pure/blob/master/LICENSE.md | |
+*/ | |
+/*! | |
+normalize.css v^3.0 | MIT License | git.io/normalize | |
+Copyright (c) Nicolas Gallagher and Jonathan Neal | |
+*/ | |
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ | |
+ | |
+/** | |
+ * 1. Set default font family to sans-serif. | |
+ * 2. Prevent iOS and IE text size adjust after device orientation change, | |
+ * without disabling user zoom. | |
+ */ | |
+ | |
+.pure { | |
+ font-family: sans-serif; | |
+ /* 1 */ | |
+ -ms-text-size-adjust: 100%; | |
+ /* 2 */ | |
+ -webkit-text-size-adjust: 100%; | |
+ /* 2 */ | |
+} | |
+ | |
+/** | |
+ * Remove default margin. | |
+ */ | |
+ | |
+.pure { | |
+ margin: 0; | |
+} | |
+ | |
+/* HTML5 display definitions | |
+ ========================================================================== … | |
+ | |
+/** | |
+ * Correct `block` display not defined for any HTML5 element in IE 8/9. | |
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11 | |
+ * and Firefox. | |
+ * Correct `block` display not defined for `main` in IE 11. | |
+ */ | |
+ | |
+.pure article, | |
+.pure aside, | |
+.pure details, | |
+.pure figcaption, | |
+.pure figure, | |
+.pure footer, | |
+.pure header, | |
+.pure hgroup, | |
+.pure main, | |
+.pure menu, | |
+.pure nav, | |
+.pure section, | |
+.pure summary { | |
+ display: block; | |
+} | |
+ | |
+/** | |
+ * 1. Correct `inline-block` display not defined in IE 8/9. | |
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. | |
+ */ | |
+ | |
+.pure audio, | |
+.pure canvas, | |
+.pure progress, | |
+.pure video { | |
+ display: inline-block; | |
+ /* 1 */ | |
+ vertical-align: baseline; | |
+ /* 2 */ | |
+} | |
+ | |
+/** | |
+ * Prevent modern browsers from displaying `audio` without controls. | |
+ * Remove excess height in iOS 5 devices. | |
+ */ | |
+ | |
+.pure audio:not([controls]) { | |
+ display: none; | |
+ height: 0; | |
+} | |
+ | |
+/** | |
+ * Address `[hidden]` styling not present in IE 8/9/10. | |
+ * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. | |
+ */ | |
+ | |
+.pure [hidden], | |
+.pure template { | |
+ display: none; | |
+} | |
+ | |
+/* Links | |
+ ========================================================================== … | |
+ | |
+/** | |
+ * Remove the gray background color from active links in IE 10. | |
+ */ | |
+ | |
+.pure a { | |
+ background-color: transparent; | |
+} | |
+ | |
+/** | |
+ * Improve readability of focused elements when they are also in an | |
+ * active/hover state. | |
+ */ | |
+ | |
+.pure a:active, | |
+.pure a:hover { | |
+ outline: 0; | |
+} | |
+ | |
+/* Text-level semantics | |
+ ========================================================================== … | |
+ | |
+/** | |
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome. | |
+ */ | |
+ | |
+.pure abbr[title] { | |
+ border-bottom: 1px dotted; | |
+} | |
+ | |
+/** | |
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. | |
+ */ | |
+ | |
+.pure b, | |
+.pure strong { | |
+ font-weight: bold; | |
+} | |
+ | |
+/** | |
+ * Address styling not present in Safari and Chrome. | |
+ */ | |
+ | |
+.pure dfn { | |
+ font-style: italic; | |
+} | |
+ | |
+/** | |
+ * Address variable `h1` font-size and margin within `section` and `article` | |
+ * contexts in Firefox 4+, Safari, and Chrome. | |
+ */ | |
+ | |
+.pure h1 { | |
+ font-size: 2em; | |
+ margin: 0.67em 0; | |
+} | |
+ | |
+/** | |
+ * Address styling not present in IE 8/9. | |
+ */ | |
+ | |
+.pure mark { | |
+ background: #ff0; | |
+ color: #000; | |
+} | |
+ | |
+/** | |
+ * Address inconsistent and variable font size in all browsers. | |
+ */ | |
+ | |
+.pure small { | |
+ font-size: 80%; | |
+} | |
+ | |
+/** | |
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers. | |
+ */ | |
+ | |
+.pure sub, | |
+.pure sup { | |
+ font-size: 75%; | |
+ line-height: 0; | |
+ position: relative; | |
+ vertical-align: baseline; | |
+} | |
+ | |
+.pure sup { | |
+ top: -0.5em; | |
+} | |
+ | |
+.pure sub { | |
+ bottom: -0.25em; | |
+} | |
+ | |
+/* Embedded content | |
+ ========================================================================== … | |
+ | |
+/** | |
+ * Remove border when inside `a` element in IE 8/9/10. | |
+ */ | |
+ | |
+.pure img { | |
+ border: 0; | |
+} | |
+ | |
+/** | |
+ * Correct overflow not hidden in IE 9/10/11. | |
+ */ | |
+ | |
+.pure svg:not(:root) { | |
+ overflow: hidden; | |
+} | |
+ | |
+/* Grouping content | |
+ ========================================================================== … | |
+ | |
+/** | |
+ * Address margin not present in IE 8/9 and Safari. | |
+ */ | |
+ | |
+.pure figure { | |
+ margin: 1em 40px; | |
+} | |
+ | |
+/** | |
+ * Address differences between Firefox and other browsers. | |
+ */ | |
+ | |
+.pure hr { | |
+ box-sizing: content-box; | |
+ height: 0; | |
+} | |
+ | |
+/** | |
+ * Contain overflow in all browsers. | |
+ */ | |
+ | |
+.pure pre { | |
+ overflow: auto; | |
+} | |
+ | |
+/** | |
+ * Address odd `em`-unit font size rendering in all browsers. | |
+ */ | |
+ | |
+.pure code, | |
+.pure kbd, | |
+.pure pre, | |
+.pure samp { | |
+ font-family: monospace, monospace; | |
+ font-size: 1em; | |
+} | |
+ | |
+/* Forms | |
+ ========================================================================== … | |
+ | |
+/** | |
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited | |
+ * styling of `select`, unless a `border` property is set. | |
+ */ | |
+ | |
+/** | |
+ * 1. Correct color not being inherited. | |
+ * Known issue: affects color of disabled elements. | |
+ * 2. Correct font properties not being inherited. | |
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. | |
+ */ | |
+ | |
+.pure button, | |
+.pure input, | |
+.pure optgroup, | |
+.pure select, | |
+.pure textarea { | |
+ color: inherit; | |
+ /* 1 */ | |
+ font: inherit; | |
+ /* 2 */ | |
+ margin: 0; | |
+ /* 3 */ | |
+} | |
+ | |
+/** | |
+ * Address `overflow` set to `hidden` in IE 8/9/10/11. | |
+ */ | |
+ | |
+.pure button { | |
+ overflow: visible; | |
+} | |
+ | |
+/** | |
+ * Address inconsistent `text-transform` inheritance for `button` and `select`. | |
+ * All other form control elements do not inherit `text-transform` values. | |
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. | |
+ * Correct `select` style inheritance in Firefox. | |
+ */ | |
+ | |
+.pure button, | |
+.pure select { | |
+ text-transform: none; | |
+} | |
+ | |
+/** | |
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` | |
+ * and `video` controls. | |
+ * 2. Correct inability to style clickable `input` types in iOS. | |
+ * 3. Improve usability and consistency of cursor style between image-type | |
+ * `input` and others. | |
+ */ | |
+ | |
+.pure button, | |
+.pure input[type="button"], | |
+.pure input[type="reset"], | |
+.pure input[type="submit"] { | |
+ -webkit-appearance: button; | |
+ /* 2 */ | |
+ cursor: pointer; | |
+ /* 3 */ | |
+} | |
+ | |
+/** | |
+ * Re-set default cursor for disabled elements. | |
+ */ | |
+ | |
+.pure button[disabled], | |
+.pure input[disabled] { | |
+ cursor: default; | |
+} | |
+ | |
+/** | |
+ * Remove inner padding and border in Firefox 4+. | |
+ */ | |
+ | |
+.pure button::-moz-focus-inner, | |
+.pure input::-moz-focus-inner { | |
+ border: 0; | |
+ padding: 0; | |
+} | |
+ | |
+/** | |
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in | |
+ * the UA stylesheet. | |
+ */ | |
+ | |
+.pure input { | |
+ line-height: normal; | |
+} | |
+ | |
+/** | |
+ * It's recommended that you don't attempt to style these elements. | |
+ * Firefox's implementation doesn't respect box-sizing, padding, or width. | |
+ * | |
+ * 1. Address box sizing set to `content-box` in IE 8/9/10. | |
+ * 2. Remove excess padding in IE 8/9/10. | |
+ */ | |
+ | |
+.pure input[type="checkbox"], | |
+.pure input[type="radio"] { | |
+ box-sizing: border-box; | |
+ /* 1 */ | |
+ padding: 0; | |
+ /* 2 */ | |
+} | |
+ | |
+/** | |
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain | |
+ * `font-size` values of the `input`, it causes the cursor style of the | |
+ * decrement button to change from `default` to `text`. | |
+ */ | |
+ | |
+.pure input[type="number"]::-webkit-inner-spin-button, | |
+.pure input[type="number"]::-webkit-outer-spin-button { | |
+ height: auto; | |
+} | |
+ | |
+/** | |
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome. | |
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. | |
+ */ | |
+ | |
+.pure input[type="search"] { | |
+ -webkit-appearance: textfield; | |
+ /* 1 */ | |
+ box-sizing: content-box; | |
+ /* 2 */ | |
+} | |
+ | |
+/** | |
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X. | |
+ * Safari (but not Chrome) clips the cancel button when the search input has | |
+ * padding (and `textfield` appearance). | |
+ */ | |
+ | |
+.pure input[type="search"]::-webkit-search-cancel-button, | |
+.pure input[type="search"]::-webkit-search-decoration { | |
+ -webkit-appearance: none; | |
+} | |
+ | |
+/** | |
+ * Define consistent border, margin, and padding. | |
+ */ | |
+ | |
+.pure fieldset { | |
+ border: 1px solid #c0c0c0; | |
+ margin: 0 2px; | |
+ padding: 0.35em 0.625em 0.75em; | |
+} | |
+ | |
+/** | |
+ * 1. Correct `color` not being inherited in IE 8/9/10/11. | |
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets. | |
+ */ | |
+ | |
+.pure legend { | |
+ border: 0; | |
+ /* 1 */ | |
+ padding: 0; | |
+ /* 2 */ | |
+} | |
+ | |
+/** | |
+ * Remove default vertical scrollbar in IE 8/9/10/11. | |
+ */ | |
+ | |
+.pure textarea { | |
+ overflow: auto; | |
+} | |
+ | |
+/** | |
+ * Don't inherit the `font-weight` (applied by a rule above). | |
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. | |
+ */ | |
+ | |
+.pure optgroup { | |
+ font-weight: bold; | |
+} | |
+ | |
+/* Tables | |
+ ========================================================================== … | |
+ | |
+/** | |
+ * Remove most spacing between table cells. | |
+ */ | |
+ | |
+.pure table { | |
+ border-collapse: collapse; | |
+ border-spacing: 0; | |
+} | |
+ | |
+.pure td, | |
+.pure th { | |
+ padding: 0; | |
+} | |
+ | |
+/*csslint important:false*/ | |
+ | |
+/* ========================================================================== | |
+ Pure Base Extras | |
+ ========================================================================== … | |
+ | |
+/** | |
+ * Extra rules that Pure adds on top of Normalize.css | |
+ */ | |
+ | |
+/** | |
+ * Always hide an element when it has the `hidden` HTML attribute. | |
+ */ | |
+ | |
+.pure .hidden, | |
+.pure [hidden] { | |
+ display: none !important; | |
+} | |
+ | |
+/** | |
+ * Add this class to an image to make it fit within it's fluid parent wrapper … | |
+ * aspect ratio. | |
+ */ | |
+ | |
+.pure .pure-img { | |
+ max-width: 100%; | |
+ height: auto; | |
+ display: block; | |
+} | |
+\ No newline at end of file | |
diff --git a/static/css/pure_r1.0.0/base-min.css b/static/css/pure_r1.0.0/base-… | |
@@ -0,0 +1,11 @@ | |
+/*! | |
+Pure v1.0.0 | |
+Copyright 2013 Yahoo! | |
+Licensed under the BSD License. | |
+https://github.com/yahoo/pure/blob/master/LICENSE.md | |
+*/ | |
+/*! | |
+normalize.css v^3.0 | MIT License | git.io/normalize | |
+Copyright (c) Nicolas Gallagher and Jonathan Neal | |
+*/ | |
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */im… | |
+\ No newline at end of file | |
diff --git a/static/css/pure_r1.0.0/base.css b/static/css/pure_r1.0.0/base.css | |
@@ -0,0 +1,463 @@ | |
+/*! | |
+Pure v1.0.0 | |
+Copyright 2013 Yahoo! | |
+Licensed under the BSD License. | |
+https://github.com/yahoo/pure/blob/master/LICENSE.md | |
+*/ | |
+/*! | |
+normalize.css v^3.0 | MIT License | git.io/normalize | |
+Copyright (c) Nicolas Gallagher and Jonathan Neal | |
+*/ | |
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ | |
+ | |
+/** | |
+ * 1. Set default font family to sans-serif. | |
+ * 2. Prevent iOS and IE text size adjust after device orientation change, | |
+ * without disabling user zoom. | |
+ */ | |
+ | |
+html { | |
+ font-family: sans-serif; /* 1 */ | |
+ -ms-text-size-adjust: 100%; /* 2 */ | |
+ -webkit-text-size-adjust: 100%; /* 2 */ | |
+} | |
+ | |
+/** | |
+ * Remove default margin. | |
+ */ | |
+ | |
+body { | |
+ margin: 0; | |
+} | |
+ | |
+/* HTML5 display definitions | |
+ ========================================================================== … | |
+ | |
+/** | |
+ * Correct `block` display not defined for any HTML5 element in IE 8/9. | |
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11 | |
+ * and Firefox. | |
+ * Correct `block` display not defined for `main` in IE 11. | |
+ */ | |
+ | |
+article, | |
+aside, | |
+details, | |
+figcaption, | |
+figure, | |
+footer, | |
+header, | |
+hgroup, | |
+main, | |
+menu, | |
+nav, | |
+section, | |
+summary { | |
+ display: block; | |
+} | |
+ | |
+/** | |
+ * 1. Correct `inline-block` display not defined in IE 8/9. | |
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. | |
+ */ | |
+ | |
+audio, | |
+canvas, | |
+progress, | |
+video { | |
+ display: inline-block; /* 1 */ | |
+ vertical-align: baseline; /* 2 */ | |
+} | |
+ | |
+/** | |
+ * Prevent modern browsers from displaying `audio` without controls. | |
+ * Remove excess height in iOS 5 devices. | |
+ */ | |
+ | |
+audio:not([controls]) { | |
+ display: none; | |
+ height: 0; | |
+} | |
+ | |
+/** | |
+ * Address `[hidden]` styling not present in IE 8/9/10. | |
+ * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. | |
+ */ | |
+ | |
+[hidden], | |
+template { | |
+ display: none; | |
+} | |
+ | |
+/* Links | |
+ ========================================================================== … | |
+ | |
+/** | |
+ * Remove the gray background color from active links in IE 10. | |
+ */ | |
+ | |
+a { | |
+ background-color: transparent; | |
+} | |
+ | |
+/** | |
+ * Improve readability of focused elements when they are also in an | |
+ * active/hover state. | |
+ */ | |
+ | |
+a:active, | |
+a:hover { | |
+ outline: 0; | |
+} | |
+ | |
+/* Text-level semantics | |
+ ========================================================================== … | |
+ | |
+/** | |
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome. | |
+ */ | |
+ | |
+abbr[title] { | |
+ border-bottom: 1px dotted; | |
+} | |
+ | |
+/** | |
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. | |
+ */ | |
+ | |
+b, | |
+strong { | |
+ font-weight: bold; | |
+} | |
+ | |
+/** | |
+ * Address styling not present in Safari and Chrome. | |
+ */ | |
+ | |
+dfn { | |
+ font-style: italic; | |
+} | |
+ | |
+/** | |
+ * Address variable `h1` font-size and margin within `section` and `article` | |
+ * contexts in Firefox 4+, Safari, and Chrome. | |
+ */ | |
+ | |
+h1 { | |
+ font-size: 2em; | |
+ margin: 0.67em 0; | |
+} | |
+ | |
+/** | |
+ * Address styling not present in IE 8/9. | |
+ */ | |
+ | |
+mark { | |
+ background: #ff0; | |
+ color: #000; | |
+} | |
+ | |
+/** | |
+ * Address inconsistent and variable font size in all browsers. | |
+ */ | |
+ | |
+small { | |
+ font-size: 80%; | |
+} | |
+ | |
+/** | |
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers. | |
+ */ | |
+ | |
+sub, | |
+sup { | |
+ font-size: 75%; | |
+ line-height: 0; | |
+ position: relative; | |
+ vertical-align: baseline; | |
+} | |
+ | |
+sup { | |
+ top: -0.5em; | |
+} | |
+ | |
+sub { | |
+ bottom: -0.25em; | |
+} | |
+ | |
+/* Embedded content | |
+ ========================================================================== … | |
+ | |
+/** | |
+ * Remove border when inside `a` element in IE 8/9/10. | |
+ */ | |
+ | |
+img { | |
+ border: 0; | |
+} | |
+ | |
+/** | |
+ * Correct overflow not hidden in IE 9/10/11. | |
+ */ | |
+ | |
+svg:not(:root) { | |
+ overflow: hidden; | |
+} | |
+ | |
+/* Grouping content | |
+ ========================================================================== … | |
+ | |
+/** | |
+ * Address margin not present in IE 8/9 and Safari. | |
+ */ | |
+ | |
+figure { | |
+ margin: 1em 40px; | |
+} | |
+ | |
+/** | |
+ * Address differences between Firefox and other browsers. | |
+ */ | |
+ | |
+hr { | |
+ box-sizing: content-box; | |
+ height: 0; | |
+} | |
+ | |
+/** | |
+ * Contain overflow in all browsers. | |
+ */ | |
+ | |
+pre { | |
+ overflow: auto; | |
+} | |
+ | |
+/** | |
+ * Address odd `em`-unit font size rendering in all browsers. | |
+ */ | |
+ | |
+code, | |
+kbd, | |
+pre, | |
+samp { | |
+ font-family: monospace, monospace; | |
+ font-size: 1em; | |
+} | |
+ | |
+/* Forms | |
+ ========================================================================== … | |
+ | |
+/** | |
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited | |
+ * styling of `select`, unless a `border` property is set. | |
+ */ | |
+ | |
+/** | |
+ * 1. Correct color not being inherited. | |
+ * Known issue: affects color of disabled elements. | |
+ * 2. Correct font properties not being inherited. | |
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. | |
+ */ | |
+ | |
+button, | |
+input, | |
+optgroup, | |
+select, | |
+textarea { | |
+ color: inherit; /* 1 */ | |
+ font: inherit; /* 2 */ | |
+ margin: 0; /* 3 */ | |
+} | |
+ | |
+/** | |
+ * Address `overflow` set to `hidden` in IE 8/9/10/11. | |
+ */ | |
+ | |
+button { | |
+ overflow: visible; | |
+} | |
+ | |
+/** | |
+ * Address inconsistent `text-transform` inheritance for `button` and `select`. | |
+ * All other form control elements do not inherit `text-transform` values. | |
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. | |
+ * Correct `select` style inheritance in Firefox. | |
+ */ | |
+ | |
+button, | |
+select { | |
+ text-transform: none; | |
+} | |
+ | |
+/** | |
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` | |
+ * and `video` controls. | |
+ * 2. Correct inability to style clickable `input` types in iOS. | |
+ * 3. Improve usability and consistency of cursor style between image-type | |
+ * `input` and others. | |
+ */ | |
+ | |
+button, | |
+html input[type="button"], /* 1 */ | |
+input[type="reset"], | |
+input[type="submit"] { | |
+ -webkit-appearance: button; /* 2 */ | |
+ cursor: pointer; /* 3 */ | |
+} | |
+ | |
+/** | |
+ * Re-set default cursor for disabled elements. | |
+ */ | |
+ | |
+button[disabled], | |
+html input[disabled] { | |
+ cursor: default; | |
+} | |
+ | |
+/** | |
+ * Remove inner padding and border in Firefox 4+. | |
+ */ | |
+ | |
+button::-moz-focus-inner, | |
+input::-moz-focus-inner { | |
+ border: 0; | |
+ padding: 0; | |
+} | |
+ | |
+/** | |
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in | |
+ * the UA stylesheet. | |
+ */ | |
+ | |
+input { | |
+ line-height: normal; | |
+} | |
+ | |
+/** | |
+ * It's recommended that you don't attempt to style these elements. | |
+ * Firefox's implementation doesn't respect box-sizing, padding, or width. | |
+ * | |
+ * 1. Address box sizing set to `content-box` in IE 8/9/10. | |
+ * 2. Remove excess padding in IE 8/9/10. | |
+ */ | |
+ | |
+input[type="checkbox"], | |
+input[type="radio"] { | |
+ box-sizing: border-box; /* 1 */ | |
+ padding: 0; /* 2 */ | |
+} | |
+ | |
+/** | |
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain | |
+ * `font-size` values of the `input`, it causes the cursor style of the | |
+ * decrement button to change from `default` to `text`. | |
+ */ | |
+ | |
+input[type="number"]::-webkit-inner-spin-button, | |
+input[type="number"]::-webkit-outer-spin-button { | |
+ height: auto; | |
+} | |
+ | |
+/** | |
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome. | |
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. | |
+ */ | |
+ | |
+input[type="search"] { | |
+ -webkit-appearance: textfield; /* 1 */ | |
+ box-sizing: content-box; /* 2 */ | |
+} | |
+ | |
+/** | |
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X. | |
+ * Safari (but not Chrome) clips the cancel button when the search input has | |
+ * padding (and `textfield` appearance). | |
+ */ | |
+ | |
+input[type="search"]::-webkit-search-cancel-button, | |
+input[type="search"]::-webkit-search-decoration { | |
+ -webkit-appearance: none; | |
+} | |
+ | |
+/** | |
+ * Define consistent border, margin, and padding. | |
+ */ | |
+ | |
+fieldset { | |
+ border: 1px solid #c0c0c0; | |
+ margin: 0 2px; | |
+ padding: 0.35em 0.625em 0.75em; | |
+} | |
+ | |
+/** | |
+ * 1. Correct `color` not being inherited in IE 8/9/10/11. | |
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets. | |
+ */ | |
+ | |
+legend { | |
+ border: 0; /* 1 */ | |
+ padding: 0; /* 2 */ | |
+} | |
+ | |
+/** | |
+ * Remove default vertical scrollbar in IE 8/9/10/11. | |
+ */ | |
+ | |
+textarea { | |
+ overflow: auto; | |
+} | |
+ | |
+/** | |
+ * Don't inherit the `font-weight` (applied by a rule above). | |
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. | |
+ */ | |
+ | |
+optgroup { | |
+ font-weight: bold; | |
+} | |
+ | |
+/* Tables | |
+ ========================================================================== … | |
+ | |
+/** | |
+ * Remove most spacing between table cells. | |
+ */ | |
+ | |
+table { | |
+ border-collapse: collapse; | |
+ border-spacing: 0; | |
+} | |
+ | |
+td, | |
+th { | |
+ padding: 0; | |
+} | |
+ | |
+/*csslint important:false*/ | |
+ | |
+/* ========================================================================== | |
+ Pure Base Extras | |
+ ========================================================================== … | |
+ | |
+/** | |
+ * Extra rules that Pure adds on top of Normalize.css | |
+ */ | |
+ | |
+/** | |
+ * Always hide an element when it has the `hidden` HTML attribute. | |
+ */ | |
+ | |
+.hidden, | |
+[hidden] { | |
+ display: none !important; | |
+} | |
+ | |
+/** | |
+ * Add this class to an image to make it fit within it's fluid parent wrapper … | |
+ * aspect ratio. | |
+ */ | |
+.pure-img { | |
+ max-width: 100%; | |
+ height: auto; | |
+ display: block; | |
+} | |
diff --git a/static/css/pure_r1.0.0/bower.json b/static/css/pure_r1.0.0/bower.j… | |
@@ -0,0 +1,9 @@ | |
+{ | |
+ "name": "pure", | |
+ "description": "Use Pure's ridiculously tiny CSS to start any web project.", | |
+ "version": "0.6.2", | |
+ "main": "pure.css", | |
+ "devDependencies": { | |
+ "normalize-css": "^3.0" | |
+ } | |
+} | |
diff --git a/static/css/pure_r1.0.0/buttons-core-min.css b/static/css/pure_r1.0… | |
@@ -0,0 +1,7 @@ | |
+/*! | |
+Pure v1.0.0 | |
+Copyright 2013 Yahoo! | |
+Licensed under the BSD License. | |
+https://github.com/yahoo/pure/blob/master/LICENSE.md | |
+*/ | |
+.pure-button{display:inline-block;zoom:1;line-height:normal;white-space:nowrap… | |
+\ No newline at end of file | |
diff --git a/static/css/pure_r1.0.0/buttons-core.css b/static/css/pure_r1.0.0/b… | |
@@ -0,0 +1,48 @@ | |
+/*! | |
+Pure v1.0.0 | |
+Copyright 2013 Yahoo! | |
+Licensed under the BSD License. | |
+https://github.com/yahoo/pure/blob/master/LICENSE.md | |
+*/ | |
+.pure-button { | |
+ /* Structure */ | |
+ display: inline-block; | |
+ zoom: 1; | |
+ line-height: normal; | |
+ white-space: nowrap; | |
+ vertical-align: middle; | |
+ text-align: center; | |
+ cursor: pointer; | |
+ -webkit-user-drag: none; | |
+ -webkit-user-select: none; | |
+ -moz-user-select: none; | |
+ -ms-user-select: none; | |
+ user-select: none; | |
+ box-sizing: border-box; | |
+} | |
+ | |
+/* Firefox: Get rid of the inner focus border */ | |
+.pure-button::-moz-focus-inner { | |
+ padding: 0; | |
+ border: 0; | |
+} | |
+ | |
+/* Inherit .pure-g styles */ | |
+.pure-button-group { | |
+ letter-spacing: -0.31em; /* Webkit: collapse white-space between units */ | |
+ *letter-spacing: normal; /* reset IE < 8 */ | |
+ *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */ | |
+ text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLe… | |
+} | |
+ | |
+.opera-only :-o-prefocus, | |
+.pure-button-group { | |
+ word-spacing: -0.43em; | |
+} | |
+ | |
+.pure-button-group .pure-button { | |
+ letter-spacing: normal; | |
+ word-spacing: normal; | |
+ vertical-align: top; | |
+ text-rendering: auto; | |
+} | |
diff --git a/static/css/pure_r1.0.0/buttons-min.css b/static/css/pure_r1.0.0/bu… | |
@@ -0,0 +1,7 @@ | |
+/*! | |
+Pure v1.0.0 | |
+Copyright 2013 Yahoo! | |
+Licensed under the BSD License. | |
+https://github.com/yahoo/pure/blob/master/LICENSE.md | |
+*/ | |
+.pure-button{display:inline-block;zoom:1;line-height:normal;white-space:nowrap… | |
+\ No newline at end of file | |
diff --git a/static/css/pure_r1.0.0/buttons.css b/static/css/pure_r1.0.0/button… | |
@@ -0,0 +1,128 @@ | |
+/*! | |
+Pure v1.0.0 | |
+Copyright 2013 Yahoo! | |
+Licensed under the BSD License. | |
+https://github.com/yahoo/pure/blob/master/LICENSE.md | |
+*/ | |
+.pure-button { | |
+ /* Structure */ | |
+ display: inline-block; | |
+ zoom: 1; | |
+ line-height: normal; | |
+ white-space: nowrap; | |
+ vertical-align: middle; | |
+ text-align: center; | |
+ cursor: pointer; | |
+ -webkit-user-drag: none; | |
+ -webkit-user-select: none; | |
+ -moz-user-select: none; | |
+ -ms-user-select: none; | |
+ user-select: none; | |
+ box-sizing: border-box; | |
+} | |
+ | |
+/* Firefox: Get rid of the inner focus border */ | |
+.pure-button::-moz-focus-inner { | |
+ padding: 0; | |
+ border: 0; | |
+} | |
+ | |
+/* Inherit .pure-g styles */ | |
+.pure-button-group { | |
+ letter-spacing: -0.31em; /* Webkit: collapse white-space between units */ | |
+ *letter-spacing: normal; /* reset IE < 8 */ | |
+ *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */ | |
+ text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLe… | |
+} | |
+ | |
+.opera-only :-o-prefocus, | |
+.pure-button-group { | |
+ word-spacing: -0.43em; | |
+} | |
+ | |
+.pure-button-group .pure-button { | |
+ letter-spacing: normal; | |
+ word-spacing: normal; | |
+ vertical-align: top; | |
+ text-rendering: auto; | |
+} | |
+ | |
+/*csslint outline-none:false*/ | |
+ | |
+.pure-button { | |
+ font-family: inherit; | |
+ font-size: 100%; | |
+ padding: 0.5em 1em; | |
+ color: #444; /* rgba not supported (IE 8) */ | |
+ color: rgba(0, 0, 0, 0.80); /* rgba supported */ | |
+ border: 1px solid #999; /*IE 6/7/8*/ | |
+ border: none rgba(0, 0, 0, 0); /*IE9 + everything else*/ | |
+ background-color: #E6E6E6; | |
+ text-decoration: none; | |
+ border-radius: 2px; | |
+} | |
+ | |
+.pure-button-hover, | |
+.pure-button:hover, | |
+.pure-button:focus { | |
+ /* csslint ignore:start */ | |
+ filter: alpha(opacity=90); | |
+ /* csslint ignore:end */ | |
+ background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 4… | |
+ background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba… | |
+} | |
+.pure-button:focus { | |
+ outline: 0; | |
+} | |
+.pure-button-active, | |
+.pure-button:active { | |
+ box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) i… | |
+ border-color: #000\9; | |
+} | |
+ | |
+.pure-button[disabled], | |
+.pure-button-disabled, | |
+.pure-button-disabled:hover, | |
+.pure-button-disabled:focus, | |
+.pure-button-disabled:active { | |
+ border: none; | |
+ background-image: none; | |
+ /* csslint ignore:start */ | |
+ filter: alpha(opacity=40); | |
+ /* csslint ignore:end */ | |
+ opacity: 0.40; | |
+ cursor: not-allowed; | |
+ box-shadow: none; | |
+ pointer-events: none; | |
+} | |
+ | |
+.pure-button-hidden { | |
+ display: none; | |
+} | |
+ | |
+.pure-button-primary, | |
+.pure-button-selected, | |
+a.pure-button-primary, | |
+a.pure-button-selected { | |
+ background-color: rgb(0, 120, 231); | |
+ color: #fff; | |
+} | |
+ | |
+/* Button Groups */ | |
+.pure-button-group .pure-button { | |
+ margin: 0; | |
+ border-radius: 0; | |
+ border-right: 1px solid #111; /* fallback color for rgba() for IE7/8 */ | |
+ border-right: 1px solid rgba(0, 0, 0, 0.2); | |
+ | |
+} | |
+ | |
+.pure-button-group .pure-button:first-child { | |
+ border-top-left-radius: 2px; | |
+ border-bottom-left-radius: 2px; | |
+} | |
+.pure-button-group .pure-button:last-child { | |
+ border-top-right-radius: 2px; | |
+ border-bottom-right-radius: 2px; | |
+ border-right: none; | |
+} | |
diff --git a/static/css/pure_r1.0.0/forms-min.css b/static/css/pure_r1.0.0/form… | |
@@ -0,0 +1,7 @@ | |
+/*! | |
+Pure v1.0.0 | |
+Copyright 2013 Yahoo! | |
+Licensed under the BSD License. | |
+https://github.com/yahoo/pure/blob/master/LICENSE.md | |
+*/ | |
+.pure-form input[type=text],.pure-form input[type=number],.pure-form input[typ… | |
+\ No newline at end of file | |
diff --git a/static/css/pure_r1.0.0/forms-nr-min.css b/static/css/pure_r1.0.0/f… | |
@@ -0,0 +1,7 @@ | |
+/*! | |
+Pure v1.0.0 | |
+Copyright 2013 Yahoo! | |
+Licensed under the BSD License. | |
+https://github.com/yahoo/pure/blob/master/LICENSE.md | |
+*/ | |
+.pure-form input[type=text],.pure-form input[type=number],.pure-form input[typ… | |
+\ No newline at end of file | |
diff --git a/static/css/pure_r1.0.0/forms-nr.css b/static/css/pure_r1.0.0/forms… | |
@@ -0,0 +1,318 @@ | |
+/*! | |
+Pure v1.0.0 | |
+Copyright 2013 Yahoo! | |
+Licensed under the BSD License. | |
+https://github.com/yahoo/pure/blob/master/LICENSE.md | |
+*/ | |
+/*csslint box-model:false*/ | |
+/* | |
+Box-model set to false because we're setting a height on select elements, which | |
+also have border and padding. This is done because some browsers don't render | |
+the padding. We explicitly set the box-model for select elements to border-box, | |
+so we can ignore the csslint warning. | |
+*/ | |
+ | |
+.pure-form input[type="text"], | |
+.pure-form input[type="password"], | |
+.pure-form input[type="email"], | |
+.pure-form input[type="url"], | |
+.pure-form input[type="date"], | |
+.pure-form input[type="month"], | |
+.pure-form input[type="time"], | |
+.pure-form input[type="datetime"], | |
+.pure-form input[type="datetime-local"], | |
+.pure-form input[type="week"], | |
+.pure-form input[type="number"], | |
+.pure-form input[type="search"], | |
+.pure-form input[type="tel"], | |
+.pure-form input[type="color"], | |
+.pure-form select, | |
+.pure-form textarea { | |
+ padding: 0.5em 0.6em; | |
+ display: inline-block; | |
+ border: 1px solid #ccc; | |
+ box-shadow: inset 0 1px 3px #ddd; | |
+ border-radius: 4px; | |
+ vertical-align: middle; | |
+ box-sizing: border-box; | |
+} | |
+ | |
+/* | |
+Need to separate out the :not() selector from the rest of the CSS 2.1 selectors | |
+since IE8 won't execute CSS that contains a CSS3 selector. | |
+*/ | |
+.pure-form input:not([type]) { | |
+ padding: 0.5em 0.6em; | |
+ display: inline-block; | |
+ border: 1px solid #ccc; | |
+ box-shadow: inset 0 1px 3px #ddd; | |
+ border-radius: 4px; | |
+ box-sizing: border-box; | |
+} | |
+ | |
+ | |
+/* Chrome (as of v.32/34 on OS X) needs additional room for color to display. … | |
+/* May be able to remove this tweak as color inputs become more standardized a… | |
+.pure-form input[type="color"] { | |
+ padding: 0.2em 0.5em; | |
+} | |
+ | |
+ | |
+.pure-form input[type="text"]:focus, | |
+.pure-form input[type="password"]:focus, | |
+.pure-form input[type="email"]:focus, | |
+.pure-form input[type="url"]:focus, | |
+.pure-form input[type="date"]:focus, | |
+.pure-form input[type="month"]:focus, | |
+.pure-form input[type="time"]:focus, | |
+.pure-form input[type="datetime"]:focus, | |
+.pure-form input[type="datetime-local"]:focus, | |
+.pure-form input[type="week"]:focus, | |
+.pure-form input[type="number"]:focus, | |
+.pure-form input[type="search"]:focus, | |
+.pure-form input[type="tel"]:focus, | |
+.pure-form input[type="color"]:focus, | |
+.pure-form select:focus, | |
+.pure-form textarea:focus { | |
+ outline: 0; | |
+ border-color: #129FEA; | |
+} | |
+ | |
+/* | |
+Need to separate out the :not() selector from the rest of the CSS 2.1 selectors | |
+since IE8 won't execute CSS that contains a CSS3 selector. | |
+*/ | |
+.pure-form input:not([type]):focus { | |
+ outline: 0; | |
+ border-color: #129FEA; | |
+} | |
+ | |
+.pure-form input[type="file"]:focus, | |
+.pure-form input[type="radio"]:focus, | |
+.pure-form input[type="checkbox"]:focus { | |
+ outline: thin solid #129FEA; | |
+ outline: 1px auto #129FEA; | |
+} | |
+.pure-form .pure-checkbox, | |
+.pure-form .pure-radio { | |
+ margin: 0.5em 0; | |
+ display: block; | |
+} | |
+ | |
+.pure-form input[type="text"][disabled], | |
+.pure-form input[type="password"][disabled], | |
+.pure-form input[type="email"][disabled], | |
+.pure-form input[type="url"][disabled], | |
+.pure-form input[type="date"][disabled], | |
+.pure-form input[type="month"][disabled], | |
+.pure-form input[type="time"][disabled], | |
+.pure-form input[type="datetime"][disabled], | |
+.pure-form input[type="datetime-local"][disabled], | |
+.pure-form input[type="week"][disabled], | |
+.pure-form input[type="number"][disabled], | |
+.pure-form input[type="search"][disabled], | |
+.pure-form input[type="tel"][disabled], | |
+.pure-form input[type="color"][disabled], | |
+.pure-form select[disabled], | |
+.pure-form textarea[disabled] { | |
+ cursor: not-allowed; | |
+ background-color: #eaeded; | |
+ color: #cad2d3; | |
+} | |
+ | |
+/* | |
+Need to separate out the :not() selector from the rest of the CSS 2.1 selectors | |
+since IE8 won't execute CSS that contains a CSS3 selector. | |
+*/ | |
+.pure-form input:not([type])[disabled] { | |
+ cursor: not-allowed; | |
+ background-color: #eaeded; | |
+ color: #cad2d3; | |
+} | |
+.pure-form input[readonly], | |
+.pure-form select[readonly], | |
+.pure-form textarea[readonly] { | |
+ background-color: #eee; /* menu hover bg color */ | |
+ color: #777; /* menu text color */ | |
+ border-color: #ccc; | |
+} | |
+ | |
+.pure-form input:focus:invalid, | |
+.pure-form textarea:focus:invalid, | |
+.pure-form select:focus:invalid { | |
+ color: #b94a48; | |
+ border-color: #e9322d; | |
+} | |
+.pure-form input[type="file"]:focus:invalid:focus, | |
+.pure-form input[type="radio"]:focus:invalid:focus, | |
+.pure-form input[type="checkbox"]:focus:invalid:focus { | |
+ outline-color: #e9322d; | |
+} | |
+.pure-form select { | |
+ /* Normalizes the height; padding is not sufficient. */ | |
+ height: 2.25em; | |
+ border: 1px solid #ccc; | |
+ background-color: white; | |
+} | |
+.pure-form select[multiple] { | |
+ height: auto; | |
+} | |
+.pure-form label { | |
+ margin: 0.5em 0 0.2em; | |
+} | |
+.pure-form fieldset { | |
+ margin: 0; | |
+ padding: 0.35em 0 0.75em; | |
+ border: 0; | |
+} | |
+.pure-form legend { | |
+ display: block; | |
+ width: 100%; | |
+ padding: 0.3em 0; | |
+ margin-bottom: 0.3em; | |
+ color: #333; | |
+ border-bottom: 1px solid #e5e5e5; | |
+} | |
+ | |
+.pure-form-stacked input[type="text"], | |
+.pure-form-stacked input[type="password"], | |
+.pure-form-stacked input[type="email"], | |
+.pure-form-stacked input[type="url"], | |
+.pure-form-stacked input[type="date"], | |
+.pure-form-stacked input[type="month"], | |
+.pure-form-stacked input[type="time"], | |
+.pure-form-stacked input[type="datetime"], | |
+.pure-form-stacked input[type="datetime-local"], | |
+.pure-form-stacked input[type="week"], | |
+.pure-form-stacked input[type="number"], | |
+.pure-form-stacked input[type="search"], | |
+.pure-form-stacked input[type="tel"], | |
+.pure-form-stacked input[type="color"], | |
+.pure-form-stacked input[type="file"], | |
+.pure-form-stacked select, | |
+.pure-form-stacked label, | |
+.pure-form-stacked textarea { | |
+ display: block; | |
+ margin: 0.25em 0; | |
+} | |
+ | |
+/* | |
+Need to separate out the :not() selector from the rest of the CSS 2.1 selectors | |
+since IE8 won't execute CSS that contains a CSS3 selector. | |
+*/ | |
+.pure-form-stacked input:not([type]) { | |
+ display: block; | |
+ margin: 0.25em 0; | |
+} | |
+.pure-form-aligned input, | |
+.pure-form-aligned textarea, | |
+.pure-form-aligned select, | |
+/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead… | |
+.pure-form-aligned .pure-help-inline, | |
+.pure-form-message-inline { | |
+ display: inline-block; | |
+ *display: inline; | |
+ *zoom: 1; | |
+ vertical-align: middle; | |
+} | |
+.pure-form-aligned textarea { | |
+ vertical-align: top; | |
+} | |
+ | |
+/* Aligned Forms */ | |
+.pure-form-aligned .pure-control-group { | |
+ margin-bottom: 0.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 11em; | |
+} | |
+ | |
+/* Rounded Inputs */ | |
+.pure-form input.pure-input-rounded, | |
+.pure-form .pure-input-rounded { | |
+ border-radius: 2em; | |
+ padding: 0.5em 1em; | |
+} | |
+ | |
+/* Grouped Inputs */ | |
+.pure-form .pure-group fieldset { | |
+ margin-bottom: 10px; | |
+} | |
+.pure-form .pure-group input, | |
+.pure-form .pure-group textarea { | |
+ display: block; | |
+ padding: 10px; | |
+ margin: 0 0 -1px; | |
+ border-radius: 0; | |
+ position: relative; | |
+ top: -1px; | |
+} | |
+.pure-form .pure-group input:focus, | |
+.pure-form .pure-group textarea:focus { | |
+ z-index: 3; | |
+} | |
+.pure-form .pure-group input:first-child, | |
+.pure-form .pure-group textarea:first-child { | |
+ top: 1px; | |
+ border-radius: 4px 4px 0 0; | |
+ margin: 0; | |
+} | |
+.pure-form .pure-group input:first-child:last-child, | |
+.pure-form .pure-group textarea:first-child:last-child { | |
+ top: 1px; | |
+ border-radius: 4px; | |
+ margin: 0; | |
+} | |
+.pure-form .pure-group input:last-child, | |
+.pure-form .pure-group textarea:last-child { | |
+ top: -2px; | |
+ border-radius: 0 0 4px 4px; | |
+ margin: 0; | |
+} | |
+.pure-form .pure-group button { | |
+ margin: 0.35em 0; | |
+} | |
+ | |
+.pure-form .pure-input-1 { | |
+ width: 100%; | |
+} | |
+.pure-form .pure-input-3-4 { | |
+ width: 75%; | |
+} | |
+.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%; | |
+} | |
+ | |
+/* Inline help for forms */ | |
+/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead… | |
+.pure-form .pure-help-inline, | |
+.pure-form-message-inline { | |
+ display: inline-block; | |
+ padding-left: 0.3em; | |
+ color: #666; | |
+ vertical-align: middle; | |
+ font-size: 0.875em; | |
+} | |
+ | |
+/* Block help for forms */ | |
+.pure-form-message { | |
+ display: block; | |
+ color: #666; | |
+ font-size: 0.875em; | |
+} | |
diff --git a/static/css/pure_r1.0.0/forms.css b/static/css/pure_r1.0.0/forms.css | |
@@ -0,0 +1,383 @@ | |
+/*! | |
+Pure v1.0.0 | |
+Copyright 2013 Yahoo! | |
+Licensed under the BSD License. | |
+https://github.com/yahoo/pure/blob/master/LICENSE.md | |
+*/ | |
+/*csslint box-model:false*/ | |
+/* | |
+Box-model set to false because we're setting a height on select elements, which | |
+also have border and padding. This is done because some browsers don't render | |
+the padding. We explicitly set the box-model for select elements to border-box, | |
+so we can ignore the csslint warning. | |
+*/ | |
+ | |
+.pure-form input[type="text"], | |
+.pure-form input[type="password"], | |
+.pure-form input[type="email"], | |
+.pure-form input[type="url"], | |
+.pure-form input[type="date"], | |
+.pure-form input[type="month"], | |
+.pure-form input[type="time"], | |
+.pure-form input[type="datetime"], | |
+.pure-form input[type="datetime-local"], | |
+.pure-form input[type="week"], | |
+.pure-form input[type="number"], | |
+.pure-form input[type="search"], | |
+.pure-form input[type="tel"], | |
+.pure-form input[type="color"], | |
+.pure-form select, | |
+.pure-form textarea { | |
+ padding: 0.5em 0.6em; | |
+ display: inline-block; | |
+ border: 1px solid #ccc; | |
+ box-shadow: inset 0 1px 3px #ddd; | |
+ border-radius: 4px; | |
+ vertical-align: middle; | |
+ box-sizing: border-box; | |
+} | |
+ | |
+/* | |
+Need to separate out the :not() selector from the rest of the CSS 2.1 selectors | |
+since IE8 won't execute CSS that contains a CSS3 selector. | |
+*/ | |
+.pure-form input:not([type]) { | |
+ padding: 0.5em 0.6em; | |
+ display: inline-block; | |
+ border: 1px solid #ccc; | |
+ box-shadow: inset 0 1px 3px #ddd; | |
+ border-radius: 4px; | |
+ box-sizing: border-box; | |
+} | |
+ | |
+ | |
+/* Chrome (as of v.32/34 on OS X) needs additional room for color to display. … | |
+/* May be able to remove this tweak as color inputs become more standardized a… | |
+.pure-form input[type="color"] { | |
+ padding: 0.2em 0.5em; | |
+} | |
+ | |
+ | |
+.pure-form input[type="text"]:focus, | |
+.pure-form input[type="password"]:focus, | |
+.pure-form input[type="email"]:focus, | |
+.pure-form input[type="url"]:focus, | |
+.pure-form input[type="date"]:focus, | |
+.pure-form input[type="month"]:focus, | |
+.pure-form input[type="time"]:focus, | |
+.pure-form input[type="datetime"]:focus, | |
+.pure-form input[type="datetime-local"]:focus, | |
+.pure-form input[type="week"]:focus, | |
+.pure-form input[type="number"]:focus, | |
+.pure-form input[type="search"]:focus, | |
+.pure-form input[type="tel"]:focus, | |
+.pure-form input[type="color"]:focus, | |
+.pure-form select:focus, | |
+.pure-form textarea:focus { | |
+ outline: 0; | |
+ border-color: #129FEA; | |
+} | |
+ | |
+/* | |
+Need to separate out the :not() selector from the rest of the CSS 2.1 selectors | |
+since IE8 won't execute CSS that contains a CSS3 selector. | |
+*/ | |
+.pure-form input:not([type]):focus { | |
+ outline: 0; | |
+ border-color: #129FEA; | |
+} | |
+ | |
+.pure-form input[type="file"]:focus, | |
+.pure-form input[type="radio"]:focus, | |
+.pure-form input[type="checkbox"]:focus { | |
+ outline: thin solid #129FEA; | |
+ outline: 1px auto #129FEA; | |
+} | |
+.pure-form .pure-checkbox, | |
+.pure-form .pure-radio { | |
+ margin: 0.5em 0; | |
+ display: block; | |
+} | |
+ | |
+.pure-form input[type="text"][disabled], | |
+.pure-form input[type="password"][disabled], | |
+.pure-form input[type="email"][disabled], | |
+.pure-form input[type="url"][disabled], | |
+.pure-form input[type="date"][disabled], | |
+.pure-form input[type="month"][disabled], | |
+.pure-form input[type="time"][disabled], | |
+.pure-form input[type="datetime"][disabled], | |
+.pure-form input[type="datetime-local"][disabled], | |
+.pure-form input[type="week"][disabled], | |
+.pure-form input[type="number"][disabled], | |
+.pure-form input[type="search"][disabled], | |
+.pure-form input[type="tel"][disabled], | |
+.pure-form input[type="color"][disabled], | |
+.pure-form select[disabled], | |
+.pure-form textarea[disabled] { | |
+ cursor: not-allowed; | |
+ background-color: #eaeded; | |
+ color: #cad2d3; | |
+} | |
+ | |
+/* | |
+Need to separate out the :not() selector from the rest of the CSS 2.1 selectors | |
+since IE8 won't execute CSS that contains a CSS3 selector. | |
+*/ | |
+.pure-form input:not([type])[disabled] { | |
+ cursor: not-allowed; | |
+ background-color: #eaeded; | |
+ color: #cad2d3; | |
+} | |
+.pure-form input[readonly], | |
+.pure-form select[readonly], | |
+.pure-form textarea[readonly] { | |
+ background-color: #eee; /* menu hover bg color */ | |
+ color: #777; /* menu text color */ | |
+ border-color: #ccc; | |
+} | |
+ | |
+.pure-form input:focus:invalid, | |
+.pure-form textarea:focus:invalid, | |
+.pure-form select:focus:invalid { | |
+ color: #b94a48; | |
+ border-color: #e9322d; | |
+} | |
+.pure-form input[type="file"]:focus:invalid:focus, | |
+.pure-form input[type="radio"]:focus:invalid:focus, | |
+.pure-form input[type="checkbox"]:focus:invalid:focus { | |
+ outline-color: #e9322d; | |
+} | |
+.pure-form select { | |
+ /* Normalizes the height; padding is not sufficient. */ | |
+ height: 2.25em; | |
+ border: 1px solid #ccc; | |
+ background-color: white; | |
+} | |
+.pure-form select[multiple] { | |
+ height: auto; | |
+} | |
+.pure-form label { | |
+ margin: 0.5em 0 0.2em; | |
+} | |
+.pure-form fieldset { | |
+ margin: 0; | |
+ padding: 0.35em 0 0.75em; | |
+ border: 0; | |
+} | |
+.pure-form legend { | |
+ display: block; | |
+ width: 100%; | |
+ padding: 0.3em 0; | |
+ margin-bottom: 0.3em; | |
+ color: #333; | |
+ border-bottom: 1px solid #e5e5e5; | |
+} | |
+ | |
+.pure-form-stacked input[type="text"], | |
+.pure-form-stacked input[type="password"], | |
+.pure-form-stacked input[type="email"], | |
+.pure-form-stacked input[type="url"], | |
+.pure-form-stacked input[type="date"], | |
+.pure-form-stacked input[type="month"], | |
+.pure-form-stacked input[type="time"], | |
+.pure-form-stacked input[type="datetime"], | |
+.pure-form-stacked input[type="datetime-local"], | |
+.pure-form-stacked input[type="week"], | |
+.pure-form-stacked input[type="number"], | |
+.pure-form-stacked input[type="search"], | |
+.pure-form-stacked input[type="tel"], | |
+.pure-form-stacked input[type="color"], | |
+.pure-form-stacked input[type="file"], | |
+.pure-form-stacked select, | |
+.pure-form-stacked label, | |
+.pure-form-stacked textarea { | |
+ display: block; | |
+ margin: 0.25em 0; | |
+} | |
+ | |
+/* | |
+Need to separate out the :not() selector from the rest of the CSS 2.1 selectors | |
+since IE8 won't execute CSS that contains a CSS3 selector. | |
+*/ | |
+.pure-form-stacked input:not([type]) { | |
+ display: block; | |
+ margin: 0.25em 0; | |
+} | |
+.pure-form-aligned input, | |
+.pure-form-aligned textarea, | |
+.pure-form-aligned select, | |
+/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead… | |
+.pure-form-aligned .pure-help-inline, | |
+.pure-form-message-inline { | |
+ display: inline-block; | |
+ *display: inline; | |
+ *zoom: 1; | |
+ vertical-align: middle; | |
+} | |
+.pure-form-aligned textarea { | |
+ vertical-align: top; | |
+} | |
+ | |
+/* Aligned Forms */ | |
+.pure-form-aligned .pure-control-group { | |
+ margin-bottom: 0.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 11em; | |
+} | |
+ | |
+/* Rounded Inputs */ | |
+.pure-form input.pure-input-rounded, | |
+.pure-form .pure-input-rounded { | |
+ border-radius: 2em; | |
+ padding: 0.5em 1em; | |
+} | |
+ | |
+/* Grouped Inputs */ | |
+.pure-form .pure-group fieldset { | |
+ margin-bottom: 10px; | |
+} | |
+.pure-form .pure-group input, | |
+.pure-form .pure-group textarea { | |
+ display: block; | |
+ padding: 10px; | |
+ margin: 0 0 -1px; | |
+ border-radius: 0; | |
+ position: relative; | |
+ top: -1px; | |
+} | |
+.pure-form .pure-group input:focus, | |
+.pure-form .pure-group textarea:focus { | |
+ z-index: 3; | |
+} | |
+.pure-form .pure-group input:first-child, | |
+.pure-form .pure-group textarea:first-child { | |
+ top: 1px; | |
+ border-radius: 4px 4px 0 0; | |
+ margin: 0; | |
+} | |
+.pure-form .pure-group input:first-child:last-child, | |
+.pure-form .pure-group textarea:first-child:last-child { | |
+ top: 1px; | |
+ border-radius: 4px; | |
+ margin: 0; | |
+} | |
+.pure-form .pure-group input:last-child, | |
+.pure-form .pure-group textarea:last-child { | |
+ top: -2px; | |
+ border-radius: 0 0 4px 4px; | |
+ margin: 0; | |
+} | |
+.pure-form .pure-group button { | |
+ margin: 0.35em 0; | |
+} | |
+ | |
+.pure-form .pure-input-1 { | |
+ width: 100%; | |
+} | |
+.pure-form .pure-input-3-4 { | |
+ width: 75%; | |
+} | |
+.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%; | |
+} | |
+ | |
+/* Inline help for forms */ | |
+/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead… | |
+.pure-form .pure-help-inline, | |
+.pure-form-message-inline { | |
+ display: inline-block; | |
+ padding-left: 0.3em; | |
+ color: #666; | |
+ vertical-align: middle; | |
+ font-size: 0.875em; | |
+} | |
+ | |
+/* Block help for forms */ | |
+.pure-form-message { | |
+ display: block; | |
+ color: #666; | |
+ font-size: 0.875em; | |
+} | |
+ | |
+@media only screen and (max-width : 480px) { | |
+ .pure-form button[type="submit"] { | |
+ margin: 0.7em 0 0; | |
+ } | |
+ | |
+ .pure-form input:not([type]), | |
+ .pure-form input[type="text"], | |
+ .pure-form input[type="password"], | |
+ .pure-form input[type="email"], | |
+ .pure-form input[type="url"], | |
+ .pure-form input[type="date"], | |
+ .pure-form input[type="month"], | |
+ .pure-form input[type="time"], | |
+ .pure-form input[type="datetime"], | |
+ .pure-form input[type="datetime-local"], | |
+ .pure-form input[type="week"], | |
+ .pure-form input[type="number"], | |
+ .pure-form input[type="search"], | |
+ .pure-form input[type="tel"], | |
+ .pure-form input[type="color"], | |
+ .pure-form label { | |
+ margin-bottom: 0.3em; | |
+ display: block; | |
+ } | |
+ | |
+ .pure-group input:not([type]), | |
+ .pure-group input[type="text"], | |
+ .pure-group input[type="password"], | |
+ .pure-group input[type="email"], | |
+ .pure-group input[type="url"], | |
+ .pure-group input[type="date"], | |
+ .pure-group input[type="month"], | |
+ .pure-group input[type="time"], | |
+ .pure-group input[type="datetime"], | |
+ .pure-group input[type="datetime-local"], | |
+ .pure-group input[type="week"], | |
+ .pure-group input[type="number"], | |
+ .pure-group input[type="search"], | |
+ .pure-group input[type="tel"], | |
+ .pure-group input[type="color"] { | |
+ margin-bottom: 0; | |
+ } | |
+ | |
+ .pure-form-aligned .pure-control-group label { | |
+ margin-bottom: 0.3em; | |
+ text-align: left; | |
+ display: block; | |
+ width: 100%; | |
+ } | |
+ | |
+ .pure-form-aligned .pure-controls { | |
+ margin: 1.5em 0 0 0; | |
+ } | |
+ | |
+ /* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline ins… | |
+ .pure-form .pure-help-inline, | |
+ .pure-form-message-inline, | |
+ .pure-form-message { | |
+ display: block; | |
+ font-size: 0.75em; | |
+ /* Increased bottom padding to make it group with its related input el… | |
+ padding: 0.2em 0 0.8em; | |
+ } | |
+} | |
diff --git a/static/css/pure_r1.0.0/grids-core-min.css b/static/css/pure_r1.0.0… | |
@@ -0,0 +1,7 @@ | |
+/*! | |
+Pure v1.0.0 | |
+Copyright 2013 Yahoo! | |
+Licensed under the BSD License. | |
+https://github.com/yahoo/pure/blob/master/LICENSE.md | |
+*/ | |
+.pure-g{letter-spacing:-.31em;text-rendering:optimizespeed;font-family:FreeSan… | |
+\ No newline at end of file | |
diff --git a/static/css/pure_r1.0.0/grids-core.css b/static/css/pure_r1.0.0/gri… | |
@@ -0,0 +1,80 @@ | |
+/*! | |
+Pure v1.0.0 | |
+Copyright 2013 Yahoo! | |
+Licensed under the BSD License. | |
+https://github.com/yahoo/pure/blob/master/LICENSE.md | |
+*/ | |
+/*csslint regex-selectors:false, known-properties:false, duplicate-properties:… | |
+ | |
+.pure-g { | |
+ letter-spacing: -0.31em; /* Webkit: collapse white-space between units */ | |
+ *letter-spacing: normal; /* reset IE < 8 */ | |
+ *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */ | |
+ text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLe… | |
+ | |
+ /* | |
+ Sets the font stack to fonts known to work properly with the above letter | |
+ and word spacings. See: https://github.com/yahoo/pure/issues/41/ | |
+ | |
+ The following font stack makes Pure Grids work on all known environments. | |
+ | |
+ * FreeSans: Ships with many Linux distros, including Ubuntu | |
+ | |
+ * Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and | |
+ Arial to get picked up by the browser, even though neither is available | |
+ in Chrome OS. | |
+ | |
+ * Droid Sans: Ships with all versions of Android. | |
+ | |
+ * Helvetica, Arial, sans-serif: Common font stack on OS X and Windows. | |
+ */ | |
+ font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif; | |
+ | |
+ /* Use flexbox when possible to avoid `letter-spacing` side-effects. */ | |
+ display: -webkit-box; | |
+ display: -webkit-flex; | |
+ display: -ms-flexbox; | |
+ display: flex; | |
+ -webkit-flex-flow: row wrap; | |
+ -ms-flex-flow: row wrap; | |
+ flex-flow: row wrap; | |
+ | |
+ /* Prevents distributing space between rows */ | |
+ -webkit-align-content: flex-start; | |
+ -ms-flex-line-pack: start; | |
+ align-content: flex-start; | |
+} | |
+ | |
+/* IE10 display: -ms-flexbox (and display: flex in IE 11) does not work inside… | |
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { | |
+ table .pure-g { | |
+ display: block; | |
+ } | |
+} | |
+ | |
+/* Opera as of 12 on Windows needs word-spacing. | |
+ The ".opera-only" selector is used to prevent actual prefocus styling | |
+ and is not required in markup. | |
+*/ | |
+.opera-only :-o-prefocus, | |
+.pure-g { | |
+ word-spacing: -0.43em; | |
+} | |
+ | |
+.pure-u { | |
+ display: inline-block; | |
+ *display: inline; /* IE < 8: fake inline-block */ | |
+ zoom: 1; | |
+ letter-spacing: normal; | |
+ word-spacing: normal; | |
+ vertical-align: top; | |
+ text-rendering: auto; | |
+} | |
+ | |
+/* | |
+Resets the font family back to the OS/browser's default sans-serif font, | |
+this the same font stack that Normalize.css sets for the `body`. | |
+*/ | |
+.pure-g [class *= "pure-u"] { | |
+ font-family: sans-serif; | |
+} | |
diff --git a/static/css/pure_r1.0.0/grids-min.css b/static/css/pure_r1.0.0/grid… | |
@@ -0,0 +1,7 @@ | |
+/*! | |
+Pure v1.0.0 | |
+Copyright 2013 Yahoo! | |
+Licensed under the BSD License. | |
+https://github.com/yahoo/pure/blob/master/LICENSE.md | |
+*/ | |
+.pure-g{letter-spacing:-.31em;text-rendering:optimizespeed;font-family:FreeSan… | |
+\ No newline at end of file | |
diff --git a/static/css/pure_r1.0.0/grids-responsive-min.css b/static/css/pure_… | |
@@ -0,0 +1,7 @@ | |
+/*! | |
+Pure v1.0.0 | |
+Copyright 2013 Yahoo! | |
+Licensed under the BSD License. | |
+https://github.com/yahoo/pure/blob/master/LICENSE.md | |
+*/ | |
+@media screen and (min-width:35.5em){.pure-u-sm-1,.pure-u-sm-1-1,.pure-u-sm-1-… | |
+\ No newline at end of file | |
diff --git a/static/css/pure_r1.0.0/grids-responsive-old-ie-min.css b/static/cs… | |
@@ -0,0 +1,7 @@ | |
+/*! | |
+Pure v1.0.0 | |
+Copyright 2013 Yahoo! | |
+Licensed under the BSD License. | |
+https://github.com/yahoo/pure/blob/master/LICENSE.md | |
+*/ | |
+.pure-u-lg-1,.pure-u-lg-1-1,.pure-u-lg-1-12,.pure-u-lg-1-2,.pure-u-lg-1-24,.pu… | |
+\ No newline at end of file | |
diff --git a/static/css/pure_r1.0.0/grids-responsive-old-ie.css b/static/css/pu… | |
@@ -0,0 +1,7 @@ | |
+/*! | |
+Pure v1.0.0 | |
+Copyright 2013 Yahoo! | |
+Licensed under the BSD License. | |
+https://github.com/yahoo/pure/blob/master/LICENSE.md | |
+*/ | |
+.pure-u-sm-1,.pure-u-sm-1-1,.pure-u-sm-1-12,.pure-u-sm-1-2,.pure-u-sm-1-24,.pu… | |
+\ No newline at end of file | |
diff --git a/static/css/pure_r1.0.0/grids-responsive.css b/static/css/pure_r1.0… | |
@@ -0,0 +1,861 @@ | |
+/*! | |
+Pure v1.0.0 | |
+Copyright 2013 Yahoo! | |
+Licensed under the BSD License. | |
+https://github.com/yahoo/pure/blob/master/LICENSE.md | |
+*/ | |
+@media screen and (min-width: 35.5em) { | |
+ .pure-u-sm-1, | |
+ .pure-u-sm-1-1, | |
+ .pure-u-sm-1-2, | |
+ .pure-u-sm-1-3, | |
+ .pure-u-sm-2-3, | |
+ .pure-u-sm-1-4, | |
+ .pure-u-sm-3-4, | |
+ .pure-u-sm-1-5, | |
+ .pure-u-sm-2-5, | |
+ .pure-u-sm-3-5, | |
+ .pure-u-sm-4-5, | |
+ .pure-u-sm-5-5, | |
+ .pure-u-sm-1-6, | |
+ .pure-u-sm-5-6, | |
+ .pure-u-sm-1-8, | |
+ .pure-u-sm-3-8, | |
+ .pure-u-sm-5-8, | |
+ .pure-u-sm-7-8, | |
+ .pure-u-sm-1-12, | |
+ .pure-u-sm-5-12, | |
+ .pure-u-sm-7-12, | |
+ .pure-u-sm-11-12, | |
+ .pure-u-sm-1-24, | |
+ .pure-u-sm-2-24, | |
+ .pure-u-sm-3-24, | |
+ .pure-u-sm-4-24, | |
+ .pure-u-sm-5-24, | |
+ .pure-u-sm-6-24, | |
+ .pure-u-sm-7-24, | |
+ .pure-u-sm-8-24, | |
+ .pure-u-sm-9-24, | |
+ .pure-u-sm-10-24, | |
+ .pure-u-sm-11-24, | |
+ .pure-u-sm-12-24, | |
+ .pure-u-sm-13-24, | |
+ .pure-u-sm-14-24, | |
+ .pure-u-sm-15-24, | |
+ .pure-u-sm-16-24, | |
+ .pure-u-sm-17-24, | |
+ .pure-u-sm-18-24, | |
+ .pure-u-sm-19-24, | |
+ .pure-u-sm-20-24, | |
+ .pure-u-sm-21-24, | |
+ .pure-u-sm-22-24, | |
+ .pure-u-sm-23-24, | |
+ .pure-u-sm-24-24 { | |
+ display: inline-block; | |
+ *display: inline; | |
+ zoom: 1; | |
+ letter-spacing: normal; | |
+ word-spacing: normal; | |
+ vertical-align: top; | |
+ text-rendering: auto; | |
+ } | |
+ | |
+ .pure-u-sm-1-24 { | |
+ width: 4.1667%; | |
+ *width: 4.1357%; | |
+ } | |
+ | |
+ .pure-u-sm-1-12, | |
+ .pure-u-sm-2-24 { | |
+ width: 8.3333%; | |
+ *width: 8.3023%; | |
+ } | |
+ | |
+ .pure-u-sm-1-8, | |
+ .pure-u-sm-3-24 { | |
+ width: 12.5000%; | |
+ *width: 12.4690%; | |
+ } | |
+ | |
+ .pure-u-sm-1-6, | |
+ .pure-u-sm-4-24 { | |
+ width: 16.6667%; | |
+ *width: 16.6357%; | |
+ } | |
+ | |
+ .pure-u-sm-1-5 { | |
+ width: 20%; | |
+ *width: 19.9690%; | |
+ } | |
+ | |
+ .pure-u-sm-5-24 { | |
+ width: 20.8333%; | |
+ *width: 20.8023%; | |
+ } | |
+ | |
+ .pure-u-sm-1-4, | |
+ .pure-u-sm-6-24 { | |
+ width: 25%; | |
+ *width: 24.9690%; | |
+ } | |
+ | |
+ .pure-u-sm-7-24 { | |
+ width: 29.1667%; | |
+ *width: 29.1357%; | |
+ } | |
+ | |
+ .pure-u-sm-1-3, | |
+ .pure-u-sm-8-24 { | |
+ width: 33.3333%; | |
+ *width: 33.3023%; | |
+ } | |
+ | |
+ .pure-u-sm-3-8, | |
+ .pure-u-sm-9-24 { | |
+ width: 37.5000%; | |
+ *width: 37.4690%; | |
+ } | |
+ | |
+ .pure-u-sm-2-5 { | |
+ width: 40%; | |
+ *width: 39.9690%; | |
+ } | |
+ | |
+ .pure-u-sm-5-12, | |
+ .pure-u-sm-10-24 { | |
+ width: 41.6667%; | |
+ *width: 41.6357%; | |
+ } | |
+ | |
+ .pure-u-sm-11-24 { | |
+ width: 45.8333%; | |
+ *width: 45.8023%; | |
+ } | |
+ | |
+ .pure-u-sm-1-2, | |
+ .pure-u-sm-12-24 { | |
+ width: 50%; | |
+ *width: 49.9690%; | |
+ } | |
+ | |
+ .pure-u-sm-13-24 { | |
+ width: 54.1667%; | |
+ *width: 54.1357%; | |
+ } | |
+ | |
+ .pure-u-sm-7-12, | |
+ .pure-u-sm-14-24 { | |
+ width: 58.3333%; | |
+ *width: 58.3023%; | |
+ } | |
+ | |
+ .pure-u-sm-3-5 { | |
+ width: 60%; | |
+ *width: 59.9690%; | |
+ } | |
+ | |
+ .pure-u-sm-5-8, | |
+ .pure-u-sm-15-24 { | |
+ width: 62.5000%; | |
+ *width: 62.4690%; | |
+ } | |
+ | |
+ .pure-u-sm-2-3, | |
+ .pure-u-sm-16-24 { | |
+ width: 66.6667%; | |
+ *width: 66.6357%; | |
+ } | |
+ | |
+ .pure-u-sm-17-24 { | |
+ width: 70.8333%; | |
+ *width: 70.8023%; | |
+ } | |
+ | |
+ .pure-u-sm-3-4, | |
+ .pure-u-sm-18-24 { | |
+ width: 75%; | |
+ *width: 74.9690%; | |
+ } | |
+ | |
+ .pure-u-sm-19-24 { | |
+ width: 79.1667%; | |
+ *width: 79.1357%; | |
+ } | |
+ | |
+ .pure-u-sm-4-5 { | |
+ width: 80%; | |
+ *width: 79.9690%; | |
+ } | |
+ | |
+ .pure-u-sm-5-6, | |
+ .pure-u-sm-20-24 { | |
+ width: 83.3333%; | |
+ *width: 83.3023%; | |
+ } | |
+ | |
+ .pure-u-sm-7-8, | |
+ .pure-u-sm-21-24 { | |
+ width: 87.5000%; | |
+ *width: 87.4690%; | |
+ } | |
+ | |
+ .pure-u-sm-11-12, | |
+ .pure-u-sm-22-24 { | |
+ width: 91.6667%; | |
+ *width: 91.6357%; | |
+ } | |
+ | |
+ .pure-u-sm-23-24 { | |
+ width: 95.8333%; | |
+ *width: 95.8023%; | |
+ } | |
+ | |
+ .pure-u-sm-1, | |
+ .pure-u-sm-1-1, | |
+ .pure-u-sm-5-5, | |
+ .pure-u-sm-24-24 { | |
+ width: 100%; | |
+ } | |
+} | |
+ | |
+@media screen and (min-width: 48em) { | |
+ .pure-u-md-1, | |
+ .pure-u-md-1-1, | |
+ .pure-u-md-1-2, | |
+ .pure-u-md-1-3, | |
+ .pure-u-md-2-3, | |
+ .pure-u-md-1-4, | |
+ .pure-u-md-3-4, | |
+ .pure-u-md-1-5, | |
+ .pure-u-md-2-5, | |
+ .pure-u-md-3-5, | |
+ .pure-u-md-4-5, | |
+ .pure-u-md-5-5, | |
+ .pure-u-md-1-6, | |
+ .pure-u-md-5-6, | |
+ .pure-u-md-1-8, | |
+ .pure-u-md-3-8, | |
+ .pure-u-md-5-8, | |
+ .pure-u-md-7-8, | |
+ .pure-u-md-1-12, | |
+ .pure-u-md-5-12, | |
+ .pure-u-md-7-12, | |
+ .pure-u-md-11-12, | |
+ .pure-u-md-1-24, | |
+ .pure-u-md-2-24, | |
+ .pure-u-md-3-24, | |
+ .pure-u-md-4-24, | |
+ .pure-u-md-5-24, | |
+ .pure-u-md-6-24, | |
+ .pure-u-md-7-24, | |
+ .pure-u-md-8-24, | |
+ .pure-u-md-9-24, | |
+ .pure-u-md-10-24, | |
+ .pure-u-md-11-24, | |
+ .pure-u-md-12-24, | |
+ .pure-u-md-13-24, | |
+ .pure-u-md-14-24, | |
+ .pure-u-md-15-24, | |
+ .pure-u-md-16-24, | |
+ .pure-u-md-17-24, | |
+ .pure-u-md-18-24, | |
+ .pure-u-md-19-24, | |
+ .pure-u-md-20-24, | |
+ .pure-u-md-21-24, | |
+ .pure-u-md-22-24, | |
+ .pure-u-md-23-24, | |
+ .pure-u-md-24-24 { | |
+ display: inline-block; | |
+ *display: inline; | |
+ zoom: 1; | |
+ letter-spacing: normal; | |
+ word-spacing: normal; | |
+ vertical-align: top; | |
+ text-rendering: auto; | |
+ } | |
+ | |
+ .pure-u-md-1-24 { | |
+ width: 4.1667%; | |
+ *width: 4.1357%; | |
+ } | |
+ | |
+ .pure-u-md-1-12, | |
+ .pure-u-md-2-24 { | |
+ width: 8.3333%; | |
+ *width: 8.3023%; | |
+ } | |
+ | |
+ .pure-u-md-1-8, | |
+ .pure-u-md-3-24 { | |
+ width: 12.5000%; | |
+ *width: 12.4690%; | |
+ } | |
+ | |
+ .pure-u-md-1-6, | |
+ .pure-u-md-4-24 { | |
+ width: 16.6667%; | |
+ *width: 16.6357%; | |
+ } | |
+ | |
+ .pure-u-md-1-5 { | |
+ width: 20%; | |
+ *width: 19.9690%; | |
+ } | |
+ | |
+ .pure-u-md-5-24 { | |
+ width: 20.8333%; | |
+ *width: 20.8023%; | |
+ } | |
+ | |
+ .pure-u-md-1-4, | |
+ .pure-u-md-6-24 { | |
+ width: 25%; | |
+ *width: 24.9690%; | |
+ } | |
+ | |
+ .pure-u-md-7-24 { | |
+ width: 29.1667%; | |
+ *width: 29.1357%; | |
+ } | |
+ | |
+ .pure-u-md-1-3, | |
+ .pure-u-md-8-24 { | |
+ width: 33.3333%; | |
+ *width: 33.3023%; | |
+ } | |
+ | |
+ .pure-u-md-3-8, | |
+ .pure-u-md-9-24 { | |
+ width: 37.5000%; | |
+ *width: 37.4690%; | |
+ } | |
+ | |
+ .pure-u-md-2-5 { | |
+ width: 40%; | |
+ *width: 39.9690%; | |
+ } | |
+ | |
+ .pure-u-md-5-12, | |
+ .pure-u-md-10-24 { | |
+ width: 41.6667%; | |
+ *width: 41.6357%; | |
+ } | |
+ | |
+ .pure-u-md-11-24 { | |
+ width: 45.8333%; | |
+ *width: 45.8023%; | |
+ } | |
+ | |
+ .pure-u-md-1-2, | |
+ .pure-u-md-12-24 { | |
+ width: 50%; | |
+ *width: 49.9690%; | |
+ } | |
+ | |
+ .pure-u-md-13-24 { | |
+ width: 54.1667%; | |
+ *width: 54.1357%; | |
+ } | |
+ | |
+ .pure-u-md-7-12, | |
+ .pure-u-md-14-24 { | |
+ width: 58.3333%; | |
+ *width: 58.3023%; | |
+ } | |
+ | |
+ .pure-u-md-3-5 { | |
+ width: 60%; | |
+ *width: 59.9690%; | |
+ } | |
+ | |
+ .pure-u-md-5-8, | |
+ .pure-u-md-15-24 { | |
+ width: 62.5000%; | |
+ *width: 62.4690%; | |
+ } | |
+ | |
+ .pure-u-md-2-3, | |
+ .pure-u-md-16-24 { | |
+ width: 66.6667%; | |
+ *width: 66.6357%; | |
+ } | |
+ | |
+ .pure-u-md-17-24 { | |
+ width: 70.8333%; | |
+ *width: 70.8023%; | |
+ } | |
+ | |
+ .pure-u-md-3-4, | |
+ .pure-u-md-18-24 { | |
+ width: 75%; | |
+ *width: 74.9690%; | |
+ } | |
+ | |
+ .pure-u-md-19-24 { | |
+ width: 79.1667%; | |
+ *width: 79.1357%; | |
+ } | |
+ | |
+ .pure-u-md-4-5 { | |
+ width: 80%; | |
+ *width: 79.9690%; | |
+ } | |
+ | |
+ .pure-u-md-5-6, | |
+ .pure-u-md-20-24 { | |
+ width: 83.3333%; | |
+ *width: 83.3023%; | |
+ } | |
+ | |
+ .pure-u-md-7-8, | |
+ .pure-u-md-21-24 { | |
+ width: 87.5000%; | |
+ *width: 87.4690%; | |
+ } | |
+ | |
+ .pure-u-md-11-12, | |
+ .pure-u-md-22-24 { | |
+ width: 91.6667%; | |
+ *width: 91.6357%; | |
+ } | |
+ | |
+ .pure-u-md-23-24 { | |
+ width: 95.8333%; | |
+ *width: 95.8023%; | |
+ } | |
+ | |
+ .pure-u-md-1, | |
+ .pure-u-md-1-1, | |
+ .pure-u-md-5-5, | |
+ .pure-u-md-24-24 { | |
+ width: 100%; | |
+ } | |
+} | |
+ | |
+@media screen and (min-width: 64em) { | |
+ .pure-u-lg-1, | |
+ .pure-u-lg-1-1, | |
+ .pure-u-lg-1-2, | |
+ .pure-u-lg-1-3, | |
+ .pure-u-lg-2-3, | |
+ .pure-u-lg-1-4, | |
+ .pure-u-lg-3-4, | |
+ .pure-u-lg-1-5, | |
+ .pure-u-lg-2-5, | |
+ .pure-u-lg-3-5, | |
+ .pure-u-lg-4-5, | |
+ .pure-u-lg-5-5, | |
+ .pure-u-lg-1-6, | |
+ .pure-u-lg-5-6, | |
+ .pure-u-lg-1-8, | |
+ .pure-u-lg-3-8, | |
+ .pure-u-lg-5-8, | |
+ .pure-u-lg-7-8, | |
+ .pure-u-lg-1-12, | |
+ .pure-u-lg-5-12, | |
+ .pure-u-lg-7-12, | |
+ .pure-u-lg-11-12, | |
+ .pure-u-lg-1-24, | |
+ .pure-u-lg-2-24, | |
+ .pure-u-lg-3-24, | |
+ .pure-u-lg-4-24, | |
+ .pure-u-lg-5-24, | |
+ .pure-u-lg-6-24, | |
+ .pure-u-lg-7-24, | |
+ .pure-u-lg-8-24, | |
+ .pure-u-lg-9-24, | |
+ .pure-u-lg-10-24, | |
+ .pure-u-lg-11-24, | |
+ .pure-u-lg-12-24, | |
+ .pure-u-lg-13-24, | |
+ .pure-u-lg-14-24, | |
+ .pure-u-lg-15-24, | |
+ .pure-u-lg-16-24, | |
+ .pure-u-lg-17-24, | |
+ .pure-u-lg-18-24, | |
+ .pure-u-lg-19-24, | |
+ .pure-u-lg-20-24, | |
+ .pure-u-lg-21-24, | |
+ .pure-u-lg-22-24, | |
+ .pure-u-lg-23-24, | |
+ .pure-u-lg-24-24 { | |
+ display: inline-block; | |
+ *display: inline; | |
+ zoom: 1; | |
+ letter-spacing: normal; | |
+ word-spacing: normal; | |
+ vertical-align: top; | |
+ text-rendering: auto; | |
+ } | |
+ | |
+ .pure-u-lg-1-24 { | |
+ width: 4.1667%; | |
+ *width: 4.1357%; | |
+ } | |
+ | |
+ .pure-u-lg-1-12, | |
+ .pure-u-lg-2-24 { | |
+ width: 8.3333%; | |
+ *width: 8.3023%; | |
+ } | |
+ | |
+ .pure-u-lg-1-8, | |
+ .pure-u-lg-3-24 { | |
+ width: 12.5000%; | |
+ *width: 12.4690%; | |
+ } | |
+ | |
+ .pure-u-lg-1-6, | |
+ .pure-u-lg-4-24 { | |
+ width: 16.6667%; | |
+ *width: 16.6357%; | |
+ } | |
+ | |
+ .pure-u-lg-1-5 { | |
+ width: 20%; | |
+ *width: 19.9690%; | |
+ } | |
+ | |
+ .pure-u-lg-5-24 { | |
+ width: 20.8333%; | |
+ *width: 20.8023%; | |
+ } | |
+ | |
+ .pure-u-lg-1-4, | |
+ .pure-u-lg-6-24 { | |
+ width: 25%; | |
+ *width: 24.9690%; | |
+ } | |
+ | |
+ .pure-u-lg-7-24 { | |
+ width: 29.1667%; | |
+ *width: 29.1357%; | |
+ } | |
+ | |
+ .pure-u-lg-1-3, | |
+ .pure-u-lg-8-24 { | |
+ width: 33.3333%; | |
+ *width: 33.3023%; | |
+ } | |
+ | |
+ .pure-u-lg-3-8, | |
+ .pure-u-lg-9-24 { | |
+ width: 37.5000%; | |
+ *width: 37.4690%; | |
+ } | |
+ | |
+ .pure-u-lg-2-5 { | |
+ width: 40%; | |
+ *width: 39.9690%; | |
+ } | |
+ | |
+ .pure-u-lg-5-12, | |
+ .pure-u-lg-10-24 { | |
+ width: 41.6667%; | |
+ *width: 41.6357%; | |
+ } | |
+ | |
+ .pure-u-lg-11-24 { | |
+ width: 45.8333%; | |
+ *width: 45.8023%; | |
+ } | |
+ | |
+ .pure-u-lg-1-2, | |
+ .pure-u-lg-12-24 { | |
+ width: 50%; | |
+ *width: 49.9690%; | |
+ } | |
+ | |
+ .pure-u-lg-13-24 { | |
+ width: 54.1667%; | |
+ *width: 54.1357%; | |
+ } | |
+ | |
+ .pure-u-lg-7-12, | |
+ .pure-u-lg-14-24 { | |
+ width: 58.3333%; | |
+ *width: 58.3023%; | |
+ } | |
+ | |
+ .pure-u-lg-3-5 { | |
+ width: 60%; | |
+ *width: 59.9690%; | |
+ } | |
+ | |
+ .pure-u-lg-5-8, | |
+ .pure-u-lg-15-24 { | |
+ width: 62.5000%; | |
+ *width: 62.4690%; | |
+ } | |
+ | |
+ .pure-u-lg-2-3, | |
+ .pure-u-lg-16-24 { | |
+ width: 66.6667%; | |
+ *width: 66.6357%; | |
+ } | |
+ | |
+ .pure-u-lg-17-24 { | |
+ width: 70.8333%; | |
+ *width: 70.8023%; | |
+ } | |
+ | |
+ .pure-u-lg-3-4, | |
+ .pure-u-lg-18-24 { | |
+ width: 75%; | |
+ *width: 74.9690%; | |
+ } | |
+ | |
+ .pure-u-lg-19-24 { | |
+ width: 79.1667%; | |
+ *width: 79.1357%; | |
+ } | |
+ | |
+ .pure-u-lg-4-5 { | |
+ width: 80%; | |
+ *width: 79.9690%; | |
+ } | |
+ | |
+ .pure-u-lg-5-6, | |
+ .pure-u-lg-20-24 { | |
+ width: 83.3333%; | |
+ *width: 83.3023%; | |
+ } | |
+ | |
+ .pure-u-lg-7-8, | |
+ .pure-u-lg-21-24 { | |
+ width: 87.5000%; | |
+ *width: 87.4690%; | |
+ } | |
+ | |
+ .pure-u-lg-11-12, | |
+ .pure-u-lg-22-24 { | |
+ width: 91.6667%; | |
+ *width: 91.6357%; | |
+ } | |
+ | |
+ .pure-u-lg-23-24 { | |
+ width: 95.8333%; | |
+ *width: 95.8023%; | |
+ } | |
+ | |
+ .pure-u-lg-1, | |
+ .pure-u-lg-1-1, | |
+ .pure-u-lg-5-5, | |
+ .pure-u-lg-24-24 { | |
+ width: 100%; | |
+ } | |
+} | |
+ | |
+@media screen and (min-width: 80em) { | |
+ .pure-u-xl-1, | |
+ .pure-u-xl-1-1, | |
+ .pure-u-xl-1-2, | |
+ .pure-u-xl-1-3, | |
+ .pure-u-xl-2-3, | |
+ .pure-u-xl-1-4, | |
+ .pure-u-xl-3-4, | |
+ .pure-u-xl-1-5, | |
+ .pure-u-xl-2-5, | |
+ .pure-u-xl-3-5, | |
+ .pure-u-xl-4-5, | |
+ .pure-u-xl-5-5, | |
+ .pure-u-xl-1-6, | |
+ .pure-u-xl-5-6, | |
+ .pure-u-xl-1-8, | |
+ .pure-u-xl-3-8, | |
+ .pure-u-xl-5-8, | |
+ .pure-u-xl-7-8, | |
+ .pure-u-xl-1-12, | |
+ .pure-u-xl-5-12, | |
+ .pure-u-xl-7-12, | |
+ .pure-u-xl-11-12, | |
+ .pure-u-xl-1-24, | |
+ .pure-u-xl-2-24, | |
+ .pure-u-xl-3-24, | |
+ .pure-u-xl-4-24, | |
+ .pure-u-xl-5-24, | |
+ .pure-u-xl-6-24, | |
+ .pure-u-xl-7-24, | |
+ .pure-u-xl-8-24, | |
+ .pure-u-xl-9-24, | |
+ .pure-u-xl-10-24, | |
+ .pure-u-xl-11-24, | |
+ .pure-u-xl-12-24, | |
+ .pure-u-xl-13-24, | |
+ .pure-u-xl-14-24, | |
+ .pure-u-xl-15-24, | |
+ .pure-u-xl-16-24, | |
+ .pure-u-xl-17-24, | |
+ .pure-u-xl-18-24, | |
+ .pure-u-xl-19-24, | |
+ .pure-u-xl-20-24, | |
+ .pure-u-xl-21-24, | |
+ .pure-u-xl-22-24, | |
+ .pure-u-xl-23-24, | |
+ .pure-u-xl-24-24 { | |
+ display: inline-block; | |
+ *display: inline; | |
+ zoom: 1; | |
+ letter-spacing: normal; | |
+ word-spacing: normal; | |
+ vertical-align: top; | |
+ text-rendering: auto; | |
+ } | |
+ | |
+ .pure-u-xl-1-24 { | |
+ width: 4.1667%; | |
+ *width: 4.1357%; | |
+ } | |
+ | |
+ .pure-u-xl-1-12, | |
+ .pure-u-xl-2-24 { | |
+ width: 8.3333%; | |
+ *width: 8.3023%; | |
+ } | |
+ | |
+ .pure-u-xl-1-8, | |
+ .pure-u-xl-3-24 { | |
+ width: 12.5000%; | |
+ *width: 12.4690%; | |
+ } | |
+ | |
+ .pure-u-xl-1-6, | |
+ .pure-u-xl-4-24 { | |
+ width: 16.6667%; | |
+ *width: 16.6357%; | |
+ } | |
+ | |
+ .pure-u-xl-1-5 { | |
+ width: 20%; | |
+ *width: 19.9690%; | |
+ } | |
+ | |
+ .pure-u-xl-5-24 { | |
+ width: 20.8333%; | |
+ *width: 20.8023%; | |
+ } | |
+ | |
+ .pure-u-xl-1-4, | |
+ .pure-u-xl-6-24 { | |
+ width: 25%; | |
+ *width: 24.9690%; | |
+ } | |
+ | |
+ .pure-u-xl-7-24 { | |
+ width: 29.1667%; | |
+ *width: 29.1357%; | |
+ } | |
+ | |
+ .pure-u-xl-1-3, | |
+ .pure-u-xl-8-24 { | |
+ width: 33.3333%; | |
+ *width: 33.3023%; | |
+ } | |
+ | |
+ .pure-u-xl-3-8, | |
+ .pure-u-xl-9-24 { | |
+ width: 37.5000%; | |
+ *width: 37.4690%; | |
+ } | |
+ | |
+ .pure-u-xl-2-5 { | |
+ width: 40%; | |
+ *width: 39.9690%; | |
+ } | |
+ | |
+ .pure-u-xl-5-12, | |
+ .pure-u-xl-10-24 { | |
+ width: 41.6667%; | |
+ *width: 41.6357%; | |
+ } | |
+ | |
+ .pure-u-xl-11-24 { | |
+ width: 45.8333%; | |
+ *width: 45.8023%; | |
+ } | |
+ | |
+ .pure-u-xl-1-2, | |
+ .pure-u-xl-12-24 { | |
+ width: 50%; | |
+ *width: 49.9690%; | |
+ } | |
+ | |
+ .pure-u-xl-13-24 { | |
+ width: 54.1667%; | |
+ *width: 54.1357%; | |
+ } | |
+ | |
+ .pure-u-xl-7-12, | |
+ .pure-u-xl-14-24 { | |
+ width: 58.3333%; | |
+ *width: 58.3023%; | |
+ } | |
+ | |
+ .pure-u-xl-3-5 { | |
+ width: 60%; | |
+ *width: 59.9690%; | |
+ } | |
+ | |
+ .pure-u-xl-5-8, | |
+ .pure-u-xl-15-24 { | |
+ width: 62.5000%; | |
+ *width: 62.4690%; | |
+ } | |
+ | |
+ .pure-u-xl-2-3, | |
+ .pure-u-xl-16-24 { | |
+ width: 66.6667%; | |
+ *width: 66.6357%; | |
+ } | |
+ | |
+ .pure-u-xl-17-24 { | |
+ width: 70.8333%; | |
+ *width: 70.8023%; | |
+ } | |
+ | |
+ .pure-u-xl-3-4, | |
+ .pure-u-xl-18-24 { | |
+ width: 75%; | |
+ *width: 74.9690%; | |
+ } | |
+ | |
+ .pure-u-xl-19-24 { | |
+ width: 79.1667%; | |
+ *width: 79.1357%; | |
+ } | |
+ | |
+ .pure-u-xl-4-5 { | |
+ width: 80%; | |
+ *width: 79.9690%; | |
+ } | |
+ | |
+ .pure-u-xl-5-6, | |
+ .pure-u-xl-20-24 { | |
+ width: 83.3333%; | |
+ *width: 83.3023%; | |
+ } | |
+ | |
+ .pure-u-xl-7-8, | |
+ .pure-u-xl-21-24 { | |
+ width: 87.5000%; | |
+ *width: 87.4690%; | |
+ } | |
+ | |
+ .pure-u-xl-11-12, | |
+ .pure-u-xl-22-24 { | |
+ width: 91.6667%; | |
+ *width: 91.6357%; | |
+ } | |
+ | |
+ .pure-u-xl-23-24 { | |
+ width: 95.8333%; | |
+ *width: 95.8023%; | |
+ } | |
+ | |
+ .pure-u-xl-1, | |
+ .pure-u-xl-1-1, | |
+ .pure-u-xl-5-5, | |
+ .pure-u-xl-24-24 { | |
+ width: 100%; | |
+ } | |
+} | |
+\ No newline at end of file | |
diff --git a/static/css/pure_r1.0.0/grids-units-min.css b/static/css/pure_r1.0.… | |
@@ -0,0 +1,7 @@ | |
+/*! | |
+Pure v1.0.0 | |
+Copyright 2013 Yahoo! | |
+Licensed under the BSD License. | |
+https://github.com/yahoo/pure/blob/master/LICENSE.md | |
+*/ | |
+.pure-u-1,.pure-u-1-1,.pure-u-1-12,.pure-u-1-2,.pure-u-1-24,.pure-u-1-3,.pure-… | |
+\ No newline at end of file | |
diff --git a/static/css/pure_r1.0.0/grids-units.css b/static/css/pure_r1.0.0/gr… | |
@@ -0,0 +1,217 @@ | |
+/*! | |
+Pure v1.0.0 | |
+Copyright 2013 Yahoo! | |
+Licensed under the BSD License. | |
+https://github.com/yahoo/pure/blob/master/LICENSE.md | |
+*/ | |
+.pure-u-1, | |
+.pure-u-1-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-5-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-2-24, | |
+.pure-u-3-24, | |
+.pure-u-4-24, | |
+.pure-u-5-24, | |
+.pure-u-6-24, | |
+.pure-u-7-24, | |
+.pure-u-8-24, | |
+.pure-u-9-24, | |
+.pure-u-10-24, | |
+.pure-u-11-24, | |
+.pure-u-12-24, | |
+.pure-u-13-24, | |
+.pure-u-14-24, | |
+.pure-u-15-24, | |
+.pure-u-16-24, | |
+.pure-u-17-24, | |
+.pure-u-18-24, | |
+.pure-u-19-24, | |
+.pure-u-20-24, | |
+.pure-u-21-24, | |
+.pure-u-22-24, | |
+.pure-u-23-24, | |
+.pure-u-24-24 { | |
+ display: inline-block; | |
+ *display: inline; | |
+ zoom: 1; | |
+ letter-spacing: normal; | |
+ word-spacing: normal; | |
+ vertical-align: top; | |
+ text-rendering: auto; | |
+} | |
+ | |
+.pure-u-1-24 { | |
+ width: 4.1667%; | |
+ *width: 4.1357%; | |
+} | |
+ | |
+.pure-u-1-12, | |
+.pure-u-2-24 { | |
+ width: 8.3333%; | |
+ *width: 8.3023%; | |
+} | |
+ | |
+.pure-u-1-8, | |
+.pure-u-3-24 { | |
+ width: 12.5000%; | |
+ *width: 12.4690%; | |
+} | |
+ | |
+.pure-u-1-6, | |
+.pure-u-4-24 { | |
+ width: 16.6667%; | |
+ *width: 16.6357%; | |
+} | |
+ | |
+.pure-u-1-5 { | |
+ width: 20%; | |
+ *width: 19.9690%; | |
+} | |
+ | |
+.pure-u-5-24 { | |
+ width: 20.8333%; | |
+ *width: 20.8023%; | |
+} | |
+ | |
+.pure-u-1-4, | |
+.pure-u-6-24 { | |
+ width: 25%; | |
+ *width: 24.9690%; | |
+} | |
+ | |
+.pure-u-7-24 { | |
+ width: 29.1667%; | |
+ *width: 29.1357%; | |
+} | |
+ | |
+.pure-u-1-3, | |
+.pure-u-8-24 { | |
+ width: 33.3333%; | |
+ *width: 33.3023%; | |
+} | |
+ | |
+.pure-u-3-8, | |
+.pure-u-9-24 { | |
+ width: 37.5000%; | |
+ *width: 37.4690%; | |
+} | |
+ | |
+.pure-u-2-5 { | |
+ width: 40%; | |
+ *width: 39.9690%; | |
+} | |
+ | |
+.pure-u-5-12, | |
+.pure-u-10-24 { | |
+ width: 41.6667%; | |
+ *width: 41.6357%; | |
+} | |
+ | |
+.pure-u-11-24 { | |
+ width: 45.8333%; | |
+ *width: 45.8023%; | |
+} | |
+ | |
+.pure-u-1-2, | |
+.pure-u-12-24 { | |
+ width: 50%; | |
+ *width: 49.9690%; | |
+} | |
+ | |
+.pure-u-13-24 { | |
+ width: 54.1667%; | |
+ *width: 54.1357%; | |
+} | |
+ | |
+.pure-u-7-12, | |
+.pure-u-14-24 { | |
+ width: 58.3333%; | |
+ *width: 58.3023%; | |
+} | |
+ | |
+.pure-u-3-5 { | |
+ width: 60%; | |
+ *width: 59.9690%; | |
+} | |
+ | |
+.pure-u-5-8, | |
+.pure-u-15-24 { | |
+ width: 62.5000%; | |
+ *width: 62.4690%; | |
+} | |
+ | |
+.pure-u-2-3, | |
+.pure-u-16-24 { | |
+ width: 66.6667%; | |
+ *width: 66.6357%; | |
+} | |
+ | |
+.pure-u-17-24 { | |
+ width: 70.8333%; | |
+ *width: 70.8023%; | |
+} | |
+ | |
+.pure-u-3-4, | |
+.pure-u-18-24 { | |
+ width: 75%; | |
+ *width: 74.9690%; | |
+} | |
+ | |
+.pure-u-19-24 { | |
+ width: 79.1667%; | |
+ *width: 79.1357%; | |
+} | |
+ | |
+.pure-u-4-5 { | |
+ width: 80%; | |
+ *width: 79.9690%; | |
+} | |
+ | |
+.pure-u-5-6, | |
+.pure-u-20-24 { | |
+ width: 83.3333%; | |
+ *width: 83.3023%; | |
+} | |
+ | |
+.pure-u-7-8, | |
+.pure-u-21-24 { | |
+ width: 87.5000%; | |
+ *width: 87.4690%; | |
+} | |
+ | |
+.pure-u-11-12, | |
+.pure-u-22-24 { | |
+ width: 91.6667%; | |
+ *width: 91.6357%; | |
+} | |
+ | |
+.pure-u-23-24 { | |
+ width: 95.8333%; | |
+ *width: 95.8023%; | |
+} | |
+ | |
+.pure-u-1, | |
+.pure-u-1-1, | |
+.pure-u-5-5, | |
+.pure-u-24-24 { | |
+ width: 100%; | |
+} | |
+\ No newline at end of file | |
diff --git a/static/css/pure_r1.0.0/grids.css b/static/css/pure_r1.0.0/grids.css | |
@@ -0,0 +1,292 @@ | |
+/*! | |
+Pure v1.0.0 | |
+Copyright 2013 Yahoo! | |
+Licensed under the BSD License. | |
+https://github.com/yahoo/pure/blob/master/LICENSE.md | |
+*/ | |
+/*csslint regex-selectors:false, known-properties:false, duplicate-properties:… | |
+ | |
+.pure-g { | |
+ letter-spacing: -0.31em; /* Webkit: collapse white-space between units */ | |
+ *letter-spacing: normal; /* reset IE < 8 */ | |
+ *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */ | |
+ text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLe… | |
+ | |
+ /* | |
+ Sets the font stack to fonts known to work properly with the above letter | |
+ and word spacings. See: https://github.com/yahoo/pure/issues/41/ | |
+ | |
+ The following font stack makes Pure Grids work on all known environments. | |
+ | |
+ * FreeSans: Ships with many Linux distros, including Ubuntu | |
+ | |
+ * Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and | |
+ Arial to get picked up by the browser, even though neither is available | |
+ in Chrome OS. | |
+ | |
+ * Droid Sans: Ships with all versions of Android. | |
+ | |
+ * Helvetica, Arial, sans-serif: Common font stack on OS X and Windows. | |
+ */ | |
+ font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif; | |
+ | |
+ /* Use flexbox when possible to avoid `letter-spacing` side-effects. */ | |
+ display: -webkit-box; | |
+ display: -webkit-flex; | |
+ display: -ms-flexbox; | |
+ display: flex; | |
+ -webkit-flex-flow: row wrap; | |
+ -ms-flex-flow: row wrap; | |
+ flex-flow: row wrap; | |
+ | |
+ /* Prevents distributing space between rows */ | |
+ -webkit-align-content: flex-start; | |
+ -ms-flex-line-pack: start; | |
+ align-content: flex-start; | |
+} | |
+ | |
+/* IE10 display: -ms-flexbox (and display: flex in IE 11) does not work inside… | |
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { | |
+ table .pure-g { | |
+ display: block; | |
+ } | |
+} | |
+ | |
+/* Opera as of 12 on Windows needs word-spacing. | |
+ The ".opera-only" selector is used to prevent actual prefocus styling | |
+ and is not required in markup. | |
+*/ | |
+.opera-only :-o-prefocus, | |
+.pure-g { | |
+ word-spacing: -0.43em; | |
+} | |
+ | |
+.pure-u { | |
+ display: inline-block; | |
+ *display: inline; /* IE < 8: fake inline-block */ | |
+ zoom: 1; | |
+ letter-spacing: normal; | |
+ word-spacing: normal; | |
+ vertical-align: top; | |
+ text-rendering: auto; | |
+} | |
+ | |
+/* | |
+Resets the font family back to the OS/browser's default sans-serif font, | |
+this the same font stack that Normalize.css sets for the `body`. | |
+*/ | |
+.pure-g [class *= "pure-u"] { | |
+ font-family: sans-serif; | |
+} | |
+ | |
+.pure-u-1, | |
+.pure-u-1-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-5-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-2-24, | |
+.pure-u-3-24, | |
+.pure-u-4-24, | |
+.pure-u-5-24, | |
+.pure-u-6-24, | |
+.pure-u-7-24, | |
+.pure-u-8-24, | |
+.pure-u-9-24, | |
+.pure-u-10-24, | |
+.pure-u-11-24, | |
+.pure-u-12-24, | |
+.pure-u-13-24, | |
+.pure-u-14-24, | |
+.pure-u-15-24, | |
+.pure-u-16-24, | |
+.pure-u-17-24, | |
+.pure-u-18-24, | |
+.pure-u-19-24, | |
+.pure-u-20-24, | |
+.pure-u-21-24, | |
+.pure-u-22-24, | |
+.pure-u-23-24, | |
+.pure-u-24-24 { | |
+ display: inline-block; | |
+ *display: inline; | |
+ zoom: 1; | |
+ letter-spacing: normal; | |
+ word-spacing: normal; | |
+ vertical-align: top; | |
+ text-rendering: auto; | |
+} | |
+ | |
+.pure-u-1-24 { | |
+ width: 4.1667%; | |
+ *width: 4.1357%; | |
+} | |
+ | |
+.pure-u-1-12, | |
+.pure-u-2-24 { | |
+ width: 8.3333%; | |
+ *width: 8.3023%; | |
+} | |
+ | |
+.pure-u-1-8, | |
+.pure-u-3-24 { | |
+ width: 12.5000%; | |
+ *width: 12.4690%; | |
+} | |
+ | |
+.pure-u-1-6, | |
+.pure-u-4-24 { | |
+ width: 16.6667%; | |
+ *width: 16.6357%; | |
+} | |
+ | |
+.pure-u-1-5 { | |
+ width: 20%; | |
+ *width: 19.9690%; | |
+} | |
+ | |
+.pure-u-5-24 { | |
+ width: 20.8333%; | |
+ *width: 20.8023%; | |
+} | |
+ | |
+.pure-u-1-4, | |
+.pure-u-6-24 { | |
+ width: 25%; | |
+ *width: 24.9690%; | |
+} | |
+ | |
+.pure-u-7-24 { | |
+ width: 29.1667%; | |
+ *width: 29.1357%; | |
+} | |
+ | |
+.pure-u-1-3, | |
+.pure-u-8-24 { | |
+ width: 33.3333%; | |
+ *width: 33.3023%; | |
+} | |
+ | |
+.pure-u-3-8, | |
+.pure-u-9-24 { | |
+ width: 37.5000%; | |
+ *width: 37.4690%; | |
+} | |
+ | |
+.pure-u-2-5 { | |
+ width: 40%; | |
+ *width: 39.9690%; | |
+} | |
+ | |
+.pure-u-5-12, | |
+.pure-u-10-24 { | |
+ width: 41.6667%; | |
+ *width: 41.6357%; | |
+} | |
+ | |
+.pure-u-11-24 { | |
+ width: 45.8333%; | |
+ *width: 45.8023%; | |
+} | |
+ | |
+.pure-u-1-2, | |
+.pure-u-12-24 { | |
+ width: 50%; | |
+ *width: 49.9690%; | |
+} | |
+ | |
+.pure-u-13-24 { | |
+ width: 54.1667%; | |
+ *width: 54.1357%; | |
+} | |
+ | |
+.pure-u-7-12, | |
+.pure-u-14-24 { | |
+ width: 58.3333%; | |
+ *width: 58.3023%; | |
+} | |
+ | |
+.pure-u-3-5 { | |
+ width: 60%; | |
+ *width: 59.9690%; | |
+} | |
+ | |
+.pure-u-5-8, | |
+.pure-u-15-24 { | |
+ width: 62.5000%; | |
+ *width: 62.4690%; | |
+} | |
+ | |
+.pure-u-2-3, | |
+.pure-u-16-24 { | |
+ width: 66.6667%; | |
+ *width: 66.6357%; | |
+} | |
+ | |
+.pure-u-17-24 { | |
+ width: 70.8333%; | |
+ *width: 70.8023%; | |
+} | |
+ | |
+.pure-u-3-4, | |
+.pure-u-18-24 { | |
+ width: 75%; | |
+ *width: 74.9690%; | |
+} | |
+ | |
+.pure-u-19-24 { | |
+ width: 79.1667%; | |
+ *width: 79.1357%; | |
+} | |
+ | |
+.pure-u-4-5 { | |
+ width: 80%; | |
+ *width: 79.9690%; | |
+} | |
+ | |
+.pure-u-5-6, | |
+.pure-u-20-24 { | |
+ width: 83.3333%; | |
+ *width: 83.3023%; | |
+} | |
+ | |
+.pure-u-7-8, | |
+.pure-u-21-24 { | |
+ width: 87.5000%; | |
+ *width: 87.4690%; | |
+} | |
+ | |
+.pure-u-11-12, | |
+.pure-u-22-24 { | |
+ width: 91.6667%; | |
+ *width: 91.6357%; | |
+} | |
+ | |
+.pure-u-23-24 { | |
+ width: 95.8333%; | |
+ *width: 95.8023%; | |
+} | |
+ | |
+.pure-u-1, | |
+.pure-u-1-1, | |
+.pure-u-5-5, | |
+.pure-u-24-24 { | |
+ width: 100%; | |
+} | |
+\ No newline at end of file | |
diff --git a/static/css/pure_r1.0.0/menus-core-min.css b/static/css/pure_r1.0.0… | |
@@ -0,0 +1,7 @@ | |
+/*! | |
+Pure v1.0.0 | |
+Copyright 2013 Yahoo! | |
+Licensed under the BSD License. | |
+https://github.com/yahoo/pure/blob/master/LICENSE.md | |
+*/ | |
+.pure-menu{box-sizing:border-box}.pure-menu-fixed{position:fixed;left:0;top:0;… | |
+\ No newline at end of file | |
diff --git a/static/css/pure_r1.0.0/menus-core.css b/static/css/pure_r1.0.0/men… | |
@@ -0,0 +1,41 @@ | |
+/*! | |
+Pure v1.0.0 | |
+Copyright 2013 Yahoo! | |
+Licensed under the BSD License. | |
+https://github.com/yahoo/pure/blob/master/LICENSE.md | |
+*/ | |
+/*csslint adjoining-classes: false, box-model:false*/ | |
+.pure-menu { | |
+ box-sizing: border-box; | |
+} | |
+ | |
+.pure-menu-fixed { | |
+ position: fixed; | |
+ left: 0; | |
+ top: 0; | |
+ z-index: 3; | |
+} | |
+ | |
+.pure-menu-list, | |
+.pure-menu-item { | |
+ position: relative; | |
+} | |
+ | |
+.pure-menu-list { | |
+ list-style: none; | |
+ margin: 0; | |
+ padding: 0; | |
+} | |
+ | |
+.pure-menu-item { | |
+ padding: 0; | |
+ margin: 0; | |
+ height: 100%; | |
+} | |
+ | |
+.pure-menu-link, | |
+.pure-menu-heading { | |
+ display: block; | |
+ text-decoration: none; | |
+ white-space: nowrap; | |
+} | |
diff --git a/static/css/pure_r1.0.0/menus-dropdown-min.css b/static/css/pure_r1… | |
@@ -0,0 +1,7 @@ | |
+/*! | |
+Pure v1.0.0 | |
+Copyright 2013 Yahoo! | |
+Licensed under the BSD License. | |
+https://github.com/yahoo/pure/blob/master/LICENSE.md | |
+*/ | |
+.pure-menu-item .pure-menu-item{display:block}.pure-menu-children{display:none… | |
+\ No newline at end of file | |
diff --git a/static/css/pure_r1.0.0/menus-dropdown.css b/static/css/pure_r1.0.0… | |
@@ -0,0 +1,44 @@ | |
+/*! | |
+Pure v1.0.0 | |
+Copyright 2013 Yahoo! | |
+Licensed under the BSD License. | |
+https://github.com/yahoo/pure/blob/master/LICENSE.md | |
+*/ | |
+/* Submenus should still be display: block; */ | |
+.pure-menu-item .pure-menu-item { | |
+ display: block; | |
+} | |
+ | |
+.pure-menu-children { | |
+ display: none; | |
+ position: absolute; | |
+ left: 100%; | |
+ top: 0; | |
+ margin: 0; | |
+ padding: 0; | |
+ z-index: 3; | |
+} | |
+ | |
+.pure-menu-horizontal .pure-menu-children { | |
+ left: 0; | |
+ top: auto; | |
+ width: inherit; | |
+} | |
+ | |
+.pure-menu-allow-hover:hover > .pure-menu-children, | |
+.pure-menu-active > .pure-menu-children { | |
+ display: block; | |
+ position: absolute; | |
+} | |
+ | |
+/* Vertical Menus - show the dropdown arrow */ | |
+.pure-menu-has-children > .pure-menu-link:after { | |
+ padding-left: 0.5em; | |
+ content: "\25B8"; | |
+ font-size: small; | |
+} | |
+ | |
+/* Horizontal Menus - show the dropdown arrow */ | |
+.pure-menu-horizontal .pure-menu-has-children > .pure-menu-link:after { | |
+ content: "\25BE"; | |
+} | |
diff --git a/static/css/pure_r1.0.0/menus-horizontal-min.css b/static/css/pure_… | |
@@ -0,0 +1,7 @@ | |
+/*! | |
+Pure v1.0.0 | |
+Copyright 2013 Yahoo! | |
+Licensed under the BSD License. | |
+https://github.com/yahoo/pure/blob/master/LICENSE.md | |
+*/ | |
+.pure-menu-horizontal{width:100%;white-space:nowrap}.pure-menu-horizontal .pur… | |
+\ No newline at end of file | |
diff --git a/static/css/pure_r1.0.0/menus-horizontal.css b/static/css/pure_r1.0… | |
@@ -0,0 +1,25 @@ | |
+/*! | |
+Pure v1.0.0 | |
+Copyright 2013 Yahoo! | |
+Licensed under the BSD License. | |
+https://github.com/yahoo/pure/blob/master/LICENSE.md | |
+*/ | |
+/* HORIZONTAL MENU */ | |
+.pure-menu-horizontal { | |
+ width: 100%; | |
+ white-space: nowrap; | |
+} | |
+ | |
+.pure-menu-horizontal .pure-menu-list { | |
+ display: inline-block; | |
+} | |
+ | |
+/* Initial menus should be inline-block so that they are horizontal */ | |
+.pure-menu-horizontal .pure-menu-item, | |
+.pure-menu-horizontal .pure-menu-heading, | |
+.pure-menu-horizontal .pure-menu-separator { | |
+ display: inline-block; | |
+ *display: inline; | |
+ zoom: 1; | |
+ vertical-align: middle; | |
+} | |
diff --git a/static/css/pure_r1.0.0/menus-min.css b/static/css/pure_r1.0.0/menu… | |
@@ -0,0 +1,7 @@ | |
+/*! | |
+Pure v1.0.0 | |
+Copyright 2013 Yahoo! | |
+Licensed under the BSD License. | |
+https://github.com/yahoo/pure/blob/master/LICENSE.md | |
+*/ | |
+.pure-menu{box-sizing:border-box}.pure-menu-fixed{position:fixed;left:0;top:0;… | |
+\ No newline at end of file | |
diff --git a/static/css/pure_r1.0.0/menus-scrollable-min.css b/static/css/pure_… | |
@@ -0,0 +1,7 @@ | |
+/*! | |
+Pure v1.0.0 | |
+Copyright 2013 Yahoo! | |
+Licensed under the BSD License. | |
+https://github.com/yahoo/pure/blob/master/LICENSE.md | |
+*/ | |
+.pure-menu-scrollable{overflow-y:scroll;overflow-x:hidden}.pure-menu-scrollabl… | |
+\ No newline at end of file | |
diff --git a/static/css/pure_r1.0.0/menus-scrollable.css b/static/css/pure_r1.0… | |
@@ -0,0 +1,33 @@ | |
+/*! | |
+Pure v1.0.0 | |
+Copyright 2013 Yahoo! | |
+Licensed under the BSD License. | |
+https://github.com/yahoo/pure/blob/master/LICENSE.md | |
+*/ | |
+/* scrollable menus */ | |
+.pure-menu-scrollable { | |
+ overflow-y: scroll; | |
+ overflow-x: hidden; | |
+} | |
+ | |
+.pure-menu-scrollable .pure-menu-list { | |
+ display: block; | |
+} | |
+ | |
+.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list { | |
+ display: inline-block; | |
+} | |
+ | |
+.pure-menu-horizontal.pure-menu-scrollable { | |
+ white-space: nowrap; | |
+ overflow-y: hidden; | |
+ overflow-x: auto; | |
+ -ms-overflow-style: none; | |
+ -webkit-overflow-scrolling: touch; | |
+ /* a little extra padding for this style to allow for scrollbars */ | |
+ padding: .5em 0; | |
+} | |
+ | |
+.pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar { | |
+ display: none; | |
+} | |
diff --git a/static/css/pure_r1.0.0/menus-skin-min.css b/static/css/pure_r1.0.0… | |
@@ -0,0 +1,7 @@ | |
+/*! | |
+Pure v1.0.0 | |
+Copyright 2013 Yahoo! | |
+Licensed under the BSD License. | |
+https://github.com/yahoo/pure/blob/master/LICENSE.md | |
+*/ | |
+.pure-menu-horizontal .pure-menu-children .pure-menu-separator,.pure-menu-sepa… | |
+\ No newline at end of file | |
diff --git a/static/css/pure_r1.0.0/menus-skin.css b/static/css/pure_r1.0.0/men… | |
@@ -0,0 +1,64 @@ | |
+/*! | |
+Pure v1.0.0 | |
+Copyright 2013 Yahoo! | |
+Licensed under the BSD License. | |
+https://github.com/yahoo/pure/blob/master/LICENSE.md | |
+*/ | |
+/* misc default styling */ | |
+ | |
+.pure-menu-separator, | |
+.pure-menu-horizontal .pure-menu-children .pure-menu-separator { | |
+ background-color: #ccc; | |
+ height: 1px; | |
+ margin: .3em 0; | |
+} | |
+ | |
+.pure-menu-horizontal .pure-menu-separator { | |
+ width: 1px; | |
+ height: 1.3em; | |
+ margin: 0 .3em ; | |
+} | |
+ | |
+/* Need to reset the separator since submenu is vertical */ | |
+.pure-menu-horizontal .pure-menu-children .pure-menu-separator { | |
+ display: block; | |
+ width: auto; | |
+} | |
+ | |
+.pure-menu-heading { | |
+ text-transform: uppercase; | |
+ color: #565d64; | |
+} | |
+ | |
+.pure-menu-link { | |
+ color: #777; | |
+} | |
+ | |
+.pure-menu-children { | |
+ background-color: #fff; | |
+} | |
+ | |
+.pure-menu-link, | |
+.pure-menu-disabled, | |
+.pure-menu-heading { | |
+ padding: .5em 1em; | |
+} | |
+ | |
+.pure-menu-disabled { | |
+ opacity: .5; | |
+} | |
+ | |
+.pure-menu-disabled .pure-menu-link:hover { | |
+ background-color: transparent; | |
+} | |
+ | |
+.pure-menu-active > .pure-menu-link, | |
+.pure-menu-link:hover, | |
+.pure-menu-link:focus { | |
+ background-color: #eee; | |
+} | |
+ | |
+.pure-menu-selected .pure-menu-link, | |
+.pure-menu-selected .pure-menu-link:visited { | |
+ color: #000; | |
+} | |
diff --git a/static/css/pure_r1.0.0/menus.css b/static/css/pure_r1.0.0/menus.css | |
@@ -0,0 +1,187 @@ | |
+/*! | |
+Pure v1.0.0 | |
+Copyright 2013 Yahoo! | |
+Licensed under the BSD License. | |
+https://github.com/yahoo/pure/blob/master/LICENSE.md | |
+*/ | |
+/*csslint adjoining-classes: false, box-model:false*/ | |
+.pure-menu { | |
+ box-sizing: border-box; | |
+} | |
+ | |
+.pure-menu-fixed { | |
+ position: fixed; | |
+ left: 0; | |
+ top: 0; | |
+ z-index: 3; | |
+} | |
+ | |
+.pure-menu-list, | |
+.pure-menu-item { | |
+ position: relative; | |
+} | |
+ | |
+.pure-menu-list { | |
+ list-style: none; | |
+ margin: 0; | |
+ padding: 0; | |
+} | |
+ | |
+.pure-menu-item { | |
+ padding: 0; | |
+ margin: 0; | |
+ height: 100%; | |
+} | |
+ | |
+.pure-menu-link, | |
+.pure-menu-heading { | |
+ display: block; | |
+ text-decoration: none; | |
+ white-space: nowrap; | |
+} | |
+ | |
+/* HORIZONTAL MENU */ | |
+.pure-menu-horizontal { | |
+ width: 100%; | |
+ white-space: nowrap; | |
+} | |
+ | |
+.pure-menu-horizontal .pure-menu-list { | |
+ display: inline-block; | |
+} | |
+ | |
+/* Initial menus should be inline-block so that they are horizontal */ | |
+.pure-menu-horizontal .pure-menu-item, | |
+.pure-menu-horizontal .pure-menu-heading, | |
+.pure-menu-horizontal .pure-menu-separator { | |
+ display: inline-block; | |
+ *display: inline; | |
+ zoom: 1; | |
+ vertical-align: middle; | |
+} | |
+ | |
+/* Submenus should still be display: block; */ | |
+.pure-menu-item .pure-menu-item { | |
+ display: block; | |
+} | |
+ | |
+.pure-menu-children { | |
+ display: none; | |
+ position: absolute; | |
+ left: 100%; | |
+ top: 0; | |
+ margin: 0; | |
+ padding: 0; | |
+ z-index: 3; | |
+} | |
+ | |
+.pure-menu-horizontal .pure-menu-children { | |
+ left: 0; | |
+ top: auto; | |
+ width: inherit; | |
+} | |
+ | |
+.pure-menu-allow-hover:hover > .pure-menu-children, | |
+.pure-menu-active > .pure-menu-children { | |
+ display: block; | |
+ position: absolute; | |
+} | |
+ | |
+/* Vertical Menus - show the dropdown arrow */ | |
+.pure-menu-has-children > .pure-menu-link:after { | |
+ padding-left: 0.5em; | |
+ content: "\25B8"; | |
+ font-size: small; | |
+} | |
+ | |
+/* Horizontal Menus - show the dropdown arrow */ | |
+.pure-menu-horizontal .pure-menu-has-children > .pure-menu-link:after { | |
+ content: "\25BE"; | |
+} | |
+ | |
+/* scrollable menus */ | |
+.pure-menu-scrollable { | |
+ overflow-y: scroll; | |
+ overflow-x: hidden; | |
+} | |
+ | |
+.pure-menu-scrollable .pure-menu-list { | |
+ display: block; | |
+} | |
+ | |
+.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list { | |
+ display: inline-block; | |
+} | |
+ | |
+.pure-menu-horizontal.pure-menu-scrollable { | |
+ white-space: nowrap; | |
+ overflow-y: hidden; | |
+ overflow-x: auto; | |
+ -ms-overflow-style: none; | |
+ -webkit-overflow-scrolling: touch; | |
+ /* a little extra padding for this style to allow for scrollbars */ | |
+ padding: .5em 0; | |
+} | |
+ | |
+.pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar { | |
+ display: none; | |
+} | |
+ | |
+/* misc default styling */ | |
+ | |
+.pure-menu-separator, | |
+.pure-menu-horizontal .pure-menu-children .pure-menu-separator { | |
+ background-color: #ccc; | |
+ height: 1px; | |
+ margin: .3em 0; | |
+} | |
+ | |
+.pure-menu-horizontal .pure-menu-separator { | |
+ width: 1px; | |
+ height: 1.3em; | |
+ margin: 0 .3em ; | |
+} | |
+ | |
+/* Need to reset the separator since submenu is vertical */ | |
+.pure-menu-horizontal .pure-menu-children .pure-menu-separator { | |
+ display: block; | |
+ width: auto; | |
+} | |
+ | |
+.pure-menu-heading { | |
+ text-transform: uppercase; | |
+ color: #565d64; | |
+} | |
+ | |
+.pure-menu-link { | |
+ color: #777; | |
+} | |
+ | |
+.pure-menu-children { | |
+ background-color: #fff; | |
+} | |
+ | |
+.pure-menu-link, | |
+.pure-menu-disabled, | |
+.pure-menu-heading { | |
+ padding: .5em 1em; | |
+} | |
+ | |
+.pure-menu-disabled { | |
+ opacity: .5; | |
+} | |
+ | |
+.pure-menu-disabled .pure-menu-link:hover { | |
+ background-color: transparent; | |
+} | |
+ | |
+.pure-menu-active > .pure-menu-link, | |
+.pure-menu-link:hover, | |
+.pure-menu-link:focus { | |
+ background-color: #eee; | |
+} | |
+ | |
+.pure-menu-selected .pure-menu-link, | |
+.pure-menu-selected .pure-menu-link:visited { | |
+ color: #000; | |
+} | |
diff --git a/static/css/pure_r1.0.0/pure-min.css b/static/css/pure_r1.0.0/pure-… | |
@@ -0,0 +1,11 @@ | |
+/*! | |
+Pure v1.0.0 | |
+Copyright 2013 Yahoo! | |
+Licensed under the BSD License. | |
+https://github.com/yahoo/pure/blob/master/LICENSE.md | |
+*/ | |
+/*! | |
+normalize.css v^3.0 | MIT License | git.io/normalize | |
+Copyright (c) Nicolas Gallagher and Jonathan Neal | |
+*/ | |
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */.p… | |
+\ No newline at end of file | |
diff --git a/static/css/pure_r1.0.0/pure-nr-min.css b/static/css/pure_r1.0.0/pu… | |
@@ -0,0 +1,11 @@ | |
+/*! | |
+Pure v1.0.0 | |
+Copyright 2013 Yahoo! | |
+Licensed under the BSD License. | |
+https://github.com/yahoo/pure/blob/master/LICENSE.md | |
+*/ | |
+/*! | |
+normalize.css v^3.0 | MIT License | git.io/normalize | |
+Copyright (c) Nicolas Gallagher and Jonathan Neal | |
+*/ | |
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */.p… | |
+\ No newline at end of file | |
diff --git a/static/css/pure_r1.0.0/pure-nr.css b/static/css/pure_r1.0.0/pure-n… | |
@@ -0,0 +1,1443 @@ | |
+/*! | |
+Pure v1.0.0 | |
+Copyright 2013 Yahoo! | |
+Licensed under the BSD License. | |
+https://github.com/yahoo/pure/blob/master/LICENSE.md | |
+*/ | |
+/*! | |
+normalize.css v^3.0 | MIT License | git.io/normalize | |
+Copyright (c) Nicolas Gallagher and Jonathan Neal | |
+*/ | |
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ | |
+ | |
+/** | |
+ * 1. Set default font family to sans-serif. | |
+ * 2. Prevent iOS and IE text size adjust after device orientation change, | |
+ * without disabling user zoom. | |
+ */ | |
+ | |
+html { | |
+ font-family: sans-serif; /* 1 */ | |
+ -ms-text-size-adjust: 100%; /* 2 */ | |
+ -webkit-text-size-adjust: 100%; /* 2 */ | |
+} | |
+ | |
+/** | |
+ * Remove default margin. | |
+ */ | |
+ | |
+body { | |
+ margin: 0; | |
+} | |
+ | |
+/* HTML5 display definitions | |
+ ========================================================================== … | |
+ | |
+/** | |
+ * Correct `block` display not defined for any HTML5 element in IE 8/9. | |
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11 | |
+ * and Firefox. | |
+ * Correct `block` display not defined for `main` in IE 11. | |
+ */ | |
+ | |
+article, | |
+aside, | |
+details, | |
+figcaption, | |
+figure, | |
+footer, | |
+header, | |
+hgroup, | |
+main, | |
+menu, | |
+nav, | |
+section, | |
+summary { | |
+ display: block; | |
+} | |
+ | |
+/** | |
+ * 1. Correct `inline-block` display not defined in IE 8/9. | |
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. | |
+ */ | |
+ | |
+audio, | |
+canvas, | |
+progress, | |
+video { | |
+ display: inline-block; /* 1 */ | |
+ vertical-align: baseline; /* 2 */ | |
+} | |
+ | |
+/** | |
+ * Prevent modern browsers from displaying `audio` without controls. | |
+ * Remove excess height in iOS 5 devices. | |
+ */ | |
+ | |
+audio:not([controls]) { | |
+ display: none; | |
+ height: 0; | |
+} | |
+ | |
+/** | |
+ * Address `[hidden]` styling not present in IE 8/9/10. | |
+ * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. | |
+ */ | |
+ | |
+[hidden], | |
+template { | |
+ display: none; | |
+} | |
+ | |
+/* Links | |
+ ========================================================================== … | |
+ | |
+/** | |
+ * Remove the gray background color from active links in IE 10. | |
+ */ | |
+ | |
+a { | |
+ background-color: transparent; | |
+} | |
+ | |
+/** | |
+ * Improve readability of focused elements when they are also in an | |
+ * active/hover state. | |
+ */ | |
+ | |
+a:active, | |
+a:hover { | |
+ outline: 0; | |
+} | |
+ | |
+/* Text-level semantics | |
+ ========================================================================== … | |
+ | |
+/** | |
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome. | |
+ */ | |
+ | |
+abbr[title] { | |
+ border-bottom: 1px dotted; | |
+} | |
+ | |
+/** | |
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. | |
+ */ | |
+ | |
+b, | |
+strong { | |
+ font-weight: bold; | |
+} | |
+ | |
+/** | |
+ * Address styling not present in Safari and Chrome. | |
+ */ | |
+ | |
+dfn { | |
+ font-style: italic; | |
+} | |
+ | |
+/** | |
+ * Address variable `h1` font-size and margin within `section` and `article` | |
+ * contexts in Firefox 4+, Safari, and Chrome. | |
+ */ | |
+ | |
+h1 { | |
+ font-size: 2em; | |
+ margin: 0.67em 0; | |
+} | |
+ | |
+/** | |
+ * Address styling not present in IE 8/9. | |
+ */ | |
+ | |
+mark { | |
+ background: #ff0; | |
+ color: #000; | |
+} | |
+ | |
+/** | |
+ * Address inconsistent and variable font size in all browsers. | |
+ */ | |
+ | |
+small { | |
+ font-size: 80%; | |
+} | |
+ | |
+/** | |
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers. | |
+ */ | |
+ | |
+sub, | |
+sup { | |
+ font-size: 75%; | |
+ line-height: 0; | |
+ position: relative; | |
+ vertical-align: baseline; | |
+} | |
+ | |
+sup { | |
+ top: -0.5em; | |
+} | |
+ | |
+sub { | |
+ bottom: -0.25em; | |
+} | |
+ | |
+/* Embedded content | |
+ ========================================================================== … | |
+ | |
+/** | |
+ * Remove border when inside `a` element in IE 8/9/10. | |
+ */ | |
+ | |
+img { | |
+ border: 0; | |
+} | |
+ | |
+/** | |
+ * Correct overflow not hidden in IE 9/10/11. | |
+ */ | |
+ | |
+svg:not(:root) { | |
+ overflow: hidden; | |
+} | |
+ | |
+/* Grouping content | |
+ ========================================================================== … | |
+ | |
+/** | |
+ * Address margin not present in IE 8/9 and Safari. | |
+ */ | |
+ | |
+figure { | |
+ margin: 1em 40px; | |
+} | |
+ | |
+/** | |
+ * Address differences between Firefox and other browsers. | |
+ */ | |
+ | |
+hr { | |
+ box-sizing: content-box; | |
+ height: 0; | |
+} | |
+ | |
+/** | |
+ * Contain overflow in all browsers. | |
+ */ | |
+ | |
+pre { | |
+ overflow: auto; | |
+} | |
+ | |
+/** | |
+ * Address odd `em`-unit font size rendering in all browsers. | |
+ */ | |
+ | |
+code, | |
+kbd, | |
+pre, | |
+samp { | |
+ font-family: monospace, monospace; | |
+ font-size: 1em; | |
+} | |
+ | |
+/* Forms | |
+ ========================================================================== … | |
+ | |
+/** | |
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited | |
+ * styling of `select`, unless a `border` property is set. | |
+ */ | |
+ | |
+/** | |
+ * 1. Correct color not being inherited. | |
+ * Known issue: affects color of disabled elements. | |
+ * 2. Correct font properties not being inherited. | |
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. | |
+ */ | |
+ | |
+button, | |
+input, | |
+optgroup, | |
+select, | |
+textarea { | |
+ color: inherit; /* 1 */ | |
+ font: inherit; /* 2 */ | |
+ margin: 0; /* 3 */ | |
+} | |
+ | |
+/** | |
+ * Address `overflow` set to `hidden` in IE 8/9/10/11. | |
+ */ | |
+ | |
+button { | |
+ overflow: visible; | |
+} | |
+ | |
+/** | |
+ * Address inconsistent `text-transform` inheritance for `button` and `select`. | |
+ * All other form control elements do not inherit `text-transform` values. | |
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. | |
+ * Correct `select` style inheritance in Firefox. | |
+ */ | |
+ | |
+button, | |
+select { | |
+ text-transform: none; | |
+} | |
+ | |
+/** | |
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` | |
+ * and `video` controls. | |
+ * 2. Correct inability to style clickable `input` types in iOS. | |
+ * 3. Improve usability and consistency of cursor style between image-type | |
+ * `input` and others. | |
+ */ | |
+ | |
+button, | |
+html input[type="button"], /* 1 */ | |
+input[type="reset"], | |
+input[type="submit"] { | |
+ -webkit-appearance: button; /* 2 */ | |
+ cursor: pointer; /* 3 */ | |
+} | |
+ | |
+/** | |
+ * Re-set default cursor for disabled elements. | |
+ */ | |
+ | |
+button[disabled], | |
+html input[disabled] { | |
+ cursor: default; | |
+} | |
+ | |
+/** | |
+ * Remove inner padding and border in Firefox 4+. | |
+ */ | |
+ | |
+button::-moz-focus-inner, | |
+input::-moz-focus-inner { | |
+ border: 0; | |
+ padding: 0; | |
+} | |
+ | |
+/** | |
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in | |
+ * the UA stylesheet. | |
+ */ | |
+ | |
+input { | |
+ line-height: normal; | |
+} | |
+ | |
+/** | |
+ * It's recommended that you don't attempt to style these elements. | |
+ * Firefox's implementation doesn't respect box-sizing, padding, or width. | |
+ * | |
+ * 1. Address box sizing set to `content-box` in IE 8/9/10. | |
+ * 2. Remove excess padding in IE 8/9/10. | |
+ */ | |
+ | |
+input[type="checkbox"], | |
+input[type="radio"] { | |
+ box-sizing: border-box; /* 1 */ | |
+ padding: 0; /* 2 */ | |
+} | |
+ | |
+/** | |
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain | |
+ * `font-size` values of the `input`, it causes the cursor style of the | |
+ * decrement button to change from `default` to `text`. | |
+ */ | |
+ | |
+input[type="number"]::-webkit-inner-spin-button, | |
+input[type="number"]::-webkit-outer-spin-button { | |
+ height: auto; | |
+} | |
+ | |
+/** | |
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome. | |
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. | |
+ */ | |
+ | |
+input[type="search"] { | |
+ -webkit-appearance: textfield; /* 1 */ | |
+ box-sizing: content-box; /* 2 */ | |
+} | |
+ | |
+/** | |
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X. | |
+ * Safari (but not Chrome) clips the cancel button when the search input has | |
+ * padding (and `textfield` appearance). | |
+ */ | |
+ | |
+input[type="search"]::-webkit-search-cancel-button, | |
+input[type="search"]::-webkit-search-decoration { | |
+ -webkit-appearance: none; | |
+} | |
+ | |
+/** | |
+ * Define consistent border, margin, and padding. | |
+ */ | |
+ | |
+fieldset { | |
+ border: 1px solid #c0c0c0; | |
+ margin: 0 2px; | |
+ padding: 0.35em 0.625em 0.75em; | |
+} | |
+ | |
+/** | |
+ * 1. Correct `color` not being inherited in IE 8/9/10/11. | |
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets. | |
+ */ | |
+ | |
+legend { | |
+ border: 0; /* 1 */ | |
+ padding: 0; /* 2 */ | |
+} | |
+ | |
+/** | |
+ * Remove default vertical scrollbar in IE 8/9/10/11. | |
+ */ | |
+ | |
+textarea { | |
+ overflow: auto; | |
+} | |
+ | |
+/** | |
+ * Don't inherit the `font-weight` (applied by a rule above). | |
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. | |
+ */ | |
+ | |
+optgroup { | |
+ font-weight: bold; | |
+} | |
+ | |
+/* Tables | |
+ ========================================================================== … | |
+ | |
+/** | |
+ * Remove most spacing between table cells. | |
+ */ | |
+ | |
+table { | |
+ border-collapse: collapse; | |
+ border-spacing: 0; | |
+} | |
+ | |
+td, | |
+th { | |
+ padding: 0; | |
+} | |
+ | |
+/*csslint important:false*/ | |
+ | |
+/* ========================================================================== | |
+ Pure Base Extras | |
+ ========================================================================== … | |
+ | |
+/** | |
+ * Extra rules that Pure adds on top of Normalize.css | |
+ */ | |
+ | |
+/** | |
+ * Always hide an element when it has the `hidden` HTML attribute. | |
+ */ | |
+ | |
+.hidden, | |
+[hidden] { | |
+ display: none !important; | |
+} | |
+ | |
+/** | |
+ * Add this class to an image to make it fit within it's fluid parent wrapper … | |
+ * aspect ratio. | |
+ */ | |
+.pure-img { | |
+ max-width: 100%; | |
+ height: auto; | |
+ display: block; | |
+} | |
+ | |
+/*csslint regex-selectors:false, known-properties:false, duplicate-properties:… | |
+ | |
+.pure-g { | |
+ letter-spacing: -0.31em; /* Webkit: collapse white-space between units */ | |
+ *letter-spacing: normal; /* reset IE < 8 */ | |
+ *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */ | |
+ text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLe… | |
+ | |
+ /* | |
+ Sets the font stack to fonts known to work properly with the above letter | |
+ and word spacings. See: https://github.com/yahoo/pure/issues/41/ | |
+ | |
+ The following font stack makes Pure Grids work on all known environments. | |
+ | |
+ * FreeSans: Ships with many Linux distros, including Ubuntu | |
+ | |
+ * Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and | |
+ Arial to get picked up by the browser, even though neither is available | |
+ in Chrome OS. | |
+ | |
+ * Droid Sans: Ships with all versions of Android. | |
+ | |
+ * Helvetica, Arial, sans-serif: Common font stack on OS X and Windows. | |
+ */ | |
+ font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif; | |
+ | |
+ /* Use flexbox when possible to avoid `letter-spacing` side-effects. */ | |
+ display: -webkit-box; | |
+ display: -webkit-flex; | |
+ display: -ms-flexbox; | |
+ display: flex; | |
+ -webkit-flex-flow: row wrap; | |
+ -ms-flex-flow: row wrap; | |
+ flex-flow: row wrap; | |
+ | |
+ /* Prevents distributing space between rows */ | |
+ -webkit-align-content: flex-start; | |
+ -ms-flex-line-pack: start; | |
+ align-content: flex-start; | |
+} | |
+ | |
+/* IE10 display: -ms-flexbox (and display: flex in IE 11) does not work inside… | |
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { | |
+ table .pure-g { | |
+ display: block; | |
+ } | |
+} | |
+ | |
+/* Opera as of 12 on Windows needs word-spacing. | |
+ The ".opera-only" selector is used to prevent actual prefocus styling | |
+ and is not required in markup. | |
+*/ | |
+.opera-only :-o-prefocus, | |
+.pure-g { | |
+ word-spacing: -0.43em; | |
+} | |
+ | |
+.pure-u { | |
+ display: inline-block; | |
+ *display: inline; /* IE < 8: fake inline-block */ | |
+ zoom: 1; | |
+ letter-spacing: normal; | |
+ word-spacing: normal; | |
+ vertical-align: top; | |
+ text-rendering: auto; | |
+} | |
+ | |
+/* | |
+Resets the font family back to the OS/browser's default sans-serif font, | |
+this the same font stack that Normalize.css sets for the `body`. | |
+*/ | |
+.pure-g [class *= "pure-u"] { | |
+ font-family: sans-serif; | |
+} | |
+ | |
+.pure-u-1, | |
+.pure-u-1-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-5-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-2-24, | |
+.pure-u-3-24, | |
+.pure-u-4-24, | |
+.pure-u-5-24, | |
+.pure-u-6-24, | |
+.pure-u-7-24, | |
+.pure-u-8-24, | |
+.pure-u-9-24, | |
+.pure-u-10-24, | |
+.pure-u-11-24, | |
+.pure-u-12-24, | |
+.pure-u-13-24, | |
+.pure-u-14-24, | |
+.pure-u-15-24, | |
+.pure-u-16-24, | |
+.pure-u-17-24, | |
+.pure-u-18-24, | |
+.pure-u-19-24, | |
+.pure-u-20-24, | |
+.pure-u-21-24, | |
+.pure-u-22-24, | |
+.pure-u-23-24, | |
+.pure-u-24-24 { | |
+ display: inline-block; | |
+ *display: inline; | |
+ zoom: 1; | |
+ letter-spacing: normal; | |
+ word-spacing: normal; | |
+ vertical-align: top; | |
+ text-rendering: auto; | |
+} | |
+ | |
+.pure-u-1-24 { | |
+ width: 4.1667%; | |
+ *width: 4.1357%; | |
+} | |
+ | |
+.pure-u-1-12, | |
+.pure-u-2-24 { | |
+ width: 8.3333%; | |
+ *width: 8.3023%; | |
+} | |
+ | |
+.pure-u-1-8, | |
+.pure-u-3-24 { | |
+ width: 12.5000%; | |
+ *width: 12.4690%; | |
+} | |
+ | |
+.pure-u-1-6, | |
+.pure-u-4-24 { | |
+ width: 16.6667%; | |
+ *width: 16.6357%; | |
+} | |
+ | |
+.pure-u-1-5 { | |
+ width: 20%; | |
+ *width: 19.9690%; | |
+} | |
+ | |
+.pure-u-5-24 { | |
+ width: 20.8333%; | |
+ *width: 20.8023%; | |
+} | |
+ | |
+.pure-u-1-4, | |
+.pure-u-6-24 { | |
+ width: 25%; | |
+ *width: 24.9690%; | |
+} | |
+ | |
+.pure-u-7-24 { | |
+ width: 29.1667%; | |
+ *width: 29.1357%; | |
+} | |
+ | |
+.pure-u-1-3, | |
+.pure-u-8-24 { | |
+ width: 33.3333%; | |
+ *width: 33.3023%; | |
+} | |
+ | |
+.pure-u-3-8, | |
+.pure-u-9-24 { | |
+ width: 37.5000%; | |
+ *width: 37.4690%; | |
+} | |
+ | |
+.pure-u-2-5 { | |
+ width: 40%; | |
+ *width: 39.9690%; | |
+} | |
+ | |
+.pure-u-5-12, | |
+.pure-u-10-24 { | |
+ width: 41.6667%; | |
+ *width: 41.6357%; | |
+} | |
+ | |
+.pure-u-11-24 { | |
+ width: 45.8333%; | |
+ *width: 45.8023%; | |
+} | |
+ | |
+.pure-u-1-2, | |
+.pure-u-12-24 { | |
+ width: 50%; | |
+ *width: 49.9690%; | |
+} | |
+ | |
+.pure-u-13-24 { | |
+ width: 54.1667%; | |
+ *width: 54.1357%; | |
+} | |
+ | |
+.pure-u-7-12, | |
+.pure-u-14-24 { | |
+ width: 58.3333%; | |
+ *width: 58.3023%; | |
+} | |
+ | |
+.pure-u-3-5 { | |
+ width: 60%; | |
+ *width: 59.9690%; | |
+} | |
+ | |
+.pure-u-5-8, | |
+.pure-u-15-24 { | |
+ width: 62.5000%; | |
+ *width: 62.4690%; | |
+} | |
+ | |
+.pure-u-2-3, | |
+.pure-u-16-24 { | |
+ width: 66.6667%; | |
+ *width: 66.6357%; | |
+} | |
+ | |
+.pure-u-17-24 { | |
+ width: 70.8333%; | |
+ *width: 70.8023%; | |
+} | |
+ | |
+.pure-u-3-4, | |
+.pure-u-18-24 { | |
+ width: 75%; | |
+ *width: 74.9690%; | |
+} | |
+ | |
+.pure-u-19-24 { | |
+ width: 79.1667%; | |
+ *width: 79.1357%; | |
+} | |
+ | |
+.pure-u-4-5 { | |
+ width: 80%; | |
+ *width: 79.9690%; | |
+} | |
+ | |
+.pure-u-5-6, | |
+.pure-u-20-24 { | |
+ width: 83.3333%; | |
+ *width: 83.3023%; | |
+} | |
+ | |
+.pure-u-7-8, | |
+.pure-u-21-24 { | |
+ width: 87.5000%; | |
+ *width: 87.4690%; | |
+} | |
+ | |
+.pure-u-11-12, | |
+.pure-u-22-24 { | |
+ width: 91.6667%; | |
+ *width: 91.6357%; | |
+} | |
+ | |
+.pure-u-23-24 { | |
+ width: 95.8333%; | |
+ *width: 95.8023%; | |
+} | |
+ | |
+.pure-u-1, | |
+.pure-u-1-1, | |
+.pure-u-5-5, | |
+.pure-u-24-24 { | |
+ width: 100%; | |
+} | |
+.pure-button { | |
+ /* Structure */ | |
+ display: inline-block; | |
+ zoom: 1; | |
+ line-height: normal; | |
+ white-space: nowrap; | |
+ vertical-align: middle; | |
+ text-align: center; | |
+ cursor: pointer; | |
+ -webkit-user-drag: none; | |
+ -webkit-user-select: none; | |
+ -moz-user-select: none; | |
+ -ms-user-select: none; | |
+ user-select: none; | |
+ box-sizing: border-box; | |
+} | |
+ | |
+/* Firefox: Get rid of the inner focus border */ | |
+.pure-button::-moz-focus-inner { | |
+ padding: 0; | |
+ border: 0; | |
+} | |
+ | |
+/* Inherit .pure-g styles */ | |
+.pure-button-group { | |
+ letter-spacing: -0.31em; /* Webkit: collapse white-space between units */ | |
+ *letter-spacing: normal; /* reset IE < 8 */ | |
+ *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */ | |
+ text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLe… | |
+} | |
+ | |
+.opera-only :-o-prefocus, | |
+.pure-button-group { | |
+ word-spacing: -0.43em; | |
+} | |
+ | |
+.pure-button-group .pure-button { | |
+ letter-spacing: normal; | |
+ word-spacing: normal; | |
+ vertical-align: top; | |
+ text-rendering: auto; | |
+} | |
+ | |
+/*csslint outline-none:false*/ | |
+ | |
+.pure-button { | |
+ font-family: inherit; | |
+ font-size: 100%; | |
+ padding: 0.5em 1em; | |
+ color: #444; /* rgba not supported (IE 8) */ | |
+ color: rgba(0, 0, 0, 0.80); /* rgba supported */ | |
+ border: 1px solid #999; /*IE 6/7/8*/ | |
+ border: none rgba(0, 0, 0, 0); /*IE9 + everything else*/ | |
+ background-color: #E6E6E6; | |
+ text-decoration: none; | |
+ border-radius: 2px; | |
+} | |
+ | |
+.pure-button-hover, | |
+.pure-button:hover, | |
+.pure-button:focus { | |
+ /* csslint ignore:start */ | |
+ filter: alpha(opacity=90); | |
+ /* csslint ignore:end */ | |
+ background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 4… | |
+ background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba… | |
+} | |
+.pure-button:focus { | |
+ outline: 0; | |
+} | |
+.pure-button-active, | |
+.pure-button:active { | |
+ box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) i… | |
+ border-color: #000\9; | |
+} | |
+ | |
+.pure-button[disabled], | |
+.pure-button-disabled, | |
+.pure-button-disabled:hover, | |
+.pure-button-disabled:focus, | |
+.pure-button-disabled:active { | |
+ border: none; | |
+ background-image: none; | |
+ /* csslint ignore:start */ | |
+ filter: alpha(opacity=40); | |
+ /* csslint ignore:end */ | |
+ opacity: 0.40; | |
+ cursor: not-allowed; | |
+ box-shadow: none; | |
+ pointer-events: none; | |
+} | |
+ | |
+.pure-button-hidden { | |
+ display: none; | |
+} | |
+ | |
+.pure-button-primary, | |
+.pure-button-selected, | |
+a.pure-button-primary, | |
+a.pure-button-selected { | |
+ background-color: rgb(0, 120, 231); | |
+ color: #fff; | |
+} | |
+ | |
+/* Button Groups */ | |
+.pure-button-group .pure-button { | |
+ margin: 0; | |
+ border-radius: 0; | |
+ border-right: 1px solid #111; /* fallback color for rgba() for IE7/8 */ | |
+ border-right: 1px solid rgba(0, 0, 0, 0.2); | |
+ | |
+} | |
+ | |
+.pure-button-group .pure-button:first-child { | |
+ border-top-left-radius: 2px; | |
+ border-bottom-left-radius: 2px; | |
+} | |
+.pure-button-group .pure-button:last-child { | |
+ border-top-right-radius: 2px; | |
+ border-bottom-right-radius: 2px; | |
+ border-right: none; | |
+} | |
+ | |
+/*csslint box-model:false*/ | |
+/* | |
+Box-model set to false because we're setting a height on select elements, which | |
+also have border and padding. This is done because some browsers don't render | |
+the padding. We explicitly set the box-model for select elements to border-box, | |
+so we can ignore the csslint warning. | |
+*/ | |
+ | |
+.pure-form input[type="text"], | |
+.pure-form input[type="password"], | |
+.pure-form input[type="email"], | |
+.pure-form input[type="url"], | |
+.pure-form input[type="date"], | |
+.pure-form input[type="month"], | |
+.pure-form input[type="time"], | |
+.pure-form input[type="datetime"], | |
+.pure-form input[type="datetime-local"], | |
+.pure-form input[type="week"], | |
+.pure-form input[type="number"], | |
+.pure-form input[type="search"], | |
+.pure-form input[type="tel"], | |
+.pure-form input[type="color"], | |
+.pure-form select, | |
+.pure-form textarea { | |
+ padding: 0.5em 0.6em; | |
+ display: inline-block; | |
+ border: 1px solid #ccc; | |
+ box-shadow: inset 0 1px 3px #ddd; | |
+ border-radius: 4px; | |
+ vertical-align: middle; | |
+ box-sizing: border-box; | |
+} | |
+ | |
+/* | |
+Need to separate out the :not() selector from the rest of the CSS 2.1 selectors | |
+since IE8 won't execute CSS that contains a CSS3 selector. | |
+*/ | |
+.pure-form input:not([type]) { | |
+ padding: 0.5em 0.6em; | |
+ display: inline-block; | |
+ border: 1px solid #ccc; | |
+ box-shadow: inset 0 1px 3px #ddd; | |
+ border-radius: 4px; | |
+ box-sizing: border-box; | |
+} | |
+ | |
+ | |
+/* Chrome (as of v.32/34 on OS X) needs additional room for color to display. … | |
+/* May be able to remove this tweak as color inputs become more standardized a… | |
+.pure-form input[type="color"] { | |
+ padding: 0.2em 0.5em; | |
+} | |
+ | |
+ | |
+.pure-form input[type="text"]:focus, | |
+.pure-form input[type="password"]:focus, | |
+.pure-form input[type="email"]:focus, | |
+.pure-form input[type="url"]:focus, | |
+.pure-form input[type="date"]:focus, | |
+.pure-form input[type="month"]:focus, | |
+.pure-form input[type="time"]:focus, | |
+.pure-form input[type="datetime"]:focus, | |
+.pure-form input[type="datetime-local"]:focus, | |
+.pure-form input[type="week"]:focus, | |
+.pure-form input[type="number"]:focus, | |
+.pure-form input[type="search"]:focus, | |
+.pure-form input[type="tel"]:focus, | |
+.pure-form input[type="color"]:focus, | |
+.pure-form select:focus, | |
+.pure-form textarea:focus { | |
+ outline: 0; | |
+ border-color: #129FEA; | |
+} | |
+ | |
+/* | |
+Need to separate out the :not() selector from the rest of the CSS 2.1 selectors | |
+since IE8 won't execute CSS that contains a CSS3 selector. | |
+*/ | |
+.pure-form input:not([type]):focus { | |
+ outline: 0; | |
+ border-color: #129FEA; | |
+} | |
+ | |
+.pure-form input[type="file"]:focus, | |
+.pure-form input[type="radio"]:focus, | |
+.pure-form input[type="checkbox"]:focus { | |
+ outline: thin solid #129FEA; | |
+ outline: 1px auto #129FEA; | |
+} | |
+.pure-form .pure-checkbox, | |
+.pure-form .pure-radio { | |
+ margin: 0.5em 0; | |
+ display: block; | |
+} | |
+ | |
+.pure-form input[type="text"][disabled], | |
+.pure-form input[type="password"][disabled], | |
+.pure-form input[type="email"][disabled], | |
+.pure-form input[type="url"][disabled], | |
+.pure-form input[type="date"][disabled], | |
+.pure-form input[type="month"][disabled], | |
+.pure-form input[type="time"][disabled], | |
+.pure-form input[type="datetime"][disabled], | |
+.pure-form input[type="datetime-local"][disabled], | |
+.pure-form input[type="week"][disabled], | |
+.pure-form input[type="number"][disabled], | |
+.pure-form input[type="search"][disabled], | |
+.pure-form input[type="tel"][disabled], | |
+.pure-form input[type="color"][disabled], | |
+.pure-form select[disabled], | |
+.pure-form textarea[disabled] { | |
+ cursor: not-allowed; | |
+ background-color: #eaeded; | |
+ color: #cad2d3; | |
+} | |
+ | |
+/* | |
+Need to separate out the :not() selector from the rest of the CSS 2.1 selectors | |
+since IE8 won't execute CSS that contains a CSS3 selector. | |
+*/ | |
+.pure-form input:not([type])[disabled] { | |
+ cursor: not-allowed; | |
+ background-color: #eaeded; | |
+ color: #cad2d3; | |
+} | |
+.pure-form input[readonly], | |
+.pure-form select[readonly], | |
+.pure-form textarea[readonly] { | |
+ background-color: #eee; /* menu hover bg color */ | |
+ color: #777; /* menu text color */ | |
+ border-color: #ccc; | |
+} | |
+ | |
+.pure-form input:focus:invalid, | |
+.pure-form textarea:focus:invalid, | |
+.pure-form select:focus:invalid { | |
+ color: #b94a48; | |
+ border-color: #e9322d; | |
+} | |
+.pure-form input[type="file"]:focus:invalid:focus, | |
+.pure-form input[type="radio"]:focus:invalid:focus, | |
+.pure-form input[type="checkbox"]:focus:invalid:focus { | |
+ outline-color: #e9322d; | |
+} | |
+.pure-form select { | |
+ /* Normalizes the height; padding is not sufficient. */ | |
+ height: 2.25em; | |
+ border: 1px solid #ccc; | |
+ background-color: white; | |
+} | |
+.pure-form select[multiple] { | |
+ height: auto; | |
+} | |
+.pure-form label { | |
+ margin: 0.5em 0 0.2em; | |
+} | |
+.pure-form fieldset { | |
+ margin: 0; | |
+ padding: 0.35em 0 0.75em; | |
+ border: 0; | |
+} | |
+.pure-form legend { | |
+ display: block; | |
+ width: 100%; | |
+ padding: 0.3em 0; | |
+ margin-bottom: 0.3em; | |
+ color: #333; | |
+ border-bottom: 1px solid #e5e5e5; | |
+} | |
+ | |
+.pure-form-stacked input[type="text"], | |
+.pure-form-stacked input[type="password"], | |
+.pure-form-stacked input[type="email"], | |
+.pure-form-stacked input[type="url"], | |
+.pure-form-stacked input[type="date"], | |
+.pure-form-stacked input[type="month"], | |
+.pure-form-stacked input[type="time"], | |
+.pure-form-stacked input[type="datetime"], | |
+.pure-form-stacked input[type="datetime-local"], | |
+.pure-form-stacked input[type="week"], | |
+.pure-form-stacked input[type="number"], | |
+.pure-form-stacked input[type="search"], | |
+.pure-form-stacked input[type="tel"], | |
+.pure-form-stacked input[type="color"], | |
+.pure-form-stacked input[type="file"], | |
+.pure-form-stacked select, | |
+.pure-form-stacked label, | |
+.pure-form-stacked textarea { | |
+ display: block; | |
+ margin: 0.25em 0; | |
+} | |
+ | |
+/* | |
+Need to separate out the :not() selector from the rest of the CSS 2.1 selectors | |
+since IE8 won't execute CSS that contains a CSS3 selector. | |
+*/ | |
+.pure-form-stacked input:not([type]) { | |
+ display: block; | |
+ margin: 0.25em 0; | |
+} | |
+.pure-form-aligned input, | |
+.pure-form-aligned textarea, | |
+.pure-form-aligned select, | |
+/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead… | |
+.pure-form-aligned .pure-help-inline, | |
+.pure-form-message-inline { | |
+ display: inline-block; | |
+ *display: inline; | |
+ *zoom: 1; | |
+ vertical-align: middle; | |
+} | |
+.pure-form-aligned textarea { | |
+ vertical-align: top; | |
+} | |
+ | |
+/* Aligned Forms */ | |
+.pure-form-aligned .pure-control-group { | |
+ margin-bottom: 0.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 11em; | |
+} | |
+ | |
+/* Rounded Inputs */ | |
+.pure-form input.pure-input-rounded, | |
+.pure-form .pure-input-rounded { | |
+ border-radius: 2em; | |
+ padding: 0.5em 1em; | |
+} | |
+ | |
+/* Grouped Inputs */ | |
+.pure-form .pure-group fieldset { | |
+ margin-bottom: 10px; | |
+} | |
+.pure-form .pure-group input, | |
+.pure-form .pure-group textarea { | |
+ display: block; | |
+ padding: 10px; | |
+ margin: 0 0 -1px; | |
+ border-radius: 0; | |
+ position: relative; | |
+ top: -1px; | |
+} | |
+.pure-form .pure-group input:focus, | |
+.pure-form .pure-group textarea:focus { | |
+ z-index: 3; | |
+} | |
+.pure-form .pure-group input:first-child, | |
+.pure-form .pure-group textarea:first-child { | |
+ top: 1px; | |
+ border-radius: 4px 4px 0 0; | |
+ margin: 0; | |
+} | |
+.pure-form .pure-group input:first-child:last-child, | |
+.pure-form .pure-group textarea:first-child:last-child { | |
+ top: 1px; | |
+ border-radius: 4px; | |
+ margin: 0; | |
+} | |
+.pure-form .pure-group input:last-child, | |
+.pure-form .pure-group textarea:last-child { | |
+ top: -2px; | |
+ border-radius: 0 0 4px 4px; | |
+ margin: 0; | |
+} | |
+.pure-form .pure-group button { | |
+ margin: 0.35em 0; | |
+} | |
+ | |
+.pure-form .pure-input-1 { | |
+ width: 100%; | |
+} | |
+.pure-form .pure-input-3-4 { | |
+ width: 75%; | |
+} | |
+.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%; | |
+} | |
+ | |
+/* Inline help for forms */ | |
+/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead… | |
+.pure-form .pure-help-inline, | |
+.pure-form-message-inline { | |
+ display: inline-block; | |
+ padding-left: 0.3em; | |
+ color: #666; | |
+ vertical-align: middle; | |
+ font-size: 0.875em; | |
+} | |
+ | |
+/* Block help for forms */ | |
+.pure-form-message { | |
+ display: block; | |
+ color: #666; | |
+ font-size: 0.875em; | |
+} | |
+ | |
+/*csslint adjoining-classes: false, box-model:false*/ | |
+.pure-menu { | |
+ box-sizing: border-box; | |
+} | |
+ | |
+.pure-menu-fixed { | |
+ position: fixed; | |
+ left: 0; | |
+ top: 0; | |
+ z-index: 3; | |
+} | |
+ | |
+.pure-menu-list, | |
+.pure-menu-item { | |
+ position: relative; | |
+} | |
+ | |
+.pure-menu-list { | |
+ list-style: none; | |
+ margin: 0; | |
+ padding: 0; | |
+} | |
+ | |
+.pure-menu-item { | |
+ padding: 0; | |
+ margin: 0; | |
+ height: 100%; | |
+} | |
+ | |
+.pure-menu-link, | |
+.pure-menu-heading { | |
+ display: block; | |
+ text-decoration: none; | |
+ white-space: nowrap; | |
+} | |
+ | |
+/* HORIZONTAL MENU */ | |
+.pure-menu-horizontal { | |
+ width: 100%; | |
+ white-space: nowrap; | |
+} | |
+ | |
+.pure-menu-horizontal .pure-menu-list { | |
+ display: inline-block; | |
+} | |
+ | |
+/* Initial menus should be inline-block so that they are horizontal */ | |
+.pure-menu-horizontal .pure-menu-item, | |
+.pure-menu-horizontal .pure-menu-heading, | |
+.pure-menu-horizontal .pure-menu-separator { | |
+ display: inline-block; | |
+ *display: inline; | |
+ zoom: 1; | |
+ vertical-align: middle; | |
+} | |
+ | |
+/* Submenus should still be display: block; */ | |
+.pure-menu-item .pure-menu-item { | |
+ display: block; | |
+} | |
+ | |
+.pure-menu-children { | |
+ display: none; | |
+ position: absolute; | |
+ left: 100%; | |
+ top: 0; | |
+ margin: 0; | |
+ padding: 0; | |
+ z-index: 3; | |
+} | |
+ | |
+.pure-menu-horizontal .pure-menu-children { | |
+ left: 0; | |
+ top: auto; | |
+ width: inherit; | |
+} | |
+ | |
+.pure-menu-allow-hover:hover > .pure-menu-children, | |
+.pure-menu-active > .pure-menu-children { | |
+ display: block; | |
+ position: absolute; | |
+} | |
+ | |
+/* Vertical Menus - show the dropdown arrow */ | |
+.pure-menu-has-children > .pure-menu-link:after { | |
+ padding-left: 0.5em; | |
+ content: "\25B8"; | |
+ font-size: small; | |
+} | |
+ | |
+/* Horizontal Menus - show the dropdown arrow */ | |
+.pure-menu-horizontal .pure-menu-has-children > .pure-menu-link:after { | |
+ content: "\25BE"; | |
+} | |
+ | |
+/* scrollable menus */ | |
+.pure-menu-scrollable { | |
+ overflow-y: scroll; | |
+ overflow-x: hidden; | |
+} | |
+ | |
+.pure-menu-scrollable .pure-menu-list { | |
+ display: block; | |
+} | |
+ | |
+.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list { | |
+ display: inline-block; | |
+} | |
+ | |
+.pure-menu-horizontal.pure-menu-scrollable { | |
+ white-space: nowrap; | |
+ overflow-y: hidden; | |
+ overflow-x: auto; | |
+ -ms-overflow-style: none; | |
+ -webkit-overflow-scrolling: touch; | |
+ /* a little extra padding for this style to allow for scrollbars */ | |
+ padding: .5em 0; | |
+} | |
+ | |
+.pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar { | |
+ display: none; | |
+} | |
+ | |
+/* misc default styling */ | |
+ | |
+.pure-menu-separator, | |
+.pure-menu-horizontal .pure-menu-children .pure-menu-separator { | |
+ background-color: #ccc; | |
+ height: 1px; | |
+ margin: .3em 0; | |
+} | |
+ | |
+.pure-menu-horizontal .pure-menu-separator { | |
+ width: 1px; | |
+ height: 1.3em; | |
+ margin: 0 .3em ; | |
+} | |
+ | |
+/* Need to reset the separator since submenu is vertical */ | |
+.pure-menu-horizontal .pure-menu-children .pure-menu-separator { | |
+ display: block; | |
+ width: auto; | |
+} | |
+ | |
+.pure-menu-heading { | |
+ text-transform: uppercase; | |
+ color: #565d64; | |
+} | |
+ | |
+.pure-menu-link { | |
+ color: #777; | |
+} | |
+ | |
+.pure-menu-children { | |
+ background-color: #fff; | |
+} | |
+ | |
+.pure-menu-link, | |
+.pure-menu-disabled, | |
+.pure-menu-heading { | |
+ padding: .5em 1em; | |
+} | |
+ | |
+.pure-menu-disabled { | |
+ opacity: .5; | |
+} | |
+ | |
+.pure-menu-disabled .pure-menu-link:hover { | |
+ background-color: transparent; | |
+} | |
+ | |
+.pure-menu-active > .pure-menu-link, | |
+.pure-menu-link:hover, | |
+.pure-menu-link:focus { | |
+ background-color: #eee; | |
+} | |
+ | |
+.pure-menu-selected .pure-menu-link, | |
+.pure-menu-selected .pure-menu-link:visited { | |
+ color: #000; | |
+} | |
+ | |
+.pure-table { | |
+ /* Remove spacing between table cells (from Normalize.css) */ | |
+ 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;/* inner column border */ | |
+ border-width: 0 0 0 1px; | |
+ font-size: inherit; | |
+ margin: 0; | |
+ overflow: visible; /*to make ths where the title is really long work*/ | |
+ padding: 0.5em 1em; /* cell padding */ | |
+} | |
+ | |
+/* Consider removing this next declaration block, as it causes problems when | |
+there's a rowspan on the first cell. Case added to the tests. issue#432 */ | |
+.pure-table td:first-child, | |
+.pure-table th:first-child { | |
+ border-left-width: 0; | |
+} | |
+ | |
+.pure-table thead { | |
+ background-color: #e0e0e0; | |
+ color: #000; | |
+ text-align: left; | |
+ vertical-align: bottom; | |
+} | |
+ | |
+/* | |
+striping: | |
+ even - #fff (white) | |
+ odd - #f2f2f2 (light gray) | |
+*/ | |
+.pure-table td { | |
+ background-color: transparent; | |
+} | |
+.pure-table-odd td { | |
+ background-color: #f2f2f2; | |
+} | |
+ | |
+/* nth-child selector for modern browsers */ | |
+.pure-table-striped tr:nth-child(2n-1) td { | |
+ background-color: #f2f2f2; | |
+} | |
+ | |
+/* BORDERED TABLES */ | |
+.pure-table-bordered td { | |
+ border-bottom: 1px solid #cbcbcb; | |
+} | |
+.pure-table-bordered tbody > tr:last-child > td { | |
+ border-bottom-width: 0; | |
+} | |
+ | |
+ | |
+/* HORIZONTAL BORDERED TABLES */ | |
+ | |
+.pure-table-horizontal td, | |
+.pure-table-horizontal th { | |
+ border-width: 0 0 1px 0; | |
+ border-bottom: 1px solid #cbcbcb; | |
+} | |
+.pure-table-horizontal tbody > tr:last-child > td { | |
+ border-bottom-width: 0; | |
+} | |
diff --git a/static/css/pure_r1.0.0/pure.css b/static/css/pure_r1.0.0/pure.css | |
@@ -0,0 +1,1508 @@ | |
+/*! | |
+Pure v1.0.0 | |
+Copyright 2013 Yahoo! | |
+Licensed under the BSD License. | |
+https://github.com/yahoo/pure/blob/master/LICENSE.md | |
+*/ | |
+/*! | |
+normalize.css v^3.0 | MIT License | git.io/normalize | |
+Copyright (c) Nicolas Gallagher and Jonathan Neal | |
+*/ | |
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ | |
+ | |
+/** | |
+ * 1. Set default font family to sans-serif. | |
+ * 2. Prevent iOS and IE text size adjust after device orientation change, | |
+ * without disabling user zoom. | |
+ */ | |
+ | |
+html { | |
+ font-family: sans-serif; /* 1 */ | |
+ -ms-text-size-adjust: 100%; /* 2 */ | |
+ -webkit-text-size-adjust: 100%; /* 2 */ | |
+} | |
+ | |
+/** | |
+ * Remove default margin. | |
+ */ | |
+ | |
+body { | |
+ margin: 0; | |
+} | |
+ | |
+/* HTML5 display definitions | |
+ ========================================================================== … | |
+ | |
+/** | |
+ * Correct `block` display not defined for any HTML5 element in IE 8/9. | |
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11 | |
+ * and Firefox. | |
+ * Correct `block` display not defined for `main` in IE 11. | |
+ */ | |
+ | |
+article, | |
+aside, | |
+details, | |
+figcaption, | |
+figure, | |
+footer, | |
+header, | |
+hgroup, | |
+main, | |
+menu, | |
+nav, | |
+section, | |
+summary { | |
+ display: block; | |
+} | |
+ | |
+/** | |
+ * 1. Correct `inline-block` display not defined in IE 8/9. | |
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. | |
+ */ | |
+ | |
+audio, | |
+canvas, | |
+progress, | |
+video { | |
+ display: inline-block; /* 1 */ | |
+ vertical-align: baseline; /* 2 */ | |
+} | |
+ | |
+/** | |
+ * Prevent modern browsers from displaying `audio` without controls. | |
+ * Remove excess height in iOS 5 devices. | |
+ */ | |
+ | |
+audio:not([controls]) { | |
+ display: none; | |
+ height: 0; | |
+} | |
+ | |
+/** | |
+ * Address `[hidden]` styling not present in IE 8/9/10. | |
+ * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. | |
+ */ | |
+ | |
+[hidden], | |
+template { | |
+ display: none; | |
+} | |
+ | |
+/* Links | |
+ ========================================================================== … | |
+ | |
+/** | |
+ * Remove the gray background color from active links in IE 10. | |
+ */ | |
+ | |
+a { | |
+ background-color: transparent; | |
+} | |
+ | |
+/** | |
+ * Improve readability of focused elements when they are also in an | |
+ * active/hover state. | |
+ */ | |
+ | |
+a:active, | |
+a:hover { | |
+ outline: 0; | |
+} | |
+ | |
+/* Text-level semantics | |
+ ========================================================================== … | |
+ | |
+/** | |
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome. | |
+ */ | |
+ | |
+abbr[title] { | |
+ border-bottom: 1px dotted; | |
+} | |
+ | |
+/** | |
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. | |
+ */ | |
+ | |
+b, | |
+strong { | |
+ font-weight: bold; | |
+} | |
+ | |
+/** | |
+ * Address styling not present in Safari and Chrome. | |
+ */ | |
+ | |
+dfn { | |
+ font-style: italic; | |
+} | |
+ | |
+/** | |
+ * Address variable `h1` font-size and margin within `section` and `article` | |
+ * contexts in Firefox 4+, Safari, and Chrome. | |
+ */ | |
+ | |
+h1 { | |
+ font-size: 2em; | |
+ margin: 0.67em 0; | |
+} | |
+ | |
+/** | |
+ * Address styling not present in IE 8/9. | |
+ */ | |
+ | |
+mark { | |
+ background: #ff0; | |
+ color: #000; | |
+} | |
+ | |
+/** | |
+ * Address inconsistent and variable font size in all browsers. | |
+ */ | |
+ | |
+small { | |
+ font-size: 80%; | |
+} | |
+ | |
+/** | |
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers. | |
+ */ | |
+ | |
+sub, | |
+sup { | |
+ font-size: 75%; | |
+ line-height: 0; | |
+ position: relative; | |
+ vertical-align: baseline; | |
+} | |
+ | |
+sup { | |
+ top: -0.5em; | |
+} | |
+ | |
+sub { | |
+ bottom: -0.25em; | |
+} | |
+ | |
+/* Embedded content | |
+ ========================================================================== … | |
+ | |
+/** | |
+ * Remove border when inside `a` element in IE 8/9/10. | |
+ */ | |
+ | |
+img { | |
+ border: 0; | |
+} | |
+ | |
+/** | |
+ * Correct overflow not hidden in IE 9/10/11. | |
+ */ | |
+ | |
+svg:not(:root) { | |
+ overflow: hidden; | |
+} | |
+ | |
+/* Grouping content | |
+ ========================================================================== … | |
+ | |
+/** | |
+ * Address margin not present in IE 8/9 and Safari. | |
+ */ | |
+ | |
+figure { | |
+ margin: 1em 40px; | |
+} | |
+ | |
+/** | |
+ * Address differences between Firefox and other browsers. | |
+ */ | |
+ | |
+hr { | |
+ box-sizing: content-box; | |
+ height: 0; | |
+} | |
+ | |
+/** | |
+ * Contain overflow in all browsers. | |
+ */ | |
+ | |
+pre { | |
+ overflow: auto; | |
+} | |
+ | |
+/** | |
+ * Address odd `em`-unit font size rendering in all browsers. | |
+ */ | |
+ | |
+code, | |
+kbd, | |
+pre, | |
+samp { | |
+ font-family: monospace, monospace; | |
+ font-size: 1em; | |
+} | |
+ | |
+/* Forms | |
+ ========================================================================== … | |
+ | |
+/** | |
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited | |
+ * styling of `select`, unless a `border` property is set. | |
+ */ | |
+ | |
+/** | |
+ * 1. Correct color not being inherited. | |
+ * Known issue: affects color of disabled elements. | |
+ * 2. Correct font properties not being inherited. | |
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. | |
+ */ | |
+ | |
+button, | |
+input, | |
+optgroup, | |
+select, | |
+textarea { | |
+ color: inherit; /* 1 */ | |
+ font: inherit; /* 2 */ | |
+ margin: 0; /* 3 */ | |
+} | |
+ | |
+/** | |
+ * Address `overflow` set to `hidden` in IE 8/9/10/11. | |
+ */ | |
+ | |
+button { | |
+ overflow: visible; | |
+} | |
+ | |
+/** | |
+ * Address inconsistent `text-transform` inheritance for `button` and `select`. | |
+ * All other form control elements do not inherit `text-transform` values. | |
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. | |
+ * Correct `select` style inheritance in Firefox. | |
+ */ | |
+ | |
+button, | |
+select { | |
+ text-transform: none; | |
+} | |
+ | |
+/** | |
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` | |
+ * and `video` controls. | |
+ * 2. Correct inability to style clickable `input` types in iOS. | |
+ * 3. Improve usability and consistency of cursor style between image-type | |
+ * `input` and others. | |
+ */ | |
+ | |
+button, | |
+html input[type="button"], /* 1 */ | |
+input[type="reset"], | |
+input[type="submit"] { | |
+ -webkit-appearance: button; /* 2 */ | |
+ cursor: pointer; /* 3 */ | |
+} | |
+ | |
+/** | |
+ * Re-set default cursor for disabled elements. | |
+ */ | |
+ | |
+button[disabled], | |
+html input[disabled] { | |
+ cursor: default; | |
+} | |
+ | |
+/** | |
+ * Remove inner padding and border in Firefox 4+. | |
+ */ | |
+ | |
+button::-moz-focus-inner, | |
+input::-moz-focus-inner { | |
+ border: 0; | |
+ padding: 0; | |
+} | |
+ | |
+/** | |
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in | |
+ * the UA stylesheet. | |
+ */ | |
+ | |
+input { | |
+ line-height: normal; | |
+} | |
+ | |
+/** | |
+ * It's recommended that you don't attempt to style these elements. | |
+ * Firefox's implementation doesn't respect box-sizing, padding, or width. | |
+ * | |
+ * 1. Address box sizing set to `content-box` in IE 8/9/10. | |
+ * 2. Remove excess padding in IE 8/9/10. | |
+ */ | |
+ | |
+input[type="checkbox"], | |
+input[type="radio"] { | |
+ box-sizing: border-box; /* 1 */ | |
+ padding: 0; /* 2 */ | |
+} | |
+ | |
+/** | |
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain | |
+ * `font-size` values of the `input`, it causes the cursor style of the | |
+ * decrement button to change from `default` to `text`. | |
+ */ | |
+ | |
+input[type="number"]::-webkit-inner-spin-button, | |
+input[type="number"]::-webkit-outer-spin-button { | |
+ height: auto; | |
+} | |
+ | |
+/** | |
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome. | |
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. | |
+ */ | |
+ | |
+input[type="search"] { | |
+ -webkit-appearance: textfield; /* 1 */ | |
+ box-sizing: content-box; /* 2 */ | |
+} | |
+ | |
+/** | |
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X. | |
+ * Safari (but not Chrome) clips the cancel button when the search input has | |
+ * padding (and `textfield` appearance). | |
+ */ | |
+ | |
+input[type="search"]::-webkit-search-cancel-button, | |
+input[type="search"]::-webkit-search-decoration { | |
+ -webkit-appearance: none; | |
+} | |
+ | |
+/** | |
+ * Define consistent border, margin, and padding. | |
+ */ | |
+ | |
+fieldset { | |
+ border: 1px solid #c0c0c0; | |
+ margin: 0 2px; | |
+ padding: 0.35em 0.625em 0.75em; | |
+} | |
+ | |
+/** | |
+ * 1. Correct `color` not being inherited in IE 8/9/10/11. | |
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets. | |
+ */ | |
+ | |
+legend { | |
+ border: 0; /* 1 */ | |
+ padding: 0; /* 2 */ | |
+} | |
+ | |
+/** | |
+ * Remove default vertical scrollbar in IE 8/9/10/11. | |
+ */ | |
+ | |
+textarea { | |
+ overflow: auto; | |
+} | |
+ | |
+/** | |
+ * Don't inherit the `font-weight` (applied by a rule above). | |
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. | |
+ */ | |
+ | |
+optgroup { | |
+ font-weight: bold; | |
+} | |
+ | |
+/* Tables | |
+ ========================================================================== … | |
+ | |
+/** | |
+ * Remove most spacing between table cells. | |
+ */ | |
+ | |
+table { | |
+ border-collapse: collapse; | |
+ border-spacing: 0; | |
+} | |
+ | |
+td, | |
+th { | |
+ padding: 0; | |
+} | |
+ | |
+/*csslint important:false*/ | |
+ | |
+/* ========================================================================== | |
+ Pure Base Extras | |
+ ========================================================================== … | |
+ | |
+/** | |
+ * Extra rules that Pure adds on top of Normalize.css | |
+ */ | |
+ | |
+/** | |
+ * Always hide an element when it has the `hidden` HTML attribute. | |
+ */ | |
+ | |
+.hidden, | |
+[hidden] { | |
+ display: none !important; | |
+} | |
+ | |
+/** | |
+ * Add this class to an image to make it fit within it's fluid parent wrapper … | |
+ * aspect ratio. | |
+ */ | |
+.pure-img { | |
+ max-width: 100%; | |
+ height: auto; | |
+ display: block; | |
+} | |
+ | |
+/*csslint regex-selectors:false, known-properties:false, duplicate-properties:… | |
+ | |
+.pure-g { | |
+ letter-spacing: -0.31em; /* Webkit: collapse white-space between units */ | |
+ *letter-spacing: normal; /* reset IE < 8 */ | |
+ *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */ | |
+ text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLe… | |
+ | |
+ /* | |
+ Sets the font stack to fonts known to work properly with the above letter | |
+ and word spacings. See: https://github.com/yahoo/pure/issues/41/ | |
+ | |
+ The following font stack makes Pure Grids work on all known environments. | |
+ | |
+ * FreeSans: Ships with many Linux distros, including Ubuntu | |
+ | |
+ * Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and | |
+ Arial to get picked up by the browser, even though neither is available | |
+ in Chrome OS. | |
+ | |
+ * Droid Sans: Ships with all versions of Android. | |
+ | |
+ * Helvetica, Arial, sans-serif: Common font stack on OS X and Windows. | |
+ */ | |
+ font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif; | |
+ | |
+ /* Use flexbox when possible to avoid `letter-spacing` side-effects. */ | |
+ display: -webkit-box; | |
+ display: -webkit-flex; | |
+ display: -ms-flexbox; | |
+ display: flex; | |
+ -webkit-flex-flow: row wrap; | |
+ -ms-flex-flow: row wrap; | |
+ flex-flow: row wrap; | |
+ | |
+ /* Prevents distributing space between rows */ | |
+ -webkit-align-content: flex-start; | |
+ -ms-flex-line-pack: start; | |
+ align-content: flex-start; | |
+} | |
+ | |
+/* IE10 display: -ms-flexbox (and display: flex in IE 11) does not work inside… | |
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { | |
+ table .pure-g { | |
+ display: block; | |
+ } | |
+} | |
+ | |
+/* Opera as of 12 on Windows needs word-spacing. | |
+ The ".opera-only" selector is used to prevent actual prefocus styling | |
+ and is not required in markup. | |
+*/ | |
+.opera-only :-o-prefocus, | |
+.pure-g { | |
+ word-spacing: -0.43em; | |
+} | |
+ | |
+.pure-u { | |
+ display: inline-block; | |
+ *display: inline; /* IE < 8: fake inline-block */ | |
+ zoom: 1; | |
+ letter-spacing: normal; | |
+ word-spacing: normal; | |
+ vertical-align: top; | |
+ text-rendering: auto; | |
+} | |
+ | |
+/* | |
+Resets the font family back to the OS/browser's default sans-serif font, | |
+this the same font stack that Normalize.css sets for the `body`. | |
+*/ | |
+.pure-g [class *= "pure-u"] { | |
+ font-family: sans-serif; | |
+} | |
+ | |
+.pure-u-1, | |
+.pure-u-1-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-5-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-2-24, | |
+.pure-u-3-24, | |
+.pure-u-4-24, | |
+.pure-u-5-24, | |
+.pure-u-6-24, | |
+.pure-u-7-24, | |
+.pure-u-8-24, | |
+.pure-u-9-24, | |
+.pure-u-10-24, | |
+.pure-u-11-24, | |
+.pure-u-12-24, | |
+.pure-u-13-24, | |
+.pure-u-14-24, | |
+.pure-u-15-24, | |
+.pure-u-16-24, | |
+.pure-u-17-24, | |
+.pure-u-18-24, | |
+.pure-u-19-24, | |
+.pure-u-20-24, | |
+.pure-u-21-24, | |
+.pure-u-22-24, | |
+.pure-u-23-24, | |
+.pure-u-24-24 { | |
+ display: inline-block; | |
+ *display: inline; | |
+ zoom: 1; | |
+ letter-spacing: normal; | |
+ word-spacing: normal; | |
+ vertical-align: top; | |
+ text-rendering: auto; | |
+} | |
+ | |
+.pure-u-1-24 { | |
+ width: 4.1667%; | |
+ *width: 4.1357%; | |
+} | |
+ | |
+.pure-u-1-12, | |
+.pure-u-2-24 { | |
+ width: 8.3333%; | |
+ *width: 8.3023%; | |
+} | |
+ | |
+.pure-u-1-8, | |
+.pure-u-3-24 { | |
+ width: 12.5000%; | |
+ *width: 12.4690%; | |
+} | |
+ | |
+.pure-u-1-6, | |
+.pure-u-4-24 { | |
+ width: 16.6667%; | |
+ *width: 16.6357%; | |
+} | |
+ | |
+.pure-u-1-5 { | |
+ width: 20%; | |
+ *width: 19.9690%; | |
+} | |
+ | |
+.pure-u-5-24 { | |
+ width: 20.8333%; | |
+ *width: 20.8023%; | |
+} | |
+ | |
+.pure-u-1-4, | |
+.pure-u-6-24 { | |
+ width: 25%; | |
+ *width: 24.9690%; | |
+} | |
+ | |
+.pure-u-7-24 { | |
+ width: 29.1667%; | |
+ *width: 29.1357%; | |
+} | |
+ | |
+.pure-u-1-3, | |
+.pure-u-8-24 { | |
+ width: 33.3333%; | |
+ *width: 33.3023%; | |
+} | |
+ | |
+.pure-u-3-8, | |
+.pure-u-9-24 { | |
+ width: 37.5000%; | |
+ *width: 37.4690%; | |
+} | |
+ | |
+.pure-u-2-5 { | |
+ width: 40%; | |
+ *width: 39.9690%; | |
+} | |
+ | |
+.pure-u-5-12, | |
+.pure-u-10-24 { | |
+ width: 41.6667%; | |
+ *width: 41.6357%; | |
+} | |
+ | |
+.pure-u-11-24 { | |
+ width: 45.8333%; | |
+ *width: 45.8023%; | |
+} | |
+ | |
+.pure-u-1-2, | |
+.pure-u-12-24 { | |
+ width: 50%; | |
+ *width: 49.9690%; | |
+} | |
+ | |
+.pure-u-13-24 { | |
+ width: 54.1667%; | |
+ *width: 54.1357%; | |
+} | |
+ | |
+.pure-u-7-12, | |
+.pure-u-14-24 { | |
+ width: 58.3333%; | |
+ *width: 58.3023%; | |
+} | |
+ | |
+.pure-u-3-5 { | |
+ width: 60%; | |
+ *width: 59.9690%; | |
+} | |
+ | |
+.pure-u-5-8, | |
+.pure-u-15-24 { | |
+ width: 62.5000%; | |
+ *width: 62.4690%; | |
+} | |
+ | |
+.pure-u-2-3, | |
+.pure-u-16-24 { | |
+ width: 66.6667%; | |
+ *width: 66.6357%; | |
+} | |
+ | |
+.pure-u-17-24 { | |
+ width: 70.8333%; | |
+ *width: 70.8023%; | |
+} | |
+ | |
+.pure-u-3-4, | |
+.pure-u-18-24 { | |
+ width: 75%; | |
+ *width: 74.9690%; | |
+} | |
+ | |
+.pure-u-19-24 { | |
+ width: 79.1667%; | |
+ *width: 79.1357%; | |
+} | |
+ | |
+.pure-u-4-5 { | |
+ width: 80%; | |
+ *width: 79.9690%; | |
+} | |
+ | |
+.pure-u-5-6, | |
+.pure-u-20-24 { | |
+ width: 83.3333%; | |
+ *width: 83.3023%; | |
+} | |
+ | |
+.pure-u-7-8, | |
+.pure-u-21-24 { | |
+ width: 87.5000%; | |
+ *width: 87.4690%; | |
+} | |
+ | |
+.pure-u-11-12, | |
+.pure-u-22-24 { | |
+ width: 91.6667%; | |
+ *width: 91.6357%; | |
+} | |
+ | |
+.pure-u-23-24 { | |
+ width: 95.8333%; | |
+ *width: 95.8023%; | |
+} | |
+ | |
+.pure-u-1, | |
+.pure-u-1-1, | |
+.pure-u-5-5, | |
+.pure-u-24-24 { | |
+ width: 100%; | |
+} | |
+.pure-button { | |
+ /* Structure */ | |
+ display: inline-block; | |
+ zoom: 1; | |
+ line-height: normal; | |
+ white-space: nowrap; | |
+ vertical-align: middle; | |
+ text-align: center; | |
+ cursor: pointer; | |
+ -webkit-user-drag: none; | |
+ -webkit-user-select: none; | |
+ -moz-user-select: none; | |
+ -ms-user-select: none; | |
+ user-select: none; | |
+ box-sizing: border-box; | |
+} | |
+ | |
+/* Firefox: Get rid of the inner focus border */ | |
+.pure-button::-moz-focus-inner { | |
+ padding: 0; | |
+ border: 0; | |
+} | |
+ | |
+/* Inherit .pure-g styles */ | |
+.pure-button-group { | |
+ letter-spacing: -0.31em; /* Webkit: collapse white-space between units */ | |
+ *letter-spacing: normal; /* reset IE < 8 */ | |
+ *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */ | |
+ text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLe… | |
+} | |
+ | |
+.opera-only :-o-prefocus, | |
+.pure-button-group { | |
+ word-spacing: -0.43em; | |
+} | |
+ | |
+.pure-button-group .pure-button { | |
+ letter-spacing: normal; | |
+ word-spacing: normal; | |
+ vertical-align: top; | |
+ text-rendering: auto; | |
+} | |
+ | |
+/*csslint outline-none:false*/ | |
+ | |
+.pure-button { | |
+ font-family: inherit; | |
+ font-size: 100%; | |
+ padding: 0.5em 1em; | |
+ color: #444; /* rgba not supported (IE 8) */ | |
+ color: rgba(0, 0, 0, 0.80); /* rgba supported */ | |
+ border: 1px solid #999; /*IE 6/7/8*/ | |
+ border: none rgba(0, 0, 0, 0); /*IE9 + everything else*/ | |
+ background-color: #E6E6E6; | |
+ text-decoration: none; | |
+ border-radius: 2px; | |
+} | |
+ | |
+.pure-button-hover, | |
+.pure-button:hover, | |
+.pure-button:focus { | |
+ /* csslint ignore:start */ | |
+ filter: alpha(opacity=90); | |
+ /* csslint ignore:end */ | |
+ background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 4… | |
+ background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba… | |
+} | |
+.pure-button:focus { | |
+ outline: 0; | |
+} | |
+.pure-button-active, | |
+.pure-button:active { | |
+ box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) i… | |
+ border-color: #000\9; | |
+} | |
+ | |
+.pure-button[disabled], | |
+.pure-button-disabled, | |
+.pure-button-disabled:hover, | |
+.pure-button-disabled:focus, | |
+.pure-button-disabled:active { | |
+ border: none; | |
+ background-image: none; | |
+ /* csslint ignore:start */ | |
+ filter: alpha(opacity=40); | |
+ /* csslint ignore:end */ | |
+ opacity: 0.40; | |
+ cursor: not-allowed; | |
+ box-shadow: none; | |
+ pointer-events: none; | |
+} | |
+ | |
+.pure-button-hidden { | |
+ display: none; | |
+} | |
+ | |
+.pure-button-primary, | |
+.pure-button-selected, | |
+a.pure-button-primary, | |
+a.pure-button-selected { | |
+ background-color: rgb(0, 120, 231); | |
+ color: #fff; | |
+} | |
+ | |
+/* Button Groups */ | |
+.pure-button-group .pure-button { | |
+ margin: 0; | |
+ border-radius: 0; | |
+ border-right: 1px solid #111; /* fallback color for rgba() for IE7/8 */ | |
+ border-right: 1px solid rgba(0, 0, 0, 0.2); | |
+ | |
+} | |
+ | |
+.pure-button-group .pure-button:first-child { | |
+ border-top-left-radius: 2px; | |
+ border-bottom-left-radius: 2px; | |
+} | |
+.pure-button-group .pure-button:last-child { | |
+ border-top-right-radius: 2px; | |
+ border-bottom-right-radius: 2px; | |
+ border-right: none; | |
+} | |
+ | |
+/*csslint box-model:false*/ | |
+/* | |
+Box-model set to false because we're setting a height on select elements, which | |
+also have border and padding. This is done because some browsers don't render | |
+the padding. We explicitly set the box-model for select elements to border-box, | |
+so we can ignore the csslint warning. | |
+*/ | |
+ | |
+.pure-form input[type="text"], | |
+.pure-form input[type="password"], | |
+.pure-form input[type="email"], | |
+.pure-form input[type="url"], | |
+.pure-form input[type="date"], | |
+.pure-form input[type="month"], | |
+.pure-form input[type="time"], | |
+.pure-form input[type="datetime"], | |
+.pure-form input[type="datetime-local"], | |
+.pure-form input[type="week"], | |
+.pure-form input[type="number"], | |
+.pure-form input[type="search"], | |
+.pure-form input[type="tel"], | |
+.pure-form input[type="color"], | |
+.pure-form select, | |
+.pure-form textarea { | |
+ padding: 0.5em 0.6em; | |
+ display: inline-block; | |
+ border: 1px solid #ccc; | |
+ box-shadow: inset 0 1px 3px #ddd; | |
+ border-radius: 4px; | |
+ vertical-align: middle; | |
+ box-sizing: border-box; | |
+} | |
+ | |
+/* | |
+Need to separate out the :not() selector from the rest of the CSS 2.1 selectors | |
+since IE8 won't execute CSS that contains a CSS3 selector. | |
+*/ | |
+.pure-form input:not([type]) { | |
+ padding: 0.5em 0.6em; | |
+ display: inline-block; | |
+ border: 1px solid #ccc; | |
+ box-shadow: inset 0 1px 3px #ddd; | |
+ border-radius: 4px; | |
+ box-sizing: border-box; | |
+} | |
+ | |
+ | |
+/* Chrome (as of v.32/34 on OS X) needs additional room for color to display. … | |
+/* May be able to remove this tweak as color inputs become more standardized a… | |
+.pure-form input[type="color"] { | |
+ padding: 0.2em 0.5em; | |
+} | |
+ | |
+ | |
+.pure-form input[type="text"]:focus, | |
+.pure-form input[type="password"]:focus, | |
+.pure-form input[type="email"]:focus, | |
+.pure-form input[type="url"]:focus, | |
+.pure-form input[type="date"]:focus, | |
+.pure-form input[type="month"]:focus, | |
+.pure-form input[type="time"]:focus, | |
+.pure-form input[type="datetime"]:focus, | |
+.pure-form input[type="datetime-local"]:focus, | |
+.pure-form input[type="week"]:focus, | |
+.pure-form input[type="number"]:focus, | |
+.pure-form input[type="search"]:focus, | |
+.pure-form input[type="tel"]:focus, | |
+.pure-form input[type="color"]:focus, | |
+.pure-form select:focus, | |
+.pure-form textarea:focus { | |
+ outline: 0; | |
+ border-color: #129FEA; | |
+} | |
+ | |
+/* | |
+Need to separate out the :not() selector from the rest of the CSS 2.1 selectors | |
+since IE8 won't execute CSS that contains a CSS3 selector. | |
+*/ | |
+.pure-form input:not([type]):focus { | |
+ outline: 0; | |
+ border-color: #129FEA; | |
+} | |
+ | |
+.pure-form input[type="file"]:focus, | |
+.pure-form input[type="radio"]:focus, | |
+.pure-form input[type="checkbox"]:focus { | |
+ outline: thin solid #129FEA; | |
+ outline: 1px auto #129FEA; | |
+} | |
+.pure-form .pure-checkbox, | |
+.pure-form .pure-radio { | |
+ margin: 0.5em 0; | |
+ display: block; | |
+} | |
+ | |
+.pure-form input[type="text"][disabled], | |
+.pure-form input[type="password"][disabled], | |
+.pure-form input[type="email"][disabled], | |
+.pure-form input[type="url"][disabled], | |
+.pure-form input[type="date"][disabled], | |
+.pure-form input[type="month"][disabled], | |
+.pure-form input[type="time"][disabled], | |
+.pure-form input[type="datetime"][disabled], | |
+.pure-form input[type="datetime-local"][disabled], | |
+.pure-form input[type="week"][disabled], | |
+.pure-form input[type="number"][disabled], | |
+.pure-form input[type="search"][disabled], | |
+.pure-form input[type="tel"][disabled], | |
+.pure-form input[type="color"][disabled], | |
+.pure-form select[disabled], | |
+.pure-form textarea[disabled] { | |
+ cursor: not-allowed; | |
+ background-color: #eaeded; | |
+ color: #cad2d3; | |
+} | |
+ | |
+/* | |
+Need to separate out the :not() selector from the rest of the CSS 2.1 selectors | |
+since IE8 won't execute CSS that contains a CSS3 selector. | |
+*/ | |
+.pure-form input:not([type])[disabled] { | |
+ cursor: not-allowed; | |
+ background-color: #eaeded; | |
+ color: #cad2d3; | |
+} | |
+.pure-form input[readonly], | |
+.pure-form select[readonly], | |
+.pure-form textarea[readonly] { | |
+ background-color: #eee; /* menu hover bg color */ | |
+ color: #777; /* menu text color */ | |
+ border-color: #ccc; | |
+} | |
+ | |
+.pure-form input:focus:invalid, | |
+.pure-form textarea:focus:invalid, | |
+.pure-form select:focus:invalid { | |
+ color: #b94a48; | |
+ border-color: #e9322d; | |
+} | |
+.pure-form input[type="file"]:focus:invalid:focus, | |
+.pure-form input[type="radio"]:focus:invalid:focus, | |
+.pure-form input[type="checkbox"]:focus:invalid:focus { | |
+ outline-color: #e9322d; | |
+} | |
+.pure-form select { | |
+ /* Normalizes the height; padding is not sufficient. */ | |
+ height: 2.25em; | |
+ border: 1px solid #ccc; | |
+ background-color: white; | |
+} | |
+.pure-form select[multiple] { | |
+ height: auto; | |
+} | |
+.pure-form label { | |
+ margin: 0.5em 0 0.2em; | |
+} | |
+.pure-form fieldset { | |
+ margin: 0; | |
+ padding: 0.35em 0 0.75em; | |
+ border: 0; | |
+} | |
+.pure-form legend { | |
+ display: block; | |
+ width: 100%; | |
+ padding: 0.3em 0; | |
+ margin-bottom: 0.3em; | |
+ color: #333; | |
+ border-bottom: 1px solid #e5e5e5; | |
+} | |
+ | |
+.pure-form-stacked input[type="text"], | |
+.pure-form-stacked input[type="password"], | |
+.pure-form-stacked input[type="email"], | |
+.pure-form-stacked input[type="url"], | |
+.pure-form-stacked input[type="date"], | |
+.pure-form-stacked input[type="month"], | |
+.pure-form-stacked input[type="time"], | |
+.pure-form-stacked input[type="datetime"], | |
+.pure-form-stacked input[type="datetime-local"], | |
+.pure-form-stacked input[type="week"], | |
+.pure-form-stacked input[type="number"], | |
+.pure-form-stacked input[type="search"], | |
+.pure-form-stacked input[type="tel"], | |
+.pure-form-stacked input[type="color"], | |
+.pure-form-stacked input[type="file"], | |
+.pure-form-stacked select, | |
+.pure-form-stacked label, | |
+.pure-form-stacked textarea { | |
+ display: block; | |
+ margin: 0.25em 0; | |
+} | |
+ | |
+/* | |
+Need to separate out the :not() selector from the rest of the CSS 2.1 selectors | |
+since IE8 won't execute CSS that contains a CSS3 selector. | |
+*/ | |
+.pure-form-stacked input:not([type]) { | |
+ display: block; | |
+ margin: 0.25em 0; | |
+} | |
+.pure-form-aligned input, | |
+.pure-form-aligned textarea, | |
+.pure-form-aligned select, | |
+/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead… | |
+.pure-form-aligned .pure-help-inline, | |
+.pure-form-message-inline { | |
+ display: inline-block; | |
+ *display: inline; | |
+ *zoom: 1; | |
+ vertical-align: middle; | |
+} | |
+.pure-form-aligned textarea { | |
+ vertical-align: top; | |
+} | |
+ | |
+/* Aligned Forms */ | |
+.pure-form-aligned .pure-control-group { | |
+ margin-bottom: 0.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 11em; | |
+} | |
+ | |
+/* Rounded Inputs */ | |
+.pure-form input.pure-input-rounded, | |
+.pure-form .pure-input-rounded { | |
+ border-radius: 2em; | |
+ padding: 0.5em 1em; | |
+} | |
+ | |
+/* Grouped Inputs */ | |
+.pure-form .pure-group fieldset { | |
+ margin-bottom: 10px; | |
+} | |
+.pure-form .pure-group input, | |
+.pure-form .pure-group textarea { | |
+ display: block; | |
+ padding: 10px; | |
+ margin: 0 0 -1px; | |
+ border-radius: 0; | |
+ position: relative; | |
+ top: -1px; | |
+} | |
+.pure-form .pure-group input:focus, | |
+.pure-form .pure-group textarea:focus { | |
+ z-index: 3; | |
+} | |
+.pure-form .pure-group input:first-child, | |
+.pure-form .pure-group textarea:first-child { | |
+ top: 1px; | |
+ border-radius: 4px 4px 0 0; | |
+ margin: 0; | |
+} | |
+.pure-form .pure-group input:first-child:last-child, | |
+.pure-form .pure-group textarea:first-child:last-child { | |
+ top: 1px; | |
+ border-radius: 4px; | |
+ margin: 0; | |
+} | |
+.pure-form .pure-group input:last-child, | |
+.pure-form .pure-group textarea:last-child { | |
+ top: -2px; | |
+ border-radius: 0 0 4px 4px; | |
+ margin: 0; | |
+} | |
+.pure-form .pure-group button { | |
+ margin: 0.35em 0; | |
+} | |
+ | |
+.pure-form .pure-input-1 { | |
+ width: 100%; | |
+} | |
+.pure-form .pure-input-3-4 { | |
+ width: 75%; | |
+} | |
+.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%; | |
+} | |
+ | |
+/* Inline help for forms */ | |
+/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead… | |
+.pure-form .pure-help-inline, | |
+.pure-form-message-inline { | |
+ display: inline-block; | |
+ padding-left: 0.3em; | |
+ color: #666; | |
+ vertical-align: middle; | |
+ font-size: 0.875em; | |
+} | |
+ | |
+/* Block help for forms */ | |
+.pure-form-message { | |
+ display: block; | |
+ color: #666; | |
+ font-size: 0.875em; | |
+} | |
+ | |
+@media only screen and (max-width : 480px) { | |
+ .pure-form button[type="submit"] { | |
+ margin: 0.7em 0 0; | |
+ } | |
+ | |
+ .pure-form input:not([type]), | |
+ .pure-form input[type="text"], | |
+ .pure-form input[type="password"], | |
+ .pure-form input[type="email"], | |
+ .pure-form input[type="url"], | |
+ .pure-form input[type="date"], | |
+ .pure-form input[type="month"], | |
+ .pure-form input[type="time"], | |
+ .pure-form input[type="datetime"], | |
+ .pure-form input[type="datetime-local"], | |
+ .pure-form input[type="week"], | |
+ .pure-form input[type="number"], | |
+ .pure-form input[type="search"], | |
+ .pure-form input[type="tel"], | |
+ .pure-form input[type="color"], | |
+ .pure-form label { | |
+ margin-bottom: 0.3em; | |
+ display: block; | |
+ } | |
+ | |
+ .pure-group input:not([type]), | |
+ .pure-group input[type="text"], | |
+ .pure-group input[type="password"], | |
+ .pure-group input[type="email"], | |
+ .pure-group input[type="url"], | |
+ .pure-group input[type="date"], | |
+ .pure-group input[type="month"], | |
+ .pure-group input[type="time"], | |
+ .pure-group input[type="datetime"], | |
+ .pure-group input[type="datetime-local"], | |
+ .pure-group input[type="week"], | |
+ .pure-group input[type="number"], | |
+ .pure-group input[type="search"], | |
+ .pure-group input[type="tel"], | |
+ .pure-group input[type="color"] { | |
+ margin-bottom: 0; | |
+ } | |
+ | |
+ .pure-form-aligned .pure-control-group label { | |
+ margin-bottom: 0.3em; | |
+ text-align: left; | |
+ display: block; | |
+ width: 100%; | |
+ } | |
+ | |
+ .pure-form-aligned .pure-controls { | |
+ margin: 1.5em 0 0 0; | |
+ } | |
+ | |
+ /* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline ins… | |
+ .pure-form .pure-help-inline, | |
+ .pure-form-message-inline, | |
+ .pure-form-message { | |
+ display: block; | |
+ font-size: 0.75em; | |
+ /* Increased bottom padding to make it group with its related input el… | |
+ padding: 0.2em 0 0.8em; | |
+ } | |
+} | |
+ | |
+/*csslint adjoining-classes: false, box-model:false*/ | |
+.pure-menu { | |
+ box-sizing: border-box; | |
+} | |
+ | |
+.pure-menu-fixed { | |
+ position: fixed; | |
+ left: 0; | |
+ top: 0; | |
+ z-index: 3; | |
+} | |
+ | |
+.pure-menu-list, | |
+.pure-menu-item { | |
+ position: relative; | |
+} | |
+ | |
+.pure-menu-list { | |
+ list-style: none; | |
+ margin: 0; | |
+ padding: 0; | |
+} | |
+ | |
+.pure-menu-item { | |
+ padding: 0; | |
+ margin: 0; | |
+ height: 100%; | |
+} | |
+ | |
+.pure-menu-link, | |
+.pure-menu-heading { | |
+ display: block; | |
+ text-decoration: none; | |
+ white-space: nowrap; | |
+} | |
+ | |
+/* HORIZONTAL MENU */ | |
+.pure-menu-horizontal { | |
+ width: 100%; | |
+ white-space: nowrap; | |
+} | |
+ | |
+.pure-menu-horizontal .pure-menu-list { | |
+ display: inline-block; | |
+} | |
+ | |
+/* Initial menus should be inline-block so that they are horizontal */ | |
+.pure-menu-horizontal .pure-menu-item, | |
+.pure-menu-horizontal .pure-menu-heading, | |
+.pure-menu-horizontal .pure-menu-separator { | |
+ display: inline-block; | |
+ *display: inline; | |
+ zoom: 1; | |
+ vertical-align: middle; | |
+} | |
+ | |
+/* Submenus should still be display: block; */ | |
+.pure-menu-item .pure-menu-item { | |
+ display: block; | |
+} | |
+ | |
+.pure-menu-children { | |
+ display: none; | |
+ position: absolute; | |
+ left: 100%; | |
+ top: 0; | |
+ margin: 0; | |
+ padding: 0; | |
+ z-index: 3; | |
+} | |
+ | |
+.pure-menu-horizontal .pure-menu-children { | |
+ left: 0; | |
+ top: auto; | |
+ width: inherit; | |
+} | |
+ | |
+.pure-menu-allow-hover:hover > .pure-menu-children, | |
+.pure-menu-active > .pure-menu-children { | |
+ display: block; | |
+ position: absolute; | |
+} | |
+ | |
+/* Vertical Menus - show the dropdown arrow */ | |
+.pure-menu-has-children > .pure-menu-link:after { | |
+ padding-left: 0.5em; | |
+ content: "\25B8"; | |
+ font-size: small; | |
+} | |
+ | |
+/* Horizontal Menus - show the dropdown arrow */ | |
+.pure-menu-horizontal .pure-menu-has-children > .pure-menu-link:after { | |
+ content: "\25BE"; | |
+} | |
+ | |
+/* scrollable menus */ | |
+.pure-menu-scrollable { | |
+ overflow-y: scroll; | |
+ overflow-x: hidden; | |
+} | |
+ | |
+.pure-menu-scrollable .pure-menu-list { | |
+ display: block; | |
+} | |
+ | |
+.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list { | |
+ display: inline-block; | |
+} | |
+ | |
+.pure-menu-horizontal.pure-menu-scrollable { | |
+ white-space: nowrap; | |
+ overflow-y: hidden; | |
+ overflow-x: auto; | |
+ -ms-overflow-style: none; | |
+ -webkit-overflow-scrolling: touch; | |
+ /* a little extra padding for this style to allow for scrollbars */ | |
+ padding: .5em 0; | |
+} | |
+ | |
+.pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar { | |
+ display: none; | |
+} | |
+ | |
+/* misc default styling */ | |
+ | |
+.pure-menu-separator, | |
+.pure-menu-horizontal .pure-menu-children .pure-menu-separator { | |
+ background-color: #ccc; | |
+ height: 1px; | |
+ margin: .3em 0; | |
+} | |
+ | |
+.pure-menu-horizontal .pure-menu-separator { | |
+ width: 1px; | |
+ height: 1.3em; | |
+ margin: 0 .3em ; | |
+} | |
+ | |
+/* Need to reset the separator since submenu is vertical */ | |
+.pure-menu-horizontal .pure-menu-children .pure-menu-separator { | |
+ display: block; | |
+ width: auto; | |
+} | |
+ | |
+.pure-menu-heading { | |
+ text-transform: uppercase; | |
+ color: #565d64; | |
+} | |
+ | |
+.pure-menu-link { | |
+ color: #777; | |
+} | |
+ | |
+.pure-menu-children { | |
+ background-color: #fff; | |
+} | |
+ | |
+.pure-menu-link, | |
+.pure-menu-disabled, | |
+.pure-menu-heading { | |
+ padding: .5em 1em; | |
+} | |
+ | |
+.pure-menu-disabled { | |
+ opacity: .5; | |
+} | |
+ | |
+.pure-menu-disabled .pure-menu-link:hover { | |
+ background-color: transparent; | |
+} | |
+ | |
+.pure-menu-active > .pure-menu-link, | |
+.pure-menu-link:hover, | |
+.pure-menu-link:focus { | |
+ background-color: #eee; | |
+} | |
+ | |
+.pure-menu-selected .pure-menu-link, | |
+.pure-menu-selected .pure-menu-link:visited { | |
+ color: #000; | |
+} | |
+ | |
+.pure-table { | |
+ /* Remove spacing between table cells (from Normalize.css) */ | |
+ 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;/* inner column border */ | |
+ border-width: 0 0 0 1px; | |
+ font-size: inherit; | |
+ margin: 0; | |
+ overflow: visible; /*to make ths where the title is really long work*/ | |
+ padding: 0.5em 1em; /* cell padding */ | |
+} | |
+ | |
+/* Consider removing this next declaration block, as it causes problems when | |
+there's a rowspan on the first cell. Case added to the tests. issue#432 */ | |
+.pure-table td:first-child, | |
+.pure-table th:first-child { | |
+ border-left-width: 0; | |
+} | |
+ | |
+.pure-table thead { | |
+ background-color: #e0e0e0; | |
+ color: #000; | |
+ text-align: left; | |
+ vertical-align: bottom; | |
+} | |
+ | |
+/* | |
+striping: | |
+ even - #fff (white) | |
+ odd - #f2f2f2 (light gray) | |
+*/ | |
+.pure-table td { | |
+ background-color: transparent; | |
+} | |
+.pure-table-odd td { | |
+ background-color: #f2f2f2; | |
+} | |
+ | |
+/* nth-child selector for modern browsers */ | |
+.pure-table-striped tr:nth-child(2n-1) td { | |
+ background-color: #f2f2f2; | |
+} | |
+ | |
+/* BORDERED TABLES */ | |
+.pure-table-bordered td { | |
+ border-bottom: 1px solid #cbcbcb; | |
+} | |
+.pure-table-bordered tbody > tr:last-child > td { | |
+ border-bottom-width: 0; | |
+} | |
+ | |
+ | |
+/* HORIZONTAL BORDERED TABLES */ | |
+ | |
+.pure-table-horizontal td, | |
+.pure-table-horizontal th { | |
+ border-width: 0 0 1px 0; | |
+ border-bottom: 1px solid #cbcbcb; | |
+} | |
+.pure-table-horizontal tbody > tr:last-child > td { | |
+ border-bottom-width: 0; | |
+} | |
diff --git a/static/css/pure_r1.0.0/tables-min.css b/static/css/pure_r1.0.0/tab… | |
@@ -0,0 +1,7 @@ | |
+/*! | |
+Pure v1.0.0 | |
+Copyright 2013 Yahoo! | |
+Licensed under the BSD License. | |
+https://github.com/yahoo/pure/blob/master/LICENSE.md | |
+*/ | |
+.pure-table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:… | |
+\ No newline at end of file | |
diff --git a/static/css/pure_r1.0.0/tables.css b/static/css/pure_r1.0.0/tables.… | |
@@ -0,0 +1,81 @@ | |
+/*! | |
+Pure v1.0.0 | |
+Copyright 2013 Yahoo! | |
+Licensed under the BSD License. | |
+https://github.com/yahoo/pure/blob/master/LICENSE.md | |
+*/ | |
+.pure-table { | |
+ /* Remove spacing between table cells (from Normalize.css) */ | |
+ 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;/* inner column border */ | |
+ border-width: 0 0 0 1px; | |
+ font-size: inherit; | |
+ margin: 0; | |
+ overflow: visible; /*to make ths where the title is really long work*/ | |
+ padding: 0.5em 1em; /* cell padding */ | |
+} | |
+ | |
+/* Consider removing this next declaration block, as it causes problems when | |
+there's a rowspan on the first cell. Case added to the tests. issue#432 */ | |
+.pure-table td:first-child, | |
+.pure-table th:first-child { | |
+ border-left-width: 0; | |
+} | |
+ | |
+.pure-table thead { | |
+ background-color: #e0e0e0; | |
+ color: #000; | |
+ text-align: left; | |
+ vertical-align: bottom; | |
+} | |
+ | |
+/* | |
+striping: | |
+ even - #fff (white) | |
+ odd - #f2f2f2 (light gray) | |
+*/ | |
+.pure-table td { | |
+ background-color: transparent; | |
+} | |
+.pure-table-odd td { | |
+ background-color: #f2f2f2; | |
+} | |
+ | |
+/* nth-child selector for modern browsers */ | |
+.pure-table-striped tr:nth-child(2n-1) td { | |
+ background-color: #f2f2f2; | |
+} | |
+ | |
+/* BORDERED TABLES */ | |
+.pure-table-bordered td { | |
+ border-bottom: 1px solid #cbcbcb; | |
+} | |
+.pure-table-bordered tbody > tr:last-child > td { | |
+ border-bottom-width: 0; | |
+} | |
+ | |
+ | |
+/* HORIZONTAL BORDERED TABLES */ | |
+ | |
+.pure-table-horizontal td, | |
+.pure-table-horizontal th { | |
+ border-width: 0 0 1px 0; | |
+ border-bottom: 1px solid #cbcbcb; | |
+} | |
+.pure-table-horizontal tbody > tr:last-child > td { | |
+ border-bottom-width: 0; | |
+} | |
diff --git a/static/css/style.css b/static/css/style.css | |
@@ -0,0 +1,19 @@ | |
+/* ==================================================================== */ | |
+ /* style.css for cl-yag */ | |
+/* ==================================================================== */ | |
+@charset "utf-8"; | |
+ | |
+ | |
+/* ~ PURE.CSS ~ */ | |
+@import url("pure_r1.0.0/pure.css"); | |
+@import url("pure_r1.0.0/grids.css"); | |
+@import url("pure_r1.0.0/grids-responsive.css"); | |
+ | |
+ | |
+/* ~ Stylesheet for cl-yag ~ */ | |
+@import url("clym.css"); | |
+ | |
+ | |
+/* ~ LAST ENTRY ~ */ | |
+/* ~ custom.css to override styles. ~ */ | |
+@import url("custom.css"); | |
diff --git a/templates/layout-pure.tpl b/templates/layout-pure.tpl | |
@@ -0,0 +1,34 @@ | |
+<!DOCTYPE html> | |
+<html lang="en"> | |
+ <head> | |
+ <meta charset="utf-8" /> | |
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink… | |
+ <meta name="generator" content="cl-yag" /> | |
+ <title>%%Title%%</title> | |
+ <link rel="stylesheet" type="text/css" href="static/css/style.css" /> | |
+ <link rel="alternate" type="application/rss+xml" title="%%Title%% RSS Feed… | |
+<!-- <link rel="alternate" type="application/atom+xml" title="%%Title%% Ato… | |
+ <link rel="icon" type="image/x-icon" href="static/img/clyagFav.ico" /> | |
+ </head> | |
+ | |
+ <body> | |
+ <div id="wrapper" class="pure-g"> | |
+ <header class="pure-u-1-1"> | |
+ <nav class="pure-menu pure-menu-horizontal"> | |
+ <!--<a href="#"></a>--> | |
+ <ul class="pure-menu-list"> | |
+ <li class="pure-menu-item"><a href="index.html" class="pure-menu… | |
+ <li class="pure-menu-item"><a href="index-titles.html" class="pu… | |
+ <li class="pure-menu-item"><a href="rss.xml" class="pure-menu-li… | |
+ </ul> | |
+ </nav> | |
+ <div>All Tags: %%Tags%%</div> | |
+ </header> | |
+ | |
+ <main class="pure-u-1-1">%%Body%%</main> | |
+ | |
+ <footer class="pure-u-1-1"><p>This blog is powered by cl-yag!<p></footer> | |
+ | |
+ </div><!-- #wrapper --> | |
+ </body> | |
+</html> | |
diff --git a/templates/layout.tpl b/templates/layout.tpl | |
@@ -15,10 +15,10 @@ | |
<div id="wrapper"> | |
<header> | |
<nav> | |
- <!-- <a href="#">BRAND</a> --> | |
+ <!--<a href="#"></a>--> | |
<ul> | |
<li><a href="index.html">Home</a></li> | |
- <li><a href="index-titles.html">List of Articles</a></li> | |
+ <li><a href="index-titles.html">All Posts</a></li> | |
<li><a href="rss.xml">RSS</a></li> | |
</ul> | |
</nav> |