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, 13 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 }