root / trunk / web / dojo / dojox / layout / resources / ExpandoPane.css
History | View | Annotate | Download (5.83 KB)
| 1 | 9 | andrej.cim | |
|---|---|---|---|
| 2 | .dojoxExpandoPane {
|
||
| 3 | overflow:hidden; |
||
| 4 | z-index:440 !important; |
||
| 5 | } |
||
| 6 | |||
| 7 | .dojoxExpandoPane .dojoxExpandoWrapper { |
||
| 8 | overflow:hidden; |
||
| 9 | } |
||
| 10 | .dojoxExpandoClosed .dojoxExpandoTitleNode { |
||
| 11 | display:none; |
||
| 12 | } |
||
| 13 | |||
| 14 | .dojoxExpandoClosed .dojoxExpandoWrapper * { |
||
| 15 | overflow:hidden !important; |
||
| 16 | } |
||
| 17 | .dojoxExpandoTitleNode {
|
||
| 18 | padding-right:6px; |
||
| 19 | padding-left:6px; |
||
| 20 | } |
||
| 21 | .dojoxExpandoIcon .a11yNode { |
||
| 22 | display:none; |
||
| 23 | visibility:hidden; |
||
| 24 | } |
||
| 25 | .dojoxExpandoBottom .dojoxExpandoIcon, |
||
| 26 | .dojoxExpandoTop .dojoxExpandoIcon, |
||
| 27 | .dojoxExpandoLeft .dojoxExpandoIcon { |
||
| 28 | float:right; |
||
| 29 | margin-right:2px; |
||
| 30 | } |
||
| 31 | .dojoxExpandoRight .dojoxExpandoIcon { |
||
| 32 | float:left; |
||
| 33 | margin-left:2px; |
||
| 34 | } |
||
| 35 | .dojoxExpandoIcon {
|
||
| 36 | width:14px; |
||
| 37 | cursor:pointer; |
||
| 38 | background-position:-60px 0px; |
||
| 39 | background-repeat: no-repeat; |
||
| 40 | height:14px; |
||
| 41 | } |
||
| 42 | .dojoxExpandoClosed .dojoxExpandoIcon { |
||
| 43 | background-position: 0px 0px; |
||
| 44 | margin:0 auto; |
||
| 45 | } |
||
| 46 | |||
| 47 | .dijitBorderContainer-dijitExpandoPane {
|
||
| 48 | border: none !important; |
||
| 49 | } |
||
| 50 | |||
| 51 | .soria .dojoxExpandoTitle { |
||
| 52 | height:16px; |
||
| 53 | font-size:0.9em; |
||
| 54 | font-weight:bold; |
||
| 55 | padding:3px; |
||
| 56 | padding-top:6px; |
||
| 57 | padding-bottom:5px; |
||
| 58 | background:#F0F4FC url("../../../dijit/themes/soria/images/tabContainerSprite.gif") repeat-x scroll 0pt -50px; |
||
| 59 | border-left: 1px solid #B1BADF; |
||
| 60 | border-right: 1px solid #B1BADF; |
||
| 61 | } |
||
| 62 | |||
| 63 | .soria .dojoxExpandoClosed .dojoxExpandoTitle { |
||
| 64 | background: none; |
||
| 65 | background-color: #F0F4FC; |
||
| 66 | border: none; |
||
| 67 | } |
||
| 68 | |||
| 69 | .soria .dojoxExpandoClosed { |
||
| 70 | background: none; |
||
| 71 | background-color: #F0F4FC; |
||
| 72 | border: 1px solid #B1BADF !important; |
||
| 73 | } |
||
| 74 | |||
| 75 | .soria .dojoxExpandoIcon { |
||
| 76 | background-image: url('../../../dijit/themes/soria/images/spriteRoundedIconsSmall.png'); |
||
| 77 | } |
||
| 78 | |||
| 79 | .dj_ie6 .soria .dojoxExpandoIcon { |
||
| 80 | background-image: url('../../../dijit/themes/soria/images/spriteRoundedIconsSmall.gif'); |
||
| 81 | } |
||
| 82 | |||
| 83 | |||
| 84 | .tundra .dojoxExpandoTitle { |
||
| 85 | font-weight: bold; |
||
| 86 | padding: 5px; |
||
| 87 | padding-top: 6px; |
||
| 88 | padding-bottom: 6px; |
||
| 89 | background: #fafafa url("../../../dijit/themes/tundra/images/accordionItemActive.gif") repeat-x scroll left top; |
||
| 90 | border-top: 1px solid #ccc; |
||
| 91 | border-left: 1px solid #ccc; |
||
| 92 | border-right: 1px solid #ccc; |
||
| 93 | } |
||
| 94 | |||
| 95 | .tundra .dojoxExpandoClosed .dojoxExpandoTitle { |
||
| 96 | background: none; |
||
| 97 | background-color: #fafafa; |
||
| 98 | border: none; |
||
| 99 | padding:3px; |
||
| 100 | } |
||
| 101 | |||
| 102 | .tundra .dojoxExpandoClosed { |
||
| 103 | background: none; |
||
| 104 | background-color: #fafafa; |
||
| 105 | border: 1px solid #ccc !important; |
||
| 106 | } |
||
| 107 | .tundra .dojoxExpandoRight .dojoxExpandoTitle, |
||
| 108 | .tundra .dojoxExpandoLeft .dojoxExpandoTitle, |
||
| 109 | .tundra .dojoxExpandoClosed .dojoxExpandoTitle, |
||
| 110 | .tundra .dojoxExpandoClosed { |
||
| 111 | background-color: #fafafa; |
||
| 112 | } |
||
| 113 | |||
| 114 | .tundra .dojoxExpandoIcon { |
||
| 115 | background-image: url('../../../dijit/themes/tundra/images/spriteRoundedIconsSmall.gif'); |
||
| 116 | } |
||
| 117 | |||
| 118 | .tundra .dojoxExpandoClosed .dojoxExpandoIconLeft, |
||
| 119 | .tundra .dojoxExpandoClosed .dojoxExpandoIconRight, |
||
| 120 | .tundra .dojoxExpandoClosed .dojoxExpandoIconTop, |
||
| 121 | .tundra .dojoxExpandoClosed .dojoxExpandoIconBottom { |
||
| 122 | margin-top: 3px; |
||
| 123 | } |
||
| 124 | |||
| 125 | |||
| 126 | .claro .dojoxExpandoTitle { |
||
| 127 | font-weight: bold; |
||
| 128 | border:1px solid #769DC0; |
||
| 129 | border-bottom:none; |
||
| 130 | background-color:#cde8ff; |
||
| 131 | background-image: url("../../../dijit/themes/claro/layout/images/accordion.png"); |
||
| 132 | background-position:0px 0px; |
||
| 133 | background-repeat:repeat-x; |
||
| 134 | padding: 5px 7px 2px 7px; |
||
| 135 | min-height:17px; |
||
| 136 | color:#4a4a4a; |
||
| 137 | } |
||
| 138 | |||
| 139 | .claro .dojoxExpandoClosed .dojoxExpandoTitle { |
||
| 140 | background: none; |
||
| 141 | background-color: #E6E6E7; |
||
| 142 | border: none; |
||
| 143 | padding:3px; |
||
| 144 | } |
||
| 145 | |||
| 146 | .claro .dojoxExpandoClosed { |
||
| 147 | background: none; |
||
| 148 | background-color: #E6E6E7; |
||
| 149 | border: 1px solid #769DC0 !important; |
||
| 150 | } |
||
| 151 | .claro .dojoxExpandoRight .dojoxExpandoTitle, |
||
| 152 | .claro .dojoxExpandoLeft .dojoxExpandoTitle, |
||
| 153 | .claro .dojoxExpandoClosed .dojoxExpandoTitle{ |
||
| 154 | background-color: #E6E6E7; |
||
| 155 | } |
||
| 156 | .claro .dojoxExpandoClosed .dojoxExpandoTitle{ |
||
| 157 | background-image: url("../../../dijit/themes/claro/layout/images/accordion.png"); |
||
| 158 | background-position:0 0; |
||
| 159 | } |
||
| 160 | |||
| 161 | |||
| 162 | .claro .dojoxExpandoIcon { |
||
| 163 | background-image: url('../../../dijit/themes/tundra/images/spriteRoundedIconsSmall.gif'); |
||
| 164 | } |
||
| 165 | |||
| 166 | .claro .dojoxExpandoClosed .dojoxExpandoIconLeft, |
||
| 167 | .claro .dojoxExpandoClosed .dojoxExpandoIconRight, |
||
| 168 | .claro .dojoxExpandoClosed .dojoxExpandoIconTop, |
||
| 169 | .claro .dojoxExpandoClosed .dojoxExpandoIconBottom { |
||
| 170 | margin-top: 3px; |
||
| 171 | } |
||
| 172 | |||
| 173 | |||
| 174 | .nihilo .dojoxExpandoPane { |
||
| 175 | background: #fafafa; |
||
| 176 | } |
||
| 177 | |||
| 178 | .nihilo .dojoxExpandoTitle { |
||
| 179 | height:16px; |
||
| 180 | font-size:0.9em; |
||
| 181 | font-weight:bold; |
||
| 182 | padding:3px; |
||
| 183 | padding-top:6px; |
||
| 184 | padding-bottom:5px; |
||
| 185 | background:#fafafa url("../../../dijit/themes/nihilo/images/tabContainerSprite.gif") repeat-x scroll 0pt -50px; |
||
| 186 | border-left: 1px solid #ccc; |
||
| 187 | border-right: 1px solid #ccc; |
||
| 188 | } |
||
| 189 | |||
| 190 | .nihilo .dojoxExpandoClosed .dojoxExpandoTitle { |
||
| 191 | background: none; |
||
| 192 | background-color: #fafafa; |
||
| 193 | border: none; |
||
| 194 | } |
||
| 195 | |||
| 196 | .nihilo .dojoxExpandoClosed { |
||
| 197 | background: none; |
||
| 198 | background-color: #fafafa; |
||
| 199 | border: 1px solid #ccc !important; |
||
| 200 | } |
||
| 201 | |||
| 202 | .nihilo .dojoxExpandoIcon { |
||
| 203 | background-image: url('../../../dijit/themes/nihilo/images/spriteRoundedIconsSmall.png'); |
||
| 204 | } |
||
| 205 | |||
| 206 | .dj_ie6 .nihilo .dojoxExpandoIcon { |
||
| 207 | background-image: url('../../../dijit/themes/nihilo/images/spriteRoundedIconsSmall.gif'); |
||
| 208 | } |
||
| 209 | |||
| 210 | .nihilo .dojoxExpandoTop { |
||
| 211 | border-bottom:1px solid #ccc; |
||
| 212 | border-left:1px solid #ccc; |
||
| 213 | border-right:1px solid #ccc; |
||
| 214 | } |
||
| 215 | |||
| 216 | |||
| 217 | |||
| 218 | .dojoxExpandoClosed .dojoxExpandoIcon { |
||
| 219 | margin-right:4px; |
||
| 220 | } |
||
| 221 | .dojoxExpandoIconLeft {
|
||
| 222 | background-position: 0 0; |
||
| 223 | } |
||
| 224 | .dojoxExpandoClosed .dojoxExpandoIconLeft { |
||
| 225 | background-position: -30px 0; |
||
| 226 | margin-right: 4px; |
||
| 227 | } |
||
| 228 | .dojoxExpandoIconRight {
|
||
| 229 | background-position: -30px 0; |
||
| 230 | } |
||
| 231 | .dojoxExpandoClosed .dojoxExpandoIconRight { |
||
| 232 | background-position: 0 0; |
||
| 233 | margin-left: 4px; |
||
| 234 | } |
||
| 235 | .dojoxExpandoIconBottom {
|
||
| 236 | background-position: -15px 0; |
||
| 237 | } |
||
| 238 | .dojoxExpandoClosed .dojoxExpandoIconBottom { |
||
| 239 | background-position: -45px 0; |
||
| 240 | margin-top:1px; |
||
| 241 | } |
||
| 242 | .dojoxExpandoIconTop {
|
||
| 243 | background-position: -45px 0; |
||
| 244 | } |
||
| 245 | .dojoxExpandoClosed .dojoxExpandoIconTop { |
||
| 246 | background-position: -15px 0; |
||
| 247 | } |