Created
June 20, 2013 21:39
-
-
Save attebury/5826913 to your computer and use it in GitHub Desktop.
Unminified copy for reference. From http://yui.yahooapis.com/pure/0.1.0/pure-min.css normalize.css removed for clarity.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*! | |
Pure v0.1.0 | |
Copyright 2013 Yahoo! Inc. All rights reserved. | |
Licensed under the BSD License. | |
https://github.com/yui/pure/blob/master/LICENSE.md | |
*/ | |
.pure-button { | |
display: inline-block; | |
*display: inline; | |
zoom: 1; | |
line-height: normal; | |
white-space: nowrap; | |
vertical-align: baseline; | |
text-align: center; | |
cursor: pointer; | |
-webkit-user-drag: none; | |
-webkit-user-select: none; | |
-moz-user-select: none; | |
user-select: none; | |
} | |
.pure-button::-moz-focus-inner { | |
padding: 0; | |
border: 0; | |
} | |
a:focus { | |
outline: 0; | |
} | |
.pure-button { | |
font-size: 100%; | |
*font-size: 90%; | |
*overflow: visible; | |
padding: .5em 1.5em; | |
color: #444; | |
color: rgba(0, 0, 0, .8); | |
*color: #444; | |
border: 1px solid #999; | |
border: 0 rgba(0, 0, 0, 0); | |
background-color: #E6E6E6; | |
text-decoration: none; | |
-webkit-border-radius: 2px; | |
-moz-border-radius: 2px; | |
border-radius: 2px; | |
-webkit-font-smoothing: antialiased; | |
-webkit-transition: .1s linear -webkit-box-shadow; | |
-moz-transition: .1s linear -moz-box-shadow; | |
-ms-transition: .1s linear box-shadow; | |
-o-transition: .1s linear box-shadow; | |
transition: .1s linear box-shadow; | |
} | |
.pure-button-hover, .pure-button:hover { | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=0); | |
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0, 0, 0, .05)), to(rgba(0, 0, 0, .05))); | |
background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .15)); | |
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .05) 0, rgba(0, 0, 0, .05)); | |
background-image: -ms-linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .15)); | |
background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .05)); | |
background-image: linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .05)); | |
} | |
.pure-button-active, .pure-button:active { | |
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .15) inset, 0 0 6px rgba(0, 0, 0, .2) inset; | |
-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, .15) inset, 0 0 6px rgba(0, 0, 0, .2) inset; | |
box-shadow: 0 0 0 1px rgba(0, 0, 0, .15) inset, 0 0 6px rgba(0, 0, 0, .2) inset; | |
} | |
.pure-button[disabled], .pure-button-disabled, .pure-button-disabled:hover, .pure-button-disabled:active { | |
border: 0; | |
background-image: none; | |
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); | |
filter: alpha(opacity=40); | |
-khtml-opacity: .4; | |
-moz-opacity: .4; | |
opacity: .4; | |
cursor: not-allowed; | |
box-shadow: none; | |
} | |
.pure-button-hidden { | |
display: none; | |
} | |
.pure-button::-moz-focus-inner { | |
padding: 0; | |
border: 0; | |
} | |
.pure-button-primary, .pure-button-selected, a.pure-button-primary, a.pure-button-selected { | |
background-color: #0078e7; | |
color: #fff; | |
} | |
.pure-button:-moz-focusring { | |
outline-color: rgba(0, 0, 0, .85); | |
} | |
.pure-form { | |
margin: 0; | |
} | |
.pure-form fieldset { | |
border: 1px solid silver; | |
margin: 0 2px; | |
padding: .35em .625em .75em; | |
} | |
.pure-form legend { | |
border: 0; | |
padding: 0; | |
white-space: normal; | |
*margin-left: -7px; | |
} | |
.pure-form button, .pure-form input, .pure-form select, .pure-form textarea { | |
font-size: 100%; | |
margin: 0; | |
vertical-align: baseline; | |
*vertical-align: middle; | |
} | |
.pure-form button, .pure-form input { | |
line-height: normal; | |
} | |
.pure-form button, .pure-form input[type=button], .pure-form input[type=reset], .pure-form input[type=submit] { | |
-webkit-appearance: button; | |
cursor: pointer; | |
*overflow: visible; | |
} | |
.pure-form button[disabled], .pure-form input[disabled] { | |
cursor: default; | |
} | |
.pure-form input[type=checkbox], .pure-form input[type=radio] { | |
box-sizing: border-box; | |
padding: 0; | |
*height: 13px; | |
*width: 13px; | |
} | |
.pure-form input[type=search] { | |
-webkit-appearance: textfield; | |
-moz-box-sizing: content-box; | |
-webkit-box-sizing: content-box; | |
box-sizing: content-box; | |
} | |
.pure-form input[type=search]::-webkit-search-cancel-button, .pure-form input[type=search]::-webkit-search-decoration { | |
-webkit-appearance: none; | |
} | |
.pure-form button::-moz-focus-inner, .pure-form input::-moz-focus-inner { | |
border: 0; | |
padding: 0; | |
} | |
.pure-form textarea { | |
overflow: auto; | |
vertical-align: top; | |
} | |
.pure-form input, .pure-form select { | |
padding: .5em .6em; | |
display: inline-block; | |
border: 1px solid #ccc; | |
font-size: .8em; | |
box-shadow: inset 0 1px 3px #ddd; | |
border-radius: 4px; | |
-webkit-transition: .3s linear border; | |
-moz-transition: .3s linear border; | |
-ms-transition: .3s linear border; | |
-o-transition: .3s linear border; | |
transition: .3s linear border; | |
-moz-box-sizing: border-box; | |
-webkit-box-sizing: border-box; | |
box-sizing: border-box; | |
-webkit-font-smoothing: antialiased; | |
} | |
.pure-form input:focus, .pure-form select:focus { | |
outline: 0; | |
outline: thin dotted \9; | |
border-color: #129FEA; | |
} | |
.pure-form .pure-checkbox, .pure-form .pure-radio { | |
margin: .5em 0; | |
display: block; | |
} | |
.pure-form input[disabled], .pure-form select[disabled], .pure-form textarea[disabled], .pure-form input[readonly], .pure-form select[readonly], .pure-form textarea[readonly] { | |
cursor: not-allowed; | |
background-color: #eaeded; | |
color: #cad2d3; | |
border-color: transparent; | |
} | |
.pure-form input:focus:invalid, .pure-form textarea:focus:invalid, .pure-form select:focus:invalid { | |
color: #b94a48; | |
border: 1px solid #ee5f5b; | |
} | |
.pure-form input:focus:invalid:focus, .pure-form textarea:focus:invalid:focus, .pure-form select:focus:invalid:focus { | |
border-color: #e9322d; | |
} | |
.pure-form select { | |
border: 1px solid #ccc; | |
background-color: #fff; | |
} | |
.pure-form select[multiple] { | |
height: auto; | |
} | |
.pure-form label { | |
margin: .5em 0 .2em; | |
color: #999; | |
font-size: 90%} | |
.pure-form fieldset { | |
margin: 0; | |
padding: .35em 0 .75em; | |
border: 0; | |
} | |
.pure-form legend { | |
display: block; | |
width: 100%; | |
padding: .3em 0; | |
margin-bottom: .3em; | |
font-size: 125%; | |
color: #333; | |
border-bottom: 1px solid #e5e5e5; | |
} | |
.pure-form.pure-form-stacked input[type=text], .pure-form.pure-form-stacked select, .pure-form.pure-form-stacked label { | |
display: block; | |
} | |
.pure-form-aligned input, .pure-form-aligned textarea, .pure-form-aligned select, .pure-form-aligned .pure-help-inline { | |
display: inline-block; | |
*display: inline; | |
*zoom: 1; | |
vertical-align: middle; | |
} | |
.pure-form-aligned .pure-control-group { | |
margin-bottom: .5em; | |
} | |
.pure-form-aligned .pure-control-group label { | |
text-align: right; | |
display: inline-block; | |
vertical-align: middle; | |
width: 10em; | |
margin: 0 1em 0 0; | |
} | |
.pure-form-aligned .pure-controls { | |
margin: 1.5em 0 0 10em; | |
} | |
.pure-form .pure-input-rounded { | |
border-radius: 20px; | |
padding-left: 1em; | |
} | |
.pure-form .pure-group fieldset { | |
margin-bottom: 10px; | |
} | |
.pure-form .pure-group input { | |
display: block; | |
padding: 10px; | |
margin: 0; | |
border-radius: 0; | |
position: relative; | |
top: -1px; | |
} | |
.pure-form .pure-group input:focus { | |
z-index: 2; | |
} | |
.pure-form .pure-group input:first-child { | |
top: 1px; | |
border-radius: 4px 4px 0 0; | |
} | |
.pure-form .pure-group input:last-child { | |
top: -2px; | |
border-radius: 0 0 4px 4px; | |
} | |
.pure-form .pure-group button { | |
margin: .35em 0; | |
} | |
.pure-form .pure-input-1 { | |
width: 100%} | |
.pure-form .pure-input-2-3 { | |
width: 66%} | |
.pure-form .pure-input-1-2 { | |
width: 50%} | |
.pure-form .pure-input-1-3 { | |
width: 33%} | |
.pure-form .pure-input-1-4 { | |
width: 25%} | |
.pure-form .pure-help-inline { | |
display: inline-block; | |
padding-left: .3em; | |
color: #666; | |
vertical-align: middle; | |
font-size: 90%} | |
@media only screen and (max-width :480px) { | |
.pure-form button[type=submit] { | |
margin: .7em 0 0; | |
} | |
.pure-form input[type=text], .pure-form button, .pure-form label { | |
margin-bottom: .3em; | |
display: block; | |
} | |
.pure-group input[type=text] { | |
margin-bottom: 0; | |
} | |
.pure-form-aligned .pure-control-group label { | |
margin-bottom: .3em; | |
text-align: left; | |
display: block; | |
width: 100%} | |
.pure-form-aligned .pure-controls { | |
margin: 1.5em 0 0; | |
} | |
.pure-form .pure-help-inline { | |
display: block; | |
font-size: 80%; | |
padding: .2em 0 .8em; | |
} | |
} | |
.pure-g { | |
letter-spacing: -.31em; | |
*letter-spacing: normal; | |
*word-spacing: -.43em; | |
text-rendering: optimizespeed; | |
} | |
.opera-only :-o-prefocus, .pure-g { | |
word-spacing: -.43em; | |
} | |
.pure-u { | |
display: inline-block; | |
zoom: 1; | |
*display: inline; | |
letter-spacing: normal; | |
word-spacing: normal; | |
vertical-align: top; | |
text-rendering: auto; | |
} | |
.pure-u-1, .pure-u-1-2, .pure-u-1-3, .pure-u-2-3, .pure-u-1-4, .pure-u-3-4, .pure-u-1-5, .pure-u-2-5, .pure-u-3-5, .pure-u-4-5, .pure-u-1-6, .pure-u-5-6, .pure-u-1-8, .pure-u-3-8, .pure-u-5-8, .pure-u-7-8, .pure-u-1-12, .pure-u-5-12, .pure-u-7-12, .pure-u-11-12, .pure-u-1-24, .pure-u-5-24, .pure-u-7-24, .pure-u-11-24, .pure-u-13-24, .pure-u-17-24, .pure-u-19-24, .pure-u-23-24 { | |
display: inline-block; | |
zoom: 1; | |
*display: inline; | |
letter-spacing: normal; | |
word-spacing: normal; | |
vertical-align: top; | |
text-rendering: auto; | |
} | |
.pure-u-1 { | |
display: block; | |
} | |
.pure-u-1-2 { | |
width: 50%} | |
.pure-u-1-3 { | |
width: 33.33333%} | |
.pure-u-2-3 { | |
width: 66.66666%} | |
.pure-u-1-4 { | |
width: 25%} | |
.pure-u-3-4 { | |
width: 75%} | |
.pure-u-1-5 { | |
width: 20%} | |
.pure-u-2-5 { | |
width: 40%} | |
.pure-u-3-5 { | |
width: 60%} | |
.pure-u-4-5 { | |
width: 80%} | |
.pure-u-1-6 { | |
width: 16.656%} | |
.pure-u-5-6 { | |
width: 83.33%} | |
.pure-u-1-8 { | |
width: 12.5%} | |
.pure-u-3-8 { | |
width: 37.5%} | |
.pure-u-5-8 { | |
width: 62.5%} | |
.pure-u-7-8 { | |
width: 87.5%} | |
.pure-u-1-12 { | |
width: 8.3333%} | |
.pure-u-5-12 { | |
width: 41.6666%} | |
.pure-u-7-12 { | |
width: 58.3333%} | |
.pure-u-11-12 { | |
width: 91.6666%} | |
.pure-u-1-24 { | |
width: 4.1666%} | |
.pure-u-5-24 { | |
width: 20.8333%} | |
.pure-u-7-24 { | |
width: 29.1666%} | |
.pure-u-11-24 { | |
width: 45.8333%} | |
.pure-u-13-24 { | |
width: 54.1666%} | |
.pure-u-17-24 { | |
width: 70.8333%} | |
.pure-u-19-24 { | |
width: 79.1666%} | |
.pure-u-23-24 { | |
width: 95.8333%} | |
.pure-g-r { | |
letter-spacing: -.31em; | |
*letter-spacing: normal; | |
*word-spacing: -.43em; | |
} | |
.opera-only :-o-prefocus, .pure-g-r { | |
word-spacing: -.43em; | |
} | |
.pure-g-r img { | |
max-width: 100%} | |
@media (min-width:980px) { | |
.pure-visible-phone { | |
display: none; | |
} | |
.pure-visible-tablet { | |
display: none; | |
} | |
.pure-hidden-desktop { | |
display: none; | |
} | |
}@media (max-width:480px) { | |
.pure-g-r>[class ^="pure-u"] { | |
width: 100%} | |
}@media (max-width:767px) { | |
.pure-g-r>[class ^="pure-u"] { | |
width: 100%} | |
.pure-hidden-phone { | |
display: none; | |
} | |
.pure-visible-desktop { | |
display: none; | |
} | |
}@media (min-width:768px) and (max-width:979px) { | |
.pure-hidden-tablet { | |
display: none; | |
} | |
.pure-visible-desktop { | |
display: none; | |
} | |
} | |
.pure-menu ul { | |
position: absolute; | |
visibility: hidden; | |
} | |
.pure-menu.pure-menu-open { | |
visibility: visible; | |
z-index: 2; | |
width: 100%} | |
.pure-menu ul { | |
left: -10000px; | |
list-style: none; | |
margin: 0; | |
padding: 0; | |
top: -10000px; | |
z-index: 1; | |
} | |
.pure-menu>ul { | |
position: relative; | |
} | |
.pure-menu-open>ul { | |
left: 0; | |
top: 0; | |
visibility: visible; | |
} | |
.pure-menu li { | |
position: relative; | |
} | |
.pure-menu a, .pure-menu .pure-menu-heading { | |
display: block; | |
color: inherit; | |
line-height: 1.5em; | |
padding: 5px 20px; | |
text-decoration: none; | |
white-space: nowrap; | |
} | |
.pure-menu.pure-menu-horizontal>.pure-menu-heading { | |
display: inline-block; | |
margin: 0; | |
zoom: 1; | |
*display: inline; | |
vertical-align: middle; | |
} | |
.pure-menu.pure-menu-horizontal>ul { | |
display: inline-block; | |
zoom: 1; | |
*display: inline; | |
vertical-align: middle; | |
} | |
.pure-menu li a { | |
padding: 5px 20px; | |
} | |
.pure-menu-can-have-children>.pure-menu-label:after { | |
content: '\25B8'; | |
float: right; | |
font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'DejaVu Sans', sans-serif; | |
margin-right: -20px; | |
margin-top: -1px; | |
} | |
.pure-menu-can-have-children>.pure-menu-label { | |
padding-right: 30px; | |
} | |
.pure-menu-separator { | |
background-color: #dfdfdf; | |
display: block; | |
height: 1px; | |
font-size: 0; | |
margin: 7px 2px; | |
overflow: hidden; | |
} | |
.pure-menu-hidden { | |
display: none; | |
} | |
.pure-menu-fixed { | |
position: fixed; | |
top: 0; | |
left: 0; | |
width: 100%} | |
.pure-menu-horizontal li { | |
display: inline-block; | |
zoom: 1; | |
*display: inline; | |
vertical-align: middle; | |
} | |
.pure-menu-horizontal li li { | |
display: block; | |
} | |
.pure-menu-horizontal>.pure-menu-children>.pure-menu-can-have-children>.pure-menu-label:after { | |
content: "\25BE"} | |
.pure-menu-horizontal>.pure-menu-children>.pure-menu-can-have-children>.pure-menu-label { | |
padding-right: 30px; | |
} | |
.pure-menu.pure-menu-open, .pure-menu.pure-menu-horizontal li .pure-menu-children { | |
background: #fff; | |
border: 1px solid #b7b7b7; | |
} | |
.pure-menu.pure-menu-horizontal, .pure-menu.pure-menu-horizontal .pure-menu-heading { | |
border: 0; | |
} | |
.pure-menu a { | |
border: 1px solid transparent; | |
border-left: 0; | |
border-right: 0; | |
} | |
.pure-menu a, .pure-menu .pure-menu-can-have-children>li:after { | |
color: #777; | |
} | |
.pure-menu .pure-menu-can-have-children>li:hover:after { | |
color: #fff; | |
} | |
.pure-menu li a:hover { | |
background: #eee; | |
} | |
.pure-menu li.pure-menu-disabled a:hover { | |
background: #fff; | |
color: #bfbfbf; | |
} | |
.pure-menu .pure-menu-disabled>a { | |
background-image: none; | |
border-color: transparent; | |
cursor: default; | |
} | |
.pure-menu .pure-menu-disabled>a, .pure-menu .pure-menu-can-have-children.pure-menu-disabled>a:after { | |
color: #bfbfbf; | |
} | |
.pure-menu .pure-menu-heading { | |
color: #565d64; | |
text-transform: uppercase; | |
font-size: 90%; | |
margin-top: .5em; | |
border-bottom-width: 1px; | |
border-bottom-style: solid; | |
border-bottom-color: #dfdfdf; | |
} | |
.pure-menu .pure-menu-selected a { | |
color: #000; | |
} | |
.pure-menu.pure-menu-open.pure-menu-fixed { | |
border: 0; | |
border-bottom: 1px solid #b7b7b7; | |
} | |
.pure-paginator { | |
list-style: none; | |
margin: 0; | |
padding: 0; | |
} | |
.pure-paginator li { | |
display: inline-block; | |
*display: inline; | |
*zoom: 1; | |
margin: 0 -.35em 0 0; | |
} | |
.pure-paginator .pure-button { | |
border-radius: 0; | |
padding: .8em 1.4em; | |
vertical-align: top; | |
height: 1.1em; | |
} | |
.pure-paginator .pure-button:focus { | |
outline-style: none; | |
} | |
.pure-paginator .prev, .pure-paginator .next { | |
color: #C0C1C3; | |
text-shadow: 0 -1px 0 rgba(0, 0, 0, .45); | |
} | |
.pure-paginator .prev { | |
border-radius: 2px 0 0 2px; | |
} | |
.pure-paginator .next { | |
border-radius: 0 2px 2px 0; | |
} | |
@media (max-width:480px) { | |
.pure-menu-horizontal { | |
width: 100%} | |
.pure-menu-children li { | |
display: block; | |
border-bottom: 1px solid block; | |
} | |
} | |
.pure-table { | |
border-collapse: collapse; | |
border-spacing: 0; | |
empty-cells: show; | |
border: 1px solid #cbcbcb; | |
} | |
.pure-table caption { | |
color: #000; | |
font: italic 85%/1 arial, sans-serif; | |
padding: 1em 0; | |
text-align: center; | |
} | |
.pure-table td, .pure-table th { | |
border-left: 1px solid #cbcbcb; | |
border-width: 0 0 0 1px; | |
font-size: inherit; | |
margin: 0; | |
overflow: visible; | |
padding: 6px 12px; | |
} | |
.pure-table td:first-child, .pure-table th:first-child { | |
border-left-width: 0; | |
} | |
.pure-table thead { | |
background: #e0e0e0; | |
color: #000; | |
text-align: left; | |
vertical-align: bottom; | |
white-space: nowrap; | |
} | |
.pure-table td { | |
background-color: transparent; | |
} | |
.pure-table-odd td { | |
background-color: #f2f2f2; | |
} | |
.pure-table-striped tr:nth-child(2n-1) td { | |
background-color: #f2f2f2; | |
} | |
.pure-table-bordered td { | |
border-bottom: 1px solid #cbcbcb; | |
} | |
.pure-table-bordered tbody>tr:last-child td, .pure-table-horizontal tbody>tr:last-child td { | |
border-bottom-width: 0; | |
} | |
.pure-table-horizontal td, .pure-table-horizontal th { | |
border-width: 0 0 1px; | |
border-bottom: 1px solid #cbcbcb; | |
} | |
.pure-table-horizontal tbody>tr:last-child td { | |
border-bottom-width: 0; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment