lib/dijit/themes/claro/Common.css

   1 /* ========= Styling rules to affect widgets ========= */
   2 .claro .dijitPopup {
   3   -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
   4   -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
   5   box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
   6 }
   7 .claro .dijitTooltipDialogPopup {
   8   /* exception popups: do not use a shadow on these because they aren't rectangular */
   9
  10   -webkit-box-shadow: none;
  11   -moz-box-shadow: none;
  12   box-shadow: none;
  13 }
  14 /* The highlight is shown in the ComboBox menu.  TODO: move to form/Common.less */
  15 .claro .dijitComboBoxHighlightMatch {
  16   background-color: #abd6ff;
  17 }
  18 .claro .dijitFocusedLabel {
  19   /* for checkboxes or radio buttons, hatch border around the corresponding label, to indicate focus */
  20
  21   outline: 1px dotted #494949;
  22 }
  23 /* Drag and Drop*/
  24 .claro .dojoDndItem {
  25   border-color: rgba(0, 0, 0, 0);
  26   -webkit-transition-duration: 0.25s;
  27   -moz-transition-duration: 0.25s;
  28   transition-duration: 0.25s;
  29   -webkit-transition-property: background-color, border-color;
  30   -moz-transition-property: background-color, border-color;
  31   transition-property: background-color, border-color;
  32 }
  33 .claro .dojoDndItemOver {
  34   background-color: #abd6ff;
  35   background-image: url("images/standardGradient.png");
  36   background-repeat: repeat-x;
  37   background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
  38   background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
  39   background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
  40   background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
  41   _background-image: none;
  42   padding: 1px;
  43   border: solid 1px #759dc0;
  44   color: #000000;
  45 }
  46 .claro .dojoDndItemAnchor, .claro .dojoDndItemSelected {
  47   background-color: #cfe5fa;
  48   background-image: url("images/standardGradient.png");
  49   background-repeat: repeat-x;
  50   background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
  51   background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
  52   background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
  53   background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
  54   _background-image: none;
  55   padding: 1px;
  56   border: solid 1px #759dc0;
  57   color: #000000;
  58 }
  59 .claro .dojoDndItemBefore, .claro .dojoDndItemAfter {
  60   border-color: #759dc0;
  61 }
  62 .claro table.dojoDndAvatar {
  63   border: 1px solid #b5bcc7;
  64   border-collapse: collapse;
  65   background-color: #ffffff;
  66   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  67   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  68   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  69 }
  70 .claro .dojoDndAvatarHeader td {
  71   height: 20px;
  72   padding-left: 21px;
  73 }
  74 .claro.dojoDndMove .dojoDndAvatarHeader, .claro.dojoDndCopy .dojoDndAvatarHeader {
  75   background-image: url("images/dnd.png");
  76   background-repeat: no-repeat;
  77   background-position: 2px -122px;
  78 }
  79 .claro .dojoDndAvatarItem td {
  80   padding: 5px;
  81 }
  82 .claro.dojoDndMove .dojoDndAvatarHeader {
  83   background-color: #f58383;
  84   background-position: 2px -103px;
  85 }
  86 .claro.dojoDndCopy .dojoDndAvatarHeader {
  87   background-color: #f58383;
  88   background-position: 2px -68px;
  89 }
  90 .claro.dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader {
  91   background-color: #97e68d;
  92   background-position: 2px -33px;
  93 }
  94 .claro.dojoDndCopy .dojoDndAvatarCanDrop .dojoDndAvatarHeader {
  95   background-color: #97e68d;
  96   background-position: 2px 2px;
  97 }