git.pond.sub.org Git - eow/blob - static/dojo-release-1.1.1/dijit/themes/tundra/Dialog.css.commented.css

   1
   2 /* Dialog */
   3
   4
   5
   6 .tundra .dijitDialog {
   7         background: #fff;
   8         border: 1px solid #7eabcd;
   9         -webkit-box-shadow: 0px 5px 10px #adadad;
  10         padding: 0px;
  11 }
  12
  13 .tundra .dijitDialog .dijitDialogTitle {
  14         border-top: none;
  15         border-left: none;
  16         border-right: none;
  17 }
  18
  19 .tundra .dijitDialog .dijitDialogPaneContent {
  20         background: #fff;
  21         border:none;
  22         border-top: 1px solid #d3d3d3; /* #cddde9;      /* w/out this, an <h1> on the top line causes a gap between the .content and .label */
  23         padding:10px;
  24
  25 }
  26
  27 .tundra .dijitDialogTitleBar {
  28         /* outer container for the titlebar of the dialog */
  29         background: #fafafa url("images/titleBar.png") repeat-x top left;
  30         /* border: 1px solid #bfbfbf; */
  31         padding: 5px 6px 3px 2px;
  32         cursor: move;
  33         outline:0; /* remove this line if keyboard focus on dialog startup is an issue. tab still takes you to first focusable element */
  34 }
  35
  36 .tundra .dijitDialogTitle {
  37         /* typography and styling of the dialog title */
  38         font-weight: bold;
  39         padding: 8px 12px 8px 12px;
  40         outline:0;
  41 }
  42
  43 .tundra .dijitDialogCloseIcon {
  44         /* the default close icon for the dialog */
  45         background : url("images/spriteRoundedIconsSmall.png") no-repeat right top;
  46         float: right;
  47         position: absolute;
  48         vertical-align: middle;
  49         right: 6px;
  50         top: 4px;
  51         height: 15px;
  52         width: 15px;
  53         cursor: pointer;
  54 }
  55 .dj_ie6 .tundra .dijitDialogCloseIcon {
  56         background : url("images/spriteRoundedIconsSmall.gif") no-repeat right top;
  57 }
  58
  59 .tundra .dijitDialogContent {
  60         /* the body of the dialog */
  61         padding: 8px;
  62 }
  63
  64
  65 /* Tooltip and TooltipDialog */
  66
  67 .tundra .dijitTooltip,
  68 .tundra .dijitTooltipDialog {
  69         /* the outermost dom node, holding the connector and container */
  70         /* opacity: 0.95; */
  71         background: transparent;        /* make the area on the sides of the arrow transparent */
  72 }
  73
  74 .dijitTooltipBelow {
  75         /* leave room for arrow above content */
  76         padding-top: 13px;
  77 }
  78
  79 .dijitTooltipAbove {
  80         /* leave room for arrow below content */
  81         padding-bottom: 13px;
  82 }
  83
  84 .tundra .dijitTooltipContainer {
  85         /*
  86                 The part with the text.
  87         */
  88         background: #ffffff url("images/popupMenuBg.gif") repeat-x bottom left;
  89         border:1px solid #7eabcd;
  90         padding:0.45em;
  91         -webkit-border-radius: 6px;
  92 }
  93
  94 .tundra .dijitTooltipConnector {
  95         /* the arrow piece */
  96         border:0px;
  97         z-index: 2;
  98 }
  99 .tundra .dijitTooltipABRight .dijitTooltipConnector {
 100         /* above or below tooltip, but the arrow appears on the right,
 101                 and the right edges of target and tooltip are aligned rather than the left */
 102         left: auto !important;
 103         right: 3px;
 104 }
 105
 106 .tundra .dijitTooltipBelow .dijitTooltipConnector {
 107         /* the arrow piece for tooltips below an element */
 108         top: 0px;
 109         left: 3px;
 110         background:url("images/tooltipConnectorUp.png") no-repeat top left;
 111         width:16px;
 112         height:14px;
 113 }
 114
 115 .dj_ie6 .tundra .dijitTooltipBelow .dijitTooltipConnector {
 116         background-image: url("images/tooltipConnectorUp.gif");
 117 }
 118
 119 .tundra .dijitTooltipAbove .dijitTooltipConnector {
 120         /* the arrow piece for tooltips above an element */
 121         bottom: 0px;
 122         left: 3px;
 123         background:url("images/tooltipConnectorDown.png") no-repeat top left;
 124         width:16px;
 125         height:14px;
 126 }
 127 .dj_ie6 .tundra .dijitTooltipAbove .dijitTooltipConnector {
 128         background-image: url("images/tooltipConnectorDown.gif");
 129         bottom: -3px;
 130 }
 131
 132 .tundra .dijitTooltipLeft {
 133         padding-right: 14px;
 134 }
 135 .dj_ie6 .tundra .dijitTooltipLeft {
 136         padding-left: 15px;
 137 }
 138 .tundra .dijitTooltipLeft .dijitTooltipConnector {
 139         /* the arrow piece for tooltips to the left of an element, bottom borders aligned */
 140         right: 0px;
 141         bottom: 7px;
 142         background:url("images/tooltipConnectorRight.png") no-repeat top left;
 143         width:16px;
 144         height:14px;
 145 }
 146 .dj_ie6 .tundra .dijitTooltipLeft .dijitTooltipConnector {
 147         background-image: url("images/tooltipConnectorRight.gif");
 148 }
 149
 150 .tundra .dijitTooltipRight {
 151         padding-left: 14px;
 152 }
 153 .tundra .dijitTooltipRight .dijitTooltipConnector {
 154         /* the arrow piece for tooltips to the right of an element, bottom borders aligned */
 155         left: 0px;
 156         bottom: 7px;
 157         background:url("images/tooltipConnectorLeft.png") no-repeat top left;
 158         width:16px;
 159         height:14px;
 160 }
 161 .dj_ie6 .tundra .dijitTooltipRight .dijitTooltipConnector {
 162         background-image: url("images/tooltipConnectorLeft.gif");
 163 }
 164
 165
 166 .dj_safari .tundra .dijitPopup .dijitTooltipContainer,
 167 .dj_safari .tundra .dijitPopup .dijitMenu {
 168         /* -webkit-border-radius: 5px; */
 169         -webkit-box-shadow: 0px 5px 10px #adadad;
 170 }
 171
 172
 173 /*
 174  * Control opacity of popups
 175  */
 176 .tundra .dijitPopup > div,
 177 .tundra .dijitPopup > table {
 178         opacity: 0.95;
 179 }