Details | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 1 | espaco | 1 | /* |
| 2 | |||
| 3 | Uniform Theme: Uniform Default |
||
| 4 | Version: 1.8 |
||
| 5 | By: Josh Pyles |
||
| 6 | License: MIT License |
||
| 7 | --- |
||
| 8 | For use with the Uniform plugin: |
||
| 9 | http://uniformjs.com/ |
||
| 10 | |||
| 11 | */ |
||
| 12 | |||
| 13 | $button-height: 30px; |
||
| 14 | $button-margin-left: 13px; |
||
| 15 | $button-padding: 8px 15px 0 2px; |
||
| 16 | $button-span-height: 22px; |
||
| 17 | $checkbox-height: 19px; |
||
| 18 | $checkbox-width: 19px; |
||
| 19 | $input-padding: 3px; |
||
| 20 | $radio-height: 18px; |
||
| 21 | $radio-width: 18px; |
||
| 22 | $select-fixed-width: 190px; |
||
| 23 | $select-height: 26px; |
||
| 24 | $select-margin-left: 10px; |
||
| 25 | $select-margin-right: 25px; |
||
| 26 | $select-select-height: 22px; |
||
| 27 | $select-select-top: 2px; |
||
| 28 | $upload-action-width: 82px; |
||
| 29 | $upload-filename-margin-top: 2px; |
||
| 30 | $upload-filename-margin-bottom: 2px; |
||
| 31 | $upload-filename-margin-left: 2px; |
||
| 32 | $upload-filename-width: 85px; |
||
| 33 | $upload-filename-padding: 0 10px; |
||
| 34 | $upload-height: 28px; |
||
| 35 | $upload-width: 190px; |
||
| 36 | |||
| 37 | @import "../../_base/css/uniform._base.scss"; |
||
| 38 | |||
| 39 | /* INPUT & TEXTAREA */ |
||
| 40 | |||
| 41 | #{$class-wrapper-element}#{$class-wrapper} input#{$class-input}, |
||
| 42 | #{$class-wrapper-element}#{$class-wrapper} select#{$class-multiselect}, |
||
| 43 | #{$class-wrapper-element}#{$class-wrapper} textarea#{$class-textarea} { |
||
| 44 | font-size: 12px; |
||
| 45 | font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; |
||
| 46 | font-weight: normal; |
||
| 47 | color: #777; |
||
| 48 | border-top: solid 1px #aaa; |
||
| 49 | border-left: solid 1px #aaa; |
||
| 50 | border-bottom: solid 1px #ccc; |
||
| 51 | border-right: solid 1px #ccc; |
||
| 52 | @include border-radius($input-padding); |
||
| 53 | |||
| 54 | @include whenHover { |
||
| 55 | @include box-shadow(0px 0px 4px rgba(0,0,0,0.3)); |
||
| 56 | border-color: #999; |
||
| 57 | } |
||
| 58 | } |
||
| 59 | |||
| 60 | /* PRESENTATION */ |
||
| 61 | |||
| 62 | /* Buttons */ |
||
| 63 | |||
| 64 | div#{$class-wrapper}#{$class-button} { |
||
| 65 | span { |
||
| 66 | font-weight: bold; |
||
| 67 | font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; |
||
| 68 | font-size: 12px; |
||
| 69 | letter-spacing: 1px; |
||
| 70 | text-transform: uppercase; |
||
| 71 | } |
||
| 72 | |||
| 73 | @include whenHover { |
||
| 74 | span { |
||
| 75 | color: #555; |
||
| 76 | } |
||
| 77 | } |
||
| 78 | |||
| 79 | @include whenDisabled { |
||
| 80 | span { |
||
| 81 | color: #bbb; |
||
| 82 | } |
||
| 83 | } |
||
| 84 | } |
||
| 85 | |||
| 86 | |||
| 87 | /* Select */ |
||
| 88 | |||
| 89 | div#{$class-wrapper}#{$class-select} { |
||
| 90 | font-size: 12px; |
||
| 91 | |||
| 92 | span { |
||
| 93 | color: #666; |
||
| 94 | text-shadow: 0 1px 0 #fff; |
||
| 95 | } |
||
| 96 | |||
| 97 | select { |
||
| 98 | font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; |
||
| 99 | font-size: 12px; |
||
| 100 | } |
||
| 101 | |||
| 102 | @include whenDisabled { |
||
| 103 | span { |
||
| 104 | color: #bbb; |
||
| 105 | } |
||
| 106 | } |
||
| 107 | } |
||
| 108 | |||
| 109 | /* Checker */ |
||
| 110 | div#{$class-wrapper}#{$class-checkbox} { |
||
| 111 | margin-right: 5px; |
||
| 112 | } |
||
| 113 | |||
| 114 | /* Radio */ |
||
| 115 | div#{$class-wrapper}#{$class-radio} { |
||
| 116 | margin-right: 3px; |
||
| 117 | } |
||
| 118 | |||
| 119 | /* Uploader */ |
||
| 120 | div#{$class-wrapper}#{$class-upload} { |
||
| 121 | span#{$class-action} { |
||
| 122 | text-shadow: #fff 0px 1px 0px; |
||
| 123 | background-color: #fff; |
||
| 124 | font-size: 11px; |
||
| 125 | font-weight: bold; |
||
| 126 | } |
||
| 127 | |||
| 128 | span#{$class-filename} { |
||
| 129 | color: #777; |
||
| 130 | border-right: solid 1px #bbb; |
||
| 131 | font-size: 11px; |
||
| 132 | } |
||
| 133 | |||
| 134 | @include whenDisabled { |
||
| 135 | span#{$class-action} { |
||
| 136 | color: #aaa; |
||
| 137 | } |
||
| 138 | |||
| 139 | span#{$class-filename} { |
||
| 140 | border-color: #ddd; |
||
| 141 | color: #aaa; |
||
| 142 | } |
||
| 143 | } |
||
| 144 | } |
||
| 145 | |||
| 146 | #{$class-wrapper-element}#{$class-wrapper} input#{$class-input} { |
||
| 147 | &, &:focus { |
||
| 148 | background-color: #fff; |
||
| 149 | } |
||
| 150 | } |