css/dijit.css

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