]>
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 { |
f0cfe83e | 70 | /* The part with the text. */ |
2f01fe57 AD |
71 | background-color: #fff; |
72 | border:1px solid #cbcbcb; | |
73 | padding:0.45em; | |
74 | } | |
81bea17a | 75 | |
2f01fe57 | 76 | .soria .dijitTooltipConnector { |
81bea17a AD |
77 | /* the arrow piece */ |
78 | border:0; | |
2f01fe57 AD |
79 | z-index: 2; |
80 | } | |
81bea17a | 81 | |
2f01fe57 | 82 | .soria .dijitTooltipABRight .dijitTooltipConnector { |
81bea17a AD |
83 | /* above or below tooltip, but the arrow appears on the right, |
84 | and the right edges of target and tooltip are aligned rather than the left */ | |
2f01fe57 AD |
85 | left: auto !important; |
86 | right: 6px; | |
87 | } | |
81bea17a | 88 | |
2f01fe57 | 89 | .soria .dijitTooltipBelow .dijitTooltipConnector { |
81bea17a AD |
90 | /* the arrow piece for tooltips below an element */ |
91 | top: 0; | |
2f01fe57 AD |
92 | left: 6px; |
93 | background:url("images/tooltipConnectorUp.png") no-repeat top left; | |
94 | width:17px; | |
95 | height:11px; | |
96 | } | |
81bea17a | 97 | |
2f01fe57 AD |
98 | .dj_ie .soria .dijitTooltipBelow .dijitTooltipConnector { |
99 | background-image: url("images/tooltipConnectorUp.gif"); | |
100 | } | |
81bea17a | 101 | |
2f01fe57 | 102 | .soria .dijitTooltipAbove .dijitTooltipConnector { |
81bea17a AD |
103 | /* the arrow piece for tooltips above an element */ |
104 | bottom: 0; | |
2f01fe57 AD |
105 | left: 6px; |
106 | background:url("images/tooltipConnectorDown.png") no-repeat top left; | |
107 | width:17px; | |
108 | height:11px; | |
109 | } | |
110 | .dj_ie .soria .dijitTooltipAbove .dijitTooltipConnector { | |
111 | background-image: url("images/tooltipConnectorDown.gif"); | |
112 | } | |
113 | .dj_ie .soria .dijitTooltipAbove .dijitTooltipConnector { | |
114 | background-image: url("images/tooltipConnectorDown.gif"); | |
115 | } | |
116 | .dj_ie6 .soria .dijitTooltipAbove .dijitTooltipConnector { | |
117 | bottom: -5px; | |
118 | } | |
81bea17a | 119 | |
2f01fe57 AD |
120 | .soria .dijitTooltipLeft { |
121 | padding-right: 10px; | |
122 | } | |
2f01fe57 | 123 | .soria .dijitTooltipLeft .dijitTooltipConnector { |
81bea17a AD |
124 | /* the arrow piece for tooltips to the left of an element, bottom borders aligned */ |
125 | right: 0; | |
2f01fe57 AD |
126 | background:url("images/tooltipConnectorRight.png") no-repeat top left; |
127 | width:11px; | |
128 | height:17px; | |
129 | } | |
130 | .dj_ie .soria .dijitTooltipLeft .dijitTooltipConnector { | |
131 | background-image: url("images/tooltipConnectorRight.gif"); | |
132 | } | |
81bea17a | 133 | |
2f01fe57 AD |
134 | .soria .dijitTooltipRight { |
135 | padding-left: 10px; | |
136 | } | |
137 | .soria .dijitTooltipRight .dijitTooltipConnector { | |
81bea17a AD |
138 | /* the arrow piece for tooltips to the right of an element, bottom borders aligned */ |
139 | left: 0; | |
2f01fe57 AD |
140 | background:url("images/tooltipConnectorLeft.png") no-repeat top left; |
141 | width:11px; | |
142 | height:17px; | |
143 | } | |
144 | .dj_ie .soria .dijitTooltipRight .dijitTooltipConnector { | |
145 | background-image: url("images/tooltipConnectorLeft.gif"); | |
146 | } | |
81bea17a | 147 |