1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
|
/*----------------------------------------------------------------------------
CSS file for IE6 for Addons.mozilla.org
Created by Craig Cook - focalcurve.com
on November 20, 2007
-----------------------------------------------------------------------------*/
/* I can hasLayout */
#branding, #page-title h1, div.error-notice { zoom: 1; }
#other-apps.js #nav-apps li { zoom: 1; }
#content, #content-main, #content-extra, #recommended, #secondaries, #form-listcontrol { zoom: 1; }
.addon, .install-button, .install-button a { zoom: 1; }
#addon-info, #addon-advanced, #form-review, .latest-version { zoom: 1; }
/* There are various icky bugs related to padding with percentages. Avoid this
by removing the padding and shifting the box outside of its parent. */
#content.main-page #content-main,
#content.detail-page #content-main,
#content.detail-page #content-main.full,
#content.reviews-page #content-main,
#content.reviews-page #content-main.full,
#content.versions-page #content-main,
#content.versions-page #content-main.full { padding-right: 0; }
#content-main #content-extra { right: -33%; }
/* More percentage padding bugs, so the side-by-side liquid floats fail badly. Degrading to the natural layout instead. */
#content.wide #recommended .addon { padding-left: 240px; width: auto; }
#content.wide #recommended .addon .name { width: auto; }
#content.wide #recommended .addon .preview-img { width: auto; overflow: visible; }
#content #recommended .addon .vex,
#content.wide #recommended .addon .vex { position: absolute; right: -260px; padding-left: 0; left: 0; width: auto; margin: 0; }
#content #recommended .addon .vex span,
#content.wide #recommended .addon .vex span { padding-left: 0; margin-left: 0; left: -1px; width: auto; }
#content.wide #recommended #feature1 { float: none; margin-bottom: 1em; }
#content.wide #recommended #feature2 { float: none; }
/* Alternative 8-bit images since IE6 doesn't support alpha-transparent 24-bit PNGs. */
h4#moz a { background-image: url("../img/moz-tab-ie.png"); }
div.error-notice { background-image: url("../img/warning-ie.png"); }
/* Aaron Gustafson's Image Image Replacement - Inline image is replaced by background. See http://old.easy-designs.net/articles/iIR/ */
#page-title h1 img { display: block; text-indent: -999em; padding-top: 105px; width: 110px; height: 0; overflow: hidden; background-repeat: no-repeat; }
#page-title.firefox h1 img { background-image: url("../img/app-icons/firefox-ie.png"); }
#page-title.thunderbird h1 img { background-image: url("../img/app-icons/thunderbird-ie.png"); }
#page-title.sunbird h1 img { background-image: url("../img/app-icons/sunbird-ie.png"); }
#page-title.seamonkey h1 img { background-image: url("../img/app-icons/seamonkey-ie.png"); }
/* Bottom edges - IE7 needs different rules than IE6 so we'll override the previous style sheets */
.addon .vex { padding: 0; }
.addon .vex span { margin-left: 0; }
#addon-listing .addon .vex, #addon-summary .vex, .main .vex { padding: 0; }
#addon-listing .addon .vex span, .main .vex span { margin-left: 0; }
#addon-summary .vex span, .main .vex span { margin-left: 1px; }
.sub .vex { padding: 0; left: 1px; }
.sub .vex span { margin-left: 0; }
.main .vex { width: 100%; position: absolute; padding: 0; margin: 0; }
.main .vex span { position: relative; left: 0; }
#addon-summary .vex { width: 100%; left: -1px; bottom: 0; padding: 0; margin: 0; }
#addon-summary .vex span { position: relative; left: -1px; }
#addon-listing .addon .vex { width: 100%; left: -1px; padding: 0 220px; margin: 0; }
#addon-listing .addon .vex span { position: relative; left: -220px; }
/* IE6 doesn't shrinkwrap the float, so removing the border makes it look better */
#addon-summary .exp-loggedout,
#addon-summary .exp-confirmed { border: 0; padding: 0; }
/* Lose the left border because IE6 doesn't support :first-child */
#nav-user li, .addon-cats li, #addon-listing .more li { border: 0; padding-left: 0; }
/* Fix weird positioning */
.sub .flag { margin-left: 20px; }
#content.landing.browse #secondaries #feature2 { margin-right: 0; }
#content.landing.languages #secondaries #feature3 { margin-right: 0; }
#content.landing.languages #secondaries { margin-bottom: 1.5em; }
/* Color adjustments */
.exp-loggedout .install-button a:hover,
.exp-confirmed .install-button a:hover { color: #aaa; }
/* Position and margin adjustments */
.sub .irk, .addon .vex span { margin-left: 0; position: relative; left: -1px; }
.main .vex span, #addon-listing .vex span { left: 0; }
.addon .vex { margin-left: -1px; margin-bottom: -1px; }
#other-apps.js #nav-apps { margin-top: 10px; }
#content.landing #secondaries #feature5 { margin-right: 0; }
#content.landing-with-slider #secondaries .addon { width: 28%; }
#content.landing #secondaries .sub .flag { left: -20px; }
#content.landing-with-slider #content-extra { width: 24%; margin-right: .25%; float: right; }
#content.landing #content-extra { width: 22%; margin-right: .25%; float: right; }
#form-listcontrol #per-page.hidden { left: -999em; }
.addon .name img { left: -44px; }
#form-review #review-submit { margin-bottom: 0; }
#recommended { float: none; zoom: 1; }
/* Size and padding adjustements */
#content { height: 800px; } /* acts like min-height */
.addon { height: 170px; } /* acts like min-height */
#page-title div { padding-left: 120px; }
#content-extra { width: 29%; }
#search-form { height: 54px; }
#content #sidebar { width: 17.5%; }
#categories.collapsed #cat-list a:active { width: 150px; }
.main .vex, #addon-listing .addon .vex, #addon-summary .vex { padding-right: 261px; }
#categories.collapsed #cat-list.visible { width: auto; margin: 0; }
#recommended { padding: 0 10px 10px; width: auto; }
#addon-summary, #recommended .addon { height: 220px; }
.sub .preview-img { width: 100%; }
#content.landing #secondaries .sub .irk { padding-top: 2.2em; }
#order-by button { padding: 4px 2px; }
#form-listcontrol { padding: 8px 200px; width: auto; }
#form-review { padding-bottom: 0; }
#content.landing.browse #content-extra { width: 47%; }
#thumb-subcategories { width: 17.5% }
#thumb-subcategories ul li a, #thumb-subcategories ul li span { zoom: 1; }
#thumb-browser #form-listcontrol { padding:8px 12% 8px 14%; }
#thumb-browser #order-by button { font-size: 98% }
#thumb-browser .thumbs { list-style-type:none; margin-left: 20%; }
#thumb-browser .thumbs li.thumb .vex { height: 8px; margin-top: -10px }
#thumb-browser .thumbs li.thumb .vex span { height: 8px; margin-left:0px; }
|
