Changeset 4464
- Timestamp:
- 06/06/2011 06:36:36 PM (14 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/bp-themes/bp-default/rtl.css
r4455 r4464 1 /* 2 Theme Name: BuddyPress Default 3 */ 4 5 /*** 6 * Right to left styles. This will transform the theme to read from right to left 7 * for languages that support this method. 8 */ 9 1 /*-------------------------------------------------------------- 2 Hello, this is the BuddyPress Default rtl stylesheet. 3 Right to left styles. This will transform the theme to read from 4 right to left for languages that support this method. 5 ---------------------------------------------------------------- 6 >>> TABLE OF CONTENTS: 7 ---------------------------------------------------------------- 8 1.0 - Structural 9 1.1 - Content 10 1.2 - Header 11 1.3 - Footer 12 1.4 - Sidebar 13 2.0 - Non-structural 14 2.1 - Text 15 2.2 - Headers 16 2.3 - Lists 17 3.0 - Navigation 18 3.1 - Pagination 19 4.0 - WordPress 20 4.1 - Alignments 21 4.2 - Comments 22 4.3 - Gallery 23 4.4 - Images 24 4.5 - Posts 25 5.0 - BuddyPress 26 5.1 - Activity 27 5.1.1 - Activity Listing 28 5.1.2 - Activity Comments 29 5.2 - Admin Bar 30 5.3 - Ajax Loading 31 5.4 - Directories - Members, Groups, Blogs, Forums 32 5.5 - Error / Success Messages 33 5.6 - Forms 34 5.7 - Topics and Tables - Forums and General 35 5.8 - Headers, Lists and Tabs - Activity, Groups, Blogs, Forums 36 5.9 - Private Messaging Threads 37 --------------------------------------------------------------*/ 38 /*-------------------------------------------------------------- 39 1.0 - Structure 40 --------------------------------------------------------------*/ 10 41 body { 11 42 direction: rtl; 12 43 unicode-bidi: embed; 13 44 } 14 15 16 /* > Global Elements17 -------------------------------------------------------------- */18 19 45 body { 20 46 background: #eaeaea url( _inc/images/background.gif ) top right repeat-x; 21 47 } 22 .clear { 23 clear: right; 24 } 25 img.avatar { 26 float: right; 27 } 28 .accessibly-hidden { 29 left: auto; 30 right: -999em; 31 } 32 33 /* > Header 34 -------------------------------------------------------------- */ 35 36 #header #search-bar { 37 left: 0; 38 right: auto; 39 text-align: left; 40 } 41 #header #search-bar input[type=text] { 42 margin-left: 4px; 43 margin-right: 0; 44 } 45 #header #search-bar input[type=submit] { 46 margin-right: 4px; 47 margin-left: 0; 48 } 49 #header h1 { 50 left: auto; 51 right: 20px; 52 } 53 54 55 /* > Navigation 56 -------------------------------------------------------------- */ 57 58 #nav { 59 left: 15px; 60 right: auto; 61 } 62 #nav li { 63 margin-left: auto; 64 margin-right: 5px; 65 float: right; 66 } 67 #nav li li { 68 margin-left: auto; 69 margin-right: 0; 70 } 71 #nav ul, 72 #nav .sfhover ul ul, 73 #nav :hover ul ul { 74 left: auto; 75 right: -9999px; 76 } 77 #nav .sfhover ul, 78 #nav :hover ul { 79 left: auto; 80 right: 0; 81 } 82 #nav .sfhover ul .sfhover > ul, 83 #nav :hover ul :hover > ul { 84 left: auto; 85 right: 125px; 86 } 87 88 89 /* > Container 90 -------------------------------------------------------------- */ 91 48 49 50 /*-------------------------------------------------------------- 51 1.1 - Content 52 --------------------------------------------------------------*/ 92 53 div#container { 93 54 border-left: 0; 94 55 border-right: 1px solid #e0e0e0; 95 56 } 96 97 98 /* > Sidebar99 -------------------------------------------------------------- */100 101 div#sidebar {102 float: right;103 margin-right: -226px;104 margin-left: 0;105 border-right: 1px solid #e4e4e4;106 border-left: 0;107 -moz-border-radius-topleft: 3px;108 -webkit-border-top-left-radius: 3px;109 -moz-border-radius-topright: 0;110 -webkit-border-top-right-radius: 0;111 background: url( _inc/images/sidebar_back.gif ) top right repeat-x;112 }113 div#sidebar div#sidebar-me img.avatar {114 float: right;115 margin: 0 0 15px 10px;116 }117 div#sidebar ul#bp-nav {118 clear: right;119 }120 #footer-widget-area h3.widgettitle,121 div#sidebar h3.widgettitle {122 margin: 25px -19px 10px -20px;123 clear: right;124 }125 #footer-widget-area ul.item-list img.avatar,126 div#sidebar ul.item-list img.avatar {127 margin-left: 10px;128 margin-right: 0;129 }130 #footer-widget-area div.item-options,131 div#sidebar div.item-options {132 margin: -10px -19px 0 -20px;133 }134 #footer-widget-area div.item-meta,135 #footer-widget-area div.item-content,136 div#sidebar div.item-meta,137 div#sidebar div.item-content {138 margin-right: 38px;139 margin-left: 0;140 }141 142 143 /* > Content144 -------------------------------------------------------------- */145 146 57 div#content { 147 58 float: right; … … 178 89 179 90 180 /* > Item Headers (Profiles, Groups) 181 -------------------------------------------------------------- */ 182 183 div#item-header img.avatar { 184 float: right; 185 margin: 0 0 25px 15px; 186 } 187 div#item-header span.activity { 188 margin: 0 4px 5px 0; 189 } 190 div#item-header div#item-actions { 191 float: left; 192 margin: 0 15px 15px 0; 193 text-align: left; 194 } 195 div#item-header ul li { 196 float: left; 197 } 198 div#item-header div.generic-button, 199 div#item-header a.button { 200 float: right; 201 margin: 10px 0 0 10px; 202 } 203 204 205 /* > Item Lists (Activity, Friend, Group lists) 206 -------------------------------------------------------------- */ 207 208 ul.item-list li img.avatar { 209 float: right; 210 margin: 0 0 0 10px; 211 } 212 ul.item-list li div.item-desc { 213 margin: 10px 64px 0 0; 214 } 215 ul.item-list li div.action { 91 /*-------------------------------------------------------------- 92 1.2 - Header 93 --------------------------------------------------------------*/ 94 #header #search-bar { 216 95 left: 0; 217 96 right: auto; 218 97 text-align: left; 219 98 } 220 221 222 /* > Item Tabs 223 -------------------------------------------------------------- */ 224 225 div.item-list-tabs { 226 clear: right; 227 } 228 div.item-list-tabs ul li { 229 float: right; 230 margin: 5px 5px 0 0; 231 } 232 div.item-list-tabs ul li:first-child { 233 margin-left: 0; 99 #header #search-bar input[type=text] { 100 margin-left: 4px; 101 margin-right: 0; 102 } 103 #header #search-bar input[type=submit] { 104 margin-right: 4px; 105 margin-left: 0; 106 } 107 #header h1 { 108 left: auto; 109 right: 20px; 110 } 111 112 113 /*-------------------------------------------------------------- 114 1.3 - Footer 115 --------------------------------------------------------------*/ 116 #footer-widget-area div.widget-area > ul { 117 float: right; 118 margin-left: 19px; 119 margin-right: 0; 120 } 121 #footer-widget-area ul.item-list li img.avatar { 122 margin-right: 15px; /* border is 4px */ 123 margin-left: 0; 124 } 125 126 127 /*-------------------------------------------------------------- 128 1.4 - Sidebar 129 --------------------------------------------------------------*/ 130 div#sidebar { 131 float: right; 132 margin-right: -226px; 133 margin-left: 0; 134 border-right: 1px solid #e4e4e4; 135 border-left: 0; 136 -moz-border-radius-topleft: 3px; 137 -webkit-border-top-left-radius: 3px; 138 -moz-border-radius-topright: 0; 139 -webkit-border-top-right-radius: 0; 140 background: url( _inc/images/sidebar_back.gif ) top right repeat-x; 141 } 142 div#sidebar div#sidebar-me img.avatar { 143 float: right; 144 margin: 0 0 15px 10px; 145 } 146 div#sidebar ul#bp-nav { 147 clear: right; 148 } 149 #footer-widget-area h3.widgettitle, 150 div#sidebar h3.widgettitle { 151 margin: 25px -19px 10px -20px; 152 clear: right; 153 } 154 #footer-widget-area ul.item-list img.avatar, 155 div#sidebar ul.item-list img.avatar { 156 margin-left: 10px; 157 margin-right: 0; 158 } 159 #footer-widget-area div.item-options, 160 div#sidebar div.item-options { 161 margin: -10px -19px 0 -20px; 162 } 163 #footer-widget-area div.item-meta, 164 #footer-widget-area div.item-content, 165 div#sidebar div.item-meta, 166 div#sidebar div.item-content { 167 margin-right: 38px; 168 margin-left: 0; 169 } 170 171 172 /*-------------------------------------------------------------- 173 2.0 - Non-structural 174 --------------------------------------------------------------*/ 175 p.postmetadata { 176 clear: right; 177 } 178 179 180 /*-------------------------------------------------------------- 181 2.1 - Text 182 --------------------------------------------------------------*/ 183 code { 184 font-family: "Monaco", courier, sans-serif; 185 } 186 blockquote { 187 font-family: sans-serif; 188 } 189 table th { 190 text-align: right; 191 } 192 div.author-box, 193 div.comment-avatar-box { 194 float: right; 195 margin: 0 0 15px 15px; 196 font-family: sans-serif; 197 } 198 div.post-content, 199 div.comment-content { 200 margin-right: 105px; 201 margin-left: 0; 202 } 203 p.date, 204 p.postmetadata, 205 div.comment-meta, 206 div.comment-options { 207 font-family: sans-serif; 208 } 209 210 211 /*-------------------------------------------------------------- 212 2.2 - Headers 213 --------------------------------------------------------------*/ 214 /*-------------------------------------------------------------- 215 2.3 - Lists 216 --------------------------------------------------------------*/ 217 div.page ul, 218 div.page ol, 219 div.page dl, 220 div.post ul, 221 div.post ol, 222 div.post dl { 223 margin: 0 1.5em 18px 0; 224 } 225 dl { 226 margin-right: 0; 227 } 228 229 230 /*-------------------------------------------------------------- 231 3.0 - Navigation 232 --------------------------------------------------------------*/ 233 #nav { 234 left: 15px; 235 right: auto; 236 } 237 #nav li { 238 margin-left: auto; 239 margin-right: 5px; 240 float: right; 241 } 242 #nav li li { 243 margin-left: auto; 244 margin-right: 0; 245 } 246 #nav ul, 247 #nav .sfhover ul ul, 248 #nav :hover ul ul { 249 left: auto; 250 right: -9999px; 251 } 252 #nav .sfhover ul, 253 #nav :hover ul { 254 left: auto; 255 right: 0; 256 } 257 #nav .sfhover ul .sfhover > ul, 258 #nav :hover ul :hover > ul { 259 left: auto; 260 right: 125px; 261 } 262 .navigation, 263 .paged-navigation, 264 .comment-navigation { 265 font-family: sans-serif; 266 } 267 268 269 /*-------------------------------------------------------------- 270 3.1 - Pagination 271 --------------------------------------------------------------*/ 272 div.pagination .pag-count { 273 float: right; 274 } 275 div.pagination .pagination-links { 276 float: left; 277 } 278 279 280 /*-------------------------------------------------------------- 281 4.0 - WordPress 282 --------------------------------------------------------------*/ 283 /*-------------------------------------------------------------- 284 4.1 - Alignments 285 --------------------------------------------------------------*/ 286 .alignright { 287 float: left; 288 } 289 .alignleft { 290 float: right; 291 } 292 .clear { 293 clear: right; 294 } 295 img.avatar { 296 float: right; 297 } 298 .accessibly-hidden { 299 left: auto; 300 right: -999em; 301 } 302 303 304 /*-------------------------------------------------------------- 305 4.2 - Comments 306 --------------------------------------------------------------*/ 307 .comments { 308 float: left; 309 } 310 div.comment-meta em { 311 float: left; 312 } 313 314 315 /*-------------------------------------------------------------- 316 4.3 - Gallery 317 --------------------------------------------------------------*/ 318 dd.wp-caption p.wp-caption-text, 319 .wp-caption p.wp-caption-text { 320 padding: 0 0 5px 4px; 321 } 322 323 324 /*-------------------------------------------------------------- 325 4.4 - Images 326 --------------------------------------------------------------*/ 327 /*-------------------------------------------------------------- 328 4.5 - Posts 329 --------------------------------------------------------------*/ 330 .tags { 331 float: right; 332 } 333 334 335 /*-------------------------------------------------------------- 336 5.0 - BuddyPress 337 --------------------------------------------------------------*/ 338 /*-------------------------------------------------------------- 339 5.1 - Activity 340 --------------------------------------------------------------*/ 341 form#whats-new-form h5 { 342 margin-right: 76px; 343 margin-left: 0; 344 } 345 form#whats-new-form #whats-new-avatar { 346 float: right; 347 } 348 form#whats-new-form #whats-new-content { 349 margin-right: 54px; 350 padding-right: 22px; 351 } 352 form#whats-new-form #whats-new-submit { 353 float: left; 354 } 355 356 357 /*-------------------------------------------------------------- 358 5.1.1 - Activity Listing 359 --------------------------------------------------------------*/ 360 .activity-list li.mini .activity-avatar img.avatar, 361 .activity-list li.mini .activity-avatar img.FB_profile_pic { 362 margin-right: 36px; 363 margin-left: 0; 364 } 365 .activity-list li.activity_comment .activity-avatar img.avatar, 366 .activity-list li.activity_comment .activity-avatar img.FB_profile_pic { 234 367 margin-right: 20px; 235 } 236 div.item-list-tabs ul li.last { 237 float: left; 238 margin: 7px 0 0 20px; 239 } 240 ul li.loading a { 241 background-position: 8% 50%; 242 padding-left: 30px !important; 368 margin-left: 0; 369 } 370 body.activity-permalink .activity-list li .activity-avatar img.avatar, 371 body.activity-permalink .activity-list li .activity-avatar img.FB_profile_pic { 372 margin-right: 0; 373 } 374 .activity-list li.mini .activity-content { 375 margin-left: 175px; 376 margin-right: 0; 377 } 378 .activity-list li.mini .activity-content p { 379 float: right; 380 } 381 .activity-list li.mini .activity-meta { 382 left: 0; 383 right: auto; 384 } 385 body.activity-permalink .activity-list li.mini .activity-meta { 386 left: 15px; 387 right: auto; 388 } 389 .activity-list li.mini .activity-comments { 390 clear: right; 391 } 392 .activity-list li .activity-inreplyto { 393 margin-right: 70px; 394 margin-left: 0; 395 padding-right: 25px; 396 padding-left: 0; 397 background-position: 5% 0; 398 } 399 .activity-list .activity-content { 400 margin-right: 70px; 401 margin-left: 0; 402 } 403 body.activity-permalink .activity-list li .activity-content { 404 border-left: 1px solid #ddd; 405 border-right: 0; 406 margin-right: 135px; 407 margin-left: 0; 408 } 409 body.activity-permalink .activity-list li .activity-content > p { 410 background-position: top right; 411 margin-right: -35px; 412 margin-left: 0; 413 padding: 5px 38px 0 0; 414 } 415 .activity-list .activity-content > p > a:first-child, 416 span.highlight, 417 .activity-list .activity-content > .comment-header > a:first-child { 418 border-left: 1px solid #a1dcfa; 419 border-right: 0; 420 margin-left: 3px; 421 margin-right: 0; 422 } 423 .activity-list .activity-content .activity-inner, 424 .activity-list .activity-content blockquote { 425 margin: 15px 5px 15px 0; 426 overflow: hidden; 427 } 428 .activity-list .activity-content img.thumbnail { 429 float: right; 430 margin: 0 0 5px 10px; 431 } 432 .activity-list li.load-more { 433 border-left: 1px solid #ddd; 434 border-right: 0; 435 } 436 437 438 /*-------------------------------------------------------------- 439 5.1.2 - Activity Comments 440 --------------------------------------------------------------*/ 441 div.activity-meta { 442 margin: 0 3px 20px 0; 443 clear: right; 444 } 445 .activity-list div.activity-meta a { 446 border-left: 1px solid #ddd; 447 border-right: 0; 448 margin-left: 3px; 449 margin-right: 0; 450 } 451 .activity-list div.activity-meta a.acomment-reply { 452 border-left: 1px solid #FFE8C4; 453 border-right: 0; 454 } 455 div.activity-comments { 456 margin: 0 75px 0 0; 457 } 458 body.activity-permalink div.activity-comments { 459 margin-right: 135px; 460 margin-left: 0; 461 } 462 div.activity-comments ul { 463 clear: right; 464 } 465 div.activity-comments ul li { 466 padding: 10px 0 10px 15px; 467 margin-right: 15px; 468 margin-left: 0; 469 } 470 body.activity-permalink div.activity-comments ul li { 471 padding: 15px 0 15px 15px; 472 } 473 div.activity-comments ul li > ul { 474 margin-right: 25px; 475 margin-left: 0; 476 } 477 div.activity-comments div.acomment-avatar img { 478 float: right; 479 margin-left: 10px; 480 margin-right: 0; 481 } 482 div.activity-comments div.acomment-content { 483 margin-right: 39px; 484 margin-right: 0; 485 } 486 div.activity-comments form.ac-form { 487 margin: 10px 33px 10px 0; 488 border-left: 1px solid #ddd; 489 border-right: 0; 490 } 491 div.activity-comments li form.ac-form { 492 margin-left: 15px; 493 margin-right: 0; 494 } 495 div.activity-comments form.root { 496 margin-right: 0; 497 } 498 div.activity-comments form.loading { 499 background-position: 88% 95%; 500 } 501 div.activity-comments form div.ac-reply-avatar { 502 float: right; 503 } 504 div.activity-comments form div.ac-reply-content { 505 margin-right: 25px; 506 margin-left: 0; 507 padding-right: 15px; 508 padding-left: 0; 509 } 510 511 512 /*-------------------------------------------------------------- 513 5.2 - Admin Bar 514 --------------------------------------------------------------*/ 515 /*-------------------------------------------------------------- 516 5.3 - Ajax Loading 517 --------------------------------------------------------------*/ 518 .ajax-loader { 519 background-position: right center !important; 520 } 521 a.loading { 522 background-position: 5% 50% !important; 523 padding-left: 25px !important; 243 524 padding-right: 0 !important; 244 525 } 245 div#item-nav ul li.loading a { 246 background-position: 12% 50%; 247 } 248 div.item-list-tabs ul li.feed a { 249 background-position: right center; 250 padding-right: 20px; 251 padding-left: 0;252 } 253 254 255 /* > Item Body256 -------------------------------------------------------------- */ 257 526 527 528 /*-------------------------------------------------------------- 529 5.4 - Directories - Members, Groups, Blogs, Forums 530 --------------------------------------------------------------*/ 531 div.dir-search { 532 float: left; 533 } 534 535 536 /*-------------------------------------------------------------- 537 5.5 - Error / Success Messages 538 --------------------------------------------------------------*/ 258 539 span.activity, 259 540 div#message p { … … 263 544 264 545 265 /* > Directories (Members, Groups, Blogs, Forums) 266 -------------------------------------------------------------- */ 267 268 div.dir-search { 269 float: left; 270 } 271 272 273 /* > Pagination 274 -------------------------------------------------------------- */ 275 276 div.pagination .pag-count { 277 float: right; 278 } 279 div.pagination .pagination-links { 280 float: left; 281 } 282 283 284 /* > Buttons 285 -------------------------------------------------------------- */ 286 546 /*-------------------------------------------------------------- 547 5.6 - Forms 548 --------------------------------------------------------------*/ 549 .standard-form#signup_form div.submit { 550 float: left; 551 } 552 .standard-form#signup_form div.signup-avatar { 553 margin-left: 15px; 554 margin-right: 0; 555 } 556 .standard-form div.submit input { 557 margin-left: 15px; 558 margin-right: 0; 559 } 560 .standard-form div.radio ul { 561 margin: 10px 38px 15px 0; 562 } 563 .standard-form #basic-details-section, 564 .standard-form #blog-details-section, 565 .standard-form #profile-details-section { 566 float: right; 567 } 568 .standard-form #profile-details-section { 569 float: left; 570 } 571 .standard-form #blog-details-section { 572 clear: right; 573 } 287 574 a.button, 288 575 input[type=submit], … … 303 590 304 591 305 /* > AJAX Loaders 306 -------------------------------------------------------------- */ 307 308 .ajax-loader { 309 background-position: right center !important; 310 } 311 a.loading { 312 background-position: 5% 50% !important; 313 padding-left: 25px !important; 314 padding-right: 0 !important; 315 } 316 317 318 /* > Input Forms 319 -------------------------------------------------------------- */ 320 321 .standard-form#signup_form div.submit { 322 float: left; 323 } 324 .standard-form#signup_form div.signup-avatar { 325 margin-left: 15px; 326 margin-right: 0; 327 } 328 .standard-form div.submit input { 329 margin-left: 15px; 330 margin-right: 0; 331 } 332 .standard-form div.radio ul { 333 margin: 10px 38px 15px 0; 334 } 335 .standard-form #basic-details-section, 336 .standard-form #blog-details-section, 337 .standard-form #profile-details-section { 338 float: right; 339 } 340 .standard-form #profile-details-section { 341 float: left; 342 } 343 .standard-form #blog-details-section { 344 clear: right; 345 } 346 347 348 /* > Data Tables 349 -------------------------------------------------------------- */ 592 /*-------------------------------------------------------------- 593 5.7 - Topics and Tables - Forums and General 594 --------------------------------------------------------------*/ 350 595 table tr td.label { 351 596 border-left: 1px solid #eaeaea; … … 379 624 margin-right: 0; 380 625 } 381 382 383 /* > Activity Stream Posting384 -------------------------------------------------------------- */385 386 form#whats-new-form h5 {387 margin-right: 76px;388 margin-left: 0;389 }390 form#whats-new-form #whats-new-avatar {391 float: right;392 }393 form#whats-new-form #whats-new-content {394 margin-right: 54px;395 padding-right: 22px;396 }397 form#whats-new-form #whats-new-submit {398 float: left;399 }400 401 402 /* > Activity Stream Listing403 -------------------------------------------------------------- */404 405 .activity-list li.mini .activity-avatar img.avatar,406 .activity-list li.mini .activity-avatar img.FB_profile_pic {407 margin-right: 36px;408 margin-left: 0;409 }410 .activity-list li.activity_comment .activity-avatar img.avatar,411 .activity-list li.activity_comment .activity-avatar img.FB_profile_pic {412 margin-right: 20px;413 margin-left: 0;414 }415 body.activity-permalink .activity-list li .activity-avatar img.avatar,416 body.activity-permalink .activity-list li .activity-avatar img.FB_profile_pic {417 margin-right: 0;418 }419 .activity-list li.mini .activity-content {420 margin-left: 175px;421 margin-right: 0;422 }423 .activity-list li.mini .activity-content p {424 float: right;425 }426 .activity-list li.mini .activity-meta {427 left: 0;428 right: auto;429 }430 body.activity-permalink .activity-list li.mini .activity-meta {431 left: 15px;432 right: auto;433 }434 .activity-list li.mini .activity-comments {435 clear: right;436 }437 .activity-list li .activity-inreplyto {438 margin-right: 70px;439 margin-left: 0;440 padding-right: 25px;441 padding-left: 0;442 background-position: 5% 0;443 }444 .activity-list .activity-content {445 margin-right: 70px;446 margin-left: 0;447 }448 body.activity-permalink .activity-list li .activity-content {449 border-left: 1px solid #ddd;450 border-right: 0;451 margin-right: 135px;452 margin-left: 0;453 }454 body.activity-permalink .activity-list li .activity-content > p {455 background-position: top right;456 margin-right: -35px;457 margin-left: 0;458 padding: 5px 38px 0 0;459 }460 .activity-list .activity-content > p > a:first-child,461 span.highlight,462 .activity-list .activity-content > .comment-header > a:first-child {463 border-left: 1px solid #a1dcfa;464 border-right: 0;465 margin-left: 3px;466 margin-right: 0;467 }468 .activity-list .activity-content .activity-inner,469 .activity-list .activity-content blockquote {470 margin: 15px 5px 15px 0;471 overflow: hidden;472 }473 .activity-list .activity-content img.thumbnail {474 float: right;475 margin: 0 0 5px 10px;476 }477 .activity-list li.load-more {478 border-left: 1px solid #ddd;479 border-right: 0;480 }481 482 483 /* > Activity Stream Comments484 -------------------------------------------------------------- */485 486 div.activity-meta {487 margin: 0 3px 20px 0;488 clear: right;489 }490 .activity-list div.activity-meta a {491 border-left: 1px solid #ddd;492 border-right: 0;493 margin-left: 3px;494 margin-right: 0;495 }496 .activity-list div.activity-meta a.acomment-reply {497 border-left: 1px solid #FFE8C4;498 border-right: 0;499 }500 div.activity-comments {501 margin: 0 75px 0 0;502 }503 body.activity-permalink div.activity-comments {504 margin-right: 135px;505 margin-left: 0;506 }507 div.activity-comments ul {508 clear: right;509 }510 div.activity-comments ul li {511 padding: 10px 0 10px 15px;512 margin-right: 15px;513 margin-left: 0;514 }515 body.activity-permalink div.activity-comments ul li {516 padding: 15px 0 15px 15px;517 }518 div.activity-comments ul li > ul {519 margin-right: 25px;520 margin-left: 0;521 }522 div.activity-comments div.acomment-avatar img {523 float: right;524 margin-left: 10px;525 margin-right: 0;526 }527 div.activity-comments div.acomment-content {528 margin-right: 39px;529 margin-right: 0;530 }531 div.activity-comments form.ac-form {532 margin: 10px 33px 10px 0;533 border-left: 1px solid #ddd;534 border-right: 0;535 }536 div.activity-comments li form.ac-form {537 margin-left: 15px;538 margin-right: 0;539 }540 div.activity-comments form.root {541 margin-right: 0;542 }543 div.activity-comments form.loading {544 background-position: 88% 95%;545 }546 div.activity-comments form div.ac-reply-avatar {547 float: right;548 }549 div.activity-comments form div.ac-reply-content {550 margin-right: 25px;551 margin-left: 0;552 padding-right: 15px;553 padding-left: 0;554 }555 556 557 /* > Private Message Threads558 -------------------------------------------------------------- */559 560 div.messages-options-nav {561 text-align: left;562 }563 div#message-thread img.avatar {564 float: right;565 margin: 0 0 0 10px;566 }567 div#message-thread strong span.activity {568 margin: 4px 10px 0 0;569 }570 div#message-thread div.message-content {571 margin-right: 45px;572 margin-left: 0;573 }574 div#message-thread div.message-options {575 text-align: left;576 }577 578 579 /* > Group Forum Topics580 -------------------------------------------------------------- */581 582 626 ul#topic-post-list li div.post-content { 583 627 margin-right: 54px; … … 594 638 595 639 596 /* > WordPress Blog Styles 597 -------------------------------------------------------------- */ 598 599 .navigation, 600 .paged-navigation, 601 .comment-navigation { 602 font-family: sans-serif; 603 } 604 .alignright { 605 float: left; 606 } 607 .alignleft { 608 float: right; 609 } 610 div.page ul, 611 div.page ol, 612 div.page dl, 613 div.post ul, 614 div.post ol, 615 div.post dl { 616 margin: 0 1.5em 18px 0; 617 } 618 dl { 619 margin-right: 0; 620 } 621 code { 622 font-family: "Monaco", courier, sans-serif; 623 } 624 blockquote { 625 font-family: sans-serif; 626 } 627 table th { 628 text-align: right; 629 } 630 div.author-box, 631 div.comment-avatar-box { 632 float: right; 633 margin: 0 0 15px 15px; 634 font-family: sans-serif; 635 } 636 div.post-content, 637 div.comment-content { 638 margin-right: 105px; 639 margin-left: 0; 640 } 641 p.date, 642 p.postmetadata, 643 div.comment-meta, 644 div.comment-options { 645 font-family: sans-serif; 646 } 647 p.postmetadata { 648 clear: right; 649 } 650 .tags { 651 float: right; 652 } 653 .comments { 654 float: left; 655 } 656 dd.wp-caption p.wp-caption-text, 657 .wp-caption p.wp-caption-text { 658 padding: 0 0 5px 4px; 659 } 660 661 662 /* > WordPress Blog Comment Styles 663 -------------------------------------------------------------- */ 664 665 div.comment-meta em { 666 float: left; 667 } 668 669 670 /* > Footer 671 -------------------------------------------------------------- */ 672 673 #footer-widget-area div.widget-area > ul { 674 float: right; 675 margin-left: 19px; 676 margin-right: 0; 677 } 678 #footer-widget-area ul.item-list li img.avatar { 679 margin-right: 15px; /* border is 4px */ 680 margin-left: 0; 681 } 640 /*-------------------------------------------------------------- 641 5.8 - Headers, Lists and Tabs - Activity, Groups, Blogs, Forums 642 --------------------------------------------------------------*/ 643 div#item-header img.avatar { 644 float: right; 645 margin: 0 0 25px 15px; 646 } 647 div#item-header span.activity { 648 margin: 0 4px 5px 0; 649 } 650 div#item-header div#item-actions { 651 float: left; 652 margin: 0 15px 15px 0; 653 text-align: left; 654 } 655 div#item-header ul li { 656 float: left; 657 } 658 div#item-header div.generic-button, 659 div#item-header a.button { 660 float: right; 661 margin: 10px 0 0 10px; 662 } 663 ul.item-list li img.avatar { 664 float: right; 665 margin: 0 0 0 10px; 666 } 667 ul.item-list li div.item-desc { 668 margin: 10px 64px 0 0; 669 } 670 ul.item-list li div.action { 671 left: 0; 672 right: auto; 673 text-align: left; 674 } 675 div.item-list-tabs { 676 clear: right; 677 } 678 div.item-list-tabs ul li { 679 float: right; 680 margin: 5px 5px 0 0; 681 } 682 div.item-list-tabs ul li:first-child { 683 margin-left: 0; 684 margin-right: 20px; 685 } 686 div.item-list-tabs ul li.last { 687 float: left; 688 margin: 7px 0 0 20px; 689 } 690 ul li.loading a { 691 background-position: 8% 50%; 692 padding-left: 30px !important; 693 padding-right: 0 !important; 694 } 695 div#item-nav ul li.loading a { 696 background-position: 12% 50%; 697 } 698 div.item-list-tabs ul li.feed a { 699 background-position: right center; 700 padding-right: 20px; 701 padding-left: 0; 702 } 703 704 705 /*-------------------------------------------------------------- 706 5.9 - Private Messaging Threads 707 --------------------------------------------------------------*/ 708 div.messages-options-nav { 709 text-align: left; 710 } 711 div#message-thread img.avatar { 712 float: right; 713 margin: 0 0 0 10px; 714 } 715 div#message-thread strong span.activity { 716 margin: 4px 10px 0 0; 717 } 718 div#message-thread div.message-content { 719 margin-right: 45px; 720 margin-left: 0; 721 } 722 div#message-thread div.message-options { 723 text-align: left; 724 }
Note: See TracChangeset
for help on using the changeset viewer.