| Line 566... |
Line 566... |
| 566 |
|
566 |
|
| 567 |
/*-------------------------------------------------------------------
|
567 |
/*-------------------------------------------------------------------
|
| 568 |
Islands
|
568 |
Islands
|
| 569 |
-------------------------------------------------------------------*/
|
569 |
-------------------------------------------------------------------*/
|
| 570 |
|
570 |
|
| 571 |
.island { padding-bottom: 5px; margin-bottom: 1em; background-color: #eff1f1; }
|
571 |
.island { padding-bottom: 5px; margin-bottom: 1em; background-color: #eff1f1; border:1px solid #2789C1;}
|
| 572 |
.island_title { padding: 8px 10px; background: #2789C1; position: relative; font-size: 15px; line-height: 1.1em; font-weight: bold; color:#FFFFFF;}
|
572 |
.island_title { padding: 8px 10px; background: #2789C1; position: relative; font-size: 15px; line-height: 1.1em; font-weight: bold; color:#FFFFFF;}
|
| 573 |
.island_img { width: 100%; text-align: center; overflow: hidden; }
|
573 |
.island_img { width: 203px; text-align: center; overflow: hidden; }
|
| 574 |
.island_img img { width: 100%; height: auto; }
|
574 |
.island_img img { width: 100%; height: auto; border-bottom:1px solid #2789C1;}
|
| 575 |
.island_content { padding: 10px; display: block; }
|
575 |
.island_content { padding: 10px; display: block; }
|
| 576 |
.island .blue_bg { background: #2789C1; }
|
576 |
.island .blue_bg { background: #2789C1; }
|
| 577 |
|
577 |
|
| 578 |
.island_list { padding-left: 2em; *padding-left: 0; *margin-left: 2em; }
|
578 |
.island_list { padding-left: 2em; *padding-left: 0; *margin-left: 2em; }
|
| 579 |
.island_list li { margin: 10px 0; }
|
579 |
.island_list li { margin: 10px 0; }
|
| Line 729... |
Line 729... |
| 729 |
.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; }
|
729 |
.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; }
|
| 730 |
.content_tabber.is_invisible { visibility: hidden; }
|
730 |
.content_tabber.is_invisible { visibility: hidden; }
|
| 731 |
.content_tabber.tab_scroller { padding: 0 5px; }
|
731 |
.content_tabber.tab_scroller { padding: 0 5px; }
|
| 732 |
.content_tabber .icon_tabber_dot { *margin-left: -4px; *position: relative; *top: 16px; *vertical-align: middle; *line-height: 45px; }
|
732 |
.content_tabber .icon_tabber_dot { *margin-left: -4px; *position: relative; *top: 16px; *vertical-align: middle; *line-height: 45px; }
|
| 733 |
.content_tabber:before,
|
733 |
.content_tabber:before,
|
| 734 |
.content_tabber:after { content: ''; width: 5px; height: 45px; background: url(/images/androidland/tab_grey_sides.png) no-repeat; position: absolute; top: 0; }
|
734 |
.content_tabber:after { content: ''; width: 5px; height: 45px; position: absolute; top: 0; }
|
| 735 |
.content_tabber:before { background-position: left top; left: -5px; }
|
735 |
.content_tabber:before { background-position: left top; left: -5px; }
|
| 736 |
.content_tabber:after { background-position: right top; right: -5px; }
|
736 |
.content_tabber:after { background-position: right top; right: -5px; }
|
| 737 |
|
737 |
|
| 738 |
.content_tabber.current { border: 0; background: #2789C1 url(/images/androidland/tab_yellow_mid.png) repeat-x; color: #21282e; }
|
738 |
.content_tabber.current { border: 0; background: #2789C1 url(/images/androidland/orange-tab-mid.png) repeat-x; color: black; }
|
| 739 |
|
- |
|
| 740 |
/*
|
- |
|
| 741 |
* Note on Pseudo Elements for IE8
|
- |
|
| 742 |
*
|
- |
|
| 743 |
* There may be several occasions where IE8 doesn't repaint pseudo elements
|
- |
|
| 744 |
* properly, e.g. using jQuery to add a new class to the element, but the
|
- |
|
| 745 |
* pseudo elements are unaffected, or they do not change style until you
|
- |
|
| 746 |
* click on another element, etc.
|
- |
|
| 747 |
*
|
- |
|
| 748 |
* In such cases, you need to change the value of the content property.
|
- |
|
| 749 |
* For example, in .content_tabber:after, the value of the content property
|
- |
|
| 750 |
* is '' (which is nothing). However, in .content_tabber.current:after,
|
- |
|
| 751 |
* the value of the content property is ' ' (which is a space character).
|
- |
|
| 752 |
* This causes IE8 to repaint the pseudo elements properly again.
|
- |
|
| 753 |
*
|
- |
|
| 754 |
* Note: This does not occur if you're using IE8 mode within IE9. Need to
|
- |
|
| 755 |
* use a more 'proper' IE8 simulator, such as the one in IETester
|
- |
|
| 756 |
* (http://www.my-debugbar.com/wiki/IETester/HomePage)
|
- |
|
| 757 |
*
|
- |
|
| 758 |
* Source: http://stackoverflow.com/questions/8703799/forcing-ie8-to-rerender-repaint-before-after-pseudo-elements
|
- |
|
| 759 |
*/
|
- |
|
| 760 |
.content_tabber.current:before, .content_tabber.current:after { background-image: url(/images/androidland/tab_yellow_sides.png); }
|
- |
|
| 761 |
|
739 |
|
| 762 |
.content_tabber img { height: 12px; position: absolute; left: -5px; bottom: -10px; }
|
740 |
.content_tabber img { height: 12px; position: absolute;left:0px; bottom: -10px; }
|
| 763 |
|
741 |
|
| 764 |
.tabber_content{ display: none; *zoom: 1; } /* zoom is needed to fix some weird rendering issue in IE7 */
|
742 |
.tabber_content{ display: none; *zoom: 1; } /* zoom is needed to fix some weird rendering issue in IE7 */
|
| 765 |
.tabber_content.current { display: block; }
|
743 |
.tabber_content.current { display: block; }
|
| 766 |
|
744 |
|
| 767 |
/* Vertical Tabber */
|
745 |
/* Vertical Tabber */
|
| Line 786... |
Line 764... |
| 786 |
/*-------------------------------------------------------------------
|
764 |
/*-------------------------------------------------------------------
|
| 787 |
Widgets
|
765 |
Widgets
|
| 788 |
-------------------------------------------------------------------*/
|
766 |
-------------------------------------------------------------------*/
|
| 789 |
|
767 |
|
| 790 |
.rss_timeline_holder { border: 1px solid #ccc; }
|
768 |
.rss_timeline_holder { border: 1px solid #ccc; }
|
| 791 |
.rss_timeline_header { padding: 10px; border-bottom: 1px solid #ccc; line-height: 1.5; }
|
769 |
.rss_timeline_header { padding: 10px; border-bottom: 1px solid #ccc; line-height: 1.5; font-size: 18px; }
|
| 792 |
.rss_timeline_header .header_icon { float: right; }
|
770 |
.rss_timeline_header .header_icon { float: right; }
|
| 793 |
.rss_timeline_header .android_icon { width: 27px; height: 32px; background: url(../images/general/logo_android_icon.jpg) center center no-repeat; }
|
771 |
.rss_timeline_header .android_icon { width: 27px; height: 32px; background: url(../images/general/logo_android_icon.jpg) center center no-repeat; }
|
| 794 |
.rss_timeline_header .header_subtitle { font-size: 12px; }
|
772 |
.rss_timeline_header .header_subtitle { font-size: 12px; }
|
| 795 |
|
773 |
|
| 796 |
.rss_timeline { height: 265px; overflow: auto; }
|
774 |
.rss_timeline { height: 265px; overflow: auto; }
|
| Line 875... |
Line 853... |
| 875 |
.wrapper[class*=_catalogue] { border-top: 0; padding-top: 25px; } */
|
853 |
.wrapper[class*=_catalogue] { border-top: 0; padding-top: 25px; } */
|
| 876 |
|
854 |
|
| 877 |
a.btn_medium:hover{
|
855 |
a.btn_medium:hover{
|
| 878 |
color:#FFFFFF;
|
856 |
color:#FFFFFF;
|
| 879 |
}
|
857 |
}
|
| - |
|
858 |
|
| - |
|
859 |
a.content_tabber:hover {
|
| - |
|
860 |
color:#000000;
|
| - |
|
861 |
text-decoration:none;
|
| - |
|
862 |
}
|