]>
Commit | Line | Data |
---|---|---|
1 | /* Dialog */ | |
2 | ||
3 | .soria .dijitDialog { | |
4 | background: #eee; | |
5 | border: 1px solid #cbcbcb; | |
6 | -webkit-box-shadow: 0 5px 10px #adadad; | |
7 | padding: 0; | |
8 | } | |
9 | ||
10 | .soria .dijitDialog .dijitDialogTitle { | |
11 | /* typography and styling of the dialog title */ | |
12 | font-weight: bold; | |
13 | padding: 0 4px; | |
14 | font-size: 0.9em; | |
15 | color: #243C5F; | |
16 | } | |
17 | ||
18 | .soria .dijitDialog .dijitDialogPaneContent { | |
19 | background: #ffffff; | |
20 | border-top: 1px solid #b1badf; | |
21 | padding:10px; | |
22 | ||
23 | } | |
24 | ||
25 | .soria .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 | .soria .dijitDialogCloseIcon { | |
33 | /* the default close icon for the dialog */ | |
34 | background-image: url("images/spriteRoundedIconsSmallBl.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 .soria .dijitDialogCloseIcon { | |
45 | background-image: url("images/spriteRoundedIconsSmallBl.gif"); | |
46 | } | |
47 | .soria .dijitDialogCloseIconHover { | |
48 | background-position: -60px -15px; | |
49 | } | |
50 | ||
51 | /* Tooltip and TooltipDialog */ | |
52 | ||
53 | .soria .dijitTooltip, | |
54 | .soria .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 | .soria .dijitTooltipContainer { | |
70 | /* The part with the text. */ | |
71 | background-color: #fff; | |
72 | border:1px solid #cbcbcb; | |
73 | padding:0.45em; | |
74 | } | |
75 | ||
76 | .soria .dijitTooltipConnector { | |
77 | /* the arrow piece */ | |
78 | border:0; | |
79 | z-index: 2; | |
80 | } | |
81 | ||
82 | .soria .dijitTooltipABRight .dijitTooltipConnector { | |
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 */ | |
85 | left: auto !important; | |
86 | right: 6px; | |
87 | } | |
88 | ||
89 | .soria .dijitTooltipBelow .dijitTooltipConnector { | |
90 | /* the arrow piece for tooltips below an element */ | |
91 | top: 0; | |
92 | left: 6px; | |
93 | background:url("images/tooltipConnectorUp.png") no-repeat top left; | |
94 | width:17px; | |
95 | height:11px; | |
96 | } | |
97 | ||
98 | .dj_ie .soria .dijitTooltipBelow .dijitTooltipConnector { | |
99 | background-image: url("images/tooltipConnectorUp.gif"); | |
100 | } | |
101 | ||
102 | .soria .dijitTooltipAbove .dijitTooltipConnector { | |
103 | /* the arrow piece for tooltips above an element */ | |
104 | bottom: 0; | |
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 | } | |
119 | ||
120 | .soria .dijitTooltipLeft { | |
121 | padding-right: 10px; | |
122 | } | |
123 | .soria .dijitTooltipLeft .dijitTooltipConnector { | |
124 | /* the arrow piece for tooltips to the left of an element, bottom borders aligned */ | |
125 | right: 0; | |
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 | } | |
133 | ||
134 | .soria .dijitTooltipRight { | |
135 | padding-left: 10px; | |
136 | } | |
137 | .soria .dijitTooltipRight .dijitTooltipConnector { | |
138 | /* the arrow piece for tooltips to the right of an element, bottom borders aligned */ | |
139 | left: 0; | |
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 | } | |
147 |