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