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

   1
   2 /* Dialog */
   3
   4 .soria .dijitDialog {
   5         background: #eee;
   6         border: 1px solid #cbcbcb;
   7         -webkit-box-shadow: 0px 5px 10px #adadad;
   8         padding: 0px;
   9 }
  10
  11 .soria .dijitDialog .dijitDialogTitle {
  12         border-top: none;
  13         border-left: none;
  14         border-right: none;
  15         font-size: 0.9em;
  16         color: #3243C5F;
  17 }
  18
  19 .soria .dijitDialog .dijitDialogPaneContent {
  20         background: #ffffff;
  21         border:none;
  22         border-top: 1px solid #b1badf; /* #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 .soria .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 .soria .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 .soria .dijitDialogCloseIcon {
  44         /* the default close icon for the dialog */
  45         background : url("images/spriteRoundedIconsSmallBl.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 .soria .dijitDialogCloseIcon {
  56         background : url("images/spriteRoundedIconsSmallBl.gif") no-repeat right top;
  57 }
  58
  59 .soria .dijitDialogContent {
  60         /* the body of the dialog */
  61         padding: 8px;
  62 }
  63
  64
  65 /* Tooltip and TooltipDialog */
  66
  67 .soria .dijitTooltip,
  68 .soria .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: 10px;
  77 }
  78
  79 .dijitTooltipAbove {
  80         /* leave room for arrow below content */
  81         padding-bottom: 10px;
  82 }
  83
  84 .soria .dijitTooltipContainer {
  85         /*
  86                 The part with the text.
  87
  88                 NOTE:
  89                         FF doesn't clip images used as CSS bgs if you specify a border
  90                         radius. If you use a solid color, it does. Webkit gets it right.
  91                         Sigh.
  92                 background: #ffffff url("images/popupMenuBg.gif") repeat-x bottom left;
  93         */
  94         background-color: #fff;
  95         border:1px solid #cbcbcb;
  96         padding:0.45em;
  97         /*
  98         border-radius: 6px;
  99         -moz-border-radius: 7px;
 100         -webkit-border-radius: 6px;
 101         */
 102 }
 103
 104 .soria .dijitTooltipConnector {
 105         /* the arrow piece */
 106         border:0px;
 107         z-index: 2;
 108 }
 109
 110 .soria .dijitTooltipABRight .dijitTooltipConnector {
 111         /* above or below tooltip, but the arrow appears on the right,
 112                 and the right edges of target and tooltip are aligned rather than the left */
 113         left: auto !important;
 114         right: 6px;
 115 }
 116
 117 .soria .dijitTooltipBelow .dijitTooltipConnector {
 118         /* the arrow piece for tooltips below an element */
 119         top: 0px;
 120         left: 6px;
 121         background:url("images/tooltipConnectorUp.png") no-repeat top left;
 122         width:17px;
 123         height:11px;
 124 }
 125
 126 .dj_ie6 .soria .dijitTooltipBelow .dijitTooltipConnector {
 127         background-image: url("images/tooltipConnectorUp.gif");
 128 }
 129
 130 .soria .dijitTooltipAbove .dijitTooltipConnector {
 131         /* the arrow piece for tooltips above an element */
 132         bottom: 0px;
 133         left: 6px;
 134         background:url("images/tooltipConnectorDown.png") no-repeat top left;
 135         width:17px;
 136         height:11px;
 137 }
 138 .dj_ie6 .soria .dijitTooltipAbove .dijitTooltipConnector {
 139         background-image: url("images/tooltipConnectorDown.gif");
 140         bottom: -5px;
 141 }
 142
 143 .soria .dijitTooltipLeft {
 144         padding-right: 10px;
 145 }
 146 .dj_ie6 .soria .dijitTooltipLeft {
 147         padding-left: 11px;
 148 }
 149 .soria .dijitTooltipLeft .dijitTooltipConnector {
 150         /* the arrow piece for tooltips to the left of an element, bottom borders aligned */
 151         right: 0px;
 152         bottom: 7px;
 153         background:url("images/tooltipConnectorRight.png") no-repeat top left;
 154         width:11px;
 155         height:17px;
 156 }
 157 .dj_ie6 .soria .dijitTooltipLeft .dijitTooltipConnector {
 158         background-image: url("images/tooltipConnectorRight.gif");
 159 }
 160
 161 .soria .dijitTooltipRight {
 162         padding-left: 10px;
 163 }
 164 .soria .dijitTooltipRight .dijitTooltipConnector {
 165         /* the arrow piece for tooltips to the right of an element, bottom borders aligned */
 166         left: 0px;
 167         bottom: 7px;
 168         background:url("images/tooltipConnectorLeft.png") no-repeat top left;
 169         width:11px;
 170         height:17px;
 171 }
 172 .dj_ie6 .soria .dijitTooltipRight .dijitTooltipConnector {
 173         background-image: url("images/tooltipConnectorLeft.gif");
 174 }
 175