lib/dijit/themes/nihilo/Dialog.css

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