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 input[type="submit"] {
 159         font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 160         font-size : 14px;
 161 }
 162
 163 button,
 164 input[type="submit"],
 165 .claro .dijitButton,
 166 .claro .dijitComboButton {
 167   display: inline-block;
 168   padding: 4px 12px;
 169   margin-bottom: 0;
 170   font-size: 14px;
 171   line-height: 20px;
 172   color: #333333;
 173   text-align: center;
 174   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
 175   vertical-align: middle;
 176   cursor: pointer;
 177   background-color: #f5f5f5;
 178   background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
 179   background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
 180   background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
 181   background-repeat: repeat-x;
 182   border: 1px solid #cccccc;
 183   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 184   border-bottom-color: #b3b3b3;
 185   -webkit-border-radius: 4px;
 186   border-radius: 4px;
 187   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
 188   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
 189 }
 190
 191 button:hover,
 192 button:focus,
 193 button:active,
 194 input[type="submit"]:hover,
 195 input[type="submit"]:focus,
 196 input[type="submit"]:active,
 197 .claro .dijitButton:hover,
 198 .claro .dijitButton:focus,
 199 .claro .dijitButton:active,
 200 .claro .dijitComboButton:hover,
 201 .claro .dijitComboButton:focus,
 202 .claro .dijitComboButton:active,
 203 .claro .dijitButton.dijitButtonDisabled {
 204   color: #333333;
 205   background-color: #e6e6e6;
 206 }
 207
 208 button:active,
 209 input[type="submit"]:active,
 210 .claro .dijitButton:active,
 211 .claro .dijitComboButton:active {
 212         background-color: #cccccc \9;
 213 }
 214
 215 .claro .dijitToolbar .dijitButton,
 216 .claro .dijitToolbar .dijitButton.dijitHover,
 217 .claro .dijitToolbar .dijitComboButton,
 218 .claro .dijitToolbar .dijitComboButton.dijitHover {
 219         background : none;
 220         border-color : transparent;
 221         box-shadow : none;
 222         padding : 0px;
 223         margin : 0px;
 224         line-height : auto;
 225 }
 226
 227 .claro .dijitToolbar .dijitButton.dijitHover,
 228 .claro .dijitToolbar .dijitDropDownButton.dijitHover .dijitButtonNode,
 229 .claro .dijitToolbar .dijitComboButton.dijitHover {
 230         border-color : #ccc;
 231 }
 232
 233 .claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode,
 234 .claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode {
 235         background : none;
 236 }
 237
 238 .claro .dijitToolbar .dijitButton .dijitButtonContents,
 239 .claro .dijitToolbar .dijitDropDownButton .dijitButtonContents,
 240 .claro .dijitToolbar .dijitComboButton .dijitButtonContents {
 241         font-size : 13px;
 242 }
 243
 244 button:hover,
 245 button:focus,
 246 input[type="submit"]:hover,
 247 input[type="submit"]:focus,
 248 .claro .dijitButton:hover,
 249 .claro .dijitToolbar .dijitButton:hover .dijitButtonNode,
 250 .claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode,
 251 .claro .dijitButton:focus,
 252 .claro .dijitComboButton:hover,
 253 .claro .dijitComboButton:focus {
 254   color: #333333;
 255   text-decoration: none;
 256   background-position: 0 -15px;
 257   -webkit-transition: background-position 0.1s linear;
 258   transition: background-position 0.1s linear;
 259 }
 260
 261 button:focus,
 262 input[type="submit"]:focus,
 263 .claro .dijitButton:focus,
 264 .claro .dijitComboButton:focus {
 265   outline: thin dotted #333;
 266   outline: 5px auto -webkit-focus-ring-color;
 267   outline-offset: -2px;
 268 }
 269
 270 button:active,
 271 input[type="submit"]:active,
 272 .claro .dijitButton:active,
 273 .claro .dijitComboButton:active,
 274 .claro .dijitToolbar .dijitDropDownButton.dijitOpened,
 275 .claro .dijitToolbar .dijitComboButton.dijitOpened,
 276 .claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode {
 277   background-image: none;
 278   outline: 0;
 279   -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
 280   box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
 281 }
 282
 283 input[type="submit"][disabled],
 284 button[disabled],
 285 .claro .dijitButton[disabled],
 286 .claro .dijitButton.dijitButtonDisabled,
 287 .claro .dijitComboButton.dijitButtonDisabled {
 288   cursor: default;
 289   background-image: none;
 290   opacity: 0.65;
 291   filter: alpha(opacity=65);
 292   -webkit-box-shadow: none;
 293   box-shadow: none;
 294 }
 295
 296 .claro .dijitButton .dijitButtonContents,
 297 .claro .dijitComboButton .dijitButtonContents {
 298         font-size : 14px;
 299         font-weight : normal;
 300         line-height : 20px;
 301 }
 302
 303 .claro .dijitMenu {
 304         border-color : #ccc;
 305 }
 306
 307 .claro .dijitMenu .dijitMenuItem.dijitHover,
 308 .claro .dijitMenu .dijitMenuItem.dijitFocused,
 309 .claro .dijitMenuTable .dijitMenuItem.dijitHover .dijitMenuItemLabel,
 310 .claro .dijitMenuTable .dijitMenuItem.dijitFocused .dijitMenuItemLabel {
 311         background : #eee;
 312         border-color : transparent;
 313 }
 314
 315 .claro .dijitButton .dijitButtonNode,
 316 .claro .dijitComboButton .dijitButtonNode {
 317         padding : 0px;
 318 }
 319
 320 /* Other stuff */
 321
 322 .claro .dijitAccordionTitleFocus {
 323         text-shadow : 1px 1px 2px #fff;
 324 }
 325
 326