lib/dijit/themes/claro/Common.less

   1 /* ========= Styling rules to affect widgets ========= */
   2
   3 @import "variables";
   4
   5 .claro .dijitPopup {
   6         .box-shadow(0 1px 5px rgba(0,0,0,0.25));
   7 }
   8 .claro .dijitTooltipDialogPopup {
   9         /* exception popups: do not use a shadow on these because they aren't rectangular */
  10         .box-shadow(none);
  11 }
  12
  13 /* The highlight is shown in the ComboBox menu.  TODO: move to form/Common.less */
  14 .claro .dijitComboBoxHighlightMatch {
  15         background-color: @select-matchedtext-background-color;
  16 }
  17
  18 .claro .dijitFocusedLabel {
  19         /* for checkboxes or radio buttons, hatch border around the corresponding label, to indicate focus */
  20         outline: 1px dotted @focus-outline-color;
  21 }
  22
  23 /* Drag and Drop */
  24 .claro .dojoDndItemBefore,
  25 .claro .dojoDndItemAfter{
  26         border-top: 1px solid @dnd-dropseparator-color;
  27 }
  28 .claro .dojoDndItemOver {
  29         cursor:pointer;
  30         }
  31 .claro table.dojoDndAvatar {
  32         border: 1px solid @border-color;
  33         border-collapse: collapse;
  34         background-color: @dnd-avatar-background-color;
  35         .box-shadow(0 1px 3px rgba(0, 0, 0, .25));
  36 }
  37 .claro .dojoDndAvatarHeader td  {
  38         height: 20px;
  39         padding-left:21px;
  40 }
  41 .claro.dojoDndMove .dojoDndAvatarHeader, .claro.dojoDndCopy .dojoDndAvatarHeader {
  42         background-image: url(@image-dnd);
  43         background-repeat: no-repeat;
  44         background-position:2px -122px;
  45 }
  46 .claro .dojoDndAvatarItem td {
  47         padding: 5px;
  48 }
  49 .claro.dojoDndMove .dojoDndAvatarHeader {
  50         background-color: @dnd-avatar-header-background-color;
  51         background-position:2px -103px;
  52 }
  53 .claro.dojoDndCopy .dojoDndAvatarHeader {
  54         background-color: @dnd-avatar-header-background-color;
  55         background-position:2px -68px;
  56 }
  57 .claro.dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader   {
  58         background-color: @dnd-avatar-candrop-header-background-color;
  59         background-position:2px -33px;
  60 }
  61 .claro.dojoDndCopy .dojoDndAvatarCanDrop .dojoDndAvatarHeader   {
  62         background-color: @dnd-avatar-candrop-header-background-color;
  63         background-position:2px 2px;
  64 }