portal-common/src/main/webapp/common/thirdparty/uniform/css/uniform.default.scss

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