| @ -0,0 +1,439 @@ | |||||
| Pure Change History | |||||
| =================== | |||||
| 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 elements, | |||||
| 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-bones, | |||||
| a bit less opinionated, a bit easier to customize on top. | |||||
| * Broke Menu up into files for core, horizontal, dropdowns, scrollable, and skin, | |||||
| 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 dropdowns | |||||
| 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-min.css"> | |||||
| <!--[if lt IE 9]> | |||||
| <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.5.0-rc-1/grids-responsive-old-ie-min.css"> | |||||
| <![endif]--> | |||||
| <!--[if gt IE 8]><!--> | |||||
| <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.5.0-rc-1/grids-responsive-min.css"> | |||||
| <!--<![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_ use | |||||
| 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 5ths- | |||||
| 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 used | |||||
| 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 Base | |||||
| 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 are | |||||
| 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 setting | |||||
| a negative `letter-spacing` — the fallback for older browsers. Grids also now | |||||
| 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 is | |||||
| 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 stacks | |||||
| 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 modern | |||||
| 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. This | |||||
| 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-block` | |||||
| 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 for | |||||
| 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. | |||||
| @ -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 of | |||||
| 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, FITNESS | |||||
| 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. | |||||
| @ -0,0 +1,177 @@ | |||||
| Pure | |||||
| ==== | |||||
| [](https://gitter.im/yahoo/pure?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge) | |||||
| [][Pure] | |||||
| A set of small, responsive CSS modules that you can use in every web project. | |||||
| [http://purecss.io/][Pure] | |||||
| [][Build Status] | |||||
| **Use From the CDN:** | |||||
| ```html | |||||
| <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/pure-min.css"> | |||||
| ``` | |||||
| Note: You can [customize which Pure modules you need][customize]. | |||||
| **Install with Bower:** | |||||
| ```shell | |||||
| $ bower install --save pure | |||||
| ``` | |||||
| [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-cutter: | |||||
| * 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. | |||||
| * Easy one-click customization with the [Skin Builder][]. | |||||
| * Extremely small file size: **4.5KB minified + gzip**. | |||||
| [Normalize.css]: http://necolas.github.io/normalize.css/ | |||||
| [Skin Builder]: http://yui.github.io/skinbuilder/?mode=pure | |||||
| Get Started | |||||
| ----------- | |||||
| To get started using Pure, go to the [Pure CSS website][Pure]. The website has | |||||
| extensive documentation and examples necessary to get you started using Pure. | |||||
| You can include the Pure CSS file in your project by fetching it from Yahoo's | |||||
| CDN: | |||||
| ```html | |||||
| <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.5.0/pure-min.css"> | |||||
| ``` | |||||
| You can also install Pure using [Bower][], using the following command: | |||||
| ```shell | |||||
| $ bower install --save pure | |||||
| ``` | |||||
| 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 git@github.com: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 naming | |||||
| conventions of the files in the `build/` directory follow these rules: | |||||
| * `[module]-core.css`: The minimal set of styles, ususally 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. | |||||
| * `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 | |||||
| @ -0,0 +1,11 @@ | |||||
| /*! | |||||
| Pure v0.6.0 | |||||
| Copyright 2014 Yahoo! Inc. All rights reserved. | |||||
| 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.2 | MIT License | git.io/normalize */.pure{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}.pure{margin:0}.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}.pure audio,.pure canvas,.pure progress,.pure video{display:inline-block;vertical-align:baseline}.pure audio:not([controls]){display:none;height:0}.pure [hidden],.pure template{display:none}.pure a{background-color:transparent}.pure a:active,.pure a:hover{outline:0}.pure abbr[title]{border-bottom:1px dotted}.pure b,.pure strong{font-weight:700}.pure dfn{font-style:italic}.pure h1{font-size:2em;margin:.67em 0}.pure mark{background:#ff0;color:#000}.pure small{font-size:80%}.pure sub,.pure sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.pure sup{top:-.5em}.pure sub{bottom:-.25em}.pure img{border:0}.pure svg:not(:root){overflow:hidden}.pure figure{margin:1em 40px}.pure hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}.pure pre{overflow:auto}.pure code,.pure kbd,.pure pre,.pure samp{font-family:monospace,monospace;font-size:1em}.pure button,.pure input,.pure optgroup,.pure select,.pure textarea{color:inherit;font:inherit;margin:0}.pure button{overflow:visible}.pure button,.pure select{text-transform:none}.pure button,.pure input[type=button],.pure input[type=reset],.pure input[type=submit]{-webkit-appearance:button;cursor:pointer}.pure button[disabled],.pure input[disabled]{cursor:default}.pure button::-moz-focus-inner,.pure input::-moz-focus-inner{border:0;padding:0}.pure input{line-height:normal}.pure input[type=checkbox],.pure input[type=radio]{box-sizing:border-box;padding:0}.pure input[type=number]::-webkit-inner-spin-button,.pure input[type=number]::-webkit-outer-spin-button{height:auto}.pure input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}.pure input[type=search]::-webkit-search-cancel-button,.pure input[type=search]::-webkit-search-decoration{-webkit-appearance:none}.pure fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}.pure legend{border:0;padding:0}.pure textarea{overflow:auto}.pure optgroup{font-weight:700}.pure table{border-collapse:collapse;border-spacing:0}.pure td,.pure th{padding:0}.pure .hidden,.pure [hidden]{display:none!important}.pure .pure-img{max-width:100%;height:auto;display:block} | |||||
| @ -0,0 +1,483 @@ | |||||
| /*! | |||||
| Pure v0.6.0 | |||||
| Copyright 2014 Yahoo! Inc. All rights reserved. | |||||
| 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.2 | MIT License | git.io/normalize */ | |||||
| /** | |||||
| * 1. Set default font family to sans-serif. | |||||
| * 2. Prevent iOS text size adjust after 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/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 when focused and also mouse hovered in all browsers. | |||||
| */ | |||||
| .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 { | |||||
| -moz-box-sizing: content-box; | |||||
| 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 | |||||
| * (include `-moz` to future-proof). | |||||
| */ | |||||
| .pure input[type="search"] { | |||||
| -webkit-appearance: textfield; | |||||
| /* 1 */ | |||||
| -moz-box-sizing: content-box; | |||||
| -webkit-box-sizing: content-box; | |||||
| /* 2 */ | |||||
| box-sizing: content-box; | |||||
| } | |||||
| /** | |||||
| * 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 while maintaining | |||||
| * aspect ratio. | |||||
| */ | |||||
| .pure .pure-img { | |||||
| max-width: 100%; | |||||
| height: auto; | |||||
| display: block; | |||||
| } | |||||
| @ -0,0 +1,11 @@ | |||||
| /*! | |||||
| Pure v0.6.0 | |||||
| Copyright 2014 Yahoo! Inc. All rights reserved. | |||||
| 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.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.hidden,[hidden]{display:none!important}.pure-img{max-width:100%;height:auto;display:block} | |||||
| @ -0,0 +1,466 @@ | |||||
| /*! | |||||
| Pure v0.6.0 | |||||
| Copyright 2014 Yahoo! Inc. All rights reserved. | |||||
| 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.2 | MIT License | git.io/normalize */ | |||||
| /** | |||||
| * 1. Set default font family to sans-serif. | |||||
| * 2. Prevent iOS text size adjust after 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/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 when focused and also mouse hovered in all browsers. | |||||
| */ | |||||
| 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 { | |||||
| -moz-box-sizing: content-box; | |||||
| 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 | |||||
| * (include `-moz` to future-proof). | |||||
| */ | |||||
| input[type="search"] { | |||||
| -webkit-appearance: textfield; /* 1 */ | |||||
| -moz-box-sizing: content-box; | |||||
| -webkit-box-sizing: content-box; /* 2 */ | |||||
| box-sizing: content-box; | |||||
| } | |||||
| /** | |||||
| * 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 while maintaining | |||||
| * aspect ratio. | |||||
| */ | |||||
| .pure-img { | |||||
| max-width: 100%; | |||||
| height: auto; | |||||
| display: block; | |||||
| } | |||||
| @ -0,0 +1,9 @@ | |||||
| { | |||||
| "name": "pure", | |||||
| "description": "Use Pure's ridiculously tiny CSS to start any web project.", | |||||
| "version": "0.6.0", | |||||
| "main": "pure.css", | |||||
| "devDependencies": { | |||||
| "normalize-css": "^3.0" | |||||
| } | |||||
| } | |||||
| @ -0,0 +1,7 @@ | |||||
| /*! | |||||
| Pure v0.6.0 | |||||
| Copyright 2014 Yahoo! Inc. All rights reserved. | |||||
| 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;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;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-button::-moz-focus-inner{padding:0;border:0} | |||||
| @ -0,0 +1,30 @@ | |||||
| /*! | |||||
| Pure v0.6.0 | |||||
| Copyright 2014 Yahoo! Inc. All rights reserved. | |||||
| 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; | |||||
| -webkit-box-sizing: border-box; | |||||
| -moz-box-sizing: border-box; | |||||
| box-sizing: border-box; | |||||
| } | |||||
| /* Firefox: Get rid of the inner focus border */ | |||||
| .pure-button::-moz-focus-inner { | |||||
| padding: 0; | |||||
| border: 0; | |||||
| } | |||||
| @ -0,0 +1,7 @@ | |||||
| /*! | |||||
| Pure v0.6.0 | |||||
| Copyright 2014 Yahoo! Inc. All rights reserved. | |||||
| 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;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;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button{font-family:inherit;font-size:100%;padding:.5em 1em;color:#444;color:rgba(0,0,0,.8);border:1px solid #999;border:0 rgba(0,0,0,0);background-color:#E6E6E6;text-decoration:none;border-radius:2px}.pure-button-hover,.pure-button:hover,.pure-button:focus{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(40%,rgba(0,0,0,.05)),to(rgba(0,0,0,.1)));background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:-moz-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1));background-image:-o-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))}.pure-button:focus{outline:0}.pure-button-active,.pure-button:active{box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset;border-color:#000\9}.pure-button[disabled],.pure-button-disabled,.pure-button-disabled:hover,.pure-button-disabled:focus,.pure-button-disabled:active{border:0;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);filter:alpha(opacity=40);-khtml-opacity:.4;-moz-opacity:.4;opacity:.4;cursor:not-allowed;box-shadow:none}.pure-button-hidden{display:none}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button-primary,.pure-button-selected,a.pure-button-primary,a.pure-button-selected{background-color:#0078e7;color:#fff} | |||||
| @ -0,0 +1,98 @@ | |||||
| /*! | |||||
| Pure v0.6.0 | |||||
| Copyright 2014 Yahoo! Inc. All rights reserved. | |||||
| 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; | |||||
| -webkit-box-sizing: border-box; | |||||
| -moz-box-sizing: border-box; | |||||
| box-sizing: border-box; | |||||
| } | |||||
| /* Firefox: Get rid of the inner focus border */ | |||||
| .pure-button::-moz-focus-inner { | |||||
| padding: 0; | |||||
| border: 0; | |||||
| } | |||||
| /*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 { | |||||
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0); | |||||
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.10))); | |||||
| background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10)); | |||||
| background-image: -moz-linear-gradient(top, rgba(0,0,0, 0.05) 0%, rgba(0,0,0, 0.10)); | |||||
| background-image: -o-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10)); | |||||
| background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10)); | |||||
| } | |||||
| .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) inset; | |||||
| 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; | |||||
| filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |||||
| filter: alpha(opacity=40); | |||||
| -khtml-opacity: 0.40; | |||||
| -moz-opacity: 0.40; | |||||
| opacity: 0.40; | |||||
| cursor: not-allowed; | |||||
| box-shadow: none; | |||||
| } | |||||
| .pure-button-hidden { | |||||
| display: none; | |||||
| } | |||||
| /* Firefox: Get rid of the inner focus border */ | |||||
| .pure-button::-moz-focus-inner{ | |||||
| padding: 0; | |||||
| border: 0; | |||||
| } | |||||
| .pure-button-primary, | |||||
| .pure-button-selected, | |||||
| a.pure-button-primary, | |||||
| a.pure-button-selected { | |||||
| background-color: rgb(0, 120, 231); | |||||
| color: #fff; | |||||
| } | |||||
| @ -0,0 +1,319 @@ | |||||
| /*! | |||||
| Pure v0.6.0 | |||||
| Copyright 2014 Yahoo! Inc. All rights reserved. | |||||
| 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; | |||||
| -webkit-box-sizing: border-box; | |||||
| -moz-box-sizing: border-box; | |||||
| 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; | |||||
| -webkit-box-sizing: border-box; | |||||
| -moz-box-sizing: border-box; | |||||
| 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 across browsers. */ | |||||
| .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-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; | |||||
| } | |||||
| @ -0,0 +1,384 @@ | |||||
| /*! | |||||
| Pure v0.6.0 | |||||
| Copyright 2014 Yahoo! Inc. All rights reserved. | |||||
| 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; | |||||
| -webkit-box-sizing: border-box; | |||||
| -moz-box-sizing: border-box; | |||||
| 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; | |||||
| -webkit-box-sizing: border-box; | |||||
| -moz-box-sizing: border-box; | |||||
| 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 across browsers. */ | |||||
| .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-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 instead. */ | |||||
| .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 element. */ | |||||
| padding: 0.2em 0 0.8em; | |||||
| } | |||||
| } | |||||
| @ -0,0 +1,7 @@ | |||||
| /*! | |||||
| Pure v0.6.0 | |||||
| Copyright 2014 Yahoo! Inc. All rights reserved. | |||||
| Licensed under the BSD License. | |||||
| https://github.com/yahoo/pure/blob/master/LICENSE.md | |||||
| */ | |||||
| .pure-g{letter-spacing:-.31em;*letter-spacing:normal;*word-spacing:-.43em;text-rendering:optimizespeed;font-family:FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;display:-webkit-flex;-webkit-flex-flow:row wrap;display:-ms-flexbox;-ms-flex-flow:row wrap;-ms-align-content:flex-start;-webkit-align-content:flex-start;align-content:flex-start}.opera-only :-o-prefocus,.pure-g{word-spacing:-.43em}.pure-u{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-g [class *="pure-u"]{font-family:sans-serif} | |||||
| @ -0,0 +1,78 @@ | |||||
| /*! | |||||
| Pure v0.6.0 | |||||
| Copyright 2014 Yahoo! Inc. All rights reserved. | |||||
| Licensed under the BSD License. | |||||
| https://github.com/yahoo/pure/blob/master/LICENSE.md | |||||
| */ | |||||
| /*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/ | |||||
| .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: optimizeLegibility */ | |||||
| /* | |||||
| 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. | |||||
| NOTE: Firefox (as of 25) does not currently support flex-wrap, so the | |||||
| `-moz-` prefix version is omitted. | |||||
| */ | |||||
| display: -webkit-flex; | |||||
| -webkit-flex-flow: row wrap; | |||||
| /* IE10 uses display: flexbox */ | |||||
| display: -ms-flexbox; | |||||
| -ms-flex-flow: row wrap; | |||||
| /* Prevents distributing space between rows */ | |||||
| -ms-align-content: flex-start; | |||||
| -webkit-align-content: flex-start; | |||||
| align-content: flex-start; | |||||
| } | |||||
| /* 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; | |||||
| } | |||||
| @ -0,0 +1,7 @@ | |||||
| /*! | |||||
| Pure v0.6.0 | |||||
| Copyright 2014 Yahoo! Inc. All rights reserved. | |||||
| Licensed under the BSD License. | |||||
| https://github.com/yahoo/pure/blob/master/LICENSE.md | |||||
| */ | |||||
| .pure-g{letter-spacing:-.31em;*letter-spacing:normal;*word-spacing:-.43em;text-rendering:optimizespeed;font-family:FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;display:-webkit-flex;-webkit-flex-flow:row wrap;display:-ms-flexbox;-ms-flex-flow:row wrap;-ms-align-content:flex-start;-webkit-align-content:flex-start;align-content:flex-start}.opera-only :-o-prefocus,.pure-g{word-spacing:-.43em}.pure-u{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.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.5%;*width:12.469%}.pure-u-1-6,.pure-u-4-24{width:16.6667%;*width:16.6357%}.pure-u-1-5{width:20%;*width:19.969%}.pure-u-5-24{width:20.8333%;*width:20.8023%}.pure-u-1-4,.pure-u-6-24{width:25%;*width:24.969%}.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.5%;*width:37.469%}.pure-u-2-5{width:40%;*width:39.969%}.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.969%}.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.969%}.pure-u-5-8,.pure-u-15-24{width:62.5%;*width:62.469%}.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.969%}.pure-u-19-24{width:79.1667%;*width:79.1357%}.pure-u-4-5{width:80%;*width:79.969%}.pure-u-5-6,.pure-u-20-24{width:83.3333%;*width:83.3023%}.pure-u-7-8,.pure-u-21-24{width:87.5%;*width:87.469%}.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%} | |||||
| @ -0,0 +1,861 @@ | |||||
| /*! | |||||
| Pure v0.6.0 | |||||
| Copyright 2014 Yahoo! Inc. All rights reserved. | |||||
| 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%; | |||||
| } | |||||
| } | |||||
| @ -0,0 +1,7 @@ | |||||
| /*! | |||||
| Pure v0.6.0 | |||||
| Copyright 2014 Yahoo! Inc. All rights reserved. | |||||
| 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.5%;*width:12.469%}.pure-u-1-6,.pure-u-4-24{width:16.6667%;*width:16.6357%}.pure-u-1-5{width:20%;*width:19.969%}.pure-u-5-24{width:20.8333%;*width:20.8023%}.pure-u-1-4,.pure-u-6-24{width:25%;*width:24.969%}.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.5%;*width:37.469%}.pure-u-2-5{width:40%;*width:39.969%}.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.969%}.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.969%}.pure-u-5-8,.pure-u-15-24{width:62.5%;*width:62.469%}.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.969%}.pure-u-19-24{width:79.1667%;*width:79.1357%}.pure-u-4-5{width:80%;*width:79.969%}.pure-u-5-6,.pure-u-20-24{width:83.3333%;*width:83.3023%}.pure-u-7-8,.pure-u-21-24{width:87.5%;*width:87.469%}.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%} | |||||
| @ -0,0 +1,217 @@ | |||||
| /*! | |||||
| Pure v0.6.0 | |||||
| Copyright 2014 Yahoo! Inc. All rights reserved. | |||||
| 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%; | |||||
| } | |||||
| @ -0,0 +1,290 @@ | |||||
| /*! | |||||
| Pure v0.6.0 | |||||
| Copyright 2014 Yahoo! Inc. All rights reserved. | |||||
| Licensed under the BSD License. | |||||
| https://github.com/yahoo/pure/blob/master/LICENSE.md | |||||
| */ | |||||
| /*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/ | |||||
| .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: optimizeLegibility */ | |||||
| /* | |||||
| 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. | |||||
| NOTE: Firefox (as of 25) does not currently support flex-wrap, so the | |||||
| `-moz-` prefix version is omitted. | |||||
| */ | |||||
| display: -webkit-flex; | |||||
| -webkit-flex-flow: row wrap; | |||||
| /* IE10 uses display: flexbox */ | |||||
| display: -ms-flexbox; | |||||
| -ms-flex-flow: row wrap; | |||||
| /* Prevents distributing space between rows */ | |||||
| -ms-align-content: flex-start; | |||||
| -webkit-align-content: flex-start; | |||||
| align-content: flex-start; | |||||
| } | |||||
| /* 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%; | |||||
| } | |||||
| @ -0,0 +1,7 @@ | |||||
| /*! | |||||
| Pure v0.6.0 | |||||
| Copyright 2014 Yahoo! Inc. All rights reserved. | |||||
| Licensed under the BSD License. | |||||
| https://github.com/yahoo/pure/blob/master/LICENSE.md | |||||
| */ | |||||
| .pure-menu{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;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} | |||||
| @ -0,0 +1,43 @@ | |||||
| /*! | |||||
| Pure v0.6.0 | |||||
| Copyright 2014 Yahoo! Inc. All rights reserved. | |||||
| Licensed under the BSD License. | |||||
| https://github.com/yahoo/pure/blob/master/LICENSE.md | |||||
| */ | |||||
| /*csslint adjoining-classes: false, box-model:false*/ | |||||
| .pure-menu { | |||||
| -webkit-box-sizing: border-box; | |||||
| -moz-box-sizing: border-box; | |||||
| 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; | |||||
| } | |||||
| @ -0,0 +1,7 @@ | |||||
| /*! | |||||
| Pure v0.6.0 | |||||
| Copyright 2014 Yahoo! Inc. All rights reserved. | |||||
| 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;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}.pure-menu-has-children>.pure-menu-link:after{padding-left:.5em;content:"\25B8";font-size:small}.pure-menu-horizontal .pure-menu-has-children>.pure-menu-link:after{content:"\25BE"} | |||||
| @ -0,0 +1,44 @@ | |||||
| /*! | |||||
| Pure v0.6.0 | |||||
| Copyright 2014 Yahoo! Inc. All rights reserved. | |||||
| 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"; | |||||
| } | |||||
| @ -0,0 +1,7 @@ | |||||
| /*! | |||||
| Pure v0.6.0 | |||||
| Copyright 2014 Yahoo! Inc. All rights reserved. | |||||
| 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 .pure-menu-list{display:inline-block}.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} | |||||
| @ -0,0 +1,25 @@ | |||||
| /*! | |||||
| Pure v0.6.0 | |||||
| Copyright 2014 Yahoo! Inc. All rights reserved. | |||||
| 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; | |||||
| } | |||||
| @ -0,0 +1,7 @@ | |||||
| /*! | |||||
| Pure v0.6.0 | |||||
| Copyright 2014 Yahoo! Inc. All rights reserved. | |||||
| Licensed under the BSD License. | |||||
| https://github.com/yahoo/pure/blob/master/LICENSE.md | |||||
| */ | |||||
| .pure-menu{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;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}.pure-menu-horizontal{width:100%;white-space:nowrap}.pure-menu-horizontal .pure-menu-list{display:inline-block}.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}.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}.pure-menu-has-children>.pure-menu-link:after{padding-left:.5em;content:"\25B8";font-size:small}.pure-menu-horizontal .pure-menu-has-children>.pure-menu-link:after{content:"\25BE"}.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;padding:.5em 0}.pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar{display:none}.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}.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} | |||||
| @ -0,0 +1,7 @@ | |||||
| /*! | |||||
| Pure v0.6.0 | |||||
| Copyright 2014 Yahoo! Inc. All rights reserved. | |||||
| 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-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;padding:.5em 0}.pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar{display:none} | |||||
| @ -0,0 +1,33 @@ | |||||
| /*! | |||||
| Pure v0.6.0 | |||||
| Copyright 2014 Yahoo! Inc. All rights reserved. | |||||
| 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; | |||||
| } | |||||
| @ -0,0 +1,7 @@ | |||||
| /*! | |||||
| Pure v0.6.0 | |||||
| Copyright 2014 Yahoo! Inc. All rights reserved. | |||||
| Licensed under the BSD License. | |||||
| https://github.com/yahoo/pure/blob/master/LICENSE.md | |||||
| */ | |||||
| .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}.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} | |||||
| @ -0,0 +1,57 @@ | |||||
| /*! | |||||
| Pure v0.6.0 | |||||
| Copyright 2014 Yahoo! Inc. All rights reserved. | |||||
| Licensed under the BSD License. | |||||
| https://github.com/yahoo/pure/blob/master/LICENSE.md | |||||
| */ | |||||
| /* misc default styling */ | |||||
| .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 ; | |||||
| } | |||||
| .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; | |||||
| } | |||||
| @ -0,0 +1,182 @@ | |||||
| /*! | |||||
| Pure v0.6.0 | |||||
| Copyright 2014 Yahoo! Inc. All rights reserved. | |||||
| Licensed under the BSD License. | |||||
| https://github.com/yahoo/pure/blob/master/LICENSE.md | |||||
| */ | |||||
| /*csslint adjoining-classes: false, box-model:false*/ | |||||
| .pure-menu { | |||||
| -webkit-box-sizing: border-box; | |||||
| -moz-box-sizing: border-box; | |||||
| 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 { | |||||
| background-color: #ccc; | |||||
| height: 1px; | |||||
| margin: .3em 0; | |||||
| } | |||||
| .pure-menu-horizontal .pure-menu-separator { | |||||
| width: 1px; | |||||
| height: 1.3em; | |||||
| margin: 0 .3em ; | |||||
| } | |||||
| .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; | |||||
| } | |||||
| @ -0,0 +1,7 @@ | |||||
| /*! | |||||
| Pure v0.6.0 | |||||
| Copyright 2014 Yahoo! Inc. All rights reserved. | |||||
| 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:1px solid #cbcbcb}.pure-table caption{color:#000;font:italic 85%/1 arial,sans-serif;padding:1em 0;text-align:center}.pure-table td,.pure-table th{border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:.5em 1em}.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}.pure-table td{background-color:transparent}.pure-table-odd td{background-color:#f2f2f2}.pure-table-striped tr:nth-child(2n-1) td{background-color:#f2f2f2}.pure-table-bordered td{border-bottom:1px solid #cbcbcb}.pure-table-bordered tbody>tr:last-child>td{border-bottom-width:0}.pure-table-horizontal td,.pure-table-horizontal th{border-width:0 0 1px;border-bottom:1px solid #cbcbcb}.pure-table-horizontal tbody>tr:last-child>td{border-bottom-width:0} | |||||
| @ -0,0 +1,81 @@ | |||||
| /*! | |||||
| Pure v0.6.0 | |||||
| Copyright 2014 Yahoo! Inc. All rights reserved. | |||||
| 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; | |||||
| } | |||||