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