Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Side by Side Diff: static/css/main-desktop.css

Issue 29558641: Issue 5740 - Implemented new abp.org footer styles (Closed) Base URL: https://bitbucket.org/adblockplus/adblockplus.org
Patch Set: Created Sept. 28, 2017, 4:32 p.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
« no previous file with comments | « static/css/main.css ('k') | static/css/main-mobile.css » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 html 1 html
2 { 2 {
3 position: relative; 3 position: relative;
4 min-height: 100%; 4 min-height: 100%;
5 } 5 }
6 6
7 header, #content, #footer-content 7 header, #content
8 { 8 {
9 margin-left: auto; 9 margin-left: auto;
10 margin-right: auto; 10 margin-right: auto;
11 } 11 }
12 12
13 header 13 header
14 { 14 {
15 width: 1000px; 15 width: 1000px;
16 border-radius: 0 0 5px 5px; 16 border-radius: 0 0 5px 5px;
17 } 17 }
(...skipping 119 matching lines...) Expand 10 before | Expand all | Expand 10 after
137 left: 10px; 137 left: 10px;
138 right: auto; 138 right: auto;
139 } 139 }
140 140
141 html[dir="rtl"] #logo 141 html[dir="rtl"] #logo
142 { 142 {
143 right: 25px; 143 right: 25px;
144 left: auto; 144 left: auto;
145 } 145 }
146 146
147 #content, #footer-content
148 {
149 margin-top: 15px;
150 padding-left: 10px;
151 padding-right: 10px;
152 }
153
154 #content 147 #content
155 { 148 {
156 width: 680px; 149 width: 680px;
157 margin-top: 71px; 150 margin-top: 71px;
158 margin-bottom: 280px;
159 }
160
161 #footer-main
162 {
163 position: absolute;
164 left: 0;
165 right: auto;
166 bottom: 0;
167 width: 100%;
168 height: 220px;
169
170 /* Disable the sticky footer in IE6/7 */
171 .position: relative;
172 .bottom: 220px;
173 }
174
175 html[dir="rtl"] #footer-main
176 {
177 right: 0;
178 left: auto;
179 }
180
181 #footer-main nav
182 {
183 width: 600px;
184 }
185
186 #footer-main nav h1, #footer-main nav li
187 {
188 width: 160px;
189 padding-bottom: 5px;
190 }
191
192 #footer-main nav, #footer-main nav section, #social
193 {
194 display: inline-block;
195 vertical-align: top;
196 }
197
198 #footer-main nav section
199 {
200 margin-left: 55px;
201 margin-right: 0;
202 }
203
204 html[dir="rtl"] #footer-main nav section
205 {
206 margin-right: 55px;
207 margin-left: 0;
208 }
209
210 html #footer-main nav section.first
211 {
212 margin-left: 0;
213 margin-right: 0;
214 }
215
216 #footer-content
217 {
218 position: relative;
219 width: 980px;
220 } 151 }
221 152
222 #social 153 #social
223 { 154 {
224 position: absolute; 155 position: absolute;
225 top: 0; 156 top: 0;
226 right: 0; 157 right: 0;
227 left: auto; 158 left: auto;
228 } 159 }
229 160
(...skipping 24 matching lines...) Expand all
254 margin-left: -150px; 185 margin-left: -150px;
255 margin-right: -150px; 186 margin-right: -150px;
256 width: 980px; 187 width: 980px;
257 } 188 }
258 189
259 #globalnav 190 #globalnav
260 { 191 {
261 margin-top: 5px; 192 margin-top: 5px;
262 margin-bottom: 5px; 193 margin-bottom: 5px;
263 } 194 }
OLDNEW
« no previous file with comments | « static/css/main.css ('k') | static/css/main-mobile.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld