Skip to:
Content

BuddyPress.org

Ticket #5160: 5160-remove-rtl-css.diff

File 5160-remove-rtl-css.diff, 99.6 KB (added by netweb, 6 years ago)
  • Gruntfile.js

     
    55        SOURCE_DIR = 'src/',
    66        BUILD_DIR  = 'build/',
    77
    8         BP_CSS = [
    9                 'bp-activity/admin/css/*.css',
    10                 'bp-core/admin/css/*.css',
    11                 'bp-core/css/*.css',
    12                 'bp-groups/admin/css/*.css',
    13                 'bp-members/admin/css/*.css',
    14                 'bp-messages/css/*.css',
    15                 'bp-templates/bp-legacy/css/*.css',
    16                 'bp-xprofile/admin/css/*.css',
    17                 '!**/*-rtl.css'  // Exclude RTL files
     8        BP_LTR_CSS = [
     9                'bp-activity/admin/css/admin.css',
     10                'bp-core/admin/css/common.css',
     11                'bp-core/css/admin-bar.css',
     12                'bp-core/css/buddybar.css',
     13                'bp-groups/admin/css/admin.css',
     14                'bp-members/admin/css/admin.css',
     15                'bp-messages/css/autocomplete/jquery.autocompletefb.css',
     16                'bp-templates/bp-legacy/css/buddypress.css',
     17                'bp-themes/bp-default/editor-style.css',
     18                'bp-themes/bp-default/_inc/css/default.css',
     19                'bp-themes/bp-default/_inc/css/responsive.css',
     20                'bp-xprofile/admin/css/admin.css'
    1821        ],
    1922
     23        BP_RTL_CSS = [
     24                'bp-activity/admin/css/admin-rtl.css',
     25                'bp-core/admin/css/common-rtl.css',
     26                'bp-core/css/admin-bar-rtl.css',
     27                'bp-core/css/buddybar-rtl.css',
     28                'bp-groups/admin/css/admin-rtl.css',
     29                'bp-members/admin/css/admin-rtl.css',
     30                'bp-messages/css/autocomplete/jquery.autocompletefb-rtl.css',
     31                'bp-templates/bp-legacy/css/buddypress-rtl.css',
     32                'bp-themes/bp-default/editor-style-rtl.css',
     33                'bp-themes/bp-default/_inc/css/default-rtl.css',
     34                'bp-themes/bp-default/_inc/css/responsive-rtl.css',
     35                'bp-xprofile/admin/css/admin-rtl.css'
     36        ],
     37
    2038        BP_JS = [
    2139                'bp-activity/admin/js/*.js',
    2240                'bp-core/js/*.js',
     
    8099                cssjanus: {
    81100                        core: {
    82101                                expand: true,
    83                                 cwd: SOURCE_DIR,
    84                                 dest: SOURCE_DIR,
     102                                cwd: BUILD_DIR,
     103                                dest: BUILD_DIR,
    85104                                ext: '-rtl.css',
    86                                 src: BP_CSS,
     105                                src: BP_LTR_CSS,
    87106                                options: { generateExactDuplicates: true }
    88107                        },
    89108                        dynamic: {
    90109                                expand: true,
    91                                 cwd: SOURCE_DIR,
    92                                 dest: SOURCE_DIR,
     110                                cwd: BUILD_DIR,
     111                                dest: BUILD_DIR,
    93112                                ext: '-rtl.css',
    94113                                src: [],
    95114                                options: { generateExactDuplicates: true }
     
    191210                                dest: BUILD_DIR,
    192211                                expand: true,
    193212                                ext: '.min.css',
    194                                 src: BP_CSS,
     213                                src: BP_LTR_CSS,
    195214                                options: { banner: '/*! https://wordpress.org/plugins/buddypress/ */' }
    196215                        },
    197216                        rtl: {
     
    199218                                dest: BUILD_DIR,
    200219                                expand: true,
    201220                                ext: '.min.css',
    202                                 src: BP_CSS.map( function( filename ) {
    203                                         return filename.replace( '.css', '-rtl.css' );
    204                                 }),
     221                                src: BP_RTL_CSS,
    205222                                options: { banner: '/*! https://wordpress.org/plugins/buddypress/ */' }
    206223                        }
    207224                },
     
    231248
    232249                watch: {
    233250                        css: {
    234                                 files: BP_CSS,
     251                                files: BP_LTR_CSS,
    235252                                tasks: ['less:core'],
    236253                                options: {
    237254                                        spawn: false
  • src/bp-activity/admin/css/admin-rtl.css

     
    1 .akismet-status {
    2         float: left;
    3 }
    4 .akismet-status a {
    5         color: #AAA;
    6         font-style: italic;
    7 }
    8 .akismet-history {
    9         margin: 13px;
    10 }
    11 .akismet-history div {
    12         margin-bottom: 13px;
    13 }
    14 .akismet-history span {
    15         color: #999;
    16 }
    17 
    18 #wp-bp-activities-wrap {
    19         padding: 5px 0;
    20 }
    21 #bp-activities {
    22         height: 120px;
    23 }
    24 #bp-replyhead {
    25         font-size: 1em;
    26         line-height: 1.4em;
    27         margin: 0;
    28 }
    29 #bp-replysubmit {
    30         margin: 0;
    31         padding: 0 0 3px;
    32         text-align: center;
    33 }
    34 #bp-replysubmit .error {
    35         color: red;
    36         line-height: 21px;
    37         text-align: center;
    38         vertical-align: center;
    39 }
    40 #bp-replysubmit img.waiting {
    41         float: left;
    42         padding: 4px 10px 0;
    43         vertical-align: top;
    44 }
    45 #bp-activities-form .column-response img {
    46         float: right;
    47         margin-left: 10px;
    48         margin-top: 1px;
    49 }
    50 .activity-errors {
    51         list-style-type: disc;
    52         margin-right: 2em;
    53 }
    54 
    55 #bp_activity_action div.inside,
    56 #bp_activity_content div.inside {
    57         line-height: 0;
    58 }
    59 #bp_activity_action h3,
    60 #bp_activity_content h3 {
    61         cursor: auto;
    62 }
    63 #bp_activity_action td.mceIframeContainer,
    64 #bp_activity_content td.mceIframeContainer {
    65         background-color: white;
    66 }
    67 #post-body #bp-activities-action_resize,
    68 #post-body #bp-activities-content_resize {
    69         position: inherit;
    70         margin-top: -2px;
    71 }
    72 #bp_activity_link input {
    73         width: 99%;
    74 }
    75 #bp-activities-primaryid {
    76         margin-bottom: 1em;
    77 }
    78 .column-action {
    79         width: 12%;
    80 }
    81  No newline at end of file
  • src/bp-core/admin/css/common-rtl.css

     
    1 /**
    2  * CSS that is always loaded when in wp-admin
    3  *
    4  * @since BuddyPress (1.6)
    5  */
    6 
    7 /* Icon 32's
    8 ------------------------------------------------------------------------------*/
    9 
    10 body.branch-3-6 div#icon-buddypress,
    11 body.branch-3-7 div#icon-buddypress {
    12         background: url('../images/icons32.png') no-repeat -370px -6px;
    13 }
    14 
    15 body.branch-3-6 div#icon-buddypress-activity,
    16 body.branch-3-7 div#icon-buddypress-activity {
    17         background: url('../images/icons32.png') no-repeat -10px -6px;
    18 }
    19 
    20 body.branch-3-6 div#icon-buddypress-groups,
    21 body.branch-3-7 div#icon-buddypress-groups {
    22         background: url('../images/icons32.png') no-repeat -250px -6px;
    23 }
    24 
    25 /* Menu Icons
    26 ------------------------------------------------------------------------------*/
    27 
    28 /* Backpat */
    29 body.branch-3-6 ul#adminmenu li.toplevel_page_bp-components .wp-menu-image,
    30 body.branch-3-6 ul#adminmenu li.toplevel_page_bp-general-settings .wp-menu-image,
    31 body.branch-3-7 ul#adminmenu li.toplevel_page_bp-components .wp-menu-image,
    32 body.branch-3-7 ul#adminmenu li.toplevel_page_bp-general-settings .wp-menu-image {
    33         background-image: url('../images/menu.png') !important;
    34         background-position: -178px -34px;
    35 }
    36 
    37 body.branch-3-6 ul#adminmenu li.toplevel_page_bp-components:hover .wp-menu-image,
    38 body.branch-3-6 ul#adminmenu li.toplevel_page_bp-general-settings:hover .wp-menu-image,
    39 body.branch-3-6 ul#adminmenu li.toplevel_page_bp-components.wp-has-current-submenu .wp-menu-image,
    40 body.branch-3-6 ul#adminmenu li.toplevel_page_bp-general-settings.wp-has-current-submenu .wp-menu-image,
    41 body.branch-3-7 ul#adminmenu li.toplevel_page_bp-components:hover .wp-menu-image,
    42 body.branch-3-7 ul#adminmenu li.toplevel_page_bp-general-settings:hover .wp-menu-image,
    43 body.branch-3-7 ul#adminmenu li.toplevel_page_bp-components.wp-has-current-submenu .wp-menu-image,
    44 body.branch-3-7 ul#adminmenu li.toplevel_page_bp-general-settings.wp-has-current-submenu .wp-menu-image {
    45         background-position: -178px -2px;
    46 }
    47 
    48 /* Activity */
    49 body.branch-3-6 ul#adminmenu li.toplevel_page_bp-activity .wp-menu-image,
    50 body.branch-3-6 ul#adminmenu li.toplevel_page_bp-activity_network .wp-menu-image,
    51 body.branch-3-7 ul#adminmenu li.toplevel_page_bp-activity .wp-menu-image,
    52 body.branch-3-7 ul#adminmenu li.toplevel_page_bp-activity_network .wp-menu-image {
    53         background-image: url('../images/menu.png');
    54         background-position: 0 -34px;
    55 }
    56 body.branch-3-6 ul#adminmenu li.toplevel_page_bp-activity:hover .wp-menu-image,
    57 body.branch-3-6 ul#adminmenu li.toplevel_page_bp-activity.current .wp-menu-image,
    58 body.branch-3-6 ul#adminmenu li.toplevel_page_bp-activity.wp-has-current-submenu .wp-menu-image,
    59 body.branch-3-6 ul#adminmenu li.toplevel_page_bp-activity_network:hover .wp-menu-image,
    60 body.branch-3-6 ul#adminmenu li.toplevel_page_bp-activity_network.current .wp-menu-image,
    61 body.branch-3-6 ul#adminmenu li.toplevel_page_bp-activity_network.wp-has-current-submenu .wp-menu-image,
    62 body.branch-3-7 ul#adminmenu li.toplevel_page_bp-activity:hover .wp-menu-image,
    63 body.branch-3-7 ul#adminmenu li.toplevel_page_bp-activity.current .wp-menu-image,
    64 body.branch-3-7 ul#adminmenu li.toplevel_page_bp-activity.wp-has-current-submenu .wp-menu-image,
    65 body.branch-3-7 ul#adminmenu li.toplevel_page_bp-activity_network:hover .wp-menu-image,
    66 body.branch-3-7 ul#adminmenu li.toplevel_page_bp-activity_network.current .wp-menu-image,
    67 body.branch-3-7 ul#adminmenu li.toplevel_page_bp-activity_network.wp-has-current-submenu .wp-menu-image {
    68         background-position: 0 -2px;
    69 }
    70 
    71 /* Groups */
    72 body.branch-3-6 ul#adminmenu li.toplevel_page_bp-groups .wp-menu-image,
    73 body.branch-3-6 ul#adminmenu li.toplevel_page_bp-groups_network .wp-menu-image,
    74 body.branch-3-7 ul#adminmenu li.toplevel_page_bp-groups .wp-menu-image,
    75 body.branch-3-7 ul#adminmenu li.toplevel_page_bp-groups_network .wp-menu-image {
    76         background-image: url('../images/menu.png');
    77         background-position: -61px -34px;
    78 }
    79 body.branch-3-6 ul#adminmenu li.toplevel_page_bp-groups:hover .wp-menu-image,
    80 body.branch-3-6 ul#adminmenu li.toplevel_page_bp-groups.current .wp-menu-image,
    81 body.branch-3-6 ul#adminmenu li.toplevel_page_bp-groups.wp-has-current-submenu .wp-menu-image,
    82 body.branch-3-6 ul#adminmenu li.toplevel_page_bp-groups_network:hover .wp-menu-image,
    83 body.branch-3-6 ul#adminmenu li.toplevel_page_bp-groups_network.current .wp-menu-image,
    84 body.branch-3-6 ul#adminmenu li.toplevel_page_bp-groups_network.wp-has-current-submenu .wp-menu-image,
    85 body.branch-3-7 ul#adminmenu li.toplevel_page_bp-groups:hover .wp-menu-image,
    86 body.branch-3-7 ul#adminmenu li.toplevel_page_bp-groups.current .wp-menu-image,
    87 body.branch-3-7 ul#adminmenu li.toplevel_page_bp-groups.wp-has-current-submenu .wp-menu-image,
    88 body.branch-3-7 ul#adminmenu li.toplevel_page_bp-groups_network:hover .wp-menu-image,
    89 body.branch-3-7 ul#adminmenu li.toplevel_page_bp-groups_network.current .wp-menu-image,
    90 body.branch-3-7 ul#adminmenu li.toplevel_page_bp-groups_network.wp-has-current-submenu .wp-menu-image {
    91         background-position: -61px -2px;
    92 }
    93 
    94 /* Tools */
    95 #adminmenu .toplevel_page_network-tools div.wp-menu-image:before {
    96     content: "";
    97 }
    98 
    99 th.column-gid {
    100         width: 60px;
    101 }
    102 td.column-gid {
    103         vertical-align: middle;
    104 }
    105 table.bp-group-members th,
    106 table.bp-group-members td {
    107         padding: 5px 0;
    108 }
    109 table.bp-group-members .uid-column {
    110         padding-right: 20px;
    111         padding-left: 20px;
    112 }
    113 table.bp-group-members .uname-column {
    114         width: 70%;
    115 }
    116 table.bp-group-members .urole-column {
    117         padding-right: 20px;
    118         padding-left: 20px;
    119 }
    120 
    121 /* Components
    122 ------------------------------------------------------------------------------*/
    123 
    124 /* Dashicons */
    125 #adminmenu #toplevel_page_bp-activity .wp-menu-image:before,
    126 #adminmenu #toplevel_page_bp-activity_user .wp-menu-image:before,
    127 #adminmenu #toplevel_page_bp-activity_network .wp-menu-image:before {
    128         content: "\f452";
    129 }
    130 
    131 #adminmenu #toplevel_page_bp-groups .wp-menu-image:before,
    132 #adminmenu #toplevel_page_bp-groups_user .wp-menu-image:before,
    133 #adminmenu #toplevel_page_bp-groups_network .wp-menu-image:before {
    134         content: "\f456";
    135 }
    136 
    137 #adminmenu #toplevel_page_bp-notifications .wp-menu-image:before,
    138 #adminmenu #toplevel_page_bp-notifications_user .wp-menu-image:before,
    139 #adminmenu #toplevel_page_bp-notifications_network .wp-menu-image:before {
    140         content: "\f439";
    141 }
    142 
    143 #adminmenu #toplevel_page_bp-messages .wp-menu-image:before,
    144 #adminmenu #toplevel_page_bp-messages_user .wp-menu-image:before,
    145 #adminmenu #toplevel_page_bp-messages_network .wp-menu-image:before {
    146         content: "\f457";
    147 }
    148 
    149 #adminmenu #toplevel_page_bp-friends .wp-menu-image:before,
    150 #adminmenu #toplevel_page_bp-friends_user .wp-menu-image:before,
    151 #adminmenu #toplevel_page_bp-friends_network .wp-menu-image:before{
    152         content: "\f454";
    153 }
    154 
    155 #adminmenu #toplevel_page_bp-settings .wp-menu-image:before,
    156 #adminmenu #toplevel_page_bp-settings_user .wp-menu-image:before,
    157 #adminmenu #toplevel_page_bp-settings_network .wp-menu-image:before {
    158         content: "\f108";
    159 }
    160 
    161 #adminmenu li.toplevel_page_bp-components .wp-menu-image,
    162 #adminmenu li.toplevel_page_bp-general-settings .wp-menu-image {
    163         content: "\f448";
    164 }
    165 
    166 /* Dashicons overrides for backward compatibility */
    167 body.branch-3-6 #adminmenu #toplevel_page_bp-activity .wp-menu-image:before,
    168 body.branch-3-6 #adminmenu #toplevel_page_bp-activity_network .wp-menu-image:before,
    169 body.branch-3-6 #adminmenu #toplevel_page_bp-groups .wp-menu-image:before,
    170 body.branch-3-6 #adminmenu #toplevel_page_bp-groups_network .wp-menu-image:before,
    171 body.branch-3-6 #adminmenu li.toplevel_page_bp-components .wp-menu-image,
    172 body.branch-3-6 #adminmenu li.toplevel_page_bp-general-settings .wp-menu-image,
    173 body.branch-3-7 #adminmenu #toplevel_page_bp-activity .wp-menu-image:before,
    174 body.branch-3-7 #adminmenu #toplevel_page_bp-activity_network .wp-menu-image:before,
    175 body.branch-3-7 #adminmenu #toplevel_page_bp-groups .wp-menu-image:before,
    176 body.branch-3-7 #adminmenu #toplevel_page_bp-groups_network .wp-menu-image:before,
    177 body.branch-3-7 #adminmenu li.toplevel_page_bp-components .wp-menu-image,
    178 body.branch-3-7 #adminmenu li.toplevel_page_bp-general-settings .wp-menu-image {
    179         content: "";
    180 }
    181 
    182 /* Settings - Dashicons (WP 3.8+) */
    183 .settings_page_bp-components td.plugin-title span {
    184         float: right;
    185         width: 18px;
    186         height: 18px;
    187         margin-left: 5px;
    188 }
    189 
    190 .settings_page_bp-components td.plugin-title span:before {
    191         font-family: 'dashicons';
    192         font-size: 18px;
    193 }
    194 
    195 .settings_page_bp-components tr.activity td.plugin-title span:before {
    196         content: "\f452";
    197 }
    198 
    199 .settings_page_bp-components tr.notifications td.plugin-title span:before {
    200         content: "\f339";
    201 }
    202 
    203 .settings_page_bp-components tr.xprofile td.plugin-title span:before {
    204         content: "\f336";
    205 }
    206 
    207 .settings_page_bp-components tr.settings td.plugin-title span:before {
    208         content: "\f108";
    209 }
    210 
    211 .settings_page_bp-components tr.groups td.plugin-title span:before {
    212         content: "\f456";
    213 }
    214 
    215 .settings_page_bp-components tr.messages td.plugin-title span:before {
    216         content: "\f457";
    217 }
    218 
    219 .settings_page_bp-components tr.forums td.plugin-title span:before {
    220         content: "\f452";
    221 }
    222 
    223 .settings_page_bp-components tr.blogs td.plugin-title span:before {
    224         content: "\f120";
    225 }
    226 
    227 .settings_page_bp-components tr.friends td.plugin-title span:before {
    228         content: "\f454";
    229 }
    230 
    231 /* Settings - Legacy (< WP 3.8) */
    232 body.branch-3-6.settings_page_bp-components tr.activity td.plugin-title span:before,
    233 body.branch-3-6.settings_page_bp-components tr.notifications td.plugin-title span:before,
    234 body.branch-3-6.settings_page_bp-components tr.xprofile td.plugin-title span:before,
    235 body.branch-3-6.settings_page_bp-components tr.settings td.plugin-title span:before,
    236 body.branch-3-6.settings_page_bp-components tr.groups td.plugin-title span:before,
    237 body.branch-3-6.settings_page_bp-components tr.messages td.plugin-title span:before,
    238 body.branch-3-6.settings_page_bp-components tr.forums td.plugin-title span:before,
    239 body.branch-3-6.settings_page_bp-components tr.blogs td.plugin-title span:before,
    240 body.branch-3-6.settings_page_bp-components tr.friends td.plugin-title span:before,
    241 body.branch-3-7.settings_page_bp-components tr.activity td.plugin-title span:before,
    242 body.branch-3-7.settings_page_bp-components tr.notifications td.plugin-title span:before,
    243 body.branch-3-7.settings_page_bp-components tr.xprofile td.plugin-title span:before,
    244 body.branch-3-7.settings_page_bp-components tr.settings td.plugin-title span:before,
    245 body.branch-3-7.settings_page_bp-components tr.groups td.plugin-title span:before,
    246 body.branch-3-7.settings_page_bp-components tr.messages td.plugin-title span:before,
    247 body.branch-3-7.settings_page_bp-components tr.forums td.plugin-title span:before,
    248 body.branch-3-7.settings_page_bp-components tr.blogs td.plugin-title span:before,
    249 body.branch-3-7.settings_page_bp-components tr.friends td.plugin-title span:before {
    250         content: "";
    251 }
    252 
    253 body.branch-3-6.settings_page_bp-components td.plugin-title span,
    254 body.branch-3-7.settings_page_bp-components td.plugin-title span {
    255         background-image: url('../images/menu.png');
    256         background-position: -4px -40px;
    257         background-repeat: no-repeat;
    258 }
    259 
    260 body.branch-3-6.settings_page_bp-components tr.active td.plugin-title span,
    261 body.branch-3-7.settings_page_bp-components tr.active td.plugin-title span {
    262         background-position-y: -7px;
    263 }
    264 
    265 body.branch-3-6.settings_page_bp-components tr.activity td.plugin-title span,
    266 body.branch-3-7.settings_page_bp-components tr.activity td.plugin-title span {
    267         background-position: -4px -40px;
    268 }
    269 
    270 body.branch-3-6.settings_page_bp-components tr.activity.active td.plugin-title span,
    271 body.branch-3-7.settings_page_bp-components tr.activity.active td.plugin-title span {
    272         background-position: -4px -7px;
    273 }
    274 
    275 body.branch-3-6.settings_page_bp-components tr.xprofile td.plugin-title span,
    276 body.branch-3-7.settings_page_bp-components tr.xprofile td.plugin-title span {
    277         background-image: url('../images/menu-wp.png');
    278         background-position: -305px -40px;
    279 }
    280 
    281 body.branch-3-6.settings_page_bp-components tr.xprofile.active td.plugin-title span,
    282 body.branch-3-7.settings_page_bp-components tr.xprofile.active td.plugin-title span {
    283         background-position: -305px -7px;
    284 }
    285 
    286 body.branch-3-6.settings_page_bp-components tr.settings td.plugin-title span,
    287 body.branch-3-7.settings_page_bp-components tr.settings td.plugin-title span {
    288         background-image: url('../images/menu-wp.png');
    289         background-position: -334px -40px;
    290 }
    291 
    292 body.branch-3-6.settings_page_bp-components tr.settings.active td.plugin-title span,
    293 body.branch-3-7.settings_page_bp-components tr.settings.active td.plugin-title span {
    294         background-position: -334px -7px;
    295 }
    296 
    297 body.branch-3-6.settings_page_bp-components tr.groups td.plugin-title span,
    298 body.branch-3-7.settings_page_bp-components tr.groups td.plugin-title span {
    299         background-position: -66px -40px;
    300 }
    301 
    302 body.branch-3-6.settings_page_bp-components tr.groups.active td.plugin-title span,
    303 body.branch-3-7.settings_page_bp-components tr.groups.active td.plugin-title span {
    304         background-position: -66px -7px;
    305 }
    306 
    307 body.branch-3-6.settings_page_bp-components tr.messages td.plugin-title span,
    308 body.branch-3-7.settings_page_bp-components tr.messages td.plugin-title span {
    309         background-position: -154px -40px;
    310 }
    311 
    312 body.branch-3-6.settings_page_bp-components tr.messages.active td.plugin-title span,
    313 body.branch-3-7.settings_page_bp-components tr.messages.active td.plugin-title span {
    314         background-position: -154px -7px;
    315 }
    316 
    317 body.branch-3-6.settings_page_bp-components tr.forums td.plugin-title span,
    318 body.branch-3-7.settings_page_bp-components tr.forums td.plugin-title span {
    319         background-image: url('../images/menu-wp.png');
    320         background-position: -36px -40px;
    321 }
    322 
    323 body.branch-3-6.settings_page_bp-components tr.forums.active td.plugin-title span,
    324 body.branch-3-7.settings_page_bp-components tr.forums.active td.plugin-title span {
    325         background-position: -36px -7px;
    326 }
    327 
    328 body.branch-3-6.settings_page_bp-components tr.blogs td.plugin-title span,
    329 body.branch-3-7.settings_page_bp-components tr.blogs td.plugin-title span {
    330         background-position: -125px -40px;
    331 }
    332 
    333 body.branch-3-6.settings_page_bp-components tr.blogs.active td.plugin-title span,
    334 body.branch-3-7.settings_page_bp-components tr.blogs.active td.plugin-title span {
    335         background-position: -125px -7px;
    336 }
    337 
    338 body.branch-3-6.settings_page_bp-components tr.friends td.plugin-title span,
    339 body.branch-3-7.settings_page_bp-components tr.friends td.plugin-title span {
    340         background-position: -95px -40px;
    341 }
    342 
    343 body.branch-3-6.settings_page_bp-components tr.friends.active td.plugin-title span,
    344 body.branch-3-7.settings_page_bp-components tr.friends.active td.plugin-title span {
    345         background-position: -95px -7px;
    346 }
    347 
    348 body.branch-3-6.settings_page_bp-components tr.core td.plugin-title span,
    349 body.branch-3-7.settings_page_bp-components tr.core td.plugin-title span {
    350         background-position: -184px -40px;
    351 }
    352 
    353 body.branch-3-6.settings_page_bp-components tr.core.active td.plugin-title span,
    354 body.branch-3-7.settings_page_bp-components tr.core.active td.plugin-title span {
    355         background-position: -184px -7px;
    356 }
    357 
    358 body.branch-3-6.settings_page_bp-components tr.members td.plugin-title span,
    359 body.branch-3-7.settings_page_bp-components tr.members td.plugin-title span {
    360         background-position: -36px -40px;
    361 }
    362 
    363 body.branch-3-6.settings_page_bp-components tr.members.active td.plugin-title span,
    364 body.branch-3-7.settings_page_bp-components tr.members.active td.plugin-title span {
    365         background-position: -36px -7px;
    366 }
    367 
    368 #bp-admin-component-form .widefat th {
    369     display: table-cell;
    370     vertical-align: top;
    371 }
    372 
    373 /* Version Badge */
    374 
    375 .bp-badge {
    376         font: normal 150px/1 'dashicons' !important;
    377         color: #000;
    378         display: inline-block;
    379 }
    380 
    381 .bp-badge:before {
    382         content: "\f448";
    383 }
    384 
    385 .about-wrap .bp-badge {
    386         position: absolute;
    387         top: 0;
    388         left: 0;
    389 }
    390         body.rtl .about-wrap .bp-badge {
    391                 left: auto;
    392                 right: 0;
    393         }
    394 
    395 /* HiDPI
    396 ------------------------------------------------------------------------------*/
    397 
    398 @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    399 
    400         /* Icon 32 */
    401         body.branch-3-6 div#icon-buddypress,
    402         body.branch-3-6 div#icon-buddypress-activity,
    403         body.branch-3-6 div#icon-buddypress-groups,
    404         body.branch-3-7 div#icon-buddypress,
    405         body.branch-3-7 div#icon-buddypress-activity,
    406         body.branch-3-7 div#icon-buddypress-groups {
    407                 background-image: url('../images/icons64.png');
    408                 background-size: 419px 45px;
    409         }
    410 
    411         /* Backpat */
    412         body.branch-3-6 ul#adminmenu li.toplevel_page_bp-components .wp-menu-image,
    413         body.branch-3-6 ul#adminmenu li.toplevel_page_bp-general-settings .wp-menu-image,
    414         body.branch-3-6 ul#adminmenu li.toplevel_page_bp-activity .wp-menu-image,
    415         body.branch-3-6 ul#adminmenu li.toplevel_page_bp-activity_network .wp-menu-image,
    416         body.branch-3-6 ul#adminmenu li.toplevel_page_bp-groups .wp-menu-image,
    417         body.branch-3-6 ul#adminmenu li.toplevel_page_bp-groups_network .wp-menu-image,
    418         body.branch-3-7 ul#adminmenu li.toplevel_page_bp-components .wp-menu-image,
    419         body.branch-3-7 ul#adminmenu li.toplevel_page_bp-general-settings .wp-menu-image,
    420         body.branch-3-7 ul#adminmenu li.toplevel_page_bp-activity .wp-menu-image,
    421         body.branch-3-7 ul#adminmenu li.toplevel_page_bp-activity_network .wp-menu-image,
    422         body.branch-3-7 ul#adminmenu li.toplevel_page_bp-groups .wp-menu-image,
    423         body.branch-3-7 ul#adminmenu li.toplevel_page_bp-groups_network .wp-menu-image {
    424                 background-image: url('../images/menu-2x.png') !important;
    425                 background-size: 209px 64px;
    426         }
    427 
    428         /* Badge */
    429         .bp-badge {
    430                 background-image: url('../images/badge-2x.png');
    431                 background-size: 173px 194px;
    432         }
    433 }
    434  No newline at end of file
  • src/bp-core/css/admin-bar-rtl.css

     
    1 /* Displayed User */
    2 #wpadminbar .quicklinks li#wp-admin-bar-user-admin-with-avatar > a img,
    3 #wpadminbar .quicklinks li#wp-admin-bar-group-admin-with-avatar > a img {
    4         width: 16px;
    5         height: 16px;
    6         display: inline;
    7         border: 1px solid #999;
    8         vertical-align: middle;
    9         margin: -2px -5px 0 10px;
    10         padding: 0;
    11         background: #eee;
    12         float: none;
    13 }
    14 
    15 /* Displayed Group */
    16 #wpadminbar .quicklinks li#wp-admin-bar-group-admin-with-avatar ul {
    17         right: 0;
    18 }
    19 #wpadminbar .quicklinks li#wp-admin-bar-group-admin-with-avatar ul ul {
    20         right: 0;
    21 }
    22 
    23 /* Notifications */
    24 #wpadminbar .quicklinks li#wp-admin-bar-my-account a span.count,
    25 #wpadminbar .quicklinks li#wp-admin-bar-my-account-with-avatar a span.count,
    26 #wpadminbar .quicklinks li#wp-admin-bar-bp-notifications #ab-pending-notifications {
    27         background: #21759B;
    28         color: #fff;
    29         text-shadow: none;
    30         display: inline;
    31         padding: 2px 5px;
    32         font-size: 10px;
    33         font-weight: bold;
    34         -moz-border-radius: 10px;
    35         -khtml-border-radius: 10px;
    36         -webkit-border-radius: 10px;
    37         border-radius: 10px;
    38 }
    39 
    40 #wpadminbar .quicklinks li#wp-admin-bar-bp-notifications #ab-pending-notifications {
    41         background: #ddd;
    42         color: #333;
    43         margin: 0
    44 }
    45 
    46 #wpadminbar .quicklinks li#wp-admin-bar-bp-notifications #ab-pending-notifications.alert {
    47         background-color: #1fb3dd;
    48         color: #fff;
    49 }
    50 
    51 #wpadminbar .quicklinks li#wp-admin-bar-bp-notifications > a {
    52         padding: 0 .5em;
    53 }
    54 
    55 #wp-admin-bar-user-info img.avatar {
    56         height: 64px;
    57         width: 64px;
    58 }
    59  No newline at end of file
  • src/bp-core/css/buddybar-rtl.css

     
    1 body:not(.wp-admin) {
    2         padding-top: 25px !important;
    3 }
    4 #wp-admin-bar {
    5         position: fixed;
    6         top: 0;
    7         right: 0;
    8         height: 25px;
    9         font-size: 11px;
    10         width: 100%;
    11         z-index: 9999;
    12 }
    13 #wp-admin-bar .padder {
    14         position: relative;
    15         padding: 0;
    16         width: 100%;
    17         margin: 0 auto;
    18         background: url('../images/60pc_black.png');
    19         height: 25px;
    20 }
    21 body#bp-default #wp-admin-bar .padder {
    22         max-width: 1250px;
    23 }
    24 #wp-admin-bar * {
    25         z-index: 999;
    26 }
    27 #wp-admin-bar div#admin-bar-logo {
    28         position: absolute;
    29         top: 5px;
    30         right: 10px;
    31 }
    32 #wp-admin-bar a img {
    33         border: none;
    34 }
    35 #wp-admin-bar li {
    36         list-style: none;
    37         margin: 0;
    38         padding: 0;
    39         line-height: 100%;
    40         text-align: right;
    41 }
    42 #wp-admin-bar li a {
    43         padding: 7px 15px 7px 15px;
    44         color: #eee;
    45         text-decoration: none;
    46         font-size: 11px;
    47 }
    48 #wp-admin-bar li.alt {
    49         border: none;
    50 }
    51 #wp-admin-bar li.no-arrow a {
    52         padding-left: 15px;
    53 }
    54 #wp-admin-bar ul li ul li a span {
    55         display: none;
    56 }
    57 #wp-admin-bar li:hover,
    58 #wp-admin-bar li.hover {
    59         position: static;
    60 }
    61 #admin-bar-logo {
    62         float: right;
    63         font-weight: bold;
    64         font-size: 11px;
    65         padding: 5px 8px;
    66         margin: 0;
    67         text-decoration: none;
    68         color: #fff;
    69 }
    70 body#bp-default #admin-bar-logo {
    71         padding: 2px 8px;
    72 }
    73 
    74 /* all lists */
    75 #wp-admin-bar ul {
    76         margin: 0;
    77         list-style: none;
    78         line-height: 1;
    79         cursor: pointer;
    80         height: auto;
    81         padding: 0;
    82 }
    83 
    84 /* all list items */
    85 #wp-admin-bar ul li {
    86         padding: 0;
    87         float: right;
    88         position: relative;
    89         background: url('../images/admin-menu-arrow.gif') 12% 53% no-repeat;
    90         padding-left: 11px;
    91 }
    92 #wp-admin-bar ul li.no-arrow {
    93         background: none;
    94         padding-left: 0;
    95 }
    96 #wp-admin-bar ul li ul li {
    97         background-image: none;
    98 }
    99 #wp-admin-bar ul li.align-right {
    100         position: absolute;
    101         left: 0;
    102 }
    103 #wp-admin-bar ul li a {
    104         display: block;
    105 }
    106 #wp-admin-bar ul.main-nav li:hover,
    107 #wp-admin-bar ul.main-nav li.sfhover,
    108 #wp-admin-bar ul.main-nav li ul li.sfhover {
    109         background-color: #333;
    110 }
    111 
    112 /* second-level lists */
    113 #wp-admin-bar ul li ul {
    114         position: absolute;
    115         width: 185px;
    116         right: -999em;
    117         margin-right: 0;
    118         background: #333;
    119         border: 1px solid #222;
    120         -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    121         -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    122         -moz-border-radius: 3px;
    123         -webkit-border-radius: 3px;
    124         -moz-border-radius-topleft: 0;
    125         -webkit-border-top-right-radius: 0;
    126         -moz-border-radius-topright: 0;
    127         -webkit-border-top-left-radius: 0;
    128 }
    129 #wp-admin-bar ul li > ul {
    130         border-top: none;
    131 }
    132 #wp-admin-bar ul li ul a {
    133         color: #eee;
    134 }
    135 #wp-admin-bar ul li ul li {
    136         float: right;
    137         width: 174px;
    138         margin: 0;
    139 }
    140 #wp-admin-bar ul li ul li:hover a {
    141         color: #fff;
    142 }
    143 #wp-admin-bar ul li div.admin-bar-clear {
    144         clear: both;
    145 }
    146 #wp-admin-bar ul.main-nav li ul li:hover,
    147 #wp-admin-bar ul.main-nav li ul li.sfhover,
    148 #wp-admin-bar ul.main-nav li ul li.sfhover {
    149         background-color: #222;
    150 }
    151 
    152 /* third-and-above-level lists */
    153 #wp-admin-bar ul li ul ul {
    154         margin: -25px 184px 0 0;
    155         -moz-border-radius: 3px;
    156         -webkit-border-radius: 3px;
    157 }
    158 #wp-admin-bar ul li ul li:hover ul li a {
    159         color: #eee;
    160 }
    161 #wp-admin-bar ul li ul li ul li:hover a {
    162         color: #fff;
    163 }
    164 #wp-admin-bar ul li:hover ul,
    165 #wp-admin-bar ul li ul li:hover ul,
    166 #wp-admin-bar ul li.sfhover ul,
    167 #wp-admin-bar ul li ul li.sfhover ul {
    168         right: auto;
    169 }
    170 #wp-admin-bar ul li.align-right:hover ul {
    171         left: 0;
    172 }
    173 #wp-admin-bar ul li:hover ul ul,
    174 #wp-admin-bar li.sfhover ul li ul {
    175         right: -999em;
    176 }
    177 
    178 /* Menu item css */
    179 #wp-admin-bar img.avatar {
    180         float: right;
    181         margin-left: 8px;
    182 }
    183 #wp-admin-bar span.activity {
    184         display: block;
    185         margin-right: 34px;
    186         padding: 0;
    187 }
    188 #wp-admin-bar ul.author-list li a {
    189         height: 17px;
    190 }
    191 #wp-admin-bar ul li#bp-adminbar-notifications-menu a span {
    192         padding: 0 6px;
    193         margin-right: 2px;
    194         background: #fff;
    195         color: #000;
    196         -moz-border-radius: 3px;
    197         -webkit-border-radius: 3px;
    198         border-radius: 3px;
    199 }
    200 #wp-admin-bar-user-info img.avatar {
    201         height: 64px;
    202         width: 64px;
    203 }
    204  No newline at end of file
  • src/bp-groups/admin/css/admin-rtl.css

     
    1 body.toplevel_page_bp-groups table.groups th#status,
    2 body.toplevel_page_bp-groups table.groups th#members {
    3         width: 10%;
    4 }
    5 
    6 body.toplevel_page_bp-groups table.groups th#last_active {
    7         width: 15%;
    8 }
    9 
    10 #bp-groups-edit-form input {
    11         outline: medium none;
    12         padding: 3px 8px;
    13 }
    14 #bp-groups-edit-form input#bp-groups-name {
    15         font-size: 1.7em;
    16         width: 100%;
    17 }
    18 #bp-groups-edit-form input#bp-groups-new-members {
    19         width: 100%;
    20         max-width: 90%;
    21         border: 0;
    22 }
    23 .bp-groups-settings-section {
    24         margin-bottom: 15px;
    25 }
    26 .bp-groups-member-type {
    27         position: relative;
    28         padding-bottom: 1.7em;
    29 }
    30 .bp-groups-member-type > h4 {
    31         margin-bottom: .5em;
    32 }
    33 ul.bp-group-delete-list {
    34         list-style-type: disc;
    35         margin: 4px 26px;
    36 }
    37 .bp-group-admin-pagination {
    38         position: absolute;
    39         text-align: left;
    40         width: 100%;
    41 }
    42 .bp-group-admin-pagination.table-top {
    43         top: 0;
    44 }
    45 .bp-group-admin-pagination.table-bottom {
    46         bottom: 0;
    47 }
    48 .bp-group-admin-pagination-viewing {
    49         color: #777;
    50         font-size: 12px;
    51         font-style: italic;
    52 }
    53 .bp-group-admin-pagination-links {
    54         white-space: nowrap;
    55         padding-right: 15px;
    56 }
  • src/bp-members/admin/css/admin-rtl.css

     
    1 /**** BP Members Profile Administration Screens ****/
    2 
    3 div#profile-page.wrap form#your-profile {
    4         position:relative;
    5 }
    6 
    7 div#profile-page.wrap form#your-profile h3:first-of-type {
    8         margin-top:6em;
    9 }
    10 
    11 div#profile-page.wrap form#your-profile ul#profile-nav {
    12         position:absolute;
    13         top:-6em;
    14         border-bottom:solid 1px #ccc;
    15         width:100%;
    16 }
    17 
    18 div#community-profile-page ul#profile-nav {
    19         border-bottom:solid 1px #ccc;
    20         width:100%;
    21         margin-top:1em;
    22         margin-bottom:1em;
    23         padding:1em 0;
    24         padding-bottom: 0;
    25         height:2.4em;
    26 }
    27 
    28 form#your-profile ul#profile-nav li,
    29 div#community-profile-page ul#profile-nav li {
    30         margin-right:0.4em;
    31         float:right;
    32         font-weight: bold;
    33         font-size: 15px;
    34         line-height: 24px;
    35 }
    36 
    37 form#your-profile ul#profile-nav li a,
    38 div#community-profile-page ul#profile-nav li a {
    39         text-decoration: none;
    40         color:#888;
    41 }
    42 
    43 form#your-profile ul#profile-nav li a:hover,
    44 form#your-profile ul#profile-nav li.nav-tab-active a,
    45 div#community-profile-page ul#profile-nav li a:hover,
    46 div#community-profile-page ul#profile-nav li.nav-tab-active a {
    47         text-decoration: none;
    48         color:#000;
    49 }
    50 
    51 div#community-profile-page li.bp-members-profile-stats:before,
    52 div#community-profile-page li.bp-friends-profile-stats:before,
    53 div#community-profile-page li.bp-groups-profile-stats:before,
    54 div#community-profile-page li.bp-blogs-profile-stats:before,
    55 div#community-profile-page a.bp-xprofile-avatar-user-admin:before {
    56         font-family: 'dashicons';
    57         font-size: 18px;
    58         vertical-align: bottom;
    59         margin-left:5px;
    60 }
    61 
    62 div#community-profile-page li.bp-members-profile-stats:before {
    63         content: "\f130";
    64 }
    65 
    66 div#community-profile-page li.bp-friends-profile-stats:before {
    67         content: "\f454";
    68 }
    69 
    70 div#community-profile-page li.bp-groups-profile-stats:before {
    71         content: "\f456";
    72 }
    73 
    74 div#community-profile-page li.bp-blogs-profile-stats:before {
    75         content: "\f120";
    76 }
    77 
    78 div#community-profile-page a.bp-xprofile-avatar-user-admin:before {
    79         content:"\f182";
    80 }
    81 
    82 div#community-profile-page div#bp_xprofile_user_admin_avatar div.avatar {
    83         width:150px;
    84         margin:0 auto;
    85 }
    86 
    87 div#community-profile-page div#bp_xprofile_user_admin_avatar div.avatar img {
    88         max-width: 100%;
    89         height: auto;
    90 }
    91 
    92 div#community-profile-page div#bp_xprofile_user_admin_avatar a {
    93         display:block;
    94         margin:1em 0;
    95         text-decoration:none;
    96         color:#888;
    97 }
    98 
    99 div#community-profile-page p.not-activated {
    100         margin:1em 1em 0;
    101         color:red;
    102 }
    103 
    104 #community-profile-page #submitdiv #publishing-action {
    105         float: none;
    106         width: 100%;
    107 }
    108 
    109 .bp-view-profile {
    110         float: right;
    111 }
    112 
    113 .alt {
    114         background: none;
    115 }
    116 .bp-profile-field {
    117         border-bottom: dotted 1px #ccc;
    118         font-size: 14px;
    119         margin: 15px 0;
    120         padding: 10px;
    121 }
    122 .bp-profile-field:last-child {
    123         border-bottom: 0;
    124 }
    125 .bp-profile-field p {
    126         font-size: 14px;
    127 }
    128 .bp-profile-field .datebox > label,
    129 .bp-profile-field .radio > label,
    130 .bp-profile-field > label {  /* label takes on left side 200px */
    131         display: inline-block;
    132         font-weight: 600;
    133         text-align: right;
    134         vertical-align: middle;
    135         width: 200px;
    136 }
    137 
    138 .field_type_textarea > label,
    139 .field_type_multiselectbox > label,
    140 .field_type_radio .radio > label,
    141 .field_type_checkbox .checkbox > label {  /* these fields are usually pretty tall, so align the label for better consistency */
    142         vertical-align: top;
    143 }
    144 .bp-profile-field .description {  /* description also sits in the right side column */
    145         margin: 10px 200px 10px 0;
    146         text-align: right;
    147 }
    148 .clear-value {  /* 'clear value' option also sits in the right side column */
    149         display: block;
    150         font-size: 12px;
    151         margin-right: 200px;
    152 }
    153 .field_type_checkbox .checkbox > label + label {  /* force checkboxes to new lines, in the right side column */
    154         display: block;
    155         margin-right: 200px;
    156         width: auto;
    157 }
    158 .field_type_radio .radio div:not(.field-visibility-settings) label {  /* force radio buttons to new lines */
    159         display: block;
    160 }
    161 .field_type_radio .radio div:not(.field-visibility-settings) {  /* make the radio buttons sit in the right side column */
    162         display: inline-block;
    163 }
    164 .field-visibility-settings-notoggle,
    165 .field-visibility-settings-toggle {  /* visibility settings go in the left column */
    166         margin: 10px 200px 10px 0;
    167         text-align: right;
    168 }
    169 .field-visibility-settings {  /* visibility settings go in the left column */
    170         display: none;
    171         margin-right: 200px;
    172 }
    173 .field-visibility-settings .button {  /* visibility setting close button */
    174         margin-bottom: 15px;
    175 }
    176 #normal-sortables .field-visibility-settings legend {  /* id required for css selector weight */
    177         font-size: 16px;
    178         margin-bottom: 10px;
    179 }
  • src/bp-templates/bp-legacy/css/buddypress-rtl.css

     
    1 /*--------------------------------------------------------------
    2 Hello, this is the BuddyPress Legacy stylesheet.
    3 
    4 ----------------------------------------------------------------
    5 >>> TABLE OF CONTENTS:
    6 ----------------------------------------------------------------
    7 1.0 - Navigation
    8         1.1 - Pagination
    9 2.0 - WordPress
    10         2.1 - Images
    11 3.0 - BuddyPress
    12         3.1 - Activity
    13                 3.1.1 - Activity Listing
    14                 3.1.2 - Activity Comments
    15         3.2 - Toolbar
    16         3.3 - Directories - Members, Groups, Blogs, Forums
    17         3.4 - Error / Success Messages
    18         3.5 - Forms
    19         3.6 - Ajax Loading
    20         3.7 - Topics and Tables - Forums and General
    21         3.8 - Headers, Lists and Tabs - Activity, Groups, Blogs, Forums
    22         3.9 - Private Messaging Threads
    23         3.10 - Extended Profiles
    24         3.11 - Widgets
    25 4.0 - Media Queries
    26         4.1 - Smartphones Landscape
    27         4.2 - Smartphones Portrait
    28         4.3 - Smartphones - smaller screen sizes
    29 --------------------------------------------------------------*/
    30 
    31 /*--------------------------------------------------------------
    32 1 - Navigation
    33 --------------------------------------------------------------*/
    34 /*--------------------------------------------------------------
    35 1.1 - Pagination
    36 --------------------------------------------------------------*/
    37 #buddypress div.pagination {
    38         background: transparent;
    39         border: none;
    40         color: #888;
    41         font-size: 90%;
    42         margin: 0;
    43         position: relative;
    44         display: block;
    45         float: right;
    46         width: 100%;
    47         padding: 10px 0;
    48 }
    49 #buddypress div.pagination .pag-count {
    50         float: right;
    51         margin-right: 10px;
    52 }
    53 #buddypress div.pagination .pagination-links {
    54         float: left;
    55         margin-left: 10px;
    56 }
    57 #buddypress div.pagination .pagination-links span,
    58 #buddypress div.pagination .pagination-links a {
    59         font-size: 90%;
    60         padding: 0 5px;
    61 }
    62 #buddypress div.pagination .pagination-links a:hover {
    63         font-weight: bold;
    64 }
    65 #buddypress noscript div.pagination {
    66         margin-bottom: 15px;
    67 }
    68 #buddypress #nav-above {
    69         display: none;
    70 }
    71 #buddypress .paged #nav-above {
    72         display: block;
    73 }
    74 /*--------------------------------------------------------------
    75 2 - WordPress
    76 --------------------------------------------------------------*/
    77 /*--------------------------------------------------------------
    78 2.1 - Images
    79 --------------------------------------------------------------*/
    80 #buddypress img.wp-smiley {
    81         border: none !important;
    82         clear: none !important;
    83         float: none !important;
    84         margin: 0 !important;
    85         padding: 0 !important;
    86 }
    87 #buddypress .clear {
    88         clear: right;
    89 }
    90 
    91 /*--------------------------------------------------------------
    92 3.0 - BuddyPress
    93 --------------------------------------------------------------*/
    94 /*--------------------------------------------------------------
    95 3.1 - Activity
    96 --------------------------------------------------------------*/
    97 #buddypress #activity-stream {
    98         margin-top: -5px;
    99 }
    100 
    101 #buddypress #activity-stream p {
    102         margin: 5px 0;
    103 }
    104 
    105 #buddypress #item-body form#whats-new-form {
    106         margin: 0;
    107         padding: 0;
    108 }
    109 #buddypress .home-page form#whats-new-form {
    110         border-bottom: none;
    111         padding-bottom: 0;
    112 }
    113 #buddypress form#whats-new-form #whats-new-avatar {
    114         float: right;
    115 }
    116 #buddypress form#whats-new-form #whats-new-content {
    117         margin-right: 55px;
    118         padding: 0 20px 20px 0;
    119 }
    120 #buddypress form#whats-new-form p.activity-greeting {
    121         line-height: 0.5em;
    122         margin-bottom: 15px;
    123         margin-right: 75px;
    124 }
    125 #buddypress form#whats-new-form textarea {
    126         background: #fff;
    127         color: #555;
    128         font-family: inherit;
    129         font-size: 90%;
    130         height: 20px;
    131         padding: 6px;
    132         width: 98%;
    133 }
    134 body.no-js #buddypress form#whats-new-form textarea {
    135         height: 50px;
    136 }
    137 #buddypress form#whats-new-form #whats-new-options select {
    138         max-width: 200px;
    139         margin-top: 12px;
    140 }
    141 #buddypress form#whats-new-form #whats-new-submit {
    142         float: left;
    143         margin-top: 12px;
    144 }
    145 #buddypress #whats-new-options {
    146         overflow: auto;
    147         height: 0;
    148 }
    149 body.no-js #buddypress #whats-new-options {
    150         height: auto;
    151 }
    152 #buddypress #whats-new:focus {
    153         border-color: rgba(31, 179, 221, 0.9) !important;
    154         outline-color: rgba(31, 179, 221, 0.9);
    155 }
    156 
    157 /*--------------------------------------------------------------
    158 3.1.1 - Activity Listing
    159 --------------------------------------------------------------*/
    160 #buddypress ul.activity-list li {
    161         overflow: hidden;
    162         padding: 15px 0 0;
    163         list-style: none;
    164 }
    165 #buddypress .activity-list .activity-avatar {
    166         float: right;
    167 }
    168 #buddypress ul.item-list.activity-list li.has-comments {
    169         padding-bottom: 15px;
    170 }
    171 body.activity-permalink #buddypress ul.activity-list li.has-comments {
    172         padding-bottom: 0;
    173 }
    174 #buddypress .activity-list li.mini {
    175         font-size: 80%;
    176         position: relative;
    177 }
    178 #buddypress .activity-list li.mini .activity-avatar img.avatar,
    179 #buddypress .activity-list li.mini .activity-avatar img.FB_profile_pic {
    180         height: 20px;
    181         margin-right: 30px;
    182         width: 20px;
    183 }
    184 #buddypress .activity-permalink .activity-list li.mini .activity-avatar img.avatar,
    185 #buddypress .activity-permalink .activity-list li.mini .activity-avatar img.FB_profile_pic {
    186         height: auto;
    187         margin-right: 0;
    188         width: auto;
    189 }
    190 body.activity-permalink #buddypress .activity-list > li:first-child {
    191         padding-top: 0;
    192 }
    193 #buddypress .activity-list li .activity-content {
    194         position: relative;
    195 }
    196 #buddypress .activity-list li.mini .activity-content p {
    197         margin: 0;
    198 }
    199 #buddypress .activity-list li.mini .activity-comments {
    200         clear: both;
    201         font-size: 120%;
    202 }
    203 body.activity-permalink #buddypress li.mini .activity-meta {
    204         margin-top: 4px;
    205 }
    206 #buddypress .activity-list li .activity-inreplyto {
    207         color: #888;
    208         font-size: 80%;
    209 }
    210 #buddypress .activity-list li .activity-inreplyto > p {
    211         margin: 0;
    212         display: inline;
    213 }
    214 #buddypress .activity-list li .activity-inreplyto blockquote,
    215 #buddypress .activity-list li .activity-inreplyto div.activity-inner {
    216         background: none;
    217         border: none;
    218         display: inline;
    219         margin: 0;
    220         overflow: hidden;
    221         padding: 0;
    222 }
    223 #buddypress .activity-list .activity-content {
    224         margin: 0 70px 0 0;
    225 }
    226 body.activity-permalink #buddypress .activity-list li .activity-content {
    227         border: none;
    228         font-size: 100%;
    229         line-height: 150%;
    230         margin-right: 170px;
    231         margin-left: 0;
    232         padding: 0;
    233 }
    234 body.activity-permalink #buddypress .activity-list li .activity-header > p {
    235         margin: 0;
    236         padding: 5px 0 0 0;
    237 }
    238 #buddypress .activity-list .activity-content .activity-header,
    239 #buddypress .activity-list .activity-content .comment-header {
    240         color: #888;
    241         line-height: 220%;
    242 }
    243 #buddypress .activity-header {
    244         margin-left: 20px;
    245 }
    246 #buddypress .activity-header a,
    247 #buddypress .comment-meta a,
    248 #buddypress .acomment-meta a {
    249         text-decoration: none;
    250 }
    251 #buddypress .activity-list .activity-content .activity-header img.avatar {
    252         float: none !important;
    253         margin: 0 0 -8px 5px !important;
    254 }
    255 #buddypress a.bp-secondary-action,
    256 #buddypress span.highlight {
    257         font-size: 80%;
    258         padding: 0;
    259         margin-left: 5px;
    260         text-decoration: none;
    261 }
    262 #buddypress .activity-list .activity-content .activity-inner,
    263 #buddypress .activity-list .activity-content blockquote {
    264         margin: 10px 0 5px 10px;
    265         overflow: hidden;
    266 }
    267 #buddypress .activity-list li.new_forum_post .activity-content .activity-inner,
    268 #buddypress .activity-list li.new_forum_topic .activity-content .activity-inner {
    269         border-right: 2px solid #EAEAEA;
    270         margin-right: 5px;
    271         padding-right: 10px;
    272 }
    273 body.activity-permalink #buddypress .activity-content .activity-inner,
    274 body.activity-permalink #buddypress .activity-content blockquote {
    275         margin-right: 0;
    276         margin-top: 5px;
    277 }
    278 #buddypress .activity-inner > p {
    279         word-wrap: break-word;
    280 }
    281 #buddypress .activity-inner > .activity-inner {
    282         margin: 0;
    283 }
    284 #buddypress .activity-inner > blockquote {
    285         margin: 0;
    286 }
    287 #buddypress .activity-list .activity-content img.thumbnail {
    288         border: 2px solid #eee;
    289         float: right;
    290         margin: 0 0 5px 10px;
    291 }
    292 #buddypress .activity-read-more {
    293         margin-right: 1em;
    294         white-space: nowrap;
    295 }
    296 #buddypress .activity-list li.load-more,
    297 #buddypress .activity-list li.load-newest {
    298         background: #f0f0f0;
    299         font-size: 110%;
    300         margin: 15px 0;
    301         padding: 10px 15px;
    302         text-align: center;
    303 }
    304 #buddypress .activity-list li.load-more a,
    305 #buddypress .activity-list li.load-newest a {
    306         color: #4D4D4D;
    307 }
    308 
    309 
    310 /*--------------------------------------------------------------
    311 3.1.2 - Activity Comments
    312 --------------------------------------------------------------*/
    313 #buddypress div.activity-meta {
    314         margin: 18px 0 0;
    315 }
    316 body.activity-permalink #buddypress div.activity-meta {
    317         margin-bottom: 6px;
    318 }
    319 #buddypress div.activity-meta a {
    320         padding: 4px 8px;
    321 }
    322 #buddypress a.activity-time-since {
    323         color: #aaa;
    324         text-decoration: none;
    325 }
    326 #buddypress a.activity-time-since:hover {
    327         color: #888;
    328         text-decoration: underline;
    329 }
    330 #buddypress a.bp-primary-action,
    331 #buddypress #reply-title small a {
    332         font-size: 80%;
    333         margin-left: 5px;
    334         text-decoration: none;
    335 }
    336 #buddypress a.bp-primary-action span,
    337 #buddypress #reply-title small a span {
    338         background: #999;
    339         color: #fff;
    340         font-size: 90%;
    341         margin-right: 2px;
    342         padding: 0 5px;
    343 }
    344 #buddypress a.bp-primary-action:hover span,
    345 #buddypress #reply-title small a:hover span {
    346         background: #555;
    347         color: #fff;
    348 }
    349 #buddypress div.activity-comments {
    350         margin: 0 70px 0 0;
    351         overflow: hidden; /* IE fix */
    352         position: relative;
    353         width: auto;
    354         clear: both;
    355 }
    356 body.activity-permalink #buddypress div.activity-comments {
    357         background: none;
    358         margin-right: 170px;
    359         width: auto;
    360 }
    361 #buddypress div.activity-comments > ul {
    362         padding: 0 10px 0 0;
    363 }
    364 #buddypress div.activity-comments ul,
    365 #buddypress div.activity-comments ul li {
    366         border: none;
    367         list-style: none;
    368 }
    369 #buddypress div.activity-comments ul {
    370         clear: both;
    371         margin: 0;
    372 }
    373 #buddypress div.activity-comments ul li {
    374         border-top: 1px solid #eee;
    375         padding: 10px 0 0;
    376 }
    377 body.activity-permalink #buddypress .activity-list li.mini .activity-comments {
    378         clear: none;
    379         margin-top: 0;
    380 }
    381 body.activity-permalink #buddypress div.activity-comments ul li {
    382         border-width: 1px;
    383         padding: 10px 0 0 0;
    384 }
    385 #buddypress div.activity-comments > ul > li:first-child {
    386         border-top: none;
    387 }
    388 #buddypress div.activity-comments ul li:last-child {
    389         margin-bottom: 0;
    390 }
    391 #buddypress div.activity-comments ul li > ul {
    392         margin-right: 30px;
    393         margin-top: 0;
    394         padding-right: 10px;
    395 }
    396 body.activity-permalink #buddypress div.activity-comments ul li > ul {
    397         margin-top: 10px;
    398 }
    399 body.activity-permalink #buddypress div.activity-comments > ul {
    400         padding: 0 15px 0 10px;
    401 }
    402 #buddypress div.activity-comments div.acomment-avatar img {
    403         border-width: 1px;
    404         float: right;
    405         height: 25px;
    406         margin-left: 10px;
    407         width: 25px;
    408 }
    409 #buddypress div.activity-comments div.acomment-content {
    410         font-size: 80%;
    411         margin: 5px 40px 0 0;
    412 }
    413 #buddypress div.acomment-content .time-since,
    414 #buddypress div.acomment-content .activity-delete-link,
    415 #buddypress div.acomment-content .comment-header {
    416         display: none;
    417 }
    418 body.activity-permalink #buddypress div.activity-comments div.acomment-content {
    419         font-size: 90%;
    420 }
    421 #buddypress div.activity-comments div.acomment-meta {
    422         color: #888;
    423         font-size: 80%;
    424 }
    425 #buddypress div.activity-comments form.ac-form {
    426         display: none;
    427         padding: 10px;
    428 }
    429 #buddypress div.activity-comments li form.ac-form {
    430         margin-left: 15px;
    431         clear: both;
    432 }
    433 #buddypress div.activity-comments form.root {
    434         margin-right: 0;
    435 }
    436 #buddypress div.activity-comments div#message {
    437         margin-top: 15px;
    438         margin-bottom: 0;
    439 }
    440 #buddypress div.activity-comments form .ac-textarea {
    441         background: #fff;
    442         border: 1px inset #ccc;
    443         margin-bottom: 10px;
    444         padding: 8px;
    445 }
    446 #buddypress div.activity-comments form textarea {
    447         border: none;
    448         background: transparent;
    449         box-shadow: none;
    450         outline: none;
    451         color: #555;
    452         font-family: inherit;
    453         font-size: 100%;
    454         height: 60px;
    455         padding: 0;
    456         margin: 0;
    457         width: 100%;
    458 }
    459 #buddypress div.activity-comments form input {
    460         margin-top: 5px;
    461 }
    462 #buddypress div.activity-comments form div.ac-reply-avatar {
    463         float: right;
    464 }
    465 #buddypress div.ac-reply-avatar img {
    466         border: 1px solid #eee;
    467 }
    468 #buddypress div.activity-comments form div.ac-reply-content {
    469         color: #888;
    470         margin-right: 50px;
    471         padding-right: 15px;
    472 }
    473 #buddypress div.activity-comments form div.ac-reply-content a {
    474         text-decoration: none;
    475 }
    476 #buddypress .acomment-options {
    477         float: right;
    478         margin: 5px 40px 5px 0;
    479 }
    480 #buddypress .acomment-options a {
    481         color: #999;
    482 }
    483 #buddypress .acomment-options a:hover {
    484         color: inherit;
    485 }
    486 
    487 /*--------------------------------------------------------------
    488 3.3 - Directories - Members, Groups, Blogs, Forums
    489 --------------------------------------------------------------*/
    490 #buddypress div.dir-search {
    491         float: left;
    492         margin: -39px 0 0 0;
    493 }
    494 #buddypress div.dir-search input[type=text],
    495 #buddypress li.groups-members-search input[type=text] {
    496         font-size: 90%;
    497         padding: 1px 3px;
    498 }
    499 
    500 #buddypress .dir-form {
    501         clear: both;
    502 }
    503 
    504 /*--------------------------------------------------------------
    505 3.4 - Errors / Success Messages
    506 --------------------------------------------------------------*/
    507 #buddypress div#message {
    508         margin: 0 0 15px;
    509 }
    510 #buddypress #message.info {
    511         margin-bottom: 0;
    512 }
    513 #buddypress div#message.updated {
    514         clear: both;
    515 }
    516 #buddypress div#message p,
    517 #sitewide-notice p {
    518         font-size: 90%;
    519         display: block;
    520         padding: 10px 15px;
    521 }
    522 #buddypress div#message.error p {
    523         background-color: #fdc;
    524         border: 1px solid #a00;
    525         clear: right;
    526         color: #800;
    527 }
    528 #buddypress div#message.updated p {
    529         background-color: #efc;
    530         border: 1px solid #591;
    531         color: #250;
    532 }
    533 #buddypress .standard-form#signup_form div div.error {
    534         background: #faa;
    535         color: #a00;
    536         margin: 0 0 10px 0;
    537         padding: 6px;
    538         width: 90%;
    539 }
    540 #buddypress div.accept,
    541 #buddypress div.reject {
    542         float: right;
    543         margin-right: 10px;
    544 }
    545 #buddypress ul.button-nav li {
    546         float: right;
    547         margin: 0 0 10px 10px;
    548         list-style: none;
    549 }
    550 #buddypress ul.button-nav li.current a {
    551         font-weight: bold;
    552 }
    553 #sitewide-notice #message {
    554         right: 2%;
    555         position: fixed;
    556         top: 1em;
    557         width: 96%;
    558         z-index: 9999;
    559 }
    560 #sitewide-notice.admin-bar-on #message {
    561         top: 3.3em;
    562 }
    563 #sitewide-notice strong {
    564         display: block;
    565         margin-bottom: -1em;
    566 }
    567 
    568 /*--------------------------------------------------------------
    569 3.5 - Forms
    570 --------------------------------------------------------------*/
    571 #buddypress .standard-form textarea,
    572 #buddypress .standard-form input[type=text],
    573 #buddypress .standard-form input[type=text],
    574 #buddypress .standard-form input[type=color],
    575 #buddypress .standard-form input[type=date],
    576 #buddypress .standard-form input[type=datetime],
    577 #buddypress .standard-form input[type=datetime-local],
    578 #buddypress .standard-form input[type=email],
    579 #buddypress .standard-form input[type=month],
    580 #buddypress .standard-form input[type=number],
    581 #buddypress .standard-form input[type=range],
    582 #buddypress .standard-form input[type=search],
    583 #buddypress .standard-form input[type=tel],
    584 #buddypress .standard-form input[type=time],
    585 #buddypress .standard-form input[type=url],
    586 #buddypress .standard-form input[type=week],
    587 #buddypress .standard-form select,
    588 #buddypress .standard-form input[type=password],
    589 #buddypress .dir-search input[type=search],
    590 #buddypress .dir-search input[type=text],
    591 #buddypress .groups-members-search input[type=search],
    592 #buddypress .groups-members-search input[type=text] {
    593         border: 1px solid #ccc;
    594         background: #fafafa;
    595         border-radius: 0;
    596         color: #888;
    597         font: inherit;
    598         font-size: 100%;
    599         padding: 6px;
    600 }
    601 #buddypress .standard-form select {
    602         padding: 3px;
    603 }
    604 #buddypress .standard-form input[type=password] {
    605         margin-bottom: 5px;
    606 }
    607 #buddypress .standard-form label,
    608 #buddypress .standard-form span.label {
    609         display: block;
    610         font-weight: bold;
    611         margin: 15px 0 5px 0;
    612 }
    613 #buddypress .standard-form div.checkbox label:nth-child(n+2),
    614 #buddypress .standard-form div.radio div label {
    615         color: #888;
    616         font-size: 100%;
    617         font-weight: normal;
    618         margin: 5px 0 0 0;
    619 }
    620 #buddypress .standard-form#sidebar-login-form label {
    621         margin-top: 5px;
    622 }
    623 #buddypress .standard-form input[type=text] {
    624         width: 75%;
    625 }
    626 #buddypress .standard-form#sidebar-login-form input[type=text],
    627 #buddypress .standard-form#sidebar-login-form input[type=password] {
    628         padding: 4px;
    629         width: 95%;
    630 }
    631 #buddypress .standard-form #basic-details-section input[type=password],
    632 #buddypress .standard-form #blog-details-section input#signup_blog_url {
    633         width: 35%;
    634 }
    635 #buddypress .standard-form#signup_form input[type=text],
    636 #buddypress .standard-form#signup_form textarea,
    637 #buddypress .form-allowed-tags,
    638 #buddypress #commentform input[type=text],
    639 #buddypress #commentform textarea {
    640         width: 90%;
    641 }
    642 #buddypress .standard-form#signup_form div.submit {
    643         float: left;
    644 }
    645 #buddypress div#signup-avatar img {
    646         margin: 0 0 10px 15px;
    647 }
    648 #buddypress .standard-form textarea {
    649         width: 75%;
    650         height: 120px;
    651 }
    652 #buddypress .standard-form textarea#message_content {
    653         height: 200px;
    654 }
    655 #buddypress .standard-form#send-reply textarea {
    656         width: 97.5%;
    657 }
    658 #buddypress .standard-form p.description {
    659         color: #888;
    660         font-size: 80%;
    661         margin: 5px 0;
    662 }
    663 #buddypress .standard-form div.submit {
    664         clear: both;
    665         padding: 15px 0 0 0;
    666 }
    667 #buddypress .standard-form p.submit {
    668         margin-bottom: 0;
    669         padding: 15px 0 0 0;
    670 }
    671 #buddypress .standard-form div.submit input {
    672         margin-left: 15px;
    673 }
    674 #buddypress .standard-form div.radio ul {
    675         margin: 10px 38px 15px 0;
    676         list-style: disc;
    677 }
    678 #buddypress .standard-form div.radio ul li {
    679         margin-bottom: 5px;
    680 }
    681 #buddypress .standard-form a.clear-value {
    682         display: block;
    683         margin-top: 5px;
    684         outline: none;
    685 }
    686 #buddypress .standard-form #basic-details-section,
    687 #buddypress .standard-form #blog-details-section,
    688 #buddypress .standard-form #profile-details-section {
    689         float: right;
    690         width: 48%;
    691 }
    692 #buddypress .standard-form #profile-details-section {
    693         float: left;
    694 }
    695 #buddypress .standard-form #blog-details-section {
    696         clear: right;
    697 }
    698 #buddypress .standard-form input:focus,
    699 #buddypress .standard-form textarea:focus,
    700 #buddypress .standard-form select:focus {
    701         background: #fafafa;
    702         color: #555;
    703 }
    704 #buddypress form#send-invite-form {
    705         margin-top: 20px;
    706 }
    707 #buddypress div#invite-list {
    708         background: #f5f5f5;
    709         height: 400px;
    710         margin: 0 0 10px;
    711         overflow: auto;
    712         padding: 5px;
    713         width: 160px;
    714 }
    715 #buddypress button,
    716 #buddypress a.button,
    717 #buddypress input[type=submit],
    718 #buddypress input[type=button],
    719 #buddypress input[type=reset],
    720 #buddypress ul.button-nav li a,
    721 #buddypress div.generic-button a,
    722 #buddypress .comment-reply-link,
    723 a.bp-title-button {
    724         background: #fff; /* Old browsers */
    725         border: 1px solid #ccc;
    726         color: #777;
    727         font-size: .8rem;
    728         cursor: pointer;
    729         outline: none;
    730         padding: 4px 10px;
    731         text-align: center;
    732         text-decoration: none;
    733 }
    734 #buddypress button:hover,
    735 #buddypress a.button:hover,
    736 #buddypress a.button:focus,
    737 #buddypress input[type=submit]:hover,
    738 #buddypress input[type=button]:hover,
    739 #buddypress input[type=reset]:hover,
    740 #buddypress ul.button-nav li a:hover,
    741 #buddypress ul.button-nav li.current a,
    742 #buddypress div.generic-button a:hover,
    743 #buddypress .comment-reply-link:hover {
    744         background: #ededed;
    745         border: 1px solid #bbb;
    746         color: #555;
    747         outline: none;
    748         text-decoration: none;
    749 }
    750 
    751 #buddypress form.standard-form .left-menu {
    752         float: right;
    753 }
    754 
    755 #buddypress form.standard-form .left-menu #invite-list ul{
    756         margin:1%;
    757         list-style: none;
    758 }
    759 
    760 #buddypress form.standard-form .left-menu #invite-list ul li {
    761         margin:0 1% 0 0;
    762 }
    763 
    764 #buddypress form.standard-form .main-column {
    765         margin-right: 190px;
    766 }
    767 
    768 #buddypress form.standard-form .main-column ul#friend-list {
    769         clear:none;
    770         float: right;
    771 }
    772 
    773 #buddypress form.standard-form .main-column ul#friend-list h4 {
    774         clear:none;
    775 }
    776 
    777 /* Overrides for embedded WP editors */
    778 #buddypress .wp-editor-wrap a.button,
    779 #buddypress .wp-editor-wrap button,
    780 #buddypress .wp-editor-wrap input[type=submit],
    781 #buddypress .wp-editor-wrap input[type=button],
    782 #buddypress .wp-editor-wrap input[type=reset] {
    783         padding: 0 10px 1px;
    784 }
    785 /*--------------------------------------------------------------
    786 3.6 - Ajax Loading
    787 --------------------------------------------------------------*/
    788 #buddypress a.loading,
    789 #buddypress input.loading {
    790         -webkit-animation: loader-pulsate .5s infinite ease-in-out alternate;
    791         -moz-animation: loader-pulsate .5s infinite ease-in-out alternate;
    792         border-color: #aaa;
    793 }
    794 @-webkit-keyframes loader-pulsate {
    795         from {
    796                 border-color: #aaa;
    797                 -webkit-box-shadow: 0 0 6px #ccc;
    798                 box-shadow: 0 0 6px #ccc;
    799         }
    800         to {
    801                 border-color: #ccc;
    802                 -webkit-box-shadow: 0 0 6px #f8f8f8;
    803                 box-shadow: 0 0 6px #f8f8f8;
    804         }
    805 }
    806 @-moz-keyframes loader-pulsate {
    807         from {
    808                 border-color: #aaa;
    809                 -moz-box-shadow: 0 0 6px #ccc;
    810                 box-shadow: 0 0 6px #ccc;
    811         }
    812         to {
    813                 border-color: #ccc;
    814                 -moz-box-shadow: 0 0 6px #f8f8f8;
    815                 box-shadow: 0 0 6px #f8f8f8;
    816         }
    817 }
    818 
    819 #buddypress a.loading:hover,
    820 #buddypress input.loading:hover {
    821     color: #777;
    822 }
    823 #buddypress input[type="submit"].pending,
    824 #buddypress input[type="button"].pending,
    825 #buddypress input[type="reset"].pending,
    826 #buddypress input[type="submit"].disabled,
    827 #buddypress input[type="button"].disabled,
    828 #buddypress input[type="reset"].disabled,
    829 #buddypress button.pending,
    830 #buddypress button.disabled,
    831 #buddypress div.pending a,
    832 #buddypress a.disabled {
    833     border-color: #eee;
    834     color: #bbb;
    835     cursor: default;
    836 }
    837 #buddypress input[type="submit"]:hover.pending,
    838 #buddypress input[type="button"]:hover.pending,
    839 #buddypress input[type="reset"]:hover.pending,
    840 #buddypress input[type="submit"]:hover.disabled,
    841 #buddypress input[type="button"]:hover.disabled,
    842 #buddypress input[type="reset"]:hover.disabled,
    843 #buddypress button.pending:hover,
    844 #buddypress button.disabled:hover,
    845 #buddypress div.pending a:hover,
    846 #buddypress a.disabled:hover {
    847         border-color: #eee;
    848     color: #bbb;
    849 }
    850 
    851 /*--------------------------------------------------------------
    852 3.7 - Forums, Tables and Topics
    853 --------------------------------------------------------------*/
    854 #buddypress ul#topic-post-list {
    855         margin: 0;
    856         width: auto;
    857 }
    858 #buddypress ul#topic-post-list li {
    859         padding: 15px;
    860         position: relative;
    861 }
    862 #buddypress ul#topic-post-list li.alt {
    863         background: #f5f5f5;
    864 }
    865 #buddypress ul#topic-post-list li div.poster-meta {
    866         color: #888;
    867         margin-bottom: 10px;
    868 }
    869 #buddypress ul#topic-post-list li div.post-content {
    870         margin-right: 54px;
    871 }
    872 #buddypress div.topic-tags {
    873         font-size: 80%;
    874 }
    875 #buddypress div.admin-links {
    876         color: #888;
    877         font-size: 80%;
    878         position: absolute;
    879         top: 15px;
    880         left: 25px;
    881 }
    882 #buddypress div#topic-meta {
    883         margin: 0;
    884         padding: 5px 19px 30px;
    885         position: relative;
    886 }
    887 #buddypress div#topic-meta div.admin-links {
    888         left: 19px;
    889         top: -36px;
    890 }
    891 #buddypress div#topic-meta h3 {
    892         margin: 5px 0;
    893 }
    894 #buddypress div#new-topic-post {
    895         display: none;
    896         margin: 20px 0 0 0;
    897         padding: 1px 0 0 0;
    898 }
    899 #buddypress table.notifications,
    900 #buddypress table.notifications-settings,
    901 #buddypress table.profile-settings,
    902 #buddypress table.profile-fields,
    903 #buddypress table.wp-profile-fields,
    904 #buddypress table.messages-notices,
    905 #buddypress table.forum {
    906         width: 100%;
    907 }
    908 #buddypress table.notifications thead tr,
    909 #buddypress table.notifications-settings thead tr,
    910 #buddypress table.profile-settings thead tr,
    911 #buddypress table.profile-fields thead tr,
    912 #buddypress table.wp-profile-fields thead tr,
    913 #buddypress table.messages-notices thead tr,
    914 #buddypress table.forum thead tr {
    915         background: #eaeaea;
    916 }
    917 #buddypress table#message-threads {
    918         clear: both;
    919         margin: 0;
    920         width: auto;
    921 }
    922 #buddypress table.profile-fields {
    923         margin-bottom: 20px;
    924 }
    925 #buddypress table.profile-fields:last-child {
    926         margin-bottom: 0;
    927 }
    928 #buddypress table.profile-fields p {
    929         margin: 0;
    930 }
    931 #buddypress table.profile-fields p:last-child {
    932         margin-top: 0;
    933 }
    934 #buddypress table.notifications tr td,
    935 #buddypress table.notifications-settings tr td,
    936 #buddypress table.profile-settings tr td,
    937 #buddypress table.profile-fields tr td,
    938 #buddypress table.wp-profile-fields tr td,
    939 #buddypress table.messages-notices tr td,
    940 #buddypress table.forum tr td,
    941 #buddypress table.notifications tr th,
    942 #buddypress table.notifications-settings tr th,
    943 #buddypress table.profile-fields tr th,
    944 #buddypress table.wp-profile-fields tr th,
    945 #buddypress table.messages-notices tr th,
    946 #buddypress table.forum tr th {
    947         padding: 8px;
    948         vertical-align: middle;
    949 }
    950 #buddypress table.notifications tr td.label,
    951 #buddypress table.notifications-settings tr td.label,
    952 #buddypress table.profile-fields tr td.label,
    953 #buddypress table.wp-profile-fields tr td.label,
    954 #buddypress table.messages-notices tr td.label,
    955 #buddypress table.forum tr td.label {
    956         border-left: 1px solid #eaeaea;
    957         font-weight: bold;
    958         width: 25%;
    959 }
    960 #buddypress table tr td.thread-info p {
    961         margin: 0;
    962 }
    963 #buddypress table tr td.thread-info p.thread-excerpt {
    964         color: #888;
    965         font-size: 80%;
    966         margin-top: 3px;
    967 }
    968 #buddypress table.forum td {
    969         text-align: center;
    970 }
    971 #buddypress table.notifications tr.alt td,
    972 #buddypress table.notifications-settings tr.alt td,
    973 #buddypress table.profile-settings tr.alt td,
    974 #buddypress table.profile-fields tr.alt td,
    975 #buddypress table.wp-profile-fields tr.alt td,
    976 #buddypress table.messages-notices tr.alt td,
    977 #buddypress table.forum tr.alt td {
    978         background: #f5f5f5;
    979 }
    980 #buddypress table.notification-settings {
    981         margin-bottom: 20px;
    982         text-align: right;
    983 }
    984 #buddypress #groups-notification-settings {
    985         margin-bottom: 0;
    986 }
    987 #buddypress table.notifications th.icon,
    988 #buddypress table.notifications td:first-child,
    989 #buddypress table.notification-settings th.icon,
    990 #buddypress table.notification-settings td:first-child {
    991         display: none;
    992 }
    993 #buddypress table.notification-settings th.title,
    994 #buddypress table.profile-settings th.title {
    995         width: 80%;
    996 }
    997 #buddypress table.notification-settings .yes,
    998 #buddypress table.notification-settings .no {
    999         text-align: center;
    1000         width: 40px;
    1001 }
    1002 #buddypress table.forum {
    1003         margin: 0;
    1004         width: auto;
    1005         clear: both;
    1006 }
    1007 #buddypress table.forum tr.sticky td {
    1008         font-size: 110%;
    1009         background: #fff9db;
    1010         border-top: 1px solid #ffe8c4;
    1011         border-bottom: 1px solid #ffe8c4;
    1012 }
    1013 #buddypress table.forum tr.closed td.td-title {
    1014         padding-right: 35px;
    1015 }
    1016 #buddypress table.forum td p.topic-text {
    1017         color: #888;
    1018         font-size: 100%;
    1019 }
    1020 #buddypress table.forum tr > td:first-child,
    1021 #buddypress table.forum tr > th:first-child {
    1022         padding-right: 15px;
    1023 }
    1024 #buddypress table.forum tr > td:last-child,
    1025 #buddypress table.forum tr > th:last-child {
    1026         padding-left: 15px;
    1027 }
    1028 #buddypress table.forum tr th#th-title,
    1029 #buddypress table.forum tr th#th-poster,
    1030 #buddypress table.forum tr th#th-group,
    1031 #buddypress table.forum td.td-poster,
    1032 #buddypress table.forum td.td-group,
    1033 #buddypress table.forum td.td-title {
    1034         text-align: right;
    1035 }
    1036 #buddypress table.forum tr td.td-title a.topic-title {
    1037         font-size: 110%;
    1038 }
    1039 #buddypress table.forum td.td-freshness {
    1040         white-space: nowrap;
    1041 }
    1042 #buddypress table.forum td.td-freshness span.time-since {
    1043         font-size: 80%;
    1044         color: #888;
    1045 }
    1046 #buddypress table.forum td img.avatar {
    1047         float: none;
    1048         margin: 0 0 -8px 5px;
    1049 }
    1050 #buddypress table.forum td.td-poster,
    1051 #buddypress table.forum td.td-group {
    1052         min-width: 140px;
    1053 }
    1054 #buddypress table.forum th#th-title {
    1055         width: 80%;
    1056 }
    1057 #buddypress table.forum th#th-freshness {
    1058         width: 25%;
    1059 }
    1060 #buddypress table.forum th#th-postcount {
    1061         width: 15%;
    1062 }
    1063 #buddypress table.forum p.topic-meta {
    1064         font-size: 80%;
    1065         margin: 5px 0 0 0;
    1066 }
    1067 
    1068 /*-------------------------------------------------------------------------
    1069 3.8 - Headers, Lists and Tabs - Activity, Groups, Blogs, Forums, Profiles
    1070 -------------------------------------------------------------------------*/
    1071 #buddypress .item-body {
    1072         margin: 20px 0;
    1073 }
    1074 #buddypress span.activity {
    1075         display: inline-block;
    1076         font-size: 80%;
    1077         opacity: 0.8;
    1078         padding: 0;
    1079 }
    1080 #buddypress span.user-nicename {
    1081         color: #777;
    1082         display: inline-block;
    1083         font-size: 120%;
    1084         font-weight: bold;
    1085 }
    1086 #buddypress div#message p,
    1087 #sitewide-notice p {
    1088         font-weight: normal;
    1089         margin-top: 3px;
    1090         text-decoration: none;
    1091         background-color: #ffd;
    1092         border: 1px solid #cb2;
    1093         color: #440;
    1094 
    1095 }
    1096 #buddypress div#item-header {
    1097         overflow: hidden;
    1098 }
    1099 #buddypress div#item-header div#item-header-content {
    1100         float: right;
    1101         margin-right: 0;
    1102 }
    1103 #buddypress div#item-header h2 {
    1104         line-height: 120%;
    1105         margin: 0 0 15px 0;
    1106 }
    1107 #buddypress div#item-header h2 a {
    1108         color: #777;
    1109         text-decoration: none;
    1110 }
    1111 #buddypress div#item-header img.avatar {
    1112         float: right;
    1113         margin: 0 0 19px 15px;
    1114 }
    1115 #buddypress div#item-header h2 {
    1116         margin-bottom: 5px;
    1117 }
    1118 #buddypress div#item-header h2 span.highlight {
    1119         font-size: 60%;
    1120         font-weight: normal;
    1121         line-height: 170%;
    1122         vertical-align: middle;
    1123         display: inline-block;
    1124 }
    1125 #buddypress div#item-header h2 span.highlight span {
    1126         background: #a1dcfa;
    1127         color: #fff;
    1128         cursor: pointer;
    1129         font-weight: bold;
    1130         font-size: 80%;
    1131         margin-bottom: 2px;
    1132         padding: 1px 4px;
    1133         position: relative;
    1134         left: -2px;
    1135         top: -2px;
    1136         vertical-align: middle;
    1137 }
    1138 #buddypress div#item-header div#item-meta {
    1139         font-size: 80%;
    1140         color: #aaa;
    1141         overflow: hidden;
    1142         margin: 15px 0 5px 0;
    1143         padding-bottom: 10px;
    1144 }
    1145 #buddypress div#item-header div#item-actions {
    1146         float: left;
    1147         margin: 0 15px 15px 0;
    1148         text-align: left;
    1149         width: 20%;
    1150 }
    1151 #buddypress div#item-header div#item-actions h3 {
    1152         margin: 0 0 5px 0;
    1153 }
    1154 #buddypress div#item-header ul {
    1155         margin-bottom: 15px;
    1156         overflow: hidden;
    1157 }
    1158 #buddypress div#item-header ul h5,
    1159 #buddypress div#item-header ul span,
    1160 #buddypress div#item-header ul hr {
    1161         display: none;
    1162 }
    1163 #buddypress div#item-header ul li {
    1164         float: left;
    1165         list-style: none;
    1166 }
    1167 #buddypress div#item-header ul img.avatar,
    1168 #buddypress div#item-header ul.avatars img.avatar {
    1169         height: 30px;
    1170         margin: 2px;
    1171         width: 30px;
    1172 }
    1173 #buddypress div#item-header div.generic-button,
    1174 #buddypress div#item-header a.button {
    1175         float: right;
    1176         margin: 10px 0 0 10px;
    1177 }
    1178 #buddypress div#item-header div#message.info {
    1179         line-height: 80%;
    1180 }
    1181 #buddypress ul.item-list {
    1182         border-top: 1px solid #eaeaea;
    1183         width: 100%;
    1184         list-style: none;
    1185         clear: both;
    1186         margin: 0;
    1187         padding: 0;
    1188 }
    1189 body.activity-permalink #buddypress ul.item-list,
    1190 body.activity-permalink #buddypress ul.item-list li.activity-item {
    1191         border: none;
    1192 }
    1193 #buddypress ul.item-list li {
    1194         border-bottom: 1px solid #eaeaea;
    1195         padding: 15px 0;
    1196         margin: 0;
    1197         position: relative;
    1198         list-style: none;
    1199 }
    1200 #buddypress ul.single-line li {
    1201         border: none;
    1202 }
    1203 #buddypress ul.item-list li img.avatar {
    1204         float: right;
    1205         margin: 0 0 0 10px;
    1206 }
    1207 #buddypress ul.item-list li div.item-title,
    1208 #buddypress ul.item-list li h4 {
    1209         font-weight: normal;
    1210         font-size: 90%;
    1211         margin: 0;
    1212         width: 75%;
    1213 }
    1214 #buddypress ul.item-list li div.item-title span {
    1215         color: #999;
    1216         font-size: 80%;
    1217 }
    1218 #buddypress ul.item-list li div.item-desc {
    1219         color: #888;
    1220         font-size: 80%;
    1221         margin: 10px 60px 0 0;
    1222         width: 50%;
    1223 }
    1224 #buddypress ul.item-list li div.action {
    1225         position: absolute;
    1226         top: 15px;
    1227         left: 0;
    1228         text-align: left;
    1229 }
    1230 #buddypress ul.item-list li div.meta {
    1231         color: #888;
    1232         font-size: 80%;
    1233         margin-top: 10px;
    1234 }
    1235 #buddypress ul.item-list li h5 span.small {
    1236         float: left;
    1237         font-size: 80%;
    1238         font-weight: normal;
    1239 }
    1240 #buddypress div.item-list-tabs {
    1241         background: transparent;
    1242         clear: right;
    1243         overflow: hidden;
    1244 }
    1245 
    1246 #buddypress div.item-list-tabs ul {
    1247         margin: 0;
    1248         padding: 0;
    1249 }
    1250 #buddypress div.item-list-tabs ul li {
    1251         float: right;
    1252         margin: 0;
    1253         list-style: none;
    1254 }
    1255 #buddypress div.item-list-tabs#subnav ul li {
    1256         margin-top: 0;
    1257 }
    1258 #buddypress div.item-list-tabs ul li.last {
    1259         float: left;
    1260         margin: 7px 0 0;
    1261 }
    1262 #buddypress div.item-list-tabs#subnav ul li.last {
    1263         margin-top: 4px;
    1264 }
    1265 #buddypress div.item-list-tabs ul li.last select {
    1266         max-width: 175px;
    1267 }
    1268 #buddypress div.item-list-tabs ul li a,
    1269 #buddypress div.item-list-tabs ul li span {
    1270         display: block;
    1271         padding: 5px 10px;
    1272         text-decoration: none;
    1273 }
    1274 #buddypress div.item-list-tabs ul li a span {
    1275         background: #eee;
    1276         border-radius: 50%;
    1277         border: 1px solid #ccc;
    1278         color: #999;
    1279         display: inline;
    1280         font-size: 70%;
    1281         margin-right: 2px;
    1282         padding: 3px 6px;
    1283         text-align: center;
    1284         vertical-align: middle;
    1285 }
    1286 #buddypress div.item-list-tabs ul li.selected a,
    1287 #buddypress div.item-list-tabs ul li.current a {
    1288         background-color: #eee;
    1289         color: #555;
    1290         opacity: .8;
    1291         font-weight: bold;
    1292 }
    1293 #buddypress div.item-list-tabs ul li.selected a span,
    1294 #buddypress div.item-list-tabs ul li.current a span,
    1295 #buddypress div.item-list-tabs ul li a:hover span {
    1296         background-color: #eee;
    1297 }
    1298 #buddypress div.item-list-tabs ul li.selected a span,
    1299 #buddypress div.item-list-tabs ul li.current a span {
    1300         background-color: #fff;
    1301 }
    1302 #buddypress div#item-nav ul li.loading a {
    1303         background-position: 12% 50%;
    1304 }
    1305 #buddypress div.item-list-tabs#object-nav {
    1306         margin-top: 0;
    1307 }
    1308 #buddypress div.item-list-tabs#subnav {
    1309         background: transparent;
    1310         margin: 10px 0 10px;
    1311         overflow: hidden;
    1312 }
    1313 #buddypress #admins-list li,
    1314 #buddypress #mods-list li,
    1315 #buddypress #members-list li {
    1316         overflow: auto;
    1317         list-style: none;
    1318 }
    1319 
    1320 
    1321 /*--------------------------------------------------------------
    1322 3.9 - Private Messaging Threads
    1323 --------------------------------------------------------------*/
    1324 #buddypress table#message-threads tr.unread td {
    1325         background: #fff9db;
    1326         border-top: 1px solid #ffe8c4;
    1327         border-bottom: 1px solid #ffe8c4;
    1328         font-weight: bold;
    1329 }
    1330 #buddypress li span.unread-count,
    1331 #buddypress tr.unread span.unread-count {
    1332         background: #dd0000;
    1333         color: #fff;
    1334         font-weight: bold;
    1335         padding: 2px 8px;
    1336 }
    1337 #buddypress div.item-list-tabs ul li a span.unread-count {
    1338         padding: 1px 6px;
    1339         color: #fff;
    1340 }
    1341 #buddypress div.messages-options-nav {
    1342         background: #eee;
    1343         font-size: 80%;
    1344         margin: 0;
    1345         padding: 5px 15px;
    1346         text-align: left;
    1347 }
    1348 #buddypress div#message-thread div.message-box {
    1349         margin: 0;
    1350         padding: 15px;
    1351 }
    1352 #buddypress div#message-thread div.alt {
    1353         background: #f4f4f4;
    1354 }
    1355 #buddypress div#message-thread p#message-recipients {
    1356         margin: 10px 0 20px 0;
    1357 }
    1358 #buddypress div#message-thread img.avatar {
    1359         float: right;
    1360         margin: 0 0 0 10px;
    1361         vertical-align: middle;
    1362 }
    1363 #buddypress div#message-thread strong {
    1364         font-size: 100%;
    1365         margin: 0;
    1366 }
    1367 #buddypress div#message-thread strong a {
    1368         text-decoration: none;
    1369 }
    1370 #buddypress div#message-thread strong span.activity {
    1371         margin-top: 4px;
    1372 }
    1373 #buddypress div#message-thread div.message-metadata {
    1374         overflow: hidden;
    1375 }
    1376 #buddypress div#message-thread div.message-content {
    1377         margin-right: 45px;
    1378 }
    1379 #buddypress div#message-thread div.message-options {
    1380         text-align: left;
    1381 }
    1382 #buddypress #message-threads img.avatar {
    1383         max-width: none;
    1384 }
    1385 #buddypress div.message-search {
    1386         float: left;
    1387         margin: 0 20px;
    1388 }
    1389 
    1390 /*--------------------------------------------------------------
    1391 3.10 - Extended Profiles
    1392 --------------------------------------------------------------*/
    1393 
    1394 #buddypress div.profile h4 {
    1395         margin-bottom: auto;
    1396         margin-top: 15px;
    1397 }
    1398 #buddypress #profile-edit-form ul.button-nav {
    1399         margin-top: 15px;
    1400 }
    1401 body.no-js #buddypress .field-visibility-settings-toggle,
    1402 body.no-js #buddypress .field-visibility-settings-close {
    1403         display: none;
    1404 }
    1405 #buddypress .field-visibility-settings {
    1406         display: none;
    1407         margin-top: 10px;
    1408 }
    1409         body.no-js #buddypress .field-visibility-settings {
    1410                 display: block;
    1411         }
    1412 #buddypress .current-visibility-level {
    1413         font-weight: bold;
    1414         font-style: normal;
    1415 }
    1416 #buddypress .field-visibility-settings,
    1417 #buddypress .field-visibility-settings-toggle,
    1418 #buddypress .field-visibility-settings-notoggle {
    1419         color: #888;
    1420 }
    1421 #buddypress .field-visibility-settings-toggle a,
    1422 #buddypress .field-visibility-settings a {
    1423         font-size: 80%;
    1424 }
    1425 body.register #buddypress div.page ul {
    1426         list-style: none;
    1427 }
    1428 #buddypress .standard-form .field-visibility-settings label {
    1429         margin: 0;
    1430         font-weight: normal;
    1431 }
    1432 #buddypress .field-visibility-settings legend,
    1433 #buddypress .field-visibility-settings-toggle {
    1434         font-style: italic;
    1435 }
    1436 #buddypress .field-visibility-settings .radio {
    1437         list-style: none;
    1438         margin-bottom: 0;
    1439 }
    1440 #buddypress .field-visibility select {
    1441         margin: 0;
    1442 }
    1443 
    1444 /*--------------------------------------------------------------
    1445 3.11 - Widgets
    1446 --------------------------------------------------------------*/
    1447 
    1448 .widget.buddypress div.item-avatar img.avatar {
    1449         float: right;
    1450         margin: 0 0 15px 10px;
    1451 }
    1452 
    1453 .widget.buddypress span.activity {
    1454         display: inline-block;
    1455         font-size: 80%;
    1456         opacity: 0.8;
    1457         padding: 0;
    1458 }
    1459 
    1460 .widget.buddypress div.item-options {
    1461         font-size: 90%;
    1462         margin: 0 0 1em 0;
    1463         padding: 1em 0;
    1464 }
    1465 
    1466 .widget.buddypress div.item{
    1467         margin:0 0 1em 0;
    1468 }
    1469 
    1470 .widget.buddypress div.item-meta,
    1471 .widget.buddypress div.item-content {
    1472         font-size: 11px;
    1473         margin-right: 38px;
    1474 }
    1475 
    1476 .widget.buddypress ul.item-list img.avatar {
    1477         height: 20px;
    1478         margin-left: 10px;
    1479         width: 20px;
    1480 }
    1481 .widget.buddypress div.item-avatar img {
    1482         height: 40px;
    1483         margin: 1px;
    1484         width: 40px;
    1485 }
    1486 
    1487 .widget.buddypress div.avatar-block{
    1488         overflow: hidden;
    1489 }
    1490 
    1491 .widget.buddypress #bp-login-widget-form label {
    1492         display: block;
    1493         margin: 1rem 0 .5rem;
    1494 }
    1495 
    1496 .widget.buddypress #bp-login-widget-form #bp-login-widget-submit {
    1497         margin-left: 10px;
    1498 }
    1499 
    1500 .widget.buddypress .bp-login-widget-user-avatar {
    1501         float: right;
    1502         width: 60px;
    1503 }
    1504 
    1505 .widget.buddypress .bp-login-widget-user-links > div {
    1506         padding-right: 60px;
    1507 }
    1508 
    1509 .widget.buddypress .bp-login-widget-user-links > div {
    1510         margin-bottom: .5rem;
    1511 }
    1512 
    1513 .widget.buddypress .bp-login-widget-user-links > div.bp-login-widget-user-link a {
    1514         font-weight: bold;
    1515 }
    1516 
    1517 /*--------------------------------------------------------------
    1518 4.0 - Media Queries
    1519 --------------------------------------------------------------*/
    1520 /*--------------------------------------------------------------
    1521 4.1 - Smartphones - landscape
    1522 --------------------------------------------------------------*/
    1523 @media screen and (max-device-width: 480px), screen and (-webkit-min-device-pixel-ratio: 2) {
    1524         -webkit-text-size-adjust: none;
    1525 }
    1526 @media only screen and (max-width: 480px ){
    1527         #buddypress div.dir-search {
    1528                 float: left;
    1529                 margin-top: -50px;
    1530                 text-align: left;
    1531         }
    1532         #buddypress div.dir-search input[type="text"] {
    1533                 margin-bottom: 1em;
    1534                 width: 50%;
    1535         }
    1536         a.bp-title-button {
    1537                 margin-right: 10px;
    1538         }
    1539         #buddypress form.standard-form .main-column div.action{
    1540                 position: relative;
    1541                 margin-bottom:1em;
    1542         }
    1543         #buddypress form.standard-form .main-column ul#friend-list h4{
    1544                 width:100%;
    1545         }
    1546 }
    1547 
    1548 /*--------------------------------------------------------------
    1549 4.2 - Smartphones - portrait
    1550 --------------------------------------------------------------*/
    1551 @media only screen and (max-width: 320px) {
    1552         #buddypress div.dir-search {
    1553                 clear: right;
    1554                 float: right;
    1555                 margin-top: 0;
    1556                 text-align: right;
    1557         }
    1558         #buddypress li#groups-order-select {
    1559                 clear: right;
    1560                 float: right;
    1561         }
    1562         #buddypress ul.item-list li div.action {
    1563                 clear: right;
    1564                 float: right;
    1565                 margin-top: 0;
    1566                 margin-right: 70px;
    1567                 position: relative;
    1568                 top: 0;
    1569                 left: 0;
    1570                 text-align: right;
    1571         }
    1572         #buddypress ul.item-list li div.item-desc {
    1573                 clear: right;
    1574                 float: right;
    1575                 margin: 10px 0 0;
    1576                 width: auto;
    1577         }
    1578         #buddypress li div.item {
    1579                 margin-right: 70px;
    1580                 width: auto;
    1581         }
    1582         #buddypress ul.item-list li div.meta {
    1583                 margin-top: 0;
    1584         }
    1585         #buddypress .item-desc p {
    1586                 margin: 0 0 10px;
    1587         }
    1588         #buddypress div.pagination .pag-count {
    1589                 margin-right: 0;
    1590         }
    1591 }
    1592 
    1593 /*--------------------------------------------------------------
    1594 4.2 - Smartphones - smaller screen sizes
    1595 --------------------------------------------------------------*/
    1596 @media only screen and (max-width: 240px) {
    1597         #buddypress div.dir-search {
    1598                 float: right;
    1599                 margin: 0;
    1600         }
    1601         #buddypress div.dir-search input[type="text"] {
    1602                 width: 50%;
    1603         }
    1604         #buddypress li#groups-order-select {
    1605                 float: right;
    1606         }
    1607         #buddypress ul.item-list li img.avatar {
    1608                 width: 30px;
    1609                 height: auto;
    1610         }
    1611         #buddypress ul.item-list li div.action,
    1612         #buddypress li div.item{
    1613                 margin-right: 45px;
    1614         }
    1615         h1 a.bp-title-button {
    1616                 clear: right;
    1617                 float: right;
    1618                 margin: 10px 0 20px;
    1619         }
    1620 }
  • src/bp-themes/bp-default/_inc/css/default-rtl.css

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

     
    1 /*--------------------------------------------------------------
    2 Hello, this is the BuddyPress Reponsive theme 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 ----------------------------------------------------------------
    7 >>> TABLE OF CONTENTS:
    8 ----------------------------------------------------------------
    9 1.0 - iPad
    10         1.1 - Landscape
    11         1.2 - Portrait
    12 2.0 - iPhone
    13 --------------------------------------------------------------*/
    14 
    15 /*--------------------------------------------------------------
    16 1.1 - iPad Landscape
    17 --------------------------------------------------------------*/
    18 @media only screen and (max-width: 768px) {
    19         div#content .padder {
    20                 margin-left: 0;
    21                 margin-right: auto;
    22         }
    23         ul#nav li {
    24                 margin-left: 0;
    25                 margin-right: auto;
    26         }
    27         ul#nav li:nth-child(even) {
    28                 margin-left: 0;
    29                 margin-right: 3%;
    30         }
    31 }
    32 
    33 
    34 /*--------------------------------------------------------------
    35 1.2 - iPad Portrait
    36 --------------------------------------------------------------*/
    37 @media only screen and (max-width: 640px) {
    38         ul.item-list li div.action {
    39                 padding-left: auto;
    40                 padding-right: 64px;
    41         }
    42 }
    43 
    44 
    45 /*--------------------------------------------------------------
    46 2.0 - iPhone
    47 --------------------------------------------------------------*/
    48 @media only screen and (max-width: 320px) {
    49         div.post div.post-content,
    50         div.comment-content {
    51                 margin-left: auto;
    52                 margin-right: 0px;
    53         }
    54 }
    55  No newline at end of file
  • src/bp-themes/bp-default/editor-style-rtl.css

     
    1 /*
    2 Theme Name: BuddyPress Default
    3 Description: Used to style the TinyMCE editor (RTL version).
    4 */
    5 
    6 html .mceContentBody .alignright {
    7         float: left;
    8         margin-left: auto;
    9         margin-right: 15px;
    10 }
    11 html .mceContentBody .alignleft {
    12         float: right;
    13         margin-left: 15px;
    14         margin-right: auto;
    15 }
    16 dl {
    17         margin-left: auto;
    18         margin-right: 0;
    19 }
    20 html .mceContentBody img.alignright {
    21         margin: 0 7px 2px 0;
    22 }
    23 html .mceContentBody img.alignleft {
    24         margin: 0 0 2px 7px;
    25 }
    26 dd.wp-caption p.wp-caption-text,
    27 .wp-caption p.wp-caption-text {
    28         padding: 0 0 5px 4px;
    29 }
    30 html .mceContentBody ul,
    31 html .mceContentBody ol,
    32 html .mceContentBody dl {
    33         margin: 0 1.5em 18px 0;
    34 }
    35 
    36 html .mceContentBody table th:first {
    37         border-left: 1px solid #eaeaea;
    38         border-right: 0;
    39 }
    40 html .mceContentBody table tr td.label {
    41         border-left: 1px solid #eaeaea;
    42         border-right: 0;
    43 }
    44  No newline at end of file
  • src/bp-xprofile/admin/css/admin-rtl.css

     
    1 /* Profile field group main admin page */
    2 #tabs-bottom {
    3         background: #f9f9f9;
    4         height: 32px;
    5         border: 1px solid #dfdfdf;
    6         border-radius: 0 0 3px 3px;
    7 }
    8 
    9 #tabs {
    10         position: relative;
    11         }
    12         p.nofields {
    13                 margin-top: 20px;
    14         }
    15 
    16         /* Field group tabs */
    17         ul#field-group-tabs {
    18                 float: right;
    19                 padding: 0 15px 0 0;
    20                 margin: 0;
    21                 display: none;
    22         }
    23                 ul#field-group-tabs li {
    24                         float: right;
    25                         margin-bottom: -1px;
    26                         background-color: transparent;
    27                         margin-left: 8px;
    28                 }
    29                 ul#field-group-tabs li.ui-state-hover a {
    30                         background-color: #fafafa;
    31                 }
    32                 ul#field-group-tabs li.ui-state-hover a.ui-tab {
    33                         border-color: #dfdfdf #dfdfdf #f9f9f9 #dfdfdf;
    34                         color: #d54e21;
    35                 }
    36                 ul#field-group-tabs li.ui-state-acceptable a.ui-tab {
    37                         border-color: #5a5 #5a5 #ccc #5a5;
    38                         color: #8a8;
    39                         background-color: #efe;
    40                 }
    41                         ul#field-group-tabs li.ui-state-active.ui-state-acceptable a.ui-tab {
    42                                 background-color: #f9f9f9;
    43                         }
    44                 ul#field-group-tabs li.drop-candidate a.ui-tab {
    45                         background-color: #ffc;
    46                         border-color: #aa5 #aa5 #ccc #aa5;
    47                         color: #aa8;
    48                 }
    49                 ul#field-group-tabs li a.ui-tab {
    50                         font-size: 14px;
    51                         display: block;
    52                         margin-top: 3px;
    53                         padding: 5px 10px 5px;
    54                         border: 1px solid #dfdfdf;
    55                         border-bottom: none;
    56                         border-radius: 3px 3px 0 0;
    57                         text-decoration: none;
    58                         color: #aaa;
    59                 }
    60 
    61                 /* Selected tab */
    62                 ul#field-group-tabs li.ui-state-active a.ui-tab {
    63                         background-color: #f9f9f9;
    64                         margin-top: -1px;
    65                         padding: 7px 10px 7px;
    66                         border: 1px solid #dfdfdf;
    67                         border-bottom: 1px solid transparent;
    68                         color: #000;
    69                 }
    70 
    71         /* Toolbar */
    72         .tab-toolbar {
    73                 background: #f9f9f9;
    74                 border-width: 1px 1px 0;
    75                 border-radius: 3px 3px 0 0;
    76                 margin: -20px -21px 20px -21px;
    77                 clear: right;
    78                 padding: 10px;
    79                 border: 1px solid #dfdfdf;
    80         }
    81 
    82         .field-wrapper a.deletion,
    83         .tab-toolbar a.deletion {
    84                 color: #f00;
    85                 border-bottom: 1px solid #f00;
    86                 font-size: 12px;
    87                 text-decoration: none;
    88                 padding: 0;
    89                 margin: -2px 5px 0 0;
    90         }
    91 
    92         div.tab-toolbar a.button-primary {
    93                 color: #fff !important; /* Overriding a WP !important */
    94         }
    95 
    96         div.tab-wrapper {
    97                 background-color: #fff;
    98                 clear: right;
    99                 padding: 20px;
    100                 border-right: 1px solid #ccc;
    101                 border-left: 1px solid #ccc;
    102                 border-radius: 3px 3px 0 0;
    103         }
    104 
    105         .tab-wrapper fieldset {
    106                 position: relative;
    107                 cursor: default !important;
    108                 background: inherit;
    109                 }
    110                 .tab-wrapper fieldset legend {
    111                         padding-bottom: 15px;
    112                         font-weight: bold;
    113                 }
    114         .tab-wrapper .xprofile-field {
    115                 position: relative;
    116         }
    117         .tab-wrapper fieldset fieldset {
    118                 position: relative;
    119                 border: 1px solid #ddd;
    120                 border-radius: 3px;
    121                 margin: 10px 0 0 0;
    122                 cursor: move !important;
    123                 background: #f9f9f9;
    124         }
    125         .tab-wrapper fieldset fieldset legend {
    126                 position: absolute !important;
    127                 top: 0;
    128                 right: 0;
    129                 width: 80%;
    130                 padding: 30px;
    131         }
    132         .tab-wrapper fieldset fieldset legend span {
    133                 position: absolute;
    134                 top: 6px;
    135                 right: 10px;
    136                 font-weight: bold;
    137                 width: 100%;
    138         }
    139                 .field-group fieldset:hover {
    140                         background-color: #fafafa;
    141                         border-color: #ccc;
    142                 }
    143                 fieldset div.field-wrapper {
    144                         padding: 40px 10px 10px;
    145                 }
    146         fieldset.radio div div label,
    147         fieldset.checkbox div label {
    148                 margin-left: 20px;
    149         }
    150 
    151         fieldset.clear-value {
    152                 margin-right: 10px;
    153         }
    154         .field-group div.actions {
    155                 float: none;
    156                 border-top: 1px solid #ddd;
    157                 margin: 20px 0 0;
    158                 padding-top: 10px;
    159         }
    160         .field-group div.actions a,
    161         .field-group div.actions button,
    162         .field-group div.actions input {
    163                 float: none;
    164         }
    165         .field-group fieldset:hover div.actions {
    166                 display: block;
    167         }
    168         .field-group fieldset.ui-sortable-placeholder {
    169                 border: 1px dashed #999;
    170                 background-color: #eee;
    171                 visibility: visible !important;
    172         }
    173 
    174         ul.forTab {
    175                 list-style: none;
    176                 padding: 0;
    177                 margin: 0 1em 0 0;
    178         }
    179                 ul.forTab li {
    180                         margin: 0 0 1em 0;
    181                 }
    182 
    183                         ul.forTab li label {
    184                                 display: block;
    185                         }
    186 
    187                         ul.forTab li input {
    188                                 font-size: 1.4em;
    189                         }
    190 
    191         p.success { background: green;}
    192         p.err {
    193                 border-top: 2px solid red;
    194                 border-bottom: 2px solid red;
    195                 color: red;
    196                 padding: 5px 0;
    197                 width: 40%;
    198         }
    199 
    200         span.desc, span.signup-description {
    201                 display: block;
    202                 font-size: 11px;
    203                 color: #555;
    204         }
    205 
    206         select.multi-select {
    207                 width:90%;
    208                 height:10em !important;
    209         }
    210 
    211 ul.multi-checkbox {
    212         margin: 0 0 0 5px;
    213         padding: .5em .9em;
    214         height: 10em;
    215         overflow: auto;
    216         list-style: none;
    217         border: solid 1px #ccc;
    218         width: 90%;
    219 }
    220 
    221 ul.multi-checkbox li {
    222         padding: 0;
    223         margin: 0;
    224 }
    225 
    226 div.options-box {
    227         margin-right: 20px !important;
    228         margin-left: 10px !important;
    229         border-right: 4px solid #EAF3FA;
    230         padding-right: 15px;
    231 }
    232 
    233 th a {
    234         background: #fff;
    235         padding: 2px 5px;
    236         -moz-border-radius: 3px;
    237         -khtml-border-radius: 3px;
    238         -webkit-border-radius: 3px;
    239         border-radius: 3px;
    240         top: -2px;
    241 }
    242 
    243 textarea#description,
    244 textarea#group_description {
    245         border: 1px solid #ddd;
    246         width: 100%;
    247 }
    248