Ticket #3267: rtlcommented.diff
File rtlcommented.diff, 20.2 KB (added by , 14 years ago) |
---|
-
rtl.css
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; 48 49 50 /*-------------------------------------------------------------- 51 1.1 - Content 52 --------------------------------------------------------------*/ 53 div#container { 54 border-left: 0; 55 border-right: 1px solid #e0e0e0; 24 56 } 25 img.avatar{57 div#content { 26 58 float: right; 59 -moz-border-radius-topleft: 0; 60 -moz-border-radius-topright: 6px; 61 -webkit-border-top-right-radius: 6px; 62 -webkit-border-top-left-radius: 0; 63 -moz-border-radius-bottomleft: 0; 64 -moz-border-radius-bottomright: 6px; 65 -webkit-border-bottom-right-radius: 6px; 66 -webkit-border-bottom-left-radius: 0; 27 67 } 28 .accessibly-hidden { 29 left: auto; 30 right: -999em; 68 div#content .padder { 69 margin-left: 225px; 70 margin-right: 0; 71 border-left: 1px solid #e4e4e4; 72 border-right: 0; 73 -moz-border-radius-topright: 6px; 74 -moz-border-radius-topleft: 0; 75 -webkit-border-top-right-radius: 6px; 76 -webkit-border-top-left-radius: 0; 77 -moz-border-radius-bottomright: 6px; 78 -moz-border-radius-bottomleft: 0; 79 -webkit-border-bottom-right-radius: 6px; 80 -webkit-border-bottom-left-radius: 0; 31 81 } 82 div#content .left-menu { 83 float: right; 84 } 85 div#content .main-column { 86 margin-right: 190px; 87 margin-left: 0; 88 } 32 89 33 /* > Header34 -------------------------------------------------------------- */35 90 91 /*-------------------------------------------------------------- 92 1.2 - Header 93 --------------------------------------------------------------*/ 36 94 #header #search-bar { 37 95 left: 0; 38 96 right: auto; … … 52 110 } 53 111 54 112 55 /* > Navigation 56 -------------------------------------------------------------- */ 57 58 #nav { 59 left: 15px; 60 right: auto; 61 } 62 #nav li { 63 margin-left: auto; 64 margin-right: 5px; 113 /*-------------------------------------------------------------- 114 1.3 - Footer 115 --------------------------------------------------------------*/ 116 #footer-widget-area div.widget-area > ul { 65 117 float: right; 118 margin-left: 19px; 119 margin-right: 0; 66 120 } 67 # nav li li {68 margin- left: auto;69 margin- right: 0;121 #footer-widget-area ul.item-list li img.avatar { 122 margin-right: 15px; /* border is 4px */ 123 margin-left: 0; 70 124 } 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 125 88 126 89 /* > Container 90 -------------------------------------------------------------- */ 91 92 div#container { 93 border-left: 0; 94 border-right: 1px solid #e0e0e0; 95 } 96 97 98 /* > Sidebar 99 -------------------------------------------------------------- */ 100 127 /*-------------------------------------------------------------- 128 1.4 - Sidebar 129 --------------------------------------------------------------*/ 101 130 div#sidebar { 102 131 float: right; 103 132 margin-right: -226px; … … 140 169 } 141 170 142 171 143 /* > Content 144 -------------------------------------------------------------- */ 172 /*-------------------------------------------------------------- 173 2.0 - Non-structural 174 --------------------------------------------------------------*/ 175 p.postmetadata { 176 clear: right; 177 } 145 178 146 div#content { 147 float: right; 148 -moz-border-radius-topleft: 0; 149 -moz-border-radius-topright: 6px; 150 -webkit-border-top-right-radius: 6px; 151 -webkit-border-top-left-radius: 0; 152 -moz-border-radius-bottomleft: 0; 153 -moz-border-radius-bottomright: 6px; 154 -webkit-border-bottom-right-radius: 6px; 155 -webkit-border-bottom-left-radius: 0; 179 180 /*-------------------------------------------------------------- 181 2.1 - Text 182 --------------------------------------------------------------*/ 183 code { 184 font-family: "Monaco", courier, sans-serif; 156 185 } 157 div#content .padder { 158 margin-left: 225px; 159 margin-right: 0; 160 border-left: 1px solid #e4e4e4; 161 border-right: 0; 162 -moz-border-radius-topright: 6px; 163 -moz-border-radius-topleft: 0; 164 -webkit-border-top-right-radius: 6px; 165 -webkit-border-top-left-radius: 0; 166 -moz-border-radius-bottomright: 6px; 167 -moz-border-radius-bottomleft: 0; 168 -webkit-border-bottom-right-radius: 6px; 169 -webkit-border-bottom-left-radius: 0; 186 blockquote { 187 font-family: sans-serif; 170 188 } 171 div#content .left-menu { 189 table th { 190 text-align: right; 191 } 192 div.author-box, 193 div.comment-avatar-box { 172 194 float: right; 195 margin: 0 0 15px 15px; 196 font-family: sans-serif; 173 197 } 174 div#content .main-column { 175 margin-right: 190px; 198 div.post-content, 199 div.comment-content { 200 margin-right: 105px; 176 201 margin-left: 0; 177 202 } 203 p.date, 204 p.postmetadata, 205 div.comment-meta, 206 div.comment-options { 207 font-family: sans-serif; 208 } 178 209 179 210 180 /* > Item Headers (Profiles, Groups) 181 -------------------------------------------------------------- */ 182 183 div#item-header img.avatar { 184 float: right; 185 margin: 0 0 25px 15px; 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; 186 224 } 187 d iv#item-header span.activity{188 margin : 0 4px 5px0;225 dl { 226 margin-right: 0; 189 227 } 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 228 204 229 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 { 216 left: 0; 230 /*-------------------------------------------------------------- 231 3.0 - Navigation 232 --------------------------------------------------------------*/ 233 #nav { 234 left: 15px; 217 235 right: auto; 218 text-align: left;219 236 } 220 221 222 /* > Item Tabs 223 -------------------------------------------------------------- */ 224 225 div.item-list-tabs { 226 clear: right; 227 } 228 div.item-list-tabs ul li { 237 #nav li { 238 margin-left: auto; 239 margin-right: 5px; 229 240 float: right; 230 margin: 5px 5px 0 0;231 241 } 232 div.item-list-tabs ul li:first-child { 233 margin-left: 0;234 margin-right: 20px;242 #nav li li { 243 margin-left: auto; 244 margin-right: 0; 235 245 } 236 div.item-list-tabs ul li.last { 237 float: left; 238 margin: 7px 0 0 20px; 246 #nav ul, 247 #nav .sfhover ul ul, 248 #nav :hover ul ul { 249 left: auto; 250 right: -9999px; 239 251 } 240 ul li.loading a { 241 background-position: 8% 50%; 242 padding-left: 30px !important;243 padding-right: 0 !important;252 #nav .sfhover ul, 253 #nav :hover ul { 254 left: auto; 255 right: 0; 244 256 } 245 div#item-nav ul li.loading a { 246 background-position: 12% 50%; 257 #nav .sfhover ul .sfhover > ul, 258 #nav :hover ul :hover > ul { 259 left: auto; 260 right: 125px; 247 261 } 248 div.item-list-tabs ul li.feed a { 249 background-position: right center; 250 padding-right: 20px; 251 padding-left: 0;262 .navigation, 263 .paged-navigation, 264 .comment-navigation { 265 font-family: sans-serif; 252 266 } 253 267 254 268 255 /* > Item Body 256 -------------------------------------------------------------- */ 257 258 span.activity, 259 div#message p { 260 border-left: 1px solid #FFE8C4; 261 border-right: 0; 262 } 263 264 265 /* > Directories (Members, Groups, Blogs, Forums) 266 -------------------------------------------------------------- */ 267 268 div.dir-search { 269 float: left; 270 } 271 272 273 /* > Pagination 274 -------------------------------------------------------------- */ 275 269 /*-------------------------------------------------------------- 270 3.1 - Pagination 271 --------------------------------------------------------------*/ 276 272 div.pagination .pag-count { 277 273 float: right; 278 274 } … … 281 277 } 282 278 283 279 284 /* > Buttons 285 -------------------------------------------------------------- */ 286 287 a.button, 288 input[type=submit], 289 input[type=button], 290 ul.button-nav li a, 291 div.generic-button a { 292 background-position: right top; 280 /*-------------------------------------------------------------- 281 4.0 - WordPress 282 --------------------------------------------------------------*/ 283 /*-------------------------------------------------------------- 284 4.1 - Alignments 285 --------------------------------------------------------------*/ 286 .alignright { 287 float: left; 293 288 } 294 div.accept, div.reject {289 .alignleft { 295 290 float: right; 296 margin-left: 0;297 margin-right: 10px;298 291 } 299 ul.button-nav li { 292 .clear { 293 clear: right; 294 } 295 img.avatar { 300 296 float: right; 301 margin: 0 0 10px 10px;302 297 } 303 304 305 /* > AJAX Loaders 306 -------------------------------------------------------------- */ 307 308 .ajax-loader { 309 background-position: right center !important; 298 .accessibly-hidden { 299 left: auto; 300 right: -999em; 310 301 } 311 a.loading {312 background-position: 5% 50% !important;313 padding-left: 25px !important;314 padding-right: 0 !important;315 }316 302 317 303 318 /* > Input Forms319 -------------------------------------------------------------- */ 320 321 . standard-form#signup_form div.submit{304 /*-------------------------------------------------------------- 305 4.2 - Comments 306 --------------------------------------------------------------*/ 307 .comments { 322 308 float: left; 323 309 } 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 { 310 div.comment-meta em { 341 311 float: left; 342 312 } 343 .standard-form #blog-details-section { 344 clear: right; 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; 345 321 } 346 322 347 323 348 /* > Data Tables 349 -------------------------------------------------------------- */ 350 table tr td.label { 351 border-left: 1px solid #eaeaea; 352 border-right: 0; 324 /*-------------------------------------------------------------- 325 4.4 - Images 326 --------------------------------------------------------------*/ 327 /*-------------------------------------------------------------- 328 4.5 - Posts 329 --------------------------------------------------------------*/ 330 .tags { 331 float: right; 353 332 } 354 table.forum tr.closed td.td-title {355 padding-right: 35px;356 padding-left: 0;357 background-position: 5% 50%;358 }359 table.forum tr > td:first-child,360 table.forum tr > th:first-child {361 padding-right: 15px;362 padding-left: 0;363 }364 table.forum tr > td:last-child,365 table.forum tr > th:last-child {366 padding-left: 15px;367 padding-right: 0;368 }369 table.forum tr th#th-title,370 table.forum tr th#th-poster,371 table.forum tr th#th-group,372 table.forum td.td-poster,373 table.forum td.td-group,374 table.forum td.td-title {375 text-align: right;376 }377 table.forum td img.avatar {378 margin-left: 5px;379 margin-right: 0;380 }381 333 382 334 383 /* > Activity Stream Posting 384 -------------------------------------------------------------- */ 385 335 /*-------------------------------------------------------------- 336 5.0 - BuddyPress 337 --------------------------------------------------------------*/ 338 /*-------------------------------------------------------------- 339 5.1 - Activity 340 --------------------------------------------------------------*/ 386 341 form#whats-new-form h5 { 387 342 margin-right: 76px; 388 343 margin-left: 0; … … 399 354 } 400 355 401 356 402 /* > Activity Stream Listing403 -------------------------------------------------------------- */ 404 357 /*-------------------------------------------------------------- 358 5.1.1 - Activity Listing 359 --------------------------------------------------------------*/ 405 360 .activity-list li.mini .activity-avatar img.avatar, 406 361 .activity-list li.mini .activity-avatar img.FB_profile_pic { 407 362 margin-right: 36px; … … 480 435 } 481 436 482 437 483 /* > Activity Stream Comments484 -------------------------------------------------------------- */ 485 438 /*-------------------------------------------------------------- 439 5.1.2 - Activity Comments 440 --------------------------------------------------------------*/ 486 441 div.activity-meta { 487 442 margin: 0 3px 20px 0; 488 443 clear: right; … … 554 509 } 555 510 556 511 557 /* > Private Message Threads 558 -------------------------------------------------------------- */ 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; 524 padding-right: 0 !important; 525 } 559 526 560 div.messages-options-nav { 561 text-align: left; 527 528 /*-------------------------------------------------------------- 529 5.4 - Directories - Members, Groups, Blogs, Forums 530 --------------------------------------------------------------*/ 531 div.dir-search { 532 float: left; 562 533 } 563 div#message-thread img.avatar { 534 535 536 /*-------------------------------------------------------------- 537 5.5 - Error / Success Messages 538 --------------------------------------------------------------*/ 539 span.activity, 540 div#message p { 541 border-left: 1px solid #FFE8C4; 542 border-right: 0; 543 } 544 545 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 { 564 566 float: right; 565 margin: 0 0 0 10px;566 567 } 567 div#message-thread strong span.activity{568 margin: 4px 10px 0 0;568 .standard-form #profile-details-section { 569 float: left; 569 570 } 570 div#message-thread div.message-content { 571 margin-right: 45px; 571 .standard-form #blog-details-section { 572 clear: right; 573 } 574 a.button, 575 input[type=submit], 576 input[type=button], 577 ul.button-nav li a, 578 div.generic-button a { 579 background-position: right top; 580 } 581 div.accept, div.reject { 582 float: right; 572 583 margin-left: 0; 584 margin-right: 10px; 573 585 } 574 div#message-thread div.message-options { 575 text-align: left; 586 ul.button-nav li { 587 float: right; 588 margin: 0 0 10px 10px; 576 589 } 577 590 578 591 579 /* > Group Forum Topics 580 -------------------------------------------------------------- */ 581 592 /*-------------------------------------------------------------- 593 5.7 - Topics and Tables - Forums and General 594 --------------------------------------------------------------*/ 595 table tr td.label { 596 border-left: 1px solid #eaeaea; 597 border-right: 0; 598 } 599 table.forum tr.closed td.td-title { 600 padding-right: 35px; 601 padding-left: 0; 602 background-position: 5% 50%; 603 } 604 table.forum tr > td:first-child, 605 table.forum tr > th:first-child { 606 padding-right: 15px; 607 padding-left: 0; 608 } 609 table.forum tr > td:last-child, 610 table.forum tr > th:last-child { 611 padding-left: 15px; 612 padding-right: 0; 613 } 614 table.forum tr th#th-title, 615 table.forum tr th#th-poster, 616 table.forum tr th#th-group, 617 table.forum td.td-poster, 618 table.forum td.td-group, 619 table.forum td.td-title { 620 text-align: right; 621 } 622 table.forum td img.avatar { 623 margin-left: 5px; 624 margin-right: 0; 625 } 582 626 ul#topic-post-list li div.post-content { 583 627 margin-right: 54px; 584 628 margin-left: 0; … … 593 637 } 594 638 595 639 596 /* > WordPress Blog Styles 597 -------------------------------------------------------------- */ 598 599 .navigation, 600 .paged-navigation, 601 .comment-navigation { 602 font-family: sans-serif; 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; 603 646 } 604 .alignright { 647 div#item-header span.activity { 648 margin: 0 4px 5px 0; 649 } 650 div#item-header div#item-actions { 605 651 float: left; 652 margin: 0 15px 15px 0; 653 text-align: left; 606 654 } 607 .alignleft { 655 div#item-header ul li { 656 float: left; 657 } 658 div#item-header div.generic-button, 659 div#item-header a.button { 608 660 float: right; 661 margin: 10px 0 0 10px; 609 662 } 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; 663 ul.item-list li img.avatar { 664 float: right; 665 margin: 0 0 0 10px; 617 666 } 618 dl{619 margin -right:0;667 ul.item-list li div.item-desc { 668 margin: 10px 64px 0 0; 620 669 } 621 code { 622 font-family: "Monaco", courier, sans-serif; 670 ul.item-list li div.action { 671 left: 0; 672 right: auto; 673 text-align: left; 623 674 } 624 blockquote{625 font-family: sans-serif;675 div.item-list-tabs { 676 clear: right; 626 677 } 627 table th { 628 text-align: right; 629 } 630 div.author-box, 631 div.comment-avatar-box { 678 div.item-list-tabs ul li { 632 679 float: right; 633 margin: 0 0 15px 15px; 634 font-family: sans-serif; 680 margin: 5px 5px 0 0; 635 681 } 636 div.post-content, 637 div.comment-content { 638 margin-right: 105px; 682 div.item-list-tabs ul li:first-child { 639 683 margin-left: 0; 684 margin-right: 20px; 640 685 } 641 p.date, 642 p.postmetadata, 643 div.comment-meta, 644 div.comment-options { 645 font-family: sans-serif; 686 div.item-list-tabs ul li.last { 687 float: left; 688 margin: 7px 0 0 20px; 646 689 } 647 p.postmetadata { 648 clear: right; 690 ul li.loading a { 691 background-position: 8% 50%; 692 padding-left: 30px !important; 693 padding-right: 0 !important; 649 694 } 650 .tags{651 float: right;695 div#item-nav ul li.loading a { 696 background-position: 12% 50%; 652 697 } 653 .comments { 654 float: left; 698 div.item-list-tabs ul li.feed a { 699 background-position: right center; 700 padding-right: 20px; 701 padding-left: 0; 655 702 } 656 dd.wp-caption p.wp-caption-text,657 .wp-caption p.wp-caption-text {658 padding: 0 0 5px 4px;659 }660 703 661 704 662 /* > WordPress Blog Comment Styles663 -------------------------------------------------------------- */ 664 665 div. comment-meta em{666 float: left;705 /*-------------------------------------------------------------- 706 5.9 - Private Messaging Threads 707 --------------------------------------------------------------*/ 708 div.messages-options-nav { 709 text-align: left; 667 710 } 668 669 670 /* > Footer 671 -------------------------------------------------------------- */ 672 673 #footer-widget-area div.widget-area > ul { 711 div#message-thread img.avatar { 674 712 float: right; 675 margin-left: 19px; 676 margin-right: 0; 713 margin: 0 0 0 10px; 677 714 } 678 #footer-widget-area ul.item-list li img.avatar { 679 margin-right: 15px; /* border is 4px */ 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; 680 720 margin-left: 0; 721 } 722 div#message-thread div.message-options { 723 text-align: left; 681 724 } 725 No newline at end of file