Lines Matching +full:- +full:u
14 * 1. Set default font family to sans-serif.
20 font-family: sans-serif; /* 1 */
21 -ms-text-size-adjust: 100%; /* 2 */
22 -webkit-text-size-adjust: 100%; /* 2 */
60 * 1. Correct `inline-block` display not defined in IE 8/9.
68 display: inline-block; /* 1 */
69 vertical-align: baseline; /* 2 */
100 background-color: transparent;
112 /* Text-level semantics
120 border-bottom: 1px dotted;
129 font-weight: bold;
137 font-style: italic;
141 * Address variable `h1` font-size and margin within `section` and `article`
146 font-size: 2em;
164 font-size: 80%;
168 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
173 font-size: 75%;
174 line-height: 0;
176 vertical-align: baseline;
180 top: -0.5em;
184 bottom: -0.25em;
222 -moz-box-sizing: content-box;
223 box-sizing: content-box;
236 * Address odd `em`-unit font size rendering in all browsers.
244 font-family: monospace, monospace;
245 font-size: 1em;
283 * Address inconsistent `text-transform` inheritance for `button` and `select`.
284 * All other form control elements do not inherit `text-transform` values.
291 text-transform: none;
298 * 3. Improve usability and consistency of cursor style between image-type
306 -webkit-appearance: button; /* 2 */
311 * Re-set default cursor for disabled elements.
323 button::-moz-focus-inner,
324 input::-moz-focus-inner {
330 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
335 line-height: normal;
340 * Firefox's implementation doesn't respect box-sizing, padding, or width.
342 * 1. Address box sizing set to `content-box` in IE 8/9/10.
348 box-sizing: border-box; /* 1 */
354 * `font-size` values of the `input`, it causes the cursor style of the
358 input[type="number"]::-webkit-inner-spin-button,
359 input[type="number"]::-webkit-outer-spin-button {
365 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
366 * (include `-moz` to future-proof).
370 -webkit-appearance: textfield; /* 1 */
371 -moz-box-sizing: content-box;
372 -webkit-box-sizing: content-box; /* 2 */
373 box-sizing: content-box;
382 input[type="search"]::-webkit-search-cancel-button,
383 input[type="search"]::-webkit-search-decoration {
384 -webkit-appearance: none;
416 * Don't inherit the `font-weight` (applied by a rule above).
421 font-weight: bold;
432 border-collapse: collapse;
433 border-spacing: 0;
466 .pure-img {
467 max-width: 100%;
472 /*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/
474 .pure-g {
475 letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
476 *letter-spacing: normal; /* reset IE < 8 */
477 *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
478 text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
494 * Helvetica, Arial, sans-serif: Common font stack on OS X and Windows.
496 font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
499 Use flexbox when possible to avoid `letter-spacing` side-effects.
501 NOTE: Firefox (as of 25) does not currently support flex-wrap, so the
502 `-moz-` prefix version is omitted.
505 display: -webkit-flex;
506 -webkit-flex-flow: row wrap;
509 display: -ms-flexbox;
510 -ms-flex-flow: row wrap;
513 -ms-align-content: flex-start;
514 -webkit-align-content: flex-start;
515 align-content: flex-start;
518 /* Opera as of 12 on Windows needs word-spacing.
519 The ".opera-only" selector is used to prevent actual prefocus styling
522 .opera-only :-o-prefocus,
523 .pure-g {
524 word-spacing: -0.43em;
527 .pure-u {
528 display: inline-block;
529 *display: inline; /* IE < 8: fake inline-block */
531 letter-spacing: normal;
532 word-spacing: normal;
533 vertical-align: top;
534 text-rendering: auto;
538 Resets the font family back to the OS/browser's default sans-serif font,
541 .pure-g [class *= "pure-u"] {
542 font-family: sans-serif;
545 .pure-u-1,
546 .pure-u-1-1,
547 .pure-u-1-2,
548 .pure-u-1-3,
549 .pure-u-2-3,
550 .pure-u-1-4,
551 .pure-u-3-4,
552 .pure-u-1-5,
553 .pure-u-2-5,
554 .pure-u-3-5,
555 .pure-u-4-5,
556 .pure-u-5-5,
557 .pure-u-1-6,
558 .pure-u-5-6,
559 .pure-u-1-8,
560 .pure-u-3-8,
561 .pure-u-5-8,
562 .pure-u-7-8,
563 .pure-u-1-12,
564 .pure-u-5-12,
565 .pure-u-7-12,
566 .pure-u-11-12,
567 .pure-u-1-24,
568 .pure-u-2-24,
569 .pure-u-3-24,
570 .pure-u-4-24,
571 .pure-u-5-24,
572 .pure-u-6-24,
573 .pure-u-7-24,
574 .pure-u-8-24,
575 .pure-u-9-24,
576 .pure-u-10-24,
577 .pure-u-11-24,
578 .pure-u-12-24,
579 .pure-u-13-24,
580 .pure-u-14-24,
581 .pure-u-15-24,
582 .pure-u-16-24,
583 .pure-u-17-24,
584 .pure-u-18-24,
585 .pure-u-19-24,
586 .pure-u-20-24,
587 .pure-u-21-24,
588 .pure-u-22-24,
589 .pure-u-23-24,
590 .pure-u-24-24 {
591 display: inline-block;
594 letter-spacing: normal;
595 word-spacing: normal;
596 vertical-align: top;
597 text-rendering: auto;
600 .pure-u-1-24 {
605 .pure-u-1-12,
606 .pure-u-2-24 {
611 .pure-u-1-8,
612 .pure-u-3-24 {
617 .pure-u-1-6,
618 .pure-u-4-24 {
623 .pure-u-1-5 {
628 .pure-u-5-24 {
633 .pure-u-1-4,
634 .pure-u-6-24 {
639 .pure-u-7-24 {
644 .pure-u-1-3,
645 .pure-u-8-24 {
650 .pure-u-3-8,
651 .pure-u-9-24 {
656 .pure-u-2-5 {
661 .pure-u-5-12,
662 .pure-u-10-24 {
667 .pure-u-11-24 {
672 .pure-u-1-2,
673 .pure-u-12-24 {
678 .pure-u-13-24 {
683 .pure-u-7-12,
684 .pure-u-14-24 {
689 .pure-u-3-5 {
694 .pure-u-5-8,
695 .pure-u-15-24 {
700 .pure-u-2-3,
701 .pure-u-16-24 {
706 .pure-u-17-24 {
711 .pure-u-3-4,
712 .pure-u-18-24 {
717 .pure-u-19-24 {
722 .pure-u-4-5 {
727 .pure-u-5-6,
728 .pure-u-20-24 {
733 .pure-u-7-8,
734 .pure-u-21-24 {
739 .pure-u-11-12,
740 .pure-u-22-24 {
745 .pure-u-23-24 {
750 .pure-u-1,
751 .pure-u-1-1,
752 .pure-u-5-5,
753 .pure-u-24-24 {
756 .pure-button {
758 display: inline-block;
760 line-height: normal;
761 white-space: nowrap;
762 vertical-align: middle;
763 text-align: center;
765 -webkit-user-drag: none;
766 -webkit-user-select: none;
767 -moz-user-select: none;
768 -ms-user-select: none;
769 user-select: none;
770 -webkit-box-sizing: border-box;
771 -moz-box-sizing: border-box;
772 box-sizing: border-box;
776 .pure-button::-moz-focus-inner {
781 /*csslint outline-none:false*/
783 .pure-button {
784 font-family: inherit;
785 font-size: 100%;
791 background-color: #E6E6E6;
792 text-decoration: none;
793 border-radius: 2px;
796 .pure-button-hover,
797 .pure-button:hover,
798 .pure-button:focus {
800 …background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,…
801 … background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
802 background-image: -moz-linear-gradient(top, rgba(0,0,0, 0.05) 0%, rgba(0,0,0, 0.10));
803 background-image: -o-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
804 background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
806 .pure-button:focus {
809 .pure-button-active,
810 .pure-button:active {
811 box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
812 border-color: #000\9;
815 .pure-button[disabled],
816 .pure-button-disabled,
817 .pure-button-disabled:hover,
818 .pure-button-disabled:focus,
819 .pure-button-disabled:active {
821 background-image: none;
824 -khtml-opacity: 0.40;
825 -moz-opacity: 0.40;
827 cursor: not-allowed;
828 box-shadow: none;
831 .pure-button-hidden {
836 .pure-button::-moz-focus-inner{
841 .pure-button-primary,
842 .pure-button-selected,
843 a.pure-button-primary,
844 a.pure-button-selected {
845 background-color: rgb(0, 120, 231);
849 /*csslint box-model:false*/
851 Box-model set to false because we're setting a height on select elements, which
853 the padding. We explicitly set the box-model for select elements to border-box,
857 .pure-form input[type="text"],
858 .pure-form input[type="password"],
859 .pure-form input[type="email"],
860 .pure-form input[type="url"],
861 .pure-form input[type="date"],
862 .pure-form input[type="month"],
863 .pure-form input[type="time"],
864 .pure-form input[type="datetime"],
865 .pure-form input[type="datetime-local"],
866 .pure-form input[type="week"],
867 .pure-form input[type="number"],
868 .pure-form input[type="search"],
869 .pure-form input[type="tel"],
870 .pure-form input[type="color"],
871 .pure-form select,
872 .pure-form textarea {
874 display: inline-block;
876 box-shadow: inset 0 1px 3px #ddd;
877 border-radius: 4px;
878 vertical-align: middle;
879 -webkit-box-sizing: border-box;
880 -moz-box-sizing: border-box;
881 box-sizing: border-box;
888 .pure-form input:not([type]) {
890 display: inline-block;
892 box-shadow: inset 0 1px 3px #ddd;
893 border-radius: 4px;
894 -webkit-box-sizing: border-box;
895 -moz-box-sizing: border-box;
896 box-sizing: border-box;
902 .pure-form input[type="color"] {
907 .pure-form input[type="text"]:focus,
908 .pure-form input[type="password"]:focus,
909 .pure-form input[type="email"]:focus,
910 .pure-form input[type="url"]:focus,
911 .pure-form input[type="date"]:focus,
912 .pure-form input[type="month"]:focus,
913 .pure-form input[type="time"]:focus,
914 .pure-form input[type="datetime"]:focus,
915 .pure-form input[type="datetime-local"]:focus,
916 .pure-form input[type="week"]:focus,
917 .pure-form input[type="number"]:focus,
918 .pure-form input[type="search"]:focus,
919 .pure-form input[type="tel"]:focus,
920 .pure-form input[type="color"]:focus,
921 .pure-form select:focus,
922 .pure-form textarea:focus {
924 border-color: #129FEA;
931 .pure-form input:not([type]):focus {
933 border-color: #129FEA;
936 .pure-form input[type="file"]:focus,
937 .pure-form input[type="radio"]:focus,
938 .pure-form input[type="checkbox"]:focus {
942 .pure-form .pure-checkbox,
943 .pure-form .pure-radio {
948 .pure-form input[type="text"][disabled],
949 .pure-form input[type="password"][disabled],
950 .pure-form input[type="email"][disabled],
951 .pure-form input[type="url"][disabled],
952 .pure-form input[type="date"][disabled],
953 .pure-form input[type="month"][disabled],
954 .pure-form input[type="time"][disabled],
955 .pure-form input[type="datetime"][disabled],
956 .pure-form input[type="datetime-local"][disabled],
957 .pure-form input[type="week"][disabled],
958 .pure-form input[type="number"][disabled],
959 .pure-form input[type="search"][disabled],
960 .pure-form input[type="tel"][disabled],
961 .pure-form input[type="color"][disabled],
962 .pure-form select[disabled],
963 .pure-form textarea[disabled] {
964 cursor: not-allowed;
965 background-color: #eaeded;
973 .pure-form input:not([type])[disabled] {
974 cursor: not-allowed;
975 background-color: #eaeded;
978 .pure-form input[readonly],
979 .pure-form select[readonly],
980 .pure-form textarea[readonly] {
981 background-color: #eee; /* menu hover bg color */
983 border-color: #ccc;
986 .pure-form input:focus:invalid,
987 .pure-form textarea:focus:invalid,
988 .pure-form select:focus:invalid {
990 border-color: #e9322d;
992 .pure-form input[type="file"]:focus:invalid:focus,
993 .pure-form input[type="radio"]:focus:invalid:focus,
994 .pure-form input[type="checkbox"]:focus:invalid:focus {
995 outline-color: #e9322d;
997 .pure-form select {
1001 background-color: white;
1003 .pure-form select[multiple] {
1006 .pure-form label {
1009 .pure-form fieldset {
1014 .pure-form legend {
1018 margin-bottom: 0.3em;
1020 border-bottom: 1px solid #e5e5e5;
1023 .pure-form-stacked input[type="text"],
1024 .pure-form-stacked input[type="password"],
1025 .pure-form-stacked input[type="email"],
1026 .pure-form-stacked input[type="url"],
1027 .pure-form-stacked input[type="date"],
1028 .pure-form-stacked input[type="month"],
1029 .pure-form-stacked input[type="time"],
1030 .pure-form-stacked input[type="datetime"],
1031 .pure-form-stacked input[type="datetime-local"],
1032 .pure-form-stacked input[type="week"],
1033 .pure-form-stacked input[type="number"],
1034 .pure-form-stacked input[type="search"],
1035 .pure-form-stacked input[type="tel"],
1036 .pure-form-stacked input[type="color"],
1037 .pure-form-stacked input[type="file"],
1038 .pure-form-stacked select,
1039 .pure-form-stacked label,
1040 .pure-form-stacked textarea {
1049 .pure-form-stacked input:not([type]) {
1053 .pure-form-aligned input,
1054 .pure-form-aligned textarea,
1055 .pure-form-aligned select,
1056 /* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
1057 .pure-form-aligned .pure-help-inline,
1058 .pure-form-message-inline {
1059 display: inline-block;
1062 vertical-align: middle;
1064 .pure-form-aligned textarea {
1065 vertical-align: top;
1069 .pure-form-aligned .pure-control-group {
1070 margin-bottom: 0.5em;
1072 .pure-form-aligned .pure-control-group label {
1073 text-align: right;
1074 display: inline-block;
1075 vertical-align: middle;
1079 .pure-form-aligned .pure-controls {
1084 .pure-form input.pure-input-rounded,
1085 .pure-form .pure-input-rounded {
1086 border-radius: 2em;
1091 .pure-form .pure-group fieldset {
1092 margin-bottom: 10px;
1094 .pure-form .pure-group input,
1095 .pure-form .pure-group textarea {
1098 margin: 0 0 -1px;
1099 border-radius: 0;
1101 top: -1px;
1103 .pure-form .pure-group input:focus,
1104 .pure-form .pure-group textarea:focus {
1105 z-index: 3;
1107 .pure-form .pure-group input:first-child,
1108 .pure-form .pure-group textarea:first-child {
1110 border-radius: 4px 4px 0 0;
1113 .pure-form .pure-group input:first-child:last-child,
1114 .pure-form .pure-group textarea:first-child:last-child {
1116 border-radius: 4px;
1119 .pure-form .pure-group input:last-child,
1120 .pure-form .pure-group textarea:last-child {
1121 top: -2px;
1122 border-radius: 0 0 4px 4px;
1125 .pure-form .pure-group button {
1129 .pure-form .pure-input-1 {
1132 .pure-form .pure-input-2-3 {
1135 .pure-form .pure-input-1-2 {
1138 .pure-form .pure-input-1-3 {
1141 .pure-form .pure-input-1-4 {
1146 /* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
1147 .pure-form .pure-help-inline,
1148 .pure-form-message-inline {
1149 display: inline-block;
1150 padding-left: 0.3em;
1152 vertical-align: middle;
1153 font-size: 0.875em;
1157 .pure-form-message {
1160 font-size: 0.875em;
1163 @media only screen and (max-width : 480px) {
1164 .pure-form button[type="submit"] {
1168 .pure-form input:not([type]),
1169 .pure-form input[type="text"],
1170 .pure-form input[type="password"],
1171 .pure-form input[type="email"],
1172 .pure-form input[type="url"],
1173 .pure-form input[type="date"],
1174 .pure-form input[type="month"],
1175 .pure-form input[type="time"],
1176 .pure-form input[type="datetime"],
1177 .pure-form input[type="datetime-local"],
1178 .pure-form input[type="week"],
1179 .pure-form input[type="number"],
1180 .pure-form input[type="search"],
1181 .pure-form input[type="tel"],
1182 .pure-form input[type="color"],
1183 .pure-form label {
1184 margin-bottom: 0.3em;
1188 .pure-group input:not([type]),
1189 .pure-group input[type="text"],
1190 .pure-group input[type="password"],
1191 .pure-group input[type="email"],
1192 .pure-group input[type="url"],
1193 .pure-group input[type="date"],
1194 .pure-group input[type="month"],
1195 .pure-group input[type="time"],
1196 .pure-group input[type="datetime"],
1197 .pure-group input[type="datetime-local"],
1198 .pure-group input[type="week"],
1199 .pure-group input[type="number"],
1200 .pure-group input[type="search"],
1201 .pure-group input[type="tel"],
1202 .pure-group input[type="color"] {
1203 margin-bottom: 0;
1206 .pure-form-aligned .pure-control-group label {
1207 margin-bottom: 0.3em;
1208 text-align: left;
1213 .pure-form-aligned .pure-controls {
1217 /* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
1218 .pure-form .pure-help-inline,
1219 .pure-form-message-inline,
1220 .pure-form-message {
1222 font-size: 0.75em;
1228 /*csslint adjoining-classes: false, box-model:false*/
1229 .pure-menu {
1230 -webkit-box-sizing: border-box;
1231 -moz-box-sizing: border-box;
1232 box-sizing: border-box;
1235 .pure-menu-fixed {
1239 z-index: 3;
1242 .pure-menu-list,
1243 .pure-menu-item {
1247 .pure-menu-list {
1248 list-style: none;
1253 .pure-menu-item {
1259 .pure-menu-link,
1260 .pure-menu-heading {
1262 text-decoration: none;
1263 white-space: nowrap;
1267 .pure-menu-horizontal {
1269 white-space: nowrap;
1272 .pure-menu-horizontal .pure-menu-list {
1273 display: inline-block;
1276 /* Initial menus should be inline-block so that they are horizontal */
1277 .pure-menu-horizontal .pure-menu-item,
1278 .pure-menu-horizontal .pure-menu-heading,
1279 .pure-menu-horizontal .pure-menu-separator {
1280 display: inline-block;
1283 vertical-align: middle;
1287 .pure-menu-item .pure-menu-item {
1291 .pure-menu-children {
1298 z-index: 3;
1301 .pure-menu-horizontal .pure-menu-children {
1307 .pure-menu-allow-hover:hover > .pure-menu-children,
1308 .pure-menu-active > .pure-menu-children {
1313 /* Vertical Menus - show the dropdown arrow */
1314 .pure-menu-has-children > .pure-menu-link:after {
1315 padding-left: 0.5em;
1317 font-size: small;
1320 /* Horizontal Menus - show the dropdown arrow */
1321 .pure-menu-horizontal .pure-menu-has-children > .pure-menu-link:after {
1326 .pure-menu-scrollable {
1327 overflow-y: scroll;
1328 overflow-x: hidden;
1331 .pure-menu-scrollable .pure-menu-list {
1335 .pure-menu-horizontal.pure-menu-scrollable .pure-menu-list {
1336 display: inline-block;
1339 .pure-menu-horizontal.pure-menu-scrollable {
1340 white-space: nowrap;
1341 overflow-y: hidden;
1342 overflow-x: auto;
1343 -ms-overflow-style: none;
1344 -webkit-overflow-scrolling: touch;
1349 .pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar {
1355 .pure-menu-separator {
1356 background-color: #ccc;
1361 .pure-menu-horizontal .pure-menu-separator {
1367 .pure-menu-heading {
1368 text-transform: uppercase;
1372 .pure-menu-link {
1376 .pure-menu-children {
1377 background-color: #fff;
1380 .pure-menu-link,
1381 .pure-menu-disabled,
1382 .pure-menu-heading {
1386 .pure-menu-disabled {
1390 .pure-menu-disabled .pure-menu-link:hover {
1391 background-color: transparent;
1394 .pure-menu-active > .pure-menu-link,
1395 .pure-menu-link:hover,
1396 .pure-menu-link:focus {
1397 background-color: #eee;
1400 .pure-menu-selected .pure-menu-link,
1401 .pure-menu-selected .pure-menu-link:visited {
1405 .pure-table {
1407 border-collapse: collapse;
1408 border-spacing: 0;
1409 empty-cells: show;
1413 .pure-table caption {
1415 font: italic 85%/1 arial, sans-serif;
1417 text-align: center;
1420 .pure-table td,
1421 .pure-table th {
1422 border-left: 1px solid #cbcbcb;/* inner column border */
1423 border-width: 0 0 0 1px;
1424 font-size: inherit;
1432 .pure-table td:first-child,
1433 .pure-table th:first-child {
1434 border-left-width: 0;
1437 .pure-table thead {
1438 background-color: #e0e0e0;
1440 text-align: left;
1441 vertical-align: bottom;
1446 even - #fff (white)
1447 odd - #f2f2f2 (light gray)
1449 .pure-table td {
1450 background-color: transparent;
1452 .pure-table-odd td {
1453 background-color: #f2f2f2;
1456 /* nth-child selector for modern browsers */
1457 .pure-table-striped tr:nth-child(2n-1) td {
1458 background-color: #f2f2f2;
1462 .pure-table-bordered td {
1463 border-bottom: 1px solid #cbcbcb;
1465 .pure-table-bordered tbody > tr:last-child > td {
1466 border-bottom-width: 0;
1472 .pure-table-horizontal td,
1473 .pure-table-horizontal th {
1474 border-width: 0 0 1px 0;
1475 border-bottom: 1px solid #cbcbcb;
1477 .pure-table-horizontal tbody > tr:last-child > td {
1478 border-bottom-width: 0;