lib/dijit/themes/tundra/Dialog.css

   1 /* Dialog and Tooltip/TooltipDialog */
   2
   3 .tundra .dijitDialog {
   4         background: #fff;
   5         border: 1px solid #7eabcd;
   6         padding: 0;
   7         -webkit-box-shadow: 0 5px 10px #adadad;
   8 }
   9
  10 .tundra .dijitDialogPaneContent {
  11         background: #fff;
  12         border-top: 1px solid #d3d3d3;
  13         padding:10px;
  14
  15 }
  16
  17 .tundra .dijitDialogTitleBar {
  18         /* outer container for the titlebar of the dialog */
  19         background: #fafafa url("images/titleBar.png") repeat-x top left;
  20         padding: 5px 6px 3px 6px;
  21         outline:0; /* remove this line if keyboard focus on dialog startup is an issue. tab still takes you to first focusable element */
  22 }
  23
  24 .tundra .dijitDialogTitle {
  25         /* typography and styling of the dialog title */
  26         font-weight: bold;
  27         padding: 0 4px;
  28 }
  29
  30 .tundra .dijitDialogCloseIcon {
  31         /* the default close icon for the dialog */
  32         /* background : url("images/spriteRoundedIconsSmall.png") no-repeat right top; */
  33         background: url("images/tabClose.png") no-repeat right top;
  34         position: absolute;
  35         vertical-align: middle;
  36         right: 6px;
  37         top: 4px;
  38         height: 15px;
  39         width: 15px;
  40 }
  41 .dj_ie6 .tundra .dijitDialogCloseIcon {
  42         background : url("images/tabClose.gif") no-repeat right top;
  43 }
  44
  45 .tundra .dijitDialogCloseIconHover {
  46         background: url("images/tabCloseHover.png") no-repeat right top;
  47 }
  48 .dj_ie6 .tundra .dijitDialogCloseIconHover {
  49         background : url("images/tabCloseHover.gif") no-repeat right top;
  50 }
  51
  52 /* Tooltip and TooltipDialog */
  53
  54 .tundra .dijitTooltip,
  55 .tundra .dijitTooltipDialog {
  56         /* the outermost dom node, holding the connector and container */
  57         background: transparent;        /* make the area on the sides of the arrow transparent */
  58 }
  59
  60 .dijitTooltipBelow {
  61         /* leave room for arrow above content */
  62         padding-top: 13px;
  63 }
  64
  65 .dijitTooltipAbove {
  66         /* leave room for arrow below content */
  67         padding-bottom: 13px;
  68 }
  69
  70 .tundra .dijitTooltipContainer {
  71         /*
  72                 The part with the text.
  73         */
  74         background: #ffffff url("images/popupMenuBg.gif") repeat-x bottom left;
  75         border: 1px solid #7eabcd;
  76         padding: 0.45em;
  77         -webkit-border-radius: 3px;
  78         -moz-border-radius: 3px;
  79 }
  80
  81 .tundra .dijitTooltipConnector {
  82         /* the arrow piece */
  83         border:0;
  84         z-index: 2;
  85 }
  86 .tundra .dijitTooltipABRight .dijitTooltipConnector {
  87         /* above or below tooltip, but the arrow appears on the right,
  88                 and the right edges of target and tooltip are aligned rather than the left */
  89         left: auto !important;
  90         right: 3px;
  91 }
  92
  93 .tundra .dijitTooltipBelow .dijitTooltipConnector {
  94         /* the arrow piece for tooltips below an element */
  95         top: 0;
  96         left: 3px;
  97         background:url("images/tooltipConnectorUp.png") no-repeat top left;
  98         width:16px;
  99         height:14px;
 100 }
 101
 102 .dj_ie .tundra .dijitTooltipBelow .dijitTooltipConnector {
 103         /* use gif for IE7 too, due to png rendering problems on fade-in (see http://trac.dojotoolkit.org/ticket/6555) */
 104         background-image: url("images/tooltipConnectorUp.gif");
 105 }
 106
 107 .tundra .dijitTooltipAbove .dijitTooltipConnector {
 108         /* the arrow piece for tooltips above an element */
 109         bottom: 0;
 110         left: 3px;
 111         background:url("images/tooltipConnectorDown.png") no-repeat top left;
 112         width:16px;
 113         height:14px;
 114 }
 115 .dj_ie .tundra .dijitTooltipAbove .dijitTooltipConnector {
 116         background-image: url("images/tooltipConnectorDown.gif");
 117 }
 118 .dj_ie6 .tundra .dijitTooltipAbove .dijitTooltipConnector {
 119         bottom: -3px;
 120 }
 121
 122 .tundra .dijitTooltipLeft {
 123         padding-right: 14px;
 124 }
 125 .tundra .dijitTooltipLeft .dijitTooltipConnector {
 126         /* the arrow piece for tooltips to the left of an element, bottom borders aligned */
 127         right: 0;
 128         background:url("images/tooltipConnectorRight.png") no-repeat top left;
 129         width:16px;
 130         height:14px;
 131 }
 132 .dj_ie .tundra .dijitTooltipLeft .dijitTooltipConnector {
 133         background-image: url("images/tooltipConnectorRight.gif");
 134 }
 135
 136 .tundra .dijitTooltipRight {
 137         padding-left: 14px;
 138 }
 139 .tundra .dijitTooltipRight .dijitTooltipConnector {
 140         /* the arrow piece for tooltips to the right of an element, bottom borders aligned */
 141         left: 0;
 142         background:url("images/tooltipConnectorLeft.png") no-repeat top left;
 143         width:16px;
 144         height:14px;
 145 }
 146 .dj_ie .tundra .dijitTooltipRight .dijitTooltipConnector {
 147         background-image: url("images/tooltipConnectorLeft.gif");
 148 }
 149
 150 .dj_webkit .tundra .dijitTooltipContainer {
 151         -webkit-box-shadow: 0 5px 10px #adadad;
 152 }