3 Copyright 2014 Yahoo! Inc. All rights reserved.
4 Licensed under the BSD License.
5 https://github.com/yahoo/pure/blob/master/LICENSE.md
8 normalize.css v^3.0 | MIT License | git.io/normalize
9 Copyright (c) Nicolas Gallagher and Jonathan Neal
11 /*! normalize.css v3.0.2 | MIT License | git.io/normalize */
14 * 1. Set default font family to sans-serif.
15 * 2. Prevent iOS text size adjust after orientation change, without disabling
20 font-family: sans-serif
; /* 1 */
21 -ms-text-size-adjust: 100%; /* 2 */
22 -webkit-text-size-adjust: 100%; /* 2 */
26 * Remove default margin.
33 /* HTML5 display definitions
34 ========================================================================== */
37 * Correct `block` display not defined for any HTML5 element in IE 8/9.
38 * Correct `block` display not defined for `details` or `summary` in IE 10/11
40 * Correct `block` display not defined for `main` in IE 11.
60 * 1. Correct `inline-block` display not defined in IE 8/9.
61 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
68 display: inline-block
; /* 1 */
69 vertical-align: baseline
; /* 2 */
73 * Prevent modern browsers from displaying `audio` without controls.
74 * Remove excess height in iOS 5 devices.
77 audio:not
([controls
]) {
83 * Address `[hidden]` styling not present in IE 8/9/10.
84 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
93 ========================================================================== */
96 * Remove the gray background color from active links in IE 10.
100 background-color: transparent
;
104 * Improve readability when focused and also mouse hovered in all browsers.
112 /* Text-level semantics
113 ========================================================================== */
116 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
120 border-bottom: 1px dotted
;
124 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
133 * Address styling not present in Safari and Chrome.
141 * Address variable `h1` font-size and margin within `section` and `article`
142 * contexts in Firefox 4+, Safari, and Chrome.
151 * Address styling not present in IE 8/9.
160 * Address inconsistent and variable font size in all browsers.
168 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
176 vertical-align: baseline
;
188 ========================================================================== */
191 * Remove border when inside `a` element in IE 8/9/10.
199 * Correct overflow not hidden in IE 9/10/11.
207 ========================================================================== */
210 * Address margin not present in IE 8/9 and Safari.
218 * Address differences between Firefox and other browsers.
222 -moz-box-sizing: content-box
;
223 box-sizing: content-box
;
228 * Contain overflow in all browsers.
236 * Address odd `em`-unit font size rendering in all browsers.
243 font-family: monospace
, monospace
;
248 ========================================================================== */
251 * Known limitation: by default, Chrome and Safari on OS X allow very limited
252 * styling of `select`, unless a `border` property is set.
256 * 1. Correct color not being inherited.
257 * Known issue: affects color of disabled elements.
258 * 2. Correct font properties not being inherited.
259 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
267 color: inherit
; /* 1 */
268 font: inherit
; /* 2 */
273 * Address `overflow` set to `hidden` in IE 8/9/10/11.
281 * Address inconsistent `text-transform` inheritance for `button` and `select`.
282 * All other form control elements do not inherit `text-transform` values.
283 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
284 * Correct `select` style inheritance in Firefox.
289 text-transform: none
;
293 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
294 * and `video` controls.
295 * 2. Correct inability to style clickable `input` types in iOS.
296 * 3. Improve usability and consistency of cursor style between image-type
297 * `input` and others.
301 html input
[type
="button"], /* 1 */
303 input
[type
="submit"] {
304 -webkit-appearance: button
; /* 2 */
305 cursor: pointer
; /* 3 */
309 * Re-set default cursor for disabled elements.
313 html input
[disabled
] {
318 * Remove inner padding and border in Firefox 4+.
321 button::-moz-focus-inner
,
322 input::-moz-focus-inner
{
328 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
337 * It's recommended that you don't attempt to style these elements.
338 * Firefox's implementation doesn't respect box-sizing, padding, or width.
340 * 1. Address box sizing set to `content-box` in IE 8/9/10.
341 * 2. Remove excess padding in IE 8/9/10.
344 input
[type
="checkbox"],
345 input
[type
="radio"] {
346 box-sizing: border-box
; /* 1 */
351 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
352 * `font-size` values of the `input`, it causes the cursor style of the
353 * decrement button to change from `default` to `text`.
356 input
[type
="number"]::-webkit-inner-spin-button
,
357 input
[type
="number"]::-webkit-outer-spin-button
{
362 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
363 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
364 * (include `-moz` to future-proof).
367 input
[type
="search"] {
368 -webkit-appearance: textfield
; /* 1 */
369 -moz-box-sizing: content-box
;
370 -webkit-box-sizing: content-box
; /* 2 */
371 box-sizing: content-box
;
375 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
376 * Safari (but not Chrome) clips the cancel button when the search input has
377 * padding (and `textfield` appearance).
380 input
[type
="search"]::-webkit-search-cancel-button
,
381 input
[type
="search"]::-webkit-search-decoration
{
382 -webkit-appearance: none
;
386 * Define consistent border, margin, and padding.
390 border: 1px solid
#c0c0c0;
392 padding: 0.35em 0.625em 0.75em;
396 * 1. Correct `color` not being inherited in IE 8/9/10/11.
397 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
406 * Remove default vertical scrollbar in IE 8/9/10/11.
414 * Don't inherit the `font-weight` (applied by a rule above).
415 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
423 ========================================================================== */
426 * Remove most spacing between table cells.
430 border-collapse: collapse
;
439 /*csslint important:false*/
441 /* ==========================================================================
443 ========================================================================== */
446 * Extra rules that Pure adds on top of Normalize.css
450 * Always hide an element when it has the `hidden` HTML attribute.
455 display: none
!important
;
459 * Add this class to an image to make it fit within it's fluid parent wrapper while maintaining
468 /*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/
471 letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
472 *letter-spacing: normal
; /* reset IE < 8 */
473 *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
474 text-rendering: optimizespeed
; /* Webkit: fixes text-rendering: optimizeLegibility */
477 Sets the font stack to fonts known to work properly with the above letter
478 and word spacings. See: https://github.com/yahoo/pure/issues/41/
480 The following font stack makes Pure Grids work on all known environments.
482 * FreeSans: Ships with many Linux distros, including Ubuntu
484 * Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and
485 Arial to get picked up by the browser, even though neither is available
488 * Droid Sans: Ships with all versions of Android.
490 * Helvetica, Arial, sans-serif: Common font stack on OS X and Windows.
492 font-family: FreeSans
, Arimo
, "Droid Sans", Helvetica
, Arial
, sans-serif
;
495 Use flexbox when possible to avoid `letter-spacing` side-effects.
497 NOTE: Firefox (as of 25) does not currently support flex-wrap, so the
498 `-moz-` prefix version is omitted.
501 display: -webkit-flex
;
502 -webkit-flex-flow: row wrap
;
504 /* IE10 uses display: flexbox */
505 display: -ms-flexbox
;
506 -ms-flex-flow: row wrap
;
508 /* Prevents distributing space between rows */
509 -ms-align-content: flex-start
;
510 -webkit-align-content: flex-start
;
511 align-content: flex-start
;
514 /* Opera as of 12 on Windows needs word-spacing.
515 The ".opera-only" selector is used to prevent actual prefocus styling
516 and is not required in markup.
518 .opera-only :-o-prefocus
,
520 word-spacing: -0.43em;
524 display: inline-block
;
525 *display: inline
; /* IE < 8: fake inline-block */
527 letter-spacing: normal
;
528 word-spacing: normal
;
530 text-rendering: auto
;
534 Resets the font family back to the OS/browser's default sans-serif font,
535 this the same font stack that Normalize.css sets for the `body`.
537 .pure-g [class *= "pure-u"] {
538 font-family: sans-serif
;
587 display: inline-block
;
590 letter-spacing: normal
;
591 word-spacing: normal
;
593 text-rendering: auto
;
754 display: inline-block
;
758 vertical-align: middle
;
761 -webkit-user-drag: none
;
762 -webkit-user-select: none
;
763 -moz-user-select: none
;
764 -ms-user-select: none
;
766 -webkit-box-sizing: border-box
;
767 -moz-box-sizing: border-box
;
768 box-sizing: border-box
;
771 /* Firefox: Get rid of the inner focus border */
772 .pure-button::-moz-focus-inner {
777 /*csslint outline-none:false*/
780 font-family: inherit
;
783 color: #444; /* rgba not supported (IE 8) */
784 color: rgba
(0, 0, 0, 0.80); /* rgba supported */
785 border: 1px solid
#999; /*IE 6/7/8*/
786 border: none rgba
(0, 0, 0, 0); /*IE9 + everything else*/
787 background-color: #E6E6E6;
788 text-decoration: none
;
795 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#00000000', endColorstr
='#1a000000',GradientType
=0);
796 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)));
797 background-image: -webkit-linear-gradient
(transparent
, rgba
(0,0,0, 0.05) 40%, rgba
(0,0,0, 0.10));
798 background-image: -moz-linear-gradient
(top
, rgba
(0,0,0, 0.05) 0%, rgba
(0,0,0, 0.10));
799 background-image: -o-linear-gradient
(transparent
, rgba
(0,0,0, 0.05) 40%, rgba
(0,0,0, 0.10));
800 background-image: linear-gradient
(transparent
, rgba
(0,0,0, 0.05) 40%, rgba
(0,0,0, 0.10));
806 .pure-button:active {
807 box-shadow: 0 0 0 1px rgba
(0,0,0, 0.15) inset
, 0 0 6px rgba
(0,0,0, 0.20) inset
;
808 border-color: #000\
9;
811 .pure-button
[disabled
],
812 .pure-button-disabled
,
813 .pure-button-disabled:hover
,
814 .pure-button-disabled:focus
,
815 .pure-button-disabled:active {
817 background-image: none
;
818 filter: progid:DXImageTransform
.Microsoft
.gradient
(enabled
= false
);
819 filter: alpha
(opacity
=40);
820 -khtml-opacity: 0.40;
827 .pure-button-hidden {
831 /* Firefox: Get rid of the inner focus border */
832 .pure-button::-moz-focus-inner{
837 .pure-button-primary
,
838 .pure-button-selected
,
839 a
.pure-button-primary
,
840 a
.pure-button-selected
{
841 background-color: rgb
(0, 120, 231);
845 /*csslint box-model:false*/
847 Box-model set to false because we're setting a height on select elements, which
848 also have border and padding. This is done because some browsers don't render
849 the padding. We explicitly set the box-model for select elements to border-box,
850 so we can ignore the csslint warning.
853 .pure-form input
[type
="text"],
854 .pure-form input
[type
="password"],
855 .pure-form input
[type
="email"],
856 .pure-form input
[type
="url"],
857 .pure-form input
[type
="date"],
858 .pure-form input
[type
="month"],
859 .pure-form input
[type
="time"],
860 .pure-form input
[type
="datetime"],
861 .pure-form input
[type
="datetime-local"],
862 .pure-form input
[type
="week"],
863 .pure-form input
[type
="number"],
864 .pure-form input
[type
="search"],
865 .pure-form input
[type
="tel"],
866 .pure-form input
[type
="color"],
868 .pure-form textarea {
869 padding: 0.5em 0.6em;
870 display: inline-block
;
871 border: 1px solid
#ccc;
872 box-shadow: inset
0 1px 3px #ddd;
874 vertical-align: middle
;
875 -webkit-box-sizing: border-box
;
876 -moz-box-sizing: border-box
;
877 box-sizing: border-box
;
881 Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
882 since IE8 won't execute CSS that contains a CSS3 selector.
884 .pure-form input:not([type]) {
885 padding: 0.5em 0.6em;
886 display: inline-block
;
887 border: 1px solid
#ccc;
888 box-shadow: inset
0 1px 3px #ddd;
890 -webkit-box-sizing: border-box
;
891 -moz-box-sizing: border-box
;
892 box-sizing: border-box
;
896 /* Chrome (as of v.32/34 on OS X) needs additional room for color to display. */
897 /* May be able to remove this tweak as color inputs become more standardized across browsers. */
898 .pure-form input[type="color"] {
899 padding: 0.2em 0.5em;
903 .pure-form input
[type
="text"]:focus
,
904 .pure-form input
[type
="password"]:focus
,
905 .pure-form input
[type
="email"]:focus
,
906 .pure-form input
[type
="url"]:focus
,
907 .pure-form input
[type
="date"]:focus
,
908 .pure-form input
[type
="month"]:focus
,
909 .pure-form input
[type
="time"]:focus
,
910 .pure-form input
[type
="datetime"]:focus
,
911 .pure-form input
[type
="datetime-local"]:focus
,
912 .pure-form input
[type
="week"]:focus
,
913 .pure-form input
[type
="number"]:focus
,
914 .pure-form input
[type
="search"]:focus
,
915 .pure-form input
[type
="tel"]:focus
,
916 .pure-form input
[type
="color"]:focus
,
917 .pure-form
select:focus
,
918 .pure-form textarea:focus {
920 border-color: #129FEA;
924 Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
925 since IE8 won't execute CSS that contains a CSS3 selector.
927 .pure-form input:not([type]):focus {
929 border-color: #129FEA;
932 .pure-form input
[type
="file"]:focus
,
933 .pure-form input
[type
="radio"]:focus
,
934 .pure-form input[type="checkbox"]:focus {
935 outline: thin solid
#129FEA;
936 outline: 1px auto
#129FEA;
938 .pure-form
.pure-checkbox
,
939 .pure-form .pure-radio {
944 .pure-form input
[type
="text"][disabled
],
945 .pure-form input
[type
="password"][disabled
],
946 .pure-form input
[type
="email"][disabled
],
947 .pure-form input
[type
="url"][disabled
],
948 .pure-form input
[type
="date"][disabled
],
949 .pure-form input
[type
="month"][disabled
],
950 .pure-form input
[type
="time"][disabled
],
951 .pure-form input
[type
="datetime"][disabled
],
952 .pure-form input
[type
="datetime-local"][disabled
],
953 .pure-form input
[type
="week"][disabled
],
954 .pure-form input
[type
="number"][disabled
],
955 .pure-form input
[type
="search"][disabled
],
956 .pure-form input
[type
="tel"][disabled
],
957 .pure-form input
[type
="color"][disabled
],
958 .pure-form select
[disabled
],
959 .pure-form textarea[disabled] {
961 background-color: #eaeded;
966 Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
967 since IE8 won't execute CSS that contains a CSS3 selector.
969 .pure-form input:not([type])[disabled] {
971 background-color: #eaeded;
974 .pure-form input
[readonly
],
975 .pure-form select
[readonly
],
976 .pure-form textarea[readonly] {
977 background-color: #eee; /* menu hover bg color */
978 color: #777; /* menu text color */
982 .pure-form
input:focus:invalid
,
983 .pure-form
textarea:focus:invalid
,
984 .pure-form select:focus:invalid {
986 border-color: #e9322d;
988 .pure-form input
[type
="file"]:focus:invalid:focus
,
989 .pure-form input
[type
="radio"]:focus:invalid:focus
,
990 .pure-form input[type="checkbox"]:focus:invalid:focus {
991 outline-color: #e9322d;
994 /* Normalizes the height; padding is not sufficient. */
996 border: 1px solid
#ccc;
997 background-color: white
;
999 .pure-form select[multiple] {
1003 margin: 0.5em 0 0.2em;
1005 .pure-form fieldset {
1007 padding: 0.35em 0 0.75em;
1014 margin-bottom: 0.3em;
1016 border-bottom: 1px solid
#e5e5e5;
1019 .pure-form-stacked input
[type
="text"],
1020 .pure-form-stacked input
[type
="password"],
1021 .pure-form-stacked input
[type
="email"],
1022 .pure-form-stacked input
[type
="url"],
1023 .pure-form-stacked input
[type
="date"],
1024 .pure-form-stacked input
[type
="month"],
1025 .pure-form-stacked input
[type
="time"],
1026 .pure-form-stacked input
[type
="datetime"],
1027 .pure-form-stacked input
[type
="datetime-local"],
1028 .pure-form-stacked input
[type
="week"],
1029 .pure-form-stacked input
[type
="number"],
1030 .pure-form-stacked input
[type
="search"],
1031 .pure-form-stacked input
[type
="tel"],
1032 .pure-form-stacked input
[type
="color"],
1033 .pure-form-stacked input
[type
="file"],
1034 .pure-form-stacked select
,
1035 .pure-form-stacked label
,
1036 .pure-form-stacked textarea {
1042 Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
1043 since IE8 won't execute CSS that contains a CSS3 selector.
1045 .pure-form-stacked input:not([type]) {
1049 .pure-form-aligned input
,
1050 .pure-form-aligned textarea
,
1051 .pure-form-aligned select
,
1052 /* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
1053 .pure-form-aligned
.pure-help-inline
,
1054 .pure-form-message-inline {
1055 display: inline-block
;
1058 vertical-align: middle
;
1060 .pure-form-aligned textarea {
1061 vertical-align: top
;
1065 .pure-form-aligned .pure-control-group {
1066 margin-bottom: 0.5em;
1068 .pure-form-aligned .pure-control-group label {
1070 display: inline-block
;
1071 vertical-align: middle
;
1075 .pure-form-aligned .pure-controls {
1076 margin: 1.5em 0 0 11em;
1079 /* Rounded Inputs */
1080 .pure-form input
.pure-input-rounded
,
1081 .pure-form .pure-input-rounded {
1086 /* Grouped Inputs */
1087 .pure-form .pure-group fieldset {
1088 margin-bottom: 10px;
1090 .pure-form
.pure-group input
,
1091 .pure-form .pure-group textarea {
1099 .pure-form
.pure-group
input:focus
,
1100 .pure-form .pure-group textarea:focus {
1103 .pure-form
.pure-group
input:first-child
,
1104 .pure-form .pure-group textarea:first-child {
1106 border-radius: 4px 4px 0 0;
1109 .pure-form
.pure-group
input:first-child:last-child
,
1110 .pure-form .pure-group textarea:first-child:last-child {
1115 .pure-form
.pure-group
input:last-child
,
1116 .pure-form .pure-group textarea:last-child {
1118 border-radius: 0 0 4px 4px;
1121 .pure-form .pure-group button {
1125 .pure-form .pure-input-1 {
1128 .pure-form .pure-input-2-3 {
1131 .pure-form .pure-input-1-2 {
1134 .pure-form .pure-input-1-3 {
1137 .pure-form .pure-input-1-4 {
1141 /* Inline help for forms */
1142 /* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
1143 .pure-form
.pure-help-inline
,
1144 .pure-form-message-inline {
1145 display: inline-block
;
1146 padding-left: 0.3em;
1148 vertical-align: middle
;
1152 /* Block help for forms */
1153 .pure-form-message {
1159 @media only screen and
(max-width : 480px) {
1160 .pure-form button[type="submit"] {
1164 .pure-form
input:not
([type
]),
1165 .pure-form input
[type
="text"],
1166 .pure-form input
[type
="password"],
1167 .pure-form input
[type
="email"],
1168 .pure-form input
[type
="url"],
1169 .pure-form input
[type
="date"],
1170 .pure-form input
[type
="month"],
1171 .pure-form input
[type
="time"],
1172 .pure-form input
[type
="datetime"],
1173 .pure-form input
[type
="datetime-local"],
1174 .pure-form input
[type
="week"],
1175 .pure-form input
[type
="number"],
1176 .pure-form input
[type
="search"],
1177 .pure-form input
[type
="tel"],
1178 .pure-form input
[type
="color"],
1180 margin-bottom: 0.3em;
1184 .pure-group
input:not
([type
]),
1185 .pure-group input
[type
="text"],
1186 .pure-group input
[type
="password"],
1187 .pure-group input
[type
="email"],
1188 .pure-group input
[type
="url"],
1189 .pure-group input
[type
="date"],
1190 .pure-group input
[type
="month"],
1191 .pure-group input
[type
="time"],
1192 .pure-group input
[type
="datetime"],
1193 .pure-group input
[type
="datetime-local"],
1194 .pure-group input
[type
="week"],
1195 .pure-group input
[type
="number"],
1196 .pure-group input
[type
="search"],
1197 .pure-group input
[type
="tel"],
1198 .pure-group input[type="color"] {
1202 .pure-form-aligned .pure-control-group label {
1203 margin-bottom: 0.3em;
1209 .pure-form-aligned .pure-controls {
1210 margin: 1.5em 0 0 0;
1213 /* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
1214 .pure-form
.pure-help-inline
,
1215 .pure-form-message-inline
,
1216 .pure-form-message {
1219 /* Increased bottom padding to make it group with its related input element. */
1220 padding: 0.2em 0 0.8em;
1224 /*csslint adjoining-classes: false, box-model:false*/
1226 -webkit-box-sizing: border-box
;
1227 -moz-box-sizing: border-box
;
1228 box-sizing: border-box
;
1256 .pure-menu-heading {
1258 text-decoration: none
;
1259 white-space: nowrap
;
1262 /* HORIZONTAL MENU */
1263 .pure-menu-horizontal {
1265 white-space: nowrap
;
1268 .pure-menu-horizontal .pure-menu-list {
1269 display: inline-block
;
1272 /* Initial menus should be inline-block so that they are horizontal */
1273 .pure-menu-horizontal
.pure-menu-item
,
1274 .pure-menu-horizontal
.pure-menu-heading
,
1275 .pure-menu-horizontal .pure-menu-separator {
1276 display: inline-block
;
1279 vertical-align: middle
;
1282 /* Submenus should still be display: block; */
1283 .pure-menu-item .pure-menu-item {
1287 .pure-menu-children {
1297 .pure-menu-horizontal .pure-menu-children {
1303 .pure-menu-allow-hover:hover
> .pure-menu-children
,
1304 .pure-menu-active > .pure-menu-children {
1309 /* Vertical Menus - show the dropdown arrow */
1310 .pure-menu-has-children > .pure-menu-link:after {
1311 padding-left: 0.5em;
1316 /* Horizontal Menus - show the dropdown arrow */
1317 .pure-menu-horizontal .pure-menu-has-children > .pure-menu-link:after {
1321 /* scrollable menus */
1322 .pure-menu-scrollable {
1327 .pure-menu-scrollable .pure-menu-list {
1331 .pure-menu-horizontal.pure-menu-scrollable .pure-menu-list {
1332 display: inline-block
;
1335 .pure-menu-horizontal.pure-menu-scrollable {
1336 white-space: nowrap
;
1339 -ms-overflow-style: none
;
1340 -webkit-overflow-scrolling: touch
;
1341 /* a little extra padding for this style to allow for scrollbars */
1345 .pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar {
1349 /* misc default styling */
1351 .pure-menu-separator {
1352 background-color: #ccc;
1357 .pure-menu-horizontal .pure-menu-separator {
1363 .pure-menu-heading {
1364 text-transform: uppercase
;
1372 .pure-menu-children {
1373 background-color: #fff;
1377 .pure-menu-disabled
,
1378 .pure-menu-heading {
1382 .pure-menu-disabled {
1386 .pure-menu-disabled .pure-menu-link:hover {
1387 background-color: transparent
;
1390 .pure-menu-active
> .pure-menu-link
,
1391 .pure-menu-link:hover
,
1392 .pure-menu-link:focus {
1393 background-color: #eee;
1396 .pure-menu-selected
.pure-menu-link
,
1397 .pure-menu-selected .pure-menu-link:visited {
1402 /* Remove spacing between table cells (from Normalize.css) */
1403 border-collapse: collapse
;
1406 border: 1px solid
#cbcbcb;
1409 .pure-table caption {
1411 font: italic
85%/1 arial
, sans-serif
;
1418 border-left: 1px solid
#cbcbcb;/* inner column border */
1419 border-width: 0 0 0 1px;
1422 overflow: visible
; /*to make ths where the title is really long work*/
1423 padding: 0.5em 1em; /* cell padding */
1426 /* Consider removing this next declaration block, as it causes problems when
1427 there's a rowspan on the first cell. Case added to the tests. issue#432 */
1428 .pure-table
td:first-child
,
1429 .pure-table th:first-child {
1430 border-left-width: 0;
1434 background-color: #e0e0e0;
1437 vertical-align: bottom
;
1443 odd - #f2f2f2 (light gray)
1446 background-color: transparent
;
1448 .pure-table-odd td {
1449 background-color: #f2f2f2;
1452 /* nth-child selector for modern browsers */
1453 .pure-table-striped tr:nth-child(2n-1) td {
1454 background-color: #f2f2f2;
1457 /* BORDERED TABLES */
1458 .pure-table-bordered td {
1459 border-bottom: 1px solid
#cbcbcb;
1461 .pure-table-bordered tbody > tr:last-child > td {
1462 border-bottom-width: 0;
1466 /* HORIZONTAL BORDERED TABLES */
1468 .pure-table-horizontal td
,
1469 .pure-table-horizontal th {
1470 border-width: 0 0 1px 0;
1471 border-bottom: 1px solid
#cbcbcb;
1473 .pure-table-horizontal tbody > tr:last-child > td {
1474 border-bottom-width: 0;