Skip to:
Content

BuddyPress.org

Ticket #3259: 3259-further-clean-up-css-to-sec2.8

File 3259-further-clean-up-css-to-sec2.8, 10.9 KB (added by hnla, 15 years ago)
Line 
1Index: bp-themes/bp-default/_inc/css/default.css
2===================================================================
3--- bp-themes/bp-default/_inc/css/default.css (revision 4446)
4+++ bp-themes/bp-default/_inc/css/default.css (working copy)
5@@ -75,20 +75,20 @@
6 form#whats-new-form {
7 margin-bottom: 5px;
8 }
9-#item-body form#whats-new-form {
10+#item-body form#whats-new-form {
11+ border-bottom: 1px solid #ddd;
12 margin: 20px 0 10px;
13 padding-bottom: 40px;
14- border-bottom: 1px solid #ddd;
15 }
16 .home-page form#whats-new-form {
17 border-bottom: none;
18 padding-bottom: 0;
19 }
20 form#whats-new-form h5 {
21- margin: 0;
22- font-weight: normal;
23- font-size: 12px;
24 color: #888;
25+ font-size: 12px;
26+ font-weight: normal;
27+ margin: 0;
28 margin-left: 76px;
29 padding: 0 0 3px 0;
30 }
31@@ -109,14 +109,14 @@
32 padding: 8px;
33 }
34 form#whats-new-form textarea {
35- width: 100%;
36- height: 50px;
37+ border: none;
38+ color: #555;
39 font-size: 14px;
40 font-family: inherit;
41- color: #555;
42- border: none;
43 margin: 0;
44- padding: 0;
45+ padding: 0;
46+ width: 100%;
47+ height: 50px;
48 }
49 form#whats-new-form #whats-new-options select {
50 max-width: 200px;
51@@ -131,8 +131,8 @@
52 2.1.1 - Activity Listing
53 --------------------------------------------------------------*/
54 ul.activity-list li {
55+ overflow: hidden;
56 padding: 15px 0 0;
57- overflow: hidden;
58 }
59 .activity-list .activity-avatar {
60 float: left;
61@@ -147,10 +147,10 @@
62 padding-bottom: 0;
63 }
64 .activity-list li.mini {
65- position: relative;
66 font-size: 11px;
67 min-height: 35px;
68- padding: 15px 0 0 0;
69+ padding: 15px 0 0 0;
70+ position: relative;
71 }
72 .activity-list li.mini div.activity-meta {
73 margin: 0;
74@@ -160,40 +160,40 @@
75 }
76 .activity-list li.mini .activity-avatar img.avatar,
77 .activity-list li.mini .activity-avatar img.FB_profile_pic {
78- width: 20px;
79+ margin-left: 76px;
80+ width: 20px;
81 height: 20px;
82- margin-left: 76px;
83 }
84 .activity-list li.activity_comment .activity-avatar img.avatar,
85 .activity-list li.activity_comment .activity-avatar img.FB_profile_pic {
86- width: 40px;
87+ margin-left: 20px;
88+ width: 40px;
89 height: 40px;
90- margin-left: 20px;
91 }
92 body.activity-permalink .activity-list > li:first-child {
93 padding-top: 0;
94 }
95 body.activity-permalink .activity-list li .activity-avatar img.avatar,
96 body.activity-permalink .activity-list li .activity-avatar img.FB_profile_pic {
97- width: 100px;
98+ margin-left: 0;
99+ width: 100px;
100 height: 100px;
101- margin-left: 0;
102 }
103 .activity-list li .activity-content {
104 position: relative;
105 }
106 .activity-list li.mini .activity-content p {
107- margin: 0;
108 float: left;
109+ margin: 0;
110 }
111 .activity-list li .activity-meta {
112 position: absolute;
113+ top: 0;
114 right: 0;
115- top: 0;
116 }
117 body.activity-permalink .activity-list .activity-meta {
118+ right: 15px;
119 top: 18px;
120- right: 15px;
121 }
122 body.activity-permalink .activity-list li.mini .activity-meta {
123 position: absolute;
124@@ -204,29 +204,29 @@
125 font-size: 12px;
126 margin-top: 30px;
127 }
128-.activity-list li .activity-inreplyto {
129+.activity-list li .activity-inreplyto {
130+ background: url( ../images/replyto_arrow.gif ) 7px 0 no-repeat;
131 font-size: 11px;
132 color: #888;
133- margin-left: 70px;
134 margin-bottom: 15px;
135+ margin-left: 70px;
136 padding-left: 25px;
137- background: url( ../images/replyto_arrow.gif ) 7px 0 no-repeat;
138 }
139 .activity-list li .activity-inreplyto > p {
140+ display: inline;
141 margin: 0;
142- display: inline;
143 }
144 .activity-list li .activity-inreplyto blockquote,
145 .activity-list li .activity-inreplyto div.activity-inner {
146 background: none;
147 border: none;
148 display: inline;
149+ margin: 0;
150+ overflow: hidden;
151 padding: 0;
152- margin: 0;
153- overflow: hidden;
154 }
155 .activity-list .activity-avatar img {
156- width: 50px;
157+ width: 50px;
158 height: 50px;
159 }
160 body.activity-permalink .activity-list .activity-avatar img {
161@@ -245,8 +245,8 @@
162 border-radius: 4px;
163 font-size: 16px;
164 line-height: 150%;
165+ margin-left: 135px;
166 min-height: 35px;
167- margin-left: 135px;
168 margin-right: 0;
169 padding: 15px;
170 }
171@@ -259,8 +259,8 @@
172 }
173 .activity-list .activity-content .activity-header,
174 .activity-list .activity-content .comment-header {
175+ color: #888;
176 font-size: 11px;
177- color: #888;
178 line-height: 220%;
179 }
180 .activity-header {
181@@ -315,8 +315,8 @@
182 }
183 body.activity-permalink .activity-content .activity-inner,
184 body.activity-permalink .activity-content blockquote {
185+ margin-top: 5px;
186 margin-left: 0;
187- margin-top: 5px;
188 }
189 .activity-inner > .activity-inner {
190 margin: 0 !important;
191@@ -325,9 +325,9 @@
192 margin: 0 !important;
193 }
194 .activity-list .activity-content img.thumbnail {
195+ border: 2px solid #eee;
196 float: left;
197 margin: 0 10px 5px 0;
198- border: 2px solid #eee;
199 }
200 .activity-read-more {
201 margin-left: 1em;
202@@ -353,8 +353,8 @@
203 2.1.2 - Activity Comments
204 --------------------------------------------------------------*/
205 div.activity-meta {
206+ clear: left;
207 margin: 0 0 20px 3px;
208- clear: left;
209 }
210 .activity-list div.activity-meta a {
211 background: #f4f4f4;
212@@ -379,25 +379,25 @@
213 outline: none;
214 }
215 div.activity-meta a:hover {
216- background: #aaa;
217- color: #fff;
218+ background: #aaa;
219 border-color: #aaa;
220+ color: #fff;
221 }
222 div.activity-meta a.acomment-reply:hover {
223 background: #f7740a;
224+ border-color: #f7740a;
225 color: #fff;
226- border-color: #f7740a;
227 }
228 div.activity-comments {
229 position: relative;
230 margin: 0 0 0 75px;
231+ overflow: hidden; /* IE fix */
232 width: auto;
233- overflow: hidden; /* IE fix */
234 }
235 body.activity-permalink div.activity-comments {
236- width: auto;
237+ background: none;
238 margin-left: 135px;
239- background: none;
240+ width: auto;
241 }
242 div.activity-comments > ul {
243 background: #f5f5f5;
244@@ -455,12 +455,8 @@
245 margin-left: 39px;
246 margin-top: 5px;
247 }
248-div.acomment-content .time-since {
249- display: none;
250-}
251-div.acomment-content .activity-delete-link {
252- display: none;
253-}
254+div.acomment-content .time-since,
255+div.acomment-content .activity-delete-link,
256 div.acomment-content .comment-header {
257 display: none;
258 }
259@@ -468,8 +464,8 @@
260 font-size: 14px;
261 }
262 div.activity-comments div.acomment-meta {
263+ color: #888;
264 font-size: 11px;
265- color: #888;
266 }
267 div.activity-comments form.ac-form {
268 background: #fafafa;
269@@ -506,13 +502,13 @@
270 padding: 8px;
271 }
272 div.activity-comments form textarea {
273- width: 100%;
274+ border: none;
275+ color: #555;
276 font-family: inherit;
277 font-size: 11px;
278- color: #555;
279+ padding: 0;
280+ width: 100%;
281 height: 60px;
282- border: none;
283- padding: 0;
284 }
285 div.activity-comments form input {
286 margin-top: 5px;
287@@ -524,10 +520,10 @@
288 border: 2px solid #fff !important;
289 }
290 div.activity-comments form div.ac-reply-content {
291+ color: #888;
292+ font-size: 11px;
293 margin-left: 50px;
294 padding-left: 15px;
295- color: #888;
296- font-size: 11px;
297 }
298
299
300@@ -544,8 +540,8 @@
301 --------------------------------------------------------------*/
302 .ajax-loader {
303 background: url( ../images/ajax-loader.gif ) center left no-repeat !important;
304+ display: none;
305 padding: 8px;
306- display: none;
307 }
308 a.loading {
309 background-image: url( ../images/ajax-loader.gif ) !important;
310@@ -613,8 +609,8 @@
311 }
312 table.notification-settings .yes,
313 table.notification-settings .no {
314+ text-align: center;
315 width: 40px;
316- text-align: center;
317 }
318 table.forum {
319 margin: 0 -19px;
320@@ -626,10 +622,10 @@
321 border-bottom: 1px solid #ffe8c4;
322 }
323 table.forum tr.closed td.td-title {
324- padding-left: 35px;
325 background-image: url( ../images/closed.png );
326 background-position: 15px 50%;
327- background-repeat: no-repeat;
328+ background-repeat: no-repeat;
329+ padding-left: 35px;
330 }
331 table.forum td p.topic-text {
332 color: #888;
333@@ -652,8 +648,8 @@
334 text-align: left;
335 }
336 table.forum td.td-freshness {
337+ color: #888;
338 font-size: 11px;
339- color: #888;
340 white-space: nowrap;
341 width: 150px;
342 }
343@@ -700,8 +696,8 @@
344 background: #f8f8f8;
345 }
346 ul#topic-post-list li div.poster-meta {
347+ color: #888;
348 margin-bottom: 10px;
349- color: #888;
350 }
351 ul#topic-post-list li div.post-content {
352 margin-left: 54px;
353@@ -710,15 +706,15 @@
354 font-size: 11px;
355 }
356 div.admin-links {
357+ color: #888;
358+ font-size: 11px;
359 position: absolute;
360 top: 15px;
361 right: 25px;
362- color: #888;
363- font-size: 11px;
364 }
365 div#topic-meta {
366+ margin: -10px -19px;
367 padding: 5px 19px 30px;
368- margin: -10px -19px;
369 position: relative;
370 }
371 div#topic-meta div.admin-links {
372@@ -787,11 +783,11 @@
373 }
374 div#item-header span.activity,
375 div#item-header h2 span.highlight {
376- vertical-align: middle;
377 font-size: 11px;
378 font-weight: normal;
379 line-height: 170%;
380- margin-bottom: 7px;
381+ margin-bottom: 7px;
382+ vertical-align: middle;
383 }
384 div#item-header h2 span.highlight {
385 font-size: 16px;
386@@ -803,35 +799,35 @@
387 border-radius: 3px;
388 color: #fff;
389 cursor: pointer;
390+ font-size: 11px;
391 font-weight: bold;
392- font-size: 11px;
393 margin-bottom: 2px;
394 padding: 1px 4px;
395 position: relative;
396+ top: -2px;
397 right: -2px;
398- top: -2px;
399 vertical-align: middle;
400 }
401 div#item-header div#item-meta {
402+ color: #aaa;
403 font-size: 14px;
404- color: #aaa;
405+ margin: 15px 0 5px 0;
406+ overflow: hidden;
407 padding-bottom: 10px;
408- overflow: hidden;
409- margin: 15px 0 5px 0;
410 }
411 div#item-header div#item-actions {
412 float: right;
413- width: 20%;
414 margin: 0 0 15px 15px;
415- text-align: right;
416+ text-align: right;
417+ width: 20%;
418 }
419 div#item-header div#item-actions h3 {
420 font-size: 12px;
421 margin: 0 0 5px 0;
422 }
423 div#item-header ul {
424+ margin-bottom: 15px;
425 overflow: hidden;
426- margin-bottom: 15px;
427 }
428 div#item-header ul h5,
429 div#item-header ul span,
430@@ -843,9 +839,9 @@
431 }
432 div#item-header ul img.avatar,
433 div#item-header ul.avatars img.avatar {
434+ margin: 2px;
435 width: 30px;
436 height: 30px;
437- margin: 2px;
438 }
439 div#item-header div.generic-button,
440 div#item-header a.button {
441@@ -864,9 +860,9 @@
442 width: 100%;
443 }
444 ul.item-list li {
445+ border-bottom: 1px solid #eaeaea;
446+ padding: 15px 0;
447 position: relative;
448- padding: 15px 0;
449- border-bottom: 1px solid #eaeaea;
450 }
451 ul.single-line li {
452 border: none;
453@@ -877,19 +873,19 @@
454 }
455 ul.item-list li div.item-title,
456 ul.item-list li h4 {
457+ font-size: 14px;
458 font-weight: normal;
459- font-size: 14px;
460+ margin: 0;
461 width: 75%;
462- margin: 0;
463 }
464 ul.item-list li div.item-title span {
465+ color: #999;
466 font-size: 12px;
467- color: #999;
468 }
469 ul.item-list li div.item-desc {
470- margin: 10px 0 0 64px;
471- font-size: 11px;
472 color: #888;
473+ font-size: 11px;
474+ margin: 10px 0 0 64px;
475 width: 50%;
476 }
477 ul.item-list li div.action {
478@@ -899,14 +895,14 @@
479 text-align: right;
480 }
481 ul.item-list li div.meta {
482- margin-top: 10px;
483 color: #888;
484- font-size: 11px;
485+ font-size: 11px;
486+ margin-top: 10px;
487 }
488 ul.item-list li h5 span.small {
489+ float: right;
490+ font-size: 11px;
491 font-weight: normal;
492- font-size: 11px;
493- float: right;
494 }
495
496
497@@ -914,10 +910,10 @@
498 2.7.3 - Item Tabs
499 --------------------------------------------------------------*/
500 div.item-list-tabs {
501+ background: #eaeaea;
502 clear: left;
503+ margin: 25px -19px 20px -19px;
504 overflow: hidden;
505- margin: 25px -19px 20px -19px;
506- background: #eaeaea;
507 }
508 div.item-list-tabs ul li a {
509 text-decoration: none;
510@@ -985,8 +981,8 @@
511 }
512 div.item-list-tabs#subnav {
513 background: #fff;
514+ border-bottom: 1px solid #eaeaea;
515 margin: -15px -19px 15px -19px;
516- border-bottom: 1px solid #eaeaea;
517 min-height: 35px;
518 overflow: hidden;
519 }