css/dijit.css

   1 /* Tree */
   2
   3 .claro .dijitTreeLabel {
   4         outline : 0;
   5 }
   6
   7 .claro .dijitTree .feedParam {
   8         color : #555;
   9         float : right;
  10         margin-right : 1em;
  11 }
  12
  13 .claro .dijitTree .labelParam {
  14         float : right;
  15         margin-right : 1em;
  16 }
  17
  18 .claro .dijitTree .dijitTreeLabel.Disabled,
  19 .claro .dijitTree .labelParam.Disabled {
  20         color : #555;
  21 }
  22
  23 .claro .dijitTreeRow.Error {
  24         color : red;
  25 }
  26
  27 .claro .dijitTreeRow.Hidden {
  28         display : none;
  29 }
  30
  31 .claro .dijitTreeNode .loadingNode {
  32         margin-left : 3px;
  33         height : 9px;
  34 }
  35
  36 .claro .dijitFolderClosed,
  37 .claro .dijitFolderOpened {
  38         display : none;
  39 }
  40
  41 .claro .dijitTreeNode .dijitCheckBox {
  42         margin-left : 4px;
  43 }
  44
  45 .claro .dijitTreeIsRoot > .dijitTreeRow > .dijitTreeExpando {
  46         margin-left : 5px;
  47 }
  48
  49 .claro .dijitTree .dijitTreeExpando {
  50         margin-top : 0px;
  51         opacity : 0.6;
  52 }
  53
  54 .claro .dijitTree .dijitTreeNode {
  55         padding : 0px;
  56         border-width : 0px;
  57 }
  58
  59 .claro .dijitTree .dijitTreeRow {
  60         max-width: 100%;
  61         overflow: hidden;
  62         text-overflow: ellipsis;
  63 }
  64
  65 .claro .dijitTree .dijitTreeRowSelected {
  66         background : white;
  67 }
  68
  69 .claro .dijitTree .dijitTreeRowHover {
  70         background : #f0f0f0;
  71         border-color : #ddd;
  72 }
  73
  74 .claro .dijitTree .dijitTreeRowSelected {
  75         background : white;
  76         border-color : #ddd;
  77 }
  78
  79 .claro .dijitTreeRowSelected .dijitTreeLabel {
  80         text-shadow : 1px 1px 2px #fff;
  81 }
  82
  83 .claro .dijitTreeRow .dijitTreeExpando {
  84         background-image: url("../images/treeExpandImages.png");
  85         position : relative;
  86         top : -1px;
  87 }
  88
  89 .claro .dijitTreeRow .dijitTreeExpandoLeaf {
  90         background : none;
  91 }
  92
  93 /* Toolbar */
  94
  95 .claro .dijitToolbar {
  96         text-shadow : 1px 1px 2px #fff;
  97 }
  98
  99 /* Dialog */
 100
 101 .claro .dijitDialog .dijitToolbar {
 102         border : 1px solid #eee;
 103 }
 104
 105 .claro .dijitDialog h2 {
 106         margin-top : 0px;
 107         margin-bottom : 4px;
 108         border-width : 0px;
 109 }
 110
 111 .claro .dijitMenuItemLabel {
 112         font-size : 13px;
 113 }
 114
 115 /* Checkbox */
 116
 117 .claro .dijitCheckBox {
 118         background-image : url("../images/untick.png");
 119         background-color : transparent;
 120         width : 16px;
 121         height : 16px;
 122         background-position : center center;
 123         opacity : 0.4;
 124         -webkit-transition : opacity 0.25s;
 125         transition : opacity 0.25s;
 126         border : 1px solid #eee;
 127         border-radius : 2px;
 128         padding : 1px;
 129 }
 130
 131 .claro .dijitCheckBox:hover {
 132         opacity : 1;
 133 }
 134
 135 .claro .dijitCheckBox.dijitCheckBoxDisabled:hover {
 136         opacity : 0.6;
 137 }
 138
 139 .claro .dijitCheckBox.dijitCheckBoxChecked {
 140         border-color : #ddffdd;
 141         background-image : url("../images/tick.png");
 142         opacity : 1;
 143 }
 144
 145 /* Various buttons */
 146
 147 .claro .dijitButton .dijitButtonNode,
 148 .claro .dijitComboButton .dijitButtonNode,
 149 .claro .dijitToolbar .dijitDropDownButton .dijitButtonNode,
 150 .claro .dijitToolbar .dijitComboButton,
 151 .claro .dijitToolbar .dijitComboButton .dijitButtonNode {
 152         background : none;
 153         border-color : transparent;
 154         box-shadow : none;
 155 }
 156
 157 button {
 158         font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 159         font-size : 14px;
 160 }
 161
 162 button,
 163 .claro .dijitButton,
 164 .claro .dijitComboButton {
 165   display: inline-block;
 166   padding: 4px 12px;
 167   margin-bottom: 0;
 168   font-size: 14px;
 169   line-height: 20px;
 170   color: #333333;
 171   text-align: center;
 172   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
 173   vertical-align: middle;
 174   cursor: pointer;
 175   background-color: #f5f5f5;
 176   background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
 177   background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
 178   background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
 179   background-repeat: repeat-x;
 180   border: 1px solid #cccccc;
 181   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 182   border-bottom-color: #b3b3b3;
 183   -webkit-border-radius: 4px;
 184   border-radius: 4px;
 185   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
 186   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
 187 }
 188
 189 button:hover,
 190 button:focus,
 191 button:active,
 192 .claro .dijitButton:hover,
 193 .claro .dijitButton:focus,
 194 .claro .dijitButton:active,
 195 .claro .dijitComboButton:hover,
 196 .claro .dijitComboButton:focus,
 197 .claro .dijitComboButton:active,
 198 .claro .dijitButton.dijitButtonDisabled {
 199   color: #333333;
 200   background-color: #e6e6e6;
 201 }
 202
 203 button:active,
 204 .claro .dijitButton:active,
 205 .claro .dijitComboButton:active {
 206         background-color: #cccccc \9;
 207 }
 208
 209 .claro .dijitToolbar .dijitButton,
 210 .claro .dijitToolbar .dijitButton.dijitHover,
 211 .claro .dijitToolbar .dijitComboButton,
 212 .claro .dijitToolbar .dijitComboButton.dijitHover {
 213         background : none;
 214         border-color : transparent;
 215         box-shadow : none;
 216         padding : 0px;
 217         margin : 0px;
 218         line-height : auto;
 219 }
 220
 221 .claro .dijitToolbar .dijitButton.dijitHover,
 222 .claro .dijitToolbar .dijitDropDownButton.dijitHover .dijitButtonNode,
 223 .claro .dijitToolbar .dijitComboButton.dijitHover {
 224         border-color : #ccc;
 225 }
 226
 227 .claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode,
 228 .claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode {
 229         background : none;
 230 }
 231
 232 .claro .dijitToolbar .dijitButton .dijitButtonContents,
 233 .claro .dijitToolbar .dijitDropDownButton .dijitButtonContents,
 234 .claro .dijitToolbar .dijitComboButton .dijitButtonContents {
 235         font-size : 13px;
 236 }
 237
 238 button:hover,
 239 button:focus,
 240 .claro .dijitButton:hover,
 241 .claro .dijitToolbar .dijitButton:hover .dijitButtonNode,
 242 .claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode,
 243 .claro .dijitButton:focus,
 244 .claro .dijitComboButton:hover,
 245 .claro .dijitComboButton:focus {
 246   color: #333333;
 247   text-decoration: none;
 248   background-position: 0 -15px;
 249   -webkit-transition: background-position 0.1s linear;
 250   transition: background-position 0.1s linear;
 251 }
 252
 253 button:focus,
 254 .claro .dijitButton:focus,
 255 .claro .dijitComboButton:focus {
 256   outline: thin dotted #333;
 257   outline: 5px auto -webkit-focus-ring-color;
 258   outline-offset: -2px;
 259 }
 260
 261 button:active,
 262 .claro .dijitButton:active,
 263 .claro .dijitComboButton:active,
 264 .claro .dijitToolbar .dijitDropDownButton.dijitOpened,
 265 .claro .dijitToolbar .dijitComboButton.dijitOpened,
 266 .claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode {
 267   background-image: none;
 268   outline: 0;
 269   -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
 270   box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
 271 }
 272
 273 button[disabled],
 274 .claro .dijitButton[disabled],
 275 .claro .dijitButton.dijitButtonDisabled,
 276 .claro .dijitComboButton.dijitButtonDisabled {
 277   cursor: default;
 278   background-image: none;
 279   opacity: 0.65;
 280   filter: alpha(opacity=65);
 281   -webkit-box-shadow: none;
 282   box-shadow: none;
 283 }
 284
 285 .claro .dijitButton .dijitButtonContents,
 286 .claro .dijitComboButton .dijitButtonContents {
 287         font-size : 14px;
 288         font-weight : normal;
 289         line-height : 20px;
 290 }
 291
 292 .claro .dijitMenu {
 293         border-color : #ccc;
 294 }
 295
 296 .claro .dijitMenu .dijitMenuItem.dijitHover,
 297 .claro .dijitMenu .dijitMenuItem.dijitFocused,
 298 .claro .dijitMenuTable .dijitMenuItem.dijitHover .dijitMenuItemLabel,
 299 .claro .dijitMenuTable .dijitMenuItem.dijitFocused .dijitMenuItemLabel {
 300         background : #eee;
 301         border-color : transparent;
 302 }
 303
 304 .claro .dijitButton .dijitButtonNode,
 305 .claro .dijitComboButton .dijitButtonNode {
 306         padding : 0px;
 307 }
 308
 309 /* Other stuff */
 310
 311 .claro .dijitAccordionTitleFocus {
 312         text-shadow : 1px 1px 2px #fff;
 313 }
 314
 315