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