| Line 1315... |
Line 1315... |
| 1315 |
|
1315 |
|
| 1316 |
/* $ Horizontal Tabber */
|
1316 |
/* $ Horizontal Tabber */
|
| 1317 |
|
1317 |
|
| 1318 |
.content_tabber_con { height: 45px; background: transparent; white-space: nowrap; }
|
1318 |
.content_tabber_con { height: 45px; background: transparent; white-space: nowrap; }
|
| 1319 |
.content_tabber_con.multi_page { height: 55px; overflow: hidden; }
|
1319 |
.content_tabber_con.multi_page { height: 55px; overflow: hidden; }
|
| 1320 |
.content_tabber { height: 45px; padding: 0 10px; margin: 0 5px; *margin: 0 10px 0 5px; vertical-align: top; position: relative; background: #f6f6f6 url(/cs/site_template/ecommerce/images/general/tab_grey_mid.png) repeat-x; color: #666; line-height: 45px; font-weight: bold; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor: pointer; }
|
1320 |
.content_tabber { height: 45px; padding: 0 10px; margin: 0 5px; *margin: 0 10px 0 5px; vertical-align: top; position: relative; background: #f6f6f6 url(/images/androidland/tab_grey_mid.png) repeat-x; color: #666; line-height: 45px; font-weight: bold; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor: pointer; }
|
| 1321 |
.content_tabber.is_invisible { visibility: hidden; }
|
1321 |
.content_tabber.is_invisible { visibility: hidden; }
|
| 1322 |
.content_tabber.tab_scroller { padding: 0 5px; }
|
1322 |
.content_tabber.tab_scroller { padding: 0 5px; }
|
| 1323 |
.content_tabber .icon_tabber_dot { *margin-left: -4px; *position: relative; *top: 16px; *vertical-align: middle; *line-height: 45px; }
|
1323 |
.content_tabber .icon_tabber_dot { *margin-left: -4px; *position: relative; *top: 16px; *vertical-align: middle; *line-height: 45px; }
|
| 1324 |
.content_tabber:before,
|
1324 |
.content_tabber:before,
|
| 1325 |
.content_tabber:after { content: ''; width: 5px; height: 45px; background: url(/cs/site_template/ecommerce/images/general/tab_grey_sides.png) no-repeat; position: absolute; top: 0; }
|
1325 |
.content_tabber:after { content: ''; width: 5px; height: 45px; background: url(/images/androidland/tab_grey_sides.png) no-repeat; position: absolute; top: 0; }
|
| 1326 |
.content_tabber:before { background-position: left top; left: -5px; }
|
1326 |
.content_tabber:before { background-position: left top; left: -5px; }
|
| 1327 |
.content_tabber:after { background-position: right top; right: -5px; }
|
1327 |
.content_tabber:after { background-position: right top; right: -5px; }
|
| 1328 |
|
1328 |
|
| 1329 |
.content_tabber.current { border: 0; background: #fd0 url(/cs/site_template/ecommerce/images/general/tab_yellow_mid.png) repeat-x; color: #21282e; }
|
1329 |
.content_tabber.current { border: 0; background: #fd0 url(/images/androidland/tab_yellow_mid.png) repeat-x; color: #21282e; }
|
| 1330 |
|
1330 |
|
| 1331 |
/*
|
1331 |
/*
|
| 1332 |
* Note on Pseudo Elements for IE8
|
1332 |
* Note on Pseudo Elements for IE8
|
| 1333 |
*
|
1333 |
*
|
| 1334 |
* There may be several occasions where IE8 doesn't repaint pseudo elements
|
1334 |
* There may be several occasions where IE8 doesn't repaint pseudo elements
|
| Line 1346... |
Line 1346... |
| 1346 |
* use a more 'proper' IE8 simulator, such as the one in IETester
|
1346 |
* use a more 'proper' IE8 simulator, such as the one in IETester
|
| 1347 |
* (http://www.my-debugbar.com/wiki/IETester/HomePage)
|
1347 |
* (http://www.my-debugbar.com/wiki/IETester/HomePage)
|
| 1348 |
*
|
1348 |
*
|
| 1349 |
* Source: http://stackoverflow.com/questions/8703799/forcing-ie8-to-rerender-repaint-before-after-pseudo-elements
|
1349 |
* Source: http://stackoverflow.com/questions/8703799/forcing-ie8-to-rerender-repaint-before-after-pseudo-elements
|
| 1350 |
*/
|
1350 |
*/
|
| 1351 |
.content_tabber.current:before, .content_tabber.current:after { background-image: url(/cs/site_template/ecommerce/images/general/tab_yellow_sides.png); }
|
1351 |
.content_tabber.current:before, .content_tabber.current:after { background-image: url(/images/androidland/tab_yellow_sides.png); }
|
| 1352 |
|
1352 |
|
| 1353 |
.content_tabber img { height: 12px; position: absolute; left: -5px; bottom: -10px; }
|
1353 |
.content_tabber img { height: 12px; position: absolute; left: -5px; bottom: -10px; }
|
| 1354 |
|
1354 |
|
| 1355 |
.tabber_content{ display: none; *zoom: 1; } /* zoom is needed to fix some weird rendering issue in IE7 */
|
1355 |
.tabber_content{ display: none; *zoom: 1; } /* zoom is needed to fix some weird rendering issue in IE7 */
|
| 1356 |
.tabber_content.current { display: block; }
|
1356 |
.tabber_content.current { display: block; }
|