BuddyPress - Version 2.8.1

Version Description

See: https://codex.buddypress.org/releases/version-2-8-1/

=

Download this release

Release Info

Developer boonebgorges
Plugin Icon 128x128 BuddyPress
Version 2.8.1
Comparing to
See all releases

Code changes from version 2.8.0 to 2.8.1

Files changed (44) hide show
  1. bp-blogs/bp-blogs-template.php +1 -1
  2. bp-core/admin/images/list-unsubscribe.png +0 -0
  3. bp-core/admin/images/twenty-seventeen.png +0 -0
  4. bp-core/bp-core-adminbar.php +5 -0
  5. bp-core/classes/class-bp-admin.php +5 -0
  6. bp-core/classes/class-bp-attachment-cover-image.php +291 -291
  7. bp-core/js/cover-image.js +277 -277
  8. bp-groups/classes/class-bp-groups-list-table.php +1 -1
  9. bp-loader.php +1 -1
  10. bp-members/classes/class-bp-members-admin.php +5 -3
  11. bp-templates/bp-legacy/buddypress-functions.php +6 -2
  12. bp-templates/bp-legacy/buddypress/assets/_attachments/cover-images/index.php +36 -36
  13. bp-templates/bp-legacy/buddypress/groups/single/admin/delete-group.php +41 -41
  14. bp-templates/bp-legacy/buddypress/groups/single/admin/edit-details.php +53 -53
  15. bp-templates/bp-legacy/buddypress/groups/single/admin/group-avatar.php +67 -67
  16. bp-templates/bp-legacy/buddypress/groups/single/admin/group-cover-image.php +33 -33
  17. bp-templates/bp-legacy/buddypress/groups/single/admin/group-settings.php +124 -124
  18. bp-templates/bp-legacy/buddypress/groups/single/admin/manage-members.php +332 -332
  19. bp-templates/bp-legacy/buddypress/groups/single/admin/membership-requests.php +35 -35
  20. bp-templates/bp-legacy/buddypress/groups/single/cover-image-header.php +129 -129
  21. bp-templates/bp-legacy/buddypress/members/single/cover-image-header.php +106 -106
  22. bp-templates/bp-legacy/buddypress/members/single/profile/change-cover-image.php +33 -33
  23. bp-templates/bp-legacy/css/twentyeleven-rtl.css +184 -184
  24. bp-templates/bp-legacy/css/twentyeleven.css +184 -184
  25. bp-templates/bp-legacy/css/twentyeleven.scss +2577 -2577
  26. bp-templates/bp-legacy/css/twentyseventeen-rtl.css +183 -183
  27. bp-templates/bp-legacy/css/twentyseventeen.css +183 -183
  28. bp-templates/bp-legacy/css/twentyseventeen.scss +3036 -3036
  29. bp-templates/bp-legacy/css/twentysixteen-rtl.css +186 -186
  30. bp-templates/bp-legacy/css/twentysixteen.css +186 -186
  31. bp-templates/bp-legacy/css/twentysixteen.scss +2459 -2459
  32. bp-templates/bp-legacy/css/twentyten-rtl.css +184 -184
  33. bp-templates/bp-legacy/css/twentyten.css +184 -184
  34. bp-templates/bp-legacy/css/twentyten.scss +2478 -2478
  35. bp-templates/bp-legacy/css/twentythirteen-rtl.css +188 -188
  36. bp-templates/bp-legacy/css/twentythirteen.css +188 -188
  37. bp-templates/bp-legacy/css/twentythirteen.scss +2427 -2427
  38. bp-templates/bp-legacy/css/twentytwelve-rtl.css +188 -188
  39. bp-templates/bp-legacy/css/twentytwelve.css +188 -188
  40. bp-templates/bp-legacy/css/twentytwelve.scss +2517 -2517
  41. bp-xprofile/bp-xprofile-admin.php +2 -2
  42. buddypress.pot +111 -111
  43. class-buddypress.php +1 -1
  44. readme.txt +6 -3
bp-blogs/bp-blogs-template.php CHANGED
@@ -1077,7 +1077,7 @@ function bp_blogs_signup_blog( $blogname = '', $blog_title = '', $errors = '' )
1077
  if ( !is_subdomain_install() )
1078
  echo '<span class="prefix_address">' . $current_site->domain . $current_site->path . '</span> <input name="blogname" type="text" id="blogname" value="'.$blogname.'" maxlength="63" /><br />';
1079
  else
1080
- echo '<input name="blogname" type="text" id="blogname" value="'.$blogname.'" maxlength="63" ' . bp_get_form_field_attributes( 'blogname' ) . '/> <span class="suffix_address">.' . bp_blogs_get_subdomain_base() . '</span><br />';
1081
 
1082
  if ( !is_user_logged_in() ) {
1083
  print '(<strong>' . __( 'Your address will be ' , 'buddypress');
1077
  if ( !is_subdomain_install() )
1078
  echo '<span class="prefix_address">' . $current_site->domain . $current_site->path . '</span> <input name="blogname" type="text" id="blogname" value="'.$blogname.'" maxlength="63" /><br />';
1079
  else
1080
+ echo '<input name="blogname" type="text" id="blogname" value="'.$blogname.'" maxlength="63" ' . bp_get_form_field_attributes( 'blogname' ) . '/> <span class="suffix_address">.' . bp_signup_get_subdomain_base() . '</span><br />';
1081
 
1082
  if ( !is_user_logged_in() ) {
1083
  print '(<strong>' . __( 'Your address will be ' , 'buddypress');
bp-core/admin/images/list-unsubscribe.png CHANGED
Binary file
bp-core/admin/images/twenty-seventeen.png CHANGED
Binary file
bp-core/bp-core-adminbar.php CHANGED
@@ -67,6 +67,11 @@ function bp_core_load_admin_bar() {
67
  if ( ! bp_use_wp_admin_bar() ) {
68
  _doing_it_wrong( __FUNCTION__, __( 'The BuddyBar is no longer supported. Please migrate to the WordPress toolbar as soon as possible.', 'buddypress' ), '2.1.0' );
69
 
 
 
 
 
 
70
  // Keep the WP Toolbar from loading.
71
  show_admin_bar( false );
72
 
67
  if ( ! bp_use_wp_admin_bar() ) {
68
  _doing_it_wrong( __FUNCTION__, __( 'The BuddyBar is no longer supported. Please migrate to the WordPress toolbar as soon as possible.', 'buddypress' ), '2.1.0' );
69
 
70
+ // Load deprecated code if not available.
71
+ if ( ! function_exists( 'bp_core_admin_bar' ) ) {
72
+ require buddypress()->plugin_dir . 'bp-core/deprecated/2.1.php';
73
+ }
74
+
75
  // Keep the WP Toolbar from loading.
76
  show_admin_bar( false );
77
 
bp-core/classes/class-bp-admin.php CHANGED
@@ -382,6 +382,11 @@ class BP_Admin {
382
 
383
  // Only show 'switch to Toolbar' option if the user chose to retain the BuddyBar during the 1.6 upgrade.
384
  if ( (bool) bp_get_option( '_bp_force_buddybar', false ) ) {
 
 
 
 
 
385
  add_settings_field( '_bp_force_buddybar', __( 'Toolbar', 'buddypress' ), 'bp_admin_setting_callback_force_buddybar', 'buddypress', 'bp_main' );
386
  register_setting( 'buddypress', '_bp_force_buddybar', 'bp_admin_sanitize_callback_force_buddybar' );
387
  }
382
 
383
  // Only show 'switch to Toolbar' option if the user chose to retain the BuddyBar during the 1.6 upgrade.
384
  if ( (bool) bp_get_option( '_bp_force_buddybar', false ) ) {
385
+ // Load deprecated code if not available.
386
+ if ( ! function_exists( 'bp_admin_setting_callback_force_buddybar' ) ) {
387
+ require buddypress()->plugin_dir . 'bp-core/deprecated/2.1.php';
388
+ }
389
+
390
  add_settings_field( '_bp_force_buddybar', __( 'Toolbar', 'buddypress' ), 'bp_admin_setting_callback_force_buddybar', 'buddypress', 'bp_main' );
391
  register_setting( 'buddypress', '_bp_force_buddybar', 'bp_admin_sanitize_callback_force_buddybar' );
392
  }
bp-core/classes/class-bp-attachment-cover-image.php CHANGED
@@ -1,291 +1,291 @@
1
- <?php
2
- /**
3
- * Core Cover Image attachment class.
4
- *
5
- * @package BuddyPress
6
- * @subpackage Core
7
- * @since 2.4.0
8
- */
9
-
10
- // Exit if accessed directly.
11
- defined( 'ABSPATH' ) || exit;
12
-
13
- /**
14
- * BP Attachment Cover Image class.
15
- *
16
- * Extends BP Attachment to manage the cover images uploads.
17
- *
18
- * @since 2.4.0
19
- */
20
- class BP_Attachment_Cover_Image extends BP_Attachment {
21
- /**
22
- * The constuctor.
23
- *
24
- * @since 2.4.0
25
- */
26
- public function __construct() {
27
- // Allowed cover image types & upload size.
28
- $allowed_types = bp_attachments_get_allowed_types( 'cover_image' );
29
- $max_upload_file_size = bp_attachments_get_max_upload_file_size( 'cover_image' );
30
-
31
- parent::__construct( array(
32
- 'action' => 'bp_cover_image_upload',
33
- 'file_input' => 'file',
34
- 'original_max_filesize' => $max_upload_file_size,
35
- 'base_dir' => bp_attachments_uploads_dir_get( 'dir' ),
36
- 'required_wp_files' => array( 'file', 'image' ),
37
-
38
- // Specific errors for cover images.
39
- 'upload_error_strings' => array(
40
- 11 => sprintf( __( 'That image is too big. Please upload one smaller than %s', 'buddypress' ), size_format( $max_upload_file_size ) ),
41
- 12 => sprintf( _n( 'Please upload only this file type: %s.', 'Please upload only these file types: %s.', count( $allowed_types ), 'buddypress' ), self::get_cover_image_types( $allowed_types ) ),
42
- ),
43
- ) );
44
- }
45
-
46
- /**
47
- * Gets the available cover image types.
48
- *
49
- * @since 2.4.0
50
- *
51
- * @param array $allowed_types Array of allowed cover image types.
52
- * @return string $value Comma-separated list of allowed cover image types.
53
- */
54
- public static function get_cover_image_types( $allowed_types = array() ) {
55
- $types = array_map( 'strtoupper', $allowed_types );
56
- $comma = _x( ',', 'cover image types separator', 'buddypress' );
57
- return join( $comma . ' ', $types );
58
- }
59
-
60
- /**
61
- * Cover image specific rules.
62
- *
63
- * Adds an error if the cover image size or type don't match BuddyPress needs.
64
- * The error code is the index of $upload_error_strings.
65
- *
66
- * @since 2.4.0
67
- *
68
- * @param array $file The temporary file attributes (before it has been moved).
69
- * @return array $file The file with extra errors if needed.
70
- */
71
- public function validate_upload( $file = array() ) {
72
- // Bail if already an error.
73
- if ( ! empty( $file['error'] ) ) {
74
- return $file;
75
- }
76
-
77
- // File size is too big.
78
- if ( $file['size'] > $this->original_max_filesize ) {
79
- $file['error'] = 11;
80
-
81
- // File is of invalid type.
82
- } elseif ( ! bp_attachments_check_filetype( $file['tmp_name'], $file['name'], bp_attachments_get_allowed_mimes( 'cover_image' ) ) ) {
83
- $file['error'] = 12;
84
- }
85
-
86
- // Return with error code attached.
87
- return $file;
88
- }
89
-
90
- /**
91
- * Set the directory when uploading a file.
92
- *
93
- * @since 2.4.0
94
- *
95
- * @param array $upload_dir The original Uploads dir.
96
- * @return array $value Upload data (path, url, basedir...).
97
- */
98
- public function upload_dir_filter( $upload_dir = array() ) {
99
- // Default values are for profiles.
100
- $object_id = bp_displayed_user_id();
101
-
102
- if ( empty( $object_id ) ) {
103
- $object_id = bp_loggedin_user_id();
104
- }
105
-
106
- $object_directory = 'members';
107
-
108
- // We're in a group, edit default values.
109
- if ( bp_is_group() || bp_is_group_create() ) {
110
- $object_id = bp_get_current_group_id();
111
- $object_directory = 'groups';
112
- }
113
-
114
- // Set the subdir.
115
- $subdir = '/' . $object_directory . '/' . $object_id . '/cover-image';
116
-
117
- /**
118
- * Filters the cover image upload directory.
119
- *
120
- * @since 2.4.0
121
- *
122
- * @param array $value Array containing the path, URL, and other helpful settings.
123
- * @param array $upload_dir The original Uploads dir.
124
- */
125
- return apply_filters( 'bp_attachments_cover_image_upload_dir', array(
126
- 'path' => $this->upload_path . $subdir,
127
- 'url' => $this->url . $subdir,
128
- 'subdir' => $subdir,
129
- 'basedir' => $this->upload_path,
130
- 'baseurl' => $this->url,
131
- 'error' => false
132
- ), $upload_dir );
133
- }
134
-
135
- /**
136
- * Adjust the cover image to fit with advised width & height.
137
- *
138
- * @since 2.4.0
139
- *
140
- * @param string $file The absolute path to the file.
141
- * @param array $dimensions Array of dimensions for the cover image.
142
- * @return mixed
143
- */
144
- public function fit( $file = '', $dimensions = array() ) {
145
- if ( empty( $dimensions['width'] ) || empty( $dimensions['height'] ) ) {
146
- return false;
147
- }
148
-
149
- // Get image size.
150
- $cover_data = parent::get_image_data( $file );
151
-
152
- // Init the edit args.
153
- $edit_args = array();
154
-
155
- // Do we need to resize the image?
156
- if ( ( isset( $cover_data['width'] ) && $cover_data['width'] > $dimensions['width'] ) ||
157
- ( isset( $cover_data['height'] ) && $cover_data['height'] > $dimensions['height'] ) ) {
158
- $edit_args = array(
159
- 'max_w' => $dimensions['width'],
160
- 'max_h' => $dimensions['height'],
161
- 'crop' => true,
162
- );
163
- }
164
-
165
- // Do we need to rotate the image?
166
- $angles = array(
167
- 3 => 180,
168
- 6 => -90,
169
- 8 => 90,
170
- );
171
-
172
- if ( isset( $cover_data['meta']['orientation'] ) && isset( $angles[ $cover_data['meta']['orientation'] ] ) ) {
173
- $edit_args['rotate'] = $angles[ $cover_data['meta']['orientation'] ];
174
- }
175
-
176
- // No need to edit the avatar, original file will be used.
177
- if ( empty( $edit_args ) ) {
178
- return false;
179
-
180
- // Add the file to the edit arguments.
181
- } else {
182
- $edit_args = array_merge( $edit_args, array( 'file' => $file, 'save' => false ) );
183
- }
184
-
185
- // Get the editor so that we can use a specific save method.
186
- $editor = parent::edit_image( 'cover_image', $edit_args );
187
-
188
- if ( is_wp_error( $editor ) ) {
189
- return $editor;
190
- } elseif ( ! is_a( $editor, 'WP_Image_Editor' ) ) {
191
- return false;
192
- }
193
-
194
- // Save the new image file.
195
- return $editor->save( $this->generate_filename( $file ) );
196
- }
197
-
198
- /**
199
- * Generate a filename for the cover image.
200
- *
201
- * @since 2.4.0
202
- *
203
- * @param string $file The absolute path to the file.
204
- * @return string $value The absolute path to the new file name.
205
- */
206
- public function generate_filename( $file = '' ) {
207
- if ( empty( $file ) || ! file_exists( $file ) ) {
208
- return false;
209
- }
210
-
211
- $info = pathinfo( $file );
212
- $ext = strtolower( $info['extension'] );
213
- $name = wp_unique_filename( $info['dirname'], uniqid() . "-bp-cover-image.$ext" );
214
-
215
- return trailingslashit( $info['dirname'] ) . $name;
216
- }
217
-
218
- /**
219
- * Build script datas for the Uploader UI.
220
- *
221
- * @since 2.4.0
222
- *
223
- * @return array The javascript localization data
224
- */
225
- public function script_data() {
226
- // Get default script data.
227
- $script_data = parent::script_data();
228
-
229
- if ( bp_is_user() ) {
230
- $item_id = bp_displayed_user_id();
231
-
232
- $script_data['bp_params'] = array(
233
- 'object' => 'user',
234
- 'item_id' => $item_id,
235
- 'has_cover_image' => bp_attachments_get_user_has_cover_image( $item_id ),
236
- 'nonces' => array(
237
- 'remove' => wp_create_nonce( 'bp_delete_cover_image' ),
238
- ),
239
- );
240
-
241
- // Set feedback messages.
242
- $script_data['feedback_messages'] = array(
243
- 1 => __( 'Your new cover image was uploaded successfully.', 'buddypress' ),
244
- 2 => __( 'There was a problem deleting your cover image. Please try again.', 'buddypress' ),
245
- 3 => __( 'Your cover image was deleted successfully!', 'buddypress' ),
246
- );
247
- } elseif ( bp_is_group() ) {
248
- $item_id = bp_get_current_group_id();
249
-
250
- $script_data['bp_params'] = array(
251
- 'object' => 'group',
252
- 'item_id' => bp_get_current_group_id(),
253
- 'has_cover_image' => bp_attachments_get_group_has_cover_image( $item_id ),
254
- 'nonces' => array(
255
- 'remove' => wp_create_nonce( 'bp_delete_cover_image' ),
256
- ),
257
- );
258
-
259
- // Set feedback messages.
260
- $script_data['feedback_messages'] = array(
261
- 1 => __( 'The group cover image was uploaded successfully.', 'buddypress' ),
262
- 2 => __( 'There was a problem deleting the group cover image. Please try again.', 'buddypress' ),
263
- 3 => __( 'The group cover image was deleted successfully!', 'buddypress' ),
264
- );
265
- } else {
266
-
267
- /**
268
- * Filters the cover image params to include specific BuddyPress params for your object.
269
- * e.g. Cover image for blogs single item.
270
- *
271
- * @since 2.4.0
272
- *
273
- * @param array $value The cover image specific BuddyPress parameters.
274
- */
275
- $script_data['bp_params'] = apply_filters( 'bp_attachment_cover_image_params', array() );
276
- }
277
-
278
- // Include our specific js & css.
279
- $script_data['extra_js'] = array( 'bp-cover-image' );
280
- $script_data['extra_css'] = array( 'bp-avatar' );
281
-
282
- /**
283
- * Filters the cover image script data.
284
- *
285
- * @since 2.4.0
286
- *
287
- * @param array $script_data Array of data for the cover image.
288
- */
289
- return apply_filters( 'bp_attachments_cover_image_script_data', $script_data );
290
- }
291
- }
1
+ <?php
2
+ /**
3
+ * Core Cover Image attachment class.
4
+ *
5
+ * @package BuddyPress
6
+ * @subpackage Core
7
+ * @since 2.4.0
8
+ */
9
+
10
+ // Exit if accessed directly.
11
+ defined( 'ABSPATH' ) || exit;
12
+
13
+ /**
14
+ * BP Attachment Cover Image class.
15
+ *
16
+ * Extends BP Attachment to manage the cover images uploads.
17
+ *
18
+ * @since 2.4.0
19
+ */
20
+ class BP_Attachment_Cover_Image extends BP_Attachment {
21
+ /**
22
+ * The constuctor.
23
+ *
24
+ * @since 2.4.0
25
+ */
26
+ public function __construct() {
27
+ // Allowed cover image types & upload size.
28
+ $allowed_types = bp_attachments_get_allowed_types( 'cover_image' );
29
+ $max_upload_file_size = bp_attachments_get_max_upload_file_size( 'cover_image' );
30
+
31
+ parent::__construct( array(
32
+ 'action' => 'bp_cover_image_upload',
33
+ 'file_input' => 'file',
34
+ 'original_max_filesize' => $max_upload_file_size,
35
+ 'base_dir' => bp_attachments_uploads_dir_get( 'dir' ),
36
+ 'required_wp_files' => array( 'file', 'image' ),
37
+
38
+ // Specific errors for cover images.
39
+ 'upload_error_strings' => array(
40
+ 11 => sprintf( __( 'That image is too big. Please upload one smaller than %s', 'buddypress' ), size_format( $max_upload_file_size ) ),
41
+ 12 => sprintf( _n( 'Please upload only this file type: %s.', 'Please upload only these file types: %s.', count( $allowed_types ), 'buddypress' ), self::get_cover_image_types( $allowed_types ) ),
42
+ ),
43
+ ) );
44
+ }
45
+
46
+ /**
47
+ * Gets the available cover image types.
48
+ *
49
+ * @since 2.4.0
50
+ *
51
+ * @param array $allowed_types Array of allowed cover image types.
52
+ * @return string $value Comma-separated list of allowed cover image types.
53
+ */
54
+ public static function get_cover_image_types( $allowed_types = array() ) {
55
+ $types = array_map( 'strtoupper', $allowed_types );
56
+ $comma = _x( ',', 'cover image types separator', 'buddypress' );
57
+ return join( $comma . ' ', $types );
58
+ }
59
+
60
+ /**
61
+ * Cover image specific rules.
62
+ *
63
+ * Adds an error if the cover image size or type don't match BuddyPress needs.
64
+ * The error code is the index of $upload_error_strings.
65
+ *
66
+ * @since 2.4.0
67
+ *
68
+ * @param array $file The temporary file attributes (before it has been moved).
69
+ * @return array $file The file with extra errors if needed.
70
+ */
71
+ public function validate_upload( $file = array() ) {
72
+ // Bail if already an error.
73
+ if ( ! empty( $file['error'] ) ) {
74
+ return $file;
75
+ }
76
+
77
+ // File size is too big.
78
+ if ( $file['size'] > $this->original_max_filesize ) {
79
+ $file['error'] = 11;
80
+
81
+ // File is of invalid type.
82
+ } elseif ( ! bp_attachments_check_filetype( $file['tmp_name'], $file['name'], bp_attachments_get_allowed_mimes( 'cover_image' ) ) ) {
83
+ $file['error'] = 12;
84
+ }
85
+
86
+ // Return with error code attached.
87
+ return $file;
88
+ }
89
+
90
+ /**
91
+ * Set the directory when uploading a file.
92
+ *
93
+ * @since 2.4.0
94
+ *
95
+ * @param array $upload_dir The original Uploads dir.
96
+ * @return array $value Upload data (path, url, basedir...).
97
+ */
98
+ public function upload_dir_filter( $upload_dir = array() ) {
99
+ // Default values are for profiles.
100
+ $object_id = bp_displayed_user_id();
101
+
102
+ if ( empty( $object_id ) ) {
103
+ $object_id = bp_loggedin_user_id();
104
+ }
105
+
106
+ $object_directory = 'members';
107
+
108
+ // We're in a group, edit default values.
109
+ if ( bp_is_group() || bp_is_group_create() ) {
110
+ $object_id = bp_get_current_group_id();
111
+ $object_directory = 'groups';
112
+ }
113
+
114
+ // Set the subdir.
115
+ $subdir = '/' . $object_directory . '/' . $object_id . '/cover-image';
116
+
117
+ /**
118
+ * Filters the cover image upload directory.
119
+ *
120
+ * @since 2.4.0
121
+ *
122
+ * @param array $value Array containing the path, URL, and other helpful settings.
123
+ * @param array $upload_dir The original Uploads dir.
124
+ */
125
+ return apply_filters( 'bp_attachments_cover_image_upload_dir', array(
126
+ 'path' => $this->upload_path . $subdir,
127
+ 'url' => $this->url . $subdir,
128
+ 'subdir' => $subdir,
129
+ 'basedir' => $this->upload_path,
130
+ 'baseurl' => $this->url,
131
+ 'error' => false
132
+ ), $upload_dir );
133
+ }
134
+
135
+ /**
136
+ * Adjust the cover image to fit with advised width & height.
137
+ *
138
+ * @since 2.4.0
139
+ *
140
+ * @param string $file The absolute path to the file.
141
+ * @param array $dimensions Array of dimensions for the cover image.
142
+ * @return mixed
143
+ */
144
+ public function fit( $file = '', $dimensions = array() ) {
145
+ if ( empty( $dimensions['width'] ) || empty( $dimensions['height'] ) ) {
146
+ return false;
147
+ }
148
+
149
+ // Get image size.
150
+ $cover_data = parent::get_image_data( $file );
151
+
152
+ // Init the edit args.
153
+ $edit_args = array();
154
+
155
+ // Do we need to resize the image?
156
+ if ( ( isset( $cover_data['width'] ) && $cover_data['width'] > $dimensions['width'] ) ||
157
+ ( isset( $cover_data['height'] ) && $cover_data['height'] > $dimensions['height'] ) ) {
158
+ $edit_args = array(
159
+ 'max_w' => $dimensions['width'],
160
+ 'max_h' => $dimensions['height'],
161
+ 'crop' => true,
162
+ );
163
+ }
164
+
165
+ // Do we need to rotate the image?
166
+ $angles = array(
167
+ 3 => 180,
168
+ 6 => -90,
169
+ 8 => 90,
170
+ );
171
+
172
+ if ( isset( $cover_data['meta']['orientation'] ) && isset( $angles[ $cover_data['meta']['orientation'] ] ) ) {
173
+ $edit_args['rotate'] = $angles[ $cover_data['meta']['orientation'] ];
174
+ }
175
+
176
+ // No need to edit the avatar, original file will be used.
177
+ if ( empty( $edit_args ) ) {
178
+ return false;
179
+
180
+ // Add the file to the edit arguments.
181
+ } else {
182
+ $edit_args = array_merge( $edit_args, array( 'file' => $file, 'save' => false ) );
183
+ }
184
+
185
+ // Get the editor so that we can use a specific save method.
186
+ $editor = parent::edit_image( 'cover_image', $edit_args );
187
+
188
+ if ( is_wp_error( $editor ) ) {
189
+ return $editor;
190
+ } elseif ( ! is_a( $editor, 'WP_Image_Editor' ) ) {
191
+ return false;
192
+ }
193
+
194
+ // Save the new image file.
195
+ return $editor->save( $this->generate_filename( $file ) );
196
+ }
197
+
198
+ /**
199
+ * Generate a filename for the cover image.
200
+ *
201
+ * @since 2.4.0
202
+ *
203
+ * @param string $file The absolute path to the file.
204
+ * @return string $value The absolute path to the new file name.
205
+ */
206
+ public function generate_filename( $file = '' ) {
207
+ if ( empty( $file ) || ! file_exists( $file ) ) {
208
+ return false;
209
+ }
210
+
211
+ $info = pathinfo( $file );
212
+ $ext = strtolower( $info['extension'] );
213
+ $name = wp_unique_filename( $info['dirname'], uniqid() . "-bp-cover-image.$ext" );
214
+
215
+ return trailingslashit( $info['dirname'] ) . $name;
216
+ }
217
+
218
+ /**
219
+ * Build script datas for the Uploader UI.
220
+ *
221
+ * @since 2.4.0
222
+ *
223
+ * @return array The javascript localization data
224
+ */
225
+ public function script_data() {
226
+ // Get default script data.
227
+ $script_data = parent::script_data();
228
+
229
+ if ( bp_is_user() ) {
230
+ $item_id = bp_displayed_user_id();
231
+
232
+ $script_data['bp_params'] = array(
233
+ 'object' => 'user',
234
+ 'item_id' => $item_id,
235
+ 'has_cover_image' => bp_attachments_get_user_has_cover_image( $item_id ),
236
+ 'nonces' => array(
237
+ 'remove' => wp_create_nonce( 'bp_delete_cover_image' ),
238
+ ),
239
+ );
240
+
241
+ // Set feedback messages.
242
+ $script_data['feedback_messages'] = array(
243
+ 1 => __( 'Your new cover image was uploaded successfully.', 'buddypress' ),
244
+ 2 => __( 'There was a problem deleting your cover image. Please try again.', 'buddypress' ),
245
+ 3 => __( 'Your cover image was deleted successfully!', 'buddypress' ),
246
+ );
247
+ } elseif ( bp_is_group() ) {
248
+ $item_id = bp_get_current_group_id();
249
+
250
+ $script_data['bp_params'] = array(
251
+ 'object' => 'group',
252
+ 'item_id' => bp_get_current_group_id(),
253
+ 'has_cover_image' => bp_attachments_get_group_has_cover_image( $item_id ),
254
+ 'nonces' => array(
255
+ 'remove' => wp_create_nonce( 'bp_delete_cover_image' ),
256
+ ),
257
+ );
258
+
259
+ // Set feedback messages.
260
+ $script_data['feedback_messages'] = array(
261
+ 1 => __( 'The group cover image was uploaded successfully.', 'buddypress' ),
262
+ 2 => __( 'There was a problem deleting the group cover image. Please try again.', 'buddypress' ),
263
+ 3 => __( 'The group cover image was deleted successfully!', 'buddypress' ),
264
+ );
265
+ } else {
266
+
267
+ /**
268
+ * Filters the cover image params to include specific BuddyPress params for your object.
269
+ * e.g. Cover image for blogs single item.
270
+ *
271
+ * @since 2.4.0
272
+ *
273
+ * @param array $value The cover image specific BuddyPress parameters.
274
+ */
275
+ $script_data['bp_params'] = apply_filters( 'bp_attachment_cover_image_params', array() );
276
+ }
277
+
278
+ // Include our specific js & css.
279
+ $script_data['extra_js'] = array( 'bp-cover-image' );
280
+ $script_data['extra_css'] = array( 'bp-avatar' );
281
+
282
+ /**
283
+ * Filters the cover image script data.
284
+ *
285
+ * @since 2.4.0
286
+ *
287
+ * @param array $script_data Array of data for the cover image.
288
+ */
289
+ return apply_filters( 'bp_attachments_cover_image_script_data', $script_data );
290
+ }
291
+ }
bp-core/js/cover-image.js CHANGED
@@ -1,277 +1,277 @@
1
- /* global bp, BP_Uploader, _, Backbone */
2
-
3
- window.bp = window.bp || {};
4
-
5
- ( function( exports, $ ) {
6
-
7
- // Bail if not set
8
- if ( typeof BP_Uploader === 'undefined' ) {
9
- return;
10
- }
11
-
12
- bp.Models = bp.Models || {};
13
- bp.Collections = bp.Collections || {};
14
- bp.Views = bp.Views || {};
15
-
16
- bp.CoverImage = {
17
- start: function() {
18
-
19
- // Init some vars
20
- this.views = new Backbone.Collection();
21
- this.warning = null;
22
-
23
- // The Cover Image Attachment object.
24
- this.Attachment = new Backbone.Model();
25
-
26
- // Set up views
27
- this.uploaderView();
28
-
29
- // Inform about the needed dimensions
30
- this.displayWarning( BP_Uploader.strings.cover_image_warnings.dimensions );
31
-
32
- // Set up the delete view if needed
33
- if ( true === BP_Uploader.settings.defaults.multipart_params.bp_params.has_cover_image ) {
34
- this.deleteView();
35
- }
36
- },
37
-
38
- uploaderView: function() {
39
- // Listen to the Queued uploads
40
- bp.Uploader.filesQueue.on( 'add', this.uploadProgress, this );
41
-
42
- // Create the BuddyPress Uploader
43
- var uploader = new bp.Views.Uploader();
44
-
45
- // Add it to views
46
- this.views.add( { id: 'upload', view: uploader } );
47
-
48
- // Display it
49
- uploader.inject( '.bp-cover-image' );
50
- },
51
-
52
- uploadProgress: function() {
53
- // Create the Uploader status view
54
- var coverImageUploadProgress = new bp.Views.coverImageUploadProgress( { collection: bp.Uploader.filesQueue } );
55
-
56
- if ( ! _.isUndefined( this.views.get( 'status' ) ) ) {
57
- this.views.set( { id: 'status', view: coverImageUploadProgress } );
58
- } else {
59
- this.views.add( { id: 'status', view: coverImageUploadProgress } );
60
- }
61
-
62
- // Display it
63
- coverImageUploadProgress.inject( '.bp-cover-image-status' );
64
- },
65
-
66
- deleteView: function() {
67
- // Create the delete model
68
- var delete_model = new Backbone.Model( _.pick( BP_Uploader.settings.defaults.multipart_params.bp_params,
69
- ['object', 'item_id', 'nonces']
70
- ) );
71
-
72
- // Do not add it if already there!
73
- if ( ! _.isUndefined( this.views.get( 'delete' ) ) ) {
74
- return;
75
- }
76
-
77
- // Create the delete view
78
- var deleteView = new bp.Views.DeleteCoverImage( { model: delete_model } );
79
-
80
- // Add it to views
81
- this.views.add( { id: 'delete', view: deleteView } );
82
-
83
- // Display it
84
- deleteView.inject( '.bp-cover-image-manage' );
85
- },
86
-
87
- deleteCoverImage: function( model ) {
88
- var self = this,
89
- deleteView;
90
-
91
- // Remove the delete view
92
- if ( ! _.isUndefined( this.views.get( 'delete' ) ) ) {
93
- deleteView = this.views.get( 'delete' );
94
- deleteView.get( 'view' ).remove();
95
- this.views.remove( { id: 'delete', view: deleteView } );
96
- }
97
-
98
- // Remove the cover image !
99
- bp.ajax.post( 'bp_cover_image_delete', {
100
- json: true,
101
- item_id: model.get( 'item_id' ),
102
- object: model.get( 'object' ),
103
- nonce: model.get( 'nonces' ).remove
104
- } ).done( function( response ) {
105
- var coverImageStatus = new bp.Views.CoverImageStatus( {
106
- value : BP_Uploader.strings.feedback_messages[ response.feedback_code ],
107
- type : 'success'
108
- } );
109
-
110
- self.views.add( {
111
- id : 'status',
112
- view : coverImageStatus
113
- } );
114
-
115
- coverImageStatus.inject( '.bp-cover-image-status' );
116
-
117
- // Reset the header of the page
118
- if ( '' === response.reset_url ) {
119
- $( '#header-cover-image' ).css( {
120
- 'background-image': 'none'
121
- } );
122
- } else {
123
- $( '#header-cover-image' ).css( {
124
- 'background-image': 'url( ' + response.reset_url + ' )'
125
- } );
126
- }
127
-
128
- // Reset the has_cover_image bp_param
129
- BP_Uploader.settings.defaults.multipart_params.bp_params.has_cover_image = false;
130
-
131
- /**
132
- * Reset the Attachment object
133
- *
134
- * You can run extra actions once the cover image is set using:
135
- * bp.CoverImage.Attachment.on( 'change:url', function( data ) { your code } );
136
- *
137
- * In this case data.attributes will include the default url for the
138
- * cover image (most of the time: ''), the object and the item_id concerned.
139
- */
140
- self.Attachment.set( _.extend(
141
- _.pick( model.attributes, ['object', 'item_id'] ),
142
- { url: response.reset_url, action: 'deleted' }
143
- ) );
144
-
145
- } ).fail( function( response ) {
146
- var feedback = BP_Uploader.strings.default_error;
147
- if ( ! _.isUndefined( response ) ) {
148
- feedback = BP_Uploader.strings.feedback_messages[ response.feedback_code ];
149
- }
150
-
151
- var coverImageStatus = new bp.Views.CoverImageStatus( {
152
- value : feedback,
153
- type : 'error'
154
- } );
155
-
156
- self.views.add( {
157
- id : 'status',
158
- view : coverImageStatus
159
- } );
160
-
161
- coverImageStatus.inject( '.bp-cover-image-status' );
162
-
163
- // Put back the delete view
164
- bp.CoverImage.deleteView();
165
- } );
166
- },
167
-
168
- removeWarning: function() {
169
- if ( ! _.isNull( this.warning ) ) {
170
- this.warning.remove();
171
- }
172
- },
173
-
174
- displayWarning: function( message ) {
175
- this.removeWarning();
176
-
177
- this.warning = new bp.Views.uploaderWarning( {
178
- value: message
179
- } );
180
-
181
- this.warning.inject( '.bp-cover-image-status' );
182
- }
183
- };
184
-
185
- // Custom Uploader Files view
186
- bp.Views.coverImageUploadProgress = bp.Views.uploaderStatus.extend( {
187
- className: 'files',
188
-
189
- initialize: function() {
190
- bp.Views.uploaderStatus.prototype.initialize.apply( this, arguments );
191
-
192
- this.collection.on( 'change:url', this.uploadResult, this );
193
- },
194
-
195
- uploadResult: function( model ) {
196
- var message, type;
197
-
198
- if ( ! _.isUndefined( model.get( 'url' ) ) ) {
199
-
200
- // Image is too small
201
- if ( 0 === model.get( 'feedback_code' ) ) {
202
- message = BP_Uploader.strings.cover_image_warnings.dimensions;
203
- type = 'warning';
204
-
205
- // Success, Rock n roll!
206
- } else {
207
- message = BP_Uploader.strings.feedback_messages[ model.get( 'feedback_code' ) ];
208
- type = 'success';
209
- }
210
-
211
- this.views.set( '.bp-uploader-progress', new bp.Views.CoverImageStatus( {
212
- value : message,
213
- type : type
214
- } ) );
215
-
216
- // Update the header of the page
217
- $( '#header-cover-image' ).css( {
218
- 'background-image': 'url( ' + model.get( 'url' ) + ' )'
219
- } );
220
-
221
- // Add the delete view
222
- bp.CoverImage.deleteView();
223
-
224
- /**
225
- * Set the Attachment object
226
- *
227
- * You can run extra actions once the cover image is set using:
228
- * bp.CoverImage.Attachment.on( 'change:url', function( data ) { your code } );
229
- *
230
- * In this case data.attributes will include the url to the newly
231
- * uploaded cover image, the object and the item_id concerned.
232
- */
233
- bp.CoverImage.Attachment.set( _.extend(
234
- _.pick( BP_Uploader.settings.defaults.multipart_params.bp_params, ['object', 'item_id'] ),
235
- { url: model.get( 'url' ), action: 'uploaded' }
236
- ) );
237
- }
238
- }
239
- } );
240
-
241
- // BuddyPress Cover Image Feedback view
242
- bp.Views.CoverImageStatus = bp.View.extend( {
243
- tagName: 'p',
244
- className: 'updated',
245
- id: 'bp-cover-image-feedback',
246
-
247
- initialize: function() {
248
- this.el.className += ' ' + this.options.type;
249
- this.value = this.options.value;
250
- },
251
-
252
- render: function() {
253
- this.$el.html( this.value );
254
- return this;
255
- }
256
- } );
257
-
258
- // BuddyPress Cover Image Delete view
259
- bp.Views.DeleteCoverImage = bp.View.extend( {
260
- tagName: 'div',
261
- id: 'bp-delete-cover-image-container',
262
- template: bp.template( 'bp-cover-image-delete' ),
263
-
264
- events: {
265
- 'click #bp-delete-cover-image': 'deleteCoverImage'
266
- },
267
-
268
- deleteCoverImage: function( event ) {
269
- event.preventDefault();
270
-
271
- bp.CoverImage.deleteCoverImage( this.model );
272
- }
273
- } );
274
-
275
- bp.CoverImage.start();
276
-
277
- })( bp, jQuery );
1
+ /* global bp, BP_Uploader, _, Backbone */
2
+
3
+ window.bp = window.bp || {};
4
+
5
+ ( function( exports, $ ) {
6
+
7
+ // Bail if not set
8
+ if ( typeof BP_Uploader === 'undefined' ) {
9
+ return;
10
+ }
11
+
12
+ bp.Models = bp.Models || {};
13
+ bp.Collections = bp.Collections || {};
14
+ bp.Views = bp.Views || {};
15
+
16
+ bp.CoverImage = {
17
+ start: function() {
18
+
19
+ // Init some vars
20
+ this.views = new Backbone.Collection();
21
+ this.warning = null;
22
+
23
+ // The Cover Image Attachment object.
24
+ this.Attachment = new Backbone.Model();
25
+
26
+ // Set up views
27
+ this.uploaderView();
28
+
29
+ // Inform about the needed dimensions
30
+ this.displayWarning( BP_Uploader.strings.cover_image_warnings.dimensions );
31
+
32
+ // Set up the delete view if needed
33
+ if ( true === BP_Uploader.settings.defaults.multipart_params.bp_params.has_cover_image ) {
34
+ this.deleteView();
35
+ }
36
+ },
37
+
38
+ uploaderView: function() {
39
+ // Listen to the Queued uploads
40
+ bp.Uploader.filesQueue.on( 'add', this.uploadProgress, this );
41
+
42
+ // Create the BuddyPress Uploader
43
+ var uploader = new bp.Views.Uploader();
44
+
45
+ // Add it to views
46
+ this.views.add( { id: 'upload', view: uploader } );
47
+
48
+ // Display it
49
+ uploader.inject( '.bp-cover-image' );
50
+ },
51
+
52
+ uploadProgress: function() {
53
+ // Create the Uploader status view
54
+ var coverImageUploadProgress = new bp.Views.coverImageUploadProgress( { collection: bp.Uploader.filesQueue } );
55
+
56
+ if ( ! _.isUndefined( this.views.get( 'status' ) ) ) {
57
+ this.views.set( { id: 'status', view: coverImageUploadProgress } );
58
+ } else {
59
+ this.views.add( { id: 'status', view: coverImageUploadProgress } );
60
+ }
61
+
62
+ // Display it
63
+ coverImageUploadProgress.inject( '.bp-cover-image-status' );
64
+ },
65
+
66
+ deleteView: function() {
67
+ // Create the delete model
68
+ var delete_model = new Backbone.Model( _.pick( BP_Uploader.settings.defaults.multipart_params.bp_params,
69
+ ['object', 'item_id', 'nonces']
70
+ ) );
71
+
72
+ // Do not add it if already there!
73
+ if ( ! _.isUndefined( this.views.get( 'delete' ) ) ) {
74
+ return;
75
+ }
76
+
77
+ // Create the delete view
78
+ var deleteView = new bp.Views.DeleteCoverImage( { model: delete_model } );
79
+
80
+ // Add it to views
81
+ this.views.add( { id: 'delete', view: deleteView } );
82
+
83
+ // Display it
84
+ deleteView.inject( '.bp-cover-image-manage' );
85
+ },
86
+
87
+ deleteCoverImage: function( model ) {
88
+ var self = this,
89
+ deleteView;
90
+
91
+ // Remove the delete view
92
+ if ( ! _.isUndefined( this.views.get( 'delete' ) ) ) {
93
+ deleteView = this.views.get( 'delete' );
94
+ deleteView.get( 'view' ).remove();
95
+ this.views.remove( { id: 'delete', view: deleteView } );
96
+ }
97
+
98
+ // Remove the cover image !
99
+ bp.ajax.post( 'bp_cover_image_delete', {
100
+ json: true,
101
+ item_id: model.get( 'item_id' ),
102
+ object: model.get( 'object' ),
103
+ nonce: model.get( 'nonces' ).remove
104
+ } ).done( function( response ) {
105
+ var coverImageStatus = new bp.Views.CoverImageStatus( {
106
+ value : BP_Uploader.strings.feedback_messages[ response.feedback_code ],
107
+ type : 'success'
108
+ } );
109
+
110
+ self.views.add( {
111
+ id : 'status',
112
+ view : coverImageStatus
113
+ } );
114
+
115
+ coverImageStatus.inject( '.bp-cover-image-status' );
116
+
117
+ // Reset the header of the page
118
+ if ( '' === response.reset_url ) {
119
+ $( '#header-cover-image' ).css( {
120
+ 'background-image': 'none'
121
+ } );
122
+ } else {
123
+ $( '#header-cover-image' ).css( {
124
+ 'background-image': 'url( ' + response.reset_url + ' )'
125
+ } );
126
+ }
127
+
128
+ // Reset the has_cover_image bp_param
129
+ BP_Uploader.settings.defaults.multipart_params.bp_params.has_cover_image = false;
130
+
131
+ /**
132
+ * Reset the Attachment object
133
+ *
134
+ * You can run extra actions once the cover image is set using:
135
+ * bp.CoverImage.Attachment.on( 'change:url', function( data ) { your code } );
136
+ *
137
+ * In this case data.attributes will include the default url for the
138
+ * cover image (most of the time: ''), the object and the item_id concerned.
139
+ */
140
+ self.Attachment.set( _.extend(
141
+ _.pick( model.attributes, ['object', 'item_id'] ),
142
+ { url: response.reset_url, action: 'deleted' }
143
+ ) );
144
+
145
+ } ).fail( function( response ) {
146
+ var feedback = BP_Uploader.strings.default_error;
147
+ if ( ! _.isUndefined( response ) ) {
148
+ feedback = BP_Uploader.strings.feedback_messages[ response.feedback_code ];
149
+ }
150
+
151
+ var coverImageStatus = new bp.Views.CoverImageStatus( {
152
+ value : feedback,
153
+ type : 'error'
154
+ } );
155
+
156
+ self.views.add( {
157
+ id : 'status',
158
+ view : coverImageStatus
159
+ } );
160
+
161
+ coverImageStatus.inject( '.bp-cover-image-status' );
162
+
163
+ // Put back the delete view
164
+ bp.CoverImage.deleteView();
165
+ } );
166
+ },
167
+
168
+ removeWarning: function() {
169
+ if ( ! _.isNull( this.warning ) ) {
170
+ this.warning.remove();
171
+ }
172
+ },
173
+
174
+ displayWarning: function( message ) {
175
+ this.removeWarning();
176
+
177
+ this.warning = new bp.Views.uploaderWarning( {
178
+ value: message
179
+ } );
180
+
181
+ this.warning.inject( '.bp-cover-image-status' );
182
+ }
183
+ };
184
+
185
+ // Custom Uploader Files view
186
+ bp.Views.coverImageUploadProgress = bp.Views.uploaderStatus.extend( {
187
+ className: 'files',
188
+
189
+ initialize: function() {
190
+ bp.Views.uploaderStatus.prototype.initialize.apply( this, arguments );
191
+
192
+ this.collection.on( 'change:url', this.uploadResult, this );
193
+ },
194
+
195
+ uploadResult: function( model ) {
196
+ var message, type;
197
+
198
+ if ( ! _.isUndefined( model.get( 'url' ) ) ) {
199
+
200
+ // Image is too small
201
+ if ( 0 === model.get( 'feedback_code' ) ) {
202
+ message = BP_Uploader.strings.cover_image_warnings.dimensions;
203
+ type = 'warning';
204
+
205
+ // Success, Rock n roll!
206
+ } else {
207
+ message = BP_Uploader.strings.feedback_messages[ model.get( 'feedback_code' ) ];
208
+ type = 'success';
209
+ }
210
+
211
+ this.views.set( '.bp-uploader-progress', new bp.Views.CoverImageStatus( {
212
+ value : message,
213
+ type : type
214
+ } ) );
215
+
216
+ // Update the header of the page
217
+ $( '#header-cover-image' ).css( {
218
+ 'background-image': 'url( ' + model.get( 'url' ) + ' )'
219
+ } );
220
+
221
+ // Add the delete view
222
+ bp.CoverImage.deleteView();
223
+
224
+ /**
225
+ * Set the Attachment object
226
+ *
227
+ * You can run extra actions once the cover image is set using:
228
+ * bp.CoverImage.Attachment.on( 'change:url', function( data ) { your code } );
229
+ *
230
+ * In this case data.attributes will include the url to the newly
231
+ * uploaded cover image, the object and the item_id concerned.
232
+ */
233
+ bp.CoverImage.Attachment.set( _.extend(
234
+ _.pick( BP_Uploader.settings.defaults.multipart_params.bp_params, ['object', 'item_id'] ),
235
+ { url: model.get( 'url' ), action: 'uploaded' }
236
+ ) );
237
+ }
238
+ }
239
+ } );
240
+
241
+ // BuddyPress Cover Image Feedback view
242
+ bp.Views.CoverImageStatus = bp.View.extend( {
243
+ tagName: 'p',
244
+ className: 'updated',
245
+ id: 'bp-cover-image-feedback',
246
+
247
+ initialize: function() {
248
+ this.el.className += ' ' + this.options.type;
249
+ this.value = this.options.value;
250
+ },
251
+
252
+ render: function() {
253
+ this.$el.html( this.value );
254
+ return this;
255
+ }
256
+ } );
257
+
258
+ // BuddyPress Cover Image Delete view
259
+ bp.Views.DeleteCoverImage = bp.View.extend( {
260
+ tagName: 'div',
261
+ id: 'bp-delete-cover-image-container',
262
+ template: bp.template( 'bp-cover-image-delete' ),
263
+
264
+ events: {
265
+ 'click #bp-delete-cover-image': 'deleteCoverImage'
266
+ },
267
+
268
+ deleteCoverImage: function( event ) {
269
+ event.preventDefault();
270
+
271
+ bp.CoverImage.deleteCoverImage( this.model );
272
+ }
273
+ } );
274
+
275
+ bp.CoverImage.start();
276
+
277
+ })( bp, jQuery );
bp-groups/classes/class-bp-groups-list-table.php CHANGED
@@ -520,7 +520,7 @@ class BP_Groups_List_Table extends WP_List_Table {
520
  * @param string $value Name of the group being rendered.
521
  * @param array $item Array for the current group item.
522
  */
523
- $group_name = apply_filters_ref_array( 'bp_get_group_name', array( $item['name'] ), $item );
524
 
525
  // Rollover actions.
526
  // Edit.
520
  * @param string $value Name of the group being rendered.
521
  * @param array $item Array for the current group item.
522
  */
523
+ $group_name = apply_filters_ref_array( 'bp_get_group_name', array( $item['name'], $item ) );
524
 
525
  // Rollover actions.
526
  // Edit.
bp-loader.php CHANGED
@@ -15,7 +15,7 @@
15
  * Description: BuddyPress helps site builders and WordPress developers add community features to their websites, with user profile fields, activity streams, messaging, and notifications.
16
  * Author: The BuddyPress Community
17
  * Author URI: https://buddypress.org/
18
- * Version: 2.8.0
19
  * Text Domain: buddypress
20
  * Domain Path: /bp-languages/
21
  * License: GPLv2 or later (license.txt)
15
  * Description: BuddyPress helps site builders and WordPress developers add community features to their websites, with user profile fields, activity streams, messaging, and notifications.
16
  * Author: The BuddyPress Community
17
  * Author URI: https://buddypress.org/
18
+ * Version: 2.8.1
19
  * Text Domain: buddypress
20
  * Domain Path: /bp-languages/
21
  * License: GPLv2 or later (license.txt)
bp-members/classes/class-bp-members-admin.php CHANGED
@@ -2064,11 +2064,13 @@ class BP_Members_Admin {
2064
  <ol class="bp-signups-list">
2065
  <?php foreach ( $signups as $signup ) :
2066
  $last_notified = mysql2date( 'Y/m/d g:i:s a', $signup->date_sent );
 
2067
 
2068
  // Get all xprofile field IDs except field 1.
2069
- $profile_field_ids = array_flip( explode( ',', $signup->meta['profile_field_ids'] ) );
2070
- unset( $profile_field_ids[1] );
2071
- ?>
 
2072
 
2073
  <li>
2074
  <strong><?php echo esc_html( $signup->user_login ) ?></strong>
2064
  <ol class="bp-signups-list">
2065
  <?php foreach ( $signups as $signup ) :
2066
  $last_notified = mysql2date( 'Y/m/d g:i:s a', $signup->date_sent );
2067
+ $profile_field_ids = array();
2068
 
2069
  // Get all xprofile field IDs except field 1.
2070
+ if ( ! empty( $signup->meta['profile_field_ids'] ) ) {
2071
+ $profile_field_ids = array_flip( explode( ',', $signup->meta['profile_field_ids'] ) );
2072
+ unset( $profile_field_ids[1] );
2073
+ } ?>
2074
 
2075
  <li>
2076
  <strong><?php echo esc_html( $signup->user_login ) ?></strong>
bp-templates/bp-legacy/buddypress-functions.php CHANGED
@@ -1527,8 +1527,12 @@ function bp_legacy_theme_ajax_close_notice() {
1527
  echo "-1<div id='message' class='error'><p>" . __( 'There was a problem closing the notice.', 'buddypress' ) . '</p></div>';
1528
 
1529
  } else {
1530
- $user_id = get_current_user_id();
1531
- $notice_ids = bp_get_user_meta( $user_id, 'closed_notices', true );
 
 
 
 
1532
  $notice_ids[] = (int) $_POST['notice_id'];
1533
 
1534
  bp_update_user_meta( $user_id, 'closed_notices', $notice_ids );
1527
  echo "-1<div id='message' class='error'><p>" . __( 'There was a problem closing the notice.', 'buddypress' ) . '</p></div>';
1528
 
1529
  } else {
1530
+ $user_id = get_current_user_id();
1531
+ $notice_ids = bp_get_user_meta( $user_id, 'closed_notices', true );
1532
+ if ( ! is_array( $notice_ids ) ) {
1533
+ $notice_ids = array();
1534
+ }
1535
+
1536
  $notice_ids[] = (int) $_POST['notice_id'];
1537
 
1538
  bp_update_user_meta( $user_id, 'closed_notices', $notice_ids );
bp-templates/bp-legacy/buddypress/assets/_attachments/cover-images/index.php CHANGED
@@ -1,36 +1,36 @@
1
- <?php
2
- /**
3
- * BuddyPress Cover Images main template.
4
- *
5
- * This template is used to inject the BuddyPress Backbone views
6
- * dealing with cover images.
7
- *
8
- * It's also used to create the common Backbone views.
9
- *
10
- * @since 2.4.0
11
- *
12
- * @package BuddyPress
13
- * @subpackage bp-attachments
14
- */
15
-
16
- ?>
17
-
18
- <div class="bp-cover-image"></div>
19
- <div class="bp-cover-image-status"></div>
20
- <div class="bp-cover-image-manage"></div>
21
-
22
- <?php bp_attachments_get_template_part( 'uploader' ); ?>
23
-
24
- <script id="tmpl-bp-cover-image-delete" type="text/html">
25
- <# if ( 'user' === data.object ) { #>
26
- <p><?php _e( "If you'd like to delete your current cover image but not upload a new one, please use the delete Cover Image button.", 'buddypress' ); ?></p>
27
- <p><a class="button edit" id="bp-delete-cover-image" href="#"><?php esc_html_e( 'Delete My Cover Image', 'buddypress' ); ?></a></p>
28
- <# } else if ( 'group' === data.object ) { #>
29
- <p><?php _e( "If you'd like to remove the existing group cover image but not upload a new one, please use the delete group cover image button.", 'buddypress' ); ?></p>
30
- <p><a class="button edit" id="bp-delete-cover-image" href="#"><?php esc_html_e( 'Delete Group Cover Image', 'buddypress' ); ?></a></p>
31
- <# } else { #>
32
- <?php do_action( 'bp_attachments_cover_image_delete_template' ); ?>
33
- <# } #>
34
- </script>
35
-
36
- <?php do_action( 'bp_attachments_cover_image_main_template' ); ?>
1
+ <?php
2
+ /**
3
+ * BuddyPress Cover Images main template.
4
+ *
5
+ * This template is used to inject the BuddyPress Backbone views
6
+ * dealing with cover images.
7
+ *
8
+ * It's also used to create the common Backbone views.
9
+ *
10
+ * @since 2.4.0
11
+ *
12
+ * @package BuddyPress
13
+ * @subpackage bp-attachments
14
+ */
15
+
16
+ ?>
17
+
18
+ <div class="bp-cover-image"></div>
19
+ <div class="bp-cover-image-status"></div>
20
+ <div class="bp-cover-image-manage"></div>
21
+
22
+ <?php bp_attachments_get_template_part( 'uploader' ); ?>
23
+
24
+ <script id="tmpl-bp-cover-image-delete" type="text/html">
25
+ <# if ( 'user' === data.object ) { #>
26
+ <p><?php _e( "If you'd like to delete your current cover image but not upload a new one, please use the delete Cover Image button.", 'buddypress' ); ?></p>
27
+ <p><a class="button edit" id="bp-delete-cover-image" href="#"><?php esc_html_e( 'Delete My Cover Image', 'buddypress' ); ?></a></p>
28
+ <# } else if ( 'group' === data.object ) { #>
29
+ <p><?php _e( "If you'd like to remove the existing group cover image but not upload a new one, please use the delete group cover image button.", 'buddypress' ); ?></p>
30
+ <p><a class="button edit" id="bp-delete-cover-image" href="#"><?php esc_html_e( 'Delete Group Cover Image', 'buddypress' ); ?></a></p>
31
+ <# } else { #>
32
+ <?php do_action( 'bp_attachments_cover_image_delete_template' ); ?>
33
+ <# } #>
34
+ </script>
35
+
36
+ <?php do_action( 'bp_attachments_cover_image_main_template' ); ?>
bp-templates/bp-legacy/buddypress/groups/single/admin/delete-group.php CHANGED
@@ -1,41 +1,41 @@
1
- <?php
2
- /**
3
- * BuddyPress - Groups Admin - Delete Group
4
- *
5
- * @package BuddyPress
6
- * @subpackage bp-legacy
7
- */
8
-
9
- ?>
10
-
11
- <h2 class="bp-screen-reader-text"><?php _e( 'Delete Group', 'buddypress' ); ?></h2>
12
-
13
- <?php
14
-
15
- /**
16
- * Fires before the display of group delete admin.
17
- *
18
- * @since 1.1.0
19
- */
20
- do_action( 'bp_before_group_delete_admin' ); ?>
21
-
22
- <div id="message" class="info">
23
- <p><?php _e( 'WARNING: Deleting this group will completely remove ALL content associated with it. There is no way back, please be careful with this option.', 'buddypress' ); ?></p>
24
- </div>
25
-
26
- <label for="delete-group-understand"><input type="checkbox" name="delete-group-understand" id="delete-group-understand" value="1" onclick="if(this.checked) { document.getElementById('delete-group-button').disabled = ''; } else { document.getElementById('delete-group-button').disabled = 'disabled'; }" /> <?php _e( 'I understand the consequences of deleting this group.', 'buddypress' ); ?></label>
27
-
28
- <?php
29
-
30
- /**
31
- * Fires after the display of group delete admin.
32
- *
33
- * @since 1.1.0
34
- */
35
- do_action( 'bp_after_group_delete_admin' ); ?>
36
-
37
- <div class="submit">
38
- <input type="submit" disabled="disabled" value="<?php esc_attr_e( 'Delete Group', 'buddypress' ); ?>" id="delete-group-button" name="delete-group-button" />
39
- </div>
40
-
41
- <?php wp_nonce_field( 'groups_delete_group' ); ?>
1
+ <?php
2
+ /**
3
+ * BuddyPress - Groups Admin - Delete Group
4
+ *
5
+ * @package BuddyPress
6
+ * @subpackage bp-legacy
7
+ */
8
+
9
+ ?>
10
+
11
+ <h2 class="bp-screen-reader-text"><?php _e( 'Delete Group', 'buddypress' ); ?></h2>
12
+
13
+ <?php
14
+
15
+ /**
16
+ * Fires before the display of group delete admin.
17
+ *
18
+ * @since 1.1.0
19
+ */
20
+ do_action( 'bp_before_group_delete_admin' ); ?>
21
+
22
+ <div id="message" class="info">
23
+ <p><?php _e( 'WARNING: Deleting this group will completely remove ALL content associated with it. There is no way back, please be careful with this option.', 'buddypress' ); ?></p>
24
+ </div>
25
+
26
+ <label for="delete-group-understand"><input type="checkbox" name="delete-group-understand" id="delete-group-understand" value="1" onclick="if(this.checked) { document.getElementById('delete-group-button').disabled = ''; } else { document.getElementById('delete-group-button').disabled = 'disabled'; }" /> <?php _e( 'I understand the consequences of deleting this group.', 'buddypress' ); ?></label>
27
+
28
+ <?php
29
+
30
+ /**
31
+ * Fires after the display of group delete admin.
32
+ *
33
+ * @since 1.1.0
34
+ */
35
+ do_action( 'bp_after_group_delete_admin' ); ?>
36
+
37
+ <div class="submit">
38
+ <input type="submit" disabled="disabled" value="<?php esc_attr_e( 'Delete Group', 'buddypress' ); ?>" id="delete-group-button" name="delete-group-button" />
39
+ </div>
40
+
41
+ <?php wp_nonce_field( 'groups_delete_group' ); ?>
bp-templates/bp-legacy/buddypress/groups/single/admin/edit-details.php CHANGED
@@ -1,53 +1,53 @@
1
- <?php
2
- /**
3
- * BuddyPress - Groups Admin - Edit Details
4
- *
5
- * @package BuddyPress
6
- * @subpackage bp-legacy
7
- */
8
-
9
- ?>
10
-
11
- <h2 class="bp-screen-reader-text"><?php _e( 'Manage Group Details', 'buddypress' ); ?></h2>
12
-
13
- <?php
14
-
15
- /**
16
- * Fires before the display of group admin details.
17
- *
18
- * @since 1.1.0
19
- */
20
- do_action( 'bp_before_group_details_admin' ); ?>
21
-
22
- <label for="group-name"><?php _e( 'Group Name (required)', 'buddypress' ); ?></label>
23
- <input type="text" name="group-name" id="group-name" value="<?php bp_group_name(); ?>" aria-required="true" />
24
-
25
- <label for="group-desc"><?php _e( 'Group Description (required)', 'buddypress' ); ?></label>
26
- <textarea name="group-desc" id="group-desc" aria-required="true"><?php bp_group_description_editable(); ?></textarea>
27
-
28
- <?php
29
-
30
- /**
31
- * Fires after the group description admin details.
32
- *
33
- * @since 1.0.0
34
- */
35
- do_action( 'groups_custom_group_fields_editable' ); ?>
36
-
37
- <p>
38
- <label for="group-notify-members">
39
- <input type="checkbox" name="group-notify-members" id="group-notify-members" value="1" /> <?php _e( 'Notify group members of these changes via email', 'buddypress' ); ?>
40
- </label>
41
- </p>
42
-
43
- <?php
44
-
45
- /**
46
- * Fires after the display of group admin details.
47
- *
48
- * @since 1.1.0
49
- */
50
- do_action( 'bp_after_group_details_admin' ); ?>
51
-
52
- <p><input type="submit" value="<?php esc_attr_e( 'Save Changes', 'buddypress' ); ?>" id="save" name="save" /></p>
53
- <?php wp_nonce_field( 'groups_edit_group_details' ); ?>
1
+ <?php
2
+ /**
3
+ * BuddyPress - Groups Admin - Edit Details
4
+ *
5
+ * @package BuddyPress
6
+ * @subpackage bp-legacy
7
+ */
8
+
9
+ ?>
10
+
11
+ <h2 class="bp-screen-reader-text"><?php _e( 'Manage Group Details', 'buddypress' ); ?></h2>
12
+
13
+ <?php
14
+
15
+ /**
16
+ * Fires before the display of group admin details.
17
+ *
18
+ * @since 1.1.0
19
+ */
20
+ do_action( 'bp_before_group_details_admin' ); ?>
21
+
22
+ <label for="group-name"><?php _e( 'Group Name (required)', 'buddypress' ); ?></label>
23
+ <input type="text" name="group-name" id="group-name" value="<?php bp_group_name(); ?>" aria-required="true" />
24
+
25
+ <label for="group-desc"><?php _e( 'Group Description (required)', 'buddypress' ); ?></label>
26
+ <textarea name="group-desc" id="group-desc" aria-required="true"><?php bp_group_description_editable(); ?></textarea>
27
+
28
+ <?php
29
+
30
+ /**
31
+ * Fires after the group description admin details.
32
+ *
33
+ * @since 1.0.0
34
+ */
35
+ do_action( 'groups_custom_group_fields_editable' ); ?>
36
+
37
+ <p>
38
+ <label for="group-notify-members">
39
+ <input type="checkbox" name="group-notify-members" id="group-notify-members" value="1" /> <?php _e( 'Notify group members of these changes via email', 'buddypress' ); ?>
40
+ </label>
41
+ </p>
42
+
43
+ <?php
44
+
45
+ /**
46
+ * Fires after the display of group admin details.
47
+ *
48
+ * @since 1.1.0
49
+ */
50
+ do_action( 'bp_after_group_details_admin' ); ?>
51
+
52
+ <p><input type="submit" value="<?php esc_attr_e( 'Save Changes', 'buddypress' ); ?>" id="save" name="save" /></p>
53
+ <?php wp_nonce_field( 'groups_edit_group_details' ); ?>
bp-templates/bp-legacy/buddypress/groups/single/admin/group-avatar.php CHANGED
@@ -1,67 +1,67 @@
1
- <?php
2
- /**
3
- * BuddyPress - Groups Admin - Group Avatar
4
- *
5
- * @package BuddyPress
6
- * @subpackage bp-legacy
7
- */
8
-
9
- ?>
10
-
11
- <h2 class="bp-screen-reader-text"><?php _e( 'Group Avatar', 'buddypress' ); ?></h2>
12
-
13
- <?php if ( 'upload-image' == bp_get_avatar_admin_step() ) : ?>
14
-
15
- <p><?php _e("Upload an image to use as a profile photo for this group. The image will be shown on the main group page, and in search results.", 'buddypress' ); ?></p>
16
-
17
- <p>
18
- <label for="file" class="bp-screen-reader-text"><?php
19
- /* translators: accessibility text */
20
- _e( 'Select an image', 'buddypress' );
21
- ?></label>
22
- <input type="file" name="file" id="file" />
23
- <input type="submit" name="upload" id="upload" value="<?php esc_attr_e( 'Upload Image', 'buddypress' ); ?>" />
24
- <input type="hidden" name="action" id="action" value="bp_avatar_upload" />
25
- </p>
26
-
27
- <?php if ( bp_get_group_has_avatar() ) : ?>
28
-
29
- <p><?php _e( "If you'd like to remove the existing group profile photo but not upload a new one, please use the delete group profile photo button.", 'buddypress' ); ?></p>
30
-
31
- <?php bp_button( array( 'id' => 'delete_group_avatar', 'component' => 'groups', 'wrapper_id' => 'delete-group-avatar-button', 'link_class' => 'edit', 'link_href' => bp_get_group_avatar_delete_link(), 'link_text' => __( 'Delete Group Profile Photo', 'buddypress' ) ) ); ?>
32
-
33
- <?php endif; ?>
34
-
35
- <?php
36
- /**
37
- * Load the Avatar UI templates
38
- *
39
- * @since 2.3.0
40
- */
41
- bp_avatar_get_templates(); ?>
42
-
43
- <?php wp_nonce_field( 'bp_avatar_upload' ); ?>
44
-
45
- <?php endif; ?>
46
-
47
- <?php if ( 'crop-image' == bp_get_avatar_admin_step() ) : ?>
48
-
49
- <h4><?php _e( 'Crop Profile Photo', 'buddypress' ); ?></h4>
50
-
51
- <img src="<?php bp_avatar_to_crop(); ?>" id="avatar-to-crop" class="avatar" alt="<?php esc_attr_e( 'Profile photo to crop', 'buddypress' ); ?>" />
52
-
53
- <div id="avatar-crop-pane">
54
- <img src="<?php bp_avatar_to_crop(); ?>" id="avatar-crop-preview" class="avatar" alt="<?php esc_attr_e( 'Profile photo preview', 'buddypress' ); ?>" />
55
- </div>
56
-
57
- <input type="submit" name="avatar-crop-submit" id="avatar-crop-submit" value="<?php esc_attr_e( 'Crop Image', 'buddypress' ); ?>" />
58
-
59
- <input type="hidden" name="image_src" id="image_src" value="<?php bp_avatar_to_crop_src(); ?>" />
60
- <input type="hidden" id="x" name="x" />
61
- <input type="hidden" id="y" name="y" />
62
- <input type="hidden" id="w" name="w" />
63
- <input type="hidden" id="h" name="h" />
64
-
65
- <?php wp_nonce_field( 'bp_avatar_cropstore' ); ?>
66
-
67
- <?php endif; ?>
1
+ <?php
2
+ /**
3
+ * BuddyPress - Groups Admin - Group Avatar
4
+ *
5
+ * @package BuddyPress
6
+ * @subpackage bp-legacy
7
+ */
8
+
9
+ ?>
10
+
11
+ <h2 class="bp-screen-reader-text"><?php _e( 'Group Avatar', 'buddypress' ); ?></h2>
12
+
13
+ <?php if ( 'upload-image' == bp_get_avatar_admin_step() ) : ?>
14
+
15
+ <p><?php _e("Upload an image to use as a profile photo for this group. The image will be shown on the main group page, and in search results.", 'buddypress' ); ?></p>
16
+
17
+ <p>
18
+ <label for="file" class="bp-screen-reader-text"><?php
19
+ /* translators: accessibility text */
20
+ _e( 'Select an image', 'buddypress' );
21
+ ?></label>
22
+ <input type="file" name="file" id="file" />
23
+ <input type="submit" name="upload" id="upload" value="<?php esc_attr_e( 'Upload Image', 'buddypress' ); ?>" />
24
+ <input type="hidden" name="action" id="action" value="bp_avatar_upload" />
25
+ </p>
26
+
27
+ <?php if ( bp_get_group_has_avatar() ) : ?>
28
+
29
+ <p><?php _e( "If you'd like to remove the existing group profile photo but not upload a new one, please use the delete group profile photo button.", 'buddypress' ); ?></p>
30
+
31
+ <?php bp_button( array( 'id' => 'delete_group_avatar', 'component' => 'groups', 'wrapper_id' => 'delete-group-avatar-button', 'link_class' => 'edit', 'link_href' => bp_get_group_avatar_delete_link(), 'link_text' => __( 'Delete Group Profile Photo', 'buddypress' ) ) ); ?>
32
+
33
+ <?php endif; ?>
34
+
35
+ <?php
36
+ /**
37
+ * Load the Avatar UI templates
38
+ *
39
+ * @since 2.3.0
40
+ */
41
+ bp_avatar_get_templates(); ?>
42
+
43
+ <?php wp_nonce_field( 'bp_avatar_upload' ); ?>
44
+
45
+ <?php endif; ?>
46
+
47
+ <?php if ( 'crop-image' == bp_get_avatar_admin_step() ) : ?>
48
+
49
+ <h4><?php _e( 'Crop Profile Photo', 'buddypress' ); ?></h4>
50
+
51
+ <img src="<?php bp_avatar_to_crop(); ?>" id="avatar-to-crop" class="avatar" alt="<?php esc_attr_e( 'Profile photo to crop', 'buddypress' ); ?>" />
52
+
53
+ <div id="avatar-crop-pane">
54
+ <img src="<?php bp_avatar_to_crop(); ?>" id="avatar-crop-preview" class="avatar" alt="<?php esc_attr_e( 'Profile photo preview', 'buddypress' ); ?>" />
55
+ </div>
56
+
57
+ <input type="submit" name="avatar-crop-submit" id="avatar-crop-submit" value="<?php esc_attr_e( 'Crop Image', 'buddypress' ); ?>" />
58
+
59
+ <input type="hidden" name="image_src" id="image_src" value="<?php bp_avatar_to_crop_src(); ?>" />
60
+ <input type="hidden" id="x" name="x" />
61
+ <input type="hidden" id="y" name="y" />
62
+ <input type="hidden" id="w" name="w" />
63
+ <input type="hidden" id="h" name="h" />
64
+
65
+ <?php wp_nonce_field( 'bp_avatar_cropstore' ); ?>
66
+
67
+ <?php endif; ?>
bp-templates/bp-legacy/buddypress/groups/single/admin/group-cover-image.php CHANGED
@@ -1,33 +1,33 @@
1
- <?php
2
- /**
3
- * BuddyPress - Groups Admin - Group Cover Image Settings
4
- *
5
- * @package BuddyPress
6
- * @subpackage bp-legacy
7
- */
8
-
9
- ?>
10
-
11
- <h2><?php _e( 'Cover Image', 'buddypress' ); ?></h2>
12
-
13
- <?php
14
-
15
- /**
16
- * Fires before the display of profile cover image upload content.
17
- *
18
- * @since 2.4.0
19
- */
20
- do_action( 'bp_before_group_settings_cover_image' ); ?>
21
-
22
- <p><?php _e( 'The Cover Image will be used to customize the header of your group.', 'buddypress' ); ?></p>
23
-
24
- <?php bp_attachments_get_template_part( 'cover-images/index' ); ?>
25
-
26
- <?php
27
-
28
- /**
29
- * Fires after the display of group cover image upload content.
30
- *
31
- * @since 2.4.0
32
- */
33
- do_action( 'bp_after_group_settings_cover_image' ); ?>
1
+ <?php
2
+ /**
3
+ * BuddyPress - Groups Admin - Group Cover Image Settings
4
+ *
5
+ * @package BuddyPress
6
+ * @subpackage bp-legacy
7
+ */
8
+
9
+ ?>
10
+
11
+ <h2><?php _e( 'Cover Image', 'buddypress' ); ?></h2>
12
+
13
+ <?php
14
+
15
+ /**
16
+ * Fires before the display of profile cover image upload content.
17
+ *
18
+ * @since 2.4.0
19
+ */
20
+ do_action( 'bp_before_group_settings_cover_image' ); ?>
21
+
22
+ <p><?php _e( 'The Cover Image will be used to customize the header of your group.', 'buddypress' ); ?></p>
23
+
24
+ <?php bp_attachments_get_template_part( 'cover-images/index' ); ?>
25
+
26
+ <?php
27
+
28
+ /**
29
+ * Fires after the display of group cover image upload content.
30
+ *
31
+ * @since 2.4.0
32
+ */
33
+ do_action( 'bp_after_group_settings_cover_image' ); ?>
bp-templates/bp-legacy/buddypress/groups/single/admin/group-settings.php CHANGED
@@ -1,124 +1,124 @@
1
- <?php
2
- /**
3
- * BuddyPress - Groups Admin - Group Settings
4
- *
5
- * @package BuddyPress
6
- * @subpackage bp-legacy
7
- */
8
-
9
- ?>
10
-
11
- <h2 class="bp-screen-reader-text"><?php _e( 'Manage Group Settings', 'buddypress' ); ?></h2>
12
-
13
- <?php
14
-
15
- /**
16
- * Fires before the group settings admin display.
17
- *
18
- * @since 1.1.0
19
- */
20
- do_action( 'bp_before_group_settings_admin' ); ?>
21
-
22
- <?php if ( bp_is_active( 'forums' ) ) : ?>
23
-
24
- <?php if ( bp_forums_is_installed_correctly() ) : ?>
25
-
26
- <div class="checkbox">
27
- <label for="group-show-forum"><input type="checkbox" name="group-show-forum" id="group-show-forum" value="1"<?php bp_group_show_forum_setting(); ?> /> <?php _e( 'Enable discussion forum', 'buddypress' ); ?></label>
28
- </div>
29
-
30
- <hr />
31
-
32
- <?php endif; ?>
33
-
34
- <?php endif; ?>
35
-
36
- <fieldset class="group-create-privacy">
37
-
38
- <legend><?php _e( 'Privacy Options', 'buddypress' ); ?></legend>
39
-
40
- <div class="radio">
41
-
42
- <label for="group-status-public"><input type="radio" name="group-status" id="group-status-public" value="public"<?php if ( 'public' == bp_get_new_group_status() || !bp_get_new_group_status() ) { ?> checked="checked"<?php } ?> aria-describedby="public-group-description" /> <?php _e( 'This is a public group', 'buddypress' ); ?></label>
43
-
44
- <ul id="public-group-description">
45
- <li><?php _e( 'Any site member can join this group.', 'buddypress' ); ?></li>
46
- <li><?php _e( 'This group will be listed in the groups directory and in search results.', 'buddypress' ); ?></li>
47
- <li><?php _e( 'Group content and activity will be visible to any site member.', 'buddypress' ); ?></li>
48
- </ul>
49
-
50
- <label for="group-status-private"><input type="radio" name="group-status" id="group-status-private" value="private"<?php if ( 'private' == bp_get_new_group_status() ) { ?> checked="checked"<?php } ?> aria-describedby="private-group-description" /> <?php _e( 'This is a private group', 'buddypress' ); ?></label>
51
-
52
- <ul id="private-group-description">
53
- <li><?php _e( 'Only users who request membership and are accepted can join the group.', 'buddypress' ); ?></li>
54
- <li><?php _e( 'This group will be listed in the groups directory and in search results.', 'buddypress' ); ?></li>
55
- <li><?php _e( 'Group content and activity will only be visible to members of the group.', 'buddypress' ); ?></li>
56
- </ul>
57
-
58
- <label for="group-status-hidden"><input type="radio" name="group-status" id="group-status-hidden" value="hidden"<?php if ( 'hidden' == bp_get_new_group_status() ) { ?> checked="checked"<?php } ?> aria-describedby="hidden-group-description" /> <?php _e('This is a hidden group', 'buddypress' ); ?></label>
59
-
60
- <ul id="hidden-group-description">
61
- <li><?php _e( 'Only users who are invited can join the group.', 'buddypress' ); ?></li>
62
- <li><?php _e( 'This group will not be listed in the groups directory or search results.', 'buddypress' ); ?></li>
63
- <li><?php _e( 'Group content and activity will only be visible to members of the group.', 'buddypress' ); ?></li>
64
- </ul>
65
-
66
- </div>
67
-
68
- </fieldset>
69
-
70
- <?php // Group type selection ?>
71
- <?php if ( $group_types = bp_groups_get_group_types( array( 'show_in_create_screen' => true ), 'objects' ) ): ?>
72
-
73
- <fieldset class="group-create-types">
74
- <legend><?php _e( 'Group Types', 'buddypress' ); ?></legend>
75
-
76
- <p><?php _e( 'Select the types this group should be a part of.', 'buddypress' ); ?></p>
77
-
78
- <?php foreach ( $group_types as $type ) : ?>
79
- <div class="checkbox">
80
- <label for="<?php printf( 'group-type-%s', $type->name ); ?>">
81
- <input type="checkbox" name="group-types[]" id="<?php printf( 'group-type-%s', $type->name ); ?>" value="<?php echo esc_attr( $type->name ); ?>" <?php checked( bp_groups_has_group_type( bp_get_current_group_id(), $type->name ) ); ?>/> <?php echo esc_html( $type->labels['name'] ); ?>
82
- <?php
83
- if ( ! empty( $type->description ) ) {
84
- printf( __( '&ndash; %s', 'buddypress' ), '<span class="bp-group-type-desc">' . esc_html( $type->description ) . '</span>' );
85
- }
86
- ?>
87
- </label>
88
- </div>
89
-
90
- <?php endforeach; ?>
91
-
92
- </fieldset>
93
-
94
- <?php endif; ?>
95
-
96
- <fieldset class="group-create-invitations">
97
-
98
- <legend><?php _e( 'Group Invitations', 'buddypress' ); ?></legend>
99
-
100
- <p><?php _e( 'Which members of this group are allowed to invite others?', 'buddypress' ); ?></p>
101
-
102
- <div class="radio">
103
-
104
- <label for="group-invite-status-members"><input type="radio" name="group-invite-status" id="group-invite-status-members" value="members"<?php bp_group_show_invite_status_setting( 'members' ); ?> /> <?php _e( 'All group members', 'buddypress' ); ?></label>
105
-
106
- <label for="group-invite-status-mods"><input type="radio" name="group-invite-status" id="group-invite-status-mods" value="mods"<?php bp_group_show_invite_status_setting( 'mods' ); ?> /> <?php _e( 'Group admins and mods only', 'buddypress' ); ?></label>
107
-
108
- <label for="group-invite-status-admins"><input type="radio" name="group-invite-status" id="group-invite-status-admins" value="admins"<?php bp_group_show_invite_status_setting( 'admins' ); ?> /> <?php _e( 'Group admins only', 'buddypress' ); ?></label>
109
-
110
- </div>
111
-
112
- </fieldset>
113
-
114
- <?php
115
-
116
- /**
117
- * Fires after the group settings admin display.
118
- *
119
- * @since 1.1.0
120
- */
121
- do_action( 'bp_after_group_settings_admin' ); ?>
122
-
123
- <p><input type="submit" value="<?php esc_attr_e( 'Save Changes', 'buddypress' ); ?>" id="save" name="save" /></p>
124
- <?php wp_nonce_field( 'groups_edit_group_settings' ); ?>
1
+ <?php
2
+ /**
3
+ * BuddyPress - Groups Admin - Group Settings
4
+ *
5
+ * @package BuddyPress
6
+ * @subpackage bp-legacy
7
+ */
8
+
9
+ ?>
10
+
11
+ <h2 class="bp-screen-reader-text"><?php _e( 'Manage Group Settings', 'buddypress' ); ?></h2>
12
+
13
+ <?php
14
+
15
+ /**
16
+ * Fires before the group settings admin display.
17
+ *
18
+ * @since 1.1.0
19
+ */
20
+ do_action( 'bp_before_group_settings_admin' ); ?>
21
+
22
+ <?php if ( bp_is_active( 'forums' ) ) : ?>
23
+
24
+ <?php if ( bp_forums_is_installed_correctly() ) : ?>
25
+
26
+ <div class="checkbox">
27
+ <label for="group-show-forum"><input type="checkbox" name="group-show-forum" id="group-show-forum" value="1"<?php bp_group_show_forum_setting(); ?> /> <?php _e( 'Enable discussion forum', 'buddypress' ); ?></label>
28
+ </div>
29
+
30
+ <hr />
31
+
32
+ <?php endif; ?>
33
+
34
+ <?php endif; ?>
35
+
36
+ <fieldset class="group-create-privacy">
37
+
38
+ <legend><?php _e( 'Privacy Options', 'buddypress' ); ?></legend>
39
+
40
+ <div class="radio">
41
+
42
+ <label for="group-status-public"><input type="radio" name="group-status" id="group-status-public" value="public"<?php if ( 'public' == bp_get_new_group_status() || !bp_get_new_group_status() ) { ?> checked="checked"<?php } ?> aria-describedby="public-group-description" /> <?php _e( 'This is a public group', 'buddypress' ); ?></label>
43
+
44
+ <ul id="public-group-description">
45
+ <li><?php _e( 'Any site member can join this group.', 'buddypress' ); ?></li>
46
+ <li><?php _e( 'This group will be listed in the groups directory and in search results.', 'buddypress' ); ?></li>
47
+ <li><?php _e( 'Group content and activity will be visible to any site member.', 'buddypress' ); ?></li>
48
+ </ul>
49
+
50
+ <label for="group-status-private"><input type="radio" name="group-status" id="group-status-private" value="private"<?php if ( 'private' == bp_get_new_group_status() ) { ?> checked="checked"<?php } ?> aria-describedby="private-group-description" /> <?php _e( 'This is a private group', 'buddypress' ); ?></label>
51
+
52
+ <ul id="private-group-description">
53
+ <li><?php _e( 'Only users who request membership and are accepted can join the group.', 'buddypress' ); ?></li>
54
+ <li><?php _e( 'This group will be listed in the groups directory and in search results.', 'buddypress' ); ?></li>
55
+ <li><?php _e( 'Group content and activity will only be visible to members of the group.', 'buddypress' ); ?></li>
56
+ </ul>
57
+
58
+ <label for="group-status-hidden"><input type="radio" name="group-status" id="group-status-hidden" value="hidden"<?php if ( 'hidden' == bp_get_new_group_status() ) { ?> checked="checked"<?php } ?> aria-describedby="hidden-group-description" /> <?php _e('This is a hidden group', 'buddypress' ); ?></label>
59
+
60
+ <ul id="hidden-group-description">
61
+ <li><?php _e( 'Only users who are invited can join the group.', 'buddypress' ); ?></li>
62
+ <li><?php _e( 'This group will not be listed in the groups directory or search results.', 'buddypress' ); ?></li>
63
+ <li><?php _e( 'Group content and activity will only be visible to members of the group.', 'buddypress' ); ?></li>
64
+ </ul>
65
+
66
+ </div>
67
+
68
+ </fieldset>
69
+
70
+ <?php // Group type selection ?>
71
+ <?php if ( $group_types = bp_groups_get_group_types( array( 'show_in_create_screen' => true ), 'objects' ) ): ?>
72
+
73
+ <fieldset class="group-create-types">
74
+ <legend><?php _e( 'Group Types', 'buddypress' ); ?></legend>
75
+
76
+ <p><?php _e( 'Select the types this group should be a part of.', 'buddypress' ); ?></p>
77
+
78
+ <?php foreach ( $group_types as $type ) : ?>
79
+ <div class="checkbox">
80
+ <label for="<?php printf( 'group-type-%s', $type->name ); ?>">
81
+ <input type="checkbox" name="group-types[]" id="<?php printf( 'group-type-%s', $type->name ); ?>" value="<?php echo esc_attr( $type->name ); ?>" <?php checked( bp_groups_has_group_type( bp_get_current_group_id(), $type->name ) ); ?>/> <?php echo esc_html( $type->labels['name'] ); ?>
82
+ <?php
83
+ if ( ! empty( $type->description ) ) {
84
+ printf( __( '&ndash; %s', 'buddypress' ), '<span class="bp-group-type-desc">' . esc_html( $type->description ) . '</span>' );
85
+ }
86
+ ?>
87
+ </label>
88
+ </div>
89
+
90
+ <?php endforeach; ?>
91
+
92
+ </fieldset>
93
+
94
+ <?php endif; ?>
95
+
96
+ <fieldset class="group-create-invitations">
97
+
98
+ <legend><?php _e( 'Group Invitations', 'buddypress' ); ?></legend>
99
+
100
+ <p><?php _e( 'Which members of this group are allowed to invite others?', 'buddypress' ); ?></p>
101
+
102
+ <div class="radio">
103
+
104
+ <label for="group-invite-status-members"><input type="radio" name="group-invite-status" id="group-invite-status-members" value="members"<?php bp_group_show_invite_status_setting( 'members' ); ?> /> <?php _e( 'All group members', 'buddypress' ); ?></label>
105
+
106
+ <label for="group-invite-status-mods"><input type="radio" name="group-invite-status" id="group-invite-status-mods" value="mods"<?php bp_group_show_invite_status_setting( 'mods' ); ?> /> <?php _e( 'Group admins and mods only', 'buddypress' ); ?></label>
107
+
108
+ <label for="group-invite-status-admins"><input type="radio" name="group-invite-status" id="group-invite-status-admins" value="admins"<?php bp_group_show_invite_status_setting( 'admins' ); ?> /> <?php _e( 'Group admins only', 'buddypress' ); ?></label>
109
+
110
+ </div>
111
+
112
+ </fieldset>
113
+
114
+ <?php
115
+
116
+ /**
117
+ * Fires after the group settings admin display.
118
+ *
119
+ * @since 1.1.0
120
+ */
121
+ do_action( 'bp_after_group_settings_admin' ); ?>
122
+
123
+ <p><input type="submit" value="<?php esc_attr_e( 'Save Changes', 'buddypress' ); ?>" id="save" name="save" /></p>
124
+ <?php wp_nonce_field( 'groups_edit_group_settings' ); ?>
bp-templates/bp-legacy/buddypress/groups/single/admin/manage-members.php CHANGED
@@ -1,332 +1,332 @@
1
- <?php
2
- /**
3
- * BuddyPress - Groups Admin - Manage Members
4
- *
5
- * @package BuddyPress
6
- * @subpackage bp-legacy
7
- */
8
-
9
- ?>
10
-
11
- <h2 class="bp-screen-reader-text"><?php _e( 'Manage Members', 'buddypress' ); ?></h2>
12
-
13
- <?php
14
-
15
- /**
16
- * Fires before the group manage members admin display.
17
- *
18
- * @since 1.1.0
19
- */
20
- do_action( 'bp_before_group_manage_members_admin' ); ?>
21
-
22
- <div aria-live="polite" aria-relevant="all" aria-atomic="true">
23
-
24
- <div class="bp-widget group-members-list group-admins-list">
25
- <h3 class="section-header"><?php _e( 'Administrators', 'buddypress' ); ?></h3>
26
-
27
- <?php if ( bp_group_has_members( array( 'per_page' => 15, 'group_role' => array( 'admin' ), 'page_arg' => 'mlpage-admin' ) ) ) : ?>
28
-
29
- <?php if ( bp_group_member_needs_pagination() ) : ?>
30
-
31
- <div class="pagination no-ajax">
32
-
33
- <div id="member-count" class="pag-count">
34
- <?php bp_group_member_pagination_count(); ?>
35
- </div>
36
-
37
- <div id="member-admin-pagination" class="pagination-links">
38
- <?php bp_group_member_admin_pagination(); ?>
39
- </div>
40
-
41
- </div>
42
-
43
- <?php endif; ?>
44
-
45
- <ul id="admins-list" class="item-list">
46
- <?php while ( bp_group_members() ) : bp_group_the_member(); ?>
47
- <li>
48
- <div class="item-avatar">
49
- <?php bp_group_member_avatar_thumb(); ?>
50
- </div>
51
-
52
- <div class="item">
53
- <div class="item-title">
54
- <?php bp_group_member_link(); ?>
55
- </div>
56
- <p class="joined item-meta">
57
- <?php bp_group_member_joined_since(); ?>
58
- </p>
59
- <?php
60
-
61
- /**
62
- * Fires inside the item section of a member admin item in group management area.
63
- *
64
- * @since 1.1.0
65
- * @since 2.7.0 Added $section parameter.
66
- *
67
- * @param $section Which list contains this item.
68
- */
69
- do_action( 'bp_group_manage_members_admin_item', 'admins-list' ); ?>
70
- </div>
71
-
72
- <div class="action">
73
- <?php if ( count( bp_group_admin_ids( false, 'array' ) ) > 1 ) : ?>
74
- <a class="button confirm admin-demote-to-member" href="<?php bp_group_member_demote_link(); ?>"><?php _e( 'Demote to Member', 'buddypress' ); ?></a>
75
- <?php endif; ?>
76
-
77
- <?php
78
-
79
- /**
80
- * Fires inside the action section of a member admin item in group management area.
81
- *
82
- * @since 2.7.0
83
- *
84
- * @param $section Which list contains this item.
85
- */
86
- do_action( 'bp_group_manage_members_admin_actions', 'admins-list' ); ?>
87
- </div>
88
- </li>
89
- <?php endwhile; ?>
90
- </ul>
91
-
92
- <?php if ( bp_group_member_needs_pagination() ) : ?>
93
-
94
- <div class="pagination no-ajax">
95
-
96
- <div id="member-count" class="pag-count">
97
- <?php bp_group_member_pagination_count(); ?>
98
- </div>
99
-
100
- <div id="member-admin-pagination" class="pagination-links">
101
- <?php bp_group_member_admin_pagination(); ?>
102
- </div>
103
-
104
- </div>
105
-
106
- <?php endif; ?>
107
-
108
- <?php else: ?>
109
-
110
- <div id="message" class="info">
111
- <p><?php _e( 'No group administrators were found.', 'buddypress' ); ?></p>
112
- </div>
113
-
114
- <?php endif; ?>
115
- </div>
116
-
117
- <div class="bp-widget group-members-list group-mods-list">
118
- <h3 class="section-header"><?php _e( 'Moderators', 'buddypress' ); ?></h3>
119
-
120
- <?php if ( bp_group_has_members( array( 'per_page' => 15, 'group_role' => array( 'mod' ), 'page_arg' => 'mlpage-mod' ) ) ) : ?>
121
-
122
- <?php if ( bp_group_member_needs_pagination() ) : ?>
123
-
124
- <div class="pagination no-ajax">
125
-
126
- <div id="member-count" class="pag-count">
127
- <?php bp_group_member_pagination_count(); ?>
128
- </div>
129
-
130
- <div id="member-admin-pagination" class="pagination-links">
131
- <?php bp_group_member_admin_pagination(); ?>
132
- </div>
133
-
134
- </div>
135
-
136
- <?php endif; ?>
137
-
138
- <ul id="mods-list" class="item-list">
139
-
140
- <?php while ( bp_group_members() ) : bp_group_the_member(); ?>
141
- <li>
142
- <div class="item-avatar">
143
- <?php bp_group_member_avatar_thumb(); ?>
144
- </div>
145
-
146
- <div class="item">
147
- <div class="item-title">
148
- <?php bp_group_member_link(); ?>
149
- </div>
150
- <p class="joined item-meta">
151
- <?php bp_group_member_joined_since(); ?>
152
- </p>
153
- <?php
154
-
155
- /**
156
- * Fires inside the item section of a member admin item in group management area.
157
- *
158
- * @since 1.1.0
159
- * @since 2.7.0 Added $section parameter.
160
- *
161
- * @param $section Which list contains this item.
162
- */
163
- do_action( 'bp_group_manage_members_admin_item', 'admins-list' ); ?>
164
- </div>
165
-
166
- <div class="action">
167
- <a href="<?php bp_group_member_promote_admin_link(); ?>" class="button confirm mod-promote-to-admin"><?php _e( 'Promote to Admin', 'buddypress' ); ?></a>
168
- <a class="button confirm mod-demote-to-member" href="<?php bp_group_member_demote_link(); ?>"><?php _e( 'Demote to Member', 'buddypress' ); ?></a>
169
-
170
- <?php
171
-
172
- /**
173
- * Fires inside the action section of a member admin item in group management area.
174
- *
175
- * @since 2.7.0
176
- *
177
- * @param $section Which list contains this item.
178
- */
179
- do_action( 'bp_group_manage_members_admin_actions', 'mods-list' ); ?>
180
-
181
- </div>
182
- </li>
183
- <?php endwhile; ?>
184
-
185
- </ul>
186
-
187
- <?php if ( bp_group_member_needs_pagination() ) : ?>
188
-
189
- <div class="pagination no-ajax">
190
-
191
- <div id="member-count" class="pag-count">
192
- <?php bp_group_member_pagination_count(); ?>
193
- </div>
194
-
195
- <div id="member-admin-pagination" class="pagination-links">
196
- <?php bp_group_member_admin_pagination(); ?>
197
- </div>
198
-
199
- </div>
200
-
201
- <?php endif; ?>
202
-
203
- <?php else: ?>
204
-
205
- <div id="message" class="info">
206
- <p><?php _e( 'No group moderators were found.', 'buddypress' ); ?></p>
207
- </div>
208
-
209
- <?php endif; ?>
210
- </div>
211
-
212
- <div class="bp-widget group-members-list">
213
- <h3 class="section-header"><?php _e( "Members", 'buddypress' ); ?></h3>
214
-
215
- <?php if ( bp_group_has_members( array( 'per_page' => 15, 'exclude_banned' => 0 ) ) ) : ?>
216
-
217
- <?php if ( bp_group_member_needs_pagination() ) : ?>
218
-
219
- <div class="pagination no-ajax">
220
-
221
- <div id="member-count" class="pag-count">
222
- <?php bp_group_member_pagination_count(); ?>
223
- </div>
224
-
225
- <div id="member-admin-pagination" class="pagination-links">
226
- <?php bp_group_member_admin_pagination(); ?>
227
- </div>
228
-
229
- </div>
230
-
231
- <?php endif; ?>
232
-
233
- <ul id="members-list" class="item-list" aria-live="assertive" aria-relevant="all">
234
- <?php while ( bp_group_members() ) : bp_group_the_member(); ?>
235
-
236
- <li class="<?php bp_group_member_css_class(); ?>">
237
- <div class="item-avatar">
238
- <?php bp_group_member_avatar_thumb(); ?>
239
- </div>
240
-
241
- <div class="item">
242
- <div class="item-title">
243
- <?php bp_group_member_link(); ?>
244
- <?php
245
- if ( bp_get_group_member_is_banned() ) {
246
- echo ' <span class="banned">';
247
- _e( '(banned)', 'buddypress' );
248
- echo '</span>';
249
- } ?>
250
- </div>
251
- <p class="joined item-meta">
252
- <?php bp_group_member_joined_since(); ?>
253
- </p>
254
- <?php
255
-
256
- /**
257
- * Fires inside the item section of a member admin item in group management area.
258
- *
259
- * @since 1.1.0
260
- * @since 2.7.0 Added $section parameter.
261
- *
262
- * @param $section Which list contains this item.
263
- */
264
- do_action( 'bp_group_manage_members_admin_item', 'admins-list' ); ?>
265
- </div>
266
-
267
- <div class="action">
268
- <?php if ( bp_get_group_member_is_banned() ) : ?>
269
-
270
- <a href="<?php bp_group_member_unban_link(); ?>" class="button confirm member-unban" title="<?php esc_attr_e( 'Unban this member', 'buddypress' ); ?>"><?php _e( 'Remove Ban', 'buddypress' ); ?></a>
271
-
272
- <?php else : ?>
273
-
274
- <a href="<?php bp_group_member_ban_link(); ?>" class="button confirm member-ban"><?php _e( 'Kick &amp; Ban', 'buddypress' ); ?></a>
275
- <a href="<?php bp_group_member_promote_mod_link(); ?>" class="button confirm member-promote-to-mod"><?php _e( 'Promote to Mod', 'buddypress' ); ?></a>
276
- <a href="<?php bp_group_member_promote_admin_link(); ?>" class="button confirm member-promote-to-admin"><?php _e( 'Promote to Admin', 'buddypress' ); ?></a>
277
-
278
- <?php endif; ?>
279
-
280
- <a href="<?php bp_group_member_remove_link(); ?>" class="button confirm"><?php _e( 'Remove from group', 'buddypress' ); ?></a>
281
-
282
- <?php
283
-
284
- /**
285
- * Fires inside the action section of a member admin item in group management area.
286
- *
287
- * @since 2.7.0
288
- *
289
- * @param $section Which list contains this item.
290
- */
291
- do_action( 'bp_group_manage_members_admin_actions', 'members-list' ); ?>
292
- </div>
293
- </li>
294
-
295
- <?php endwhile; ?>
296
- </ul>
297
-
298
- <?php if ( bp_group_member_needs_pagination() ) : ?>
299
-
300
- <div class="pagination no-ajax">
301
-
302
- <div id="member-count" class="pag-count">
303
- <?php bp_group_member_pagination_count(); ?>
304
- </div>
305
-
306
- <div id="member-admin-pagination" class="pagination-links">
307
- <?php bp_group_member_admin_pagination(); ?>
308
- </div>
309
-
310
- </div>
311
-
312
- <?php endif; ?>
313
-
314
- <?php else: ?>
315
-
316
- <div id="message" class="info">
317
- <p><?php _e( 'No group members were found.', 'buddypress' ); ?></p>
318
- </div>
319
-
320
- <?php endif; ?>
321
- </div>
322
-
323
- </div>
324
-
325
- <?php
326
-
327
- /**
328
- * Fires after the group manage members admin display.
329
- *
330
- * @since 1.1.0
331
- */
332
- do_action( 'bp_after_group_manage_members_admin' ); ?>
1
+ <?php
2
+ /**
3
+ * BuddyPress - Groups Admin - Manage Members
4
+ *
5
+ * @package BuddyPress
6
+ * @subpackage bp-legacy
7
+ */
8
+
9
+ ?>
10
+
11
+ <h2 class="bp-screen-reader-text"><?php _e( 'Manage Members', 'buddypress' ); ?></h2>
12
+
13
+ <?php
14
+
15
+ /**
16
+ * Fires before the group manage members admin display.
17
+ *
18
+ * @since 1.1.0
19
+ */
20
+ do_action( 'bp_before_group_manage_members_admin' ); ?>
21
+
22
+ <div aria-live="polite" aria-relevant="all" aria-atomic="true">
23
+
24
+ <div class="bp-widget group-members-list group-admins-list">
25
+ <h3 class="section-header"><?php _e( 'Administrators', 'buddypress' ); ?></h3>
26
+
27
+ <?php if ( bp_group_has_members( array( 'per_page' => 15, 'group_role' => array( 'admin' ), 'page_arg' => 'mlpage-admin' ) ) ) : ?>
28
+
29
+ <?php if ( bp_group_member_needs_pagination() ) : ?>
30
+
31
+ <div class="pagination no-ajax">
32
+
33
+ <div id="member-count" class="pag-count">
34
+ <?php bp_group_member_pagination_count(); ?>
35
+ </div>
36
+
37
+ <div id="member-admin-pagination" class="pagination-links">
38
+ <?php bp_group_member_admin_pagination(); ?>
39
+ </div>
40
+
41
+ </div>
42
+
43
+ <?php endif; ?>
44
+
45
+ <ul id="admins-list" class="item-list">
46
+ <?php while ( bp_group_members() ) : bp_group_the_member(); ?>
47
+ <li>
48
+ <div class="item-avatar">
49
+ <?php bp_group_member_avatar_thumb(); ?>
50
+ </div>
51
+
52
+ <div class="item">
53
+ <div class="item-title">
54
+ <?php bp_group_member_link(); ?>
55
+ </div>
56
+ <p class="joined item-meta">
57
+ <?php bp_group_member_joined_since(); ?>
58
+ </p>
59
+ <?php
60
+
61
+ /**
62
+ * Fires inside the item section of a member admin item in group management area.
63
+ *
64
+ * @since 1.1.0
65
+ * @since 2.7.0 Added $section parameter.
66
+ *
67
+ * @param $section Which list contains this item.
68
+ */
69
+ do_action( 'bp_group_manage_members_admin_item', 'admins-list' ); ?>
70
+ </div>
71
+
72
+ <div class="action">
73
+ <?php if ( count( bp_group_admin_ids( false, 'array' ) ) > 1 ) : ?>
74
+ <a class="button confirm admin-demote-to-member" href="<?php bp_group_member_demote_link(); ?>"><?php _e( 'Demote to Member', 'buddypress' ); ?></a>
75
+ <?php endif; ?>
76
+
77
+ <?php
78
+
79
+ /**
80
+ * Fires inside the action section of a member admin item in group management area.
81
+ *
82
+ * @since 2.7.0
83
+ *
84
+ * @param $section Which list contains this item.
85
+ */
86
+ do_action( 'bp_group_manage_members_admin_actions', 'admins-list' ); ?>
87
+ </div>
88
+ </li>
89
+ <?php endwhile; ?>
90
+ </ul>
91
+
92
+ <?php if ( bp_group_member_needs_pagination() ) : ?>
93
+
94
+ <div class="pagination no-ajax">
95
+
96
+ <div id="member-count" class="pag-count">
97
+ <?php bp_group_member_pagination_count(); ?>
98
+ </div>
99
+
100
+ <div id="member-admin-pagination" class="pagination-links">
101
+ <?php bp_group_member_admin_pagination(); ?>
102
+ </div>
103
+
104
+ </div>
105
+
106
+ <?php endif; ?>
107
+
108
+ <?php else: ?>
109
+
110
+ <div id="message" class="info">
111
+ <p><?php _e( 'No group administrators were found.', 'buddypress' ); ?></p>
112
+ </div>
113
+
114
+ <?php endif; ?>
115
+ </div>
116
+
117
+ <div class="bp-widget group-members-list group-mods-list">
118
+ <h3 class="section-header"><?php _e( 'Moderators', 'buddypress' ); ?></h3>
119
+
120
+ <?php if ( bp_group_has_members( array( 'per_page' => 15, 'group_role' => array( 'mod' ), 'page_arg' => 'mlpage-mod' ) ) ) : ?>
121
+
122
+ <?php if ( bp_group_member_needs_pagination() ) : ?>
123
+
124
+ <div class="pagination no-ajax">
125
+
126
+ <div id="member-count" class="pag-count">
127
+ <?php bp_group_member_pagination_count(); ?>
128
+ </div>
129
+
130
+ <div id="member-admin-pagination" class="pagination-links">
131
+ <?php bp_group_member_admin_pagination(); ?>
132
+ </div>
133
+
134
+ </div>
135
+
136
+ <?php endif; ?>
137
+
138
+ <ul id="mods-list" class="item-list">
139
+
140
+ <?php while ( bp_group_members() ) : bp_group_the_member(); ?>
141
+ <li>
142
+ <div class="item-avatar">
143
+ <?php bp_group_member_avatar_thumb(); ?>
144
+ </div>
145
+
146
+ <div class="item">
147
+ <div class="item-title">
148
+ <?php bp_group_member_link(); ?>
149
+ </div>
150
+ <p class="joined item-meta">
151
+ <?php bp_group_member_joined_since(); ?>
152
+ </p>
153
+ <?php
154
+
155
+ /**
156
+ * Fires inside the item section of a member admin item in group management area.
157
+ *
158
+ * @since 1.1.0
159
+ * @since 2.7.0 Added $section parameter.
160
+ *
161
+ * @param $section Which list contains this item.
162
+ */
163
+ do_action( 'bp_group_manage_members_admin_item', 'admins-list' ); ?>
164
+ </div>
165
+
166
+ <div class="action">
167
+ <a href="<?php bp_group_member_promote_admin_link(); ?>" class="button confirm mod-promote-to-admin"><?php _e( 'Promote to Admin', 'buddypress' ); ?></a>
168
+ <a class="button confirm mod-demote-to-member" href="<?php bp_group_member_demote_link(); ?>"><?php _e( 'Demote to Member', 'buddypress' ); ?></a>
169
+
170
+ <?php
171
+
172
+ /**
173
+ * Fires inside the action section of a member admin item in group management area.
174
+ *
175
+ * @since 2.7.0
176
+ *
177
+ * @param $section Which list contains this item.
178
+ */
179
+ do_action( 'bp_group_manage_members_admin_actions', 'mods-list' ); ?>
180
+
181
+ </div>
182
+ </li>
183
+ <?php endwhile; ?>
184
+
185
+ </ul>
186
+
187
+ <?php if ( bp_group_member_needs_pagination() ) : ?>
188
+
189
+ <div class="pagination no-ajax">
190
+
191
+ <div id="member-count" class="pag-count">
192
+ <?php bp_group_member_pagination_count(); ?>
193
+ </div>
194
+
195
+ <div id="member-admin-pagination" class="pagination-links">
196
+ <?php bp_group_member_admin_pagination(); ?>
197
+ </div>
198
+
199
+ </div>
200
+
201
+ <?php endif; ?>
202
+
203
+ <?php else: ?>
204
+
205
+ <div id="message" class="info">
206
+ <p><?php _e( 'No group moderators were found.', 'buddypress' ); ?></p>
207
+ </div>
208
+
209
+ <?php endif; ?>
210
+ </div>
211
+
212
+ <div class="bp-widget group-members-list">
213
+ <h3 class="section-header"><?php _e( "Members", 'buddypress' ); ?></h3>
214
+
215
+ <?php if ( bp_group_has_members( array( 'per_page' => 15, 'exclude_banned' => 0 ) ) ) : ?>
216
+
217
+ <?php if ( bp_group_member_needs_pagination() ) : ?>
218
+
219
+ <div class="pagination no-ajax">
220
+
221
+ <div id="member-count" class="pag-count">
222
+ <?php bp_group_member_pagination_count(); ?>
223
+ </div>
224
+
225
+ <div id="member-admin-pagination" class="pagination-links">
226
+ <?php bp_group_member_admin_pagination(); ?>
227
+ </div>
228
+
229
+ </div>
230
+
231
+ <?php endif; ?>
232
+
233
+ <ul id="members-list" class="item-list" aria-live="assertive" aria-relevant="all">
234
+ <?php while ( bp_group_members() ) : bp_group_the_member(); ?>
235
+
236
+ <li class="<?php bp_group_member_css_class(); ?>">
237
+ <div class="item-avatar">
238
+ <?php bp_group_member_avatar_thumb(); ?>
239
+ </div>
240
+
241
+ <div class="item">
242
+ <div class="item-title">
243
+ <?php bp_group_member_link(); ?>
244
+ <?php
245
+ if ( bp_get_group_member_is_banned() ) {
246
+ echo ' <span class="banned">';
247
+ _e( '(banned)', 'buddypress' );
248
+ echo '</span>';
249
+ } ?>
250
+ </div>
251
+ <p class="joined item-meta">
252
+ <?php bp_group_member_joined_since(); ?>
253
+ </p>
254
+ <?php
255
+
256
+ /**
257
+ * Fires inside the item section of a member admin item in group management area.
258
+ *
259
+ * @since 1.1.0
260
+ * @since 2.7.0 Added $section parameter.
261
+ *
262
+ * @param $section Which list contains this item.
263
+ */
264
+ do_action( 'bp_group_manage_members_admin_item', 'admins-list' ); ?>
265
+ </div>
266
+
267
+ <div class="action">
268
+ <?php if ( bp_get_group_member_is_banned() ) : ?>
269
+
270
+ <a href="<?php bp_group_member_unban_link(); ?>" class="button confirm member-unban" title="<?php esc_attr_e( 'Unban this member', 'buddypress' ); ?>"><?php _e( 'Remove Ban', 'buddypress' ); ?></a>
271
+
272
+ <?php else : ?>
273
+
274
+ <a href="<?php bp_group_member_ban_link(); ?>" class="button confirm member-ban"><?php _e( 'Kick &amp; Ban', 'buddypress' ); ?></a>
275
+ <a href="<?php bp_group_member_promote_mod_link(); ?>" class="button confirm member-promote-to-mod"><?php _e( 'Promote to Mod', 'buddypress' ); ?></a>
276
+ <a href="<?php bp_group_member_promote_admin_link(); ?>" class="button confirm member-promote-to-admin"><?php _e( 'Promote to Admin', 'buddypress' ); ?></a>
277
+
278
+ <?php endif; ?>
279
+
280
+ <a href="<?php bp_group_member_remove_link(); ?>" class="button confirm"><?php _e( 'Remove from group', 'buddypress' ); ?></a>
281
+
282
+ <?php
283
+
284
+ /**
285
+ * Fires inside the action section of a member admin item in group management area.
286
+ *
287
+ * @since 2.7.0
288
+ *
289
+ * @param $section Which list contains this item.
290
+ */
291
+ do_action( 'bp_group_manage_members_admin_actions', 'members-list' ); ?>
292
+ </div>
293
+ </li>
294
+
295
+ <?php endwhile; ?>
296
+ </ul>
297
+
298
+ <?php if ( bp_group_member_needs_pagination() ) : ?>
299
+
300
+ <div class="pagination no-ajax">
301
+
302
+ <div id="member-count" class="pag-count">
303
+ <?php bp_group_member_pagination_count(); ?>
304
+ </div>
305
+
306
+ <div id="member-admin-pagination" class="pagination-links">
307
+ <?php bp_group_member_admin_pagination(); ?>
308
+ </div>
309
+
310
+ </div>
311
+
312
+ <?php endif; ?>
313
+
314
+ <?php else: ?>
315
+
316
+ <div id="message" class="info">
317
+ <p><?php _e( 'No group members were found.', 'buddypress' ); ?></p>
318
+ </div>
319
+
320
+ <?php endif; ?>
321
+ </div>
322
+
323
+ </div>
324
+
325
+ <?php
326
+
327
+ /**
328
+ * Fires after the group manage members admin display.
329
+ *
330
+ * @since 1.1.0
331
+ */
332
+ do_action( 'bp_after_group_manage_members_admin' ); ?>
bp-templates/bp-legacy/buddypress/groups/single/admin/membership-requests.php CHANGED
@@ -1,35 +1,35 @@
1
- <?php
2
- /**
3
- * BuddyPress - Groups Admin - Membership Requests
4
- *
5
- * @package BuddyPress
6
- * @subpackage bp-legacy
7
- */
8
-
9
- ?>
10
-
11
- <h2 class="bp-screen-reader-text"><?php _e( 'Manage Membership Requests', 'buddypress' ); ?></h2>
12
-
13
- <?php
14
-
15
- /**
16
- * Fires before the display of group membership requests admin.
17
- *
18
- * @since 1.1.0
19
- */
20
- do_action( 'bp_before_group_membership_requests_admin' ); ?>
21
-
22
- <div class="requests">
23
-
24
- <?php bp_get_template_part( 'groups/single/requests-loop' ); ?>
25
-
26
- </div>
27
-
28
- <?php
29
-
30
- /**
31
- * Fires after the display of group membership requests admin.
32
- *
33
- * @since 1.1.0
34
- */
35
- do_action( 'bp_after_group_membership_requests_admin' ); ?>
1
+ <?php
2
+ /**
3
+ * BuddyPress - Groups Admin - Membership Requests
4
+ *
5
+ * @package BuddyPress
6
+ * @subpackage bp-legacy
7
+ */
8
+
9
+ ?>
10
+
11
+ <h2 class="bp-screen-reader-text"><?php _e( 'Manage Membership Requests', 'buddypress' ); ?></h2>
12
+
13
+ <?php
14
+
15
+ /**
16
+ * Fires before the display of group membership requests admin.
17
+ *
18
+ * @since 1.1.0
19
+ */
20
+ do_action( 'bp_before_group_membership_requests_admin' ); ?>
21
+
22
+ <div class="requests">
23
+
24
+ <?php bp_get_template_part( 'groups/single/requests-loop' ); ?>
25
+
26
+ </div>
27
+
28
+ <?php
29
+
30
+ /**
31
+ * Fires after the display of group membership requests admin.
32
+ *
33
+ * @since 1.1.0
34
+ */
35
+ do_action( 'bp_after_group_membership_requests_admin' ); ?>
bp-templates/bp-legacy/buddypress/groups/single/cover-image-header.php CHANGED
@@ -1,129 +1,129 @@
1
- <?php
2
- /**
3
- * BuddyPress - Groups Cover Image Header.
4
- *
5
- * @package BuddyPress
6
- * @subpackage bp-legacy
7
- */
8
-
9
- /**
10
- * Fires before the display of a group's header.
11
- *
12
- * @since 1.2.0
13
- */
14
- do_action( 'bp_before_group_header' ); ?>
15
-
16
- <div id="cover-image-container">
17
- <a id="header-cover-image" href="<?php echo esc_url( bp_get_group_permalink() ); ?>"></a>
18
-
19
- <div id="item-header-cover-image">
20
- <?php if ( ! bp_disable_group_avatar_uploads() ) : ?>
21
- <div id="item-header-avatar">
22
- <a href="<?php echo esc_url( bp_get_group_permalink() ); ?>" title="<?php echo esc_attr( bp_get_group_name() ); ?>">
23
-
24
- <?php bp_group_avatar(); ?>
25
-
26
- </a>
27
- </div><!-- #item-header-avatar -->
28
- <?php endif; ?>
29
-
30
- <div id="item-header-content">
31
-
32
- <div id="item-buttons"><?php
33
-
34
- /**
35
- * Fires in the group header actions section.
36
- *
37
- * @since 1.2.6
38
- */
39
- do_action( 'bp_group_header_actions' ); ?></div><!-- #item-buttons -->
40
-
41
- <?php
42
-
43
- /**
44
- * Fires before the display of the group's header meta.
45
- *
46
- * @since 1.2.0
47
- */
48
- do_action( 'bp_before_group_header_meta' ); ?>
49
-
50
- <div id="item-meta">
51
-
52
- <?php
53
-
54
- /**
55
- * Fires after the group header actions section.
56
- *
57
- * @since 1.2.0
58
- */
59
- do_action( 'bp_group_header_meta' ); ?>
60
-
61
- <span class="highlight"><?php bp_group_type(); ?></span>
62
- <span class="activity" data-livestamp="<?php bp_core_iso8601_date( bp_get_group_last_active( 0, array( 'relative' => false ) ) ); ?>"><?php printf( __( 'active %s', 'buddypress' ), bp_get_group_last_active() ); ?></span>
63
-
64
- <?php bp_group_description(); ?>
65
-
66
- <?php bp_group_type_list(); ?>
67
- </div>
68
- </div><!-- #item-header-content -->
69
-
70
- <div id="item-actions">
71
-
72
- <?php if ( bp_group_is_visible() ) : ?>
73
-
74
- <h2><?php _e( 'Group Admins', 'buddypress' ); ?></h2>
75
-
76
- <?php bp_group_list_admins();
77
-
78
- /**
79
- * Fires after the display of the group's administrators.
80
- *
81
- * @since 1.1.0
82
- */
83
- do_action( 'bp_after_group_menu_admins' );
84
-
85
- if ( bp_group_has_moderators() ) :
86
-
87
- /**
88
- * Fires before the display of the group's moderators, if there are any.
89
- *
90
- * @since 1.1.0
91
- */
92
- do_action( 'bp_before_group_menu_mods' ); ?>
93
-
94
- <h2><?php _e( 'Group Mods' , 'buddypress' ); ?></h2>
95
-
96
- <?php bp_group_list_mods();
97
-
98
- /**
99
- * Fires after the display of the group's moderators, if there are any.
100
- *
101
- * @since 1.1.0
102
- */
103
- do_action( 'bp_after_group_menu_mods' );
104
-
105
- endif;
106
-
107
- endif; ?>
108
-
109
- </div><!-- #item-actions -->
110
-
111
- </div><!-- #item-header-cover-image -->
112
- </div><!-- #cover-image-container -->
113
-
114
- <?php
115
-
116
- /**
117
- * Fires after the display of a group's header.
118
- *
119
- * @since 1.2.0
120
- */
121
- do_action( 'bp_after_group_header' ); ?>
122
-
123
- <div id="template-notices" role="alert" aria-atomic="true">
124
- <?php
125
-
126
- /** This action is documented in bp-templates/bp-legacy/buddypress/activity/index.php */
127
- do_action( 'template_notices' ); ?>
128
-
129
- </div>
1
+ <?php
2
+ /**
3
+ * BuddyPress - Groups Cover Image Header.
4
+ *
5
+ * @package BuddyPress
6
+ * @subpackage bp-legacy
7
+ */
8
+
9
+ /**
10
+ * Fires before the display of a group's header.
11
+ *
12
+ * @since 1.2.0
13
+ */
14
+ do_action( 'bp_before_group_header' ); ?>
15
+
16
+ <div id="cover-image-container">
17
+ <a id="header-cover-image" href="<?php echo esc_url( bp_get_group_permalink() ); ?>"></a>
18
+
19
+ <div id="item-header-cover-image">
20
+ <?php if ( ! bp_disable_group_avatar_uploads() ) : ?>
21
+ <div id="item-header-avatar">
22
+ <a href="<?php echo esc_url( bp_get_group_permalink() ); ?>" title="<?php echo esc_attr( bp_get_group_name() ); ?>">
23
+
24
+ <?php bp_group_avatar(); ?>
25
+
26
+ </a>
27
+ </div><!-- #item-header-avatar -->
28
+ <?php endif; ?>
29
+
30
+ <div id="item-header-content">
31
+
32
+ <div id="item-buttons"><?php
33
+
34
+ /**
35
+ * Fires in the group header actions section.
36
+ *
37
+ * @since 1.2.6
38
+ */
39
+ do_action( 'bp_group_header_actions' ); ?></div><!-- #item-buttons -->
40
+
41
+ <?php
42
+
43
+ /**
44
+ * Fires before the display of the group's header meta.
45
+ *
46
+ * @since 1.2.0
47
+ */
48
+ do_action( 'bp_before_group_header_meta' ); ?>
49
+
50
+ <div id="item-meta">
51
+
52
+ <?php
53
+
54
+ /**
55
+ * Fires after the group header actions section.
56
+ *
57
+ * @since 1.2.0
58
+ */
59
+ do_action( 'bp_group_header_meta' ); ?>
60
+
61
+ <span class="highlight"><?php bp_group_type(); ?></span>
62
+ <span class="activity" data-livestamp="<?php bp_core_iso8601_date( bp_get_group_last_active( 0, array( 'relative' => false ) ) ); ?>"><?php printf( __( 'active %s', 'buddypress' ), bp_get_group_last_active() ); ?></span>
63
+
64
+ <?php bp_group_description(); ?>
65
+
66
+ <?php bp_group_type_list(); ?>
67
+ </div>
68
+ </div><!-- #item-header-content -->
69
+
70
+ <div id="item-actions">
71
+
72
+ <?php if ( bp_group_is_visible() ) : ?>
73
+
74
+ <h2><?php _e( 'Group Admins', 'buddypress' ); ?></h2>
75
+
76
+ <?php bp_group_list_admins();
77
+
78
+ /**
79
+ * Fires after the display of the group's administrators.
80
+ *
81
+ * @since 1.1.0
82
+ */
83
+ do_action( 'bp_after_group_menu_admins' );
84
+
85
+ if ( bp_group_has_moderators() ) :
86
+
87
+ /**
88
+ * Fires before the display of the group's moderators, if there are any.
89
+ *
90
+ * @since 1.1.0
91
+ */
92
+ do_action( 'bp_before_group_menu_mods' ); ?>
93
+
94
+ <h2><?php _e( 'Group Mods' , 'buddypress' ); ?></h2>
95
+
96
+ <?php bp_group_list_mods();
97
+
98
+ /**
99
+ * Fires after the display of the group's moderators, if there are any.
100
+ *
101
+ * @since 1.1.0
102
+ */
103
+ do_action( 'bp_after_group_menu_mods' );
104
+
105
+ endif;
106
+
107
+ endif; ?>
108
+
109
+ </div><!-- #item-actions -->
110
+
111
+ </div><!-- #item-header-cover-image -->
112
+ </div><!-- #cover-image-container -->
113
+
114
+ <?php
115
+
116
+ /**
117
+ * Fires after the display of a group's header.
118
+ *
119
+ * @since 1.2.0
120
+ */
121
+ do_action( 'bp_after_group_header' ); ?>
122
+
123
+ <div id="template-notices" role="alert" aria-atomic="true">
124
+ <?php
125
+
126
+ /** This action is documented in bp-templates/bp-legacy/buddypress/activity/index.php */
127
+ do_action( 'template_notices' ); ?>
128
+
129
+ </div>
bp-templates/bp-legacy/buddypress/members/single/cover-image-header.php CHANGED
@@ -1,106 +1,106 @@
1
- <?php
2
- /**
3
- * BuddyPress - Users Cover Image Header
4
- *
5
- * @package BuddyPress
6
- * @subpackage bp-legacy
7
- */
8
-
9
- ?>
10
-
11
- <?php
12
-
13
- /**
14
- * Fires before the display of a member's header.
15
- *
16
- * @since 1.2.0
17
- */
18
- do_action( 'bp_before_member_header' ); ?>
19
-
20
- <div id="cover-image-container">
21
- <a id="header-cover-image" href="<?php bp_displayed_user_link(); ?>"></a>
22
-
23
- <div id="item-header-cover-image">
24
- <div id="item-header-avatar">
25
- <a href="<?php bp_displayed_user_link(); ?>">
26
-
27
- <?php bp_displayed_user_avatar( 'type=full' ); ?>
28
-
29
- </a>
30
- </div><!-- #item-header-avatar -->
31
-
32
- <div id="item-header-content">
33
-
34
- <?php if ( bp_is_active( 'activity' ) && bp_activity_do_mentions() ) : ?>
35
- <h2 class="user-nicename">@<?php bp_displayed_user_mentionname(); ?></h2>
36
- <?php endif; ?>
37
-
38
- <div id="item-buttons"><?php
39
-
40
- /**
41
- * Fires in the member header actions section.
42
- *
43
- * @since 1.2.6
44
- */
45
- do_action( 'bp_member_header_actions' ); ?></div><!-- #item-buttons -->
46
-
47
- <span class="activity" data-livestamp="<?php bp_core_iso8601_date( bp_get_user_last_activity( bp_displayed_user_id() ) ); ?>"><?php bp_last_activity( bp_displayed_user_id() ); ?></span>
48
-
49
- <?php
50
-
51
- /**
52
- * Fires before the display of the member's header meta.
53
- *
54
- * @since 1.2.0
55
- */
56
- do_action( 'bp_before_member_header_meta' ); ?>
57
-
58
- <div id="item-meta">
59
-
60
- <?php if ( bp_is_active( 'activity' ) ) : ?>
61
-
62
- <div id="latest-update">
63
-
64
- <?php bp_activity_latest_update( bp_displayed_user_id() ); ?>
65
-
66
- </div>
67
-
68
- <?php endif; ?>
69
-
70
- <?php
71
-
72
- /**
73
- * Fires after the group header actions section.
74
- *
75
- * If you'd like to show specific profile fields here use:
76
- * bp_member_profile_data( 'field=About Me' ); -- Pass the name of the field
77
- *
78
- * @since 1.2.0
79
- */
80
- do_action( 'bp_profile_header_meta' );
81
-
82
- ?>
83
-
84
- </div><!-- #item-meta -->
85
-
86
- </div><!-- #item-header-content -->
87
-
88
- </div><!-- #item-header-cover-image -->
89
- </div><!-- #cover-image-container -->
90
-
91
- <?php
92
-
93
- /**
94
- * Fires after the display of a member's header.
95
- *
96
- * @since 1.2.0
97
- */
98
- do_action( 'bp_after_member_header' ); ?>
99
-
100
- <div id="template-notices" role="alert" aria-atomic="true">
101
- <?php
102
-
103
- /** This action is documented in bp-templates/bp-legacy/buddypress/activity/index.php */
104
- do_action( 'template_notices' ); ?>
105
-
106
- </div>
1
+ <?php
2
+ /**
3
+ * BuddyPress - Users Cover Image Header
4
+ *
5
+ * @package BuddyPress
6
+ * @subpackage bp-legacy
7
+ */
8
+
9
+ ?>
10
+
11
+ <?php
12
+
13
+ /**
14
+ * Fires before the display of a member's header.
15
+ *
16
+ * @since 1.2.0
17
+ */
18
+ do_action( 'bp_before_member_header' ); ?>
19
+
20
+ <div id="cover-image-container">
21
+ <a id="header-cover-image" href="<?php bp_displayed_user_link(); ?>"></a>
22
+
23
+ <div id="item-header-cover-image">
24
+ <div id="item-header-avatar">
25
+ <a href="<?php bp_displayed_user_link(); ?>">
26
+
27
+ <?php bp_displayed_user_avatar( 'type=full' ); ?>
28
+
29
+ </a>
30
+ </div><!-- #item-header-avatar -->
31
+
32
+ <div id="item-header-content">
33
+
34
+ <?php if ( bp_is_active( 'activity' ) && bp_activity_do_mentions() ) : ?>
35
+ <h2 class="user-nicename">@<?php bp_displayed_user_mentionname(); ?></h2>
36
+ <?php endif; ?>
37
+
38
+ <div id="item-buttons"><?php
39
+
40
+ /**
41
+ * Fires in the member header actions section.
42
+ *
43
+ * @since 1.2.6
44
+ */
45
+ do_action( 'bp_member_header_actions' ); ?></div><!-- #item-buttons -->
46
+
47
+ <span class="activity" data-livestamp="<?php bp_core_iso8601_date( bp_get_user_last_activity( bp_displayed_user_id() ) ); ?>"><?php bp_last_activity( bp_displayed_user_id() ); ?></span>
48
+
49
+ <?php
50
+
51
+ /**
52
+ * Fires before the display of the member's header meta.
53
+ *
54
+ * @since 1.2.0
55
+ */
56
+ do_action( 'bp_before_member_header_meta' ); ?>
57
+
58
+ <div id="item-meta">
59
+
60
+ <?php if ( bp_is_active( 'activity' ) ) : ?>
61
+
62
+ <div id="latest-update">
63
+
64
+ <?php bp_activity_latest_update( bp_displayed_user_id() ); ?>
65
+
66
+ </div>
67
+
68
+ <?php endif; ?>
69
+
70
+ <?php
71
+
72
+ /**
73
+ * Fires after the group header actions section.
74
+ *
75
+ * If you'd like to show specific profile fields here use:
76
+ * bp_member_profile_data( 'field=About Me' ); -- Pass the name of the field
77
+ *
78
+ * @since 1.2.0
79
+ */
80
+ do_action( 'bp_profile_header_meta' );
81
+
82
+ ?>
83
+
84
+ </div><!-- #item-meta -->
85
+
86
+ </div><!-- #item-header-content -->
87
+
88
+ </div><!-- #item-header-cover-image -->
89
+ </div><!-- #cover-image-container -->
90
+
91
+ <?php
92
+
93
+ /**
94
+ * Fires after the display of a member's header.
95
+ *
96
+ * @since 1.2.0
97
+ */
98
+ do_action( 'bp_after_member_header' ); ?>
99
+
100
+ <div id="template-notices" role="alert" aria-atomic="true">
101
+ <?php
102
+
103
+ /** This action is documented in bp-templates/bp-legacy/buddypress/activity/index.php */
104
+ do_action( 'template_notices' ); ?>
105
+
106
+ </div>
bp-templates/bp-legacy/buddypress/members/single/profile/change-cover-image.php CHANGED
@@ -1,33 +1,33 @@
1
- <?php
2
- /**
3
- * BuddyPress - Members Profile Change Cover Image
4
- *
5
- * @package BuddyPress
6
- * @subpackage bp-legacy
7
- */
8
-
9
- ?>
10
-
11
- <h2><?php _e( 'Change Cover Image', 'buddypress' ); ?></h2>
12
-
13
- <?php
14
-
15
- /**
16
- * Fires before the display of profile cover image upload content.
17
- *
18
- * @since 2.4.0
19
- */
20
- do_action( 'bp_before_profile_edit_cover_image' ); ?>
21
-
22
- <p><?php _e( 'Your Cover Image will be used to customize the header of your profile.', 'buddypress' ); ?></p>
23
-
24
- <?php bp_attachments_get_template_part( 'cover-images/index' ); ?>
25
-
26
- <?php
27
-
28
- /**
29
- * Fires after the display of profile cover image upload content.
30
- *
31
- * @since 2.4.0
32
- */
33
- do_action( 'bp_after_profile_edit_cover_image' ); ?>
1
+ <?php
2
+ /**
3
+ * BuddyPress - Members Profile Change Cover Image
4
+ *
5
+ * @package BuddyPress
6
+ * @subpackage bp-legacy
7
+ */
8
+
9
+ ?>
10
+
11
+ <h2><?php _e( 'Change Cover Image', 'buddypress' ); ?></h2>
12
+
13
+ <?php
14
+
15
+ /**
16
+ * Fires before the display of profile cover image upload content.
17
+ *
18
+ * @since 2.4.0
19
+ */
20
+ do_action( 'bp_before_profile_edit_cover_image' ); ?>
21
+
22
+ <p><?php _e( 'Your Cover Image will be used to customize the header of your profile.', 'buddypress' ); ?></p>
23
+
24
+ <?php bp_attachments_get_template_part( 'cover-images/index' ); ?>
25
+
26
+ <?php
27
+
28
+ /**
29
+ * Fires after the display of profile cover image upload content.
30
+ *
31
+ * @since 2.4.0
32
+ */
33
+ do_action( 'bp_after_profile_edit_cover_image' ); ?>
bp-templates/bp-legacy/css/twentyeleven-rtl.css CHANGED
@@ -1,63 +1,63 @@
1
  @charset "UTF-8";
2
- /*--------------------------------------------------------------
3
-
4
- This is the BuddyPress companion stylesheet for
5
- the WordPress Twentyeleven theme.
6
-
7
- This sheet supports the primary BuddyPress styles in buddypress.css
8
-
9
- If you are running as a child theme of twentyeleven this stylesheet will be
10
- loaded by default. If you want to modify the styles the normal BP Theme Compat
11
- hierarchy works and you can copy the file to buddypress/css/ or community/css/
12
- in your child themes root & either start over or modify the rulesets.
13
-
14
- If you do not require the styles you can dequeue them from the themes functions file.
15
-
16
- Please see this codex article for more information:
17
- http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
18
-
19
- ----------------------------------------------------------------
20
- >>> TABLE OF CONTENTS:
21
- ----------------------------------------------------------------
22
- 1.0 Theme Structural Elements & overrides
23
- 2.0 - Navigation - General
24
- 2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
25
- 2.2 - Pagination
26
- 3.0 - Images
27
- 4.0 - BP Lists / Loops Generic
28
- 4.1 - Activity Loop
29
- 4.1.1 Whats New Activity
30
- 4.1.2 - Activity Listing
31
- 4.1.3 - Activity Comments
32
- 4.2 - Members Loop
33
- 4.3 - Groups Loop
34
- 4.4 - Blogs Loop
35
- 5.0 - Directories - Members, Groups, Blogs, Register, activation
36
- 6.0 - Single Item screens: User Account & Single Group Screens
37
- 6.1 - Item Headers: Global
38
- 6.1.1 - item-header: Groups
39
- 6.1.2 - item-header: User Accounts
40
- 6.2 - Item Body: Global
41
- 6.2.1 - item-body: Groups
42
- 6.2.1.1 - Management settings screens
43
- 6.2.1.2 - Group members list
44
- 6.2.2 - item-body: User Accounts
45
- 6.2.2.1 - classes, pag, filters
46
- 6.2.2.2 - Extended Profiles
47
- 6.2.2.3 - Groups
48
- 6.2.2.4 - friends
49
- 6.2.2.5 - Private Messaging Threads
50
- 6.2.2.6 - Settings
51
- 6.2.2.7 - Notifications
52
- 7.0 - Forms - General
53
- 8.0 - Tables - General
54
- 9.0 - Error / Success Messages
55
- 10.0 - Ajax Loading, Widgets, General classes
56
  --------------------------------------------------------------*/
57
- /**
58
- *-------------------------------------------------------------------------------
59
- * @section 1.0 - Theme - Structural Elements. overrides, Globals
60
- *-------------------------------------------------------------------------------
61
  */
62
  .buddypress div.clear {
63
  display: none;
@@ -77,17 +77,17 @@ body.buddypress:not(.page-template-sidebar-page) #content .entry-content {
77
  padding-top: 0;
78
  }
79
 
80
- /**
81
- *-------------------------------------------------------------------------------
82
- * @section 2.0 - Navigation - General
83
- *-------------------------------------------------------------------------------
84
  */
85
- /**
86
- *----------------------------------------------------------
87
- * @section 2.1 - Navs Object Nav / Sub Nav (item-list-tabs)
88
- *
89
- * The main navigational elements for all BP screens
90
- *----------------------------------------------------------
91
  */
92
  /* Here we start things off */
93
  #buddypress div.item-list-tabs ul li.selected a,
@@ -317,10 +317,10 @@ body.buddypress:not(.page-template-sidebar-page) #content .entry-content {
317
  }
318
  }
319
 
320
- /**
321
- *----------------------------------------------------------
322
- * @section 2.2 - Pagination
323
- *----------------------------------------------------------
324
  */
325
  #buddypress div.pagination {
326
  box-shadow: none;
@@ -370,10 +370,10 @@ body.buddypress:not(.page-template-sidebar-page) #content .entry-content {
370
  left: auto;
371
  }
372
 
373
- /**
374
- *-------------------------------------------------------------------------------
375
- * @section 4.0 - BP Lists / Loops Generic
376
- *-------------------------------------------------------------------------------
377
  */
378
  #buddypress ul.item-list {
379
  border-top: 0;
@@ -539,15 +539,15 @@ body.buddypress:not(.page-template-sidebar-page) #content .entry-content {
539
  font-style: italic;
540
  }
541
 
542
- /**
543
- *----------------------------------------------------------
544
- * @section 4.1 - Activity
545
- *----------------------------------------------------------
546
  */
547
- /**
548
- *-----------------------------------------------------
549
- * @section 4.1.1 - Activity Whats New
550
- *-----------------------------------------------------
551
  */
552
  #buddypress form#whats-new-form p.activity-greeting {
553
  line-height: 1.4;
@@ -600,10 +600,10 @@ body.buddypress:not(.page-template-sidebar-page) #content .entry-content {
600
  margin: 50px 0;
601
  }
602
 
603
- /**
604
- *-----------------------------------------------------
605
- * @section 4.1.2 - Activity Listing
606
- *-----------------------------------------------------
607
  */
608
  #buddypress #activity-stream li {
609
  padding: 25px 0 15px;
@@ -763,10 +763,10 @@ body.buddypress:not(.page-template-sidebar-page) #content .entry-content {
763
  margin-right: 0;
764
  }
765
 
766
- /**
767
- *-----------------------------------------------------
768
- * @section 4.1.3 - Activity Comments
769
- *-----------------------------------------------------
770
  */
771
  #buddypress #activity-stream .activity-comments {
772
  position: relative;
@@ -817,10 +817,10 @@ body.buddypress:not(.page-template-sidebar-page) #content .entry-content {
817
  background: #ededed;
818
  }
819
 
820
- /**
821
- *----------------------------------------------------------
822
- * @section 4.2 - Members Loop
823
- *----------------------------------------------------------
824
  */
825
  @media screen and (min-width: 650px) {
826
  #buddypress #members-list li .item-avatar,
@@ -832,15 +832,15 @@ body.buddypress:not(.page-template-sidebar-page) #content .entry-content {
832
  }
833
  }
834
 
835
- /**
836
- *-------------------------------------------------------------------------------
837
- * @section 5.0 - Directories
838
- *-------------------------------------------------------------------------------
839
  */
840
- /**
841
- *-----------------------------------------------------------
842
- * @subsection Registration
843
- *-----------------------------------------------------------
844
  */
845
  #buddypress #signup_form.standard-form #profile-details-section,
846
  #buddypress #signup_form.standard-form #basic-details-section,
@@ -866,19 +866,19 @@ body.buddypress:not(.page-template-sidebar-page) #content .entry-content {
866
  }
867
  }
868
 
869
- /**
870
- *-------------------------------------------------------------------------------
871
- * @section 6.0 - Single Item screens: User Account & Single Group Screens
872
- *-------------------------------------------------------------------------------
873
  */
874
  .bp-user #buddypress a:visited {
875
  color: #21759b;
876
  }
877
 
878
- /**
879
- *-----------------------------------------------------------
880
- * @subsection 6.1 - Item Header Global
881
- *-----------------------------------------------------------
882
  */
883
  .bp-user #buddypress #item-header-content #item-meta,
884
  .single-item.groups #buddypress #item-header-content #item-meta {
@@ -942,12 +942,12 @@ body.buddypress:not(.page-template-sidebar-page) #content .entry-content {
942
  }
943
  }
944
 
945
- /**
946
- *-----------------------------------------------------
947
- * @subsection 6.1.1 - item-header Groups
948
- *
949
- * Group Specific Item Header
950
- *-----------------------------------------------------
951
  */
952
  @media screen and (max-width: 46.25em) {
953
  .single-item.groups #buddypress #item-header #item-meta {
@@ -1077,12 +1077,12 @@ body.buddypress:not(.page-template-sidebar-page) #content .entry-content {
1077
  }
1078
  }
1079
 
1080
- /**
1081
- *-----------------------------------------------------
1082
- * @subsection 6.1.2 - Item Header User Accounts
1083
- *
1084
- * User Accounts Specific Item Header
1085
- *-----------------------------------------------------
1086
  */
1087
  .bp-user #buddypress #item-header #item-header-avatar {
1088
  text-align: center;
@@ -1113,22 +1113,22 @@ body.buddypress:not(.page-template-sidebar-page) #content .entry-content {
1113
  }
1114
  }
1115
 
1116
- /**
1117
- *-----------------------------------------------------------
1118
- * @subsection 6.2 - Item Body: Global
1119
- *-----------------------------------------------------------
1120
  */
1121
- /**
1122
- *----------------------------------------------------
1123
- * @subsection 6.2.1 - Item Body Groups
1124
- *
1125
- * Groups specific item body rules - screens
1126
- *----------------------------------------------------
1127
  */
1128
- /**
1129
- *-----------------------------------------
1130
- * @subsection 6.2.1.1 - Group Management
1131
- *-----------------------------------------
1132
  */
1133
  .groups #group-settings-form h3 {
1134
  background: #555;
@@ -1210,10 +1210,10 @@ body.buddypress:not(.page-template-sidebar-page) #content .entry-content {
1210
  margin: 0;
1211
  }
1212
 
1213
- /**
1214
- *-----------------------------------------
1215
- * @subsection 6.2.1.2 - Group members
1216
- *-----------------------------------------
1217
  */
1218
  .groups.group-members #subnav li {
1219
  width: 100%;
@@ -1241,17 +1241,17 @@ body.buddypress:not(.page-template-sidebar-page) #content .entry-content {
1241
  }
1242
  }
1243
 
1244
- /**
1245
- *-----------------------------------------------------
1246
- * @subsection 6.2.2 - Item Body User Accounts
1247
- *
1248
- * User Account specific component item body rules
1249
- *-----------------------------------------------------
1250
  */
1251
- /**
1252
- *--------------------------------------------
1253
- * @subsection 6.2.2.1 - classes, pag, filters
1254
- *--------------------------------------------
1255
  */
1256
  .bp-user #buddypress table th {
1257
  font-size: 13px;
@@ -1337,10 +1337,10 @@ body.buddypress:not(.page-template-sidebar-page) #content .entry-content {
1337
  background: none;
1338
  }
1339
 
1340
- /**
1341
- *-------------------------------------------
1342
- * @subsection 6.2.2.2 - Extended Profiles
1343
- *-------------------------------------------
1344
  */
1345
  .bp-user #buddypress .profile .bp-widget h2 {
1346
  background: #6f6f6f;
@@ -1420,10 +1420,10 @@ body.buddypress:not(.page-template-sidebar-page) #content .entry-content {
1420
  font-size: inherit;
1421
  }
1422
 
1423
- /**
1424
- *-------------------------------------------
1425
- * @subsection 6.2.2.5 - Private Messaging
1426
- *-------------------------------------------
1427
  */
1428
  .bp-user #buddypress #message-thread a {
1429
  border-bottom: 0;
@@ -1725,10 +1725,10 @@ body.buddypress:not(.page-template-sidebar-page) #content .entry-content {
1725
  vertical-align: bottom;
1726
  }
1727
 
1728
- /**
1729
- *------------------------------
1730
- * @subsection 6.2.2.6 - Settings
1731
- *------------------------------
1732
  */
1733
  .bp-user #buddypress #settings-form > p {
1734
  font-size: 20px;
@@ -1766,15 +1766,15 @@ body.buddypress:not(.page-template-sidebar-page) #content .entry-content {
1766
  width: 100%;
1767
  }
1768
 
1769
- /**
1770
- *------------------------------------
1771
- * @subsection 6.2.2.6 - Notifications
1772
- *------------------------------------
1773
  */
1774
- /**
1775
- *-------------------------------------------------------------------------------
1776
- * @section 7.0 - Forms - General
1777
- *-------------------------------------------------------------------------------
1778
  */
1779
  #main #buddypress .standard-form li {
1780
  float: none;
@@ -1906,10 +1906,10 @@ body.buddypress:not(.page-template-sidebar-page) #content .entry-content {
1906
  }
1907
  }
1908
 
1909
- /**
1910
- *-------------------------------------------------------------------------------
1911
- * @section 8.0 - Tables - General
1912
- *-------------------------------------------------------------------------------
1913
  */
1914
  .bp-user #buddypress table {
1915
  font-size: 14px;
@@ -1989,10 +1989,10 @@ body.buddypress:not(.page-template-sidebar-page) #content .entry-content {
1989
  text-align: center;
1990
  }
1991
 
1992
- /**
1993
- *-------------------------------------------------------------------------------
1994
- * @section 9.0 - Error / Success messages
1995
- *-------------------------------------------------------------------------------
1996
  */
1997
  #buddypress div#message p {
1998
  font-size: 18px;
@@ -2018,8 +2018,8 @@ body.buddypress:not(.page-template-sidebar-page) #content .entry-content {
2018
  color: #1f0808;
2019
  }
2020
 
2021
- /**
2022
- *-------------------------------------------------------------------------------
2023
- * @section 10.0 - Ajax Loading, Widgets, General classes
2024
- *-------------------------------------------------------------------------------
2025
  */
1
  @charset "UTF-8";
2
+ /*--------------------------------------------------------------
3
+
4
+ This is the BuddyPress companion stylesheet for
5
+ the WordPress Twentyeleven theme.
6
+
7
+ This sheet supports the primary BuddyPress styles in buddypress.css
8
+
9
+ If you are running as a child theme of twentyeleven this stylesheet will be
10
+ loaded by default. If you want to modify the styles the normal BP Theme Compat
11
+ hierarchy works and you can copy the file to buddypress/css/ or community/css/
12
+ in your child themes root & either start over or modify the rulesets.
13
+
14
+ If you do not require the styles you can dequeue them from the themes functions file.
15
+
16
+ Please see this codex article for more information:
17
+ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
18
+
19
+ ----------------------------------------------------------------
20
+ >>> TABLE OF CONTENTS:
21
+ ----------------------------------------------------------------
22
+ 1.0 Theme Structural Elements & overrides
23
+ 2.0 - Navigation - General
24
+ 2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
25
+ 2.2 - Pagination
26
+ 3.0 - Images
27
+ 4.0 - BP Lists / Loops Generic
28
+ 4.1 - Activity Loop
29
+ 4.1.1 Whats New Activity
30
+ 4.1.2 - Activity Listing
31
+ 4.1.3 - Activity Comments
32
+ 4.2 - Members Loop
33
+ 4.3 - Groups Loop
34
+ 4.4 - Blogs Loop
35
+ 5.0 - Directories - Members, Groups, Blogs, Register, activation
36
+ 6.0 - Single Item screens: User Account & Single Group Screens
37
+ 6.1 - Item Headers: Global
38
+ 6.1.1 - item-header: Groups
39
+ 6.1.2 - item-header: User Accounts
40
+ 6.2 - Item Body: Global
41
+ 6.2.1 - item-body: Groups
42
+ 6.2.1.1 - Management settings screens
43
+ 6.2.1.2 - Group members list
44
+ 6.2.2 - item-body: User Accounts
45
+ 6.2.2.1 - classes, pag, filters
46
+ 6.2.2.2 - Extended Profiles
47
+ 6.2.2.3 - Groups
48
+ 6.2.2.4 - friends
49
+ 6.2.2.5 - Private Messaging Threads
50
+ 6.2.2.6 - Settings
51
+ 6.2.2.7 - Notifications
52
+ 7.0 - Forms - General
53
+ 8.0 - Tables - General
54
+ 9.0 - Error / Success Messages
55
+ 10.0 - Ajax Loading, Widgets, General classes
56
  --------------------------------------------------------------*/
57
+ /**
58
+ *-------------------------------------------------------------------------------
59
+ * @section 1.0 - Theme - Structural Elements. overrides, Globals
60
+ *-------------------------------------------------------------------------------
61
  */
62
  .buddypress div.clear {
63
  display: none;
77
  padding-top: 0;
78
  }
79
 
80
+ /**
81
+ *-------------------------------------------------------------------------------
82
+ * @section 2.0 - Navigation - General
83
+ *-------------------------------------------------------------------------------
84
  */
85
+ /**
86
+ *----------------------------------------------------------
87
+ * @section 2.1 - Navs Object Nav / Sub Nav (item-list-tabs)
88
+ *
89
+ * The main navigational elements for all BP screens
90
+ *----------------------------------------------------------
91
  */
92
  /* Here we start things off */
93
  #buddypress div.item-list-tabs ul li.selected a,
317
  }
318
  }
319
 
320
+ /**
321
+ *----------------------------------------------------------
322
+ * @section 2.2 - Pagination
323
+ *----------------------------------------------------------
324
  */
325
  #buddypress div.pagination {
326
  box-shadow: none;
370
  left: auto;
371
  }
372
 
373
+ /**
374
+ *-------------------------------------------------------------------------------
375
+ * @section 4.0 - BP Lists / Loops Generic
376
+ *-------------------------------------------------------------------------------
377
  */
378
  #buddypress ul.item-list {
379
  border-top: 0;
539
  font-style: italic;
540
  }
541
 
542
+ /**
543
+ *----------------------------------------------------------
544
+ * @section 4.1 - Activity
545
+ *----------------------------------------------------------
546
  */
547
+ /**
548
+ *-----------------------------------------------------
549
+ * @section 4.1.1 - Activity Whats New
550
+ *-----------------------------------------------------
551
  */
552
  #buddypress form#whats-new-form p.activity-greeting {
553
  line-height: 1.4;
600
  margin: 50px 0;
601
  }
602
 
603
+ /**
604
+ *-----------------------------------------------------
605
+ * @section 4.1.2 - Activity Listing
606
+ *-----------------------------------------------------
607
  */
608
  #buddypress #activity-stream li {
609
  padding: 25px 0 15px;
763
  margin-right: 0;
764
  }
765
 
766
+ /**
767
+ *-----------------------------------------------------
768
+ * @section 4.1.3 - Activity Comments
769
+ *-----------------------------------------------------
770
  */
771
  #buddypress #activity-stream .activity-comments {
772
  position: relative;
817
  background: #ededed;
818
  }
819
 
820
+ /**
821
+ *----------------------------------------------------------
822
+ * @section 4.2 - Members Loop
823
+ *----------------------------------------------------------
824
  */
825
  @media screen and (min-width: 650px) {
826
  #buddypress #members-list li .item-avatar,
832
  }
833
  }
834
 
835
+ /**
836
+ *-------------------------------------------------------------------------------
837
+ * @section 5.0 - Directories
838
+ *-------------------------------------------------------------------------------
839
  */
840
+ /**
841
+ *-----------------------------------------------------------
842
+ * @subsection Registration
843
+ *-----------------------------------------------------------
844
  */
845
  #buddypress #signup_form.standard-form #profile-details-section,
846
  #buddypress #signup_form.standard-form #basic-details-section,
866
  }
867
  }
868
 
869
+ /**
870
+ *-------------------------------------------------------------------------------
871
+ * @section 6.0 - Single Item screens: User Account & Single Group Screens
872
+ *-------------------------------------------------------------------------------
873
  */
874
  .bp-user #buddypress a:visited {
875
  color: #21759b;
876
  }
877
 
878
+ /**
879
+ *-----------------------------------------------------------
880
+ * @subsection 6.1 - Item Header Global
881
+ *-----------------------------------------------------------
882
  */
883
  .bp-user #buddypress #item-header-content #item-meta,
884
  .single-item.groups #buddypress #item-header-content #item-meta {
942
  }
943
  }
944
 
945
+ /**
946
+ *-----------------------------------------------------
947
+ * @subsection 6.1.1 - item-header Groups
948
+ *
949
+ * Group Specific Item Header
950
+ *-----------------------------------------------------
951
  */
952
  @media screen and (max-width: 46.25em) {
953
  .single-item.groups #buddypress #item-header #item-meta {
1077
  }
1078
  }
1079
 
1080
+ /**
1081
+ *-----------------------------------------------------
1082
+ * @subsection 6.1.2 - Item Header User Accounts
1083
+ *
1084
+ * User Accounts Specific Item Header
1085
+ *-----------------------------------------------------
1086
  */
1087
  .bp-user #buddypress #item-header #item-header-avatar {
1088
  text-align: center;
1113
  }
1114
  }
1115
 
1116
+ /**
1117
+ *-----------------------------------------------------------
1118
+ * @subsection 6.2 - Item Body: Global
1119
+ *-----------------------------------------------------------
1120
  */
1121
+ /**
1122
+ *----------------------------------------------------
1123
+ * @subsection 6.2.1 - Item Body Groups
1124
+ *
1125
+ * Groups specific item body rules - screens
1126
+ *----------------------------------------------------
1127
  */
1128
+ /**
1129
+ *-----------------------------------------
1130
+ * @subsection 6.2.1.1 - Group Management
1131
+ *-----------------------------------------
1132
  */
1133
  .groups #group-settings-form h3 {
1134
  background: #555;
1210
  margin: 0;
1211
  }
1212
 
1213
+ /**
1214
+ *-----------------------------------------
1215
+ * @subsection 6.2.1.2 - Group members
1216
+ *-----------------------------------------
1217
  */
1218
  .groups.group-members #subnav li {
1219
  width: 100%;
1241
  }
1242
  }
1243
 
1244
+ /**
1245
+ *-----------------------------------------------------
1246
+ * @subsection 6.2.2 - Item Body User Accounts
1247
+ *
1248
+ * User Account specific component item body rules
1249
+ *-----------------------------------------------------
1250
  */
1251
+ /**
1252
+ *--------------------------------------------
1253
+ * @subsection 6.2.2.1 - classes, pag, filters
1254
+ *--------------------------------------------
1255
  */
1256
  .bp-user #buddypress table th {
1257
  font-size: 13px;
1337
  background: none;
1338
  }
1339
 
1340
+ /**
1341
+ *-------------------------------------------
1342
+ * @subsection 6.2.2.2 - Extended Profiles
1343
+ *-------------------------------------------
1344
  */
1345
  .bp-user #buddypress .profile .bp-widget h2 {
1346
  background: #6f6f6f;
1420
  font-size: inherit;
1421
  }
1422
 
1423
+ /**
1424
+ *-------------------------------------------
1425
+ * @subsection 6.2.2.5 - Private Messaging
1426
+ *-------------------------------------------
1427
  */
1428
  .bp-user #buddypress #message-thread a {
1429
  border-bottom: 0;
1725
  vertical-align: bottom;
1726
  }
1727
 
1728
+ /**
1729
+ *------------------------------
1730
+ * @subsection 6.2.2.6 - Settings
1731
+ *------------------------------
1732
  */
1733
  .bp-user #buddypress #settings-form > p {
1734
  font-size: 20px;
1766
  width: 100%;
1767
  }
1768
 
1769
+ /**
1770
+ *------------------------------------
1771
+ * @subsection 6.2.2.6 - Notifications
1772
+ *------------------------------------
1773
  */
1774
+ /**
1775
+ *-------------------------------------------------------------------------------
1776
+ * @section 7.0 - Forms - General
1777
+ *-------------------------------------------------------------------------------
1778
  */
1779
  #main #buddypress .standard-form li {
1780
  float: none;
1906
  }
1907
  }
1908
 
1909
+ /**
1910
+ *-------------------------------------------------------------------------------
1911
+ * @section 8.0 - Tables - General
1912
+ *-------------------------------------------------------------------------------
1913
  */
1914
  .bp-user #buddypress table {
1915
  font-size: 14px;
1989
  text-align: center;
1990
  }
1991
 
1992
+ /**
1993
+ *-------------------------------------------------------------------------------
1994
+ * @section 9.0 - Error / Success messages
1995
+ *-------------------------------------------------------------------------------
1996
  */
1997
  #buddypress div#message p {
1998
  font-size: 18px;
2018
  color: #1f0808;
2019
  }
2020
 
2021
+ /**
2022
+ *-------------------------------------------------------------------------------
2023
+ * @section 10.0 - Ajax Loading, Widgets, General classes
2024
+ *-------------------------------------------------------------------------------
2025
  */
bp-templates/bp-legacy/css/twentyeleven.css CHANGED
@@ -1,63 +1,63 @@
1
  @charset "UTF-8";
2
- /*--------------------------------------------------------------
3
-
4
- This is the BuddyPress companion stylesheet for
5
- the WordPress Twentyeleven theme.
6
-
7
- This sheet supports the primary BuddyPress styles in buddypress.css
8
-
9
- If you are running as a child theme of twentyeleven this stylesheet will be
10
- loaded by default. If you want to modify the styles the normal BP Theme Compat
11
- hierarchy works and you can copy the file to buddypress/css/ or community/css/
12
- in your child themes root & either start over or modify the rulesets.
13
-
14
- If you do not require the styles you can dequeue them from the themes functions file.
15
-
16
- Please see this codex article for more information:
17
- http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
18
-
19
- ----------------------------------------------------------------
20
- >>> TABLE OF CONTENTS:
21
- ----------------------------------------------------------------
22
- 1.0 Theme Structural Elements & overrides
23
- 2.0 - Navigation - General
24
- 2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
25
- 2.2 - Pagination
26
- 3.0 - Images
27
- 4.0 - BP Lists / Loops Generic
28
- 4.1 - Activity Loop
29
- 4.1.1 Whats New Activity
30
- 4.1.2 - Activity Listing
31
- 4.1.3 - Activity Comments
32
- 4.2 - Members Loop
33
- 4.3 - Groups Loop
34
- 4.4 - Blogs Loop
35
- 5.0 - Directories - Members, Groups, Blogs, Register, activation
36
- 6.0 - Single Item screens: User Account & Single Group Screens
37
- 6.1 - Item Headers: Global
38
- 6.1.1 - item-header: Groups
39
- 6.1.2 - item-header: User Accounts
40
- 6.2 - Item Body: Global
41
- 6.2.1 - item-body: Groups
42
- 6.2.1.1 - Management settings screens
43
- 6.2.1.2 - Group members list
44
- 6.2.2 - item-body: User Accounts
45
- 6.2.2.1 - classes, pag, filters
46
- 6.2.2.2 - Extended Profiles
47
- 6.2.2.3 - Groups
48
- 6.2.2.4 - friends
49
- 6.2.2.5 - Private Messaging Threads
50
- 6.2.2.6 - Settings
51
- 6.2.2.7 - Notifications
52
- 7.0 - Forms - General
53
- 8.0 - Tables - General
54
- 9.0 - Error / Success Messages
55
- 10.0 - Ajax Loading, Widgets, General classes
56
  --------------------------------------------------------------*/
57
- /**
58
- *-------------------------------------------------------------------------------
59
- * @section 1.0 - Theme - Structural Elements. overrides, Globals
60
- *-------------------------------------------------------------------------------
61
  */
62
  .buddypress div.clear {
63
  display: none;
@@ -77,17 +77,17 @@ body.buddypress:not(.page-template-sidebar-page) #content .entry-content {
77
  padding-top: 0;
78
  }
79
 
80
- /**
81
- *-------------------------------------------------------------------------------
82
- * @section 2.0 - Navigation - General
83
- *-------------------------------------------------------------------------------
84
  */
85
- /**
86
- *----------------------------------------------------------
87
- * @section 2.1 - Navs Object Nav / Sub Nav (item-list-tabs)
88
- *
89
- * The main navigational elements for all BP screens
90
- *----------------------------------------------------------
91
  */
92
  /* Here we start things off */
93
  #buddypress div.item-list-tabs ul li.selected a,
@@ -317,10 +317,10 @@ body.buddypress:not(.page-template-sidebar-page) #content .entry-content {
317
  }
318
  }
319
 
320
- /**
321
- *----------------------------------------------------------
322
- * @section 2.2 - Pagination
323
- *----------------------------------------------------------
324
  */
325
  #buddypress div.pagination {
326
  box-shadow: none;
@@ -370,10 +370,10 @@ body.buddypress:not(.page-template-sidebar-page) #content .entry-content {
370
  right: auto;
371
  }
372
 
373
- /**
374
- *-------------------------------------------------------------------------------
375
- * @section 4.0 - BP Lists / Loops Generic
376
- *-------------------------------------------------------------------------------
377
  */
378
  #buddypress ul.item-list {
379
  border-top: 0;
@@ -539,15 +539,15 @@ body.buddypress:not(.page-template-sidebar-page) #content .entry-content {
539
  font-style: italic;
540
  }
541
 
542
- /**
543
- *----------------------------------------------------------
544
- * @section 4.1 - Activity
545
- *----------------------------------------------------------
546
  */
547
- /**
548
- *-----------------------------------------------------
549
- * @section 4.1.1 - Activity Whats New
550
- *-----------------------------------------------------
551
  */
552
  #buddypress form#whats-new-form p.activity-greeting {
553
  line-height: 1.4;
@@ -600,10 +600,10 @@ body.buddypress:not(.page-template-sidebar-page) #content .entry-content {
600
  margin: 50px 0;
601
  }
602
 
603
- /**
604
- *-----------------------------------------------------
605
- * @section 4.1.2 - Activity Listing
606
- *-----------------------------------------------------
607
  */
608
  #buddypress #activity-stream li {
609
  padding: 25px 0 15px;
@@ -763,10 +763,10 @@ body.buddypress:not(.page-template-sidebar-page) #content .entry-content {
763
  margin-left: 0;
764
  }
765
 
766
- /**
767
- *-----------------------------------------------------
768
- * @section 4.1.3 - Activity Comments
769
- *-----------------------------------------------------
770
  */
771
  #buddypress #activity-stream .activity-comments {
772
  position: relative;
@@ -817,10 +817,10 @@ body.buddypress:not(.page-template-sidebar-page) #content .entry-content {
817
  background: #ededed;
818
  }
819
 
820
- /**
821
- *----------------------------------------------------------
822
- * @section 4.2 - Members Loop
823
- *----------------------------------------------------------
824
  */
825
  @media screen and (min-width: 650px) {
826
  #buddypress #members-list li .item-avatar,
@@ -832,15 +832,15 @@ body.buddypress:not(.page-template-sidebar-page) #content .entry-content {
832
  }
833
  }
834
 
835
- /**
836
- *-------------------------------------------------------------------------------
837
- * @section 5.0 - Directories
838
- *-------------------------------------------------------------------------------
839
  */
840
- /**
841
- *-----------------------------------------------------------
842
- * @subsection Registration
843
- *-----------------------------------------------------------
844
  */
845
  #buddypress #signup_form.standard-form #profile-details-section,
846
  #buddypress #signup_form.standard-form #basic-details-section,
@@ -866,19 +866,19 @@ body.buddypress:not(.page-template-sidebar-page) #content .entry-content {
866
  }
867
  }
868
 
869
- /**
870
- *-------------------------------------------------------------------------------
871
- * @section 6.0 - Single Item screens: User Account & Single Group Screens
872
- *-------------------------------------------------------------------------------
873
  */
874
  .bp-user #buddypress a:visited {
875
  color: #21759b;
876
  }
877
 
878
- /**
879
- *-----------------------------------------------------------
880
- * @subsection 6.1 - Item Header Global
881
- *-----------------------------------------------------------
882
  */
883
  .bp-user #buddypress #item-header-content #item-meta,
884
  .single-item.groups #buddypress #item-header-content #item-meta {
@@ -942,12 +942,12 @@ body.buddypress:not(.page-template-sidebar-page) #content .entry-content {
942
  }
943
  }
944
 
945
- /**
946
- *-----------------------------------------------------
947
- * @subsection 6.1.1 - item-header Groups
948
- *
949
- * Group Specific Item Header
950
- *-----------------------------------------------------
951
  */
952
  @media screen and (max-width: 46.25em) {
953
  .single-item.groups #buddypress #item-header #item-meta {
@@ -1077,12 +1077,12 @@ body.buddypress:not(.page-template-sidebar-page) #content .entry-content {
1077
  }
1078
  }
1079
 
1080
- /**
1081
- *-----------------------------------------------------
1082
- * @subsection 6.1.2 - Item Header User Accounts
1083
- *
1084
- * User Accounts Specific Item Header
1085
- *-----------------------------------------------------
1086
  */
1087
  .bp-user #buddypress #item-header #item-header-avatar {
1088
  text-align: center;
@@ -1113,22 +1113,22 @@ body.buddypress:not(.page-template-sidebar-page) #content .entry-content {
1113
  }
1114
  }
1115
 
1116
- /**
1117
- *-----------------------------------------------------------
1118
- * @subsection 6.2 - Item Body: Global
1119
- *-----------------------------------------------------------
1120
  */
1121
- /**
1122
- *----------------------------------------------------
1123
- * @subsection 6.2.1 - Item Body Groups
1124
- *
1125
- * Groups specific item body rules - screens
1126
- *----------------------------------------------------
1127
  */
1128
- /**
1129
- *-----------------------------------------
1130
- * @subsection 6.2.1.1 - Group Management
1131
- *-----------------------------------------
1132
  */
1133
  .groups #group-settings-form h3 {
1134
  background: #555;
@@ -1210,10 +1210,10 @@ body.buddypress:not(.page-template-sidebar-page) #content .entry-content {
1210
  margin: 0;
1211
  }
1212
 
1213
- /**
1214
- *-----------------------------------------
1215
- * @subsection 6.2.1.2 - Group members
1216
- *-----------------------------------------
1217
  */
1218
  .groups.group-members #subnav li {
1219
  width: 100%;
@@ -1241,17 +1241,17 @@ body.buddypress:not(.page-template-sidebar-page) #content .entry-content {
1241
  }
1242
  }
1243
 
1244
- /**
1245
- *-----------------------------------------------------
1246
- * @subsection 6.2.2 - Item Body User Accounts
1247
- *
1248
- * User Account specific component item body rules
1249
- *-----------------------------------------------------
1250
  */
1251
- /**
1252
- *--------------------------------------------
1253
- * @subsection 6.2.2.1 - classes, pag, filters
1254
- *--------------------------------------------
1255
  */
1256
  .bp-user #buddypress table th {
1257
  font-size: 13px;
@@ -1337,10 +1337,10 @@ body.buddypress:not(.page-template-sidebar-page) #content .entry-content {
1337
  background: none;
1338
  }
1339
 
1340
- /**
1341
- *-------------------------------------------
1342
- * @subsection 6.2.2.2 - Extended Profiles
1343
- *-------------------------------------------
1344
  */
1345
  .bp-user #buddypress .profile .bp-widget h2 {
1346
  background: #6f6f6f;
@@ -1420,10 +1420,10 @@ body.buddypress:not(.page-template-sidebar-page) #content .entry-content {
1420
  font-size: inherit;
1421
  }
1422
 
1423
- /**
1424
- *-------------------------------------------
1425
- * @subsection 6.2.2.5 - Private Messaging
1426
- *-------------------------------------------
1427
  */
1428
  .bp-user #buddypress #message-thread a {
1429
  border-bottom: 0;
@@ -1725,10 +1725,10 @@ body.buddypress:not(.page-template-sidebar-page) #content .entry-content {
1725
  vertical-align: bottom;
1726
  }
1727
 
1728
- /**
1729
- *------------------------------
1730
- * @subsection 6.2.2.6 - Settings
1731
- *------------------------------
1732
  */
1733
  .bp-user #buddypress #settings-form > p {
1734
  font-size: 20px;
@@ -1766,15 +1766,15 @@ body.buddypress:not(.page-template-sidebar-page) #content .entry-content {
1766
  width: 100%;
1767
  }
1768
 
1769
- /**
1770
- *------------------------------------
1771
- * @subsection 6.2.2.6 - Notifications
1772
- *------------------------------------
1773
  */
1774
- /**
1775
- *-------------------------------------------------------------------------------
1776
- * @section 7.0 - Forms - General
1777
- *-------------------------------------------------------------------------------
1778
  */
1779
  #main #buddypress .standard-form li {
1780
  float: none;
@@ -1906,10 +1906,10 @@ body.buddypress:not(.page-template-sidebar-page) #content .entry-content {
1906
  }
1907
  }
1908
 
1909
- /**
1910
- *-------------------------------------------------------------------------------
1911
- * @section 8.0 - Tables - General
1912
- *-------------------------------------------------------------------------------
1913
  */
1914
  .bp-user #buddypress table {
1915
  font-size: 14px;
@@ -1989,10 +1989,10 @@ body.buddypress:not(.page-template-sidebar-page) #content .entry-content {
1989
  text-align: center;
1990
  }
1991
 
1992
- /**
1993
- *-------------------------------------------------------------------------------
1994
- * @section 9.0 - Error / Success messages
1995
- *-------------------------------------------------------------------------------
1996
  */
1997
  #buddypress div#message p {
1998
  font-size: 18px;
@@ -2018,8 +2018,8 @@ body.buddypress:not(.page-template-sidebar-page) #content .entry-content {
2018
  color: #1f0808;
2019
  }
2020
 
2021
- /**
2022
- *-------------------------------------------------------------------------------
2023
- * @section 10.0 - Ajax Loading, Widgets, General classes
2024
- *-------------------------------------------------------------------------------
2025
  */
1
  @charset "UTF-8";
2
+ /*--------------------------------------------------------------
3
+
4
+ This is the BuddyPress companion stylesheet for
5
+ the WordPress Twentyeleven theme.
6
+
7
+ This sheet supports the primary BuddyPress styles in buddypress.css
8
+
9
+ If you are running as a child theme of twentyeleven this stylesheet will be
10
+ loaded by default. If you want to modify the styles the normal BP Theme Compat
11
+ hierarchy works and you can copy the file to buddypress/css/ or community/css/
12
+ in your child themes root & either start over or modify the rulesets.
13
+
14
+ If you do not require the styles you can dequeue them from the themes functions file.
15
+
16
+ Please see this codex article for more information:
17
+ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
18
+
19
+ ----------------------------------------------------------------
20
+ >>> TABLE OF CONTENTS:
21
+ ----------------------------------------------------------------
22
+ 1.0 Theme Structural Elements & overrides
23
+ 2.0 - Navigation - General
24
+ 2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
25
+ 2.2 - Pagination
26
+ 3.0 - Images
27
+ 4.0 - BP Lists / Loops Generic
28
+ 4.1 - Activity Loop
29
+ 4.1.1 Whats New Activity
30
+ 4.1.2 - Activity Listing
31
+ 4.1.3 - Activity Comments
32
+ 4.2 - Members Loop
33
+ 4.3 - Groups Loop
34
+ 4.4 - Blogs Loop
35
+ 5.0 - Directories - Members, Groups, Blogs, Register, activation
36
+ 6.0 - Single Item screens: User Account & Single Group Screens
37
+ 6.1 - Item Headers: Global
38
+ 6.1.1 - item-header: Groups
39
+ 6.1.2 - item-header: User Accounts
40
+ 6.2 - Item Body: Global
41
+ 6.2.1 - item-body: Groups
42
+ 6.2.1.1 - Management settings screens
43
+ 6.2.1.2 - Group members list
44
+ 6.2.2 - item-body: User Accounts
45
+ 6.2.2.1 - classes, pag, filters
46
+ 6.2.2.2 - Extended Profiles
47
+ 6.2.2.3 - Groups
48
+ 6.2.2.4 - friends
49
+ 6.2.2.5 - Private Messaging Threads
50
+ 6.2.2.6 - Settings
51
+ 6.2.2.7 - Notifications
52
+ 7.0 - Forms - General
53
+ 8.0 - Tables - General
54
+ 9.0 - Error / Success Messages
55
+ 10.0 - Ajax Loading, Widgets, General classes
56
  --------------------------------------------------------------*/
57
+ /**
58
+ *-------------------------------------------------------------------------------
59
+ * @section 1.0 - Theme - Structural Elements. overrides, Globals
60
+ *-------------------------------------------------------------------------------
61
  */
62
  .buddypress div.clear {
63
  display: none;
77
  padding-top: 0;
78
  }
79
 
80
+ /**
81
+ *-------------------------------------------------------------------------------
82
+ * @section 2.0 - Navigation - General
83
+ *-------------------------------------------------------------------------------
84
  */
85
+ /**
86
+ *----------------------------------------------------------
87
+ * @section 2.1 - Navs Object Nav / Sub Nav (item-list-tabs)
88
+ *
89
+ * The main navigational elements for all BP screens
90
+ *----------------------------------------------------------
91
  */
92
  /* Here we start things off */
93
  #buddypress div.item-list-tabs ul li.selected a,
317
  }
318
  }
319
 
320
+ /**
321
+ *----------------------------------------------------------
322
+ * @section 2.2 - Pagination
323
+ *----------------------------------------------------------
324
  */
325
  #buddypress div.pagination {
326
  box-shadow: none;
370
  right: auto;
371
  }
372
 
373
+ /**
374
+ *-------------------------------------------------------------------------------
375
+ * @section 4.0 - BP Lists / Loops Generic
376
+ *-------------------------------------------------------------------------------
377
  */
378
  #buddypress ul.item-list {
379
  border-top: 0;
539
  font-style: italic;
540
  }
541
 
542
+ /**
543
+ *----------------------------------------------------------
544
+ * @section 4.1 - Activity
545
+ *----------------------------------------------------------
546
  */
547
+ /**
548
+ *-----------------------------------------------------
549
+ * @section 4.1.1 - Activity Whats New
550
+ *-----------------------------------------------------
551
  */
552
  #buddypress form#whats-new-form p.activity-greeting {
553
  line-height: 1.4;
600
  margin: 50px 0;
601
  }
602
 
603
+ /**
604
+ *-----------------------------------------------------
605
+ * @section 4.1.2 - Activity Listing
606
+ *-----------------------------------------------------
607
  */
608
  #buddypress #activity-stream li {
609
  padding: 25px 0 15px;
763
  margin-left: 0;
764
  }
765
 
766
+ /**
767
+ *-----------------------------------------------------
768
+ * @section 4.1.3 - Activity Comments
769
+ *-----------------------------------------------------
770
  */
771
  #buddypress #activity-stream .activity-comments {
772
  position: relative;
817
  background: #ededed;
818
  }
819
 
820
+ /**
821
+ *----------------------------------------------------------
822
+ * @section 4.2 - Members Loop
823
+ *----------------------------------------------------------
824
  */
825
  @media screen and (min-width: 650px) {
826
  #buddypress #members-list li .item-avatar,
832
  }
833
  }
834
 
835
+ /**
836
+ *-------------------------------------------------------------------------------
837
+ * @section 5.0 - Directories
838
+ *-------------------------------------------------------------------------------
839
  */
840
+ /**
841
+ *-----------------------------------------------------------
842
+ * @subsection Registration
843
+ *-----------------------------------------------------------
844
  */
845
  #buddypress #signup_form.standard-form #profile-details-section,
846
  #buddypress #signup_form.standard-form #basic-details-section,
866
  }
867
  }
868
 
869
+ /**
870
+ *-------------------------------------------------------------------------------
871
+ * @section 6.0 - Single Item screens: User Account & Single Group Screens
872
+ *-------------------------------------------------------------------------------
873
  */
874
  .bp-user #buddypress a:visited {
875
  color: #21759b;
876
  }
877
 
878
+ /**
879
+ *-----------------------------------------------------------
880
+ * @subsection 6.1 - Item Header Global
881
+ *-----------------------------------------------------------
882
  */
883
  .bp-user #buddypress #item-header-content #item-meta,
884
  .single-item.groups #buddypress #item-header-content #item-meta {
942
  }
943
  }
944
 
945
+ /**
946
+ *-----------------------------------------------------
947
+ * @subsection 6.1.1 - item-header Groups
948
+ *
949
+ * Group Specific Item Header
950
+ *-----------------------------------------------------
951
  */
952
  @media screen and (max-width: 46.25em) {
953
  .single-item.groups #buddypress #item-header #item-meta {
1077
  }
1078
  }
1079
 
1080
+ /**
1081
+ *-----------------------------------------------------
1082
+ * @subsection 6.1.2 - Item Header User Accounts
1083
+ *
1084
+ * User Accounts Specific Item Header
1085
+ *-----------------------------------------------------
1086
  */
1087
  .bp-user #buddypress #item-header #item-header-avatar {
1088
  text-align: center;
1113
  }
1114
  }
1115
 
1116
+ /**
1117
+ *-----------------------------------------------------------
1118
+ * @subsection 6.2 - Item Body: Global
1119
+ *-----------------------------------------------------------
1120
  */
1121
+ /**
1122
+ *----------------------------------------------------
1123
+ * @subsection 6.2.1 - Item Body Groups
1124
+ *
1125
+ * Groups specific item body rules - screens
1126
+ *----------------------------------------------------
1127
  */
1128
+ /**
1129
+ *-----------------------------------------
1130
+ * @subsection 6.2.1.1 - Group Management
1131
+ *-----------------------------------------
1132
  */
1133
  .groups #group-settings-form h3 {
1134
  background: #555;
1210
  margin: 0;
1211
  }
1212
 
1213
+ /**
1214
+ *-----------------------------------------
1215
+ * @subsection 6.2.1.2 - Group members
1216
+ *-----------------------------------------
1217
  */
1218
  .groups.group-members #subnav li {
1219
  width: 100%;
1241
  }
1242
  }
1243
 
1244
+ /**
1245
+ *-----------------------------------------------------
1246
+ * @subsection 6.2.2 - Item Body User Accounts
1247
+ *
1248
+ * User Account specific component item body rules
1249
+ *-----------------------------------------------------
1250
  */
1251
+ /**
1252
+ *--------------------------------------------
1253
+ * @subsection 6.2.2.1 - classes, pag, filters
1254
+ *--------------------------------------------
1255
  */
1256
  .bp-user #buddypress table th {
1257
  font-size: 13px;
1337
  background: none;
1338
  }
1339
 
1340
+ /**
1341
+ *-------------------------------------------
1342
+ * @subsection 6.2.2.2 - Extended Profiles
1343
+ *-------------------------------------------
1344
  */
1345
  .bp-user #buddypress .profile .bp-widget h2 {
1346
  background: #6f6f6f;
1420
  font-size: inherit;
1421
  }
1422
 
1423
+ /**
1424
+ *-------------------------------------------
1425
+ * @subsection 6.2.2.5 - Private Messaging
1426
+ *-------------------------------------------
1427
  */
1428
  .bp-user #buddypress #message-thread a {
1429
  border-bottom: 0;
1725
  vertical-align: bottom;
1726
  }
1727
 
1728
+ /**
1729
+ *------------------------------
1730
+ * @subsection 6.2.2.6 - Settings
1731
+ *------------------------------
1732
  */
1733
  .bp-user #buddypress #settings-form > p {
1734
  font-size: 20px;
1766
  width: 100%;
1767
  }
1768
 
1769
+ /**
1770
+ *------------------------------------
1771
+ * @subsection 6.2.2.6 - Notifications
1772
+ *------------------------------------
1773
  */
1774
+ /**
1775
+ *-------------------------------------------------------------------------------
1776
+ * @section 7.0 - Forms - General
1777
+ *-------------------------------------------------------------------------------
1778
  */
1779
  #main #buddypress .standard-form li {
1780
  float: none;
1906
  }
1907
  }
1908
 
1909
+ /**
1910
+ *-------------------------------------------------------------------------------
1911
+ * @section 8.0 - Tables - General
1912
+ *-------------------------------------------------------------------------------
1913
  */
1914
  .bp-user #buddypress table {
1915
  font-size: 14px;
1989
  text-align: center;
1990
  }
1991
 
1992
+ /**
1993
+ *-------------------------------------------------------------------------------
1994
+ * @section 9.0 - Error / Success messages
1995
+ *-------------------------------------------------------------------------------
1996
  */
1997
  #buddypress div#message p {
1998
  font-size: 18px;
2018
  color: #1f0808;
2019
  }
2020
 
2021
+ /**
2022
+ *-------------------------------------------------------------------------------
2023
+ * @section 10.0 - Ajax Loading, Widgets, General classes
2024
+ *-------------------------------------------------------------------------------
2025
  */
bp-templates/bp-legacy/css/twentyeleven.scss CHANGED
@@ -1,2577 +1,2577 @@
1
-
2
- // Stylesheet Guidence Notes
3
- // Table of content represents a guide to sections of the sheet.
4
- // Note that not all sections may be described in the body of the
5
- // rulesets only those that require styles for a given theme.
6
- // Sub sections might not exist but can be added as required
7
- // as per BP Lists - 'activity' section.
8
-
9
- // We follow the dictats of the parent theme in respect of media queries,
10
- // font sizing etc. Media queries are used in a modular sense (OOCSS)
11
- // rather than described as blocks to the end of the sheet, this aids ease
12
- // of managing media queries, scalability & flexibility .
13
-
14
- // 2011 Media Queries / Breakpoints.
15
- // 2011 works breakpoints on a max-width approach
16
-
17
- // @media screen and (max-width: 800px)
18
- // @media screen and (max-width: 650px)
19
- // @media screen and (max-width: 450px)
20
-
21
- // Mixins and Variables
22
-
23
- // simplify remembering/writing media queries
24
- // written as:
25
- // @include medium-up {
26
- // body {property: value;}
27
- // }
28
-
29
- // BP min width mixins
30
-
31
- // max-width 320px
32
- @mixin small-only {
33
- @media screen and (max-width: 320px) {
34
- @content;
35
- }
36
- }
37
-
38
- // min-width 320px
39
- @mixin xsmall-up {
40
- @media screen and (min-width: 320px) {
41
- @content;
42
- }
43
- }
44
-
45
- // min-width 450px
46
- @mixin small-up {
47
- @media screen and (min-width: 450px) {
48
- @content;
49
- }
50
- }
51
-
52
- // min-width 650px (match to 2011 max widths)
53
- @mixin medium-up {
54
- @media screen and (min-width: 650px) {
55
- @content;
56
- }
57
- }
58
-
59
- // min-width 800px (match to 2011 max widths)
60
- @mixin large-up {
61
- @media screen and (min-width: 800px) {
62
- @content;
63
- }
64
- }
65
-
66
- // 2011 max-width mixins
67
-
68
- // max-width 800px
69
- @mixin max800 {
70
- @media screen and (max-width: 800px) {
71
- @content;
72
- }
73
- }
74
- // max-width 650px
75
- @mixin max650 {
76
- @media screen and (max-width: 650px) {
77
- @content;
78
- }
79
- }
80
- // max-width 450px
81
- @mixin max450 {
82
- @media screen and (max-width: 450px) {
83
- @content;
84
- }
85
- }
86
-
87
- // Common spacing values
88
- $spacing-val-lg: 50px;
89
- $spacing-val-md: 25px;
90
- $spacing-val-sm: 15px;
91
- $spacing-val-xs: 5px;
92
-
93
- // Twentyeleven sizes fonts using pixel values;
94
- // we'll continue to set BP sizes via our rem/pixel mixin.
95
-
96
- // A simple mixin to handle font-sizing
97
- // 2011 sets a html/body size @ 15px
98
-
99
- @mixin font-size($font-size: 15) {
100
- $rem-font-value: ($font-size / 15);
101
- font-size: ($font-size * 1px);
102
- font-size: $rem-font-value + rem;
103
- }
104
-
105
- // To allow mixins to pass VendorPrefix scss-lint tests we disable lint-test
106
- // for specific blocks / rulesets
107
- // until such time as exemption lists can be built for the scss-lint.yml?
108
- // Any vendor prefix properties / mixins need to be in this block
109
-
110
- // scss-lint:disable VendorPrefix
111
-
112
- // Border border-radius mixins
113
- @mixin border-radius($radius) {
114
- -webkit-border-radius: $radius;
115
- -moz-border-radius: $radius;
116
- -ms-border-radius: $radius;
117
- border-radius: $radius;
118
- background-clip: padding-box;
119
- }
120
-
121
- @mixin border-top-radius($radius) {
122
- -webkit-border-top-right-radius: $radius;
123
- border-top-right-radius: $radius;
124
- -webkit-border-top-left-radius: $radius;
125
- border-top-left-radius: $radius;
126
- background-clip: padding-box;
127
- }
128
-
129
- @mixin border-right-radius($radius) {
130
- -webkit-border-bottom-right-radius: $radius;
131
- border-bottom-right-radius: $radius;
132
- -webkit-border-top-right-radius: $radius;
133
- border-top-right-radius: $radius;
134
- background-clip: padding-box;
135
- }
136
-
137
- @mixin border-bottom-radius($radius) {
138
- -webkit-border-bottom-right-radius: $radius;
139
- border-bottom-right-radius: $radius;
140
- -webkit-border-bottom-left-radius: $radius;
141
- border-bottom-left-radius: $radius;
142
- background-clip: padding-box;
143
- }
144
-
145
- @mixin border-left-radius($radius) {
146
- -webkit-border-bottom-left-radius: $radius;
147
- border-bottom-left-radius: $radius;
148
- -webkit-border-top-left-radius: $radius;
149
- border-top-left-radius: $radius;
150
- background-clip: padding-box;
151
- }
152
-
153
- // Box sizing
154
- @mixin box-model($box-model) {
155
- -webkit-box-sizing: $box-model;
156
- -moz-box-sizing: $box-model;
157
- box-sizing: $box-model;
158
- }
159
-
160
- // Calc
161
- @mixin calc($property, $expression) {
162
- #{$property}: -webkit-calc(#{$expression});
163
- #{$property}: -moz-calc(#{$expression});
164
- #{$property}: calc(#{$expression});
165
- }
166
-
167
- // Re-enable the VendorPrefix lint test
168
- // scss-lint:enable VendorPrefix
169
-
170
- // BP message boxes
171
- @mixin message-box($background, $text-color: null) {
172
-
173
- @if $text-color {
174
- // if a param was passed through
175
- $text-color: $text-color;
176
- } @else {
177
- $text-color: darken($background, 50%);
178
- }
179
-
180
- background: lighten($background, 10%);
181
- border: 1px solid darken($background, 10%);
182
- color: $text-color;
183
- }
184
-
185
- // 2011 font family
186
- @mixin default-font-sans() {
187
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
188
- }
189
-
190
- // Variables: color definitions
191
- $body-text: #373737;
192
- $content-background: #fff;
193
- $off-white: lighten(#f9f8ee, 0.7);
194
- $cream-background: #f7f5e7;
195
- $light-background: #f7f7f7;
196
- $medium-background: #ccc;
197
- $dark-background: #555;
198
- $border-color: #d4d0ba; // border color is varied using rgba
199
- $border-light: #eaeaea; // BP dividers
200
- $border-med: #ddd;
201
- $background-hover: #db572f; // 2011 link background hover
202
- $bp-button-hover: #ededed; // this is the default BP button hover background
203
- $notice-error: #c85a6e;
204
- $notice-warning: #d05656;
205
- $notice-info: #9fd1e2;
206
- $notice-update: #ced98c;
207
- $stripe-odd: #ebf0ff;
208
- $stripe-even: #dbe5ff;
209
- $unread: #9dc3c8;
210
- $link-action: #c82b2b;
211
- /*--------------------------------------------------------------
212
-
213
- This is the BuddyPress companion stylesheet for
214
- the WordPress Twentyeleven theme.
215
-
216
- This sheet supports the primary BuddyPress styles in buddypress.css
217
-
218
- If you are running as a child theme of twentyeleven this stylesheet will be
219
- loaded by default. If you want to modify the styles the normal BP Theme Compat
220
- hierarchy works and you can copy the file to buddypress/css/ or community/css/
221
- in your child themes root & either start over or modify the rulesets.
222
-
223
- If you do not require the styles you can dequeue them from the themes functions file.
224
-
225
- Please see this codex article for more information:
226
- http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
227
-
228
- ----------------------------------------------------------------
229
- >>> TABLE OF CONTENTS:
230
- ----------------------------------------------------------------
231
- 1.0 Theme Structural Elements & overrides
232
- 2.0 - Navigation - General
233
- 2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
234
- 2.2 - Pagination
235
- 3.0 - Images
236
- 4.0 - BP Lists / Loops Generic
237
- 4.1 - Activity Loop
238
- 4.1.1 Whats New Activity
239
- 4.1.2 - Activity Listing
240
- 4.1.3 - Activity Comments
241
- 4.2 - Members Loop
242
- 4.3 - Groups Loop
243
- 4.4 - Blogs Loop
244
- 5.0 - Directories - Members, Groups, Blogs, Register, activation
245
- 6.0 - Single Item screens: User Account & Single Group Screens
246
- 6.1 - Item Headers: Global
247
- 6.1.1 - item-header: Groups
248
- 6.1.2 - item-header: User Accounts
249
- 6.2 - Item Body: Global
250
- 6.2.1 - item-body: Groups
251
- 6.2.1.1 - Management settings screens
252
- 6.2.1.2 - Group members list
253
- 6.2.2 - item-body: User Accounts
254
- 6.2.2.1 - classes, pag, filters
255
- 6.2.2.2 - Extended Profiles
256
- 6.2.2.3 - Groups
257
- 6.2.2.4 - friends
258
- 6.2.2.5 - Private Messaging Threads
259
- 6.2.2.6 - Settings
260
- 6.2.2.7 - Notifications
261
- 7.0 - Forms - General
262
- 8.0 - Tables - General
263
- 9.0 - Error / Success Messages
264
- 10.0 - Ajax Loading, Widgets, General classes
265
- --------------------------------------------------------------*/
266
-
267
- /**
268
- *-------------------------------------------------------------------------------
269
- * @section 1.0 - Theme - Structural Elements. overrides, Globals
270
- *-------------------------------------------------------------------------------
271
- */
272
-
273
-
274
- .buddypress {
275
- // Remove any empty clearing elements, CSS provides clearing.
276
- div.clear {display: none;}
277
-
278
- } // .buddypress (body class)
279
-
280
- // 2011 page templates do not support sidebars, page entry element kept to a
281
- // narrow width - we override this to allow bp-user screens to
282
- // maximise screen real estate.
283
-
284
- // Main dir pages: sidebar or not to sidebar
285
- // If no sidebar lets fatten the contents girth
286
- // User account single screens never have a sidebar
287
- body.buddypress:not(.page-template-sidebar-page) {
288
-
289
- #content {
290
- margin: 0 10% 0;
291
- width: auto;
292
-
293
- .entry-header,
294
- .entry-content {
295
- width: auto;
296
- }
297
- }
298
- }
299
-
300
- // Reduce the top padding for single pages, too extreme for BP screens.
301
- .buddypress.singular.page {
302
- .hentry {
303
- padding-top: 0;
304
- }
305
- }
306
-
307
- /**
308
- *-------------------------------------------------------------------------------
309
- * @section 2.0 - Navigation - General
310
- *-------------------------------------------------------------------------------
311
- */
312
-
313
-
314
- /**
315
- *----------------------------------------------------------
316
- * @section 2.1 - Navs Object Nav / Sub Nav (item-list-tabs)
317
- *
318
- * The main navigational elements for all BP screens
319
- *----------------------------------------------------------
320
- */
321
-
322
- // We have a need to override BP specifity
323
- // so some rulesets sets will appear over weighted in selectors
324
- /* Here we start things off */
325
- #buddypress {
326
-
327
- // active/current states all navs
328
- div.item-list-tabs {
329
- ul {
330
- li.selected,
331
- li.current {
332
- a {
333
- background: inherit;
334
- opacity: 1;
335
- }
336
- }
337
- }
338
- }
339
- // global nav styles
340
- div.item-list-tabs {
341
- ul {
342
- overflow: hidden;
343
- padding: 0;
344
-
345
- li {
346
- a {
347
-
348
- &:focus,
349
- &:hover {
350
- color: #555;
351
- }
352
- // Keep links from inheriting :visited states
353
- &:visited {
354
- color: #21759b;
355
- }
356
-
357
- span {border-radius: 25%;}
358
- }
359
-
360
- }
361
- }
362
- } // close item-list-tabs
363
-
364
- } // close #buddypress
365
-
366
- // .bp-user #object-nav @ small screen as a dropdown
367
-
368
- .bp-user {
369
-
370
- #buddypress {
371
-
372
- @include max450 {
373
-
374
- #object-nav {
375
- border: 1px solid $border-light;
376
- overflow: visible;
377
- padding: $spacing-val-xs;
378
-
379
- ul {
380
- border: 0;
381
- height: 0;
382
- // all latest vendor releases handle transitions, so no prefixes used.
383
- transition: height 0.3s ease-in-out 0.7s;
384
- visibility: hidden;
385
- }
386
-
387
- &:before {
388
- content: "Menu \021E9";
389
- display: inline;
390
- opacity: 0.7;
391
- }
392
-
393
- &:focus,
394
- &:hover,
395
- &:active {
396
- &:before {content: "Menu \021E7";}
397
-
398
- ul {
399
- min-height: 320px;
400
- opacity: 1;
401
- visibility: visible;
402
- }
403
- }
404
- }
405
-
406
- #subnav {
407
- clear: both;
408
- }
409
-
410
- } // close @media
411
- }
412
- }
413
-
414
- /*__ Horizontal menus __*/
415
- #buddypress {
416
-
417
- #object-nav {
418
-
419
- ul {
420
- overflow: hidden;
421
-
422
- li {
423
- float: none;
424
- }
425
-
426
- @include max650 {
427
-
428
- li:not(:last-child) {
429
- border-bottom: 1px solid $border-light;
430
- }
431
-
432
- li:not(.selected) {
433
-
434
- &:focus,
435
- &:hover {
436
- background: darken($light-background, 2%);
437
- }
438
- }
439
-
440
- } // close @media
441
-
442
- @include medium-up {
443
-
444
- li {
445
- float: left;
446
- }
447
- }
448
-
449
- }
450
- }
451
-
452
- div#subnav.item-list-tabs {
453
- margin-top: 0;
454
-
455
- ul {
456
- border-bottom: 0;
457
- border-top: 1px solid $border-color;
458
- margin-top: $spacing-val-xs;
459
- padding: 0;
460
-
461
- li.last {
462
- background: $content-background;
463
- float: right;
464
- margin-top: 0;
465
- padding: $spacing-val-xs 0 $spacing-val-xs;
466
- text-align: right;
467
- width: 230px;
468
-
469
- @include max450 {
470
- float: none;
471
- width: auto;
472
- }
473
-
474
- select,
475
- select:focus {
476
- background: transparent;
477
- border: 0;
478
- outline: 0;
479
- padding: 0;
480
- }
481
-
482
- select,
483
- label,
484
- option {
485
- @include font-size(14);
486
- }
487
-
488
- select {
489
- font-style: italic;
490
-
491
- option {
492
- font-style: normal;
493
- }
494
- }
495
- }
496
-
497
- } // close ul
498
- } // close #subnav
499
-
500
- } // close #buddypress
501
-
502
- .bp-user {
503
- #buddypress {
504
- div#subnav.item-list-tabs {
505
- li.last {
506
- margin-left: 0;
507
- text-align: right;
508
-
509
- @include max450 {
510
- clear: left;
511
- float: none;
512
- margin-left: 10px;
513
- text-align: left;
514
- }
515
- }
516
- }
517
- }
518
- }
519
-
520
- /*__ Vertical menu User Account / Group single screens __*/
521
-
522
- // This block contains rules to re-factor the item-body structural element
523
- // to sit alongside the vert menu
524
-
525
- // The pages templates in 2011 do not support sidebars
526
-
527
- @include large-up {
528
-
529
- body.bp-user {
530
- #buddypress {
531
-
532
- #item-header,
533
- #item-body {
534
- background: $content-background;
535
- }
536
-
537
- #object-nav {
538
- border-right: 1px solid $border-med;
539
- float: left;
540
- margin-right: -1px;
541
- width: 200px;
542
-
543
- ul {
544
- background: none;
545
- border-bottom: 0;
546
- padding: 0;
547
-
548
- li {
549
- float: none;
550
- overflow: hidden;
551
-
552
- &.selected {
553
- background: #ddd;
554
- }
555
-
556
- span {
557
- background: $content-background;
558
- border-radius: 10%;
559
- float: right;
560
- margin-right: 2px;
561
- }
562
- }
563
- }
564
- }
565
-
566
- #item-body {
567
- border-left: 1px solid $border-med;
568
- overflow: hidden;
569
- padding: 0 0 0 $spacing-val-md;
570
- width: auto;
571
-
572
- #subnav {
573
- margin: 0 0 0 (-$spacing-val-md);
574
-
575
- ul {margin-top: 0;}
576
- }
577
- }
578
-
579
- } // close #buddypress
580
- } // close body.bp-user
581
- } // close @media
582
-
583
-
584
- // Tabbed Nav styling
585
- // Primarilly used for group create screens & ? directory nav.
586
-
587
- @include medium-up {
588
- #main {
589
- #buddypress {
590
-
591
- #group-create-tabs.item-list-tabs {
592
-
593
- ul:before,
594
- ul:after {
595
- content: " ";
596
- display: table;
597
- }
598
-
599
- ul:after {
600
- clear: both;
601
- }
602
-
603
- ul {
604
- background: none;
605
- border: 0;
606
- border-bottom: 1px solid $border-med;
607
- overflow: visible;
608
- padding-bottom: 0;
609
-
610
- li {
611
- float: left;
612
- width: auto;
613
- }
614
-
615
- li.selected,
616
- li.current {
617
- border: 1px solid $border-med;
618
- border-bottom-color: $content-background;
619
- @include border-top-radius(4px);
620
- margin-bottom: -1px;
621
-
622
- a {
623
- background: none;
624
- color: $body-text;
625
- outline: none;
626
- }
627
- }
628
- }
629
-
630
- } // close .item-list-tabs
631
-
632
- #subnav {
633
- ul {
634
- border-bottom: 0;
635
- }
636
-
637
- } // close #subnav
638
- } // close #buddypress
639
- }
640
- } // close @media
641
-
642
- /**
643
- *----------------------------------------------------------
644
- * @section 2.2 - Pagination
645
- *----------------------------------------------------------
646
- */
647
-
648
- #buddypress {
649
-
650
- div.pagination {
651
- box-shadow: none;
652
- min-height: 0;
653
-
654
- &:before,
655
- &:after {
656
- height: 0;
657
- width: 0;
658
- }
659
-
660
- .pag-count {margin-left: 0;}
661
- .pagination-links {
662
- margin-right: 0;
663
-
664
- span,
665
- a {
666
- height: auto;
667
- line-height: 1;
668
- padding: 5px;
669
- }
670
-
671
- .prev,
672
- .next {
673
- background-color: transparent;
674
- color: inherit;
675
- overflow: visible;
676
- width: auto;
677
- &:before {display: none;}
678
- }
679
-
680
- .prev {
681
- left: auto;
682
- position: static;
683
- }
684
-
685
- .next {
686
- position: static;
687
- right: auto;
688
- }
689
- } // close .pagination-links
690
- } // close .pagination
691
- } // close #buddypress
692
-
693
- /**
694
- *-------------------------------------------------------------------------------
695
- * @section 4.0 - BP Lists / Loops Generic
696
- *-------------------------------------------------------------------------------
697
- */
698
-
699
- // Trying to position the action div absolute has bad consequences where
700
- // aditional items are displayed, floating is an alternative that
701
- // allows natural flow expansion.
702
- // This block:
703
- // * Manages li items, Stacks them small screen, floated left at wider screens.
704
- // * Adjusts display of action buttons at small screen mobile up.
705
- // Adjusts Meta items to match 2011 font-family
706
-
707
- #buddypress {
708
- ul.item-list {
709
- border-top: 0;
710
-
711
- li {
712
- overflow: hidden !important;
713
-
714
- // Undo BP floats to center avatars initially mobile up
715
- .item-avatar {
716
- margin-bottom: $spacing-val-sm;
717
-
718
- @include medium-up {
719
- margin-bottom: 0;
720
- }
721
-
722
- text-align: center;
723
-
724
- a {border-bottom: 0;}
725
-
726
- img.avatar {
727
- display: inline-block;
728
- float: none;
729
- margin-bottom: $spacing-val-sm;
730
-
731
- // small device: move avatars to the left(right)
732
- @include small-up {
733
- display: block;
734
- float: left;
735
- }
736
- }
737
- } //close .item-avatar
738
-
739
- .item {
740
-
741
- // counter the BP rule
742
- margin-left: 0;
743
- overflow: hidden;
744
-
745
- .item-meta {
746
- text-align: center;
747
-
748
- @media screen and (min-width: 61.5625em) {
749
- text-align: left;
750
- }
751
- }
752
-
753
- span.activity {
754
- font-style: italic;
755
- }
756
-
757
- .item-desc {
758
- margin-left: 0;
759
- width: 94%;
760
- }
761
-
762
- .item-title {
763
- @include font-size(16);
764
- line-height: 1.2;
765
- text-align: center;
766
-
767
- @include small-up {
768
- text-align: left;
769
- }
770
-
771
- width: 100%;
772
-
773
- > a {
774
- text-decoration: none;
775
-
776
- &:visited { color: #21759b;}
777
- }
778
-
779
- .update {
780
- display: block;
781
- @include font-size(12);
782
-
783
- @include medium-up {
784
- @include font-size(14);
785
- }
786
-
787
- padding: $spacing-val-sm 0;
788
- text-align: left;
789
- }
790
- } // close .item-title
791
-
792
- } // close .item
793
-
794
- @include medium-up {
795
- .item-avatar,
796
- .item,
797
- .action {
798
- float: left;
799
- }
800
-
801
- .item {
802
- left: 5%;
803
- margin-left: 0;
804
- position: relative;
805
- width: 55%;
806
-
807
- .item-title {
808
- @include font-size(18)
809
- }
810
- }
811
-
812
- }// close medium-up
813
-
814
- div.action {
815
- clear: left;
816
- float: none;
817
- margin: 0;
818
- // remove BP margin left
819
- margin-left: 0;
820
- padding: $spacing-val-sm 0 $spacing-val-xs;
821
-
822
- // push the actions to the right
823
- @include medium-up {
824
- clear: none;
825
- float: right;
826
- margin-bottom: 0;
827
- padding: 0;
828
- }
829
-
830
- position: relative;
831
- text-align: left;
832
- top: 0;
833
-
834
- div {
835
- display: inline-block;
836
- margin: $spacing-val-xs 0;
837
- width: 100%;
838
-
839
- a {
840
- display: block;
841
- }
842
- // Provisionally lets keep the 'action' div
843
- //position but inline-block the buttons
844
-
845
- @media screen and (min-width: 37em) {
846
- // keep buttons to a row small tablet up
847
- margin: 0 $spacing-val-sm 5px 0;
848
- width: auto;
849
- } // close @media
850
-
851
- @include medium-up {
852
- // take buttons to block to stack them when floated right
853
- clear: right;
854
- float: right;
855
- margin: 0 0 $spacing-val-sm 0;
856
- } // close @media
857
-
858
- } // close div
859
-
860
- .meta {
861
- font-style: italic;
862
- }
863
-
864
- } // close .action
865
-
866
- } // close li
867
- } // close .item-list
868
- } // close #buddypress
869
-
870
- /**
871
- *----------------------------------------------------------
872
- * @section 4.1 - Activity
873
- *----------------------------------------------------------
874
- */
875
-
876
- /**
877
- *-----------------------------------------------------
878
- * @section 4.1.1 - Activity Whats New
879
- *-----------------------------------------------------
880
- */
881
-
882
- #buddypress {
883
- form#whats-new-form {
884
-
885
- // Line-height issue inherited from BP rules, override.
886
- p.activity-greeting {
887
- line-height: 1.4;
888
- }
889
-
890
- // corrective measure for clipped elements due to JS inline styling
891
-
892
- @include max650 {
893
- #whats-new-content {
894
- clear: left;
895
- margin: $spacing-val-sm 0 $spacing-val-md;
896
- padding: $spacing-val-sm 0 0;
897
- }
898
- }
899
-
900
- #whats-new-content.active {
901
- #whats-new-options[style] {
902
- #whats-new-post-in-box {
903
- border: 1px solid rgba($border-color, 0.5);
904
- float: left;
905
- @include font-size(12);
906
- line-height: 1.6;
907
- margin-top: 12px;
908
- padding-left: 0.2em;
909
- width: 100%;
910
-
911
- select {
912
- background: none;
913
- border: 0;
914
- float: right;
915
- margin: 0;
916
- max-width: 220px;
917
- min-height: 1.5em;
918
- padding: 0 0 0 0.4em;
919
- }
920
- }
921
-
922
- @media screen and (min-width: 30em) {
923
- #whats-new-post-in-box {
924
- width: auto;
925
- }
926
-
927
- #whats-new-submit {
928
- @include font-size(12);
929
- float: right;
930
-
931
- input {
932
- padding: 0 6px;
933
- }
934
- }
935
- }
936
-
937
- } // close #whats-new-options
938
- } // close #whats-new-content.active
939
-
940
- } // close #whats-new-form
941
-
942
- // User account form requires matching bp default specificity
943
- #item-body {
944
- form#whats-new-form {
945
- margin: $spacing-val-lg 0;
946
- }
947
- }
948
- } // close #buddypress
949
-
950
- /**
951
- *-----------------------------------------------------
952
- * @section 4.1.2 - Activity Listing
953
- *-----------------------------------------------------
954
- */
955
-
956
- #buddypress {
957
-
958
- #activity-stream {
959
-
960
- // re-size activity avatars and stack small screen
961
- // refactor main elements positioning medium up.
962
- li {
963
- padding: 25px 0 15px;
964
-
965
- &.load-newest {
966
- a {
967
- display: block;
968
- }
969
- }
970
-
971
- .activity-avatar {
972
- float: none;
973
- text-align: center;
974
-
975
- a {
976
- display: inline-block;
977
-
978
- img.avatar {
979
- display: inline;
980
- float: none;
981
- height: 60px;
982
- margin-bottom: $spacing-val-md;
983
- margin-left: 0;
984
- width: 60px;
985
- }
986
- }
987
- } // close .activity-avatar
988
-
989
- .activity-content,
990
- .activity-comments {
991
- margin-left: 0;
992
- }
993
-
994
- .activity-header {
995
- @include font-size(14);
996
-
997
- a:visited {
998
- color: #21759b;
999
- }
1000
- }
1001
-
1002
- .activity-inner {
1003
- img {height: auto;}
1004
- }
1005
-
1006
- @include medium-up {
1007
-
1008
- .activity-avatar {
1009
- float: left;
1010
- margin-right: $spacing-val-sm;
1011
- text-align: left;
1012
-
1013
- a {
1014
- border-bottom: 0;
1015
- }
1016
- }
1017
-
1018
- .activity-content {
1019
- margin: 0;
1020
- overflow: hidden;
1021
-
1022
- .activity-header {
1023
- @include font-size(16);
1024
- }
1025
- }
1026
-
1027
- .activity-comments {
1028
- margin-left: 70px;
1029
- }
1030
-
1031
- } // close @media
1032
-
1033
- } // close li
1034
-
1035
- li.mini {
1036
- .activity-avatar {
1037
- a {
1038
- img.avatar {
1039
- height: 30px;
1040
- margin-left: 15px;
1041
- width: 30px;
1042
- }
1043
- }
1044
- }
1045
-
1046
- .activity-content {
1047
- .activity-header {
1048
- @include font-size(14);
1049
- }
1050
-
1051
- .activity-meta {
1052
- a {
1053
- @include font-size(12);
1054
- }
1055
- }
1056
- }
1057
- } // close li.mini
1058
-
1059
- .activity-content {
1060
- margin-top: -12px;
1061
-
1062
- .activity-header {
1063
- line-height: inherit;
1064
- margin-right: 0;
1065
-
1066
- p {
1067
- border-bottom: 1px solid rgba($border-light, 0.6);
1068
- margin-top: 0;
1069
- padding: 0 0.2em;
1070
- }
1071
-
1072
- img.avatar {
1073
- display: inline-block;
1074
- margin-bottom: 0 !important; // have to match to BP
1075
- }
1076
- } // close .activity-header
1077
-
1078
- .activity-meta {
1079
- a {
1080
- display: block;
1081
- @include font-size(14);
1082
- margin-bottom: $spacing-val-xs;
1083
-
1084
- @include medium-up {
1085
- float: left;
1086
- margin-bottom: 0;
1087
- }
1088
-
1089
- padding: 0.2em 0.5em;
1090
- }
1091
- }
1092
-
1093
- } // close .activity-content
1094
-
1095
- .load-more {
1096
- background: $light-background;
1097
- border: 1px solid transparent;
1098
- padding: $spacing-val-sm;
1099
-
1100
- &:focus,
1101
- &:hover {
1102
- background: darken($light-background, 1%);
1103
- border: 1px solid rgba(#9fd1e2, 0.3);
1104
- }
1105
-
1106
- a {
1107
- display: block;
1108
- }
1109
- }
1110
-
1111
- } // close #activity-stream
1112
- } // close #buddypress
1113
-
1114
- /* Single activity view - activity permalink */
1115
-
1116
- .activity-permalink {
1117
- #buddypress {
1118
- #activity-stream {
1119
-
1120
- li.activity-item {
1121
- padding: $spacing-val-md;
1122
- }
1123
-
1124
- li.mini {
1125
- .activity-header {
1126
- @include font-size(16);
1127
- @include medium-up {
1128
- @include font-size(20);
1129
- }
1130
-
1131
- margin-bottom: $spacing-val-lg;
1132
- p {padding: $spacing-val-md;}
1133
- }
1134
- } // close li.mini
1135
-
1136
- .activity-comments {
1137
- margin-left: 0;
1138
- }
1139
-
1140
- }
1141
- }
1142
- }
1143
-
1144
- /**
1145
- *-----------------------------------------------------
1146
- * @section 4.1.3 - Activity Comments
1147
- *-----------------------------------------------------
1148
- */
1149
- #buddypress {
1150
-
1151
- #activity-stream {
1152
-
1153
- .activity-comments {
1154
- position: relative;
1155
-
1156
- > ul {
1157
- background: rgba($light-background, 0.6);
1158
- margin: $spacing-val-sm 0 0 2px;
1159
-
1160
- > li {
1161
-
1162
- &:hover * {
1163
- color: #555;
1164
- }
1165
-
1166
- .acomment-meta,
1167
- .acomment-content {
1168
- @include font-size(12);
1169
- }
1170
-
1171
- }
1172
-
1173
- }
1174
-
1175
- .ac-form {
1176
- border: 1px solid $border-color;
1177
- box-sizing: border-box;
1178
- margin: $spacing-val-sm 0;
1179
- width: 100%;
1180
-
1181
- input[type="submit"],
1182
- .ac-reply-cancel {
1183
- color: rgba($body-text, 0.8);
1184
- display: inline-block;
1185
- font-family: inherit;
1186
- @include font-size(12);
1187
- font-weight: normal;
1188
- line-height: 1.2;
1189
- padding: 4px 10px;
1190
- text-transform: lowercase;
1191
- width: 100px;
1192
- }
1193
-
1194
- .ac-reply-cancel {
1195
- border: 1px solid rgba($border-color, 0.7);
1196
- text-align: center;
1197
-
1198
- &:focus,
1199
- &:hover {
1200
- background: $bp-button-hover;
1201
- }
1202
- }
1203
-
1204
- } // close .ac-form
1205
-
1206
- } // close .activity-comments
1207
-
1208
- } // close #activity-steam
1209
-
1210
- } // close #buddypress
1211
-
1212
- /**
1213
- *----------------------------------------------------------
1214
- * @section 4.2 - Members Loop
1215
- *----------------------------------------------------------
1216
- */
1217
-
1218
- #buddypress {
1219
- #members-list {
1220
-
1221
- @include medium-up {
1222
- li {
1223
- .item-avatar,
1224
- .item {
1225
- float: left;
1226
- }
1227
-
1228
- .action {
1229
- float: right;
1230
- }
1231
- }
1232
- }
1233
-
1234
- } // close #members-list
1235
- } //close #BuddyPress
1236
-
1237
- /**
1238
- *-------------------------------------------------------------------------------
1239
- * @section 5.0 - Directories
1240
- *-------------------------------------------------------------------------------
1241
- */
1242
-
1243
- /**
1244
- *-----------------------------------------------------------
1245
- * @subsection Registration
1246
- *-----------------------------------------------------------
1247
- */
1248
-
1249
- #buddypress {
1250
- #signup_form.standard-form {
1251
-
1252
- #profile-details-section,
1253
- #basic-details-section,
1254
- #blog-details-section {
1255
- float: none;
1256
- width: 100%;
1257
-
1258
- @media screen and (min-width: 37.500em) {
1259
- width: 48%;
1260
- }
1261
- }
1262
-
1263
- @media screen and (min-width: 37.500em) {
1264
- #profile-details-section {float: right;}
1265
- #basic-details-section {float: left;}
1266
- }
1267
-
1268
- }
1269
- }
1270
-
1271
- /**
1272
- *-------------------------------------------------------------------------------
1273
- * @section 6.0 - Single Item screens: User Account & Single Group Screens
1274
- *-------------------------------------------------------------------------------
1275
- */
1276
-
1277
- .bp-user {
1278
- #buddypress {
1279
- // On object nav links, table links (notifications etc) we don't really need :visited
1280
- // inheritance, so set pseudo class to :link color.
1281
- a {
1282
- &:visited {
1283
- color: #21759b;
1284
- }
1285
- }
1286
- }
1287
- }
1288
-
1289
- /**
1290
- *-----------------------------------------------------------
1291
- * @subsection 6.1 - Item Header Global
1292
- *-----------------------------------------------------------
1293
- */
1294
-
1295
- .bp-user,
1296
- .single-item.groups {
1297
- #buddypress {
1298
- #item-header-content {
1299
- #item-meta {
1300
- @include font-size(14);
1301
- text-align: left;
1302
-
1303
- p {margin-bottom: 0.5em;}
1304
- }
1305
- }
1306
- }
1307
-
1308
- @media screen and (max-width: 37.500em) {
1309
- h1,
1310
- #item-header-content {
1311
- text-align: center;
1312
- }
1313
- }
1314
-
1315
- @media screen and (max-width: 46.25em) {
1316
- main {
1317
- header.entry-header {
1318
- padding-bottom: 1rem;
1319
- }
1320
- }
1321
- }
1322
-
1323
- #buddypress {
1324
- @media screen and (max-width: 37.500em) {
1325
- h1 {
1326
- margin-bottom: 0;
1327
- }
1328
-
1329
- #item-header-avatar {
1330
- img.avatar {
1331
- margin-right: 0;
1332
- }
1333
- }
1334
-
1335
- #item-header-content {
1336
- width: 100%;
1337
-
1338
- .user-nicename {
1339
- color: #555;
1340
- }
1341
- }
1342
- } // close @media
1343
-
1344
- @media screen and (max-width: 46.25em) {
1345
- #item-header {
1346
- .generic-button {
1347
- float: none;
1348
- margin: 1.5em 0 0 0;
1349
- }
1350
- }
1351
- }
1352
- } // close #buddypress
1353
-
1354
- }
1355
-
1356
- // Manage cover images
1357
- @include max800 {
1358
- #buddypress {
1359
- #item-header-cover-image {
1360
- #item-header-content {
1361
- .user-nicename {
1362
- color: #555;
1363
- text-shadow: none;
1364
- }
1365
- }
1366
- }
1367
- }
1368
- }
1369
-
1370
- /**
1371
- *-----------------------------------------------------
1372
- * @subsection 6.1.1 - item-header Groups
1373
- *
1374
- * Group Specific Item Header
1375
- *-----------------------------------------------------
1376
- */
1377
-
1378
- .single-item.groups {
1379
- #buddypress {
1380
- @media screen and (max-width: 46.25em) {
1381
- #item-header {
1382
- #item-meta {
1383
- margin-bottom: $spacing-val-md;
1384
- }
1385
- }
1386
- }
1387
-
1388
- // Move visual flow of avatar & item-actions at narrow width,
1389
- // avatar first after group title
1390
- @media screen and (max-width: 50em) {
1391
- div#item-header {
1392
- display: flex;
1393
- flex-direction: column;
1394
-
1395
- #item-header-avatar {
1396
- order: 1;
1397
- text-align: center;
1398
-
1399
- a {
1400
- border-bottom: 0;
1401
-
1402
- img {
1403
- display: inline-block;
1404
- float: none;
1405
- }
1406
- }
1407
- }
1408
-
1409
- #item-header-content {
1410
- order: 2;
1411
- }
1412
-
1413
- #item-actions {
1414
- order: 3;
1415
-
1416
- h2 {
1417
- border-bottom: 1px solid $border-light;
1418
- text-align: center;
1419
- }
1420
- }
1421
- }
1422
- } // close @media
1423
-
1424
- div#item-header {
1425
- padding-bottom: $spacing-val-lg;
1426
-
1427
- #item-header-content {
1428
- @include box-model(border-box);
1429
- }
1430
-
1431
- div#item-actions {
1432
- margin: 0 !important;
1433
- width: 100%;
1434
-
1435
- @media screen and (min-width: 50em) {
1436
- border-left: 1px solid $border-light;
1437
- clear: none;
1438
- float: right;
1439
- padding-left: 0.2em;
1440
- width: 30%;
1441
- } // close @media
1442
-
1443
- @media screen and (min-width: 46.25em) {
1444
- width: 40%;
1445
- }
1446
-
1447
- ul {
1448
- margin-top: 0;
1449
- padding-left: 0;
1450
- }
1451
-
1452
- h2 {
1453
- @include font-size(14);
1454
- font-weight: bold;
1455
- line-height: 1.4;
1456
- }
1457
-
1458
- #group-admins,
1459
- #group-mods {
1460
- li {
1461
- margin: 0;
1462
- }
1463
- }
1464
-
1465
- } // close item-actions
1466
-
1467
- @include medium-up {
1468
-
1469
- #item-header-avatar,
1470
- #item-header-content {
1471
- float: left;
1472
- }
1473
-
1474
- #item-header-content {
1475
- margin-left: 2%;
1476
- padding: 0 0.5em;
1477
- }
1478
-
1479
- div#item-actions {
1480
- float: right;
1481
- width: 28%;
1482
- }
1483
-
1484
- } // close @media
1485
-
1486
- @media screen and (min-width: 64em) {
1487
- #item-header-content {
1488
- width: 40%;
1489
- }
1490
- }
1491
- } // close #item-header
1492
- } // close #buddypress
1493
-
1494
- // These rules handle the specific instance of Cover Images on single groups
1495
- // activated & attempt to address positioning concerns arising from themes
1496
- // breakpoints.
1497
- // Due to cover image styles being applied via embedded styles & thus carrying
1498
- // heavier weight than linked styles the use of !important to override may be required.
1499
- #buddypress {
1500
- #cover-image-container {
1501
- #item-header-cover-image {
1502
-
1503
- #item-actions {
1504
- margin-top: 225px !important;
1505
- }
1506
-
1507
- @media screen and (min-width: 50em) and (max-width: 60em) {
1508
- #item-header-content {
1509
- max-width: 60% !important;
1510
- width: 60% !important;
1511
- }
1512
- }
1513
-
1514
- @media screen and (max-width: 64em) {
1515
-
1516
- #item-actions {
1517
- border: 0;
1518
- clear: both;
1519
- margin-top: 0 !important;
1520
- max-width: 100% !important;
1521
- padding-top: 0 !important;
1522
- width: auto;
1523
-
1524
- h2 {border-bottom: 1px solid $border-light;}
1525
- }
1526
- } // @media
1527
- }
1528
- }
1529
- }
1530
-
1531
- } // close .single-item.groups
1532
-
1533
- /**
1534
- *-----------------------------------------------------
1535
- * @subsection 6.1.2 - Item Header User Accounts
1536
- *
1537
- * User Accounts Specific Item Header
1538
- *-----------------------------------------------------
1539
- */
1540
-
1541
- .bp-user {
1542
- #buddypress {
1543
- #item-header {
1544
-
1545
- #item-header-avatar {
1546
- text-align: center;
1547
-
1548
- img.avatar,
1549
- a {
1550
- border-bottom: 0;
1551
- display: inline-block;
1552
- float: none;
1553
- }
1554
- }
1555
-
1556
- #item-header-content {
1557
- #item-buttons {
1558
- .generic-button {
1559
- margin-right: 5px;
1560
- }
1561
- }
1562
- }
1563
-
1564
- @include medium-up {
1565
- #item-header-avatar {
1566
- float: left;
1567
-
1568
- a {
1569
- float: left;
1570
- }
1571
- }
1572
-
1573
- #item-header-content {
1574
- float: right;
1575
- margin-right: 0%;
1576
- width: 69%;
1577
- }
1578
-
1579
- } // close @media
1580
-
1581
- } // close #item-header
1582
-
1583
- } // close #buddypress
1584
- } // close .bp-user
1585
-
1586
- /**
1587
- *-----------------------------------------------------------
1588
- * @subsection 6.2 - Item Body: Global
1589
- *-----------------------------------------------------------
1590
- */
1591
-
1592
- /**
1593
- *----------------------------------------------------
1594
- * @subsection 6.2.1 - Item Body Groups
1595
- *
1596
- * Groups specific item body rules - screens
1597
- *----------------------------------------------------
1598
- */
1599
-
1600
- /**
1601
- *-----------------------------------------
1602
- * @subsection 6.2.1.1 - Group Management
1603
- *-----------------------------------------
1604
- */
1605
-
1606
- // headings settings screens & general global settings styles
1607
- .groups {
1608
- #group-settings-form {
1609
- h3 {
1610
- background: $dark-background;
1611
- color: $content-background;
1612
- padding: 0.2em;
1613
- }
1614
- }
1615
- }
1616
-
1617
- .groups.edit-details {
1618
- #group-settings-form {
1619
-
1620
- label {
1621
- margin-bottom: 0;
1622
- padding: 0.2em;
1623
- width: 80%;
1624
- }
1625
-
1626
- textarea + p label {
1627
- background: none;
1628
- color: inherit;
1629
- @include font-size(14);
1630
- width: auto;
1631
- }
1632
-
1633
- textarea {
1634
- height: auto;
1635
- min-height: 100px;
1636
- overflow: auto;
1637
- }
1638
- }
1639
- } // close .groups.edit-details
1640
-
1641
- .groups.group-settings {
1642
- #group-settings-form {
1643
-
1644
- div.radio label {
1645
- font-weight: bold;
1646
- padding: 0.2em;
1647
-
1648
- ul {
1649
- color: rgba($body-text, 0.6);
1650
- @include font-size(14);
1651
- }
1652
- }
1653
-
1654
- }
1655
- } // close .groups.group-settings
1656
-
1657
- .groups.group-avatar {
1658
-
1659
- form > p {
1660
- margin-top: $spacing-val-md;
1661
- }
1662
-
1663
- }
1664
-
1665
- .groups.manage-members {
1666
- #group-settings-form {
1667
- .item-list {
1668
- li {
1669
- border-bottom: 1px solid $border-light;
1670
-
1671
- img,
1672
- h5 {
1673
- @include medium-up {
1674
- float: left;
1675
- }
1676
-
1677
- > a {border-bottom: 0;}
1678
- }
1679
-
1680
- span.small {
1681
- clear: left;
1682
- display: block;
1683
- float: none;
1684
- margin-top: $spacing-val-sm;
1685
- width: 100%;
1686
-
1687
- a {
1688
- display: block;
1689
- margin: $spacing-val-xs 0;
1690
-
1691
- @include medium-up {
1692
- display: inline-block;
1693
- }
1694
- }
1695
- }
1696
-
1697
- h5 {
1698
- margin: 0;
1699
- }
1700
-
1701
- }
1702
- }
1703
- }
1704
- } // close .groups.manage-members
1705
-
1706
- /**
1707
- *-----------------------------------------
1708
- * @subsection 6.2.1.2 - Group members
1709
- *-----------------------------------------
1710
- */
1711
-
1712
- // Massage the members search for groups nav specifically.
1713
- .groups.group-members {
1714
- #subnav {
1715
- li {
1716
- @include max450 {
1717
- background: $content-background;
1718
- padding: $spacing-val-md 0;
1719
- }
1720
-
1721
- width: 100%;
1722
-
1723
- #search-members-form {
1724
- float: right;
1725
-
1726
- label {
1727
- input[type="text"] {
1728
- box-shadow: none;
1729
-
1730
- @include max450 {
1731
- width: 100%;
1732
- }
1733
- }
1734
- }
1735
-
1736
- margin: $spacing-val-xs 0 0 0;
1737
- }
1738
- }
1739
- }
1740
- }
1741
-
1742
- /**
1743
- *-----------------------------------------------------
1744
- * @subsection 6.2.2 - Item Body User Accounts
1745
- *
1746
- * User Account specific component item body rules
1747
- *-----------------------------------------------------
1748
- */
1749
-
1750
- /**
1751
- *--------------------------------------------
1752
- * @subsection 6.2.2.1 - classes, pag, filters
1753
- *--------------------------------------------
1754
- */
1755
- .bp-user {
1756
-
1757
- #buddypress {
1758
-
1759
- table {
1760
- th {@include font-size(13)}
1761
- td {@include font-size(12)}
1762
-
1763
- @include medium-up {
1764
- th {@include font-size(16)}
1765
- td {@include font-size(14)}
1766
- }
1767
- }
1768
-
1769
- .pag-count {font-style: italic;}
1770
-
1771
- .notifications-options-nav,
1772
- .messages-options-nav {
1773
- float: left;
1774
- width: 100%;
1775
-
1776
- @media screen and (min-width: 37.500em) {
1777
- width: 40%;
1778
- }
1779
-
1780
- select,
1781
- input {
1782
- @include font-size(14);
1783
- outline: 0;
1784
- padding: 0;
1785
- }
1786
-
1787
- select {
1788
- float: left;
1789
- margin-right: 0;
1790
- width: 49%;
1791
-
1792
- @media screen and (min-width: 37.500em) {
1793
- width: auto;
1794
- }
1795
- }
1796
-
1797
- input {
1798
- float: left;
1799
- font-family: inherit;
1800
- line-height: 20px;
1801
- margin-left: 1%;
1802
- width: 50%;
1803
-
1804
- @media screen and (min-width: 37.500em) {
1805
- width: auto;
1806
- }
1807
-
1808
- &[disabled="disabled"]:focus,
1809
- &[disabled="disabled"]:hover {
1810
- background: none;
1811
- }
1812
- }
1813
-
1814
- } // close .notifications-options-nav/messages-options-nav
1815
-
1816
- } //close #buddypress
1817
- } // close .bp-user
1818
-
1819
- /**
1820
- *-------------------------------------------
1821
- * @subsection 6.2.2.2 - Extended Profiles
1822
- *-------------------------------------------
1823
- */
1824
-
1825
- .bp-user {
1826
-
1827
- #buddypress {
1828
-
1829
- .profile {
1830
- .bp-widget {
1831
- h2 {
1832
- background: lighten($dark-background, 10%);
1833
- color: #fff;
1834
- margin-bottom: 0;
1835
- padding: 0.4em;
1836
- }
1837
-
1838
- table {margin-top: 0;}
1839
- }
1840
-
1841
- // Edit profile
1842
-
1843
- #profile-edit-form {
1844
- .button-nav:before,
1845
- .button-nav:after {
1846
- content: " ";
1847
- display: table;
1848
- }
1849
-
1850
- .button-nav:after {
1851
- clear: both;
1852
- }
1853
-
1854
- ul.button-nav {
1855
- border-bottom: 1px solid $border-light;
1856
- margin-left: 0;
1857
-
1858
- li {
1859
- float: left;
1860
- margin-bottom: 0;
1861
-
1862
- &.current {
1863
- border: 1px solid $border-light;
1864
- border-bottom-color: #fff;
1865
- margin-bottom: -1px;
1866
- }
1867
- } // li
1868
-
1869
- a {
1870
- background: none;
1871
- border: 0;
1872
- @include font-size(18)
1873
- }
1874
- } //.button-nav
1875
-
1876
- .field-visibility-settings-toggle {
1877
- margin: $spacing-val-xs 0 $spacing-val-md;
1878
- }
1879
-
1880
- .field-visibility-settings-toggle,
1881
- .field-visibility-settings {
1882
- @include font-size(14);
1883
- }
1884
-
1885
- .field-visibility-settings-close,
1886
- .visibility-toggle-link {
1887
- background: lighten($dark-background, 10%);
1888
- @include border-radius(2px);
1889
- color: #eee;
1890
- font-weight: bold;
1891
- padding: 0.1em 0.5em;
1892
- text-decoration: none;
1893
-
1894
- &:focus,
1895
- &:hover {
1896
- color: #fff;
1897
- }
1898
- }
1899
- } // close profile form
1900
-
1901
- .bp-avatar {
1902
- #bp-delete-avatar {
1903
- a {font-size: inherit; }
1904
- }
1905
- }
1906
- } // close .profile
1907
-
1908
- } // close #buddypress
1909
- } // close .bp-user
1910
-
1911
-
1912
- /**
1913
- *-------------------------------------------
1914
- * @subsection 6.2.2.5 - Private Messaging
1915
- *-------------------------------------------
1916
- */
1917
-
1918
- .bp-user {
1919
-
1920
- #buddypress {
1921
-
1922
- #message-thread {
1923
- //Single message view
1924
- a {
1925
- border-bottom: 0;
1926
- }
1927
-
1928
- #message-subject {
1929
- background: lighten($dark-background, 10%);
1930
- color: $content-background;
1931
- padding: 0.3em 0 0.3em 0.2em;
1932
- }
1933
-
1934
- #message-recipients {
1935
- font-style: italic;
1936
-
1937
- a.confirm {
1938
- border: 1px solid $border-light;
1939
- font-style: normal;
1940
- }
1941
-
1942
- .highlight {
1943
- font-size: 100%;
1944
- }
1945
- }
1946
-
1947
- .message-metadata {
1948
- overflow: hidden;
1949
-
1950
- img.avatar {
1951
- float: none;
1952
- }
1953
-
1954
- @media screen and (min-width: 46.25em) {
1955
- img.avatar {
1956
- float: left;
1957
- }
1958
- }
1959
-
1960
- .message-star-actions {
1961
- float: right;
1962
- margin-right: $spacing-val-xs;
1963
- position: static;
1964
- }
1965
- } // close .message-meta
1966
-
1967
- .message-content {
1968
- background: $light-background;
1969
- border: 1px solid $border-light;
1970
- margin: $spacing-val-sm 0 0 0;
1971
- padding: 0.3em;
1972
- }
1973
-
1974
- #send-reply {
1975
- .message-content {
1976
- background: $content-background;
1977
- border: 0;
1978
- }
1979
- }
1980
-
1981
- .alt {
1982
- background: $content-background;
1983
- }
1984
-
1985
- } // close message-thread Singular view!
1986
-
1987
- #message-threads {
1988
-
1989
- thead {
1990
- tr {
1991
- background: lighten($dark-background, 10%);
1992
- }
1993
- }
1994
-
1995
- tr {
1996
- td {
1997
- background: $content-background;
1998
- box-sizing: border-box;
1999
- display: inline-block;
2000
- float: left;
2001
- }
2002
-
2003
- td.thread-star,
2004
- td.thread-options {
2005
- border-bottom: 1px solid $medium-background;
2006
- height: 2.4em;
2007
- padding-bottom: 0.2em;
2008
- padding-top: 0.2em;
2009
-
2010
- @media screen and (max-width: 46.25em) {
2011
- padding-top: 0;
2012
- }
2013
- }
2014
-
2015
- td.thread-star {
2016
- vertical-align: middle;
2017
-
2018
- .message-action-star,
2019
- .message-action-unstar {
2020
- line-height: 1.2;
2021
- }
2022
-
2023
- span.icon:before {
2024
- @include font-size(14);
2025
- }
2026
- }
2027
-
2028
- td.bulk-select-check,
2029
- td.thread-from {
2030
- height: 3em;
2031
-
2032
- @media screen and (max-width: 37.500em) {
2033
- height: 5.2em;
2034
- }
2035
- }
2036
-
2037
- td.thread-from,
2038
- td.thread-options {
2039
- border-left: 0 !important;
2040
- @include calc(width, "100% - 30px");
2041
- margin-left: 0;
2042
- }
2043
-
2044
- td.thread-info {
2045
- padding-left: 41px;
2046
- width: 100%;
2047
-
2048
- a::after {
2049
- content: " \2016 \00a0"attr(title);
2050
- @include font-size(12);
2051
- }
2052
- }
2053
-
2054
- td.thread-options {
2055
- text-align: right;
2056
-
2057
- a {
2058
- @include font-size(12);
2059
- line-height: 1.2;
2060
- }
2061
- }
2062
-
2063
- span.from {
2064
- display: none;
2065
- }
2066
-
2067
- span.activity {
2068
- display: block;
2069
- float: right;
2070
- line-height: 2;
2071
-
2072
- @media screen and (max-width: 37.500em) {
2073
- clear: both;
2074
- @include font-size(11);
2075
- width: 100%;
2076
- }
2077
- }
2078
- }
2079
-
2080
- tr.unread {
2081
- td {
2082
- border-color: $border-light;
2083
- }
2084
- }
2085
-
2086
- th {
2087
- display: none;
2088
- }
2089
-
2090
- th.bulk-select-all {
2091
- border-bottom: 0;
2092
- display: inline-block;
2093
- text-align: left;
2094
- }
2095
-
2096
- th.bulk-select-all,
2097
- td.bulk-select-check,
2098
- td.thread-star {
2099
- border-right: 0;
2100
- width: 30px;
2101
- }
2102
- }
2103
-
2104
- #send_message_form {
2105
- input,
2106
- textarea {
2107
- box-sizing: border-box;
2108
- }
2109
- }
2110
-
2111
- .acfb-holder {
2112
- list-style: none;
2113
-
2114
- li {margin-left: 0;}
2115
-
2116
- li.friend-tab {
2117
- background: lighten($notice-info, 20%);
2118
- border: inherit;
2119
- margin-right: 0;
2120
- padding: 0.5em;
2121
-
2122
- span.p {
2123
- // the 'X' close
2124
- padding-left: $spacing-val-sm;
2125
-
2126
- &:focus,
2127
- &:hover {
2128
- color: $link-action;
2129
- cursor: pointer;
2130
- }
2131
- }
2132
-
2133
- a {
2134
- border-bottom: 0;
2135
- text-decoration: none;
2136
-
2137
- img {
2138
- // this is the tiny user avatar
2139
- display: inline;
2140
- height: 20px;
2141
- vertical-align: middle;
2142
- width: 20px !important; // override inline style
2143
- }
2144
- }
2145
- }
2146
- }
2147
-
2148
- #message-threads.sitewide-notices {
2149
- tr {margin: 3em 0;}
2150
- td {
2151
- width: 100%;
2152
-
2153
- strong {
2154
- background: lighten($dark-background, 10%);
2155
- color: $content-background;
2156
- display: block;
2157
- margin-bottom: 0.4em;
2158
- padding-left: 0.2em;
2159
- }
2160
-
2161
- a {
2162
- display: inline-block;
2163
- }
2164
-
2165
- a.button {
2166
- border: 1px solid $border-color;
2167
- line-height: initial;
2168
- padding: 0.4em 0.3em;
2169
- }
2170
- }
2171
-
2172
- td:first-child {
2173
- display: none;
2174
- }
2175
-
2176
- td:nth-child(2) {
2177
- strong {
2178
- margin: -8px -8px 8px;
2179
- }
2180
- }
2181
-
2182
- td:first-child + td + td {
2183
- // notice date
2184
- border-bottom: 0;
2185
-
2186
- span {
2187
- line-height: 1;
2188
- }
2189
- }
2190
-
2191
- td:last-child {
2192
- // notice actions
2193
- line-height: 1;
2194
- padding-bottom: 1em;
2195
- text-align: right;
2196
-
2197
- a:last-child {
2198
- // hide the 'x' text
2199
- line-height: 0;
2200
- margin-left: 0.7em;
2201
- text-indent: -999em;
2202
- }
2203
-
2204
- a:last-child::after {
2205
- content: attr(title);
2206
- display: block;
2207
- line-height: initial;
2208
- text-indent: 0;
2209
- }
2210
- }
2211
- }
2212
-
2213
- } // #buddypress
2214
-
2215
- // acfb auto complete name list sits in doc footer before body close
2216
- .ac_results {
2217
- background: #eee;
2218
- padding-left: $spacing-val-sm;
2219
-
2220
- li {
2221
- margin: $spacing-val-sm 0;
2222
-
2223
- &:focus,
2224
- &:hover {
2225
- cursor: pointer;
2226
- }
2227
-
2228
- img { vertical-align: bottom;}
2229
-
2230
- }
2231
- }
2232
-
2233
- } // close .bp-user
2234
-
2235
- /**
2236
- *------------------------------
2237
- * @subsection 6.2.2.6 - Settings
2238
- *------------------------------
2239
- */
2240
-
2241
- .bp-user {
2242
-
2243
- #buddypress {
2244
-
2245
- #settings-form {
2246
-
2247
- // 'p' = email notification screen sub heading
2248
- > p {
2249
- @include font-size(20);
2250
- margin: $spacing-val-md 0 $spacing-val-sm;
2251
- }
2252
- }
2253
-
2254
- table.notification-settings {
2255
- td.yes,
2256
- td.no {
2257
- vertical-align: middle;
2258
- }
2259
- }
2260
-
2261
- // Profile table td widths
2262
- table.profile-settings {
2263
- width: 100%;
2264
-
2265
- th.field-group-name,
2266
- td.field-name {
2267
- width: 50%;
2268
- }
2269
-
2270
- @media screen and (min-width: 46.25em) {
2271
- th.field-group-name,
2272
- td.field-name {
2273
- width: 70%;
2274
- }
2275
- }
2276
-
2277
- th.title,
2278
- td.field-visibility {
2279
- width: 30%;
2280
- }
2281
-
2282
- td.field-visibility {
2283
- select {width: 100%;}
2284
- }
2285
- }
2286
-
2287
- } // close #buddyPress
2288
-
2289
- } // close .bp-user
2290
-
2291
- /**
2292
- *------------------------------------
2293
- * @subsection 6.2.2.6 - Notifications
2294
- *------------------------------------
2295
- */
2296
-
2297
-
2298
- /**
2299
- *-------------------------------------------------------------------------------
2300
- * @section 7.0 - Forms - General
2301
- *-------------------------------------------------------------------------------
2302
- */
2303
-
2304
- // Attempt to reset form control widths
2305
- #main {
2306
- #buddypress {
2307
- .standard-form {
2308
-
2309
- li {float: none;}
2310
- input[type='text'],
2311
- input[type='email'],
2312
- input[type='password'],
2313
- textarea {
2314
- width: 100%;
2315
- }
2316
- }
2317
- }
2318
- }
2319
-
2320
-
2321
- #buddypress {
2322
-
2323
- // Match BP form elements to Themes(2012) styling where styles
2324
- // are not inherited or being overriden.
2325
- div.activity-comments {
2326
-
2327
- form {
2328
- .ac-textarea {
2329
- background: $light-background;
2330
- border: 1px solid rgba($border-color, 0.5);
2331
-
2332
- textarea {
2333
- background: none;
2334
- border: 0;
2335
- }
2336
- }
2337
- }
2338
- }
2339
-
2340
- .standard-form {
2341
-
2342
- // Keep BP form element borders to 1px rather than 2013 2px
2343
- input[type="text"],
2344
- input[type="email"],
2345
- input[type="password"],
2346
- button,
2347
- select,
2348
- textarea {
2349
- border-color: rgba($border-color, 0.5);
2350
- border-width: 1px;
2351
- }
2352
-
2353
- } // close .standard-form
2354
-
2355
- #signup_form.standard-form {
2356
- div.submit {
2357
- float: none;
2358
-
2359
- input {margin-right: 0;}
2360
- }
2361
- }
2362
-
2363
- } // close #buddypress
2364
-
2365
- #buddypress {
2366
- div.dir-search,
2367
- div.message-search,
2368
- li.groups-members-search {
2369
- float: none;
2370
- margin: $spacing-val-sm 0;
2371
-
2372
- form { // *sigh* only to bludgeon over specified rules
2373
- border: 1px solid rgba($border-color, 0.6);
2374
- overflow: hidden;
2375
-
2376
- label {
2377
- float: left;
2378
- width: 70%;
2379
- }
2380
-
2381
- input[type='text'],
2382
- input[type='submit'] {
2383
- border: 0;
2384
- border-radius: 0;
2385
- box-shadow: none;
2386
- box-sizing: border-box;
2387
- @include font-size(14);
2388
- line-height: 1.8;
2389
- min-height: 2rem;
2390
- }
2391
-
2392
- input[type='text'] {
2393
- border-right: 1px solid rgba($border-color, 0.6);
2394
- float: left;
2395
- margin: 0;
2396
- padding: 0 0.2em 0;
2397
- width: 70%;
2398
- }
2399
-
2400
- input[type='submit'] {
2401
- float: right;
2402
- font-weight: normal;
2403
- padding: 0 1em;
2404
- text-align: center;
2405
- text-transform: none;
2406
- width: 30%;
2407
- }
2408
- } // close form
2409
-
2410
- } // close .dir-search, .message-search
2411
-
2412
- // Shift the search parent to the right and allow to shrinkwrap
2413
-
2414
- @media screen and (min-width: 37.500em) {
2415
- div.dir-search,
2416
- div.message-search,
2417
- li.groups-members-search {
2418
- float: right;
2419
- margin-bottom: 5px !important;
2420
-
2421
- form {
2422
- label,
2423
- input[type='text'],
2424
- input[type='submit'] {
2425
- width: auto;
2426
- }
2427
- }
2428
- }
2429
-
2430
- } // close @media
2431
-
2432
-
2433
- @include large-up {
2434
-
2435
- .dir-search,
2436
- .message-search {
2437
- form {
2438
- input[type='text'] { @include font-size(16) ;}
2439
- input[type='submit'] { @include font-size(16) ;}
2440
- }
2441
- }
2442
- }
2443
-
2444
- } // close #buddypress
2445
-
2446
- /**
2447
- *-------------------------------------------------------------------------------
2448
- * @section 8.0 - Tables - General
2449
- *-------------------------------------------------------------------------------
2450
- */
2451
- .bp-user {
2452
- #buddypress {
2453
-
2454
- table {
2455
- @include font-size(14);
2456
- margin: $spacing-val-md 0;
2457
-
2458
- tr th {
2459
- background: lighten($dark-background, 10%);
2460
- border-color: darken($border-light, 20%);
2461
- color: $content-background;
2462
- @include font-size(16);
2463
- padding: 0 8px;
2464
- text-transform: capitalize;
2465
- }
2466
-
2467
- tr td {
2468
- padding: 8px;
2469
- }
2470
-
2471
- // Reduce the themes inherited paragraph margins in tables
2472
- p {margin-bottom: 0.5em;}
2473
- }
2474
-
2475
- @media screen and (min-width: 55em) {
2476
- table {@include font-size(16);}
2477
- }
2478
-
2479
- // Manage some table cells widths that are disproportionate to their content
2480
- .notifications,
2481
- .messages-notices {
2482
- th {
2483
- width: 30%;
2484
-
2485
- &.bulk-select-all {
2486
- text-align: center;
2487
- width: 10%;
2488
- }
2489
- }
2490
-
2491
- th.actions {
2492
- text-align: center;
2493
- }
2494
-
2495
- .bulk-select-check,
2496
- .thread-star {
2497
- text-align: center;
2498
- }
2499
-
2500
- .notification-actions,
2501
- td.thread-options {
2502
- text-align: center;
2503
-
2504
- a {
2505
- display: inline-block;
2506
- margin: 0;
2507
- padding: 0;
2508
- }
2509
- }
2510
-
2511
- // Notices action buttons, this maybe better moved, temp for now to address
2512
- // styling issues - this will need styling ideas
2513
- td {
2514
- .button {
2515
- border: 0;
2516
- display: block;
2517
- padding: 0;
2518
- text-align: center;
2519
- }
2520
- }
2521
-
2522
- } // .notifications, .message-notices
2523
-
2524
- } // #buddypress
2525
- } // .bp-user
2526
-
2527
- /**
2528
- *-------------------------------------------------------------------------------
2529
- * @section 9.0 - Error / Success messages
2530
- *-------------------------------------------------------------------------------
2531
- */
2532
-
2533
- // message args ($variable-color, text-color)
2534
- // Leave text-color undefined to automagically set text color
2535
- // to background color darker by 50%
2536
-
2537
- #buddypress {
2538
- div#message {
2539
- p {
2540
- @include font-size(18);
2541
- font-weight: bold;
2542
- }
2543
-
2544
- &.info {
2545
- p {
2546
- @include message-box($notice-info);
2547
- }
2548
- }
2549
-
2550
- &.updated {
2551
- p {
2552
- @include message-box($notice-update);
2553
- }
2554
- }
2555
-
2556
- } // close #message
2557
-
2558
- } // close #buddypress
2559
-
2560
- // Without direct classes on our mesages ( 'warning' )
2561
- // we need to use the body classes
2562
- // todo: If this is class .warning is included in main BP styles remove from here
2563
- .delete-group {
2564
- #buddypress {
2565
- div#message.info {
2566
- p {
2567
- @include message-box($notice-warning);
2568
- }
2569
- }
2570
- }
2571
- }
2572
-
2573
- /**
2574
- *-------------------------------------------------------------------------------
2575
- * @section 10.0 - Ajax Loading, Widgets, General classes
2576
- *-------------------------------------------------------------------------------
2577
- */
1
+
2
+ // Stylesheet Guidence Notes
3
+ // Table of content represents a guide to sections of the sheet.
4
+ // Note that not all sections may be described in the body of the
5
+ // rulesets only those that require styles for a given theme.
6
+ // Sub sections might not exist but can be added as required
7
+ // as per BP Lists - 'activity' section.
8
+
9
+ // We follow the dictats of the parent theme in respect of media queries,
10
+ // font sizing etc. Media queries are used in a modular sense (OOCSS)
11
+ // rather than described as blocks to the end of the sheet, this aids ease
12
+ // of managing media queries, scalability & flexibility .
13
+
14
+ // 2011 Media Queries / Breakpoints.
15
+ // 2011 works breakpoints on a max-width approach
16
+
17
+ // @media screen and (max-width: 800px)
18
+ // @media screen and (max-width: 650px)
19
+ // @media screen and (max-width: 450px)
20
+
21
+ // Mixins and Variables
22
+
23
+ // simplify remembering/writing media queries
24
+ // written as:
25
+ // @include medium-up {
26
+ // body {property: value;}
27
+ // }
28
+
29
+ // BP min width mixins
30
+
31
+ // max-width 320px
32
+ @mixin small-only {
33
+ @media screen and (max-width: 320px) {
34
+ @content;
35
+ }
36
+ }
37
+
38
+ // min-width 320px
39
+ @mixin xsmall-up {
40
+ @media screen and (min-width: 320px) {
41
+ @content;
42
+ }
43
+ }
44
+
45
+ // min-width 450px
46
+ @mixin small-up {
47
+ @media screen and (min-width: 450px) {
48
+ @content;
49
+ }
50
+ }
51
+
52
+ // min-width 650px (match to 2011 max widths)
53
+ @mixin medium-up {
54
+ @media screen and (min-width: 650px) {
55
+ @content;
56
+ }
57
+ }
58
+
59
+ // min-width 800px (match to 2011 max widths)
60
+ @mixin large-up {
61
+ @media screen and (min-width: 800px) {
62
+ @content;
63
+ }
64
+ }
65
+
66
+ // 2011 max-width mixins
67
+
68
+ // max-width 800px
69
+ @mixin max800 {
70
+ @media screen and (max-width: 800px) {
71
+ @content;
72
+ }
73
+ }
74
+ // max-width 650px
75
+ @mixin max650 {
76
+ @media screen and (max-width: 650px) {
77
+ @content;
78
+ }
79
+ }
80
+ // max-width 450px
81
+ @mixin max450 {
82
+ @media screen and (max-width: 450px) {
83
+ @content;
84
+ }
85
+ }
86
+
87
+ // Common spacing values
88
+ $spacing-val-lg: 50px;
89
+ $spacing-val-md: 25px;
90
+ $spacing-val-sm: 15px;
91
+ $spacing-val-xs: 5px;
92
+
93
+ // Twentyeleven sizes fonts using pixel values;
94
+ // we'll continue to set BP sizes via our rem/pixel mixin.
95
+
96
+ // A simple mixin to handle font-sizing
97
+ // 2011 sets a html/body size @ 15px
98
+
99
+ @mixin font-size($font-size: 15) {
100
+ $rem-font-value: ($font-size / 15);
101
+ font-size: ($font-size * 1px);
102
+ font-size: $rem-font-value + rem;
103
+ }
104
+
105
+ // To allow mixins to pass VendorPrefix scss-lint tests we disable lint-test
106
+ // for specific blocks / rulesets
107
+ // until such time as exemption lists can be built for the scss-lint.yml?
108
+ // Any vendor prefix properties / mixins need to be in this block
109
+
110
+ // scss-lint:disable VendorPrefix
111
+
112
+ // Border border-radius mixins
113
+ @mixin border-radius($radius) {
114
+ -webkit-border-radius: $radius;
115
+ -moz-border-radius: $radius;
116
+ -ms-border-radius: $radius;
117
+ border-radius: $radius;
118
+ background-clip: padding-box;
119
+ }
120
+
121
+ @mixin border-top-radius($radius) {
122
+ -webkit-border-top-right-radius: $radius;
123
+ border-top-right-radius: $radius;
124
+ -webkit-border-top-left-radius: $radius;
125
+ border-top-left-radius: $radius;
126
+ background-clip: padding-box;
127
+ }
128
+
129
+ @mixin border-right-radius($radius) {
130
+ -webkit-border-bottom-right-radius: $radius;
131
+ border-bottom-right-radius: $radius;
132
+ -webkit-border-top-right-radius: $radius;
133
+ border-top-right-radius: $radius;
134
+ background-clip: padding-box;
135
+ }
136
+
137
+ @mixin border-bottom-radius($radius) {
138
+ -webkit-border-bottom-right-radius: $radius;
139
+ border-bottom-right-radius: $radius;
140
+ -webkit-border-bottom-left-radius: $radius;
141
+ border-bottom-left-radius: $radius;
142
+ background-clip: padding-box;
143
+ }
144
+
145
+ @mixin border-left-radius($radius) {
146
+ -webkit-border-bottom-left-radius: $radius;
147
+ border-bottom-left-radius: $radius;
148
+ -webkit-border-top-left-radius: $radius;
149
+ border-top-left-radius: $radius;
150
+ background-clip: padding-box;
151
+ }
152
+
153
+ // Box sizing
154
+ @mixin box-model($box-model) {
155
+ -webkit-box-sizing: $box-model;
156
+ -moz-box-sizing: $box-model;
157
+ box-sizing: $box-model;
158
+ }
159
+
160
+ // Calc
161
+ @mixin calc($property, $expression) {
162
+ #{$property}: -webkit-calc(#{$expression});
163
+ #{$property}: -moz-calc(#{$expression});
164
+ #{$property}: calc(#{$expression});
165
+ }
166
+
167
+ // Re-enable the VendorPrefix lint test
168
+ // scss-lint:enable VendorPrefix
169
+
170
+ // BP message boxes
171
+ @mixin message-box($background, $text-color: null) {
172
+
173
+ @if $text-color {
174
+ // if a param was passed through
175
+ $text-color: $text-color;
176
+ } @else {
177
+ $text-color: darken($background, 50%);
178
+ }
179
+
180
+ background: lighten($background, 10%);
181
+ border: 1px solid darken($background, 10%);
182
+ color: $text-color;
183
+ }
184
+
185
+ // 2011 font family
186
+ @mixin default-font-sans() {
187
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
188
+ }
189
+
190
+ // Variables: color definitions
191
+ $body-text: #373737;
192
+ $content-background: #fff;
193
+ $off-white: lighten(#f9f8ee, 0.7);
194
+ $cream-background: #f7f5e7;
195
+ $light-background: #f7f7f7;
196
+ $medium-background: #ccc;
197
+ $dark-background: #555;
198
+ $border-color: #d4d0ba; // border color is varied using rgba
199
+ $border-light: #eaeaea; // BP dividers
200
+ $border-med: #ddd;
201
+ $background-hover: #db572f; // 2011 link background hover
202
+ $bp-button-hover: #ededed; // this is the default BP button hover background
203
+ $notice-error: #c85a6e;
204
+ $notice-warning: #d05656;
205
+ $notice-info: #9fd1e2;
206
+ $notice-update: #ced98c;
207
+ $stripe-odd: #ebf0ff;
208
+ $stripe-even: #dbe5ff;
209
+ $unread: #9dc3c8;
210
+ $link-action: #c82b2b;
211
+ /*--------------------------------------------------------------
212
+
213
+ This is the BuddyPress companion stylesheet for
214
+ the WordPress Twentyeleven theme.
215
+
216
+ This sheet supports the primary BuddyPress styles in buddypress.css
217
+
218
+ If you are running as a child theme of twentyeleven this stylesheet will be
219
+ loaded by default. If you want to modify the styles the normal BP Theme Compat
220
+ hierarchy works and you can copy the file to buddypress/css/ or community/css/
221
+ in your child themes root & either start over or modify the rulesets.
222
+
223
+ If you do not require the styles you can dequeue them from the themes functions file.
224
+
225
+ Please see this codex article for more information:
226
+ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
227
+
228
+ ----------------------------------------------------------------
229
+ >>> TABLE OF CONTENTS:
230
+ ----------------------------------------------------------------
231
+ 1.0 Theme Structural Elements & overrides
232
+ 2.0 - Navigation - General
233
+ 2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
234
+ 2.2 - Pagination
235
+ 3.0 - Images
236
+ 4.0 - BP Lists / Loops Generic
237
+ 4.1 - Activity Loop
238
+ 4.1.1 Whats New Activity
239
+ 4.1.2 - Activity Listing
240
+ 4.1.3 - Activity Comments
241
+ 4.2 - Members Loop
242
+ 4.3 - Groups Loop
243
+ 4.4 - Blogs Loop
244
+ 5.0 - Directories - Members, Groups, Blogs, Register, activation
245
+ 6.0 - Single Item screens: User Account & Single Group Screens
246
+ 6.1 - Item Headers: Global
247
+ 6.1.1 - item-header: Groups
248
+ 6.1.2 - item-header: User Accounts
249
+ 6.2 - Item Body: Global
250
+ 6.2.1 - item-body: Groups
251
+ 6.2.1.1 - Management settings screens
252
+ 6.2.1.2 - Group members list
253
+ 6.2.2 - item-body: User Accounts
254
+ 6.2.2.1 - classes, pag, filters
255
+ 6.2.2.2 - Extended Profiles
256
+ 6.2.2.3 - Groups
257
+ 6.2.2.4 - friends
258
+ 6.2.2.5 - Private Messaging Threads
259
+ 6.2.2.6 - Settings
260
+ 6.2.2.7 - Notifications
261
+ 7.0 - Forms - General
262
+ 8.0 - Tables - General
263
+ 9.0 - Error / Success Messages
264
+ 10.0 - Ajax Loading, Widgets, General classes
265
+ --------------------------------------------------------------*/
266
+
267
+ /**
268
+ *-------------------------------------------------------------------------------
269
+ * @section 1.0 - Theme - Structural Elements. overrides, Globals
270
+ *-------------------------------------------------------------------------------
271
+ */
272
+
273
+
274
+ .buddypress {
275
+ // Remove any empty clearing elements, CSS provides clearing.
276
+ div.clear {display: none;}
277
+
278
+ } // .buddypress (body class)
279
+
280
+ // 2011 page templates do not support sidebars, page entry element kept to a
281
+ // narrow width - we override this to allow bp-user screens to
282
+ // maximise screen real estate.
283
+
284
+ // Main dir pages: sidebar or not to sidebar
285
+ // If no sidebar lets fatten the contents girth
286
+ // User account single screens never have a sidebar
287
+ body.buddypress:not(.page-template-sidebar-page) {
288
+
289
+ #content {
290
+ margin: 0 10% 0;
291
+ width: auto;
292
+
293
+ .entry-header,
294
+ .entry-content {
295
+ width: auto;
296
+ }
297
+ }
298
+ }
299
+
300
+ // Reduce the top padding for single pages, too extreme for BP screens.
301
+ .buddypress.singular.page {
302
+ .hentry {
303
+ padding-top: 0;
304
+ }
305
+ }
306
+
307
+ /**
308
+ *-------------------------------------------------------------------------------
309
+ * @section 2.0 - Navigation - General
310
+ *-------------------------------------------------------------------------------
311
+ */
312
+
313
+
314
+ /**
315
+ *----------------------------------------------------------
316
+ * @section 2.1 - Navs Object Nav / Sub Nav (item-list-tabs)
317
+ *
318
+ * The main navigational elements for all BP screens
319
+ *----------------------------------------------------------
320
+ */
321
+
322
+ // We have a need to override BP specifity
323
+ // so some rulesets sets will appear over weighted in selectors
324
+ /* Here we start things off */
325
+ #buddypress {
326
+
327
+ // active/current states all navs
328
+ div.item-list-tabs {
329
+ ul {
330
+ li.selected,
331
+ li.current {
332
+ a {
333
+ background: inherit;
334
+ opacity: 1;
335
+ }
336
+ }
337
+ }
338
+ }
339
+ // global nav styles
340
+ div.item-list-tabs {
341
+ ul {
342
+ overflow: hidden;
343
+ padding: 0;
344
+
345
+ li {
346
+ a {
347
+
348
+ &:focus,
349
+ &:hover {
350
+ color: #555;
351
+ }
352
+ // Keep links from inheriting :visited states
353
+ &:visited {
354
+ color: #21759b;
355
+ }
356
+
357
+ span {border-radius: 25%;}
358
+ }
359
+
360
+ }
361
+ }
362
+ } // close item-list-tabs
363
+
364
+ } // close #buddypress
365
+
366
+ // .bp-user #object-nav @ small screen as a dropdown
367
+
368
+ .bp-user {
369
+
370
+ #buddypress {
371
+
372
+ @include max450 {
373
+
374
+ #object-nav {
375
+ border: 1px solid $border-light;
376
+ overflow: visible;
377
+ padding: $spacing-val-xs;
378
+
379
+ ul {
380
+ border: 0;
381
+ height: 0;
382
+ // all latest vendor releases handle transitions, so no prefixes used.
383
+ transition: height 0.3s ease-in-out 0.7s;
384
+ visibility: hidden;
385
+ }
386
+
387
+ &:before {
388
+ content: "Menu \021E9";
389
+ display: inline;
390
+ opacity: 0.7;
391
+ }
392
+
393
+ &:focus,
394
+ &:hover,
395
+ &:active {
396
+ &:before {content: "Menu \021E7";}
397
+
398
+ ul {
399
+ min-height: 320px;
400
+ opacity: 1;
401
+ visibility: visible;
402
+ }
403
+ }
404
+ }
405
+
406
+ #subnav {
407
+ clear: both;
408
+ }
409
+
410
+ } // close @media
411
+ }
412
+ }
413
+
414
+ /*__ Horizontal menus __*/
415
+ #buddypress {
416
+
417
+ #object-nav {
418
+
419
+ ul {
420
+ overflow: hidden;
421
+
422
+ li {
423
+ float: none;
424
+ }
425
+
426
+ @include max650 {
427
+
428
+ li:not(:last-child) {
429
+ border-bottom: 1px solid $border-light;
430
+ }
431
+
432
+ li:not(.selected) {
433
+
434
+ &:focus,
435
+ &:hover {
436
+ background: darken($light-background, 2%);
437
+ }
438
+ }
439
+
440
+ } // close @media
441
+
442
+ @include medium-up {
443
+
444
+ li {
445
+ float: left;
446
+ }
447
+ }
448
+
449
+ }
450
+ }
451
+
452
+ div#subnav.item-list-tabs {
453
+ margin-top: 0;
454
+
455
+ ul {
456
+ border-bottom: 0;
457
+ border-top: 1px solid $border-color;
458
+ margin-top: $spacing-val-xs;
459
+ padding: 0;
460
+
461
+ li.last {
462
+ background: $content-background;
463
+ float: right;
464
+ margin-top: 0;
465
+ padding: $spacing-val-xs 0 $spacing-val-xs;
466
+ text-align: right;
467
+ width: 230px;
468
+
469
+ @include max450 {
470
+ float: none;
471
+ width: auto;
472
+ }
473
+
474
+ select,
475
+ select:focus {
476
+ background: transparent;
477
+ border: 0;
478
+ outline: 0;
479
+ padding: 0;
480
+ }
481
+
482
+ select,
483
+ label,
484
+ option {
485
+ @include font-size(14);
486
+ }
487
+
488
+ select {
489
+ font-style: italic;
490
+
491
+ option {
492
+ font-style: normal;
493
+ }
494
+ }
495
+ }
496
+
497
+ } // close ul
498
+ } // close #subnav
499
+
500
+ } // close #buddypress
501
+
502
+ .bp-user {
503
+ #buddypress {
504
+ div#subnav.item-list-tabs {
505
+ li.last {
506
+ margin-left: 0;
507
+ text-align: right;
508
+
509
+ @include max450 {
510
+ clear: left;
511
+ float: none;
512
+ margin-left: 10px;
513
+ text-align: left;
514
+ }
515
+ }
516
+ }
517
+ }
518
+ }
519
+
520
+ /*__ Vertical menu User Account / Group single screens __*/
521
+
522
+ // This block contains rules to re-factor the item-body structural element
523
+ // to sit alongside the vert menu
524
+
525
+ // The pages templates in 2011 do not support sidebars
526
+
527
+ @include large-up {
528
+
529
+ body.bp-user {
530
+ #buddypress {
531
+
532
+ #item-header,
533
+ #item-body {
534
+ background: $content-background;
535
+ }
536
+
537
+ #object-nav {
538
+ border-right: 1px solid $border-med;
539
+ float: left;
540
+ margin-right: -1px;
541
+ width: 200px;
542
+
543
+ ul {
544
+ background: none;
545
+ border-bottom: 0;
546
+ padding: 0;
547
+
548
+ li {
549
+ float: none;
550
+ overflow: hidden;
551
+
552
+ &.selected {
553
+ background: #ddd;
554
+ }
555
+
556
+ span {
557
+ background: $content-background;
558
+ border-radius: 10%;
559
+ float: right;
560
+ margin-right: 2px;
561
+ }
562
+ }
563
+ }
564
+ }
565
+
566
+ #item-body {
567
+ border-left: 1px solid $border-med;
568
+ overflow: hidden;
569
+ padding: 0 0 0 $spacing-val-md;
570
+ width: auto;
571
+
572
+ #subnav {
573
+ margin: 0 0 0 (-$spacing-val-md);
574
+
575
+ ul {margin-top: 0;}
576
+ }
577
+ }
578
+
579
+ } // close #buddypress
580
+ } // close body.bp-user
581
+ } // close @media
582
+
583
+
584
+ // Tabbed Nav styling
585
+ // Primarilly used for group create screens & ? directory nav.
586
+
587
+ @include medium-up {
588
+ #main {
589
+ #buddypress {
590
+
591
+ #group-create-tabs.item-list-tabs {
592
+
593
+ ul:before,
594
+ ul:after {
595
+ content: " ";
596
+ display: table;
597
+ }
598
+
599
+ ul:after {
600
+ clear: both;
601
+ }
602
+
603
+ ul {
604
+ background: none;
605
+ border: 0;
606
+ border-bottom: 1px solid $border-med;
607
+ overflow: visible;
608
+ padding-bottom: 0;
609
+
610
+ li {
611
+ float: left;
612
+ width: auto;
613
+ }
614
+
615
+ li.selected,
616
+ li.current {
617
+ border: 1px solid $border-med;
618
+ border-bottom-color: $content-background;
619
+ @include border-top-radius(4px);
620
+ margin-bottom: -1px;
621
+
622
+ a {
623
+ background: none;
624
+ color: $body-text;
625
+ outline: none;
626
+ }
627
+ }
628
+ }
629
+
630
+ } // close .item-list-tabs
631
+
632
+ #subnav {
633
+ ul {
634
+ border-bottom: 0;
635
+ }
636
+
637
+ } // close #subnav
638
+ } // close #buddypress
639
+ }
640
+ } // close @media
641
+
642
+ /**
643
+ *----------------------------------------------------------
644
+ * @section 2.2 - Pagination
645
+ *----------------------------------------------------------
646
+ */
647
+
648
+ #buddypress {
649
+
650
+ div.pagination {
651
+ box-shadow: none;
652
+ min-height: 0;
653
+
654
+ &:before,
655
+ &:after {
656
+ height: 0;
657
+ width: 0;
658
+ }
659
+
660
+ .pag-count {margin-left: 0;}
661
+ .pagination-links {
662
+ margin-right: 0;
663
+
664
+ span,
665
+ a {
666
+ height: auto;
667
+ line-height: 1;
668
+ padding: 5px;
669
+ }
670
+
671
+ .prev,
672
+ .next {
673
+ background-color: transparent;
674
+ color: inherit;
675
+ overflow: visible;
676
+ width: auto;
677
+ &:before {display: none;}
678
+ }
679
+
680
+ .prev {
681
+ left: auto;
682
+ position: static;
683
+ }
684
+
685
+ .next {
686
+ position: static;
687
+ right: auto;
688
+ }
689
+ } // close .pagination-links
690
+ } // close .pagination
691
+ } // close #buddypress
692
+
693
+ /**
694
+ *-------------------------------------------------------------------------------
695
+ * @section 4.0 - BP Lists / Loops Generic
696
+ *-------------------------------------------------------------------------------
697
+ */
698
+
699
+ // Trying to position the action div absolute has bad consequences where
700
+ // aditional items are displayed, floating is an alternative that
701
+ // allows natural flow expansion.
702
+ // This block:
703
+ // * Manages li items, Stacks them small screen, floated left at wider screens.
704
+ // * Adjusts display of action buttons at small screen mobile up.
705
+ // Adjusts Meta items to match 2011 font-family
706
+
707
+ #buddypress {
708
+ ul.item-list {
709
+ border-top: 0;
710
+
711
+ li {
712
+ overflow: hidden !important;
713
+
714
+ // Undo BP floats to center avatars initially mobile up
715
+ .item-avatar {
716
+ margin-bottom: $spacing-val-sm;
717
+
718
+ @include medium-up {
719
+ margin-bottom: 0;
720
+ }
721
+
722
+ text-align: center;
723
+
724
+ a {border-bottom: 0;}
725
+
726
+ img.avatar {
727
+ display: inline-block;
728
+ float: none;
729
+ margin-bottom: $spacing-val-sm;
730
+
731
+ // small device: move avatars to the left(right)
732
+ @include small-up {
733
+ display: block;
734
+ float: left;
735
+ }
736
+ }
737
+ } //close .item-avatar
738
+
739
+ .item {
740
+
741
+ // counter the BP rule
742
+ margin-left: 0;
743
+ overflow: hidden;
744
+
745
+ .item-meta {
746
+ text-align: center;
747
+
748
+ @media screen and (min-width: 61.5625em) {
749
+ text-align: left;
750
+ }
751
+ }
752
+
753
+ span.activity {
754
+ font-style: italic;
755
+ }
756
+
757
+ .item-desc {
758
+ margin-left: 0;
759
+ width: 94%;
760
+ }
761
+
762
+ .item-title {
763
+ @include font-size(16);
764
+ line-height: 1.2;
765
+ text-align: center;
766
+
767
+ @include small-up {
768
+ text-align: left;
769
+ }
770
+
771
+ width: 100%;
772
+
773
+ > a {
774
+ text-decoration: none;
775
+
776
+ &:visited { color: #21759b;}
777
+ }
778
+
779
+ .update {
780
+ display: block;
781
+ @include font-size(12);
782
+
783
+ @include medium-up {
784
+ @include font-size(14);
785
+ }
786
+
787
+ padding: $spacing-val-sm 0;
788
+ text-align: left;
789
+ }
790
+ } // close .item-title
791
+
792
+ } // close .item
793
+
794
+ @include medium-up {
795
+ .item-avatar,
796
+ .item,
797
+ .action {
798
+ float: left;
799
+ }
800
+
801
+ .item {
802
+ left: 5%;
803
+ margin-left: 0;
804
+ position: relative;
805
+ width: 55%;
806
+
807
+ .item-title {
808
+ @include font-size(18)
809
+ }
810
+ }
811
+
812
+ }// close medium-up
813
+
814
+ div.action {
815
+ clear: left;
816
+ float: none;
817
+ margin: 0;
818
+ // remove BP margin left
819
+ margin-left: 0;
820
+ padding: $spacing-val-sm 0 $spacing-val-xs;
821
+
822
+ // push the actions to the right
823
+ @include medium-up {
824
+ clear: none;
825
+ float: right;
826
+ margin-bottom: 0;
827
+ padding: 0;
828
+ }
829
+
830
+ position: relative;
831
+ text-align: left;
832
+ top: 0;
833
+
834
+ div {
835
+ display: inline-block;
836
+ margin: $spacing-val-xs 0;
837
+ width: 100%;
838
+
839
+ a {
840
+ display: block;
841
+ }
842
+ // Provisionally lets keep the 'action' div
843
+ //position but inline-block the buttons
844
+
845
+ @media screen and (min-width: 37em) {
846
+ // keep buttons to a row small tablet up
847
+ margin: 0 $spacing-val-sm 5px 0;
848
+ width: auto;
849
+ } // close @media
850
+
851
+ @include medium-up {
852
+ // take buttons to block to stack them when floated right
853
+ clear: right;
854
+ float: right;
855
+ margin: 0 0 $spacing-val-sm 0;
856
+ } // close @media
857
+
858
+ } // close div
859
+
860
+ .meta {
861
+ font-style: italic;
862
+ }
863
+
864
+ } // close .action
865
+
866
+ } // close li
867
+ } // close .item-list
868
+ } // close #buddypress
869
+
870
+ /**
871
+ *----------------------------------------------------------
872
+ * @section 4.1 - Activity
873
+ *----------------------------------------------------------
874
+ */
875
+
876
+ /**
877
+ *-----------------------------------------------------
878
+ * @section 4.1.1 - Activity Whats New
879
+ *-----------------------------------------------------
880
+ */
881
+
882
+ #buddypress {
883
+ form#whats-new-form {
884
+
885
+ // Line-height issue inherited from BP rules, override.
886
+ p.activity-greeting {
887
+ line-height: 1.4;
888
+ }
889
+
890
+ // corrective measure for clipped elements due to JS inline styling
891
+
892
+ @include max650 {
893
+ #whats-new-content {
894
+ clear: left;
895
+ margin: $spacing-val-sm 0 $spacing-val-md;
896
+ padding: $spacing-val-sm 0 0;
897
+ }
898
+ }
899
+
900
+ #whats-new-content.active {
901
+ #whats-new-options[style] {
902
+ #whats-new-post-in-box {
903
+ border: 1px solid rgba($border-color, 0.5);
904
+ float: left;
905
+ @include font-size(12);
906
+ line-height: 1.6;
907
+ margin-top: 12px;
908
+ padding-left: 0.2em;
909
+ width: 100%;
910
+
911
+ select {
912
+ background: none;
913
+ border: 0;
914
+ float: right;
915
+ margin: 0;
916
+ max-width: 220px;
917
+ min-height: 1.5em;
918
+ padding: 0 0 0 0.4em;
919
+ }
920
+ }
921
+
922
+ @media screen and (min-width: 30em) {
923
+ #whats-new-post-in-box {
924
+ width: auto;
925
+ }
926
+
927
+ #whats-new-submit {
928
+ @include font-size(12);
929
+ float: right;
930
+
931
+ input {
932
+ padding: 0 6px;
933
+ }
934
+ }
935
+ }
936
+
937
+ } // close #whats-new-options
938
+ } // close #whats-new-content.active
939
+
940
+ } // close #whats-new-form
941
+
942
+ // User account form requires matching bp default specificity
943
+ #item-body {
944
+ form#whats-new-form {
945
+ margin: $spacing-val-lg 0;
946
+ }
947
+ }
948
+ } // close #buddypress
949
+
950
+ /**
951
+ *-----------------------------------------------------
952
+ * @section 4.1.2 - Activity Listing
953
+ *-----------------------------------------------------
954
+ */
955
+
956
+ #buddypress {
957
+
958
+ #activity-stream {
959
+
960
+ // re-size activity avatars and stack small screen
961
+ // refactor main elements positioning medium up.
962
+ li {
963
+ padding: 25px 0 15px;
964
+
965
+ &.load-newest {
966
+ a {
967
+ display: block;
968
+ }
969
+ }
970
+
971
+ .activity-avatar {
972
+ float: none;
973
+ text-align: center;
974
+
975
+ a {
976
+ display: inline-block;
977
+
978
+ img.avatar {
979
+ display: inline;
980
+ float: none;
981
+ height: 60px;
982
+ margin-bottom: $spacing-val-md;
983
+ margin-left: 0;
984
+ width: 60px;
985
+ }
986
+ }
987
+ } // close .activity-avatar
988
+
989
+ .activity-content,
990
+ .activity-comments {
991
+ margin-left: 0;
992
+ }
993
+
994
+ .activity-header {
995
+ @include font-size(14);
996
+
997
+ a:visited {
998
+ color: #21759b;
999
+ }
1000
+ }
1001
+
1002
+ .activity-inner {
1003
+ img {height: auto;}
1004
+ }
1005
+
1006
+ @include medium-up {
1007
+
1008
+ .activity-avatar {
1009
+ float: left;
1010
+ margin-right: $spacing-val-sm;
1011
+ text-align: left;
1012
+
1013
+ a {
1014
+ border-bottom: 0;
1015
+ }
1016
+ }
1017
+
1018
+ .activity-content {
1019
+ margin: 0;
1020
+ overflow: hidden;
1021
+
1022
+ .activity-header {
1023
+ @include font-size(16);
1024
+ }
1025
+ }
1026
+
1027
+ .activity-comments {
1028
+ margin-left: 70px;
1029
+ }
1030
+
1031
+ } // close @media
1032
+
1033
+ } // close li
1034
+
1035
+ li.mini {
1036
+ .activity-avatar {
1037
+ a {
1038
+ img.avatar {
1039
+ height: 30px;
1040
+ margin-left: 15px;
1041
+ width: 30px;
1042
+ }
1043
+ }
1044
+ }
1045
+
1046
+ .activity-content {
1047
+ .activity-header {
1048
+ @include font-size(14);
1049
+ }
1050
+
1051
+ .activity-meta {
1052
+ a {
1053
+ @include font-size(12);
1054
+ }
1055
+ }
1056
+ }
1057
+ } // close li.mini
1058
+
1059
+ .activity-content {
1060
+ margin-top: -12px;
1061
+
1062
+ .activity-header {
1063
+ line-height: inherit;
1064
+ margin-right: 0;
1065
+
1066
+ p {
1067
+ border-bottom: 1px solid rgba($border-light, 0.6);
1068
+ margin-top: 0;
1069
+ padding: 0 0.2em;
1070
+ }
1071
+
1072
+ img.avatar {
1073
+ display: inline-block;
1074
+ margin-bottom: 0 !important; // have to match to BP
1075
+ }
1076
+ } // close .activity-header
1077
+
1078
+ .activity-meta {
1079
+ a {
1080
+ display: block;
1081
+ @include font-size(14);
1082
+ margin-bottom: $spacing-val-xs;
1083
+
1084
+ @include medium-up {
1085
+ float: left;
1086
+ margin-bottom: 0;
1087
+ }
1088
+
1089
+ padding: 0.2em 0.5em;
1090
+ }
1091
+ }
1092
+
1093
+ } // close .activity-content
1094
+
1095
+ .load-more {
1096
+ background: $light-background;
1097
+ border: 1px solid transparent;
1098
+ padding: $spacing-val-sm;
1099
+
1100
+ &:focus,
1101
+ &:hover {
1102
+ background: darken($light-background, 1%);
1103
+ border: 1px solid rgba(#9fd1e2, 0.3);
1104
+ }
1105
+
1106
+ a {
1107
+ display: block;
1108
+ }
1109
+ }
1110
+
1111
+ } // close #activity-stream
1112
+ } // close #buddypress
1113
+
1114
+ /* Single activity view - activity permalink */
1115
+
1116
+ .activity-permalink {
1117
+ #buddypress {
1118
+ #activity-stream {
1119
+
1120
+ li.activity-item {
1121
+ padding: $spacing-val-md;
1122
+ }
1123
+
1124
+ li.mini {
1125
+ .activity-header {
1126
+ @include font-size(16);
1127
+ @include medium-up {
1128
+ @include font-size(20);
1129
+ }
1130
+
1131
+ margin-bottom: $spacing-val-lg;
1132
+ p {padding: $spacing-val-md;}
1133
+ }
1134
+ } // close li.mini
1135
+
1136
+ .activity-comments {
1137
+ margin-left: 0;
1138
+ }
1139
+
1140
+ }
1141
+ }
1142
+ }
1143
+
1144
+ /**
1145
+ *-----------------------------------------------------
1146
+ * @section 4.1.3 - Activity Comments
1147
+ *-----------------------------------------------------
1148
+ */
1149
+ #buddypress {
1150
+
1151
+ #activity-stream {
1152
+
1153
+ .activity-comments {
1154
+ position: relative;
1155
+
1156
+ > ul {
1157
+ background: rgba($light-background, 0.6);
1158
+ margin: $spacing-val-sm 0 0 2px;
1159
+
1160
+ > li {
1161
+
1162
+ &:hover * {
1163
+ color: #555;
1164
+ }
1165
+
1166
+ .acomment-meta,
1167
+ .acomment-content {
1168
+ @include font-size(12);
1169
+ }
1170
+
1171
+ }
1172
+
1173
+ }
1174
+
1175
+ .ac-form {
1176
+ border: 1px solid $border-color;
1177
+ box-sizing: border-box;
1178
+ margin: $spacing-val-sm 0;
1179
+ width: 100%;
1180
+
1181
+ input[type="submit"],
1182
+ .ac-reply-cancel {
1183
+ color: rgba($body-text, 0.8);
1184
+ display: inline-block;
1185
+ font-family: inherit;
1186
+ @include font-size(12);
1187
+ font-weight: normal;
1188
+ line-height: 1.2;
1189
+ padding: 4px 10px;
1190
+ text-transform: lowercase;
1191
+ width: 100px;
1192
+ }
1193
+
1194
+ .ac-reply-cancel {
1195
+ border: 1px solid rgba($border-color, 0.7);
1196
+ text-align: center;
1197
+
1198
+ &:focus,
1199
+ &:hover {
1200
+ background: $bp-button-hover;
1201
+ }
1202
+ }
1203
+
1204
+ } // close .ac-form
1205
+
1206
+ } // close .activity-comments
1207
+
1208
+ } // close #activity-steam
1209
+
1210
+ } // close #buddypress
1211
+
1212
+ /**
1213
+ *----------------------------------------------------------
1214
+ * @section 4.2 - Members Loop
1215
+ *----------------------------------------------------------
1216
+ */
1217
+
1218
+ #buddypress {
1219
+ #members-list {
1220
+
1221
+ @include medium-up {
1222
+ li {
1223
+ .item-avatar,
1224
+ .item {
1225
+ float: left;
1226
+ }
1227
+
1228
+ .action {
1229
+ float: right;
1230
+ }
1231
+ }
1232
+ }
1233
+
1234
+ } // close #members-list
1235
+ } //close #BuddyPress
1236
+
1237
+ /**
1238
+ *-------------------------------------------------------------------------------
1239
+ * @section 5.0 - Directories
1240
+ *-------------------------------------------------------------------------------
1241
+ */
1242
+
1243
+ /**
1244
+ *-----------------------------------------------------------
1245
+ * @subsection Registration
1246
+ *-----------------------------------------------------------
1247
+ */
1248
+
1249
+ #buddypress {
1250
+ #signup_form.standard-form {
1251
+
1252
+ #profile-details-section,
1253
+ #basic-details-section,
1254
+ #blog-details-section {
1255
+ float: none;
1256
+ width: 100%;
1257
+
1258
+ @media screen and (min-width: 37.500em) {
1259
+ width: 48%;
1260
+ }
1261
+ }
1262
+
1263
+ @media screen and (min-width: 37.500em) {
1264
+ #profile-details-section {float: right;}
1265
+ #basic-details-section {float: left;}
1266
+ }
1267
+
1268
+ }
1269
+ }
1270
+
1271
+ /**
1272
+ *-------------------------------------------------------------------------------
1273
+ * @section 6.0 - Single Item screens: User Account & Single Group Screens
1274
+ *-------------------------------------------------------------------------------
1275
+ */
1276
+
1277
+ .bp-user {
1278
+ #buddypress {
1279
+ // On object nav links, table links (notifications etc) we don't really need :visited
1280
+ // inheritance, so set pseudo class to :link color.
1281
+ a {
1282
+ &:visited {
1283
+ color: #21759b;
1284
+ }
1285
+ }
1286
+ }
1287
+ }
1288
+
1289
+ /**
1290
+ *-----------------------------------------------------------
1291
+ * @subsection 6.1 - Item Header Global
1292
+ *-----------------------------------------------------------
1293
+ */
1294
+
1295
+ .bp-user,
1296
+ .single-item.groups {
1297
+ #buddypress {
1298
+ #item-header-content {
1299
+ #item-meta {
1300
+ @include font-size(14);
1301
+ text-align: left;
1302
+
1303
+ p {margin-bottom: 0.5em;}
1304
+ }
1305
+ }
1306
+ }
1307
+
1308
+ @media screen and (max-width: 37.500em) {
1309
+ h1,
1310
+ #item-header-content {
1311
+ text-align: center;
1312
+ }
1313
+ }
1314
+
1315
+ @media screen and (max-width: 46.25em) {
1316
+ main {
1317
+ header.entry-header {
1318
+ padding-bottom: 1rem;
1319
+ }
1320
+ }
1321
+ }
1322
+
1323
+ #buddypress {
1324
+ @media screen and (max-width: 37.500em) {
1325
+ h1 {
1326
+ margin-bottom: 0;
1327
+ }
1328
+
1329
+ #item-header-avatar {
1330
+ img.avatar {
1331
+ margin-right: 0;
1332
+ }
1333
+ }
1334
+
1335
+ #item-header-content {
1336
+ width: 100%;
1337
+
1338
+ .user-nicename {
1339
+ color: #555;
1340
+ }
1341
+ }
1342
+ } // close @media
1343
+
1344
+ @media screen and (max-width: 46.25em) {
1345
+ #item-header {
1346
+ .generic-button {
1347
+ float: none;
1348
+ margin: 1.5em 0 0 0;
1349
+ }
1350
+ }
1351
+ }
1352
+ } // close #buddypress
1353
+
1354
+ }
1355
+
1356
+ // Manage cover images
1357
+ @include max800 {
1358
+ #buddypress {
1359
+ #item-header-cover-image {
1360
+ #item-header-content {
1361
+ .user-nicename {
1362
+ color: #555;
1363
+ text-shadow: none;
1364
+ }
1365
+ }
1366
+ }
1367
+ }
1368
+ }
1369
+
1370
+ /**
1371
+ *-----------------------------------------------------
1372
+ * @subsection 6.1.1 - item-header Groups
1373
+ *
1374
+ * Group Specific Item Header
1375
+ *-----------------------------------------------------
1376
+ */
1377
+
1378
+ .single-item.groups {
1379
+ #buddypress {
1380
+ @media screen and (max-width: 46.25em) {
1381
+ #item-header {
1382
+ #item-meta {
1383
+ margin-bottom: $spacing-val-md;
1384
+ }
1385
+ }
1386
+ }
1387
+
1388
+ // Move visual flow of avatar & item-actions at narrow width,
1389
+ // avatar first after group title
1390
+ @media screen and (max-width: 50em) {
1391
+ div#item-header {
1392
+ display: flex;
1393
+ flex-direction: column;
1394
+
1395
+ #item-header-avatar {
1396
+ order: 1;
1397
+ text-align: center;
1398
+
1399
+ a {
1400
+ border-bottom: 0;
1401
+
1402
+ img {
1403
+ display: inline-block;
1404
+ float: none;
1405
+ }
1406
+ }
1407
+ }
1408
+
1409
+ #item-header-content {
1410
+ order: 2;
1411
+ }
1412
+
1413
+ #item-actions {
1414
+ order: 3;
1415
+
1416
+ h2 {
1417
+ border-bottom: 1px solid $border-light;
1418
+ text-align: center;
1419
+ }
1420
+ }
1421
+ }
1422
+ } // close @media
1423
+
1424
+ div#item-header {
1425
+ padding-bottom: $spacing-val-lg;
1426
+
1427
+ #item-header-content {
1428
+ @include box-model(border-box);
1429
+ }
1430
+
1431
+ div#item-actions {
1432
+ margin: 0 !important;
1433
+ width: 100%;
1434
+
1435
+ @media screen and (min-width: 50em) {
1436
+ border-left: 1px solid $border-light;
1437
+ clear: none;
1438
+ float: right;
1439
+ padding-left: 0.2em;
1440
+ width: 30%;
1441
+ } // close @media
1442
+
1443
+ @media screen and (min-width: 46.25em) {
1444
+ width: 40%;
1445
+ }
1446
+
1447
+ ul {
1448
+ margin-top: 0;
1449
+ padding-left: 0;
1450
+ }
1451
+
1452
+ h2 {
1453
+ @include font-size(14);
1454
+ font-weight: bold;
1455
+ line-height: 1.4;
1456
+ }
1457
+
1458
+ #group-admins,
1459
+ #group-mods {
1460
+ li {
1461
+ margin: 0;
1462
+ }
1463
+ }
1464
+
1465
+ } // close item-actions
1466
+
1467
+ @include medium-up {
1468
+
1469
+ #item-header-avatar,
1470
+ #item-header-content {
1471
+ float: left;
1472
+ }
1473
+
1474
+ #item-header-content {
1475
+ margin-left: 2%;
1476
+ padding: 0 0.5em;
1477
+ }
1478
+
1479
+ div#item-actions {
1480
+ float: right;
1481
+ width: 28%;
1482
+ }
1483
+
1484
+ } // close @media
1485
+
1486
+ @media screen and (min-width: 64em) {
1487
+ #item-header-content {
1488
+ width: 40%;
1489
+ }
1490
+ }
1491
+ } // close #item-header
1492
+ } // close #buddypress
1493
+
1494
+ // These rules handle the specific instance of Cover Images on single groups
1495
+ // activated & attempt to address positioning concerns arising from themes
1496
+ // breakpoints.
1497
+ // Due to cover image styles being applied via embedded styles & thus carrying
1498
+ // heavier weight than linked styles the use of !important to override may be required.
1499
+ #buddypress {
1500
+ #cover-image-container {
1501
+ #item-header-cover-image {
1502
+
1503
+ #item-actions {
1504
+ margin-top: 225px !important;
1505
+ }
1506
+
1507
+ @media screen and (min-width: 50em) and (max-width: 60em) {
1508
+ #item-header-content {
1509
+ max-width: 60% !important;
1510
+ width: 60% !important;
1511
+ }
1512
+ }
1513
+
1514
+ @media screen and (max-width: 64em) {
1515
+
1516
+ #item-actions {
1517
+ border: 0;
1518
+ clear: both;
1519
+ margin-top: 0 !important;
1520
+ max-width: 100% !important;
1521
+ padding-top: 0 !important;
1522
+ width: auto;
1523
+
1524
+ h2 {border-bottom: 1px solid $border-light;}
1525
+ }
1526
+ } // @media
1527
+ }
1528
+ }
1529
+ }
1530
+
1531
+ } // close .single-item.groups
1532
+
1533
+ /**
1534
+ *-----------------------------------------------------
1535
+ * @subsection 6.1.2 - Item Header User Accounts
1536
+ *
1537
+ * User Accounts Specific Item Header
1538
+ *-----------------------------------------------------
1539
+ */
1540
+
1541
+ .bp-user {
1542
+ #buddypress {
1543
+ #item-header {
1544
+
1545
+ #item-header-avatar {
1546
+ text-align: center;
1547
+
1548
+ img.avatar,
1549
+ a {
1550
+ border-bottom: 0;
1551
+ display: inline-block;
1552
+ float: none;
1553
+ }
1554
+ }
1555
+
1556
+ #item-header-content {
1557
+ #item-buttons {
1558
+ .generic-button {
1559
+ margin-right: 5px;
1560
+ }
1561
+ }
1562
+ }
1563
+
1564
+ @include medium-up {
1565
+ #item-header-avatar {
1566
+ float: left;
1567
+
1568
+ a {
1569
+ float: left;
1570
+ }
1571
+ }
1572
+
1573
+ #item-header-content {
1574
+ float: right;
1575
+ margin-right: 0%;
1576
+ width: 69%;
1577
+ }
1578
+
1579
+ } // close @media
1580
+
1581
+ } // close #item-header
1582
+
1583
+ } // close #buddypress
1584
+ } // close .bp-user
1585
+
1586
+ /**
1587
+ *-----------------------------------------------------------
1588
+ * @subsection 6.2 - Item Body: Global
1589
+ *-----------------------------------------------------------
1590
+ */
1591
+
1592
+ /**
1593
+ *----------------------------------------------------
1594
+ * @subsection 6.2.1 - Item Body Groups
1595
+ *
1596
+ * Groups specific item body rules - screens
1597
+ *----------------------------------------------------
1598
+ */
1599
+
1600
+ /**
1601
+ *-----------------------------------------
1602
+ * @subsection 6.2.1.1 - Group Management
1603
+ *-----------------------------------------
1604
+ */
1605
+
1606
+ // headings settings screens & general global settings styles
1607
+ .groups {
1608
+ #group-settings-form {
1609
+ h3 {
1610
+ background: $dark-background;
1611
+ color: $content-background;
1612
+ padding: 0.2em;
1613
+ }
1614
+ }
1615
+ }
1616
+
1617
+ .groups.edit-details {
1618
+ #group-settings-form {
1619
+
1620
+ label {
1621
+ margin-bottom: 0;
1622
+ padding: 0.2em;
1623
+ width: 80%;
1624
+ }
1625
+
1626
+ textarea + p label {
1627
+ background: none;
1628
+ color: inherit;
1629
+ @include font-size(14);
1630
+ width: auto;
1631
+ }
1632
+
1633
+ textarea {
1634
+ height: auto;
1635
+ min-height: 100px;
1636
+ overflow: auto;
1637
+ }
1638
+ }
1639
+ } // close .groups.edit-details
1640
+
1641
+ .groups.group-settings {
1642
+ #group-settings-form {
1643
+
1644
+ div.radio label {
1645
+ font-weight: bold;
1646
+ padding: 0.2em;
1647
+
1648
+ ul {
1649
+ color: rgba($body-text, 0.6);
1650
+ @include font-size(14);
1651
+ }
1652
+ }
1653
+
1654
+ }
1655
+ } // close .groups.group-settings
1656
+
1657
+ .groups.group-avatar {
1658
+
1659
+ form > p {
1660
+ margin-top: $spacing-val-md;
1661
+ }
1662
+
1663
+ }
1664
+
1665
+ .groups.manage-members {
1666
+ #group-settings-form {
1667
+ .item-list {
1668
+ li {
1669
+ border-bottom: 1px solid $border-light;
1670
+
1671
+ img,
1672
+ h5 {
1673
+ @include medium-up {
1674
+ float: left;
1675
+ }
1676
+
1677
+ > a {border-bottom: 0;}
1678
+ }
1679
+
1680
+ span.small {
1681
+ clear: left;
1682
+ display: block;
1683
+ float: none;
1684
+ margin-top: $spacing-val-sm;
1685
+ width: 100%;
1686
+
1687
+ a {
1688
+ display: block;
1689
+ margin: $spacing-val-xs 0;
1690
+
1691
+ @include medium-up {
1692
+ display: inline-block;
1693
+ }
1694
+ }
1695
+ }
1696
+
1697
+ h5 {
1698
+ margin: 0;
1699
+ }
1700
+
1701
+ }
1702
+ }
1703
+ }
1704
+ } // close .groups.manage-members
1705
+
1706
+ /**
1707
+ *-----------------------------------------
1708
+ * @subsection 6.2.1.2 - Group members
1709
+ *-----------------------------------------
1710
+ */
1711
+
1712
+ // Massage the members search for groups nav specifically.
1713
+ .groups.group-members {
1714
+ #subnav {
1715
+ li {
1716
+ @include max450 {
1717
+ background: $content-background;
1718
+ padding: $spacing-val-md 0;
1719
+ }
1720
+
1721
+ width: 100%;
1722
+
1723
+ #search-members-form {
1724
+ float: right;
1725
+
1726
+ label {
1727
+ input[type="text"] {
1728
+ box-shadow: none;
1729
+
1730
+ @include max450 {
1731
+ width: 100%;
1732
+ }
1733
+ }
1734
+ }
1735
+
1736
+ margin: $spacing-val-xs 0 0 0;
1737
+ }
1738
+ }
1739
+ }
1740
+ }
1741
+
1742
+ /**
1743
+ *-----------------------------------------------------
1744
+ * @subsection 6.2.2 - Item Body User Accounts
1745
+ *
1746
+ * User Account specific component item body rules
1747
+ *-----------------------------------------------------
1748
+ */
1749
+
1750
+ /**
1751
+ *--------------------------------------------
1752
+ * @subsection 6.2.2.1 - classes, pag, filters
1753
+ *--------------------------------------------
1754
+ */
1755
+ .bp-user {
1756
+
1757
+ #buddypress {
1758
+
1759
+ table {
1760
+ th {@include font-size(13)}
1761
+ td {@include font-size(12)}
1762
+
1763
+ @include medium-up {
1764
+ th {@include font-size(16)}
1765
+ td {@include font-size(14)}
1766
+ }
1767
+ }
1768
+
1769
+ .pag-count {font-style: italic;}
1770
+
1771
+ .notifications-options-nav,
1772
+ .messages-options-nav {
1773
+ float: left;
1774
+ width: 100%;
1775
+
1776
+ @media screen and (min-width: 37.500em) {
1777
+ width: 40%;
1778
+ }
1779
+
1780
+ select,
1781
+ input {
1782
+ @include font-size(14);
1783
+ outline: 0;
1784
+ padding: 0;
1785
+ }
1786
+
1787
+ select {
1788
+ float: left;
1789
+ margin-right: 0;
1790
+ width: 49%;
1791
+
1792
+ @media screen and (min-width: 37.500em) {
1793
+ width: auto;
1794
+ }
1795
+ }
1796
+
1797
+ input {
1798
+ float: left;
1799
+ font-family: inherit;
1800
+ line-height: 20px;
1801
+ margin-left: 1%;
1802
+ width: 50%;
1803
+
1804
+ @media screen and (min-width: 37.500em) {
1805
+ width: auto;
1806
+ }
1807
+
1808
+ &[disabled="disabled"]:focus,
1809
+ &[disabled="disabled"]:hover {
1810
+ background: none;
1811
+ }
1812
+ }
1813
+
1814
+ } // close .notifications-options-nav/messages-options-nav
1815
+
1816
+ } //close #buddypress
1817
+ } // close .bp-user
1818
+
1819
+ /**
1820
+ *-------------------------------------------
1821
+ * @subsection 6.2.2.2 - Extended Profiles
1822
+ *-------------------------------------------
1823
+ */
1824
+
1825
+ .bp-user {
1826
+
1827
+ #buddypress {
1828
+
1829
+ .profile {
1830
+ .bp-widget {
1831
+ h2 {
1832
+ background: lighten($dark-background, 10%);
1833
+ color: #fff;
1834
+ margin-bottom: 0;
1835
+ padding: 0.4em;
1836
+ }
1837
+
1838
+ table {margin-top: 0;}
1839
+ }
1840
+
1841
+ // Edit profile
1842
+
1843
+ #profile-edit-form {
1844
+ .button-nav:before,
1845
+ .button-nav:after {
1846
+ content: " ";
1847
+ display: table;
1848
+ }
1849
+
1850
+ .button-nav:after {
1851
+ clear: both;
1852
+ }
1853
+
1854
+ ul.button-nav {
1855
+ border-bottom: 1px solid $border-light;
1856
+ margin-left: 0;
1857
+
1858
+ li {
1859
+ float: left;
1860
+ margin-bottom: 0;
1861
+
1862
+ &.current {
1863
+ border: 1px solid $border-light;
1864
+ border-bottom-color: #fff;
1865
+ margin-bottom: -1px;
1866
+ }
1867
+ } // li
1868
+
1869
+ a {
1870
+ background: none;
1871
+ border: 0;
1872
+ @include font-size(18)
1873
+ }
1874
+ } //.button-nav
1875
+
1876
+ .field-visibility-settings-toggle {
1877
+ margin: $spacing-val-xs 0 $spacing-val-md;
1878
+ }
1879
+
1880
+ .field-visibility-settings-toggle,
1881
+ .field-visibility-settings {
1882
+ @include font-size(14);
1883
+ }
1884
+
1885
+ .field-visibility-settings-close,
1886
+ .visibility-toggle-link {
1887
+ background: lighten($dark-background, 10%);
1888
+ @include border-radius(2px);
1889
+ color: #eee;
1890
+ font-weight: bold;
1891
+ padding: 0.1em 0.5em;
1892
+ text-decoration: none;
1893
+
1894
+ &:focus,
1895
+ &:hover {
1896
+ color: #fff;
1897
+ }
1898
+ }
1899
+ } // close profile form
1900
+
1901
+ .bp-avatar {
1902
+ #bp-delete-avatar {
1903
+ a {font-size: inherit; }
1904
+ }
1905
+ }
1906
+ } // close .profile
1907
+
1908
+ } // close #buddypress
1909
+ } // close .bp-user
1910
+
1911
+
1912
+ /**
1913
+ *-------------------------------------------
1914
+ * @subsection 6.2.2.5 - Private Messaging
1915
+ *-------------------------------------------
1916
+ */
1917
+
1918
+ .bp-user {
1919
+
1920
+ #buddypress {
1921
+
1922
+ #message-thread {
1923
+ //Single message view
1924
+ a {
1925
+ border-bottom: 0;
1926
+ }
1927
+
1928
+ #message-subject {
1929
+ background: lighten($dark-background, 10%);
1930
+ color: $content-background;
1931
+ padding: 0.3em 0 0.3em 0.2em;
1932
+ }
1933
+
1934
+ #message-recipients {
1935
+ font-style: italic;
1936
+
1937
+ a.confirm {
1938
+ border: 1px solid $border-light;
1939
+ font-style: normal;
1940
+ }
1941
+
1942
+ .highlight {
1943
+ font-size: 100%;
1944
+ }
1945
+ }
1946
+
1947
+ .message-metadata {
1948
+ overflow: hidden;
1949
+
1950
+ img.avatar {
1951
+ float: none;
1952
+ }
1953
+
1954
+ @media screen and (min-width: 46.25em) {
1955
+ img.avatar {
1956
+ float: left;
1957
+ }
1958
+ }
1959
+
1960
+ .message-star-actions {
1961
+ float: right;
1962
+ margin-right: $spacing-val-xs;
1963
+ position: static;
1964
+ }
1965
+ } // close .message-meta
1966
+
1967
+ .message-content {
1968
+ background: $light-background;
1969
+ border: 1px solid $border-light;
1970
+ margin: $spacing-val-sm 0 0 0;
1971
+ padding: 0.3em;
1972
+ }
1973
+
1974
+ #send-reply {
1975
+ .message-content {
1976
+ background: $content-background;
1977
+ border: 0;
1978
+ }
1979
+ }
1980
+
1981
+ .alt {
1982
+ background: $content-background;
1983
+ }
1984
+
1985
+ } // close message-thread Singular view!
1986
+
1987
+ #message-threads {
1988
+
1989
+ thead {
1990
+ tr {
1991
+ background: lighten($dark-background, 10%);
1992
+ }
1993
+ }
1994
+
1995
+ tr {
1996
+ td {
1997
+ background: $content-background;
1998
+ box-sizing: border-box;
1999
+ display: inline-block;
2000
+ float: left;
2001
+ }
2002
+
2003
+ td.thread-star,
2004
+ td.thread-options {
2005
+ border-bottom: 1px solid $medium-background;
2006
+ height: 2.4em;
2007
+ padding-bottom: 0.2em;
2008
+ padding-top: 0.2em;
2009
+
2010
+ @media screen and (max-width: 46.25em) {
2011
+ padding-top: 0;
2012
+ }
2013
+ }
2014
+
2015
+ td.thread-star {
2016
+ vertical-align: middle;
2017
+
2018
+ .message-action-star,
2019
+ .message-action-unstar {
2020
+ line-height: 1.2;
2021
+ }
2022
+
2023
+ span.icon:before {
2024
+ @include font-size(14);
2025
+ }
2026
+ }
2027
+
2028
+ td.bulk-select-check,
2029
+ td.thread-from {
2030
+ height: 3em;
2031
+
2032
+ @media screen and (max-width: 37.500em) {
2033
+ height: 5.2em;
2034
+ }
2035
+ }
2036
+
2037
+ td.thread-from,
2038
+ td.thread-options {
2039
+ border-left: 0 !important;
2040
+ @include calc(width, "100% - 30px");
2041
+ margin-left: 0;
2042
+ }
2043
+
2044
+ td.thread-info {
2045
+ padding-left: 41px;
2046
+ width: 100%;
2047
+
2048
+ a::after {
2049
+ content: " \2016 \00a0"attr(title);
2050
+ @include font-size(12);
2051
+ }
2052
+ }
2053
+
2054
+ td.thread-options {
2055
+ text-align: right;
2056
+
2057
+ a {
2058
+ @include font-size(12);
2059
+ line-height: 1.2;
2060
+ }
2061
+ }
2062
+
2063
+ span.from {
2064
+ display: none;
2065
+ }
2066
+
2067
+ span.activity {
2068
+ display: block;
2069
+ float: right;
2070
+ line-height: 2;
2071
+
2072
+ @media screen and (max-width: 37.500em) {
2073
+ clear: both;
2074
+ @include font-size(11);
2075
+ width: 100%;
2076
+ }
2077
+ }
2078
+ }
2079
+
2080
+ tr.unread {
2081
+ td {
2082
+ border-color: $border-light;
2083
+ }
2084
+ }
2085
+
2086
+ th {
2087
+ display: none;
2088
+ }
2089
+
2090
+ th.bulk-select-all {
2091
+ border-bottom: 0;
2092
+ display: inline-block;
2093
+ text-align: left;
2094
+ }
2095
+
2096
+ th.bulk-select-all,
2097
+ td.bulk-select-check,
2098
+ td.thread-star {
2099
+ border-right: 0;
2100
+ width: 30px;
2101
+ }
2102
+ }
2103
+
2104
+ #send_message_form {
2105
+ input,
2106
+ textarea {
2107
+ box-sizing: border-box;
2108
+ }
2109
+ }
2110
+
2111
+ .acfb-holder {
2112
+ list-style: none;
2113
+
2114
+ li {margin-left: 0;}
2115
+
2116
+ li.friend-tab {
2117
+ background: lighten($notice-info, 20%);
2118
+ border: inherit;
2119
+ margin-right: 0;
2120
+ padding: 0.5em;
2121
+
2122
+ span.p {
2123
+ // the 'X' close
2124
+ padding-left: $spacing-val-sm;
2125
+
2126
+ &:focus,
2127
+ &:hover {
2128
+ color: $link-action;
2129
+ cursor: pointer;
2130
+ }
2131
+ }
2132
+
2133
+ a {
2134
+ border-bottom: 0;
2135
+ text-decoration: none;
2136
+
2137
+ img {
2138
+ // this is the tiny user avatar
2139
+ display: inline;
2140
+ height: 20px;
2141
+ vertical-align: middle;
2142
+ width: 20px !important; // override inline style
2143
+ }
2144
+ }
2145
+ }
2146
+ }
2147
+
2148
+ #message-threads.sitewide-notices {
2149
+ tr {margin: 3em 0;}
2150
+ td {
2151
+ width: 100%;
2152
+
2153
+ strong {
2154
+ background: lighten($dark-background, 10%);
2155
+ color: $content-background;
2156
+ display: block;
2157
+ margin-bottom: 0.4em;
2158
+ padding-left: 0.2em;
2159
+ }
2160
+
2161
+ a {
2162
+ display: inline-block;
2163
+ }
2164
+
2165
+ a.button {
2166
+ border: 1px solid $border-color;
2167
+ line-height: initial;
2168
+ padding: 0.4em 0.3em;
2169
+ }
2170
+ }
2171
+
2172
+ td:first-child {
2173
+ display: none;
2174
+ }
2175
+
2176
+ td:nth-child(2) {
2177
+ strong {
2178
+ margin: -8px -8px 8px;
2179
+ }
2180
+ }
2181
+
2182
+ td:first-child + td + td {
2183
+ // notice date
2184
+ border-bottom: 0;
2185
+
2186
+ span {
2187
+ line-height: 1;
2188
+ }
2189
+ }
2190
+
2191
+ td:last-child {
2192
+ // notice actions
2193
+ line-height: 1;
2194
+ padding-bottom: 1em;
2195
+ text-align: right;
2196
+
2197
+ a:last-child {
2198
+ // hide the 'x' text
2199
+ line-height: 0;
2200
+ margin-left: 0.7em;
2201
+ text-indent: -999em;
2202
+ }
2203
+
2204
+ a:last-child::after {
2205
+ content: attr(title);
2206
+ display: block;
2207
+ line-height: initial;
2208
+ text-indent: 0;
2209
+ }
2210
+ }
2211
+ }
2212
+
2213
+ } // #buddypress
2214
+
2215
+ // acfb auto complete name list sits in doc footer before body close
2216
+ .ac_results {
2217
+ background: #eee;
2218
+ padding-left: $spacing-val-sm;
2219
+
2220
+ li {
2221
+ margin: $spacing-val-sm 0;
2222
+
2223
+ &:focus,
2224
+ &:hover {
2225
+ cursor: pointer;
2226
+ }
2227
+
2228
+ img { vertical-align: bottom;}
2229
+
2230
+ }
2231
+ }
2232
+
2233
+ } // close .bp-user
2234
+
2235
+ /**
2236
+ *------------------------------
2237
+ * @subsection 6.2.2.6 - Settings
2238
+ *------------------------------
2239
+ */
2240
+
2241
+ .bp-user {
2242
+
2243
+ #buddypress {
2244
+
2245
+ #settings-form {
2246
+
2247
+ // 'p' = email notification screen sub heading
2248
+ > p {
2249
+ @include font-size(20);
2250
+ margin: $spacing-val-md 0 $spacing-val-sm;
2251
+ }
2252
+ }
2253
+
2254
+ table.notification-settings {
2255
+ td.yes,
2256
+ td.no {
2257
+ vertical-align: middle;
2258
+ }
2259
+ }
2260
+
2261
+ // Profile table td widths
2262
+ table.profile-settings {
2263
+ width: 100%;
2264
+
2265
+ th.field-group-name,
2266
+ td.field-name {
2267
+ width: 50%;
2268
+ }
2269
+
2270
+ @media screen and (min-width: 46.25em) {
2271
+ th.field-group-name,
2272
+ td.field-name {
2273
+ width: 70%;
2274
+ }
2275
+ }
2276
+
2277
+ th.title,
2278
+ td.field-visibility {
2279
+ width: 30%;
2280
+ }
2281
+
2282
+ td.field-visibility {
2283
+ select {width: 100%;}
2284
+ }
2285
+ }
2286
+
2287
+ } // close #buddyPress
2288
+
2289
+ } // close .bp-user
2290
+
2291
+ /**
2292
+ *------------------------------------
2293
+ * @subsection 6.2.2.6 - Notifications
2294
+ *------------------------------------
2295
+ */
2296
+
2297
+
2298
+ /**
2299
+ *-------------------------------------------------------------------------------
2300
+ * @section 7.0 - Forms - General
2301
+ *-------------------------------------------------------------------------------
2302
+ */
2303
+
2304
+ // Attempt to reset form control widths
2305
+ #main {
2306
+ #buddypress {
2307
+ .standard-form {
2308
+
2309
+ li {float: none;}
2310
+ input[type='text'],
2311
+ input[type='email'],
2312
+ input[type='password'],
2313
+ textarea {
2314
+ width: 100%;
2315
+ }
2316
+ }
2317
+ }
2318
+ }
2319
+
2320
+
2321
+ #buddypress {
2322
+
2323
+ // Match BP form elements to Themes(2012) styling where styles
2324
+ // are not inherited or being overriden.
2325
+ div.activity-comments {
2326
+
2327
+ form {
2328
+ .ac-textarea {
2329
+ background: $light-background;
2330
+ border: 1px solid rgba($border-color, 0.5);
2331
+
2332
+ textarea {
2333
+ background: none;
2334
+ border: 0;
2335
+ }
2336
+ }
2337
+ }
2338
+ }
2339
+
2340
+ .standard-form {
2341
+
2342
+ // Keep BP form element borders to 1px rather than 2013 2px
2343
+ input[type="text"],
2344
+ input[type="email"],
2345
+ input[type="password"],
2346
+ button,
2347
+ select,
2348
+ textarea {
2349
+ border-color: rgba($border-color, 0.5);
2350
+ border-width: 1px;
2351
+ }
2352
+
2353
+ } // close .standard-form
2354
+
2355
+ #signup_form.standard-form {
2356
+ div.submit {
2357
+ float: none;
2358
+
2359
+ input {margin-right: 0;}
2360
+ }
2361
+ }
2362
+
2363
+ } // close #buddypress
2364
+
2365
+ #buddypress {
2366
+ div.dir-search,
2367
+ div.message-search,
2368
+ li.groups-members-search {
2369
+ float: none;
2370
+ margin: $spacing-val-sm 0;
2371
+
2372
+ form { // *sigh* only to bludgeon over specified rules
2373
+ border: 1px solid rgba($border-color, 0.6);
2374
+ overflow: hidden;
2375
+
2376
+ label {
2377
+ float: left;
2378
+ width: 70%;
2379
+ }
2380
+
2381
+ input[type='text'],
2382
+ input[type='submit'] {
2383
+ border: 0;
2384
+ border-radius: 0;
2385
+ box-shadow: none;
2386
+ box-sizing: border-box;
2387
+ @include font-size(14);
2388
+ line-height: 1.8;
2389
+ min-height: 2rem;
2390
+ }
2391
+
2392
+ input[type='text'] {
2393
+ border-right: 1px solid rgba($border-color, 0.6);
2394
+ float: left;
2395
+ margin: 0;
2396
+ padding: 0 0.2em 0;
2397
+ width: 70%;
2398
+ }
2399
+
2400
+ input[type='submit'] {
2401
+ float: right;
2402
+ font-weight: normal;
2403
+ padding: 0 1em;
2404
+ text-align: center;
2405
+ text-transform: none;
2406
+ width: 30%;
2407
+ }
2408
+ } // close form
2409
+
2410
+ } // close .dir-search, .message-search
2411
+
2412
+ // Shift the search parent to the right and allow to shrinkwrap
2413
+
2414
+ @media screen and (min-width: 37.500em) {
2415
+ div.dir-search,
2416
+ div.message-search,
2417
+ li.groups-members-search {
2418
+ float: right;
2419
+ margin-bottom: 5px !important;
2420
+
2421
+ form {
2422
+ label,
2423
+ input[type='text'],
2424
+ input[type='submit'] {
2425
+ width: auto;
2426
+ }
2427
+ }
2428
+ }
2429
+
2430
+ } // close @media
2431
+
2432
+
2433
+ @include large-up {
2434
+
2435
+ .dir-search,
2436
+ .message-search {
2437
+ form {
2438
+ input[type='text'] { @include font-size(16) ;}
2439
+ input[type='submit'] { @include font-size(16) ;}
2440
+ }
2441
+ }
2442
+ }
2443
+
2444
+ } // close #buddypress
2445
+
2446
+ /**
2447
+ *-------------------------------------------------------------------------------
2448
+ * @section 8.0 - Tables - General
2449
+ *-------------------------------------------------------------------------------
2450
+ */
2451
+ .bp-user {
2452
+ #buddypress {
2453
+
2454
+ table {
2455
+ @include font-size(14);
2456
+ margin: $spacing-val-md 0;
2457
+
2458
+ tr th {
2459
+ background: lighten($dark-background, 10%);
2460
+ border-color: darken($border-light, 20%);
2461
+ color: $content-background;
2462
+ @include font-size(16);
2463
+ padding: 0 8px;
2464
+ text-transform: capitalize;
2465
+ }
2466
+
2467
+ tr td {
2468
+ padding: 8px;
2469
+ }
2470
+
2471
+ // Reduce the themes inherited paragraph margins in tables
2472
+ p {margin-bottom: 0.5em;}
2473
+ }
2474
+
2475
+ @media screen and (min-width: 55em) {
2476
+ table {@include font-size(16);}
2477
+ }
2478
+
2479
+ // Manage some table cells widths that are disproportionate to their content
2480
+ .notifications,
2481
+ .messages-notices {
2482
+ th {
2483
+ width: 30%;
2484
+
2485
+ &.bulk-select-all {
2486
+ text-align: center;
2487
+ width: 10%;
2488
+ }
2489
+ }
2490
+
2491
+ th.actions {
2492
+ text-align: center;
2493
+ }
2494
+
2495
+ .bulk-select-check,
2496
+ .thread-star {
2497
+ text-align: center;
2498
+ }
2499
+
2500
+ .notification-actions,
2501
+ td.thread-options {
2502
+ text-align: center;
2503
+
2504
+ a {
2505
+ display: inline-block;
2506
+ margin: 0;
2507
+ padding: 0;
2508
+ }
2509
+ }
2510
+
2511
+ // Notices action buttons, this maybe better moved, temp for now to address
2512
+ // styling issues - this will need styling ideas
2513
+ td {
2514
+ .button {
2515
+ border: 0;
2516
+ display: block;
2517
+ padding: 0;
2518
+ text-align: center;
2519
+ }
2520
+ }
2521
+
2522
+ } // .notifications, .message-notices
2523
+
2524
+ } // #buddypress
2525
+ } // .bp-user
2526
+
2527
+ /**
2528
+ *-------------------------------------------------------------------------------
2529
+ * @section 9.0 - Error / Success messages
2530
+ *-------------------------------------------------------------------------------
2531
+ */
2532
+
2533
+ // message args ($variable-color, text-color)
2534
+ // Leave text-color undefined to automagically set text color
2535
+ // to background color darker by 50%
2536
+
2537
+ #buddypress {
2538
+ div#message {
2539
+ p {
2540
+ @include font-size(18);
2541
+ font-weight: bold;
2542
+ }
2543
+
2544
+ &.info {
2545
+ p {
2546
+ @include message-box($notice-info);
2547
+ }
2548
+ }
2549
+
2550
+ &.updated {
2551
+ p {
2552
+ @include message-box($notice-update);
2553
+ }
2554
+ }
2555
+
2556
+ } // close #message
2557
+
2558
+ } // close #buddypress
2559
+
2560
+ // Without direct classes on our mesages ( 'warning' )
2561
+ // we need to use the body classes
2562
+ // todo: If this is class .warning is included in main BP styles remove from here
2563
+ .delete-group {
2564
+ #buddypress {
2565
+ div#message.info {
2566
+ p {
2567
+ @include message-box($notice-warning);
2568
+ }
2569
+ }
2570
+ }
2571
+ }
2572
+
2573
+ /**
2574
+ *-------------------------------------------------------------------------------
2575
+ * @section 10.0 - Ajax Loading, Widgets, General classes
2576
+ *-------------------------------------------------------------------------------
2577
+ */
bp-templates/bp-legacy/css/twentyseventeen-rtl.css CHANGED
@@ -1,62 +1,62 @@
1
  @charset "UTF-8";
2
- /*--------------------------------------------------------------
3
-
4
- This is the BuddyPress companion stylesheet for
5
- the WordPress twentyseventeen theme.
6
-
7
- This sheet supports the primary BuddyPress styles in buddypress.css
8
-
9
- If you are running as a child theme of twentyseventeen this stylesheet will be
10
- loaded by default. If you want to modify the styles the normal BP Theme Compat
11
- hierarchy works and you can copy the file to buddypress/css/ or community/css/
12
- in your child themes root & either start over or modify the rulesets.
13
-
14
- If you do not require the styles you can dequeue them from the themes functions file.
15
-
16
- Please see this codex article for more information:
17
- http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
18
-
19
- ----------------------------------------------------------------
20
- >>> TABLE OF CONTENTS:
21
- ----------------------------------------------------------------
22
- 1.0 Theme Structural Elements & overrides
23
- 2.0 - Navigation - General
24
- 2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
25
- 2.2 - Pagination
26
- 3.0 - Images
27
- 4.0 - BP Lists / Loops Generic
28
- 4.1 - Activity Loop
29
- 4.1.1 Whats New Activity
30
- 4.1.2 - Activity Listing
31
- 4.1.3 - Activity Comments
32
- 4.2 - Members Loop
33
- 4.3 - Groups Loop
34
- 4.4 - Blogs Loop
35
- 5.0 - Directories - Members, Groups, Blogs, Register, activation
36
- 6.0 - Single Item screens: User Account & Single Group Screens
37
- 6.1 - Item Headers: Global
38
- 6.1.1 - item-header: Groups
39
- 6.1.2 - item-header: User Accounts
40
- 6.2 - Item Body: Global
41
- 6.2.1 - item-body: Groups
42
- 6.2.1.1 - Management settings screens
43
- 6.2.1.2 - Group members list
44
- 6.2.2 - item-body: User Accounts
45
- 6.2.2.1 - classes, pag, filters
46
- 6.2.2.2 - Extended Profiles
47
- 6.2.2.3 - Groups
48
- 6.2.2.4 - friends
49
- 6.2.2.5 - Private Messaging Threads
50
- 6.2.2.6 - Settings
51
- 7.0 - Forms - General
52
- 8.0 - Tables - General
53
- 9.0 - Error / Success Messages
54
- 10.0 - Ajax Loading, Widgets, General classes
55
  --------------------------------------------------------------*/
56
- /**
57
- *-------------------------------------------------------------------------------
58
- * @section 1.0 - Theme - Structural Elements. overrides, Globals
59
- *-------------------------------------------------------------------------------
60
  */
61
  .buddypress div.clear {
62
  display: none;
@@ -280,17 +280,17 @@ body.colors-light #buddypress div#invite-list {
280
  background: #fafafa;
281
  }
282
 
283
- /**
284
- *-------------------------------------------------------------------------------
285
- * @section 2.0 - Navigation - General
286
- *-------------------------------------------------------------------------------
287
  */
288
- /**
289
- *----------------------------------------------------------
290
- * @section 2.1 - Navs Object Nav / Sub Nav (item-list-tabs)
291
- *
292
- * The main navigational elements for all BP screens
293
- *----------------------------------------------------------
294
  */
295
  #buddypress div.item-list-tabs ul li.selected a {
296
  background: inherit;
@@ -458,10 +458,10 @@ body.colors-light #buddypress div#invite-list {
458
  }
459
  }
460
 
461
- /**
462
- *----------------------------------------------------------
463
- * @section 2.2 - Pagination
464
- *----------------------------------------------------------
465
  */
466
  #buddypress div.pagination {
467
  box-shadow: none;
@@ -512,10 +512,10 @@ body.colors-light #buddypress div#invite-list {
512
  left: auto;
513
  }
514
 
515
- /**
516
- *-------------------------------------------------------------------------------
517
- * @section 4.0 - BP Lists / Loops Generic
518
- *-------------------------------------------------------------------------------
519
  */
520
  #buddypress .item-list .activity-header,
521
  #buddypress .item-list .activity-meta {
@@ -680,15 +680,15 @@ body.colors-light #buddypress div#invite-list {
680
  font-style: italic;
681
  }
682
 
683
- /**
684
- *----------------------------------------------------------
685
- * @section 4.1 - Activity
686
- *----------------------------------------------------------
687
  */
688
- /**
689
- *-----------------------------------------------------
690
- * @section 4.1.1 - Activity Whats New
691
- *-----------------------------------------------------
692
  */
693
  #buddypress form#whats-new-form p.activity-greeting {
694
  line-height: 1.4;
@@ -733,10 +733,10 @@ body.colors-light #buddypress div#invite-list {
733
  margin: 40px 0;
734
  }
735
 
736
- /**
737
- *-----------------------------------------------------
738
- * @section 4.1.2 - Activity Listing
739
- *-----------------------------------------------------
740
  */
741
  #buddypress #activity-stream li {
742
  padding: 25px 0 15px;
@@ -878,10 +878,10 @@ body.colors-light #buddypress div#invite-list {
878
  padding: 20px;
879
  }
880
 
881
- /**
882
- *-----------------------------------------------------
883
- * @section 4.1.3 - Activity Comments
884
- *-----------------------------------------------------
885
  */
886
  #buddypress #activity-stream .activity-comments {
887
  border-right: 1px solid #eaeaea;
@@ -933,10 +933,10 @@ body.colors-light #buddypress div#invite-list {
933
  background: #ededed;
934
  }
935
 
936
- /**
937
- *----------------------------------------------------------
938
- * @section 4.2 - Members Loop
939
- *----------------------------------------------------------
940
  */
941
  @media screen and (min-width: 55em) {
942
  #buddypress #members-list li .item-avatar,
@@ -954,15 +954,15 @@ body.colors-light #buddypress div#invite-list {
954
  }
955
  }
956
 
957
- /**
958
- *-------------------------------------------------------------------------------
959
- * @section 5.0 - Directories
960
- *-------------------------------------------------------------------------------
961
  */
962
- /**
963
- *-----------------------------------------------------------
964
- * @subsection Registration
965
- *-----------------------------------------------------------
966
  */
967
  #buddypress #signup_form.standard-form #profile-details-section,
968
  #buddypress #signup_form.standard-form #basic-details-section,
@@ -988,15 +988,15 @@ body.colors-light #buddypress div#invite-list {
988
  }
989
  }
990
 
991
- /**
992
- *-------------------------------------------------------------------------------
993
- * @section 6.0 - Single Item screens: User Account & Single Group Screens
994
- *-------------------------------------------------------------------------------
995
  */
996
- /**
997
- *-----------------------------------------------------------
998
- * @subsection 6.1 - Item Header Global
999
- *-----------------------------------------------------------
1000
  */
1001
  @media screen and (min-width: 48em) {
1002
  .bp-user.page-two-column #buddypress #cover-image-container #item-header-cover-image #item-header-content {
@@ -1073,12 +1073,12 @@ body.colors-light #buddypress div#invite-list {
1073
  }
1074
  }
1075
 
1076
- /**
1077
- *-----------------------------------------------------
1078
- * @subsection 6.1.1 - item-header Groups
1079
- *
1080
- * Group Specific Item Header
1081
- *-----------------------------------------------------
1082
  */
1083
  @media screen and (max-width: 46.25em) {
1084
  .single-item.groups #buddypress #item-header #item-meta {
@@ -1172,12 +1172,12 @@ body.colors-light #buddypress div#invite-list {
1172
  }
1173
  }
1174
 
1175
- /**
1176
- *-----------------------------------------------------
1177
- * @subsection 6.1.2 - Item Header User Accounts
1178
- *
1179
- * User Accounts Specific Item Header
1180
- *-----------------------------------------------------
1181
  */
1182
  .bp-user #buddypress #item-header {
1183
  padding: 20px 0;
@@ -1209,27 +1209,27 @@ body.colors-light #buddypress div#invite-list {
1209
  }
1210
  }
1211
 
1212
- /**
1213
- *-----------------------------------------------------------
1214
- * @subsection 6.2 - Item Body: Global
1215
- *-----------------------------------------------------------
1216
  */
1217
- /**
1218
- *----------------------------------------------------
1219
- * @subsection 6.2.1 - Item Body Groups
1220
- *
1221
- * Groups specific item body rules - screens
1222
- *----------------------------------------------------
1223
  */
1224
  .groups.single-item.members #buddypress #subnav.item-list-tabs ul {
1225
  background: none;
1226
  border-top: 0;
1227
  }
1228
 
1229
- /**
1230
- *-----------------------------------------
1231
- * @subsection 6.2.1.1 - Group Management
1232
- *-----------------------------------------
1233
  */
1234
  .groups #group-settings-form h3 {
1235
  background: #555;
@@ -1309,10 +1309,10 @@ body.colors-light #buddypress div#invite-list {
1309
  margin: 0;
1310
  }
1311
 
1312
- /**
1313
- *-----------------------------------------
1314
- * @subsection 6.2.1.2 - Group members
1315
- *-----------------------------------------
1316
  */
1317
  .groups.group-members #subnav li {
1318
  width: 100%;
@@ -1340,21 +1340,21 @@ body.colors-light #buddypress div#invite-list {
1340
  }
1341
  }
1342
 
1343
- /**
1344
- *-----------------------------------------------------
1345
- * @subsection 6.2.2 - Item Body User Accounts
1346
- *
1347
- * User Account specific item body rules
1348
- *-----------------------------------------------------
1349
  */
1350
  .bp-user .entry-title {
1351
  margin-bottom: 0.5em;
1352
  }
1353
 
1354
- /**
1355
- *--------------------------------------------
1356
- * @subsection 6.2.2.1 - classes, pag, filters
1357
- *--------------------------------------------
1358
  */
1359
  .bp-user #buddypress table th {
1360
  font-size: 14px;
@@ -1446,10 +1446,10 @@ body.colors-light #buddypress div#invite-list {
1446
  background: none;
1447
  }
1448
 
1449
- /**
1450
- *-------------------------------------------
1451
- * @subsection 6.2.2.2 - Extended Profiles
1452
- *-------------------------------------------
1453
  */
1454
  .bp-user #buddypress .profile {
1455
  /* Edit profile */
@@ -1529,10 +1529,10 @@ body.colors-light #buddypress div#invite-list {
1529
  font-size: inherit;
1530
  }
1531
 
1532
- /**
1533
- *-------------------------------------------
1534
- * @subsection 6.2.2.3 - Groups
1535
- *-------------------------------------------
1536
  */
1537
  @media screen and (min-width: 77.5em) {
1538
  .bp-user #buddypress #groups-list li .item {
@@ -1541,10 +1541,10 @@ body.colors-light #buddypress div#invite-list {
1541
  }
1542
  }
1543
 
1544
- /**
1545
- *-------------------------------------------
1546
- * @subsection 6.2.2.5 - Private Messaging
1547
- *-------------------------------------------
1548
  */
1549
  .bp-user #buddypress #message-thread a {
1550
  border-bottom: 0;
@@ -1838,10 +1838,10 @@ body.colors-light #buddypress div#invite-list {
1838
  cursor: pointer;
1839
  }
1840
 
1841
- /**
1842
- *------------------------------
1843
- * @subsection 6.2.2.6 - Settings
1844
- *------------------------------
1845
  */
1846
  .bp-user #buddypress #settings-form > p {
1847
  font-size: 20px;
@@ -1879,10 +1879,10 @@ body.colors-light #buddypress div#invite-list {
1879
  width: 100%;
1880
  }
1881
 
1882
- /**
1883
- *-------------------------------------------------------------------------------
1884
- * @section 7.0 - Forms - General
1885
- *-------------------------------------------------------------------------------
1886
  */
1887
  #main #buddypress .standard-form li {
1888
  float: none;
@@ -2070,10 +2070,10 @@ body.colors-dark #page .message-search {
2070
  margin-top: 0;
2071
  }
2072
 
2073
- /**
2074
- *-------------------------------------------------------------------------------
2075
- * @section 8.0 - Tables - General
2076
- *-------------------------------------------------------------------------------
2077
  */
2078
  #buddypress table {
2079
  font-size: 14px;
@@ -2145,10 +2145,10 @@ body.colors-dark #page .message-search {
2145
  text-align: center;
2146
  }
2147
 
2148
- /**
2149
- *-------------------------------------------------------------------------------
2150
- * @section 9.0 - Error / Success messages
2151
- *-------------------------------------------------------------------------------
2152
  */
2153
  #buddypress div#message p {
2154
  font-size: 18px;
@@ -2183,10 +2183,10 @@ body.colors-dark #page .message-search {
2183
  color: #1f0808;
2184
  }
2185
 
2186
- /**
2187
- *-------------------------------------------------------------------------------
2188
- * @section 10.0 - Ajax Loading, Widgets, General classes
2189
- *-------------------------------------------------------------------------------
2190
  */
2191
  #buddypress .acfb-holder li.friend-tab {
2192
  background: #7dd4ff;
1
  @charset "UTF-8";
2
+ /*--------------------------------------------------------------
3
+
4
+ This is the BuddyPress companion stylesheet for
5
+ the WordPress twentyseventeen theme.
6
+
7
+ This sheet supports the primary BuddyPress styles in buddypress.css
8
+
9
+ If you are running as a child theme of twentyseventeen this stylesheet will be
10
+ loaded by default. If you want to modify the styles the normal BP Theme Compat
11
+ hierarchy works and you can copy the file to buddypress/css/ or community/css/
12
+ in your child themes root & either start over or modify the rulesets.
13
+
14
+ If you do not require the styles you can dequeue them from the themes functions file.
15
+
16
+ Please see this codex article for more information:
17
+ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
18
+
19
+ ----------------------------------------------------------------
20
+ >>> TABLE OF CONTENTS:
21
+ ----------------------------------------------------------------
22
+ 1.0 Theme Structural Elements & overrides
23
+ 2.0 - Navigation - General
24
+ 2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
25
+ 2.2 - Pagination
26
+ 3.0 - Images
27
+ 4.0 - BP Lists / Loops Generic
28
+ 4.1 - Activity Loop
29
+ 4.1.1 Whats New Activity
30
+ 4.1.2 - Activity Listing
31
+ 4.1.3 - Activity Comments
32
+ 4.2 - Members Loop
33
+ 4.3 - Groups Loop
34
+ 4.4 - Blogs Loop
35
+ 5.0 - Directories - Members, Groups, Blogs, Register, activation
36
+ 6.0 - Single Item screens: User Account & Single Group Screens
37
+ 6.1 - Item Headers: Global
38
+ 6.1.1 - item-header: Groups
39
+ 6.1.2 - item-header: User Accounts
40
+ 6.2 - Item Body: Global
41
+ 6.2.1 - item-body: Groups
42
+ 6.2.1.1 - Management settings screens
43
+ 6.2.1.2 - Group members list
44
+ 6.2.2 - item-body: User Accounts
45
+ 6.2.2.1 - classes, pag, filters
46
+ 6.2.2.2 - Extended Profiles
47
+ 6.2.2.3 - Groups
48
+ 6.2.2.4 - friends
49
+ 6.2.2.5 - Private Messaging Threads
50
+ 6.2.2.6 - Settings
51
+ 7.0 - Forms - General
52
+ 8.0 - Tables - General
53
+ 9.0 - Error / Success Messages
54
+ 10.0 - Ajax Loading, Widgets, General classes
55
  --------------------------------------------------------------*/
56
+ /**
57
+ *-------------------------------------------------------------------------------
58
+ * @section 1.0 - Theme - Structural Elements. overrides, Globals
59
+ *-------------------------------------------------------------------------------
60
  */
61
  .buddypress div.clear {
62
  display: none;
280
  background: #fafafa;
281
  }
282
 
283
+ /**
284
+ *-------------------------------------------------------------------------------
285
+ * @section 2.0 - Navigation - General
286
+ *-------------------------------------------------------------------------------
287
  */
288
+ /**
289
+ *----------------------------------------------------------
290
+ * @section 2.1 - Navs Object Nav / Sub Nav (item-list-tabs)
291
+ *
292
+ * The main navigational elements for all BP screens
293
+ *----------------------------------------------------------
294
  */
295
  #buddypress div.item-list-tabs ul li.selected a {
296
  background: inherit;
458
  }
459
  }
460
 
461
+ /**
462
+ *----------------------------------------------------------
463
+ * @section 2.2 - Pagination
464
+ *----------------------------------------------------------
465
  */
466
  #buddypress div.pagination {
467
  box-shadow: none;
512
  left: auto;
513
  }
514
 
515
+ /**
516
+ *-------------------------------------------------------------------------------
517
+ * @section 4.0 - BP Lists / Loops Generic
518
+ *-------------------------------------------------------------------------------
519
  */
520
  #buddypress .item-list .activity-header,
521
  #buddypress .item-list .activity-meta {
680
  font-style: italic;
681
  }
682
 
683
+ /**
684
+ *----------------------------------------------------------
685
+ * @section 4.1 - Activity
686
+ *----------------------------------------------------------
687
  */
688
+ /**
689
+ *-----------------------------------------------------
690
+ * @section 4.1.1 - Activity Whats New
691
+ *-----------------------------------------------------
692
  */
693
  #buddypress form#whats-new-form p.activity-greeting {
694
  line-height: 1.4;
733
  margin: 40px 0;
734
  }
735
 
736
+ /**
737
+ *-----------------------------------------------------
738
+ * @section 4.1.2 - Activity Listing
739
+ *-----------------------------------------------------
740
  */
741
  #buddypress #activity-stream li {
742
  padding: 25px 0 15px;
878
  padding: 20px;
879
  }
880
 
881
+ /**
882
+ *-----------------------------------------------------
883
+ * @section 4.1.3 - Activity Comments
884
+ *-----------------------------------------------------
885
  */
886
  #buddypress #activity-stream .activity-comments {
887
  border-right: 1px solid #eaeaea;
933
  background: #ededed;
934
  }
935
 
936
+ /**
937
+ *----------------------------------------------------------
938
+ * @section 4.2 - Members Loop
939
+ *----------------------------------------------------------
940
  */
941
  @media screen and (min-width: 55em) {
942
  #buddypress #members-list li .item-avatar,
954
  }
955
  }
956
 
957
+ /**
958
+ *-------------------------------------------------------------------------------
959
+ * @section 5.0 - Directories
960
+ *-------------------------------------------------------------------------------
961
  */
962
+ /**
963
+ *-----------------------------------------------------------
964
+ * @subsection Registration
965
+ *-----------------------------------------------------------
966
  */
967
  #buddypress #signup_form.standard-form #profile-details-section,
968
  #buddypress #signup_form.standard-form #basic-details-section,
988
  }
989
  }
990
 
991
+ /**
992
+ *-------------------------------------------------------------------------------
993
+ * @section 6.0 - Single Item screens: User Account & Single Group Screens
994
+ *-------------------------------------------------------------------------------
995
  */
996
+ /**
997
+ *-----------------------------------------------------------
998
+ * @subsection 6.1 - Item Header Global
999
+ *-----------------------------------------------------------
1000
  */
1001
  @media screen and (min-width: 48em) {
1002
  .bp-user.page-two-column #buddypress #cover-image-container #item-header-cover-image #item-header-content {
1073
  }
1074
  }
1075
 
1076
+ /**
1077
+ *-----------------------------------------------------
1078
+ * @subsection 6.1.1 - item-header Groups
1079
+ *
1080
+ * Group Specific Item Header
1081
+ *-----------------------------------------------------
1082
  */
1083
  @media screen and (max-width: 46.25em) {
1084
  .single-item.groups #buddypress #item-header #item-meta {
1172
  }
1173
  }
1174
 
1175
+ /**
1176
+ *-----------------------------------------------------
1177
+ * @subsection 6.1.2 - Item Header User Accounts
1178
+ *
1179
+ * User Accounts Specific Item Header
1180
+ *-----------------------------------------------------
1181
  */
1182
  .bp-user #buddypress #item-header {
1183
  padding: 20px 0;
1209
  }
1210
  }
1211
 
1212
+ /**
1213
+ *-----------------------------------------------------------
1214
+ * @subsection 6.2 - Item Body: Global
1215
+ *-----------------------------------------------------------
1216
  */
1217
+ /**
1218
+ *----------------------------------------------------
1219
+ * @subsection 6.2.1 - Item Body Groups
1220
+ *
1221
+ * Groups specific item body rules - screens
1222
+ *----------------------------------------------------
1223
  */
1224
  .groups.single-item.members #buddypress #subnav.item-list-tabs ul {
1225
  background: none;
1226
  border-top: 0;
1227
  }
1228
 
1229
+ /**
1230
+ *-----------------------------------------
1231
+ * @subsection 6.2.1.1 - Group Management
1232
+ *-----------------------------------------
1233
  */
1234
  .groups #group-settings-form h3 {
1235
  background: #555;
1309
  margin: 0;
1310
  }
1311
 
1312
+ /**
1313
+ *-----------------------------------------
1314
+ * @subsection 6.2.1.2 - Group members
1315
+ *-----------------------------------------
1316
  */
1317
  .groups.group-members #subnav li {
1318
  width: 100%;
1340
  }
1341
  }
1342
 
1343
+ /**
1344
+ *-----------------------------------------------------
1345
+ * @subsection 6.2.2 - Item Body User Accounts
1346
+ *
1347
+ * User Account specific item body rules
1348
+ *-----------------------------------------------------
1349
  */
1350
  .bp-user .entry-title {
1351
  margin-bottom: 0.5em;
1352
  }
1353
 
1354
+ /**
1355
+ *--------------------------------------------
1356
+ * @subsection 6.2.2.1 - classes, pag, filters
1357
+ *--------------------------------------------
1358
  */
1359
  .bp-user #buddypress table th {
1360
  font-size: 14px;
1446
  background: none;
1447
  }
1448
 
1449
+ /**
1450
+ *-------------------------------------------
1451
+ * @subsection 6.2.2.2 - Extended Profiles
1452
+ *-------------------------------------------
1453
  */
1454
  .bp-user #buddypress .profile {
1455
  /* Edit profile */
1529
  font-size: inherit;
1530
  }
1531
 
1532
+ /**
1533
+ *-------------------------------------------
1534
+ * @subsection 6.2.2.3 - Groups
1535
+ *-------------------------------------------
1536
  */
1537
  @media screen and (min-width: 77.5em) {
1538
  .bp-user #buddypress #groups-list li .item {
1541
  }
1542
  }
1543
 
1544
+ /**
1545
+ *-------------------------------------------
1546
+ * @subsection 6.2.2.5 - Private Messaging
1547
+ *-------------------------------------------
1548
  */
1549
  .bp-user #buddypress #message-thread a {
1550
  border-bottom: 0;
1838
  cursor: pointer;
1839
  }
1840
 
1841
+ /**
1842
+ *------------------------------
1843
+ * @subsection 6.2.2.6 - Settings
1844
+ *------------------------------
1845
  */
1846
  .bp-user #buddypress #settings-form > p {
1847
  font-size: 20px;
1879
  width: 100%;
1880
  }
1881
 
1882
+ /**
1883
+ *-------------------------------------------------------------------------------
1884
+ * @section 7.0 - Forms - General
1885
+ *-------------------------------------------------------------------------------
1886
  */
1887
  #main #buddypress .standard-form li {
1888
  float: none;
2070
  margin-top: 0;
2071
  }
2072
 
2073
+ /**
2074
+ *-------------------------------------------------------------------------------
2075
+ * @section 8.0 - Tables - General
2076
+ *-------------------------------------------------------------------------------
2077
  */
2078
  #buddypress table {
2079
  font-size: 14px;
2145
  text-align: center;
2146
  }
2147
 
2148
+ /**
2149
+ *-------------------------------------------------------------------------------
2150
+ * @section 9.0 - Error / Success messages
2151
+ *-------------------------------------------------------------------------------
2152
  */
2153
  #buddypress div#message p {
2154
  font-size: 18px;
2183
  color: #1f0808;
2184
  }
2185
 
2186
+ /**
2187
+ *-------------------------------------------------------------------------------
2188
+ * @section 10.0 - Ajax Loading, Widgets, General classes
2189
+ *-------------------------------------------------------------------------------
2190
  */
2191
  #buddypress .acfb-holder li.friend-tab {
2192
  background: #7dd4ff;
bp-templates/bp-legacy/css/twentyseventeen.css CHANGED
@@ -1,62 +1,62 @@
1
  @charset "UTF-8";
2
- /*--------------------------------------------------------------
3
-
4
- This is the BuddyPress companion stylesheet for
5
- the WordPress twentyseventeen theme.
6
-
7
- This sheet supports the primary BuddyPress styles in buddypress.css
8
-
9
- If you are running as a child theme of twentyseventeen this stylesheet will be
10
- loaded by default. If you want to modify the styles the normal BP Theme Compat
11
- hierarchy works and you can copy the file to buddypress/css/ or community/css/
12
- in your child themes root & either start over or modify the rulesets.
13
-
14
- If you do not require the styles you can dequeue them from the themes functions file.
15
-
16
- Please see this codex article for more information:
17
- http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
18
-
19
- ----------------------------------------------------------------
20
- >>> TABLE OF CONTENTS:
21
- ----------------------------------------------------------------
22
- 1.0 Theme Structural Elements & overrides
23
- 2.0 - Navigation - General
24
- 2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
25
- 2.2 - Pagination
26
- 3.0 - Images
27
- 4.0 - BP Lists / Loops Generic
28
- 4.1 - Activity Loop
29
- 4.1.1 Whats New Activity
30
- 4.1.2 - Activity Listing
31
- 4.1.3 - Activity Comments
32
- 4.2 - Members Loop
33
- 4.3 - Groups Loop
34
- 4.4 - Blogs Loop
35
- 5.0 - Directories - Members, Groups, Blogs, Register, activation
36
- 6.0 - Single Item screens: User Account & Single Group Screens
37
- 6.1 - Item Headers: Global
38
- 6.1.1 - item-header: Groups
39
- 6.1.2 - item-header: User Accounts
40
- 6.2 - Item Body: Global
41
- 6.2.1 - item-body: Groups
42
- 6.2.1.1 - Management settings screens
43
- 6.2.1.2 - Group members list
44
- 6.2.2 - item-body: User Accounts
45
- 6.2.2.1 - classes, pag, filters
46
- 6.2.2.2 - Extended Profiles
47
- 6.2.2.3 - Groups
48
- 6.2.2.4 - friends
49
- 6.2.2.5 - Private Messaging Threads
50
- 6.2.2.6 - Settings
51
- 7.0 - Forms - General
52
- 8.0 - Tables - General
53
- 9.0 - Error / Success Messages
54
- 10.0 - Ajax Loading, Widgets, General classes
55
  --------------------------------------------------------------*/
56
- /**
57
- *-------------------------------------------------------------------------------
58
- * @section 1.0 - Theme - Structural Elements. overrides, Globals
59
- *-------------------------------------------------------------------------------
60
  */
61
  .buddypress div.clear {
62
  display: none;
@@ -280,17 +280,17 @@ body.colors-light #buddypress div#invite-list {
280
  background: #fafafa;
281
  }
282
 
283
- /**
284
- *-------------------------------------------------------------------------------
285
- * @section 2.0 - Navigation - General
286
- *-------------------------------------------------------------------------------
287
  */
288
- /**
289
- *----------------------------------------------------------
290
- * @section 2.1 - Navs Object Nav / Sub Nav (item-list-tabs)
291
- *
292
- * The main navigational elements for all BP screens
293
- *----------------------------------------------------------
294
  */
295
  #buddypress div.item-list-tabs ul li.selected a {
296
  background: inherit;
@@ -458,10 +458,10 @@ body.colors-light #buddypress div#invite-list {
458
  }
459
  }
460
 
461
- /**
462
- *----------------------------------------------------------
463
- * @section 2.2 - Pagination
464
- *----------------------------------------------------------
465
  */
466
  #buddypress div.pagination {
467
  box-shadow: none;
@@ -512,10 +512,10 @@ body.colors-light #buddypress div#invite-list {
512
  right: auto;
513
  }
514
 
515
- /**
516
- *-------------------------------------------------------------------------------
517
- * @section 4.0 - BP Lists / Loops Generic
518
- *-------------------------------------------------------------------------------
519
  */
520
  #buddypress .item-list .activity-header,
521
  #buddypress .item-list .activity-meta {
@@ -680,15 +680,15 @@ body.colors-light #buddypress div#invite-list {
680
  font-style: italic;
681
  }
682
 
683
- /**
684
- *----------------------------------------------------------
685
- * @section 4.1 - Activity
686
- *----------------------------------------------------------
687
  */
688
- /**
689
- *-----------------------------------------------------
690
- * @section 4.1.1 - Activity Whats New
691
- *-----------------------------------------------------
692
  */
693
  #buddypress form#whats-new-form p.activity-greeting {
694
  line-height: 1.4;
@@ -733,10 +733,10 @@ body.colors-light #buddypress div#invite-list {
733
  margin: 40px 0;
734
  }
735
 
736
- /**
737
- *-----------------------------------------------------
738
- * @section 4.1.2 - Activity Listing
739
- *-----------------------------------------------------
740
  */
741
  #buddypress #activity-stream li {
742
  padding: 25px 0 15px;
@@ -878,10 +878,10 @@ body.colors-light #buddypress div#invite-list {
878
  padding: 20px;
879
  }
880
 
881
- /**
882
- *-----------------------------------------------------
883
- * @section 4.1.3 - Activity Comments
884
- *-----------------------------------------------------
885
  */
886
  #buddypress #activity-stream .activity-comments {
887
  border-left: 1px solid #eaeaea;
@@ -933,10 +933,10 @@ body.colors-light #buddypress div#invite-list {
933
  background: #ededed;
934
  }
935
 
936
- /**
937
- *----------------------------------------------------------
938
- * @section 4.2 - Members Loop
939
- *----------------------------------------------------------
940
  */
941
  @media screen and (min-width: 55em) {
942
  #buddypress #members-list li .item-avatar,
@@ -954,15 +954,15 @@ body.colors-light #buddypress div#invite-list {
954
  }
955
  }
956
 
957
- /**
958
- *-------------------------------------------------------------------------------
959
- * @section 5.0 - Directories
960
- *-------------------------------------------------------------------------------
961
  */
962
- /**
963
- *-----------------------------------------------------------
964
- * @subsection Registration
965
- *-----------------------------------------------------------
966
  */
967
  #buddypress #signup_form.standard-form #profile-details-section,
968
  #buddypress #signup_form.standard-form #basic-details-section,
@@ -988,15 +988,15 @@ body.colors-light #buddypress div#invite-list {
988
  }
989
  }
990
 
991
- /**
992
- *-------------------------------------------------------------------------------
993
- * @section 6.0 - Single Item screens: User Account & Single Group Screens
994
- *-------------------------------------------------------------------------------
995
  */
996
- /**
997
- *-----------------------------------------------------------
998
- * @subsection 6.1 - Item Header Global
999
- *-----------------------------------------------------------
1000
  */
1001
  @media screen and (min-width: 48em) {
1002
  .bp-user.page-two-column #buddypress #cover-image-container #item-header-cover-image #item-header-content {
@@ -1073,12 +1073,12 @@ body.colors-light #buddypress div#invite-list {
1073
  }
1074
  }
1075
 
1076
- /**
1077
- *-----------------------------------------------------
1078
- * @subsection 6.1.1 - item-header Groups
1079
- *
1080
- * Group Specific Item Header
1081
- *-----------------------------------------------------
1082
  */
1083
  @media screen and (max-width: 46.25em) {
1084
  .single-item.groups #buddypress #item-header #item-meta {
@@ -1172,12 +1172,12 @@ body.colors-light #buddypress div#invite-list {
1172
  }
1173
  }
1174
 
1175
- /**
1176
- *-----------------------------------------------------
1177
- * @subsection 6.1.2 - Item Header User Accounts
1178
- *
1179
- * User Accounts Specific Item Header
1180
- *-----------------------------------------------------
1181
  */
1182
  .bp-user #buddypress #item-header {
1183
  padding: 20px 0;
@@ -1209,27 +1209,27 @@ body.colors-light #buddypress div#invite-list {
1209
  }
1210
  }
1211
 
1212
- /**
1213
- *-----------------------------------------------------------
1214
- * @subsection 6.2 - Item Body: Global
1215
- *-----------------------------------------------------------
1216
  */
1217
- /**
1218
- *----------------------------------------------------
1219
- * @subsection 6.2.1 - Item Body Groups
1220
- *
1221
- * Groups specific item body rules - screens
1222
- *----------------------------------------------------
1223
  */
1224
  .groups.single-item.members #buddypress #subnav.item-list-tabs ul {
1225
  background: none;
1226
  border-top: 0;
1227
  }
1228
 
1229
- /**
1230
- *-----------------------------------------
1231
- * @subsection 6.2.1.1 - Group Management
1232
- *-----------------------------------------
1233
  */
1234
  .groups #group-settings-form h3 {
1235
  background: #555;
@@ -1309,10 +1309,10 @@ body.colors-light #buddypress div#invite-list {
1309
  margin: 0;
1310
  }
1311
 
1312
- /**
1313
- *-----------------------------------------
1314
- * @subsection 6.2.1.2 - Group members
1315
- *-----------------------------------------
1316
  */
1317
  .groups.group-members #subnav li {
1318
  width: 100%;
@@ -1340,21 +1340,21 @@ body.colors-light #buddypress div#invite-list {
1340
  }
1341
  }
1342
 
1343
- /**
1344
- *-----------------------------------------------------
1345
- * @subsection 6.2.2 - Item Body User Accounts
1346
- *
1347
- * User Account specific item body rules
1348
- *-----------------------------------------------------
1349
  */
1350
  .bp-user .entry-title {
1351
  margin-bottom: 0.5em;
1352
  }
1353
 
1354
- /**
1355
- *--------------------------------------------
1356
- * @subsection 6.2.2.1 - classes, pag, filters
1357
- *--------------------------------------------
1358
  */
1359
  .bp-user #buddypress table th {
1360
  font-size: 14px;
@@ -1446,10 +1446,10 @@ body.colors-light #buddypress div#invite-list {
1446
  background: none;
1447
  }
1448
 
1449
- /**
1450
- *-------------------------------------------
1451
- * @subsection 6.2.2.2 - Extended Profiles
1452
- *-------------------------------------------
1453
  */
1454
  .bp-user #buddypress .profile {
1455
  /* Edit profile */
@@ -1529,10 +1529,10 @@ body.colors-light #buddypress div#invite-list {
1529
  font-size: inherit;
1530
  }
1531
 
1532
- /**
1533
- *-------------------------------------------
1534
- * @subsection 6.2.2.3 - Groups
1535
- *-------------------------------------------
1536
  */
1537
  @media screen and (min-width: 77.5em) {
1538
  .bp-user #buddypress #groups-list li .item {
@@ -1541,10 +1541,10 @@ body.colors-light #buddypress div#invite-list {
1541
  }
1542
  }
1543
 
1544
- /**
1545
- *-------------------------------------------
1546
- * @subsection 6.2.2.5 - Private Messaging
1547
- *-------------------------------------------
1548
  */
1549
  .bp-user #buddypress #message-thread a {
1550
  border-bottom: 0;
@@ -1838,10 +1838,10 @@ body.colors-light #buddypress div#invite-list {
1838
  cursor: pointer;
1839
  }
1840
 
1841
- /**
1842
- *------------------------------
1843
- * @subsection 6.2.2.6 - Settings
1844
- *------------------------------
1845
  */
1846
  .bp-user #buddypress #settings-form > p {
1847
  font-size: 20px;
@@ -1879,10 +1879,10 @@ body.colors-light #buddypress div#invite-list {
1879
  width: 100%;
1880
  }
1881
 
1882
- /**
1883
- *-------------------------------------------------------------------------------
1884
- * @section 7.0 - Forms - General
1885
- *-------------------------------------------------------------------------------
1886
  */
1887
  #main #buddypress .standard-form li {
1888
  float: none;
@@ -2070,10 +2070,10 @@ body.colors-dark #page .message-search {
2070
  margin-top: 0;
2071
  }
2072
 
2073
- /**
2074
- *-------------------------------------------------------------------------------
2075
- * @section 8.0 - Tables - General
2076
- *-------------------------------------------------------------------------------
2077
  */
2078
  #buddypress table {
2079
  font-size: 14px;
@@ -2145,10 +2145,10 @@ body.colors-dark #page .message-search {
2145
  text-align: center;
2146
  }
2147
 
2148
- /**
2149
- *-------------------------------------------------------------------------------
2150
- * @section 9.0 - Error / Success messages
2151
- *-------------------------------------------------------------------------------
2152
  */
2153
  #buddypress div#message p {
2154
  font-size: 18px;
@@ -2183,10 +2183,10 @@ body.colors-dark #page .message-search {
2183
  color: #1f0808;
2184
  }
2185
 
2186
- /**
2187
- *-------------------------------------------------------------------------------
2188
- * @section 10.0 - Ajax Loading, Widgets, General classes
2189
- *-------------------------------------------------------------------------------
2190
  */
2191
  #buddypress .acfb-holder li.friend-tab {
2192
  background: #7dd4ff;
1
  @charset "UTF-8";
2
+ /*--------------------------------------------------------------
3
+
4
+ This is the BuddyPress companion stylesheet for
5
+ the WordPress twentyseventeen theme.
6
+
7
+ This sheet supports the primary BuddyPress styles in buddypress.css
8
+
9
+ If you are running as a child theme of twentyseventeen this stylesheet will be
10
+ loaded by default. If you want to modify the styles the normal BP Theme Compat
11
+ hierarchy works and you can copy the file to buddypress/css/ or community/css/
12
+ in your child themes root & either start over or modify the rulesets.
13
+
14
+ If you do not require the styles you can dequeue them from the themes functions file.
15
+
16
+ Please see this codex article for more information:
17
+ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
18
+
19
+ ----------------------------------------------------------------
20
+ >>> TABLE OF CONTENTS:
21
+ ----------------------------------------------------------------
22
+ 1.0 Theme Structural Elements & overrides
23
+ 2.0 - Navigation - General
24
+ 2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
25
+ 2.2 - Pagination
26
+ 3.0 - Images
27
+ 4.0 - BP Lists / Loops Generic
28
+ 4.1 - Activity Loop
29
+ 4.1.1 Whats New Activity
30
+ 4.1.2 - Activity Listing
31
+ 4.1.3 - Activity Comments
32
+ 4.2 - Members Loop
33
+ 4.3 - Groups Loop
34
+ 4.4 - Blogs Loop
35
+ 5.0 - Directories - Members, Groups, Blogs, Register, activation
36
+ 6.0 - Single Item screens: User Account & Single Group Screens
37
+ 6.1 - Item Headers: Global
38
+ 6.1.1 - item-header: Groups
39
+ 6.1.2 - item-header: User Accounts
40
+ 6.2 - Item Body: Global
41
+ 6.2.1 - item-body: Groups
42
+ 6.2.1.1 - Management settings screens
43
+ 6.2.1.2 - Group members list
44
+ 6.2.2 - item-body: User Accounts
45
+ 6.2.2.1 - classes, pag, filters
46
+ 6.2.2.2 - Extended Profiles
47
+ 6.2.2.3 - Groups
48
+ 6.2.2.4 - friends
49
+ 6.2.2.5 - Private Messaging Threads
50
+ 6.2.2.6 - Settings
51
+ 7.0 - Forms - General
52
+ 8.0 - Tables - General
53
+ 9.0 - Error / Success Messages
54
+ 10.0 - Ajax Loading, Widgets, General classes
55
  --------------------------------------------------------------*/
56
+ /**
57
+ *-------------------------------------------------------------------------------
58
+ * @section 1.0 - Theme - Structural Elements. overrides, Globals
59
+ *-------------------------------------------------------------------------------
60
  */
61
  .buddypress div.clear {
62
  display: none;
280
  background: #fafafa;
281
  }
282
 
283
+ /**
284
+ *-------------------------------------------------------------------------------
285
+ * @section 2.0 - Navigation - General
286
+ *-------------------------------------------------------------------------------
287
  */
288
+ /**
289
+ *----------------------------------------------------------
290
+ * @section 2.1 - Navs Object Nav / Sub Nav (item-list-tabs)
291
+ *
292
+ * The main navigational elements for all BP screens
293
+ *----------------------------------------------------------
294
  */
295
  #buddypress div.item-list-tabs ul li.selected a {
296
  background: inherit;
458
  }
459
  }
460
 
461
+ /**
462
+ *----------------------------------------------------------
463
+ * @section 2.2 - Pagination
464
+ *----------------------------------------------------------
465
  */
466
  #buddypress div.pagination {
467
  box-shadow: none;
512
  right: auto;
513
  }
514
 
515
+ /**
516
+ *-------------------------------------------------------------------------------
517
+ * @section 4.0 - BP Lists / Loops Generic
518
+ *-------------------------------------------------------------------------------
519
  */
520
  #buddypress .item-list .activity-header,
521
  #buddypress .item-list .activity-meta {
680
  font-style: italic;
681
  }
682
 
683
+ /**
684
+ *----------------------------------------------------------
685
+ * @section 4.1 - Activity
686
+ *----------------------------------------------------------
687
  */
688
+ /**
689
+ *-----------------------------------------------------
690
+ * @section 4.1.1 - Activity Whats New
691
+ *-----------------------------------------------------
692
  */
693
  #buddypress form#whats-new-form p.activity-greeting {
694
  line-height: 1.4;
733
  margin: 40px 0;
734
  }
735
 
736
+ /**
737
+ *-----------------------------------------------------
738
+ * @section 4.1.2 - Activity Listing
739
+ *-----------------------------------------------------
740
  */
741
  #buddypress #activity-stream li {
742
  padding: 25px 0 15px;
878
  padding: 20px;
879
  }
880
 
881
+ /**
882
+ *-----------------------------------------------------
883
+ * @section 4.1.3 - Activity Comments
884
+ *-----------------------------------------------------
885
  */
886
  #buddypress #activity-stream .activity-comments {
887
  border-left: 1px solid #eaeaea;
933
  background: #ededed;
934
  }
935
 
936
+ /**
937
+ *----------------------------------------------------------
938
+ * @section 4.2 - Members Loop
939
+ *----------------------------------------------------------
940
  */
941
  @media screen and (min-width: 55em) {
942
  #buddypress #members-list li .item-avatar,
954
  }
955
  }
956
 
957
+ /**
958
+ *-------------------------------------------------------------------------------
959
+ * @section 5.0 - Directories
960
+ *-------------------------------------------------------------------------------
961
  */
962
+ /**
963
+ *-----------------------------------------------------------
964
+ * @subsection Registration
965
+ *-----------------------------------------------------------
966
  */
967
  #buddypress #signup_form.standard-form #profile-details-section,
968
  #buddypress #signup_form.standard-form #basic-details-section,
988
  }
989
  }
990
 
991
+ /**
992
+ *-------------------------------------------------------------------------------
993
+ * @section 6.0 - Single Item screens: User Account & Single Group Screens
994
+ *-------------------------------------------------------------------------------
995
  */
996
+ /**
997
+ *-----------------------------------------------------------
998
+ * @subsection 6.1 - Item Header Global
999
+ *-----------------------------------------------------------
1000
  */
1001
  @media screen and (min-width: 48em) {
1002
  .bp-user.page-two-column #buddypress #cover-image-container #item-header-cover-image #item-header-content {
1073
  }
1074
  }
1075
 
1076
+ /**
1077
+ *-----------------------------------------------------
1078
+ * @subsection 6.1.1 - item-header Groups
1079
+ *
1080
+ * Group Specific Item Header
1081
+ *-----------------------------------------------------
1082
  */
1083
  @media screen and (max-width: 46.25em) {
1084
  .single-item.groups #buddypress #item-header #item-meta {
1172
  }
1173
  }
1174
 
1175
+ /**
1176
+ *-----------------------------------------------------
1177
+ * @subsection 6.1.2 - Item Header User Accounts
1178
+ *
1179
+ * User Accounts Specific Item Header
1180
+ *-----------------------------------------------------
1181
  */
1182
  .bp-user #buddypress #item-header {
1183
  padding: 20px 0;
1209
  }
1210
  }
1211
 
1212
+ /**
1213
+ *-----------------------------------------------------------
1214
+ * @subsection 6.2 - Item Body: Global
1215
+ *-----------------------------------------------------------
1216
  */
1217
+ /**
1218
+ *----------------------------------------------------
1219
+ * @subsection 6.2.1 - Item Body Groups
1220
+ *
1221
+ * Groups specific item body rules - screens
1222
+ *----------------------------------------------------
1223
  */
1224
  .groups.single-item.members #buddypress #subnav.item-list-tabs ul {
1225
  background: none;
1226
  border-top: 0;
1227
  }
1228
 
1229
+ /**
1230
+ *-----------------------------------------
1231
+ * @subsection 6.2.1.1 - Group Management
1232
+ *-----------------------------------------
1233
  */
1234
  .groups #group-settings-form h3 {
1235
  background: #555;
1309
  margin: 0;
1310
  }
1311
 
1312
+ /**
1313
+ *-----------------------------------------
1314
+ * @subsection 6.2.1.2 - Group members
1315
+ *-----------------------------------------
1316
  */
1317
  .groups.group-members #subnav li {
1318
  width: 100%;
1340
  }
1341
  }
1342
 
1343
+ /**
1344
+ *-----------------------------------------------------
1345
+ * @subsection 6.2.2 - Item Body User Accounts
1346
+ *
1347
+ * User Account specific item body rules
1348
+ *-----------------------------------------------------
1349
  */
1350
  .bp-user .entry-title {
1351
  margin-bottom: 0.5em;
1352
  }
1353
 
1354
+ /**
1355
+ *--------------------------------------------
1356
+ * @subsection 6.2.2.1 - classes, pag, filters
1357
+ *--------------------------------------------
1358
  */
1359
  .bp-user #buddypress table th {
1360
  font-size: 14px;
1446
  background: none;
1447
  }
1448
 
1449
+ /**
1450
+ *-------------------------------------------
1451
+ * @subsection 6.2.2.2 - Extended Profiles
1452
+ *-------------------------------------------
1453
  */
1454
  .bp-user #buddypress .profile {
1455
  /* Edit profile */
1529
  font-size: inherit;
1530
  }
1531
 
1532
+ /**
1533
+ *-------------------------------------------
1534
+ * @subsection 6.2.2.3 - Groups
1535
+ *-------------------------------------------
1536
  */
1537
  @media screen and (min-width: 77.5em) {
1538
  .bp-user #buddypress #groups-list li .item {
1541
  }
1542
  }
1543
 
1544
+ /**
1545
+ *-------------------------------------------
1546
+ * @subsection 6.2.2.5 - Private Messaging
1547
+ *-------------------------------------------
1548
  */
1549
  .bp-user #buddypress #message-thread a {
1550
  border-bottom: 0;
1838
  cursor: pointer;
1839
  }
1840
 
1841
+ /**
1842
+ *------------------------------
1843
+ * @subsection 6.2.2.6 - Settings
1844
+ *------------------------------
1845
  */
1846
  .bp-user #buddypress #settings-form > p {
1847
  font-size: 20px;
1879
  width: 100%;
1880
  }
1881
 
1882
+ /**
1883
+ *-------------------------------------------------------------------------------
1884
+ * @section 7.0 - Forms - General
1885
+ *-------------------------------------------------------------------------------
1886
  */
1887
  #main #buddypress .standard-form li {
1888
  float: none;
2070
  margin-top: 0;
2071
  }
2072
 
2073
+ /**
2074
+ *-------------------------------------------------------------------------------
2075
+ * @section 8.0 - Tables - General
2076
+ *-------------------------------------------------------------------------------
2077
  */
2078
  #buddypress table {
2079
  font-size: 14px;
2145
  text-align: center;
2146
  }
2147
 
2148
+ /**
2149
+ *-------------------------------------------------------------------------------
2150
+ * @section 9.0 - Error / Success messages
2151
+ *-------------------------------------------------------------------------------
2152
  */
2153
  #buddypress div#message p {
2154
  font-size: 18px;
2183
  color: #1f0808;
2184
  }
2185
 
2186
+ /**
2187
+ *-------------------------------------------------------------------------------
2188
+ * @section 10.0 - Ajax Loading, Widgets, General classes
2189
+ *-------------------------------------------------------------------------------
2190
  */
2191
  #buddypress .acfb-holder li.friend-tab {
2192
  background: #7dd4ff;
bp-templates/bp-legacy/css/twentyseventeen.scss CHANGED
@@ -1,3036 +1,3036 @@
1
-
2
- // Stylesheet Guidence Notes
3
- // Table of content represents a guide to sections of the sheet.
4
- // Note that not all sections may be described in the body of the
5
- // rulesets only those that require styles for a given theme.
6
- // Sub sections might not exist but can be added as required
7
- // as per BP Lists - 'activity' section.
8
-
9
- // We follow the dictats of the parent theme in respect of media queries,
10
- // font sizing etc. Media queries are used in a modular sense (OOCSS)
11
- // rather than described as blocks to the end of the sheet, this aids ease
12
- // of managing media queries, scalability & flexibility.
13
-
14
- // 2017 Media Queries / Breakpoints.
15
- $small-up-2017: "min-width: 30em";
16
- $med-small-up-2017: "min-width: 48em";
17
- $medium-up-2017: "min-width: 55em";
18
- $large-up-2017: "min-width: 67em";
19
- $x-large-up-2017: "min-width: 79em";
20
-
21
-
22
- // In addition BP will use the em breakpoints as referenced below to provide
23
- // a series of finer breakpoints for max widths, to allow fine adjustments;
24
- // For main structural elements we use the themes values, only using bp breakpoints
25
- // to manage granular elements in loops etc.
26
-
27
- $x-small-only-bp: "max-width: 22em"; // for xtra small mobile only
28
- $small-only-bp: "max-width: 38.75em"; // small only
29
- $small-up-bp: "min-width: 38.75em"; // small only
30
- $med-only-bp: "max-width: 46.25em"; // med small only
31
-
32
- // Mixins and Variables
33
-
34
- // simplify remembering/writing media queries
35
- // written as:
36
- // @include medium-up {
37
- // body {property: value;}
38
- // }
39
- //
40
-
41
- @mixin x-small-only {
42
- @media screen and ($x-small-only-bp){
43
- @content;
44
- }
45
- }
46
-
47
- @mixin small-only {
48
- @media screen and ($small-only-bp){
49
- @content;
50
- }
51
- }
52
-
53
- @mixin medium-only-bp {
54
- @media screen and ($med-only-bp){
55
- @content;
56
- }
57
- }
58
-
59
- @mixin small-up-bp {
60
- @media screen and ($small-up-bp){
61
- @content;
62
- }
63
- }
64
-
65
- @mixin small-up {
66
- @media screen and ($small-up-2017){
67
- @content;
68
- }
69
- }
70
-
71
- @mixin med-small-up {
72
- @media screen and ($med-small-up-2017) {
73
- @content;
74
- }
75
- }
76
-
77
- @mixin medium-up {
78
- @media screen and ($medium-up-2017) {
79
- @content;
80
- }
81
- }
82
-
83
- @mixin large-up {
84
- @media screen and ($large-up-2017) {
85
- @content;
86
- }
87
- }
88
-
89
- @mixin x-large-up {
90
- @media screen and ($x-large-up-2017) {
91
- @content;
92
- }
93
- }
94
-
95
- // Common spacing values
96
- $spacing-val-lg: 40px;
97
- $spacing-val-md: 20px;
98
- $spacing-val-sm: 10px;
99
- $spacing-val-xs: 5px;
100
-
101
- // A simple mixin to handle font-sizing
102
- // 2017 uses a basic pixel font size approach, we'll stick with rem/px
103
- @mixin font-size($font-size: 16) {
104
- $rem-font-value: ($font-size / 16);
105
- font-size: ($font-size * 1px);
106
- font-size: $rem-font-value + rem;
107
- }
108
-
109
- // To allow mixins to pass VendorPrefix scss-lint tests we disable lint-test
110
- // for specific blocks / rulesets
111
- // until such time as exemption lists can be built for the scss-lint.yml?
112
- // Any vendor prefix properties / mixins need to be in this block
113
-
114
- // scss-lint:disable VendorPrefix
115
-
116
- // Border border-radius mixins
117
- @mixin border-radius($radius) {
118
- -webkit-border-radius: $radius;
119
- -moz-border-radius: $radius;
120
- -ms-border-radius: $radius;
121
- border-radius: $radius;
122
- background-clip: padding-box;
123
- }
124
-
125
- @mixin border-top-radius($radius) {
126
- -webkit-border-top-right-radius: $radius;
127
- border-top-right-radius: $radius;
128
- -webkit-border-top-left-radius: $radius;
129
- border-top-left-radius: $radius;
130
- background-clip: padding-box;
131
- }
132
-
133
- @mixin border-right-radius($radius) {
134
- -webkit-border-bottom-right-radius: $radius;
135
- border-bottom-right-radius: $radius;
136
- -webkit-border-top-right-radius: $radius;
137
- border-top-right-radius: $radius;
138
- background-clip: padding-box;
139
- }
140
-
141
- @mixin border-bottom-radius($radius) {
142
- -webkit-border-bottom-right-radius: $radius;
143
- border-bottom-right-radius: $radius;
144
- -webkit-border-bottom-left-radius: $radius;
145
- border-bottom-left-radius: $radius;
146
- background-clip: padding-box;
147
- }
148
-
149
- @mixin border-left-radius($radius) {
150
- -webkit-border-bottom-left-radius: $radius;
151
- border-bottom-left-radius: $radius;
152
- -webkit-border-top-left-radius: $radius;
153
- border-top-left-radius: $radius;
154
- background-clip: padding-box;
155
- }
156
-
157
- @mixin border-radius-none() {
158
- -webkit-border-radius: none;
159
- -moz-border-radius: none;
160
- -ms-border-radius: none;
161
- border-radius: none;
162
- }
163
-
164
- // Box sizing
165
- @mixin box-model($box-model) {
166
- -webkit-box-sizing: $box-model;
167
- -moz-box-sizing: $box-model;
168
- box-sizing: $box-model;
169
- }
170
-
171
- // Calc
172
- @mixin calc($property, $expression) {
173
- #{$property}: -webkit-calc(#{$expression});
174
- #{$property}: -moz-calc(#{$expression});
175
- #{$property}: calc(#{$expression});
176
- }
177
-
178
- // Re-enable the VendorPrefix lint test
179
- // scss-lint:enable VendorPrefix
180
-
181
- // BP message boxes
182
- @mixin message-box($background, $text-color: null) {
183
-
184
- @if $text-color {
185
- // if a param was passed through
186
- $text-color: $text-color;
187
- } @else {
188
- $text-color: darken($background, 50%);
189
- }
190
-
191
- background: lighten($background, 10%);
192
- border: 1px solid darken($background, 10%);
193
- color: $text-color;
194
- }
195
-
196
- // 2017 font family
197
- @mixin default-font-sans() {
198
- font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
199
- }
200
-
201
- // Variables: color definitions
202
-
203
- $dark-grey: #555;
204
- $medium-grey: #878787;
205
- $light-grey: #dcdcdc;
206
- $x-light-grey: #f7f7f7;
207
- $white: #fff;
208
-
209
- $body-text: #333;
210
- $bp-light-text: $medium-grey;
211
- $bp-xlight-text: #eee;
212
- $content-background: #fff;
213
- $off-white: #fafafa;
214
- $cream-background: #f7f5e7;
215
- $light-background: $x-light-grey;
216
- $medium-background: $medium-grey;
217
- $dark-background: $dark-grey;
218
- $border-color: #bebebe;
219
- $border-light: #eaeaea; // BP dividers
220
- $border-med: #ddd;
221
- $background-hover: #db572f; // 2017 link background hover
222
- $bp-button-hover: #ededed; // this is the default BP button hover background
223
- $notice-error: #c85a6e;
224
- $notice-warning: #d05656;
225
- $notice-info: #7dd4ff;
226
- $notice-update: #ced98c;
227
- $stripe-odd: #ebf0ff;
228
- $stripe-even: #dbe5ff;
229
- $unread: $x-light-grey;
230
- $link-action: #c82b2b;
231
- /*--------------------------------------------------------------
232
-
233
- This is the BuddyPress companion stylesheet for
234
- the WordPress twentyseventeen theme.
235
-
236
- This sheet supports the primary BuddyPress styles in buddypress.css
237
-
238
- If you are running as a child theme of twentyseventeen this stylesheet will be
239
- loaded by default. If you want to modify the styles the normal BP Theme Compat
240
- hierarchy works and you can copy the file to buddypress/css/ or community/css/
241
- in your child themes root & either start over or modify the rulesets.
242
-
243
- If you do not require the styles you can dequeue them from the themes functions file.
244
-
245
- Please see this codex article for more information:
246
- http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
247
-
248
- ----------------------------------------------------------------
249
- >>> TABLE OF CONTENTS:
250
- ----------------------------------------------------------------
251
- 1.0 Theme Structural Elements & overrides
252
- 2.0 - Navigation - General
253
- 2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
254
- 2.2 - Pagination
255
- 3.0 - Images
256
- 4.0 - BP Lists / Loops Generic
257
- 4.1 - Activity Loop
258
- 4.1.1 Whats New Activity
259
- 4.1.2 - Activity Listing
260
- 4.1.3 - Activity Comments
261
- 4.2 - Members Loop
262
- 4.3 - Groups Loop
263
- 4.4 - Blogs Loop
264
- 5.0 - Directories - Members, Groups, Blogs, Register, activation
265
- 6.0 - Single Item screens: User Account & Single Group Screens
266
- 6.1 - Item Headers: Global
267
- 6.1.1 - item-header: Groups
268
- 6.1.2 - item-header: User Accounts
269
- 6.2 - Item Body: Global
270
- 6.2.1 - item-body: Groups
271
- 6.2.1.1 - Management settings screens
272
- 6.2.1.2 - Group members list
273
- 6.2.2 - item-body: User Accounts
274
- 6.2.2.1 - classes, pag, filters
275
- 6.2.2.2 - Extended Profiles
276
- 6.2.2.3 - Groups
277
- 6.2.2.4 - friends
278
- 6.2.2.5 - Private Messaging Threads
279
- 6.2.2.6 - Settings
280
- 7.0 - Forms - General
281
- 8.0 - Tables - General
282
- 9.0 - Error / Success Messages
283
- 10.0 - Ajax Loading, Widgets, General classes
284
- --------------------------------------------------------------*/
285
-
286
- /**
287
- *-------------------------------------------------------------------------------
288
- * @section 1.0 - Theme - Structural Elements. overrides, Globals
289
- *-------------------------------------------------------------------------------
290
- */
291
-
292
- .buddypress {
293
- // Remove any empty clearing elements, CSS provides clearing.
294
- div.clear {display: none;}
295
-
296
- // deal with global clearing property set on heading elements
297
- // - for the moment we'll just specify this on lists ul only
298
-
299
- ul.item-list {
300
- h1,
301
- h2,
302
- h3,
303
- h4,
304
- h5,
305
- h6 {
306
- clear: none;
307
- padding: 0;
308
- }
309
- }
310
-
311
- // Ensure no text decoration or box shadow causing underlined effect.
312
- #page a {
313
- box-shadow: none;
314
- text-decoration: none !important;
315
- }
316
-
317
- .entry-title {
318
- text-align: center;
319
-
320
- @include medium-up {
321
- text-align: left;
322
- }
323
- }
324
-
325
- } // close .buddypress
326
-
327
- // reduce the overlarge entry title margins
328
- @include medium-up {
329
-
330
- .buddypress.bp-user.page,
331
- .buddypress.single-item.groups,
332
- .buddypress.groups.group-create,
333
- .directory.buddypress.page-one-column {
334
-
335
- .site-content {
336
- padding-top: $spacing-val-lg;
337
- }
338
-
339
- .entry-header {
340
- margin: $spacing-val-sm 0;
341
- }
342
- }
343
- }
344
-
345
- // Open up the content width areas for BP screens to allow max widths.
346
- // This takes into account the ability to columnize pages in 2017.
347
- // Only effect changes based on breakpoints.
348
-
349
- @include med-small-up {
350
-
351
- body.buddypress.page.page-two-column {
352
-
353
- #primary {
354
-
355
- .entry-header {
356
- width: 30%;
357
- }
358
-
359
- .entry-content {
360
- width: 68%;
361
- }
362
- }
363
- }
364
-
365
- body.buddypress:not(.has-sidebar),
366
- body.buddypress:not(.page-two-column) {
367
-
368
- #primary.content-area {
369
- max-width: 100%;
370
- width: 100%;
371
-
372
- .entry-content,
373
- .content-bottom-widgets {
374
- margin-left: 0;
375
- margin-right: 0;
376
- }
377
- }
378
-
379
- .sidebar {
380
- float: left;
381
- margin-left: 75%;
382
- padding: 0;
383
- width: 25%;
384
- }
385
-
386
- } // body.buddypress
387
- }
388
-
389
- // 2017 allows for selecting two distinct color schemes.
390
- // Our companion styles respect themes colors & inherit or avoid
391
- // setting backgrounds/colors so selecting the dark scheme generally
392
- // allows the theme to reset the BP text/headings etc to white
393
- // In places we do set backgrounds, Navs, search forms etc these
394
- // are added here under the themes body class to enable changing
395
-
396
- // Some element colors are inherited from BP original sheet so need to
397
- // to be reset under the dark scheme, where set in this sheet we simply state them
398
- // only for the light scheme, additionally elements such as BP form styles
399
- // need styles removing & are handled later in 'Forms' section
400
- body.colors-dark {
401
-
402
- #buddypress {
403
-
404
- //tabs border bottom color needs to match dark background
405
- #group-create-tabs.item-list-tabs {
406
-
407
- li.selected,
408
- li.current {
409
- border-bottom-color: #222;
410
-
411
- a {
412
- color: inherit;
413
- }
414
- }
415
- }
416
-
417
- div.item-list-tabs {
418
-
419
- ul {
420
-
421
- li.selected,
422
- li.current {
423
-
424
- a {
425
- background: none;
426
- color: inherit;
427
- }
428
- }
429
- }
430
- }
431
-
432
- #object-nav {
433
-
434
- li:not(.current):focus,
435
- li:not(.current):hover {
436
-
437
- a {
438
- color: #555;
439
- }
440
- }
441
- }
442
-
443
- // With the dark scheme the subnav links lose definition as
444
- // nav menu links, add a border top to clarify the li.last element seperated from links.
445
- #subnav.item-list-tabs {
446
-
447
- ul {
448
- border-bottom: 1px solid rgba($border-light, 0.9);
449
- margin-bottom: $spacing-val-md;
450
-
451
- li.last {
452
- border-top: 1px solid rgba($border-light, 0.9);
453
- }
454
- }
455
- }
456
-
457
- // lists text: descr, meta, etc
458
- .item-list {
459
-
460
- div.meta {
461
- color: #ddd;
462
- }
463
-
464
- div.item-desc,
465
- .activity-header p,
466
- .activity-comments ul,
467
- .acomment-meta {
468
- color: $bp-xlight-text;
469
- }
470
-
471
- .activity-meta,
472
- .action {
473
- a {
474
- background: $off-white;
475
-
476
- &:focus,
477
- &:hover {
478
- background: $white;
479
- }
480
- }
481
- }
482
- }
483
-
484
- #latest-update {
485
- color: $bp-xlight-text;
486
- }
487
-
488
- div.pagination * {
489
- color: #ddd;
490
- }
491
-
492
- #item-header {
493
- .user-nicename {
494
- color: $bp-xlight-text;
495
- }
496
- }
497
-
498
- #item-body {
499
-
500
- table {
501
-
502
- thead {
503
-
504
- tr,
505
- th {
506
- background: none;
507
- color: $bp-xlight-text;
508
- }
509
- }
510
-
511
- tr.alt {
512
-
513
- td {
514
- background: none;
515
- color: $bp-xlight-text;
516
- }
517
- }
518
-
519
- .field-visibility-settings,
520
- .field-visibility-settings-notoggle {
521
- color: #eee;
522
- }
523
-
524
- }
525
-
526
- fieldset {
527
- background: none;
528
- }
529
-
530
- .checkbox,
531
- .radio {
532
-
533
- label {
534
- color: #eee;
535
- }
536
- }
537
-
538
- div#invite-list {
539
- background: none;
540
- }
541
- }
542
-
543
- } // close #buddypress
544
- }
545
-
546
-
547
- body.colors-dark.group-members {
548
-
549
- #buddypress {
550
-
551
- #subnav {
552
-
553
- li {background: none;}
554
-
555
- .groups-members-search {
556
-
557
- form {
558
- margin-bottom: $spacing-val-md;
559
- margin-top: 0;
560
- }
561
- }
562
- }
563
- }
564
- }
565
-
566
- // remove borders for dir component screens.
567
- .directory.colors-dark {
568
-
569
- #buddypress {
570
-
571
- #subnav.item-list-tabs {
572
-
573
- ul {
574
- border-bottom: 0;
575
- border-top: 0;
576
-
577
- li.last.filter {
578
- border-top: 0;
579
- }
580
- }
581
- }
582
-
583
- div.activity {
584
-
585
- ul.item-list {
586
- border-top: 0;
587
- }
588
- }
589
- }
590
- }
591
-
592
- body.colors-light {
593
-
594
- #buddypress {
595
-
596
- div.item-list-tabs {
597
-
598
- ul {
599
- background-color: $off-white;
600
- }
601
- }
602
-
603
- div#subnav.item-list-tabs {
604
-
605
- ul {
606
- background-color: $light-background;
607
-
608
- li.last {
609
- background: $content-background;
610
- }
611
- }
612
- }
613
-
614
- .item-list {
615
-
616
- .activity-header {
617
-
618
- p {
619
- background-color: $light-background;
620
- color: $bp-light-text;
621
- }
622
- }
623
-
624
- .activity-comments {
625
-
626
- .acomment-meta {
627
- color: #737373;
628
- }
629
- }
630
- }
631
-
632
- #item-body {
633
-
634
- .profile {
635
-
636
- h2 {
637
- background: $medium-grey;
638
- color: #fff;
639
- }
640
- }
641
- }
642
-
643
- table {
644
-
645
- tr.alt {
646
-
647
- td {
648
- background: #f5f5f5;
649
- color: $body-text;
650
- }
651
- }
652
- }
653
-
654
- div#invite-list {
655
- background: $off-white;
656
- }
657
- } // close #buddypress
658
- }
659
-
660
- /**
661
- *-------------------------------------------------------------------------------
662
- * @section 2.0 - Navigation - General
663
- *-------------------------------------------------------------------------------
664
- */
665
-
666
- /**
667
- *----------------------------------------------------------
668
- * @section 2.1 - Navs Object Nav / Sub Nav (item-list-tabs)
669
- *
670
- * The main navigational elements for all BP screens
671
- *----------------------------------------------------------
672
- */
673
-
674
- // We have a need to override BP specifity
675
- // so some rulesets sets will appear over weighted in selectors
676
-
677
- #buddypress {
678
-
679
- // active/current states all navs
680
- div.item-list-tabs {
681
-
682
- ul {
683
-
684
- li.selected {
685
-
686
- a {
687
- background: inherit;
688
- opacity: 1;
689
- }
690
- }
691
- }
692
- }
693
-
694
- // global nav styles
695
- div.item-list-tabs {
696
-
697
- ul {
698
- border-bottom: 1px solid rgba($border-light, 0.9);
699
- overflow: hidden;
700
- padding: 0;
701
-
702
- li {
703
-
704
- a {
705
-
706
- span {border-radius: 25%;}
707
- }
708
- }
709
- }
710
- } // close item-list-tabs
711
-
712
- } // close #buddypress
713
-
714
-
715
- /*__ Horizontal menus __*/
716
- #buddypress {
717
-
718
- #object-nav {
719
-
720
- ul {
721
- overflow: hidden;
722
-
723
- li {
724
- float: none;
725
- }
726
-
727
- @include small-only {
728
-
729
- li:not(:last-child) {
730
- border-bottom: 1px solid $border-light;
731
- }
732
- }
733
-
734
- li:not(.selected) {
735
-
736
- @include small-only {
737
-
738
- &:focus,
739
- &:hover {
740
- background: darken($cream-background, 2%);
741
- }
742
- }
743
- }
744
-
745
- @include small-up-bp {
746
- li {
747
- float: left;
748
- }
749
- }
750
- }
751
- }
752
-
753
- div#subnav.item-list-tabs {
754
- margin-top: 0;
755
-
756
- ul {
757
- border-bottom: 0;
758
- margin-top: $spacing-val-xs;
759
- padding: 0;
760
-
761
- li.last {
762
- margin-top: 0;
763
- padding: $spacing-val-xs $spacing-val-xs $spacing-val-xs 0;
764
- width: 100%;
765
-
766
- select,
767
- select:focus {
768
- background: transparent;
769
- border: 0;
770
- outline: 0;
771
- }
772
-
773
- label {
774
- display: inline;
775
- }
776
-
777
- select,
778
- label,
779
- option {
780
- @include font-size(14);
781
- }
782
-
783
- select {
784
- font-style: italic;
785
- height: auto;
786
- }
787
- }
788
-
789
- @include small-up-bp {
790
- li.last {
791
- text-align: right;
792
- }
793
- }
794
- } // close ul
795
- } // close #subnav
796
-
797
- } // close #buddypress
798
-
799
-
800
- /*__ Vertical menu User Account / Group single screens __*/
801
-
802
- // This block contains rules to re-factor the item-body structural element
803
- // to sit alongside the vert menu
804
- // 2017 right sidebar is displayed if the widget sidebar has widgets;
805
- // we'll only display object nav as a vert menu if not .two-column-page.
806
-
807
- @include medium-up {
808
-
809
- body:not(.page-two-column) {
810
-
811
- #buddypress {
812
-
813
- #object-nav {
814
- border-right: 1px solid $border-med;
815
- float: left;
816
- margin-right: -1px;
817
- width: 200px;
818
-
819
- ul {
820
- background: none;
821
- border-bottom: 0;
822
- padding: 0;
823
-
824
- li {
825
- float: none;
826
- overflow: hidden;
827
-
828
- span {
829
- background: $content-background;
830
- border-radius: 10%;
831
- float: right;
832
- margin-right: 2px;
833
- }
834
- }
835
- }
836
- }
837
-
838
- #item-body {
839
- border-left: 1px solid $border-med;
840
- overflow: hidden;
841
- padding: 0 0 0 $spacing-val-md;
842
- width: auto;
843
-
844
- #subnav {
845
- margin: 0 0 0 (-$spacing-val-md);
846
-
847
- ul {margin-top: 0;}
848
- }
849
- }
850
-
851
- } // close #buddypress
852
- } // close body:not(.sidebar)
853
- } // close @media
854
-
855
-
856
- // Tabbed Nav styling
857
- // Primarilly used for group create screens & ? directory nav.
858
-
859
- @include med-small-up {
860
-
861
- #buddypress {
862
-
863
- #group-create-tabs.item-list-tabs {
864
-
865
- ul:before,
866
- ul:after {
867
- content: " ";
868
- display: table;
869
- }
870
-
871
- ul:after {
872
- clear: both;
873
- }
874
-
875
- ul {
876
- background: none;
877
- border: 0;
878
- border-bottom: 1px solid $border-med;
879
- overflow: visible;
880
- padding-bottom: 0;
881
-
882
- li {
883
- float: left;
884
- width: auto;
885
- }
886
-
887
- li.selected,
888
- li.current {
889
- border: 1px solid $border-med;
890
- border-bottom-color: $content-background;
891
- @include border-top-radius(4px);
892
- margin-bottom: -1px;
893
-
894
- a {
895
- background: none;
896
- color: $body-text;
897
- outline: none;
898
- }
899
- }
900
- }
901
-
902
- } // close .item-list-tabs
903
-
904
- #subnav {
905
- ul {
906
- border-bottom: 0;
907
- }
908
-
909
- } // close #subnav
910
- } // close #buddypress
911
-
912
- } // close @media
913
-
914
- /**
915
- *----------------------------------------------------------
916
- * @section 2.2 - Pagination
917
- *----------------------------------------------------------
918
- */
919
-
920
- #buddypress {
921
-
922
- div.pagination {
923
- box-shadow: none;
924
- font-weight: 400;
925
- min-height: 0;
926
-
927
- &:before,
928
- &:after {
929
- height: 0;
930
- width: 0;
931
- }
932
-
933
- .pag-count {margin-left: 0;}
934
- .pagination-links {
935
- margin-right: 0;
936
-
937
- span,
938
- a {
939
- height: auto;
940
- line-height: 1;
941
- padding: 5px;
942
- }
943
-
944
- .prev,
945
- .next {
946
- background-color: transparent;
947
- color: inherit;
948
- overflow: visible;
949
- width: auto;
950
- &:before {display: none;}
951
- }
952
-
953
- .prev {
954
- left: auto;
955
- position: static;
956
- }
957
-
958
- .next {
959
- position: static;
960
- right: auto;
961
- }
962
- } // close .pagination-links
963
- } // close .pagination
964
- } // close #buddypress
965
-
966
- /**
967
- *-------------------------------------------------------------------------------
968
- * @section 4.0 - BP Lists / Loops Generic
969
- *-------------------------------------------------------------------------------
970
- */
971
-
972
- // Adjusts Meta items and various elements to match 2017 font-family
973
- #buddypress {
974
-
975
- .item-list {
976
-
977
- .activity-header,
978
- .activity-meta {
979
- @include default-font-sans();
980
- }
981
- }
982
- }
983
-
984
- #buddypress {
985
-
986
- .activity-meta {
987
-
988
- .button {
989
-
990
- &:focus,
991
- &:hover {
992
- background: inherit;
993
- color: #000;
994
- }
995
- }
996
- }
997
-
998
- .action {
999
-
1000
- .generic-button {
1001
-
1002
- a {
1003
-
1004
- &:focus,
1005
- &:hover {
1006
- background: inherit;
1007
- color: #000;
1008
- }
1009
- }
1010
- }
1011
- }
1012
- } // close #buddypress
1013
-
1014
- // Trying to position the action div absolute has bad consequences where
1015
- // aditional items are displayed, floating is an alternative that
1016
- // allows natural flow expansion.
1017
- // This block:
1018
- // * Manages li items, Stacks them small screen, floated left at wider screens.
1019
- // * Adjusts display of action buttons at small screen mobile up.
1020
- // Adjusts Meta items to match 2017 font-family
1021
-
1022
- #buddypress {
1023
-
1024
- ul.item-list {
1025
-
1026
- li {
1027
- overflow: hidden !important;
1028
-
1029
- // Undo BP floats to center avatars initially mobile up
1030
- .item-avatar {
1031
- margin-bottom: $spacing-val-sm;
1032
-
1033
- @include small-up-bp {
1034
- margin-bottom: 0;
1035
- }
1036
-
1037
- text-align: center;
1038
-
1039
- a {border-bottom: 0;}
1040
-
1041
- img.avatar {
1042
- display: inline-block;
1043
- float: none;
1044
- margin-bottom: $spacing-val-sm;
1045
-
1046
- // Quite early on we need to move avatars to the left(right)
1047
- @include small-up {
1048
- display: block;
1049
- float: left;
1050
- }
1051
- }
1052
- }
1053
-
1054
- .item {
1055
- overflow: hidden;
1056
-
1057
- @include med-small-up {
1058
- margin-left: 15%;
1059
- }
1060
-
1061
- span.activity {
1062
- font-style: italic;
1063
- }
1064
-
1065
- .item-desc {
1066
- margin-left: 0;
1067
- width: 94%;
1068
- }
1069
-
1070
- .item-title {
1071
- @include font-size(18);
1072
- line-height: 1.2;
1073
- text-align: center;
1074
-
1075
- @include small-up {
1076
- text-align: left;
1077
- }
1078
-
1079
- width: 100%;
1080
-
1081
- .update {
1082
- display: block;
1083
- @include font-size(13);
1084
-
1085
- @include medium-up {
1086
- @include font-size(14);
1087
- }
1088
-
1089
- padding: $spacing-val-sm 0;
1090
- text-align: left;
1091
- }
1092
- }
1093
-
1094
- }
1095
-
1096
- @include medium-up {
1097
-
1098
- .item-avatar,
1099
- .item,
1100
- .action {
1101
- float: left;
1102
- }
1103
-
1104
- .item {
1105
- left: 5%;
1106
- margin-left: 0;
1107
- position: relative;
1108
- width: 55%;
1109
-
1110
- .item-title {
1111
- @include font-size(22)
1112
- }
1113
- }
1114
-
1115
- }// close medium-up
1116
-
1117
- div.action {
1118
- clear: left;
1119
- float: none;
1120
- margin-bottom: -$spacing-val-md;
1121
- // remove BP margin left
1122
- margin-left: 0;
1123
- padding: $spacing-val-md 0 $spacing-val-xs;
1124
-
1125
- // push the actions to the right
1126
- @include medium-up {
1127
- clear: none;
1128
- float: right;
1129
- margin-bottom: 0;
1130
- padding: 0;
1131
- }
1132
-
1133
- position: relative;
1134
- text-align: left;
1135
- top: 0;
1136
-
1137
- div {
1138
- display: inline-block;
1139
- margin: $spacing-val-sm 0;
1140
- width: 100%;
1141
-
1142
- a {
1143
- display: block;
1144
- width: 100%;
1145
- }
1146
- // Provisionally lets keep the 'action' div
1147
- // position but inline-block the buttons
1148
-
1149
- @include small-up {
1150
- // keep buttons to a row small tablet up
1151
- margin: 0 $spacing-val-sm $spacing-val-sm 0;
1152
- width: auto;
1153
- } // close @media
1154
-
1155
- @include medium-up {
1156
- // take buttons to block to stack them when floated right
1157
- clear: right;
1158
- float: right;
1159
- margin: 0 0 $spacing-val-sm 0;
1160
- } // close @media
1161
-
1162
- } // close div
1163
-
1164
- .meta {
1165
- font-style: italic;
1166
- }
1167
-
1168
- } // close .action
1169
-
1170
- } // close li
1171
- } // close .item-list
1172
- } // close #buddypress
1173
-
1174
- /**
1175
- *----------------------------------------------------------
1176
- * @section 4.1 - Activity
1177
- *----------------------------------------------------------
1178
- */
1179
-
1180
- /**
1181
- *-----------------------------------------------------
1182
- * @section 4.1.1 - Activity Whats New
1183
- *-----------------------------------------------------
1184
- */
1185
-
1186
- #buddypress {
1187
- form#whats-new-form {
1188
-
1189
- // Line-height issue inherited from BP rules, override.
1190
- p.activity-greeting {
1191
- line-height: 1.4;
1192
- }
1193
-
1194
- // corrective measure for clipped elements due to JS inline styling
1195
-
1196
- @include medium-only-bp {
1197
-
1198
- #whats-new-content {
1199
- clear: left;
1200
- margin: $spacing-val-sm 0 $spacing-val-md;
1201
- padding: $spacing-val-sm 0 0;
1202
- }
1203
- }
1204
-
1205
- #whats-new-content.active {
1206
-
1207
- #whats-new-options[style] {
1208
-
1209
- #whats-new-post-in-box {
1210
- border: 1px solid rgba($border-color, 0.5);
1211
- float: left;
1212
- line-height: 1.5em;
1213
- margin-top: 12px;
1214
- padding-left: 0.2em;
1215
- width: 100%;
1216
-
1217
- select {
1218
- background: none;
1219
- border: 0;
1220
- float: right;
1221
- margin: 0;
1222
- min-height: 1.5em;
1223
- padding-left: 0.4em;
1224
- }
1225
- }
1226
-
1227
- @include small-up {
1228
- #whats-new-post-in-box {
1229
- width: auto;
1230
- }
1231
-
1232
- #whats-new-submit {
1233
- float: right;
1234
- }
1235
- }
1236
-
1237
- } // close #whats-new-options
1238
- } // close #whats-new-content.active
1239
-
1240
- } // close #whats-new-form
1241
-
1242
- // User account form requires matching bp default specificity
1243
- #item-body {
1244
- form#whats-new-form {
1245
- margin: $spacing-val-lg 0;
1246
- }
1247
- }
1248
- } // close #buddypress
1249
-
1250
- /**
1251
- *-----------------------------------------------------
1252
- * @section 4.1.2 - Activity Listing
1253
- *-----------------------------------------------------
1254
- */
1255
-
1256
- #buddypress {
1257
-
1258
- #activity-stream {
1259
-
1260
- // re-size activity avatars and stack small screen
1261
- // refactor main elements positioning medium up.
1262
- li {
1263
- padding: 25px 0 15px;
1264
-
1265
- .activity-avatar {
1266
- float: none;
1267
- text-align: center;
1268
-
1269
- a {
1270
- display: inline-block;
1271
-
1272
- img.avatar {
1273
- display: inline;
1274
- float: none;
1275
- height: 60px;
1276
- margin-bottom: $spacing-val-md;
1277
- margin-left: 0;
1278
- width: 60px;
1279
- }
1280
- }
1281
- } // close .activity-avatar
1282
-
1283
- .activity-content {
1284
- margin-left: 0;
1285
-
1286
- .activity-header {
1287
- @include font-size(14);
1288
-
1289
- a {
1290
- color: #0075c4;
1291
- }
1292
- }
1293
- }
1294
-
1295
- @include med-small-up {
1296
-
1297
- .activity-avatar {
1298
- float: left;
1299
- margin-right: $spacing-val-sm;
1300
- text-align: left;
1301
- a {border-bottom: 0;}
1302
- }
1303
-
1304
- .activity-content {
1305
- margin: 0;
1306
- overflow: hidden;
1307
-
1308
- .activity-header {
1309
- @include font-size(16);
1310
- }
1311
- }
1312
-
1313
- } // close @media
1314
-
1315
- } // close li
1316
-
1317
- li.mini {
1318
-
1319
- .activity-avatar {
1320
-
1321
- a {
1322
-
1323
- img.avatar {
1324
- height: 30px;
1325
- margin-left: 15px;
1326
- width: 30px;
1327
- }
1328
- }
1329
- }
1330
-
1331
- .activity-content {
1332
-
1333
- .activity-header {
1334
- @include font-size(14);
1335
- }
1336
- }
1337
- }
1338
-
1339
- .activity-content {
1340
- margin-top: -12px;
1341
-
1342
- .activity-header {
1343
- margin-right: 0;
1344
-
1345
- p {
1346
- border: 1px solid rgba($border-light, 0.6);
1347
- margin-top: 0;
1348
- padding: 0 0.2em;
1349
- }
1350
-
1351
- img.avatar {
1352
- box-shadow: none;
1353
- display: inline-block;
1354
- margin: 0 5px !important; // have to match to BP
1355
- vertical-align: middle;
1356
- }
1357
- } // close .activity-header
1358
-
1359
- .activity-meta {
1360
-
1361
- a {
1362
- display: block;
1363
- margin-bottom: $spacing-val-xs;
1364
-
1365
- @include small-up {
1366
- display: inline-block;
1367
- margin-bottom: 0;
1368
- width: auto;
1369
- }
1370
- }
1371
- }
1372
-
1373
- } // close .activity-content
1374
-
1375
- .load-more {
1376
- background: $light-background;
1377
- border: 1px solid transparent;
1378
- padding: $spacing-val-sm;
1379
-
1380
- &:focus,
1381
- &:hover {
1382
- background: darken($light-background, 1%);
1383
- border: 1px solid rgba(#9fd1e2, 0.3);
1384
- a { font-style: italic; }
1385
- }
1386
-
1387
- a {
1388
- display: block;
1389
- }
1390
- }
1391
-
1392
- } // close #activity-stream
1393
- } // close #buddypress
1394
-
1395
- /* Single activity view - activity permalink */
1396
-
1397
- .activity-permalink {
1398
- #buddypress {
1399
-
1400
- #activity-stream {
1401
-
1402
- li.activity-item {
1403
- padding: $spacing-val-md;
1404
- }
1405
-
1406
- li.mini {
1407
- .activity-header {
1408
- @include font-size(16);
1409
- @include med-small-up {
1410
- @include font-size(20);
1411
- }
1412
-
1413
- margin-bottom: $spacing-val-lg;
1414
- p {padding: $spacing-val-md;}
1415
- }
1416
- }
1417
- }
1418
- }
1419
- }
1420
-
1421
- /**
1422
- *-----------------------------------------------------
1423
- * @section 4.1.3 - Activity Comments
1424
- *-----------------------------------------------------
1425
- */
1426
- #buddypress {
1427
-
1428
- #activity-stream {
1429
-
1430
- .activity-comments {
1431
- border-left: 1px solid $border-light;
1432
- margin: $spacing-val-md 0 $spacing-val-md;
1433
-
1434
- @include small-up {
1435
- margin-left: $spacing-val-md;
1436
- }
1437
-
1438
- ul {
1439
- margin: 15px 0 0 2px;
1440
-
1441
- li {
1442
- border-top: 1px solid $border-color;
1443
- }
1444
-
1445
- a {
1446
- color: #0077c7;
1447
- }
1448
- }
1449
-
1450
- .acomment-meta {
1451
- border-bottom: 1px solid $border-light;
1452
- }
1453
-
1454
- .ac-form {
1455
-
1456
- input[type="submit"],
1457
- .ac-reply-cancel {
1458
- color: rgba($body-text, 0.8);
1459
- display: inline-block;
1460
- font-family: inherit;
1461
- @include font-size(12);
1462
- font-weight: normal;
1463
- line-height: 1.2;
1464
- padding: 4px 10px;
1465
- text-transform: lowercase;
1466
- width: 100px;
1467
- }
1468
-
1469
- .ac-reply-cancel {
1470
- border: 1px solid rgba($border-color, 0.7);
1471
- text-align: center;
1472
-
1473
- &:focus,
1474
- &:hover {
1475
- background: $bp-button-hover;
1476
- }
1477
- }
1478
-
1479
- } // close .ac-form
1480
-
1481
- } // close .activity-comments
1482
- } // close .activity
1483
-
1484
- } // close #buddypress
1485
-
1486
- /**
1487
- *----------------------------------------------------------
1488
- * @section 4.2 - Members Loop
1489
- *----------------------------------------------------------
1490
- */
1491
-
1492
- #buddypress {
1493
-
1494
- #members-list {
1495
-
1496
- @include medium-up {
1497
-
1498
- li {
1499
- .item-avatar,
1500
- .item {
1501
- float: left;
1502
- }
1503
-
1504
- .action {
1505
- float: right;
1506
- }
1507
- }
1508
-
1509
- li.is-current-user {
1510
-
1511
- .item {
1512
- float: none;
1513
- left: 0;
1514
- padding-left: 5%;
1515
- width: auto;
1516
- }
1517
- }
1518
- }
1519
-
1520
- } // close #members-list
1521
- } //close #BuddyPress
1522
-
1523
- /**
1524
- *-------------------------------------------------------------------------------
1525
- * @section 5.0 - Directories
1526
- *-------------------------------------------------------------------------------
1527
- */
1528
-
1529
- /**
1530
- *-----------------------------------------------------------
1531
- * @subsection Registration
1532
- *-----------------------------------------------------------
1533
- */
1534
-
1535
- #buddypress {
1536
-
1537
- #signup_form.standard-form {
1538
-
1539
- #profile-details-section,
1540
- #basic-details-section,
1541
- #blog-details-section {
1542
- float: none;
1543
- width: 100%;
1544
-
1545
- @include small-up-bp {
1546
- width: 48%;
1547
- }
1548
- }
1549
-
1550
- @include small-up {
1551
- #profile-details-section {float: right;}
1552
- #basic-details-section {float: left;}
1553
- }
1554
-
1555
- }
1556
- }
1557
-
1558
- /**
1559
- *-------------------------------------------------------------------------------
1560
- * @section 6.0 - Single Item screens: User Account & Single Group Screens
1561
- *-------------------------------------------------------------------------------
1562
- */
1563
-
1564
-
1565
- /**
1566
- *-----------------------------------------------------------
1567
- * @subsection 6.1 - Item Header Global
1568
- *-----------------------------------------------------------
1569
- */
1570
- @include med-small-up {
1571
-
1572
-
1573
- .bp-user.page-two-column {
1574
-
1575
- #buddypress {
1576
-
1577
- #cover-image-container {
1578
-
1579
- #item-header-cover-image {
1580
-
1581
- #item-header-content {
1582
- margin-left: 140px;
1583
- margin-top: -100px;
1584
- }
1585
- }
1586
- }
1587
- }
1588
- }
1589
-
1590
- .single-item.groups.page-two-column {
1591
-
1592
- #buddypress {
1593
-
1594
- #cover-image-container {
1595
-
1596
- #item-header-cover-image {
1597
-
1598
- #item-header-content {
1599
- margin-left: 10px;
1600
- }
1601
- }
1602
- }
1603
- }
1604
- }
1605
-
1606
- } // close media
1607
-
1608
- .bp-user,
1609
- .single-item.groups {
1610
-
1611
- #buddypress {
1612
-
1613
- // we need to remove the cover image dec styles
1614
- // & reset them for med up only.
1615
- #item-header-cover-image {
1616
- .user-nicename {
1617
- color: $body-text;
1618
- text-shadow: none;
1619
- }
1620
- }
1621
-
1622
- @include med-small-up {
1623
-
1624
- #item-header-cover-image {
1625
-
1626
- .user-nicename {
1627
- color: $white;
1628
- text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
1629
- }
1630
- }
1631
- }
1632
-
1633
- #item-header-content {
1634
-
1635
- #item-meta {
1636
- @include font-size(14);
1637
- text-align: left;
1638
-
1639
- p {margin-bottom: 0.5em;}
1640
- }
1641
- }
1642
- }
1643
-
1644
- @include medium-only-bp {
1645
-
1646
- main {
1647
- header.entry-header {
1648
- padding-bottom: 1rem;
1649
- }
1650
- }
1651
- }
1652
-
1653
- @include small-only {
1654
-
1655
- h1,
1656
- #item-header-content {
1657
- text-align: center;
1658
- }
1659
- }
1660
-
1661
- #buddypress {
1662
-
1663
- @include medium-only-bp {
1664
-
1665
- #item-header {
1666
-
1667
- .generic-button {
1668
- float: none;
1669
- margin: 1.5em 0 0 0;
1670
- }
1671
- }
1672
- }
1673
-
1674
- @include small-only {
1675
-
1676
- h1 {
1677
- margin-bottom: 0;
1678
- }
1679
-
1680
- #item-header-avatar {
1681
- img.avatar {
1682
- margin-right: 0;
1683
- }
1684
- }
1685
-
1686
- #item-header-content {
1687
- width: 100%;
1688
- }
1689
- }
1690
- }
1691
- }
1692
-
1693
- /**
1694
- *-----------------------------------------------------
1695
- * @subsection 6.1.1 - item-header Groups
1696
- *
1697
- * Group Specific Item Header
1698
- *-----------------------------------------------------
1699
- */
1700
-
1701
- .single-item.groups {
1702
-
1703
- #buddypress {
1704
-
1705
- @include medium-only-bp {
1706
- #item-header {
1707
- #item-meta {
1708
- margin-bottom: $spacing-val-md;
1709
- }
1710
- }
1711
- }
1712
-
1713
- // Move visual flow of avatar & item-actions at narrow width,
1714
- // avatar first after group title
1715
- @include small-only {
1716
-
1717
- div#item-header {
1718
- display: flex;
1719
- flex-direction: column;
1720
-
1721
- #item-header-avatar {
1722
- order: 1;
1723
- text-align: center;
1724
-
1725
- a {
1726
-
1727
- img {
1728
- display: inline-block;
1729
- float: none;
1730
- }
1731
- }
1732
- }
1733
-
1734
- #item-header-content {
1735
- order: 2;
1736
- }
1737
-
1738
- #item-actions {
1739
- order: 3;
1740
-
1741
- h2 {
1742
- border-bottom: 1px solid $border-light;
1743
- text-align: center;
1744
- }
1745
- }
1746
- }
1747
- } // close @media
1748
-
1749
- div#item-header {
1750
- padding-bottom: $spacing-val-lg;
1751
-
1752
- div#item-actions {
1753
- margin: 0;
1754
- width: 100%;
1755
-
1756
- @include small-up-bp {
1757
- border-left: 1px solid $border-light;
1758
- clear: none;
1759
- float: right;
1760
- padding-left: 0.2em;
1761
- width: 30%;
1762
- } // close @media
1763
-
1764
- @include med-small-up {
1765
- width: 40%;
1766
- }
1767
-
1768
- ul {
1769
- margin-top: 0;
1770
- padding-left: 0;
1771
- }
1772
-
1773
- h2 {
1774
- @include font-size(14);
1775
-
1776
- @include med-small-up {
1777
- @include font-size(16);
1778
- }
1779
-
1780
- padding: 0.2em;
1781
- }
1782
- } // close item-actions
1783
-
1784
- @include med-small-up {
1785
-
1786
- #item-header-avatar,
1787
- #item-header-content {
1788
- float: left;
1789
- }
1790
-
1791
- #item-header-avatar {
1792
- width: 21%;
1793
- }
1794
-
1795
- #item-header-content {
1796
- margin-left: 4%;
1797
- width: 40%;
1798
- }
1799
-
1800
- div#item-actions {
1801
- float: right;
1802
- width: 28%;
1803
- }
1804
-
1805
- } // close @media
1806
-
1807
- } // close #item-header
1808
- } // close #buddypress
1809
- } // close .groups
1810
-
1811
- /**
1812
- *-----------------------------------------------------
1813
- * @subsection 6.1.2 - Item Header User Accounts
1814
- *
1815
- * User Accounts Specific Item Header
1816
- *-----------------------------------------------------
1817
- */
1818
-
1819
- .bp-user {
1820
- #buddypress {
1821
-
1822
- #item-header {
1823
- padding: $spacing-val-md 0;
1824
-
1825
- #item-header-avatar {
1826
- text-align: center;
1827
- width: 100%;
1828
-
1829
- img.avatar,
1830
-
1831
- a {
1832
- display: inline-block;
1833
- float: none;
1834
- }
1835
- }
1836
-
1837
- @include med-small-up {
1838
-
1839
- #item-header-avatar {
1840
- float: left;
1841
- width: 20%;
1842
-
1843
- a {
1844
- float: left;
1845
- }
1846
- }
1847
-
1848
- #item-header-content {
1849
- float: right;
1850
- margin-right: 5%;
1851
- width: 69%;
1852
- }
1853
-
1854
- } // close @media
1855
-
1856
- } // close #item-header
1857
-
1858
- } // close #buddypress
1859
- } // close .bp-user
1860
-
1861
- /**
1862
- *-----------------------------------------------------------
1863
- * @subsection 6.2 - Item Body: Global
1864
- *-----------------------------------------------------------
1865
- */
1866
-
1867
-
1868
- /**
1869
- *----------------------------------------------------
1870
- * @subsection 6.2.1 - Item Body Groups
1871
- *
1872
- * Groups specific item body rules - screens
1873
- *----------------------------------------------------
1874
- */
1875
-
1876
- .groups.single-item.members {
1877
-
1878
- #buddypress {
1879
-
1880
- #subnav.item-list-tabs {
1881
-
1882
- ul {
1883
- background: none;
1884
- border-top: 0;
1885
- }
1886
-
1887
- }
1888
- }
1889
-
1890
- }
1891
-
1892
- /**
1893
- *-----------------------------------------
1894
- * @subsection 6.2.1.1 - Group Management
1895
- *-----------------------------------------
1896
- */
1897
-
1898
- // headings settings screens & general global settings styles
1899
- .groups {
1900
-
1901
- #group-settings-form {
1902
-
1903
- h3 {
1904
- background: $dark-background;
1905
- color: $content-background;
1906
- padding: 0.2em;
1907
- }
1908
- }
1909
- }
1910
-
1911
- .groups.edit-details {
1912
-
1913
- #group-settings-form {
1914
-
1915
- label {
1916
- margin-bottom: 0;
1917
- padding: 0.2em;
1918
- width: 80%;
1919
- }
1920
-
1921
- textarea + p label {
1922
- background: none;
1923
- color: inherit;
1924
- @include font-size(14);
1925
- width: auto;
1926
- }
1927
-
1928
- textarea {
1929
- height: auto;
1930
- min-height: 100px;
1931
- overflow: auto;
1932
- }
1933
- }
1934
- } // close .groups.edit-details
1935
-
1936
- .groups.group-settings {
1937
-
1938
- #group-settings-form {
1939
-
1940
- div.radio label {
1941
- border: 1px solid $border-light;
1942
- padding: 0.2em;
1943
-
1944
- ul {
1945
- color: rgba($body-text, 0.6);
1946
- @include font-size(14);
1947
- }
1948
- }
1949
-
1950
- }
1951
- } // close .groups.group-settings
1952
-
1953
- .groups.group-avatar {
1954
-
1955
- form > p {
1956
- margin-top: $spacing-val-md;
1957
- }
1958
-
1959
- }
1960
-
1961
- .groups.manage-members {
1962
-
1963
- #group-settings-form {
1964
-
1965
- .item-list {
1966
-
1967
- li {
1968
- border-bottom: 1px solid $border-light;
1969
-
1970
- img,
1971
- h5 {
1972
- float: left;
1973
-
1974
- > a {border-bottom: 0;}
1975
- }
1976
-
1977
- span.small {
1978
- clear: left;
1979
- display: block;
1980
- float: none;
1981
- margin-top: $spacing-val-sm;
1982
-
1983
- a {
1984
- display: inline-block;
1985
- margin: $spacing-val-xs 0;
1986
- width: 100%;
1987
-
1988
- @media screen and (min-width: 38.75em) {
1989
- width: auto;
1990
- }
1991
- }
1992
- }
1993
-
1994
- h5 {
1995
- margin: 0;
1996
- }
1997
-
1998
- }
1999
- }
2000
- }
2001
- } // close .groups.manage-members
2002
-
2003
- /**
2004
- *-----------------------------------------
2005
- * @subsection 6.2.1.2 - Group members
2006
- *-----------------------------------------
2007
- */
2008
-
2009
- // Massage the members search for groups nav specifically.
2010
- .groups.group-members {
2011
-
2012
- #subnav {
2013
- li {
2014
- @include small-only {
2015
- background: $content-background;
2016
- padding: $spacing-val-md 0;
2017
- }
2018
-
2019
- width: 100%;
2020
-
2021
- #search-members-form {
2022
- float: right;
2023
-
2024
- @include small-only {
2025
- margin: 0;
2026
- width: 100%;
2027
-
2028
- label {
2029
- input[type="text"] {width: 100%;}
2030
- }
2031
- }
2032
-
2033
- margin: $spacing-val-xs 0 0;
2034
- }
2035
- }
2036
- }
2037
- }
2038
-
2039
- /**
2040
- *-----------------------------------------------------
2041
- * @subsection 6.2.2 - Item Body User Accounts
2042
- *
2043
- * User Account specific item body rules
2044
- *-----------------------------------------------------
2045
- */
2046
-
2047
- .bp-user {
2048
-
2049
- .entry-title {
2050
- margin-bottom: 0.5em;
2051
- }
2052
- }
2053
-
2054
- /**
2055
- *--------------------------------------------
2056
- * @subsection 6.2.2.1 - classes, pag, filters
2057
- *--------------------------------------------
2058
- */
2059
- .bp-user {
2060
-
2061
- #buddypress {
2062
-
2063
- table {
2064
-
2065
- th {
2066
- @include font-size(14)
2067
- }
2068
-
2069
- td {
2070
- @include font-size(12)
2071
- }
2072
-
2073
- a {
2074
- color: #0074c2;
2075
- }
2076
-
2077
- @include medium-up {
2078
-
2079
- th {
2080
- @include font-size(16)
2081
- }
2082
-
2083
- td {
2084
- @include font-size(14)
2085
- }
2086
- }
2087
-
2088
- @include large-up {
2089
-
2090
- th {
2091
- @include font-size(18)
2092
- }
2093
-
2094
- td {
2095
- @include font-size(16)
2096
- }
2097
- }
2098
- }
2099
-
2100
- .pag-count {font-style: italic;}
2101
-
2102
- .notifications-options-nav,
2103
- .messages-options-nav {
2104
-
2105
- float: left;
2106
- width: 100%;
2107
-
2108
- @include small-up-bp {
2109
- width: 300px;
2110
- }
2111
-
2112
- select {
2113
- height: auto;
2114
- }
2115
-
2116
- select,
2117
- input {
2118
-
2119
- @include font-size(14);
2120
- outline: 0;
2121
- padding: 0;
2122
- }
2123
-
2124
- select {
2125
- float: left;
2126
- margin-right: 1%;
2127
- width: 59%;
2128
- }
2129
-
2130
- input {
2131
- float: right;
2132
- font-family: inherit;
2133
- line-height: 20px;
2134
- width: 40%;
2135
- }
2136
-
2137
- input[disabled="disabled"]:focus,
2138
- input[disabled="disabled"]:hover {
2139
- background: none;
2140
- }
2141
-
2142
-
2143
- } // close .notifications-options-nav/.messages-options-nav
2144
-
2145
- } //close #buddypress
2146
- } // close .bp-user
2147
-
2148
- /**
2149
- *-------------------------------------------
2150
- * @subsection 6.2.2.2 - Extended Profiles
2151
- *-------------------------------------------
2152
- */
2153
-
2154
- .bp-user {
2155
-
2156
- #buddypress {
2157
-
2158
- .profile {
2159
-
2160
- h2 {
2161
- margin: $spacing-val-lg 0 $spacing-val-sm;
2162
- padding: 0.1em 0 0.1em 0.4em;
2163
- }
2164
-
2165
- table {margin-top: 0;}
2166
-
2167
- .profile-fields {
2168
-
2169
- tr.alt {
2170
-
2171
- td {
2172
- color: $body-text;
2173
- }
2174
- }
2175
-
2176
- tr:last-child {
2177
- border-bottom: 0;
2178
- }
2179
- }
2180
-
2181
- /* Edit profile */
2182
-
2183
- #profile-edit-form {
2184
-
2185
- .button-nav:before,
2186
- .button-nav:after {
2187
- content: " ";
2188
- display: table;
2189
- }
2190
-
2191
- .button-nav:after {
2192
- clear: both;
2193
- }
2194
-
2195
- ul.button-nav {
2196
- border-bottom: 1px solid $border-light;
2197
- margin-left: 0;
2198
-
2199
- li {
2200
- float: left;
2201
- margin-bottom: 0;
2202
-
2203
- &.current {
2204
- border: 1px solid $border-light;
2205
- border-bottom-color: #fff;
2206
- margin-bottom: -1px;
2207
- }
2208
- } // li
2209
-
2210
- a {
2211
- background: none;
2212
- border: 0;
2213
- @include font-size(18)
2214
- }
2215
- } //.button-nav
2216
-
2217
- .field-visibility-settings-toggle,
2218
- .field-visibility-settings-notoggle,
2219
- .field-visibility-settings {
2220
- @include font-size(14);
2221
- margin-top: $spacing-val-sm;
2222
- }
2223
-
2224
- .field-visibility-settings-close,
2225
- .visibility-toggle-link {
2226
- background: $dark-background;
2227
- @include border-radius(3px);
2228
- color: #fff;
2229
- padding: 0.2em 0.5em;
2230
- }
2231
- } // close profile form
2232
-
2233
- .bp-avatar {
2234
- #bp-delete-avatar {
2235
- a {font-size: inherit; }
2236
- }
2237
- }
2238
- } // close .profile
2239
-
2240
- } // close #buddypress
2241
- } // close .bp-user
2242
-
2243
- /**
2244
- *-------------------------------------------
2245
- * @subsection 6.2.2.3 - Groups
2246
- *-------------------------------------------
2247
- */
2248
-
2249
- .bp-user {
2250
-
2251
- #buddypress {
2252
-
2253
- #groups-list {
2254
- li {
2255
- .item {
2256
- @media screen and (min-width: 77.5em) {
2257
- left: 5%;
2258
- width: 50%;
2259
- }
2260
- }
2261
- }
2262
- }
2263
-
2264
- } // close #buddypress
2265
- } // close .bp-user
2266
-
2267
- /**
2268
- *-------------------------------------------
2269
- * @subsection 6.2.2.5 - Private Messaging
2270
- *-------------------------------------------
2271
- */
2272
-
2273
- .bp-user {
2274
-
2275
- #buddypress {
2276
-
2277
- #message-thread {
2278
- //Single message view
2279
-
2280
- a {
2281
- border-bottom: 0;
2282
- }
2283
-
2284
- #message-subject {
2285
- background: lighten($dark-background, 10%);
2286
- color: $content-background;
2287
- padding: 0.3em 0 0.3em 0.2em;
2288
- }
2289
-
2290
- #message-recipients {
2291
- font-style: italic;
2292
-
2293
- a.confirm {
2294
- border: 1px solid $border-light;
2295
- font-style: normal;
2296
- }
2297
- }
2298
-
2299
- .message-metadata {
2300
- overflow: hidden;
2301
-
2302
- img.avatar {
2303
- float: none;
2304
- }
2305
-
2306
- @include med-small-up {
2307
- img.avatar {
2308
- float: left;
2309
- }
2310
- }
2311
-
2312
- .message-star-actions {
2313
- float: right;
2314
- margin-right: $spacing-val-xs;
2315
- position: static;
2316
- }
2317
- } // close .message-meta
2318
-
2319
- .message-content {
2320
- background: $light-background;
2321
- border: 1px solid $border-light;
2322
- margin: $spacing-val-sm 0 0 0;
2323
- padding: 0.3em;
2324
- }
2325
-
2326
- #send-reply {
2327
-
2328
- .message-content {
2329
- background: $content-background;
2330
- border: 0;
2331
- }
2332
- }
2333
-
2334
- .alt {
2335
- background: $content-background;
2336
- }
2337
-
2338
- } // close message-thread Singular view!
2339
-
2340
- #message-threads {
2341
-
2342
- thead {
2343
-
2344
- tr {
2345
- background: none;
2346
- border-bottom: 1px solid $border-color;
2347
-
2348
-
2349
- th {
2350
- background: #555;
2351
- }
2352
- }
2353
- }
2354
-
2355
- tr {
2356
- border-bottom: 5px solid $medium-grey;
2357
-
2358
- td {
2359
- display: inline-block;
2360
- float: left;
2361
- }
2362
-
2363
- td.thread-star,
2364
- td.thread-options {
2365
- border-bottom-color: $border-color;
2366
- border-bottom-width: 1px;
2367
- height: 2.4em;
2368
- padding-bottom: 0.2em;
2369
- padding-top: 0.2em;
2370
-
2371
- @media screen and (max-width: 46.25em) {
2372
- padding-top: 0;
2373
- }
2374
- }
2375
-
2376
- td.bulk-select-check,
2377
- td.thread-star,
2378
- td.thread-from,
2379
- td.thread-info,
2380
- td.thread-options {
2381
- border-top: 0;
2382
- }
2383
-
2384
- td.thread-star {
2385
- vertical-align: middle;
2386
-
2387
- .message-action-star {
2388
- line-height: 1.2;
2389
- }
2390
- }
2391
-
2392
- td.bulk-select-check,
2393
- td.thread-from {
2394
- height: 3em;
2395
-
2396
- @include small-only {
2397
- height: 5.2em;
2398
- }
2399
- }
2400
-
2401
- td.thread-from,
2402
- td.thread-options {
2403
- border-left: 0 !important;
2404
- @include calc(width, "100% - 30px");
2405
- margin-left: 0;
2406
- }
2407
-
2408
- td.thread-info {
2409
- padding-left: 41px;
2410
- width: 100%;
2411
-
2412
- a::after {
2413
- content: " \2017 \00a0"attr(title);
2414
- @include font-size(12);
2415
- }
2416
- }
2417
-
2418
- td.thread-options {
2419
- text-align: right;
2420
-
2421
- a {
2422
- @include font-size(12);
2423
- line-height: 2.2;
2424
- }
2425
- }
2426
-
2427
- span.from {
2428
- display: none;
2429
- }
2430
-
2431
- span.activity {
2432
- display: block;
2433
- float: right;
2434
- line-height: 2;
2435
-
2436
- @include small-only {
2437
- clear: both;
2438
- @include font-size(11);
2439
- width: 100%;
2440
- }
2441
- }
2442
- }
2443
-
2444
- tr.unread {
2445
-
2446
- td {
2447
- background: none;
2448
- border-color: $border-color;
2449
- }
2450
- }
2451
-
2452
- th {
2453
- display: none;
2454
- }
2455
-
2456
- th.bulk-select-all {
2457
- border-bottom: 0;
2458
- display: inline-block;
2459
- text-align: left;
2460
- }
2461
-
2462
- th.bulk-select-all,
2463
- td.bulk-select-check,
2464
- td.thread-star {
2465
- border-right: 0;
2466
- width: 30px;
2467
- }
2468
- }
2469
-
2470
- .acfb-holder {
2471
- list-style: none;
2472
-
2473
- li {margin-left: 0;}
2474
-
2475
- li.friend-tab {
2476
- background: lighten($notice-info, 20%);
2477
- border: inherit;
2478
- margin-right: 0;
2479
- padding: 0.5em;
2480
-
2481
- span.p {
2482
- // the 'X' close
2483
- padding-left: $spacing-val-sm;
2484
-
2485
- &:focus,
2486
- &:hover {
2487
- color: $link-action;
2488
- cursor: pointer;
2489
- }
2490
- }
2491
-
2492
- a {
2493
- border-bottom: 0;
2494
- text-decoration: none;
2495
-
2496
- img {
2497
- // this is the tiny user avatar
2498
- display: inline;
2499
- height: 20px;
2500
- vertical-align: middle;
2501
- width: 20px !important; // override inline style
2502
- }
2503
- }
2504
- }
2505
- }
2506
-
2507
- #message-threads.sitewide-notices {
2508
-
2509
- td {
2510
- width: 100%;
2511
-
2512
- strong {
2513
- background: lighten($dark-background, 10%);
2514
- color: $content-background;
2515
- display: block;
2516
- margin-bottom: 0.4em;
2517
- padding-left: 0.2em;
2518
- }
2519
-
2520
- a {
2521
- display: inline-block;
2522
- }
2523
- }
2524
-
2525
- td:first-child {
2526
- display: none;
2527
- }
2528
-
2529
- td:nth-child(2) {
2530
- strong {
2531
- margin: -8px -8px 8px;
2532
- }
2533
- }
2534
-
2535
- td:first-child + td + td {
2536
- // notice date
2537
- border-bottom: 0;
2538
-
2539
- span {
2540
- line-height: 1;
2541
- }
2542
- }
2543
-
2544
- td:last-child {
2545
- // notice actions
2546
- border-bottom-color: darken($border-light, 20%);
2547
- line-height: 1;
2548
- text-align: right;
2549
-
2550
- a:last-child {
2551
- // hide the 'x' text
2552
- line-height: 0;
2553
- margin-left: 0.7em;
2554
- text-indent: -999em;
2555
- }
2556
-
2557
- a:last-child::after {
2558
- content: attr(title);
2559
- display: block;
2560
- line-height: initial;
2561
- text-indent: 0;
2562
- }
2563
- }
2564
- }
2565
-
2566
- } // #buddypress
2567
-
2568
- // acfb auto complete name list sits in doc footer before body close
2569
- .ac_results {
2570
- background: #eee;
2571
- padding-left: $spacing-val-sm;
2572
-
2573
- ul { margin: 0; }
2574
-
2575
- li {
2576
- margin: $spacing-val-sm 0;
2577
-
2578
- &:focus,
2579
- &:hover {
2580
- cursor: pointer;
2581
- }
2582
- }
2583
- }
2584
-
2585
- } // close .bp-user
2586
-
2587
- /**
2588
- *------------------------------
2589
- * @subsection 6.2.2.6 - Settings
2590
- *------------------------------
2591
- */
2592
-
2593
- .bp-user {
2594
-
2595
- #buddypress {
2596
-
2597
- #settings-form {
2598
- // 'p' = email notification screen sub heading
2599
- > p {
2600
- @include font-size(20);
2601
- margin: $spacing-val-md 0 $spacing-val-sm;
2602
- }
2603
- }
2604
-
2605
- table.notification-settings {
2606
-
2607
- td.yes,
2608
- td.no {
2609
- vertical-align: middle;
2610
- }
2611
- }
2612
-
2613
- // Profile table td widths
2614
- table.profile-settings {
2615
- width: 100%;
2616
-
2617
- th.field-group-name,
2618
- td.field-name {
2619
- width: 50%;
2620
- }
2621
-
2622
- @include med-small-up {
2623
-
2624
- th.field-group-name,
2625
- td.field-name {
2626
- width: 70%;
2627
- }
2628
- }
2629
-
2630
- th.title,
2631
- td.field-visibility {
2632
- width: 30%;
2633
- }
2634
-
2635
- td.field-visibility {
2636
-
2637
- select {
2638
- width: 100%;
2639
- }
2640
- }
2641
- }
2642
-
2643
- } // close #buddyPress
2644
-
2645
- } // close .bp-user
2646
-
2647
- /**
2648
- *-------------------------------------------------------------------------------
2649
- * @section 7.0 - Forms - General
2650
- *-------------------------------------------------------------------------------
2651
- */
2652
-
2653
- // Attempt to reset form control widths
2654
- #main {
2655
-
2656
- #buddypress {
2657
-
2658
- .standard-form {
2659
-
2660
- li {
2661
- float: none;
2662
- }
2663
-
2664
- input[type='text'],
2665
- input[type='email'],
2666
- input[type='password'],
2667
- textarea {
2668
- width: 100%;
2669
- }
2670
- }
2671
- }
2672
- }
2673
-
2674
- #buddypress {
2675
-
2676
- // Match BP form elements to Themes(2017) styling where styles
2677
- // are not inherited or being overriden.
2678
- div.activity-comments {
2679
-
2680
- form {
2681
- .ac-textarea {
2682
- background: $light-background;
2683
- border: 1px solid rgba($border-color, 0.5);
2684
-
2685
- textarea {
2686
- background: none;
2687
- border: 0;
2688
- }
2689
- }
2690
- }
2691
- }
2692
-
2693
- // 2017 sets large height on selects lets try to manage that
2694
- select {
2695
- height: auto;
2696
- }
2697
-
2698
- .standard-form {
2699
-
2700
- // Keep BP form element borders to 1px rather than 2013 2px
2701
- input[type="text"],
2702
- input[type="email"],
2703
- input[type="password"],
2704
- button,
2705
- select,
2706
- textarea {
2707
- border-color: rgba($border-color, 0.5);
2708
- border-width: 1px;
2709
- }
2710
-
2711
- select {
2712
- color: #737373;
2713
- }
2714
-
2715
- } // close .standard-form
2716
-
2717
- #signup_form.standard-form {
2718
- div.submit {
2719
- float: none;
2720
-
2721
- input {margin-right: 0;}
2722
- }
2723
- }
2724
-
2725
- } // close #buddypress
2726
-
2727
- #buddypress {
2728
-
2729
- div.dir-search,
2730
- div.message-search,
2731
- li.groups-members-search {
2732
- float: none;
2733
- margin: $spacing-val-sm 0;
2734
-
2735
- // Stylise the seach form elements, in part this deals with padding
2736
- // issues on the submit & sizing issues between bp styles & 2017
2737
-
2738
- form { // *sigh* only to bludgeon over specified rules
2739
- border: 1px solid rgba($border-color, 0.6);
2740
- @include border-radius(2px);
2741
- overflow: hidden;
2742
-
2743
- label {
2744
- float: left;
2745
- margin: 0;
2746
- width: 70%;
2747
- }
2748
-
2749
- input[type="text"] {
2750
- float: left;
2751
- margin: 0;
2752
- width: 100%;
2753
- }
2754
-
2755
- input[type="text"],
2756
- input[type="submit"] {
2757
- border: 0;
2758
- @include font-size(14);
2759
- line-height: inherit;
2760
- }
2761
-
2762
- input[type="text"] {
2763
- border-right: 1px solid rgba($border-color, 0.6);
2764
- font-weight: 400;
2765
- padding: 0.2em 0 0.2em 0.2em;
2766
- }
2767
-
2768
- input[type="submit"] {
2769
- @include border-radius-none();
2770
- float: right;
2771
- font-weight: normal;
2772
- padding: 0.2em 1em;
2773
- text-align: center;
2774
- text-transform: none;
2775
- width: 30%;
2776
- }
2777
- } // close form
2778
-
2779
- } // close .dir-search, .message-search
2780
-
2781
- // Dirs & certain components hide search hides labels so can't width the label element
2782
- // adjust so that the input takes reduced width.
2783
-
2784
- div.dir-search {
2785
- margin-top: 0;
2786
- }
2787
-
2788
- .dir-search #search-members-form,
2789
- #search-groups-form,
2790
- #search-message-form {
2791
-
2792
- input[type='text'] {
2793
- float: left;
2794
- margin: 0;
2795
- width: 70%;
2796
- }
2797
- }
2798
-
2799
- // Shift the search parent to the right and allow to shrinkwrap
2800
-
2801
- @include small-up {
2802
- div.dir-search,
2803
- div.message-search,
2804
- li.groups-members-search {
2805
- float: right;
2806
- margin-bottom: 5px !important;
2807
- }
2808
-
2809
- } // close @media
2810
-
2811
-
2812
- @include large-up {
2813
-
2814
- .dir-search,
2815
- .message-search,
2816
- li.groups-members-search {
2817
-
2818
- form {
2819
-
2820
- input[type='text'] {
2821
- @include font-size(16) ;
2822
- }
2823
-
2824
- input[type='submit'] {
2825
- @include font-size(16) ;
2826
- }
2827
- }
2828
- }
2829
- }
2830
-
2831
- } // close #buddypress
2832
-
2833
- // Adjustments for form elements colors, backgrounds, borders under the dark scheme.
2834
- body.colors-dark {
2835
-
2836
- #page { // for weight
2837
-
2838
- #buddypress {
2839
-
2840
- .dir-search,
2841
- .groups-members-search,
2842
- .message-search {
2843
-
2844
- form {
2845
- background: #333;
2846
- border-color: #555;
2847
- @include border-radius(2px);
2848
- padding: 1px;
2849
- }
2850
-
2851
- input[type="text"] {
2852
- background: none;
2853
- }
2854
-
2855
- input[type="submit"] {
2856
- @include border-radius(2px);
2857
- }
2858
- }
2859
- }
2860
-
2861
- .message-search {
2862
- margin-top: 0;
2863
- }
2864
- }
2865
- }
2866
- /**
2867
- *-------------------------------------------------------------------------------
2868
- * @section 8.0 - Tables - General
2869
- *-------------------------------------------------------------------------------
2870
- */
2871
-
2872
- // Adjust table font sizes, default too large proportionally
2873
- // This approach will require refinement and perhaps re-location to
2874
- // a more general typography section to manage BP elements grouped under
2875
- // breakpoints. Provide top/bottom margins for tables, lacking in BP styles
2876
-
2877
- #buddypress {
2878
-
2879
- table {
2880
- @include font-size(14);
2881
- margin: $spacing-val-md 0;
2882
-
2883
- tr th {
2884
- background: $light-background;
2885
- border-color: $border-light;
2886
- color: $body-text;
2887
- }
2888
-
2889
- // Reduce the themes inherited paragraph margins in tables
2890
- p {
2891
- margin-bottom: 0.5em;
2892
- }
2893
- }
2894
-
2895
- @include medium-up {
2896
- table {
2897
- @include font-size(16);
2898
- }
2899
- }
2900
- }
2901
-
2902
- /*__ User Account tables __*/
2903
-
2904
- #buddypress {
2905
-
2906
- // Manage some table cells widths that are disproportionate to their content
2907
- .notifications,
2908
- .messages-notices {
2909
-
2910
- th {
2911
- width: 30%;
2912
-
2913
- &.bulk-select-all {
2914
- text-align: center;
2915
- width: 10%;
2916
- }
2917
- }
2918
-
2919
- .bulk-select-check,
2920
- .thread-star {
2921
- text-align: center;
2922
- }
2923
-
2924
- .notification-actions,
2925
- td.thread-options {
2926
- text-align: center;
2927
-
2928
- a {
2929
- display: inline-block;
2930
- margin: 0;
2931
- padding: 0;
2932
- }
2933
- }
2934
-
2935
- // Notices action buttons, this maybe better moved, temp for now to address
2936
- // styling issues - this will need styling ideas
2937
- td {
2938
-
2939
- .button {
2940
- border: 0;
2941
- display: block;
2942
- padding: 0;
2943
- text-align: center;
2944
- }
2945
- }
2946
-
2947
- } // .notifications, .message-notices
2948
-
2949
- .notifications { // table element
2950
- .actions { // th element
2951
- text-align: center;
2952
- }
2953
- }
2954
- } // #buddypress
2955
-
2956
- /**
2957
- *-------------------------------------------------------------------------------
2958
- * @section 9.0 - Error / Success messages
2959
- *-------------------------------------------------------------------------------
2960
- */
2961
-
2962
- // message args ($variable-color, text-color)
2963
- // Leave text-color undefined to automagically set text color
2964
- // to background color darker by 50%
2965
-
2966
- #buddypress {
2967
-
2968
- div#message {
2969
-
2970
- p {
2971
- @include font-size(18);
2972
- font-weight: bold;
2973
- }
2974
-
2975
- &.info {
2976
-
2977
- p {
2978
- @include message-box($notice-info);
2979
- }
2980
- }
2981
-
2982
- &.updated {
2983
-
2984
- p {
2985
- @include message-box($notice-update);
2986
- }
2987
- }
2988
-
2989
- } // close #message
2990
-
2991
- .bp-avatar-status,
2992
- .bp-cover-image-status {
2993
-
2994
- .warning {
2995
- background: #7dd4ff;
2996
- border: 1px solid #000;
2997
- color: $body-text;
2998
- @include font-size(16);
2999
- }
3000
- }
3001
-
3002
- } // close #buddypress
3003
-
3004
- // Without direct classes on our mesages ( 'warning')
3005
- // we need to use the body classes
3006
- // todo: If this is class .warning is included in main BP styles remove from here
3007
-
3008
- .delete-group {
3009
-
3010
- #buddypress {
3011
-
3012
- div#message.info {
3013
-
3014
- p {
3015
- @include message-box($notice-warning);
3016
- }
3017
- }
3018
- }
3019
- }
3020
-
3021
- /**
3022
- *-------------------------------------------------------------------------------
3023
- * @section 10.0 - Ajax Loading, Widgets, General classes
3024
- *-------------------------------------------------------------------------------
3025
- */
3026
-
3027
- #buddypress {
3028
-
3029
- .acfb-holder {
3030
-
3031
- li.friend-tab {
3032
- background: $notice-info;
3033
- border: inherit;
3034
- }
3035
- }
3036
- }
1
+
2
+ // Stylesheet Guidence Notes
3
+ // Table of content represents a guide to sections of the sheet.
4
+ // Note that not all sections may be described in the body of the
5
+ // rulesets only those that require styles for a given theme.
6
+ // Sub sections might not exist but can be added as required
7
+ // as per BP Lists - 'activity' section.
8
+
9
+ // We follow the dictats of the parent theme in respect of media queries,
10
+ // font sizing etc. Media queries are used in a modular sense (OOCSS)
11
+ // rather than described as blocks to the end of the sheet, this aids ease
12
+ // of managing media queries, scalability & flexibility.
13
+
14
+ // 2017 Media Queries / Breakpoints.
15
+ $small-up-2017: "min-width: 30em";
16
+ $med-small-up-2017: "min-width: 48em";
17
+ $medium-up-2017: "min-width: 55em";
18
+ $large-up-2017: "min-width: 67em";
19
+ $x-large-up-2017: "min-width: 79em";
20
+
21
+
22
+ // In addition BP will use the em breakpoints as referenced below to provide
23
+ // a series of finer breakpoints for max widths, to allow fine adjustments;
24
+ // For main structural elements we use the themes values, only using bp breakpoints
25
+ // to manage granular elements in loops etc.
26
+
27
+ $x-small-only-bp: "max-width: 22em"; // for xtra small mobile only
28
+ $small-only-bp: "max-width: 38.75em"; // small only
29
+ $small-up-bp: "min-width: 38.75em"; // small only
30
+ $med-only-bp: "max-width: 46.25em"; // med small only
31
+
32
+ // Mixins and Variables
33
+
34
+ // simplify remembering/writing media queries
35
+ // written as:
36
+ // @include medium-up {
37
+ // body {property: value;}
38
+ // }
39
+ //
40
+
41
+ @mixin x-small-only {
42
+ @media screen and ($x-small-only-bp){
43
+ @content;
44
+ }
45
+ }
46
+
47
+ @mixin small-only {
48
+ @media screen and ($small-only-bp){
49
+ @content;
50
+ }
51
+ }
52
+
53
+ @mixin medium-only-bp {
54
+ @media screen and ($med-only-bp){
55
+ @content;
56
+ }
57
+ }
58
+
59
+ @mixin small-up-bp {
60
+ @media screen and ($small-up-bp){
61
+ @content;
62
+ }
63
+ }
64
+
65
+ @mixin small-up {
66
+ @media screen and ($small-up-2017){
67
+ @content;
68
+ }
69
+ }
70
+
71
+ @mixin med-small-up {
72
+ @media screen and ($med-small-up-2017) {
73
+ @content;
74
+ }
75
+ }
76
+
77
+ @mixin medium-up {
78
+ @media screen and ($medium-up-2017) {
79
+ @content;
80
+ }
81
+ }
82
+
83
+ @mixin large-up {
84
+ @media screen and ($large-up-2017) {
85
+ @content;
86
+ }
87
+ }
88
+
89
+ @mixin x-large-up {
90
+ @media screen and ($x-large-up-2017) {
91
+ @content;
92
+ }
93
+ }
94
+
95
+ // Common spacing values
96
+ $spacing-val-lg: 40px;
97
+ $spacing-val-md: 20px;
98
+ $spacing-val-sm: 10px;
99
+ $spacing-val-xs: 5px;
100
+
101
+ // A simple mixin to handle font-sizing
102
+ // 2017 uses a basic pixel font size approach, we'll stick with rem/px
103
+ @mixin font-size($font-size: 16) {
104
+ $rem-font-value: ($font-size / 16);
105
+ font-size: ($font-size * 1px);
106
+ font-size: $rem-font-value + rem;
107
+ }
108
+
109
+ // To allow mixins to pass VendorPrefix scss-lint tests we disable lint-test
110
+ // for specific blocks / rulesets
111
+ // until such time as exemption lists can be built for the scss-lint.yml?
112
+ // Any vendor prefix properties / mixins need to be in this block
113
+
114
+ // scss-lint:disable VendorPrefix
115
+
116
+ // Border border-radius mixins
117
+ @mixin border-radius($radius) {
118
+ -webkit-border-radius: $radius;
119
+ -moz-border-radius: $radius;
120
+ -ms-border-radius: $radius;
121
+ border-radius: $radius;
122
+ background-clip: padding-box;
123
+ }
124
+
125
+ @mixin border-top-radius($radius) {
126
+ -webkit-border-top-right-radius: $radius;
127
+ border-top-right-radius: $radius;
128
+ -webkit-border-top-left-radius: $radius;
129
+ border-top-left-radius: $radius;
130
+ background-clip: padding-box;
131
+ }
132
+
133
+ @mixin border-right-radius($radius) {
134
+ -webkit-border-bottom-right-radius: $radius;
135
+ border-bottom-right-radius: $radius;
136
+ -webkit-border-top-right-radius: $radius;
137
+ border-top-right-radius: $radius;
138
+ background-clip: padding-box;
139
+ }
140
+
141
+ @mixin border-bottom-radius($radius) {
142
+ -webkit-border-bottom-right-radius: $radius;
143
+ border-bottom-right-radius: $radius;
144
+ -webkit-border-bottom-left-radius: $radius;
145
+ border-bottom-left-radius: $radius;
146
+ background-clip: padding-box;
147
+ }
148
+
149
+ @mixin border-left-radius($radius) {
150
+ -webkit-border-bottom-left-radius: $radius;
151
+ border-bottom-left-radius: $radius;
152
+ -webkit-border-top-left-radius: $radius;
153
+ border-top-left-radius: $radius;
154
+ background-clip: padding-box;
155
+ }
156
+
157
+ @mixin border-radius-none() {
158
+ -webkit-border-radius: none;
159
+ -moz-border-radius: none;
160
+ -ms-border-radius: none;
161
+ border-radius: none;
162
+ }
163
+
164
+ // Box sizing
165
+ @mixin box-model($box-model) {
166
+ -webkit-box-sizing: $box-model;
167
+ -moz-box-sizing: $box-model;
168
+ box-sizing: $box-model;
169
+ }
170
+
171
+ // Calc
172
+ @mixin calc($property, $expression) {
173
+ #{$property}: -webkit-calc(#{$expression});
174
+ #{$property}: -moz-calc(#{$expression});
175
+ #{$property}: calc(#{$expression});
176
+ }
177
+
178
+ // Re-enable the VendorPrefix lint test
179
+ // scss-lint:enable VendorPrefix
180
+
181
+ // BP message boxes
182
+ @mixin message-box($background, $text-color: null) {
183
+
184
+ @if $text-color {
185
+ // if a param was passed through
186
+ $text-color: $text-color;
187
+ } @else {
188
+ $text-color: darken($background, 50%);
189
+ }
190
+
191
+ background: lighten($background, 10%);
192
+ border: 1px solid darken($background, 10%);
193
+ color: $text-color;
194
+ }
195
+
196
+ // 2017 font family
197
+ @mixin default-font-sans() {
198
+ font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
199
+ }
200
+
201
+ // Variables: color definitions
202
+
203
+ $dark-grey: #555;
204
+ $medium-grey: #878787;
205
+ $light-grey: #dcdcdc;
206
+ $x-light-grey: #f7f7f7;
207
+ $white: #fff;
208
+
209
+ $body-text: #333;
210
+ $bp-light-text: $medium-grey;
211
+ $bp-xlight-text: #eee;
212
+ $content-background: #fff;
213
+ $off-white: #fafafa;
214
+ $cream-background: #f7f5e7;
215
+ $light-background: $x-light-grey;
216
+ $medium-background: $medium-grey;
217
+ $dark-background: $dark-grey;
218
+ $border-color: #bebebe;
219
+ $border-light: #eaeaea; // BP dividers
220
+ $border-med: #ddd;
221
+ $background-hover: #db572f; // 2017 link background hover
222
+ $bp-button-hover: #ededed; // this is the default BP button hover background
223
+ $notice-error: #c85a6e;
224
+ $notice-warning: #d05656;
225
+ $notice-info: #7dd4ff;
226
+ $notice-update: #ced98c;
227
+ $stripe-odd: #ebf0ff;
228
+ $stripe-even: #dbe5ff;
229
+ $unread: $x-light-grey;
230
+ $link-action: #c82b2b;
231
+ /*--------------------------------------------------------------
232
+
233
+ This is the BuddyPress companion stylesheet for
234
+ the WordPress twentyseventeen theme.
235
+
236
+ This sheet supports the primary BuddyPress styles in buddypress.css
237
+
238
+ If you are running as a child theme of twentyseventeen this stylesheet will be
239
+ loaded by default. If you want to modify the styles the normal BP Theme Compat
240
+ hierarchy works and you can copy the file to buddypress/css/ or community/css/
241
+ in your child themes root & either start over or modify the rulesets.
242
+
243
+ If you do not require the styles you can dequeue them from the themes functions file.
244
+
245
+ Please see this codex article for more information:
246
+ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
247
+
248
+ ----------------------------------------------------------------
249
+ >>> TABLE OF CONTENTS:
250
+ ----------------------------------------------------------------
251
+ 1.0 Theme Structural Elements & overrides
252
+ 2.0 - Navigation - General
253
+ 2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
254
+ 2.2 - Pagination
255
+ 3.0 - Images
256
+ 4.0 - BP Lists / Loops Generic
257
+ 4.1 - Activity Loop
258
+ 4.1.1 Whats New Activity
259
+ 4.1.2 - Activity Listing
260
+ 4.1.3 - Activity Comments
261
+ 4.2 - Members Loop
262
+ 4.3 - Groups Loop
263
+ 4.4 - Blogs Loop
264
+ 5.0 - Directories - Members, Groups, Blogs, Register, activation
265
+ 6.0 - Single Item screens: User Account & Single Group Screens
266
+ 6.1 - Item Headers: Global
267
+ 6.1.1 - item-header: Groups
268
+ 6.1.2 - item-header: User Accounts
269
+ 6.2 - Item Body: Global
270
+ 6.2.1 - item-body: Groups
271
+ 6.2.1.1 - Management settings screens
272
+ 6.2.1.2 - Group members list
273
+ 6.2.2 - item-body: User Accounts
274
+ 6.2.2.1 - classes, pag, filters
275
+ 6.2.2.2 - Extended Profiles
276
+ 6.2.2.3 - Groups
277
+ 6.2.2.4 - friends
278
+ 6.2.2.5 - Private Messaging Threads
279
+ 6.2.2.6 - Settings
280
+ 7.0 - Forms - General
281
+ 8.0 - Tables - General
282
+ 9.0 - Error / Success Messages
283
+ 10.0 - Ajax Loading, Widgets, General classes
284
+ --------------------------------------------------------------*/
285
+
286
+ /**
287
+ *-------------------------------------------------------------------------------
288
+ * @section 1.0 - Theme - Structural Elements. overrides, Globals
289
+ *-------------------------------------------------------------------------------
290
+ */
291
+
292
+ .buddypress {
293
+ // Remove any empty clearing elements, CSS provides clearing.
294
+ div.clear {display: none;}
295
+
296
+ // deal with global clearing property set on heading elements
297
+ // - for the moment we'll just specify this on lists ul only
298
+
299
+ ul.item-list {
300
+ h1,
301
+ h2,
302
+ h3,
303
+ h4,
304
+ h5,
305
+ h6 {
306
+ clear: none;
307
+ padding: 0;
308
+ }
309
+ }
310
+
311
+ // Ensure no text decoration or box shadow causing underlined effect.
312
+ #page a {
313
+ box-shadow: none;
314
+ text-decoration: none !important;
315
+ }
316
+
317
+ .entry-title {
318
+ text-align: center;
319
+
320
+ @include medium-up {
321
+ text-align: left;
322
+ }
323
+ }
324
+
325
+ } // close .buddypress
326
+
327
+ // reduce the overlarge entry title margins
328
+ @include medium-up {
329
+
330
+ .buddypress.bp-user.page,
331
+ .buddypress.single-item.groups,
332
+ .buddypress.groups.group-create,
333
+ .directory.buddypress.page-one-column {
334
+
335
+ .site-content {
336
+ padding-top: $spacing-val-lg;
337
+ }
338
+
339
+ .entry-header {
340
+ margin: $spacing-val-sm 0;
341
+ }
342
+ }
343
+ }
344
+
345
+ // Open up the content width areas for BP screens to allow max widths.
346
+ // This takes into account the ability to columnize pages in 2017.
347
+ // Only effect changes based on breakpoints.
348
+
349
+ @include med-small-up {
350
+
351
+ body.buddypress.page.page-two-column {
352
+
353
+ #primary {
354
+
355
+ .entry-header {
356
+ width: 30%;
357
+ }
358
+
359
+ .entry-content {
360
+ width: 68%;
361
+ }
362
+ }
363
+ }
364
+
365
+ body.buddypress:not(.has-sidebar),
366
+ body.buddypress:not(.page-two-column) {
367
+
368
+ #primary.content-area {
369
+ max-width: 100%;
370
+ width: 100%;
371
+
372
+ .entry-content,
373
+ .content-bottom-widgets {
374
+ margin-left: 0;
375
+ margin-right: 0;
376
+ }
377
+ }
378
+
379
+ .sidebar {
380
+ float: left;
381
+ margin-left: 75%;
382
+ padding: 0;
383
+ width: 25%;
384
+ }
385
+
386
+ } // body.buddypress
387
+ }
388
+
389
+ // 2017 allows for selecting two distinct color schemes.
390
+ // Our companion styles respect themes colors & inherit or avoid
391
+ // setting backgrounds/colors so selecting the dark scheme generally
392
+ // allows the theme to reset the BP text/headings etc to white
393
+ // In places we do set backgrounds, Navs, search forms etc these
394
+ // are added here under the themes body class to enable changing
395
+
396
+ // Some element colors are inherited from BP original sheet so need to
397
+ // to be reset under the dark scheme, where set in this sheet we simply state them
398
+ // only for the light scheme, additionally elements such as BP form styles
399
+ // need styles removing & are handled later in 'Forms' section
400
+ body.colors-dark {
401
+
402
+ #buddypress {
403
+
404
+ //tabs border bottom color needs to match dark background
405
+ #group-create-tabs.item-list-tabs {
406
+
407
+ li.selected,
408
+ li.current {
409
+ border-bottom-color: #222;
410
+
411
+ a {
412
+ color: inherit;
413
+ }
414
+ }
415
+ }
416
+
417
+ div.item-list-tabs {
418
+
419
+ ul {
420
+
421
+ li.selected,
422
+ li.current {
423
+
424
+ a {
425
+ background: none;
426
+ color: inherit;
427
+ }
428
+ }
429
+ }
430
+ }
431
+
432
+ #object-nav {
433
+
434
+ li:not(.current):focus,
435
+ li:not(.current):hover {
436
+
437
+ a {
438
+ color: #555;
439
+ }
440
+ }
441
+ }
442
+
443
+ // With the dark scheme the subnav links lose definition as
444
+ // nav menu links, add a border top to clarify the li.last element seperated from links.
445
+ #subnav.item-list-tabs {
446
+
447
+ ul {
448
+ border-bottom: 1px solid rgba($border-light, 0.9);
449
+ margin-bottom: $spacing-val-md;
450
+
451
+ li.last {
452
+ border-top: 1px solid rgba($border-light, 0.9);
453
+ }
454
+ }
455
+ }
456
+
457
+ // lists text: descr, meta, etc
458
+ .item-list {
459
+
460
+ div.meta {
461
+ color: #ddd;
462
+ }
463
+
464
+ div.item-desc,
465
+ .activity-header p,
466
+ .activity-comments ul,
467
+ .acomment-meta {
468
+ color: $bp-xlight-text;
469
+ }
470
+
471
+ .activity-meta,
472
+ .action {
473
+ a {
474
+ background: $off-white;
475
+
476
+ &:focus,
477
+ &:hover {
478
+ background: $white;
479
+ }
480
+ }
481
+ }
482
+ }
483
+
484
+ #latest-update {
485
+ color: $bp-xlight-text;
486
+ }
487
+
488
+ div.pagination * {
489
+ color: #ddd;
490
+ }
491
+
492
+ #item-header {
493
+ .user-nicename {
494
+ color: $bp-xlight-text;
495
+ }
496
+ }
497
+
498
+ #item-body {
499
+
500
+ table {
501
+
502
+ thead {
503
+
504
+ tr,
505
+ th {
506
+ background: none;
507
+ color: $bp-xlight-text;
508
+ }
509
+ }
510
+
511
+ tr.alt {
512
+
513
+ td {
514
+ background: none;
515
+ color: $bp-xlight-text;
516
+ }
517
+ }
518
+
519
+ .field-visibility-settings,
520
+ .field-visibility-settings-notoggle {
521
+ color: #eee;
522
+ }
523
+
524
+ }
525
+
526
+ fieldset {
527
+ background: none;
528
+ }
529
+
530
+ .checkbox,
531
+ .radio {
532
+
533
+ label {
534
+ color: #eee;
535
+ }
536
+ }
537
+
538
+ div#invite-list {
539
+ background: none;
540
+ }
541
+ }
542
+
543
+ } // close #buddypress
544
+ }
545
+
546
+
547
+ body.colors-dark.group-members {
548
+
549
+ #buddypress {
550
+
551
+ #subnav {
552
+
553
+ li {background: none;}
554
+
555
+ .groups-members-search {
556
+
557
+ form {
558
+ margin-bottom: $spacing-val-md;
559
+ margin-top: 0;
560
+ }
561
+ }
562
+ }
563
+ }
564
+ }
565
+
566
+ // remove borders for dir component screens.
567
+ .directory.colors-dark {
568
+
569
+ #buddypress {
570
+
571
+ #subnav.item-list-tabs {
572
+
573
+ ul {
574
+ border-bottom: 0;
575
+ border-top: 0;
576
+
577
+ li.last.filter {
578
+ border-top: 0;
579
+ }
580
+ }
581
+ }
582
+
583
+ div.activity {
584
+
585
+ ul.item-list {
586
+ border-top: 0;
587
+ }
588
+ }
589
+ }
590
+ }
591
+
592
+ body.colors-light {
593
+
594
+ #buddypress {
595
+
596
+ div.item-list-tabs {
597
+
598
+ ul {
599
+ background-color: $off-white;
600
+ }
601
+ }
602
+
603
+ div#subnav.item-list-tabs {
604
+
605
+ ul {
606
+ background-color: $light-background;
607
+
608
+ li.last {
609
+ background: $content-background;
610
+ }
611
+ }
612
+ }
613
+
614
+ .item-list {
615
+
616
+ .activity-header {
617
+
618
+ p {
619
+ background-color: $light-background;
620
+ color: $bp-light-text;
621
+ }
622
+ }
623
+
624
+ .activity-comments {
625
+
626
+ .acomment-meta {
627
+ color: #737373;
628
+ }
629
+ }
630
+ }
631
+
632
+ #item-body {
633
+
634
+ .profile {
635
+
636
+ h2 {
637
+ background: $medium-grey;
638
+ color: #fff;
639
+ }
640
+ }
641
+ }
642
+
643
+ table {
644
+
645
+ tr.alt {
646
+
647
+ td {
648
+ background: #f5f5f5;
649
+ color: $body-text;
650
+ }
651
+ }
652
+ }
653
+
654
+ div#invite-list {
655
+ background: $off-white;
656
+ }
657
+ } // close #buddypress
658
+ }
659
+
660
+ /**
661
+ *-------------------------------------------------------------------------------
662
+ * @section 2.0 - Navigation - General
663
+ *-------------------------------------------------------------------------------
664
+ */
665
+
666
+ /**
667
+ *----------------------------------------------------------
668
+ * @section 2.1 - Navs Object Nav / Sub Nav (item-list-tabs)
669
+ *
670
+ * The main navigational elements for all BP screens
671
+ *----------------------------------------------------------
672
+ */
673
+
674
+ // We have a need to override BP specifity
675
+ // so some rulesets sets will appear over weighted in selectors
676
+
677
+ #buddypress {
678
+
679
+ // active/current states all navs
680
+ div.item-list-tabs {
681
+
682
+ ul {
683
+
684
+ li.selected {
685
+
686
+ a {
687
+ background: inherit;
688
+ opacity: 1;
689
+ }
690
+ }
691
+ }
692
+ }
693
+
694
+ // global nav styles
695
+ div.item-list-tabs {
696
+
697
+ ul {
698
+ border-bottom: 1px solid rgba($border-light, 0.9);
699
+ overflow: hidden;
700
+ padding: 0;
701
+
702
+ li {
703
+
704
+ a {
705
+
706
+ span {border-radius: 25%;}
707
+ }
708
+ }
709
+ }
710
+ } // close item-list-tabs
711
+
712
+ } // close #buddypress
713
+
714
+
715
+ /*__ Horizontal menus __*/
716
+ #buddypress {
717
+
718
+ #object-nav {
719
+
720
+ ul {
721
+ overflow: hidden;
722
+
723
+ li {
724
+ float: none;
725
+ }
726
+
727
+ @include small-only {
728
+
729
+ li:not(:last-child) {
730
+ border-bottom: 1px solid $border-light;
731
+ }
732
+ }
733
+
734
+ li:not(.selected) {
735
+
736
+ @include small-only {
737
+
738
+ &:focus,
739
+ &:hover {
740
+ background: darken($cream-background, 2%);
741
+ }
742
+ }
743
+ }
744
+
745
+ @include small-up-bp {
746
+ li {
747
+ float: left;
748
+ }
749
+ }
750
+ }
751
+ }
752
+
753
+ div#subnav.item-list-tabs {
754
+ margin-top: 0;
755
+
756
+ ul {
757
+ border-bottom: 0;
758
+ margin-top: $spacing-val-xs;
759
+ padding: 0;
760
+
761
+ li.last {
762
+ margin-top: 0;
763
+ padding: $spacing-val-xs $spacing-val-xs $spacing-val-xs 0;
764
+ width: 100%;
765
+
766
+ select,
767
+ select:focus {
768
+ background: transparent;
769
+ border: 0;
770
+ outline: 0;
771
+ }
772
+
773
+ label {
774
+ display: inline;
775
+ }
776
+
777
+ select,
778
+ label,
779
+ option {
780
+ @include font-size(14);
781
+ }
782
+
783
+ select {
784
+ font-style: italic;
785
+ height: auto;
786
+ }
787
+ }
788
+
789
+ @include small-up-bp {
790
+ li.last {
791
+ text-align: right;
792
+ }
793
+ }
794
+ } // close ul
795
+ } // close #subnav
796
+
797
+ } // close #buddypress
798
+
799
+
800
+ /*__ Vertical menu User Account / Group single screens __*/
801
+
802
+ // This block contains rules to re-factor the item-body structural element
803
+ // to sit alongside the vert menu
804
+ // 2017 right sidebar is displayed if the widget sidebar has widgets;
805
+ // we'll only display object nav as a vert menu if not .two-column-page.
806
+
807
+ @include medium-up {
808
+
809
+ body:not(.page-two-column) {
810
+
811
+ #buddypress {
812
+
813
+ #object-nav {
814
+ border-right: 1px solid $border-med;
815
+ float: left;
816
+ margin-right: -1px;
817
+ width: 200px;
818
+
819
+ ul {
820
+ background: none;
821
+ border-bottom: 0;
822
+ padding: 0;
823
+
824
+ li {
825
+ float: none;
826
+ overflow: hidden;
827
+
828
+ span {
829
+ background: $content-background;
830
+ border-radius: 10%;
831
+ float: right;
832
+ margin-right: 2px;
833
+ }
834
+ }
835
+ }
836
+ }
837
+
838
+ #item-body {
839
+ border-left: 1px solid $border-med;
840
+ overflow: hidden;
841
+ padding: 0 0 0 $spacing-val-md;
842
+ width: auto;
843
+
844
+ #subnav {
845
+ margin: 0 0 0 (-$spacing-val-md);
846
+
847
+ ul {margin-top: 0;}
848
+ }
849
+ }
850
+
851
+ } // close #buddypress
852
+ } // close body:not(.sidebar)
853
+ } // close @media
854
+
855
+
856
+ // Tabbed Nav styling
857
+ // Primarilly used for group create screens & ? directory nav.
858
+
859
+ @include med-small-up {
860
+
861
+ #buddypress {
862
+
863
+ #group-create-tabs.item-list-tabs {
864
+
865
+ ul:before,
866
+ ul:after {
867
+ content: " ";
868
+ display: table;
869
+ }
870
+
871
+ ul:after {
872
+ clear: both;
873
+ }
874
+
875
+ ul {
876
+ background: none;
877
+ border: 0;
878
+ border-bottom: 1px solid $border-med;
879
+ overflow: visible;
880
+ padding-bottom: 0;
881
+
882
+ li {
883
+ float: left;
884
+ width: auto;
885
+ }
886
+
887
+ li.selected,
888
+ li.current {
889
+ border: 1px solid $border-med;
890
+ border-bottom-color: $content-background;
891
+ @include border-top-radius(4px);
892
+ margin-bottom: -1px;
893
+
894
+ a {
895
+ background: none;
896
+ color: $body-text;
897
+ outline: none;
898
+ }
899
+ }
900
+ }
901
+
902
+ } // close .item-list-tabs
903
+
904
+ #subnav {
905
+ ul {
906
+ border-bottom: 0;
907
+ }
908
+
909
+ } // close #subnav
910
+ } // close #buddypress
911
+
912
+ } // close @media
913
+
914
+ /**
915
+ *----------------------------------------------------------
916
+ * @section 2.2 - Pagination
917
+ *----------------------------------------------------------
918
+ */
919
+
920
+ #buddypress {
921
+
922
+ div.pagination {
923
+ box-shadow: none;
924
+ font-weight: 400;
925
+ min-height: 0;
926
+
927
+ &:before,
928
+ &:after {
929
+ height: 0;
930
+ width: 0;
931
+ }
932
+
933
+ .pag-count {margin-left: 0;}
934
+ .pagination-links {
935
+ margin-right: 0;
936
+
937
+ span,
938
+ a {
939
+ height: auto;
940
+ line-height: 1;
941
+ padding: 5px;
942
+ }
943
+
944
+ .prev,
945
+ .next {
946
+ background-color: transparent;
947
+ color: inherit;
948
+ overflow: visible;
949
+ width: auto;
950
+ &:before {display: none;}
951
+ }
952
+
953
+ .prev {
954
+ left: auto;
955
+ position: static;
956
+ }
957
+
958
+ .next {
959
+ position: static;
960
+ right: auto;
961
+ }
962
+ } // close .pagination-links
963
+ } // close .pagination
964
+ } // close #buddypress
965
+
966
+ /**
967
+ *-------------------------------------------------------------------------------
968
+ * @section 4.0 - BP Lists / Loops Generic
969
+ *-------------------------------------------------------------------------------
970
+ */
971
+
972
+ // Adjusts Meta items and various elements to match 2017 font-family
973
+ #buddypress {
974
+
975
+ .item-list {
976
+
977
+ .activity-header,
978
+ .activity-meta {
979
+ @include default-font-sans();
980
+ }
981
+ }
982
+ }
983
+
984
+ #buddypress {
985
+
986
+ .activity-meta {
987
+
988
+ .button {
989
+
990
+ &:focus,
991
+ &:hover {
992
+ background: inherit;
993
+ color: #000;
994
+ }
995
+ }
996
+ }
997
+
998
+ .action {
999
+
1000
+ .generic-button {
1001
+
1002
+ a {
1003
+
1004
+ &:focus,
1005
+ &:hover {
1006
+ background: inherit;
1007
+ color: #000;
1008
+ }
1009
+ }
1010
+ }
1011
+ }
1012
+ } // close #buddypress
1013
+
1014
+ // Trying to position the action div absolute has bad consequences where
1015
+ // aditional items are displayed, floating is an alternative that
1016
+ // allows natural flow expansion.
1017
+ // This block:
1018
+ // * Manages li items, Stacks them small screen, floated left at wider screens.
1019
+ // * Adjusts display of action buttons at small screen mobile up.
1020
+ // Adjusts Meta items to match 2017 font-family
1021
+
1022
+ #buddypress {
1023
+
1024
+ ul.item-list {
1025
+
1026
+ li {
1027
+ overflow: hidden !important;
1028
+
1029
+ // Undo BP floats to center avatars initially mobile up
1030
+ .item-avatar {
1031
+ margin-bottom: $spacing-val-sm;
1032
+
1033
+ @include small-up-bp {
1034
+ margin-bottom: 0;
1035
+ }
1036
+
1037
+ text-align: center;
1038
+
1039
+ a {border-bottom: 0;}
1040
+
1041
+ img.avatar {
1042
+ display: inline-block;
1043
+ float: none;
1044
+ margin-bottom: $spacing-val-sm;
1045
+
1046
+ // Quite early on we need to move avatars to the left(right)
1047
+ @include small-up {
1048
+ display: block;
1049
+ float: left;
1050
+ }
1051
+ }
1052
+ }
1053
+
1054
+ .item {
1055
+ overflow: hidden;
1056
+
1057
+ @include med-small-up {
1058
+ margin-left: 15%;
1059
+ }
1060
+
1061
+ span.activity {
1062
+ font-style: italic;
1063
+ }
1064
+
1065
+ .item-desc {
1066
+ margin-left: 0;
1067
+ width: 94%;
1068
+ }
1069
+
1070
+ .item-title {
1071
+ @include font-size(18);
1072
+ line-height: 1.2;
1073
+ text-align: center;
1074
+
1075
+ @include small-up {
1076
+ text-align: left;
1077
+ }
1078
+
1079
+ width: 100%;
1080
+
1081
+ .update {
1082
+ display: block;
1083
+ @include font-size(13);
1084
+
1085
+ @include medium-up {
1086
+ @include font-size(14);
1087
+ }
1088
+
1089
+ padding: $spacing-val-sm 0;
1090
+ text-align: left;
1091
+ }
1092
+ }
1093
+
1094
+ }
1095
+
1096
+ @include medium-up {
1097
+
1098
+ .item-avatar,
1099
+ .item,
1100
+ .action {
1101
+ float: left;
1102
+ }
1103
+
1104
+ .item {
1105
+ left: 5%;
1106
+ margin-left: 0;
1107
+ position: relative;
1108
+ width: 55%;
1109
+
1110
+ .item-title {
1111
+ @include font-size(22)
1112
+ }
1113
+ }
1114
+
1115
+ }// close medium-up
1116
+
1117
+ div.action {
1118
+ clear: left;
1119
+ float: none;
1120
+ margin-bottom: -$spacing-val-md;
1121
+ // remove BP margin left
1122
+ margin-left: 0;
1123
+ padding: $spacing-val-md 0 $spacing-val-xs;
1124
+
1125
+ // push the actions to the right
1126
+ @include medium-up {
1127
+ clear: none;
1128
+ float: right;
1129
+ margin-bottom: 0;
1130
+ padding: 0;
1131
+ }
1132
+
1133
+ position: relative;
1134
+ text-align: left;
1135
+ top: 0;
1136
+
1137
+ div {
1138
+ display: inline-block;
1139
+ margin: $spacing-val-sm 0;
1140
+ width: 100%;
1141
+
1142
+ a {
1143
+ display: block;
1144
+ width: 100%;
1145
+ }
1146
+ // Provisionally lets keep the 'action' div
1147
+ // position but inline-block the buttons
1148
+
1149
+ @include small-up {
1150
+ // keep buttons to a row small tablet up
1151
+ margin: 0 $spacing-val-sm $spacing-val-sm 0;
1152
+ width: auto;
1153
+ } // close @media
1154
+
1155
+ @include medium-up {
1156
+ // take buttons to block to stack them when floated right
1157
+ clear: right;
1158
+ float: right;
1159
+ margin: 0 0 $spacing-val-sm 0;
1160
+ } // close @media
1161
+
1162
+ } // close div
1163
+
1164
+ .meta {
1165
+ font-style: italic;
1166
+ }
1167
+
1168
+ } // close .action
1169
+
1170
+ } // close li
1171
+ } // close .item-list
1172
+ } // close #buddypress
1173
+
1174
+ /**
1175
+ *----------------------------------------------------------
1176
+ * @section 4.1 - Activity
1177
+ *----------------------------------------------------------
1178
+ */
1179
+
1180
+ /**
1181
+ *-----------------------------------------------------
1182
+ * @section 4.1.1 - Activity Whats New
1183
+ *-----------------------------------------------------
1184
+ */
1185
+
1186
+ #buddypress {
1187
+ form#whats-new-form {
1188
+
1189
+ // Line-height issue inherited from BP rules, override.
1190
+ p.activity-greeting {
1191
+ line-height: 1.4;
1192
+ }
1193
+
1194
+ // corrective measure for clipped elements due to JS inline styling
1195
+
1196
+ @include medium-only-bp {
1197
+
1198
+ #whats-new-content {
1199
+ clear: left;
1200
+ margin: $spacing-val-sm 0 $spacing-val-md;
1201
+ padding: $spacing-val-sm 0 0;
1202
+ }
1203
+ }
1204
+
1205
+ #whats-new-content.active {
1206
+
1207
+ #whats-new-options[style] {
1208
+
1209
+ #whats-new-post-in-box {
1210
+ border: 1px solid rgba($border-color, 0.5);
1211
+ float: left;
1212
+ line-height: 1.5em;
1213
+ margin-top: 12px;
1214
+ padding-left: 0.2em;
1215
+ width: 100%;
1216
+
1217
+ select {
1218
+ background: none;
1219
+ border: 0;
1220
+ float: right;
1221
+ margin: 0;
1222
+ min-height: 1.5em;
1223
+ padding-left: 0.4em;
1224
+ }
1225
+ }
1226
+
1227
+ @include small-up {
1228
+ #whats-new-post-in-box {
1229
+ width: auto;
1230
+ }
1231
+
1232
+ #whats-new-submit {
1233
+ float: right;
1234
+ }
1235
+ }
1236
+
1237
+ } // close #whats-new-options
1238
+ } // close #whats-new-content.active
1239
+
1240
+ } // close #whats-new-form
1241
+
1242
+ // User account form requires matching bp default specificity
1243
+ #item-body {
1244
+ form#whats-new-form {
1245
+ margin: $spacing-val-lg 0;
1246
+ }
1247
+ }
1248
+ } // close #buddypress
1249
+
1250
+ /**
1251
+ *-----------------------------------------------------
1252
+ * @section 4.1.2 - Activity Listing
1253
+ *-----------------------------------------------------
1254
+ */
1255
+
1256
+ #buddypress {
1257
+
1258
+ #activity-stream {
1259
+
1260
+ // re-size activity avatars and stack small screen
1261
+ // refactor main elements positioning medium up.
1262
+ li {
1263
+ padding: 25px 0 15px;
1264
+
1265
+ .activity-avatar {
1266
+ float: none;
1267
+ text-align: center;
1268
+
1269
+ a {
1270
+ display: inline-block;
1271
+
1272
+ img.avatar {
1273
+ display: inline;
1274
+ float: none;
1275
+ height: 60px;
1276
+ margin-bottom: $spacing-val-md;
1277
+ margin-left: 0;
1278
+ width: 60px;
1279
+ }
1280
+ }
1281
+ } // close .activity-avatar
1282
+
1283
+ .activity-content {
1284
+ margin-left: 0;
1285
+
1286
+ .activity-header {
1287
+ @include font-size(14);
1288
+
1289
+ a {
1290
+ color: #0075c4;
1291
+ }
1292
+ }
1293
+ }
1294
+
1295
+ @include med-small-up {
1296
+
1297
+ .activity-avatar {
1298
+ float: left;
1299
+ margin-right: $spacing-val-sm;
1300
+ text-align: left;
1301
+ a {border-bottom: 0;}
1302
+ }
1303
+
1304
+ .activity-content {
1305
+ margin: 0;
1306
+ overflow: hidden;
1307
+
1308
+ .activity-header {
1309
+ @include font-size(16);
1310
+ }
1311
+ }
1312
+
1313
+ } // close @media
1314
+
1315
+ } // close li
1316
+
1317
+ li.mini {
1318
+
1319
+ .activity-avatar {
1320
+
1321
+ a {
1322
+
1323
+ img.avatar {
1324
+ height: 30px;
1325
+ margin-left: 15px;
1326
+ width: 30px;
1327
+ }
1328
+ }
1329
+ }
1330
+
1331
+ .activity-content {
1332
+
1333
+ .activity-header {
1334
+ @include font-size(14);
1335
+ }
1336
+ }
1337
+ }
1338
+
1339
+ .activity-content {
1340
+ margin-top: -12px;
1341
+
1342
+ .activity-header {
1343
+ margin-right: 0;
1344
+
1345
+ p {
1346
+ border: 1px solid rgba($border-light, 0.6);
1347
+ margin-top: 0;
1348
+ padding: 0 0.2em;
1349
+ }
1350
+
1351
+ img.avatar {
1352
+ box-shadow: none;
1353
+ display: inline-block;
1354
+ margin: 0 5px !important; // have to match to BP
1355
+ vertical-align: middle;
1356
+ }
1357
+ } // close .activity-header
1358
+
1359
+ .activity-meta {
1360
+
1361
+ a {
1362
+ display: block;
1363
+ margin-bottom: $spacing-val-xs;
1364
+
1365
+ @include small-up {
1366
+ display: inline-block;
1367
+ margin-bottom: 0;
1368
+ width: auto;
1369
+ }
1370
+ }
1371
+ }
1372
+
1373
+ } // close .activity-content
1374
+
1375
+ .load-more {
1376
+ background: $light-background;
1377
+ border: 1px solid transparent;
1378
+ padding: $spacing-val-sm;
1379
+
1380
+ &:focus,
1381
+ &:hover {
1382
+ background: darken($light-background, 1%);
1383
+ border: 1px solid rgba(#9fd1e2, 0.3);
1384
+ a { font-style: italic; }
1385
+ }
1386
+
1387
+ a {
1388
+ display: block;
1389
+ }
1390
+ }
1391
+
1392
+ } // close #activity-stream
1393
+ } // close #buddypress
1394
+
1395
+ /* Single activity view - activity permalink */
1396
+
1397
+ .activity-permalink {
1398
+ #buddypress {
1399
+
1400
+ #activity-stream {
1401
+
1402
+ li.activity-item {
1403
+ padding: $spacing-val-md;
1404
+ }
1405
+
1406
+ li.mini {
1407
+ .activity-header {
1408
+ @include font-size(16);
1409
+ @include med-small-up {
1410
+ @include font-size(20);
1411
+ }
1412
+
1413
+ margin-bottom: $spacing-val-lg;
1414
+ p {padding: $spacing-val-md;}
1415
+ }
1416
+ }
1417
+ }
1418
+ }
1419
+ }
1420
+
1421
+ /**
1422
+ *-----------------------------------------------------
1423
+ * @section 4.1.3 - Activity Comments
1424
+ *-----------------------------------------------------
1425
+ */
1426
+ #buddypress {
1427
+
1428
+ #activity-stream {
1429
+
1430
+ .activity-comments {
1431
+ border-left: 1px solid $border-light;
1432
+ margin: $spacing-val-md 0 $spacing-val-md;
1433
+
1434
+ @include small-up {
1435
+ margin-left: $spacing-val-md;
1436
+ }
1437
+
1438
+ ul {
1439
+ margin: 15px 0 0 2px;
1440
+
1441
+ li {
1442
+ border-top: 1px solid $border-color;
1443
+ }
1444
+
1445
+ a {
1446
+ color: #0077c7;
1447
+ }
1448
+ }
1449
+
1450
+ .acomment-meta {
1451
+ border-bottom: 1px solid $border-light;
1452
+ }
1453
+
1454
+ .ac-form {
1455
+
1456
+ input[type="submit"],
1457
+ .ac-reply-cancel {
1458
+ color: rgba($body-text, 0.8);
1459
+ display: inline-block;
1460
+ font-family: inherit;
1461
+ @include font-size(12);
1462
+ font-weight: normal;
1463
+ line-height: 1.2;
1464
+ padding: 4px 10px;
1465
+ text-transform: lowercase;
1466
+ width: 100px;
1467
+ }
1468
+
1469
+ .ac-reply-cancel {
1470
+ border: 1px solid rgba($border-color, 0.7);
1471
+ text-align: center;
1472
+
1473
+ &:focus,
1474
+ &:hover {
1475
+ background: $bp-button-hover;
1476
+ }
1477
+ }
1478
+
1479
+ } // close .ac-form
1480
+
1481
+ } // close .activity-comments
1482
+ } // close .activity
1483
+
1484
+ } // close #buddypress
1485
+
1486
+ /**
1487
+ *----------------------------------------------------------
1488
+ * @section 4.2 - Members Loop
1489
+ *----------------------------------------------------------
1490
+ */
1491
+
1492
+ #buddypress {
1493
+
1494
+ #members-list {
1495
+
1496
+ @include medium-up {
1497
+
1498
+ li {
1499
+ .item-avatar,
1500
+ .item {
1501
+ float: left;
1502
+ }
1503
+
1504
+ .action {
1505
+ float: right;
1506
+ }
1507
+ }
1508
+
1509
+ li.is-current-user {
1510
+
1511
+ .item {
1512
+ float: none;
1513
+ left: 0;
1514
+ padding-left: 5%;
1515
+ width: auto;
1516
+ }
1517
+ }
1518
+ }
1519
+
1520
+ } // close #members-list
1521
+ } //close #BuddyPress
1522
+
1523
+ /**
1524
+ *-------------------------------------------------------------------------------
1525
+ * @section 5.0 - Directories
1526
+ *-------------------------------------------------------------------------------
1527
+ */
1528
+
1529
+ /**
1530
+ *-----------------------------------------------------------
1531
+ * @subsection Registration
1532
+ *-----------------------------------------------------------
1533
+ */
1534
+
1535
+ #buddypress {
1536
+
1537
+ #signup_form.standard-form {
1538
+
1539
+ #profile-details-section,
1540
+ #basic-details-section,
1541
+ #blog-details-section {
1542
+ float: none;
1543
+ width: 100%;
1544
+
1545
+ @include small-up-bp {
1546
+ width: 48%;
1547
+ }
1548
+ }
1549
+
1550
+ @include small-up {
1551
+ #profile-details-section {float: right;}
1552
+ #basic-details-section {float: left;}
1553
+ }
1554
+
1555
+ }
1556
+ }
1557
+
1558
+ /**
1559
+ *-------------------------------------------------------------------------------
1560
+ * @section 6.0 - Single Item screens: User Account & Single Group Screens
1561
+ *-------------------------------------------------------------------------------
1562
+ */
1563
+
1564
+
1565
+ /**
1566
+ *-----------------------------------------------------------
1567
+ * @subsection 6.1 - Item Header Global
1568
+ *-----------------------------------------------------------
1569
+ */
1570
+ @include med-small-up {
1571
+
1572
+
1573
+ .bp-user.page-two-column {
1574
+
1575
+ #buddypress {
1576
+
1577
+ #cover-image-container {
1578
+
1579
+ #item-header-cover-image {
1580
+
1581
+ #item-header-content {
1582
+ margin-left: 140px;
1583
+ margin-top: -100px;
1584
+ }
1585
+ }
1586
+ }
1587
+ }
1588
+ }
1589
+
1590
+ .single-item.groups.page-two-column {
1591
+
1592
+ #buddypress {
1593
+
1594
+ #cover-image-container {
1595
+
1596
+ #item-header-cover-image {
1597
+
1598
+ #item-header-content {
1599
+ margin-left: 10px;
1600
+ }
1601
+ }
1602
+ }
1603
+ }
1604
+ }
1605
+
1606
+ } // close media
1607
+
1608
+ .bp-user,
1609
+ .single-item.groups {
1610
+
1611
+ #buddypress {
1612
+
1613
+ // we need to remove the cover image dec styles
1614
+ // & reset them for med up only.
1615
+ #item-header-cover-image {
1616
+ .user-nicename {
1617
+ color: $body-text;
1618
+ text-shadow: none;
1619
+ }
1620
+ }
1621
+
1622
+ @include med-small-up {
1623
+
1624
+ #item-header-cover-image {
1625
+
1626
+ .user-nicename {
1627
+ color: $white;
1628
+ text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
1629
+ }
1630
+ }
1631
+ }
1632
+
1633
+ #item-header-content {
1634
+
1635
+ #item-meta {
1636
+ @include font-size(14);
1637
+ text-align: left;
1638
+
1639
+ p {margin-bottom: 0.5em;}
1640
+ }
1641
+ }
1642
+ }
1643
+
1644
+ @include medium-only-bp {
1645
+
1646
+ main {
1647
+ header.entry-header {
1648
+ padding-bottom: 1rem;
1649
+ }
1650
+ }
1651
+ }
1652
+
1653
+ @include small-only {
1654
+
1655
+ h1,
1656
+ #item-header-content {
1657
+ text-align: center;
1658
+ }
1659
+ }
1660
+
1661
+ #buddypress {
1662
+
1663
+ @include medium-only-bp {
1664
+
1665
+ #item-header {
1666
+
1667
+ .generic-button {
1668
+ float: none;
1669
+ margin: 1.5em 0 0 0;
1670
+ }
1671
+ }
1672
+ }
1673
+
1674
+ @include small-only {
1675
+
1676
+ h1 {
1677
+ margin-bottom: 0;
1678
+ }
1679
+
1680
+ #item-header-avatar {
1681
+ img.avatar {
1682
+ margin-right: 0;
1683
+ }
1684
+ }
1685
+
1686
+ #item-header-content {
1687
+ width: 100%;
1688
+ }
1689
+ }
1690
+ }
1691
+ }
1692
+
1693
+ /**
1694
+ *-----------------------------------------------------
1695
+ * @subsection 6.1.1 - item-header Groups
1696
+ *
1697
+ * Group Specific Item Header
1698
+ *-----------------------------------------------------
1699
+ */
1700
+
1701
+ .single-item.groups {
1702
+
1703
+ #buddypress {
1704
+
1705
+ @include medium-only-bp {
1706
+ #item-header {
1707
+ #item-meta {
1708
+ margin-bottom: $spacing-val-md;
1709
+ }
1710
+ }
1711
+ }
1712
+
1713
+ // Move visual flow of avatar & item-actions at narrow width,
1714
+ // avatar first after group title
1715
+ @include small-only {
1716
+
1717
+ div#item-header {
1718
+ display: flex;
1719
+ flex-direction: column;
1720
+
1721
+ #item-header-avatar {
1722
+ order: 1;
1723
+ text-align: center;
1724
+
1725
+ a {
1726
+
1727
+ img {
1728
+ display: inline-block;
1729
+ float: none;
1730
+ }
1731
+ }
1732
+ }
1733
+
1734
+ #item-header-content {
1735
+ order: 2;
1736
+ }
1737
+
1738
+ #item-actions {
1739
+ order: 3;
1740
+
1741
+ h2 {
1742
+ border-bottom: 1px solid $border-light;
1743
+ text-align: center;
1744
+ }
1745
+ }
1746
+ }
1747
+ } // close @media
1748
+
1749
+ div#item-header {
1750
+ padding-bottom: $spacing-val-lg;
1751
+
1752
+ div#item-actions {
1753
+ margin: 0;
1754
+ width: 100%;
1755
+
1756
+ @include small-up-bp {
1757
+ border-left: 1px solid $border-light;
1758
+ clear: none;
1759
+ float: right;
1760
+ padding-left: 0.2em;
1761
+ width: 30%;
1762
+ } // close @media
1763
+
1764
+ @include med-small-up {
1765
+ width: 40%;
1766
+ }
1767
+
1768
+ ul {
1769
+ margin-top: 0;
1770
+ padding-left: 0;
1771
+ }
1772
+
1773
+ h2 {
1774
+ @include font-size(14);
1775
+
1776
+ @include med-small-up {
1777
+ @include font-size(16);
1778
+ }
1779
+
1780
+ padding: 0.2em;
1781
+ }
1782
+ } // close item-actions
1783
+
1784
+ @include med-small-up {
1785
+
1786
+ #item-header-avatar,
1787
+ #item-header-content {
1788
+ float: left;
1789
+ }
1790
+
1791
+ #item-header-avatar {
1792
+ width: 21%;
1793
+ }
1794
+
1795
+ #item-header-content {
1796
+ margin-left: 4%;
1797
+ width: 40%;
1798
+ }
1799
+
1800
+ div#item-actions {
1801
+ float: right;
1802
+ width: 28%;
1803
+ }
1804
+
1805
+ } // close @media
1806
+
1807
+ } // close #item-header
1808
+ } // close #buddypress
1809
+ } // close .groups
1810
+
1811
+ /**
1812
+ *-----------------------------------------------------
1813
+ * @subsection 6.1.2 - Item Header User Accounts
1814
+ *
1815
+ * User Accounts Specific Item Header
1816
+ *-----------------------------------------------------
1817
+ */
1818
+
1819
+ .bp-user {
1820
+ #buddypress {
1821
+
1822
+ #item-header {
1823
+ padding: $spacing-val-md 0;
1824
+
1825
+ #item-header-avatar {
1826
+ text-align: center;
1827
+ width: 100%;
1828
+
1829
+ img.avatar,
1830
+
1831
+ a {
1832
+ display: inline-block;
1833
+ float: none;
1834
+ }
1835
+ }
1836
+
1837
+ @include med-small-up {
1838
+
1839
+ #item-header-avatar {
1840
+ float: left;
1841
+ width: 20%;
1842
+
1843
+ a {
1844
+ float: left;
1845
+ }
1846
+ }
1847
+
1848
+ #item-header-content {
1849
+ float: right;
1850
+ margin-right: 5%;
1851
+ width: 69%;
1852
+ }
1853
+
1854
+ } // close @media
1855
+
1856
+ } // close #item-header
1857
+
1858
+ } // close #buddypress
1859
+ } // close .bp-user
1860
+
1861
+ /**
1862
+ *-----------------------------------------------------------
1863
+ * @subsection 6.2 - Item Body: Global
1864
+ *-----------------------------------------------------------
1865
+ */
1866
+
1867
+
1868
+ /**
1869
+ *----------------------------------------------------
1870
+ * @subsection 6.2.1 - Item Body Groups
1871
+ *
1872
+ * Groups specific item body rules - screens
1873
+ *----------------------------------------------------
1874
+ */
1875
+
1876
+ .groups.single-item.members {
1877
+
1878
+ #buddypress {
1879
+
1880
+ #subnav.item-list-tabs {
1881
+
1882
+ ul {
1883
+ background: none;
1884
+ border-top: 0;
1885
+ }
1886
+
1887
+ }
1888
+ }
1889
+
1890
+ }
1891
+
1892
+ /**
1893
+ *-----------------------------------------
1894
+ * @subsection 6.2.1.1 - Group Management
1895
+ *-----------------------------------------
1896
+ */
1897
+
1898
+ // headings settings screens & general global settings styles
1899
+ .groups {
1900
+
1901
+ #group-settings-form {
1902
+
1903
+ h3 {
1904
+ background: $dark-background;
1905
+ color: $content-background;
1906
+ padding: 0.2em;
1907
+ }
1908
+ }
1909
+ }
1910
+
1911
+ .groups.edit-details {
1912
+
1913
+ #group-settings-form {
1914
+
1915
+ label {
1916
+ margin-bottom: 0;
1917
+ padding: 0.2em;
1918
+ width: 80%;
1919
+ }
1920
+
1921
+ textarea + p label {
1922
+ background: none;
1923
+ color: inherit;
1924
+ @include font-size(14);
1925
+ width: auto;
1926
+ }
1927
+
1928
+ textarea {
1929
+ height: auto;
1930
+ min-height: 100px;
1931
+ overflow: auto;
1932
+ }
1933
+ }
1934
+ } // close .groups.edit-details
1935
+
1936
+ .groups.group-settings {
1937
+
1938
+ #group-settings-form {
1939
+
1940
+ div.radio label {
1941
+ border: 1px solid $border-light;
1942
+ padding: 0.2em;
1943
+
1944
+ ul {
1945
+ color: rgba($body-text, 0.6);
1946
+ @include font-size(14);
1947
+ }
1948
+ }
1949
+
1950
+ }
1951
+ } // close .groups.group-settings
1952
+
1953
+ .groups.group-avatar {
1954
+
1955
+ form > p {
1956
+ margin-top: $spacing-val-md;
1957
+ }
1958
+
1959
+ }
1960
+
1961
+ .groups.manage-members {
1962
+
1963
+ #group-settings-form {
1964
+
1965
+ .item-list {
1966
+
1967
+ li {
1968
+ border-bottom: 1px solid $border-light;
1969
+
1970
+ img,
1971
+ h5 {
1972
+ float: left;
1973
+
1974
+ > a {border-bottom: 0;}
1975
+ }
1976
+
1977
+ span.small {
1978
+ clear: left;
1979
+ display: block;
1980
+ float: none;
1981
+ margin-top: $spacing-val-sm;
1982
+
1983
+ a {
1984
+ display: inline-block;
1985
+ margin: $spacing-val-xs 0;
1986
+ width: 100%;
1987
+
1988
+ @media screen and (min-width: 38.75em) {
1989
+ width: auto;
1990
+ }
1991
+ }
1992
+ }
1993
+
1994
+ h5 {
1995
+ margin: 0;
1996
+ }
1997
+
1998
+ }
1999
+ }
2000
+ }
2001
+ } // close .groups.manage-members
2002
+
2003
+ /**
2004
+ *-----------------------------------------
2005
+ * @subsection 6.2.1.2 - Group members
2006
+ *-----------------------------------------
2007
+ */
2008
+
2009
+ // Massage the members search for groups nav specifically.
2010
+ .groups.group-members {
2011
+
2012
+ #subnav {
2013
+ li {
2014
+ @include small-only {
2015
+ background: $content-background;
2016
+ padding: $spacing-val-md 0;
2017
+ }
2018
+
2019
+ width: 100%;
2020
+
2021
+ #search-members-form {
2022
+ float: right;
2023
+
2024
+ @include small-only {
2025
+ margin: 0;
2026
+ width: 100%;
2027
+
2028
+ label {
2029
+ input[type="text"] {width: 100%;}
2030
+ }
2031
+ }
2032
+
2033
+ margin: $spacing-val-xs 0 0;
2034
+ }
2035
+ }
2036
+ }
2037
+ }
2038
+
2039
+ /**
2040
+ *-----------------------------------------------------
2041
+ * @subsection 6.2.2 - Item Body User Accounts
2042
+ *
2043
+ * User Account specific item body rules
2044
+ *-----------------------------------------------------
2045
+ */
2046
+
2047
+ .bp-user {
2048
+
2049
+ .entry-title {
2050
+ margin-bottom: 0.5em;
2051
+ }
2052
+ }
2053
+
2054
+ /**
2055
+ *--------------------------------------------
2056
+ * @subsection 6.2.2.1 - classes, pag, filters
2057
+ *--------------------------------------------
2058
+ */
2059
+ .bp-user {
2060
+
2061
+ #buddypress {
2062
+
2063
+ table {
2064
+
2065
+ th {
2066
+ @include font-size(14)
2067
+ }
2068
+
2069
+ td {
2070
+ @include font-size(12)
2071
+ }
2072
+
2073
+ a {
2074
+ color: #0074c2;
2075
+ }
2076
+
2077
+ @include medium-up {
2078
+
2079
+ th {
2080
+ @include font-size(16)
2081
+ }
2082
+
2083
+ td {
2084
+ @include font-size(14)
2085
+ }
2086
+ }
2087
+
2088
+ @include large-up {
2089
+
2090
+ th {
2091
+ @include font-size(18)
2092
+ }
2093
+
2094
+ td {
2095
+ @include font-size(16)
2096
+ }
2097
+ }
2098
+ }
2099
+
2100
+ .pag-count {font-style: italic;}
2101
+
2102
+ .notifications-options-nav,
2103
+ .messages-options-nav {
2104
+
2105
+ float: left;
2106
+ width: 100%;
2107
+
2108
+ @include small-up-bp {
2109
+ width: 300px;
2110
+ }
2111
+
2112
+ select {
2113
+ height: auto;
2114
+ }
2115
+
2116
+ select,
2117
+ input {
2118
+
2119
+ @include font-size(14);
2120
+ outline: 0;
2121
+ padding: 0;
2122
+ }
2123
+
2124
+ select {
2125
+ float: left;
2126
+ margin-right: 1%;
2127
+ width: 59%;
2128
+ }
2129
+
2130
+ input {
2131
+ float: right;
2132
+ font-family: inherit;
2133
+ line-height: 20px;
2134
+ width: 40%;
2135
+ }
2136
+
2137
+ input[disabled="disabled"]:focus,
2138
+ input[disabled="disabled"]:hover {
2139
+ background: none;
2140
+ }
2141
+
2142
+
2143
+ } // close .notifications-options-nav/.messages-options-nav
2144
+
2145
+ } //close #buddypress
2146
+ } // close .bp-user
2147
+
2148
+ /**
2149
+ *-------------------------------------------
2150
+ * @subsection 6.2.2.2 - Extended Profiles
2151
+ *-------------------------------------------
2152
+ */
2153
+
2154
+ .bp-user {
2155
+
2156
+ #buddypress {
2157
+
2158
+ .profile {
2159
+
2160
+ h2 {
2161
+ margin: $spacing-val-lg 0 $spacing-val-sm;
2162
+ padding: 0.1em 0 0.1em 0.4em;
2163
+ }
2164
+
2165
+ table {margin-top: 0;}
2166
+
2167
+ .profile-fields {
2168
+
2169
+ tr.alt {
2170
+
2171
+ td {
2172
+ color: $body-text;
2173
+ }
2174
+ }
2175
+
2176
+ tr:last-child {
2177
+ border-bottom: 0;
2178
+ }
2179
+ }
2180
+
2181
+ /* Edit profile */
2182
+
2183
+ #profile-edit-form {
2184
+
2185
+ .button-nav:before,
2186
+ .button-nav:after {
2187
+ content: " ";
2188
+ display: table;
2189
+ }
2190
+
2191
+ .button-nav:after {
2192
+ clear: both;
2193
+ }
2194
+
2195
+ ul.button-nav {
2196
+ border-bottom: 1px solid $border-light;
2197
+ margin-left: 0;
2198
+
2199
+ li {
2200
+ float: left;
2201
+ margin-bottom: 0;
2202
+
2203
+ &.current {
2204
+ border: 1px solid $border-light;
2205
+ border-bottom-color: #fff;
2206
+ margin-bottom: -1px;
2207
+ }
2208
+ } // li
2209
+
2210
+ a {
2211
+ background: none;
2212
+ border: 0;
2213
+ @include font-size(18)
2214
+ }
2215
+ } //.button-nav
2216
+
2217
+ .field-visibility-settings-toggle,
2218
+ .field-visibility-settings-notoggle,
2219
+ .field-visibility-settings {
2220
+ @include font-size(14);
2221
+ margin-top: $spacing-val-sm;
2222
+ }
2223
+
2224
+ .field-visibility-settings-close,
2225
+ .visibility-toggle-link {
2226
+ background: $dark-background;
2227
+ @include border-radius(3px);
2228
+ color: #fff;
2229
+ padding: 0.2em 0.5em;
2230
+ }
2231
+ } // close profile form
2232
+
2233
+ .bp-avatar {
2234
+ #bp-delete-avatar {
2235
+ a {font-size: inherit; }
2236
+ }
2237
+ }
2238
+ } // close .profile
2239
+
2240
+ } // close #buddypress
2241
+ } // close .bp-user
2242
+
2243
+ /**
2244
+ *-------------------------------------------
2245
+ * @subsection 6.2.2.3 - Groups
2246
+ *-------------------------------------------
2247
+ */
2248
+
2249
+ .bp-user {
2250
+
2251
+ #buddypress {
2252
+
2253
+ #groups-list {
2254
+ li {
2255
+ .item {
2256
+ @media screen and (min-width: 77.5em) {
2257
+ left: 5%;
2258
+ width: 50%;
2259
+ }
2260
+ }
2261
+ }
2262
+ }
2263
+
2264
+ } // close #buddypress
2265
+ } // close .bp-user
2266
+
2267
+ /**
2268
+ *-------------------------------------------
2269
+ * @subsection 6.2.2.5 - Private Messaging
2270
+ *-------------------------------------------
2271
+ */
2272
+
2273
+ .bp-user {
2274
+
2275
+ #buddypress {
2276
+
2277
+ #message-thread {
2278
+ //Single message view
2279
+
2280
+ a {
2281
+ border-bottom: 0;
2282
+ }
2283
+
2284
+ #message-subject {
2285
+ background: lighten($dark-background, 10%);
2286
+ color: $content-background;
2287
+ padding: 0.3em 0 0.3em 0.2em;
2288
+ }
2289
+
2290
+ #message-recipients {
2291
+ font-style: italic;
2292
+
2293
+ a.confirm {
2294
+ border: 1px solid $border-light;
2295
+ font-style: normal;
2296
+ }
2297
+ }
2298
+
2299
+ .message-metadata {
2300
+ overflow: hidden;
2301
+
2302
+ img.avatar {
2303
+ float: none;
2304
+ }
2305
+
2306
+ @include med-small-up {
2307
+ img.avatar {
2308
+ float: left;
2309
+ }
2310
+ }
2311
+
2312
+ .message-star-actions {
2313
+ float: right;
2314
+ margin-right: $spacing-val-xs;
2315
+ position: static;
2316
+ }
2317
+ } // close .message-meta
2318
+
2319
+ .message-content {
2320
+ background: $light-background;
2321
+ border: 1px solid $border-light;
2322
+ margin: $spacing-val-sm 0 0 0;
2323
+ padding: 0.3em;
2324
+ }
2325
+
2326
+ #send-reply {
2327
+
2328
+ .message-content {
2329
+ background: $content-background;
2330
+ border: 0;
2331
+ }
2332
+ }
2333
+
2334
+ .alt {
2335
+ background: $content-background;
2336
+ }
2337
+
2338
+ } // close message-thread Singular view!
2339
+
2340
+ #message-threads {
2341
+
2342
+ thead {
2343
+
2344
+ tr {
2345
+ background: none;
2346
+ border-bottom: 1px solid $border-color;
2347
+
2348
+
2349
+ th {
2350
+ background: #555;
2351
+ }
2352
+ }
2353
+ }
2354
+
2355
+ tr {
2356
+ border-bottom: 5px solid $medium-grey;
2357
+
2358
+ td {
2359
+ display: inline-block;
2360
+ float: left;
2361
+ }
2362
+
2363
+ td.thread-star,
2364
+ td.thread-options {
2365
+ border-bottom-color: $border-color;
2366
+ border-bottom-width: 1px;
2367
+ height: 2.4em;
2368
+ padding-bottom: 0.2em;
2369
+ padding-top: 0.2em;
2370
+
2371
+ @media screen and (max-width: 46.25em) {
2372
+ padding-top: 0;
2373
+ }
2374
+ }
2375
+
2376
+ td.bulk-select-check,
2377
+ td.thread-star,
2378
+ td.thread-from,
2379
+ td.thread-info,
2380
+ td.thread-options {
2381
+ border-top: 0;
2382
+ }
2383
+
2384
+ td.thread-star {
2385
+ vertical-align: middle;
2386
+
2387
+ .message-action-star {
2388
+ line-height: 1.2;
2389
+ }
2390
+ }
2391
+
2392
+ td.bulk-select-check,
2393
+ td.thread-from {
2394
+ height: 3em;
2395
+
2396
+ @include small-only {
2397
+ height: 5.2em;
2398
+ }
2399
+ }
2400
+
2401
+ td.thread-from,
2402
+ td.thread-options {
2403
+ border-left: 0 !important;
2404
+ @include calc(width, "100% - 30px");
2405
+ margin-left: 0;
2406
+ }
2407
+
2408
+ td.thread-info {
2409
+ padding-left: 41px;
2410
+ width: 100%;
2411
+
2412
+ a::after {
2413
+ content: " \2017 \00a0"attr(title);
2414
+ @include font-size(12);
2415
+ }
2416
+ }
2417
+
2418
+ td.thread-options {
2419
+ text-align: right;
2420
+
2421
+ a {
2422
+ @include font-size(12);
2423
+ line-height: 2.2;
2424
+ }
2425
+ }
2426
+
2427
+ span.from {
2428
+ display: none;
2429
+ }
2430
+
2431
+ span.activity {
2432
+ display: block;
2433
+ float: right;
2434
+ line-height: 2;
2435
+
2436
+ @include small-only {
2437
+ clear: both;
2438
+ @include font-size(11);
2439
+ width: 100%;
2440
+ }
2441
+ }
2442
+ }
2443
+
2444
+ tr.unread {
2445
+
2446
+ td {
2447
+ background: none;
2448
+ border-color: $border-color;
2449
+ }
2450
+ }
2451
+
2452
+ th {
2453
+ display: none;
2454
+ }
2455
+
2456
+ th.bulk-select-all {
2457
+ border-bottom: 0;
2458
+ display: inline-block;
2459
+ text-align: left;
2460
+ }
2461
+
2462
+ th.bulk-select-all,
2463
+ td.bulk-select-check,
2464
+ td.thread-star {
2465
+ border-right: 0;
2466
+ width: 30px;
2467
+ }
2468
+ }
2469
+
2470
+ .acfb-holder {
2471
+ list-style: none;
2472
+
2473
+ li {margin-left: 0;}
2474
+
2475
+ li.friend-tab {
2476
+ background: lighten($notice-info, 20%);
2477
+ border: inherit;
2478
+ margin-right: 0;
2479
+ padding: 0.5em;
2480
+
2481
+ span.p {
2482
+ // the 'X' close
2483
+ padding-left: $spacing-val-sm;
2484
+
2485
+ &:focus,
2486
+ &:hover {
2487
+ color: $link-action;
2488
+ cursor: pointer;
2489
+ }
2490
+ }
2491
+
2492
+ a {
2493
+ border-bottom: 0;
2494
+ text-decoration: none;
2495
+
2496
+ img {
2497
+ // this is the tiny user avatar
2498
+ display: inline;
2499
+ height: 20px;
2500
+ vertical-align: middle;
2501
+ width: 20px !important; // override inline style
2502
+ }
2503
+ }
2504
+ }
2505
+ }
2506
+
2507
+ #message-threads.sitewide-notices {
2508
+
2509
+ td {
2510
+ width: 100%;
2511
+
2512
+ strong {
2513
+ background: lighten($dark-background, 10%);
2514
+ color: $content-background;
2515
+ display: block;
2516
+ margin-bottom: 0.4em;
2517
+ padding-left: 0.2em;
2518
+ }
2519
+
2520
+ a {
2521
+ display: inline-block;
2522
+ }
2523
+ }
2524
+
2525
+ td:first-child {
2526
+ display: none;
2527
+ }
2528
+
2529
+ td:nth-child(2) {
2530
+ strong {
2531
+ margin: -8px -8px 8px;
2532
+ }
2533
+ }
2534
+
2535
+ td:first-child + td + td {
2536
+ // notice date
2537
+ border-bottom: 0;
2538
+
2539
+ span {
2540
+ line-height: 1;
2541
+ }
2542
+ }
2543
+
2544
+ td:last-child {
2545
+ // notice actions
2546
+ border-bottom-color: darken($border-light, 20%);
2547
+ line-height: 1;
2548
+ text-align: right;
2549
+
2550
+ a:last-child {
2551
+ // hide the 'x' text
2552
+ line-height: 0;
2553
+ margin-left: 0.7em;
2554
+ text-indent: -999em;
2555
+ }
2556
+
2557
+ a:last-child::after {
2558
+ content: attr(title);
2559
+ display: block;
2560
+ line-height: initial;
2561
+ text-indent: 0;
2562
+ }
2563
+ }
2564
+ }
2565
+
2566
+ } // #buddypress
2567
+
2568
+ // acfb auto complete name list sits in doc footer before body close
2569
+ .ac_results {
2570
+ background: #eee;
2571
+ padding-left: $spacing-val-sm;
2572
+
2573
+ ul { margin: 0; }
2574
+
2575
+ li {
2576
+ margin: $spacing-val-sm 0;
2577
+
2578
+ &:focus,
2579
+ &:hover {
2580
+ cursor: pointer;
2581
+ }
2582
+ }
2583
+ }
2584
+
2585
+ } // close .bp-user
2586
+
2587
+ /**
2588
+ *------------------------------
2589
+ * @subsection 6.2.2.6 - Settings
2590
+ *------------------------------
2591
+ */
2592
+
2593
+ .bp-user {
2594
+
2595
+ #buddypress {
2596
+
2597
+ #settings-form {
2598
+ // 'p' = email notification screen sub heading
2599
+ > p {
2600
+ @include font-size(20);
2601
+ margin: $spacing-val-md 0 $spacing-val-sm;
2602
+ }
2603
+ }
2604
+
2605
+ table.notification-settings {
2606
+
2607
+ td.yes,
2608
+ td.no {
2609
+ vertical-align: middle;
2610
+ }
2611
+ }
2612
+
2613
+ // Profile table td widths
2614
+ table.profile-settings {
2615
+ width: 100%;
2616
+
2617
+ th.field-group-name,
2618
+ td.field-name {
2619
+ width: 50%;
2620
+ }
2621
+
2622
+ @include med-small-up {
2623
+
2624
+ th.field-group-name,
2625
+ td.field-name {
2626
+ width: 70%;
2627
+ }
2628
+ }
2629
+
2630
+ th.title,
2631
+ td.field-visibility {
2632
+ width: 30%;
2633
+ }
2634
+
2635
+ td.field-visibility {
2636
+
2637
+ select {
2638
+ width: 100%;
2639
+ }
2640
+ }
2641
+ }
2642
+
2643
+ } // close #buddyPress
2644
+
2645
+ } // close .bp-user
2646
+
2647
+ /**
2648
+ *-------------------------------------------------------------------------------
2649
+ * @section 7.0 - Forms - General
2650
+ *-------------------------------------------------------------------------------
2651
+ */
2652
+
2653
+ // Attempt to reset form control widths
2654
+ #main {
2655
+
2656
+ #buddypress {
2657
+
2658
+ .standard-form {
2659
+
2660
+ li {
2661
+ float: none;
2662
+ }
2663
+
2664
+ input[type='text'],
2665
+ input[type='email'],
2666
+ input[type='password'],
2667
+ textarea {
2668
+ width: 100%;
2669
+ }
2670
+ }
2671
+ }
2672
+ }
2673
+
2674
+ #buddypress {
2675
+
2676
+ // Match BP form elements to Themes(2017) styling where styles
2677
+ // are not inherited or being overriden.
2678
+ div.activity-comments {
2679
+
2680
+ form {
2681
+ .ac-textarea {
2682
+ background: $light-background;
2683
+ border: 1px solid rgba($border-color, 0.5);
2684
+
2685
+ textarea {
2686
+ background: none;
2687
+ border: 0;
2688
+ }
2689
+ }
2690
+ }
2691
+ }
2692
+
2693
+ // 2017 sets large height on selects lets try to manage that
2694
+ select {
2695
+ height: auto;
2696
+ }
2697
+
2698
+ .standard-form {
2699
+
2700
+ // Keep BP form element borders to 1px rather than 2013 2px
2701
+ input[type="text"],
2702
+ input[type="email"],
2703
+ input[type="password"],
2704
+ button,
2705
+ select,
2706
+ textarea {
2707
+ border-color: rgba($border-color, 0.5);
2708
+ border-width: 1px;
2709
+ }
2710
+
2711
+ select {
2712
+ color: #737373;
2713
+ }
2714
+
2715
+ } // close .standard-form
2716
+
2717
+ #signup_form.standard-form {
2718
+ div.submit {
2719
+ float: none;
2720
+
2721
+ input {margin-right: 0;}
2722
+ }
2723
+ }
2724
+
2725
+ } // close #buddypress
2726
+
2727
+ #buddypress {
2728
+
2729
+ div.dir-search,
2730
+ div.message-search,
2731
+ li.groups-members-search {
2732
+ float: none;
2733
+ margin: $spacing-val-sm 0;
2734
+
2735
+ // Stylise the seach form elements, in part this deals with padding
2736
+ // issues on the submit & sizing issues between bp styles & 2017
2737
+
2738
+ form { // *sigh* only to bludgeon over specified rules
2739
+ border: 1px solid rgba($border-color, 0.6);
2740
+ @include border-radius(2px);
2741
+ overflow: hidden;
2742
+
2743
+ label {
2744
+ float: left;
2745
+ margin: 0;
2746
+ width: 70%;
2747
+ }
2748
+
2749
+ input[type="text"] {
2750
+ float: left;
2751
+ margin: 0;
2752
+ width: 100%;
2753
+ }
2754
+
2755
+ input[type="text"],
2756
+ input[type="submit"] {
2757
+ border: 0;
2758
+ @include font-size(14);
2759
+ line-height: inherit;
2760
+ }
2761
+
2762
+ input[type="text"] {
2763
+ border-right: 1px solid rgba($border-color, 0.6);
2764
+ font-weight: 400;
2765
+ padding: 0.2em 0 0.2em 0.2em;
2766
+ }
2767
+
2768
+ input[type="submit"] {
2769
+ @include border-radius-none();
2770
+ float: right;
2771
+ font-weight: normal;
2772
+ padding: 0.2em 1em;
2773
+ text-align: center;
2774
+ text-transform: none;
2775
+ width: 30%;
2776
+ }
2777
+ } // close form
2778
+
2779
+ } // close .dir-search, .message-search
2780
+
2781
+ // Dirs & certain components hide search hides labels so can't width the label element
2782
+ // adjust so that the input takes reduced width.
2783
+
2784
+ div.dir-search {
2785
+ margin-top: 0;
2786
+ }
2787
+
2788
+ .dir-search #search-members-form,
2789
+ #search-groups-form,
2790
+ #search-message-form {
2791
+
2792
+ input[type='text'] {
2793
+ float: left;
2794
+ margin: 0;
2795
+ width: 70%;
2796
+ }
2797
+ }
2798
+
2799
+ // Shift the search parent to the right and allow to shrinkwrap
2800
+
2801
+ @include small-up {
2802
+ div.dir-search,
2803
+ div.message-search,
2804
+ li.groups-members-search {
2805
+ float: right;
2806
+ margin-bottom: 5px !important;
2807
+ }
2808
+
2809
+ } // close @media
2810
+
2811
+
2812
+ @include large-up {
2813
+
2814
+ .dir-search,
2815
+ .message-search,
2816
+ li.groups-members-search {
2817
+
2818
+ form {
2819
+
2820
+ input[type='text'] {
2821
+ @include font-size(16) ;
2822
+ }
2823
+
2824
+ input[type='submit'] {
2825
+ @include font-size(16) ;
2826
+ }
2827
+ }
2828
+ }
2829
+ }
2830
+
2831
+ } // close #buddypress
2832
+
2833
+ // Adjustments for form elements colors, backgrounds, borders under the dark scheme.
2834
+ body.colors-dark {
2835
+
2836
+ #page { // for weight
2837
+
2838
+ #buddypress {
2839
+
2840
+ .dir-search,
2841
+ .groups-members-search,
2842
+ .message-search {
2843
+
2844
+ form {
2845
+ background: #333;
2846
+ border-color: #555;
2847
+ @include border-radius(2px);
2848
+ padding: 1px;
2849
+ }
2850
+
2851
+ input[type="text"] {
2852
+ background: none;
2853
+ }
2854
+
2855
+ input[type="submit"] {
2856
+ @include border-radius(2px);
2857
+ }
2858
+ }
2859
+ }
2860
+
2861
+ .message-search {
2862
+ margin-top: 0;
2863
+ }
2864
+ }
2865
+ }
2866
+ /**
2867
+ *-------------------------------------------------------------------------------
2868
+ * @section 8.0 - Tables - General
2869
+ *-------------------------------------------------------------------------------
2870
+ */
2871
+
2872
+ // Adjust table font sizes, default too large proportionally
2873
+ // This approach will require refinement and perhaps re-location to
2874
+ // a more general typography section to manage BP elements grouped under
2875
+ // breakpoints. Provide top/bottom margins for tables, lacking in BP styles
2876
+
2877
+ #buddypress {
2878
+
2879
+ table {
2880
+ @include font-size(14);
2881
+ margin: $spacing-val-md 0;
2882
+
2883
+ tr th {
2884
+ background: $light-background;
2885
+ border-color: $border-light;
2886
+ color: $body-text;
2887
+ }
2888
+
2889
+ // Reduce the themes inherited paragraph margins in tables
2890
+ p {
2891
+ margin-bottom: 0.5em;
2892
+ }
2893
+ }
2894
+
2895
+ @include medium-up {
2896
+ table {
2897
+ @include font-size(16);
2898
+ }
2899
+ }
2900
+ }
2901
+
2902
+ /*__ User Account tables __*/
2903
+
2904
+ #buddypress {
2905
+
2906
+ // Manage some table cells widths that are disproportionate to their content
2907
+ .notifications,
2908
+ .messages-notices {
2909
+
2910
+ th {
2911
+ width: 30%;
2912
+
2913
+ &.bulk-select-all {
2914
+ text-align: center;
2915
+ width: 10%;
2916
+ }
2917
+ }
2918
+
2919
+ .bulk-select-check,
2920
+ .thread-star {
2921
+ text-align: center;
2922
+ }
2923
+
2924
+ .notification-actions,
2925
+ td.thread-options {
2926
+ text-align: center;
2927
+
2928
+ a {
2929
+ display: inline-block;
2930
+ margin: 0;
2931
+ padding: 0;
2932
+ }
2933
+ }
2934
+
2935
+ // Notices action buttons, this maybe better moved, temp for now to address
2936
+ // styling issues - this will need styling ideas
2937
+ td {
2938
+
2939
+ .button {
2940
+ border: 0;
2941
+ display: block;
2942
+ padding: 0;
2943
+ text-align: center;
2944
+ }
2945
+ }
2946
+
2947
+ } // .notifications, .message-notices
2948
+
2949
+ .notifications { // table element
2950
+ .actions { // th element
2951
+ text-align: center;
2952
+ }
2953
+ }
2954
+ } // #buddypress
2955
+
2956
+ /**
2957
+ *-------------------------------------------------------------------------------
2958
+ * @section 9.0 - Error / Success messages
2959
+ *-------------------------------------------------------------------------------
2960
+ */
2961
+
2962
+ // message args ($variable-color, text-color)
2963
+ // Leave text-color undefined to automagically set text color
2964
+ // to background color darker by 50%
2965
+
2966
+ #buddypress {
2967
+
2968
+ div#message {
2969
+
2970
+ p {
2971
+ @include font-size(18);
2972
+ font-weight: bold;
2973
+ }
2974
+
2975
+ &.info {
2976
+
2977
+ p {
2978
+ @include message-box($notice-info);
2979
+ }
2980
+ }
2981
+
2982
+ &.updated {
2983
+
2984
+ p {
2985
+ @include message-box($notice-update);
2986
+ }
2987
+ }
2988
+
2989
+ } // close #message
2990
+
2991
+ .bp-avatar-status,
2992
+ .bp-cover-image-status {
2993
+
2994
+ .warning {
2995
+ background: #7dd4ff;
2996
+ border: 1px solid #000;
2997
+ color: $body-text;
2998
+ @include font-size(16);
2999
+ }
3000
+ }
3001
+
3002
+ } // close #buddypress
3003
+
3004
+ // Without direct classes on our mesages ( 'warning')
3005
+ // we need to use the body classes
3006
+ // todo: If this is class .warning is included in main BP styles remove from here
3007
+
3008
+ .delete-group {
3009
+
3010
+ #buddypress {
3011
+
3012
+ div#message.info {
3013
+
3014
+ p {
3015
+ @include message-box($notice-warning);
3016
+ }
3017
+ }
3018
+ }
3019
+ }
3020
+
3021
+ /**
3022
+ *-------------------------------------------------------------------------------
3023
+ * @section 10.0 - Ajax Loading, Widgets, General classes
3024
+ *-------------------------------------------------------------------------------
3025
+ */
3026
+
3027
+ #buddypress {
3028
+
3029
+ .acfb-holder {
3030
+
3031
+ li.friend-tab {
3032
+ background: $notice-info;
3033
+ border: inherit;
3034
+ }
3035
+ }
3036
+ }
bp-templates/bp-legacy/css/twentysixteen-rtl.css CHANGED
@@ -1,66 +1,66 @@
1
  @charset "UTF-8";
2
- /*--------------------------------------------------------------
3
-
4
- This is the BuddyPress companion stylesheet for
5
- the WordPress Twentysixteen theme.
6
-
7
- This sheet supports the primary BuddyPress styles in buddypress.css
8
-
9
- If you are running as a child theme of twentysixteen this stylesheet will be
10
- loaded by default. If you want to modify the styles the normal BP Theme Compat
11
- hierarchy works and you can copy the file to buddypress/css/ or community/css/
12
- in your child themes root & either start over or modify the rulesets.
13
-
14
- If you do not require the styles you can dequeue them from the themes functions file.
15
-
16
- Please see this codex article for more information:
17
- http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
18
-
19
- ----------------------------------------------------------------
20
- >>> TABLE OF CONTENTS:
21
- ----------------------------------------------------------------
22
- 1.0 Theme Structural Elements & overrides
23
- 2.0 - Navigation - General
24
- 2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
25
- 2.2 - Pagination
26
- 3.0 - Images
27
- 4.0 - BP Lists / Loops Generic
28
- 4.1 - Activity Loop
29
- 4.1.1 Whats New Activity
30
- 4.1.2 - Activity Listing
31
- 4.1.3 - Activity Comments
32
- 4.2 - Members Loop
33
- 4.3 - Groups Loop
34
- 4.4 - Blogs Loop
35
- 5.0 - Directories - Members, Groups, Blogs, Register, activation
36
- 6.0 - Single Item screens: User Account & Single Group Screens
37
- 6.1 - Item Headers: Global
38
- 6.1.1 - item-header: Groups
39
- 6.1.2 - item-header: User Accounts
40
- 6.2 - Item Body: Global
41
- 6.2.1 - item-body: Groups
42
- 6.2.1.1 - Management settings screens
43
- 6.2.1.2 - Group members list
44
- 6.2.2 - item-body: User Accounts
45
- 6.2.2.1 - classes, pag, filters
46
- 6.2.2.2 - Extended Profiles
47
- 6.2.2.3 - Groups
48
- 6.2.2.4 - friends
49
- 6.2.2.5 - Private Messaging Threads
50
- 6.2.2.6 - Settings
51
- 7.0 - Forms - General
52
- 8.0 - Tables - General
53
- 9.0 - Error / Success Messages
54
- 10.0 - Ajax Loading, Widgets, General classes
55
  --------------------------------------------------------------*/
56
- /**
57
- *-------------------------------------------------------------------------------
58
- * @section 1.0 - Theme - Structural Elements. overrides, Globals
59
- *-------------------------------------------------------------------------------
60
  */
61
- /**
62
- * Corrective measure to deal with 2016 / BP handling of no-js
63
- * classes - hide menu if BP still showing 'no-js'.
64
  */
65
  @media screen and (max-width: 905px) {
66
  html.js body.no-js .site-header-menu {
@@ -134,17 +134,17 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
134
  width: auto;
135
  }
136
 
137
- /**
138
- *-------------------------------------------------------------------------------
139
- * @section 2.0 - Navigation - General
140
- *-------------------------------------------------------------------------------
141
  */
142
- /**
143
- *----------------------------------------------------------
144
- * @section 2.1 - Navs Object Nav / Sub Nav (item-list-tabs)
145
- *
146
- * The main navigational elements for all BP screens
147
- *----------------------------------------------------------
148
  */
149
  #buddypress div.item-list-tabs ul li.selected a {
150
  background: inherit;
@@ -351,10 +351,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
351
  }
352
  }
353
 
354
- /**
355
- *----------------------------------------------------------
356
- * @section 2.2 - Pagination
357
- *----------------------------------------------------------
358
  */
359
  #buddypress div.pagination {
360
  box-shadow: none;
@@ -404,10 +404,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
404
  left: auto;
405
  }
406
 
407
- /**
408
- *-------------------------------------------------------------------------------
409
- * @section 4.0 - BP Lists / Loops Generic
410
- *-------------------------------------------------------------------------------
411
  */
412
  #buddypress .item-list .activity-header,
413
  #buddypress .item-list .activity-meta {
@@ -572,15 +572,15 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
572
  font-style: italic;
573
  }
574
 
575
- /**
576
- *----------------------------------------------------------
577
- * @section 4.1 - Activity
578
- *----------------------------------------------------------
579
  */
580
- /**
581
- *-----------------------------------------------------
582
- * @section 4.1.1 - Activity Whats New
583
- *-----------------------------------------------------
584
  */
585
  #buddypress form#whats-new-form p.activity-greeting {
586
  line-height: 1.4;
@@ -625,10 +625,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
625
  margin: 40px 0;
626
  }
627
 
628
- /**
629
- *-----------------------------------------------------
630
- * @section 4.1.2 - Activity Listing
631
- *-----------------------------------------------------
632
  */
633
  #buddypress #activity-stream li {
634
  padding: 25px 0 15px;
@@ -770,10 +770,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
770
  padding: 20px;
771
  }
772
 
773
- /**
774
- *-----------------------------------------------------
775
- * @section 4.1.3 - Activity Comments
776
- *-----------------------------------------------------
777
  */
778
  #buddypress #activity-stream .activity-comments {
779
  border-right: 1px solid #eaeaea;
@@ -817,10 +817,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
817
  background: #ededed;
818
  }
819
 
820
- /**
821
- *----------------------------------------------------------
822
- * @section 4.2 - Members Loop
823
- *----------------------------------------------------------
824
  */
825
  @media screen and (min-width: 61.5625em) {
826
  #buddypress #members-list li .item-avatar,
@@ -832,15 +832,15 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
832
  }
833
  }
834
 
835
- /**
836
- *-------------------------------------------------------------------------------
837
- * @section 5.0 - Directories
838
- *-------------------------------------------------------------------------------
839
  */
840
- /**
841
- *-----------------------------------------------------------
842
- * @subsection Registration
843
- *-----------------------------------------------------------
844
  */
845
  #buddypress #signup_form.standard-form #profile-details-section,
846
  #buddypress #signup_form.standard-form #basic-details-section,
@@ -866,15 +866,15 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
866
  }
867
  }
868
 
869
- /**
870
- *-------------------------------------------------------------------------------
871
- * @section 6.0 - Single Item screens: User Account & Single Group Screens
872
- *-------------------------------------------------------------------------------
873
  */
874
- /**
875
- *-----------------------------------------------------------
876
- * @subsection 6.1 - Item Header Global
877
- *-----------------------------------------------------------
878
  */
879
  .bp-user #buddypress #item-header-content #item-meta,
880
  .single-item.groups #buddypress #item-header-content #item-meta {
@@ -927,12 +927,12 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
927
  }
928
  }
929
 
930
- /**
931
- *-----------------------------------------------------
932
- * @subsection 6.1.1 - item-header Groups
933
- *
934
- * Group Specific Item Header
935
- *-----------------------------------------------------
936
  */
937
  @media screen and (max-width: 46.25em) {
938
  .single-item.groups #buddypress #item-header #item-meta {
@@ -1029,12 +1029,12 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1029
  }
1030
  }
1031
 
1032
- /**
1033
- *-----------------------------------------------------
1034
- * @subsection 6.1.2 - Item Header User Accounts
1035
- *
1036
- * User Accounts Specific Item Header
1037
- *-----------------------------------------------------
1038
  */
1039
  .bp-user #buddypress #item-header {
1040
  padding: 20px 0;
@@ -1067,22 +1067,22 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1067
  }
1068
  }
1069
 
1070
- /**
1071
- *-----------------------------------------------------------
1072
- * @subsection 6.2 - Item Body: Global
1073
- *-----------------------------------------------------------
1074
  */
1075
- /**
1076
- *----------------------------------------------------
1077
- * @subsection 6.2.1 - Item Body Groups
1078
- *
1079
- * Groups specific item body rules - screens
1080
- *----------------------------------------------------
1081
  */
1082
- /**
1083
- *-----------------------------------------
1084
- * @subsection 6.2.1.1 - Group Management
1085
- *-----------------------------------------
1086
  */
1087
  .groups #group-settings-form h3 {
1088
  background: #555;
@@ -1162,10 +1162,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1162
  margin: 0;
1163
  }
1164
 
1165
- /**
1166
- *-----------------------------------------
1167
- * @subsection 6.2.1.2 - Group members
1168
- *-----------------------------------------
1169
  */
1170
  .groups.group-members #subnav li {
1171
  width: 100%;
@@ -1193,21 +1193,21 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1193
  }
1194
  }
1195
 
1196
- /**
1197
- *-----------------------------------------------------
1198
- * @subsection 6.2.2 - Item Body User Accounts
1199
- *
1200
- * User Account specific item body rules
1201
- *-----------------------------------------------------
1202
  */
1203
  .bp-user .entry-title {
1204
  margin-bottom: 0.5em;
1205
  }
1206
 
1207
- /**
1208
- *--------------------------------------------
1209
- * @subsection 6.2.2.1 - classes, pag, filters
1210
- *--------------------------------------------
1211
  */
1212
  .bp-user #buddypress table th {
1213
  font-size: 14px;
@@ -1283,10 +1283,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1283
  width: 40%;
1284
  }
1285
 
1286
- /**
1287
- *-------------------------------------------
1288
- * @subsection 6.2.2.2 - Extended Profiles
1289
- *-------------------------------------------
1290
  */
1291
  .bp-user #buddypress .profile {
1292
  /* Edit profile */
@@ -1353,10 +1353,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1353
  font-size: inherit;
1354
  }
1355
 
1356
- /**
1357
- *-------------------------------------------
1358
- * @subsection 6.2.2.3 - Groups
1359
- *-------------------------------------------
1360
  */
1361
  @media screen and (min-width: 77.5em) {
1362
  .bp-user #buddypress #groups-list li .item {
@@ -1365,10 +1365,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1365
  }
1366
  }
1367
 
1368
- /**
1369
- *-------------------------------------------
1370
- * @subsection 6.2.2.5 - Private Messaging
1371
- *-------------------------------------------
1372
  */
1373
  .bp-user #buddypress #message-thread a {
1374
  border-bottom: 0;
@@ -1646,10 +1646,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1646
  cursor: pointer;
1647
  }
1648
 
1649
- /**
1650
- *------------------------------
1651
- * @subsection 6.2.2.6 - Settings
1652
- *------------------------------
1653
  */
1654
  .bp-user #buddypress #settings-form > p {
1655
  font-size: 20px;
@@ -1687,10 +1687,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1687
  width: 100%;
1688
  }
1689
 
1690
- /**
1691
- *-------------------------------------------------------------------------------
1692
- * @section 7.0 - Forms - General
1693
- *-------------------------------------------------------------------------------
1694
  */
1695
  #main #buddypress .standard-form li {
1696
  float: none;
@@ -1827,10 +1827,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1827
  }
1828
  }
1829
 
1830
- /**
1831
- *-------------------------------------------------------------------------------
1832
- * @section 8.0 - Tables - General
1833
- *-------------------------------------------------------------------------------
1834
  */
1835
  #buddypress table {
1836
  font-size: 14px;
@@ -1898,10 +1898,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1898
  text-align: center;
1899
  }
1900
 
1901
- /**
1902
- *-------------------------------------------------------------------------------
1903
- * @section 9.0 - Error / Success messages
1904
- *-------------------------------------------------------------------------------
1905
  */
1906
  #buddypress div#message p {
1907
  font-size: 18px;
@@ -1927,10 +1927,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1927
  color: #1f0808;
1928
  }
1929
 
1930
- /**
1931
- *-------------------------------------------------------------------------------
1932
- * @section 10.0 - Ajax Loading, Widgets, General classes
1933
- *-------------------------------------------------------------------------------
1934
  */
1935
  #buddypress .acfb-holder li.friend-tab {
1936
  background: #9fd1e2;
1
  @charset "UTF-8";
2
+ /*--------------------------------------------------------------
3
+
4
+ This is the BuddyPress companion stylesheet for
5
+ the WordPress Twentysixteen theme.
6
+
7
+ This sheet supports the primary BuddyPress styles in buddypress.css
8
+
9
+ If you are running as a child theme of twentysixteen this stylesheet will be
10
+ loaded by default. If you want to modify the styles the normal BP Theme Compat
11
+ hierarchy works and you can copy the file to buddypress/css/ or community/css/
12
+ in your child themes root & either start over or modify the rulesets.
13
+
14
+ If you do not require the styles you can dequeue them from the themes functions file.
15
+
16
+ Please see this codex article for more information:
17
+ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
18
+
19
+ ----------------------------------------------------------------
20
+ >>> TABLE OF CONTENTS:
21
+ ----------------------------------------------------------------
22
+ 1.0 Theme Structural Elements & overrides
23
+ 2.0 - Navigation - General
24
+ 2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
25
+ 2.2 - Pagination
26
+ 3.0 - Images
27
+ 4.0 - BP Lists / Loops Generic
28
+ 4.1 - Activity Loop
29
+ 4.1.1 Whats New Activity
30
+ 4.1.2 - Activity Listing
31
+ 4.1.3 - Activity Comments
32
+ 4.2 - Members Loop
33
+ 4.3 - Groups Loop
34
+ 4.4 - Blogs Loop
35
+ 5.0 - Directories - Members, Groups, Blogs, Register, activation
36
+ 6.0 - Single Item screens: User Account & Single Group Screens
37
+ 6.1 - Item Headers: Global
38
+ 6.1.1 - item-header: Groups
39
+ 6.1.2 - item-header: User Accounts
40
+ 6.2 - Item Body: Global
41
+ 6.2.1 - item-body: Groups
42
+ 6.2.1.1 - Management settings screens
43
+ 6.2.1.2 - Group members list
44
+ 6.2.2 - item-body: User Accounts
45
+ 6.2.2.1 - classes, pag, filters
46
+ 6.2.2.2 - Extended Profiles
47
+ 6.2.2.3 - Groups
48
+ 6.2.2.4 - friends
49
+ 6.2.2.5 - Private Messaging Threads
50
+ 6.2.2.6 - Settings
51
+ 7.0 - Forms - General
52
+ 8.0 - Tables - General
53
+ 9.0 - Error / Success Messages
54
+ 10.0 - Ajax Loading, Widgets, General classes
55
  --------------------------------------------------------------*/
56
+ /**
57
+ *-------------------------------------------------------------------------------
58
+ * @section 1.0 - Theme - Structural Elements. overrides, Globals
59
+ *-------------------------------------------------------------------------------
60
  */
61
+ /**
62
+ * Corrective measure to deal with 2016 / BP handling of no-js
63
+ * classes - hide menu if BP still showing 'no-js'.
64
  */
65
  @media screen and (max-width: 905px) {
66
  html.js body.no-js .site-header-menu {
134
  width: auto;
135
  }
136
 
137
+ /**
138
+ *-------------------------------------------------------------------------------
139
+ * @section 2.0 - Navigation - General
140
+ *-------------------------------------------------------------------------------
141
  */
142
+ /**
143
+ *----------------------------------------------------------
144
+ * @section 2.1 - Navs Object Nav / Sub Nav (item-list-tabs)
145
+ *
146
+ * The main navigational elements for all BP screens
147
+ *----------------------------------------------------------
148
  */
149
  #buddypress div.item-list-tabs ul li.selected a {
150
  background: inherit;
351
  }
352
  }
353
 
354
+ /**
355
+ *----------------------------------------------------------
356
+ * @section 2.2 - Pagination
357
+ *----------------------------------------------------------
358
  */
359
  #buddypress div.pagination {
360
  box-shadow: none;
404
  left: auto;
405
  }
406
 
407
+ /**
408
+ *-------------------------------------------------------------------------------
409
+ * @section 4.0 - BP Lists / Loops Generic
410
+ *-------------------------------------------------------------------------------
411
  */
412
  #buddypress .item-list .activity-header,
413
  #buddypress .item-list .activity-meta {
572
  font-style: italic;
573
  }
574
 
575
+ /**
576
+ *----------------------------------------------------------
577
+ * @section 4.1 - Activity
578
+ *----------------------------------------------------------
579
  */
580
+ /**
581
+ *-----------------------------------------------------
582
+ * @section 4.1.1 - Activity Whats New
583
+ *-----------------------------------------------------
584
  */
585
  #buddypress form#whats-new-form p.activity-greeting {
586
  line-height: 1.4;
625
  margin: 40px 0;
626
  }
627
 
628
+ /**
629
+ *-----------------------------------------------------
630
+ * @section 4.1.2 - Activity Listing
631
+ *-----------------------------------------------------
632
  */
633
  #buddypress #activity-stream li {
634
  padding: 25px 0 15px;
770
  padding: 20px;
771
  }
772
 
773
+ /**
774
+ *-----------------------------------------------------
775
+ * @section 4.1.3 - Activity Comments
776
+ *-----------------------------------------------------
777
  */
778
  #buddypress #activity-stream .activity-comments {
779
  border-right: 1px solid #eaeaea;
817
  background: #ededed;
818
  }
819
 
820
+ /**
821
+ *----------------------------------------------------------
822
+ * @section 4.2 - Members Loop
823
+ *----------------------------------------------------------
824
  */
825
  @media screen and (min-width: 61.5625em) {
826
  #buddypress #members-list li .item-avatar,
832
  }
833
  }
834
 
835
+ /**
836
+ *-------------------------------------------------------------------------------
837
+ * @section 5.0 - Directories
838
+ *-------------------------------------------------------------------------------
839
  */
840
+ /**
841
+ *-----------------------------------------------------------
842
+ * @subsection Registration
843
+ *-----------------------------------------------------------
844
  */
845
  #buddypress #signup_form.standard-form #profile-details-section,
846
  #buddypress #signup_form.standard-form #basic-details-section,
866
  }
867
  }
868
 
869
+ /**
870
+ *-------------------------------------------------------------------------------
871
+ * @section 6.0 - Single Item screens: User Account & Single Group Screens
872
+ *-------------------------------------------------------------------------------
873
  */
874
+ /**
875
+ *-----------------------------------------------------------
876
+ * @subsection 6.1 - Item Header Global
877
+ *-----------------------------------------------------------
878
  */
879
  .bp-user #buddypress #item-header-content #item-meta,
880
  .single-item.groups #buddypress #item-header-content #item-meta {
927
  }
928
  }
929
 
930
+ /**
931
+ *-----------------------------------------------------
932
+ * @subsection 6.1.1 - item-header Groups
933
+ *
934
+ * Group Specific Item Header
935
+ *-----------------------------------------------------
936
  */
937
  @media screen and (max-width: 46.25em) {
938
  .single-item.groups #buddypress #item-header #item-meta {
1029
  }
1030
  }
1031
 
1032
+ /**
1033
+ *-----------------------------------------------------
1034
+ * @subsection 6.1.2 - Item Header User Accounts
1035
+ *
1036
+ * User Accounts Specific Item Header
1037
+ *-----------------------------------------------------
1038
  */
1039
  .bp-user #buddypress #item-header {
1040
  padding: 20px 0;
1067
  }
1068
  }
1069
 
1070
+ /**
1071
+ *-----------------------------------------------------------
1072
+ * @subsection 6.2 - Item Body: Global
1073
+ *-----------------------------------------------------------
1074
  */
1075
+ /**
1076
+ *----------------------------------------------------
1077
+ * @subsection 6.2.1 - Item Body Groups
1078
+ *
1079
+ * Groups specific item body rules - screens
1080
+ *----------------------------------------------------
1081
  */
1082
+ /**
1083
+ *-----------------------------------------
1084
+ * @subsection 6.2.1.1 - Group Management
1085
+ *-----------------------------------------
1086
  */
1087
  .groups #group-settings-form h3 {
1088
  background: #555;
1162
  margin: 0;
1163
  }
1164
 
1165
+ /**
1166
+ *-----------------------------------------
1167
+ * @subsection 6.2.1.2 - Group members
1168
+ *-----------------------------------------
1169
  */
1170
  .groups.group-members #subnav li {
1171
  width: 100%;
1193
  }
1194
  }
1195
 
1196
+ /**
1197
+ *-----------------------------------------------------
1198
+ * @subsection 6.2.2 - Item Body User Accounts
1199
+ *
1200
+ * User Account specific item body rules
1201
+ *-----------------------------------------------------
1202
  */
1203
  .bp-user .entry-title {
1204
  margin-bottom: 0.5em;
1205
  }
1206
 
1207
+ /**
1208
+ *--------------------------------------------
1209
+ * @subsection 6.2.2.1 - classes, pag, filters
1210
+ *--------------------------------------------
1211
  */
1212
  .bp-user #buddypress table th {
1213
  font-size: 14px;
1283
  width: 40%;
1284
  }
1285
 
1286
+ /**
1287
+ *-------------------------------------------
1288
+ * @subsection 6.2.2.2 - Extended Profiles
1289
+ *-------------------------------------------
1290
  */
1291
  .bp-user #buddypress .profile {
1292
  /* Edit profile */
1353
  font-size: inherit;
1354
  }
1355
 
1356
+ /**
1357
+ *-------------------------------------------
1358
+ * @subsection 6.2.2.3 - Groups
1359
+ *-------------------------------------------
1360
  */
1361
  @media screen and (min-width: 77.5em) {
1362
  .bp-user #buddypress #groups-list li .item {
1365
  }
1366
  }
1367
 
1368
+ /**
1369
+ *-------------------------------------------
1370
+ * @subsection 6.2.2.5 - Private Messaging
1371
+ *-------------------------------------------
1372
  */
1373
  .bp-user #buddypress #message-thread a {
1374
  border-bottom: 0;
1646
  cursor: pointer;
1647
  }
1648
 
1649
+ /**
1650
+ *------------------------------
1651
+ * @subsection 6.2.2.6 - Settings
1652
+ *------------------------------
1653
  */
1654
  .bp-user #buddypress #settings-form > p {
1655
  font-size: 20px;
1687
  width: 100%;
1688
  }
1689
 
1690
+ /**
1691
+ *-------------------------------------------------------------------------------
1692
+ * @section 7.0 - Forms - General
1693
+ *-------------------------------------------------------------------------------
1694
  */
1695
  #main #buddypress .standard-form li {
1696
  float: none;
1827
  }
1828
  }
1829
 
1830
+ /**
1831
+ *-------------------------------------------------------------------------------
1832
+ * @section 8.0 - Tables - General
1833
+ *-------------------------------------------------------------------------------
1834
  */
1835
  #buddypress table {
1836
  font-size: 14px;
1898
  text-align: center;
1899
  }
1900
 
1901
+ /**
1902
+ *-------------------------------------------------------------------------------
1903
+ * @section 9.0 - Error / Success messages
1904
+ *-------------------------------------------------------------------------------
1905
  */
1906
  #buddypress div#message p {
1907
  font-size: 18px;
1927
  color: #1f0808;
1928
  }
1929
 
1930
+ /**
1931
+ *-------------------------------------------------------------------------------
1932
+ * @section 10.0 - Ajax Loading, Widgets, General classes
1933
+ *-------------------------------------------------------------------------------
1934
  */
1935
  #buddypress .acfb-holder li.friend-tab {
1936
  background: #9fd1e2;
bp-templates/bp-legacy/css/twentysixteen.css CHANGED
@@ -1,66 +1,66 @@
1
  @charset "UTF-8";
2
- /*--------------------------------------------------------------
3
-
4
- This is the BuddyPress companion stylesheet for
5
- the WordPress Twentysixteen theme.
6
-
7
- This sheet supports the primary BuddyPress styles in buddypress.css
8
-
9
- If you are running as a child theme of twentysixteen this stylesheet will be
10
- loaded by default. If you want to modify the styles the normal BP Theme Compat
11
- hierarchy works and you can copy the file to buddypress/css/ or community/css/
12
- in your child themes root & either start over or modify the rulesets.
13
-
14
- If you do not require the styles you can dequeue them from the themes functions file.
15
-
16
- Please see this codex article for more information:
17
- http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
18
-
19
- ----------------------------------------------------------------
20
- >>> TABLE OF CONTENTS:
21
- ----------------------------------------------------------------
22
- 1.0 Theme Structural Elements & overrides
23
- 2.0 - Navigation - General
24
- 2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
25
- 2.2 - Pagination
26
- 3.0 - Images
27
- 4.0 - BP Lists / Loops Generic
28
- 4.1 - Activity Loop
29
- 4.1.1 Whats New Activity
30
- 4.1.2 - Activity Listing
31
- 4.1.3 - Activity Comments
32
- 4.2 - Members Loop
33
- 4.3 - Groups Loop
34
- 4.4 - Blogs Loop
35
- 5.0 - Directories - Members, Groups, Blogs, Register, activation
36
- 6.0 - Single Item screens: User Account & Single Group Screens
37
- 6.1 - Item Headers: Global
38
- 6.1.1 - item-header: Groups
39
- 6.1.2 - item-header: User Accounts
40
- 6.2 - Item Body: Global
41
- 6.2.1 - item-body: Groups
42
- 6.2.1.1 - Management settings screens
43
- 6.2.1.2 - Group members list
44
- 6.2.2 - item-body: User Accounts
45
- 6.2.2.1 - classes, pag, filters
46
- 6.2.2.2 - Extended Profiles
47
- 6.2.2.3 - Groups
48
- 6.2.2.4 - friends
49
- 6.2.2.5 - Private Messaging Threads
50
- 6.2.2.6 - Settings
51
- 7.0 - Forms - General
52
- 8.0 - Tables - General
53
- 9.0 - Error / Success Messages
54
- 10.0 - Ajax Loading, Widgets, General classes
55
  --------------------------------------------------------------*/
56
- /**
57
- *-------------------------------------------------------------------------------
58
- * @section 1.0 - Theme - Structural Elements. overrides, Globals
59
- *-------------------------------------------------------------------------------
60
  */
61
- /**
62
- * Corrective measure to deal with 2016 / BP handling of no-js
63
- * classes - hide menu if BP still showing 'no-js'.
64
  */
65
  @media screen and (max-width: 905px) {
66
  html.js body.no-js .site-header-menu {
@@ -134,17 +134,17 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
134
  width: auto;
135
  }
136
 
137
- /**
138
- *-------------------------------------------------------------------------------
139
- * @section 2.0 - Navigation - General
140
- *-------------------------------------------------------------------------------
141
  */
142
- /**
143
- *----------------------------------------------------------
144
- * @section 2.1 - Navs Object Nav / Sub Nav (item-list-tabs)
145
- *
146
- * The main navigational elements for all BP screens
147
- *----------------------------------------------------------
148
  */
149
  #buddypress div.item-list-tabs ul li.selected a {
150
  background: inherit;
@@ -351,10 +351,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
351
  }
352
  }
353
 
354
- /**
355
- *----------------------------------------------------------
356
- * @section 2.2 - Pagination
357
- *----------------------------------------------------------
358
  */
359
  #buddypress div.pagination {
360
  box-shadow: none;
@@ -404,10 +404,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
404
  right: auto;
405
  }
406
 
407
- /**
408
- *-------------------------------------------------------------------------------
409
- * @section 4.0 - BP Lists / Loops Generic
410
- *-------------------------------------------------------------------------------
411
  */
412
  #buddypress .item-list .activity-header,
413
  #buddypress .item-list .activity-meta {
@@ -572,15 +572,15 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
572
  font-style: italic;
573
  }
574
 
575
- /**
576
- *----------------------------------------------------------
577
- * @section 4.1 - Activity
578
- *----------------------------------------------------------
579
  */
580
- /**
581
- *-----------------------------------------------------
582
- * @section 4.1.1 - Activity Whats New
583
- *-----------------------------------------------------
584
  */
585
  #buddypress form#whats-new-form p.activity-greeting {
586
  line-height: 1.4;
@@ -625,10 +625,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
625
  margin: 40px 0;
626
  }
627
 
628
- /**
629
- *-----------------------------------------------------
630
- * @section 4.1.2 - Activity Listing
631
- *-----------------------------------------------------
632
  */
633
  #buddypress #activity-stream li {
634
  padding: 25px 0 15px;
@@ -770,10 +770,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
770
  padding: 20px;
771
  }
772
 
773
- /**
774
- *-----------------------------------------------------
775
- * @section 4.1.3 - Activity Comments
776
- *-----------------------------------------------------
777
  */
778
  #buddypress #activity-stream .activity-comments {
779
  border-left: 1px solid #eaeaea;
@@ -817,10 +817,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
817
  background: #ededed;
818
  }
819
 
820
- /**
821
- *----------------------------------------------------------
822
- * @section 4.2 - Members Loop
823
- *----------------------------------------------------------
824
  */
825
  @media screen and (min-width: 61.5625em) {
826
  #buddypress #members-list li .item-avatar,
@@ -832,15 +832,15 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
832
  }
833
  }
834
 
835
- /**
836
- *-------------------------------------------------------------------------------
837
- * @section 5.0 - Directories
838
- *-------------------------------------------------------------------------------
839
  */
840
- /**
841
- *-----------------------------------------------------------
842
- * @subsection Registration
843
- *-----------------------------------------------------------
844
  */
845
  #buddypress #signup_form.standard-form #profile-details-section,
846
  #buddypress #signup_form.standard-form #basic-details-section,
@@ -866,15 +866,15 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
866
  }
867
  }
868
 
869
- /**
870
- *-------------------------------------------------------------------------------
871
- * @section 6.0 - Single Item screens: User Account & Single Group Screens
872
- *-------------------------------------------------------------------------------
873
  */
874
- /**
875
- *-----------------------------------------------------------
876
- * @subsection 6.1 - Item Header Global
877
- *-----------------------------------------------------------
878
  */
879
  .bp-user #buddypress #item-header-content #item-meta,
880
  .single-item.groups #buddypress #item-header-content #item-meta {
@@ -927,12 +927,12 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
927
  }
928
  }
929
 
930
- /**
931
- *-----------------------------------------------------
932
- * @subsection 6.1.1 - item-header Groups
933
- *
934
- * Group Specific Item Header
935
- *-----------------------------------------------------
936
  */
937
  @media screen and (max-width: 46.25em) {
938
  .single-item.groups #buddypress #item-header #item-meta {
@@ -1029,12 +1029,12 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1029
  }
1030
  }
1031
 
1032
- /**
1033
- *-----------------------------------------------------
1034
- * @subsection 6.1.2 - Item Header User Accounts
1035
- *
1036
- * User Accounts Specific Item Header
1037
- *-----------------------------------------------------
1038
  */
1039
  .bp-user #buddypress #item-header {
1040
  padding: 20px 0;
@@ -1067,22 +1067,22 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1067
  }
1068
  }
1069
 
1070
- /**
1071
- *-----------------------------------------------------------
1072
- * @subsection 6.2 - Item Body: Global
1073
- *-----------------------------------------------------------
1074
  */
1075
- /**
1076
- *----------------------------------------------------
1077
- * @subsection 6.2.1 - Item Body Groups
1078
- *
1079
- * Groups specific item body rules - screens
1080
- *----------------------------------------------------
1081
  */
1082
- /**
1083
- *-----------------------------------------
1084
- * @subsection 6.2.1.1 - Group Management
1085
- *-----------------------------------------
1086
  */
1087
  .groups #group-settings-form h3 {
1088
  background: #555;
@@ -1162,10 +1162,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1162
  margin: 0;
1163
  }
1164
 
1165
- /**
1166
- *-----------------------------------------
1167
- * @subsection 6.2.1.2 - Group members
1168
- *-----------------------------------------
1169
  */
1170
  .groups.group-members #subnav li {
1171
  width: 100%;
@@ -1193,21 +1193,21 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1193
  }
1194
  }
1195
 
1196
- /**
1197
- *-----------------------------------------------------
1198
- * @subsection 6.2.2 - Item Body User Accounts
1199
- *
1200
- * User Account specific item body rules
1201
- *-----------------------------------------------------
1202
  */
1203
  .bp-user .entry-title {
1204
  margin-bottom: 0.5em;
1205
  }
1206
 
1207
- /**
1208
- *--------------------------------------------
1209
- * @subsection 6.2.2.1 - classes, pag, filters
1210
- *--------------------------------------------
1211
  */
1212
  .bp-user #buddypress table th {
1213
  font-size: 14px;
@@ -1283,10 +1283,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1283
  width: 40%;
1284
  }
1285
 
1286
- /**
1287
- *-------------------------------------------
1288
- * @subsection 6.2.2.2 - Extended Profiles
1289
- *-------------------------------------------
1290
  */
1291
  .bp-user #buddypress .profile {
1292
  /* Edit profile */
@@ -1353,10 +1353,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1353
  font-size: inherit;
1354
  }
1355
 
1356
- /**
1357
- *-------------------------------------------
1358
- * @subsection 6.2.2.3 - Groups
1359
- *-------------------------------------------
1360
  */
1361
  @media screen and (min-width: 77.5em) {
1362
  .bp-user #buddypress #groups-list li .item {
@@ -1365,10 +1365,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1365
  }
1366
  }
1367
 
1368
- /**
1369
- *-------------------------------------------
1370
- * @subsection 6.2.2.5 - Private Messaging
1371
- *-------------------------------------------
1372
  */
1373
  .bp-user #buddypress #message-thread a {
1374
  border-bottom: 0;
@@ -1646,10 +1646,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1646
  cursor: pointer;
1647
  }
1648
 
1649
- /**
1650
- *------------------------------
1651
- * @subsection 6.2.2.6 - Settings
1652
- *------------------------------
1653
  */
1654
  .bp-user #buddypress #settings-form > p {
1655
  font-size: 20px;
@@ -1687,10 +1687,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1687
  width: 100%;
1688
  }
1689
 
1690
- /**
1691
- *-------------------------------------------------------------------------------
1692
- * @section 7.0 - Forms - General
1693
- *-------------------------------------------------------------------------------
1694
  */
1695
  #main #buddypress .standard-form li {
1696
  float: none;
@@ -1827,10 +1827,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1827
  }
1828
  }
1829
 
1830
- /**
1831
- *-------------------------------------------------------------------------------
1832
- * @section 8.0 - Tables - General
1833
- *-------------------------------------------------------------------------------
1834
  */
1835
  #buddypress table {
1836
  font-size: 14px;
@@ -1898,10 +1898,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1898
  text-align: center;
1899
  }
1900
 
1901
- /**
1902
- *-------------------------------------------------------------------------------
1903
- * @section 9.0 - Error / Success messages
1904
- *-------------------------------------------------------------------------------
1905
  */
1906
  #buddypress div#message p {
1907
  font-size: 18px;
@@ -1927,10 +1927,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1927
  color: #1f0808;
1928
  }
1929
 
1930
- /**
1931
- *-------------------------------------------------------------------------------
1932
- * @section 10.0 - Ajax Loading, Widgets, General classes
1933
- *-------------------------------------------------------------------------------
1934
  */
1935
  #buddypress .acfb-holder li.friend-tab {
1936
  background: #9fd1e2;
1
  @charset "UTF-8";
2
+ /*--------------------------------------------------------------
3
+
4
+ This is the BuddyPress companion stylesheet for
5
+ the WordPress Twentysixteen theme.
6
+
7
+ This sheet supports the primary BuddyPress styles in buddypress.css
8
+
9
+ If you are running as a child theme of twentysixteen this stylesheet will be
10
+ loaded by default. If you want to modify the styles the normal BP Theme Compat
11
+ hierarchy works and you can copy the file to buddypress/css/ or community/css/
12
+ in your child themes root & either start over or modify the rulesets.
13
+
14
+ If you do not require the styles you can dequeue them from the themes functions file.
15
+
16
+ Please see this codex article for more information:
17
+ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
18
+
19
+ ----------------------------------------------------------------
20
+ >>> TABLE OF CONTENTS:
21
+ ----------------------------------------------------------------
22
+ 1.0 Theme Structural Elements & overrides
23
+ 2.0 - Navigation - General
24
+ 2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
25
+ 2.2 - Pagination
26
+ 3.0 - Images
27
+ 4.0 - BP Lists / Loops Generic
28
+ 4.1 - Activity Loop
29
+ 4.1.1 Whats New Activity
30
+ 4.1.2 - Activity Listing
31
+ 4.1.3 - Activity Comments
32
+ 4.2 - Members Loop
33
+ 4.3 - Groups Loop
34
+ 4.4 - Blogs Loop
35
+ 5.0 - Directories - Members, Groups, Blogs, Register, activation
36
+ 6.0 - Single Item screens: User Account & Single Group Screens
37
+ 6.1 - Item Headers: Global
38
+ 6.1.1 - item-header: Groups
39
+ 6.1.2 - item-header: User Accounts
40
+ 6.2 - Item Body: Global
41
+ 6.2.1 - item-body: Groups
42
+ 6.2.1.1 - Management settings screens
43
+ 6.2.1.2 - Group members list
44
+ 6.2.2 - item-body: User Accounts
45
+ 6.2.2.1 - classes, pag, filters
46
+ 6.2.2.2 - Extended Profiles
47
+ 6.2.2.3 - Groups
48
+ 6.2.2.4 - friends
49
+ 6.2.2.5 - Private Messaging Threads
50
+ 6.2.2.6 - Settings
51
+ 7.0 - Forms - General
52
+ 8.0 - Tables - General
53
+ 9.0 - Error / Success Messages
54
+ 10.0 - Ajax Loading, Widgets, General classes
55
  --------------------------------------------------------------*/
56
+ /**
57
+ *-------------------------------------------------------------------------------
58
+ * @section 1.0 - Theme - Structural Elements. overrides, Globals
59
+ *-------------------------------------------------------------------------------
60
  */
61
+ /**
62
+ * Corrective measure to deal with 2016 / BP handling of no-js
63
+ * classes - hide menu if BP still showing 'no-js'.
64
  */
65
  @media screen and (max-width: 905px) {
66
  html.js body.no-js .site-header-menu {
134
  width: auto;
135
  }
136
 
137
+ /**
138
+ *-------------------------------------------------------------------------------
139
+ * @section 2.0 - Navigation - General
140
+ *-------------------------------------------------------------------------------
141
  */
142
+ /**
143
+ *----------------------------------------------------------
144
+ * @section 2.1 - Navs Object Nav / Sub Nav (item-list-tabs)
145
+ *
146
+ * The main navigational elements for all BP screens
147
+ *----------------------------------------------------------
148
  */
149
  #buddypress div.item-list-tabs ul li.selected a {
150
  background: inherit;
351
  }
352
  }
353
 
354
+ /**
355
+ *----------------------------------------------------------
356
+ * @section 2.2 - Pagination
357
+ *----------------------------------------------------------
358
  */
359
  #buddypress div.pagination {
360
  box-shadow: none;
404
  right: auto;
405
  }
406
 
407
+ /**
408
+ *-------------------------------------------------------------------------------
409
+ * @section 4.0 - BP Lists / Loops Generic
410
+ *-------------------------------------------------------------------------------
411
  */
412
  #buddypress .item-list .activity-header,
413
  #buddypress .item-list .activity-meta {
572
  font-style: italic;
573
  }
574
 
575
+ /**
576
+ *----------------------------------------------------------
577
+ * @section 4.1 - Activity
578
+ *----------------------------------------------------------
579
  */
580
+ /**
581
+ *-----------------------------------------------------
582
+ * @section 4.1.1 - Activity Whats New
583
+ *-----------------------------------------------------
584
  */
585
  #buddypress form#whats-new-form p.activity-greeting {
586
  line-height: 1.4;
625
  margin: 40px 0;
626
  }
627
 
628
+ /**
629
+ *-----------------------------------------------------
630
+ * @section 4.1.2 - Activity Listing
631
+ *-----------------------------------------------------
632
  */
633
  #buddypress #activity-stream li {
634
  padding: 25px 0 15px;
770
  padding: 20px;
771
  }
772
 
773
+ /**
774
+ *-----------------------------------------------------
775
+ * @section 4.1.3 - Activity Comments
776
+ *-----------------------------------------------------
777
  */
778
  #buddypress #activity-stream .activity-comments {
779
  border-left: 1px solid #eaeaea;
817
  background: #ededed;
818
  }
819
 
820
+ /**
821
+ *----------------------------------------------------------
822
+ * @section 4.2 - Members Loop
823
+ *----------------------------------------------------------
824
  */
825
  @media screen and (min-width: 61.5625em) {
826
  #buddypress #members-list li .item-avatar,
832
  }
833
  }
834
 
835
+ /**
836
+ *-------------------------------------------------------------------------------
837
+ * @section 5.0 - Directories
838
+ *-------------------------------------------------------------------------------
839
  */
840
+ /**
841
+ *-----------------------------------------------------------
842
+ * @subsection Registration
843
+ *-----------------------------------------------------------
844
  */
845
  #buddypress #signup_form.standard-form #profile-details-section,
846
  #buddypress #signup_form.standard-form #basic-details-section,
866
  }
867
  }
868
 
869
+ /**
870
+ *-------------------------------------------------------------------------------
871
+ * @section 6.0 - Single Item screens: User Account & Single Group Screens
872
+ *-------------------------------------------------------------------------------
873
  */
874
+ /**
875
+ *-----------------------------------------------------------
876
+ * @subsection 6.1 - Item Header Global
877
+ *-----------------------------------------------------------
878
  */
879
  .bp-user #buddypress #item-header-content #item-meta,
880
  .single-item.groups #buddypress #item-header-content #item-meta {
927
  }
928
  }
929
 
930
+ /**
931
+ *-----------------------------------------------------
932
+ * @subsection 6.1.1 - item-header Groups
933
+ *
934
+ * Group Specific Item Header
935
+ *-----------------------------------------------------
936
  */
937
  @media screen and (max-width: 46.25em) {
938
  .single-item.groups #buddypress #item-header #item-meta {
1029
  }
1030
  }
1031
 
1032
+ /**
1033
+ *-----------------------------------------------------
1034
+ * @subsection 6.1.2 - Item Header User Accounts
1035
+ *
1036
+ * User Accounts Specific Item Header
1037
+ *-----------------------------------------------------
1038
  */
1039
  .bp-user #buddypress #item-header {
1040
  padding: 20px 0;
1067
  }
1068
  }
1069
 
1070
+ /**
1071
+ *-----------------------------------------------------------
1072
+ * @subsection 6.2 - Item Body: Global
1073
+ *-----------------------------------------------------------
1074
  */
1075
+ /**
1076
+ *----------------------------------------------------
1077
+ * @subsection 6.2.1 - Item Body Groups
1078
+ *
1079
+ * Groups specific item body rules - screens
1080
+ *----------------------------------------------------
1081
  */
1082
+ /**
1083
+ *-----------------------------------------
1084
+ * @subsection 6.2.1.1 - Group Management
1085
+ *-----------------------------------------
1086
  */
1087
  .groups #group-settings-form h3 {
1088
  background: #555;
1162
  margin: 0;
1163
  }
1164
 
1165
+ /**
1166
+ *-----------------------------------------
1167
+ * @subsection 6.2.1.2 - Group members
1168
+ *-----------------------------------------
1169
  */
1170
  .groups.group-members #subnav li {
1171
  width: 100%;
1193
  }
1194
  }
1195
 
1196
+ /**
1197
+ *-----------------------------------------------------
1198
+ * @subsection 6.2.2 - Item Body User Accounts
1199
+ *
1200
+ * User Account specific item body rules
1201
+ *-----------------------------------------------------
1202
  */
1203
  .bp-user .entry-title {
1204
  margin-bottom: 0.5em;
1205
  }
1206
 
1207
+ /**
1208
+ *--------------------------------------------
1209
+ * @subsection 6.2.2.1 - classes, pag, filters
1210
+ *--------------------------------------------
1211
  */
1212
  .bp-user #buddypress table th {
1213
  font-size: 14px;
1283
  width: 40%;
1284
  }
1285
 
1286
+ /**
1287
+ *-------------------------------------------
1288
+ * @subsection 6.2.2.2 - Extended Profiles
1289
+ *-------------------------------------------
1290
  */
1291
  .bp-user #buddypress .profile {
1292
  /* Edit profile */
1353
  font-size: inherit;
1354
  }
1355
 
1356
+ /**
1357
+ *-------------------------------------------
1358
+ * @subsection 6.2.2.3 - Groups
1359
+ *-------------------------------------------
1360
  */
1361
  @media screen and (min-width: 77.5em) {
1362
  .bp-user #buddypress #groups-list li .item {
1365
  }
1366
  }
1367
 
1368
+ /**
1369
+ *-------------------------------------------
1370
+ * @subsection 6.2.2.5 - Private Messaging
1371
+ *-------------------------------------------
1372
  */
1373
  .bp-user #buddypress #message-thread a {
1374
  border-bottom: 0;
1646
  cursor: pointer;
1647
  }
1648
 
1649
+ /**
1650
+ *------------------------------
1651
+ * @subsection 6.2.2.6 - Settings
1652
+ *------------------------------
1653
  */
1654
  .bp-user #buddypress #settings-form > p {
1655
  font-size: 20px;
1687
  width: 100%;
1688
  }
1689
 
1690
+ /**
1691
+ *-------------------------------------------------------------------------------
1692
+ * @section 7.0 - Forms - General
1693
+ *-------------------------------------------------------------------------------
1694
  */
1695
  #main #buddypress .standard-form li {
1696
  float: none;
1827
  }
1828
  }
1829
 
1830
+ /**
1831
+ *-------------------------------------------------------------------------------
1832
+ * @section 8.0 - Tables - General
1833
+ *-------------------------------------------------------------------------------
1834
  */
1835
  #buddypress table {
1836
  font-size: 14px;
1898
  text-align: center;
1899
  }
1900
 
1901
+ /**
1902
+ *-------------------------------------------------------------------------------
1903
+ * @section 9.0 - Error / Success messages
1904
+ *-------------------------------------------------------------------------------
1905
  */
1906
  #buddypress div#message p {
1907
  font-size: 18px;
1927
  color: #1f0808;
1928
  }
1929
 
1930
+ /**
1931
+ *-------------------------------------------------------------------------------
1932
+ * @section 10.0 - Ajax Loading, Widgets, General classes
1933
+ *-------------------------------------------------------------------------------
1934
  */
1935
  #buddypress .acfb-holder li.friend-tab {
1936
  background: #9fd1e2;
bp-templates/bp-legacy/css/twentysixteen.scss CHANGED
@@ -1,2459 +1,2459 @@
1
-
2
- // Stylesheet Guidence Notes
3
- // Table of content represents a guide to sections of the sheet.
4
- // Note that not all sections may be described in the body of the
5
- // rulesets only those that require styles for a given theme.
6
- // Sub sections might not exist but can be added as required
7
- // as per BP Lists - 'activity' section.
8
-
9
- // We follow the dictats of the parent theme in respect of media queries,
10
- // font sizing etc. Media queries are used in a modular sense (OOCSS)
11
- // rather than described as blocks to the end of the sheet, this aids ease
12
- // of managing media queries, scalability & flexibility .
13
-
14
- // 2016 Media Queries / Breakpoints.
15
- // @media screen and (min-width: 44.375em)
16
- // @media screen and (min-width: 61.5625em)
17
- // @media screen and (min-width: 75em)
18
-
19
-
20
- // In addition BP will use the em breakpoints as referenced below to provide
21
- // a series of finer breakpoints, these are be used sparingly though.
22
- // @media screen and (max-width: 22em) // Additional for xtra small mobile only
23
- // @media screen and (max-width: 30em) // Additional small only
24
- // @media screen and (min-width: 38.75em)
25
- // @media screen and (min-width: 46.25em)
26
- // @media screen and (min-width: 55em)
27
- // @media screen and (min-width: 87.6875em)
28
-
29
- // Mixins and Variables
30
-
31
- // simplify remembering/writing media queries
32
- // written as:
33
- // @include medium-up {
34
- // body {property: value;}
35
- // }
36
- //
37
-
38
- @mixin small-up {
39
- @media screen and (min-width: 44.375em) {
40
- @content;
41
- }
42
- }
43
-
44
- @mixin medium-up {
45
- @media screen and (min-width: 61.5625em) {
46
- @content;
47
- }
48
- }
49
-
50
- @mixin large-up {
51
- @media screen and (min-width: 75em) {
52
- @content;
53
- }
54
- }
55
-
56
-
57
- // Common spacing values
58
- $spacing-val-lg: 40px;
59
- $spacing-val-md: 20px;
60
- $spacing-val-sm: 10px;
61
- $spacing-val-xs: 5px;
62
-
63
- // A simple mixin to handle font-sizing
64
- // 2016 uses a basic pixel font size approach, we'll stick with rem/px
65
- @mixin font-size($font-size: 16) {
66
- $rem-font-value: ($font-size / 16);
67
- font-size: ($font-size * 1px);
68
- font-size: $rem-font-value + rem;
69
- }
70
-
71
- // To allow mixins to pass VendorPrefix scss-lint tests we disable lint-test
72
- // for specific blocks / rulesets
73
- // until such time as exemption lists can be built for the scss-lint.yml?
74
- // Any vendor prefix properties / mixins need to be in this block
75
-
76
- // scss-lint:disable VendorPrefix
77
-
78
- // Border border-radius mixins
79
- @mixin border-radius($radius) {
80
- -webkit-border-radius: $radius;
81
- -moz-border-radius: $radius;
82
- -ms-border-radius: $radius;
83
- border-radius: $radius;
84
- background-clip: padding-box;
85
- }
86
-
87
- @mixin border-top-radius($radius) {
88
- -webkit-border-top-right-radius: $radius;
89
- border-top-right-radius: $radius;
90
- -webkit-border-top-left-radius: $radius;
91
- border-top-left-radius: $radius;
92
- background-clip: padding-box;
93
- }
94
-
95
- @mixin border-right-radius($radius) {
96
- -webkit-border-bottom-right-radius: $radius;
97
- border-bottom-right-radius: $radius;
98
- -webkit-border-top-right-radius: $radius;
99
- border-top-right-radius: $radius;
100
- background-clip: padding-box;
101
- }
102
-
103
- @mixin border-bottom-radius($radius) {
104
- -webkit-border-bottom-right-radius: $radius;
105
- border-bottom-right-radius: $radius;
106
- -webkit-border-bottom-left-radius: $radius;
107
- border-bottom-left-radius: $radius;
108
- background-clip: padding-box;
109
- }
110
-
111
- @mixin border-left-radius($radius) {
112
- -webkit-border-bottom-left-radius: $radius;
113
- border-bottom-left-radius: $radius;
114
- -webkit-border-top-left-radius: $radius;
115
- border-top-left-radius: $radius;
116
- background-clip: padding-box;
117
- }
118
-
119
- // Box sizing
120
- @mixin box-model($box-model) {
121
- -webkit-box-sizing: $box-model;
122
- -moz-box-sizing: $box-model;
123
- box-sizing: $box-model;
124
- }
125
-
126
- // Calc
127
- @mixin calc($property, $expression) {
128
- #{$property}: -webkit-calc(#{$expression});
129
- #{$property}: -moz-calc(#{$expression});
130
- #{$property}: calc(#{$expression});
131
- }
132
-
133
- // Re-enable the VendorPrefix lint test
134
- // scss-lint:enable VendorPrefix
135
-
136
- // BP message boxes
137
- @mixin message-box($background, $text-color: null) {
138
-
139
- @if $text-color {
140
- // if a param was passed through
141
- $text-color: $text-color;
142
- } @else {
143
- $text-color: darken($background, 50%);
144
- }
145
-
146
- background: lighten($background, 10%);
147
- border: 1px solid darken($background, 10%);
148
- color: $text-color;
149
- }
150
-
151
- // 2016 font family
152
- @mixin default-font-sans() {
153
- font-family: "Source Sans Pro", Helvetica, sans-serif;
154
- }
155
-
156
- // Variables: color definitions
157
- $body-text: #141412;
158
- $content-background: #fff;
159
- $off-white: lighten(#f9f8ee, 0.7);
160
- $cream-background: #f7f5e7;
161
- $light-background: #f7f7f7;
162
- $medium-background: #ccc;
163
- $dark-background: #555;
164
- $border-color: #d4d0ba; // border color is varied using rgba
165
- $border-light: #eaeaea; // BP dividers
166
- $border-med: #ddd;
167
- $background-hover: #db572f; // 2016 link background hover
168
- $bp-button-hover: #ededed; // this is the default BP button hover background
169
- $notice-error: #c85a6e;
170
- $notice-warning: #d05656;
171
- $notice-info: #9fd1e2;
172
- $notice-update: #ced98c;
173
- $stripe-odd: #ebf0ff;
174
- $stripe-even: #dbe5ff;
175
- $unread: #dce5ff;
176
- $link-action: #c82b2b;
177
- /*--------------------------------------------------------------
178
-
179
- This is the BuddyPress companion stylesheet for
180
- the WordPress Twentysixteen theme.
181
-
182
- This sheet supports the primary BuddyPress styles in buddypress.css
183
-
184
- If you are running as a child theme of twentysixteen this stylesheet will be
185
- loaded by default. If you want to modify the styles the normal BP Theme Compat
186
- hierarchy works and you can copy the file to buddypress/css/ or community/css/
187
- in your child themes root & either start over or modify the rulesets.
188
-
189
- If you do not require the styles you can dequeue them from the themes functions file.
190
-
191
- Please see this codex article for more information:
192
- http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
193
-
194
- ----------------------------------------------------------------
195
- >>> TABLE OF CONTENTS:
196
- ----------------------------------------------------------------
197
- 1.0 Theme Structural Elements & overrides
198
- 2.0 - Navigation - General
199
- 2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
200
- 2.2 - Pagination
201
- 3.0 - Images
202
- 4.0 - BP Lists / Loops Generic
203
- 4.1 - Activity Loop
204
- 4.1.1 Whats New Activity
205
- 4.1.2 - Activity Listing
206
- 4.1.3 - Activity Comments
207
- 4.2 - Members Loop
208
- 4.3 - Groups Loop
209
- 4.4 - Blogs Loop
210
- 5.0 - Directories - Members, Groups, Blogs, Register, activation
211
- 6.0 - Single Item screens: User Account & Single Group Screens
212
- 6.1 - Item Headers: Global
213
- 6.1.1 - item-header: Groups
214
- 6.1.2 - item-header: User Accounts
215
- 6.2 - Item Body: Global
216
- 6.2.1 - item-body: Groups
217
- 6.2.1.1 - Management settings screens
218
- 6.2.1.2 - Group members list
219
- 6.2.2 - item-body: User Accounts
220
- 6.2.2.1 - classes, pag, filters
221
- 6.2.2.2 - Extended Profiles
222
- 6.2.2.3 - Groups
223
- 6.2.2.4 - friends
224
- 6.2.2.5 - Private Messaging Threads
225
- 6.2.2.6 - Settings
226
- 7.0 - Forms - General
227
- 8.0 - Tables - General
228
- 9.0 - Error / Success Messages
229
- 10.0 - Ajax Loading, Widgets, General classes
230
- --------------------------------------------------------------*/
231
-
232
- /**
233
- *-------------------------------------------------------------------------------
234
- * @section 1.0 - Theme - Structural Elements. overrides, Globals
235
- *-------------------------------------------------------------------------------
236
- */
237
-
238
- // A conflict between BP's body.no-js being removed only
239
- // when the DOM is fully loaded & Twentysixteens hardcoded
240
- // class on the html el & scripting in head at start of DOM
241
- // causes mobile menu to stay opened too long.
242
- // This ruleset hides menu if html.js (2016 JS has kicked in) but BP still
243
- // rendering body.no-js before it's own JS removal kicks in.
244
- // See trac ticket https://buddypress.trac.wordpress.org/ticket/7314
245
-
246
- /**
247
- * Corrective measure to deal with 2016 / BP handling of no-js
248
- * classes - hide menu if BP still showing 'no-js'.
249
- */
250
-
251
- @media screen and (max-width: 905px) {
252
-
253
- html.js {
254
-
255
- body.no-js {
256
-
257
- .site-header-menu {
258
- display: none;
259
- }
260
- }
261
- }
262
- }
263
-
264
- .buddypress {
265
- // Remove any empty clearing elements, CSS provides clearing.
266
- div.clear {display: none;}
267
-
268
- // Ensure no text decoration or box shadow causing underlined effect.
269
- #page a {
270
- box-shadow: none;
271
- text-decoration: none !important;
272
- }
273
-
274
- .entry-title {
275
- text-align: center;
276
-
277
- @include medium-up {
278
- text-align: left;
279
- }
280
- }
281
-
282
- // The breakpoint for main & sidebar could cut in earlier, elements wrap to blocks/columns
283
- // but margins & padding still in effect for sidebar style.css L:2781.
284
-
285
- @include small-up {
286
- #primary {
287
- float: none;
288
- margin: 0;
289
- width: auto;
290
-
291
- .entry-header {
292
- margin: 0;
293
- }
294
-
295
- .entry-content,
296
- .content-bottom-widgets {
297
- margin-left: 7.6923%;
298
- margin-right: 7.6923%;
299
- }
300
- }
301
-
302
- .sidebar {
303
- float: none;
304
- margin-left: 0;
305
- padding: 0 7.6923%;
306
- width: auto;
307
- }
308
- }
309
-
310
- @include medium-up {
311
- #primary {
312
- float: left;
313
- margin-right: -100%;
314
- width: 70%;
315
-
316
- .entry-content,
317
- .content-bottom-widgets {
318
- margin-left: 0;
319
- margin-right: 0;
320
- }
321
- }
322
-
323
- .sidebar {
324
- float: left;
325
- margin-left: 75%;
326
- padding: 0;
327
- width: 25%;
328
- }
329
-
330
- }
331
-
332
- } // .buddypress (body class)
333
-
334
- // 2016 defines the class 'no-sidebar' if the primary sidebar is empty/inactive in terms
335
- // of widgets; if this is in effect on a site then adjust the BP screens for full width.
336
-
337
- .buddypress.no-sidebar {
338
-
339
- #primary {
340
- float: none;
341
- margin: 0;
342
- width: auto;
343
- }
344
-
345
- }
346
-
347
- /**
348
- *-------------------------------------------------------------------------------
349
- * @section 2.0 - Navigation - General
350
- *-------------------------------------------------------------------------------
351
- */
352
-
353
-
354
-
355
- /**
356
- *----------------------------------------------------------
357
- * @section 2.1 - Navs Object Nav / Sub Nav (item-list-tabs)
358
- *
359
- * The main navigational elements for all BP screens
360
- *----------------------------------------------------------
361
- */
362
-
363
- // We have a need to override BP specifity
364
- // so some rulesets sets will appear over weighted in selectors
365
-
366
- #buddypress {
367
-
368
- // active/current states all navs
369
- div.item-list-tabs {
370
- ul {
371
- li.selected {
372
- a {
373
- background: inherit;
374
- opacity: 1;
375
- }
376
- }
377
- }
378
- }
379
- // global nav styles
380
- div.item-list-tabs {
381
- ul {
382
- background-color: $cream-background;
383
- border-bottom: 1px solid rgba($border-light, 0.9);
384
- border-top: 1px solid rgba($border-light, 0.9);
385
- overflow: hidden;
386
- padding: 0;
387
-
388
- li {
389
- a {
390
- color: #0073c1;
391
-
392
- span {border-radius: 25%;}
393
- }
394
- }
395
- }
396
- } // close item-list-tabs
397
-
398
- } // close #buddypress
399
-
400
- // .bp-user #object-nav @ small screen as a dropdown
401
-
402
- .bp-user {
403
-
404
- #buddypress {
405
-
406
- @media screen and (max-width: 38.75em) {
407
-
408
- #object-nav {
409
- background: $cream-background;
410
- border: 1px solid $border-light;
411
- overflow: visible;
412
- padding: $spacing-val-sm;
413
-
414
- ul {
415
- border: 0;
416
- height: 0;
417
- // all latest vendor releases handle transitions, so no prefixes used.
418
- transition: height 0.3s ease-in-out 0.7s;
419
- visibility: hidden;
420
- }
421
-
422
- &:before {
423
- content: "Menu \021E9";
424
- display: inline;
425
- opacity: 0.7;
426
- }
427
-
428
- &:hover,
429
- &:focus {
430
- &:before {content: "Menu \021E7";}
431
-
432
- ul {
433
- height: 320px;
434
- opacity: 1;
435
- overflow-y: auto;
436
- visibility: visible;
437
- }
438
- }
439
- }
440
-
441
- #subnav {
442
- clear: both;
443
- }
444
-
445
- } // close @media
446
- }
447
- }
448
-
449
- /*__ Horizontal menus __*/
450
- #buddypress {
451
-
452
- #object-nav {
453
-
454
- ul {
455
- overflow: hidden;
456
-
457
- li {
458
- float: none;
459
- }
460
-
461
- @media screen and (max-width: 38.75em) {
462
- li:not(:last-child) {
463
- border-bottom: 1px solid $border-light;
464
- }
465
- }
466
-
467
- li:not(.selected) {
468
-
469
- @media screen and (max-width: 38.75em) {
470
- &:focus,
471
- &:hover {
472
- background: darken($cream-background, 2%);
473
- }
474
- }
475
- }
476
-
477
- @media screen and (min-width: 38.75em) {
478
- li {
479
- float: left;
480
- }
481
- }
482
- }
483
- }
484
-
485
- div#subnav.item-list-tabs {
486
- margin-top: 0;
487
-
488
- ul {
489
- background-color: $light-background;
490
- border-bottom: 0;
491
- margin-top: $spacing-val-xs;
492
- padding: 0;
493
-
494
- li.last {
495
- background: $content-background;
496
- margin-top: 0;
497
- padding: $spacing-val-xs $spacing-val-xs $spacing-val-xs 0;
498
- width: 100%;
499
-
500
- select,
501
- select:focus {
502
- background: transparent;
503
- border: 0;
504
- outline: 0;
505
- }
506
-
507
- select,
508
- label,
509
- option {
510
- @include font-size(14);
511
- }
512
-
513
- select {
514
- font-style: italic;
515
- }
516
- }
517
-
518
- @media screen and (min-width: 38.75em) {
519
- li.last {
520
- text-align: right;
521
- }
522
- }
523
- } // close ul
524
- } // close #subnav
525
-
526
- } // close #buddypress
527
-
528
-
529
- /*__ Vertical menu User Account / Group single screens __*/
530
-
531
- // This block contains rules to re-factor the item-body structural element
532
- // to sit alongside the vert menu
533
- // 2016 right sidebar is displayed if the widget sidebar has widgets;
534
- // we'll only display object nav as a vert menu if sidebar not present.
535
-
536
- @media screen and (min-width: 55em) {
537
-
538
- body.no-sidebar {
539
- #buddypress {
540
-
541
- #item-header,
542
- #item-body {
543
- background: $content-background;
544
- }
545
-
546
- #object-nav {
547
- border-right: 1px solid $border-med;
548
- float: left;
549
- margin-right: -1px;
550
- width: 200px;
551
-
552
- ul {
553
- background: none;
554
- border-bottom: 0;
555
- padding: 0;
556
-
557
- li {
558
- float: none;
559
- overflow: hidden;
560
-
561
- span {
562
- background: $content-background;
563
- border-radius: 10%;
564
- float: right;
565
- margin-right: 2px;
566
- }
567
- }
568
- }
569
- }
570
-
571
- #item-body {
572
- border-left: 1px solid $border-med;
573
- overflow: hidden;
574
- padding: 0 0 0 $spacing-val-md;
575
- width: auto;
576
-
577
- #subnav {
578
- margin: 0 0 0 (-$spacing-val-md);
579
-
580
- ul {margin-top: 0;}
581
- }
582
- }
583
-
584
- } // close #buddypress
585
- } // close body:not(.sidebar)
586
- } // close @media
587
-
588
-
589
- // Tabbed Nav styling
590
- // Primarilly used for group create screens & ? directory nav.
591
-
592
- @media screen and (min-width: 46.25em) {
593
- #main {
594
- #buddypress {
595
-
596
- #group-create-tabs.item-list-tabs {
597
-
598
- ul:before,
599
- ul:after {
600
- content: " ";
601
- display: table;
602
- }
603
-
604
- ul:after {
605
- clear: both;
606
- }
607
-
608
- ul {
609
- background: none;
610
- border: 0;
611
- border-bottom: 1px solid $border-med;
612
- overflow: visible;
613
- padding-bottom: 0;
614
-
615
- li {
616
- float: left;
617
- width: auto;
618
- }
619
-
620
- li.selected,
621
- li.current {
622
- border: 1px solid $border-med;
623
- border-bottom-color: $content-background;
624
- @include border-top-radius(4px);
625
- margin-bottom: -1px;
626
-
627
- a {
628
- background: none;
629
- color: $body-text;
630
- outline: none;
631
- }
632
- }
633
- }
634
-
635
- } // close .item-list-tabs
636
-
637
- #subnav {
638
- ul {
639
- border-bottom: 0;
640
- }
641
-
642
- } // close #subnav
643
- } // close #buddypress
644
- }
645
- } // close @media
646
-
647
- /**
648
- *----------------------------------------------------------
649
- * @section 2.2 - Pagination
650
- *----------------------------------------------------------
651
- */
652
-
653
- #buddypress {
654
-
655
- div.pagination {
656
- box-shadow: none;
657
- min-height: 0;
658
-
659
- &:before,
660
- &:after {
661
- height: 0;
662
- width: 0;
663
- }
664
-
665
- .pag-count {margin-left: 0;}
666
- .pagination-links {
667
- margin-right: 0;
668
-
669
- span,
670
- a {
671
- height: auto;
672
- line-height: 1;
673
- padding: 5px;
674
- }
675
-
676
- .prev,
677
- .next {
678
- background-color: transparent;
679
- color: inherit;
680
- overflow: visible;
681
- width: auto;
682
- &:before {display: none;}
683
- }
684
-
685
- .prev {
686
- left: auto;
687
- position: static;
688
- }
689
-
690
- .next {
691
- position: static;
692
- right: auto;
693
- }
694
- } // close .pagination-links
695
- } // close .pagination
696
- } // close #buddypress
697
-
698
- /**
699
- *-------------------------------------------------------------------------------
700
- * @section 4.0 - BP Lists / Loops Generic
701
- *-------------------------------------------------------------------------------
702
- */
703
-
704
- // Adjusts Meta items and various elements to match 2016 font-family
705
- #buddypress {
706
- .item-list {
707
- .activity-header,
708
- .activity-meta {
709
- @include default-font-sans();
710
- }
711
- }
712
- }
713
-
714
- #buddypress {
715
- .activity-meta {
716
- .button {
717
- &:focus,
718
- &:hover {
719
- background: inherit;
720
- color: #000;
721
- }
722
- }
723
- }
724
-
725
- .action {
726
- .generic-button {
727
- a {
728
- &:focus,
729
- &:hover {
730
- background: inherit;
731
- color: #000;
732
- }
733
- }
734
- }
735
- }
736
- } // close #buddypress
737
-
738
- // Trying to position the action div absolute has bad consequences where
739
- // aditional items are displayed, floating is an alternative that
740
- // allows natural flow expansion.
741
- // This block:
742
- // * Manages li items, Stacks them small screen, floated left at wider screens.
743
- // * Adjusts display of action buttons at small screen mobile up.
744
- // Adjusts Meta items to match 2016 font-family
745
-
746
- #buddypress {
747
- ul.item-list {
748
- li {
749
- overflow: hidden !important;
750
-
751
- // Undo BP floats to center avatars initially mobile up
752
- .item-avatar {
753
- margin-bottom: $spacing-val-sm;
754
-
755
- @media screen and (min-width: 38.75em) {
756
- margin-bottom: 0;
757
- }
758
-
759
- text-align: center;
760
-
761
- a {border-bottom: 0;}
762
-
763
- img.avatar {
764
- display: inline-block;
765
- float: none;
766
- margin-bottom: $spacing-val-sm;
767
-
768
- // Quite early on we need to move avatars to the left(right)
769
- @include small-up {
770
- display: block;
771
- float: left;
772
- }
773
- }
774
- }
775
-
776
- .item {
777
- overflow: hidden;
778
-
779
- @media screen and (min-width: 46.25em) {
780
- margin-left: 15%;
781
- }
782
-
783
- span.activity {
784
- font-style: italic;
785
- }
786
-
787
- .item-desc {
788
- margin-left: 0;
789
- width: 94%;
790
- }
791
-
792
- .item-title {
793
- @include font-size(18);
794
- line-height: 1.2;
795
- text-align: center;
796
-
797
- @include small-up {
798
- text-align: left;
799
- }
800
-
801
- width: 100%;
802
-
803
- .update {
804
- display: block;
805
- @include font-size(12);
806
-
807
- @include medium-up {
808
- @include font-size(14);
809
- }
810
-
811
- padding: $spacing-val-sm 0;
812
- text-align: left;
813
- }
814
- }
815
-
816
- }
817
-
818
- @include medium-up {
819
- .item-avatar,
820
- .item,
821
- .action {
822
- float: left;
823
- }
824
-
825
- .item {
826
- left: 5%;
827
- margin-left: 0;
828
- position: relative;
829
- width: 55%;
830
-
831
- .item-title {
832
- @include font-size(22)
833
- }
834
- }
835
-
836
- }// close medium-up
837
-
838
- div.action {
839
- clear: left;
840
- float: none;
841
- margin-bottom: -$spacing-val-md;
842
- // remove BP margin left
843
- margin-left: 0;
844
- padding: $spacing-val-md 0 $spacing-val-xs;
845
- // push the actions to the right
846
-
847
- @include medium-up {
848
- clear: none;
849
- float: right;
850
- margin-bottom: 0;
851
- padding: 0;
852
- }
853
-
854
- position: relative;
855
- text-align: left;
856
- top: 0;
857
-
858
- div {
859
- display: inline-block;
860
- margin: $spacing-val-sm 0;
861
- width: 100%;
862
-
863
- a {
864
- display: block;
865
- width: 100%;
866
- }
867
- // Provisionally lets keep the 'action' div
868
- //position but inline-block the buttons
869
-
870
- @media screen and (min-width: 38.75em) {
871
- // keep buttons to a row small tablet up
872
- margin: 0 $spacing-val-sm $spacing-val-sm 0;
873
- width: auto;
874
- } // close @media
875
-
876
- @include medium-up {
877
- // take buttons to block to stack them when floated right
878
- clear: right;
879
- float: right;
880
- margin: 0 0 $spacing-val-sm 0;
881
- } // close @media
882
-
883
- } // close div
884
-
885
- .meta {
886
- font-style: italic;
887
- }
888
-
889
- } // close .action
890
-
891
- } // close li
892
- } // close .item-list
893
- } // close #buddypress
894
-
895
- /**
896
- *----------------------------------------------------------
897
- * @section 4.1 - Activity
898
- *----------------------------------------------------------
899
- */
900
-
901
- /**
902
- *-----------------------------------------------------
903
- * @section 4.1.1 - Activity Whats New
904
- *-----------------------------------------------------
905
- */
906
-
907
- #buddypress {
908
- form#whats-new-form {
909
-
910
- // Line-height issue inherited from BP rules, override.
911
- p.activity-greeting {
912
- line-height: 1.4;
913
- }
914
-
915
- // corrective measure for clipped elements due to JS inline styling
916
-
917
- @media screen and (max-width: 46.25em) {
918
- #whats-new-content {
919
- clear: left;
920
- margin: $spacing-val-sm 0 $spacing-val-md;
921
- padding: $spacing-val-sm 0 0;
922
- }
923
- }
924
-
925
- #whats-new-content.active {
926
- #whats-new-options[style] {
927
- #whats-new-post-in-box {
928
- border: 1px solid rgba($border-color, 0.5);
929
- float: left;
930
- line-height: 1.5em;
931
- margin-top: 12px;
932
- padding-left: 0.2em;
933
- width: 100%;
934
-
935
- select {
936
- background: none;
937
- border: 0;
938
- float: right;
939
- margin: 0;
940
- min-height: 1.5em;
941
- padding-left: 0.4em;
942
- }
943
- }
944
-
945
- @media screen and (min-width: 30em) {
946
- #whats-new-post-in-box {
947
- width: auto;
948
- }
949
-
950
- #whats-new-submit {
951
- float: right;
952
- }
953
- }
954
-
955
- } // close #whats-new-options
956
- } // close #whats-new-content.active
957
-
958
- } // close #whats-new-form
959
-
960
- // User account form requires matching bp default specificity
961
- #item-body {
962
- form#whats-new-form {
963
- margin: $spacing-val-lg 0;
964
- }
965
- }
966
- } // close #buddypress
967
-
968
- /**
969
- *-----------------------------------------------------
970
- * @section 4.1.2 - Activity Listing
971
- *-----------------------------------------------------
972
- */
973
-
974
- #buddypress {
975
-
976
- #activity-stream {
977
-
978
- // re-size activity avatars and stack small screen
979
- // refactor main elements positioning medium up.
980
- li {
981
- padding: 25px 0 15px;
982
-
983
- .activity-avatar {
984
- float: none;
985
- text-align: center;
986
-
987
- a {
988
- display: inline-block;
989
-
990
- img.avatar {
991
- display: inline;
992
- float: none;
993
- height: 60px;
994
- margin-bottom: $spacing-val-md;
995
- margin-left: 0;
996
- width: 60px;
997
- }
998
- }
999
- } // close .activity-avatar
1000
-
1001
- .activity-content {
1002
- margin-left: 0;
1003
-
1004
- .activity-header {
1005
- @include font-size(14);
1006
-
1007
- a {
1008
- color: #0075c4;
1009
- }
1010
- }
1011
- }
1012
-
1013
- @media screen and (min-width: 46.25em) {
1014
-
1015
- .activity-avatar {
1016
- float: left;
1017
- margin-right: $spacing-val-sm;
1018
- text-align: left;
1019
- a {border-bottom: 0;}
1020
- }
1021
-
1022
- .activity-content {
1023
- margin: 0;
1024
- overflow: hidden;
1025
-
1026
- .activity-header {
1027
- @include font-size(16);
1028
- }
1029
- }
1030
-
1031
- } // close @media
1032
-
1033
- } // close li
1034
-
1035
- li.mini {
1036
- .activity-avatar {
1037
- a {
1038
- img.avatar {
1039
- height: 30px;
1040
- margin-left: 15px;
1041
- width: 30px;
1042
- }
1043
- }
1044
- }
1045
-
1046
- .activity-content {
1047
- .activity-header {
1048
- @include font-size(14);
1049
- }
1050
- }
1051
- }
1052
-
1053
- .activity-content {
1054
- margin-top: -12px;
1055
-
1056
- .activity-header {
1057
- line-height: inherit;
1058
- margin-right: 0;
1059
-
1060
- p {
1061
- background-color: $light-background;
1062
- border: 1px solid rgba($border-light, 0.6);
1063
- color: #727272;
1064
- margin-top: 0;
1065
- padding: 0 0.2em;
1066
- }
1067
-
1068
- img.avatar {
1069
- display: inline-block;
1070
- margin-bottom: 0 !important; // have to match to BP
1071
- }
1072
- } // close .activity-header
1073
-
1074
- .activity-meta {
1075
- a {
1076
- display: block;
1077
- margin-bottom: $spacing-val-xs;
1078
-
1079
- @media screen and (min-width: 38.75em) {
1080
- display: inline-block;
1081
- margin-bottom: 0;
1082
- }
1083
- }
1084
- }
1085
-
1086
- } // close .activity-content
1087
-
1088
- .load-more {
1089
- background: $light-background;
1090
- border: 1px solid transparent;
1091
- padding: $spacing-val-sm;
1092
-
1093
- &:focus,
1094
- &:hover {
1095
- background: darken($light-background, 1%);
1096
- border: 1px solid rgba(#9fd1e2, 0.3);
1097
- a { font-style: italic; }
1098
- }
1099
-
1100
- a {
1101
- display: block;
1102
- }
1103
- }
1104
-
1105
- } // close #activity-stream
1106
- } // close #buddypress
1107
-
1108
- /* Single activity view - activity permalink */
1109
-
1110
- .activity-permalink {
1111
- #buddypress {
1112
- #activity-stream {
1113
-
1114
- li.activity-item {
1115
- padding: $spacing-val-md;
1116
- }
1117
-
1118
- li.mini {
1119
- .activity-header {
1120
- @include font-size(16);
1121
- @media screen and (min-width: 46.25em) {
1122
- @include font-size(20);
1123
- }
1124
-
1125
- margin-bottom: $spacing-val-lg;
1126
- p {padding: $spacing-val-md;}
1127
- }
1128
- }
1129
- }
1130
- }
1131
- }
1132
-
1133
- /**
1134
- *-----------------------------------------------------
1135
- * @section 4.1.3 - Activity Comments
1136
- *-----------------------------------------------------
1137
- */
1138
- #buddypress {
1139
-
1140
- #activity-stream {
1141
- .activity-comments {
1142
- border-left: 1px solid $border-light;
1143
- margin-top: 5px;
1144
-
1145
- ul {
1146
- background: rgba($light-background, 0.6);
1147
- color: #737373;
1148
- margin: 15px 0 0 2px;
1149
-
1150
- a {
1151
- color: #0077c7;
1152
- }
1153
- }
1154
-
1155
- .acomment-meta {
1156
- color: #737373;
1157
- }
1158
-
1159
- .ac-form {
1160
-
1161
- input[type="submit"],
1162
- .ac-reply-cancel {
1163
- color: rgba($body-text, 0.8);
1164
- display: inline-block;
1165
- font-family: inherit;
1166
- @include font-size(12);
1167
- font-weight: normal;
1168
- line-height: 1.2;
1169
- padding: 4px 10px;
1170
- text-transform: lowercase;
1171
- width: 100px;
1172
- }
1173
-
1174
- .ac-reply-cancel {
1175
- border: 1px solid rgba($border-color, 0.7);
1176
- text-align: center;
1177
-
1178
- &:focus,
1179
- &:hover {
1180
- background: $bp-button-hover;
1181
- }
1182
- }
1183
-
1184
- } // close .ac-form
1185
-
1186
- } // close .activity-comments
1187
- } // close .activity
1188
-
1189
- } // close #buddypress
1190
-
1191
- /**
1192
- *----------------------------------------------------------
1193
- * @section 4.2 - Members Loop
1194
- *----------------------------------------------------------
1195
- */
1196
-
1197
- #buddypress {
1198
- #members-list {
1199
-
1200
- @include medium-up {
1201
- li {
1202
- .item-avatar,
1203
- .item {
1204
- float: left;
1205
- }
1206
-
1207
- .action {
1208
- float: right;
1209
- }
1210
- }
1211
- }
1212
-
1213
- } // close #members-list
1214
- } //close #BuddyPress
1215
-
1216
- /**
1217
- *-------------------------------------------------------------------------------
1218
- * @section 5.0 - Directories
1219
- *-------------------------------------------------------------------------------
1220
- */
1221
-
1222
- /**
1223
- *-----------------------------------------------------------
1224
- * @subsection Registration
1225
- *-----------------------------------------------------------
1226
- */
1227
-
1228
- #buddypress {
1229
- #signup_form.standard-form {
1230
-
1231
- #profile-details-section,
1232
- #basic-details-section,
1233
- #blog-details-section {
1234
- float: none;
1235
- width: 100%;
1236
-
1237
- @media screen and (min-width: 38.75em) {
1238
- width: 48%;
1239
- }
1240
- }
1241
-
1242
- @media screen and (min-width: 38.75em) {
1243
- #profile-details-section {float: right;}
1244
- #basic-details-section {float: left;}
1245
- }
1246
-
1247
- }
1248
- }
1249
-
1250
- /**
1251
- *-------------------------------------------------------------------------------
1252
- * @section 6.0 - Single Item screens: User Account & Single Group Screens
1253
- *-------------------------------------------------------------------------------
1254
- */
1255
-
1256
-
1257
- /**
1258
- *-----------------------------------------------------------
1259
- * @subsection 6.1 - Item Header Global
1260
- *-----------------------------------------------------------
1261
- */
1262
-
1263
- .bp-user,
1264
- .single-item.groups {
1265
- #buddypress {
1266
- #item-header-content {
1267
- #item-meta {
1268
- @include font-size(14);
1269
- text-align: left;
1270
-
1271
- p {margin-bottom: 0.5em;}
1272
- }
1273
- }
1274
- }
1275
-
1276
- @media screen and (max-width: 46.25em) {
1277
- main {
1278
- header.entry-header {
1279
- padding-bottom: 1rem;
1280
- }
1281
- }
1282
- }
1283
-
1284
- @media screen and (max-width: 38.75em) {
1285
- h1,
1286
- #item-header-content {
1287
- text-align: center;
1288
- }
1289
- }
1290
-
1291
- #buddypress {
1292
- @media screen and (max-width: 46.25em) {
1293
- #item-header {
1294
- .generic-button {
1295
- float: none;
1296
- margin: 1.5em 0 0 0;
1297
- }
1298
- }
1299
- }
1300
-
1301
- @media screen and (max-width: 38.75em) {
1302
- h1 {
1303
- margin-bottom: 0;
1304
- }
1305
-
1306
- #item-header-avatar {
1307
- img.avatar {
1308
- margin-right: 0;
1309
- }
1310
- }
1311
-
1312
- #item-header-content {
1313
- width: 100%;
1314
- }
1315
- }
1316
- }
1317
- }
1318
-
1319
- /**
1320
- *-----------------------------------------------------
1321
- * @subsection 6.1.1 - item-header Groups
1322
- *
1323
- * Group Specific Item Header
1324
- *-----------------------------------------------------
1325
- */
1326
-
1327
- .single-item.groups {
1328
- #buddypress {
1329
- @media screen and (max-width: 46.25em) {
1330
- #item-header {
1331
- #item-meta {
1332
- margin-bottom: $spacing-val-md;
1333
- }
1334
- }
1335
- }
1336
-
1337
- // Move visual flow of avatar & item-actions at narrow width,
1338
- // avatar first after group title
1339
- @media screen and (max-width: 38.75em) {
1340
- div#item-header {
1341
- display: flex;
1342
- flex-direction: column;
1343
-
1344
- #item-header-avatar {
1345
- order: 1;
1346
- text-align: center;
1347
-
1348
- a {
1349
- border-bottom: 0;
1350
-
1351
- img {
1352
- display: inline-block;
1353
- float: none;
1354
- }
1355
- }
1356
- }
1357
-
1358
- #item-header-content {
1359
- order: 2;
1360
- }
1361
-
1362
- #item-actions {
1363
- order: 3;
1364
-
1365
- h2 {
1366
- border-bottom: 1px solid $border-light;
1367
- text-align: center;
1368
- }
1369
- }
1370
- }
1371
- } // close @media
1372
-
1373
- div#item-header {
1374
- padding-bottom: $spacing-val-lg;
1375
-
1376
- div#item-actions {
1377
- margin: 0;
1378
- width: 100%;
1379
-
1380
- @media screen and (min-width: 38.75em) {
1381
- border-left: 1px solid $border-light;
1382
- clear: none;
1383
- float: right;
1384
- padding-left: 0.2em;
1385
- width: 30%;
1386
- } // close @media
1387
-
1388
- @media screen and (min-width: 46.25em) {
1389
- width: 40%;
1390
- }
1391
-
1392
- ul {
1393
- margin-top: 0;
1394
- padding-left: 0;
1395
- }
1396
-
1397
- h2 {
1398
- @include font-size(14);
1399
-
1400
- @media screen and (min-width: 46.25em) {
1401
- @include font-size(16);
1402
- }
1403
-
1404
- padding: 0.2em;
1405
- }
1406
- } // close item-actions
1407
-
1408
- @media screen and (min-width: 46.25em) {
1409
-
1410
- #item-header-avatar,
1411
- #item-header-content {
1412
- float: left;
1413
- }
1414
-
1415
- #item-header-avatar {
1416
- width: 21%;
1417
- }
1418
-
1419
- #item-header-content {
1420
- margin-left: 4%;
1421
- width: 40%;
1422
- }
1423
-
1424
- div#item-actions {
1425
- float: right;
1426
- width: 28%;
1427
- }
1428
-
1429
- } // close @media
1430
-
1431
- } // close #item-header
1432
- } // close #buddypress
1433
- } // close .groups
1434
-
1435
- /**
1436
- *-----------------------------------------------------
1437
- * @subsection 6.1.2 - Item Header User Accounts
1438
- *
1439
- * User Accounts Specific Item Header
1440
- *-----------------------------------------------------
1441
- */
1442
-
1443
- .bp-user {
1444
- #buddypress {
1445
- #item-header {
1446
- padding: $spacing-val-md 0;
1447
-
1448
- #item-header-avatar {
1449
- text-align: center;
1450
- width: 100%;
1451
-
1452
- img.avatar,
1453
- a {
1454
- border-bottom: 0;
1455
- display: inline-block;
1456
- float: none;
1457
- }
1458
- }
1459
-
1460
- @media screen and (min-width: 46.25em) {
1461
- #item-header-avatar {
1462
- float: left;
1463
- width: 20%;
1464
-
1465
- a {
1466
- float: left;
1467
- }
1468
- }
1469
-
1470
- #item-header-content {
1471
- float: right;
1472
- margin-right: 5%;
1473
- width: 69%;
1474
- }
1475
-
1476
- } // close @media
1477
-
1478
- } // close #item-header
1479
-
1480
- } // close #buddypress
1481
- } // close .bp-user
1482
-
1483
- /**
1484
- *-----------------------------------------------------------
1485
- * @subsection 6.2 - Item Body: Global
1486
- *-----------------------------------------------------------
1487
- */
1488
-
1489
- /**
1490
- *----------------------------------------------------
1491
- * @subsection 6.2.1 - Item Body Groups
1492
- *
1493
- * Groups specific item body rules - screens
1494
- *----------------------------------------------------
1495
- */
1496
-
1497
- /**
1498
- *-----------------------------------------
1499
- * @subsection 6.2.1.1 - Group Management
1500
- *-----------------------------------------
1501
- */
1502
-
1503
- // headings settings screens & general global settings styles
1504
- .groups {
1505
- #group-settings-form {
1506
- h3 {
1507
- background: $dark-background;
1508
- color: $content-background;
1509
- padding: 0.2em;
1510
- }
1511
- }
1512
- }
1513
-
1514
- .groups.edit-details {
1515
- #group-settings-form {
1516
-
1517
- label {
1518
- margin-bottom: 0;
1519
- padding: 0.2em;
1520
- width: 80%;
1521
- }
1522
-
1523
- textarea + p label {
1524
- background: none;
1525
- color: inherit;
1526
- @include font-size(14);
1527
- width: auto;
1528
- }
1529
-
1530
- textarea {
1531
- height: auto;
1532
- min-height: 100px;
1533
- overflow: auto;
1534
- }
1535
- }
1536
- } // close .groups.edit-details
1537
-
1538
- .groups.group-settings {
1539
- #group-settings-form {
1540
-
1541
- div.radio label {
1542
- border: 1px solid $border-light;
1543
- padding: 0.2em;
1544
-
1545
- ul {
1546
- color: rgba($body-text, 0.6);
1547
- @include font-size(14);
1548
- }
1549
- }
1550
-
1551
- }
1552
- } // close .groups.group-settings
1553
-
1554
- .groups.group-avatar {
1555
-
1556
- form > p {
1557
- margin-top: $spacing-val-md;
1558
- }
1559
-
1560
- }
1561
-
1562
- .groups.manage-members {
1563
- #group-settings-form {
1564
- .item-list {
1565
- li {
1566
- border-bottom: 1px solid $border-light;
1567
-
1568
- img,
1569
- h5 {
1570
- float: left;
1571
-
1572
- > a {border-bottom: 0;}
1573
- }
1574
-
1575
- span.small {
1576
- clear: left;
1577
- display: block;
1578
- float: none;
1579
- margin-top: $spacing-val-sm;
1580
-
1581
- a {
1582
- display: inline-block;
1583
- margin: $spacing-val-xs 0;
1584
- width: 100%;
1585
-
1586
- @media screen and (min-width: 38.75em) {
1587
- width: auto;
1588
- }
1589
- }
1590
- }
1591
-
1592
- h5 {
1593
- margin: 0;
1594
- }
1595
-
1596
- }
1597
- }
1598
- }
1599
- } // close .groups.manage-members
1600
-
1601
- /**
1602
- *-----------------------------------------
1603
- * @subsection 6.2.1.2 - Group members
1604
- *-----------------------------------------
1605
- */
1606
-
1607
- // Massage the members search for groups nav specifically.
1608
- .groups.group-members {
1609
- #subnav {
1610
- li {
1611
- @media screen and (max-width: 38.75em) {
1612
- background: $content-background;
1613
- padding: $spacing-val-md 0;
1614
- }
1615
-
1616
- width: 100%;
1617
-
1618
- #search-members-form {
1619
- float: right;
1620
-
1621
- @media screen and (max-width: 38.75em) {
1622
- margin: 0;
1623
- width: 100%;
1624
-
1625
- label {
1626
- input[type="text"] {width: 100%;}
1627
- }
1628
- }
1629
-
1630
- margin: $spacing-val-xs $spacing-val-xs 0 0;
1631
- }
1632
- }
1633
- }
1634
- }
1635
-
1636
- /**
1637
- *-----------------------------------------------------
1638
- * @subsection 6.2.2 - Item Body User Accounts
1639
- *
1640
- * User Account specific item body rules
1641
- *-----------------------------------------------------
1642
- */
1643
-
1644
- .bp-user {
1645
- .entry-title {margin-bottom: 0.5em;}
1646
- }
1647
-
1648
- /**
1649
- *--------------------------------------------
1650
- * @subsection 6.2.2.1 - classes, pag, filters
1651
- *--------------------------------------------
1652
- */
1653
- .bp-user {
1654
-
1655
- #buddypress {
1656
-
1657
- table {
1658
- th {@include font-size(14)}
1659
- td {@include font-size(12)}
1660
- a { color: #0074c2; }
1661
-
1662
- @include medium-up {
1663
- th {@include font-size(16)}
1664
- td {@include font-size(14)}
1665
- }
1666
-
1667
- @include large-up {
1668
- th {@include font-size(18)}
1669
- td {@include font-size(16)}
1670
- }
1671
- }
1672
-
1673
- .pag-count {font-style: italic;}
1674
-
1675
- .notifications-options-nav {
1676
- border: 1px solid rgba($border-color, 0.5);
1677
- float: left;
1678
- width: 100%;
1679
-
1680
- @media screen and (min-width: 38.75em) {
1681
- width: 300px;
1682
- }
1683
-
1684
- select,
1685
- input {
1686
- border: 0;
1687
- @include font-size(14);
1688
- outline: 0;
1689
- padding: 0;
1690
- }
1691
-
1692
- select {
1693
- float: left;
1694
- margin-right: 0;
1695
- width: 60%;
1696
- }
1697
-
1698
- input {
1699
- float: right;
1700
- font-family: inherit;
1701
- line-height: 20px;
1702
- width: 40%;
1703
- }
1704
-
1705
- } // close .notifications-options-nav
1706
-
1707
- } //close #buddypress
1708
- } // close .bp-user
1709
-
1710
- /**
1711
- *-------------------------------------------
1712
- * @subsection 6.2.2.2 - Extended Profiles
1713
- *-------------------------------------------
1714
- */
1715
-
1716
- .bp-user {
1717
-
1718
- #buddypress {
1719
-
1720
- .profile {
1721
- .bp-widget {
1722
- h2 {
1723
- background: lighten($dark-background, 10%);
1724
- color: #fff;
1725
- margin-bottom: 0;
1726
- padding: 0.4em;
1727
- }
1728
-
1729
- table {margin-top: 0;}
1730
- }
1731
- /* Edit profile */
1732
-
1733
- #profile-edit-form {
1734
- .button-nav:before,
1735
- .button-nav:after {
1736
- content: " ";
1737
- display: table;
1738
- }
1739
-
1740
- .button-nav:after {
1741
- clear: both;
1742
- }
1743
-
1744
- ul.button-nav {
1745
- border-bottom: 1px solid $border-light;
1746
- margin-left: 0;
1747
-
1748
- li {
1749
- float: left;
1750
- margin-bottom: 0;
1751
-
1752
- &.current {
1753
- border: 1px solid $border-light;
1754
- border-bottom-color: #fff;
1755
- margin-bottom: -1px;
1756
- }
1757
- } // li
1758
-
1759
- a {
1760
- background: none;
1761
- border: 0;
1762
- @include font-size(18)
1763
- }
1764
- } //.button-nav
1765
-
1766
- .field-visibility-settings-toggle,
1767
- .field-visibility-settings {
1768
- @include font-size(14);
1769
- }
1770
-
1771
- .field-visibility-settings-close,
1772
- .visibility-toggle-link {
1773
- background: $dark-background;
1774
- color: #fff;
1775
- padding: 0.2em 0.5em;
1776
- }
1777
- } // close profile form
1778
-
1779
- .bp-avatar {
1780
- #bp-delete-avatar {
1781
- a {font-size: inherit; }
1782
- }
1783
- }
1784
- } // close .profile
1785
-
1786
- } // close #buddypress
1787
- } // close .bp-user
1788
-
1789
- /**
1790
- *-------------------------------------------
1791
- * @subsection 6.2.2.3 - Groups
1792
- *-------------------------------------------
1793
- */
1794
-
1795
- .bp-user {
1796
-
1797
- #buddypress {
1798
-
1799
- #groups-list {
1800
- li {
1801
- .item {
1802
- @media screen and (min-width: 77.5em) {
1803
- left: 5%;
1804
- width: 50%;
1805
- }
1806
- }
1807
- }
1808
- }
1809
-
1810
- } // close #buddypress
1811
- } // close .bp-user
1812
-
1813
- /**
1814
- *-------------------------------------------
1815
- * @subsection 6.2.2.5 - Private Messaging
1816
- *-------------------------------------------
1817
- */
1818
-
1819
- .bp-user {
1820
-
1821
- #buddypress {
1822
-
1823
- #message-thread {
1824
- //Single message view
1825
- a {
1826
- border-bottom: 0;
1827
- }
1828
-
1829
- #message-subject {
1830
- background: lighten($dark-background, 10%);
1831
- color: $content-background;
1832
- padding: 0.3em 0 0.3em 0.2em;
1833
- }
1834
-
1835
- #message-recipients {
1836
- font-style: italic;
1837
-
1838
- a.confirm {
1839
- border: 1px solid $border-light;
1840
- font-style: normal;
1841
- }
1842
- }
1843
-
1844
- .message-metadata {
1845
- overflow: hidden;
1846
-
1847
- img.avatar {
1848
- float: none;
1849
- }
1850
-
1851
- @media screen and (min-width: 46.25em) {
1852
- img.avatar {
1853
- float: left;
1854
- }
1855
- }
1856
-
1857
- .message-star-actions {
1858
- float: right;
1859
- margin-right: $spacing-val-xs;
1860
- position: static;
1861
- }
1862
- } // close .message-meta
1863
-
1864
- .message-content {
1865
- background: $light-background;
1866
- border: 1px solid $border-light;
1867
- margin: $spacing-val-sm 0 0 0;
1868
- padding: 0.3em;
1869
- }
1870
-
1871
- #send-reply {
1872
- .message-content {
1873
- background: $content-background;
1874
- border: 0;
1875
- }
1876
- }
1877
-
1878
- .alt {
1879
- background: $content-background;
1880
- }
1881
-
1882
- } // close message-thread Singular view!
1883
-
1884
- #message-threads {
1885
-
1886
- thead {
1887
- tr {
1888
- background: lighten($dark-background, 10%);
1889
- }
1890
- }
1891
-
1892
- tr {
1893
- td {
1894
- background: $content-background;
1895
- display: inline-block;
1896
- float: left;
1897
- }
1898
-
1899
- td.thread-star,
1900
- td.thread-options {
1901
- border-bottom-color: $medium-background;
1902
- border-bottom-width: 2px;
1903
- height: 2.4em;
1904
- padding-bottom: 0.2em;
1905
- padding-top: 0.2em;
1906
-
1907
- @media screen and (max-width: 46.25em) {
1908
- padding-top: 0;
1909
- }
1910
- }
1911
-
1912
- td.thread-star {
1913
- vertical-align: middle;
1914
-
1915
- .message-action-star {
1916
- line-height: 1.2;
1917
- }
1918
- }
1919
-
1920
- td.bulk-select-check,
1921
- td.thread-from {
1922
- height: 3em;
1923
-
1924
- @media screen and (max-width: 38.75em) {
1925
- height: 5.2em;
1926
- }
1927
- }
1928
-
1929
- td.thread-from,
1930
- td.thread-options {
1931
- border-left: 0 !important;
1932
- @include calc(width, "100% - 30px");
1933
- margin-left: 0;
1934
- }
1935
-
1936
- td.thread-info {
1937
- padding-left: 41px;
1938
- width: 100%;
1939
-
1940
- a::after {
1941
- content: " \2016 \00a0"attr(title);
1942
- @include font-size(12);
1943
- }
1944
- }
1945
-
1946
- td.thread-options {
1947
- text-align: right;
1948
-
1949
- a {
1950
- @include font-size(12);
1951
- line-height: 2.2;
1952
- }
1953
- }
1954
-
1955
- span.from {
1956
- display: none;
1957
- }
1958
-
1959
- span.activity {
1960
- display: block;
1961
- float: right;
1962
- line-height: 2;
1963
-
1964
- @media screen and (max-width: 38.75em) {
1965
- clear: both;
1966
- @include font-size(11);
1967
- width: 100%;
1968
- }
1969
- }
1970
- }
1971
-
1972
- tr.unread {
1973
- td {
1974
- background: $unread;
1975
- border-color: $border-color;
1976
- }
1977
- }
1978
-
1979
- th {
1980
- display: none;
1981
- }
1982
-
1983
- th.bulk-select-all {
1984
- border-bottom: 0;
1985
- display: inline-block;
1986
- text-align: left;
1987
- }
1988
-
1989
- th.bulk-select-all,
1990
- td.bulk-select-check,
1991
- td.thread-star {
1992
- border-right: 0;
1993
- width: 30px;
1994
- }
1995
- }
1996
-
1997
- .acfb-holder {
1998
- list-style: none;
1999
-
2000
- li {margin-left: 0;}
2001
-
2002
- li.friend-tab {
2003
- background: lighten($notice-info, 20%);
2004
- border: inherit;
2005
- margin-right: 0;
2006
- padding: 0.5em;
2007
-
2008
- span.p {
2009
- // the 'X' close
2010
- padding-left: $spacing-val-sm;
2011
-
2012
- &:focus,
2013
- &:hover {
2014
- color: $link-action;
2015
- cursor: pointer;
2016
- }
2017
- }
2018
-
2019
- a {
2020
- border-bottom: 0;
2021
- text-decoration: none;
2022
-
2023
- img {
2024
- // this is the tiny user avatar
2025
- display: inline;
2026
- height: 20px;
2027
- vertical-align: middle;
2028
- width: 20px !important; // override inline style
2029
- }
2030
- }
2031
- }
2032
- }
2033
-
2034
- #message-threads.sitewide-notices {
2035
-
2036
- td {
2037
- width: 100%;
2038
-
2039
- strong {
2040
- background: lighten($dark-background, 10%);
2041
- color: $content-background;
2042
- display: block;
2043
- margin-bottom: 0.4em;
2044
- padding-left: 0.2em;
2045
- }
2046
-
2047
- a {
2048
- display: inline-block;
2049
- }
2050
- }
2051
-
2052
- td:first-child {
2053
- display: none;
2054
- }
2055
-
2056
- td:nth-child(2) {
2057
- strong {
2058
- margin: -8px -8px 8px;
2059
- }
2060
- }
2061
-
2062
- td:first-child + td + td {
2063
- // notice date
2064
- border-bottom: 0;
2065
-
2066
- span {
2067
- line-height: 1;
2068
- }
2069
- }
2070
-
2071
- td:last-child {
2072
- // notice actions
2073
- border-bottom-color: darken($border-light, 20%);
2074
- line-height: 1;
2075
- text-align: right;
2076
-
2077
- a:last-child {
2078
- // hide the 'x' text
2079
- line-height: 0;
2080
- margin-left: 0.7em;
2081
- text-indent: -999em;
2082
- }
2083
-
2084
- a:last-child::after {
2085
- content: attr(title);
2086
- display: block;
2087
- line-height: initial;
2088
- text-indent: 0;
2089
- }
2090
- }
2091
- }
2092
-
2093
- } // #buddypress
2094
-
2095
- // acfb auto complete name list sits in doc footer before body close
2096
- .ac_results {
2097
- background: #eee;
2098
- padding-left: $spacing-val-sm;
2099
-
2100
- ul { margin: 0; }
2101
-
2102
- li {
2103
- margin: $spacing-val-sm 0;
2104
-
2105
- &:focus,
2106
- &:hover {
2107
- cursor: pointer;
2108
- }
2109
- }
2110
- }
2111
-
2112
- } // close .bp-user
2113
-
2114
- /**
2115
- *------------------------------
2116
- * @subsection 6.2.2.6 - Settings
2117
- *------------------------------
2118
- */
2119
-
2120
- .bp-user {
2121
-
2122
- #buddypress {
2123
-
2124
- #settings-form {
2125
- // 'p' = email notification screen sub heading
2126
- > p {
2127
- @include font-size(20);
2128
- margin: $spacing-val-md 0 $spacing-val-sm;
2129
- }
2130
- }
2131
-
2132
- table.notification-settings {
2133
- td.yes,
2134
- td.no {
2135
- vertical-align: middle;
2136
- }
2137
- }
2138
- // Profile table td widths
2139
- table.profile-settings {
2140
- width: 100%;
2141
-
2142
- th.field-group-name,
2143
- td.field-name {
2144
- width: 50%;
2145
- }
2146
-
2147
- @media screen and (min-width: 46.25em) {
2148
- th.field-group-name,
2149
- td.field-name {
2150
- width: 70%;
2151
- }
2152
- }
2153
-
2154
- th.title,
2155
- td.field-visibility {
2156
- width: 30%;
2157
- }
2158
-
2159
- td.field-visibility {
2160
- select {width: 100%;}
2161
- }
2162
- }
2163
-
2164
- } // close #buddyPress
2165
-
2166
- } // close .bp-user
2167
-
2168
- /**
2169
- *-------------------------------------------------------------------------------
2170
- * @section 7.0 - Forms - General
2171
- *-------------------------------------------------------------------------------
2172
- */
2173
-
2174
- // Attempt to reset form control widths
2175
- #main {
2176
- #buddypress {
2177
- .standard-form {
2178
-
2179
- li {float: none;}
2180
- input[type='text'],
2181
- input[type='email'],
2182
- input[type='password'],
2183
- textarea {
2184
- width: 100%;
2185
- }
2186
- }
2187
- }
2188
- }
2189
-
2190
-
2191
- #buddypress {
2192
-
2193
- // Match BP form elements to Themes(2016) styling where styles
2194
- // are not inherited or being overriden.
2195
- div.activity-comments {
2196
-
2197
- form {
2198
- .ac-textarea {
2199
- background: $light-background;
2200
- border: 1px solid rgba($border-color, 0.5);
2201
-
2202
- textarea {
2203
- background: none;
2204
- border: 0;
2205
- }
2206
- }
2207
- }
2208
- }
2209
-
2210
- .standard-form {
2211
-
2212
- // Keep BP form element borders to 1px rather than 2013 2px
2213
- input[type="text"],
2214
- input[type="email"],
2215
- input[type="password"],
2216
- button,
2217
- select,
2218
- textarea {
2219
- border-color: rgba($border-color, 0.5);
2220
- border-width: 1px;
2221
- }
2222
-
2223
- select {
2224
- color: #737373;
2225
- }
2226
-
2227
- } // close .standard-form
2228
-
2229
- #signup_form.standard-form {
2230
- div.submit {
2231
- float: none;
2232
-
2233
- input {margin-right: 0;}
2234
- }
2235
- }
2236
-
2237
- } // close #buddypress
2238
-
2239
- #buddypress {
2240
- div.dir-search,
2241
- div.message-search,
2242
- li.groups-members-search {
2243
- float: none;
2244
- margin: $spacing-val-sm 0;
2245
-
2246
- // Stylise the seach form elements, in part this deals with padding
2247
- // issues on the submit & sizing issues between bp styles & 2016
2248
-
2249
- form { // *sigh* only to bludgeon over specified rules
2250
- border: 1px solid rgba($border-color, 0.6);
2251
- overflow: hidden;
2252
-
2253
- label {
2254
- float: left;
2255
- width: 70%;
2256
- }
2257
-
2258
- input[type='text'] {
2259
- float: left;
2260
- margin: 0;
2261
- width: 100%;
2262
- }
2263
-
2264
- input[type='text'],
2265
- input[type='submit'] {
2266
- @include font-size(14);
2267
- border: 0;
2268
- line-height: inherit;
2269
- }
2270
-
2271
- input[type='text'] {
2272
- border-right: 1px solid rgba($border-color, 0.6);
2273
- padding: 0.2em 0 0.2em 0.2em;
2274
- }
2275
-
2276
- input[type='submit'] {
2277
- float: right;
2278
- font-weight: normal;
2279
- padding: 0.2em 1em;
2280
- text-align: center;
2281
- text-transform: none;
2282
- width: 30%;
2283
- }
2284
- } // close form
2285
-
2286
- } // close .dir-search, .message-search
2287
-
2288
- // Shift the search parent to the right and allow to shrinkwrap
2289
-
2290
- @media screen and (min-width: 38.75em) {
2291
- div.dir-search,
2292
- div.message-search,
2293
- li.groups-members-search {
2294
- float: right;
2295
- margin-bottom: 5px !important;
2296
-
2297
- form {
2298
- label,
2299
- input[type='text'],
2300
- input[type='submit'] {
2301
- width: auto;
2302
- }
2303
- }
2304
- }
2305
-
2306
- } // close @media
2307
-
2308
-
2309
- @include large-up {
2310
-
2311
- .dir-search,
2312
- .message-search {
2313
- form {
2314
- input[type='text'] { @include font-size(16) ;}
2315
- input[type='submit'] { @include font-size(16) ;}
2316
- }
2317
- }
2318
- }
2319
-
2320
- } // close #buddypress
2321
-
2322
- /**
2323
- *-------------------------------------------------------------------------------
2324
- * @section 8.0 - Tables - General
2325
- *-------------------------------------------------------------------------------
2326
- */
2327
-
2328
- // Adjust table font sizes, default too large proportionally
2329
- // This approach will require refinement and perhaps re-location to
2330
- // a more general typography section to manage BP elements grouped under
2331
- // breakpoints. Provide top/bottom margins for tables, lacking in BP styles
2332
- #buddypress {
2333
- table {
2334
- @include font-size(14);
2335
- margin: $spacing-val-md 0;
2336
-
2337
- tr th {
2338
- background: lighten($dark-background, 10%);
2339
- border-color: darken($border-light, 20%);
2340
- color: $content-background;
2341
- }
2342
-
2343
- // Reduce the themes inherited paragraph margins in tables
2344
- p {margin-bottom: 0.5em;}
2345
- }
2346
-
2347
- @media screen and (min-width: 55em) {
2348
- table {@include font-size(16);}
2349
- }
2350
- }
2351
-
2352
- /*__ User Account tables __*/
2353
-
2354
- #buddypress {
2355
-
2356
- // Manage some table cells widths that are disproportionate to their content
2357
- .notifications,
2358
- .messages-notices {
2359
- th {
2360
- width: 30%;
2361
-
2362
- &.bulk-select-all {
2363
- text-align: center;
2364
- width: 10%;
2365
- }
2366
- }
2367
-
2368
- .bulk-select-check,
2369
- .thread-star {
2370
- text-align: center;
2371
- }
2372
-
2373
- .notification-actions,
2374
- td.thread-options {
2375
- text-align: center;
2376
-
2377
- a {
2378
- display: inline-block;
2379
- margin: 0;
2380
- padding: 0;
2381
- }
2382
- }
2383
-
2384
- // Notices action buttons, this maybe better moved, temp for now to address
2385
- // styling issues - this will need styling ideas
2386
- td {
2387
- .button {
2388
- border: 0;
2389
- display: block;
2390
- padding: 0;
2391
- text-align: center;
2392
- }
2393
- }
2394
-
2395
- } // .notifications, .message-notices
2396
- } // #buddypress
2397
-
2398
- /**
2399
- *-------------------------------------------------------------------------------
2400
- * @section 9.0 - Error / Success messages
2401
- *-------------------------------------------------------------------------------
2402
- */
2403
-
2404
- // message args ($variable-color, text-color)
2405
- // Leave text-color undefined to automagically set text color
2406
- // to background color darker by 50%
2407
-
2408
- #buddypress {
2409
- div#message {
2410
- p {
2411
- @include font-size(18);
2412
- font-weight: bold;
2413
- }
2414
-
2415
- &.info {
2416
- p {
2417
- @include message-box($notice-info);
2418
- }
2419
- }
2420
-
2421
- &.updated {
2422
- p {
2423
- @include message-box($notice-update);
2424
- }
2425
- }
2426
-
2427
- } // close #message
2428
-
2429
- } // close #buddypress
2430
-
2431
- // Without direct classes on our mesages ( 'warning' )
2432
- // we need to use the body classes
2433
- // todo: If this is class .warning is included in main BP styles remove from here
2434
- .delete-group {
2435
- #buddypress {
2436
- div#message.info {
2437
- p {
2438
- @include message-box($notice-warning);
2439
- }
2440
- }
2441
- }
2442
- }
2443
-
2444
- /**
2445
- *-------------------------------------------------------------------------------
2446
- * @section 10.0 - Ajax Loading, Widgets, General classes
2447
- *-------------------------------------------------------------------------------
2448
- */
2449
-
2450
- #buddypress {
2451
-
2452
- .acfb-holder {
2453
-
2454
- li.friend-tab {
2455
- background: $notice-info;
2456
- border: inherit;
2457
- }
2458
- }
2459
- }
1
+
2
+ // Stylesheet Guidence Notes
3
+ // Table of content represents a guide to sections of the sheet.
4
+ // Note that not all sections may be described in the body of the
5
+ // rulesets only those that require styles for a given theme.
6
+ // Sub sections might not exist but can be added as required
7
+ // as per BP Lists - 'activity' section.
8
+
9
+ // We follow the dictats of the parent theme in respect of media queries,
10
+ // font sizing etc. Media queries are used in a modular sense (OOCSS)
11
+ // rather than described as blocks to the end of the sheet, this aids ease
12
+ // of managing media queries, scalability & flexibility .
13
+
14
+ // 2016 Media Queries / Breakpoints.
15
+ // @media screen and (min-width: 44.375em)
16
+ // @media screen and (min-width: 61.5625em)
17
+ // @media screen and (min-width: 75em)
18
+
19
+
20
+ // In addition BP will use the em breakpoints as referenced below to provide
21
+ // a series of finer breakpoints, these are be used sparingly though.
22
+ // @media screen and (max-width: 22em) // Additional for xtra small mobile only
23
+ // @media screen and (max-width: 30em) // Additional small only
24
+ // @media screen and (min-width: 38.75em)
25
+ // @media screen and (min-width: 46.25em)
26
+ // @media screen and (min-width: 55em)
27
+ // @media screen and (min-width: 87.6875em)
28
+
29
+ // Mixins and Variables
30
+
31
+ // simplify remembering/writing media queries
32
+ // written as:
33
+ // @include medium-up {
34
+ // body {property: value;}
35
+ // }
36
+ //
37
+
38
+ @mixin small-up {
39
+ @media screen and (min-width: 44.375em) {
40
+ @content;
41
+ }
42
+ }
43
+
44
+ @mixin medium-up {
45
+ @media screen and (min-width: 61.5625em) {
46
+ @content;
47
+ }
48
+ }
49
+
50
+ @mixin large-up {
51
+ @media screen and (min-width: 75em) {
52
+ @content;
53
+ }
54
+ }
55
+
56
+
57
+ // Common spacing values
58
+ $spacing-val-lg: 40px;
59
+ $spacing-val-md: 20px;
60
+ $spacing-val-sm: 10px;
61
+ $spacing-val-xs: 5px;
62
+
63
+ // A simple mixin to handle font-sizing
64
+ // 2016 uses a basic pixel font size approach, we'll stick with rem/px
65
+ @mixin font-size($font-size: 16) {
66
+ $rem-font-value: ($font-size / 16);
67
+ font-size: ($font-size * 1px);
68
+ font-size: $rem-font-value + rem;
69
+ }
70
+
71
+ // To allow mixins to pass VendorPrefix scss-lint tests we disable lint-test
72
+ // for specific blocks / rulesets
73
+ // until such time as exemption lists can be built for the scss-lint.yml?
74
+ // Any vendor prefix properties / mixins need to be in this block
75
+
76
+ // scss-lint:disable VendorPrefix
77
+
78
+ // Border border-radius mixins
79
+ @mixin border-radius($radius) {
80
+ -webkit-border-radius: $radius;
81
+ -moz-border-radius: $radius;
82
+ -ms-border-radius: $radius;
83
+ border-radius: $radius;
84
+ background-clip: padding-box;
85
+ }
86
+
87
+ @mixin border-top-radius($radius) {
88
+ -webkit-border-top-right-radius: $radius;
89
+ border-top-right-radius: $radius;
90
+ -webkit-border-top-left-radius: $radius;
91
+ border-top-left-radius: $radius;
92
+ background-clip: padding-box;
93
+ }
94
+
95
+ @mixin border-right-radius($radius) {
96
+ -webkit-border-bottom-right-radius: $radius;
97
+ border-bottom-right-radius: $radius;
98
+ -webkit-border-top-right-radius: $radius;
99
+ border-top-right-radius: $radius;
100
+ background-clip: padding-box;
101
+ }
102
+
103
+ @mixin border-bottom-radius($radius) {
104
+ -webkit-border-bottom-right-radius: $radius;
105
+ border-bottom-right-radius: $radius;
106
+ -webkit-border-bottom-left-radius: $radius;
107
+ border-bottom-left-radius: $radius;
108
+ background-clip: padding-box;
109
+ }
110
+
111
+ @mixin border-left-radius($radius) {
112
+ -webkit-border-bottom-left-radius: $radius;
113
+ border-bottom-left-radius: $radius;
114
+ -webkit-border-top-left-radius: $radius;
115
+ border-top-left-radius: $radius;
116
+ background-clip: padding-box;
117
+ }
118
+
119
+ // Box sizing
120
+ @mixin box-model($box-model) {
121
+ -webkit-box-sizing: $box-model;
122
+ -moz-box-sizing: $box-model;
123
+ box-sizing: $box-model;
124
+ }
125
+
126
+ // Calc
127
+ @mixin calc($property, $expression) {
128
+ #{$property}: -webkit-calc(#{$expression});
129
+ #{$property}: -moz-calc(#{$expression});
130
+ #{$property}: calc(#{$expression});
131
+ }
132
+
133
+ // Re-enable the VendorPrefix lint test
134
+ // scss-lint:enable VendorPrefix
135
+
136
+ // BP message boxes
137
+ @mixin message-box($background, $text-color: null) {
138
+
139
+ @if $text-color {
140
+ // if a param was passed through
141
+ $text-color: $text-color;
142
+ } @else {
143
+ $text-color: darken($background, 50%);
144
+ }
145
+
146
+ background: lighten($background, 10%);
147
+ border: 1px solid darken($background, 10%);
148
+ color: $text-color;
149
+ }
150
+
151
+ // 2016 font family
152
+ @mixin default-font-sans() {
153
+ font-family: "Source Sans Pro", Helvetica, sans-serif;
154
+ }
155
+
156
+ // Variables: color definitions
157
+ $body-text: #141412;
158
+ $content-background: #fff;
159
+ $off-white: lighten(#f9f8ee, 0.7);
160
+ $cream-background: #f7f5e7;
161
+ $light-background: #f7f7f7;
162
+ $medium-background: #ccc;
163
+ $dark-background: #555;
164
+ $border-color: #d4d0ba; // border color is varied using rgba
165
+ $border-light: #eaeaea; // BP dividers
166
+ $border-med: #ddd;
167
+ $background-hover: #db572f; // 2016 link background hover
168
+ $bp-button-hover: #ededed; // this is the default BP button hover background
169
+ $notice-error: #c85a6e;
170
+ $notice-warning: #d05656;
171
+ $notice-info: #9fd1e2;
172
+ $notice-update: #ced98c;
173
+ $stripe-odd: #ebf0ff;
174
+ $stripe-even: #dbe5ff;
175
+ $unread: #dce5ff;
176
+ $link-action: #c82b2b;
177
+ /*--------------------------------------------------------------
178
+
179
+ This is the BuddyPress companion stylesheet for
180
+ the WordPress Twentysixteen theme.
181
+
182
+ This sheet supports the primary BuddyPress styles in buddypress.css
183
+
184
+ If you are running as a child theme of twentysixteen this stylesheet will be
185
+ loaded by default. If you want to modify the styles the normal BP Theme Compat
186
+ hierarchy works and you can copy the file to buddypress/css/ or community/css/
187
+ in your child themes root & either start over or modify the rulesets.
188
+
189
+ If you do not require the styles you can dequeue them from the themes functions file.
190
+
191
+ Please see this codex article for more information:
192
+ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
193
+
194
+ ----------------------------------------------------------------
195
+ >>> TABLE OF CONTENTS:
196
+ ----------------------------------------------------------------
197
+ 1.0 Theme Structural Elements & overrides
198
+ 2.0 - Navigation - General
199
+ 2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
200
+ 2.2 - Pagination
201
+ 3.0 - Images
202
+ 4.0 - BP Lists / Loops Generic
203
+ 4.1 - Activity Loop
204
+ 4.1.1 Whats New Activity
205
+ 4.1.2 - Activity Listing
206
+ 4.1.3 - Activity Comments
207
+ 4.2 - Members Loop
208
+ 4.3 - Groups Loop
209
+ 4.4 - Blogs Loop
210
+ 5.0 - Directories - Members, Groups, Blogs, Register, activation
211
+ 6.0 - Single Item screens: User Account & Single Group Screens
212
+ 6.1 - Item Headers: Global
213
+ 6.1.1 - item-header: Groups
214
+ 6.1.2 - item-header: User Accounts
215
+ 6.2 - Item Body: Global
216
+ 6.2.1 - item-body: Groups
217
+ 6.2.1.1 - Management settings screens
218
+ 6.2.1.2 - Group members list
219
+ 6.2.2 - item-body: User Accounts
220
+ 6.2.2.1 - classes, pag, filters
221
+ 6.2.2.2 - Extended Profiles
222
+ 6.2.2.3 - Groups
223
+ 6.2.2.4 - friends
224
+ 6.2.2.5 - Private Messaging Threads
225
+ 6.2.2.6 - Settings
226
+ 7.0 - Forms - General
227
+ 8.0 - Tables - General
228
+ 9.0 - Error / Success Messages
229
+ 10.0 - Ajax Loading, Widgets, General classes
230
+ --------------------------------------------------------------*/
231
+
232
+ /**
233
+ *-------------------------------------------------------------------------------
234
+ * @section 1.0 - Theme - Structural Elements. overrides, Globals
235
+ *-------------------------------------------------------------------------------
236
+ */
237
+
238
+ // A conflict between BP's body.no-js being removed only
239
+ // when the DOM is fully loaded & Twentysixteens hardcoded
240
+ // class on the html el & scripting in head at start of DOM
241
+ // causes mobile menu to stay opened too long.
242
+ // This ruleset hides menu if html.js (2016 JS has kicked in) but BP still
243
+ // rendering body.no-js before it's own JS removal kicks in.
244
+ // See trac ticket https://buddypress.trac.wordpress.org/ticket/7314
245
+
246
+ /**
247
+ * Corrective measure to deal with 2016 / BP handling of no-js
248
+ * classes - hide menu if BP still showing 'no-js'.
249
+ */
250
+
251
+ @media screen and (max-width: 905px) {
252
+
253
+ html.js {
254
+
255
+ body.no-js {
256
+
257
+ .site-header-menu {
258
+ display: none;
259
+ }
260
+ }
261
+ }
262
+ }
263
+
264
+ .buddypress {
265
+ // Remove any empty clearing elements, CSS provides clearing.
266
+ div.clear {display: none;}
267
+
268
+ // Ensure no text decoration or box shadow causing underlined effect.
269
+ #page a {
270
+ box-shadow: none;
271
+ text-decoration: none !important;
272
+ }
273
+
274
+ .entry-title {
275
+ text-align: center;
276
+
277
+ @include medium-up {
278
+ text-align: left;
279
+ }
280
+ }
281
+
282
+ // The breakpoint for main & sidebar could cut in earlier, elements wrap to blocks/columns
283
+ // but margins & padding still in effect for sidebar style.css L:2781.
284
+
285
+ @include small-up {
286
+ #primary {
287
+ float: none;
288
+ margin: 0;
289
+ width: auto;
290
+
291
+ .entry-header {
292
+ margin: 0;
293
+ }
294
+
295
+ .entry-content,
296
+ .content-bottom-widgets {
297
+ margin-left: 7.6923%;
298
+ margin-right: 7.6923%;
299
+ }
300
+ }
301
+
302
+ .sidebar {
303
+ float: none;
304
+ margin-left: 0;
305
+ padding: 0 7.6923%;
306
+ width: auto;
307
+ }
308
+ }
309
+
310
+ @include medium-up {
311
+ #primary {
312
+ float: left;
313
+ margin-right: -100%;
314
+ width: 70%;
315
+
316
+ .entry-content,
317
+ .content-bottom-widgets {
318
+ margin-left: 0;
319
+ margin-right: 0;
320
+ }
321
+ }
322
+
323
+ .sidebar {
324
+ float: left;
325
+ margin-left: 75%;
326
+ padding: 0;
327
+ width: 25%;
328
+ }
329
+
330
+ }
331
+
332
+ } // .buddypress (body class)
333
+
334
+ // 2016 defines the class 'no-sidebar' if the primary sidebar is empty/inactive in terms
335
+ // of widgets; if this is in effect on a site then adjust the BP screens for full width.
336
+
337
+ .buddypress.no-sidebar {
338
+
339
+ #primary {
340
+ float: none;
341
+ margin: 0;
342
+ width: auto;
343
+ }
344
+
345
+ }
346
+
347
+ /**
348
+ *-------------------------------------------------------------------------------
349
+ * @section 2.0 - Navigation - General
350
+ *-------------------------------------------------------------------------------
351
+ */
352
+
353
+
354
+
355
+ /**
356
+ *----------------------------------------------------------
357
+ * @section 2.1 - Navs Object Nav / Sub Nav (item-list-tabs)
358
+ *
359
+ * The main navigational elements for all BP screens
360
+ *----------------------------------------------------------
361
+ */
362
+
363
+ // We have a need to override BP specifity
364
+ // so some rulesets sets will appear over weighted in selectors
365
+
366
+ #buddypress {
367
+
368
+ // active/current states all navs
369
+ div.item-list-tabs {
370
+ ul {
371
+ li.selected {
372
+ a {
373
+ background: inherit;
374
+ opacity: 1;
375
+ }
376
+ }
377
+ }
378
+ }
379
+ // global nav styles
380
+ div.item-list-tabs {
381
+ ul {
382
+ background-color: $cream-background;
383
+ border-bottom: 1px solid rgba($border-light, 0.9);
384
+ border-top: 1px solid rgba($border-light, 0.9);
385
+ overflow: hidden;
386
+ padding: 0;
387
+
388
+ li {
389
+ a {
390
+ color: #0073c1;
391
+
392
+ span {border-radius: 25%;}
393
+ }
394
+ }
395
+ }
396
+ } // close item-list-tabs
397
+
398
+ } // close #buddypress
399
+
400
+ // .bp-user #object-nav @ small screen as a dropdown
401
+
402
+ .bp-user {
403
+
404
+ #buddypress {
405
+
406
+ @media screen and (max-width: 38.75em) {
407
+
408
+ #object-nav {
409
+ background: $cream-background;
410
+ border: 1px solid $border-light;
411
+ overflow: visible;
412
+ padding: $spacing-val-sm;
413
+
414
+ ul {
415
+ border: 0;
416
+ height: 0;
417
+ // all latest vendor releases handle transitions, so no prefixes used.
418
+ transition: height 0.3s ease-in-out 0.7s;
419
+ visibility: hidden;
420
+ }
421
+
422
+ &:before {
423
+ content: "Menu \021E9";
424
+ display: inline;
425
+ opacity: 0.7;
426
+ }
427
+
428
+ &:hover,
429
+ &:focus {
430
+ &:before {content: "Menu \021E7";}
431
+
432
+ ul {
433
+ height: 320px;
434
+ opacity: 1;
435
+ overflow-y: auto;
436
+ visibility: visible;
437
+ }
438
+ }
439
+ }
440
+
441
+ #subnav {
442
+ clear: both;
443
+ }
444
+
445
+ } // close @media
446
+ }
447
+ }
448
+
449
+ /*__ Horizontal menus __*/
450
+ #buddypress {
451
+
452
+ #object-nav {
453
+
454
+ ul {
455
+ overflow: hidden;
456
+
457
+ li {
458
+ float: none;
459
+ }
460
+
461
+ @media screen and (max-width: 38.75em) {
462
+ li:not(:last-child) {
463
+ border-bottom: 1px solid $border-light;
464
+ }
465
+ }
466
+
467
+ li:not(.selected) {
468
+
469
+ @media screen and (max-width: 38.75em) {
470
+ &:focus,
471
+ &:hover {
472
+ background: darken($cream-background, 2%);
473
+ }
474
+ }
475
+ }
476
+
477
+ @media screen and (min-width: 38.75em) {
478
+ li {
479
+ float: left;
480
+ }
481
+ }
482
+ }
483
+ }
484
+
485
+ div#subnav.item-list-tabs {
486
+ margin-top: 0;
487
+
488
+ ul {
489
+ background-color: $light-background;
490
+ border-bottom: 0;
491
+ margin-top: $spacing-val-xs;
492
+ padding: 0;
493
+
494
+ li.last {
495
+ background: $content-background;
496
+ margin-top: 0;
497
+ padding: $spacing-val-xs $spacing-val-xs $spacing-val-xs 0;
498
+ width: 100%;
499
+
500
+ select,
501
+ select:focus {
502
+ background: transparent;
503
+ border: 0;
504
+ outline: 0;
505
+ }
506
+
507
+ select,
508
+ label,
509
+ option {
510
+ @include font-size(14);
511
+ }
512
+
513
+ select {
514
+ font-style: italic;
515
+ }
516
+ }
517
+
518
+ @media screen and (min-width: 38.75em) {
519
+ li.last {
520
+ text-align: right;
521
+ }
522
+ }
523
+ } // close ul
524
+ } // close #subnav
525
+
526
+ } // close #buddypress
527
+
528
+
529
+ /*__ Vertical menu User Account / Group single screens __*/
530
+
531
+ // This block contains rules to re-factor the item-body structural element
532
+ // to sit alongside the vert menu
533
+ // 2016 right sidebar is displayed if the widget sidebar has widgets;
534
+ // we'll only display object nav as a vert menu if sidebar not present.
535
+
536
+ @media screen and (min-width: 55em) {
537
+
538
+ body.no-sidebar {
539
+ #buddypress {
540
+
541
+ #item-header,
542
+ #item-body {
543
+ background: $content-background;
544
+ }
545
+
546
+ #object-nav {
547
+ border-right: 1px solid $border-med;
548
+ float: left;
549
+ margin-right: -1px;
550
+ width: 200px;
551
+
552
+ ul {
553
+ background: none;
554
+ border-bottom: 0;
555
+ padding: 0;
556
+
557
+ li {
558
+ float: none;
559
+ overflow: hidden;
560
+
561
+ span {
562
+ background: $content-background;
563
+ border-radius: 10%;
564
+ float: right;
565
+ margin-right: 2px;
566
+ }
567
+ }
568
+ }
569
+ }
570
+
571
+ #item-body {
572
+ border-left: 1px solid $border-med;
573
+ overflow: hidden;
574
+ padding: 0 0 0 $spacing-val-md;
575
+ width: auto;
576
+
577
+ #subnav {
578
+ margin: 0 0 0 (-$spacing-val-md);
579
+
580
+ ul {margin-top: 0;}
581
+ }
582
+ }
583
+
584
+ } // close #buddypress
585
+ } // close body:not(.sidebar)
586
+ } // close @media
587
+
588
+
589
+ // Tabbed Nav styling
590
+ // Primarilly used for group create screens & ? directory nav.
591
+
592
+ @media screen and (min-width: 46.25em) {
593
+ #main {
594
+ #buddypress {
595
+
596
+ #group-create-tabs.item-list-tabs {
597
+
598
+ ul:before,
599
+ ul:after {
600
+ content: " ";
601
+ display: table;
602
+ }
603
+
604
+ ul:after {
605
+ clear: both;
606
+ }
607
+
608
+ ul {
609
+ background: none;
610
+ border: 0;
611
+ border-bottom: 1px solid $border-med;
612
+ overflow: visible;
613
+ padding-bottom: 0;
614
+
615
+ li {
616
+ float: left;
617
+ width: auto;
618
+ }
619
+
620
+ li.selected,
621
+ li.current {
622
+ border: 1px solid $border-med;
623
+ border-bottom-color: $content-background;
624
+ @include border-top-radius(4px);
625
+ margin-bottom: -1px;
626
+
627
+ a {
628
+ background: none;
629
+ color: $body-text;
630
+ outline: none;
631
+ }
632
+ }
633
+ }
634
+
635
+ } // close .item-list-tabs
636
+
637
+ #subnav {
638
+ ul {
639
+ border-bottom: 0;
640
+ }
641
+
642
+ } // close #subnav
643
+ } // close #buddypress
644
+ }
645
+ } // close @media
646
+
647
+ /**
648
+ *----------------------------------------------------------
649
+ * @section 2.2 - Pagination
650
+ *----------------------------------------------------------
651
+ */
652
+
653
+ #buddypress {
654
+
655
+ div.pagination {
656
+ box-shadow: none;
657
+ min-height: 0;
658
+
659
+ &:before,
660
+ &:after {
661
+ height: 0;
662
+ width: 0;
663
+ }
664
+
665
+ .pag-count {margin-left: 0;}
666
+ .pagination-links {
667
+ margin-right: 0;
668
+
669
+ span,
670
+ a {
671
+ height: auto;
672
+ line-height: 1;
673
+ padding: 5px;
674
+ }
675
+
676
+ .prev,
677
+ .next {
678
+ background-color: transparent;
679
+ color: inherit;
680
+ overflow: visible;
681
+ width: auto;
682
+ &:before {display: none;}
683
+ }
684
+
685
+ .prev {
686
+ left: auto;
687
+ position: static;
688
+ }
689
+
690
+ .next {
691
+ position: static;
692
+ right: auto;
693
+ }
694
+ } // close .pagination-links
695
+ } // close .pagination
696
+ } // close #buddypress
697
+
698
+ /**
699
+ *-------------------------------------------------------------------------------
700
+ * @section 4.0 - BP Lists / Loops Generic
701
+ *-------------------------------------------------------------------------------
702
+ */
703
+
704
+ // Adjusts Meta items and various elements to match 2016 font-family
705
+ #buddypress {
706
+ .item-list {
707
+ .activity-header,
708
+ .activity-meta {
709
+ @include default-font-sans();
710
+ }
711
+ }
712
+ }
713
+
714
+ #buddypress {
715
+ .activity-meta {
716
+ .button {
717
+ &:focus,
718
+ &:hover {
719
+ background: inherit;
720
+ color: #000;
721
+ }
722
+ }
723
+ }
724
+
725
+ .action {
726
+ .generic-button {
727
+ a {
728
+ &:focus,
729
+ &:hover {
730
+ background: inherit;
731
+ color: #000;
732
+ }
733
+ }
734
+ }
735
+ }
736
+ } // close #buddypress
737
+
738
+ // Trying to position the action div absolute has bad consequences where
739
+ // aditional items are displayed, floating is an alternative that
740
+ // allows natural flow expansion.
741
+ // This block:
742
+ // * Manages li items, Stacks them small screen, floated left at wider screens.
743
+ // * Adjusts display of action buttons at small screen mobile up.
744
+ // Adjusts Meta items to match 2016 font-family
745
+
746
+ #buddypress {
747
+ ul.item-list {
748
+ li {
749
+ overflow: hidden !important;
750
+
751
+ // Undo BP floats to center avatars initially mobile up
752
+ .item-avatar {
753
+ margin-bottom: $spacing-val-sm;
754
+
755
+ @media screen and (min-width: 38.75em) {
756
+ margin-bottom: 0;
757
+ }
758
+
759
+ text-align: center;
760
+
761
+ a {border-bottom: 0;}
762
+
763
+ img.avatar {
764
+ display: inline-block;
765
+ float: none;
766
+ margin-bottom: $spacing-val-sm;
767
+
768
+ // Quite early on we need to move avatars to the left(right)
769
+ @include small-up {
770
+ display: block;
771
+ float: left;
772
+ }
773
+ }
774
+ }
775
+
776
+ .item {
777
+ overflow: hidden;
778
+
779
+ @media screen and (min-width: 46.25em) {
780
+ margin-left: 15%;
781
+ }
782
+
783
+ span.activity {
784
+ font-style: italic;
785
+ }
786
+
787
+ .item-desc {
788
+ margin-left: 0;
789
+ width: 94%;
790
+ }
791
+
792
+ .item-title {
793
+ @include font-size(18);
794
+ line-height: 1.2;
795
+ text-align: center;
796
+
797
+ @include small-up {
798
+ text-align: left;
799
+ }
800
+
801
+ width: 100%;
802
+
803
+ .update {
804
+ display: block;
805
+ @include font-size(12);
806
+
807
+ @include medium-up {
808
+ @include font-size(14);
809
+ }
810
+
811
+ padding: $spacing-val-sm 0;
812
+ text-align: left;
813
+ }
814
+ }
815
+
816
+ }
817
+
818
+ @include medium-up {
819
+ .item-avatar,
820
+ .item,
821
+ .action {
822
+ float: left;
823
+ }
824
+
825
+ .item {
826
+ left: 5%;
827
+ margin-left: 0;
828
+ position: relative;
829
+ width: 55%;
830
+
831
+ .item-title {
832
+ @include font-size(22)
833
+ }
834
+ }
835
+
836
+ }// close medium-up
837
+
838
+ div.action {
839
+ clear: left;
840
+ float: none;
841
+ margin-bottom: -$spacing-val-md;
842
+ // remove BP margin left
843
+ margin-left: 0;
844
+ padding: $spacing-val-md 0 $spacing-val-xs;
845
+ // push the actions to the right
846
+
847
+ @include medium-up {
848
+ clear: none;
849
+ float: right;
850
+ margin-bottom: 0;
851
+ padding: 0;
852
+ }
853
+
854
+ position: relative;
855
+ text-align: left;
856
+ top: 0;
857
+
858
+ div {
859
+ display: inline-block;
860
+ margin: $spacing-val-sm 0;
861
+ width: 100%;
862
+
863
+ a {
864
+ display: block;
865
+ width: 100%;
866
+ }
867
+ // Provisionally lets keep the 'action' div
868
+ //position but inline-block the buttons
869
+
870
+ @media screen and (min-width: 38.75em) {
871
+ // keep buttons to a row small tablet up
872
+ margin: 0 $spacing-val-sm $spacing-val-sm 0;
873
+ width: auto;
874
+ } // close @media
875
+
876
+ @include medium-up {
877
+ // take buttons to block to stack them when floated right
878
+ clear: right;
879
+ float: right;
880
+ margin: 0 0 $spacing-val-sm 0;
881
+ } // close @media
882
+
883
+ } // close div
884
+
885
+ .meta {
886
+ font-style: italic;
887
+ }
888
+
889
+ } // close .action
890
+
891
+ } // close li
892
+ } // close .item-list
893
+ } // close #buddypress
894
+
895
+ /**
896
+ *----------------------------------------------------------
897
+ * @section 4.1 - Activity
898
+ *----------------------------------------------------------
899
+ */
900
+
901
+ /**
902
+ *-----------------------------------------------------
903
+ * @section 4.1.1 - Activity Whats New
904
+ *-----------------------------------------------------
905
+ */
906
+
907
+ #buddypress {
908
+ form#whats-new-form {
909
+
910
+ // Line-height issue inherited from BP rules, override.
911
+ p.activity-greeting {
912
+ line-height: 1.4;
913
+ }
914
+
915
+ // corrective measure for clipped elements due to JS inline styling
916
+
917
+ @media screen and (max-width: 46.25em) {
918
+ #whats-new-content {
919
+ clear: left;
920
+ margin: $spacing-val-sm 0 $spacing-val-md;
921
+ padding: $spacing-val-sm 0 0;
922
+ }
923
+ }
924
+
925
+ #whats-new-content.active {
926
+ #whats-new-options[style] {
927
+ #whats-new-post-in-box {
928
+ border: 1px solid rgba($border-color, 0.5);
929
+ float: left;
930
+ line-height: 1.5em;
931
+ margin-top: 12px;
932
+ padding-left: 0.2em;
933
+ width: 100%;
934
+
935
+ select {
936
+ background: none;
937
+ border: 0;
938
+ float: right;
939
+ margin: 0;
940
+ min-height: 1.5em;
941
+ padding-left: 0.4em;
942
+ }
943
+ }
944
+
945
+ @media screen and (min-width: 30em) {
946
+ #whats-new-post-in-box {
947
+ width: auto;
948
+ }
949
+
950
+ #whats-new-submit {
951
+ float: right;
952
+ }
953
+ }
954
+
955
+ } // close #whats-new-options
956
+ } // close #whats-new-content.active
957
+
958
+ } // close #whats-new-form
959
+
960
+ // User account form requires matching bp default specificity
961
+ #item-body {
962
+ form#whats-new-form {
963
+ margin: $spacing-val-lg 0;
964
+ }
965
+ }
966
+ } // close #buddypress
967
+
968
+ /**
969
+ *-----------------------------------------------------
970
+ * @section 4.1.2 - Activity Listing
971
+ *-----------------------------------------------------
972
+ */
973
+
974
+ #buddypress {
975
+
976
+ #activity-stream {
977
+
978
+ // re-size activity avatars and stack small screen
979
+ // refactor main elements positioning medium up.
980
+ li {
981
+ padding: 25px 0 15px;
982
+
983
+ .activity-avatar {
984
+ float: none;
985
+ text-align: center;
986
+
987
+ a {
988
+ display: inline-block;
989
+
990
+ img.avatar {
991
+ display: inline;
992
+ float: none;
993
+ height: 60px;
994
+ margin-bottom: $spacing-val-md;
995
+ margin-left: 0;
996
+ width: 60px;
997
+ }
998
+ }
999
+ } // close .activity-avatar
1000
+
1001
+ .activity-content {
1002
+ margin-left: 0;
1003
+
1004
+ .activity-header {
1005
+ @include font-size(14);
1006
+
1007
+ a {
1008
+ color: #0075c4;
1009
+ }
1010
+ }
1011
+ }
1012
+
1013
+ @media screen and (min-width: 46.25em) {
1014
+
1015
+ .activity-avatar {
1016
+ float: left;
1017
+ margin-right: $spacing-val-sm;
1018
+ text-align: left;
1019
+ a {border-bottom: 0;}
1020
+ }
1021
+
1022
+ .activity-content {
1023
+ margin: 0;
1024
+ overflow: hidden;
1025
+
1026
+ .activity-header {
1027
+ @include font-size(16);
1028
+ }
1029
+ }
1030
+
1031
+ } // close @media
1032
+
1033
+ } // close li
1034
+
1035
+ li.mini {
1036
+ .activity-avatar {
1037
+ a {
1038
+ img.avatar {
1039
+ height: 30px;
1040
+ margin-left: 15px;
1041
+ width: 30px;
1042
+ }
1043
+ }
1044
+ }
1045
+
1046
+ .activity-content {
1047
+ .activity-header {
1048
+ @include font-size(14);
1049
+ }
1050
+ }
1051
+ }
1052
+
1053
+ .activity-content {
1054
+ margin-top: -12px;
1055
+
1056
+ .activity-header {
1057
+ line-height: inherit;
1058
+ margin-right: 0;
1059
+
1060
+ p {
1061
+ background-color: $light-background;
1062
+ border: 1px solid rgba($border-light, 0.6);
1063
+ color: #727272;
1064
+ margin-top: 0;
1065
+ padding: 0 0.2em;
1066
+ }
1067
+
1068
+ img.avatar {
1069
+ display: inline-block;
1070
+ margin-bottom: 0 !important; // have to match to BP
1071
+ }
1072
+ } // close .activity-header
1073
+
1074
+ .activity-meta {
1075
+ a {
1076
+ display: block;
1077
+ margin-bottom: $spacing-val-xs;
1078
+
1079
+ @media screen and (min-width: 38.75em) {
1080
+ display: inline-block;
1081
+ margin-bottom: 0;
1082
+ }
1083
+ }
1084
+ }
1085
+
1086
+ } // close .activity-content
1087
+
1088
+ .load-more {
1089
+ background: $light-background;
1090
+ border: 1px solid transparent;
1091
+ padding: $spacing-val-sm;
1092
+
1093
+ &:focus,
1094
+ &:hover {
1095
+ background: darken($light-background, 1%);
1096
+ border: 1px solid rgba(#9fd1e2, 0.3);
1097
+ a { font-style: italic; }
1098
+ }
1099
+
1100
+ a {
1101
+ display: block;
1102
+ }
1103
+ }
1104
+
1105
+ } // close #activity-stream
1106
+ } // close #buddypress
1107
+
1108
+ /* Single activity view - activity permalink */
1109
+
1110
+ .activity-permalink {
1111
+ #buddypress {
1112
+ #activity-stream {
1113
+
1114
+ li.activity-item {
1115
+ padding: $spacing-val-md;
1116
+ }
1117
+
1118
+ li.mini {
1119
+ .activity-header {
1120
+ @include font-size(16);
1121
+ @media screen and (min-width: 46.25em) {
1122
+ @include font-size(20);
1123
+ }
1124
+
1125
+ margin-bottom: $spacing-val-lg;
1126
+ p {padding: $spacing-val-md;}
1127
+ }
1128
+ }
1129
+ }
1130
+ }
1131
+ }
1132
+
1133
+ /**
1134
+ *-----------------------------------------------------
1135
+ * @section 4.1.3 - Activity Comments
1136
+ *-----------------------------------------------------
1137
+ */
1138
+ #buddypress {
1139
+
1140
+ #activity-stream {
1141
+ .activity-comments {
1142
+ border-left: 1px solid $border-light;
1143
+ margin-top: 5px;
1144
+
1145
+ ul {
1146
+ background: rgba($light-background, 0.6);
1147
+ color: #737373;
1148
+ margin: 15px 0 0 2px;
1149
+
1150
+ a {
1151
+ color: #0077c7;
1152
+ }
1153
+ }
1154
+
1155
+ .acomment-meta {
1156
+ color: #737373;
1157
+ }
1158
+
1159
+ .ac-form {
1160
+
1161
+ input[type="submit"],
1162
+ .ac-reply-cancel {
1163
+ color: rgba($body-text, 0.8);
1164
+ display: inline-block;
1165
+ font-family: inherit;
1166
+ @include font-size(12);
1167
+ font-weight: normal;
1168
+ line-height: 1.2;
1169
+ padding: 4px 10px;
1170
+ text-transform: lowercase;
1171
+ width: 100px;
1172
+ }
1173
+
1174
+ .ac-reply-cancel {
1175
+ border: 1px solid rgba($border-color, 0.7);
1176
+ text-align: center;
1177
+
1178
+ &:focus,
1179
+ &:hover {
1180
+ background: $bp-button-hover;
1181
+ }
1182
+ }
1183
+
1184
+ } // close .ac-form
1185
+
1186
+ } // close .activity-comments
1187
+ } // close .activity
1188
+
1189
+ } // close #buddypress
1190
+
1191
+ /**
1192
+ *----------------------------------------------------------
1193
+ * @section 4.2 - Members Loop
1194
+ *----------------------------------------------------------
1195
+ */
1196
+
1197
+ #buddypress {
1198
+ #members-list {
1199
+
1200
+ @include medium-up {
1201
+ li {
1202
+ .item-avatar,
1203
+ .item {
1204
+ float: left;
1205
+ }
1206
+
1207
+ .action {
1208
+ float: right;
1209
+ }
1210
+ }
1211
+ }
1212
+
1213
+ } // close #members-list
1214
+ } //close #BuddyPress
1215
+
1216
+ /**
1217
+ *-------------------------------------------------------------------------------
1218
+ * @section 5.0 - Directories
1219
+ *-------------------------------------------------------------------------------
1220
+ */
1221
+
1222
+ /**
1223
+ *-----------------------------------------------------------
1224
+ * @subsection Registration
1225
+ *-----------------------------------------------------------
1226
+ */
1227
+
1228
+ #buddypress {
1229
+ #signup_form.standard-form {
1230
+
1231
+ #profile-details-section,
1232
+ #basic-details-section,
1233
+ #blog-details-section {
1234
+ float: none;
1235
+ width: 100%;
1236
+
1237
+ @media screen and (min-width: 38.75em) {
1238
+ width: 48%;
1239
+ }
1240
+ }
1241
+
1242
+ @media screen and (min-width: 38.75em) {
1243
+ #profile-details-section {float: right;}
1244
+ #basic-details-section {float: left;}
1245
+ }
1246
+
1247
+ }
1248
+ }
1249
+
1250
+ /**
1251
+ *-------------------------------------------------------------------------------
1252
+ * @section 6.0 - Single Item screens: User Account & Single Group Screens
1253
+ *-------------------------------------------------------------------------------
1254
+ */
1255
+
1256
+
1257
+ /**
1258
+ *-----------------------------------------------------------
1259
+ * @subsection 6.1 - Item Header Global
1260
+ *-----------------------------------------------------------
1261
+ */
1262
+
1263
+ .bp-user,
1264
+ .single-item.groups {
1265
+ #buddypress {
1266
+ #item-header-content {
1267
+ #item-meta {
1268
+ @include font-size(14);
1269
+ text-align: left;
1270
+
1271
+ p {margin-bottom: 0.5em;}
1272
+ }
1273
+ }
1274
+ }
1275
+
1276
+ @media screen and (max-width: 46.25em) {
1277
+ main {
1278
+ header.entry-header {
1279
+ padding-bottom: 1rem;
1280
+ }
1281
+ }
1282
+ }
1283
+
1284
+ @media screen and (max-width: 38.75em) {
1285
+ h1,
1286
+ #item-header-content {
1287
+ text-align: center;
1288
+ }
1289
+ }
1290
+
1291
+ #buddypress {
1292
+ @media screen and (max-width: 46.25em) {
1293
+ #item-header {
1294
+ .generic-button {
1295
+ float: none;
1296
+ margin: 1.5em 0 0 0;
1297
+ }
1298
+ }
1299
+ }
1300
+
1301
+ @media screen and (max-width: 38.75em) {
1302
+ h1 {
1303
+ margin-bottom: 0;
1304
+ }
1305
+
1306
+ #item-header-avatar {
1307
+ img.avatar {
1308
+ margin-right: 0;
1309
+ }
1310
+ }
1311
+
1312
+ #item-header-content {
1313
+ width: 100%;
1314
+ }
1315
+ }
1316
+ }
1317
+ }
1318
+
1319
+ /**
1320
+ *-----------------------------------------------------
1321
+ * @subsection 6.1.1 - item-header Groups
1322
+ *
1323
+ * Group Specific Item Header
1324
+ *-----------------------------------------------------
1325
+ */
1326
+
1327
+ .single-item.groups {
1328
+ #buddypress {
1329
+ @media screen and (max-width: 46.25em) {
1330
+ #item-header {
1331
+ #item-meta {
1332
+ margin-bottom: $spacing-val-md;
1333
+ }
1334
+ }
1335
+ }
1336
+
1337
+ // Move visual flow of avatar & item-actions at narrow width,
1338
+ // avatar first after group title
1339
+ @media screen and (max-width: 38.75em) {
1340
+ div#item-header {
1341
+ display: flex;
1342
+ flex-direction: column;
1343
+
1344
+ #item-header-avatar {
1345
+ order: 1;
1346
+ text-align: center;
1347
+
1348
+ a {
1349
+ border-bottom: 0;
1350
+
1351
+ img {
1352
+ display: inline-block;
1353
+ float: none;
1354
+ }
1355
+ }
1356
+ }
1357
+
1358
+ #item-header-content {
1359
+ order: 2;
1360
+ }
1361
+
1362
+ #item-actions {
1363
+ order: 3;
1364
+
1365
+ h2 {
1366
+ border-bottom: 1px solid $border-light;
1367
+ text-align: center;
1368
+ }
1369
+ }
1370
+ }
1371
+ } // close @media
1372
+
1373
+ div#item-header {
1374
+ padding-bottom: $spacing-val-lg;
1375
+
1376
+ div#item-actions {
1377
+ margin: 0;
1378
+ width: 100%;
1379
+
1380
+ @media screen and (min-width: 38.75em) {
1381
+ border-left: 1px solid $border-light;
1382
+ clear: none;
1383
+ float: right;
1384
+ padding-left: 0.2em;
1385
+ width: 30%;
1386
+ } // close @media
1387
+
1388
+ @media screen and (min-width: 46.25em) {
1389
+ width: 40%;
1390
+ }
1391
+
1392
+ ul {
1393
+ margin-top: 0;
1394
+ padding-left: 0;
1395
+ }
1396
+
1397
+ h2 {
1398
+ @include font-size(14);
1399
+
1400
+ @media screen and (min-width: 46.25em) {
1401
+ @include font-size(16);
1402
+ }
1403
+
1404
+ padding: 0.2em;
1405
+ }
1406
+ } // close item-actions
1407
+
1408
+ @media screen and (min-width: 46.25em) {
1409
+
1410
+ #item-header-avatar,
1411
+ #item-header-content {
1412
+ float: left;
1413
+ }
1414
+
1415
+ #item-header-avatar {
1416
+ width: 21%;
1417
+ }
1418
+
1419
+ #item-header-content {
1420
+ margin-left: 4%;
1421
+ width: 40%;
1422
+ }
1423
+
1424
+ div#item-actions {
1425
+ float: right;
1426
+ width: 28%;
1427
+ }
1428
+
1429
+ } // close @media
1430
+
1431
+ } // close #item-header
1432
+ } // close #buddypress
1433
+ } // close .groups
1434
+
1435
+ /**
1436
+ *-----------------------------------------------------
1437
+ * @subsection 6.1.2 - Item Header User Accounts
1438
+ *
1439
+ * User Accounts Specific Item Header
1440
+ *-----------------------------------------------------
1441
+ */
1442
+
1443
+ .bp-user {
1444
+ #buddypress {
1445
+ #item-header {
1446
+ padding: $spacing-val-md 0;
1447
+
1448
+ #item-header-avatar {
1449
+ text-align: center;
1450
+ width: 100%;
1451
+
1452
+ img.avatar,
1453
+ a {
1454
+ border-bottom: 0;
1455
+ display: inline-block;
1456
+ float: none;
1457
+ }
1458
+ }
1459
+
1460
+ @media screen and (min-width: 46.25em) {
1461
+ #item-header-avatar {
1462
+ float: left;
1463
+ width: 20%;
1464
+
1465
+ a {
1466
+ float: left;
1467
+ }
1468
+ }
1469
+
1470
+ #item-header-content {
1471
+ float: right;
1472
+ margin-right: 5%;
1473
+ width: 69%;
1474
+ }
1475
+
1476
+ } // close @media
1477
+
1478
+ } // close #item-header
1479
+
1480
+ } // close #buddypress
1481
+ } // close .bp-user
1482
+
1483
+ /**
1484
+ *-----------------------------------------------------------
1485
+ * @subsection 6.2 - Item Body: Global
1486
+ *-----------------------------------------------------------
1487
+ */
1488
+
1489
+ /**
1490
+ *----------------------------------------------------
1491
+ * @subsection 6.2.1 - Item Body Groups
1492
+ *
1493
+ * Groups specific item body rules - screens
1494
+ *----------------------------------------------------
1495
+ */
1496
+
1497
+ /**
1498
+ *-----------------------------------------
1499
+ * @subsection 6.2.1.1 - Group Management
1500
+ *-----------------------------------------
1501
+ */
1502
+
1503
+ // headings settings screens & general global settings styles
1504
+ .groups {
1505
+ #group-settings-form {
1506
+ h3 {
1507
+ background: $dark-background;
1508
+ color: $content-background;
1509
+ padding: 0.2em;
1510
+ }
1511
+ }
1512
+ }
1513
+
1514
+ .groups.edit-details {
1515
+ #group-settings-form {
1516
+
1517
+ label {
1518
+ margin-bottom: 0;
1519
+ padding: 0.2em;
1520
+ width: 80%;
1521
+ }
1522
+
1523
+ textarea + p label {
1524
+ background: none;
1525
+ color: inherit;
1526
+ @include font-size(14);
1527
+ width: auto;
1528
+ }
1529
+
1530
+ textarea {
1531
+ height: auto;
1532
+ min-height: 100px;
1533
+ overflow: auto;
1534
+ }
1535
+ }
1536
+ } // close .groups.edit-details
1537
+
1538
+ .groups.group-settings {
1539
+ #group-settings-form {
1540
+
1541
+ div.radio label {
1542
+ border: 1px solid $border-light;
1543
+ padding: 0.2em;
1544
+
1545
+ ul {
1546
+ color: rgba($body-text, 0.6);
1547
+ @include font-size(14);
1548
+ }
1549
+ }
1550
+
1551
+ }
1552
+ } // close .groups.group-settings
1553
+
1554
+ .groups.group-avatar {
1555
+
1556
+ form > p {
1557
+ margin-top: $spacing-val-md;
1558
+ }
1559
+
1560
+ }
1561
+
1562
+ .groups.manage-members {
1563
+ #group-settings-form {
1564
+ .item-list {
1565
+ li {
1566
+ border-bottom: 1px solid $border-light;
1567
+
1568
+ img,
1569
+ h5 {
1570
+ float: left;
1571
+
1572
+ > a {border-bottom: 0;}
1573
+ }
1574
+
1575
+ span.small {
1576
+ clear: left;
1577
+ display: block;
1578
+ float: none;
1579
+ margin-top: $spacing-val-sm;
1580
+
1581
+ a {
1582
+ display: inline-block;
1583
+ margin: $spacing-val-xs 0;
1584
+ width: 100%;
1585
+
1586
+ @media screen and (min-width: 38.75em) {
1587
+ width: auto;
1588
+ }
1589
+ }
1590
+ }
1591
+
1592
+ h5 {
1593
+ margin: 0;
1594
+ }
1595
+
1596
+ }
1597
+ }
1598
+ }
1599
+ } // close .groups.manage-members
1600
+
1601
+ /**
1602
+ *-----------------------------------------
1603
+ * @subsection 6.2.1.2 - Group members
1604
+ *-----------------------------------------
1605
+ */
1606
+
1607
+ // Massage the members search for groups nav specifically.
1608
+ .groups.group-members {
1609
+ #subnav {
1610
+ li {
1611
+ @media screen and (max-width: 38.75em) {
1612
+ background: $content-background;
1613
+ padding: $spacing-val-md 0;
1614
+ }
1615
+
1616
+ width: 100%;
1617
+
1618
+ #search-members-form {
1619
+ float: right;
1620
+
1621
+ @media screen and (max-width: 38.75em) {
1622
+ margin: 0;
1623
+ width: 100%;
1624
+
1625
+ label {
1626
+ input[type="text"] {width: 100%;}
1627
+ }
1628
+ }
1629
+
1630
+ margin: $spacing-val-xs $spacing-val-xs 0 0;
1631
+ }
1632
+ }
1633
+ }
1634
+ }
1635
+
1636
+ /**
1637
+ *-----------------------------------------------------
1638
+ * @subsection 6.2.2 - Item Body User Accounts
1639
+ *
1640
+ * User Account specific item body rules
1641
+ *-----------------------------------------------------
1642
+ */
1643
+
1644
+ .bp-user {
1645
+ .entry-title {margin-bottom: 0.5em;}
1646
+ }
1647
+
1648
+ /**
1649
+ *--------------------------------------------
1650
+ * @subsection 6.2.2.1 - classes, pag, filters
1651
+ *--------------------------------------------
1652
+ */
1653
+ .bp-user {
1654
+
1655
+ #buddypress {
1656
+
1657
+ table {
1658
+ th {@include font-size(14)}
1659
+ td {@include font-size(12)}
1660
+ a { color: #0074c2; }
1661
+
1662
+ @include medium-up {
1663
+ th {@include font-size(16)}
1664
+ td {@include font-size(14)}
1665
+ }
1666
+
1667
+ @include large-up {
1668
+ th {@include font-size(18)}
1669
+ td {@include font-size(16)}
1670
+ }
1671
+ }
1672
+
1673
+ .pag-count {font-style: italic;}
1674
+
1675
+ .notifications-options-nav {
1676
+ border: 1px solid rgba($border-color, 0.5);
1677
+ float: left;
1678
+ width: 100%;
1679
+
1680
+ @media screen and (min-width: 38.75em) {
1681
+ width: 300px;
1682
+ }
1683
+
1684
+ select,
1685
+ input {
1686
+ border: 0;
1687
+ @include font-size(14);
1688
+ outline: 0;
1689
+ padding: 0;
1690
+ }
1691
+
1692
+ select {
1693
+ float: left;
1694
+ margin-right: 0;
1695
+ width: 60%;
1696
+ }
1697
+
1698
+ input {
1699
+ float: right;
1700
+ font-family: inherit;
1701
+ line-height: 20px;
1702
+ width: 40%;
1703
+ }
1704
+
1705
+ } // close .notifications-options-nav
1706
+
1707
+ } //close #buddypress
1708
+ } // close .bp-user
1709
+
1710
+ /**
1711
+ *-------------------------------------------
1712
+ * @subsection 6.2.2.2 - Extended Profiles
1713
+ *-------------------------------------------
1714
+ */
1715
+
1716
+ .bp-user {
1717
+
1718
+ #buddypress {
1719
+
1720
+ .profile {
1721
+ .bp-widget {
1722
+ h2 {
1723
+ background: lighten($dark-background, 10%);
1724
+ color: #fff;
1725
+ margin-bottom: 0;
1726
+ padding: 0.4em;
1727
+ }
1728
+
1729
+ table {margin-top: 0;}
1730
+ }
1731
+ /* Edit profile */
1732
+
1733
+ #profile-edit-form {
1734
+ .button-nav:before,
1735
+ .button-nav:after {
1736
+ content: " ";
1737
+ display: table;
1738
+ }
1739
+
1740
+ .button-nav:after {
1741
+ clear: both;
1742
+ }
1743
+
1744
+ ul.button-nav {
1745
+ border-bottom: 1px solid $border-light;
1746
+ margin-left: 0;
1747
+
1748
+ li {
1749
+ float: left;
1750
+ margin-bottom: 0;
1751
+
1752
+ &.current {
1753
+ border: 1px solid $border-light;
1754
+ border-bottom-color: #fff;
1755
+ margin-bottom: -1px;
1756
+ }
1757
+ } // li
1758
+
1759
+ a {
1760
+ background: none;
1761
+ border: 0;
1762
+ @include font-size(18)
1763
+ }
1764
+ } //.button-nav
1765
+
1766
+ .field-visibility-settings-toggle,
1767
+ .field-visibility-settings {
1768
+ @include font-size(14);
1769
+ }
1770
+
1771
+ .field-visibility-settings-close,
1772
+ .visibility-toggle-link {
1773
+ background: $dark-background;
1774
+ color: #fff;
1775
+ padding: 0.2em 0.5em;
1776
+ }
1777
+ } // close profile form
1778
+
1779
+ .bp-avatar {
1780
+ #bp-delete-avatar {
1781
+ a {font-size: inherit; }
1782
+ }
1783
+ }
1784
+ } // close .profile
1785
+
1786
+ } // close #buddypress
1787
+ } // close .bp-user
1788
+
1789
+ /**
1790
+ *-------------------------------------------
1791
+ * @subsection 6.2.2.3 - Groups
1792
+ *-------------------------------------------
1793
+ */
1794
+
1795
+ .bp-user {
1796
+
1797
+ #buddypress {
1798
+
1799
+ #groups-list {
1800
+ li {
1801
+ .item {
1802
+ @media screen and (min-width: 77.5em) {
1803
+ left: 5%;
1804
+ width: 50%;
1805
+ }
1806
+ }
1807
+ }
1808
+ }
1809
+
1810
+ } // close #buddypress
1811
+ } // close .bp-user
1812
+
1813
+ /**
1814
+ *-------------------------------------------
1815
+ * @subsection 6.2.2.5 - Private Messaging
1816
+ *-------------------------------------------
1817
+ */
1818
+
1819
+ .bp-user {
1820
+
1821
+ #buddypress {
1822
+
1823
+ #message-thread {
1824
+ //Single message view
1825
+ a {
1826
+ border-bottom: 0;
1827
+ }
1828
+
1829
+ #message-subject {
1830
+ background: lighten($dark-background, 10%);
1831
+ color: $content-background;
1832
+ padding: 0.3em 0 0.3em 0.2em;
1833
+ }
1834
+
1835
+ #message-recipients {
1836
+ font-style: italic;
1837
+
1838
+ a.confirm {
1839
+ border: 1px solid $border-light;
1840
+ font-style: normal;
1841
+ }
1842
+ }
1843
+
1844
+ .message-metadata {
1845
+ overflow: hidden;
1846
+
1847
+ img.avatar {
1848
+ float: none;
1849
+ }
1850
+
1851
+ @media screen and (min-width: 46.25em) {
1852
+ img.avatar {
1853
+ float: left;
1854
+ }
1855
+ }
1856
+
1857
+ .message-star-actions {
1858
+ float: right;
1859
+ margin-right: $spacing-val-xs;
1860
+ position: static;
1861
+ }
1862
+ } // close .message-meta
1863
+
1864
+ .message-content {
1865
+ background: $light-background;
1866
+ border: 1px solid $border-light;
1867
+ margin: $spacing-val-sm 0 0 0;
1868
+ padding: 0.3em;
1869
+ }
1870
+
1871
+ #send-reply {
1872
+ .message-content {
1873
+ background: $content-background;
1874
+ border: 0;
1875
+ }
1876
+ }
1877
+
1878
+ .alt {
1879
+ background: $content-background;
1880
+ }
1881
+
1882
+ } // close message-thread Singular view!
1883
+
1884
+ #message-threads {
1885
+
1886
+ thead {
1887
+ tr {
1888
+ background: lighten($dark-background, 10%);
1889
+ }
1890
+ }
1891
+
1892
+ tr {
1893
+ td {
1894
+ background: $content-background;
1895
+ display: inline-block;
1896
+ float: left;
1897
+ }
1898
+
1899
+ td.thread-star,
1900
+ td.thread-options {
1901
+ border-bottom-color: $medium-background;
1902
+ border-bottom-width: 2px;
1903
+ height: 2.4em;
1904
+ padding-bottom: 0.2em;
1905
+ padding-top: 0.2em;
1906
+
1907
+ @media screen and (max-width: 46.25em) {
1908
+ padding-top: 0;
1909
+ }
1910
+ }
1911
+
1912
+ td.thread-star {
1913
+ vertical-align: middle;
1914
+
1915
+ .message-action-star {
1916
+ line-height: 1.2;
1917
+ }
1918
+ }
1919
+
1920
+ td.bulk-select-check,
1921
+ td.thread-from {
1922
+ height: 3em;
1923
+
1924
+ @media screen and (max-width: 38.75em) {
1925
+ height: 5.2em;
1926
+ }
1927
+ }
1928
+
1929
+ td.thread-from,
1930
+ td.thread-options {
1931
+ border-left: 0 !important;
1932
+ @include calc(width, "100% - 30px");
1933
+ margin-left: 0;
1934
+ }
1935
+
1936
+ td.thread-info {
1937
+ padding-left: 41px;
1938
+ width: 100%;
1939
+
1940
+ a::after {
1941
+ content: " \2016 \00a0"attr(title);
1942
+ @include font-size(12);
1943
+ }
1944
+ }
1945
+
1946
+ td.thread-options {
1947
+ text-align: right;
1948
+
1949
+ a {
1950
+ @include font-size(12);
1951
+ line-height: 2.2;
1952
+ }
1953
+ }
1954
+
1955
+ span.from {
1956
+ display: none;
1957
+ }
1958
+
1959
+ span.activity {
1960
+ display: block;
1961
+ float: right;
1962
+ line-height: 2;
1963
+
1964
+ @media screen and (max-width: 38.75em) {
1965
+ clear: both;
1966
+ @include font-size(11);
1967
+ width: 100%;
1968
+ }
1969
+ }
1970
+ }
1971
+
1972
+ tr.unread {
1973
+ td {
1974
+ background: $unread;
1975
+ border-color: $border-color;
1976
+ }
1977
+ }
1978
+
1979
+ th {
1980
+ display: none;
1981
+ }
1982
+
1983
+ th.bulk-select-all {
1984
+ border-bottom: 0;
1985
+ display: inline-block;
1986
+ text-align: left;
1987
+ }
1988
+
1989
+ th.bulk-select-all,
1990
+ td.bulk-select-check,
1991
+ td.thread-star {
1992
+ border-right: 0;
1993
+ width: 30px;
1994
+ }
1995
+ }
1996
+
1997
+ .acfb-holder {
1998
+ list-style: none;
1999
+
2000
+ li {margin-left: 0;}
2001
+
2002
+ li.friend-tab {
2003
+ background: lighten($notice-info, 20%);
2004
+ border: inherit;
2005
+ margin-right: 0;
2006
+ padding: 0.5em;
2007
+
2008
+ span.p {
2009
+ // the 'X' close
2010
+ padding-left: $spacing-val-sm;
2011
+
2012
+ &:focus,
2013
+ &:hover {
2014
+ color: $link-action;
2015
+ cursor: pointer;
2016
+ }
2017
+ }
2018
+
2019
+ a {
2020
+ border-bottom: 0;
2021
+ text-decoration: none;
2022
+
2023
+ img {
2024
+ // this is the tiny user avatar
2025
+ display: inline;
2026
+ height: 20px;
2027
+ vertical-align: middle;
2028
+ width: 20px !important; // override inline style
2029
+ }
2030
+ }
2031
+ }
2032
+ }
2033
+
2034
+ #message-threads.sitewide-notices {
2035
+
2036
+ td {
2037
+ width: 100%;
2038
+
2039
+ strong {
2040
+ background: lighten($dark-background, 10%);
2041
+ color: $content-background;
2042
+ display: block;
2043
+ margin-bottom: 0.4em;
2044
+ padding-left: 0.2em;
2045
+ }
2046
+
2047
+ a {
2048
+ display: inline-block;
2049
+ }
2050
+ }
2051
+
2052
+ td:first-child {
2053
+ display: none;
2054
+ }
2055
+
2056
+ td:nth-child(2) {
2057
+ strong {
2058
+ margin: -8px -8px 8px;
2059
+ }
2060
+ }
2061
+
2062
+ td:first-child + td + td {
2063
+ // notice date
2064
+ border-bottom: 0;
2065
+
2066
+ span {
2067
+ line-height: 1;
2068
+ }
2069
+ }
2070
+
2071
+ td:last-child {
2072
+ // notice actions
2073
+ border-bottom-color: darken($border-light, 20%);
2074
+ line-height: 1;
2075
+ text-align: right;
2076
+
2077
+ a:last-child {
2078
+ // hide the 'x' text
2079
+ line-height: 0;
2080
+ margin-left: 0.7em;
2081
+ text-indent: -999em;
2082
+ }
2083
+
2084
+ a:last-child::after {
2085
+ content: attr(title);
2086
+ display: block;
2087
+ line-height: initial;
2088
+ text-indent: 0;
2089
+ }
2090
+ }
2091
+ }
2092
+
2093
+ } // #buddypress
2094
+
2095
+ // acfb auto complete name list sits in doc footer before body close
2096
+ .ac_results {
2097
+ background: #eee;
2098
+ padding-left: $spacing-val-sm;
2099
+
2100
+ ul { margin: 0; }
2101
+
2102
+ li {
2103
+ margin: $spacing-val-sm 0;
2104
+
2105
+ &:focus,
2106
+ &:hover {
2107
+ cursor: pointer;
2108
+ }
2109
+ }
2110
+ }
2111
+
2112
+ } // close .bp-user
2113
+
2114
+ /**
2115
+ *------------------------------
2116
+ * @subsection 6.2.2.6 - Settings
2117
+ *------------------------------
2118
+ */
2119
+
2120
+ .bp-user {
2121
+
2122
+ #buddypress {
2123
+
2124
+ #settings-form {
2125
+ // 'p' = email notification screen sub heading
2126
+ > p {
2127
+ @include font-size(20);
2128
+ margin: $spacing-val-md 0 $spacing-val-sm;
2129
+ }
2130
+ }
2131
+
2132
+ table.notification-settings {
2133
+ td.yes,
2134
+ td.no {
2135
+ vertical-align: middle;
2136
+ }
2137
+ }
2138
+ // Profile table td widths
2139
+ table.profile-settings {
2140
+ width: 100%;
2141
+
2142
+ th.field-group-name,
2143
+ td.field-name {
2144
+ width: 50%;
2145
+ }
2146
+
2147
+ @media screen and (min-width: 46.25em) {
2148
+ th.field-group-name,
2149
+ td.field-name {
2150
+ width: 70%;
2151
+ }
2152
+ }
2153
+
2154
+ th.title,
2155
+ td.field-visibility {
2156
+ width: 30%;
2157
+ }
2158
+
2159
+ td.field-visibility {
2160
+ select {width: 100%;}
2161
+ }
2162
+ }
2163
+
2164
+ } // close #buddyPress
2165
+
2166
+ } // close .bp-user
2167
+
2168
+ /**
2169
+ *-------------------------------------------------------------------------------
2170
+ * @section 7.0 - Forms - General
2171
+ *-------------------------------------------------------------------------------
2172
+ */
2173
+
2174
+ // Attempt to reset form control widths
2175
+ #main {
2176
+ #buddypress {
2177
+ .standard-form {
2178
+
2179
+ li {float: none;}
2180
+ input[type='text'],
2181
+ input[type='email'],
2182
+ input[type='password'],
2183
+ textarea {
2184
+ width: 100%;
2185
+ }
2186
+ }
2187
+ }
2188
+ }
2189
+
2190
+
2191
+ #buddypress {
2192
+
2193
+ // Match BP form elements to Themes(2016) styling where styles
2194
+ // are not inherited or being overriden.
2195
+ div.activity-comments {
2196
+
2197
+ form {
2198
+ .ac-textarea {
2199
+ background: $light-background;
2200
+ border: 1px solid rgba($border-color, 0.5);
2201
+
2202
+ textarea {
2203
+ background: none;
2204
+ border: 0;
2205
+ }
2206
+ }
2207
+ }
2208
+ }
2209
+
2210
+ .standard-form {
2211
+
2212
+ // Keep BP form element borders to 1px rather than 2013 2px
2213
+ input[type="text"],
2214
+ input[type="email"],
2215
+ input[type="password"],
2216
+ button,
2217
+ select,
2218
+ textarea {
2219
+ border-color: rgba($border-color, 0.5);
2220
+ border-width: 1px;
2221
+ }
2222
+
2223
+ select {
2224
+ color: #737373;
2225
+ }
2226
+
2227
+ } // close .standard-form
2228
+
2229
+ #signup_form.standard-form {
2230
+ div.submit {
2231
+ float: none;
2232
+
2233
+ input {margin-right: 0;}
2234
+ }
2235
+ }
2236
+
2237
+ } // close #buddypress
2238
+
2239
+ #buddypress {
2240
+ div.dir-search,
2241
+ div.message-search,
2242
+ li.groups-members-search {
2243
+ float: none;
2244
+ margin: $spacing-val-sm 0;
2245
+
2246
+ // Stylise the seach form elements, in part this deals with padding
2247
+ // issues on the submit & sizing issues between bp styles & 2016
2248
+
2249
+ form { // *sigh* only to bludgeon over specified rules
2250
+ border: 1px solid rgba($border-color, 0.6);
2251
+ overflow: hidden;
2252
+
2253
+ label {
2254
+ float: left;
2255
+ width: 70%;
2256
+ }
2257
+
2258
+ input[type='text'] {
2259
+ float: left;
2260
+ margin: 0;
2261
+ width: 100%;
2262
+ }
2263
+
2264
+ input[type='text'],
2265
+ input[type='submit'] {
2266
+ @include font-size(14);
2267
+ border: 0;
2268
+ line-height: inherit;
2269
+ }
2270
+
2271
+ input[type='text'] {
2272
+ border-right: 1px solid rgba($border-color, 0.6);
2273
+ padding: 0.2em 0 0.2em 0.2em;
2274
+ }
2275
+
2276
+ input[type='submit'] {
2277
+ float: right;
2278
+ font-weight: normal;
2279
+ padding: 0.2em 1em;
2280
+ text-align: center;
2281
+ text-transform: none;
2282
+ width: 30%;
2283
+ }
2284
+ } // close form
2285
+
2286
+ } // close .dir-search, .message-search
2287
+
2288
+ // Shift the search parent to the right and allow to shrinkwrap
2289
+
2290
+ @media screen and (min-width: 38.75em) {
2291
+ div.dir-search,
2292
+ div.message-search,
2293
+ li.groups-members-search {
2294
+ float: right;
2295
+ margin-bottom: 5px !important;
2296
+
2297
+ form {
2298
+ label,
2299
+ input[type='text'],
2300
+ input[type='submit'] {
2301
+ width: auto;
2302
+ }
2303
+ }
2304
+ }
2305
+
2306
+ } // close @media
2307
+
2308
+
2309
+ @include large-up {
2310
+
2311
+ .dir-search,
2312
+ .message-search {
2313
+ form {
2314
+ input[type='text'] { @include font-size(16) ;}
2315
+ input[type='submit'] { @include font-size(16) ;}
2316
+ }
2317
+ }
2318
+ }
2319
+
2320
+ } // close #buddypress
2321
+
2322
+ /**
2323
+ *-------------------------------------------------------------------------------
2324
+ * @section 8.0 - Tables - General
2325
+ *-------------------------------------------------------------------------------
2326
+ */
2327
+
2328
+ // Adjust table font sizes, default too large proportionally
2329
+ // This approach will require refinement and perhaps re-location to
2330
+ // a more general typography section to manage BP elements grouped under
2331
+ // breakpoints. Provide top/bottom margins for tables, lacking in BP styles
2332
+ #buddypress {
2333
+ table {
2334
+ @include font-size(14);
2335
+ margin: $spacing-val-md 0;
2336
+
2337
+ tr th {
2338
+ background: lighten($dark-background, 10%);
2339
+ border-color: darken($border-light, 20%);
2340
+ color: $content-background;
2341
+ }
2342
+
2343
+ // Reduce the themes inherited paragraph margins in tables
2344
+ p {margin-bottom: 0.5em;}
2345
+ }
2346
+
2347
+ @media screen and (min-width: 55em) {
2348
+ table {@include font-size(16);}
2349
+ }
2350
+ }
2351
+
2352
+ /*__ User Account tables __*/
2353
+
2354
+ #buddypress {
2355
+
2356
+ // Manage some table cells widths that are disproportionate to their content
2357
+ .notifications,
2358
+ .messages-notices {
2359
+ th {
2360
+ width: 30%;
2361
+
2362
+ &.bulk-select-all {
2363
+ text-align: center;
2364
+ width: 10%;
2365
+ }
2366
+ }
2367
+
2368
+ .bulk-select-check,
2369
+ .thread-star {
2370
+ text-align: center;
2371
+ }
2372
+
2373
+ .notification-actions,
2374
+ td.thread-options {
2375
+ text-align: center;
2376
+
2377
+ a {
2378
+ display: inline-block;
2379
+ margin: 0;
2380
+ padding: 0;
2381
+ }
2382
+ }
2383
+
2384
+ // Notices action buttons, this maybe better moved, temp for now to address
2385
+ // styling issues - this will need styling ideas
2386
+ td {
2387
+ .button {
2388
+ border: 0;
2389
+ display: block;
2390
+ padding: 0;
2391
+ text-align: center;
2392
+ }
2393
+ }
2394
+
2395
+ } // .notifications, .message-notices
2396
+ } // #buddypress
2397
+
2398
+ /**
2399
+ *-------------------------------------------------------------------------------
2400
+ * @section 9.0 - Error / Success messages
2401
+ *-------------------------------------------------------------------------------
2402
+ */
2403
+
2404
+ // message args ($variable-color, text-color)
2405
+ // Leave text-color undefined to automagically set text color
2406
+ // to background color darker by 50%
2407
+
2408
+ #buddypress {
2409
+ div#message {
2410
+ p {
2411
+ @include font-size(18);
2412
+ font-weight: bold;
2413
+ }
2414
+
2415
+ &.info {
2416
+ p {
2417
+ @include message-box($notice-info);
2418
+ }
2419
+ }
2420
+
2421
+ &.updated {
2422
+ p {
2423
+ @include message-box($notice-update);
2424
+ }
2425
+ }
2426
+
2427
+ } // close #message
2428
+
2429
+ } // close #buddypress
2430
+
2431
+ // Without direct classes on our mesages ( 'warning' )
2432
+ // we need to use the body classes
2433
+ // todo: If this is class .warning is included in main BP styles remove from here
2434
+ .delete-group {
2435
+ #buddypress {
2436
+ div#message.info {
2437
+ p {
2438
+ @include message-box($notice-warning);
2439
+ }
2440
+ }
2441
+ }
2442
+ }
2443
+
2444
+ /**
2445
+ *-------------------------------------------------------------------------------
2446
+ * @section 10.0 - Ajax Loading, Widgets, General classes
2447
+ *-------------------------------------------------------------------------------
2448
+ */
2449
+
2450
+ #buddypress {
2451
+
2452
+ .acfb-holder {
2453
+
2454
+ li.friend-tab {
2455
+ background: $notice-info;
2456
+ border: inherit;
2457
+ }
2458
+ }
2459
+ }
bp-templates/bp-legacy/css/twentyten-rtl.css CHANGED
@@ -1,63 +1,63 @@
1
  @charset "UTF-8";
2
- /*--------------------------------------------------------------
3
-
4
- This is the BuddyPress companion stylesheet for
5
- the WordPress Twentyten theme.
6
-
7
- This sheet supports the primary BuddyPress styles in buddypress.css
8
-
9
- If you are running as a child theme of twentyten this stylesheet will be
10
- loaded by default. If you want to modify the styles the normal BP Theme Compat
11
- hierarchy works and you can copy the file to buddypress/css/ or community/css/
12
- in your child themes root & either start over or modify the rulesets.
13
-
14
- If you do not require the styles you can dequeue them from the themes functions file.
15
-
16
- Please see this codex article for more information:
17
- http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
18
-
19
- ----------------------------------------------------------------
20
- >>> TABLE OF CONTENTS:
21
- ----------------------------------------------------------------
22
- 1.0 Theme Structural Elements & overrides
23
- 2.0 - Navigation - General
24
- 2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
25
- 2.2 - Pagination
26
- 3.0 - Images
27
- 4.0 - BP Lists / Loops Generic
28
- 4.1 - Activity Loop
29
- 4.1.1 Whats New Activity
30
- 4.1.2 - Activity Listing
31
- 4.1.3 - Activity Comments
32
- 4.2 - Members Loop
33
- 4.3 - Groups Loop
34
- 4.4 - Blogs Loop
35
- 5.0 - Directories - Members, Groups, Blogs, Register, activation
36
- 6.0 - Single Item screens: User Account & Single Group Screens
37
- 6.1 - Item Headers: Global
38
- 6.1.1 - item-header: Groups
39
- 6.1.2 - item-header: User Accounts
40
- 6.2 - Item Body: Global
41
- 6.2.1 - item-body: Groups
42
- 6.2.1.1 - Management settings screens
43
- 6.2.1.2 - Group members list
44
- 6.2.2 - item-body: User Accounts
45
- 6.2.2.1 - classes, pag, filters
46
- 6.2.2.2 - Extended Profiles
47
- 6.2.2.3 - Groups
48
- 6.2.2.4 - friends
49
- 6.2.2.5 - Private Messaging Threads
50
- 6.2.2.6 - Settings
51
- 6.2.2.7 - Notifications
52
- 7.0 - Forms - General
53
- 8.0 - Tables - General
54
- 9.0 - Error / Success Messages
55
- 10.0 - Ajax Loading, Widgets, General classes
56
  --------------------------------------------------------------*/
57
- /**
58
- *-------------------------------------------------------------------------------
59
- * @section 1.0 - Theme - Structural Elements. overrides, Globals
60
- *-------------------------------------------------------------------------------
61
  */
62
  .buddypress div.clear {
63
  display: none;
@@ -77,17 +77,17 @@ body.page-template-onecolumn-page #content .entry-content {
77
  width: auto;
78
  }
79
 
80
- /**
81
- *-------------------------------------------------------------------------------
82
- * @section 2.0 - Navigation - General
83
- *-------------------------------------------------------------------------------
84
  */
85
- /**
86
- *----------------------------------------------------------
87
- * @section 2.1 - Navs Object Nav / Sub Nav (item-list-tabs)
88
- *
89
- * The main navigational elements for all BP screens
90
- *----------------------------------------------------------
91
  */
92
  /* Here we start things off */
93
  #buddypress div.item-list-tabs ul li.selected a,
@@ -265,10 +265,10 @@ body.page-template-onecolumn-page #content .entry-content {
265
  }
266
  }
267
 
268
- /**
269
- *----------------------------------------------------------
270
- * @section 2.2 - Pagination
271
- *----------------------------------------------------------
272
  */
273
  #buddypress div.pagination {
274
  box-shadow: none;
@@ -318,10 +318,10 @@ body.page-template-onecolumn-page #content .entry-content {
318
  left: auto;
319
  }
320
 
321
- /**
322
- *-------------------------------------------------------------------------------
323
- * @section 4.0 - BP Lists / Loops Generic
324
- *-------------------------------------------------------------------------------
325
  */
326
  #buddypress ul.item-list {
327
  border-top: 0;
@@ -488,15 +488,15 @@ body.page-template-onecolumn-page #content .entry-content {
488
  font-style: italic;
489
  }
490
 
491
- /**
492
- *----------------------------------------------------------
493
- * @section 4.1 - Activity
494
- *----------------------------------------------------------
495
  */
496
- /**
497
- *-----------------------------------------------------
498
- * @section 4.1.1 - Activity Whats New
499
- *-----------------------------------------------------
500
  */
501
  #buddypress form#whats-new-form p.activity-greeting {
502
  line-height: 1.4;
@@ -541,10 +541,10 @@ body.page-template-onecolumn-page #content .entry-content {
541
  margin: 50px 0;
542
  }
543
 
544
- /**
545
- *-----------------------------------------------------
546
- * @section 4.1.2 - Activity Listing
547
- *-----------------------------------------------------
548
  */
549
  #buddypress #activity-stream li {
550
  padding: 25px 0 15px;
@@ -704,10 +704,10 @@ body.page-template-onecolumn-page #content .entry-content {
704
  margin-right: 0;
705
  }
706
 
707
- /**
708
- *-----------------------------------------------------
709
- * @section 4.1.3 - Activity Comments
710
- *-----------------------------------------------------
711
  */
712
  #buddypress #activity-stream .activity-comments {
713
  position: relative;
@@ -760,10 +760,10 @@ body.page-template-onecolumn-page #content .entry-content {
760
  background: #ededed;
761
  }
762
 
763
- /**
764
- *----------------------------------------------------------
765
- * @section 4.2 - Members Loop
766
- *----------------------------------------------------------
767
  */
768
  @media screen and (min-width: 650px) {
769
  #buddypress #members-list li .item-avatar,
@@ -775,15 +775,15 @@ body.page-template-onecolumn-page #content .entry-content {
775
  }
776
  }
777
 
778
- /**
779
- *-------------------------------------------------------------------------------
780
- * @section 5.0 - Directories
781
- *-------------------------------------------------------------------------------
782
  */
783
- /**
784
- *-----------------------------------------------------------
785
- * @subsection Registration
786
- *-----------------------------------------------------------
787
  */
788
  #buddypress #signup_form.standard-form #profile-details-section,
789
  #buddypress #signup_form.standard-form #basic-details-section,
@@ -809,19 +809,19 @@ body.page-template-onecolumn-page #content .entry-content {
809
  }
810
  }
811
 
812
- /**
813
- *-------------------------------------------------------------------------------
814
- * @section 6.0 - Single Item screens: User Account & Single Group Screens
815
- *-------------------------------------------------------------------------------
816
  */
817
  .bp-user #buddypress a:visited {
818
  color: #21759b;
819
  }
820
 
821
- /**
822
- *-----------------------------------------------------------
823
- * @subsection 6.1 - Item Header Global
824
- *-----------------------------------------------------------
825
  */
826
  .bp-user #buddypress #item-header-content #item-meta,
827
  .single-item.groups #buddypress #item-header-content #item-meta {
@@ -878,12 +878,12 @@ body.page-template-onecolumn-page #content .entry-content {
878
  }
879
  }
880
 
881
- /**
882
- *-----------------------------------------------------
883
- * @subsection 6.1.1 - item-header Groups
884
- *
885
- * Group Specific Item Header
886
- *-----------------------------------------------------
887
  */
888
  @media screen and (max-width: 46.25em) {
889
  .single-item.groups #buddypress #item-header #item-meta {
@@ -1013,12 +1013,12 @@ body.page-template-onecolumn-page #content .entry-content {
1013
  }
1014
  }
1015
 
1016
- /**
1017
- *-----------------------------------------------------
1018
- * @subsection 6.1.2 - Item Header User Accounts
1019
- *
1020
- * User Accounts Specific Item Header
1021
- *-----------------------------------------------------
1022
  */
1023
  .bp-user #buddypress #item-header #item-header-avatar {
1024
  text-align: center;
@@ -1061,22 +1061,22 @@ body.page-template-onecolumn-page #content .entry-content {
1061
  }
1062
  }
1063
 
1064
- /**
1065
- *-----------------------------------------------------------
1066
- * @subsection 6.2 - Item Body: Global
1067
- *-----------------------------------------------------------
1068
  */
1069
- /**
1070
- *----------------------------------------------------
1071
- * @subsection 6.2.1 - Item Body Groups
1072
- *
1073
- * Groups specific item body rules - screens
1074
- *----------------------------------------------------
1075
  */
1076
- /**
1077
- *-----------------------------------------
1078
- * @subsection 6.2.1.1 - Group Management
1079
- *-----------------------------------------
1080
  */
1081
  .groups #group-settings-form h3 {
1082
  background: #555;
@@ -1158,10 +1158,10 @@ body.page-template-onecolumn-page #content .entry-content {
1158
  margin: 0;
1159
  }
1160
 
1161
- /**
1162
- *-----------------------------------------
1163
- * @subsection 6.2.1.2 - Group members
1164
- *-----------------------------------------
1165
  */
1166
  .groups.group-members #subnav li {
1167
  width: 100%;
@@ -1176,17 +1176,17 @@ body.page-template-onecolumn-page #content .entry-content {
1176
  box-shadow: none;
1177
  }
1178
 
1179
- /**
1180
- *-----------------------------------------------------
1181
- * @subsection 6.2.2 - Item Body User Accounts
1182
- *
1183
- * User Account specific component item body rules
1184
- *-----------------------------------------------------
1185
  */
1186
- /**
1187
- *--------------------------------------------
1188
- * @subsection 6.2.2.1 - classes, pag, filters
1189
- *--------------------------------------------
1190
  */
1191
  .bp-user #buddypress table th {
1192
  font-size: 13px;
@@ -1272,10 +1272,10 @@ body.page-template-onecolumn-page #content .entry-content {
1272
  background: none;
1273
  }
1274
 
1275
- /**
1276
- *-------------------------------------------
1277
- * @subsection 6.2.2.2 - Extended Profiles
1278
- *-------------------------------------------
1279
  */
1280
  .bp-user #buddypress .profile .bp-widget h2 {
1281
  background: #6f6f6f;
@@ -1355,10 +1355,10 @@ body.page-template-onecolumn-page #content .entry-content {
1355
  font-size: inherit;
1356
  }
1357
 
1358
- /**
1359
- *-------------------------------------------
1360
- * @subsection 6.2.2.5 - Private Messaging
1361
- *-------------------------------------------
1362
  */
1363
  .bp-user #buddypress #message-thread a {
1364
  border-bottom: 0;
@@ -1664,10 +1664,10 @@ body.page-template-onecolumn-page #content .entry-content {
1664
  vertical-align: bottom;
1665
  }
1666
 
1667
- /**
1668
- *------------------------------
1669
- * @subsection 6.2.2.6 - Settings
1670
- *------------------------------
1671
  */
1672
  .bp-user #buddypress #settings-form > p {
1673
  font-size: 20px;
@@ -1705,15 +1705,15 @@ body.page-template-onecolumn-page #content .entry-content {
1705
  width: 100%;
1706
  }
1707
 
1708
- /**
1709
- *------------------------------------
1710
- * @subsection 6.2.2.6 - Notifications
1711
- *------------------------------------
1712
  */
1713
- /**
1714
- *-------------------------------------------------------------------------------
1715
- * @section 7.0 - Forms - General
1716
- *-------------------------------------------------------------------------------
1717
  */
1718
  #main #buddypress .standard-form li {
1719
  float: none;
@@ -1853,10 +1853,10 @@ body.page-template-onecolumn-page #content .entry-content {
1853
  }
1854
  }
1855
 
1856
- /**
1857
- *-------------------------------------------------------------------------------
1858
- * @section 8.0 - Tables - General
1859
- *-------------------------------------------------------------------------------
1860
  */
1861
  .bp-user #buddypress table {
1862
  font-size: 14px;
@@ -1940,10 +1940,10 @@ body.page-template-onecolumn-page #content .entry-content {
1940
  text-align: center;
1941
  }
1942
 
1943
- /**
1944
- *-------------------------------------------------------------------------------
1945
- * @section 9.0 - Error / Success messages
1946
- *-------------------------------------------------------------------------------
1947
  */
1948
  #buddypress div#message p {
1949
  font-size: 18px;
@@ -1969,8 +1969,8 @@ body.page-template-onecolumn-page #content .entry-content {
1969
  color: #1f0808;
1970
  }
1971
 
1972
- /**
1973
- *-------------------------------------------------------------------------------
1974
- * @section 10.0 - Ajax Loading, Widgets, General classes
1975
- *-------------------------------------------------------------------------------
1976
  */
1
  @charset "UTF-8";
2
+ /*--------------------------------------------------------------
3
+
4
+ This is the BuddyPress companion stylesheet for
5
+ the WordPress Twentyten theme.
6
+
7
+ This sheet supports the primary BuddyPress styles in buddypress.css
8
+
9
+ If you are running as a child theme of twentyten this stylesheet will be
10
+ loaded by default. If you want to modify the styles the normal BP Theme Compat
11
+ hierarchy works and you can copy the file to buddypress/css/ or community/css/
12
+ in your child themes root & either start over or modify the rulesets.
13
+
14
+ If you do not require the styles you can dequeue them from the themes functions file.
15
+
16
+ Please see this codex article for more information:
17
+ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
18
+
19
+ ----------------------------------------------------------------
20
+ >>> TABLE OF CONTENTS:
21
+ ----------------------------------------------------------------
22
+ 1.0 Theme Structural Elements & overrides
23
+ 2.0 - Navigation - General
24
+ 2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
25
+ 2.2 - Pagination
26
+ 3.0 - Images
27
+ 4.0 - BP Lists / Loops Generic
28
+ 4.1 - Activity Loop
29
+ 4.1.1 Whats New Activity
30
+ 4.1.2 - Activity Listing
31
+ 4.1.3 - Activity Comments
32
+ 4.2 - Members Loop
33
+ 4.3 - Groups Loop
34
+ 4.4 - Blogs Loop
35
+ 5.0 - Directories - Members, Groups, Blogs, Register, activation
36
+ 6.0 - Single Item screens: User Account & Single Group Screens
37
+ 6.1 - Item Headers: Global
38
+ 6.1.1 - item-header: Groups
39
+ 6.1.2 - item-header: User Accounts
40
+ 6.2 - Item Body: Global
41
+ 6.2.1 - item-body: Groups
42
+ 6.2.1.1 - Management settings screens
43
+ 6.2.1.2 - Group members list
44
+ 6.2.2 - item-body: User Accounts
45
+ 6.2.2.1 - classes, pag, filters
46
+ 6.2.2.2 - Extended Profiles
47
+ 6.2.2.3 - Groups
48
+ 6.2.2.4 - friends
49
+ 6.2.2.5 - Private Messaging Threads
50
+ 6.2.2.6 - Settings
51
+ 6.2.2.7 - Notifications
52
+ 7.0 - Forms - General
53
+ 8.0 - Tables - General
54
+ 9.0 - Error / Success Messages
55
+ 10.0 - Ajax Loading, Widgets, General classes
56
  --------------------------------------------------------------*/
57
+ /**
58
+ *-------------------------------------------------------------------------------
59
+ * @section 1.0 - Theme - Structural Elements. overrides, Globals
60
+ *-------------------------------------------------------------------------------
61
  */
62
  .buddypress div.clear {
63
  display: none;
77
  width: auto;
78
  }
79
 
80
+ /**
81
+ *-------------------------------------------------------------------------------
82
+ * @section 2.0 - Navigation - General
83
+ *-------------------------------------------------------------------------------
84
  */
85
+ /**
86
+ *----------------------------------------------------------
87
+ * @section 2.1 - Navs Object Nav / Sub Nav (item-list-tabs)
88
+ *
89
+ * The main navigational elements for all BP screens
90
+ *----------------------------------------------------------
91
  */
92
  /* Here we start things off */
93
  #buddypress div.item-list-tabs ul li.selected a,
265
  }
266
  }
267
 
268
+ /**
269
+ *----------------------------------------------------------
270
+ * @section 2.2 - Pagination
271
+ *----------------------------------------------------------
272
  */
273
  #buddypress div.pagination {
274
  box-shadow: none;
318
  left: auto;
319
  }
320
 
321
+ /**
322
+ *-------------------------------------------------------------------------------
323
+ * @section 4.0 - BP Lists / Loops Generic
324
+ *-------------------------------------------------------------------------------
325
  */
326
  #buddypress ul.item-list {
327
  border-top: 0;
488
  font-style: italic;
489
  }
490
 
491
+ /**
492
+ *----------------------------------------------------------
493
+ * @section 4.1 - Activity
494
+ *----------------------------------------------------------
495
  */
496
+ /**
497
+ *-----------------------------------------------------
498
+ * @section 4.1.1 - Activity Whats New
499
+ *-----------------------------------------------------
500
  */
501
  #buddypress form#whats-new-form p.activity-greeting {
502
  line-height: 1.4;
541
  margin: 50px 0;
542
  }
543
 
544
+ /**
545
+ *-----------------------------------------------------
546
+ * @section 4.1.2 - Activity Listing
547
+ *-----------------------------------------------------
548
  */
549
  #buddypress #activity-stream li {
550
  padding: 25px 0 15px;
704
  margin-right: 0;
705
  }
706
 
707
+ /**
708
+ *-----------------------------------------------------
709
+ * @section 4.1.3 - Activity Comments
710
+ *-----------------------------------------------------
711
  */
712
  #buddypress #activity-stream .activity-comments {
713
  position: relative;
760
  background: #ededed;
761
  }
762
 
763
+ /**
764
+ *----------------------------------------------------------
765
+ * @section 4.2 - Members Loop
766
+ *----------------------------------------------------------
767
  */
768
  @media screen and (min-width: 650px) {
769
  #buddypress #members-list li .item-avatar,
775
  }
776
  }
777
 
778
+ /**
779
+ *-------------------------------------------------------------------------------
780
+ * @section 5.0 - Directories
781
+ *-------------------------------------------------------------------------------
782
  */
783
+ /**
784
+ *-----------------------------------------------------------
785
+ * @subsection Registration
786
+ *-----------------------------------------------------------
787
  */
788
  #buddypress #signup_form.standard-form #profile-details-section,
789
  #buddypress #signup_form.standard-form #basic-details-section,
809
  }
810
  }
811
 
812
+ /**
813
+ *-------------------------------------------------------------------------------
814
+ * @section 6.0 - Single Item screens: User Account & Single Group Screens
815
+ *-------------------------------------------------------------------------------
816
  */
817
  .bp-user #buddypress a:visited {
818
  color: #21759b;
819
  }
820
 
821
+ /**
822
+ *-----------------------------------------------------------
823
+ * @subsection 6.1 - Item Header Global
824
+ *-----------------------------------------------------------
825
  */
826
  .bp-user #buddypress #item-header-content #item-meta,
827
  .single-item.groups #buddypress #item-header-content #item-meta {
878
  }
879
  }
880
 
881
+ /**
882
+ *-----------------------------------------------------
883
+ * @subsection 6.1.1 - item-header Groups
884
+ *
885
+ * Group Specific Item Header
886
+ *-----------------------------------------------------
887
  */
888
  @media screen and (max-width: 46.25em) {
889
  .single-item.groups #buddypress #item-header #item-meta {
1013
  }
1014
  }
1015
 
1016
+ /**
1017
+ *-----------------------------------------------------
1018
+ * @subsection 6.1.2 - Item Header User Accounts
1019
+ *
1020
+ * User Accounts Specific Item Header
1021
+ *-----------------------------------------------------
1022
  */
1023
  .bp-user #buddypress #item-header #item-header-avatar {
1024
  text-align: center;
1061
  }
1062
  }
1063
 
1064
+ /**
1065
+ *-----------------------------------------------------------
1066
+ * @subsection 6.2 - Item Body: Global
1067
+ *-----------------------------------------------------------
1068
  */
1069
+ /**
1070
+ *----------------------------------------------------
1071
+ * @subsection 6.2.1 - Item Body Groups
1072
+ *
1073
+ * Groups specific item body rules - screens
1074
+ *----------------------------------------------------
1075
  */
1076
+ /**
1077
+ *-----------------------------------------
1078
+ * @subsection 6.2.1.1 - Group Management
1079
+ *-----------------------------------------
1080
  */
1081
  .groups #group-settings-form h3 {
1082
  background: #555;
1158
  margin: 0;
1159
  }
1160
 
1161
+ /**
1162
+ *-----------------------------------------
1163
+ * @subsection 6.2.1.2 - Group members
1164
+ *-----------------------------------------
1165
  */
1166
  .groups.group-members #subnav li {
1167
  width: 100%;
1176
  box-shadow: none;
1177
  }
1178
 
1179
+ /**
1180
+ *-----------------------------------------------------
1181
+ * @subsection 6.2.2 - Item Body User Accounts
1182
+ *
1183
+ * User Account specific component item body rules
1184
+ *-----------------------------------------------------
1185
  */
1186
+ /**
1187
+ *--------------------------------------------
1188
+ * @subsection 6.2.2.1 - classes, pag, filters
1189
+ *--------------------------------------------
1190
  */
1191
  .bp-user #buddypress table th {
1192
  font-size: 13px;
1272
  background: none;
1273
  }
1274
 
1275
+ /**
1276
+ *-------------------------------------------
1277
+ * @subsection 6.2.2.2 - Extended Profiles
1278
+ *-------------------------------------------
1279
  */
1280
  .bp-user #buddypress .profile .bp-widget h2 {
1281
  background: #6f6f6f;
1355
  font-size: inherit;
1356
  }
1357
 
1358
+ /**
1359
+ *-------------------------------------------
1360
+ * @subsection 6.2.2.5 - Private Messaging
1361
+ *-------------------------------------------
1362
  */
1363
  .bp-user #buddypress #message-thread a {
1364
  border-bottom: 0;
1664
  vertical-align: bottom;
1665
  }
1666
 
1667
+ /**
1668
+ *------------------------------
1669
+ * @subsection 6.2.2.6 - Settings
1670
+ *------------------------------
1671
  */
1672
  .bp-user #buddypress #settings-form > p {
1673
  font-size: 20px;
1705
  width: 100%;
1706
  }
1707
 
1708
+ /**
1709
+ *------------------------------------
1710
+ * @subsection 6.2.2.6 - Notifications
1711
+ *------------------------------------
1712
  */
1713
+ /**
1714
+ *-------------------------------------------------------------------------------
1715
+ * @section 7.0 - Forms - General
1716
+ *-------------------------------------------------------------------------------
1717
  */
1718
  #main #buddypress .standard-form li {
1719
  float: none;
1853
  }
1854
  }
1855
 
1856
+ /**
1857
+ *-------------------------------------------------------------------------------
1858
+ * @section 8.0 - Tables - General
1859
+ *-------------------------------------------------------------------------------
1860
  */
1861
  .bp-user #buddypress table {
1862
  font-size: 14px;
1940
  text-align: center;
1941
  }
1942
 
1943
+ /**
1944
+ *-------------------------------------------------------------------------------
1945
+ * @section 9.0 - Error / Success messages
1946
+ *-------------------------------------------------------------------------------
1947
  */
1948
  #buddypress div#message p {
1949
  font-size: 18px;
1969
  color: #1f0808;
1970
  }
1971
 
1972
+ /**
1973
+ *-------------------------------------------------------------------------------
1974
+ * @section 10.0 - Ajax Loading, Widgets, General classes
1975
+ *-------------------------------------------------------------------------------
1976
  */
bp-templates/bp-legacy/css/twentyten.css CHANGED
@@ -1,63 +1,63 @@
1
  @charset "UTF-8";
2
- /*--------------------------------------------------------------
3
-
4
- This is the BuddyPress companion stylesheet for
5
- the WordPress Twentyten theme.
6
-
7
- This sheet supports the primary BuddyPress styles in buddypress.css
8
-
9
- If you are running as a child theme of twentyten this stylesheet will be
10
- loaded by default. If you want to modify the styles the normal BP Theme Compat
11
- hierarchy works and you can copy the file to buddypress/css/ or community/css/
12
- in your child themes root & either start over or modify the rulesets.
13
-
14
- If you do not require the styles you can dequeue them from the themes functions file.
15
-
16
- Please see this codex article for more information:
17
- http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
18
-
19
- ----------------------------------------------------------------
20
- >>> TABLE OF CONTENTS:
21
- ----------------------------------------------------------------
22
- 1.0 Theme Structural Elements & overrides
23
- 2.0 - Navigation - General
24
- 2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
25
- 2.2 - Pagination
26
- 3.0 - Images
27
- 4.0 - BP Lists / Loops Generic
28
- 4.1 - Activity Loop
29
- 4.1.1 Whats New Activity
30
- 4.1.2 - Activity Listing
31
- 4.1.3 - Activity Comments
32
- 4.2 - Members Loop
33
- 4.3 - Groups Loop
34
- 4.4 - Blogs Loop
35
- 5.0 - Directories - Members, Groups, Blogs, Register, activation
36
- 6.0 - Single Item screens: User Account & Single Group Screens
37
- 6.1 - Item Headers: Global
38
- 6.1.1 - item-header: Groups
39
- 6.1.2 - item-header: User Accounts
40
- 6.2 - Item Body: Global
41
- 6.2.1 - item-body: Groups
42
- 6.2.1.1 - Management settings screens
43
- 6.2.1.2 - Group members list
44
- 6.2.2 - item-body: User Accounts
45
- 6.2.2.1 - classes, pag, filters
46
- 6.2.2.2 - Extended Profiles
47
- 6.2.2.3 - Groups
48
- 6.2.2.4 - friends
49
- 6.2.2.5 - Private Messaging Threads
50
- 6.2.2.6 - Settings
51
- 6.2.2.7 - Notifications
52
- 7.0 - Forms - General
53
- 8.0 - Tables - General
54
- 9.0 - Error / Success Messages
55
- 10.0 - Ajax Loading, Widgets, General classes
56
  --------------------------------------------------------------*/
57
- /**
58
- *-------------------------------------------------------------------------------
59
- * @section 1.0 - Theme - Structural Elements. overrides, Globals
60
- *-------------------------------------------------------------------------------
61
  */
62
  .buddypress div.clear {
63
  display: none;
@@ -77,17 +77,17 @@ body.page-template-onecolumn-page #content .entry-content {
77
  width: auto;
78
  }
79
 
80
- /**
81
- *-------------------------------------------------------------------------------
82
- * @section 2.0 - Navigation - General
83
- *-------------------------------------------------------------------------------
84
  */
85
- /**
86
- *----------------------------------------------------------
87
- * @section 2.1 - Navs Object Nav / Sub Nav (item-list-tabs)
88
- *
89
- * The main navigational elements for all BP screens
90
- *----------------------------------------------------------
91
  */
92
  /* Here we start things off */
93
  #buddypress div.item-list-tabs ul li.selected a,
@@ -265,10 +265,10 @@ body.page-template-onecolumn-page #content .entry-content {
265
  }
266
  }
267
 
268
- /**
269
- *----------------------------------------------------------
270
- * @section 2.2 - Pagination
271
- *----------------------------------------------------------
272
  */
273
  #buddypress div.pagination {
274
  box-shadow: none;
@@ -318,10 +318,10 @@ body.page-template-onecolumn-page #content .entry-content {
318
  right: auto;
319
  }
320
 
321
- /**
322
- *-------------------------------------------------------------------------------
323
- * @section 4.0 - BP Lists / Loops Generic
324
- *-------------------------------------------------------------------------------
325
  */
326
  #buddypress ul.item-list {
327
  border-top: 0;
@@ -488,15 +488,15 @@ body.page-template-onecolumn-page #content .entry-content {
488
  font-style: italic;
489
  }
490
 
491
- /**
492
- *----------------------------------------------------------
493
- * @section 4.1 - Activity
494
- *----------------------------------------------------------
495
  */
496
- /**
497
- *-----------------------------------------------------
498
- * @section 4.1.1 - Activity Whats New
499
- *-----------------------------------------------------
500
  */
501
  #buddypress form#whats-new-form p.activity-greeting {
502
  line-height: 1.4;
@@ -541,10 +541,10 @@ body.page-template-onecolumn-page #content .entry-content {
541
  margin: 50px 0;
542
  }
543
 
544
- /**
545
- *-----------------------------------------------------
546
- * @section 4.1.2 - Activity Listing
547
- *-----------------------------------------------------
548
  */
549
  #buddypress #activity-stream li {
550
  padding: 25px 0 15px;
@@ -704,10 +704,10 @@ body.page-template-onecolumn-page #content .entry-content {
704
  margin-left: 0;
705
  }
706
 
707
- /**
708
- *-----------------------------------------------------
709
- * @section 4.1.3 - Activity Comments
710
- *-----------------------------------------------------
711
  */
712
  #buddypress #activity-stream .activity-comments {
713
  position: relative;
@@ -760,10 +760,10 @@ body.page-template-onecolumn-page #content .entry-content {
760
  background: #ededed;
761
  }
762
 
763
- /**
764
- *----------------------------------------------------------
765
- * @section 4.2 - Members Loop
766
- *----------------------------------------------------------
767
  */
768
  @media screen and (min-width: 650px) {
769
  #buddypress #members-list li .item-avatar,
@@ -775,15 +775,15 @@ body.page-template-onecolumn-page #content .entry-content {
775
  }
776
  }
777
 
778
- /**
779
- *-------------------------------------------------------------------------------
780
- * @section 5.0 - Directories
781
- *-------------------------------------------------------------------------------
782
  */
783
- /**
784
- *-----------------------------------------------------------
785
- * @subsection Registration
786
- *-----------------------------------------------------------
787
  */
788
  #buddypress #signup_form.standard-form #profile-details-section,
789
  #buddypress #signup_form.standard-form #basic-details-section,
@@ -809,19 +809,19 @@ body.page-template-onecolumn-page #content .entry-content {
809
  }
810
  }
811
 
812
- /**
813
- *-------------------------------------------------------------------------------
814
- * @section 6.0 - Single Item screens: User Account & Single Group Screens
815
- *-------------------------------------------------------------------------------
816
  */
817
  .bp-user #buddypress a:visited {
818
  color: #21759b;
819
  }
820
 
821
- /**
822
- *-----------------------------------------------------------
823
- * @subsection 6.1 - Item Header Global
824
- *-----------------------------------------------------------
825
  */
826
  .bp-user #buddypress #item-header-content #item-meta,
827
  .single-item.groups #buddypress #item-header-content #item-meta {
@@ -878,12 +878,12 @@ body.page-template-onecolumn-page #content .entry-content {
878
  }
879
  }
880
 
881
- /**
882
- *-----------------------------------------------------
883
- * @subsection 6.1.1 - item-header Groups
884
- *
885
- * Group Specific Item Header
886
- *-----------------------------------------------------
887
  */
888
  @media screen and (max-width: 46.25em) {
889
  .single-item.groups #buddypress #item-header #item-meta {
@@ -1013,12 +1013,12 @@ body.page-template-onecolumn-page #content .entry-content {
1013
  }
1014
  }
1015
 
1016
- /**
1017
- *-----------------------------------------------------
1018
- * @subsection 6.1.2 - Item Header User Accounts
1019
- *
1020
- * User Accounts Specific Item Header
1021
- *-----------------------------------------------------
1022
  */
1023
  .bp-user #buddypress #item-header #item-header-avatar {
1024
  text-align: center;
@@ -1061,22 +1061,22 @@ body.page-template-onecolumn-page #content .entry-content {
1061
  }
1062
  }
1063
 
1064
- /**
1065
- *-----------------------------------------------------------
1066
- * @subsection 6.2 - Item Body: Global
1067
- *-----------------------------------------------------------
1068
  */
1069
- /**
1070
- *----------------------------------------------------
1071
- * @subsection 6.2.1 - Item Body Groups
1072
- *
1073
- * Groups specific item body rules - screens
1074
- *----------------------------------------------------
1075
  */
1076
- /**
1077
- *-----------------------------------------
1078
- * @subsection 6.2.1.1 - Group Management
1079
- *-----------------------------------------
1080
  */
1081
  .groups #group-settings-form h3 {
1082
  background: #555;
@@ -1158,10 +1158,10 @@ body.page-template-onecolumn-page #content .entry-content {
1158
  margin: 0;
1159
  }
1160
 
1161
- /**
1162
- *-----------------------------------------
1163
- * @subsection 6.2.1.2 - Group members
1164
- *-----------------------------------------
1165
  */
1166
  .groups.group-members #subnav li {
1167
  width: 100%;
@@ -1176,17 +1176,17 @@ body.page-template-onecolumn-page #content .entry-content {
1176
  box-shadow: none;
1177
  }
1178
 
1179
- /**
1180
- *-----------------------------------------------------
1181
- * @subsection 6.2.2 - Item Body User Accounts
1182
- *
1183
- * User Account specific component item body rules
1184
- *-----------------------------------------------------
1185
  */
1186
- /**
1187
- *--------------------------------------------
1188
- * @subsection 6.2.2.1 - classes, pag, filters
1189
- *--------------------------------------------
1190
  */
1191
  .bp-user #buddypress table th {
1192
  font-size: 13px;
@@ -1272,10 +1272,10 @@ body.page-template-onecolumn-page #content .entry-content {
1272
  background: none;
1273
  }
1274
 
1275
- /**
1276
- *-------------------------------------------
1277
- * @subsection 6.2.2.2 - Extended Profiles
1278
- *-------------------------------------------
1279
  */
1280
  .bp-user #buddypress .profile .bp-widget h2 {
1281
  background: #6f6f6f;
@@ -1355,10 +1355,10 @@ body.page-template-onecolumn-page #content .entry-content {
1355
  font-size: inherit;
1356
  }
1357
 
1358
- /**
1359
- *-------------------------------------------
1360
- * @subsection 6.2.2.5 - Private Messaging
1361
- *-------------------------------------------
1362
  */
1363
  .bp-user #buddypress #message-thread a {
1364
  border-bottom: 0;
@@ -1664,10 +1664,10 @@ body.page-template-onecolumn-page #content .entry-content {
1664
  vertical-align: bottom;
1665
  }
1666
 
1667
- /**
1668
- *------------------------------
1669
- * @subsection 6.2.2.6 - Settings
1670
- *------------------------------
1671
  */
1672
  .bp-user #buddypress #settings-form > p {
1673
  font-size: 20px;
@@ -1705,15 +1705,15 @@ body.page-template-onecolumn-page #content .entry-content {
1705
  width: 100%;
1706
  }
1707
 
1708
- /**
1709
- *------------------------------------
1710
- * @subsection 6.2.2.6 - Notifications
1711
- *------------------------------------
1712
  */
1713
- /**
1714
- *-------------------------------------------------------------------------------
1715
- * @section 7.0 - Forms - General
1716
- *-------------------------------------------------------------------------------
1717
  */
1718
  #main #buddypress .standard-form li {
1719
  float: none;
@@ -1853,10 +1853,10 @@ body.page-template-onecolumn-page #content .entry-content {
1853
  }
1854
  }
1855
 
1856
- /**
1857
- *-------------------------------------------------------------------------------
1858
- * @section 8.0 - Tables - General
1859
- *-------------------------------------------------------------------------------
1860
  */
1861
  .bp-user #buddypress table {
1862
  font-size: 14px;
@@ -1940,10 +1940,10 @@ body.page-template-onecolumn-page #content .entry-content {
1940
  text-align: center;
1941
  }
1942
 
1943
- /**
1944
- *-------------------------------------------------------------------------------
1945
- * @section 9.0 - Error / Success messages
1946
- *-------------------------------------------------------------------------------
1947
  */
1948
  #buddypress div#message p {
1949
  font-size: 18px;
@@ -1969,8 +1969,8 @@ body.page-template-onecolumn-page #content .entry-content {
1969
  color: #1f0808;
1970
  }
1971
 
1972
- /**
1973
- *-------------------------------------------------------------------------------
1974
- * @section 10.0 - Ajax Loading, Widgets, General classes
1975
- *-------------------------------------------------------------------------------
1976
  */
1
  @charset "UTF-8";
2
+ /*--------------------------------------------------------------
3
+
4
+ This is the BuddyPress companion stylesheet for
5
+ the WordPress Twentyten theme.
6
+
7
+ This sheet supports the primary BuddyPress styles in buddypress.css
8
+
9
+ If you are running as a child theme of twentyten this stylesheet will be
10
+ loaded by default. If you want to modify the styles the normal BP Theme Compat
11
+ hierarchy works and you can copy the file to buddypress/css/ or community/css/
12
+ in your child themes root & either start over or modify the rulesets.
13
+
14
+ If you do not require the styles you can dequeue them from the themes functions file.
15
+
16
+ Please see this codex article for more information:
17
+ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
18
+
19
+ ----------------------------------------------------------------
20
+ >>> TABLE OF CONTENTS:
21
+ ----------------------------------------------------------------
22
+ 1.0 Theme Structural Elements & overrides
23
+ 2.0 - Navigation - General
24
+ 2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
25
+ 2.2 - Pagination
26
+ 3.0 - Images
27
+ 4.0 - BP Lists / Loops Generic
28
+ 4.1 - Activity Loop
29
+ 4.1.1 Whats New Activity
30
+ 4.1.2 - Activity Listing
31
+ 4.1.3 - Activity Comments
32
+ 4.2 - Members Loop
33
+ 4.3 - Groups Loop
34
+ 4.4 - Blogs Loop
35
+ 5.0 - Directories - Members, Groups, Blogs, Register, activation
36
+ 6.0 - Single Item screens: User Account & Single Group Screens
37
+ 6.1 - Item Headers: Global
38
+ 6.1.1 - item-header: Groups
39
+ 6.1.2 - item-header: User Accounts
40
+ 6.2 - Item Body: Global
41
+ 6.2.1 - item-body: Groups
42
+ 6.2.1.1 - Management settings screens
43
+ 6.2.1.2 - Group members list
44
+ 6.2.2 - item-body: User Accounts
45
+ 6.2.2.1 - classes, pag, filters
46
+ 6.2.2.2 - Extended Profiles
47
+ 6.2.2.3 - Groups
48
+ 6.2.2.4 - friends
49
+ 6.2.2.5 - Private Messaging Threads
50
+ 6.2.2.6 - Settings
51
+ 6.2.2.7 - Notifications
52
+ 7.0 - Forms - General
53
+ 8.0 - Tables - General
54
+ 9.0 - Error / Success Messages
55
+ 10.0 - Ajax Loading, Widgets, General classes
56
  --------------------------------------------------------------*/
57
+ /**
58
+ *-------------------------------------------------------------------------------
59
+ * @section 1.0 - Theme - Structural Elements. overrides, Globals
60
+ *-------------------------------------------------------------------------------
61
  */
62
  .buddypress div.clear {
63
  display: none;
77
  width: auto;
78
  }
79
 
80
+ /**
81
+ *-------------------------------------------------------------------------------
82
+ * @section 2.0 - Navigation - General
83
+ *-------------------------------------------------------------------------------
84
  */
85
+ /**
86
+ *----------------------------------------------------------
87
+ * @section 2.1 - Navs Object Nav / Sub Nav (item-list-tabs)
88
+ *
89
+ * The main navigational elements for all BP screens
90
+ *----------------------------------------------------------
91
  */
92
  /* Here we start things off */
93
  #buddypress div.item-list-tabs ul li.selected a,
265
  }
266
  }
267
 
268
+ /**
269
+ *----------------------------------------------------------
270
+ * @section 2.2 - Pagination
271
+ *----------------------------------------------------------
272
  */
273
  #buddypress div.pagination {
274
  box-shadow: none;
318
  right: auto;
319
  }
320
 
321
+ /**
322
+ *-------------------------------------------------------------------------------
323
+ * @section 4.0 - BP Lists / Loops Generic
324
+ *-------------------------------------------------------------------------------
325
  */
326
  #buddypress ul.item-list {
327
  border-top: 0;
488
  font-style: italic;
489
  }
490
 
491
+ /**
492
+ *----------------------------------------------------------
493
+ * @section 4.1 - Activity
494
+ *----------------------------------------------------------
495
  */
496
+ /**
497
+ *-----------------------------------------------------
498
+ * @section 4.1.1 - Activity Whats New
499
+ *-----------------------------------------------------
500
  */
501
  #buddypress form#whats-new-form p.activity-greeting {
502
  line-height: 1.4;
541
  margin: 50px 0;
542
  }
543
 
544
+ /**
545
+ *-----------------------------------------------------
546
+ * @section 4.1.2 - Activity Listing
547
+ *-----------------------------------------------------
548
  */
549
  #buddypress #activity-stream li {
550
  padding: 25px 0 15px;
704
  margin-left: 0;
705
  }
706
 
707
+ /**
708
+ *-----------------------------------------------------
709
+ * @section 4.1.3 - Activity Comments
710
+ *-----------------------------------------------------
711
  */
712
  #buddypress #activity-stream .activity-comments {
713
  position: relative;
760
  background: #ededed;
761
  }
762
 
763
+ /**
764
+ *----------------------------------------------------------
765
+ * @section 4.2 - Members Loop
766
+ *----------------------------------------------------------
767
  */
768
  @media screen and (min-width: 650px) {
769
  #buddypress #members-list li .item-avatar,
775
  }
776
  }
777
 
778
+ /**
779
+ *-------------------------------------------------------------------------------
780
+ * @section 5.0 - Directories
781
+ *-------------------------------------------------------------------------------
782
  */
783
+ /**
784
+ *-----------------------------------------------------------
785
+ * @subsection Registration
786
+ *-----------------------------------------------------------
787
  */
788
  #buddypress #signup_form.standard-form #profile-details-section,
789
  #buddypress #signup_form.standard-form #basic-details-section,
809
  }
810
  }
811
 
812
+ /**
813
+ *-------------------------------------------------------------------------------
814
+ * @section 6.0 - Single Item screens: User Account & Single Group Screens
815
+ *-------------------------------------------------------------------------------
816
  */
817
  .bp-user #buddypress a:visited {
818
  color: #21759b;
819
  }
820
 
821
+ /**
822
+ *-----------------------------------------------------------
823
+ * @subsection 6.1 - Item Header Global
824
+ *-----------------------------------------------------------
825
  */
826
  .bp-user #buddypress #item-header-content #item-meta,
827
  .single-item.groups #buddypress #item-header-content #item-meta {
878
  }
879
  }
880
 
881
+ /**
882
+ *-----------------------------------------------------
883
+ * @subsection 6.1.1 - item-header Groups
884
+ *
885
+ * Group Specific Item Header
886
+ *-----------------------------------------------------
887
  */
888
  @media screen and (max-width: 46.25em) {
889
  .single-item.groups #buddypress #item-header #item-meta {
1013
  }
1014
  }
1015
 
1016
+ /**
1017
+ *-----------------------------------------------------
1018
+ * @subsection 6.1.2 - Item Header User Accounts
1019
+ *
1020
+ * User Accounts Specific Item Header
1021
+ *-----------------------------------------------------
1022
  */
1023
  .bp-user #buddypress #item-header #item-header-avatar {
1024
  text-align: center;
1061
  }
1062
  }
1063
 
1064
+ /**
1065
+ *-----------------------------------------------------------
1066
+ * @subsection 6.2 - Item Body: Global
1067
+ *-----------------------------------------------------------
1068
  */
1069
+ /**
1070
+ *----------------------------------------------------
1071
+ * @subsection 6.2.1 - Item Body Groups
1072
+ *
1073
+ * Groups specific item body rules - screens
1074
+ *----------------------------------------------------
1075
  */
1076
+ /**
1077
+ *-----------------------------------------
1078
+ * @subsection 6.2.1.1 - Group Management
1079
+ *-----------------------------------------
1080
  */
1081
  .groups #group-settings-form h3 {
1082
  background: #555;
1158
  margin: 0;
1159
  }
1160
 
1161
+ /**
1162
+ *-----------------------------------------
1163
+ * @subsection 6.2.1.2 - Group members
1164
+ *-----------------------------------------
1165
  */
1166
  .groups.group-members #subnav li {
1167
  width: 100%;
1176
  box-shadow: none;
1177
  }
1178
 
1179
+ /**
1180
+ *-----------------------------------------------------
1181
+ * @subsection 6.2.2 - Item Body User Accounts
1182
+ *
1183
+ * User Account specific component item body rules
1184
+ *-----------------------------------------------------
1185
  */
1186
+ /**
1187
+ *--------------------------------------------
1188
+ * @subsection 6.2.2.1 - classes, pag, filters
1189
+ *--------------------------------------------
1190
  */
1191
  .bp-user #buddypress table th {
1192
  font-size: 13px;
1272
  background: none;
1273
  }
1274
 
1275
+ /**
1276
+ *-------------------------------------------
1277
+ * @subsection 6.2.2.2 - Extended Profiles
1278
+ *-------------------------------------------
1279
  */
1280
  .bp-user #buddypress .profile .bp-widget h2 {
1281
  background: #6f6f6f;
1355
  font-size: inherit;
1356
  }
1357
 
1358
+ /**
1359
+ *-------------------------------------------
1360
+ * @subsection 6.2.2.5 - Private Messaging
1361
+ *-------------------------------------------
1362
  */
1363
  .bp-user #buddypress #message-thread a {
1364
  border-bottom: 0;
1664
  vertical-align: bottom;
1665
  }
1666
 
1667
+ /**
1668
+ *------------------------------
1669
+ * @subsection 6.2.2.6 - Settings
1670
+ *------------------------------
1671
  */
1672
  .bp-user #buddypress #settings-form > p {
1673
  font-size: 20px;
1705
  width: 100%;
1706
  }
1707
 
1708
+ /**
1709
+ *------------------------------------
1710
+ * @subsection 6.2.2.6 - Notifications
1711
+ *------------------------------------
1712
  */
1713
+ /**
1714
+ *-------------------------------------------------------------------------------
1715
+ * @section 7.0 - Forms - General
1716
+ *-------------------------------------------------------------------------------
1717
  */
1718
  #main #buddypress .standard-form li {
1719
  float: none;
1853
  }
1854
  }
1855
 
1856
+ /**
1857
+ *-------------------------------------------------------------------------------
1858
+ * @section 8.0 - Tables - General
1859
+ *-------------------------------------------------------------------------------
1860
  */
1861
  .bp-user #buddypress table {
1862
  font-size: 14px;
1940
  text-align: center;
1941
  }
1942
 
1943
+ /**
1944
+ *-------------------------------------------------------------------------------
1945
+ * @section 9.0 - Error / Success messages
1946
+ *-------------------------------------------------------------------------------
1947
  */
1948
  #buddypress div#message p {
1949
  font-size: 18px;
1969
  color: #1f0808;
1970
  }
1971
 
1972
+ /**
1973
+ *-------------------------------------------------------------------------------
1974
+ * @section 10.0 - Ajax Loading, Widgets, General classes
1975
+ *-------------------------------------------------------------------------------
1976
  */
bp-templates/bp-legacy/css/twentyten.scss CHANGED
@@ -1,2478 +1,2478 @@
1
-
2
- // Stylesheet Guidence Notes
3
- // Table of content represents a guide to sections of the sheet.
4
- // Note that not all sections may be described in the body of the
5
- // rulesets only those that require styles for a given theme.
6
- // Sub sections might not exist but can be added as required
7
- // as per BP Lists - 'activity' section.
8
-
9
- // We follow the dictats of the parent theme in respect of media queries,
10
- // font sizing etc. Media queries are used in a modular sense (OOCSS)
11
- // rather than described as blocks to the end of the sheet, this aids ease
12
- // of managing media queries, scalability & flexibility .
13
-
14
- // 2010 Media Queries / Breakpoints.
15
- // 2010 is a fixed layout with no fluid elements.
16
- // We will provide some simple breakpoints to manage BP elements
17
- // on a limited basis.
18
-
19
-
20
-
21
- // Mixins and Variables
22
-
23
- // simplify remembering/writing media queries
24
- // written as:
25
- // @include medium-up {
26
- // body {property: value;}
27
- // }
28
-
29
- // BP min/max width mixins
30
-
31
- // As layout is fixed width 'device' is needed to tell phones to work with breakpoints
32
- // provided is a 'up to' max-width and min-width as device widths for mobiles
33
- // This is not a perfect solution but provides a degree of layout control for BP elements.
34
- // But not used to any great degree.
35
-
36
- @mixin small-device-up {
37
- @media only screen and (min-device-width: 375px) {
38
- @content;
39
- }
40
- }
41
-
42
- @mixin small-device-max {
43
- @media only screen and (max-device-width: 375px) {
44
- @content;
45
- }
46
- }
47
-
48
- @mixin medium-device-up {
49
- @media only screen and (min-device-width: 450px) {
50
- @content;
51
- }
52
- }
53
-
54
- // min-width 450px
55
- @mixin small-up {
56
- @media screen and (min-device-width: 450px) {
57
- @content;
58
- }
59
- }
60
-
61
- // min-width 650px
62
- @mixin medium-up {
63
- @media screen and (min-width: 650px) {
64
- @content;
65
- }
66
- }
67
-
68
- // min-width 800px
69
- @mixin large-up {
70
- @media screen and (min-width: 800px) {
71
- @content;
72
- }
73
- }
74
-
75
- // Common spacing values
76
- $spacing-val-lg: 50px;
77
- $spacing-val-md: 25px;
78
- $spacing-val-sm: 15px;
79
- $spacing-val-xs: 5px;
80
-
81
- // A simple mixin to handle font-sizing
82
- // 2010 sets a html/body size @ 15px
83
-
84
- @mixin font-size($font-size: 15) {
85
- $rem-font-value: ($font-size / 15);
86
- font-size: ($font-size * 1px);
87
- font-size: $rem-font-value + rem;
88
- }
89
-
90
- // To allow mixins to pass VendorPrefix scss-lint tests we disable lint-test
91
- // for specific blocks / rulesets
92
- // until such time as exemption lists can be built for the scss-lint.yml?
93
- // Any vendor prefix properties / mixins need to be in this block
94
-
95
- // scss-lint:disable VendorPrefix
96
-
97
- // Border border-radius mixins
98
- @mixin border-radius($radius) {
99
- -webkit-border-radius: $radius;
100
- -moz-border-radius: $radius;
101
- -ms-border-radius: $radius;
102
- border-radius: $radius;
103
- background-clip: padding-box;
104
- }
105
-
106
- @mixin border-top-radius($radius) {
107
- -webkit-border-top-right-radius: $radius;
108
- border-top-right-radius: $radius;
109
- -webkit-border-top-left-radius: $radius;
110
- border-top-left-radius: $radius;
111
- background-clip: padding-box;
112
- }
113
-
114
- @mixin border-right-radius($radius) {
115
- -webkit-border-bottom-right-radius: $radius;
116
- border-bottom-right-radius: $radius;
117
- -webkit-border-top-right-radius: $radius;
118
- border-top-right-radius: $radius;
119
- background-clip: padding-box;
120
- }
121
-
122
- @mixin border-bottom-radius($radius) {
123
- -webkit-border-bottom-right-radius: $radius;
124
- border-bottom-right-radius: $radius;
125
- -webkit-border-bottom-left-radius: $radius;
126
- border-bottom-left-radius: $radius;
127
- background-clip: padding-box;
128
- }
129
-
130
- @mixin border-left-radius($radius) {
131
- -webkit-border-bottom-left-radius: $radius;
132
- border-bottom-left-radius: $radius;
133
- -webkit-border-top-left-radius: $radius;
134
- border-top-left-radius: $radius;
135
- background-clip: padding-box;
136
- }
137
-
138
- // Box sizing
139
- @mixin box-model($model-type) {
140
- -webkit-box-sizing: $model-type;
141
- -moz-box-sizing: $model-type;
142
- box-sizing: $model-type;
143
- }
144
-
145
- // Calc
146
- @mixin calc($property, $expression) {
147
- #{$property}: -webkit-calc(#{$expression});
148
- #{$property}: -moz-calc(#{$expression});
149
- #{$property}: calc(#{$expression});
150
- }
151
-
152
- // Re-enable the VendorPrefix lint test
153
- // scss-lint:enable VendorPrefix
154
-
155
- // BP message boxes
156
- @mixin message-box($background, $text-color: null) {
157
-
158
- @if $text-color {
159
- // if a param was passed through
160
- $text-color: $text-color;
161
- } @else {
162
- $text-color: darken($background, 50%);
163
- }
164
-
165
- background: lighten($background, 10%);
166
- border: 1px solid darken($background, 10%);
167
- color: $text-color;
168
- }
169
-
170
- // 2010 font family
171
- @mixin default-font-sans() {
172
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
173
- }
174
-
175
- // Variables: color definitions
176
- $body-text: #373737;
177
- $content-background: #fff;
178
- $off-white: lighten(#f9f8ee, 0.7);
179
- $cream-background: #f7f5e7;
180
- $light-background: #f7f7f7;
181
- $medium-background: #ccc;
182
- $dark-background: #555;
183
- $border-color: #d4d0ba; // border color is varied using rgba
184
- $border-light: #eaeaea; // BP dividers
185
- $border-med: #ddd;
186
- $background-hover: #db572f; // 2010 link background hover
187
- $bp-button-hover: #ededed; // this is the default BP button hover background
188
- $notice-error: #c85a6e;
189
- $notice-warning: #d05656;
190
- $notice-info: #9fd1e2;
191
- $notice-update: #ced98c;
192
- $stripe-odd: #ebf0ff;
193
- $stripe-even: #dbe5ff;
194
- $unread: #9dc3c8;
195
- $link-action: #c82b2b;
196
- /*--------------------------------------------------------------
197
-
198
- This is the BuddyPress companion stylesheet for
199
- the WordPress Twentyten theme.
200
-
201
- This sheet supports the primary BuddyPress styles in buddypress.css
202
-
203
- If you are running as a child theme of twentyten this stylesheet will be
204
- loaded by default. If you want to modify the styles the normal BP Theme Compat
205
- hierarchy works and you can copy the file to buddypress/css/ or community/css/
206
- in your child themes root & either start over or modify the rulesets.
207
-
208
- If you do not require the styles you can dequeue them from the themes functions file.
209
-
210
- Please see this codex article for more information:
211
- http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
212
-
213
- ----------------------------------------------------------------
214
- >>> TABLE OF CONTENTS:
215
- ----------------------------------------------------------------
216
- 1.0 Theme Structural Elements & overrides
217
- 2.0 - Navigation - General
218
- 2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
219
- 2.2 - Pagination
220
- 3.0 - Images
221
- 4.0 - BP Lists / Loops Generic
222
- 4.1 - Activity Loop
223
- 4.1.1 Whats New Activity
224
- 4.1.2 - Activity Listing
225
- 4.1.3 - Activity Comments
226
- 4.2 - Members Loop
227
- 4.3 - Groups Loop
228
- 4.4 - Blogs Loop
229
- 5.0 - Directories - Members, Groups, Blogs, Register, activation
230
- 6.0 - Single Item screens: User Account & Single Group Screens
231
- 6.1 - Item Headers: Global
232
- 6.1.1 - item-header: Groups
233
- 6.1.2 - item-header: User Accounts
234
- 6.2 - Item Body: Global
235
- 6.2.1 - item-body: Groups
236
- 6.2.1.1 - Management settings screens
237
- 6.2.1.2 - Group members list
238
- 6.2.2 - item-body: User Accounts
239
- 6.2.2.1 - classes, pag, filters
240
- 6.2.2.2 - Extended Profiles
241
- 6.2.2.3 - Groups
242
- 6.2.2.4 - friends
243
- 6.2.2.5 - Private Messaging Threads
244
- 6.2.2.6 - Settings
245
- 6.2.2.7 - Notifications
246
- 7.0 - Forms - General
247
- 8.0 - Tables - General
248
- 9.0 - Error / Success Messages
249
- 10.0 - Ajax Loading, Widgets, General classes
250
- --------------------------------------------------------------*/
251
-
252
- /**
253
- *-------------------------------------------------------------------------------
254
- * @section 1.0 - Theme - Structural Elements. overrides, Globals
255
- *-------------------------------------------------------------------------------
256
- */
257
-
258
- .buddypress {
259
- // Remove any empty clearing elements, CSS provides clearing.
260
- div.clear {display: none;}
261
-
262
- } // .buddypress (body class)
263
-
264
-
265
- // Main dir pages: sidebar or not to sidebar
266
- // If no sidebar lets correct some odd layout rules
267
-
268
- body.page-template-onecolumn-page {
269
-
270
- #main {
271
- #container {
272
- margin: 0;
273
- }
274
- }
275
-
276
- #content {
277
- margin: 0 10% 0;
278
- width: auto;
279
-
280
- .entry-header,
281
- .entry-content {
282
- width: auto;
283
- }
284
- }
285
- }
286
-
287
-
288
- /**
289
- *-------------------------------------------------------------------------------
290
- * @section 2.0 - Navigation - General
291
- *-------------------------------------------------------------------------------
292
- */
293
-
294
-
295
- /**
296
- *----------------------------------------------------------
297
- * @section 2.1 - Navs Object Nav / Sub Nav (item-list-tabs)
298
- *
299
- * The main navigational elements for all BP screens
300
- *----------------------------------------------------------
301
- */
302
-
303
- // We have a need to override BP specifity
304
- // so some rulesets sets will appear over weighted in selectors
305
- /* Here we start things off */
306
- #buddypress {
307
-
308
- // active/current states all navs
309
- div.item-list-tabs {
310
- ul {
311
- li.selected,
312
- li.current {
313
- a {
314
- background: inherit;
315
- opacity: 1;
316
- }
317
- }
318
- }
319
- }
320
- // global nav styles
321
- div.item-list-tabs {
322
- ul {
323
- overflow: hidden;
324
- padding: 0;
325
-
326
- li {
327
- a {
328
-
329
- &:focus,
330
- &:hover {
331
- color: #555;
332
- }
333
- // Keep links from inheriting :visited states
334
- &:visited {
335
- color: #21759b;
336
- }
337
-
338
- span {
339
- padding: 0 4px !important;
340
- }
341
- }
342
-
343
- }
344
- }
345
- } // close item-list-tabs
346
-
347
- } // close #buddypress
348
-
349
-
350
-
351
- /*__ Horizontal menus __*/
352
- #buddypress {
353
-
354
- #object-nav {
355
-
356
- ul {
357
- overflow: hidden;
358
-
359
- li {
360
- float: none;
361
- }
362
-
363
- @include medium-up {
364
-
365
- li {
366
- float: left;
367
- }
368
- }
369
-
370
- }
371
- }
372
-
373
- div#subnav.item-list-tabs {
374
- margin-top: 0;
375
-
376
- ul {
377
- border-bottom: 0;
378
- border-top: 1px solid $border-color;
379
- margin-top: $spacing-val-xs;
380
- padding: 0;
381
-
382
- li.last {
383
- background: $content-background;
384
- float: right;
385
- margin-top: 0;
386
- padding: $spacing-val-xs 0 $spacing-val-xs;
387
- text-align: right;
388
- width: 230px;
389
-
390
- select,
391
- select:focus {
392
- background: transparent;
393
- border: 0;
394
- outline: 0;
395
- padding: 0;
396
- }
397
-
398
- select,
399
- label,
400
- option {
401
- @include font-size(14);
402
- }
403
-
404
- select {
405
- font-style: italic;
406
-
407
- option {
408
- font-style: normal;
409
- }
410
- }
411
- }
412
-
413
- } // close ul
414
- } // close #subnav
415
-
416
- } // close #buddypress
417
-
418
- .bp-user {
419
- #buddypress {
420
- div#subnav.item-list-tabs {
421
- li.last {
422
- margin-left: 0;
423
- text-align: right;
424
- }
425
- }
426
- }
427
- }
428
-
429
- /*__ Vertical menu User Account / Group single screens __*/
430
-
431
- // This block contains rules to re-factor the item-body structural element
432
- // to sit alongside the vert menu
433
-
434
- @include large-up {
435
-
436
- body.bp-user {
437
- #buddypress {
438
-
439
- #item-header,
440
- #item-body {
441
- background: $content-background;
442
- }
443
-
444
- #object-nav {
445
- border-right: 1px solid $border-med;
446
- float: left;
447
- margin-right: -1px;
448
- width: 200px;
449
-
450
- ul {
451
- background: none;
452
- border-bottom: 0;
453
- padding: 0;
454
-
455
- li {
456
- float: none;
457
- margin-bottom: 5px;
458
-
459
- a {
460
- overflow: hidden;
461
- }
462
-
463
- &.selected {
464
- background: #ddd;
465
- }
466
-
467
- span {
468
- background: $content-background;
469
- border-radius: 10%;
470
- float: right;
471
- margin-right: 2px;
472
- }
473
- }
474
- }
475
- }
476
-
477
- #item-body {
478
- border-left: 1px solid $border-med;
479
- overflow: hidden;
480
- padding: 0 0 0 $spacing-val-md;
481
- width: auto;
482
-
483
- #subnav {
484
- margin: 0 0 0 (-$spacing-val-md);
485
-
486
- ul {margin-top: 0;}
487
- }
488
- }
489
-
490
- } // close #buddypress
491
- } // close body.bp-user
492
- } // close @media
493
-
494
-
495
- // Tabbed Nav styling
496
- // Primarilly used for group create screens & ? directory nav.
497
-
498
- @include small-device-up {
499
- #main {
500
- #buddypress {
501
-
502
- #group-create-tabs.item-list-tabs {
503
-
504
- ul:before,
505
- ul:after {
506
- content: " ";
507
- display: table;
508
- }
509
-
510
- ul:after {
511
- clear: both;
512
- }
513
-
514
- ul {
515
- background: none;
516
- border: 0;
517
- border-bottom: 1px solid $border-med;
518
- overflow: visible;
519
- padding-bottom: 0;
520
-
521
- li {
522
- float: left;
523
- width: auto;
524
- }
525
-
526
- li.selected,
527
- li.current {
528
- border: 1px solid $border-med;
529
- border-bottom-color: $content-background;
530
- @include border-top-radius(4px);
531
- margin-bottom: -1px;
532
-
533
- a {
534
- background: none;
535
- color: $body-text;
536
- outline: none;
537
- }
538
- }
539
- }
540
-
541
- } // close .item-list-tabs
542
-
543
- #subnav {
544
- ul {
545
- border-bottom: 0;
546
- }
547
-
548
- } // close #subnav
549
- } // close #buddypress
550
- }
551
- } // close @media
552
-
553
- /**
554
- *----------------------------------------------------------
555
- * @section 2.2 - Pagination
556
- *----------------------------------------------------------
557
- */
558
-
559
- #buddypress {
560
-
561
- div.pagination {
562
- box-shadow: none;
563
- min-height: 0;
564
-
565
- &:before,
566
- &:after {
567
- height: 0;
568
- width: 0;
569
- }
570
-
571
- .pag-count {margin-left: 0;}
572
- .pagination-links {
573
- margin-right: 0;
574
-
575
- span,
576
- a {
577
- height: auto;
578
- line-height: 1;
579
- padding: 5px;
580
- }
581
-
582
- .prev,
583
- .next {
584
- background-color: transparent;
585
- color: inherit;
586
- overflow: visible;
587
- width: auto;
588
- &:before {display: none;}
589
- }
590
-
591
- .prev {
592
- left: auto;
593
- position: static;
594
- }
595
-
596
- .next {
597
- position: static;
598
- right: auto;
599
- }
600
- } // close .pagination-links
601
- } // close .pagination
602
- } // close #buddypress
603
-
604
- /**
605
- *-------------------------------------------------------------------------------
606
- * @section 4.0 - BP Lists / Loops Generic
607
- *-------------------------------------------------------------------------------
608
- */
609
-
610
- // Trying to position the action div absolute has bad consequences where
611
- // aditional items are displayed, floating is an alternative that
612
- // allows natural flow expansion.
613
- // This block:
614
- // * Manages li items, Stacks them small screen, floated left at wider screens.
615
- // * Adjusts display of action buttons at small screen mobile up.
616
- // Adjusts Meta items to match 2010 font-family
617
-
618
- #buddypress {
619
- ul.item-list {
620
- border-top: 0;
621
-
622
- li {
623
- overflow: hidden !important;
624
-
625
- // Undo BP floats to center avatars initially mobile up
626
- .item-avatar {
627
- margin-bottom: $spacing-val-sm;
628
-
629
- @include small-device-up {
630
- margin-bottom: 0;
631
- }
632
-
633
- text-align: center;
634
-
635
- a {border-bottom: 0;}
636
-
637
- img.avatar {
638
- display: inline-block;
639
- float: none;
640
- margin-bottom: $spacing-val-sm;
641
-
642
- // small device: move avatars to the left(right)
643
- @include medium-device-up {
644
- display: block;
645
- float: left;
646
- opacity: 1;
647
- }
648
- }
649
- } //close .item-avatar
650
-
651
- .item {
652
-
653
- // counter the BP rule
654
- margin-left: 0;
655
- overflow: hidden;
656
-
657
- .item-meta {
658
- text-align: center;
659
-
660
- @include medium-up {
661
- text-align: left;
662
- }
663
- }
664
-
665
- span.activity {
666
- font-style: italic;
667
- }
668
-
669
- .item-desc {
670
- margin-left: 0;
671
- width: 94%;
672
- }
673
-
674
- .item-title {
675
- @include font-size(16);
676
- line-height: 1.2;
677
- text-align: center;
678
-
679
- @include small-up {
680
- text-align: left;
681
- }
682
-
683
- width: 100%;
684
-
685
- > a {
686
- text-decoration: none;
687
-
688
- &:visited { color: #21759b;}
689
- }
690
-
691
- .update {
692
- display: block;
693
- @include font-size(12);
694
-
695
- @include medium-up {
696
- @include font-size(14);
697
- }
698
-
699
- padding: $spacing-val-sm 0;
700
- text-align: left;
701
- }
702
- } // close .item-title
703
-
704
- } // close .item
705
-
706
- @include medium-up {
707
- .item-avatar,
708
- .item,
709
- .action {
710
- float: left;
711
- }
712
-
713
- .item {
714
- left: 5%;
715
- margin-left: 0;
716
- position: relative;
717
- width: 55%;
718
-
719
- .item-title {
720
- @include font-size(18)
721
- }
722
- }
723
-
724
- }// close medium-up
725
-
726
- div.action {
727
- clear: left;
728
- float: none;
729
- margin: 0;
730
- // remove BP margin left
731
- margin-left: 0;
732
- padding: $spacing-val-sm 0 $spacing-val-xs;
733
-
734
- // push the actions to the right
735
- @include medium-up {
736
- clear: none;
737
- float: right;
738
- margin-bottom: 0;
739
- padding: 0;
740
- }
741
-
742
- position: relative;
743
- text-align: left;
744
- top: 0;
745
-
746
- div {
747
- display: inline-block;
748
- margin: $spacing-val-xs 0;
749
- width: 100%;
750
-
751
- a {
752
- display: block;
753
- }
754
- // Provisionally lets keep the 'action' div
755
- //position but inline-block the buttons
756
-
757
- @include small-device-up {
758
- // keep buttons to a row small tablet up
759
- margin: 0 $spacing-val-sm 5px 0;
760
- width: auto;
761
- } // close @media
762
-
763
- @include medium-up {
764
- // take buttons to block to stack them when floated right
765
- clear: right;
766
- float: right;
767
- margin: 0 0 $spacing-val-sm 0;
768
- } // close @media
769
-
770
- } // close div
771
-
772
- .meta {
773
- font-style: italic;
774
- }
775
-
776
- } // close .action
777
-
778
- } // close li
779
- } // close .item-list
780
- } // close #buddypress
781
-
782
- /**
783
- *----------------------------------------------------------
784
- * @section 4.1 - Activity
785
- *----------------------------------------------------------
786
- */
787
-
788
- /**
789
- *-----------------------------------------------------
790
- * @section 4.1.1 - Activity Whats New
791
- *-----------------------------------------------------
792
- */
793
-
794
- #buddypress {
795
- form#whats-new-form {
796
-
797
- // Line-height issue inherited from BP rules, override.
798
- p.activity-greeting {
799
- line-height: 1.4;
800
- }
801
-
802
- // corrective measure for clipped elements due to JS inline styling
803
-
804
- #whats-new-content.active {
805
- #whats-new-options[style] {
806
- #whats-new-post-in-box {
807
- border: 1px solid rgba($border-color, 0.5);
808
- float: left;
809
- @include font-size(12);
810
- line-height: 1.6;
811
- margin-top: 12px;
812
- padding-left: 0.2em;
813
- width: 100%;
814
-
815
- select {
816
- background: none;
817
- border: 0;
818
- float: right;
819
- margin: 0;
820
- max-width: 220px;
821
- min-height: 1.5em;
822
- padding: 0 0 0 0.4em;
823
- }
824
- }
825
-
826
- @media screen and (min-width: 30em) {
827
- #whats-new-post-in-box {
828
- width: auto;
829
- }
830
-
831
- #whats-new-submit {
832
- @include font-size(12);
833
- float: right;
834
-
835
- input {
836
- padding: 0 6px;
837
- }
838
- }
839
- }
840
-
841
- } // close #whats-new-options
842
- } // close #whats-new-content.active
843
-
844
- } // close #whats-new-form
845
-
846
- // User account form requires matching bp default specificity
847
- #item-body {
848
- form#whats-new-form {
849
- margin: $spacing-val-lg 0;
850
- }
851
- }
852
- } // close #buddypress
853
-
854
- /**
855
- *-----------------------------------------------------
856
- * @section 4.1.2 - Activity Listing
857
- *-----------------------------------------------------
858
- */
859
-
860
- #buddypress {
861
-
862
- #activity-stream {
863
-
864
- // re-size activity avatars and stack small screen
865
- // refactor main elements positioning medium up.
866
- li {
867
- padding: 25px 0 15px;
868
-
869
- &.load-newest {
870
- a {
871
- display: block;
872
- }
873
- }
874
-
875
- .activity-avatar {
876
- float: none;
877
- text-align: center;
878
-
879
- a {
880
- display: inline-block;
881
-
882
- img.avatar {
883
- display: inline;
884
- float: none;
885
- height: 60px;
886
- margin-bottom: $spacing-val-md;
887
- margin-left: 0;
888
- width: 60px;
889
- }
890
- }
891
- } // close .activity-avatar
892
-
893
- .activity-content,
894
- .activity-comments {
895
- margin-left: 0;
896
- }
897
-
898
- .activity-header {
899
- @include font-size(14);
900
-
901
- a:visited {
902
- color: #21759b;
903
- }
904
- }
905
-
906
- .activity-inner {
907
- img {height: auto;}
908
- }
909
-
910
- @include medium-up {
911
-
912
- .activity-avatar {
913
- float: left;
914
- margin-right: $spacing-val-sm;
915
- text-align: left;
916
-
917
- a {
918
- border-bottom: 0;
919
- }
920
- }
921
-
922
- .activity-content {
923
- margin: 0;
924
- overflow: hidden;
925
-
926
- .activity-header {
927
- @include font-size(16);
928
- }
929
- }
930
-
931
- .activity-comments {
932
- margin-left: 70px;
933
- }
934
-
935
- } // close @media
936
-
937
- } // close li
938
-
939
- li.mini {
940
- .activity-avatar {
941
- a {
942
- img.avatar {
943
- height: 30px;
944
- margin-left: 15px;
945
- width: 30px;
946
- }
947
- }
948
- }
949
-
950
- .activity-content {
951
- .activity-header {
952
- @include font-size(14);
953
- }
954
-
955
- .activity-meta {
956
- a {
957
- @include font-size(12);
958
- }
959
- }
960
- }
961
- } // close li.mini
962
-
963
- .activity-content {
964
- margin-top: -12px;
965
-
966
- .activity-header {
967
- line-height: inherit;
968
- margin-right: 0;
969
-
970
- p {
971
- border-bottom: 1px solid rgba($border-light, 0.6);
972
- margin-top: 0;
973
- padding: 0 0.2em;
974
- }
975
-
976
- img.avatar {
977
- display: inline-block;
978
- margin-bottom: 0 !important; // have to match to BP
979
- }
980
- } // close .activity-header
981
-
982
- .activity-meta {
983
- a {
984
- display: block;
985
- @include font-size(14);
986
- margin-bottom: $spacing-val-xs;
987
-
988
- @include medium-up {
989
- float: left;
990
- margin-bottom: 0;
991
- }
992
-
993
- padding: 0.2em 0.5em;
994
- }
995
- }
996
-
997
- } // close .activity-content
998
-
999
- .load-more {
1000
- background: $light-background;
1001
- border: 1px solid transparent;
1002
- padding: $spacing-val-sm;
1003
-
1004
- &:focus,
1005
- &:hover {
1006
- background: darken($light-background, 1%);
1007
- border: 1px solid rgba(#9fd1e2, 0.3);
1008
- }
1009
-
1010
- a {
1011
- display: block;
1012
- }
1013
- }
1014
-
1015
- } // close #activity-stream
1016
- } // close #buddypress
1017
-
1018
- /* Single activity view - activity permalink */
1019
-
1020
- .activity-permalink {
1021
- #buddypress {
1022
- #activity-stream {
1023
-
1024
- li.activity-item {
1025
- padding: $spacing-val-md;
1026
- }
1027
-
1028
- li.mini {
1029
- .activity-header {
1030
- @include font-size(16);
1031
- @include medium-up {
1032
- @include font-size(20);
1033
- }
1034
-
1035
- margin-bottom: $spacing-val-lg;
1036
- p {padding: $spacing-val-md;}
1037
- }
1038
- } // close li.mini
1039
-
1040
- .activity-comments {
1041
- margin-left: 0;
1042
- }
1043
-
1044
- }
1045
- }
1046
- }
1047
-
1048
- /**
1049
- *-----------------------------------------------------
1050
- * @section 4.1.3 - Activity Comments
1051
- *-----------------------------------------------------
1052
- */
1053
- #buddypress {
1054
-
1055
- #activity-stream {
1056
-
1057
- .activity-comments {
1058
- position: relative;
1059
-
1060
- > ul {
1061
- background: rgba($light-background, 0.6);
1062
- margin: $spacing-val-sm 0 0 2px;
1063
-
1064
- > li {
1065
-
1066
- &:hover * {
1067
- color: #555;
1068
- }
1069
-
1070
- .acomment-meta,
1071
- .acomment-content {
1072
- @include font-size(12);
1073
- }
1074
-
1075
- }
1076
-
1077
- }
1078
-
1079
- .ac-form {
1080
- border: 1px solid $border-color;
1081
- @include box-model(border-box);
1082
- margin: $spacing-val-sm 0;
1083
- width: 100%;
1084
-
1085
- input[type="submit"],
1086
- .ac-reply-cancel {
1087
- color: rgba($body-text, 0.8);
1088
- display: inline-block;
1089
- font-family: inherit;
1090
- @include font-size(12);
1091
- font-weight: normal;
1092
- line-height: 1.2;
1093
- padding: 4px 10px;
1094
- text-transform: lowercase;
1095
- width: 100px;
1096
- }
1097
-
1098
- .ac-reply-cancel {
1099
- border: 1px solid rgba($border-color, 0.7);
1100
- text-align: center;
1101
-
1102
- &:focus,
1103
- &:hover {
1104
- background: $bp-button-hover;
1105
- }
1106
- }
1107
-
1108
- } // close .ac-form
1109
-
1110
- } // close .activity-comments
1111
-
1112
- } // close #activity-steam
1113
-
1114
- } // close #buddypress
1115
-
1116
- /**
1117
- *----------------------------------------------------------
1118
- * @section 4.2 - Members Loop
1119
- *----------------------------------------------------------
1120
- */
1121
-
1122
- #buddypress {
1123
- #members-list {
1124
-
1125
- @include medium-up {
1126
- li {
1127
- .item-avatar,
1128
- .item {
1129
- float: left;
1130
- }
1131
-
1132
- .action {
1133
- float: right;
1134
- }
1135
- }
1136
- }
1137
-
1138
- } // close #members-list
1139
- } //close #BuddyPress
1140
-
1141
- /**
1142
- *-------------------------------------------------------------------------------
1143
- * @section 5.0 - Directories
1144
- *-------------------------------------------------------------------------------
1145
- */
1146
-
1147
- /**
1148
- *-----------------------------------------------------------
1149
- * @subsection Registration
1150
- *-----------------------------------------------------------
1151
- */
1152
-
1153
- #buddypress {
1154
- #signup_form.standard-form {
1155
-
1156
- #profile-details-section,
1157
- #basic-details-section,
1158
- #blog-details-section {
1159
- float: none;
1160
- width: 100%;
1161
-
1162
- @media screen and (min-width: 37.500em) {
1163
- width: 48%;
1164
- }
1165
- }
1166
-
1167
- @media screen and (min-width: 37.500em) {
1168
- #profile-details-section {float: right;}
1169
- #basic-details-section {float: left;}
1170
- }
1171
-
1172
- }
1173
- }
1174
-
1175
- /**
1176
- *-------------------------------------------------------------------------------
1177
- * @section 6.0 - Single Item screens: User Account & Single Group Screens
1178
- *-------------------------------------------------------------------------------
1179
- */
1180
-
1181
- .bp-user {
1182
- #buddypress {
1183
- // On object nav links, table links (notifications etc) we don't really need :visited
1184
- // inheritance, so set pseudo class to :link color.
1185
- a {
1186
- &:visited {
1187
- color: #21759b;
1188
- }
1189
- }
1190
- }
1191
- }
1192
-
1193
- /**
1194
- *-----------------------------------------------------------
1195
- * @subsection 6.1 - Item Header Global
1196
- *-----------------------------------------------------------
1197
- */
1198
-
1199
- .bp-user,
1200
- .single-item.groups {
1201
- #buddypress {
1202
- #item-header-content {
1203
- #item-meta {
1204
- @include font-size(14);
1205
- text-align: left;
1206
-
1207
- p {margin-bottom: 0.5em;}
1208
- }
1209
- }
1210
- }
1211
-
1212
- @media screen and (max-width: 37.500em) {
1213
- h1,
1214
- #item-header-content {
1215
- text-align: center;
1216
- }
1217
- }
1218
-
1219
- @media screen and (max-width: 46.25em) {
1220
- main {
1221
- header.entry-header {
1222
- padding-bottom: 1rem;
1223
- }
1224
- }
1225
- }
1226
-
1227
- #buddypress {
1228
- @media screen and (max-width: 37.500em) {
1229
- h1 {
1230
- margin-bottom: 0;
1231
- }
1232
-
1233
- #item-header-avatar {
1234
- img.avatar {
1235
- margin-right: 0;
1236
- }
1237
- }
1238
-
1239
- #item-header-content {
1240
- width: 100%;
1241
-
1242
- .user-nicename {
1243
- color: #555;
1244
- }
1245
- }
1246
- } // close @media
1247
-
1248
- @media screen and (max-width: 46.25em) {
1249
- #item-header {
1250
- .generic-button {
1251
- float: none;
1252
- margin: 1.5em 0 0 0;
1253
- }
1254
- }
1255
- }
1256
- } // close #buddypress
1257
-
1258
- }
1259
-
1260
- /**
1261
- *-----------------------------------------------------
1262
- * @subsection 6.1.1 - item-header Groups
1263
- *
1264
- * Group Specific Item Header
1265
- *-----------------------------------------------------
1266
- */
1267
-
1268
- .single-item.groups {
1269
- #buddypress {
1270
- @media screen and (max-width: 46.25em) {
1271
- #item-header {
1272
- #item-meta {
1273
- margin-bottom: $spacing-val-md;
1274
- }
1275
- }
1276
- }
1277
-
1278
- // Move visual flow of avatar & item-actions at narrow width,
1279
- // avatar first after group title
1280
- @media screen and (max-width: 50em) {
1281
- div#item-header {
1282
- display: flex;
1283
- flex-direction: column;
1284
-
1285
- #item-header-avatar {
1286
- order: 1;
1287
- text-align: center;
1288
-
1289
- a {
1290
- border-bottom: 0;
1291
-
1292
- img {
1293
- display: inline-block;
1294
- float: none;
1295
- }
1296
- }
1297
- }
1298
-
1299
- #item-header-content {
1300
- order: 2;
1301
- }
1302
-
1303
- #item-actions {
1304
- order: 3;
1305
-
1306
- h2 {
1307
- border-bottom: 1px solid $border-light;
1308
- text-align: center;
1309
- }
1310
- }
1311
- }
1312
- } // close @media
1313
-
1314
- div#item-header {
1315
- padding-bottom: $spacing-val-lg;
1316
-
1317
- #item-header-content {
1318
- @include box-model(border-box);
1319
- }
1320
-
1321
- div#item-actions {
1322
- margin: 0 !important;
1323
- width: 100%;
1324
-
1325
- @media screen and (min-width: 50em) {
1326
- border-left: 1px solid $border-light;
1327
- clear: none;
1328
- float: right;
1329
- padding-left: 0.2em;
1330
- width: 30%;
1331
- } // close @media
1332
-
1333
- @media screen and (min-width: 46.25em) {
1334
- width: 40%;
1335
- }
1336
-
1337
- ul {
1338
- margin-top: 0;
1339
- padding-left: 0;
1340
- }
1341
-
1342
- h2 {
1343
- @include font-size(14);
1344
- font-weight: bold;
1345
- line-height: 1.4;
1346
- }
1347
-
1348
- #group-admins,
1349
- #group-mods {
1350
- li {
1351
- margin: 0;
1352
- }
1353
- }
1354
-
1355
- } // close item-actions
1356
-
1357
- @include medium-up {
1358
-
1359
- #item-header-avatar,
1360
- #item-header-content {
1361
- float: left;
1362
- }
1363
-
1364
- #item-header-content {
1365
- margin-left: 2%;
1366
- padding: 0 0.5em;
1367
- }
1368
-
1369
- div#item-actions {
1370
- float: right;
1371
- width: 28%;
1372
- }
1373
-
1374
- } // close @media
1375
-
1376
- @media screen and (min-width: 64em) {
1377
- #item-header-content {
1378
- width: 40%;
1379
- }
1380
- }
1381
- } // close #item-header
1382
- } // close #buddypress
1383
-
1384
- // These rules handle the specific instance of Cover Images on single groups
1385
- // activated & attempt to address positioning concerns arising from themes
1386
- // breakpoints.
1387
- // Due to cover image styles being applied via embedded styles & thus carrying
1388
- // heavier weight than linked styles the use of !important to override may be required.
1389
- #buddypress {
1390
- #cover-image-container {
1391
- #item-header-cover-image {
1392
-
1393
- #item-actions {
1394
- margin-top: 225px !important;
1395
- }
1396
-
1397
- @media screen and (min-width: 50em) and (max-width: 60em) {
1398
- #item-header-content {
1399
- max-width: 60% !important;
1400
- width: 60% !important;
1401
- }
1402
- }
1403
-
1404
- @media screen and (max-width: 64em) {
1405
-
1406
- #item-actions {
1407
- border: 0;
1408
- clear: both;
1409
- margin-top: 0 !important;
1410
- max-width: 100% !important;
1411
- padding-top: 0 !important;
1412
- width: auto;
1413
-
1414
- h2 {border-bottom: 1px solid $border-light;}
1415
- }
1416
- } // @media
1417
- }
1418
- }
1419
- }
1420
-
1421
- } // close .single-item.groups
1422
-
1423
- /**
1424
- *-----------------------------------------------------
1425
- * @subsection 6.1.2 - Item Header User Accounts
1426
- *
1427
- * User Accounts Specific Item Header
1428
- *-----------------------------------------------------
1429
- */
1430
-
1431
- .bp-user {
1432
- #buddypress {
1433
- #item-header {
1434
-
1435
- #item-header-avatar {
1436
- text-align: center;
1437
-
1438
- img.avatar,
1439
- a {
1440
- border-bottom: 0;
1441
- display: inline-block;
1442
- float: none;
1443
- }
1444
- }
1445
-
1446
- #item-header-cover-image {
1447
- .user-nicename {
1448
- color: inherit;
1449
- text-shadow: none;
1450
-
1451
- @include large-up {
1452
- color: #fff;
1453
- text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
1454
- }
1455
- }
1456
- }
1457
-
1458
- #item-header-content {
1459
-
1460
- #item-buttons {
1461
- .generic-button {
1462
- margin-right: 5px;
1463
- }
1464
- }
1465
- }
1466
-
1467
- @include medium-up {
1468
- #item-header-avatar {
1469
- float: left;
1470
-
1471
- a {
1472
- float: left;
1473
- }
1474
- }
1475
-
1476
- #item-header-content {
1477
- float: right;
1478
- margin-right: 0%;
1479
- width: 69%;
1480
- }
1481
-
1482
- } // close @media
1483
-
1484
- } // close #item-header
1485
-
1486
- } // close #buddypress
1487
- } // close .bp-user
1488
-
1489
- /**
1490
- *-----------------------------------------------------------
1491
- * @subsection 6.2 - Item Body: Global
1492
- *-----------------------------------------------------------
1493
- */
1494
-
1495
- /**
1496
- *----------------------------------------------------
1497
- * @subsection 6.2.1 - Item Body Groups
1498
- *
1499
- * Groups specific item body rules - screens
1500
- *----------------------------------------------------
1501
- */
1502
-
1503
- /**
1504
- *-----------------------------------------
1505
- * @subsection 6.2.1.1 - Group Management
1506
- *-----------------------------------------
1507
- */
1508
-
1509
- // headings settings screens & general global settings styles
1510
- .groups {
1511
- #group-settings-form {
1512
- h3 {
1513
- background: $dark-background;
1514
- color: $content-background;
1515
- padding: 0.2em;
1516
- }
1517
- }
1518
- }
1519
-
1520
- .groups.edit-details {
1521
- #group-settings-form {
1522
-
1523
- label {
1524
- margin-bottom: 0;
1525
- padding: 0.2em;
1526
- width: 80%;
1527
- }
1528
-
1529
- textarea + p label {
1530
- background: none;
1531
- color: inherit;
1532
- @include font-size(14);
1533
- width: auto;
1534
- }
1535
-
1536
- textarea {
1537
- height: auto;
1538
- min-height: 100px;
1539
- overflow: auto;
1540
- }
1541
- }
1542
- } // close .groups.edit-details
1543
-
1544
- .groups.group-settings {
1545
- #group-settings-form {
1546
-
1547
- div.radio label {
1548
- font-weight: bold;
1549
- padding: 0.2em;
1550
-
1551
- ul {
1552
- color: rgba($body-text, 0.6);
1553
- @include font-size(14);
1554
- }
1555
- }
1556
-
1557
- }
1558
- } // close .groups.group-settings
1559
-
1560
- .groups.group-avatar {
1561
-
1562
- form > p {
1563
- margin-top: $spacing-val-md;
1564
- }
1565
-
1566
- }
1567
-
1568
- .groups.manage-members {
1569
- #group-settings-form {
1570
- .item-list {
1571
- li {
1572
- border-bottom: 1px solid $border-light;
1573
-
1574
- img,
1575
- h5 {
1576
- @include medium-up {
1577
- float: left;
1578
- }
1579
-
1580
- > a {border-bottom: 0;}
1581
- }
1582
-
1583
- span.small {
1584
- clear: left;
1585
- display: block;
1586
- float: none;
1587
- margin-top: $spacing-val-sm;
1588
- width: 100%;
1589
-
1590
- a {
1591
- display: block;
1592
- margin: $spacing-val-xs 0;
1593
-
1594
- @include medium-up {
1595
- display: inline-block;
1596
- }
1597
- }
1598
- }
1599
-
1600
- h5 {
1601
- margin: 0;
1602
- }
1603
-
1604
- }
1605
- }
1606
- }
1607
- } // close .groups.manage-members
1608
-
1609
- /**
1610
- *-----------------------------------------
1611
- * @subsection 6.2.1.2 - Group members
1612
- *-----------------------------------------
1613
- */
1614
-
1615
- // Massage the members search for groups nav specifically.
1616
- .groups.group-members {
1617
- #subnav {
1618
- li {
1619
- width: 100%;
1620
-
1621
- #search-members-form {
1622
- float: right;
1623
- margin: $spacing-val-xs 0 0 0;
1624
-
1625
- label {
1626
- input[type="text"] {
1627
- box-shadow: none;
1628
- }
1629
- }
1630
- }
1631
- }
1632
- }
1633
- }
1634
-
1635
- /**
1636
- *-----------------------------------------------------
1637
- * @subsection 6.2.2 - Item Body User Accounts
1638
- *
1639
- * User Account specific component item body rules
1640
- *-----------------------------------------------------
1641
- */
1642
-
1643
- /**
1644
- *--------------------------------------------
1645
- * @subsection 6.2.2.1 - classes, pag, filters
1646
- *--------------------------------------------
1647
- */
1648
- .bp-user {
1649
-
1650
- #buddypress {
1651
-
1652
- table {
1653
- th {@include font-size(13)}
1654
- td {@include font-size(12)}
1655
-
1656
- @include medium-up {
1657
- th {@include font-size(16)}
1658
- td {@include font-size(14)}
1659
- }
1660
- }
1661
-
1662
- .pag-count {font-style: italic;}
1663
-
1664
- .notifications-options-nav,
1665
- .messages-options-nav {
1666
- float: left;
1667
- width: 100%;
1668
-
1669
- @media screen and (min-width: 37.500em) {
1670
- width: 60%;
1671
- }
1672
-
1673
- select,
1674
- input {
1675
- @include font-size(14);
1676
- outline: 0;
1677
- padding: 0;
1678
- }
1679
-
1680
- select {
1681
- float: left;
1682
- margin-right: 0;
1683
- width: 49%;
1684
-
1685
- @media screen and (min-width: 37.500em) {
1686
- width: auto;
1687
- }
1688
- }
1689
-
1690
- input {
1691
- float: left;
1692
- font-family: inherit;
1693
- line-height: 20px;
1694
- margin-left: 1%;
1695
- width: 50%;
1696
-
1697
- @media screen and (min-width: 37.500em) {
1698
- width: auto;
1699
- }
1700
-
1701
- &[disabled="disabled"]:focus,
1702
- &[disabled="disabled"]:hover {
1703
- background: none;
1704
- }
1705
- }
1706
-
1707
- } // close .notifications-options-nav/messages-options-nav
1708
-
1709
- } //close #buddypress
1710
- } // close .bp-user
1711
-
1712
- /**
1713
- *-------------------------------------------
1714
- * @subsection 6.2.2.2 - Extended Profiles
1715
- *-------------------------------------------
1716
- */
1717
-
1718
- .bp-user {
1719
-
1720
- #buddypress {
1721
-
1722
- .profile {
1723
- .bp-widget {
1724
- h2 {
1725
- background: lighten($dark-background, 10%);
1726
- color: #fff;
1727
- margin-bottom: 0;
1728
- padding: 0.4em;
1729
- }
1730
-
1731
- table {margin-top: 0;}
1732
- }
1733
-
1734
- // Edit profile
1735
-
1736
- #profile-edit-form {
1737
- .button-nav:before,
1738
- .button-nav:after {
1739
- content: " ";
1740
- display: table;
1741
- }
1742
-
1743
- .button-nav:after {
1744
- clear: both;
1745
- }
1746
-
1747
- ul.button-nav {
1748
- border-bottom: 1px solid $border-light;
1749
- margin-left: 0;
1750
-
1751
- li {
1752
- float: left;
1753
- margin-bottom: 0;
1754
-
1755
- &.current {
1756
- border: 1px solid $border-light;
1757
- border-bottom-color: #fff;
1758
- margin-bottom: -1px;
1759
- }
1760
- } // li
1761
-
1762
- a {
1763
- background: none;
1764
- border: 0;
1765
- @include font-size(18)
1766
- }
1767
- } //.button-nav
1768
-
1769
- .field-visibility-settings-toggle {
1770
- margin: $spacing-val-xs 0 $spacing-val-md;
1771
- }
1772
-
1773
- .field-visibility-settings-toggle,
1774
- .field-visibility-settings {
1775
- @include font-size(14);
1776
- }
1777
-
1778
- .field-visibility-settings-close,
1779
- .visibility-toggle-link {
1780
- background: lighten($dark-background, 10%);
1781
- @include border-radius(2px);
1782
- color: #eee;
1783
- font-weight: bold;
1784
- padding: 0.1em 0.5em;
1785
- text-decoration: none;
1786
-
1787
- &:focus,
1788
- &:hover {
1789
- color: #fff;
1790
- }
1791
- }
1792
- } // close profile form
1793
-
1794
- .bp-avatar {
1795
- #bp-delete-avatar {
1796
- a {font-size: inherit; }
1797
- }
1798
- }
1799
- } // close .profile
1800
-
1801
- } // close #buddypress
1802
- } // close .bp-user
1803
-
1804
-
1805
- /**
1806
- *-------------------------------------------
1807
- * @subsection 6.2.2.5 - Private Messaging
1808
- *-------------------------------------------
1809
- */
1810
-
1811
- .bp-user {
1812
-
1813
- #buddypress {
1814
-
1815
- #message-thread {
1816
- //Single message view
1817
- a {
1818
- border-bottom: 0;
1819
- }
1820
-
1821
- #message-subject {
1822
- background: lighten($dark-background, 10%);
1823
- color: $content-background;
1824
- padding: 0.3em 0 0.3em 0.2em;
1825
- }
1826
-
1827
- #message-recipients {
1828
- font-style: italic;
1829
-
1830
- a.confirm {
1831
- border: 1px solid $border-light;
1832
- font-style: normal;
1833
- }
1834
-
1835
- .highlight {
1836
- font-size: 100%;
1837
- }
1838
- }
1839
-
1840
- .message-metadata {
1841
- overflow: hidden;
1842
-
1843
- img.avatar {
1844
- float: none;
1845
- }
1846
-
1847
- @media screen and (min-width: 46.25em) {
1848
- img.avatar {
1849
- float: left;
1850
- }
1851
- }
1852
-
1853
- .message-star-actions {
1854
- float: right;
1855
- margin-right: $spacing-val-xs;
1856
- position: static;
1857
- }
1858
- } // close .message-meta
1859
-
1860
- .message-content {
1861
- background: $light-background;
1862
- border: 1px solid $border-light;
1863
- margin: $spacing-val-sm 0 0 0;
1864
- padding: 0.3em;
1865
- }
1866
-
1867
- #send-reply {
1868
- .message-content {
1869
- background: $content-background;
1870
- border: 0;
1871
- }
1872
- }
1873
-
1874
- .alt {
1875
- background: $content-background;
1876
- }
1877
-
1878
- } // close message-thread Singular view!
1879
-
1880
- #message-threads {
1881
-
1882
- thead {
1883
- tr {
1884
- background: lighten($dark-background, 10%);
1885
- }
1886
- }
1887
-
1888
- tr {
1889
- td {
1890
- background: $content-background;
1891
- @include box-model(border-box);
1892
- display: inline-block;
1893
- float: left;
1894
- }
1895
-
1896
- td.thread-star,
1897
- td.thread-options {
1898
- border-bottom: 1px solid $medium-background;
1899
- height: 2.4em;
1900
- padding-bottom: 0.2em;
1901
- padding-top: 0.2em;
1902
-
1903
- @media screen and (max-width: 46.25em) {
1904
- padding-top: 0;
1905
- }
1906
- }
1907
-
1908
- td.thread-star {
1909
- vertical-align: middle;
1910
-
1911
- .message-action-star,
1912
- .message-action-unstar {
1913
- line-height: 1.2;
1914
- }
1915
-
1916
- span.icon:before {
1917
- @include font-size(14);
1918
- }
1919
- }
1920
-
1921
- td.bulk-select-check,
1922
- td.thread-from {
1923
- height: 3em;
1924
-
1925
- @media screen and (max-width: 37.500em) {
1926
- height: 5.2em;
1927
- }
1928
- }
1929
-
1930
- td.thread-from,
1931
- td.thread-options {
1932
- border-left: 0 !important;
1933
- @include calc(width, "100% - 30px");
1934
- margin-left: 0;
1935
- }
1936
-
1937
- td.thread-info {
1938
- padding-left: 41px;
1939
- width: 100%;
1940
-
1941
- a::after {
1942
- content: " \2016 \00a0"attr(title);
1943
- @include font-size(12);
1944
- }
1945
- }
1946
-
1947
- td.thread-options {
1948
- text-align: right;
1949
-
1950
- a {
1951
- @include font-size(12);
1952
- line-height: 1.2;
1953
- }
1954
- }
1955
-
1956
- span.from {
1957
- display: none;
1958
- }
1959
-
1960
- span.activity {
1961
- display: block;
1962
- float: right;
1963
- line-height: 2;
1964
-
1965
- @media screen and (max-width: 37.500em) {
1966
- clear: both;
1967
- @include font-size(11);
1968
- width: 100%;
1969
- }
1970
- }
1971
- }
1972
-
1973
- tr.unread {
1974
- td {
1975
- border-color: $border-light;
1976
- }
1977
- }
1978
-
1979
- th {
1980
- display: none;
1981
- }
1982
-
1983
- th.bulk-select-all {
1984
- border-bottom: 0;
1985
- display: inline-block;
1986
- text-align: left;
1987
- }
1988
-
1989
- th.bulk-select-all,
1990
- td.bulk-select-check,
1991
- td.thread-star {
1992
- border-right: 0;
1993
- width: 30px;
1994
- }
1995
- }
1996
-
1997
- #send_message_form {
1998
- input,
1999
- textarea {
2000
- @include box-model(border-box);
2001
- }
2002
- }
2003
-
2004
- .acfb-holder {
2005
- list-style: none;
2006
-
2007
- li {margin-left: 0;}
2008
-
2009
- li.friend-tab {
2010
- background: lighten($notice-info, 20%);
2011
- border: inherit;
2012
- margin-right: 0;
2013
- padding: 0.5em;
2014
-
2015
- span.p {
2016
- // the 'X' close
2017
- padding-left: $spacing-val-sm;
2018
-
2019
- &:focus,
2020
- &:hover {
2021
- color: $link-action;
2022
- cursor: pointer;
2023
- }
2024
- }
2025
-
2026
- a {
2027
- border-bottom: 0;
2028
- text-decoration: none;
2029
-
2030
- img {
2031
- // this is the tiny user avatar
2032
- display: inline;
2033
- height: 20px;
2034
- vertical-align: middle;
2035
- width: 20px !important; // override inline style
2036
- }
2037
- }
2038
- }
2039
- }
2040
-
2041
- #message-threads.sitewide-notices {
2042
- tr {margin: 3em 0;}
2043
- td {
2044
- width: 100%;
2045
-
2046
- strong {
2047
- background: lighten($dark-background, 10%);
2048
- color: $content-background;
2049
- display: block;
2050
- margin-bottom: 0.4em;
2051
- padding-left: 0.2em;
2052
- }
2053
-
2054
- a {
2055
- display: inline-block;
2056
- }
2057
-
2058
- a.button {
2059
- border: 1px solid $border-color;
2060
- line-height: initial;
2061
- padding: 0.4em 0.3em;
2062
- }
2063
- }
2064
-
2065
- td:first-child {
2066
- display: none;
2067
- }
2068
-
2069
- td:nth-child(2) {
2070
- strong {
2071
- margin: -8px -8px 8px;
2072
- }
2073
- }
2074
-
2075
- td:first-child + td + td {
2076
- // notice date
2077
- border-bottom: 0;
2078
-
2079
- span {
2080
- line-height: 1;
2081
- }
2082
- }
2083
-
2084
- td:last-child {
2085
- // notice actions
2086
- line-height: 1;
2087
- padding-bottom: 1em;
2088
- text-align: right;
2089
-
2090
- a:last-child {
2091
- // hide the 'x' text
2092
- line-height: 0;
2093
- margin-left: 0.7em;
2094
- text-indent: -999em;
2095
- }
2096
-
2097
- a:last-child::after {
2098
- content: attr(title);
2099
- display: block;
2100
- line-height: initial;
2101
- text-indent: 0;
2102
- }
2103
- }
2104
- }
2105
-
2106
- } // #buddypress
2107
-
2108
- // acfb auto complete name list sits in doc footer before body close
2109
- .ac_results {
2110
- background: #eee;
2111
- padding-left: $spacing-val-sm;
2112
-
2113
- li {
2114
- margin: $spacing-val-sm 0;
2115
-
2116
- &:focus,
2117
- &:hover {
2118
- cursor: pointer;
2119
- }
2120
-
2121
- img { vertical-align: bottom;}
2122
-
2123
- }
2124
- }
2125
-
2126
- } // close .bp-user
2127
-
2128
- /**
2129
- *------------------------------
2130
- * @subsection 6.2.2.6 - Settings
2131
- *------------------------------
2132
- */
2133
-
2134
- .bp-user {
2135
-
2136
- #buddypress {
2137
-
2138
- #settings-form {
2139
-
2140
- // 'p' = email notification screen sub heading
2141
- > p {
2142
- @include font-size(20);
2143
- margin: $spacing-val-md 0 $spacing-val-sm;
2144
- }
2145
- }
2146
-
2147
- table.notification-settings {
2148
- td.yes,
2149
- td.no {
2150
- vertical-align: middle;
2151
- }
2152
- }
2153
-
2154
- // Profile table td widths
2155
- table.profile-settings {
2156
- width: 100%;
2157
-
2158
- th.field-group-name,
2159
- td.field-name {
2160
- width: 50%;
2161
- }
2162
-
2163
- @media screen and (min-width: 46.25em) {
2164
- th.field-group-name,
2165
- td.field-name {
2166
- width: 70%;
2167
- }
2168
- }
2169
-
2170
- th.title,
2171
- td.field-visibility {
2172
- width: 30%;
2173
- }
2174
-
2175
- td.field-visibility {
2176
- select {width: 100%;}
2177
- }
2178
- }
2179
-
2180
- } // close #buddyPress
2181
-
2182
- } // close .bp-user
2183
-
2184
- /**
2185
- *------------------------------------
2186
- * @subsection 6.2.2.6 - Notifications
2187
- *------------------------------------
2188
- */
2189
-
2190
-
2191
- /**
2192
- *-------------------------------------------------------------------------------
2193
- * @section 7.0 - Forms - General
2194
- *-------------------------------------------------------------------------------
2195
- */
2196
-
2197
- // Attempt to reset form control widths
2198
- #main {
2199
- #buddypress {
2200
- .standard-form {
2201
-
2202
- li {float: none;}
2203
- input[type='text'],
2204
- input[type='email'],
2205
- input[type='password'],
2206
- textarea {
2207
- border-width: 1px;
2208
- box-shadow: none;
2209
- @include box-model(border-box);
2210
- width: 100%;
2211
- }
2212
- }
2213
- }
2214
- }
2215
-
2216
-
2217
- #buddypress {
2218
-
2219
- // Match BP form elements to Themes(2012) styling where styles
2220
- // are not inherited or being overriden.
2221
- div.activity-comments {
2222
-
2223
- form {
2224
- .ac-textarea {
2225
- background: $light-background;
2226
- border: 1px solid rgba($border-color, 0.5);
2227
-
2228
- textarea {
2229
- background: none;
2230
- border: 0;
2231
- }
2232
- }
2233
- }
2234
- }
2235
-
2236
- .standard-form {
2237
-
2238
- // Keep BP form element borders to 1px rather than 2013 2px
2239
- input[type="text"],
2240
- input[type="email"],
2241
- input[type="password"],
2242
- button,
2243
- select,
2244
- textarea {
2245
- border-color: rgba($border-color, 0.5);
2246
- border-width: 1px;
2247
- }
2248
-
2249
- } // close .standard-form
2250
-
2251
- #signup_form.standard-form {
2252
- div.submit {
2253
- float: none;
2254
-
2255
- input {margin-right: 0;}
2256
- }
2257
- }
2258
-
2259
- } // close #buddypress
2260
-
2261
- #buddypress {
2262
- div.dir-search,
2263
- div.message-search,
2264
- li.groups-members-search {
2265
- float: none;
2266
- margin: $spacing-val-sm 0;
2267
-
2268
- form { // *sigh* only to bludgeon over specified rules
2269
- border: 1px solid rgba($border-color, 0.6);
2270
- overflow: hidden;
2271
-
2272
- label {
2273
- float: left;
2274
- width: 70%;
2275
- }
2276
-
2277
- input[type='text'],
2278
- input[type='submit'] {
2279
- border: 0;
2280
- border-radius: 0;
2281
- box-shadow: none;
2282
- @include box-model(border-box);
2283
- @include font-size(14);
2284
- line-height: 1.8;
2285
- margin: 0;
2286
- min-height: 2rem;
2287
- }
2288
-
2289
- input[type='text'] {
2290
- border-right: 1px solid rgba($border-color, 0.6);
2291
- float: left;
2292
- margin: 0;
2293
- padding: 0 0.2em 0;
2294
- width: 70%;
2295
- }
2296
-
2297
- input[type='submit'] {
2298
- float: right;
2299
- font-weight: normal;
2300
- padding: 0 1em;
2301
- text-align: center;
2302
- text-transform: none;
2303
- width: 30%;
2304
- }
2305
- } // close form
2306
-
2307
- } // close .dir-search, .message-search
2308
-
2309
- // Shift the search parent to the right and allow to shrinkwrap
2310
-
2311
- @include small-up {
2312
- div.dir-search,
2313
- div.message-search,
2314
- li.groups-members-search {
2315
- float: right;
2316
- margin-bottom: 5px !important;
2317
-
2318
- form {
2319
- label,
2320
- input[type='text'],
2321
- input[type='submit'] {
2322
- width: auto;
2323
- }
2324
- }
2325
- }
2326
-
2327
- } // close @media
2328
-
2329
- @include large-up {
2330
-
2331
- .dir-search,
2332
- .message-search {
2333
- form {
2334
- input[type='text'] { @include font-size(16) ;}
2335
- input[type='submit'] { @include font-size(16) ;}
2336
- }
2337
- }
2338
- }
2339
-
2340
- } // close #buddypress
2341
-
2342
- /**
2343
- *-------------------------------------------------------------------------------
2344
- * @section 8.0 - Tables - General
2345
- *-------------------------------------------------------------------------------
2346
- */
2347
- .bp-user {
2348
- #buddypress {
2349
-
2350
- table {
2351
- @include font-size(14);
2352
- margin: $spacing-val-md 0;
2353
-
2354
- // 2010 adds huge bottom margin to input controls unwanted in the table paradigm
2355
- input {
2356
- margin: 0;
2357
- }
2358
-
2359
- tr th {
2360
- background: lighten($dark-background, 10%);
2361
- border-color: darken($border-light, 20%);
2362
- color: $content-background;
2363
- @include font-size(16);
2364
- padding: 4px 8px;
2365
- text-transform: capitalize;
2366
- }
2367
-
2368
- tr td {
2369
- padding: 8px;
2370
- }
2371
-
2372
- // Reduce the themes inherited paragraph margins in tables
2373
- p {margin-bottom: 0.5em;}
2374
- }
2375
-
2376
- @media screen and (min-width: 55em) {
2377
- table {@include font-size(16);}
2378
- }
2379
-
2380
- // Manage some table cells widths that are disproportionate to their content
2381
- .notifications,
2382
- .messages-notices {
2383
- th {
2384
- width: 30%;
2385
-
2386
- &.bulk-select-all {
2387
- text-align: center;
2388
- width: 10%;
2389
- }
2390
- }
2391
-
2392
- th.actions {
2393
- text-align: center;
2394
- }
2395
-
2396
- .bulk-select-check,
2397
- .thread-star {
2398
- text-align: center;
2399
- }
2400
-
2401
- .notification-actions,
2402
- td.thread-options {
2403
- text-align: center;
2404
-
2405
- a {
2406
- display: inline-block;
2407
- margin: 0;
2408
- padding: 0;
2409
- }
2410
- }
2411
-
2412
- // Notices action buttons, this maybe better moved, temp for now to address
2413
- // styling issues - this will need styling ideas
2414
- td {
2415
- .button {
2416
- border: 0;
2417
- display: block;
2418
- padding: 0;
2419
- text-align: center;
2420
- }
2421
- }
2422
-
2423
- } // .notifications, .message-notices
2424
-
2425
- } // #buddypress
2426
- } // .bp-user
2427
-
2428
- /**
2429
- *-------------------------------------------------------------------------------
2430
- * @section 9.0 - Error / Success messages
2431
- *-------------------------------------------------------------------------------
2432
- */
2433
-
2434
- // message args ($variable-color, text-color)
2435
- // Leave text-color undefined to automagically set text color
2436
- // to background color darker by 50%
2437
-
2438
- #buddypress {
2439
- div#message {
2440
- p {
2441
- @include font-size(18);
2442
- font-weight: bold;
2443
- }
2444
-
2445
- &.info {
2446
- p {
2447
- @include message-box($notice-info);
2448
- }
2449
- }
2450
-
2451
- &.updated {
2452
- p {
2453
- @include message-box($notice-update);
2454
- }
2455
- }
2456
-
2457
- } // close #message
2458
-
2459
- } // close #buddypress
2460
-
2461
- // Without direct classes on our mesages ( 'warning' )
2462
- // we need to use the body classes
2463
- // todo: If this is class .warning is included in main BP styles remove from here
2464
- .delete-group {
2465
- #buddypress {
2466
- div#message.info {
2467
- p {
2468
- @include message-box($notice-warning);
2469
- }
2470
- }
2471
- }
2472
- }
2473
-
2474
- /**
2475
- *-------------------------------------------------------------------------------
2476
- * @section 10.0 - Ajax Loading, Widgets, General classes
2477
- *-------------------------------------------------------------------------------
2478
- */
1
+
2
+ // Stylesheet Guidence Notes
3
+ // Table of content represents a guide to sections of the sheet.
4
+ // Note that not all sections may be described in the body of the
5
+ // rulesets only those that require styles for a given theme.
6
+ // Sub sections might not exist but can be added as required
7
+ // as per BP Lists - 'activity' section.
8
+
9
+ // We follow the dictats of the parent theme in respect of media queries,
10
+ // font sizing etc. Media queries are used in a modular sense (OOCSS)
11
+ // rather than described as blocks to the end of the sheet, this aids ease
12
+ // of managing media queries, scalability & flexibility .
13
+
14
+ // 2010 Media Queries / Breakpoints.
15
+ // 2010 is a fixed layout with no fluid elements.
16
+ // We will provide some simple breakpoints to manage BP elements
17
+ // on a limited basis.
18
+
19
+
20
+
21
+ // Mixins and Variables
22
+
23
+ // simplify remembering/writing media queries
24
+ // written as:
25
+ // @include medium-up {
26
+ // body {property: value;}
27
+ // }
28
+
29
+ // BP min/max width mixins
30
+
31
+ // As layout is fixed width 'device' is needed to tell phones to work with breakpoints
32
+ // provided is a 'up to' max-width and min-width as device widths for mobiles
33
+ // This is not a perfect solution but provides a degree of layout control for BP elements.
34
+ // But not used to any great degree.
35
+
36
+ @mixin small-device-up {
37
+ @media only screen and (min-device-width: 375px) {
38
+ @content;
39
+ }
40
+ }
41
+
42
+ @mixin small-device-max {
43
+ @media only screen and (max-device-width: 375px) {
44
+ @content;
45
+ }
46
+ }
47
+
48
+ @mixin medium-device-up {
49
+ @media only screen and (min-device-width: 450px) {
50
+ @content;
51
+ }
52
+ }
53
+
54
+ // min-width 450px
55
+ @mixin small-up {
56
+ @media screen and (min-device-width: 450px) {
57
+ @content;
58
+ }
59
+ }
60
+
61
+ // min-width 650px
62
+ @mixin medium-up {
63
+ @media screen and (min-width: 650px) {
64
+ @content;
65
+ }
66
+ }
67
+
68
+ // min-width 800px
69
+ @mixin large-up {
70
+ @media screen and (min-width: 800px) {
71
+ @content;
72
+ }
73
+ }
74
+
75
+ // Common spacing values
76
+ $spacing-val-lg: 50px;
77
+ $spacing-val-md: 25px;
78
+ $spacing-val-sm: 15px;
79
+ $spacing-val-xs: 5px;
80
+
81
+ // A simple mixin to handle font-sizing
82
+ // 2010 sets a html/body size @ 15px
83
+
84
+ @mixin font-size($font-size: 15) {
85
+ $rem-font-value: ($font-size / 15);
86
+ font-size: ($font-size * 1px);
87
+ font-size: $rem-font-value + rem;
88
+ }
89
+
90
+ // To allow mixins to pass VendorPrefix scss-lint tests we disable lint-test
91
+ // for specific blocks / rulesets
92
+ // until such time as exemption lists can be built for the scss-lint.yml?
93
+ // Any vendor prefix properties / mixins need to be in this block
94
+
95
+ // scss-lint:disable VendorPrefix
96
+
97
+ // Border border-radius mixins
98
+ @mixin border-radius($radius) {
99
+ -webkit-border-radius: $radius;
100
+ -moz-border-radius: $radius;
101
+ -ms-border-radius: $radius;
102
+ border-radius: $radius;
103
+ background-clip: padding-box;
104
+ }
105
+
106
+ @mixin border-top-radius($radius) {
107
+ -webkit-border-top-right-radius: $radius;
108
+ border-top-right-radius: $radius;
109
+ -webkit-border-top-left-radius: $radius;
110
+ border-top-left-radius: $radius;
111
+ background-clip: padding-box;
112
+ }
113
+
114
+ @mixin border-right-radius($radius) {
115
+ -webkit-border-bottom-right-radius: $radius;
116
+ border-bottom-right-radius: $radius;
117
+ -webkit-border-top-right-radius: $radius;
118
+ border-top-right-radius: $radius;
119
+ background-clip: padding-box;
120
+ }
121
+
122
+ @mixin border-bottom-radius($radius) {
123
+ -webkit-border-bottom-right-radius: $radius;
124
+ border-bottom-right-radius: $radius;
125
+ -webkit-border-bottom-left-radius: $radius;
126
+ border-bottom-left-radius: $radius;
127
+ background-clip: padding-box;
128
+ }
129
+
130
+ @mixin border-left-radius($radius) {
131
+ -webkit-border-bottom-left-radius: $radius;
132
+ border-bottom-left-radius: $radius;
133
+ -webkit-border-top-left-radius: $radius;
134
+ border-top-left-radius: $radius;
135
+ background-clip: padding-box;
136
+ }
137
+
138
+ // Box sizing
139
+ @mixin box-model($model-type) {
140
+ -webkit-box-sizing: $model-type;
141
+ -moz-box-sizing: $model-type;
142
+ box-sizing: $model-type;
143
+ }
144
+
145
+ // Calc
146
+ @mixin calc($property, $expression) {
147
+ #{$property}: -webkit-calc(#{$expression});
148
+ #{$property}: -moz-calc(#{$expression});
149
+ #{$property}: calc(#{$expression});
150
+ }
151
+
152
+ // Re-enable the VendorPrefix lint test
153
+ // scss-lint:enable VendorPrefix
154
+
155
+ // BP message boxes
156
+ @mixin message-box($background, $text-color: null) {
157
+
158
+ @if $text-color {
159
+ // if a param was passed through
160
+ $text-color: $text-color;
161
+ } @else {
162
+ $text-color: darken($background, 50%);
163
+ }
164
+
165
+ background: lighten($background, 10%);
166
+ border: 1px solid darken($background, 10%);
167
+ color: $text-color;
168
+ }
169
+
170
+ // 2010 font family
171
+ @mixin default-font-sans() {
172
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
173
+ }
174
+
175
+ // Variables: color definitions
176
+ $body-text: #373737;
177
+ $content-background: #fff;
178
+ $off-white: lighten(#f9f8ee, 0.7);
179
+ $cream-background: #f7f5e7;
180
+ $light-background: #f7f7f7;
181
+ $medium-background: #ccc;
182
+ $dark-background: #555;
183
+ $border-color: #d4d0ba; // border color is varied using rgba
184
+ $border-light: #eaeaea; // BP dividers
185
+ $border-med: #ddd;
186
+ $background-hover: #db572f; // 2010 link background hover
187
+ $bp-button-hover: #ededed; // this is the default BP button hover background
188
+ $notice-error: #c85a6e;
189
+ $notice-warning: #d05656;
190
+ $notice-info: #9fd1e2;
191
+ $notice-update: #ced98c;
192
+ $stripe-odd: #ebf0ff;
193
+ $stripe-even: #dbe5ff;
194
+ $unread: #9dc3c8;
195
+ $link-action: #c82b2b;
196
+ /*--------------------------------------------------------------
197
+
198
+ This is the BuddyPress companion stylesheet for
199
+ the WordPress Twentyten theme.
200
+
201
+ This sheet supports the primary BuddyPress styles in buddypress.css
202
+
203
+ If you are running as a child theme of twentyten this stylesheet will be
204
+ loaded by default. If you want to modify the styles the normal BP Theme Compat
205
+ hierarchy works and you can copy the file to buddypress/css/ or community/css/
206
+ in your child themes root & either start over or modify the rulesets.
207
+
208
+ If you do not require the styles you can dequeue them from the themes functions file.
209
+
210
+ Please see this codex article for more information:
211
+ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
212
+
213
+ ----------------------------------------------------------------
214
+ >>> TABLE OF CONTENTS:
215
+ ----------------------------------------------------------------
216
+ 1.0 Theme Structural Elements & overrides
217
+ 2.0 - Navigation - General
218
+ 2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
219
+ 2.2 - Pagination
220
+ 3.0 - Images
221
+ 4.0 - BP Lists / Loops Generic
222
+ 4.1 - Activity Loop
223
+ 4.1.1 Whats New Activity
224
+ 4.1.2 - Activity Listing
225
+ 4.1.3 - Activity Comments
226
+ 4.2 - Members Loop
227
+ 4.3 - Groups Loop
228
+ 4.4 - Blogs Loop
229
+ 5.0 - Directories - Members, Groups, Blogs, Register, activation
230
+ 6.0 - Single Item screens: User Account & Single Group Screens
231
+ 6.1 - Item Headers: Global
232
+ 6.1.1 - item-header: Groups
233
+ 6.1.2 - item-header: User Accounts
234
+ 6.2 - Item Body: Global
235
+ 6.2.1 - item-body: Groups
236
+ 6.2.1.1 - Management settings screens
237
+ 6.2.1.2 - Group members list
238
+ 6.2.2 - item-body: User Accounts
239
+ 6.2.2.1 - classes, pag, filters
240
+ 6.2.2.2 - Extended Profiles
241
+ 6.2.2.3 - Groups
242
+ 6.2.2.4 - friends
243
+ 6.2.2.5 - Private Messaging Threads
244
+ 6.2.2.6 - Settings
245
+ 6.2.2.7 - Notifications
246
+ 7.0 - Forms - General
247
+ 8.0 - Tables - General
248
+ 9.0 - Error / Success Messages
249
+ 10.0 - Ajax Loading, Widgets, General classes
250
+ --------------------------------------------------------------*/
251
+
252
+ /**
253
+ *-------------------------------------------------------------------------------
254
+ * @section 1.0 - Theme - Structural Elements. overrides, Globals
255
+ *-------------------------------------------------------------------------------
256
+ */
257
+
258
+ .buddypress {
259
+ // Remove any empty clearing elements, CSS provides clearing.
260
+ div.clear {display: none;}
261
+
262
+ } // .buddypress (body class)
263
+
264
+
265
+ // Main dir pages: sidebar or not to sidebar
266
+ // If no sidebar lets correct some odd layout rules
267
+
268
+ body.page-template-onecolumn-page {
269
+
270
+ #main {
271
+ #container {
272
+ margin: 0;
273
+ }
274
+ }
275
+
276
+ #content {
277
+ margin: 0 10% 0;
278
+ width: auto;
279
+
280
+ .entry-header,
281
+ .entry-content {
282
+ width: auto;
283
+ }
284
+ }
285
+ }
286
+
287
+
288
+ /**
289
+ *-------------------------------------------------------------------------------
290
+ * @section 2.0 - Navigation - General
291
+ *-------------------------------------------------------------------------------
292
+ */
293
+
294
+
295
+ /**
296
+ *----------------------------------------------------------
297
+ * @section 2.1 - Navs Object Nav / Sub Nav (item-list-tabs)
298
+ *
299
+ * The main navigational elements for all BP screens
300
+ *----------------------------------------------------------
301
+ */
302
+
303
+ // We have a need to override BP specifity
304
+ // so some rulesets sets will appear over weighted in selectors
305
+ /* Here we start things off */
306
+ #buddypress {
307
+
308
+ // active/current states all navs
309
+ div.item-list-tabs {
310
+ ul {
311
+ li.selected,
312
+ li.current {
313
+ a {
314
+ background: inherit;
315
+ opacity: 1;
316
+ }
317
+ }
318
+ }
319
+ }
320
+ // global nav styles
321
+ div.item-list-tabs {
322
+ ul {
323
+ overflow: hidden;
324
+ padding: 0;
325
+
326
+ li {
327
+ a {
328
+
329
+ &:focus,
330
+ &:hover {
331
+ color: #555;
332
+ }
333
+ // Keep links from inheriting :visited states
334
+ &:visited {
335
+ color: #21759b;
336
+ }
337
+
338
+ span {
339
+ padding: 0 4px !important;
340
+ }
341
+ }
342
+
343
+ }
344
+ }
345
+ } // close item-list-tabs
346
+
347
+ } // close #buddypress
348
+
349
+
350
+
351
+ /*__ Horizontal menus __*/
352
+ #buddypress {
353
+
354
+ #object-nav {
355
+
356
+ ul {
357
+ overflow: hidden;
358
+
359
+ li {
360
+ float: none;
361
+ }
362
+
363
+ @include medium-up {
364
+
365
+ li {
366
+ float: left;
367
+ }
368
+ }
369
+
370
+ }
371
+ }
372
+
373
+ div#subnav.item-list-tabs {
374
+ margin-top: 0;
375
+
376
+ ul {
377
+ border-bottom: 0;
378
+ border-top: 1px solid $border-color;
379
+ margin-top: $spacing-val-xs;
380
+ padding: 0;
381
+
382
+ li.last {
383
+ background: $content-background;
384
+ float: right;
385
+ margin-top: 0;
386
+ padding: $spacing-val-xs 0 $spacing-val-xs;
387
+ text-align: right;
388
+ width: 230px;
389
+
390
+ select,
391
+ select:focus {
392
+ background: transparent;
393
+ border: 0;
394
+ outline: 0;
395
+ padding: 0;
396
+ }
397
+
398
+ select,
399
+ label,
400
+ option {
401
+ @include font-size(14);
402
+ }
403
+
404
+ select {
405
+ font-style: italic;
406
+
407
+ option {
408
+ font-style: normal;
409
+ }
410
+ }
411
+ }
412
+
413
+ } // close ul
414
+ } // close #subnav
415
+
416
+ } // close #buddypress
417
+
418
+ .bp-user {
419
+ #buddypress {
420
+ div#subnav.item-list-tabs {
421
+ li.last {
422
+ margin-left: 0;
423
+ text-align: right;
424
+ }
425
+ }
426
+ }
427
+ }
428
+
429
+ /*__ Vertical menu User Account / Group single screens __*/
430
+
431
+ // This block contains rules to re-factor the item-body structural element
432
+ // to sit alongside the vert menu
433
+
434
+ @include large-up {
435
+
436
+ body.bp-user {
437
+ #buddypress {
438
+
439
+ #item-header,
440
+ #item-body {
441
+ background: $content-background;
442
+ }
443
+
444
+ #object-nav {
445
+ border-right: 1px solid $border-med;
446
+ float: left;
447
+ margin-right: -1px;
448
+ width: 200px;
449
+
450
+ ul {
451
+ background: none;
452
+ border-bottom: 0;
453
+ padding: 0;
454
+
455
+ li {
456
+ float: none;
457
+ margin-bottom: 5px;
458
+
459
+ a {
460
+ overflow: hidden;
461
+ }
462
+
463
+ &.selected {
464
+ background: #ddd;
465
+ }
466
+
467
+ span {
468
+ background: $content-background;
469
+ border-radius: 10%;
470
+ float: right;
471
+ margin-right: 2px;
472
+ }
473
+ }
474
+ }
475
+ }
476
+
477
+ #item-body {
478
+ border-left: 1px solid $border-med;
479
+ overflow: hidden;
480
+ padding: 0 0 0 $spacing-val-md;
481
+ width: auto;
482
+
483
+ #subnav {
484
+ margin: 0 0 0 (-$spacing-val-md);
485
+
486
+ ul {margin-top: 0;}
487
+ }
488
+ }
489
+
490
+ } // close #buddypress
491
+ } // close body.bp-user
492
+ } // close @media
493
+
494
+
495
+ // Tabbed Nav styling
496
+ // Primarilly used for group create screens & ? directory nav.
497
+
498
+ @include small-device-up {
499
+ #main {
500
+ #buddypress {
501
+
502
+ #group-create-tabs.item-list-tabs {
503
+
504
+ ul:before,
505
+ ul:after {
506
+ content: " ";
507
+ display: table;
508
+ }
509
+
510
+ ul:after {
511
+ clear: both;
512
+ }
513
+
514
+ ul {
515
+ background: none;
516
+ border: 0;
517
+ border-bottom: 1px solid $border-med;
518
+ overflow: visible;
519
+ padding-bottom: 0;
520
+
521
+ li {
522
+ float: left;
523
+ width: auto;
524
+ }
525
+
526
+ li.selected,
527
+ li.current {
528
+ border: 1px solid $border-med;
529
+ border-bottom-color: $content-background;
530
+ @include border-top-radius(4px);
531
+ margin-bottom: -1px;
532
+
533
+ a {
534
+ background: none;
535
+ color: $body-text;
536
+ outline: none;
537
+ }
538
+ }
539
+ }
540
+
541
+ } // close .item-list-tabs
542
+
543
+ #subnav {
544
+ ul {
545
+ border-bottom: 0;
546
+ }
547
+
548
+ } // close #subnav
549
+ } // close #buddypress
550
+ }
551
+ } // close @media
552
+
553
+ /**
554
+ *----------------------------------------------------------
555
+ * @section 2.2 - Pagination
556
+ *----------------------------------------------------------
557
+ */
558
+
559
+ #buddypress {
560
+
561
+ div.pagination {
562
+ box-shadow: none;
563
+ min-height: 0;
564
+
565
+ &:before,
566
+ &:after {
567
+ height: 0;
568
+ width: 0;
569
+ }
570
+
571
+ .pag-count {margin-left: 0;}
572
+ .pagination-links {
573
+ margin-right: 0;
574
+
575
+ span,
576
+ a {
577
+ height: auto;
578
+ line-height: 1;
579
+ padding: 5px;
580
+ }
581
+
582
+ .prev,
583
+ .next {
584
+ background-color: transparent;
585
+ color: inherit;
586
+ overflow: visible;
587
+ width: auto;
588
+ &:before {display: none;}
589
+ }
590
+
591
+ .prev {
592
+ left: auto;
593
+ position: static;
594
+ }
595
+
596
+ .next {
597
+ position: static;
598
+ right: auto;
599
+ }
600
+ } // close .pagination-links
601
+ } // close .pagination
602
+ } // close #buddypress
603
+
604
+ /**
605
+ *-------------------------------------------------------------------------------
606
+ * @section 4.0 - BP Lists / Loops Generic
607
+ *-------------------------------------------------------------------------------
608
+ */
609
+
610
+ // Trying to position the action div absolute has bad consequences where
611
+ // aditional items are displayed, floating is an alternative that
612
+ // allows natural flow expansion.
613
+ // This block:
614
+ // * Manages li items, Stacks them small screen, floated left at wider screens.
615
+ // * Adjusts display of action buttons at small screen mobile up.
616
+ // Adjusts Meta items to match 2010 font-family
617
+
618
+ #buddypress {
619
+ ul.item-list {
620
+ border-top: 0;
621
+
622
+ li {
623
+ overflow: hidden !important;
624
+
625
+ // Undo BP floats to center avatars initially mobile up
626
+ .item-avatar {
627
+ margin-bottom: $spacing-val-sm;
628
+
629
+ @include small-device-up {
630
+ margin-bottom: 0;
631
+ }
632
+
633
+ text-align: center;
634
+
635
+ a {border-bottom: 0;}
636
+
637
+ img.avatar {
638
+ display: inline-block;
639
+ float: none;
640
+ margin-bottom: $spacing-val-sm;
641
+
642
+ // small device: move avatars to the left(right)
643
+ @include medium-device-up {
644
+ display: block;
645
+ float: left;
646
+ opacity: 1;
647
+ }
648
+ }
649
+ } //close .item-avatar
650
+
651
+ .item {
652
+
653
+ // counter the BP rule
654
+ margin-left: 0;
655
+ overflow: hidden;
656
+
657
+ .item-meta {
658
+ text-align: center;
659
+
660
+ @include medium-up {
661
+ text-align: left;
662
+ }
663
+ }
664
+
665
+ span.activity {
666
+ font-style: italic;
667
+ }
668
+
669
+ .item-desc {
670
+ margin-left: 0;
671
+ width: 94%;
672
+ }
673
+
674
+ .item-title {
675
+ @include font-size(16);
676
+ line-height: 1.2;
677
+ text-align: center;
678
+
679
+ @include small-up {
680
+ text-align: left;
681
+ }
682
+
683
+ width: 100%;
684
+
685
+ > a {
686
+ text-decoration: none;
687
+
688
+ &:visited { color: #21759b;}
689
+ }
690
+
691
+ .update {
692
+ display: block;
693
+ @include font-size(12);
694
+
695
+ @include medium-up {
696
+ @include font-size(14);
697
+ }
698
+
699
+ padding: $spacing-val-sm 0;
700
+ text-align: left;
701
+ }
702
+ } // close .item-title
703
+
704
+ } // close .item
705
+
706
+ @include medium-up {
707
+ .item-avatar,
708
+ .item,
709
+ .action {
710
+ float: left;
711
+ }
712
+
713
+ .item {
714
+ left: 5%;
715
+ margin-left: 0;
716
+ position: relative;
717
+ width: 55%;
718
+
719
+ .item-title {
720
+ @include font-size(18)
721
+ }
722
+ }
723
+
724
+ }// close medium-up
725
+
726
+ div.action {
727
+ clear: left;
728
+ float: none;
729
+ margin: 0;
730
+ // remove BP margin left
731
+ margin-left: 0;
732
+ padding: $spacing-val-sm 0 $spacing-val-xs;
733
+
734
+ // push the actions to the right
735
+ @include medium-up {
736
+ clear: none;
737
+ float: right;
738
+ margin-bottom: 0;
739
+ padding: 0;
740
+ }
741
+
742
+ position: relative;
743
+ text-align: left;
744
+ top: 0;
745
+
746
+ div {
747
+ display: inline-block;
748
+ margin: $spacing-val-xs 0;
749
+ width: 100%;
750
+
751
+ a {
752
+ display: block;
753
+ }
754
+ // Provisionally lets keep the 'action' div
755
+ //position but inline-block the buttons
756
+
757
+ @include small-device-up {
758
+ // keep buttons to a row small tablet up
759
+ margin: 0 $spacing-val-sm 5px 0;
760
+ width: auto;
761
+ } // close @media
762
+
763
+ @include medium-up {
764
+ // take buttons to block to stack them when floated right
765
+ clear: right;
766
+ float: right;
767
+ margin: 0 0 $spacing-val-sm 0;
768
+ } // close @media
769
+
770
+ } // close div
771
+
772
+ .meta {
773
+ font-style: italic;
774
+ }
775
+
776
+ } // close .action
777
+
778
+ } // close li
779
+ } // close .item-list
780
+ } // close #buddypress
781
+
782
+ /**
783
+ *----------------------------------------------------------
784
+ * @section 4.1 - Activity
785
+ *----------------------------------------------------------
786
+ */
787
+
788
+ /**
789
+ *-----------------------------------------------------
790
+ * @section 4.1.1 - Activity Whats New
791
+ *-----------------------------------------------------
792
+ */
793
+
794
+ #buddypress {
795
+ form#whats-new-form {
796
+
797
+ // Line-height issue inherited from BP rules, override.
798
+ p.activity-greeting {
799
+ line-height: 1.4;
800
+ }
801
+
802
+ // corrective measure for clipped elements due to JS inline styling
803
+
804
+ #whats-new-content.active {
805
+ #whats-new-options[style] {
806
+ #whats-new-post-in-box {
807
+ border: 1px solid rgba($border-color, 0.5);
808
+ float: left;
809
+ @include font-size(12);
810
+ line-height: 1.6;
811
+ margin-top: 12px;
812
+ padding-left: 0.2em;
813
+ width: 100%;
814
+
815
+ select {
816
+ background: none;
817
+ border: 0;
818
+ float: right;
819
+ margin: 0;
820
+ max-width: 220px;
821
+ min-height: 1.5em;
822
+ padding: 0 0 0 0.4em;
823
+ }
824
+ }
825
+
826
+ @media screen and (min-width: 30em) {
827
+ #whats-new-post-in-box {
828
+ width: auto;
829
+ }
830
+
831
+ #whats-new-submit {
832
+ @include font-size(12);
833
+ float: right;
834
+
835
+ input {
836
+ padding: 0 6px;
837
+ }
838
+ }
839
+ }
840
+
841
+ } // close #whats-new-options
842
+ } // close #whats-new-content.active
843
+
844
+ } // close #whats-new-form
845
+
846
+ // User account form requires matching bp default specificity
847
+ #item-body {
848
+ form#whats-new-form {
849
+ margin: $spacing-val-lg 0;
850
+ }
851
+ }
852
+ } // close #buddypress
853
+
854
+ /**
855
+ *-----------------------------------------------------
856
+ * @section 4.1.2 - Activity Listing
857
+ *-----------------------------------------------------
858
+ */
859
+
860
+ #buddypress {
861
+
862
+ #activity-stream {
863
+
864
+ // re-size activity avatars and stack small screen
865
+ // refactor main elements positioning medium up.
866
+ li {
867
+ padding: 25px 0 15px;
868
+
869
+ &.load-newest {
870
+ a {
871
+ display: block;
872
+ }
873
+ }
874
+
875
+ .activity-avatar {
876
+ float: none;
877
+ text-align: center;
878
+
879
+ a {
880
+ display: inline-block;
881
+
882
+ img.avatar {
883
+ display: inline;
884
+ float: none;
885
+ height: 60px;
886
+ margin-bottom: $spacing-val-md;
887
+ margin-left: 0;
888
+ width: 60px;
889
+ }
890
+ }
891
+ } // close .activity-avatar
892
+
893
+ .activity-content,
894
+ .activity-comments {
895
+ margin-left: 0;
896
+ }
897
+
898
+ .activity-header {
899
+ @include font-size(14);
900
+
901
+ a:visited {
902
+ color: #21759b;
903
+ }
904
+ }
905
+
906
+ .activity-inner {
907
+ img {height: auto;}
908
+ }
909
+
910
+ @include medium-up {
911
+
912
+ .activity-avatar {
913
+ float: left;
914
+ margin-right: $spacing-val-sm;
915
+ text-align: left;
916
+
917
+ a {
918
+ border-bottom: 0;
919
+ }
920
+ }
921
+
922
+ .activity-content {
923
+ margin: 0;
924
+ overflow: hidden;
925
+
926
+ .activity-header {
927
+ @include font-size(16);
928
+ }
929
+ }
930
+
931
+ .activity-comments {
932
+ margin-left: 70px;
933
+ }
934
+
935
+ } // close @media
936
+
937
+ } // close li
938
+
939
+ li.mini {
940
+ .activity-avatar {
941
+ a {
942
+ img.avatar {
943
+ height: 30px;
944
+ margin-left: 15px;
945
+ width: 30px;
946
+ }
947
+ }
948
+ }
949
+
950
+ .activity-content {
951
+ .activity-header {
952
+ @include font-size(14);
953
+ }
954
+
955
+ .activity-meta {
956
+ a {
957
+ @include font-size(12);
958
+ }
959
+ }
960
+ }
961
+ } // close li.mini
962
+
963
+ .activity-content {
964
+ margin-top: -12px;
965
+
966
+ .activity-header {
967
+ line-height: inherit;
968
+ margin-right: 0;
969
+
970
+ p {
971
+ border-bottom: 1px solid rgba($border-light, 0.6);
972
+ margin-top: 0;
973
+ padding: 0 0.2em;
974
+ }
975
+
976
+ img.avatar {
977
+ display: inline-block;
978
+ margin-bottom: 0 !important; // have to match to BP
979
+ }
980
+ } // close .activity-header
981
+
982
+ .activity-meta {
983
+ a {
984
+ display: block;
985
+ @include font-size(14);
986
+ margin-bottom: $spacing-val-xs;
987
+
988
+ @include medium-up {
989
+ float: left;
990
+ margin-bottom: 0;
991
+ }
992
+
993
+ padding: 0.2em 0.5em;
994
+ }
995
+ }
996
+
997
+ } // close .activity-content
998
+
999
+ .load-more {
1000
+ background: $light-background;
1001
+ border: 1px solid transparent;
1002
+ padding: $spacing-val-sm;
1003
+
1004
+ &:focus,
1005
+ &:hover {
1006
+ background: darken($light-background, 1%);
1007
+ border: 1px solid rgba(#9fd1e2, 0.3);
1008
+ }
1009
+
1010
+ a {
1011
+ display: block;
1012
+ }
1013
+ }
1014
+
1015
+ } // close #activity-stream
1016
+ } // close #buddypress
1017
+
1018
+ /* Single activity view - activity permalink */
1019
+
1020
+ .activity-permalink {
1021
+ #buddypress {
1022
+ #activity-stream {
1023
+
1024
+ li.activity-item {
1025
+ padding: $spacing-val-md;
1026
+ }
1027
+
1028
+ li.mini {
1029
+ .activity-header {
1030
+ @include font-size(16);
1031
+ @include medium-up {
1032
+ @include font-size(20);
1033
+ }
1034
+
1035
+ margin-bottom: $spacing-val-lg;
1036
+ p {padding: $spacing-val-md;}
1037
+ }
1038
+ } // close li.mini
1039
+
1040
+ .activity-comments {
1041
+ margin-left: 0;
1042
+ }
1043
+
1044
+ }
1045
+ }
1046
+ }
1047
+
1048
+ /**
1049
+ *-----------------------------------------------------
1050
+ * @section 4.1.3 - Activity Comments
1051
+ *-----------------------------------------------------
1052
+ */
1053
+ #buddypress {
1054
+
1055
+ #activity-stream {
1056
+
1057
+ .activity-comments {
1058
+ position: relative;
1059
+
1060
+ > ul {
1061
+ background: rgba($light-background, 0.6);
1062
+ margin: $spacing-val-sm 0 0 2px;
1063
+
1064
+ > li {
1065
+
1066
+ &:hover * {
1067
+ color: #555;
1068
+ }
1069
+
1070
+ .acomment-meta,
1071
+ .acomment-content {
1072
+ @include font-size(12);
1073
+ }
1074
+
1075
+ }
1076
+
1077
+ }
1078
+
1079
+ .ac-form {
1080
+ border: 1px solid $border-color;
1081
+ @include box-model(border-box);
1082
+ margin: $spacing-val-sm 0;
1083
+ width: 100%;
1084
+
1085
+ input[type="submit"],
1086
+ .ac-reply-cancel {
1087
+ color: rgba($body-text, 0.8);
1088
+ display: inline-block;
1089
+ font-family: inherit;
1090
+ @include font-size(12);
1091
+ font-weight: normal;
1092
+ line-height: 1.2;
1093
+ padding: 4px 10px;
1094
+ text-transform: lowercase;
1095
+ width: 100px;
1096
+ }
1097
+
1098
+ .ac-reply-cancel {
1099
+ border: 1px solid rgba($border-color, 0.7);
1100
+ text-align: center;
1101
+
1102
+ &:focus,
1103
+ &:hover {
1104
+ background: $bp-button-hover;
1105
+ }
1106
+ }
1107
+
1108
+ } // close .ac-form
1109
+
1110
+ } // close .activity-comments
1111
+
1112
+ } // close #activity-steam
1113
+
1114
+ } // close #buddypress
1115
+
1116
+ /**
1117
+ *----------------------------------------------------------
1118
+ * @section 4.2 - Members Loop
1119
+ *----------------------------------------------------------
1120
+ */
1121
+
1122
+ #buddypress {
1123
+ #members-list {
1124
+
1125
+ @include medium-up {
1126
+ li {
1127
+ .item-avatar,
1128
+ .item {
1129
+ float: left;
1130
+ }
1131
+
1132
+ .action {
1133
+ float: right;
1134
+ }
1135
+ }
1136
+ }
1137
+
1138
+ } // close #members-list
1139
+ } //close #BuddyPress
1140
+
1141
+ /**
1142
+ *-------------------------------------------------------------------------------
1143
+ * @section 5.0 - Directories
1144
+ *-------------------------------------------------------------------------------
1145
+ */
1146
+
1147
+ /**
1148
+ *-----------------------------------------------------------
1149
+ * @subsection Registration
1150
+ *-----------------------------------------------------------
1151
+ */
1152
+
1153
+ #buddypress {
1154
+ #signup_form.standard-form {
1155
+
1156
+ #profile-details-section,
1157
+ #basic-details-section,
1158
+ #blog-details-section {
1159
+ float: none;
1160
+ width: 100%;
1161
+
1162
+ @media screen and (min-width: 37.500em) {
1163
+ width: 48%;
1164
+ }
1165
+ }
1166
+
1167
+ @media screen and (min-width: 37.500em) {
1168
+ #profile-details-section {float: right;}
1169
+ #basic-details-section {float: left;}
1170
+ }
1171
+
1172
+ }
1173
+ }
1174
+
1175
+ /**
1176
+ *-------------------------------------------------------------------------------
1177
+ * @section 6.0 - Single Item screens: User Account & Single Group Screens
1178
+ *-------------------------------------------------------------------------------
1179
+ */
1180
+
1181
+ .bp-user {
1182
+ #buddypress {
1183
+ // On object nav links, table links (notifications etc) we don't really need :visited
1184
+ // inheritance, so set pseudo class to :link color.
1185
+ a {
1186
+ &:visited {
1187
+ color: #21759b;
1188
+ }
1189
+ }
1190
+ }
1191
+ }
1192
+
1193
+ /**
1194
+ *-----------------------------------------------------------
1195
+ * @subsection 6.1 - Item Header Global
1196
+ *-----------------------------------------------------------
1197
+ */
1198
+
1199
+ .bp-user,
1200
+ .single-item.groups {
1201
+ #buddypress {
1202
+ #item-header-content {
1203
+ #item-meta {
1204
+ @include font-size(14);
1205
+ text-align: left;
1206
+
1207
+ p {margin-bottom: 0.5em;}
1208
+ }
1209
+ }
1210
+ }
1211
+
1212
+ @media screen and (max-width: 37.500em) {
1213
+ h1,
1214
+ #item-header-content {
1215
+ text-align: center;
1216
+ }
1217
+ }
1218
+
1219
+ @media screen and (max-width: 46.25em) {
1220
+ main {
1221
+ header.entry-header {
1222
+ padding-bottom: 1rem;
1223
+ }
1224
+ }
1225
+ }
1226
+
1227
+ #buddypress {
1228
+ @media screen and (max-width: 37.500em) {
1229
+ h1 {
1230
+ margin-bottom: 0;
1231
+ }
1232
+
1233
+ #item-header-avatar {
1234
+ img.avatar {
1235
+ margin-right: 0;
1236
+ }
1237
+ }
1238
+
1239
+ #item-header-content {
1240
+ width: 100%;
1241
+
1242
+ .user-nicename {
1243
+ color: #555;
1244
+ }
1245
+ }
1246
+ } // close @media
1247
+
1248
+ @media screen and (max-width: 46.25em) {
1249
+ #item-header {
1250
+ .generic-button {
1251
+ float: none;
1252
+ margin: 1.5em 0 0 0;
1253
+ }
1254
+ }
1255
+ }
1256
+ } // close #buddypress
1257
+
1258
+ }
1259
+
1260
+ /**
1261
+ *-----------------------------------------------------
1262
+ * @subsection 6.1.1 - item-header Groups
1263
+ *
1264
+ * Group Specific Item Header
1265
+ *-----------------------------------------------------
1266
+ */
1267
+
1268
+ .single-item.groups {
1269
+ #buddypress {
1270
+ @media screen and (max-width: 46.25em) {
1271
+ #item-header {
1272
+ #item-meta {
1273
+ margin-bottom: $spacing-val-md;
1274
+ }
1275
+ }
1276
+ }
1277
+
1278
+ // Move visual flow of avatar & item-actions at narrow width,
1279
+ // avatar first after group title
1280
+ @media screen and (max-width: 50em) {
1281
+ div#item-header {
1282
+ display: flex;
1283
+ flex-direction: column;
1284
+
1285
+ #item-header-avatar {
1286
+ order: 1;
1287
+ text-align: center;
1288
+
1289
+ a {
1290
+ border-bottom: 0;
1291
+
1292
+ img {
1293
+ display: inline-block;
1294
+ float: none;
1295
+ }
1296
+ }
1297
+ }
1298
+
1299
+ #item-header-content {
1300
+ order: 2;
1301
+ }
1302
+
1303
+ #item-actions {
1304
+ order: 3;
1305
+
1306
+ h2 {
1307
+ border-bottom: 1px solid $border-light;
1308
+ text-align: center;
1309
+ }
1310
+ }
1311
+ }
1312
+ } // close @media
1313
+
1314
+ div#item-header {
1315
+ padding-bottom: $spacing-val-lg;
1316
+
1317
+ #item-header-content {
1318
+ @include box-model(border-box);
1319
+ }
1320
+
1321
+ div#item-actions {
1322
+ margin: 0 !important;
1323
+ width: 100%;
1324
+
1325
+ @media screen and (min-width: 50em) {
1326
+ border-left: 1px solid $border-light;
1327
+ clear: none;
1328
+ float: right;
1329
+ padding-left: 0.2em;
1330
+ width: 30%;
1331
+ } // close @media
1332
+
1333
+ @media screen and (min-width: 46.25em) {
1334
+ width: 40%;
1335
+ }
1336
+
1337
+ ul {
1338
+ margin-top: 0;
1339
+ padding-left: 0;
1340
+ }
1341
+
1342
+ h2 {
1343
+ @include font-size(14);
1344
+ font-weight: bold;
1345
+ line-height: 1.4;
1346
+ }
1347
+
1348
+ #group-admins,
1349
+ #group-mods {
1350
+ li {
1351
+ margin: 0;
1352
+ }
1353
+ }
1354
+
1355
+ } // close item-actions
1356
+
1357
+ @include medium-up {
1358
+
1359
+ #item-header-avatar,
1360
+ #item-header-content {
1361
+ float: left;
1362
+ }
1363
+
1364
+ #item-header-content {
1365
+ margin-left: 2%;
1366
+ padding: 0 0.5em;
1367
+ }
1368
+
1369
+ div#item-actions {
1370
+ float: right;
1371
+ width: 28%;
1372
+ }
1373
+
1374
+ } // close @media
1375
+
1376
+ @media screen and (min-width: 64em) {
1377
+ #item-header-content {
1378
+ width: 40%;
1379
+ }
1380
+ }
1381
+ } // close #item-header
1382
+ } // close #buddypress
1383
+
1384
+ // These rules handle the specific instance of Cover Images on single groups
1385
+ // activated & attempt to address positioning concerns arising from themes
1386
+ // breakpoints.
1387
+ // Due to cover image styles being applied via embedded styles & thus carrying
1388
+ // heavier weight than linked styles the use of !important to override may be required.
1389
+ #buddypress {
1390
+ #cover-image-container {
1391
+ #item-header-cover-image {
1392
+
1393
+ #item-actions {
1394
+ margin-top: 225px !important;
1395
+ }
1396
+
1397
+ @media screen and (min-width: 50em) and (max-width: 60em) {
1398
+ #item-header-content {
1399
+ max-width: 60% !important;
1400
+ width: 60% !important;
1401
+ }
1402
+ }
1403
+
1404
+ @media screen and (max-width: 64em) {
1405
+
1406
+ #item-actions {
1407
+ border: 0;
1408
+ clear: both;
1409
+ margin-top: 0 !important;
1410
+ max-width: 100% !important;
1411
+ padding-top: 0 !important;
1412
+ width: auto;
1413
+
1414
+ h2 {border-bottom: 1px solid $border-light;}
1415
+ }
1416
+ } // @media
1417
+ }
1418
+ }
1419
+ }
1420
+
1421
+ } // close .single-item.groups
1422
+
1423
+ /**
1424
+ *-----------------------------------------------------
1425
+ * @subsection 6.1.2 - Item Header User Accounts
1426
+ *
1427
+ * User Accounts Specific Item Header
1428
+ *-----------------------------------------------------
1429
+ */
1430
+
1431
+ .bp-user {
1432
+ #buddypress {
1433
+ #item-header {
1434
+
1435
+ #item-header-avatar {
1436
+ text-align: center;
1437
+
1438
+ img.avatar,
1439
+ a {
1440
+ border-bottom: 0;
1441
+ display: inline-block;
1442
+ float: none;
1443
+ }
1444
+ }
1445
+
1446
+ #item-header-cover-image {
1447
+ .user-nicename {
1448
+ color: inherit;
1449
+ text-shadow: none;
1450
+
1451
+ @include large-up {
1452
+ color: #fff;
1453
+ text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
1454
+ }
1455
+ }
1456
+ }
1457
+
1458
+ #item-header-content {
1459
+
1460
+ #item-buttons {
1461
+ .generic-button {
1462
+ margin-right: 5px;
1463
+ }
1464
+ }
1465
+ }
1466
+
1467
+ @include medium-up {
1468
+ #item-header-avatar {
1469
+ float: left;
1470
+
1471
+ a {
1472
+ float: left;
1473
+ }
1474
+ }
1475
+
1476
+ #item-header-content {
1477
+ float: right;
1478
+ margin-right: 0%;
1479
+ width: 69%;
1480
+ }
1481
+
1482
+ } // close @media
1483
+
1484
+ } // close #item-header
1485
+
1486
+ } // close #buddypress
1487
+ } // close .bp-user
1488
+
1489
+ /**
1490
+ *-----------------------------------------------------------
1491
+ * @subsection 6.2 - Item Body: Global
1492
+ *-----------------------------------------------------------
1493
+ */
1494
+
1495
+ /**
1496
+ *----------------------------------------------------
1497
+ * @subsection 6.2.1 - Item Body Groups
1498
+ *
1499
+ * Groups specific item body rules - screens
1500
+ *----------------------------------------------------
1501
+ */
1502
+
1503
+ /**
1504
+ *-----------------------------------------
1505
+ * @subsection 6.2.1.1 - Group Management
1506
+ *-----------------------------------------
1507
+ */
1508
+
1509
+ // headings settings screens & general global settings styles
1510
+ .groups {
1511
+ #group-settings-form {
1512
+ h3 {
1513
+ background: $dark-background;
1514
+ color: $content-background;
1515
+ padding: 0.2em;
1516
+ }
1517
+ }
1518
+ }
1519
+
1520
+ .groups.edit-details {
1521
+ #group-settings-form {
1522
+
1523
+ label {
1524
+ margin-bottom: 0;
1525
+ padding: 0.2em;
1526
+ width: 80%;
1527
+ }
1528
+
1529
+ textarea + p label {
1530
+ background: none;
1531
+ color: inherit;
1532
+ @include font-size(14);
1533
+ width: auto;
1534
+ }
1535
+
1536
+ textarea {
1537
+ height: auto;
1538
+ min-height: 100px;
1539
+ overflow: auto;
1540
+ }
1541
+ }
1542
+ } // close .groups.edit-details
1543
+
1544
+ .groups.group-settings {
1545
+ #group-settings-form {
1546
+
1547
+ div.radio label {
1548
+ font-weight: bold;
1549
+ padding: 0.2em;
1550
+
1551
+ ul {
1552
+ color: rgba($body-text, 0.6);
1553
+ @include font-size(14);
1554
+ }
1555
+ }
1556
+
1557
+ }
1558
+ } // close .groups.group-settings
1559
+
1560
+ .groups.group-avatar {
1561
+
1562
+ form > p {
1563
+ margin-top: $spacing-val-md;
1564
+ }
1565
+
1566
+ }
1567
+
1568
+ .groups.manage-members {
1569
+ #group-settings-form {
1570
+ .item-list {
1571
+ li {
1572
+ border-bottom: 1px solid $border-light;
1573
+
1574
+ img,
1575
+ h5 {
1576
+ @include medium-up {
1577
+ float: left;
1578
+ }
1579
+
1580
+ > a {border-bottom: 0;}
1581
+ }
1582
+
1583
+ span.small {
1584
+ clear: left;
1585
+ display: block;
1586
+ float: none;
1587
+ margin-top: $spacing-val-sm;
1588
+ width: 100%;
1589
+
1590
+ a {
1591
+ display: block;
1592
+ margin: $spacing-val-xs 0;
1593
+
1594
+ @include medium-up {
1595
+ display: inline-block;
1596
+ }
1597
+ }
1598
+ }
1599
+
1600
+ h5 {
1601
+ margin: 0;
1602
+ }
1603
+
1604
+ }
1605
+ }
1606
+ }
1607
+ } // close .groups.manage-members
1608
+
1609
+ /**
1610
+ *-----------------------------------------
1611
+ * @subsection 6.2.1.2 - Group members
1612
+ *-----------------------------------------
1613
+ */
1614
+
1615
+ // Massage the members search for groups nav specifically.
1616
+ .groups.group-members {
1617
+ #subnav {
1618
+ li {
1619
+ width: 100%;
1620
+
1621
+ #search-members-form {
1622
+ float: right;
1623
+ margin: $spacing-val-xs 0 0 0;
1624
+
1625
+ label {
1626
+ input[type="text"] {
1627
+ box-shadow: none;
1628
+ }
1629
+ }
1630
+ }
1631
+ }
1632
+ }
1633
+ }
1634
+
1635
+ /**
1636
+ *-----------------------------------------------------
1637
+ * @subsection 6.2.2 - Item Body User Accounts
1638
+ *
1639
+ * User Account specific component item body rules
1640
+ *-----------------------------------------------------
1641
+ */
1642
+
1643
+ /**
1644
+ *--------------------------------------------
1645
+ * @subsection 6.2.2.1 - classes, pag, filters
1646
+ *--------------------------------------------
1647
+ */
1648
+ .bp-user {
1649
+
1650
+ #buddypress {
1651
+
1652
+ table {
1653
+ th {@include font-size(13)}
1654
+ td {@include font-size(12)}
1655
+
1656
+ @include medium-up {
1657
+ th {@include font-size(16)}
1658
+ td {@include font-size(14)}
1659
+ }
1660
+ }
1661
+
1662
+ .pag-count {font-style: italic;}
1663
+
1664
+ .notifications-options-nav,
1665
+ .messages-options-nav {
1666
+ float: left;
1667
+ width: 100%;
1668
+
1669
+ @media screen and (min-width: 37.500em) {
1670
+ width: 60%;
1671
+ }
1672
+
1673
+ select,
1674
+ input {
1675
+ @include font-size(14);
1676
+ outline: 0;
1677
+ padding: 0;
1678
+ }
1679
+
1680
+ select {
1681
+ float: left;
1682
+ margin-right: 0;
1683
+ width: 49%;
1684
+
1685
+ @media screen and (min-width: 37.500em) {
1686
+ width: auto;
1687
+ }
1688
+ }
1689
+
1690
+ input {
1691
+ float: left;
1692
+ font-family: inherit;
1693
+ line-height: 20px;
1694
+ margin-left: 1%;
1695
+ width: 50%;
1696
+
1697
+ @media screen and (min-width: 37.500em) {
1698
+ width: auto;
1699
+ }
1700
+
1701
+ &[disabled="disabled"]:focus,
1702
+ &[disabled="disabled"]:hover {
1703
+ background: none;
1704
+ }
1705
+ }
1706
+
1707
+ } // close .notifications-options-nav/messages-options-nav
1708
+
1709
+ } //close #buddypress
1710
+ } // close .bp-user
1711
+
1712
+ /**
1713
+ *-------------------------------------------
1714
+ * @subsection 6.2.2.2 - Extended Profiles
1715
+ *-------------------------------------------
1716
+ */
1717
+
1718
+ .bp-user {
1719
+
1720
+ #buddypress {
1721
+
1722
+ .profile {
1723
+ .bp-widget {
1724
+ h2 {
1725
+ background: lighten($dark-background, 10%);
1726
+ color: #fff;
1727
+ margin-bottom: 0;
1728
+ padding: 0.4em;
1729
+ }
1730
+
1731
+ table {margin-top: 0;}
1732
+ }
1733
+
1734
+ // Edit profile
1735
+
1736
+ #profile-edit-form {
1737
+ .button-nav:before,
1738
+ .button-nav:after {
1739
+ content: " ";
1740
+ display: table;
1741
+ }
1742
+
1743
+ .button-nav:after {
1744
+ clear: both;
1745
+ }
1746
+
1747
+ ul.button-nav {
1748
+ border-bottom: 1px solid $border-light;
1749
+ margin-left: 0;
1750
+
1751
+ li {
1752
+ float: left;
1753
+ margin-bottom: 0;
1754
+
1755
+ &.current {
1756
+ border: 1px solid $border-light;
1757
+ border-bottom-color: #fff;
1758
+ margin-bottom: -1px;
1759
+ }
1760
+ } // li
1761
+
1762
+ a {
1763
+ background: none;
1764
+ border: 0;
1765
+ @include font-size(18)
1766
+ }
1767
+ } //.button-nav
1768
+
1769
+ .field-visibility-settings-toggle {
1770
+ margin: $spacing-val-xs 0 $spacing-val-md;
1771
+ }
1772
+
1773
+ .field-visibility-settings-toggle,
1774
+ .field-visibility-settings {
1775
+ @include font-size(14);
1776
+ }
1777
+
1778
+ .field-visibility-settings-close,
1779
+ .visibility-toggle-link {
1780
+ background: lighten($dark-background, 10%);
1781
+ @include border-radius(2px);
1782
+ color: #eee;
1783
+ font-weight: bold;
1784
+ padding: 0.1em 0.5em;
1785
+ text-decoration: none;
1786
+
1787
+ &:focus,
1788
+ &:hover {
1789
+ color: #fff;
1790
+ }
1791
+ }
1792
+ } // close profile form
1793
+
1794
+ .bp-avatar {
1795
+ #bp-delete-avatar {
1796
+ a {font-size: inherit; }
1797
+ }
1798
+ }
1799
+ } // close .profile
1800
+
1801
+ } // close #buddypress
1802
+ } // close .bp-user
1803
+
1804
+
1805
+ /**
1806
+ *-------------------------------------------
1807
+ * @subsection 6.2.2.5 - Private Messaging
1808
+ *-------------------------------------------
1809
+ */
1810
+
1811
+ .bp-user {
1812
+
1813
+ #buddypress {
1814
+
1815
+ #message-thread {
1816
+ //Single message view
1817
+ a {
1818
+ border-bottom: 0;
1819
+ }
1820
+
1821
+ #message-subject {
1822
+ background: lighten($dark-background, 10%);
1823
+ color: $content-background;
1824
+ padding: 0.3em 0 0.3em 0.2em;
1825
+ }
1826
+
1827
+ #message-recipients {
1828
+ font-style: italic;
1829
+
1830
+ a.confirm {
1831
+ border: 1px solid $border-light;
1832
+ font-style: normal;
1833
+ }
1834
+
1835
+ .highlight {
1836
+ font-size: 100%;
1837
+ }
1838
+ }
1839
+
1840
+ .message-metadata {
1841
+ overflow: hidden;
1842
+
1843
+ img.avatar {
1844
+ float: none;
1845
+ }
1846
+
1847
+ @media screen and (min-width: 46.25em) {
1848
+ img.avatar {
1849
+ float: left;
1850
+ }
1851
+ }
1852
+
1853
+ .message-star-actions {
1854
+ float: right;
1855
+ margin-right: $spacing-val-xs;
1856
+ position: static;
1857
+ }
1858
+ } // close .message-meta
1859
+
1860
+ .message-content {
1861
+ background: $light-background;
1862
+ border: 1px solid $border-light;
1863
+ margin: $spacing-val-sm 0 0 0;
1864
+ padding: 0.3em;
1865
+ }
1866
+
1867
+ #send-reply {
1868
+ .message-content {
1869
+ background: $content-background;
1870
+ border: 0;
1871
+ }
1872
+ }
1873
+
1874
+ .alt {
1875
+ background: $content-background;
1876
+ }
1877
+
1878
+ } // close message-thread Singular view!
1879
+
1880
+ #message-threads {
1881
+
1882
+ thead {
1883
+ tr {
1884
+ background: lighten($dark-background, 10%);
1885
+ }
1886
+ }
1887
+
1888
+ tr {
1889
+ td {
1890
+ background: $content-background;
1891
+ @include box-model(border-box);
1892
+ display: inline-block;
1893
+ float: left;
1894
+ }
1895
+
1896
+ td.thread-star,
1897
+ td.thread-options {
1898
+ border-bottom: 1px solid $medium-background;
1899
+ height: 2.4em;
1900
+ padding-bottom: 0.2em;
1901
+ padding-top: 0.2em;
1902
+
1903
+ @media screen and (max-width: 46.25em) {
1904
+ padding-top: 0;
1905
+ }
1906
+ }
1907
+
1908
+ td.thread-star {
1909
+ vertical-align: middle;
1910
+
1911
+ .message-action-star,
1912
+ .message-action-unstar {
1913
+ line-height: 1.2;
1914
+ }
1915
+
1916
+ span.icon:before {
1917
+ @include font-size(14);
1918
+ }
1919
+ }
1920
+
1921
+ td.bulk-select-check,
1922
+ td.thread-from {
1923
+ height: 3em;
1924
+
1925
+ @media screen and (max-width: 37.500em) {
1926
+ height: 5.2em;
1927
+ }
1928
+ }
1929
+
1930
+ td.thread-from,
1931
+ td.thread-options {
1932
+ border-left: 0 !important;
1933
+ @include calc(width, "100% - 30px");
1934
+ margin-left: 0;
1935
+ }
1936
+
1937
+ td.thread-info {
1938
+ padding-left: 41px;
1939
+ width: 100%;
1940
+
1941
+ a::after {
1942
+ content: " \2016 \00a0"attr(title);
1943
+ @include font-size(12);
1944
+ }
1945
+ }
1946
+
1947
+ td.thread-options {
1948
+ text-align: right;
1949
+
1950
+ a {
1951
+ @include font-size(12);
1952
+ line-height: 1.2;
1953
+ }
1954
+ }
1955
+
1956
+ span.from {
1957
+ display: none;
1958
+ }
1959
+
1960
+ span.activity {
1961
+ display: block;
1962
+ float: right;
1963
+ line-height: 2;
1964
+
1965
+ @media screen and (max-width: 37.500em) {
1966
+ clear: both;
1967
+ @include font-size(11);
1968
+ width: 100%;
1969
+ }
1970
+ }
1971
+ }
1972
+
1973
+ tr.unread {
1974
+ td {
1975
+ border-color: $border-light;
1976
+ }
1977
+ }
1978
+
1979
+ th {
1980
+ display: none;
1981
+ }
1982
+
1983
+ th.bulk-select-all {
1984
+ border-bottom: 0;
1985
+ display: inline-block;
1986
+ text-align: left;
1987
+ }
1988
+
1989
+ th.bulk-select-all,
1990
+ td.bulk-select-check,
1991
+ td.thread-star {
1992
+ border-right: 0;
1993
+ width: 30px;
1994
+ }
1995
+ }
1996
+
1997
+ #send_message_form {
1998
+ input,
1999
+ textarea {
2000
+ @include box-model(border-box);
2001
+ }
2002
+ }
2003
+
2004
+ .acfb-holder {
2005
+ list-style: none;
2006
+
2007
+ li {margin-left: 0;}
2008
+
2009
+ li.friend-tab {
2010
+ background: lighten($notice-info, 20%);
2011
+ border: inherit;
2012
+ margin-right: 0;
2013
+ padding: 0.5em;
2014
+
2015
+ span.p {
2016
+ // the 'X' close
2017
+ padding-left: $spacing-val-sm;
2018
+
2019
+ &:focus,
2020
+ &:hover {
2021
+ color: $link-action;
2022
+ cursor: pointer;
2023
+ }
2024
+ }
2025
+
2026
+ a {
2027
+ border-bottom: 0;
2028
+ text-decoration: none;
2029
+
2030
+ img {
2031
+ // this is the tiny user avatar
2032
+ display: inline;
2033
+ height: 20px;
2034
+ vertical-align: middle;
2035
+ width: 20px !important; // override inline style
2036
+ }
2037
+ }
2038
+ }
2039
+ }
2040
+
2041
+ #message-threads.sitewide-notices {
2042
+ tr {margin: 3em 0;}
2043
+ td {
2044
+ width: 100%;
2045
+
2046
+ strong {
2047
+ background: lighten($dark-background, 10%);
2048
+ color: $content-background;
2049
+ display: block;
2050
+ margin-bottom: 0.4em;
2051
+ padding-left: 0.2em;
2052
+ }
2053
+
2054
+ a {
2055
+ display: inline-block;
2056
+ }
2057
+
2058
+ a.button {
2059
+ border: 1px solid $border-color;
2060
+ line-height: initial;
2061
+ padding: 0.4em 0.3em;
2062
+ }
2063
+ }
2064
+
2065
+ td:first-child {
2066
+ display: none;
2067
+ }
2068
+
2069
+ td:nth-child(2) {
2070
+ strong {
2071
+ margin: -8px -8px 8px;
2072
+ }
2073
+ }
2074
+
2075
+ td:first-child + td + td {
2076
+ // notice date
2077
+ border-bottom: 0;
2078
+
2079
+ span {
2080
+ line-height: 1;
2081
+ }
2082
+ }
2083
+
2084
+ td:last-child {
2085
+ // notice actions
2086
+ line-height: 1;
2087
+ padding-bottom: 1em;
2088
+ text-align: right;
2089
+
2090
+ a:last-child {
2091
+ // hide the 'x' text
2092
+ line-height: 0;
2093
+ margin-left: 0.7em;
2094
+ text-indent: -999em;
2095
+ }
2096
+
2097
+ a:last-child::after {
2098
+ content: attr(title);
2099
+ display: block;
2100
+ line-height: initial;
2101
+ text-indent: 0;
2102
+ }
2103
+ }
2104
+ }
2105
+
2106
+ } // #buddypress
2107
+
2108
+ // acfb auto complete name list sits in doc footer before body close
2109
+ .ac_results {
2110
+ background: #eee;
2111
+ padding-left: $spacing-val-sm;
2112
+
2113
+ li {
2114
+ margin: $spacing-val-sm 0;
2115
+
2116
+ &:focus,
2117
+ &:hover {
2118
+ cursor: pointer;
2119
+ }
2120
+
2121
+ img { vertical-align: bottom;}
2122
+
2123
+ }
2124
+ }
2125
+
2126
+ } // close .bp-user
2127
+
2128
+ /**
2129
+ *------------------------------
2130
+ * @subsection 6.2.2.6 - Settings
2131
+ *------------------------------
2132
+ */
2133
+
2134
+ .bp-user {
2135
+
2136
+ #buddypress {
2137
+
2138
+ #settings-form {
2139
+
2140
+ // 'p' = email notification screen sub heading
2141
+ > p {
2142
+ @include font-size(20);
2143
+ margin: $spacing-val-md 0 $spacing-val-sm;
2144
+ }
2145
+ }
2146
+
2147
+ table.notification-settings {
2148
+ td.yes,
2149
+ td.no {
2150
+ vertical-align: middle;
2151
+ }
2152
+ }
2153
+
2154
+ // Profile table td widths
2155
+ table.profile-settings {
2156
+ width: 100%;
2157
+
2158
+ th.field-group-name,
2159
+ td.field-name {
2160
+ width: 50%;
2161
+ }
2162
+
2163
+ @media screen and (min-width: 46.25em) {
2164
+ th.field-group-name,
2165
+ td.field-name {
2166
+ width: 70%;
2167
+ }
2168
+ }
2169
+
2170
+ th.title,
2171
+ td.field-visibility {
2172
+ width: 30%;
2173
+ }
2174
+
2175
+ td.field-visibility {
2176
+ select {width: 100%;}
2177
+ }
2178
+ }
2179
+
2180
+ } // close #buddyPress
2181
+
2182
+ } // close .bp-user
2183
+
2184
+ /**
2185
+ *------------------------------------
2186
+ * @subsection 6.2.2.6 - Notifications
2187
+ *------------------------------------
2188
+ */
2189
+
2190
+
2191
+ /**
2192
+ *-------------------------------------------------------------------------------
2193
+ * @section 7.0 - Forms - General
2194
+ *-------------------------------------------------------------------------------
2195
+ */
2196
+
2197
+ // Attempt to reset form control widths
2198
+ #main {
2199
+ #buddypress {
2200
+ .standard-form {
2201
+
2202
+ li {float: none;}
2203
+ input[type='text'],
2204
+ input[type='email'],
2205
+ input[type='password'],
2206
+ textarea {
2207
+ border-width: 1px;
2208
+ box-shadow: none;
2209
+ @include box-model(border-box);
2210
+ width: 100%;
2211
+ }
2212
+ }
2213
+ }
2214
+ }
2215
+
2216
+
2217
+ #buddypress {
2218
+
2219
+ // Match BP form elements to Themes(2012) styling where styles
2220
+ // are not inherited or being overriden.
2221
+ div.activity-comments {
2222
+
2223
+ form {
2224
+ .ac-textarea {
2225
+ background: $light-background;
2226
+ border: 1px solid rgba($border-color, 0.5);
2227
+
2228
+ textarea {
2229
+ background: none;
2230
+ border: 0;
2231
+ }
2232
+ }
2233
+ }
2234
+ }
2235
+
2236
+ .standard-form {
2237
+
2238
+ // Keep BP form element borders to 1px rather than 2013 2px
2239
+ input[type="text"],
2240
+ input[type="email"],
2241
+ input[type="password"],
2242
+ button,
2243
+ select,
2244
+ textarea {
2245
+ border-color: rgba($border-color, 0.5);
2246
+ border-width: 1px;
2247
+ }
2248
+
2249
+ } // close .standard-form
2250
+
2251
+ #signup_form.standard-form {
2252
+ div.submit {
2253
+ float: none;
2254
+
2255
+ input {margin-right: 0;}
2256
+ }
2257
+ }
2258
+
2259
+ } // close #buddypress
2260
+
2261
+ #buddypress {
2262
+ div.dir-search,
2263
+ div.message-search,
2264
+ li.groups-members-search {
2265
+ float: none;
2266
+ margin: $spacing-val-sm 0;
2267
+
2268
+ form { // *sigh* only to bludgeon over specified rules
2269
+ border: 1px solid rgba($border-color, 0.6);
2270
+ overflow: hidden;
2271
+
2272
+ label {
2273
+ float: left;
2274
+ width: 70%;
2275
+ }
2276
+
2277
+ input[type='text'],
2278
+ input[type='submit'] {
2279
+ border: 0;
2280
+ border-radius: 0;
2281
+ box-shadow: none;
2282
+ @include box-model(border-box);
2283
+ @include font-size(14);
2284
+ line-height: 1.8;
2285
+ margin: 0;
2286
+ min-height: 2rem;
2287
+ }
2288
+
2289
+ input[type='text'] {
2290
+ border-right: 1px solid rgba($border-color, 0.6);
2291
+ float: left;
2292
+ margin: 0;
2293
+ padding: 0 0.2em 0;
2294
+ width: 70%;
2295
+ }
2296
+
2297
+ input[type='submit'] {
2298
+ float: right;
2299
+ font-weight: normal;
2300
+ padding: 0 1em;
2301
+ text-align: center;
2302
+ text-transform: none;
2303
+ width: 30%;
2304
+ }
2305
+ } // close form
2306
+
2307
+ } // close .dir-search, .message-search
2308
+
2309
+ // Shift the search parent to the right and allow to shrinkwrap
2310
+
2311
+ @include small-up {
2312
+ div.dir-search,
2313
+ div.message-search,
2314
+ li.groups-members-search {
2315
+ float: right;
2316
+ margin-bottom: 5px !important;
2317
+
2318
+ form {
2319
+ label,
2320
+ input[type='text'],
2321
+ input[type='submit'] {
2322
+ width: auto;
2323
+ }
2324
+ }
2325
+ }
2326
+
2327
+ } // close @media
2328
+
2329
+ @include large-up {
2330
+
2331
+ .dir-search,
2332
+ .message-search {
2333
+ form {
2334
+ input[type='text'] { @include font-size(16) ;}
2335
+ input[type='submit'] { @include font-size(16) ;}
2336
+ }
2337
+ }
2338
+ }
2339
+
2340
+ } // close #buddypress
2341
+
2342
+ /**
2343
+ *-------------------------------------------------------------------------------
2344
+ * @section 8.0 - Tables - General
2345
+ *-------------------------------------------------------------------------------
2346
+ */
2347
+ .bp-user {
2348
+ #buddypress {
2349
+
2350
+ table {
2351
+ @include font-size(14);
2352
+ margin: $spacing-val-md 0;
2353
+
2354
+ // 2010 adds huge bottom margin to input controls unwanted in the table paradigm
2355
+ input {
2356
+ margin: 0;
2357
+ }
2358
+
2359
+ tr th {
2360
+ background: lighten($dark-background, 10%);
2361
+ border-color: darken($border-light, 20%);
2362
+ color: $content-background;
2363
+ @include font-size(16);
2364
+ padding: 4px 8px;
2365
+ text-transform: capitalize;
2366
+ }
2367
+
2368
+ tr td {
2369
+ padding: 8px;
2370
+ }
2371
+
2372
+ // Reduce the themes inherited paragraph margins in tables
2373
+ p {margin-bottom: 0.5em;}
2374
+ }
2375
+
2376
+ @media screen and (min-width: 55em) {
2377
+ table {@include font-size(16);}
2378
+ }
2379
+
2380
+ // Manage some table cells widths that are disproportionate to their content
2381
+ .notifications,
2382
+ .messages-notices {
2383
+ th {
2384
+ width: 30%;
2385
+
2386
+ &.bulk-select-all {
2387
+ text-align: center;
2388
+ width: 10%;
2389
+ }
2390
+ }
2391
+
2392
+ th.actions {
2393
+ text-align: center;
2394
+ }
2395
+
2396
+ .bulk-select-check,
2397
+ .thread-star {
2398
+ text-align: center;
2399
+ }
2400
+
2401
+ .notification-actions,
2402
+ td.thread-options {
2403
+ text-align: center;
2404
+
2405
+ a {
2406
+ display: inline-block;
2407
+ margin: 0;
2408
+ padding: 0;
2409
+ }
2410
+ }
2411
+
2412
+ // Notices action buttons, this maybe better moved, temp for now to address
2413
+ // styling issues - this will need styling ideas
2414
+ td {
2415
+ .button {
2416
+ border: 0;
2417
+ display: block;
2418
+ padding: 0;
2419
+ text-align: center;
2420
+ }
2421
+ }
2422
+
2423
+ } // .notifications, .message-notices
2424
+
2425
+ } // #buddypress
2426
+ } // .bp-user
2427
+
2428
+ /**
2429
+ *-------------------------------------------------------------------------------
2430
+ * @section 9.0 - Error / Success messages
2431
+ *-------------------------------------------------------------------------------
2432
+ */
2433
+
2434
+ // message args ($variable-color, text-color)
2435
+ // Leave text-color undefined to automagically set text color
2436
+ // to background color darker by 50%
2437
+
2438
+ #buddypress {
2439
+ div#message {
2440
+ p {
2441
+ @include font-size(18);
2442
+ font-weight: bold;
2443
+ }
2444
+
2445
+ &.info {
2446
+ p {
2447
+ @include message-box($notice-info);
2448
+ }
2449
+ }
2450
+
2451
+ &.updated {
2452
+ p {
2453
+ @include message-box($notice-update);
2454
+ }
2455
+ }
2456
+
2457
+ } // close #message
2458
+
2459
+ } // close #buddypress
2460
+
2461
+ // Without direct classes on our mesages ( 'warning' )
2462
+ // we need to use the body classes
2463
+ // todo: If this is class .warning is included in main BP styles remove from here
2464
+ .delete-group {
2465
+ #buddypress {
2466
+ div#message.info {
2467
+ p {
2468
+ @include message-box($notice-warning);
2469
+ }
2470
+ }
2471
+ }
2472
+ }
2473
+
2474
+ /**
2475
+ *-------------------------------------------------------------------------------
2476
+ * @section 10.0 - Ajax Loading, Widgets, General classes
2477
+ *-------------------------------------------------------------------------------
2478
+ */
bp-templates/bp-legacy/css/twentythirteen-rtl.css CHANGED
@@ -1,63 +1,63 @@
1
  @charset "UTF-8";
2
- /*--------------------------------------------------------------
3
-
4
- This is the BuddyPress companion stylesheet for
5
- the WordPress Twentythirteen theme.
6
-
7
- This sheet supports the primary BuddyPress styles in buddypress.css
8
-
9
- If you are running as a child theme of twentyfifteen this stylesheet will be
10
- loaded by default. If you want to modify the styles the normal BP Theme Compat
11
- hierarchy works and you can copy the file to buddypress/css/ or community/css/
12
- in your child themes root & either start over or modify the rulesets.
13
-
14
- If you do not require the styles you can dequeue them from the themes functions file.
15
-
16
- Please see this codex article for more information:
17
- http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
18
-
19
- ----------------------------------------------------------------
20
- >>> TABLE OF CONTENTS:
21
- ----------------------------------------------------------------
22
- 1.0 Theme Structural Elements & overrides
23
- 2.0 - Navigation - General
24
- 2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
25
- 2.2 - Pagination
26
- 3.0 - Images
27
- 4.0 - BP Lists / Loops Generic
28
- 4.1 - Activity Loop
29
- 4.1.1 Whats New Activity
30
- 4.1.2 - Activity Listing
31
- 4.1.3 - Activity Comments
32
- 4.2 - Members Loop
33
- 4.3 - Groups Loop
34
- 4.4 - Blogs Loop
35
- 5.0 - Directories - Members, Groups, Blogs, Register, activation
36
- 6.0 - Single Item screens: User Account & Single Group Screens
37
- 6.1 - Item Headers: Global
38
- 6.1.1 - item-header: Groups
39
- 6.1.2 - item-header: User Accounts
40
- 6.2 - Item Body: Global
41
- 6.2.1 - item-body: Groups
42
- 6.2.1.1 - Management settings screens
43
- 6.2.1.2 - Group members list
44
- 6.2.1.3 - Group send Invites
45
- 6.2.2 - item-body: User Accounts
46
- 6.2.2.1 - classes, pag, filters
47
- 6.2.2.2 - Extended Profiles
48
- 6.2.2.3 - Groups
49
- 6.2.2.4 - friends
50
- 6.2.2.5 - Private Messaging Threads
51
- 6.2.2.6 - Settings
52
- 7.0 - Forms - General
53
- 8.0 - Tables - General
54
- 9.0 - Error / Success Messages
55
- 10.0 - Ajax Loading, Widgets, General classes
56
  --------------------------------------------------------------*/
57
- /**
58
- *-------------------------------------------------------------------------------
59
- * @section 1.0 - Theme - Structural Elements & overrides
60
- *-------------------------------------------------------------------------------
61
  */
62
  .buddypress div.clear {
63
  display: none;
@@ -82,17 +82,17 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
82
  max-width: 890px;
83
  }
84
 
85
- /**
86
- *-------------------------------------------------------------------------------
87
- * @section 2.0 - Navigation - General
88
- *-------------------------------------------------------------------------------
89
  */
90
- /**
91
- *----------------------------------------------------------
92
- * @section 2.1 - Navs Object Nav / Sub Nav (item-list-tabs)
93
- *
94
- * The main navigational elements for all BP screens
95
- *----------------------------------------------------------
96
  */
97
  #buddypress div.item-list-tabs ul {
98
  background-color: #f7f5e7;
@@ -296,10 +296,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
296
  }
297
  }
298
 
299
- /**
300
- *----------------------------------------------------------
301
- * @section 2.2 - Pagination
302
- *----------------------------------------------------------
303
  */
304
  #buddypress div.pagination {
305
  box-shadow: none;
@@ -343,10 +343,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
343
  left: auto;
344
  }
345
 
346
- /**
347
- *-------------------------------------------------------------------------------
348
- * @section 4.0 - BP Lists / Loops Generic
349
- *-------------------------------------------------------------------------------
350
  */
351
  #buddypress .item-list .activity-header,
352
  #buddypress .item-list .activity-meta {
@@ -511,15 +511,15 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
511
  font-style: italic;
512
  }
513
 
514
- /**
515
- *----------------------------------------------------------
516
- * @section 4.1 - Activity
517
- *----------------------------------------------------------
518
  */
519
- /**
520
- *-----------------------------------------------------
521
- * @section 4.1.1 - Activity Whats New
522
- *-----------------------------------------------------
523
  */
524
  #buddypress form#whats-new-form p.activity-greeting {
525
  line-height: 1.4;
@@ -564,10 +564,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
564
  margin: 40px 0;
565
  }
566
 
567
- /**
568
- *-----------------------------------------------------
569
- * @section 4.1.2 - Activity Listing
570
- *-----------------------------------------------------
571
  */
572
  #buddypress #activity-stream li {
573
  padding: 25px 0 15px;
@@ -709,10 +709,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
709
  padding: 20px;
710
  }
711
 
712
- /**
713
- *-----------------------------------------------------
714
- * @section 4.1.3 - Activity Comments
715
- *-----------------------------------------------------
716
  */
717
  #buddypress #activity-stream .activity-comments {
718
  border-right: 1px solid #eaeaea;
@@ -755,10 +755,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
755
  background: #ededed;
756
  }
757
 
758
- /**
759
- *----------------------------------------------------------
760
- * @section 4.2 - Members Loop
761
- *----------------------------------------------------------
762
  */
763
  @media screen and (min-width: 59.6875em) {
764
  #buddypress #members-list li .item-avatar,
@@ -770,15 +770,15 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
770
  }
771
  }
772
 
773
- /**
774
- *-------------------------------------------------------------------------------
775
- * @section 5.0 - Directories
776
- *-------------------------------------------------------------------------------
777
  */
778
- /**
779
- *-----------------------------------------------------------
780
- * @subsection Registration
781
- *-----------------------------------------------------------
782
  */
783
  #buddypress #signup_form.standard-form #profile-details-section,
784
  #buddypress #signup_form.standard-form #basic-details-section,
@@ -804,15 +804,15 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
804
  }
805
  }
806
 
807
- /**
808
- *-------------------------------------------------------------------------------
809
- * @section 6.0 - Single Item screens: User Account & Single Group Screens
810
- *-------------------------------------------------------------------------------
811
  */
812
- /**
813
- *-----------------------------------------------------------
814
- * @subsection 6.1 - Item Header Global
815
- *-----------------------------------------------------------
816
  */
817
  .bp-user .entry-header,
818
  .single-item.groups .entry-header {
@@ -886,12 +886,12 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
886
  }
887
  }
888
 
889
- /**
890
- *-----------------------------------------------------
891
- * @subsection 6.1.1 - item-header Groups
892
- *
893
- * Group Specific Item Header
894
- *-----------------------------------------------------
895
  */
896
  @media screen and (max-width: 46.25em) {
897
  .single-item.groups #buddypress #item-header #item-meta {
@@ -1022,12 +1022,12 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1022
  }
1023
  }
1024
 
1025
- /**
1026
- *-----------------------------------------------------
1027
- * @subsection 6.1.2 - Item Header User Accounts
1028
- *
1029
- * User Accounts Specific Item Header
1030
- *-----------------------------------------------------
1031
  */
1032
  .bp-user #buddypress #item-header {
1033
  padding: 20px 0;
@@ -1081,22 +1081,22 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1081
  }
1082
  }
1083
 
1084
- /**
1085
- *-----------------------------------------------------------
1086
- * @subsection 6.2 - Item Body: Global
1087
- *-----------------------------------------------------------
1088
  */
1089
- /**
1090
- *----------------------------------------------------
1091
- * @subsection 6.2.1 - Item Body Groups
1092
- *
1093
- * Groups specific item body rules - screens
1094
- *----------------------------------------------------
1095
  */
1096
- /**
1097
- *-----------------------------------------
1098
- * @subsection 6.2.1.1 - Group Management
1099
- *-----------------------------------------
1100
  */
1101
  .groups #group-settings-form h3 {
1102
  background: #555;
@@ -1176,10 +1176,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1176
  margin: 0;
1177
  }
1178
 
1179
- /**
1180
- *-----------------------------------------
1181
- * @subsection 6.2.1.2 - Group members
1182
- *-----------------------------------------
1183
  */
1184
  .groups.group-members #subnav li {
1185
  width: 100%;
@@ -1207,10 +1207,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1207
  }
1208
  }
1209
 
1210
- /**
1211
- *-----------------------------------------
1212
- * @subsection 6.2.1.3 - Group send Invites
1213
- *-----------------------------------------
1214
  */
1215
  #buddypress div.invite .left-menu {
1216
  float: none;
@@ -1250,21 +1250,21 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1250
  }
1251
  }
1252
 
1253
- /**
1254
- *-----------------------------------------------------
1255
- * @subsection 6.2.2 - Item Body User Accounts
1256
- *
1257
- * User Account specific item body rules
1258
- *-----------------------------------------------------
1259
  */
1260
  .bp-user .entry-title {
1261
  margin-bottom: 0.5em;
1262
  }
1263
 
1264
- /**
1265
- *--------------------------------------------
1266
- * @subsection 6.2.2.1 - classes, pag, filters
1267
- *--------------------------------------------
1268
  */
1269
  .bp-user #buddypress table th {
1270
  font-size: 14px;
@@ -1336,10 +1336,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1336
  width: 40%;
1337
  }
1338
 
1339
- /**
1340
- *-------------------------------------------
1341
- * @subsection 6.2.2.2 - Extended Profiles
1342
- *-------------------------------------------
1343
  */
1344
  .bp-user #buddypress .profile .bp-widget h2 {
1345
  background: #6f6f6f;
@@ -1403,10 +1403,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1403
  font-size: inherit;
1404
  }
1405
 
1406
- /**
1407
- *-------------------------------------------
1408
- * @subsection 6.2.2.3 - Groups
1409
- *-------------------------------------------
1410
  */
1411
  @media screen and (min-width: 77.5em) {
1412
  .bp-user #buddypress #groups-list li .item {
@@ -1415,10 +1415,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1415
  }
1416
  }
1417
 
1418
- /**
1419
- *-------------------------------------------
1420
- * @subsection 6.2.2.5 - Private Messaging
1421
- *-------------------------------------------
1422
  */
1423
  .bp-user #buddypress #message-thread a {
1424
  border-bottom: 0;
@@ -1665,10 +1665,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1665
  cursor: pointer;
1666
  }
1667
 
1668
- /**
1669
- *------------------------------
1670
- * @subsection 6.2.2.6 - Settings
1671
- *------------------------------
1672
  */
1673
  .bp-user #buddypress #settings-form {
1674
  padding: 0 10px;
@@ -1710,10 +1710,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1710
  width: 100%;
1711
  }
1712
 
1713
- /**
1714
- *-------------------------------------------------------------------------------
1715
- * @section 7.0 - Forms - General
1716
- *-------------------------------------------------------------------------------
1717
  */
1718
  #main #buddypress .standard-form li {
1719
  float: none;
@@ -1862,10 +1862,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1862
  }
1863
  }
1864
 
1865
- /**
1866
- *-------------------------------------------------------------------------------
1867
- * @section 8.0 - Tables - General
1868
- *-------------------------------------------------------------------------------
1869
  */
1870
  #buddypress table {
1871
  font-size: 14px;
@@ -1938,10 +1938,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1938
  text-align: center;
1939
  }
1940
 
1941
- /**
1942
- *-------------------------------------------------------------------------------
1943
- * @section 9.0 - Error / Success messages
1944
- *-------------------------------------------------------------------------------
1945
  */
1946
  #buddypress div#message p {
1947
  font-size: 18px;
@@ -1967,8 +1967,8 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1967
  color: #1f0808;
1968
  }
1969
 
1970
- /**
1971
- *-------------------------------------------------------------------------------
1972
- * @section 10.0 - Ajax Loading, Widgets, General classes
1973
- *-------------------------------------------------------------------------------
1974
  */
1
  @charset "UTF-8";
2
+ /*--------------------------------------------------------------
3
+
4
+ This is the BuddyPress companion stylesheet for
5
+ the WordPress Twentythirteen theme.
6
+
7
+ This sheet supports the primary BuddyPress styles in buddypress.css
8
+
9
+ If you are running as a child theme of twentyfifteen this stylesheet will be
10
+ loaded by default. If you want to modify the styles the normal BP Theme Compat
11
+ hierarchy works and you can copy the file to buddypress/css/ or community/css/
12
+ in your child themes root & either start over or modify the rulesets.
13
+
14
+ If you do not require the styles you can dequeue them from the themes functions file.
15
+
16
+ Please see this codex article for more information:
17
+ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
18
+
19
+ ----------------------------------------------------------------
20
+ >>> TABLE OF CONTENTS:
21
+ ----------------------------------------------------------------
22
+ 1.0 Theme Structural Elements & overrides
23
+ 2.0 - Navigation - General
24
+ 2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
25
+ 2.2 - Pagination
26
+ 3.0 - Images
27
+ 4.0 - BP Lists / Loops Generic
28
+ 4.1 - Activity Loop
29
+ 4.1.1 Whats New Activity
30
+ 4.1.2 - Activity Listing
31
+ 4.1.3 - Activity Comments
32
+ 4.2 - Members Loop
33
+ 4.3 - Groups Loop
34
+ 4.4 - Blogs Loop
35
+ 5.0 - Directories - Members, Groups, Blogs, Register, activation
36
+ 6.0 - Single Item screens: User Account & Single Group Screens
37
+ 6.1 - Item Headers: Global
38
+ 6.1.1 - item-header: Groups
39
+ 6.1.2 - item-header: User Accounts
40
+ 6.2 - Item Body: Global
41
+ 6.2.1 - item-body: Groups
42
+ 6.2.1.1 - Management settings screens
43
+ 6.2.1.2 - Group members list
44
+ 6.2.1.3 - Group send Invites
45
+ 6.2.2 - item-body: User Accounts
46
+ 6.2.2.1 - classes, pag, filters
47
+ 6.2.2.2 - Extended Profiles
48
+ 6.2.2.3 - Groups
49
+ 6.2.2.4 - friends
50
+ 6.2.2.5 - Private Messaging Threads
51
+ 6.2.2.6 - Settings
52
+ 7.0 - Forms - General
53
+ 8.0 - Tables - General
54
+ 9.0 - Error / Success Messages
55
+ 10.0 - Ajax Loading, Widgets, General classes
56
  --------------------------------------------------------------*/
57
+ /**
58
+ *-------------------------------------------------------------------------------
59
+ * @section 1.0 - Theme - Structural Elements & overrides
60
+ *-------------------------------------------------------------------------------
61
  */
62
  .buddypress div.clear {
63
  display: none;
82
  max-width: 890px;
83
  }
84
 
85
+ /**
86
+ *-------------------------------------------------------------------------------
87
+ * @section 2.0 - Navigation - General
88
+ *-------------------------------------------------------------------------------
89
  */
90
+ /**
91
+ *----------------------------------------------------------
92
+ * @section 2.1 - Navs Object Nav / Sub Nav (item-list-tabs)
93
+ *
94
+ * The main navigational elements for all BP screens
95
+ *----------------------------------------------------------
96
  */
97
  #buddypress div.item-list-tabs ul {
98
  background-color: #f7f5e7;
296
  }
297
  }
298
 
299
+ /**
300
+ *----------------------------------------------------------
301
+ * @section 2.2 - Pagination
302
+ *----------------------------------------------------------
303
  */
304
  #buddypress div.pagination {
305
  box-shadow: none;
343
  left: auto;
344
  }
345
 
346
+ /**
347
+ *-------------------------------------------------------------------------------
348
+ * @section 4.0 - BP Lists / Loops Generic
349
+ *-------------------------------------------------------------------------------
350
  */
351
  #buddypress .item-list .activity-header,
352
  #buddypress .item-list .activity-meta {
511
  font-style: italic;
512
  }
513
 
514
+ /**
515
+ *----------------------------------------------------------
516
+ * @section 4.1 - Activity
517
+ *----------------------------------------------------------
518
  */
519
+ /**
520
+ *-----------------------------------------------------
521
+ * @section 4.1.1 - Activity Whats New
522
+ *-----------------------------------------------------
523
  */
524
  #buddypress form#whats-new-form p.activity-greeting {
525
  line-height: 1.4;
564
  margin: 40px 0;
565
  }
566
 
567
+ /**
568
+ *-----------------------------------------------------
569
+ * @section 4.1.2 - Activity Listing
570
+ *-----------------------------------------------------
571
  */
572
  #buddypress #activity-stream li {
573
  padding: 25px 0 15px;
709
  padding: 20px;
710
  }
711
 
712
+ /**
713
+ *-----------------------------------------------------
714
+ * @section 4.1.3 - Activity Comments
715
+ *-----------------------------------------------------
716
  */
717
  #buddypress #activity-stream .activity-comments {
718
  border-right: 1px solid #eaeaea;
755
  background: #ededed;
756
  }
757
 
758
+ /**
759
+ *----------------------------------------------------------
760
+ * @section 4.2 - Members Loop
761
+ *----------------------------------------------------------
762
  */
763
  @media screen and (min-width: 59.6875em) {
764
  #buddypress #members-list li .item-avatar,
770
  }
771
  }
772
 
773
+ /**
774
+ *-------------------------------------------------------------------------------
775
+ * @section 5.0 - Directories
776
+ *-------------------------------------------------------------------------------
777
  */
778
+ /**
779
+ *-----------------------------------------------------------
780
+ * @subsection Registration
781
+ *-----------------------------------------------------------
782
  */
783
  #buddypress #signup_form.standard-form #profile-details-section,
784
  #buddypress #signup_form.standard-form #basic-details-section,
804
  }
805
  }
806
 
807
+ /**
808
+ *-------------------------------------------------------------------------------
809
+ * @section 6.0 - Single Item screens: User Account & Single Group Screens
810
+ *-------------------------------------------------------------------------------
811
  */
812
+ /**
813
+ *-----------------------------------------------------------
814
+ * @subsection 6.1 - Item Header Global
815
+ *-----------------------------------------------------------
816
  */
817
  .bp-user .entry-header,
818
  .single-item.groups .entry-header {
886
  }
887
  }
888
 
889
+ /**
890
+ *-----------------------------------------------------
891
+ * @subsection 6.1.1 - item-header Groups
892
+ *
893
+ * Group Specific Item Header
894
+ *-----------------------------------------------------
895
  */
896
  @media screen and (max-width: 46.25em) {
897
  .single-item.groups #buddypress #item-header #item-meta {
1022
  }
1023
  }
1024
 
1025
+ /**
1026
+ *-----------------------------------------------------
1027
+ * @subsection 6.1.2 - Item Header User Accounts
1028
+ *
1029
+ * User Accounts Specific Item Header
1030
+ *-----------------------------------------------------
1031
  */
1032
  .bp-user #buddypress #item-header {
1033
  padding: 20px 0;
1081
  }
1082
  }
1083
 
1084
+ /**
1085
+ *-----------------------------------------------------------
1086
+ * @subsection 6.2 - Item Body: Global
1087
+ *-----------------------------------------------------------
1088
  */
1089
+ /**
1090
+ *----------------------------------------------------
1091
+ * @subsection 6.2.1 - Item Body Groups
1092
+ *
1093
+ * Groups specific item body rules - screens
1094
+ *----------------------------------------------------
1095
  */
1096
+ /**
1097
+ *-----------------------------------------
1098
+ * @subsection 6.2.1.1 - Group Management
1099
+ *-----------------------------------------
1100
  */
1101
  .groups #group-settings-form h3 {
1102
  background: #555;
1176
  margin: 0;
1177
  }
1178
 
1179
+ /**
1180
+ *-----------------------------------------
1181
+ * @subsection 6.2.1.2 - Group members
1182
+ *-----------------------------------------
1183
  */
1184
  .groups.group-members #subnav li {
1185
  width: 100%;
1207
  }
1208
  }
1209
 
1210
+ /**
1211
+ *-----------------------------------------
1212
+ * @subsection 6.2.1.3 - Group send Invites
1213
+ *-----------------------------------------
1214
  */
1215
  #buddypress div.invite .left-menu {
1216
  float: none;
1250
  }
1251
  }
1252
 
1253
+ /**
1254
+ *-----------------------------------------------------
1255
+ * @subsection 6.2.2 - Item Body User Accounts
1256
+ *
1257
+ * User Account specific item body rules
1258
+ *-----------------------------------------------------
1259
  */
1260
  .bp-user .entry-title {
1261
  margin-bottom: 0.5em;
1262
  }
1263
 
1264
+ /**
1265
+ *--------------------------------------------
1266
+ * @subsection 6.2.2.1 - classes, pag, filters
1267
+ *--------------------------------------------
1268
  */
1269
  .bp-user #buddypress table th {
1270
  font-size: 14px;
1336
  width: 40%;
1337
  }
1338
 
1339
+ /**
1340
+ *-------------------------------------------
1341
+ * @subsection 6.2.2.2 - Extended Profiles
1342
+ *-------------------------------------------
1343
  */
1344
  .bp-user #buddypress .profile .bp-widget h2 {
1345
  background: #6f6f6f;
1403
  font-size: inherit;
1404
  }
1405
 
1406
+ /**
1407
+ *-------------------------------------------
1408
+ * @subsection 6.2.2.3 - Groups
1409
+ *-------------------------------------------
1410
  */
1411
  @media screen and (min-width: 77.5em) {
1412
  .bp-user #buddypress #groups-list li .item {
1415
  }
1416
  }
1417
 
1418
+ /**
1419
+ *-------------------------------------------
1420
+ * @subsection 6.2.2.5 - Private Messaging
1421
+ *-------------------------------------------
1422
  */
1423
  .bp-user #buddypress #message-thread a {
1424
  border-bottom: 0;
1665
  cursor: pointer;
1666
  }
1667
 
1668
+ /**
1669
+ *------------------------------
1670
+ * @subsection 6.2.2.6 - Settings
1671
+ *------------------------------
1672
  */
1673
  .bp-user #buddypress #settings-form {
1674
  padding: 0 10px;
1710
  width: 100%;
1711
  }
1712
 
1713
+ /**
1714
+ *-------------------------------------------------------------------------------
1715
+ * @section 7.0 - Forms - General
1716
+ *-------------------------------------------------------------------------------
1717
  */
1718
  #main #buddypress .standard-form li {
1719
  float: none;
1862
  }
1863
  }
1864
 
1865
+ /**
1866
+ *-------------------------------------------------------------------------------
1867
+ * @section 8.0 - Tables - General
1868
+ *-------------------------------------------------------------------------------
1869
  */
1870
  #buddypress table {
1871
  font-size: 14px;
1938
  text-align: center;
1939
  }
1940
 
1941
+ /**
1942
+ *-------------------------------------------------------------------------------
1943
+ * @section 9.0 - Error / Success messages
1944
+ *-------------------------------------------------------------------------------
1945
  */
1946
  #buddypress div#message p {
1947
  font-size: 18px;
1967
  color: #1f0808;
1968
  }
1969
 
1970
+ /**
1971
+ *-------------------------------------------------------------------------------
1972
+ * @section 10.0 - Ajax Loading, Widgets, General classes
1973
+ *-------------------------------------------------------------------------------
1974
  */
bp-templates/bp-legacy/css/twentythirteen.css CHANGED
@@ -1,63 +1,63 @@
1
  @charset "UTF-8";
2
- /*--------------------------------------------------------------
3
-
4
- This is the BuddyPress companion stylesheet for
5
- the WordPress Twentythirteen theme.
6
-
7
- This sheet supports the primary BuddyPress styles in buddypress.css
8
-
9
- If you are running as a child theme of twentyfifteen this stylesheet will be
10
- loaded by default. If you want to modify the styles the normal BP Theme Compat
11
- hierarchy works and you can copy the file to buddypress/css/ or community/css/
12
- in your child themes root & either start over or modify the rulesets.
13
-
14
- If you do not require the styles you can dequeue them from the themes functions file.
15
-
16
- Please see this codex article for more information:
17
- http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
18
-
19
- ----------------------------------------------------------------
20
- >>> TABLE OF CONTENTS:
21
- ----------------------------------------------------------------
22
- 1.0 Theme Structural Elements & overrides
23
- 2.0 - Navigation - General
24
- 2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
25
- 2.2 - Pagination
26
- 3.0 - Images
27
- 4.0 - BP Lists / Loops Generic
28
- 4.1 - Activity Loop
29
- 4.1.1 Whats New Activity
30
- 4.1.2 - Activity Listing
31
- 4.1.3 - Activity Comments
32
- 4.2 - Members Loop
33
- 4.3 - Groups Loop
34
- 4.4 - Blogs Loop
35
- 5.0 - Directories - Members, Groups, Blogs, Register, activation
36
- 6.0 - Single Item screens: User Account & Single Group Screens
37
- 6.1 - Item Headers: Global
38
- 6.1.1 - item-header: Groups
39
- 6.1.2 - item-header: User Accounts
40
- 6.2 - Item Body: Global
41
- 6.2.1 - item-body: Groups
42
- 6.2.1.1 - Management settings screens
43
- 6.2.1.2 - Group members list
44
- 6.2.1.3 - Group send Invites
45
- 6.2.2 - item-body: User Accounts
46
- 6.2.2.1 - classes, pag, filters
47
- 6.2.2.2 - Extended Profiles
48
- 6.2.2.3 - Groups
49
- 6.2.2.4 - friends
50
- 6.2.2.5 - Private Messaging Threads
51
- 6.2.2.6 - Settings
52
- 7.0 - Forms - General
53
- 8.0 - Tables - General
54
- 9.0 - Error / Success Messages
55
- 10.0 - Ajax Loading, Widgets, General classes
56
  --------------------------------------------------------------*/
57
- /**
58
- *-------------------------------------------------------------------------------
59
- * @section 1.0 - Theme - Structural Elements & overrides
60
- *-------------------------------------------------------------------------------
61
  */
62
  .buddypress div.clear {
63
  display: none;
@@ -82,17 +82,17 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
82
  max-width: 890px;
83
  }
84
 
85
- /**
86
- *-------------------------------------------------------------------------------
87
- * @section 2.0 - Navigation - General
88
- *-------------------------------------------------------------------------------
89
  */
90
- /**
91
- *----------------------------------------------------------
92
- * @section 2.1 - Navs Object Nav / Sub Nav (item-list-tabs)
93
- *
94
- * The main navigational elements for all BP screens
95
- *----------------------------------------------------------
96
  */
97
  #buddypress div.item-list-tabs ul {
98
  background-color: #f7f5e7;
@@ -296,10 +296,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
296
  }
297
  }
298
 
299
- /**
300
- *----------------------------------------------------------
301
- * @section 2.2 - Pagination
302
- *----------------------------------------------------------
303
  */
304
  #buddypress div.pagination {
305
  box-shadow: none;
@@ -343,10 +343,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
343
  right: auto;
344
  }
345
 
346
- /**
347
- *-------------------------------------------------------------------------------
348
- * @section 4.0 - BP Lists / Loops Generic
349
- *-------------------------------------------------------------------------------
350
  */
351
  #buddypress .item-list .activity-header,
352
  #buddypress .item-list .activity-meta {
@@ -511,15 +511,15 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
511
  font-style: italic;
512
  }
513
 
514
- /**
515
- *----------------------------------------------------------
516
- * @section 4.1 - Activity
517
- *----------------------------------------------------------
518
  */
519
- /**
520
- *-----------------------------------------------------
521
- * @section 4.1.1 - Activity Whats New
522
- *-----------------------------------------------------
523
  */
524
  #buddypress form#whats-new-form p.activity-greeting {
525
  line-height: 1.4;
@@ -564,10 +564,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
564
  margin: 40px 0;
565
  }
566
 
567
- /**
568
- *-----------------------------------------------------
569
- * @section 4.1.2 - Activity Listing
570
- *-----------------------------------------------------
571
  */
572
  #buddypress #activity-stream li {
573
  padding: 25px 0 15px;
@@ -709,10 +709,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
709
  padding: 20px;
710
  }
711
 
712
- /**
713
- *-----------------------------------------------------
714
- * @section 4.1.3 - Activity Comments
715
- *-----------------------------------------------------
716
  */
717
  #buddypress #activity-stream .activity-comments {
718
  border-left: 1px solid #eaeaea;
@@ -755,10 +755,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
755
  background: #ededed;
756
  }
757
 
758
- /**
759
- *----------------------------------------------------------
760
- * @section 4.2 - Members Loop
761
- *----------------------------------------------------------
762
  */
763
  @media screen and (min-width: 59.6875em) {
764
  #buddypress #members-list li .item-avatar,
@@ -770,15 +770,15 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
770
  }
771
  }
772
 
773
- /**
774
- *-------------------------------------------------------------------------------
775
- * @section 5.0 - Directories
776
- *-------------------------------------------------------------------------------
777
  */
778
- /**
779
- *-----------------------------------------------------------
780
- * @subsection Registration
781
- *-----------------------------------------------------------
782
  */
783
  #buddypress #signup_form.standard-form #profile-details-section,
784
  #buddypress #signup_form.standard-form #basic-details-section,
@@ -804,15 +804,15 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
804
  }
805
  }
806
 
807
- /**
808
- *-------------------------------------------------------------------------------
809
- * @section 6.0 - Single Item screens: User Account & Single Group Screens
810
- *-------------------------------------------------------------------------------
811
  */
812
- /**
813
- *-----------------------------------------------------------
814
- * @subsection 6.1 - Item Header Global
815
- *-----------------------------------------------------------
816
  */
817
  .bp-user .entry-header,
818
  .single-item.groups .entry-header {
@@ -886,12 +886,12 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
886
  }
887
  }
888
 
889
- /**
890
- *-----------------------------------------------------
891
- * @subsection 6.1.1 - item-header Groups
892
- *
893
- * Group Specific Item Header
894
- *-----------------------------------------------------
895
  */
896
  @media screen and (max-width: 46.25em) {
897
  .single-item.groups #buddypress #item-header #item-meta {
@@ -1022,12 +1022,12 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1022
  }
1023
  }
1024
 
1025
- /**
1026
- *-----------------------------------------------------
1027
- * @subsection 6.1.2 - Item Header User Accounts
1028
- *
1029
- * User Accounts Specific Item Header
1030
- *-----------------------------------------------------
1031
  */
1032
  .bp-user #buddypress #item-header {
1033
  padding: 20px 0;
@@ -1081,22 +1081,22 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1081
  }
1082
  }
1083
 
1084
- /**
1085
- *-----------------------------------------------------------
1086
- * @subsection 6.2 - Item Body: Global
1087
- *-----------------------------------------------------------
1088
  */
1089
- /**
1090
- *----------------------------------------------------
1091
- * @subsection 6.2.1 - Item Body Groups
1092
- *
1093
- * Groups specific item body rules - screens
1094
- *----------------------------------------------------
1095
  */
1096
- /**
1097
- *-----------------------------------------
1098
- * @subsection 6.2.1.1 - Group Management
1099
- *-----------------------------------------
1100
  */
1101
  .groups #group-settings-form h3 {
1102
  background: #555;
@@ -1176,10 +1176,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1176
  margin: 0;
1177
  }
1178
 
1179
- /**
1180
- *-----------------------------------------
1181
- * @subsection 6.2.1.2 - Group members
1182
- *-----------------------------------------
1183
  */
1184
  .groups.group-members #subnav li {
1185
  width: 100%;
@@ -1207,10 +1207,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1207
  }
1208
  }
1209
 
1210
- /**
1211
- *-----------------------------------------
1212
- * @subsection 6.2.1.3 - Group send Invites
1213
- *-----------------------------------------
1214
  */
1215
  #buddypress div.invite .left-menu {
1216
  float: none;
@@ -1250,21 +1250,21 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1250
  }
1251
  }
1252
 
1253
- /**
1254
- *-----------------------------------------------------
1255
- * @subsection 6.2.2 - Item Body User Accounts
1256
- *
1257
- * User Account specific item body rules
1258
- *-----------------------------------------------------
1259
  */
1260
  .bp-user .entry-title {
1261
  margin-bottom: 0.5em;
1262
  }
1263
 
1264
- /**
1265
- *--------------------------------------------
1266
- * @subsection 6.2.2.1 - classes, pag, filters
1267
- *--------------------------------------------
1268
  */
1269
  .bp-user #buddypress table th {
1270
  font-size: 14px;
@@ -1336,10 +1336,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1336
  width: 40%;
1337
  }
1338
 
1339
- /**
1340
- *-------------------------------------------
1341
- * @subsection 6.2.2.2 - Extended Profiles
1342
- *-------------------------------------------
1343
  */
1344
  .bp-user #buddypress .profile .bp-widget h2 {
1345
  background: #6f6f6f;
@@ -1403,10 +1403,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1403
  font-size: inherit;
1404
  }
1405
 
1406
- /**
1407
- *-------------------------------------------
1408
- * @subsection 6.2.2.3 - Groups
1409
- *-------------------------------------------
1410
  */
1411
  @media screen and (min-width: 77.5em) {
1412
  .bp-user #buddypress #groups-list li .item {
@@ -1415,10 +1415,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1415
  }
1416
  }
1417
 
1418
- /**
1419
- *-------------------------------------------
1420
- * @subsection 6.2.2.5 - Private Messaging
1421
- *-------------------------------------------
1422
  */
1423
  .bp-user #buddypress #message-thread a {
1424
  border-bottom: 0;
@@ -1665,10 +1665,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1665
  cursor: pointer;
1666
  }
1667
 
1668
- /**
1669
- *------------------------------
1670
- * @subsection 6.2.2.6 - Settings
1671
- *------------------------------
1672
  */
1673
  .bp-user #buddypress #settings-form {
1674
  padding: 0 10px;
@@ -1710,10 +1710,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1710
  width: 100%;
1711
  }
1712
 
1713
- /**
1714
- *-------------------------------------------------------------------------------
1715
- * @section 7.0 - Forms - General
1716
- *-------------------------------------------------------------------------------
1717
  */
1718
  #main #buddypress .standard-form li {
1719
  float: none;
@@ -1862,10 +1862,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1862
  }
1863
  }
1864
 
1865
- /**
1866
- *-------------------------------------------------------------------------------
1867
- * @section 8.0 - Tables - General
1868
- *-------------------------------------------------------------------------------
1869
  */
1870
  #buddypress table {
1871
  font-size: 14px;
@@ -1938,10 +1938,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1938
  text-align: center;
1939
  }
1940
 
1941
- /**
1942
- *-------------------------------------------------------------------------------
1943
- * @section 9.0 - Error / Success messages
1944
- *-------------------------------------------------------------------------------
1945
  */
1946
  #buddypress div#message p {
1947
  font-size: 18px;
@@ -1967,8 +1967,8 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1967
  color: #1f0808;
1968
  }
1969
 
1970
- /**
1971
- *-------------------------------------------------------------------------------
1972
- * @section 10.0 - Ajax Loading, Widgets, General classes
1973
- *-------------------------------------------------------------------------------
1974
  */
1
  @charset "UTF-8";
2
+ /*--------------------------------------------------------------
3
+
4
+ This is the BuddyPress companion stylesheet for
5
+ the WordPress Twentythirteen theme.
6
+
7
+ This sheet supports the primary BuddyPress styles in buddypress.css
8
+
9
+ If you are running as a child theme of twentyfifteen this stylesheet will be
10
+ loaded by default. If you want to modify the styles the normal BP Theme Compat
11
+ hierarchy works and you can copy the file to buddypress/css/ or community/css/
12
+ in your child themes root & either start over or modify the rulesets.
13
+
14
+ If you do not require the styles you can dequeue them from the themes functions file.
15
+
16
+ Please see this codex article for more information:
17
+ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
18
+
19
+ ----------------------------------------------------------------
20
+ >>> TABLE OF CONTENTS:
21
+ ----------------------------------------------------------------
22
+ 1.0 Theme Structural Elements & overrides
23
+ 2.0 - Navigation - General
24
+ 2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
25
+ 2.2 - Pagination
26
+ 3.0 - Images
27
+ 4.0 - BP Lists / Loops Generic
28
+ 4.1 - Activity Loop
29
+ 4.1.1 Whats New Activity
30
+ 4.1.2 - Activity Listing
31
+ 4.1.3 - Activity Comments
32
+ 4.2 - Members Loop
33
+ 4.3 - Groups Loop
34
+ 4.4 - Blogs Loop
35
+ 5.0 - Directories - Members, Groups, Blogs, Register, activation
36
+ 6.0 - Single Item screens: User Account & Single Group Screens
37
+ 6.1 - Item Headers: Global
38
+ 6.1.1 - item-header: Groups
39
+ 6.1.2 - item-header: User Accounts
40
+ 6.2 - Item Body: Global
41
+ 6.2.1 - item-body: Groups
42
+ 6.2.1.1 - Management settings screens
43
+ 6.2.1.2 - Group members list
44
+ 6.2.1.3 - Group send Invites
45
+ 6.2.2 - item-body: User Accounts
46
+ 6.2.2.1 - classes, pag, filters
47
+ 6.2.2.2 - Extended Profiles
48
+ 6.2.2.3 - Groups
49
+ 6.2.2.4 - friends
50
+ 6.2.2.5 - Private Messaging Threads
51
+ 6.2.2.6 - Settings
52
+ 7.0 - Forms - General
53
+ 8.0 - Tables - General
54
+ 9.0 - Error / Success Messages
55
+ 10.0 - Ajax Loading, Widgets, General classes
56
  --------------------------------------------------------------*/
57
+ /**
58
+ *-------------------------------------------------------------------------------
59
+ * @section 1.0 - Theme - Structural Elements & overrides
60
+ *-------------------------------------------------------------------------------
61
  */
62
  .buddypress div.clear {
63
  display: none;
82
  max-width: 890px;
83
  }
84
 
85
+ /**
86
+ *-------------------------------------------------------------------------------
87
+ * @section 2.0 - Navigation - General
88
+ *-------------------------------------------------------------------------------
89
  */
90
+ /**
91
+ *----------------------------------------------------------
92
+ * @section 2.1 - Navs Object Nav / Sub Nav (item-list-tabs)
93
+ *
94
+ * The main navigational elements for all BP screens
95
+ *----------------------------------------------------------
96
  */
97
  #buddypress div.item-list-tabs ul {
98
  background-color: #f7f5e7;
296
  }
297
  }
298
 
299
+ /**
300
+ *----------------------------------------------------------
301
+ * @section 2.2 - Pagination
302
+ *----------------------------------------------------------
303
  */
304
  #buddypress div.pagination {
305
  box-shadow: none;
343
  right: auto;
344
  }
345
 
346
+ /**
347
+ *-------------------------------------------------------------------------------
348
+ * @section 4.0 - BP Lists / Loops Generic
349
+ *-------------------------------------------------------------------------------
350
  */
351
  #buddypress .item-list .activity-header,
352
  #buddypress .item-list .activity-meta {
511
  font-style: italic;
512
  }
513
 
514
+ /**
515
+ *----------------------------------------------------------
516
+ * @section 4.1 - Activity
517
+ *----------------------------------------------------------
518
  */
519
+ /**
520
+ *-----------------------------------------------------
521
+ * @section 4.1.1 - Activity Whats New
522
+ *-----------------------------------------------------
523
  */
524
  #buddypress form#whats-new-form p.activity-greeting {
525
  line-height: 1.4;
564
  margin: 40px 0;
565
  }
566
 
567
+ /**
568
+ *-----------------------------------------------------
569
+ * @section 4.1.2 - Activity Listing
570
+ *-----------------------------------------------------
571
  */
572
  #buddypress #activity-stream li {
573
  padding: 25px 0 15px;
709
  padding: 20px;
710
  }
711
 
712
+ /**
713
+ *-----------------------------------------------------
714
+ * @section 4.1.3 - Activity Comments
715
+ *-----------------------------------------------------
716
  */
717
  #buddypress #activity-stream .activity-comments {
718
  border-left: 1px solid #eaeaea;
755
  background: #ededed;
756
  }
757
 
758
+ /**
759
+ *----------------------------------------------------------
760
+ * @section 4.2 - Members Loop
761
+ *----------------------------------------------------------
762
  */
763
  @media screen and (min-width: 59.6875em) {
764
  #buddypress #members-list li .item-avatar,
770
  }
771
  }
772
 
773
+ /**
774
+ *-------------------------------------------------------------------------------
775
+ * @section 5.0 - Directories
776
+ *-------------------------------------------------------------------------------
777
  */
778
+ /**
779
+ *-----------------------------------------------------------
780
+ * @subsection Registration
781
+ *-----------------------------------------------------------
782
  */
783
  #buddypress #signup_form.standard-form #profile-details-section,
784
  #buddypress #signup_form.standard-form #basic-details-section,
804
  }
805
  }
806
 
807
+ /**
808
+ *-------------------------------------------------------------------------------
809
+ * @section 6.0 - Single Item screens: User Account & Single Group Screens
810
+ *-------------------------------------------------------------------------------
811
  */
812
+ /**
813
+ *-----------------------------------------------------------
814
+ * @subsection 6.1 - Item Header Global
815
+ *-----------------------------------------------------------
816
  */
817
  .bp-user .entry-header,
818
  .single-item.groups .entry-header {
886
  }
887
  }
888
 
889
+ /**
890
+ *-----------------------------------------------------
891
+ * @subsection 6.1.1 - item-header Groups
892
+ *
893
+ * Group Specific Item Header
894
+ *-----------------------------------------------------
895
  */
896
  @media screen and (max-width: 46.25em) {
897
  .single-item.groups #buddypress #item-header #item-meta {
1022
  }
1023
  }
1024
 
1025
+ /**
1026
+ *-----------------------------------------------------
1027
+ * @subsection 6.1.2 - Item Header User Accounts
1028
+ *
1029
+ * User Accounts Specific Item Header
1030
+ *-----------------------------------------------------
1031
  */
1032
  .bp-user #buddypress #item-header {
1033
  padding: 20px 0;
1081
  }
1082
  }
1083
 
1084
+ /**
1085
+ *-----------------------------------------------------------
1086
+ * @subsection 6.2 - Item Body: Global
1087
+ *-----------------------------------------------------------
1088
  */
1089
+ /**
1090
+ *----------------------------------------------------
1091
+ * @subsection 6.2.1 - Item Body Groups
1092
+ *
1093
+ * Groups specific item body rules - screens
1094
+ *----------------------------------------------------
1095
  */
1096
+ /**
1097
+ *-----------------------------------------
1098
+ * @subsection 6.2.1.1 - Group Management
1099
+ *-----------------------------------------
1100
  */
1101
  .groups #group-settings-form h3 {
1102
  background: #555;
1176
  margin: 0;
1177
  }
1178
 
1179
+ /**
1180
+ *-----------------------------------------
1181
+ * @subsection 6.2.1.2 - Group members
1182
+ *-----------------------------------------
1183
  */
1184
  .groups.group-members #subnav li {
1185
  width: 100%;
1207
  }
1208
  }
1209
 
1210
+ /**
1211
+ *-----------------------------------------
1212
+ * @subsection 6.2.1.3 - Group send Invites
1213
+ *-----------------------------------------
1214
  */
1215
  #buddypress div.invite .left-menu {
1216
  float: none;
1250
  }
1251
  }
1252
 
1253
+ /**
1254
+ *-----------------------------------------------------
1255
+ * @subsection 6.2.2 - Item Body User Accounts
1256
+ *
1257
+ * User Account specific item body rules
1258
+ *-----------------------------------------------------
1259
  */
1260
  .bp-user .entry-title {
1261
  margin-bottom: 0.5em;
1262
  }
1263
 
1264
+ /**
1265
+ *--------------------------------------------
1266
+ * @subsection 6.2.2.1 - classes, pag, filters
1267
+ *--------------------------------------------
1268
  */
1269
  .bp-user #buddypress table th {
1270
  font-size: 14px;
1336
  width: 40%;
1337
  }
1338
 
1339
+ /**
1340
+ *-------------------------------------------
1341
+ * @subsection 6.2.2.2 - Extended Profiles
1342
+ *-------------------------------------------
1343
  */
1344
  .bp-user #buddypress .profile .bp-widget h2 {
1345
  background: #6f6f6f;
1403
  font-size: inherit;
1404
  }
1405
 
1406
+ /**
1407
+ *-------------------------------------------
1408
+ * @subsection 6.2.2.3 - Groups
1409
+ *-------------------------------------------
1410
  */
1411
  @media screen and (min-width: 77.5em) {
1412
  .bp-user #buddypress #groups-list li .item {
1415
  }
1416
  }
1417
 
1418
+ /**
1419
+ *-------------------------------------------
1420
+ * @subsection 6.2.2.5 - Private Messaging
1421
+ *-------------------------------------------
1422
  */
1423
  .bp-user #buddypress #message-thread a {
1424
  border-bottom: 0;
1665
  cursor: pointer;
1666
  }
1667
 
1668
+ /**
1669
+ *------------------------------
1670
+ * @subsection 6.2.2.6 - Settings
1671
+ *------------------------------
1672
  */
1673
  .bp-user #buddypress #settings-form {
1674
  padding: 0 10px;
1710
  width: 100%;
1711
  }
1712
 
1713
+ /**
1714
+ *-------------------------------------------------------------------------------
1715
+ * @section 7.0 - Forms - General
1716
+ *-------------------------------------------------------------------------------
1717
  */
1718
  #main #buddypress .standard-form li {
1719
  float: none;
1862
  }
1863
  }
1864
 
1865
+ /**
1866
+ *-------------------------------------------------------------------------------
1867
+ * @section 8.0 - Tables - General
1868
+ *-------------------------------------------------------------------------------
1869
  */
1870
  #buddypress table {
1871
  font-size: 14px;
1938
  text-align: center;
1939
  }
1940
 
1941
+ /**
1942
+ *-------------------------------------------------------------------------------
1943
+ * @section 9.0 - Error / Success messages
1944
+ *-------------------------------------------------------------------------------
1945
  */
1946
  #buddypress div#message p {
1947
  font-size: 18px;
1967
  color: #1f0808;
1968
  }
1969
 
1970
+ /**
1971
+ *-------------------------------------------------------------------------------
1972
+ * @section 10.0 - Ajax Loading, Widgets, General classes
1973
+ *-------------------------------------------------------------------------------
1974
  */
bp-templates/bp-legacy/css/twentythirteen.scss CHANGED
@@ -1,2427 +1,2427 @@
1
- // Stylesheet Guidence Notes
2
- // Table of content represents a guide to sections of the sheet.
3
- // Note that not all sections may be described in the body of the
4
- // rulesets only those that require styles for a given theme.
5
- // Sub sections might not exist but can be added as required
6
- // as per BP Lists - 'activity' section.
7
-
8
- // We follow the dictats of the parent theme in respect of media queries,
9
- // font sizing etc. Media queries are used in a modular sense (OOCSS)
10
- // rather than described as blocks to the end of the sheet, this aids ease
11
- // of managing media queries, scalability & flexibility .
12
-
13
- // Twentythirteen Media Queries / Breakpoints.
14
- // @media (max-width: 1599px)
15
- // @media (max-width: 1069px)
16
- // @media (max-width: 999px)
17
- // @media (max-width: 767px)
18
- // @media (max-width: 643px)
19
- // @media (max-width: 359px)
20
-
21
- // These differ from other WP themes in using fewer breakpoints
22
- // and in using max-width rather than min-width
23
- // In addition BP will use the em breakpoints as used for twentyfifteen referenced below.
24
- // @media screen and (max-width: 22em) // Additional for xtra small mobile only
25
- // @media screen and (max-width: 30em) // Additional small only
26
- // @media screen and (min-width: 38.75em)
27
- // @media screen and (min-width: 46.25em)
28
- // @media screen and (min-width: 55em)
29
- // @media screen and (min-width: 59.6875em)
30
- // @media screen and (min-width: 77.5em)
31
- // @media screen and (min-width: 87.6875em)
32
-
33
- // Mixins and Variables
34
-
35
- // Common margin values
36
- $spacing-val-lg: 40px;
37
- $spacing-val-md: 20px;
38
- $spacing-val-sm: 10px;
39
- $spacing-val-xs: 5px;
40
-
41
- // A simple mixin to handle font-sizing
42
- // 2013 uses a basic pixel font size approach, we'll stick with rem/px
43
- @mixin font-size($font-size: 16) {
44
- $rem-font-value: ($font-size / 16);
45
- font-size: ($font-size * 1px);
46
- font-size: $rem-font-value + rem;
47
- }
48
-
49
- // To allow mixins to pass VendorPrefix scss-lint tests we disable lint-test
50
- // for specific blocks / rulesets
51
- // until such time as exemption lists can be built for the scss-lint.yml?
52
- // Any vendor prefix properties / mixins need to be in this block
53
-
54
- // scss-lint:disable VendorPrefix
55
-
56
- // Border border-radius mixins
57
- @mixin border-radius($radius) {
58
- -webkit-border-radius: $radius;
59
- -moz-border-radius: $radius;
60
- -ms-border-radius: $radius;
61
- border-radius: $radius;
62
- background-clip: padding-box;
63
- }
64
-
65
- @mixin border-top-radius($radius) {
66
- -webkit-border-top-right-radius: $radius;
67
- border-top-right-radius: $radius;
68
- -webkit-border-top-left-radius: $radius;
69
- border-top-left-radius: $radius;
70
- background-clip: padding-box;
71
- }
72
-
73
- @mixin border-right-radius($radius) {
74
- -webkit-border-bottom-right-radius: $radius;
75
- border-bottom-right-radius: $radius;
76
- -webkit-border-top-right-radius: $radius;
77
- border-top-right-radius: $radius;
78
- background-clip: padding-box;
79
- }
80
-
81
- @mixin border-bottom-radius($radius) {
82
- -webkit-border-bottom-right-radius: $radius;
83
- border-bottom-right-radius: $radius;
84
- -webkit-border-bottom-left-radius: $radius;
85
- border-bottom-left-radius: $radius;
86
- background-clip: padding-box;
87
- }
88
-
89
- @mixin border-left-radius($radius) {
90
- -webkit-border-bottom-left-radius: $radius;
91
- border-bottom-left-radius: $radius;
92
- -webkit-border-top-left-radius: $radius;
93
- border-top-left-radius: $radius;
94
- background-clip: padding-box;
95
- }
96
-
97
- // Box sizing
98
- @mixin box-model($box-model) {
99
- -webkit-box-sizing: $box-model;
100
- -moz-box-sizing: $box-model;
101
- box-sizing: $box-model;
102
- }
103
-
104
- // Calc
105
- @mixin calc($property, $expression) {
106
- #{$property}: -webkit-calc(#{$expression});
107
- #{$property}: -moz-calc(#{$expression});
108
- #{$property}: calc(#{$expression});
109
- }
110
-
111
- // Re-enable the VendorPrefix lint test
112
- // scss-lint:enable VendorPrefix
113
-
114
- // BP message boxes
115
- @mixin message-box($background, $text-color: null) {
116
-
117
- @if $text-color {
118
- // if a param was passed through
119
- $text-color: $text-color;
120
- } @else {
121
- $text-color: darken($background, 50%);
122
- }
123
-
124
- background: lighten($background, 10%);
125
- border: 1px solid darken($background, 10%);
126
- color: $text-color;
127
- }
128
-
129
- // 2013 font family
130
- @mixin default-font-sans() {
131
- font-family: "Source Sans Pro", Helvetica, sans-serif;
132
- }
133
-
134
- // Variables: color definitions
135
- $body-text: #141412;
136
- $light-body: lighten(#141412, 45%);
137
- $content-background: #fff;
138
- $off-white: lighten(#f9f8ee, 10%);
139
- $cream-background: #f7f5e7;
140
- $light-background: #f7f7f7;
141
- $medium-background: #ccc;
142
- $dark-background: #555;
143
- $border-color: #d4d0ba; // border color is varied using rgba
144
- $border-light: #eaeaea; // BP dividers
145
- $border-med: #ddd;
146
- $background-hover: #bd4b28; // 2013 link background hover
147
- $bp-button-hover: #ededed; // this is the default BP button hover background
148
- $notice-error: #c85a6e;
149
- $notice-warning: #d05656;
150
- $notice-info: #9fd1e2;
151
- $notice-update: #ced98c;
152
- $stripe-odd: #ebf0ff;
153
- $stripe-even: #dbe5ff;
154
- $unread: #dce5ff;
155
- $link-action: #c82b2b;
156
-
157
- /*--------------------------------------------------------------
158
-
159
- This is the BuddyPress companion stylesheet for
160
- the WordPress Twentythirteen theme.
161
-
162
- This sheet supports the primary BuddyPress styles in buddypress.css
163
-
164
- If you are running as a child theme of twentyfifteen this stylesheet will be
165
- loaded by default. If you want to modify the styles the normal BP Theme Compat
166
- hierarchy works and you can copy the file to buddypress/css/ or community/css/
167
- in your child themes root & either start over or modify the rulesets.
168
-
169
- If you do not require the styles you can dequeue them from the themes functions file.
170
-
171
- Please see this codex article for more information:
172
- http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
173
-
174
- ----------------------------------------------------------------
175
- >>> TABLE OF CONTENTS:
176
- ----------------------------------------------------------------
177
- 1.0 Theme Structural Elements & overrides
178
- 2.0 - Navigation - General
179
- 2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
180
- 2.2 - Pagination
181
- 3.0 - Images
182
- 4.0 - BP Lists / Loops Generic
183
- 4.1 - Activity Loop
184
- 4.1.1 Whats New Activity
185
- 4.1.2 - Activity Listing
186
- 4.1.3 - Activity Comments
187
- 4.2 - Members Loop
188
- 4.3 - Groups Loop
189
- 4.4 - Blogs Loop
190
- 5.0 - Directories - Members, Groups, Blogs, Register, activation
191
- 6.0 - Single Item screens: User Account & Single Group Screens
192
- 6.1 - Item Headers: Global
193
- 6.1.1 - item-header: Groups
194
- 6.1.2 - item-header: User Accounts
195
- 6.2 - Item Body: Global
196
- 6.2.1 - item-body: Groups
197
- 6.2.1.1 - Management settings screens
198
- 6.2.1.2 - Group members list
199
- 6.2.1.3 - Group send Invites
200
- 6.2.2 - item-body: User Accounts
201
- 6.2.2.1 - classes, pag, filters
202
- 6.2.2.2 - Extended Profiles
203
- 6.2.2.3 - Groups
204
- 6.2.2.4 - friends
205
- 6.2.2.5 - Private Messaging Threads
206
- 6.2.2.6 - Settings
207
- 7.0 - Forms - General
208
- 8.0 - Tables - General
209
- 9.0 - Error / Success Messages
210
- 10.0 - Ajax Loading, Widgets, General classes
211
- --------------------------------------------------------------*/
212
-
213
- /**
214
- *-------------------------------------------------------------------------------
215
- * @section 1.0 - Theme - Structural Elements & overrides
216
- *-------------------------------------------------------------------------------
217
- */
218
-
219
- // As BP screens have specific content lets adjust the themes primary elements
220
- // to maximise the screen real estate for BP pages.
221
-
222
- .buddypress {
223
- div.clear {display: none;}
224
-
225
- // re-factor main themes primary elements widths for BP screens
226
- @media (max-width: 999px) {
227
- #content {padding: 0 $spacing-val-md;}
228
- }
229
-
230
- @media (max-width: 643px) {
231
- #content {padding: 0;}
232
- }
233
-
234
- .entry-header,
235
- .entry-content,
236
- .entry-summary,
237
- .entry-meta {
238
- max-width: 890px;
239
- }
240
-
241
- } // .buddypress (body class)
242
-
243
- /**
244
- *-------------------------------------------------------------------------------
245
- * @section 2.0 - Navigation - General
246
- *-------------------------------------------------------------------------------
247
- */
248
-
249
-
250
-
251
- /**
252
- *----------------------------------------------------------
253
- * @section 2.1 - Navs Object Nav / Sub Nav (item-list-tabs)
254
- *
255
- * The main navigational elements for all BP screens
256
- *----------------------------------------------------------
257
- */
258
-
259
- // We have a need to override BP specifity
260
- // so some rulesets sets will appear over weighted in selectors
261
-
262
- #buddypress {
263
-
264
- // Global Nav Styles
265
- div.item-list-tabs {
266
- ul {
267
- background-color: $cream-background;
268
- border-bottom: 1px solid rgba($border-light, 0.9);
269
- border-top: 1px solid rgba($border-light, 0.9);
270
- overflow: hidden;
271
- padding: 0;
272
-
273
- li {
274
- a {
275
- span {border-radius: 25%;}
276
- }
277
- }
278
- }
279
- }
280
- }
281
- // .bp-user #object-nav @ small screen as a dropdown
282
-
283
- .bp-user {
284
- #buddypress {
285
- @media screen and (max-width: 38.75em) {
286
-
287
- #object-nav {
288
- background: $cream-background;
289
- border: 1px solid $border-light;
290
- overflow: visible;
291
- padding: $spacing-val-sm;
292
-
293
- ul {
294
- border: 0;
295
- height: 0;
296
- // all latest vendor releases handle transitions, so no prefixes used.
297
- transition: height 0.3s ease-in-out 0.7s;
298
- visibility: hidden;
299
- }
300
-
301
- &:before {
302
- content: "Menu \021E9";
303
- display: inline;
304
- opacity: 0.7;
305
- }
306
-
307
- &:hover,
308
- &:focus {
309
- &:before {content: "Menu \021E7";}
310
-
311
- ul {
312
- height: 320px;
313
- opacity: 1;
314
- overflow-y: auto;
315
- visibility: visible;
316
- }
317
- }
318
- }
319
-
320
- #subnav {clear: both;}
321
-
322
- } // close @media
323
- }
324
- }
325
- /*__ Horizontal menus & small screen __*/
326
-
327
- #buddypress {
328
-
329
- #object-nav {
330
-
331
- ul {
332
- overflow: hidden;
333
-
334
- li {
335
- @media screen and (max-width: 38.75em) {
336
- &:focus,
337
- &:hover {
338
- background: darken($cream-background, 2%);
339
- }
340
- }
341
-
342
- float: none;
343
- }
344
-
345
- @media screen and (max-width: 38.75em) {
346
- li:not(:last-child) {
347
- border-bottom: 1px solid $border-light;
348
- }
349
- }
350
-
351
- @media screen and (min-width: 38.75em) {
352
- li {
353
- float: left;
354
- }
355
- }
356
- }
357
- }
358
-
359
- div#subnav.item-list-tabs {
360
- margin-top: 0;
361
-
362
- ul {
363
- background-color: $light-background;
364
- border-bottom: 0;
365
- margin-top: $spacing-val-xs;
366
- padding: 0;
367
-
368
- li.last {
369
- background: $content-background;
370
- margin-top: 0;
371
- padding: $spacing-val-xs $spacing-val-xs $spacing-val-xs 0;
372
- width: 100%;
373
-
374
- select,
375
- select:focus {
376
- background: transparent;
377
- border: 0;
378
- outline: 0;
379
- }
380
-
381
- select,
382
- label,
383
- option {
384
- @include font-size(14);
385
- }
386
-
387
- select {
388
- font-style: italic;
389
- }
390
- }
391
-
392
- @media screen and (min-width: 38.75em) {
393
- li.last {
394
- text-align: right;
395
- }
396
- }
397
- } // close ul
398
- } // close #subnav
399
-
400
- // active/current states all navs
401
- div.item-list-tabs {
402
- ul {
403
- li.selected,
404
- li.current {
405
- a {
406
- background: none;
407
- opacity: 1;
408
- }
409
- }
410
- }
411
- }
412
-
413
- } // close #buddypress
414
-
415
- /*__ Vertical menu User Account / Group single screens __*/
416
-
417
- // This block contains rules to re-factor the item-body structural element
418
- // to sit alongside the vert menu
419
- // As 2013 has an inner sidebar which if active can narrow screen too far
420
- // for a columner nav we'll only use these rules if no sidebar 'body:not(.sidebar)'.
421
-
422
- @media screen and (min-width: 55em) {
423
-
424
- body:not(.sidebar) {
425
- #buddypress {
426
-
427
- #item-header,
428
- #item-body {
429
- background: $content-background;
430
- }
431
-
432
- #object-nav {
433
- border-right: 1px solid $border-med;
434
- float: left;
435
- margin-right: -1px;
436
- width: 200px;
437
-
438
- ul {
439
- background: none;
440
- border-bottom: 0;
441
- padding: 0;
442
-
443
- li {
444
- float: none;
445
- overflow: hidden;
446
-
447
- span {
448
- background: $content-background;
449
- border-radius: 10%;
450
- float: right;
451
- margin-right: 2px;
452
- }
453
- }
454
- }
455
- }
456
-
457
- #item-body {
458
- border-left: 1px solid $border-med;
459
- overflow: hidden;
460
- padding: 0 0 0 $spacing-val-md;
461
- width: auto;
462
-
463
- #subnav {
464
- margin: 0 0 0 (-$spacing-val-md);
465
-
466
- ul {margin-top: 0;}
467
- }
468
- }
469
-
470
- } // close #buddypress
471
- } // close body:not(.sidebar)
472
- } // close @media
473
-
474
-
475
- // Tabbed Nav styling
476
- // Primarilly used for group create screens & ? directory nav.
477
-
478
- @media screen and (min-width: 46.25em) {
479
- #main {
480
- #buddypress {
481
-
482
- #group-create-tabs.item-list-tabs {
483
-
484
- ul:before,
485
- ul:after {
486
- content: " ";
487
- display: table;
488
- }
489
-
490
- ul:after {
491
- clear: both;
492
- }
493
-
494
- ul {
495
- background: none;
496
- border: 0;
497
- border-bottom: 1px solid $border-med;
498
- overflow: visible;
499
- padding: 0;
500
-
501
- li {
502
- float: left;
503
- width: auto;
504
- }
505
-
506
- li.selected,
507
- li.current {
508
- border: 1px solid $border-med;
509
- border-bottom-color: $content-background;
510
- @include border-top-radius(4px);
511
- margin-bottom: -1px;
512
-
513
- a {
514
- background: none;
515
- color: $body-text;
516
- outline: none;
517
- }
518
- }
519
- }
520
-
521
- } // close .item-list-tabs
522
-
523
- #subnav {
524
- ul {
525
- border-bottom: 0;
526
- }
527
-
528
- } // close #subnav
529
- } // close #buddypress
530
- }
531
- } // close @media
532
-
533
- /**
534
- *----------------------------------------------------------
535
- * @section 2.2 - Pagination
536
- *----------------------------------------------------------
537
- */
538
-
539
- #buddypress {
540
- div.pagination {
541
- box-shadow: none;
542
- .pag-count {margin-left: 0;}
543
- .pagination-links {
544
- margin-right: 0;
545
-
546
- span,
547
- a {
548
- height: auto;
549
- line-height: 1;
550
- padding: 5px;
551
- }
552
-
553
- .prev,
554
- .next {
555
- background-color: transparent;
556
- color: inherit;
557
- overflow: visible;
558
- width: auto;
559
- &:before {display: none;}
560
- }
561
-
562
- .prev {
563
- left: auto;
564
- position: static;
565
- }
566
-
567
- .next {
568
- position: static;
569
- right: auto;
570
- }
571
- } // close .pagination-links
572
- } // close .pagination
573
- } // close #buddypress
574
-
575
- /**
576
- *-------------------------------------------------------------------------------
577
- * @section 4.0 - BP Lists / Loops Generic
578
- *-------------------------------------------------------------------------------
579
- */
580
-
581
- // Adjusts Meta items and various elements to match 2013 font-family
582
- #buddypress {
583
- .item-list {
584
- .activity-header,
585
- .activity-meta {
586
- @include default-font-sans();
587
- }
588
- }
589
- }
590
-
591
- #buddypress {
592
- .activity-meta {
593
- .button {
594
- &:focus,
595
- &:hover {
596
- background: $background-hover;
597
- color: $cream-background;
598
- }
599
- }
600
- }
601
-
602
- .action {
603
- .generic-button {
604
- a {
605
- &:focus,
606
- &:hover {
607
- background: $background-hover;
608
- color: $cream-background;
609
- }
610
- }
611
- }
612
- }
613
- } // close #buddypress
614
-
615
- // Trying to position the action div absolute has bad consequences where
616
- // aditional items are displayed, floating is an alternative that
617
- // allows natural flow expansion.
618
- // This block:
619
- // * Manages li items, Stacks them small screen, floated left at wider screens.
620
- // * Adjusts display of action buttons at small screen mobile up.
621
- // Adjusts Meta items to match 2013 font-family
622
-
623
- #buddypress {
624
- ul.item-list {
625
- li {
626
- overflow: hidden !important;
627
-
628
- // Undo BP floats to center avatars initially mobile up
629
- .item-avatar {
630
- margin-bottom: $spacing-val-sm;
631
-
632
- @media screen and (min-width: 38.75em) {
633
- margin-bottom: 0;
634
- }
635
-
636
- text-align: center;
637
-
638
- a {border-bottom: 0;}
639
-
640
- img.avatar {
641
- display: inline-block;
642
- float: none;
643
-
644
- // Quite early on we need to move avatars to the left(right)
645
- @media screen and (min-width: 38.75em) {
646
- display: block;
647
- float: left;
648
- }
649
- }
650
- }
651
-
652
- .item {
653
- overflow: hidden;
654
-
655
- @media screen and (min-width: 46.25em) {
656
- margin-left: 15%;
657
- }
658
-
659
- span.activity {
660
- font-style: italic;
661
- }
662
-
663
- .item-desc {
664
- margin: 0 auto;
665
- width: 100%;
666
- }
667
-
668
- .item-title {
669
- @include font-size(18);
670
- line-height: 1.2;
671
- margin: 0 auto;
672
- text-align: center;
673
-
674
- @media screen and (min-width: 38.75em) {
675
- text-align: left;
676
- }
677
-
678
- width: 100%;
679
-
680
- .update {
681
- @include font-size(12);
682
- display: block;
683
-
684
- @media screen and (min-width: 59.6875em) {
685
- @include font-size(14);
686
- }
687
-
688
- padding: $spacing-val-sm 0;
689
- text-align: left;
690
- }
691
-
692
- } // .item-title
693
-
694
- }
695
-
696
- @media screen and (min-width: 59.6875em) {
697
- .item-avatar,
698
- .item,
699
- .action {
700
- float: left;
701
- }
702
-
703
- .item {
704
- left: 5%;
705
- margin-left: 0;
706
- position: relative;
707
- width: 55%;
708
-
709
- .item-title {
710
- @include font-size(22)
711
- }
712
- }
713
-
714
- }// close @media
715
-
716
- div.action {
717
- clear: left;
718
- float: none;
719
- margin-bottom: -$spacing-val-md;
720
- // remove BP margin left
721
- margin-left: 0;
722
- padding: $spacing-val-md 0 $spacing-val-xs;
723
- // push the actions to the right
724
-
725
- @media screen and (min-width: 59.6875em) {
726
- clear: none;
727
- float: right;
728
- margin-bottom: 0;
729
- padding: 0;
730
- }
731
-
732
- position: relative;
733
- text-align: left;
734
- top: 0;
735
-
736
- div {
737
- display: inline-block;
738
- margin: $spacing-val-sm 0;
739
- width: 100%;
740
-
741
- a {
742
- display: block;
743
- width: 100%;
744
- }
745
- // Provisionally lets keep the 'action' div
746
- //position but inline-block the buttons
747
-
748
- @media screen and (min-width: 38.75em) {
749
- // keep buttons to a row small tablet up
750
- margin: 0 $spacing-val-sm $spacing-val-sm 0;
751
- width: auto;
752
- } // close @media
753
-
754
- @media screen and (min-width: 59.6875em) {
755
- // take buttons to block to stack them when floated right
756
- clear: right;
757
- float: right;
758
- margin: 0 0 $spacing-val-sm 0;
759
- } // close @media
760
-
761
- } // close div
762
-
763
- .meta {
764
- font-style: italic;
765
- }
766
-
767
- } // close .action
768
-
769
- } // close li
770
- } // close .item-list
771
- } // close #buddypress
772
-
773
- /**
774
- *----------------------------------------------------------
775
- * @section 4.1 - Activity
776
- *----------------------------------------------------------
777
- */
778
-
779
- /**
780
- *-----------------------------------------------------
781
- * @section 4.1.1 - Activity Whats New
782
- *-----------------------------------------------------
783
- */
784
-
785
- #buddypress {
786
- form#whats-new-form {
787
-
788
- // Line-height issue inherited from BP rules, override.
789
- p.activity-greeting {
790
- line-height: 1.4;
791
- }
792
-
793
- // corrective measure for clipped elements due to JS inline styling
794
-
795
- @media screen and (max-width: 46.25em) {
796
- #whats-new-content {
797
- clear: left;
798
- margin: $spacing-val-sm 0 $spacing-val-md;
799
- padding: $spacing-val-sm 0 0;
800
- }
801
- }
802
-
803
- #whats-new-content.active {
804
- #whats-new-options[style] {
805
- #whats-new-post-in-box {
806
- border: 1px solid rgba($border-color, 0.5);
807
- float: left;
808
- line-height: 1.5em;
809
- margin-top: 12px;
810
- padding-left: 0.2em;
811
- width: 100%;
812
-
813
- select {
814
- background: none;
815
- border: 0;
816
- float: right;
817
- margin: 0;
818
- min-height: 1.5em;
819
- padding-left: 0.4em;
820
- }
821
- }
822
-
823
- @media screen and (min-width: 30em) {
824
- #whats-new-post-in-box {
825
- width: auto;
826
- }
827
-
828
- #whats-new-submit {
829
- float: right;
830
- }
831
- }
832
-
833
- } // close #whats-new-options
834
- } // close #whats-new-content.active
835
-
836
- } // close #whats-new-form
837
-
838
- // User account form requires matching bp default specificity
839
- #item-body {
840
- form#whats-new-form {
841
- margin: $spacing-val-lg 0;
842
- }
843
- }
844
- } // close #buddypress
845
-
846
- /**
847
- *-----------------------------------------------------
848
- * @section 4.1.2 - Activity Listing
849
- *-----------------------------------------------------
850
- */
851
-
852
- #buddypress {
853
-
854
- #activity-stream {
855
-
856
- // re-size activity avatars and stack small screen
857
- // refactor main elements positioning medium up.
858
- li {
859
- padding: 25px 0 15px;
860
-
861
- .activity-avatar {
862
- float: none;
863
- text-align: center;
864
-
865
- a {
866
- display: inline-block;
867
-
868
- img.avatar {
869
- display: inline;
870
- float: none;
871
- height: 60px;
872
- margin-bottom: $spacing-val-md;
873
- margin-left: 0;
874
- width: 60px;
875
- }
876
- }
877
- } // close .activity-avatar
878
-
879
- .activity-content {
880
- margin-left: 0;
881
-
882
- .activity-header {
883
- @include font-size(14);
884
- }
885
- }
886
-
887
- @media screen and (min-width: 46.25em) {
888
-
889
- .activity-avatar {
890
- float: left;
891
- margin-right: $spacing-val-sm;
892
- text-align: left;
893
- a {border-bottom: 0;}
894
- }
895
-
896
- .activity-content {
897
- margin: 0;
898
- overflow: hidden;
899
-
900
- .activity-header {
901
- @include font-size(16);
902
- }
903
- }
904
-
905
- } // close @media
906
-
907
- } // close li
908
-
909
- li.mini {
910
- .activity-avatar {
911
- a {
912
- img.avatar {
913
- height: 30px;
914
- margin-left: 15px;
915
- width: 30px;
916
- }
917
- }
918
- }
919
-
920
- .activity-content {
921
- .activity-header {
922
- @include font-size(14);
923
- }
924
- }
925
- }
926
-
927
- .activity-content {
928
- margin-top: -12px;
929
-
930
- .activity-header {
931
- line-height: inherit;
932
- margin-right: 0;
933
-
934
- p {
935
- background-color: $light-background;
936
- border: 1px solid rgba($border-light, 0.6);
937
- color: #727272;
938
- margin-top: 0;
939
- padding: 0 0.2em;
940
-
941
- a.activity-time-since {
942
- color: #727272;
943
- }
944
- }
945
-
946
- img.avatar {
947
- display: inline-block;
948
- margin-bottom: 0 !important; // have to match to BP
949
- }
950
- } // close .activity-header
951
-
952
- .activity-meta {
953
- a {
954
- display: block;
955
- margin-bottom: $spacing-val-xs;
956
-
957
- @media screen and (min-width: 38.75em) {
958
- display: inline-block;
959
- margin-bottom: 0;
960
- }
961
- }
962
- }
963
-
964
- } // close .activity-content
965
-
966
- .load-more {
967
- background: $light-background;
968
- border: 1px solid transparent;
969
- padding: $spacing-val-sm;
970
-
971
- &:focus,
972
- &:hover {
973
- background: darken($light-background, 1%);
974
- border: 1px solid rgba(#9fd1e2, 0.3);
975
- a { font-style: italic; }
976
- }
977
-
978
- a {
979
- display: block;
980
- }
981
- }
982
-
983
- } // close #activity-stream
984
- } // close #buddypress
985
-
986
- /* Single activity view - activity permalink */
987
-
988
- .activity-permalink {
989
- #buddypress {
990
- #activity-stream {
991
-
992
- li.activity-item {
993
- padding: $spacing-val-md;
994
- }
995
-
996
- li.mini {
997
- .activity-header {
998
- @include font-size(16);
999
- @media screen and (min-width: 46.25em) {
1000
- @include font-size(20);
1001
- }
1002
-
1003
- margin-bottom: $spacing-val-lg;
1004
- p {padding: $spacing-val-md;}
1005
- }
1006
- }
1007
- }
1008
- }
1009
- }
1010
-
1011
- /**
1012
- *-----------------------------------------------------
1013
- * @section 4.1.3 - Activity Comments
1014
- *-----------------------------------------------------
1015
- */
1016
- #buddypress {
1017
-
1018
- #activity-stream {
1019
- .activity-comments {
1020
- border-left: 1px solid $border-light;
1021
- margin-top: 5px;
1022
-
1023
- ul {
1024
- background: rgba($light-background, 0.6);
1025
- margin: 15px 0 0 2px;
1026
- }
1027
-
1028
- a {
1029
- color: #ac0404;
1030
- }
1031
-
1032
- .acomment-meta {
1033
- color: #737373;
1034
- }
1035
-
1036
- .ac-form {
1037
-
1038
- input[type="submit"],
1039
- .ac-reply-cancel {
1040
- color: rgba($body-text, 0.8);
1041
- display: inline-block;
1042
- font-family: inherit;
1043
- @include font-size(12);
1044
- font-weight: normal;
1045
- line-height: 1.2;
1046
- padding: 4px 10px;
1047
- text-transform: lowercase;
1048
- width: 100px;
1049
- }
1050
-
1051
- .ac-reply-cancel {
1052
- border: 1px solid rgba($border-color, 0.7);
1053
- text-align: center;
1054
-
1055
- &:focus,
1056
- &:hover {
1057
- background: $bp-button-hover;
1058
- }
1059
- }
1060
-
1061
- } // close .ac-form
1062
-
1063
- } // close .activity-comments
1064
- } // close .activity
1065
-
1066
- } // close #buddypress
1067
-
1068
- /**
1069
- *----------------------------------------------------------
1070
- * @section 4.2 - Members Loop
1071
- *----------------------------------------------------------
1072
- */
1073
-
1074
- #buddypress {
1075
- #members-list {
1076
-
1077
- @media screen and (min-width: 59.6875em) {
1078
- li {
1079
- .item-avatar,
1080
- .item {
1081
- float: left;
1082
- }
1083
-
1084
- .action {
1085
- float: right;
1086
- }
1087
- }
1088
- }
1089
-
1090
- } // close #members-list
1091
- } //close #BuddyPress
1092
-
1093
- /**
1094
- *-------------------------------------------------------------------------------
1095
- * @section 5.0 - Directories
1096
- *-------------------------------------------------------------------------------
1097
- */
1098
-
1099
- /**
1100
- *-----------------------------------------------------------
1101
- * @subsection Registration
1102
- *-----------------------------------------------------------
1103
- */
1104
-
1105
- #buddypress {
1106
- #signup_form.standard-form {
1107
-
1108
- #profile-details-section,
1109
- #basic-details-section,
1110
- #blog-details-section {
1111
- float: none;
1112
- width: 100%;
1113
-
1114
- @media screen and (min-width: 38.75em) {
1115
- width: 48%;
1116
- }
1117
- }
1118
-
1119
- @media screen and (min-width: 38.75em) {
1120
- #profile-details-section {float: right;}
1121
- #basic-details-section {float: left;}
1122
- }
1123
-
1124
- }
1125
- }
1126
-
1127
- /**
1128
- *-------------------------------------------------------------------------------
1129
- * @section 6.0 - Single Item screens: User Account & Single Group Screens
1130
- *-------------------------------------------------------------------------------
1131
- */
1132
-
1133
-
1134
- /**
1135
- *-----------------------------------------------------------
1136
- * @subsection 6.1 - Item Header Global
1137
- *-----------------------------------------------------------
1138
- */
1139
-
1140
- .bp-user,
1141
- .single-item.groups {
1142
-
1143
- .entry-header {
1144
- margin-bottom: 0;
1145
-
1146
- .entry-title {
1147
- color: $light-body;
1148
- @include font-size(32);
1149
- margin-bottom: $spacing-val-sm;
1150
- text-align: center;
1151
-
1152
- @media screen and (min-width: 46.25em) {
1153
- text-align: left;
1154
- }
1155
- }
1156
- }
1157
-
1158
- #buddypress {
1159
- #item-header-content {
1160
- #item-meta {
1161
- @include font-size(14);
1162
- text-align: left;
1163
-
1164
- p {margin-bottom: 0.5em;}
1165
- }
1166
- }
1167
- }
1168
-
1169
- @media screen and (max-width: 46.25em) {
1170
- main {
1171
- header.entry-header {
1172
- padding-bottom: 1rem;
1173
- }
1174
- }
1175
- }
1176
-
1177
- @media screen and (max-width: 38.75em) {
1178
- h1,
1179
- #item-header-content {
1180
- text-align: center;
1181
- }
1182
- }
1183
-
1184
- #buddypress {
1185
- @media screen and (max-width: 46.25em) {
1186
- #item-header {
1187
- .generic-button {
1188
- float: none;
1189
- margin: 1.5em 0 0 0;
1190
- }
1191
- }
1192
- }
1193
-
1194
- @media screen and (max-width: 38.75em) {
1195
- h1 {
1196
- margin-bottom: 0;
1197
- }
1198
-
1199
- #item-header-avatar {
1200
- img.avatar {
1201
- margin-right: 0;
1202
- }
1203
- }
1204
-
1205
- #item-header-content {
1206
- width: 100%;
1207
- }
1208
- }
1209
- }
1210
- }
1211
-
1212
- /**
1213
- *-----------------------------------------------------
1214
- * @subsection 6.1.1 - item-header Groups
1215
- *
1216
- * Group Specific Item Header
1217
- *-----------------------------------------------------
1218
- */
1219
-
1220
- .single-item.groups {
1221
- #buddypress {
1222
- @media screen and (max-width: 46.25em) {
1223
- #item-header {
1224
- #item-meta {
1225
- margin-bottom: $spacing-val-md;
1226
- }
1227
- }
1228
- }
1229
-
1230
- // Move visual flow of avatar & item-actions at narrow width,
1231
- // avatar first after group title
1232
- @media screen and (max-width: 38.75em) {
1233
- div#item-header {
1234
- display: flex;
1235
- flex-direction: column;
1236
-
1237
- #item-header-avatar {
1238
- order: 1;
1239
- text-align: center;
1240
-
1241
- a {
1242
- border-bottom: 0;
1243
-
1244
- img {
1245
- display: inline-block;
1246
- float: none;
1247
- }
1248
- }
1249
- }
1250
-
1251
- #item-header-content {
1252
- order: 2;
1253
- }
1254
-
1255
- #item-actions {
1256
- order: 3;
1257
-
1258
- h2 {
1259
- border-bottom: 1px solid $border-light;
1260
- text-align: center;
1261
- }
1262
- }
1263
- }
1264
- } // close @media
1265
-
1266
- div#item-header {
1267
- padding-bottom: $spacing-val-lg;
1268
-
1269
- div#item-actions {
1270
- margin: 0;
1271
- width: 100%;
1272
-
1273
- @media screen and (min-width: 38.75em) {
1274
- border-left: 1px solid $border-light;
1275
- clear: none;
1276
- float: right;
1277
- padding-left: 0.2em;
1278
- width: 30%;
1279
- } // close @media
1280
-
1281
- @media screen and (min-width: 46.25em) {
1282
- width: 40%;
1283
- }
1284
-
1285
- ul {
1286
- margin-top: 0;
1287
- padding-left: 0;
1288
- }
1289
-
1290
- h2 {
1291
- @include font-size(14);
1292
-
1293
- @media screen and (min-width: 46.25em) {
1294
- @include font-size(16);
1295
- }
1296
-
1297
- padding: 0.2em;
1298
- }
1299
- } // close item-actions
1300
-
1301
- @media screen and (min-width: 46.25em) {
1302
-
1303
- #item-header-avatar,
1304
- #item-header-content {
1305
- float: left;
1306
- }
1307
-
1308
- #item-header-avatar {
1309
- width: 21%;
1310
- }
1311
-
1312
- #item-header-content {
1313
- margin-left: 4%;
1314
- width: 40%;
1315
- }
1316
-
1317
- div#item-actions {
1318
- clear: both;
1319
- float: right;
1320
- width: 28%;
1321
-
1322
- h2 {
1323
- @include font-size(14);
1324
- }
1325
- }
1326
-
1327
- } // close @media
1328
-
1329
- #item-header-cover-image {
1330
-
1331
- #item-actions {
1332
- border: 0;
1333
-
1334
- @media screen and (max-width: 46.25em) {
1335
- clear: both !important;
1336
- }
1337
-
1338
- float: none;
1339
- width: auto;
1340
- }
1341
-
1342
- @media screen and (min-width: 46.25em) {
1343
- #item-header-content {
1344
- padding-left: $spacing-val-sm;
1345
-
1346
- #item-buttons {
1347
- margin-top: 0;
1348
- }
1349
- }
1350
-
1351
- #item-actions {
1352
- border-left: 1px solid $border-light;
1353
- clear: none;
1354
- float: right;
1355
- margin-top: 230px !important;
1356
- padding-top: 0 !important;
1357
- width: 20%;
1358
- }
1359
- }
1360
- }
1361
-
1362
- } // close #item-header
1363
- } // close #buddypress
1364
- } // close .groups
1365
-
1366
- /**
1367
- *-----------------------------------------------------
1368
- * @subsection 6.1.2 - Item Header User Accounts
1369
- *
1370
- * User Accounts Specific Item Header
1371
- *-----------------------------------------------------
1372
- */
1373
-
1374
- .bp-user {
1375
-
1376
- #buddypress {
1377
- #item-header {
1378
- padding: $spacing-val-md 0;
1379
-
1380
- #item-header-avatar {
1381
- text-align: center;
1382
- width: 100%;
1383
-
1384
- img.avatar,
1385
- a {
1386
- border-bottom: 0;
1387
- display: inline-block;
1388
- float: none;
1389
- }
1390
- }
1391
-
1392
- #item-header-content {
1393
- .user-nicename,
1394
- span.activity {
1395
- display: block;
1396
- text-align: center;
1397
- }
1398
- }
1399
-
1400
- @media screen and (min-width: 46.25em) {
1401
- #item-header-avatar {
1402
- float: left;
1403
- width: auto;
1404
-
1405
- a {
1406
- float: left;
1407
- }
1408
- }
1409
-
1410
- #item-header-content {
1411
- float: none;
1412
- overflow: hidden;
1413
-
1414
- .user-nicename,
1415
- span.activity {
1416
- text-align: left;
1417
- }
1418
-
1419
- #item-meta {
1420
- margin-top: 0;
1421
- }
1422
- }
1423
-
1424
- } // close @media
1425
-
1426
- } // close #item-header
1427
-
1428
- #item-header-cover-image {
1429
-
1430
- #item-header-content {
1431
- @media screen and (min-width: 46.25em) {
1432
- .user-nicename {
1433
- margin-bottom: $spacing-val-md;
1434
- }
1435
-
1436
- #item-buttons {
1437
- margin: 0;
1438
- }
1439
- }
1440
- }
1441
- }
1442
-
1443
- } // close #buddypress
1444
- } // close .bp-user
1445
-
1446
- /**
1447
- *-----------------------------------------------------------
1448
- * @subsection 6.2 - Item Body: Global
1449
- *-----------------------------------------------------------
1450
- */
1451
-
1452
- /**
1453
- *----------------------------------------------------
1454
- * @subsection 6.2.1 - Item Body Groups
1455
- *
1456
- * Groups specific item body rules - screens
1457
- *----------------------------------------------------
1458
- */
1459
-
1460
- /**
1461
- *-----------------------------------------
1462
- * @subsection 6.2.1.1 - Group Management
1463
- *-----------------------------------------
1464
- */
1465
-
1466
- // headings settings screens & general global settings styles
1467
- .groups {
1468
- #group-settings-form {
1469
- h3 {
1470
- background: $dark-background;
1471
- color: $content-background;
1472
- padding: 0.2em;
1473
- }
1474
- }
1475
- }
1476
-
1477
- .groups.edit-details {
1478
- #group-settings-form {
1479
-
1480
- label {
1481
- margin-bottom: 0;
1482
- padding: 0.2em;
1483
- width: 80%;
1484
- }
1485
-
1486
- textarea + p label {
1487
- background: none;
1488
- color: inherit;
1489
- @include font-size(14);
1490
- width: auto;
1491
- }
1492
-
1493
- textarea {
1494
- height: auto;
1495
- min-height: 100px;
1496
- overflow: auto;
1497
- }
1498
- }
1499
- } // close .groups.edit-details
1500
-
1501
- .groups.group-settings {
1502
- #group-settings-form {
1503
-
1504
- div.radio label {
1505
- border: 1px solid $border-light;
1506
- padding: 0.2em;
1507
-
1508
- ul {
1509
- color: rgba($body-text, 0.6);
1510
- @include font-size(14);
1511
- }
1512
- }
1513
-
1514
- }
1515
- } // close .groups.group-settings
1516
-
1517
- .groups.group-avatar {
1518
-
1519
- form > p {
1520
- margin-top: $spacing-val-md;
1521
- }
1522
-
1523
- }
1524
-
1525
- .groups.manage-members {
1526
- #group-settings-form {
1527
- .item-list {
1528
- li {
1529
- border-bottom: 1px solid $border-light;
1530
-
1531
- img,
1532
- h5 {
1533
- float: left;
1534
-
1535
- > a {border-bottom: 0;}
1536
- }
1537
-
1538
- span.small {
1539
- clear: left;
1540
- display: block;
1541
- float: none;
1542
- margin-top: $spacing-val-sm;
1543
-
1544
- a {
1545
- display: inline-block;
1546
- margin: $spacing-val-xs 0;
1547
- width: 100%;
1548
-
1549
- @media screen and (min-width: 38.75em) {
1550
- width: auto;
1551
- }
1552
- }
1553
- }
1554
-
1555
- h5 {
1556
- margin: 0;
1557
- }
1558
-
1559
- }
1560
- }
1561
- }
1562
- } // close .groups.manage-members
1563
-
1564
- /**
1565
- *-----------------------------------------
1566
- * @subsection 6.2.1.2 - Group members
1567
- *-----------------------------------------
1568
- */
1569
-
1570
- // Massage the members search for groups nav specifically.
1571
- .groups.group-members {
1572
- #subnav {
1573
- li {
1574
- @media screen and (max-width: 38.75em) {
1575
- background: $content-background;
1576
- padding: $spacing-val-md 0;
1577
- }
1578
-
1579
- width: 100%;
1580
-
1581
- #search-members-form {
1582
- float: right;
1583
-
1584
- @media screen and (max-width: 38.75em) {
1585
- margin: 0;
1586
- width: 100%;
1587
-
1588
- label {
1589
- input[type="text"] {width: 100%;}
1590
- }
1591
- }
1592
-
1593
- margin: $spacing-val-xs $spacing-val-xs 0 0;
1594
- }
1595
- }
1596
- }
1597
- }
1598
-
1599
- /**
1600
- *-----------------------------------------
1601
- * @subsection 6.2.1.3 - Group send Invites
1602
- *-----------------------------------------
1603
- */
1604
- #buddypress {
1605
-
1606
- div.invite {
1607
- .left-menu {
1608
- float: none;
1609
-
1610
- @media screen and (min-width: 46.25em) {
1611
- float: left;
1612
- }
1613
- }
1614
-
1615
- #invite-list {
1616
- border: 1px solid $border-light;
1617
- height: auto;
1618
- min-height: 3.125em;
1619
- padding: 0 0.3em 0.5em;
1620
- width: auto;
1621
-
1622
- @media screen and (min-width: 46.25em) {
1623
- width: 220px;
1624
- }
1625
-
1626
- ul {
1627
- padding-left: 0;
1628
- }
1629
- }
1630
-
1631
- .main-column {
1632
- margin-left: 0;
1633
-
1634
- @media screen and (min-width: 46.25em) {
1635
- margin-left: 235px;
1636
- }
1637
- }
1638
-
1639
- } // close div.invite
1640
- }
1641
-
1642
- /**
1643
- *-----------------------------------------------------
1644
- * @subsection 6.2.2 - Item Body User Accounts
1645
- *
1646
- * User Account specific item body rules
1647
- *-----------------------------------------------------
1648
- */
1649
-
1650
- .bp-user {
1651
- .entry-title {margin-bottom: 0.5em;}
1652
- }
1653
-
1654
- /**
1655
- *--------------------------------------------
1656
- * @subsection 6.2.2.1 - classes, pag, filters
1657
- *--------------------------------------------
1658
- */
1659
-
1660
- .bp-user {
1661
-
1662
- #buddypress {
1663
-
1664
- table {
1665
- th {@include font-size(14)}
1666
- td {@include font-size(13)}
1667
-
1668
- @media screen and (min-width: 46.25em) {
1669
- th {@include font-size(16)}
1670
- td {@include font-size(14)}
1671
- }
1672
-
1673
- @media screen and (min-width: 77.5em) {
1674
- th {@include font-size(18)}
1675
- td {@include font-size(16)}
1676
- }
1677
- }
1678
-
1679
- .pag-count {font-style: italic;}
1680
-
1681
- .notifications-options-nav {
1682
- border: 1px solid rgba($border-color, 0.5);
1683
- float: left;
1684
- width: 100%;
1685
-
1686
- @media screen and (min-width: 38.75em) {
1687
- width: 300px;
1688
- }
1689
-
1690
- select,
1691
- input {
1692
- border: 0;
1693
- @include font-size(14);
1694
- outline: 0;
1695
- padding: 0;
1696
- }
1697
-
1698
- select {
1699
- float: left;
1700
- margin-right: 0;
1701
- width: 60%;
1702
- }
1703
-
1704
- input {
1705
- float: right;
1706
- font-family: inherit;
1707
- line-height: 20px;
1708
- width: 40%;
1709
- }
1710
-
1711
- } // close .notifications-options-nav
1712
- } // close #buddypress
1713
- } // close .bp-user
1714
-
1715
- /**
1716
- *-------------------------------------------
1717
- * @subsection 6.2.2.2 - Extended Profiles
1718
- *-------------------------------------------
1719
- */
1720
-
1721
- .bp-user {
1722
-
1723
- #buddypress {
1724
-
1725
- .profile {
1726
- .bp-widget {
1727
- h2 {
1728
- background: lighten($dark-background, 10%);
1729
- color: #fff;
1730
- margin-bottom: 0;
1731
- padding: 0.4em;
1732
- }
1733
-
1734
- table {margin-top: 0;}
1735
- }
1736
-
1737
- #profile-edit-form {
1738
-
1739
- .button-nav:before,
1740
- .button-nav:after {
1741
- content: " ";
1742
- display: table;
1743
- }
1744
-
1745
- .button-nav:after {
1746
- clear: both;
1747
- }
1748
-
1749
- ul.button-nav {
1750
- border-bottom: 1px solid $border-light;
1751
- margin-left: 0;
1752
- padding: 0;
1753
-
1754
- li {
1755
- float: left;
1756
- margin-bottom: 0;
1757
-
1758
- &.current {
1759
- border: 1px solid $border-light;
1760
- border-bottom-color: #fff;
1761
- margin-bottom: -1px;
1762
- }
1763
- } // li
1764
-
1765
- a {
1766
- background: none;
1767
- border: 0;
1768
- @include font-size(18)
1769
- }
1770
- } //.button-nav
1771
-
1772
- .field-visibility-settings-toggle,
1773
- .field-visibility-settings {
1774
- @include font-size(14);
1775
- }
1776
-
1777
- .field-visibility-settings-close,
1778
- .visibility-toggle-link {
1779
- background: $dark-background;
1780
- color: #fff;
1781
- padding: 0.2em 0.5em;
1782
- }
1783
- } // close profile form
1784
-
1785
- .bp-avatar {
1786
- #bp-delete-avatar {
1787
- a {font-size: inherit; }
1788
- }
1789
- }
1790
- } // close .profile
1791
- } // close #buddyPress
1792
- } // close .bp-user
1793
-
1794
- /**
1795
- *-------------------------------------------
1796
- * @subsection 6.2.2.3 - Groups
1797
- *-------------------------------------------
1798
- */
1799
-
1800
- .bp-user {
1801
-
1802
- #buddypress {
1803
-
1804
- #groups-list {
1805
- li {
1806
- .item {
1807
- @media screen and (min-width: 77.5em) {
1808
- left: 5%;
1809
- width: 50%;
1810
- }
1811
- }
1812
- }
1813
- }
1814
- }
1815
- }
1816
-
1817
- /**
1818
- *-------------------------------------------
1819
- * @subsection 6.2.2.5 - Private Messaging
1820
- *-------------------------------------------
1821
- */
1822
-
1823
- .bp-user {
1824
-
1825
- #buddypress {
1826
-
1827
- #message-thread {
1828
- //Single message view
1829
- a {
1830
- border-bottom: 0;
1831
- }
1832
-
1833
- #message-subject {
1834
- background: lighten($dark-background, 10%);
1835
- color: $content-background;
1836
- padding: 0.3em 0 0.3em 0.2em;
1837
- }
1838
-
1839
- #message-recipients {
1840
- font-style: italic;
1841
-
1842
- a.confirm {
1843
- border: 1px solid $border-light;
1844
- font-style: normal;
1845
- }
1846
- }
1847
-
1848
- .message-metadata {
1849
- overflow: hidden;
1850
-
1851
- img.avatar {
1852
- float: none;
1853
- }
1854
-
1855
- @media screen and (min-width: 46.25em) {
1856
- img.avatar {
1857
- float: left;
1858
- }
1859
- }
1860
-
1861
- .message-star-actions {
1862
- float: right;
1863
- margin-right: $spacing-val-xs;
1864
- position: static;
1865
- }
1866
- } // close .message-meta
1867
-
1868
- .message-content {
1869
- background: $light-background;
1870
- border: 1px solid $border-light;
1871
- margin: $spacing-val-sm 0 0 0;
1872
- padding: 0.3em;
1873
- }
1874
-
1875
- #send-reply {
1876
- .message-content {
1877
- background: $content-background;
1878
- border: 0;
1879
- }
1880
- }
1881
-
1882
- .alt {
1883
- background: $content-background;
1884
- }
1885
-
1886
- } // close message-thread Singular view!
1887
-
1888
- #message-threads {
1889
- thead {
1890
- tr {
1891
- background: lighten($dark-background, 10%);
1892
- }
1893
- }
1894
-
1895
- tr {
1896
- td {
1897
- background: $content-background;
1898
- display: inline-block;
1899
- float: left;
1900
- }
1901
-
1902
- td.thread-star,
1903
- td.thread-options {
1904
- border-bottom-color: $medium-background;
1905
- border-bottom-width: 2px;
1906
- height: 2.4em;
1907
- padding-bottom: 0.2em;
1908
- padding-top: 0.2em;
1909
-
1910
- @media screen and (max-width: 46.25em) {
1911
- padding-top: 0;
1912
- span.icon:before {font-size: 14px;}
1913
- }
1914
- }
1915
-
1916
- .thread-checkbox {
1917
- padding: 0 0 0 0.3em;
1918
- }
1919
-
1920
- td.bulk-select-check,
1921
- td.thread-from {
1922
- height: 3em;
1923
-
1924
- @media screen and (max-width: 38.75em) {
1925
- height: 5.2em;
1926
- }
1927
- }
1928
-
1929
- td.thread-from,
1930
- td.thread-options {
1931
- border-left: 0 !important;
1932
- @include calc(width, "100% - 30px");
1933
- margin-left: 0;
1934
- }
1935
-
1936
- td.thread-info {
1937
- padding-left: 41px;
1938
- width: 100%;
1939
-
1940
- a::after {
1941
- content: " \2013 \00a0"attr(title);
1942
- @include font-size(12);
1943
- }
1944
-
1945
- .thread-excerpt {
1946
- @include font-size(14);
1947
- }
1948
- }
1949
-
1950
- td.thread-options {
1951
- text-align: right;
1952
-
1953
- a {
1954
- @include font-size(12);
1955
- line-height: 2.2;
1956
- }
1957
- }
1958
-
1959
- span.from {
1960
- display: none;
1961
- }
1962
-
1963
- span.activity {
1964
- display: block;
1965
- float: right;
1966
- line-height: 2;
1967
-
1968
- @media screen and (max-width: 38.75em) {
1969
- clear: both;
1970
- @include font-size(12);
1971
- width: 100%;
1972
- }
1973
- }
1974
- }
1975
-
1976
- tr.unread {
1977
- td {
1978
- background: $unread;
1979
- border-color: $border-color;
1980
- }
1981
- }
1982
-
1983
- th {
1984
- display: none;
1985
- }
1986
-
1987
- th.bulk-select-all {
1988
- border-bottom: 0;
1989
- display: inline-block;
1990
- text-align: left;
1991
- }
1992
-
1993
- th.bulk-select-all,
1994
- td.bulk-select-check,
1995
- td.thread-star {
1996
- border-right: 0;
1997
- width: 30px;
1998
- }
1999
- }
2000
-
2001
- .acfb-holder {
2002
- list-style: none;
2003
- margin: 0;
2004
- padding: 0;
2005
-
2006
- li {margin-left: 0;}
2007
-
2008
- li.friend-tab {
2009
- background: lighten($notice-info, 20%);
2010
- border: inherit;
2011
- margin-right: 0;
2012
- padding: 0.5em;
2013
-
2014
- span.p {
2015
- // the 'X' close
2016
- padding-left: $spacing-val-sm;
2017
-
2018
- &:focus,
2019
- &:hover {
2020
- color: $link-action;
2021
- cursor: pointer;
2022
- }
2023
- }
2024
-
2025
- a {
2026
- border-bottom: 0;
2027
- text-decoration: none;
2028
-
2029
- img {
2030
- // this is the tiny user avatar
2031
- display: inline;
2032
- height: 20px;
2033
- vertical-align: middle;
2034
- width: 20px !important; // override inline style
2035
- }
2036
- }
2037
- }
2038
- }
2039
-
2040
- .sitewide-notices {
2041
- tr {
2042
- td:first-child {
2043
- display: none;
2044
- }
2045
- }
2046
-
2047
- td {
2048
- strong {
2049
- background: lighten($dark-background, 10%);
2050
- color: $content-background;
2051
- display: block;
2052
- padding-left: 0.2em;
2053
- }
2054
- }
2055
- }
2056
- } // close #buddypress
2057
-
2058
- // acfb auto complete name list sits in doc footer before body close
2059
- .ac_results {
2060
- background: #eee;
2061
- padding-left: $spacing-val-sm;
2062
-
2063
- ul {
2064
- list-style: none;
2065
- margin: 0;
2066
- padding: 0;
2067
- }
2068
-
2069
- li {
2070
- margin: $spacing-val-sm 0;
2071
-
2072
- &:focus,
2073
- &:hover {
2074
- cursor: pointer;
2075
- }
2076
- }
2077
- }
2078
-
2079
- } // close .bp-user
2080
-
2081
- /**
2082
- *------------------------------
2083
- * @subsection 6.2.2.6 - Settings
2084
- *------------------------------
2085
- */
2086
-
2087
- .bp-user {
2088
-
2089
- #buddypress {
2090
-
2091
- #settings-form {
2092
- padding: 0 $spacing-val-sm;
2093
- // 'p' = email notification screen sub heading
2094
- > p {
2095
- @include font-size(20);
2096
- margin: $spacing-val-md 0 $spacing-val-sm;
2097
- }
2098
- }
2099
-
2100
- table.notification-settings {
2101
- td.yes,
2102
- td.no {
2103
- vertical-align: middle;
2104
- }
2105
- }
2106
- // Profile table td widths
2107
- table.profile-settings {
2108
- width: 100%;
2109
-
2110
- th.field-group-name,
2111
- td.field-name {
2112
- width: 50%;
2113
- }
2114
-
2115
- @media screen and (min-width: 46.25em) {
2116
- th.field-group-name,
2117
- td.field-name {
2118
- width: 70%;
2119
- }
2120
- }
2121
-
2122
- th.title,
2123
- td.field-visibility {
2124
- width: 30%;
2125
- }
2126
-
2127
- td.field-visibility {
2128
- select {width: 100%;}
2129
- }
2130
- }
2131
-
2132
- } // close #buddyPress
2133
-
2134
- } // close .bp-user
2135
-
2136
- /**
2137
- *-------------------------------------------------------------------------------
2138
- * @section 7.0 - Forms - General
2139
- *-------------------------------------------------------------------------------
2140
- */
2141
- // Attempt to reset form control widths
2142
- #main {
2143
- #buddypress {
2144
- .standard-form {
2145
-
2146
- li {float: none;}
2147
- input[type='text'],
2148
- input[type='email'],
2149
- input[type='password'],
2150
- textarea {
2151
- width: 100%;
2152
- }
2153
- }
2154
- }
2155
- }
2156
-
2157
-
2158
- #buddypress {
2159
-
2160
- // Match BP form elements to Themes(2013) styling where styles
2161
- // are not inherited or being overriden.
2162
- div.activity-comments {
2163
-
2164
- form {
2165
- .ac-textarea {
2166
- background: $light-background;
2167
- border: 1px solid rgba($border-color, 0.5);
2168
-
2169
- textarea {
2170
- background: none;
2171
- border: 0;
2172
- }
2173
- }
2174
- }
2175
- }
2176
-
2177
- .standard-form {
2178
-
2179
- // Keep BP form element borders to 1px rather than 2013 2px
2180
- input[type="text"],
2181
- input[type="email"],
2182
- input[type="password"],
2183
- button,
2184
- select,
2185
- textarea {
2186
- border-color: rgba($border-color, 0.5);
2187
- border-width: 1px;
2188
- }
2189
-
2190
- } // close .standard-form
2191
-
2192
- #signup_form.standard-form {
2193
- div.submit {
2194
- float: none;
2195
-
2196
- input {margin-right: 0;}
2197
- }
2198
- }
2199
-
2200
- } // close #buddypress
2201
-
2202
- #buddypress {
2203
- div.dir-search,
2204
- div.message-search,
2205
- li.groups-members-search {
2206
- float: none;
2207
- margin: $spacing-val-sm 0;
2208
-
2209
- // Stylise the seach form elements, in part this deals with padding
2210
- // issues on the submit & sizing issues between bp styles & twentythirteen
2211
-
2212
- form { // *sigh* only to bludgeon over specified rules
2213
- border: 1px solid rgba($border-color, 0.6);
2214
- overflow: hidden;
2215
-
2216
- label {
2217
- float: left;
2218
- width: 60%;
2219
-
2220
- @media screen and (min-width: 46.25em) {
2221
- width: 80%;
2222
- }
2223
- }
2224
-
2225
- input[type='text'] {
2226
- float: left;
2227
- margin: 0;
2228
- width: 100%;
2229
- }
2230
-
2231
- input[type='text'],
2232
- input[type='submit'] {
2233
- @include font-size(14);
2234
- border: 0;
2235
- line-height: inherit;
2236
- }
2237
-
2238
- input[type='text'] {
2239
- border-right: 1px solid rgba($border-color, 0.6);
2240
- padding: 0.2em 0 0.2em 0.2em;
2241
- }
2242
-
2243
- input[type='submit'] {
2244
- float: right;
2245
- font-weight: normal;
2246
- padding: 0.2em 1em;
2247
- text-align: center;
2248
- text-transform: none;
2249
- width: 40%;
2250
-
2251
- @media screen and (min-width: 46.25em) {
2252
- width: 20%;
2253
- }
2254
-
2255
- }
2256
- } // close form
2257
-
2258
- } // close .dir-search, .message-search
2259
-
2260
- // Shift the search parent to the right and allow to shrinkwrap
2261
- @media screen and (min-width: 38.75em) {
2262
- div.dir-search,
2263
- div.message-search,
2264
- li.groups-members-search {
2265
- float: right;
2266
- margin-bottom: 5px !important;
2267
-
2268
- form {
2269
- label,
2270
- input[type='text'],
2271
- input[type='submit'] {
2272
- width: auto;
2273
- }
2274
- }
2275
- }
2276
-
2277
- } // close @media
2278
-
2279
-
2280
- @media screen and (min-width: 77.5em) {
2281
-
2282
- .dir-search,
2283
- .message-search {
2284
- form {
2285
- input[type='text'] { @include font-size(16) ;}
2286
- input[type='submit'] { @include font-size(16) ;}
2287
- }
2288
- }
2289
- }
2290
-
2291
- } // close #buddypress
2292
-
2293
- /**
2294
- *-------------------------------------------------------------------------------
2295
- * @section 8.0 - Tables - General
2296
- *-------------------------------------------------------------------------------
2297
- */
2298
-
2299
- // Adjust table font sizes, default too large proportionally
2300
- // This approach will require refinement and perhaps re-location to
2301
- // a more general typography section to manage BP elements grouped under
2302
- // breakpoints. Provide top/bottom margins for tables, lacking in BP styles
2303
-
2304
- #buddypress {
2305
-
2306
- table {
2307
- @include font-size(14);
2308
- margin: $spacing-val-md 0;
2309
-
2310
- tr th {
2311
- background: lighten($dark-background, 10%);
2312
- border-color: darken($border-light, 20%);
2313
- color: $content-background;
2314
- }
2315
-
2316
- // twentythirteen removes left padding, replace!
2317
- th,
2318
- td {
2319
- padding: 0.3em;
2320
- }
2321
-
2322
- // Reduce the themes inherited paragraph margins in tables
2323
- p {margin-bottom: 0.5em;}
2324
- }
2325
-
2326
- @media screen and (min-width: 55em) {
2327
- table {@include font-size(16);}
2328
- }
2329
- }
2330
-
2331
- /*__ User Account tables __*/
2332
-
2333
- #buddypress {
2334
-
2335
- // Manage some table cells widths that are disproportionate to their content
2336
- .notifications,
2337
- .messages-notices {
2338
- th {
2339
- width: 30%;
2340
-
2341
- &.bulk-select-all {
2342
- text-align: center;
2343
- width: 10%;
2344
- }
2345
- }
2346
-
2347
- .bulk-select-check,
2348
- .thread-star {
2349
- text-align: center;
2350
- }
2351
-
2352
- .notification-actions,
2353
- td.thread-options {
2354
- text-align: center;
2355
-
2356
- a {
2357
- display: inline-block;
2358
- margin: 0;
2359
- padding: 0;
2360
- }
2361
- }
2362
-
2363
- // Notices action buttons, this maybe better moved, temp for now to address
2364
- // styling issues - this will need styling ideas
2365
- td {
2366
- .button {
2367
- border: 0;
2368
- display: block;
2369
- padding: 0;
2370
- text-align: center;
2371
- }
2372
- }
2373
-
2374
- } // .notifications, .message-notices
2375
- } // #buddypress
2376
-
2377
- /**
2378
- *-------------------------------------------------------------------------------
2379
- * @section 9.0 - Error / Success messages
2380
- *-------------------------------------------------------------------------------
2381
- */
2382
-
2383
- // message args ($variable-color, text-color)
2384
- // Leave text-color undefined to automagically set text color
2385
- // to background color darker by 50%
2386
-
2387
- #buddypress {
2388
- div#message {
2389
- p {
2390
- @include font-size(18);
2391
- font-weight: bold;
2392
- }
2393
-
2394
- &.info {
2395
- p {
2396
- @include message-box($notice-info);
2397
- }
2398
- }
2399
-
2400
- &.updated {
2401
- p {
2402
- @include message-box($notice-update);
2403
- }
2404
- }
2405
-
2406
- } // close #message
2407
-
2408
- } // close #buddypress
2409
-
2410
- // Without direct classes on our mesages ( 'warning' )
2411
- // we need to use the body classes
2412
- // todo: If this is class .warning is included in main BP styles remove from here
2413
- .delete-group {
2414
- #buddypress {
2415
- div#message.info {
2416
- p {
2417
- @include message-box($notice-warning);
2418
- }
2419
- }
2420
- }
2421
- }
2422
-
2423
- /**
2424
- *-------------------------------------------------------------------------------
2425
- * @section 10.0 - Ajax Loading, Widgets, General classes
2426
- *-------------------------------------------------------------------------------
2427
- */
1
+ // Stylesheet Guidence Notes
2
+ // Table of content represents a guide to sections of the sheet.
3
+ // Note that not all sections may be described in the body of the
4
+ // rulesets only those that require styles for a given theme.
5
+ // Sub sections might not exist but can be added as required
6
+ // as per BP Lists - 'activity' section.
7
+
8
+ // We follow the dictats of the parent theme in respect of media queries,
9
+ // font sizing etc. Media queries are used in a modular sense (OOCSS)
10
+ // rather than described as blocks to the end of the sheet, this aids ease
11
+ // of managing media queries, scalability & flexibility .
12
+
13
+ // Twentythirteen Media Queries / Breakpoints.
14
+ // @media (max-width: 1599px)
15
+ // @media (max-width: 1069px)
16
+ // @media (max-width: 999px)
17
+ // @media (max-width: 767px)
18
+ // @media (max-width: 643px)
19
+ // @media (max-width: 359px)
20
+
21
+ // These differ from other WP themes in using fewer breakpoints
22
+ // and in using max-width rather than min-width
23
+ // In addition BP will use the em breakpoints as used for twentyfifteen referenced below.
24
+ // @media screen and (max-width: 22em) // Additional for xtra small mobile only
25
+ // @media screen and (max-width: 30em) // Additional small only
26
+ // @media screen and (min-width: 38.75em)
27
+ // @media screen and (min-width: 46.25em)
28
+ // @media screen and (min-width: 55em)
29
+ // @media screen and (min-width: 59.6875em)
30
+ // @media screen and (min-width: 77.5em)
31
+ // @media screen and (min-width: 87.6875em)
32
+
33
+ // Mixins and Variables
34
+
35
+ // Common margin values
36
+ $spacing-val-lg: 40px;
37
+ $spacing-val-md: 20px;
38
+ $spacing-val-sm: 10px;
39
+ $spacing-val-xs: 5px;
40
+
41
+ // A simple mixin to handle font-sizing
42
+ // 2013 uses a basic pixel font size approach, we'll stick with rem/px
43
+ @mixin font-size($font-size: 16) {
44
+ $rem-font-value: ($font-size / 16);
45
+ font-size: ($font-size * 1px);
46
+ font-size: $rem-font-value + rem;
47
+ }
48
+
49
+ // To allow mixins to pass VendorPrefix scss-lint tests we disable lint-test
50
+ // for specific blocks / rulesets
51
+ // until such time as exemption lists can be built for the scss-lint.yml?
52
+ // Any vendor prefix properties / mixins need to be in this block
53
+
54
+ // scss-lint:disable VendorPrefix
55
+
56
+ // Border border-radius mixins
57
+ @mixin border-radius($radius) {
58
+ -webkit-border-radius: $radius;
59
+ -moz-border-radius: $radius;
60
+ -ms-border-radius: $radius;
61
+ border-radius: $radius;
62
+ background-clip: padding-box;
63
+ }
64
+
65
+ @mixin border-top-radius($radius) {
66
+ -webkit-border-top-right-radius: $radius;
67
+ border-top-right-radius: $radius;
68
+ -webkit-border-top-left-radius: $radius;
69
+ border-top-left-radius: $radius;
70
+ background-clip: padding-box;
71
+ }
72
+
73
+ @mixin border-right-radius($radius) {
74
+ -webkit-border-bottom-right-radius: $radius;
75
+ border-bottom-right-radius: $radius;
76
+ -webkit-border-top-right-radius: $radius;
77
+ border-top-right-radius: $radius;
78
+ background-clip: padding-box;
79
+ }
80
+
81
+ @mixin border-bottom-radius($radius) {
82
+ -webkit-border-bottom-right-radius: $radius;
83
+ border-bottom-right-radius: $radius;
84
+ -webkit-border-bottom-left-radius: $radius;
85
+ border-bottom-left-radius: $radius;
86
+ background-clip: padding-box;
87
+ }
88
+
89
+ @mixin border-left-radius($radius) {
90
+ -webkit-border-bottom-left-radius: $radius;
91
+ border-bottom-left-radius: $radius;
92
+ -webkit-border-top-left-radius: $radius;
93
+ border-top-left-radius: $radius;
94
+ background-clip: padding-box;
95
+ }
96
+
97
+ // Box sizing
98
+ @mixin box-model($box-model) {
99
+ -webkit-box-sizing: $box-model;
100
+ -moz-box-sizing: $box-model;
101
+ box-sizing: $box-model;
102
+ }
103
+
104
+ // Calc
105
+ @mixin calc($property, $expression) {
106
+ #{$property}: -webkit-calc(#{$expression});
107
+ #{$property}: -moz-calc(#{$expression});
108
+ #{$property}: calc(#{$expression});
109
+ }
110
+
111
+ // Re-enable the VendorPrefix lint test
112
+ // scss-lint:enable VendorPrefix
113
+
114
+ // BP message boxes
115
+ @mixin message-box($background, $text-color: null) {
116
+
117
+ @if $text-color {
118
+ // if a param was passed through
119
+ $text-color: $text-color;
120
+ } @else {
121
+ $text-color: darken($background, 50%);
122
+ }
123
+
124
+ background: lighten($background, 10%);
125
+ border: 1px solid darken($background, 10%);
126
+ color: $text-color;
127
+ }
128
+
129
+ // 2013 font family
130
+ @mixin default-font-sans() {
131
+ font-family: "Source Sans Pro", Helvetica, sans-serif;
132
+ }
133
+
134
+ // Variables: color definitions
135
+ $body-text: #141412;
136
+ $light-body: lighten(#141412, 45%);
137
+ $content-background: #fff;
138
+ $off-white: lighten(#f9f8ee, 10%);
139
+ $cream-background: #f7f5e7;
140
+ $light-background: #f7f7f7;
141
+ $medium-background: #ccc;
142
+ $dark-background: #555;
143
+ $border-color: #d4d0ba; // border color is varied using rgba
144
+ $border-light: #eaeaea; // BP dividers
145
+ $border-med: #ddd;
146
+ $background-hover: #bd4b28; // 2013 link background hover
147
+ $bp-button-hover: #ededed; // this is the default BP button hover background
148
+ $notice-error: #c85a6e;
149
+ $notice-warning: #d05656;
150
+ $notice-info: #9fd1e2;
151
+ $notice-update: #ced98c;
152
+ $stripe-odd: #ebf0ff;
153
+ $stripe-even: #dbe5ff;
154
+ $unread: #dce5ff;
155
+ $link-action: #c82b2b;
156
+
157
+ /*--------------------------------------------------------------
158
+
159
+ This is the BuddyPress companion stylesheet for
160
+ the WordPress Twentythirteen theme.
161
+
162
+ This sheet supports the primary BuddyPress styles in buddypress.css
163
+
164
+ If you are running as a child theme of twentyfifteen this stylesheet will be
165
+ loaded by default. If you want to modify the styles the normal BP Theme Compat
166
+ hierarchy works and you can copy the file to buddypress/css/ or community/css/
167
+ in your child themes root & either start over or modify the rulesets.
168
+
169
+ If you do not require the styles you can dequeue them from the themes functions file.
170
+
171
+ Please see this codex article for more information:
172
+ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
173
+
174
+ ----------------------------------------------------------------
175
+ >>> TABLE OF CONTENTS:
176
+ ----------------------------------------------------------------
177
+ 1.0 Theme Structural Elements & overrides
178
+ 2.0 - Navigation - General
179
+ 2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
180
+ 2.2 - Pagination
181
+ 3.0 - Images
182
+ 4.0 - BP Lists / Loops Generic
183
+ 4.1 - Activity Loop
184
+ 4.1.1 Whats New Activity
185
+ 4.1.2 - Activity Listing
186
+ 4.1.3 - Activity Comments
187
+ 4.2 - Members Loop
188
+ 4.3 - Groups Loop
189
+ 4.4 - Blogs Loop
190
+ 5.0 - Directories - Members, Groups, Blogs, Register, activation
191
+ 6.0 - Single Item screens: User Account & Single Group Screens
192
+ 6.1 - Item Headers: Global
193
+ 6.1.1 - item-header: Groups
194
+ 6.1.2 - item-header: User Accounts
195
+ 6.2 - Item Body: Global
196
+ 6.2.1 - item-body: Groups
197
+ 6.2.1.1 - Management settings screens
198
+ 6.2.1.2 - Group members list
199
+ 6.2.1.3 - Group send Invites
200
+ 6.2.2 - item-body: User Accounts
201
+ 6.2.2.1 - classes, pag, filters
202
+ 6.2.2.2 - Extended Profiles
203
+ 6.2.2.3 - Groups
204
+ 6.2.2.4 - friends
205
+ 6.2.2.5 - Private Messaging Threads
206
+ 6.2.2.6 - Settings
207
+ 7.0 - Forms - General
208
+ 8.0 - Tables - General
209
+ 9.0 - Error / Success Messages
210
+ 10.0 - Ajax Loading, Widgets, General classes
211
+ --------------------------------------------------------------*/
212
+
213
+ /**
214
+ *-------------------------------------------------------------------------------
215
+ * @section 1.0 - Theme - Structural Elements & overrides
216
+ *-------------------------------------------------------------------------------
217
+ */
218
+
219
+ // As BP screens have specific content lets adjust the themes primary elements
220
+ // to maximise the screen real estate for BP pages.
221
+
222
+ .buddypress {
223
+ div.clear {display: none;}
224
+
225
+ // re-factor main themes primary elements widths for BP screens
226
+ @media (max-width: 999px) {
227
+ #content {padding: 0 $spacing-val-md;}
228
+ }
229
+
230
+ @media (max-width: 643px) {
231
+ #content {padding: 0;}
232
+ }
233
+
234
+ .entry-header,
235
+ .entry-content,
236
+ .entry-summary,
237
+ .entry-meta {
238
+ max-width: 890px;
239
+ }
240
+
241
+ } // .buddypress (body class)
242
+
243
+ /**
244
+ *-------------------------------------------------------------------------------
245
+ * @section 2.0 - Navigation - General
246
+ *-------------------------------------------------------------------------------
247
+ */
248
+
249
+
250
+
251
+ /**
252
+ *----------------------------------------------------------
253
+ * @section 2.1 - Navs Object Nav / Sub Nav (item-list-tabs)
254
+ *
255
+ * The main navigational elements for all BP screens
256
+ *----------------------------------------------------------
257
+ */
258
+
259
+ // We have a need to override BP specifity
260
+ // so some rulesets sets will appear over weighted in selectors
261
+
262
+ #buddypress {
263
+
264
+ // Global Nav Styles
265
+ div.item-list-tabs {
266
+ ul {
267
+ background-color: $cream-background;
268
+ border-bottom: 1px solid rgba($border-light, 0.9);
269
+ border-top: 1px solid rgba($border-light, 0.9);
270
+ overflow: hidden;
271
+ padding: 0;
272
+
273
+ li {
274
+ a {
275
+ span {border-radius: 25%;}
276
+ }
277
+ }
278
+ }
279
+ }
280
+ }
281
+ // .bp-user #object-nav @ small screen as a dropdown
282
+
283
+ .bp-user {
284
+ #buddypress {
285
+ @media screen and (max-width: 38.75em) {
286
+
287
+ #object-nav {
288
+ background: $cream-background;
289
+ border: 1px solid $border-light;
290
+ overflow: visible;
291
+ padding: $spacing-val-sm;
292
+
293
+ ul {
294
+ border: 0;
295
+ height: 0;
296
+ // all latest vendor releases handle transitions, so no prefixes used.
297
+ transition: height 0.3s ease-in-out 0.7s;
298
+ visibility: hidden;
299
+ }
300
+
301
+ &:before {
302
+ content: "Menu \021E9";
303
+ display: inline;
304
+ opacity: 0.7;
305
+ }
306
+
307
+ &:hover,
308
+ &:focus {
309
+ &:before {content: "Menu \021E7";}
310
+
311
+ ul {
312
+ height: 320px;
313
+ opacity: 1;
314
+ overflow-y: auto;
315
+ visibility: visible;
316
+ }
317
+ }
318
+ }
319
+
320
+ #subnav {clear: both;}
321
+
322
+ } // close @media
323
+ }
324
+ }
325
+ /*__ Horizontal menus & small screen __*/
326
+
327
+ #buddypress {
328
+
329
+ #object-nav {
330
+
331
+ ul {
332
+ overflow: hidden;
333
+
334
+ li {
335
+ @media screen and (max-width: 38.75em) {
336
+ &:focus,
337
+ &:hover {
338
+ background: darken($cream-background, 2%);
339
+ }
340
+ }
341
+
342
+ float: none;
343
+ }
344
+
345
+ @media screen and (max-width: 38.75em) {
346
+ li:not(:last-child) {
347
+ border-bottom: 1px solid $border-light;
348
+ }
349
+ }
350
+
351
+ @media screen and (min-width: 38.75em) {
352
+ li {
353
+ float: left;
354
+ }
355
+ }
356
+ }
357
+ }
358
+
359
+ div#subnav.item-list-tabs {
360
+ margin-top: 0;
361
+
362
+ ul {
363
+ background-color: $light-background;
364
+ border-bottom: 0;
365
+ margin-top: $spacing-val-xs;
366
+ padding: 0;
367
+
368
+ li.last {
369
+ background: $content-background;
370
+ margin-top: 0;
371
+ padding: $spacing-val-xs $spacing-val-xs $spacing-val-xs 0;
372
+ width: 100%;
373
+
374
+ select,
375
+ select:focus {
376
+ background: transparent;
377
+ border: 0;
378
+ outline: 0;
379
+ }
380
+
381
+ select,
382
+ label,
383
+ option {
384
+ @include font-size(14);
385
+ }
386
+
387
+ select {
388
+ font-style: italic;
389
+ }
390
+ }
391
+
392
+ @media screen and (min-width: 38.75em) {
393
+ li.last {
394
+ text-align: right;
395
+ }
396
+ }
397
+ } // close ul
398
+ } // close #subnav
399
+
400
+ // active/current states all navs
401
+ div.item-list-tabs {
402
+ ul {
403
+ li.selected,
404
+ li.current {
405
+ a {
406
+ background: none;
407
+ opacity: 1;
408
+ }
409
+ }
410
+ }
411
+ }
412
+
413
+ } // close #buddypress
414
+
415
+ /*__ Vertical menu User Account / Group single screens __*/
416
+
417
+ // This block contains rules to re-factor the item-body structural element
418
+ // to sit alongside the vert menu
419
+ // As 2013 has an inner sidebar which if active can narrow screen too far
420
+ // for a columner nav we'll only use these rules if no sidebar 'body:not(.sidebar)'.
421
+
422
+ @media screen and (min-width: 55em) {
423
+
424
+ body:not(.sidebar) {
425
+ #buddypress {
426
+
427
+ #item-header,
428
+ #item-body {
429
+ background: $content-background;
430
+ }
431
+
432
+ #object-nav {
433
+ border-right: 1px solid $border-med;
434
+ float: left;
435
+ margin-right: -1px;
436
+ width: 200px;
437
+
438
+ ul {
439
+ background: none;
440
+ border-bottom: 0;
441
+ padding: 0;
442
+
443
+ li {
444
+ float: none;
445
+ overflow: hidden;
446
+
447
+ span {
448
+ background: $content-background;
449
+ border-radius: 10%;
450
+ float: right;
451
+ margin-right: 2px;
452
+ }
453
+ }
454
+ }
455
+ }
456
+
457
+ #item-body {
458
+ border-left: 1px solid $border-med;
459
+ overflow: hidden;
460
+ padding: 0 0 0 $spacing-val-md;
461
+ width: auto;
462
+
463
+ #subnav {
464
+ margin: 0 0 0 (-$spacing-val-md);
465
+
466
+ ul {margin-top: 0;}
467
+ }
468
+ }
469
+
470
+ } // close #buddypress
471
+ } // close body:not(.sidebar)
472
+ } // close @media
473
+
474
+
475
+ // Tabbed Nav styling
476
+ // Primarilly used for group create screens & ? directory nav.
477
+
478
+ @media screen and (min-width: 46.25em) {
479
+ #main {
480
+ #buddypress {
481
+
482
+ #group-create-tabs.item-list-tabs {
483
+
484
+ ul:before,
485
+ ul:after {
486
+ content: " ";
487
+ display: table;
488
+ }
489
+
490
+ ul:after {
491
+ clear: both;
492
+ }
493
+
494
+ ul {
495
+ background: none;
496
+ border: 0;
497
+ border-bottom: 1px solid $border-med;
498
+ overflow: visible;
499
+ padding: 0;
500
+
501
+ li {
502
+ float: left;
503
+ width: auto;
504
+ }
505
+
506
+ li.selected,
507
+ li.current {
508
+ border: 1px solid $border-med;
509
+ border-bottom-color: $content-background;
510
+ @include border-top-radius(4px);
511
+ margin-bottom: -1px;
512
+
513
+ a {
514
+ background: none;
515
+ color: $body-text;
516
+ outline: none;
517
+ }
518
+ }
519
+ }
520
+
521
+ } // close .item-list-tabs
522
+
523
+ #subnav {
524
+ ul {
525
+ border-bottom: 0;
526
+ }
527
+
528
+ } // close #subnav
529
+ } // close #buddypress
530
+ }
531
+ } // close @media
532
+
533
+ /**
534
+ *----------------------------------------------------------
535
+ * @section 2.2 - Pagination
536
+ *----------------------------------------------------------
537
+ */
538
+
539
+ #buddypress {
540
+ div.pagination {
541
+ box-shadow: none;
542
+ .pag-count {margin-left: 0;}
543
+ .pagination-links {
544
+ margin-right: 0;
545
+
546
+ span,
547
+ a {
548
+ height: auto;
549
+ line-height: 1;
550
+ padding: 5px;
551
+ }
552
+
553
+ .prev,
554
+ .next {
555
+ background-color: transparent;
556
+ color: inherit;
557
+ overflow: visible;
558
+ width: auto;
559
+ &:before {display: none;}
560
+ }
561
+
562
+ .prev {
563
+ left: auto;
564
+ position: static;
565
+ }
566
+
567
+ .next {
568
+ position: static;
569
+ right: auto;
570
+ }
571
+ } // close .pagination-links
572
+ } // close .pagination
573
+ } // close #buddypress
574
+
575
+ /**
576
+ *-------------------------------------------------------------------------------
577
+ * @section 4.0 - BP Lists / Loops Generic
578
+ *-------------------------------------------------------------------------------
579
+ */
580
+
581
+ // Adjusts Meta items and various elements to match 2013 font-family
582
+ #buddypress {
583
+ .item-list {
584
+ .activity-header,
585
+ .activity-meta {
586
+ @include default-font-sans();
587
+ }
588
+ }
589
+ }
590
+
591
+ #buddypress {
592
+ .activity-meta {
593
+ .button {
594
+ &:focus,
595
+ &:hover {
596
+ background: $background-hover;
597
+ color: $cream-background;
598
+ }
599
+ }
600
+ }
601
+
602
+ .action {
603
+ .generic-button {
604
+ a {
605
+ &:focus,
606
+ &:hover {
607
+ background: $background-hover;
608
+ color: $cream-background;
609
+ }
610
+ }
611
+ }
612
+ }
613
+ } // close #buddypress
614
+
615
+ // Trying to position the action div absolute has bad consequences where
616
+ // aditional items are displayed, floating is an alternative that
617
+ // allows natural flow expansion.
618
+ // This block:
619
+ // * Manages li items, Stacks them small screen, floated left at wider screens.
620
+ // * Adjusts display of action buttons at small screen mobile up.
621
+ // Adjusts Meta items to match 2013 font-family
622
+
623
+ #buddypress {
624
+ ul.item-list {
625
+ li {
626
+ overflow: hidden !important;
627
+
628
+ // Undo BP floats to center avatars initially mobile up
629
+ .item-avatar {
630
+ margin-bottom: $spacing-val-sm;
631
+
632
+ @media screen and (min-width: 38.75em) {
633
+ margin-bottom: 0;
634
+ }
635
+
636
+ text-align: center;
637
+
638
+ a {border-bottom: 0;}
639
+
640
+ img.avatar {
641
+ display: inline-block;
642
+ float: none;
643
+
644
+ // Quite early on we need to move avatars to the left(right)
645
+ @media screen and (min-width: 38.75em) {
646
+ display: block;
647
+ float: left;
648
+ }
649
+ }
650
+ }
651
+
652
+ .item {
653
+ overflow: hidden;
654
+
655
+ @media screen and (min-width: 46.25em) {
656
+ margin-left: 15%;
657
+ }
658
+
659
+ span.activity {
660
+ font-style: italic;
661
+ }
662
+
663
+ .item-desc {
664
+ margin: 0 auto;
665
+ width: 100%;
666
+ }
667
+
668
+ .item-title {
669
+ @include font-size(18);
670
+ line-height: 1.2;
671
+ margin: 0 auto;
672
+ text-align: center;
673
+
674
+ @media screen and (min-width: 38.75em) {
675
+ text-align: left;
676
+ }
677
+
678
+ width: 100%;
679
+
680
+ .update {
681
+ @include font-size(12);
682
+ display: block;
683
+
684
+ @media screen and (min-width: 59.6875em) {
685
+ @include font-size(14);
686
+ }
687
+
688
+ padding: $spacing-val-sm 0;
689
+ text-align: left;
690
+ }
691
+
692
+ } // .item-title
693
+
694
+ }
695
+
696
+ @media screen and (min-width: 59.6875em) {
697
+ .item-avatar,
698
+ .item,
699
+ .action {
700
+ float: left;
701
+ }
702
+
703
+ .item {
704
+ left: 5%;
705
+ margin-left: 0;
706
+ position: relative;
707
+ width: 55%;
708
+
709
+ .item-title {
710
+ @include font-size(22)
711
+ }
712
+ }
713
+
714
+ }// close @media
715
+
716
+ div.action {
717
+ clear: left;
718
+ float: none;
719
+ margin-bottom: -$spacing-val-md;
720
+ // remove BP margin left
721
+ margin-left: 0;
722
+ padding: $spacing-val-md 0 $spacing-val-xs;
723
+ // push the actions to the right
724
+
725
+ @media screen and (min-width: 59.6875em) {
726
+ clear: none;
727
+ float: right;
728
+ margin-bottom: 0;
729
+ padding: 0;
730
+ }
731
+
732
+ position: relative;
733
+ text-align: left;
734
+ top: 0;
735
+
736
+ div {
737
+ display: inline-block;
738
+ margin: $spacing-val-sm 0;
739
+ width: 100%;
740
+
741
+ a {
742
+ display: block;
743
+ width: 100%;
744
+ }
745
+ // Provisionally lets keep the 'action' div
746
+ //position but inline-block the buttons
747
+
748
+ @media screen and (min-width: 38.75em) {
749
+ // keep buttons to a row small tablet up
750
+ margin: 0 $spacing-val-sm $spacing-val-sm 0;
751
+ width: auto;
752
+ } // close @media
753
+
754
+ @media screen and (min-width: 59.6875em) {
755
+ // take buttons to block to stack them when floated right
756
+ clear: right;
757
+ float: right;
758
+ margin: 0 0 $spacing-val-sm 0;
759
+ } // close @media
760
+
761
+ } // close div
762
+
763
+ .meta {
764
+ font-style: italic;
765
+ }
766
+
767
+ } // close .action
768
+
769
+ } // close li
770
+ } // close .item-list
771
+ } // close #buddypress
772
+
773
+ /**
774
+ *----------------------------------------------------------
775
+ * @section 4.1 - Activity
776
+ *----------------------------------------------------------
777
+ */
778
+
779
+ /**
780
+ *-----------------------------------------------------
781
+ * @section 4.1.1 - Activity Whats New
782
+ *-----------------------------------------------------
783
+ */
784
+
785
+ #buddypress {
786
+ form#whats-new-form {
787
+
788
+ // Line-height issue inherited from BP rules, override.
789
+ p.activity-greeting {
790
+ line-height: 1.4;
791
+ }
792
+
793
+ // corrective measure for clipped elements due to JS inline styling
794
+
795
+ @media screen and (max-width: 46.25em) {
796
+ #whats-new-content {
797
+ clear: left;
798
+ margin: $spacing-val-sm 0 $spacing-val-md;
799
+ padding: $spacing-val-sm 0 0;
800
+ }
801
+ }
802
+
803
+ #whats-new-content.active {
804
+ #whats-new-options[style] {
805
+ #whats-new-post-in-box {
806
+ border: 1px solid rgba($border-color, 0.5);
807
+ float: left;
808
+ line-height: 1.5em;
809
+ margin-top: 12px;
810
+ padding-left: 0.2em;
811
+ width: 100%;
812
+
813
+ select {
814
+ background: none;
815
+ border: 0;
816
+ float: right;
817
+ margin: 0;
818
+ min-height: 1.5em;
819
+ padding-left: 0.4em;
820
+ }
821
+ }
822
+
823
+ @media screen and (min-width: 30em) {
824
+ #whats-new-post-in-box {
825
+ width: auto;
826
+ }
827
+
828
+ #whats-new-submit {
829
+ float: right;
830
+ }
831
+ }
832
+
833
+ } // close #whats-new-options
834
+ } // close #whats-new-content.active
835
+
836
+ } // close #whats-new-form
837
+
838
+ // User account form requires matching bp default specificity
839
+ #item-body {
840
+ form#whats-new-form {
841
+ margin: $spacing-val-lg 0;
842
+ }
843
+ }
844
+ } // close #buddypress
845
+
846
+ /**
847
+ *-----------------------------------------------------
848
+ * @section 4.1.2 - Activity Listing
849
+ *-----------------------------------------------------
850
+ */
851
+
852
+ #buddypress {
853
+
854
+ #activity-stream {
855
+
856
+ // re-size activity avatars and stack small screen
857
+ // refactor main elements positioning medium up.
858
+ li {
859
+ padding: 25px 0 15px;
860
+
861
+ .activity-avatar {
862
+ float: none;
863
+ text-align: center;
864
+
865
+ a {
866
+ display: inline-block;
867
+
868
+ img.avatar {
869
+ display: inline;
870
+ float: none;
871
+ height: 60px;
872
+ margin-bottom: $spacing-val-md;
873
+ margin-left: 0;
874
+ width: 60px;
875
+ }
876
+ }
877
+ } // close .activity-avatar
878
+
879
+ .activity-content {
880
+ margin-left: 0;
881
+
882
+ .activity-header {
883
+ @include font-size(14);
884
+ }
885
+ }
886
+
887
+ @media screen and (min-width: 46.25em) {
888
+
889
+ .activity-avatar {
890
+ float: left;
891
+ margin-right: $spacing-val-sm;
892
+ text-align: left;
893
+ a {border-bottom: 0;}
894
+ }
895
+
896
+ .activity-content {
897
+ margin: 0;
898
+ overflow: hidden;
899
+
900
+ .activity-header {
901
+ @include font-size(16);
902
+ }
903
+ }
904
+
905
+ } // close @media
906
+
907
+ } // close li
908
+
909
+ li.mini {
910
+ .activity-avatar {
911
+ a {
912
+ img.avatar {
913
+ height: 30px;
914
+ margin-left: 15px;
915
+ width: 30px;
916
+ }
917
+ }
918
+ }
919
+
920
+ .activity-content {
921
+ .activity-header {
922
+ @include font-size(14);
923
+ }
924
+ }
925
+ }
926
+
927
+ .activity-content {
928
+ margin-top: -12px;
929
+
930
+ .activity-header {
931
+ line-height: inherit;
932
+ margin-right: 0;
933
+
934
+ p {
935
+ background-color: $light-background;
936
+ border: 1px solid rgba($border-light, 0.6);
937
+ color: #727272;
938
+ margin-top: 0;
939
+ padding: 0 0.2em;
940
+
941
+ a.activity-time-since {
942
+ color: #727272;
943
+ }
944
+ }
945
+
946
+ img.avatar {
947
+ display: inline-block;
948
+ margin-bottom: 0 !important; // have to match to BP
949
+ }
950
+ } // close .activity-header
951
+
952
+ .activity-meta {
953
+ a {
954
+ display: block;
955
+ margin-bottom: $spacing-val-xs;
956
+
957
+ @media screen and (min-width: 38.75em) {
958
+ display: inline-block;
959
+ margin-bottom: 0;
960
+ }
961
+ }
962
+ }
963
+
964
+ } // close .activity-content
965
+
966
+ .load-more {
967
+ background: $light-background;
968
+ border: 1px solid transparent;
969
+ padding: $spacing-val-sm;
970
+
971
+ &:focus,
972
+ &:hover {
973
+ background: darken($light-background, 1%);
974
+ border: 1px solid rgba(#9fd1e2, 0.3);
975
+ a { font-style: italic; }
976
+ }
977
+
978
+ a {
979
+ display: block;
980
+ }
981
+ }
982
+
983
+ } // close #activity-stream
984
+ } // close #buddypress
985
+
986
+ /* Single activity view - activity permalink */
987
+
988
+ .activity-permalink {
989
+ #buddypress {
990
+ #activity-stream {
991
+
992
+ li.activity-item {
993
+ padding: $spacing-val-md;
994
+ }
995
+
996
+ li.mini {
997
+ .activity-header {
998
+ @include font-size(16);
999
+ @media screen and (min-width: 46.25em) {
1000
+ @include font-size(20);
1001
+ }
1002
+
1003
+ margin-bottom: $spacing-val-lg;
1004
+ p {padding: $spacing-val-md;}
1005
+ }
1006
+ }
1007
+ }
1008
+ }
1009
+ }
1010
+
1011
+ /**
1012
+ *-----------------------------------------------------
1013
+ * @section 4.1.3 - Activity Comments
1014
+ *-----------------------------------------------------
1015
+ */
1016
+ #buddypress {
1017
+
1018
+ #activity-stream {
1019
+ .activity-comments {
1020
+ border-left: 1px solid $border-light;
1021
+ margin-top: 5px;
1022
+
1023
+ ul {
1024
+ background: rgba($light-background, 0.6);
1025
+ margin: 15px 0 0 2px;
1026
+ }
1027
+
1028
+ a {
1029
+ color: #ac0404;
1030
+ }
1031
+
1032
+ .acomment-meta {
1033
+ color: #737373;
1034
+ }
1035
+
1036
+ .ac-form {
1037
+
1038
+ input[type="submit"],
1039
+ .ac-reply-cancel {
1040
+ color: rgba($body-text, 0.8);
1041
+ display: inline-block;
1042
+ font-family: inherit;
1043
+ @include font-size(12);
1044
+ font-weight: normal;
1045
+ line-height: 1.2;
1046
+ padding: 4px 10px;
1047
+ text-transform: lowercase;
1048
+ width: 100px;
1049
+ }
1050
+
1051
+ .ac-reply-cancel {
1052
+ border: 1px solid rgba($border-color, 0.7);
1053
+ text-align: center;
1054
+
1055
+ &:focus,
1056
+ &:hover {
1057
+ background: $bp-button-hover;
1058
+ }
1059
+ }
1060
+
1061
+ } // close .ac-form
1062
+
1063
+ } // close .activity-comments
1064
+ } // close .activity
1065
+
1066
+ } // close #buddypress
1067
+
1068
+ /**
1069
+ *----------------------------------------------------------
1070
+ * @section 4.2 - Members Loop
1071
+ *----------------------------------------------------------
1072
+ */
1073
+
1074
+ #buddypress {
1075
+ #members-list {
1076
+
1077
+ @media screen and (min-width: 59.6875em) {
1078
+ li {
1079
+ .item-avatar,
1080
+ .item {
1081
+ float: left;
1082
+ }
1083
+
1084
+ .action {
1085
+ float: right;
1086
+ }
1087
+ }
1088
+ }
1089
+
1090
+ } // close #members-list
1091
+ } //close #BuddyPress
1092
+
1093
+ /**
1094
+ *-------------------------------------------------------------------------------
1095
+ * @section 5.0 - Directories
1096
+ *-------------------------------------------------------------------------------
1097
+ */
1098
+
1099
+ /**
1100
+ *-----------------------------------------------------------
1101
+ * @subsection Registration
1102
+ *-----------------------------------------------------------
1103
+ */
1104
+
1105
+ #buddypress {
1106
+ #signup_form.standard-form {
1107
+
1108
+ #profile-details-section,
1109
+ #basic-details-section,
1110
+ #blog-details-section {
1111
+ float: none;
1112
+ width: 100%;
1113
+
1114
+ @media screen and (min-width: 38.75em) {
1115
+ width: 48%;
1116
+ }
1117
+ }
1118
+
1119
+ @media screen and (min-width: 38.75em) {
1120
+ #profile-details-section {float: right;}
1121
+ #basic-details-section {float: left;}
1122
+ }
1123
+
1124
+ }
1125
+ }
1126
+
1127
+ /**
1128
+ *-------------------------------------------------------------------------------
1129
+ * @section 6.0 - Single Item screens: User Account & Single Group Screens
1130
+ *-------------------------------------------------------------------------------
1131
+ */
1132
+
1133
+
1134
+ /**
1135
+ *-----------------------------------------------------------
1136
+ * @subsection 6.1 - Item Header Global
1137
+ *-----------------------------------------------------------
1138
+ */
1139
+
1140
+ .bp-user,
1141
+ .single-item.groups {
1142
+
1143
+ .entry-header {
1144
+ margin-bottom: 0;
1145
+
1146
+ .entry-title {
1147
+ color: $light-body;
1148
+ @include font-size(32);
1149
+ margin-bottom: $spacing-val-sm;
1150
+ text-align: center;
1151
+
1152
+ @media screen and (min-width: 46.25em) {
1153
+ text-align: left;
1154
+ }
1155
+ }
1156
+ }
1157
+
1158
+ #buddypress {
1159
+ #item-header-content {
1160
+ #item-meta {
1161
+ @include font-size(14);
1162
+ text-align: left;
1163
+
1164
+ p {margin-bottom: 0.5em;}
1165
+ }
1166
+ }
1167
+ }
1168
+
1169
+ @media screen and (max-width: 46.25em) {
1170
+ main {
1171
+ header.entry-header {
1172
+ padding-bottom: 1rem;
1173
+ }
1174
+ }
1175
+ }
1176
+
1177
+ @media screen and (max-width: 38.75em) {
1178
+ h1,
1179
+ #item-header-content {
1180
+ text-align: center;
1181
+ }
1182
+ }
1183
+
1184
+ #buddypress {
1185
+ @media screen and (max-width: 46.25em) {
1186
+ #item-header {
1187
+ .generic-button {
1188
+ float: none;
1189
+ margin: 1.5em 0 0 0;
1190
+ }
1191
+ }
1192
+ }
1193
+
1194
+ @media screen and (max-width: 38.75em) {
1195
+ h1 {
1196
+ margin-bottom: 0;
1197
+ }
1198
+
1199
+ #item-header-avatar {
1200
+ img.avatar {
1201
+ margin-right: 0;
1202
+ }
1203
+ }
1204
+
1205
+ #item-header-content {
1206
+ width: 100%;
1207
+ }
1208
+ }
1209
+ }
1210
+ }
1211
+
1212
+ /**
1213
+ *-----------------------------------------------------
1214
+ * @subsection 6.1.1 - item-header Groups
1215
+ *
1216
+ * Group Specific Item Header
1217
+ *-----------------------------------------------------
1218
+ */
1219
+
1220
+ .single-item.groups {
1221
+ #buddypress {
1222
+ @media screen and (max-width: 46.25em) {
1223
+ #item-header {
1224
+ #item-meta {
1225
+ margin-bottom: $spacing-val-md;
1226
+ }
1227
+ }
1228
+ }
1229
+
1230
+ // Move visual flow of avatar & item-actions at narrow width,
1231
+ // avatar first after group title
1232
+ @media screen and (max-width: 38.75em) {
1233
+ div#item-header {
1234
+ display: flex;
1235
+ flex-direction: column;
1236
+
1237
+ #item-header-avatar {
1238
+ order: 1;
1239
+ text-align: center;
1240
+
1241
+ a {
1242
+ border-bottom: 0;
1243
+
1244
+ img {
1245
+ display: inline-block;
1246
+ float: none;
1247
+ }
1248
+ }
1249
+ }
1250
+
1251
+ #item-header-content {
1252
+ order: 2;
1253
+ }
1254
+
1255
+ #item-actions {
1256
+ order: 3;
1257
+
1258
+ h2 {
1259
+ border-bottom: 1px solid $border-light;
1260
+ text-align: center;
1261
+ }
1262
+ }
1263
+ }
1264
+ } // close @media
1265
+
1266
+ div#item-header {
1267
+ padding-bottom: $spacing-val-lg;
1268
+
1269
+ div#item-actions {
1270
+ margin: 0;
1271
+ width: 100%;
1272
+
1273
+ @media screen and (min-width: 38.75em) {
1274
+ border-left: 1px solid $border-light;
1275
+ clear: none;
1276
+ float: right;
1277
+ padding-left: 0.2em;
1278
+ width: 30%;
1279
+ } // close @media
1280
+
1281
+ @media screen and (min-width: 46.25em) {
1282
+ width: 40%;
1283
+ }
1284
+
1285
+ ul {
1286
+ margin-top: 0;
1287
+ padding-left: 0;
1288
+ }
1289
+
1290
+ h2 {
1291
+ @include font-size(14);
1292
+
1293
+ @media screen and (min-width: 46.25em) {
1294
+ @include font-size(16);
1295
+ }
1296
+
1297
+ padding: 0.2em;
1298
+ }
1299
+ } // close item-actions
1300
+
1301
+ @media screen and (min-width: 46.25em) {
1302
+
1303
+ #item-header-avatar,
1304
+ #item-header-content {
1305
+ float: left;
1306
+ }
1307
+
1308
+ #item-header-avatar {
1309
+ width: 21%;
1310
+ }
1311
+
1312
+ #item-header-content {
1313
+ margin-left: 4%;
1314
+ width: 40%;
1315
+ }
1316
+
1317
+ div#item-actions {
1318
+ clear: both;
1319
+ float: right;
1320
+ width: 28%;
1321
+
1322
+ h2 {
1323
+ @include font-size(14);
1324
+ }
1325
+ }
1326
+
1327
+ } // close @media
1328
+
1329
+ #item-header-cover-image {
1330
+
1331
+ #item-actions {
1332
+ border: 0;
1333
+
1334
+ @media screen and (max-width: 46.25em) {
1335
+ clear: both !important;
1336
+ }
1337
+
1338
+ float: none;
1339
+ width: auto;
1340
+ }
1341
+
1342
+ @media screen and (min-width: 46.25em) {
1343
+ #item-header-content {
1344
+ padding-left: $spacing-val-sm;
1345
+
1346
+ #item-buttons {
1347
+ margin-top: 0;
1348
+ }
1349
+ }
1350
+
1351
+ #item-actions {
1352
+ border-left: 1px solid $border-light;
1353
+ clear: none;
1354
+ float: right;
1355
+ margin-top: 230px !important;
1356
+ padding-top: 0 !important;
1357
+ width: 20%;
1358
+ }
1359
+ }
1360
+ }
1361
+
1362
+ } // close #item-header
1363
+ } // close #buddypress
1364
+ } // close .groups
1365
+
1366
+ /**
1367
+ *-----------------------------------------------------
1368
+ * @subsection 6.1.2 - Item Header User Accounts
1369
+ *
1370
+ * User Accounts Specific Item Header
1371
+ *-----------------------------------------------------
1372
+ */
1373
+
1374
+ .bp-user {
1375
+
1376
+ #buddypress {
1377
+ #item-header {
1378
+ padding: $spacing-val-md 0;
1379
+
1380
+ #item-header-avatar {
1381
+ text-align: center;
1382
+ width: 100%;
1383
+
1384
+ img.avatar,
1385
+ a {
1386
+ border-bottom: 0;
1387
+ display: inline-block;
1388
+ float: none;
1389
+ }
1390
+ }
1391
+
1392
+ #item-header-content {
1393
+ .user-nicename,
1394
+ span.activity {
1395
+ display: block;
1396
+ text-align: center;
1397
+ }
1398
+ }
1399
+
1400
+ @media screen and (min-width: 46.25em) {
1401
+ #item-header-avatar {
1402
+ float: left;
1403
+ width: auto;
1404
+
1405
+ a {
1406
+ float: left;
1407
+ }
1408
+ }
1409
+
1410
+ #item-header-content {
1411
+ float: none;
1412
+ overflow: hidden;
1413
+
1414
+ .user-nicename,
1415
+ span.activity {
1416
+ text-align: left;
1417
+ }
1418
+
1419
+ #item-meta {
1420
+ margin-top: 0;
1421
+ }
1422
+ }
1423
+
1424
+ } // close @media
1425
+
1426
+ } // close #item-header
1427
+
1428
+ #item-header-cover-image {
1429
+
1430
+ #item-header-content {
1431
+ @media screen and (min-width: 46.25em) {
1432
+ .user-nicename {
1433
+ margin-bottom: $spacing-val-md;
1434
+ }
1435
+
1436
+ #item-buttons {
1437
+ margin: 0;
1438
+ }
1439
+ }
1440
+ }
1441
+ }
1442
+
1443
+ } // close #buddypress
1444
+ } // close .bp-user
1445
+
1446
+ /**
1447
+ *-----------------------------------------------------------
1448
+ * @subsection 6.2 - Item Body: Global
1449
+ *-----------------------------------------------------------
1450
+ */
1451
+
1452
+ /**
1453
+ *----------------------------------------------------
1454
+ * @subsection 6.2.1 - Item Body Groups
1455
+ *
1456
+ * Groups specific item body rules - screens
1457
+ *----------------------------------------------------
1458
+ */
1459
+
1460
+ /**
1461
+ *-----------------------------------------
1462
+ * @subsection 6.2.1.1 - Group Management
1463
+ *-----------------------------------------
1464
+ */
1465
+
1466
+ // headings settings screens & general global settings styles
1467
+ .groups {
1468
+ #group-settings-form {
1469
+ h3 {
1470
+ background: $dark-background;
1471
+ color: $content-background;
1472
+ padding: 0.2em;
1473
+ }
1474
+ }
1475
+ }
1476
+
1477
+ .groups.edit-details {
1478
+ #group-settings-form {
1479
+
1480
+ label {
1481
+ margin-bottom: 0;
1482
+ padding: 0.2em;
1483
+ width: 80%;
1484
+ }
1485
+
1486
+ textarea + p label {
1487
+ background: none;
1488
+ color: inherit;
1489
+ @include font-size(14);
1490
+ width: auto;
1491
+ }
1492
+
1493
+ textarea {
1494
+ height: auto;
1495
+ min-height: 100px;
1496
+ overflow: auto;
1497
+ }
1498
+ }
1499
+ } // close .groups.edit-details
1500
+
1501
+ .groups.group-settings {
1502
+ #group-settings-form {
1503
+
1504
+ div.radio label {
1505
+ border: 1px solid $border-light;
1506
+ padding: 0.2em;
1507
+
1508
+ ul {
1509
+ color: rgba($body-text, 0.6);
1510
+ @include font-size(14);
1511
+ }
1512
+ }
1513
+
1514
+ }
1515
+ } // close .groups.group-settings
1516
+
1517
+ .groups.group-avatar {
1518
+
1519
+ form > p {
1520
+ margin-top: $spacing-val-md;
1521
+ }
1522
+
1523
+ }
1524
+
1525
+ .groups.manage-members {
1526
+ #group-settings-form {
1527
+ .item-list {
1528
+ li {
1529
+ border-bottom: 1px solid $border-light;
1530
+
1531
+ img,
1532
+ h5 {
1533
+ float: left;
1534
+
1535
+ > a {border-bottom: 0;}
1536
+ }
1537
+
1538
+ span.small {
1539
+ clear: left;
1540
+ display: block;
1541
+ float: none;
1542
+ margin-top: $spacing-val-sm;
1543
+
1544
+ a {
1545
+ display: inline-block;
1546
+ margin: $spacing-val-xs 0;
1547
+ width: 100%;
1548
+
1549
+ @media screen and (min-width: 38.75em) {
1550
+ width: auto;
1551
+ }
1552
+ }
1553
+ }
1554
+
1555
+ h5 {
1556
+ margin: 0;
1557
+ }
1558
+
1559
+ }
1560
+ }
1561
+ }
1562
+ } // close .groups.manage-members
1563
+
1564
+ /**
1565
+ *-----------------------------------------
1566
+ * @subsection 6.2.1.2 - Group members
1567
+ *-----------------------------------------
1568
+ */
1569
+
1570
+ // Massage the members search for groups nav specifically.
1571
+ .groups.group-members {
1572
+ #subnav {
1573
+ li {
1574
+ @media screen and (max-width: 38.75em) {
1575
+ background: $content-background;
1576
+ padding: $spacing-val-md 0;
1577
+ }
1578
+
1579
+ width: 100%;
1580
+
1581
+ #search-members-form {
1582
+ float: right;
1583
+
1584
+ @media screen and (max-width: 38.75em) {
1585
+ margin: 0;
1586
+ width: 100%;
1587
+
1588
+ label {
1589
+ input[type="text"] {width: 100%;}
1590
+ }
1591
+ }
1592
+
1593
+ margin: $spacing-val-xs $spacing-val-xs 0 0;
1594
+ }
1595
+ }
1596
+ }
1597
+ }
1598
+
1599
+ /**
1600
+ *-----------------------------------------
1601
+ * @subsection 6.2.1.3 - Group send Invites
1602
+ *-----------------------------------------
1603
+ */
1604
+ #buddypress {
1605
+
1606
+ div.invite {
1607
+ .left-menu {
1608
+ float: none;
1609
+
1610
+ @media screen and (min-width: 46.25em) {
1611
+ float: left;
1612
+ }
1613
+ }
1614
+
1615
+ #invite-list {
1616
+ border: 1px solid $border-light;
1617
+ height: auto;
1618
+ min-height: 3.125em;
1619
+ padding: 0 0.3em 0.5em;
1620
+ width: auto;
1621
+
1622
+ @media screen and (min-width: 46.25em) {
1623
+ width: 220px;
1624
+ }
1625
+
1626
+ ul {
1627
+ padding-left: 0;
1628
+ }
1629
+ }
1630
+
1631
+ .main-column {
1632
+ margin-left: 0;
1633
+
1634
+ @media screen and (min-width: 46.25em) {
1635
+ margin-left: 235px;
1636
+ }
1637
+ }
1638
+
1639
+ } // close div.invite
1640
+ }
1641
+
1642
+ /**
1643
+ *-----------------------------------------------------
1644
+ * @subsection 6.2.2 - Item Body User Accounts
1645
+ *
1646
+ * User Account specific item body rules
1647
+ *-----------------------------------------------------
1648
+ */
1649
+
1650
+ .bp-user {
1651
+ .entry-title {margin-bottom: 0.5em;}
1652
+ }
1653
+
1654
+ /**
1655
+ *--------------------------------------------
1656
+ * @subsection 6.2.2.1 - classes, pag, filters
1657
+ *--------------------------------------------
1658
+ */
1659
+
1660
+ .bp-user {
1661
+
1662
+ #buddypress {
1663
+
1664
+ table {
1665
+ th {@include font-size(14)}
1666
+ td {@include font-size(13)}
1667
+
1668
+ @media screen and (min-width: 46.25em) {
1669
+ th {@include font-size(16)}
1670
+ td {@include font-size(14)}
1671
+ }
1672
+
1673
+ @media screen and (min-width: 77.5em) {
1674
+ th {@include font-size(18)}
1675
+ td {@include font-size(16)}
1676
+ }
1677
+ }
1678
+
1679
+ .pag-count {font-style: italic;}
1680
+
1681
+ .notifications-options-nav {
1682
+ border: 1px solid rgba($border-color, 0.5);
1683
+ float: left;
1684
+ width: 100%;
1685
+
1686
+ @media screen and (min-width: 38.75em) {
1687
+ width: 300px;
1688
+ }
1689
+
1690
+ select,
1691
+ input {
1692
+ border: 0;
1693
+ @include font-size(14);
1694
+ outline: 0;
1695
+ padding: 0;
1696
+ }
1697
+
1698
+ select {
1699
+ float: left;
1700
+ margin-right: 0;
1701
+ width: 60%;
1702
+ }
1703
+
1704
+ input {
1705
+ float: right;
1706
+ font-family: inherit;
1707
+ line-height: 20px;
1708
+ width: 40%;
1709
+ }
1710
+
1711
+ } // close .notifications-options-nav
1712
+ } // close #buddypress
1713
+ } // close .bp-user
1714
+
1715
+ /**
1716
+ *-------------------------------------------
1717
+ * @subsection 6.2.2.2 - Extended Profiles
1718
+ *-------------------------------------------
1719
+ */
1720
+
1721
+ .bp-user {
1722
+
1723
+ #buddypress {
1724
+
1725
+ .profile {
1726
+ .bp-widget {
1727
+ h2 {
1728
+ background: lighten($dark-background, 10%);
1729
+ color: #fff;
1730
+ margin-bottom: 0;
1731
+ padding: 0.4em;
1732
+ }
1733
+
1734
+ table {margin-top: 0;}
1735
+ }
1736
+
1737
+ #profile-edit-form {
1738
+
1739
+ .button-nav:before,
1740
+ .button-nav:after {
1741
+ content: " ";
1742
+ display: table;
1743
+ }
1744
+
1745
+ .button-nav:after {
1746
+ clear: both;
1747
+ }
1748
+
1749
+ ul.button-nav {
1750
+ border-bottom: 1px solid $border-light;
1751
+ margin-left: 0;
1752
+ padding: 0;
1753
+
1754
+ li {
1755
+ float: left;
1756
+ margin-bottom: 0;
1757
+
1758
+ &.current {
1759
+ border: 1px solid $border-light;
1760
+ border-bottom-color: #fff;
1761
+ margin-bottom: -1px;
1762
+ }
1763
+ } // li
1764
+
1765
+ a {
1766
+ background: none;
1767
+ border: 0;
1768
+ @include font-size(18)
1769
+ }
1770
+ } //.button-nav
1771
+
1772
+ .field-visibility-settings-toggle,
1773
+ .field-visibility-settings {
1774
+ @include font-size(14);
1775
+ }
1776
+
1777
+ .field-visibility-settings-close,
1778
+ .visibility-toggle-link {
1779
+ background: $dark-background;
1780
+ color: #fff;
1781
+ padding: 0.2em 0.5em;
1782
+ }
1783
+ } // close profile form
1784
+
1785
+ .bp-avatar {
1786
+ #bp-delete-avatar {
1787
+ a {font-size: inherit; }
1788
+ }
1789
+ }
1790
+ } // close .profile
1791
+ } // close #buddyPress
1792
+ } // close .bp-user
1793
+
1794
+ /**
1795
+ *-------------------------------------------
1796
+ * @subsection 6.2.2.3 - Groups
1797
+ *-------------------------------------------
1798
+ */
1799
+
1800
+ .bp-user {
1801
+
1802
+ #buddypress {
1803
+
1804
+ #groups-list {
1805
+ li {
1806
+ .item {
1807
+ @media screen and (min-width: 77.5em) {
1808
+ left: 5%;
1809
+ width: 50%;
1810
+ }
1811
+ }
1812
+ }
1813
+ }
1814
+ }
1815
+ }
1816
+
1817
+ /**
1818
+ *-------------------------------------------
1819
+ * @subsection 6.2.2.5 - Private Messaging
1820
+ *-------------------------------------------
1821
+ */
1822
+
1823
+ .bp-user {
1824
+
1825
+ #buddypress {
1826
+
1827
+ #message-thread {
1828
+ //Single message view
1829
+ a {
1830
+ border-bottom: 0;
1831
+ }
1832
+
1833
+ #message-subject {
1834
+ background: lighten($dark-background, 10%);
1835
+ color: $content-background;
1836
+ padding: 0.3em 0 0.3em 0.2em;
1837
+ }
1838
+
1839
+ #message-recipients {
1840
+ font-style: italic;
1841
+
1842
+ a.confirm {
1843
+ border: 1px solid $border-light;
1844
+ font-style: normal;
1845
+ }
1846
+ }
1847
+
1848
+ .message-metadata {
1849
+ overflow: hidden;
1850
+
1851
+ img.avatar {
1852
+ float: none;
1853
+ }
1854
+
1855
+ @media screen and (min-width: 46.25em) {
1856
+ img.avatar {
1857
+ float: left;
1858
+ }
1859
+ }
1860
+
1861
+ .message-star-actions {
1862
+ float: right;
1863
+ margin-right: $spacing-val-xs;
1864
+ position: static;
1865
+ }
1866
+ } // close .message-meta
1867
+
1868
+ .message-content {
1869
+ background: $light-background;
1870
+ border: 1px solid $border-light;
1871
+ margin: $spacing-val-sm 0 0 0;
1872
+ padding: 0.3em;
1873
+ }
1874
+
1875
+ #send-reply {
1876
+ .message-content {
1877
+ background: $content-background;
1878
+ border: 0;
1879
+ }
1880
+ }
1881
+
1882
+ .alt {
1883
+ background: $content-background;
1884
+ }
1885
+
1886
+ } // close message-thread Singular view!
1887
+
1888
+ #message-threads {
1889
+ thead {
1890
+ tr {
1891
+ background: lighten($dark-background, 10%);
1892
+ }
1893
+ }
1894
+
1895
+ tr {
1896
+ td {
1897
+ background: $content-background;
1898
+ display: inline-block;
1899
+ float: left;
1900
+ }
1901
+
1902
+ td.thread-star,
1903
+ td.thread-options {
1904
+ border-bottom-color: $medium-background;
1905
+ border-bottom-width: 2px;
1906
+ height: 2.4em;
1907
+ padding-bottom: 0.2em;
1908
+ padding-top: 0.2em;
1909
+
1910
+ @media screen and (max-width: 46.25em) {
1911
+ padding-top: 0;
1912
+ span.icon:before {font-size: 14px;}
1913
+ }
1914
+ }
1915
+
1916
+ .thread-checkbox {
1917
+ padding: 0 0 0 0.3em;
1918
+ }
1919
+
1920
+ td.bulk-select-check,
1921
+ td.thread-from {
1922
+ height: 3em;
1923
+
1924
+ @media screen and (max-width: 38.75em) {
1925
+ height: 5.2em;
1926
+ }
1927
+ }
1928
+
1929
+ td.thread-from,
1930
+ td.thread-options {
1931
+ border-left: 0 !important;
1932
+ @include calc(width, "100% - 30px");
1933
+ margin-left: 0;
1934
+ }
1935
+
1936
+ td.thread-info {
1937
+ padding-left: 41px;
1938
+ width: 100%;
1939
+
1940
+ a::after {
1941
+ content: " \2013 \00a0"attr(title);
1942
+ @include font-size(12);
1943
+ }
1944
+
1945
+ .thread-excerpt {
1946
+ @include font-size(14);
1947
+ }
1948
+ }
1949
+
1950
+ td.thread-options {
1951
+ text-align: right;
1952
+
1953
+ a {
1954
+ @include font-size(12);
1955
+ line-height: 2.2;
1956
+ }
1957
+ }
1958
+
1959
+ span.from {
1960
+ display: none;
1961
+ }
1962
+
1963
+ span.activity {
1964
+ display: block;
1965
+ float: right;
1966
+ line-height: 2;
1967
+
1968
+ @media screen and (max-width: 38.75em) {
1969
+ clear: both;
1970
+ @include font-size(12);
1971
+ width: 100%;
1972
+ }
1973
+ }
1974
+ }
1975
+
1976
+ tr.unread {
1977
+ td {
1978
+ background: $unread;
1979
+ border-color: $border-color;
1980
+ }
1981
+ }
1982
+
1983
+ th {
1984
+ display: none;
1985
+ }
1986
+
1987
+ th.bulk-select-all {
1988
+ border-bottom: 0;
1989
+ display: inline-block;
1990
+ text-align: left;
1991
+ }
1992
+
1993
+ th.bulk-select-all,
1994
+ td.bulk-select-check,
1995
+ td.thread-star {
1996
+ border-right: 0;
1997
+ width: 30px;
1998
+ }
1999
+ }
2000
+
2001
+ .acfb-holder {
2002
+ list-style: none;
2003
+ margin: 0;
2004
+ padding: 0;
2005
+
2006
+ li {margin-left: 0;}
2007
+
2008
+ li.friend-tab {
2009
+ background: lighten($notice-info, 20%);
2010
+ border: inherit;
2011
+ margin-right: 0;
2012
+ padding: 0.5em;
2013
+
2014
+ span.p {
2015
+ // the 'X' close
2016
+ padding-left: $spacing-val-sm;
2017
+
2018
+ &:focus,
2019
+ &:hover {
2020
+ color: $link-action;
2021
+ cursor: pointer;
2022
+ }
2023
+ }
2024
+
2025
+ a {
2026
+ border-bottom: 0;
2027
+ text-decoration: none;
2028
+
2029
+ img {
2030
+ // this is the tiny user avatar
2031
+ display: inline;
2032
+ height: 20px;
2033
+ vertical-align: middle;
2034
+ width: 20px !important; // override inline style
2035
+ }
2036
+ }
2037
+ }
2038
+ }
2039
+
2040
+ .sitewide-notices {
2041
+ tr {
2042
+ td:first-child {
2043
+ display: none;
2044
+ }
2045
+ }
2046
+
2047
+ td {
2048
+ strong {
2049
+ background: lighten($dark-background, 10%);
2050
+ color: $content-background;
2051
+ display: block;
2052
+ padding-left: 0.2em;
2053
+ }
2054
+ }
2055
+ }
2056
+ } // close #buddypress
2057
+
2058
+ // acfb auto complete name list sits in doc footer before body close
2059
+ .ac_results {
2060
+ background: #eee;
2061
+ padding-left: $spacing-val-sm;
2062
+
2063
+ ul {
2064
+ list-style: none;
2065
+ margin: 0;
2066
+ padding: 0;
2067
+ }
2068
+
2069
+ li {
2070
+ margin: $spacing-val-sm 0;
2071
+
2072
+ &:focus,
2073
+ &:hover {
2074
+ cursor: pointer;
2075
+ }
2076
+ }
2077
+ }
2078
+
2079
+ } // close .bp-user
2080
+
2081
+ /**
2082
+ *------------------------------
2083
+ * @subsection 6.2.2.6 - Settings
2084
+ *------------------------------
2085
+ */
2086
+
2087
+ .bp-user {
2088
+
2089
+ #buddypress {
2090
+
2091
+ #settings-form {
2092
+ padding: 0 $spacing-val-sm;
2093
+ // 'p' = email notification screen sub heading
2094
+ > p {
2095
+ @include font-size(20);
2096
+ margin: $spacing-val-md 0 $spacing-val-sm;
2097
+ }
2098
+ }
2099
+
2100
+ table.notification-settings {
2101
+ td.yes,
2102
+ td.no {
2103
+ vertical-align: middle;
2104
+ }
2105
+ }
2106
+ // Profile table td widths
2107
+ table.profile-settings {
2108
+ width: 100%;
2109
+
2110
+ th.field-group-name,
2111
+ td.field-name {
2112
+ width: 50%;
2113
+ }
2114
+
2115
+ @media screen and (min-width: 46.25em) {
2116
+ th.field-group-name,
2117
+ td.field-name {
2118
+ width: 70%;
2119
+ }
2120
+ }
2121
+
2122
+ th.title,
2123
+ td.field-visibility {
2124
+ width: 30%;
2125
+ }
2126
+
2127
+ td.field-visibility {
2128
+ select {width: 100%;}
2129
+ }
2130
+ }
2131
+
2132
+ } // close #buddyPress
2133
+
2134
+ } // close .bp-user
2135
+
2136
+ /**
2137
+ *-------------------------------------------------------------------------------
2138
+ * @section 7.0 - Forms - General
2139
+ *-------------------------------------------------------------------------------
2140
+ */
2141
+ // Attempt to reset form control widths
2142
+ #main {
2143
+ #buddypress {
2144
+ .standard-form {
2145
+
2146
+ li {float: none;}
2147
+ input[type='text'],
2148
+ input[type='email'],
2149
+ input[type='password'],
2150
+ textarea {
2151
+ width: 100%;
2152
+ }
2153
+ }
2154
+ }
2155
+ }
2156
+
2157
+
2158
+ #buddypress {
2159
+
2160
+ // Match BP form elements to Themes(2013) styling where styles
2161
+ // are not inherited or being overriden.
2162
+ div.activity-comments {
2163
+
2164
+ form {
2165
+ .ac-textarea {
2166
+ background: $light-background;
2167
+ border: 1px solid rgba($border-color, 0.5);
2168
+
2169
+ textarea {
2170
+ background: none;
2171
+ border: 0;
2172
+ }
2173
+ }
2174
+ }
2175
+ }
2176
+
2177
+ .standard-form {
2178
+
2179
+ // Keep BP form element borders to 1px rather than 2013 2px
2180
+ input[type="text"],
2181
+ input[type="email"],
2182
+ input[type="password"],
2183
+ button,
2184
+ select,
2185
+ textarea {
2186
+ border-color: rgba($border-color, 0.5);
2187
+ border-width: 1px;
2188
+ }
2189
+
2190
+ } // close .standard-form
2191
+
2192
+ #signup_form.standard-form {
2193
+ div.submit {
2194
+ float: none;
2195
+
2196
+ input {margin-right: 0;}
2197
+ }
2198
+ }
2199
+
2200
+ } // close #buddypress
2201
+
2202
+ #buddypress {
2203
+ div.dir-search,
2204
+ div.message-search,
2205
+ li.groups-members-search {
2206
+ float: none;
2207
+ margin: $spacing-val-sm 0;
2208
+
2209
+ // Stylise the seach form elements, in part this deals with padding
2210
+ // issues on the submit & sizing issues between bp styles & twentythirteen
2211
+
2212
+ form { // *sigh* only to bludgeon over specified rules
2213
+ border: 1px solid rgba($border-color, 0.6);
2214
+ overflow: hidden;
2215
+
2216
+ label {
2217
+ float: left;
2218
+ width: 60%;
2219
+
2220
+ @media screen and (min-width: 46.25em) {
2221
+ width: 80%;
2222
+ }
2223
+ }
2224
+
2225
+ input[type='text'] {
2226
+ float: left;
2227
+ margin: 0;
2228
+ width: 100%;
2229
+ }
2230
+
2231
+ input[type='text'],
2232
+ input[type='submit'] {
2233
+ @include font-size(14);
2234
+ border: 0;
2235
+ line-height: inherit;
2236
+ }
2237
+
2238
+ input[type='text'] {
2239
+ border-right: 1px solid rgba($border-color, 0.6);
2240
+ padding: 0.2em 0 0.2em 0.2em;
2241
+ }
2242
+
2243
+ input[type='submit'] {
2244
+ float: right;
2245
+ font-weight: normal;
2246
+ padding: 0.2em 1em;
2247
+ text-align: center;
2248
+ text-transform: none;
2249
+ width: 40%;
2250
+
2251
+ @media screen and (min-width: 46.25em) {
2252
+ width: 20%;
2253
+ }
2254
+
2255
+ }
2256
+ } // close form
2257
+
2258
+ } // close .dir-search, .message-search
2259
+
2260
+ // Shift the search parent to the right and allow to shrinkwrap
2261
+ @media screen and (min-width: 38.75em) {
2262
+ div.dir-search,
2263
+ div.message-search,
2264
+ li.groups-members-search {
2265
+ float: right;
2266
+ margin-bottom: 5px !important;
2267
+
2268
+ form {
2269
+ label,
2270
+ input[type='text'],
2271
+ input[type='submit'] {
2272
+ width: auto;
2273
+ }
2274
+ }
2275
+ }
2276
+
2277
+ } // close @media
2278
+
2279
+
2280
+ @media screen and (min-width: 77.5em) {
2281
+
2282
+ .dir-search,
2283
+ .message-search {
2284
+ form {
2285
+ input[type='text'] { @include font-size(16) ;}
2286
+ input[type='submit'] { @include font-size(16) ;}
2287
+ }
2288
+ }
2289
+ }
2290
+
2291
+ } // close #buddypress
2292
+
2293
+ /**
2294
+ *-------------------------------------------------------------------------------
2295
+ * @section 8.0 - Tables - General
2296
+ *-------------------------------------------------------------------------------
2297
+ */
2298
+
2299
+ // Adjust table font sizes, default too large proportionally
2300
+ // This approach will require refinement and perhaps re-location to
2301
+ // a more general typography section to manage BP elements grouped under
2302
+ // breakpoints. Provide top/bottom margins for tables, lacking in BP styles
2303
+
2304
+ #buddypress {
2305
+
2306
+ table {
2307
+ @include font-size(14);
2308
+ margin: $spacing-val-md 0;
2309
+
2310
+ tr th {
2311
+ background: lighten($dark-background, 10%);
2312
+ border-color: darken($border-light, 20%);
2313
+ color: $content-background;
2314
+ }
2315
+
2316
+ // twentythirteen removes left padding, replace!
2317
+ th,
2318
+ td {
2319
+ padding: 0.3em;
2320
+ }
2321
+
2322
+ // Reduce the themes inherited paragraph margins in tables
2323
+ p {margin-bottom: 0.5em;}
2324
+ }
2325
+
2326
+ @media screen and (min-width: 55em) {
2327
+ table {@include font-size(16);}
2328
+ }
2329
+ }
2330
+
2331
+ /*__ User Account tables __*/
2332
+
2333
+ #buddypress {
2334
+
2335
+ // Manage some table cells widths that are disproportionate to their content
2336
+ .notifications,
2337
+ .messages-notices {
2338
+ th {
2339
+ width: 30%;
2340
+
2341
+ &.bulk-select-all {
2342
+ text-align: center;
2343
+ width: 10%;
2344
+ }
2345
+ }
2346
+
2347
+ .bulk-select-check,
2348
+ .thread-star {
2349
+ text-align: center;
2350
+ }
2351
+
2352
+ .notification-actions,
2353
+ td.thread-options {
2354
+ text-align: center;
2355
+
2356
+ a {
2357
+ display: inline-block;
2358
+ margin: 0;
2359
+ padding: 0;
2360
+ }
2361
+ }
2362
+
2363
+ // Notices action buttons, this maybe better moved, temp for now to address
2364
+ // styling issues - this will need styling ideas
2365
+ td {
2366
+ .button {
2367
+ border: 0;
2368
+ display: block;
2369
+ padding: 0;
2370
+ text-align: center;
2371
+ }
2372
+ }
2373
+
2374
+ } // .notifications, .message-notices
2375
+ } // #buddypress
2376
+
2377
+ /**
2378
+ *-------------------------------------------------------------------------------
2379
+ * @section 9.0 - Error / Success messages
2380
+ *-------------------------------------------------------------------------------
2381
+ */
2382
+
2383
+ // message args ($variable-color, text-color)
2384
+ // Leave text-color undefined to automagically set text color
2385
+ // to background color darker by 50%
2386
+
2387
+ #buddypress {
2388
+ div#message {
2389
+ p {
2390
+ @include font-size(18);
2391
+ font-weight: bold;
2392
+ }
2393
+
2394
+ &.info {
2395
+ p {
2396
+ @include message-box($notice-info);
2397
+ }
2398
+ }
2399
+
2400
+ &.updated {
2401
+ p {
2402
+ @include message-box($notice-update);
2403
+ }
2404
+ }
2405
+
2406
+ } // close #message
2407
+
2408
+ } // close #buddypress
2409
+
2410
+ // Without direct classes on our mesages ( 'warning' )
2411
+ // we need to use the body classes
2412
+ // todo: If this is class .warning is included in main BP styles remove from here
2413
+ .delete-group {
2414
+ #buddypress {
2415
+ div#message.info {
2416
+ p {
2417
+ @include message-box($notice-warning);
2418
+ }
2419
+ }
2420
+ }
2421
+ }
2422
+
2423
+ /**
2424
+ *-------------------------------------------------------------------------------
2425
+ * @section 10.0 - Ajax Loading, Widgets, General classes
2426
+ *-------------------------------------------------------------------------------
2427
+ */
bp-templates/bp-legacy/css/twentytwelve-rtl.css CHANGED
@@ -1,79 +1,79 @@
1
  @charset "UTF-8";
2
- /*--------------------------------------------------------------
3
-
4
- This is the BuddyPress companion stylesheet for
5
- the WordPress Twentytwelve theme.
6
-
7
- This sheet supports the primary BuddyPress styles in buddypress.css
8
-
9
- If you are running as a child theme of twentytwelve this stylesheet will be
10
- loaded by default. If you want to modify the styles the normal BP Theme Compat
11
- hierarchy works and you can copy the file to buddypress/css/ or community/css/
12
- in your child themes root & either start over or modify the rulesets.
13
-
14
- If you do not require the styles you can dequeue them from the themes functions file.
15
-
16
- Please see this codex article for more information:
17
- http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
18
-
19
- ----------------------------------------------------------------
20
- >>> TABLE OF CONTENTS:
21
- ----------------------------------------------------------------
22
- 1.0 Theme Structural Elements & overrides
23
- 2.0 - Navigation - General
24
- 2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
25
- 2.2 - Pagination
26
- 3.0 - Images
27
- 4.0 - BP Lists / Loops Generic
28
- 4.1 - Activity Loop
29
- 4.1.1 Whats New Activity
30
- 4.1.2 - Activity Listing
31
- 4.1.3 - Activity Comments
32
- 4.2 - Members Loop
33
- 4.3 - Groups Loop
34
- 4.4 - Blogs Loop
35
- 5.0 - Directories - Members, Groups, Blogs, Register, activation
36
- 6.0 - Single Item screens: User Account & Single Group Screens
37
- 6.1 - Item Headers: Global
38
- 6.1.1 - item-header: Groups
39
- 6.1.2 - item-header: User Accounts
40
- 6.2 - Item Body: Global
41
- 6.2.1 - item-body: Groups
42
- 6.2.1.1 - Management settings screens
43
- 6.2.1.2 - Group members list
44
- 6.2.2 - item-body: User Accounts
45
- 6.2.2.1 - classes, pag, filters
46
- 6.2.2.2 - Extended Profiles
47
- 6.2.2.3 - Groups
48
- 6.2.2.4 - friends
49
- 6.2.2.5 - Private Messaging Threads
50
- 6.2.2.6 - Settings
51
- 6.2.2.7 - Notifications
52
- 7.0 - Forms - General
53
- 8.0 - Tables - General
54
- 9.0 - Error / Success Messages
55
- 10.0 - Ajax Loading, Widgets, General classes
56
  --------------------------------------------------------------*/
57
- /**
58
- *-------------------------------------------------------------------------------
59
- * @section 1.0 - Theme - Structural Elements. overrides, Globals
60
- *-------------------------------------------------------------------------------
61
  */
62
  .buddypress div.clear {
63
  display: none;
64
  }
65
 
66
- /**
67
- *-------------------------------------------------------------------------------
68
- * @section 2.0 - Navigation - General
69
- *-------------------------------------------------------------------------------
70
  */
71
- /**
72
- *----------------------------------------------------------
73
- * @section 2.1 - Navs Object Nav / Sub Nav (item-list-tabs)
74
- *
75
- * The main navigational elements for all BP screens
76
- *----------------------------------------------------------
77
  */
78
  #buddypress div.item-list-tabs ul li.selected a,
79
  #buddypress div.item-list-tabs ul li.current a {
@@ -303,10 +303,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
303
  }
304
  }
305
 
306
- /**
307
- *----------------------------------------------------------
308
- * @section 2.2 - Pagination
309
- *----------------------------------------------------------
310
  */
311
  #buddypress div.pagination {
312
  box-shadow: none;
@@ -356,10 +356,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
356
  left: auto;
357
  }
358
 
359
- /**
360
- *-------------------------------------------------------------------------------
361
- * @section 4.0 - BP Lists / Loops Generic
362
- *-------------------------------------------------------------------------------
363
  */
364
  #buddypress ul.item-list {
365
  border-top: 0;
@@ -531,15 +531,15 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
531
  font-style: italic;
532
  }
533
 
534
- /**
535
- *----------------------------------------------------------
536
- * @section 4.1 - Activity
537
- *----------------------------------------------------------
538
  */
539
- /**
540
- *-----------------------------------------------------
541
- * @section 4.1.1 - Activity Whats New
542
- *-----------------------------------------------------
543
  */
544
  #buddypress form#whats-new-form p.activity-greeting {
545
  line-height: 1.4;
@@ -587,10 +587,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
587
  margin: 48px 0;
588
  }
589
 
590
- /**
591
- *-----------------------------------------------------
592
- * @section 4.1.2 - Activity Listing
593
- *-----------------------------------------------------
594
  */
595
  #buddypress #activity-stream li {
596
  padding: 25px 0 15px;
@@ -746,10 +746,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
746
  margin-right: 0;
747
  }
748
 
749
- /**
750
- *-----------------------------------------------------
751
- * @section 4.1.3 - Activity Comments
752
- *-----------------------------------------------------
753
  */
754
  #buddypress #activity-stream .activity-comments {
755
  position: relative;
@@ -804,10 +804,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
804
  background: #ededed;
805
  }
806
 
807
- /**
808
- *----------------------------------------------------------
809
- * @section 4.2 - Members Loop
810
- *----------------------------------------------------------
811
  */
812
  @media screen and (min-width: 60em) {
813
  #buddypress #members-list li .item-avatar,
@@ -819,15 +819,15 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
819
  }
820
  }
821
 
822
- /**
823
- *-------------------------------------------------------------------------------
824
- * @section 5.0 - Directories
825
- *-------------------------------------------------------------------------------
826
  */
827
- /**
828
- *-----------------------------------------------------------
829
- * @subsection Registration
830
- *-----------------------------------------------------------
831
  */
832
  #buddypress #signup_form.standard-form #profile-details-section,
833
  #buddypress #signup_form.standard-form #basic-details-section,
@@ -853,19 +853,19 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
853
  }
854
  }
855
 
856
- /**
857
- *-------------------------------------------------------------------------------
858
- * @section 6.0 - Single Item screens: User Account & Single Group Screens
859
- *-------------------------------------------------------------------------------
860
  */
861
  .bp-user #buddypress a:visited {
862
  color: #21759b;
863
  }
864
 
865
- /**
866
- *-----------------------------------------------------------
867
- * @subsection 6.1 - Item Header Global
868
- *-----------------------------------------------------------
869
  */
870
  .bp-user #buddypress #item-header-content #item-meta,
871
  .single-item.groups #buddypress #item-header-content #item-meta {
@@ -918,12 +918,12 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
918
  }
919
  }
920
 
921
- /**
922
- *-----------------------------------------------------
923
- * @subsection 6.1.1 - item-header Groups
924
- *
925
- * Group Specific Item Header
926
- *-----------------------------------------------------
927
  */
928
  @media screen and (max-width: 46.25em) {
929
  .single-item.groups #buddypress #item-header #item-meta {
@@ -1052,12 +1052,12 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1052
  }
1053
  }
1054
 
1055
- /**
1056
- *-----------------------------------------------------
1057
- * @subsection 6.1.2 - Item Header User Accounts
1058
- *
1059
- * User Accounts Specific Item Header
1060
- *-----------------------------------------------------
1061
  */
1062
  .bp-user #buddypress #item-header {
1063
  padding: 24px 0;
@@ -1092,22 +1092,22 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1092
  }
1093
  }
1094
 
1095
- /**
1096
- *-----------------------------------------------------------
1097
- * @subsection 6.2 - Item Body: Global
1098
- *-----------------------------------------------------------
1099
  */
1100
- /**
1101
- *----------------------------------------------------
1102
- * @subsection 6.2.1 - Item Body Groups
1103
- *
1104
- * Groups specific item body rules - screens
1105
- *----------------------------------------------------
1106
  */
1107
- /**
1108
- *-----------------------------------------
1109
- * @subsection 6.2.1.1 - Group Management
1110
- *-----------------------------------------
1111
  */
1112
  .groups #group-settings-form h3 {
1113
  background: #555;
@@ -1187,10 +1187,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1187
  margin: 0;
1188
  }
1189
 
1190
- /**
1191
- *-----------------------------------------
1192
- * @subsection 6.2.1.2 - Group members
1193
- *-----------------------------------------
1194
  */
1195
  .groups.group-members #subnav li {
1196
  width: 100%;
@@ -1218,21 +1218,21 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1218
  }
1219
  }
1220
 
1221
- /**
1222
- *-----------------------------------------------------
1223
- * @subsection 6.2.2 - Item Body User Accounts
1224
- *
1225
- * User Account specific component item body rules
1226
- *-----------------------------------------------------
1227
  */
1228
  .bp-user .entry-title {
1229
  margin-bottom: 0.5em;
1230
  }
1231
 
1232
- /**
1233
- *--------------------------------------------
1234
- * @subsection 6.2.2.1 - classes, pag, filters
1235
- *--------------------------------------------
1236
  */
1237
  .bp-user #buddypress table th {
1238
  font-size: 13px;
@@ -1318,10 +1318,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1318
  background: none;
1319
  }
1320
 
1321
- /**
1322
- *-------------------------------------------
1323
- * @subsection 6.2.2.2 - Extended Profiles
1324
- *-------------------------------------------
1325
  */
1326
  .bp-user #buddypress .profile {
1327
  /* Edit profile */
@@ -1405,10 +1405,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1405
  font-size: inherit;
1406
  }
1407
 
1408
- /**
1409
- *-------------------------------------------
1410
- * @subsection 6.2.2.3 - Groups
1411
- *-------------------------------------------
1412
  */
1413
  @media screen and (min-width: 77.5em) {
1414
  .bp-user #buddypress #groups-list li .item {
@@ -1417,10 +1417,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1417
  }
1418
  }
1419
 
1420
- /**
1421
- *-------------------------------------------
1422
- * @subsection 6.2.2.5 - Private Messaging
1423
- *-------------------------------------------
1424
  */
1425
  .bp-user #buddypress #message-thread a {
1426
  border-bottom: 0;
@@ -1722,10 +1722,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1722
  vertical-align: bottom;
1723
  }
1724
 
1725
- /**
1726
- *------------------------------
1727
- * @subsection 6.2.2.6 - Settings
1728
- *------------------------------
1729
  */
1730
  .bp-user #buddypress #settings-form > p {
1731
  font-size: 20px;
@@ -1763,15 +1763,15 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1763
  width: 100%;
1764
  }
1765
 
1766
- /**
1767
- *------------------------------------
1768
- * @subsection 6.2.2.6 - Notifications
1769
- *------------------------------------
1770
  */
1771
- /**
1772
- *-------------------------------------------------------------------------------
1773
- * @section 7.0 - Forms - General
1774
- *-------------------------------------------------------------------------------
1775
  */
1776
  #main #buddypress .standard-form li {
1777
  float: none;
@@ -1901,10 +1901,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1901
  }
1902
  }
1903
 
1904
- /**
1905
- *-------------------------------------------------------------------------------
1906
- * @section 8.0 - Tables - General
1907
- *-------------------------------------------------------------------------------
1908
  */
1909
  .bp-user #buddypress table {
1910
  font-size: 14px;
@@ -1981,10 +1981,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1981
  text-align: center;
1982
  }
1983
 
1984
- /**
1985
- *-------------------------------------------------------------------------------
1986
- * @section 9.0 - Error / Success messages
1987
- *-------------------------------------------------------------------------------
1988
  */
1989
  #buddypress div#message p {
1990
  font-size: 18px;
@@ -2010,8 +2010,8 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
2010
  color: #1f0808;
2011
  }
2012
 
2013
- /**
2014
- *-------------------------------------------------------------------------------
2015
- * @section 10.0 - Ajax Loading, Widgets, General classes
2016
- *-------------------------------------------------------------------------------
2017
  */
1
  @charset "UTF-8";
2
+ /*--------------------------------------------------------------
3
+
4
+ This is the BuddyPress companion stylesheet for
5
+ the WordPress Twentytwelve theme.
6
+
7
+ This sheet supports the primary BuddyPress styles in buddypress.css
8
+
9
+ If you are running as a child theme of twentytwelve this stylesheet will be
10
+ loaded by default. If you want to modify the styles the normal BP Theme Compat
11
+ hierarchy works and you can copy the file to buddypress/css/ or community/css/
12
+ in your child themes root & either start over or modify the rulesets.
13
+
14
+ If you do not require the styles you can dequeue them from the themes functions file.
15
+
16
+ Please see this codex article for more information:
17
+ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
18
+
19
+ ----------------------------------------------------------------
20
+ >>> TABLE OF CONTENTS:
21
+ ----------------------------------------------------------------
22
+ 1.0 Theme Structural Elements & overrides
23
+ 2.0 - Navigation - General
24
+ 2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
25
+ 2.2 - Pagination
26
+ 3.0 - Images
27
+ 4.0 - BP Lists / Loops Generic
28
+ 4.1 - Activity Loop
29
+ 4.1.1 Whats New Activity
30
+ 4.1.2 - Activity Listing
31
+ 4.1.3 - Activity Comments
32
+ 4.2 - Members Loop
33
+ 4.3 - Groups Loop
34
+ 4.4 - Blogs Loop
35
+ 5.0 - Directories - Members, Groups, Blogs, Register, activation
36
+ 6.0 - Single Item screens: User Account & Single Group Screens
37
+ 6.1 - Item Headers: Global
38
+ 6.1.1 - item-header: Groups
39
+ 6.1.2 - item-header: User Accounts
40
+ 6.2 - Item Body: Global
41
+ 6.2.1 - item-body: Groups
42
+ 6.2.1.1 - Management settings screens
43
+ 6.2.1.2 - Group members list
44
+ 6.2.2 - item-body: User Accounts
45
+ 6.2.2.1 - classes, pag, filters
46
+ 6.2.2.2 - Extended Profiles
47
+ 6.2.2.3 - Groups
48
+ 6.2.2.4 - friends
49
+ 6.2.2.5 - Private Messaging Threads
50
+ 6.2.2.6 - Settings
51
+ 6.2.2.7 - Notifications
52
+ 7.0 - Forms - General
53
+ 8.0 - Tables - General
54
+ 9.0 - Error / Success Messages
55
+ 10.0 - Ajax Loading, Widgets, General classes
56
  --------------------------------------------------------------*/
57
+ /**
58
+ *-------------------------------------------------------------------------------
59
+ * @section 1.0 - Theme - Structural Elements. overrides, Globals
60
+ *-------------------------------------------------------------------------------
61
  */
62
  .buddypress div.clear {
63
  display: none;
64
  }
65
 
66
+ /**
67
+ *-------------------------------------------------------------------------------
68
+ * @section 2.0 - Navigation - General
69
+ *-------------------------------------------------------------------------------
70
  */
71
+ /**
72
+ *----------------------------------------------------------
73
+ * @section 2.1 - Navs Object Nav / Sub Nav (item-list-tabs)
74
+ *
75
+ * The main navigational elements for all BP screens
76
+ *----------------------------------------------------------
77
  */
78
  #buddypress div.item-list-tabs ul li.selected a,
79
  #buddypress div.item-list-tabs ul li.current a {
303
  }
304
  }
305
 
306
+ /**
307
+ *----------------------------------------------------------
308
+ * @section 2.2 - Pagination
309
+ *----------------------------------------------------------
310
  */
311
  #buddypress div.pagination {
312
  box-shadow: none;
356
  left: auto;
357
  }
358
 
359
+ /**
360
+ *-------------------------------------------------------------------------------
361
+ * @section 4.0 - BP Lists / Loops Generic
362
+ *-------------------------------------------------------------------------------
363
  */
364
  #buddypress ul.item-list {
365
  border-top: 0;
531
  font-style: italic;
532
  }
533
 
534
+ /**
535
+ *----------------------------------------------------------
536
+ * @section 4.1 - Activity
537
+ *----------------------------------------------------------
538
  */
539
+ /**
540
+ *-----------------------------------------------------
541
+ * @section 4.1.1 - Activity Whats New
542
+ *-----------------------------------------------------
543
  */
544
  #buddypress form#whats-new-form p.activity-greeting {
545
  line-height: 1.4;
587
  margin: 48px 0;
588
  }
589
 
590
+ /**
591
+ *-----------------------------------------------------
592
+ * @section 4.1.2 - Activity Listing
593
+ *-----------------------------------------------------
594
  */
595
  #buddypress #activity-stream li {
596
  padding: 25px 0 15px;
746
  margin-right: 0;
747
  }
748
 
749
+ /**
750
+ *-----------------------------------------------------
751
+ * @section 4.1.3 - Activity Comments
752
+ *-----------------------------------------------------
753
  */
754
  #buddypress #activity-stream .activity-comments {
755
  position: relative;
804
  background: #ededed;
805
  }
806
 
807
+ /**
808
+ *----------------------------------------------------------
809
+ * @section 4.2 - Members Loop
810
+ *----------------------------------------------------------
811
  */
812
  @media screen and (min-width: 60em) {
813
  #buddypress #members-list li .item-avatar,
819
  }
820
  }
821
 
822
+ /**
823
+ *-------------------------------------------------------------------------------
824
+ * @section 5.0 - Directories
825
+ *-------------------------------------------------------------------------------
826
  */
827
+ /**
828
+ *-----------------------------------------------------------
829
+ * @subsection Registration
830
+ *-----------------------------------------------------------
831
  */
832
  #buddypress #signup_form.standard-form #profile-details-section,
833
  #buddypress #signup_form.standard-form #basic-details-section,
853
  }
854
  }
855
 
856
+ /**
857
+ *-------------------------------------------------------------------------------
858
+ * @section 6.0 - Single Item screens: User Account & Single Group Screens
859
+ *-------------------------------------------------------------------------------
860
  */
861
  .bp-user #buddypress a:visited {
862
  color: #21759b;
863
  }
864
 
865
+ /**
866
+ *-----------------------------------------------------------
867
+ * @subsection 6.1 - Item Header Global
868
+ *-----------------------------------------------------------
869
  */
870
  .bp-user #buddypress #item-header-content #item-meta,
871
  .single-item.groups #buddypress #item-header-content #item-meta {
918
  }
919
  }
920
 
921
+ /**
922
+ *-----------------------------------------------------
923
+ * @subsection 6.1.1 - item-header Groups
924
+ *
925
+ * Group Specific Item Header
926
+ *-----------------------------------------------------
927
  */
928
  @media screen and (max-width: 46.25em) {
929
  .single-item.groups #buddypress #item-header #item-meta {
1052
  }
1053
  }
1054
 
1055
+ /**
1056
+ *-----------------------------------------------------
1057
+ * @subsection 6.1.2 - Item Header User Accounts
1058
+ *
1059
+ * User Accounts Specific Item Header
1060
+ *-----------------------------------------------------
1061
  */
1062
  .bp-user #buddypress #item-header {
1063
  padding: 24px 0;
1092
  }
1093
  }
1094
 
1095
+ /**
1096
+ *-----------------------------------------------------------
1097
+ * @subsection 6.2 - Item Body: Global
1098
+ *-----------------------------------------------------------
1099
  */
1100
+ /**
1101
+ *----------------------------------------------------
1102
+ * @subsection 6.2.1 - Item Body Groups
1103
+ *
1104
+ * Groups specific item body rules - screens
1105
+ *----------------------------------------------------
1106
  */
1107
+ /**
1108
+ *-----------------------------------------
1109
+ * @subsection 6.2.1.1 - Group Management
1110
+ *-----------------------------------------
1111
  */
1112
  .groups #group-settings-form h3 {
1113
  background: #555;
1187
  margin: 0;
1188
  }
1189
 
1190
+ /**
1191
+ *-----------------------------------------
1192
+ * @subsection 6.2.1.2 - Group members
1193
+ *-----------------------------------------
1194
  */
1195
  .groups.group-members #subnav li {
1196
  width: 100%;
1218
  }
1219
  }
1220
 
1221
+ /**
1222
+ *-----------------------------------------------------
1223
+ * @subsection 6.2.2 - Item Body User Accounts
1224
+ *
1225
+ * User Account specific component item body rules
1226
+ *-----------------------------------------------------
1227
  */
1228
  .bp-user .entry-title {
1229
  margin-bottom: 0.5em;
1230
  }
1231
 
1232
+ /**
1233
+ *--------------------------------------------
1234
+ * @subsection 6.2.2.1 - classes, pag, filters
1235
+ *--------------------------------------------
1236
  */
1237
  .bp-user #buddypress table th {
1238
  font-size: 13px;
1318
  background: none;
1319
  }
1320
 
1321
+ /**
1322
+ *-------------------------------------------
1323
+ * @subsection 6.2.2.2 - Extended Profiles
1324
+ *-------------------------------------------
1325
  */
1326
  .bp-user #buddypress .profile {
1327
  /* Edit profile */
1405
  font-size: inherit;
1406
  }
1407
 
1408
+ /**
1409
+ *-------------------------------------------
1410
+ * @subsection 6.2.2.3 - Groups
1411
+ *-------------------------------------------
1412
  */
1413
  @media screen and (min-width: 77.5em) {
1414
  .bp-user #buddypress #groups-list li .item {
1417
  }
1418
  }
1419
 
1420
+ /**
1421
+ *-------------------------------------------
1422
+ * @subsection 6.2.2.5 - Private Messaging
1423
+ *-------------------------------------------
1424
  */
1425
  .bp-user #buddypress #message-thread a {
1426
  border-bottom: 0;
1722
  vertical-align: bottom;
1723
  }
1724
 
1725
+ /**
1726
+ *------------------------------
1727
+ * @subsection 6.2.2.6 - Settings
1728
+ *------------------------------
1729
  */
1730
  .bp-user #buddypress #settings-form > p {
1731
  font-size: 20px;
1763
  width: 100%;
1764
  }
1765
 
1766
+ /**
1767
+ *------------------------------------
1768
+ * @subsection 6.2.2.6 - Notifications
1769
+ *------------------------------------
1770
  */
1771
+ /**
1772
+ *-------------------------------------------------------------------------------
1773
+ * @section 7.0 - Forms - General
1774
+ *-------------------------------------------------------------------------------
1775
  */
1776
  #main #buddypress .standard-form li {
1777
  float: none;
1901
  }
1902
  }
1903
 
1904
+ /**
1905
+ *-------------------------------------------------------------------------------
1906
+ * @section 8.0 - Tables - General
1907
+ *-------------------------------------------------------------------------------
1908
  */
1909
  .bp-user #buddypress table {
1910
  font-size: 14px;
1981
  text-align: center;
1982
  }
1983
 
1984
+ /**
1985
+ *-------------------------------------------------------------------------------
1986
+ * @section 9.0 - Error / Success messages
1987
+ *-------------------------------------------------------------------------------
1988
  */
1989
  #buddypress div#message p {
1990
  font-size: 18px;
2010
  color: #1f0808;
2011
  }
2012
 
2013
+ /**
2014
+ *-------------------------------------------------------------------------------
2015
+ * @section 10.0 - Ajax Loading, Widgets, General classes
2016
+ *-------------------------------------------------------------------------------
2017
  */
bp-templates/bp-legacy/css/twentytwelve.css CHANGED
@@ -1,79 +1,79 @@
1
  @charset "UTF-8";
2
- /*--------------------------------------------------------------
3
-
4
- This is the BuddyPress companion stylesheet for
5
- the WordPress Twentytwelve theme.
6
-
7
- This sheet supports the primary BuddyPress styles in buddypress.css
8
-
9
- If you are running as a child theme of twentytwelve this stylesheet will be
10
- loaded by default. If you want to modify the styles the normal BP Theme Compat
11
- hierarchy works and you can copy the file to buddypress/css/ or community/css/
12
- in your child themes root & either start over or modify the rulesets.
13
-
14
- If you do not require the styles you can dequeue them from the themes functions file.
15
-
16
- Please see this codex article for more information:
17
- http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
18
-
19
- ----------------------------------------------------------------
20
- >>> TABLE OF CONTENTS:
21
- ----------------------------------------------------------------
22
- 1.0 Theme Structural Elements & overrides
23
- 2.0 - Navigation - General
24
- 2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
25
- 2.2 - Pagination
26
- 3.0 - Images
27
- 4.0 - BP Lists / Loops Generic
28
- 4.1 - Activity Loop
29
- 4.1.1 Whats New Activity
30
- 4.1.2 - Activity Listing
31
- 4.1.3 - Activity Comments
32
- 4.2 - Members Loop
33
- 4.3 - Groups Loop
34
- 4.4 - Blogs Loop
35
- 5.0 - Directories - Members, Groups, Blogs, Register, activation
36
- 6.0 - Single Item screens: User Account & Single Group Screens
37
- 6.1 - Item Headers: Global
38
- 6.1.1 - item-header: Groups
39
- 6.1.2 - item-header: User Accounts
40
- 6.2 - Item Body: Global
41
- 6.2.1 - item-body: Groups
42
- 6.2.1.1 - Management settings screens
43
- 6.2.1.2 - Group members list
44
- 6.2.2 - item-body: User Accounts
45
- 6.2.2.1 - classes, pag, filters
46
- 6.2.2.2 - Extended Profiles
47
- 6.2.2.3 - Groups
48
- 6.2.2.4 - friends
49
- 6.2.2.5 - Private Messaging Threads
50
- 6.2.2.6 - Settings
51
- 6.2.2.7 - Notifications
52
- 7.0 - Forms - General
53
- 8.0 - Tables - General
54
- 9.0 - Error / Success Messages
55
- 10.0 - Ajax Loading, Widgets, General classes
56
  --------------------------------------------------------------*/
57
- /**
58
- *-------------------------------------------------------------------------------
59
- * @section 1.0 - Theme - Structural Elements. overrides, Globals
60
- *-------------------------------------------------------------------------------
61
  */
62
  .buddypress div.clear {
63
  display: none;
64
  }
65
 
66
- /**
67
- *-------------------------------------------------------------------------------
68
- * @section 2.0 - Navigation - General
69
- *-------------------------------------------------------------------------------
70
  */
71
- /**
72
- *----------------------------------------------------------
73
- * @section 2.1 - Navs Object Nav / Sub Nav (item-list-tabs)
74
- *
75
- * The main navigational elements for all BP screens
76
- *----------------------------------------------------------
77
  */
78
  #buddypress div.item-list-tabs ul li.selected a,
79
  #buddypress div.item-list-tabs ul li.current a {
@@ -303,10 +303,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
303
  }
304
  }
305
 
306
- /**
307
- *----------------------------------------------------------
308
- * @section 2.2 - Pagination
309
- *----------------------------------------------------------
310
  */
311
  #buddypress div.pagination {
312
  box-shadow: none;
@@ -356,10 +356,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
356
  right: auto;
357
  }
358
 
359
- /**
360
- *-------------------------------------------------------------------------------
361
- * @section 4.0 - BP Lists / Loops Generic
362
- *-------------------------------------------------------------------------------
363
  */
364
  #buddypress ul.item-list {
365
  border-top: 0;
@@ -531,15 +531,15 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
531
  font-style: italic;
532
  }
533
 
534
- /**
535
- *----------------------------------------------------------
536
- * @section 4.1 - Activity
537
- *----------------------------------------------------------
538
  */
539
- /**
540
- *-----------------------------------------------------
541
- * @section 4.1.1 - Activity Whats New
542
- *-----------------------------------------------------
543
  */
544
  #buddypress form#whats-new-form p.activity-greeting {
545
  line-height: 1.4;
@@ -587,10 +587,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
587
  margin: 48px 0;
588
  }
589
 
590
- /**
591
- *-----------------------------------------------------
592
- * @section 4.1.2 - Activity Listing
593
- *-----------------------------------------------------
594
  */
595
  #buddypress #activity-stream li {
596
  padding: 25px 0 15px;
@@ -746,10 +746,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
746
  margin-left: 0;
747
  }
748
 
749
- /**
750
- *-----------------------------------------------------
751
- * @section 4.1.3 - Activity Comments
752
- *-----------------------------------------------------
753
  */
754
  #buddypress #activity-stream .activity-comments {
755
  position: relative;
@@ -804,10 +804,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
804
  background: #ededed;
805
  }
806
 
807
- /**
808
- *----------------------------------------------------------
809
- * @section 4.2 - Members Loop
810
- *----------------------------------------------------------
811
  */
812
  @media screen and (min-width: 60em) {
813
  #buddypress #members-list li .item-avatar,
@@ -819,15 +819,15 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
819
  }
820
  }
821
 
822
- /**
823
- *-------------------------------------------------------------------------------
824
- * @section 5.0 - Directories
825
- *-------------------------------------------------------------------------------
826
  */
827
- /**
828
- *-----------------------------------------------------------
829
- * @subsection Registration
830
- *-----------------------------------------------------------
831
  */
832
  #buddypress #signup_form.standard-form #profile-details-section,
833
  #buddypress #signup_form.standard-form #basic-details-section,
@@ -853,19 +853,19 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
853
  }
854
  }
855
 
856
- /**
857
- *-------------------------------------------------------------------------------
858
- * @section 6.0 - Single Item screens: User Account & Single Group Screens
859
- *-------------------------------------------------------------------------------
860
  */
861
  .bp-user #buddypress a:visited {
862
  color: #21759b;
863
  }
864
 
865
- /**
866
- *-----------------------------------------------------------
867
- * @subsection 6.1 - Item Header Global
868
- *-----------------------------------------------------------
869
  */
870
  .bp-user #buddypress #item-header-content #item-meta,
871
  .single-item.groups #buddypress #item-header-content #item-meta {
@@ -918,12 +918,12 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
918
  }
919
  }
920
 
921
- /**
922
- *-----------------------------------------------------
923
- * @subsection 6.1.1 - item-header Groups
924
- *
925
- * Group Specific Item Header
926
- *-----------------------------------------------------
927
  */
928
  @media screen and (max-width: 46.25em) {
929
  .single-item.groups #buddypress #item-header #item-meta {
@@ -1052,12 +1052,12 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1052
  }
1053
  }
1054
 
1055
- /**
1056
- *-----------------------------------------------------
1057
- * @subsection 6.1.2 - Item Header User Accounts
1058
- *
1059
- * User Accounts Specific Item Header
1060
- *-----------------------------------------------------
1061
  */
1062
  .bp-user #buddypress #item-header {
1063
  padding: 24px 0;
@@ -1092,22 +1092,22 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1092
  }
1093
  }
1094
 
1095
- /**
1096
- *-----------------------------------------------------------
1097
- * @subsection 6.2 - Item Body: Global
1098
- *-----------------------------------------------------------
1099
  */
1100
- /**
1101
- *----------------------------------------------------
1102
- * @subsection 6.2.1 - Item Body Groups
1103
- *
1104
- * Groups specific item body rules - screens
1105
- *----------------------------------------------------
1106
  */
1107
- /**
1108
- *-----------------------------------------
1109
- * @subsection 6.2.1.1 - Group Management
1110
- *-----------------------------------------
1111
  */
1112
  .groups #group-settings-form h3 {
1113
  background: #555;
@@ -1187,10 +1187,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1187
  margin: 0;
1188
  }
1189
 
1190
- /**
1191
- *-----------------------------------------
1192
- * @subsection 6.2.1.2 - Group members
1193
- *-----------------------------------------
1194
  */
1195
  .groups.group-members #subnav li {
1196
  width: 100%;
@@ -1218,21 +1218,21 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1218
  }
1219
  }
1220
 
1221
- /**
1222
- *-----------------------------------------------------
1223
- * @subsection 6.2.2 - Item Body User Accounts
1224
- *
1225
- * User Account specific component item body rules
1226
- *-----------------------------------------------------
1227
  */
1228
  .bp-user .entry-title {
1229
  margin-bottom: 0.5em;
1230
  }
1231
 
1232
- /**
1233
- *--------------------------------------------
1234
- * @subsection 6.2.2.1 - classes, pag, filters
1235
- *--------------------------------------------
1236
  */
1237
  .bp-user #buddypress table th {
1238
  font-size: 13px;
@@ -1318,10 +1318,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1318
  background: none;
1319
  }
1320
 
1321
- /**
1322
- *-------------------------------------------
1323
- * @subsection 6.2.2.2 - Extended Profiles
1324
- *-------------------------------------------
1325
  */
1326
  .bp-user #buddypress .profile {
1327
  /* Edit profile */
@@ -1405,10 +1405,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1405
  font-size: inherit;
1406
  }
1407
 
1408
- /**
1409
- *-------------------------------------------
1410
- * @subsection 6.2.2.3 - Groups
1411
- *-------------------------------------------
1412
  */
1413
  @media screen and (min-width: 77.5em) {
1414
  .bp-user #buddypress #groups-list li .item {
@@ -1417,10 +1417,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1417
  }
1418
  }
1419
 
1420
- /**
1421
- *-------------------------------------------
1422
- * @subsection 6.2.2.5 - Private Messaging
1423
- *-------------------------------------------
1424
  */
1425
  .bp-user #buddypress #message-thread a {
1426
  border-bottom: 0;
@@ -1722,10 +1722,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1722
  vertical-align: bottom;
1723
  }
1724
 
1725
- /**
1726
- *------------------------------
1727
- * @subsection 6.2.2.6 - Settings
1728
- *------------------------------
1729
  */
1730
  .bp-user #buddypress #settings-form > p {
1731
  font-size: 20px;
@@ -1763,15 +1763,15 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1763
  width: 100%;
1764
  }
1765
 
1766
- /**
1767
- *------------------------------------
1768
- * @subsection 6.2.2.6 - Notifications
1769
- *------------------------------------
1770
  */
1771
- /**
1772
- *-------------------------------------------------------------------------------
1773
- * @section 7.0 - Forms - General
1774
- *-------------------------------------------------------------------------------
1775
  */
1776
  #main #buddypress .standard-form li {
1777
  float: none;
@@ -1901,10 +1901,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1901
  }
1902
  }
1903
 
1904
- /**
1905
- *-------------------------------------------------------------------------------
1906
- * @section 8.0 - Tables - General
1907
- *-------------------------------------------------------------------------------
1908
  */
1909
  .bp-user #buddypress table {
1910
  font-size: 14px;
@@ -1981,10 +1981,10 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
1981
  text-align: center;
1982
  }
1983
 
1984
- /**
1985
- *-------------------------------------------------------------------------------
1986
- * @section 9.0 - Error / Success messages
1987
- *-------------------------------------------------------------------------------
1988
  */
1989
  #buddypress div#message p {
1990
  font-size: 18px;
@@ -2010,8 +2010,8 @@ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
2010
  color: #1f0808;
2011
  }
2012
 
2013
- /**
2014
- *-------------------------------------------------------------------------------
2015
- * @section 10.0 - Ajax Loading, Widgets, General classes
2016
- *-------------------------------------------------------------------------------
2017
  */
1
  @charset "UTF-8";
2
+ /*--------------------------------------------------------------
3
+
4
+ This is the BuddyPress companion stylesheet for
5
+ the WordPress Twentytwelve theme.
6
+
7
+ This sheet supports the primary BuddyPress styles in buddypress.css
8
+
9
+ If you are running as a child theme of twentytwelve this stylesheet will be
10
+ loaded by default. If you want to modify the styles the normal BP Theme Compat
11
+ hierarchy works and you can copy the file to buddypress/css/ or community/css/
12
+ in your child themes root & either start over or modify the rulesets.
13
+
14
+ If you do not require the styles you can dequeue them from the themes functions file.
15
+
16
+ Please see this codex article for more information:
17
+ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
18
+
19
+ ----------------------------------------------------------------
20
+ >>> TABLE OF CONTENTS:
21
+ ----------------------------------------------------------------
22
+ 1.0 Theme Structural Elements & overrides
23
+ 2.0 - Navigation - General
24
+ 2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
25
+ 2.2 - Pagination
26
+ 3.0 - Images
27
+ 4.0 - BP Lists / Loops Generic
28
+ 4.1 - Activity Loop
29
+ 4.1.1 Whats New Activity
30
+ 4.1.2 - Activity Listing
31
+ 4.1.3 - Activity Comments
32
+ 4.2 - Members Loop
33
+ 4.3 - Groups Loop
34
+ 4.4 - Blogs Loop
35
+ 5.0 - Directories - Members, Groups, Blogs, Register, activation
36
+ 6.0 - Single Item screens: User Account & Single Group Screens
37
+ 6.1 - Item Headers: Global
38
+ 6.1.1 - item-header: Groups
39
+ 6.1.2 - item-header: User Accounts
40
+ 6.2 - Item Body: Global
41
+ 6.2.1 - item-body: Groups
42
+ 6.2.1.1 - Management settings screens
43
+ 6.2.1.2 - Group members list
44
+ 6.2.2 - item-body: User Accounts
45
+ 6.2.2.1 - classes, pag, filters
46
+ 6.2.2.2 - Extended Profiles
47
+ 6.2.2.3 - Groups
48
+ 6.2.2.4 - friends
49
+ 6.2.2.5 - Private Messaging Threads
50
+ 6.2.2.6 - Settings
51
+ 6.2.2.7 - Notifications
52
+ 7.0 - Forms - General
53
+ 8.0 - Tables - General
54
+ 9.0 - Error / Success Messages
55
+ 10.0 - Ajax Loading, Widgets, General classes
56
  --------------------------------------------------------------*/
57
+ /**
58
+ *-------------------------------------------------------------------------------
59
+ * @section 1.0 - Theme - Structural Elements. overrides, Globals
60
+ *-------------------------------------------------------------------------------
61
  */
62
  .buddypress div.clear {
63
  display: none;
64
  }
65
 
66
+ /**
67
+ *-------------------------------------------------------------------------------
68
+ * @section 2.0 - Navigation - General
69
+ *-------------------------------------------------------------------------------
70
  */
71
+ /**
72
+ *----------------------------------------------------------
73
+ * @section 2.1 - Navs Object Nav / Sub Nav (item-list-tabs)
74
+ *
75
+ * The main navigational elements for all BP screens
76
+ *----------------------------------------------------------
77
  */
78
  #buddypress div.item-list-tabs ul li.selected a,
79
  #buddypress div.item-list-tabs ul li.current a {
303
  }
304
  }
305
 
306
+ /**
307
+ *----------------------------------------------------------
308
+ * @section 2.2 - Pagination
309
+ *----------------------------------------------------------
310
  */
311
  #buddypress div.pagination {
312
  box-shadow: none;
356
  right: auto;
357
  }
358
 
359
+ /**
360
+ *-------------------------------------------------------------------------------
361
+ * @section 4.0 - BP Lists / Loops Generic
362
+ *-------------------------------------------------------------------------------
363
  */
364
  #buddypress ul.item-list {
365
  border-top: 0;
531
  font-style: italic;
532
  }
533
 
534
+ /**
535
+ *----------------------------------------------------------
536
+ * @section 4.1 - Activity
537
+ *----------------------------------------------------------
538
  */
539
+ /**
540
+ *-----------------------------------------------------
541
+ * @section 4.1.1 - Activity Whats New
542
+ *-----------------------------------------------------
543
  */
544
  #buddypress form#whats-new-form p.activity-greeting {
545
  line-height: 1.4;
587
  margin: 48px 0;
588
  }
589
 
590
+ /**
591
+ *-----------------------------------------------------
592
+ * @section 4.1.2 - Activity Listing
593
+ *-----------------------------------------------------
594
  */
595
  #buddypress #activity-stream li {
596
  padding: 25px 0 15px;
746
  margin-left: 0;
747
  }
748
 
749
+ /**
750
+ *-----------------------------------------------------
751
+ * @section 4.1.3 - Activity Comments
752
+ *-----------------------------------------------------
753
  */
754
  #buddypress #activity-stream .activity-comments {
755
  position: relative;
804
  background: #ededed;
805
  }
806
 
807
+ /**
808
+ *----------------------------------------------------------
809
+ * @section 4.2 - Members Loop
810
+ *----------------------------------------------------------
811
  */
812
  @media screen and (min-width: 60em) {
813
  #buddypress #members-list li .item-avatar,
819
  }
820
  }
821
 
822
+ /**
823
+ *-------------------------------------------------------------------------------
824
+ * @section 5.0 - Directories
825
+ *-------------------------------------------------------------------------------
826
  */
827
+ /**
828
+ *-----------------------------------------------------------
829
+ * @subsection Registration
830
+ *-----------------------------------------------------------
831
  */
832
  #buddypress #signup_form.standard-form #profile-details-section,
833
  #buddypress #signup_form.standard-form #basic-details-section,
853
  }
854
  }
855
 
856
+ /**
857
+ *-------------------------------------------------------------------------------
858
+ * @section 6.0 - Single Item screens: User Account & Single Group Screens
859
+ *-------------------------------------------------------------------------------
860
  */
861
  .bp-user #buddypress a:visited {
862
  color: #21759b;
863
  }
864
 
865
+ /**
866
+ *-----------------------------------------------------------
867
+ * @subsection 6.1 - Item Header Global
868
+ *-----------------------------------------------------------
869
  */
870
  .bp-user #buddypress #item-header-content #item-meta,
871
  .single-item.groups #buddypress #item-header-content #item-meta {
918
  }
919
  }
920
 
921
+ /**
922
+ *-----------------------------------------------------
923
+ * @subsection 6.1.1 - item-header Groups
924
+ *
925
+ * Group Specific Item Header
926
+ *-----------------------------------------------------
927
  */
928
  @media screen and (max-width: 46.25em) {
929
  .single-item.groups #buddypress #item-header #item-meta {
1052
  }
1053
  }
1054
 
1055
+ /**
1056
+ *-----------------------------------------------------
1057
+ * @subsection 6.1.2 - Item Header User Accounts
1058
+ *
1059
+ * User Accounts Specific Item Header
1060
+ *-----------------------------------------------------
1061
  */
1062
  .bp-user #buddypress #item-header {
1063
  padding: 24px 0;
1092
  }
1093
  }
1094
 
1095
+ /**
1096
+ *-----------------------------------------------------------
1097
+ * @subsection 6.2 - Item Body: Global
1098
+ *-----------------------------------------------------------
1099
  */
1100
+ /**
1101
+ *----------------------------------------------------
1102
+ * @subsection 6.2.1 - Item Body Groups
1103
+ *
1104
+ * Groups specific item body rules - screens
1105
+ *----------------------------------------------------
1106
  */
1107
+ /**
1108
+ *-----------------------------------------
1109
+ * @subsection 6.2.1.1 - Group Management
1110
+ *-----------------------------------------
1111
  */
1112
  .groups #group-settings-form h3 {
1113
  background: #555;
1187
  margin: 0;
1188
  }
1189
 
1190
+ /**
1191
+ *-----------------------------------------
1192
+ * @subsection 6.2.1.2 - Group members
1193
+ *-----------------------------------------
1194
  */
1195
  .groups.group-members #subnav li {
1196
  width: 100%;
1218
  }
1219
  }
1220
 
1221
+ /**
1222
+ *-----------------------------------------------------
1223
+ * @subsection 6.2.2 - Item Body User Accounts
1224
+ *
1225
+ * User Account specific component item body rules
1226
+ *-----------------------------------------------------
1227
  */
1228
  .bp-user .entry-title {
1229
  margin-bottom: 0.5em;
1230
  }
1231
 
1232
+ /**
1233
+ *--------------------------------------------
1234
+ * @subsection 6.2.2.1 - classes, pag, filters
1235
+ *--------------------------------------------
1236
  */
1237
  .bp-user #buddypress table th {
1238
  font-size: 13px;
1318
  background: none;
1319
  }
1320
 
1321
+ /**
1322
+ *-------------------------------------------
1323
+ * @subsection 6.2.2.2 - Extended Profiles
1324
+ *-------------------------------------------
1325
  */
1326
  .bp-user #buddypress .profile {
1327
  /* Edit profile */
1405
  font-size: inherit;
1406
  }
1407
 
1408
+ /**
1409
+ *-------------------------------------------
1410
+ * @subsection 6.2.2.3 - Groups
1411
+ *-------------------------------------------
1412
  */
1413
  @media screen and (min-width: 77.5em) {
1414
  .bp-user #buddypress #groups-list li .item {
1417
  }
1418
  }
1419
 
1420
+ /**
1421
+ *-------------------------------------------
1422
+ * @subsection 6.2.2.5 - Private Messaging
1423
+ *-------------------------------------------
1424
  */
1425
  .bp-user #buddypress #message-thread a {
1426
  border-bottom: 0;
1722
  vertical-align: bottom;
1723
  }
1724
 
1725
+ /**
1726
+ *------------------------------
1727
+ * @subsection 6.2.2.6 - Settings
1728
+ *------------------------------
1729
  */
1730
  .bp-user #buddypress #settings-form > p {
1731
  font-size: 20px;
1763
  width: 100%;
1764
  }
1765
 
1766
+ /**
1767
+ *------------------------------------
1768
+ * @subsection 6.2.2.6 - Notifications
1769
+ *------------------------------------
1770
  */
1771
+ /**
1772
+ *-------------------------------------------------------------------------------
1773
+ * @section 7.0 - Forms - General
1774
+ *-------------------------------------------------------------------------------
1775
  */
1776
  #main #buddypress .standard-form li {
1777
  float: none;
1901
  }
1902
  }
1903
 
1904
+ /**
1905
+ *-------------------------------------------------------------------------------
1906
+ * @section 8.0 - Tables - General
1907
+ *-------------------------------------------------------------------------------
1908
  */
1909
  .bp-user #buddypress table {
1910
  font-size: 14px;
1981
  text-align: center;
1982
  }
1983
 
1984
+ /**
1985
+ *-------------------------------------------------------------------------------
1986
+ * @section 9.0 - Error / Success messages
1987
+ *-------------------------------------------------------------------------------
1988
  */
1989
  #buddypress div#message p {
1990
  font-size: 18px;
2010
  color: #1f0808;
2011
  }
2012
 
2013
+ /**
2014
+ *-------------------------------------------------------------------------------
2015
+ * @section 10.0 - Ajax Loading, Widgets, General classes
2016
+ *-------------------------------------------------------------------------------
2017
  */
bp-templates/bp-legacy/css/twentytwelve.scss CHANGED
@@ -1,2517 +1,2517 @@
1
-
2
- // Stylesheet Guidence Notes
3
- // Table of content represents a guide to sections of the sheet.
4
- // Note that not all sections may be described in the body of the
5
- // rulesets only those that require styles for a given theme.
6
- // Sub sections might not exist but can be added as required
7
- // as per BP Lists - 'activity' section.
8
-
9
- // We follow the dictats of the parent theme in respect of media queries,
10
- // font sizing etc. Media queries are used in a modular sense (OOCSS)
11
- // rather than described as blocks to the end of the sheet, this aids ease
12
- // of managing media queries, scalability & flexibility .
13
-
14
- // 2012 Media Queries / Breakpoints.
15
- // 2012 works two breakpoints 600px/960px
16
-
17
- // @media screen and (min-width: 37.500em)
18
- // @media screen and (min-width: 61.5625em)
19
-
20
-
21
-
22
- // In addition BP can use the em breakpoints as referenced below to provide
23
- // a series of finer breakpoints.
24
- // @media screen and (max-width: 20em) xtra small mobile only 320px
25
- // @media screen and (min-width: 30em) small only 480px
26
- // @media screen and (min-width: 46.25em) 740px
27
- // @media screen and (min-width: 75em) 1200px
28
-
29
- // Mixins and Variables
30
-
31
- // simplify remembering/writing media queries
32
- // written as:
33
- // @include medium-up {
34
- // body {property: value;}
35
- // }
36
-
37
- // 600px
38
- @mixin small-up {
39
- @media screen and (min-width: 37.500em) {
40
- @content;
41
- }
42
- }
43
- // 960px
44
- @mixin medium-up {
45
- @media screen and (min-width: 60em) {
46
- @content;
47
- }
48
- }
49
- // 1200px
50
- @mixin large-up {
51
- @media screen and (min-width: 75em) {
52
- @content;
53
- }
54
- }
55
-
56
-
57
- // Common spacing values
58
- $spacing-val-lg: 48px; // Matches 2012 stated values - virt rhythm
59
- $spacing-val-md: 24px; // Matches 2012 stated values - virt rhythm
60
- $spacing-val-sm: 10px;
61
- $spacing-val-xs: 5px;
62
-
63
- // A simple mixin to handle font-sizing
64
- // 2012 sets a html/body size @ 14px/87.50%
65
- @mixin font-size($font-size: 14) {
66
- $rem-font-value: ($font-size / 14);
67
- font-size: ($font-size * 1px);
68
- font-size: $rem-font-value + rem;
69
- }
70
-
71
- // To allow mixins to pass VendorPrefix scss-lint tests we disable lint-test
72
- // for specific blocks / rulesets
73
- // until such time as exemption lists can be built for the scss-lint.yml?
74
- // Any vendor prefix properties / mixins need to be in this block
75
-
76
- // scss-lint:disable VendorPrefix
77
-
78
- // Border border-radius mixins
79
- @mixin border-radius($radius) {
80
- -webkit-border-radius: $radius;
81
- -moz-border-radius: $radius;
82
- -ms-border-radius: $radius;
83
- border-radius: $radius;
84
- background-clip: padding-box;
85
- }
86
-
87
- @mixin border-top-radius($radius) {
88
- -webkit-border-top-right-radius: $radius;
89
- border-top-right-radius: $radius;
90
- -webkit-border-top-left-radius: $radius;
91
- border-top-left-radius: $radius;
92
- background-clip: padding-box;
93
- }
94
-
95
- @mixin border-right-radius($radius) {
96
- -webkit-border-bottom-right-radius: $radius;
97
- border-bottom-right-radius: $radius;
98
- -webkit-border-top-right-radius: $radius;
99
- border-top-right-radius: $radius;
100
- background-clip: padding-box;
101
- }
102
-
103
- @mixin border-bottom-radius($radius) {
104
- -webkit-border-bottom-right-radius: $radius;
105
- border-bottom-right-radius: $radius;
106
- -webkit-border-bottom-left-radius: $radius;
107
- border-bottom-left-radius: $radius;
108
- background-clip: padding-box;
109
- }
110
-
111
- @mixin border-left-radius($radius) {
112
- -webkit-border-bottom-left-radius: $radius;
113
- border-bottom-left-radius: $radius;
114
- -webkit-border-top-left-radius: $radius;
115
- border-top-left-radius: $radius;
116
- background-clip: padding-box;
117
- }
118
-
119
- // Box sizing
120
- @mixin box-model($box-model) {
121
- -webkit-box-sizing: $box-model;
122
- -moz-box-sizing: $box-model;
123
- box-sizing: $box-model;
124
- }
125
-
126
- // Calc
127
- @mixin calc($property, $expression) {
128
- #{$property}: -webkit-calc(#{$expression});
129
- #{$property}: -moz-calc(#{$expression});
130
- #{$property}: calc(#{$expression});
131
- }
132
-
133
- // Re-enable the VendorPrefix lint test
134
- // scss-lint:enable VendorPrefix
135
-
136
- // BP message boxes
137
- @mixin message-box($background, $text-color: null) {
138
-
139
- @if $text-color {
140
- // if a param was passed through
141
- $text-color: $text-color;
142
- } @else {
143
- $text-color: darken($background, 50%);
144
- }
145
-
146
- background: lighten($background, 10%);
147
- border: 1px solid darken($background, 10%);
148
- color: $text-color;
149
- }
150
-
151
- // 2012 font family
152
- @mixin default-font-sans() {
153
- font-family: "Source Sans Pro", Helvetica, sans-serif;
154
- }
155
-
156
- // Variables: color definitions
157
- $body-text: #141412;
158
- $content-background: #fff;
159
- $off-white: lighten(#f9f8ee, 0.7);
160
- $cream-background: #f7f5e7;
161
- $light-background: #f7f7f7;
162
- $medium-background: #ccc;
163
- $dark-background: #555;
164
- $border-color: #d4d0ba; // border color is varied using rgba
165
- $border-light: #eaeaea; // BP dividers
166
- $border-med: #ddd;
167
- $background-hover: #db572f; // 2012 link background hover
168
- $bp-button-hover: #ededed; // this is the default BP button hover background
169
- $notice-error: #c85a6e;
170
- $notice-warning: #d05656;
171
- $notice-info: #9fd1e2;
172
- $notice-update: #ced98c;
173
- $stripe-odd: #ebf0ff;
174
- $stripe-even: #dbe5ff;
175
- $unread: #9dc3c8;
176
- $link-action: #c82b2b;
177
- /*--------------------------------------------------------------
178
-
179
- This is the BuddyPress companion stylesheet for
180
- the WordPress Twentytwelve theme.
181
-
182
- This sheet supports the primary BuddyPress styles in buddypress.css
183
-
184
- If you are running as a child theme of twentytwelve this stylesheet will be
185
- loaded by default. If you want to modify the styles the normal BP Theme Compat
186
- hierarchy works and you can copy the file to buddypress/css/ or community/css/
187
- in your child themes root & either start over or modify the rulesets.
188
-
189
- If you do not require the styles you can dequeue them from the themes functions file.
190
-
191
- Please see this codex article for more information:
192
- http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
193
-
194
- ----------------------------------------------------------------
195
- >>> TABLE OF CONTENTS:
196
- ----------------------------------------------------------------
197
- 1.0 Theme Structural Elements & overrides
198
- 2.0 - Navigation - General
199
- 2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
200
- 2.2 - Pagination
201
- 3.0 - Images
202
- 4.0 - BP Lists / Loops Generic
203
- 4.1 - Activity Loop
204
- 4.1.1 Whats New Activity
205
- 4.1.2 - Activity Listing
206
- 4.1.3 - Activity Comments
207
- 4.2 - Members Loop
208
- 4.3 - Groups Loop
209
- 4.4 - Blogs Loop
210
- 5.0 - Directories - Members, Groups, Blogs, Register, activation
211
- 6.0 - Single Item screens: User Account & Single Group Screens
212
- 6.1 - Item Headers: Global
213
- 6.1.1 - item-header: Groups
214
- 6.1.2 - item-header: User Accounts
215
- 6.2 - Item Body: Global
216
- 6.2.1 - item-body: Groups
217
- 6.2.1.1 - Management settings screens
218
- 6.2.1.2 - Group members list
219
- 6.2.2 - item-body: User Accounts
220
- 6.2.2.1 - classes, pag, filters
221
- 6.2.2.2 - Extended Profiles
222
- 6.2.2.3 - Groups
223
- 6.2.2.4 - friends
224
- 6.2.2.5 - Private Messaging Threads
225
- 6.2.2.6 - Settings
226
- 6.2.2.7 - Notifications
227
- 7.0 - Forms - General
228
- 8.0 - Tables - General
229
- 9.0 - Error / Success Messages
230
- 10.0 - Ajax Loading, Widgets, General classes
231
- --------------------------------------------------------------*/
232
-
233
- /**
234
- *-------------------------------------------------------------------------------
235
- * @section 1.0 - Theme - Structural Elements. overrides, Globals
236
- *-------------------------------------------------------------------------------
237
- */
238
-
239
-
240
-
241
- .buddypress {
242
- // Remove any empty clearing elements, CSS provides clearing.
243
- div.clear {display: none;}
244
-
245
- } // .buddypress (body class)
246
-
247
-
248
- /**
249
- *-------------------------------------------------------------------------------
250
- * @section 2.0 - Navigation - General
251
- *-------------------------------------------------------------------------------
252
- */
253
-
254
-
255
- /**
256
- *----------------------------------------------------------
257
- * @section 2.1 - Navs Object Nav / Sub Nav (item-list-tabs)
258
- *
259
- * The main navigational elements for all BP screens
260
- *----------------------------------------------------------
261
- */
262
-
263
- // We have a need to override BP specifity
264
- // so some rulesets sets will appear over weighted in selectors
265
-
266
- #buddypress {
267
-
268
- // active/current states all navs
269
- div.item-list-tabs {
270
- ul {
271
- li.selected,
272
- li.current {
273
- a {
274
- background: inherit;
275
- opacity: 1;
276
- }
277
- }
278
- }
279
- }
280
- // global nav styles
281
- div.item-list-tabs {
282
- ul {
283
- overflow: hidden;
284
- padding: 0;
285
-
286
- li {
287
- a {
288
-
289
- &:focus,
290
- &:hover {
291
- color: #555;
292
- }
293
- // Keep links from inheriting :visited states
294
- &:visited {
295
- color: #21759b;
296
- }
297
-
298
- span {border-radius: 25%;}
299
- }
300
-
301
- }
302
- }
303
- } // close item-list-tabs
304
-
305
- } // close #buddypress
306
-
307
- // .bp-user #object-nav @ small screen as a dropdown
308
-
309
- .bp-user {
310
-
311
- #buddypress {
312
-
313
- @media screen and (max-width: 30em) {
314
-
315
- #object-nav {
316
- border: 1px solid $border-light;
317
- overflow: visible;
318
- padding: $spacing-val-sm;
319
-
320
- ul {
321
- border: 0;
322
- height: 0;
323
- // all latest vendor releases handle transitions, so no prefixes used.
324
- transition: height 0.3s ease-in-out 0.7s;
325
- visibility: hidden;
326
- }
327
-
328
- &:before {
329
- content: "Menu \021E9";
330
- display: inline;
331
- opacity: 0.7;
332
- }
333
-
334
- &:hover,
335
- &:focus {
336
- &:before {content: "Menu \021E7";}
337
-
338
- ul {
339
- height: 320px;
340
- opacity: 1;
341
- overflow-y: auto;
342
- visibility: visible;
343
- }
344
- }
345
- }
346
-
347
- #subnav {
348
- clear: both;
349
- }
350
-
351
- } // close @media
352
- }
353
- }
354
-
355
- /*__ Horizontal menus __*/
356
- #buddypress {
357
-
358
- #object-nav {
359
-
360
- ul {
361
- overflow: hidden;
362
-
363
- li {
364
- float: none;
365
- }
366
-
367
- @media screen and (max-width: 37.500em) {
368
- li:not(:last-child) {
369
- border-bottom: 1px solid $border-light;
370
- }
371
- }
372
-
373
- li:not(.selected) {
374
-
375
- @media screen and (max-width: 37.500em) {
376
- &:focus,
377
- &:hover {
378
- background: darken($light-background, 2%);
379
- }
380
- }
381
- }
382
-
383
- @media screen and (min-width: 37.500em) {
384
- li {
385
- float: left;
386
- }
387
- }
388
- }
389
- }
390
-
391
- div#subnav.item-list-tabs {
392
- margin-top: 0;
393
-
394
- ul {
395
- border-bottom: 0;
396
- border-top: 1px solid $border-color;
397
- margin-top: $spacing-val-xs;
398
- padding: 0;
399
-
400
- li.last {
401
- background: $content-background;
402
- float: right;
403
- margin-top: 0;
404
- padding: $spacing-val-xs 0 $spacing-val-xs;
405
- text-align: right;
406
- width: 230px;
407
-
408
- @media screen and (max-width: 30em) {
409
- float: none;
410
- width: auto;
411
- }
412
-
413
- select,
414
- select:focus {
415
- background: transparent;
416
- border: 0;
417
- outline: 0;
418
- padding: 0;
419
- }
420
-
421
- select,
422
- label,
423
- option {
424
- @include font-size(14);
425
- }
426
-
427
- select {
428
- font-style: italic;
429
-
430
- option {
431
- font-style: normal;
432
- }
433
- }
434
- }
435
-
436
- } // close ul
437
- } // close #subnav
438
-
439
- } // close #buddypress
440
-
441
- .bp-user {
442
- #buddypress {
443
- div#subnav.item-list-tabs {
444
- li.last {
445
- margin-left: 0;
446
- text-align: right;
447
-
448
- @media screen and (max-width: 30em) {
449
- clear: left;
450
- float: none;
451
- margin-left: 10px;
452
- text-align: left;
453
- }
454
- }
455
- }
456
- }
457
- }
458
-
459
- /*__ Vertical menu User Account / Group single screens __*/
460
-
461
- // This block contains rules to re-factor the item-body structural element
462
- // to sit alongside the vert menu
463
- // 2012 right sidebar is displayed if the widget sidebar has widgets;
464
- // we'll only display object nav as a vert menu if sidebar not present.
465
-
466
- @media screen and (min-width: 60em) {
467
-
468
- body.full-width {
469
- #buddypress {
470
-
471
- #item-header,
472
- #item-body {
473
- background: $content-background;
474
- }
475
-
476
- #object-nav {
477
- border-right: 1px solid $border-med;
478
- float: left;
479
- margin-right: -1px;
480
- width: 200px;
481
-
482
- ul {
483
- background: none;
484
- border-bottom: 0;
485
- padding: 0;
486
-
487
- li {
488
- float: none;
489
- overflow: hidden;
490
-
491
- span {
492
- background: $content-background;
493
- border-radius: 10%;
494
- float: right;
495
- margin-right: 2px;
496
- }
497
- }
498
- }
499
- }
500
-
501
- #item-body {
502
- border-left: 1px solid $border-med;
503
- overflow: hidden;
504
- padding: 0 0 0 $spacing-val-md;
505
- width: auto;
506
-
507
- #subnav {
508
- margin: 0 0 0 (-$spacing-val-md);
509
-
510
- ul {margin-top: 0;}
511
- }
512
- }
513
-
514
- } // close #buddypress
515
- } // close body:not(.sidebar)
516
- } // close @media
517
-
518
-
519
- // Tabbed Nav styling
520
- // Primarilly used for group create screens & ? directory nav.
521
-
522
- @media screen and (min-width: 46.25em) {
523
- #main {
524
- #buddypress {
525
-
526
- #group-create-tabs.item-list-tabs {
527
-
528
- ul:before,
529
- ul:after {
530
- content: " ";
531
- display: table;
532
- }
533
-
534
- ul:after {
535
- clear: both;
536
- }
537
-
538
- ul {
539
- background: none;
540
- border: 0;
541
- border-bottom: 1px solid $border-med;
542
- overflow: visible;
543
- padding-bottom: 0;
544
-
545
- li {
546
- float: left;
547
- width: auto;
548
- }
549
-
550
- li.selected,
551
- li.current {
552
- border: 1px solid $border-med;
553
- border-bottom-color: $content-background;
554
- @include border-top-radius(4px);
555
- margin-bottom: -1px;
556
-
557
- a {
558
- background: none;
559
- color: $body-text;
560
- outline: none;
561
- }
562
- }
563
- }
564
-
565
- } // close .item-list-tabs
566
-
567
- #subnav {
568
- ul {
569
- border-bottom: 0;
570
- }
571
-
572
- } // close #subnav
573
- } // close #buddypress
574
- }
575
- } // close @media
576
-
577
- /**
578
- *----------------------------------------------------------
579
- * @section 2.2 - Pagination
580
- *----------------------------------------------------------
581
- */
582
-
583
- #buddypress {
584
-
585
- div.pagination {
586
- box-shadow: none;
587
- min-height: 0;
588
-
589
- &:before,
590
- &:after {
591
- height: 0;
592
- width: 0;
593
- }
594
-
595
- .pag-count {margin-left: 0;}
596
- .pagination-links {
597
- margin-right: 0;
598
-
599
- span,
600
- a {
601
- height: auto;
602
- line-height: 1;
603
- padding: 5px;
604
- }
605
-
606
- .prev,
607
- .next {
608
- background-color: transparent;
609
- color: inherit;
610
- overflow: visible;
611
- width: auto;
612
- &:before {display: none;}
613
- }
614
-
615
- .prev {
616
- left: auto;
617
- position: static;
618
- }
619
-
620
- .next {
621
- position: static;
622
- right: auto;
623
- }
624
- } // close .pagination-links
625
- } // close .pagination
626
- } // close #buddypress
627
-
628
- /**
629
- *-------------------------------------------------------------------------------
630
- * @section 4.0 - BP Lists / Loops Generic
631
- *-------------------------------------------------------------------------------
632
- */
633
-
634
- // Trying to position the action div absolute has bad consequences where
635
- // aditional items are displayed, floating is an alternative that
636
- // allows natural flow expansion.
637
- // This block:
638
- // * Manages li items, Stacks them small screen, floated left at wider screens.
639
- // * Adjusts display of action buttons at small screen mobile up.
640
- // Adjusts Meta items to match 2012 font-family
641
-
642
- #buddypress {
643
- ul.item-list {
644
- border-top: 0;
645
-
646
- li {
647
- overflow: hidden !important;
648
-
649
- // Undo BP floats to center avatars initially mobile up
650
- .item-avatar {
651
- margin-bottom: $spacing-val-sm;
652
-
653
- @media screen and (min-width: 37.500em) {
654
- margin-bottom: 0;
655
- }
656
-
657
- text-align: center;
658
-
659
- a {border-bottom: 0;}
660
-
661
- img.avatar {
662
- display: inline-block;
663
- float: none;
664
- margin-bottom: $spacing-val-sm;
665
-
666
- // Quite early on we need to move avatars to the left(right)
667
- @include small-up {
668
- display: block;
669
- float: left;
670
- }
671
- }
672
- } //close .item-avatar
673
-
674
- .item {
675
-
676
- // counter the BP rule
677
- margin-left: 0;
678
-
679
- @media screen and (min-width: 61.5625em) {
680
- margin-left: 15%;
681
- }
682
-
683
- overflow: hidden;
684
-
685
- .item-meta {
686
- text-align: center;
687
-
688
- @media screen and (min-width: 61.5625em) {
689
- text-align: left;
690
- }
691
- }
692
-
693
- span.activity {
694
- font-style: italic;
695
- }
696
-
697
- .item-desc {
698
- margin-left: 0;
699
- width: 94%;
700
- }
701
-
702
- .item-title {
703
- @include font-size(16);
704
- line-height: 1.2;
705
- text-align: center;
706
-
707
- @include small-up {
708
- text-align: left;
709
- }
710
-
711
- width: 100%;
712
-
713
- > a {
714
- text-decoration: none;
715
-
716
- &:visited { color: #21759b;}
717
- }
718
-
719
- .update {
720
- display: block;
721
- @include font-size(12);
722
-
723
- @include medium-up {
724
- @include font-size(14);
725
- }
726
-
727
- padding: $spacing-val-sm 0;
728
- text-align: left;
729
- }
730
- } // close .item-title
731
-
732
- } // close .item
733
-
734
- @include medium-up {
735
- .item-avatar,
736
- .item,
737
- .action {
738
- float: left;
739
- }
740
-
741
- .item {
742
- left: 5%;
743
- margin-left: 0;
744
- position: relative;
745
- width: 55%;
746
-
747
- .item-title {
748
- @include font-size(18)
749
- }
750
- }
751
-
752
- }// close medium-up
753
-
754
- div.action {
755
- clear: left;
756
- float: none;
757
- margin-bottom: -$spacing-val-md;
758
- // remove BP margin left
759
- margin-left: 0;
760
- padding: $spacing-val-md 0 $spacing-val-xs;
761
-
762
- // push the actions to the right
763
- @include medium-up {
764
- clear: none;
765
- float: right;
766
- margin-bottom: 0;
767
- padding: 0;
768
- }
769
-
770
- position: relative;
771
- text-align: left;
772
- top: 0;
773
-
774
- div {
775
- display: inline-block;
776
- margin: $spacing-val-sm 0;
777
- width: 100%;
778
-
779
- a {
780
- display: block;
781
- }
782
- // Provisionally lets keep the 'action' div
783
- //position but inline-block the buttons
784
-
785
- @media screen and (min-width: 37.500em) {
786
- // keep buttons to a row small tablet up
787
- margin: 0 $spacing-val-sm $spacing-val-sm 0;
788
- width: auto;
789
- } // close @media
790
-
791
- @include medium-up {
792
- // take buttons to block to stack them when floated right
793
- clear: right;
794
- float: right;
795
- margin: 0 0 $spacing-val-sm 0;
796
- } // close @media
797
-
798
- } // close div
799
-
800
- .meta {
801
- font-style: italic;
802
- }
803
-
804
- } // close .action
805
-
806
- } // close li
807
- } // close .item-list
808
- } // close #buddypress
809
-
810
- /**
811
- *----------------------------------------------------------
812
- * @section 4.1 - Activity
813
- *----------------------------------------------------------
814
- */
815
-
816
- /**
817
- *-----------------------------------------------------
818
- * @section 4.1.1 - Activity Whats New
819
- *-----------------------------------------------------
820
- */
821
-
822
- #buddypress {
823
- form#whats-new-form {
824
-
825
- // Line-height issue inherited from BP rules, override.
826
- p.activity-greeting {
827
- line-height: 1.4;
828
- }
829
-
830
- // corrective measure for clipped elements due to JS inline styling
831
-
832
- @media screen and (max-width: 46.25em) {
833
- #whats-new-content {
834
- clear: left;
835
- margin: $spacing-val-sm 0 $spacing-val-md;
836
- padding: $spacing-val-sm 0 0;
837
- }
838
- }
839
-
840
- #whats-new-content.active {
841
- #whats-new-options[style] {
842
- #whats-new-post-in-box {
843
- border: 1px solid rgba($border-color, 0.5);
844
- float: left;
845
- line-height: 1.5em;
846
- margin-top: 12px;
847
- padding-left: 0.2em;
848
- width: 100%;
849
-
850
- select {
851
- background: none;
852
- border: 0;
853
- float: right;
854
- margin: 0;
855
- min-height: 1.5em;
856
- padding: 0 0 0 0.4em;
857
- }
858
- }
859
-
860
- @media screen and (min-width: 30em) {
861
- #whats-new-post-in-box {
862
- width: auto;
863
- }
864
-
865
- #whats-new-submit {
866
- float: right;
867
-
868
- input {
869
- padding: 2px 6px;
870
- }
871
- }
872
- }
873
-
874
- } // close #whats-new-options
875
- } // close #whats-new-content.active
876
-
877
- } // close #whats-new-form
878
-
879
- // User account form requires matching bp default specificity
880
- #item-body {
881
- form#whats-new-form {
882
- margin: $spacing-val-lg 0;
883
- }
884
- }
885
- } // close #buddypress
886
-
887
- /**
888
- *-----------------------------------------------------
889
- * @section 4.1.2 - Activity Listing
890
- *-----------------------------------------------------
891
- */
892
-
893
- #buddypress {
894
-
895
- #activity-stream {
896
-
897
- // re-size activity avatars and stack small screen
898
- // refactor main elements positioning medium up.
899
- li {
900
- padding: 25px 0 15px;
901
-
902
- .activity-avatar {
903
- float: none;
904
- text-align: center;
905
-
906
- a {
907
- display: inline-block;
908
-
909
- img.avatar {
910
- display: inline;
911
- float: none;
912
- height: 60px;
913
- margin-bottom: $spacing-val-md;
914
- margin-left: 0;
915
- width: 60px;
916
- }
917
- }
918
- } // close .activity-avatar
919
-
920
- .activity-content,
921
- .activity-comments {
922
- margin-left: 0;
923
- }
924
-
925
- .activity-header {
926
- @include font-size(14);
927
-
928
- a:visited {
929
- color: #21759b;
930
- }
931
- }
932
-
933
- .activity-inner {
934
- img {height: auto;}
935
- }
936
-
937
- @media screen and (min-width: 46.25em) {
938
-
939
- .activity-avatar {
940
- float: left;
941
- margin-right: $spacing-val-sm;
942
- text-align: left;
943
-
944
- a {
945
- border-bottom: 0;
946
- }
947
- }
948
-
949
- .activity-content {
950
- margin: 0;
951
- overflow: hidden;
952
-
953
- .activity-header {
954
- @include font-size(16);
955
- }
956
- }
957
-
958
- .activity-comments {
959
- margin-left: 70px;
960
- }
961
-
962
- } // close @media
963
-
964
- } // close li
965
-
966
- li.mini {
967
- .activity-avatar {
968
- a {
969
- img.avatar {
970
- height: 30px;
971
- margin-left: 15px;
972
- width: 30px;
973
- }
974
- }
975
- }
976
-
977
- .activity-content {
978
- .activity-header {
979
- @include font-size(14);
980
- }
981
-
982
- .activity-meta {
983
- a {
984
- @include font-size(12);
985
- }
986
- }
987
- }
988
- } // close li.mini
989
-
990
- .activity-content {
991
- margin-top: -12px;
992
-
993
- .activity-header {
994
- line-height: inherit;
995
- margin-right: 0;
996
-
997
- p {
998
- border-bottom: 1px solid rgba($border-light, 0.6);
999
- margin-top: 0;
1000
- padding: 0 0.2em;
1001
- }
1002
-
1003
- img.avatar {
1004
- display: inline-block;
1005
- margin-bottom: 0 !important; // have to match to BP
1006
- }
1007
- } // close .activity-header
1008
-
1009
- .activity-meta {
1010
- a {
1011
- display: block;
1012
- @include font-size(14);
1013
- margin-bottom: $spacing-val-xs;
1014
-
1015
- @media screen and (min-width: 37.500em) {
1016
- float: left;
1017
- margin-bottom: 0;
1018
- }
1019
-
1020
- padding: 0.2em 0.5em;
1021
- }
1022
- }
1023
-
1024
- } // close .activity-content
1025
-
1026
- .load-more {
1027
- background: $light-background;
1028
- border: 1px solid transparent;
1029
- padding: $spacing-val-sm;
1030
-
1031
- &:focus,
1032
- &:hover {
1033
- background: darken($light-background, 1%);
1034
- border: 1px solid rgba(#9fd1e2, 0.3);
1035
- }
1036
-
1037
- a {
1038
- display: block;
1039
- }
1040
- }
1041
-
1042
- } // close #activity-stream
1043
- } // close #buddypress
1044
-
1045
- /* Single activity view - activity permalink */
1046
-
1047
- .activity-permalink {
1048
- #buddypress {
1049
- #activity-stream {
1050
-
1051
- li.activity-item {
1052
- padding: $spacing-val-md;
1053
- }
1054
-
1055
- li.mini {
1056
- .activity-header {
1057
- @include font-size(16);
1058
- @media screen and (min-width: 46.25em) {
1059
- @include font-size(20);
1060
- }
1061
-
1062
- margin-bottom: $spacing-val-lg;
1063
- p {padding: $spacing-val-md;}
1064
- }
1065
- } // close li.mini
1066
-
1067
- .activity-comments {
1068
- margin-left: 0;
1069
- }
1070
-
1071
- }
1072
- }
1073
- }
1074
-
1075
- /**
1076
- *-----------------------------------------------------
1077
- * @section 4.1.3 - Activity Comments
1078
- *-----------------------------------------------------
1079
- */
1080
- #buddypress {
1081
-
1082
- #activity-stream {
1083
-
1084
- .activity-comments {
1085
- position: relative;
1086
-
1087
- > ul {
1088
- background: rgba($light-background, 0.6);
1089
- margin: $spacing-val-sm 0 0 2px;
1090
-
1091
- > li {
1092
-
1093
- &:hover * {
1094
- color: #555;
1095
- }
1096
-
1097
- .acomment-meta,
1098
- .acomment-content {
1099
- @include font-size(12);
1100
- }
1101
- }
1102
-
1103
- }
1104
-
1105
- a {
1106
- color: #737373;
1107
- }
1108
-
1109
- .ac-form {
1110
- border: 1px solid $border-color;
1111
- box-sizing: border-box;
1112
- margin: $spacing-val-sm 0;
1113
- width: 100%;
1114
-
1115
- input[type="submit"],
1116
- .ac-reply-cancel {
1117
- color: rgba($body-text, 0.8);
1118
- display: inline-block;
1119
- font-family: inherit;
1120
- @include font-size(12);
1121
- font-weight: normal;
1122
- line-height: 1.2;
1123
- padding: 4px 10px;
1124
- text-transform: lowercase;
1125
- width: 100px;
1126
- }
1127
-
1128
- .ac-reply-cancel {
1129
- border: 1px solid rgba($border-color, 0.7);
1130
- text-align: center;
1131
-
1132
- &:focus,
1133
- &:hover {
1134
- background: $bp-button-hover;
1135
- }
1136
- }
1137
-
1138
- } // close .ac-form
1139
-
1140
- } // close .activity-comments
1141
-
1142
- } // close #activity-steam
1143
-
1144
- } // close #buddypress
1145
-
1146
- /**
1147
- *----------------------------------------------------------
1148
- * @section 4.2 - Members Loop
1149
- *----------------------------------------------------------
1150
- */
1151
-
1152
- #buddypress {
1153
- #members-list {
1154
-
1155
- @include medium-up {
1156
- li {
1157
- .item-avatar,
1158
- .item {
1159
- float: left;
1160
- }
1161
-
1162
- .action {
1163
- float: right;
1164
- }
1165
- }
1166
- }
1167
-
1168
- } // close #members-list
1169
- } //close #BuddyPress
1170
-
1171
- /**
1172
- *-------------------------------------------------------------------------------
1173
- * @section 5.0 - Directories
1174
- *-------------------------------------------------------------------------------
1175
- */
1176
-
1177
- /**
1178
- *-----------------------------------------------------------
1179
- * @subsection Registration
1180
- *-----------------------------------------------------------
1181
- */
1182
-
1183
- #buddypress {
1184
- #signup_form.standard-form {
1185
-
1186
- #profile-details-section,
1187
- #basic-details-section,
1188
- #blog-details-section {
1189
- float: none;
1190
- width: 100%;
1191
-
1192
- @media screen and (min-width: 37.500em) {
1193
- width: 48%;
1194
- }
1195
- }
1196
-
1197
- @media screen and (min-width: 37.500em) {
1198
- #profile-details-section {float: right;}
1199
- #basic-details-section {float: left;}
1200
- }
1201
-
1202
- }
1203
- }
1204
-
1205
- /**
1206
- *-------------------------------------------------------------------------------
1207
- * @section 6.0 - Single Item screens: User Account & Single Group Screens
1208
- *-------------------------------------------------------------------------------
1209
- */
1210
-
1211
- .bp-user {
1212
- #buddypress {
1213
- // On object nav links, table links (notifications etc) we don't really need :visited
1214
- // inheritance, so set pseudo class to :link color.
1215
- a {
1216
- &:visited {
1217
- color: #21759b;
1218
- }
1219
- }
1220
- }
1221
- }
1222
-
1223
- /**
1224
- *-----------------------------------------------------------
1225
- * @subsection 6.1 - Item Header Global
1226
- *-----------------------------------------------------------
1227
- */
1228
-
1229
- .bp-user,
1230
- .single-item.groups {
1231
- #buddypress {
1232
- #item-header-content {
1233
- #item-meta {
1234
- @include font-size(14);
1235
- text-align: left;
1236
-
1237
- p {margin-bottom: 0.5em;}
1238
- }
1239
- }
1240
- }
1241
-
1242
- @media screen and (max-width: 37.500em) {
1243
- h1,
1244
- #item-header-content {
1245
- text-align: center;
1246
- }
1247
- }
1248
-
1249
- @media screen and (max-width: 46.25em) {
1250
- main {
1251
- header.entry-header {
1252
- padding-bottom: 1rem;
1253
- }
1254
- }
1255
- }
1256
-
1257
- #buddypress {
1258
- @media screen and (max-width: 37.500em) {
1259
- h1 {
1260
- margin-bottom: 0;
1261
- }
1262
-
1263
- #item-header-avatar {
1264
- img.avatar {
1265
- margin-right: 0;
1266
- }
1267
- }
1268
-
1269
- #item-header-content {
1270
- width: 100%;
1271
- }
1272
- } // close @media
1273
-
1274
- @media screen and (max-width: 46.25em) {
1275
- #item-header {
1276
- .generic-button {
1277
- float: none;
1278
- margin: 1.5em 0 0 0;
1279
- }
1280
- }
1281
- }
1282
- } // close #buddypress
1283
-
1284
- }
1285
-
1286
- /**
1287
- *-----------------------------------------------------
1288
- * @subsection 6.1.1 - item-header Groups
1289
- *
1290
- * Group Specific Item Header
1291
- *-----------------------------------------------------
1292
- */
1293
-
1294
- .single-item.groups {
1295
- #buddypress {
1296
- @media screen and (max-width: 46.25em) {
1297
- #item-header {
1298
- #item-meta {
1299
- margin-bottom: $spacing-val-md;
1300
- }
1301
- }
1302
- }
1303
-
1304
- // Move visual flow of avatar & item-actions at narrow width,
1305
- // avatar first after group title
1306
- @media screen and (max-width: 50em) {
1307
- div#item-header {
1308
- display: flex;
1309
- flex-direction: column;
1310
-
1311
- #item-header-avatar {
1312
- order: 1;
1313
- text-align: center;
1314
-
1315
- a {
1316
- border-bottom: 0;
1317
-
1318
- img {
1319
- display: inline-block;
1320
- float: none;
1321
- }
1322
- }
1323
- }
1324
-
1325
- #item-header-content {
1326
- order: 2;
1327
- }
1328
-
1329
- #item-actions {
1330
- order: 3;
1331
-
1332
- h2 {
1333
- border-bottom: 1px solid $border-light;
1334
- text-align: center;
1335
- }
1336
- }
1337
- }
1338
- } // close @media
1339
-
1340
- div#item-header {
1341
- padding-bottom: $spacing-val-lg;
1342
-
1343
- #item-header-content {
1344
- @include box-model(border-box);
1345
- }
1346
-
1347
- div#item-actions {
1348
- margin: 0 !important;
1349
- width: 100%;
1350
-
1351
- @media screen and (min-width: 50em) {
1352
- border-left: 1px solid $border-light;
1353
- clear: none;
1354
- float: right;
1355
- padding-left: 0.2em;
1356
- width: 30%;
1357
- } // close @media
1358
-
1359
- @media screen and (min-width: 46.25em) {
1360
- width: 40%;
1361
- }
1362
-
1363
- ul {
1364
- margin-top: 0;
1365
- padding-left: 0;
1366
- }
1367
-
1368
- h2 {
1369
- @include font-size(14);
1370
- padding: 0.2em;
1371
- }
1372
-
1373
- #group-admins,
1374
- #group-mods {
1375
- li {
1376
- margin: 0;
1377
- }
1378
- }
1379
-
1380
- } // close item-actions
1381
-
1382
- @media screen and (min-width: 46.25em) {
1383
-
1384
- #item-header-avatar,
1385
- #item-header-content {
1386
- float: left;
1387
- }
1388
-
1389
- #item-header-content {
1390
- margin-left: 2%;
1391
- padding: 0 0.5em;
1392
- }
1393
-
1394
- div#item-actions {
1395
- float: right;
1396
- width: 28%;
1397
- }
1398
-
1399
- } // close @media
1400
-
1401
- @media screen and (min-width: 64em) {
1402
- #item-header-content {
1403
- width: 40%;
1404
- }
1405
- }
1406
- } // close #item-header
1407
- } // close #buddypress
1408
-
1409
- // These rules handle the specific instance of Cover Images on single groups
1410
- // activated & attempt to address positioning concerns arising from themes
1411
- // breakpoints.
1412
- // Due to cover image styles being applied via embedded styles & thus carrying
1413
- // heavier weight than linked styles the use of !important to override may be required.
1414
- #buddypress {
1415
- #cover-image-container {
1416
- #item-header-cover-image {
1417
-
1418
- #item-actions {
1419
- margin-top: 225px !important;
1420
- }
1421
-
1422
- @media screen and (min-width: 50em) and (max-width: 60em) {
1423
- #item-header-content {
1424
- max-width: 60% !important;
1425
- width: 60% !important;
1426
- }
1427
- }
1428
-
1429
- @media screen and (max-width: 64em) {
1430
-
1431
- #item-actions {
1432
- border: 0;
1433
- clear: both;
1434
- margin-top: 0 !important;
1435
- max-width: 100% !important;
1436
- padding-top: 0 !important;
1437
- width: auto;
1438
-
1439
- h2 {border-bottom: 1px solid $border-light;}
1440
- }
1441
- } // @media
1442
-
1443
-
1444
- }
1445
- }
1446
- }
1447
-
1448
- } // close .single-item.groups
1449
-
1450
- /**
1451
- *-----------------------------------------------------
1452
- * @subsection 6.1.2 - Item Header User Accounts
1453
- *
1454
- * User Accounts Specific Item Header
1455
- *-----------------------------------------------------
1456
- */
1457
-
1458
- .bp-user {
1459
- #buddypress {
1460
- #item-header {
1461
- padding: $spacing-val-md 0;
1462
-
1463
- #item-header-avatar {
1464
- text-align: center;
1465
-
1466
- img.avatar,
1467
- a {
1468
- border-bottom: 0;
1469
- display: inline-block;
1470
- float: none;
1471
- }
1472
- }
1473
-
1474
- #item-header-content {
1475
- #item-buttons {
1476
- .generic-button {
1477
- margin-right: 5px;
1478
- }
1479
- }
1480
- }
1481
-
1482
- @media screen and (min-width: 46.25em) {
1483
- #item-header-avatar {
1484
- float: left;
1485
-
1486
- a {
1487
- float: left;
1488
- }
1489
- }
1490
-
1491
- #item-header-content {
1492
- float: right;
1493
- margin-right: 0%;
1494
- width: 69%;
1495
- }
1496
-
1497
- } // close @media
1498
-
1499
- } // close #item-header
1500
-
1501
- } // close #buddypress
1502
- } // close .bp-user
1503
-
1504
- /**
1505
- *-----------------------------------------------------------
1506
- * @subsection 6.2 - Item Body: Global
1507
- *-----------------------------------------------------------
1508
- */
1509
-
1510
- /**
1511
- *----------------------------------------------------
1512
- * @subsection 6.2.1 - Item Body Groups
1513
- *
1514
- * Groups specific item body rules - screens
1515
- *----------------------------------------------------
1516
- */
1517
-
1518
- /**
1519
- *-----------------------------------------
1520
- * @subsection 6.2.1.1 - Group Management
1521
- *-----------------------------------------
1522
- */
1523
-
1524
- // headings settings screens & general global settings styles
1525
- .groups {
1526
- #group-settings-form {
1527
- h3 {
1528
- background: $dark-background;
1529
- color: $content-background;
1530
- padding: 0.2em;
1531
- }
1532
- }
1533
- }
1534
-
1535
- .groups.edit-details {
1536
- #group-settings-form {
1537
-
1538
- label {
1539
- margin-bottom: 0;
1540
- padding: 0.2em;
1541
- width: 80%;
1542
- }
1543
-
1544
- textarea + p label {
1545
- background: none;
1546
- color: inherit;
1547
- @include font-size(14);
1548
- width: auto;
1549
- }
1550
-
1551
- textarea {
1552
- height: auto;
1553
- min-height: 100px;
1554
- overflow: auto;
1555
- }
1556
- }
1557
- } // close .groups.edit-details
1558
-
1559
- .groups.group-settings {
1560
- #group-settings-form {
1561
-
1562
- div.radio label {
1563
- border: 1px solid $border-light;
1564
- padding: 0.2em;
1565
-
1566
- ul {
1567
- color: rgba($body-text, 0.6);
1568
- @include font-size(14);
1569
- }
1570
- }
1571
-
1572
- }
1573
- } // close .groups.group-settings
1574
-
1575
- .groups.group-avatar {
1576
-
1577
- form > p {
1578
- margin-top: $spacing-val-md;
1579
- }
1580
-
1581
- }
1582
-
1583
- .groups.manage-members {
1584
- #group-settings-form {
1585
- .item-list {
1586
- li {
1587
- border-bottom: 1px solid $border-light;
1588
-
1589
- img,
1590
- h5 {
1591
- float: left;
1592
-
1593
- > a {border-bottom: 0;}
1594
- }
1595
-
1596
- span.small {
1597
- clear: left;
1598
- display: block;
1599
- float: none;
1600
- margin-top: $spacing-val-sm;
1601
-
1602
- a {
1603
- display: inline-block;
1604
- margin: $spacing-val-xs 0;
1605
- width: 100%;
1606
-
1607
- @media screen and (min-width: 37.500em) {
1608
- width: auto;
1609
- }
1610
- }
1611
- }
1612
-
1613
- h5 {
1614
- margin: 0;
1615
- }
1616
-
1617
- }
1618
- }
1619
- }
1620
- } // close .groups.manage-members
1621
-
1622
- /**
1623
- *-----------------------------------------
1624
- * @subsection 6.2.1.2 - Group members
1625
- *-----------------------------------------
1626
- */
1627
-
1628
- // Massage the members search for groups nav specifically.
1629
- .groups.group-members {
1630
- #subnav {
1631
- li {
1632
- @media screen and (max-width: 37.500em) {
1633
- background: $content-background;
1634
- padding: $spacing-val-md 0;
1635
- }
1636
-
1637
- width: 100%;
1638
-
1639
- #search-members-form {
1640
- float: right;
1641
-
1642
- @media screen and (max-width: 37.500em) {
1643
- margin: 0;
1644
- width: 100%;
1645
-
1646
- label {
1647
- input[type="text"] {width: 100%;}
1648
- }
1649
- }
1650
-
1651
- margin: $spacing-val-xs $spacing-val-xs 0 0;
1652
- }
1653
- }
1654
- }
1655
- }
1656
-
1657
- /**
1658
- *-----------------------------------------------------
1659
- * @subsection 6.2.2 - Item Body User Accounts
1660
- *
1661
- * User Account specific component item body rules
1662
- *-----------------------------------------------------
1663
- */
1664
-
1665
- .bp-user {
1666
- .entry-title {margin-bottom: 0.5em;}
1667
- }
1668
-
1669
- /**
1670
- *--------------------------------------------
1671
- * @subsection 6.2.2.1 - classes, pag, filters
1672
- *--------------------------------------------
1673
- */
1674
- .bp-user {
1675
-
1676
- #buddypress {
1677
-
1678
- table {
1679
- th {@include font-size(13)}
1680
- td {@include font-size(12)}
1681
-
1682
- @include medium-up {
1683
- th {@include font-size(16)}
1684
- td {@include font-size(14)}
1685
- }
1686
- }
1687
-
1688
- .pag-count {font-style: italic;}
1689
-
1690
- .notifications-options-nav,
1691
- .messages-options-nav {
1692
- float: left;
1693
- width: 100%;
1694
-
1695
- @media screen and (min-width: 37.500em) {
1696
- width: 40%;
1697
- }
1698
-
1699
- select,
1700
- input {
1701
- @include font-size(14);
1702
- outline: 0;
1703
- padding: 0;
1704
- }
1705
-
1706
- select {
1707
- float: left;
1708
- margin-right: 0;
1709
- width: 49%;
1710
-
1711
- @media screen and (min-width: 37.500em) {
1712
- width: auto;
1713
- }
1714
- }
1715
-
1716
- input {
1717
- float: left;
1718
- font-family: inherit;
1719
- line-height: 20px;
1720
- margin-left: 1%;
1721
- width: 50%;
1722
-
1723
- @media screen and (min-width: 37.500em) {
1724
- width: auto;
1725
- }
1726
-
1727
- &[disabled="disabled"]:focus,
1728
- &[disabled="disabled"]:hover {
1729
- background: none;
1730
- }
1731
- }
1732
-
1733
- } // close .notifications-options-nav/messages-options-nav
1734
-
1735
- } //close #buddypress
1736
- } // close .bp-user
1737
-
1738
- /**
1739
- *-------------------------------------------
1740
- * @subsection 6.2.2.2 - Extended Profiles
1741
- *-------------------------------------------
1742
- */
1743
-
1744
- .bp-user {
1745
-
1746
- #buddypress {
1747
-
1748
- .profile {
1749
- .bp-widget {
1750
- h2 {
1751
- background: lighten($dark-background, 10%);
1752
- color: #fff;
1753
- margin-bottom: 0;
1754
- padding: 0.4em;
1755
- }
1756
-
1757
- table {margin-top: 0;}
1758
- }
1759
- /* Edit profile */
1760
-
1761
- #profile-edit-form {
1762
- .button-nav:before,
1763
- .button-nav:after {
1764
- content: " ";
1765
- display: table;
1766
- }
1767
-
1768
- .button-nav:after {
1769
- clear: both;
1770
- }
1771
-
1772
- ul.button-nav {
1773
- border-bottom: 1px solid $border-light;
1774
- margin-left: 0;
1775
-
1776
- li {
1777
- float: left;
1778
- margin-bottom: 0;
1779
-
1780
- &.current {
1781
- border: 1px solid $border-light;
1782
- border-bottom-color: #fff;
1783
- margin-bottom: -1px;
1784
- }
1785
- } // li
1786
-
1787
- a {
1788
- background: none;
1789
- border: 0;
1790
- @include font-size(18)
1791
- }
1792
- } //.button-nav
1793
-
1794
- .field-visibility-settings-toggle {
1795
- margin: $spacing-val-xs 0 $spacing-val-md;
1796
- }
1797
-
1798
- .field-visibility-settings-toggle,
1799
- .field-visibility-settings {
1800
- @include font-size(14);
1801
- }
1802
-
1803
- .field-visibility-settings-close,
1804
- .visibility-toggle-link {
1805
- background: lighten($dark-background, 10%);
1806
- @include border-radius(2px);
1807
- color: #f1f1f1;
1808
- font-weight: bold;
1809
- padding: 0.1em 0.5em;
1810
- text-decoration: none;
1811
-
1812
- &:focus,
1813
- &:hover {
1814
- color: #fff;
1815
- }
1816
- }
1817
- } // close profile form
1818
-
1819
- .bp-avatar {
1820
- #bp-delete-avatar {
1821
- a {font-size: inherit; }
1822
- }
1823
- }
1824
- } // close .profile
1825
-
1826
- } // close #buddypress
1827
- } // close .bp-user
1828
-
1829
- /**
1830
- *-------------------------------------------
1831
- * @subsection 6.2.2.3 - Groups
1832
- *-------------------------------------------
1833
- */
1834
-
1835
- .bp-user {
1836
-
1837
- #buddypress {
1838
-
1839
- #groups-list {
1840
- li {
1841
- .item {
1842
- @media screen and (min-width: 77.5em) {
1843
- left: 5%;
1844
- width: 50%;
1845
- }
1846
- }
1847
- }
1848
- }
1849
-
1850
- } // close #buddypress
1851
- } // close .bp-user
1852
-
1853
- /**
1854
- *-------------------------------------------
1855
- * @subsection 6.2.2.5 - Private Messaging
1856
- *-------------------------------------------
1857
- */
1858
-
1859
- .bp-user {
1860
-
1861
- #buddypress {
1862
-
1863
- #message-thread {
1864
- //Single message view
1865
- a {
1866
- border-bottom: 0;
1867
- }
1868
-
1869
- #message-subject {
1870
- background: lighten($dark-background, 10%);
1871
- color: $content-background;
1872
- padding: 0.3em 0 0.3em 0.2em;
1873
- }
1874
-
1875
- #message-recipients {
1876
- font-style: italic;
1877
-
1878
- a.confirm {
1879
- border: 1px solid $border-light;
1880
- font-style: normal;
1881
- }
1882
-
1883
- .highlight {
1884
- font-size: 100%;
1885
- }
1886
- }
1887
-
1888
- .message-metadata {
1889
- overflow: hidden;
1890
-
1891
- img.avatar {
1892
- float: none;
1893
- }
1894
-
1895
- @media screen and (min-width: 46.25em) {
1896
- img.avatar {
1897
- float: left;
1898
- }
1899
- }
1900
-
1901
- .message-star-actions {
1902
- float: right;
1903
- margin-right: $spacing-val-xs;
1904
- position: static;
1905
- }
1906
- } // close .message-meta
1907
-
1908
- .message-content {
1909
- background: $light-background;
1910
- border: 1px solid $border-light;
1911
- margin: $spacing-val-sm 0 0 0;
1912
- padding: 0.3em;
1913
- }
1914
-
1915
- #send-reply {
1916
- .message-content {
1917
- background: $content-background;
1918
- border: 0;
1919
- }
1920
- }
1921
-
1922
- .alt {
1923
- background: $content-background;
1924
- }
1925
-
1926
- } // close message-thread Singular view!
1927
-
1928
- #message-threads {
1929
-
1930
- thead {
1931
- tr {
1932
- background: lighten($dark-background, 10%);
1933
- }
1934
- }
1935
-
1936
- tr {
1937
- td {
1938
- background: $content-background;
1939
- box-sizing: border-box;
1940
- display: inline-block;
1941
- float: left;
1942
- }
1943
-
1944
- td.thread-star,
1945
- td.thread-options {
1946
- border-bottom: 1px solid $medium-background;
1947
- height: 2.4em;
1948
- padding-bottom: 0.2em;
1949
- padding-top: 0.2em;
1950
-
1951
- @media screen and (max-width: 46.25em) {
1952
- padding-top: 0;
1953
- }
1954
- }
1955
-
1956
- td.thread-star {
1957
- vertical-align: middle;
1958
-
1959
- .message-action-star,
1960
- .message-action-unstar {
1961
- line-height: 1.2;
1962
- }
1963
-
1964
- span.icon:before {
1965
- @include font-size(14);
1966
- }
1967
- }
1968
-
1969
- td.bulk-select-check,
1970
- td.thread-from {
1971
- height: 3em;
1972
-
1973
- @media screen and (max-width: 37.500em) {
1974
- height: 5.2em;
1975
- }
1976
- }
1977
-
1978
- td.thread-from,
1979
- td.thread-options {
1980
- border-left: 0 !important;
1981
- @include calc(width, "100% - 30px");
1982
- margin-left: 0;
1983
- }
1984
-
1985
- td.thread-info {
1986
- padding-left: 41px;
1987
- width: 100%;
1988
-
1989
- a::after {
1990
- content: " \2016 \00a0"attr(title);
1991
- @include font-size(12);
1992
- }
1993
- }
1994
-
1995
- td.thread-options {
1996
- text-align: right;
1997
-
1998
- a {
1999
- @include font-size(12);
2000
- line-height: 1.2;
2001
- }
2002
- }
2003
-
2004
- span.from {
2005
- display: none;
2006
- }
2007
-
2008
- span.activity {
2009
- display: block;
2010
- float: right;
2011
- line-height: 2;
2012
-
2013
- @media screen and (max-width: 37.500em) {
2014
- clear: both;
2015
- @include font-size(11);
2016
- width: 100%;
2017
- }
2018
- }
2019
- }
2020
-
2021
- tr.unread {
2022
- td {
2023
- border-color: $border-light;
2024
- }
2025
- }
2026
-
2027
- th {
2028
- display: none;
2029
- }
2030
-
2031
- th.bulk-select-all {
2032
- border-bottom: 0;
2033
- display: inline-block;
2034
- text-align: left;
2035
- }
2036
-
2037
- th.bulk-select-all,
2038
- td.bulk-select-check,
2039
- td.thread-star {
2040
- border-right: 0;
2041
- width: 30px;
2042
- }
2043
- }
2044
-
2045
- #send_message_form {
2046
- input,
2047
- textarea {
2048
- box-sizing: border-box;
2049
- }
2050
- }
2051
-
2052
- .acfb-holder {
2053
- list-style: none;
2054
-
2055
- li {margin-left: 0;}
2056
-
2057
- li.friend-tab {
2058
- background: lighten($notice-info, 20%);
2059
- border: inherit;
2060
- margin-right: 0;
2061
- padding: 0.5em;
2062
-
2063
- span.p {
2064
- // the 'X' close
2065
- padding-left: $spacing-val-sm;
2066
-
2067
- &:focus,
2068
- &:hover {
2069
- color: $link-action;
2070
- cursor: pointer;
2071
- }
2072
- }
2073
-
2074
- a {
2075
- border-bottom: 0;
2076
- text-decoration: none;
2077
-
2078
- img {
2079
- // this is the tiny user avatar
2080
- display: inline;
2081
- height: 20px;
2082
- vertical-align: middle;
2083
- width: 20px !important; // override inline style
2084
- }
2085
- }
2086
- }
2087
- }
2088
-
2089
- #message-threads.sitewide-notices {
2090
- tr {margin: 3em 0;}
2091
- td {
2092
- width: 100%;
2093
-
2094
- strong {
2095
- background: lighten($dark-background, 10%);
2096
- color: $content-background;
2097
- display: block;
2098
- margin-bottom: 0.4em;
2099
- padding-left: 0.2em;
2100
- }
2101
-
2102
- a {
2103
- display: inline-block;
2104
- }
2105
-
2106
- a.button {
2107
- border: 1px solid $border-color;
2108
- line-height: initial;
2109
- padding: 0.4em 0.3em;
2110
- }
2111
- }
2112
-
2113
- td:first-child {
2114
- display: none;
2115
- }
2116
-
2117
- td:nth-child(2) {
2118
- strong {
2119
- margin: -8px -8px 8px;
2120
- }
2121
- }
2122
-
2123
- td:first-child + td + td {
2124
- // notice date
2125
- border-bottom: 0;
2126
-
2127
- span {
2128
- line-height: 1;
2129
- }
2130
- }
2131
-
2132
- td:last-child {
2133
- // notice actions
2134
- line-height: 1;
2135
- padding-bottom: 1em;
2136
- text-align: right;
2137
-
2138
- a:last-child {
2139
- // hide the 'x' text
2140
- line-height: 0;
2141
- margin-left: 0.7em;
2142
- text-indent: -999em;
2143
- }
2144
-
2145
- a:last-child::after {
2146
- content: attr(title);
2147
- display: block;
2148
- line-height: initial;
2149
- text-indent: 0;
2150
- }
2151
- }
2152
- }
2153
-
2154
- } // #buddypress
2155
-
2156
- // acfb auto complete name list sits in doc footer before body close
2157
- .ac_results {
2158
- background: #eee;
2159
- padding-left: $spacing-val-sm;
2160
-
2161
- li {
2162
- margin: $spacing-val-sm 0;
2163
-
2164
- &:focus,
2165
- &:hover {
2166
- cursor: pointer;
2167
- }
2168
-
2169
- img { vertical-align: bottom;}
2170
-
2171
- }
2172
- }
2173
-
2174
- } // close .bp-user
2175
-
2176
- /**
2177
- *------------------------------
2178
- * @subsection 6.2.2.6 - Settings
2179
- *------------------------------
2180
- */
2181
-
2182
- .bp-user {
2183
-
2184
- #buddypress {
2185
-
2186
- #settings-form {
2187
-
2188
- // 'p' = email notification screen sub heading
2189
- > p {
2190
- @include font-size(20);
2191
- margin: $spacing-val-md 0 $spacing-val-sm;
2192
- }
2193
- }
2194
-
2195
- table.notification-settings {
2196
- td.yes,
2197
- td.no {
2198
- vertical-align: middle;
2199
- }
2200
- }
2201
-
2202
- // Profile table td widths
2203
- table.profile-settings {
2204
- width: 100%;
2205
-
2206
- th.field-group-name,
2207
- td.field-name {
2208
- width: 50%;
2209
- }
2210
-
2211
- @media screen and (min-width: 46.25em) {
2212
- th.field-group-name,
2213
- td.field-name {
2214
- width: 70%;
2215
- }
2216
- }
2217
-
2218
- th.title,
2219
- td.field-visibility {
2220
- width: 30%;
2221
- }
2222
-
2223
- td.field-visibility {
2224
- select {width: 100%;}
2225
- }
2226
- }
2227
-
2228
- } // close #buddyPress
2229
-
2230
- } // close .bp-user
2231
-
2232
- /**
2233
- *------------------------------------
2234
- * @subsection 6.2.2.6 - Notifications
2235
- *------------------------------------
2236
- */
2237
-
2238
-
2239
- /**
2240
- *-------------------------------------------------------------------------------
2241
- * @section 7.0 - Forms - General
2242
- *-------------------------------------------------------------------------------
2243
- */
2244
-
2245
- // Attempt to reset form control widths
2246
- #main {
2247
- #buddypress {
2248
- .standard-form {
2249
-
2250
- li {float: none;}
2251
- input[type='text'],
2252
- input[type='email'],
2253
- input[type='password'],
2254
- textarea {
2255
- width: 100%;
2256
- }
2257
- }
2258
- }
2259
- }
2260
-
2261
-
2262
- #buddypress {
2263
-
2264
- // Match BP form elements to Themes(2012) styling where styles
2265
- // are not inherited or being overriden.
2266
- div.activity-comments {
2267
-
2268
- form {
2269
- .ac-textarea {
2270
- background: $light-background;
2271
- border: 1px solid rgba($border-color, 0.5);
2272
-
2273
- textarea {
2274
- background: none;
2275
- border: 0;
2276
- }
2277
- }
2278
- }
2279
- }
2280
-
2281
- .standard-form {
2282
-
2283
- // Keep BP form element borders to 1px rather than 2013 2px
2284
- input[type="text"],
2285
- input[type="email"],
2286
- input[type="password"],
2287
- button,
2288
- select,
2289
- textarea {
2290
- border-color: rgba($border-color, 0.5);
2291
- border-width: 1px;
2292
- }
2293
-
2294
- } // close .standard-form
2295
-
2296
- #signup_form.standard-form {
2297
- div.submit {
2298
- float: none;
2299
-
2300
- input {margin-right: 0;}
2301
- }
2302
- }
2303
-
2304
- } // close #buddypress
2305
-
2306
- #buddypress {
2307
- div.dir-search,
2308
- div.message-search,
2309
- li.groups-members-search {
2310
- float: none;
2311
- margin: $spacing-val-sm 0;
2312
-
2313
- // Stylise the seach form elements, in part this deals with padding
2314
- // issues on the submit & sizing issues between bp styles & 2012
2315
-
2316
- form { // *sigh* only to bludgeon over specified rules
2317
- border: 1px solid rgba($border-color, 0.6);
2318
- overflow: hidden;
2319
-
2320
- label {
2321
- float: left;
2322
- width: 70%;
2323
- }
2324
-
2325
- input[type='text'],
2326
- input[type='submit'] {
2327
- @include font-size(14);
2328
- border: 0;
2329
- border-radius: 0;
2330
- line-height: 1.8;
2331
- min-height: 2rem;
2332
- }
2333
-
2334
- input[type='text'] {
2335
- border-right: 1px solid rgba($border-color, 0.6);
2336
- float: left;
2337
- margin: 0;
2338
- padding: 0 0.2em 0;
2339
- width: 100%;
2340
- }
2341
-
2342
- input[type='submit'] {
2343
- float: right;
2344
- font-weight: normal;
2345
- padding: 0 1em;
2346
- text-align: center;
2347
- text-transform: none;
2348
- width: 30%;
2349
- }
2350
- } // close form
2351
-
2352
- } // close .dir-search, .message-search
2353
-
2354
- // Shift the search parent to the right and allow to shrinkwrap
2355
-
2356
- @media screen and (min-width: 37.500em) {
2357
- div.dir-search,
2358
- div.message-search,
2359
- li.groups-members-search {
2360
- float: right;
2361
- margin-bottom: 5px !important;
2362
-
2363
- form {
2364
- label,
2365
- input[type='text'],
2366
- input[type='submit'] {
2367
- width: auto;
2368
- }
2369
- }
2370
- }
2371
-
2372
- } // close @media
2373
-
2374
-
2375
- @include large-up {
2376
-
2377
- .dir-search,
2378
- .message-search {
2379
- form {
2380
- input[type='text'] { @include font-size(16) ;}
2381
- input[type='submit'] { @include font-size(16) ;}
2382
- }
2383
- }
2384
- }
2385
-
2386
- } // close #buddypress
2387
-
2388
- /**
2389
- *-------------------------------------------------------------------------------
2390
- * @section 8.0 - Tables - General
2391
- *-------------------------------------------------------------------------------
2392
- */
2393
- .bp-user {
2394
- #buddypress {
2395
-
2396
- table {
2397
- @include font-size(14);
2398
- margin: $spacing-val-md 0;
2399
-
2400
- tr th {
2401
- background: lighten($dark-background, 10%);
2402
- border-color: darken($border-light, 20%);
2403
- color: $content-background;
2404
- padding: 0 8px;
2405
- }
2406
-
2407
- tr td {
2408
- padding: 8px;
2409
- }
2410
-
2411
- // Reduce the themes inherited paragraph margins in tables
2412
- p {margin-bottom: 0.5em;}
2413
- }
2414
-
2415
- @media screen and (min-width: 55em) {
2416
- table {@include font-size(16);}
2417
- }
2418
-
2419
- // Manage some table cells widths that are disproportionate to their content
2420
- .notifications,
2421
- .messages-notices {
2422
- th {
2423
- width: 30%;
2424
-
2425
- &.bulk-select-all {
2426
- text-align: center;
2427
- width: 10%;
2428
- }
2429
- }
2430
-
2431
- th.actions {
2432
- text-align: center;
2433
- }
2434
-
2435
- .bulk-select-check,
2436
- .thread-star {
2437
- text-align: center;
2438
- }
2439
-
2440
- .notification-actions,
2441
- td.thread-options {
2442
- text-align: center;
2443
-
2444
- a {
2445
- display: inline-block;
2446
- margin: 0;
2447
- padding: 0;
2448
- }
2449
- }
2450
-
2451
- // Notices action buttons, this maybe better moved, temp for now to address
2452
- // styling issues - this will need styling ideas
2453
- td {
2454
- .button {
2455
- border: 0;
2456
- display: block;
2457
- padding: 0;
2458
- text-align: center;
2459
- }
2460
- }
2461
-
2462
- } // .notifications, .message-notices
2463
-
2464
- } // #buddypress
2465
- } // .bp-user
2466
-
2467
- /**
2468
- *-------------------------------------------------------------------------------
2469
- * @section 9.0 - Error / Success messages
2470
- *-------------------------------------------------------------------------------
2471
- */
2472
-
2473
- // message args ($variable-color, text-color)
2474
- // Leave text-color undefined to automagically set text color
2475
- // to background color darker by 50%
2476
-
2477
- #buddypress {
2478
- div#message {
2479
- p {
2480
- @include font-size(18);
2481
- font-weight: bold;
2482
- }
2483
-
2484
- &.info {
2485
- p {
2486
- @include message-box($notice-info);
2487
- }
2488
- }
2489
-
2490
- &.updated {
2491
- p {
2492
- @include message-box($notice-update);
2493
- }
2494
- }
2495
-
2496
- } // close #message
2497
-
2498
- } // close #buddypress
2499
-
2500
- // Without direct classes on our mesages ( 'warning' )
2501
- // we need to use the body classes
2502
- // todo: If this is class .warning is included in main BP styles remove from here
2503
- .delete-group {
2504
- #buddypress {
2505
- div#message.info {
2506
- p {
2507
- @include message-box($notice-warning);
2508
- }
2509
- }
2510
- }
2511
- }
2512
-
2513
- /**
2514
- *-------------------------------------------------------------------------------
2515
- * @section 10.0 - Ajax Loading, Widgets, General classes
2516
- *-------------------------------------------------------------------------------
2517
- */
1
+
2
+ // Stylesheet Guidence Notes
3
+ // Table of content represents a guide to sections of the sheet.
4
+ // Note that not all sections may be described in the body of the
5
+ // rulesets only those that require styles for a given theme.
6
+ // Sub sections might not exist but can be added as required
7
+ // as per BP Lists - 'activity' section.
8
+
9
+ // We follow the dictats of the parent theme in respect of media queries,
10
+ // font sizing etc. Media queries are used in a modular sense (OOCSS)
11
+ // rather than described as blocks to the end of the sheet, this aids ease
12
+ // of managing media queries, scalability & flexibility .
13
+
14
+ // 2012 Media Queries / Breakpoints.
15
+ // 2012 works two breakpoints 600px/960px
16
+
17
+ // @media screen and (min-width: 37.500em)
18
+ // @media screen and (min-width: 61.5625em)
19
+
20
+
21
+
22
+ // In addition BP can use the em breakpoints as referenced below to provide
23
+ // a series of finer breakpoints.
24
+ // @media screen and (max-width: 20em) xtra small mobile only 320px
25
+ // @media screen and (min-width: 30em) small only 480px
26
+ // @media screen and (min-width: 46.25em) 740px
27
+ // @media screen and (min-width: 75em) 1200px
28
+
29
+ // Mixins and Variables
30
+
31
+ // simplify remembering/writing media queries
32
+ // written as:
33
+ // @include medium-up {
34
+ // body {property: value;}
35
+ // }
36
+
37
+ // 600px
38
+ @mixin small-up {
39
+ @media screen and (min-width: 37.500em) {
40
+ @content;
41
+ }
42
+ }
43
+ // 960px
44
+ @mixin medium-up {
45
+ @media screen and (min-width: 60em) {
46
+ @content;
47
+ }
48
+ }
49
+ // 1200px
50
+ @mixin large-up {
51
+ @media screen and (min-width: 75em) {
52
+ @content;
53
+ }
54
+ }
55
+
56
+
57
+ // Common spacing values
58
+ $spacing-val-lg: 48px; // Matches 2012 stated values - virt rhythm
59
+ $spacing-val-md: 24px; // Matches 2012 stated values - virt rhythm
60
+ $spacing-val-sm: 10px;
61
+ $spacing-val-xs: 5px;
62
+
63
+ // A simple mixin to handle font-sizing
64
+ // 2012 sets a html/body size @ 14px/87.50%
65
+ @mixin font-size($font-size: 14) {
66
+ $rem-font-value: ($font-size / 14);
67
+ font-size: ($font-size * 1px);
68
+ font-size: $rem-font-value + rem;
69
+ }
70
+
71
+ // To allow mixins to pass VendorPrefix scss-lint tests we disable lint-test
72
+ // for specific blocks / rulesets
73
+ // until such time as exemption lists can be built for the scss-lint.yml?
74
+ // Any vendor prefix properties / mixins need to be in this block
75
+
76
+ // scss-lint:disable VendorPrefix
77
+
78
+ // Border border-radius mixins
79
+ @mixin border-radius($radius) {
80
+ -webkit-border-radius: $radius;
81
+ -moz-border-radius: $radius;
82
+ -ms-border-radius: $radius;
83
+ border-radius: $radius;
84
+ background-clip: padding-box;
85
+ }
86
+
87
+ @mixin border-top-radius($radius) {
88
+ -webkit-border-top-right-radius: $radius;
89
+ border-top-right-radius: $radius;
90
+ -webkit-border-top-left-radius: $radius;
91
+ border-top-left-radius: $radius;
92
+ background-clip: padding-box;
93
+ }
94
+
95
+ @mixin border-right-radius($radius) {
96
+ -webkit-border-bottom-right-radius: $radius;
97
+ border-bottom-right-radius: $radius;
98
+ -webkit-border-top-right-radius: $radius;
99
+ border-top-right-radius: $radius;
100
+ background-clip: padding-box;
101
+ }
102
+
103
+ @mixin border-bottom-radius($radius) {
104
+ -webkit-border-bottom-right-radius: $radius;
105
+ border-bottom-right-radius: $radius;
106
+ -webkit-border-bottom-left-radius: $radius;
107
+ border-bottom-left-radius: $radius;
108
+ background-clip: padding-box;
109
+ }
110
+
111
+ @mixin border-left-radius($radius) {
112
+ -webkit-border-bottom-left-radius: $radius;
113
+ border-bottom-left-radius: $radius;
114
+ -webkit-border-top-left-radius: $radius;
115
+ border-top-left-radius: $radius;
116
+ background-clip: padding-box;
117
+ }
118
+
119
+ // Box sizing
120
+ @mixin box-model($box-model) {
121
+ -webkit-box-sizing: $box-model;
122
+ -moz-box-sizing: $box-model;
123
+ box-sizing: $box-model;
124
+ }
125
+
126
+ // Calc
127
+ @mixin calc($property, $expression) {
128
+ #{$property}: -webkit-calc(#{$expression});
129
+ #{$property}: -moz-calc(#{$expression});
130
+ #{$property}: calc(#{$expression});
131
+ }
132
+
133
+ // Re-enable the VendorPrefix lint test
134
+ // scss-lint:enable VendorPrefix
135
+
136
+ // BP message boxes
137
+ @mixin message-box($background, $text-color: null) {
138
+
139
+ @if $text-color {
140
+ // if a param was passed through
141
+ $text-color: $text-color;
142
+ } @else {
143
+ $text-color: darken($background, 50%);
144
+ }
145
+
146
+ background: lighten($background, 10%);
147
+ border: 1px solid darken($background, 10%);
148
+ color: $text-color;
149
+ }
150
+
151
+ // 2012 font family
152
+ @mixin default-font-sans() {
153
+ font-family: "Source Sans Pro", Helvetica, sans-serif;
154
+ }
155
+
156
+ // Variables: color definitions
157
+ $body-text: #141412;
158
+ $content-background: #fff;
159
+ $off-white: lighten(#f9f8ee, 0.7);
160
+ $cream-background: #f7f5e7;
161
+ $light-background: #f7f7f7;
162
+ $medium-background: #ccc;
163
+ $dark-background: #555;
164
+ $border-color: #d4d0ba; // border color is varied using rgba
165
+ $border-light: #eaeaea; // BP dividers
166
+ $border-med: #ddd;
167
+ $background-hover: #db572f; // 2012 link background hover
168
+ $bp-button-hover: #ededed; // this is the default BP button hover background
169
+ $notice-error: #c85a6e;
170
+ $notice-warning: #d05656;
171
+ $notice-info: #9fd1e2;
172
+ $notice-update: #ced98c;
173
+ $stripe-odd: #ebf0ff;
174
+ $stripe-even: #dbe5ff;
175
+ $unread: #9dc3c8;
176
+ $link-action: #c82b2b;
177
+ /*--------------------------------------------------------------
178
+
179
+ This is the BuddyPress companion stylesheet for
180
+ the WordPress Twentytwelve theme.
181
+
182
+ This sheet supports the primary BuddyPress styles in buddypress.css
183
+
184
+ If you are running as a child theme of twentytwelve this stylesheet will be
185
+ loaded by default. If you want to modify the styles the normal BP Theme Compat
186
+ hierarchy works and you can copy the file to buddypress/css/ or community/css/
187
+ in your child themes root & either start over or modify the rulesets.
188
+
189
+ If you do not require the styles you can dequeue them from the themes functions file.
190
+
191
+ Please see this codex article for more information:
192
+ http://codex.buddypress.org/themes/buddypress-companion-stylesheets/
193
+
194
+ ----------------------------------------------------------------
195
+ >>> TABLE OF CONTENTS:
196
+ ----------------------------------------------------------------
197
+ 1.0 Theme Structural Elements & overrides
198
+ 2.0 - Navigation - General
199
+ 2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
200
+ 2.2 - Pagination
201
+ 3.0 - Images
202
+ 4.0 - BP Lists / Loops Generic
203
+ 4.1 - Activity Loop
204
+ 4.1.1 Whats New Activity
205
+ 4.1.2 - Activity Listing
206
+ 4.1.3 - Activity Comments
207
+ 4.2 - Members Loop
208
+ 4.3 - Groups Loop
209
+ 4.4 - Blogs Loop
210
+ 5.0 - Directories - Members, Groups, Blogs, Register, activation
211
+ 6.0 - Single Item screens: User Account & Single Group Screens
212
+ 6.1 - Item Headers: Global
213
+ 6.1.1 - item-header: Groups
214
+ 6.1.2 - item-header: User Accounts
215
+ 6.2 - Item Body: Global
216
+ 6.2.1 - item-body: Groups
217
+ 6.2.1.1 - Management settings screens
218
+ 6.2.1.2 - Group members list
219
+ 6.2.2 - item-body: User Accounts
220
+ 6.2.2.1 - classes, pag, filters
221
+ 6.2.2.2 - Extended Profiles
222
+ 6.2.2.3 - Groups
223
+ 6.2.2.4 - friends
224
+ 6.2.2.5 - Private Messaging Threads
225
+ 6.2.2.6 - Settings
226
+ 6.2.2.7 - Notifications
227
+ 7.0 - Forms - General
228
+ 8.0 - Tables - General
229
+ 9.0 - Error / Success Messages
230
+ 10.0 - Ajax Loading, Widgets, General classes
231
+ --------------------------------------------------------------*/
232
+
233
+ /**
234
+ *-------------------------------------------------------------------------------
235
+ * @section 1.0 - Theme - Structural Elements. overrides, Globals
236
+ *-------------------------------------------------------------------------------
237
+ */
238
+
239
+
240
+
241
+ .buddypress {
242
+ // Remove any empty clearing elements, CSS provides clearing.
243
+ div.clear {display: none;}
244
+
245
+ } // .buddypress (body class)
246
+
247
+
248
+ /**
249
+ *-------------------------------------------------------------------------------
250
+ * @section 2.0 - Navigation - General
251
+ *-------------------------------------------------------------------------------
252
+ */
253
+
254
+
255
+ /**
256
+ *----------------------------------------------------------
257
+ * @section 2.1 - Navs Object Nav / Sub Nav (item-list-tabs)
258
+ *
259
+ * The main navigational elements for all BP screens
260
+ *----------------------------------------------------------
261
+ */
262
+
263
+ // We have a need to override BP specifity
264
+ // so some rulesets sets will appear over weighted in selectors
265
+
266
+ #buddypress {
267
+
268
+ // active/current states all navs
269
+ div.item-list-tabs {
270
+ ul {
271
+ li.selected,
272
+ li.current {
273
+ a {
274
+ background: inherit;
275
+ opacity: 1;
276
+ }
277
+ }
278
+ }
279
+ }
280
+ // global nav styles
281
+ div.item-list-tabs {
282
+ ul {
283
+ overflow: hidden;
284
+ padding: 0;
285
+
286
+ li {
287
+ a {
288
+
289
+ &:focus,
290
+ &:hover {
291
+ color: #555;
292
+ }
293
+ // Keep links from inheriting :visited states
294
+ &:visited {
295
+ color: #21759b;
296
+ }
297
+
298
+ span {border-radius: 25%;}
299
+ }
300
+
301
+ }
302
+ }
303
+ } // close item-list-tabs
304
+
305
+ } // close #buddypress
306
+
307
+ // .bp-user #object-nav @ small screen as a dropdown
308
+
309
+ .bp-user {
310
+
311
+ #buddypress {
312
+
313
+ @media screen and (max-width: 30em) {
314
+
315
+ #object-nav {
316
+ border: 1px solid $border-light;
317
+ overflow: visible;
318
+ padding: $spacing-val-sm;
319
+
320
+ ul {
321
+ border: 0;
322
+ height: 0;
323
+ // all latest vendor releases handle transitions, so no prefixes used.
324
+ transition: height 0.3s ease-in-out 0.7s;
325
+ visibility: hidden;
326
+ }
327
+
328
+ &:before {
329
+ content: "Menu \021E9";
330
+ display: inline;
331
+ opacity: 0.7;
332
+ }
333
+
334
+ &:hover,
335
+ &:focus {
336
+ &:before {content: "Menu \021E7";}
337
+
338
+ ul {
339
+ height: 320px;
340
+ opacity: 1;
341
+ overflow-y: auto;
342
+ visibility: visible;
343
+ }
344
+ }
345
+ }
346
+
347
+ #subnav {
348
+ clear: both;
349
+ }
350
+
351
+ } // close @media
352
+ }
353
+ }
354
+
355
+ /*__ Horizontal menus __*/
356
+ #buddypress {
357
+
358
+ #object-nav {
359
+
360
+ ul {
361
+ overflow: hidden;
362
+
363
+ li {
364
+ float: none;
365
+ }
366
+
367
+ @media screen and (max-width: 37.500em) {
368
+ li:not(:last-child) {
369
+ border-bottom: 1px solid $border-light;
370
+ }
371
+ }
372
+
373
+ li:not(.selected) {
374
+
375
+ @media screen and (max-width: 37.500em) {
376
+ &:focus,
377
+ &:hover {
378
+ background: darken($light-background, 2%);
379
+ }
380
+ }
381
+ }
382
+
383
+ @media screen and (min-width: 37.500em) {
384
+ li {
385
+ float: left;
386
+ }
387
+ }
388
+ }
389
+ }
390
+
391
+ div#subnav.item-list-tabs {
392
+ margin-top: 0;
393
+
394
+ ul {
395
+ border-bottom: 0;
396
+ border-top: 1px solid $border-color;
397
+ margin-top: $spacing-val-xs;
398
+ padding: 0;
399
+
400
+ li.last {
401
+ background: $content-background;
402
+ float: right;
403
+ margin-top: 0;
404
+ padding: $spacing-val-xs 0 $spacing-val-xs;
405
+ text-align: right;
406
+ width: 230px;
407
+
408
+ @media screen and (max-width: 30em) {
409
+ float: none;
410
+ width: auto;
411
+ }
412
+
413
+ select,
414
+ select:focus {
415
+ background: transparent;
416
+ border: 0;
417
+ outline: 0;
418
+ padding: 0;
419
+ }
420
+
421
+ select,
422
+ label,
423
+ option {
424
+ @include font-size(14);
425
+ }
426
+
427
+ select {
428
+ font-style: italic;
429
+
430
+ option {
431
+ font-style: normal;
432
+ }
433
+ }
434
+ }
435
+
436
+ } // close ul
437
+ } // close #subnav
438
+
439
+ } // close #buddypress
440
+
441
+ .bp-user {
442
+ #buddypress {
443
+ div#subnav.item-list-tabs {
444
+ li.last {
445
+ margin-left: 0;
446
+ text-align: right;
447
+
448
+ @media screen and (max-width: 30em) {
449
+ clear: left;
450
+ float: none;
451
+ margin-left: 10px;
452
+ text-align: left;
453
+ }
454
+ }
455
+ }
456
+ }
457
+ }
458
+
459
+ /*__ Vertical menu User Account / Group single screens __*/
460
+
461
+ // This block contains rules to re-factor the item-body structural element
462
+ // to sit alongside the vert menu
463
+ // 2012 right sidebar is displayed if the widget sidebar has widgets;
464
+ // we'll only display object nav as a vert menu if sidebar not present.
465
+
466
+ @media screen and (min-width: 60em) {
467
+
468
+ body.full-width {
469
+ #buddypress {
470
+
471
+ #item-header,
472
+ #item-body {
473
+ background: $content-background;
474
+ }
475
+
476
+ #object-nav {
477
+ border-right: 1px solid $border-med;
478
+ float: left;
479
+ margin-right: -1px;
480
+ width: 200px;
481
+
482
+ ul {
483
+ background: none;
484
+ border-bottom: 0;
485
+ padding: 0;
486
+
487
+ li {
488
+ float: none;
489
+ overflow: hidden;
490
+
491
+ span {
492
+ background: $content-background;
493
+ border-radius: 10%;
494
+ float: right;
495
+ margin-right: 2px;
496
+ }
497
+ }
498
+ }
499
+ }
500
+
501
+ #item-body {
502
+ border-left: 1px solid $border-med;
503
+ overflow: hidden;
504
+ padding: 0 0 0 $spacing-val-md;
505
+ width: auto;
506
+
507
+ #subnav {
508
+ margin: 0 0 0 (-$spacing-val-md);
509
+
510
+ ul {margin-top: 0;}
511
+ }
512
+ }
513
+
514
+ } // close #buddypress
515
+ } // close body:not(.sidebar)
516
+ } // close @media
517
+
518
+
519
+ // Tabbed Nav styling
520
+ // Primarilly used for group create screens & ? directory nav.
521
+
522
+ @media screen and (min-width: 46.25em) {
523
+ #main {
524
+ #buddypress {
525
+
526
+ #group-create-tabs.item-list-tabs {
527
+
528
+ ul:before,
529
+ ul:after {
530
+ content: " ";
531
+ display: table;
532
+ }
533
+
534
+ ul:after {
535
+ clear: both;
536
+ }
537
+
538
+ ul {
539
+ background: none;
540
+ border: 0;
541
+ border-bottom: 1px solid $border-med;
542
+ overflow: visible;
543
+ padding-bottom: 0;
544
+
545
+ li {
546
+ float: left;
547
+ width: auto;
548
+ }
549
+
550
+ li.selected,
551
+ li.current {
552
+ border: 1px solid $border-med;
553
+ border-bottom-color: $content-background;
554
+ @include border-top-radius(4px);
555
+ margin-bottom: -1px;
556
+
557
+ a {
558
+ background: none;
559
+ color: $body-text;
560
+ outline: none;
561
+ }
562
+ }
563
+ }
564
+
565
+ } // close .item-list-tabs
566
+
567
+ #subnav {
568
+ ul {
569
+ border-bottom: 0;
570
+ }
571
+
572
+ } // close #subnav
573
+ } // close #buddypress
574
+ }
575
+ } // close @media
576
+
577
+ /**
578
+ *----------------------------------------------------------
579
+ * @section 2.2 - Pagination
580
+ *----------------------------------------------------------
581
+ */
582
+
583
+ #buddypress {
584
+
585
+ div.pagination {
586
+ box-shadow: none;
587
+ min-height: 0;
588
+
589
+ &:before,
590
+ &:after {
591
+ height: 0;
592
+ width: 0;
593
+ }
594
+
595
+ .pag-count {margin-left: 0;}
596
+ .pagination-links {
597
+ margin-right: 0;
598
+
599
+ span,
600
+ a {
601
+ height: auto;
602
+ line-height: 1;
603
+ padding: 5px;
604
+ }
605
+
606
+ .prev,
607
+ .next {
608
+ background-color: transparent;
609
+ color: inherit;
610
+ overflow: visible;
611
+ width: auto;
612
+ &:before {display: none;}
613
+ }
614
+
615
+ .prev {
616
+ left: auto;
617
+ position: static;
618
+ }
619
+
620
+ .next {
621
+ position: static;
622
+ right: auto;
623
+ }
624
+ } // close .pagination-links
625
+ } // close .pagination
626
+ } // close #buddypress
627
+
628
+ /**
629
+ *-------------------------------------------------------------------------------
630
+ * @section 4.0 - BP Lists / Loops Generic
631
+ *-------------------------------------------------------------------------------
632
+ */
633
+
634
+ // Trying to position the action div absolute has bad consequences where
635
+ // aditional items are displayed, floating is an alternative that
636
+ // allows natural flow expansion.
637
+ // This block:
638
+ // * Manages li items, Stacks them small screen, floated left at wider screens.
639
+ // * Adjusts display of action buttons at small screen mobile up.
640
+ // Adjusts Meta items to match 2012 font-family
641
+
642
+ #buddypress {
643
+ ul.item-list {
644
+ border-top: 0;
645
+
646
+ li {
647
+ overflow: hidden !important;
648
+
649
+ // Undo BP floats to center avatars initially mobile up
650
+ .item-avatar {
651
+ margin-bottom: $spacing-val-sm;
652
+
653
+ @media screen and (min-width: 37.500em) {
654
+ margin-bottom: 0;
655
+ }
656
+
657
+ text-align: center;
658
+
659
+ a {border-bottom: 0;}
660
+
661
+ img.avatar {
662
+ display: inline-block;
663
+ float: none;
664
+ margin-bottom: $spacing-val-sm;
665
+
666
+ // Quite early on we need to move avatars to the left(right)
667
+ @include small-up {
668
+ display: block;
669
+ float: left;
670
+ }
671
+ }
672
+ } //close .item-avatar
673
+
674
+ .item {
675
+
676
+ // counter the BP rule
677
+ margin-left: 0;
678
+
679
+ @media screen and (min-width: 61.5625em) {
680
+ margin-left: 15%;
681
+ }
682
+
683
+ overflow: hidden;
684
+
685
+ .item-meta {
686
+ text-align: center;
687
+
688
+ @media screen and (min-width: 61.5625em) {
689
+ text-align: left;
690
+ }
691
+ }
692
+
693
+ span.activity {
694
+ font-style: italic;
695
+ }
696
+
697
+ .item-desc {
698
+ margin-left: 0;
699
+ width: 94%;
700
+ }
701
+
702
+ .item-title {
703
+ @include font-size(16);
704
+ line-height: 1.2;
705
+ text-align: center;
706
+
707
+ @include small-up {
708
+ text-align: left;
709
+ }
710
+
711
+ width: 100%;
712
+
713
+ > a {
714
+ text-decoration: none;
715
+
716
+ &:visited { color: #21759b;}
717
+ }
718
+
719
+ .update {
720
+ display: block;
721
+ @include font-size(12);
722
+
723
+ @include medium-up {
724
+ @include font-size(14);
725
+ }
726
+
727
+ padding: $spacing-val-sm 0;
728
+ text-align: left;
729
+ }
730
+ } // close .item-title
731
+
732
+ } // close .item
733
+
734
+ @include medium-up {
735
+ .item-avatar,
736
+ .item,
737
+ .action {
738
+ float: left;
739
+ }
740
+
741
+ .item {
742
+ left: 5%;
743
+ margin-left: 0;
744
+ position: relative;
745
+ width: 55%;
746
+
747
+ .item-title {
748
+ @include font-size(18)
749
+ }
750
+ }
751
+
752
+ }// close medium-up
753
+
754
+ div.action {
755
+ clear: left;
756
+ float: none;
757
+ margin-bottom: -$spacing-val-md;
758
+ // remove BP margin left
759
+ margin-left: 0;
760
+ padding: $spacing-val-md 0 $spacing-val-xs;
761
+
762
+ // push the actions to the right
763
+ @include medium-up {
764
+ clear: none;
765
+ float: right;
766
+ margin-bottom: 0;
767
+ padding: 0;
768
+ }
769
+
770
+ position: relative;
771
+ text-align: left;
772
+ top: 0;
773
+
774
+ div {
775
+ display: inline-block;
776
+ margin: $spacing-val-sm 0;
777
+ width: 100%;
778
+
779
+ a {
780
+ display: block;
781
+ }
782
+ // Provisionally lets keep the 'action' div
783
+ //position but inline-block the buttons
784
+
785
+ @media screen and (min-width: 37.500em) {
786
+ // keep buttons to a row small tablet up
787
+ margin: 0 $spacing-val-sm $spacing-val-sm 0;
788
+ width: auto;
789
+ } // close @media
790
+
791
+ @include medium-up {
792
+ // take buttons to block to stack them when floated right
793
+ clear: right;
794
+ float: right;
795
+ margin: 0 0 $spacing-val-sm 0;
796
+ } // close @media
797
+
798
+ } // close div
799
+
800
+ .meta {
801
+ font-style: italic;
802
+ }
803
+
804
+ } // close .action
805
+
806
+ } // close li
807
+ } // close .item-list
808
+ } // close #buddypress
809
+
810
+ /**
811
+ *----------------------------------------------------------
812
+ * @section 4.1 - Activity
813
+ *----------------------------------------------------------
814
+ */
815
+
816
+ /**
817
+ *-----------------------------------------------------
818
+ * @section 4.1.1 - Activity Whats New
819
+ *-----------------------------------------------------
820
+ */
821
+
822
+ #buddypress {
823
+ form#whats-new-form {
824
+
825
+ // Line-height issue inherited from BP rules, override.
826
+ p.activity-greeting {
827
+ line-height: 1.4;
828
+ }
829
+
830
+ // corrective measure for clipped elements due to JS inline styling
831
+
832
+ @media screen and (max-width: 46.25em) {
833
+ #whats-new-content {
834
+ clear: left;
835
+ margin: $spacing-val-sm 0 $spacing-val-md;
836
+ padding: $spacing-val-sm 0 0;
837
+ }
838
+ }
839
+
840
+ #whats-new-content.active {
841
+ #whats-new-options[style] {
842
+ #whats-new-post-in-box {
843
+ border: 1px solid rgba($border-color, 0.5);
844
+ float: left;
845
+ line-height: 1.5em;
846
+ margin-top: 12px;
847
+ padding-left: 0.2em;
848
+ width: 100%;
849
+
850
+ select {
851
+ background: none;
852
+ border: 0;
853
+ float: right;
854
+ margin: 0;
855
+ min-height: 1.5em;
856
+ padding: 0 0 0 0.4em;
857
+ }
858
+ }
859
+
860
+ @media screen and (min-width: 30em) {
861
+ #whats-new-post-in-box {
862
+ width: auto;
863
+ }
864
+
865
+ #whats-new-submit {
866
+ float: right;
867
+
868
+ input {
869
+ padding: 2px 6px;
870
+ }
871
+ }
872
+ }
873
+
874
+ } // close #whats-new-options
875
+ } // close #whats-new-content.active
876
+
877
+ } // close #whats-new-form
878
+
879
+ // User account form requires matching bp default specificity
880
+ #item-body {
881
+ form#whats-new-form {
882
+ margin: $spacing-val-lg 0;
883
+ }
884
+ }
885
+ } // close #buddypress
886
+
887
+ /**
888
+ *-----------------------------------------------------
889
+ * @section 4.1.2 - Activity Listing
890
+ *-----------------------------------------------------
891
+ */
892
+
893
+ #buddypress {
894
+
895
+ #activity-stream {
896
+
897
+ // re-size activity avatars and stack small screen
898
+ // refactor main elements positioning medium up.
899
+ li {
900
+ padding: 25px 0 15px;
901
+
902
+ .activity-avatar {
903
+ float: none;
904
+ text-align: center;
905
+
906
+ a {
907
+ display: inline-block;
908
+
909
+ img.avatar {
910
+ display: inline;
911
+ float: none;
912
+ height: 60px;
913
+ margin-bottom: $spacing-val-md;
914
+ margin-left: 0;
915
+ width: 60px;
916
+ }
917
+ }
918
+ } // close .activity-avatar
919
+
920
+ .activity-content,
921
+ .activity-comments {
922
+ margin-left: 0;
923
+ }
924
+
925
+ .activity-header {
926
+ @include font-size(14);
927
+
928
+ a:visited {
929
+ color: #21759b;
930
+ }
931
+ }
932
+
933
+ .activity-inner {
934
+ img {height: auto;}
935
+ }
936
+
937
+ @media screen and (min-width: 46.25em) {
938
+
939
+ .activity-avatar {
940
+ float: left;
941
+ margin-right: $spacing-val-sm;
942
+ text-align: left;
943
+
944
+ a {
945
+ border-bottom: 0;
946
+ }
947
+ }
948
+
949
+ .activity-content {
950
+ margin: 0;
951
+ overflow: hidden;
952
+
953
+ .activity-header {
954
+ @include font-size(16);
955
+ }
956
+ }
957
+
958
+ .activity-comments {
959
+ margin-left: 70px;
960
+ }
961
+
962
+ } // close @media
963
+
964
+ } // close li
965
+
966
+ li.mini {
967
+ .activity-avatar {
968
+ a {
969
+ img.avatar {
970
+ height: 30px;
971
+ margin-left: 15px;
972
+ width: 30px;
973
+ }
974
+ }
975
+ }
976
+
977
+ .activity-content {
978
+ .activity-header {
979
+ @include font-size(14);
980
+ }
981
+
982
+ .activity-meta {
983
+ a {
984
+ @include font-size(12);
985
+ }
986
+ }
987
+ }
988
+ } // close li.mini
989
+
990
+ .activity-content {
991
+ margin-top: -12px;
992
+
993
+ .activity-header {
994
+ line-height: inherit;
995
+ margin-right: 0;
996
+
997
+ p {
998
+ border-bottom: 1px solid rgba($border-light, 0.6);
999
+ margin-top: 0;
1000
+ padding: 0 0.2em;
1001
+ }
1002
+
1003
+ img.avatar {
1004
+ display: inline-block;
1005
+ margin-bottom: 0 !important; // have to match to BP
1006
+ }
1007
+ } // close .activity-header
1008
+
1009
+ .activity-meta {
1010
+ a {
1011
+ display: block;
1012
+ @include font-size(14);
1013
+ margin-bottom: $spacing-val-xs;
1014
+
1015
+ @media screen and (min-width: 37.500em) {
1016
+ float: left;
1017
+ margin-bottom: 0;
1018
+ }
1019
+
1020
+ padding: 0.2em 0.5em;
1021
+ }
1022
+ }
1023
+
1024
+ } // close .activity-content
1025
+
1026
+ .load-more {
1027
+ background: $light-background;
1028
+ border: 1px solid transparent;
1029
+ padding: $spacing-val-sm;
1030
+
1031
+ &:focus,
1032
+ &:hover {
1033
+ background: darken($light-background, 1%);
1034
+ border: 1px solid rgba(#9fd1e2, 0.3);
1035
+ }
1036
+
1037
+ a {
1038
+ display: block;
1039
+ }
1040
+ }
1041
+
1042
+ } // close #activity-stream
1043
+ } // close #buddypress
1044
+
1045
+ /* Single activity view - activity permalink */
1046
+
1047
+ .activity-permalink {
1048
+ #buddypress {
1049
+ #activity-stream {
1050
+
1051
+ li.activity-item {
1052
+ padding: $spacing-val-md;
1053
+ }
1054
+
1055
+ li.mini {
1056
+ .activity-header {
1057
+ @include font-size(16);
1058
+ @media screen and (min-width: 46.25em) {
1059
+ @include font-size(20);
1060
+ }
1061
+
1062
+ margin-bottom: $spacing-val-lg;
1063
+ p {padding: $spacing-val-md;}
1064
+ }
1065
+ } // close li.mini
1066
+
1067
+ .activity-comments {
1068
+ margin-left: 0;
1069
+ }
1070
+
1071
+ }
1072
+ }
1073
+ }
1074
+
1075
+ /**
1076
+ *-----------------------------------------------------
1077
+ * @section 4.1.3 - Activity Comments
1078
+ *-----------------------------------------------------
1079
+ */
1080
+ #buddypress {
1081
+
1082
+ #activity-stream {
1083
+
1084
+ .activity-comments {
1085
+ position: relative;
1086
+
1087
+ > ul {
1088
+ background: rgba($light-background, 0.6);
1089
+ margin: $spacing-val-sm 0 0 2px;
1090
+
1091
+ > li {
1092
+
1093
+ &:hover * {
1094
+ color: #555;
1095
+ }
1096
+
1097
+ .acomment-meta,
1098
+ .acomment-content {
1099
+ @include font-size(12);
1100
+ }
1101
+ }
1102
+
1103
+ }
1104
+
1105
+ a {
1106
+ color: #737373;
1107
+ }
1108
+
1109
+ .ac-form {
1110
+ border: 1px solid $border-color;
1111
+ box-sizing: border-box;
1112
+ margin: $spacing-val-sm 0;
1113
+ width: 100%;
1114
+
1115
+ input[type="submit"],
1116
+ .ac-reply-cancel {
1117
+ color: rgba($body-text, 0.8);
1118
+ display: inline-block;
1119
+ font-family: inherit;
1120
+ @include font-size(12);
1121
+ font-weight: normal;
1122
+ line-height: 1.2;
1123
+ padding: 4px 10px;
1124
+ text-transform: lowercase;
1125
+ width: 100px;
1126
+ }
1127
+
1128
+ .ac-reply-cancel {
1129
+ border: 1px solid rgba($border-color, 0.7);
1130
+ text-align: center;
1131
+
1132
+ &:focus,
1133
+ &:hover {
1134
+ background: $bp-button-hover;
1135
+ }
1136
+ }
1137
+
1138
+ } // close .ac-form
1139
+
1140
+ } // close .activity-comments
1141
+
1142
+ } // close #activity-steam
1143
+
1144
+ } // close #buddypress
1145
+
1146
+ /**
1147
+ *----------------------------------------------------------
1148
+ * @section 4.2 - Members Loop
1149
+ *----------------------------------------------------------
1150
+ */
1151
+
1152
+ #buddypress {
1153
+ #members-list {
1154
+
1155
+ @include medium-up {
1156
+ li {
1157
+ .item-avatar,
1158
+ .item {
1159
+ float: left;
1160
+ }
1161
+
1162
+ .action {
1163
+ float: right;
1164
+ }
1165
+ }
1166
+ }
1167
+
1168
+ } // close #members-list
1169
+ } //close #BuddyPress
1170
+
1171
+ /**
1172
+ *-------------------------------------------------------------------------------
1173
+ * @section 5.0 - Directories
1174
+ *-------------------------------------------------------------------------------
1175
+ */
1176
+
1177
+ /**
1178
+ *-----------------------------------------------------------
1179
+ * @subsection Registration
1180
+ *-----------------------------------------------------------
1181
+ */
1182
+
1183
+ #buddypress {
1184
+ #signup_form.standard-form {
1185
+
1186
+ #profile-details-section,
1187
+ #basic-details-section,
1188
+ #blog-details-section {
1189
+ float: none;
1190
+ width: 100%;
1191
+
1192
+ @media screen and (min-width: 37.500em) {
1193
+ width: 48%;
1194
+ }
1195
+ }
1196
+
1197
+ @media screen and (min-width: 37.500em) {
1198
+ #profile-details-section {float: right;}
1199
+ #basic-details-section {float: left;}
1200
+ }
1201
+
1202
+ }
1203
+ }
1204
+
1205
+ /**
1206
+ *-------------------------------------------------------------------------------
1207
+ * @section 6.0 - Single Item screens: User Account & Single Group Screens
1208
+ *-------------------------------------------------------------------------------
1209
+ */
1210
+
1211
+ .bp-user {
1212
+ #buddypress {
1213
+ // On object nav links, table links (notifications etc) we don't really need :visited
1214
+ // inheritance, so set pseudo class to :link color.
1215
+ a {
1216
+ &:visited {
1217
+ color: #21759b;
1218
+ }
1219
+ }
1220
+ }
1221
+ }
1222
+
1223
+ /**
1224
+ *-----------------------------------------------------------
1225
+ * @subsection 6.1 - Item Header Global
1226
+ *-----------------------------------------------------------
1227
+ */
1228
+
1229
+ .bp-user,
1230
+ .single-item.groups {
1231
+ #buddypress {
1232
+ #item-header-content {
1233
+ #item-meta {
1234
+ @include font-size(14);
1235
+ text-align: left;
1236
+
1237
+ p {margin-bottom: 0.5em;}
1238
+ }
1239
+ }
1240
+ }
1241
+
1242
+ @media screen and (max-width: 37.500em) {
1243
+ h1,
1244
+ #item-header-content {
1245
+ text-align: center;
1246
+ }
1247
+ }
1248
+
1249
+ @media screen and (max-width: 46.25em) {
1250
+ main {
1251
+ header.entry-header {
1252
+ padding-bottom: 1rem;
1253
+ }
1254
+ }
1255
+ }
1256
+
1257
+ #buddypress {
1258
+ @media screen and (max-width: 37.500em) {
1259
+ h1 {
1260
+ margin-bottom: 0;
1261
+ }
1262
+
1263
+ #item-header-avatar {
1264
+ img.avatar {
1265
+ margin-right: 0;
1266
+ }
1267
+ }
1268
+
1269
+ #item-header-content {
1270
+ width: 100%;
1271
+ }
1272
+ } // close @media
1273
+
1274
+ @media screen and (max-width: 46.25em) {
1275
+ #item-header {
1276
+ .generic-button {
1277
+ float: none;
1278
+ margin: 1.5em 0 0 0;
1279
+ }
1280
+ }
1281
+ }
1282
+ } // close #buddypress
1283
+
1284
+ }
1285
+
1286
+ /**
1287
+ *-----------------------------------------------------
1288
+ * @subsection 6.1.1 - item-header Groups
1289
+ *
1290
+ * Group Specific Item Header
1291
+ *-----------------------------------------------------
1292
+ */
1293
+
1294
+ .single-item.groups {
1295
+ #buddypress {
1296
+ @media screen and (max-width: 46.25em) {
1297
+ #item-header {
1298
+ #item-meta {
1299
+ margin-bottom: $spacing-val-md;
1300
+ }
1301
+ }
1302
+ }
1303
+
1304
+ // Move visual flow of avatar & item-actions at narrow width,
1305
+ // avatar first after group title
1306
+ @media screen and (max-width: 50em) {
1307
+ div#item-header {
1308
+ display: flex;
1309
+ flex-direction: column;
1310
+
1311
+ #item-header-avatar {
1312
+ order: 1;
1313
+ text-align: center;
1314
+
1315
+ a {
1316
+ border-bottom: 0;
1317
+
1318
+ img {
1319
+ display: inline-block;
1320
+ float: none;
1321
+ }
1322
+ }
1323
+ }
1324
+
1325
+ #item-header-content {
1326
+ order: 2;
1327
+ }
1328
+
1329
+ #item-actions {
1330
+ order: 3;
1331
+
1332
+ h2 {
1333
+ border-bottom: 1px solid $border-light;
1334
+ text-align: center;
1335
+ }
1336
+ }
1337
+ }
1338
+ } // close @media
1339
+
1340
+ div#item-header {
1341
+ padding-bottom: $spacing-val-lg;
1342
+
1343
+ #item-header-content {
1344
+ @include box-model(border-box);
1345
+ }
1346
+
1347
+ div#item-actions {
1348
+ margin: 0 !important;
1349
+ width: 100%;
1350
+
1351
+ @media screen and (min-width: 50em) {
1352
+ border-left: 1px solid $border-light;
1353
+ clear: none;
1354
+ float: right;
1355
+ padding-left: 0.2em;
1356
+ width: 30%;
1357
+ } // close @media
1358
+
1359
+ @media screen and (min-width: 46.25em) {
1360
+ width: 40%;
1361
+ }
1362
+
1363
+ ul {
1364
+ margin-top: 0;
1365
+ padding-left: 0;
1366
+ }
1367
+
1368
+ h2 {
1369
+ @include font-size(14);
1370
+ padding: 0.2em;
1371
+ }
1372
+
1373
+ #group-admins,
1374
+ #group-mods {
1375
+ li {
1376
+ margin: 0;
1377
+ }
1378
+ }
1379
+
1380
+ } // close item-actions
1381
+
1382
+ @media screen and (min-width: 46.25em) {
1383
+
1384
+ #item-header-avatar,
1385
+ #item-header-content {
1386
+ float: left;
1387
+ }
1388
+
1389
+ #item-header-content {
1390
+ margin-left: 2%;
1391
+ padding: 0 0.5em;
1392
+ }
1393
+
1394
+ div#item-actions {
1395
+ float: right;
1396
+ width: 28%;
1397
+ }
1398
+
1399
+ } // close @media
1400
+
1401
+ @media screen and (min-width: 64em) {
1402
+ #item-header-content {
1403
+ width: 40%;
1404
+ }
1405
+ }
1406
+ } // close #item-header
1407
+ } // close #buddypress
1408
+
1409
+ // These rules handle the specific instance of Cover Images on single groups
1410
+ // activated & attempt to address positioning concerns arising from themes
1411
+ // breakpoints.
1412
+ // Due to cover image styles being applied via embedded styles & thus carrying
1413
+ // heavier weight than linked styles the use of !important to override may be required.
1414
+ #buddypress {
1415
+ #cover-image-container {
1416
+ #item-header-cover-image {
1417
+
1418
+ #item-actions {
1419
+ margin-top: 225px !important;
1420
+ }
1421
+
1422
+ @media screen and (min-width: 50em) and (max-width: 60em) {
1423
+ #item-header-content {
1424
+ max-width: 60% !important;
1425
+ width: 60% !important;
1426
+ }
1427
+ }
1428
+
1429
+ @media screen and (max-width: 64em) {
1430
+
1431
+ #item-actions {
1432
+ border: 0;
1433
+ clear: both;
1434
+ margin-top: 0 !important;
1435
+ max-width: 100% !important;
1436
+ padding-top: 0 !important;
1437
+ width: auto;
1438
+
1439
+ h2 {border-bottom: 1px solid $border-light;}
1440
+ }
1441
+ } // @media
1442
+
1443
+
1444
+ }
1445
+ }
1446
+ }
1447
+
1448
+ } // close .single-item.groups
1449
+
1450
+ /**
1451
+ *-----------------------------------------------------
1452
+ * @subsection 6.1.2 - Item Header User Accounts
1453
+ *
1454
+ * User Accounts Specific Item Header
1455
+ *-----------------------------------------------------
1456
+ */
1457
+
1458
+ .bp-user {
1459
+ #buddypress {
1460
+ #item-header {
1461
+ padding: $spacing-val-md 0;
1462
+
1463
+ #item-header-avatar {
1464
+ text-align: center;
1465
+
1466
+ img.avatar,
1467
+ a {
1468
+ border-bottom: 0;
1469
+ display: inline-block;
1470
+ float: none;
1471
+ }
1472
+ }
1473
+
1474
+ #item-header-content {
1475
+ #item-buttons {
1476
+ .generic-button {
1477
+ margin-right: 5px;
1478
+ }
1479
+ }
1480
+ }
1481
+
1482
+ @media screen and (min-width: 46.25em) {
1483
+ #item-header-avatar {
1484
+ float: left;
1485
+
1486
+ a {
1487
+ float: left;
1488
+ }
1489
+ }
1490
+
1491
+ #item-header-content {
1492
+ float: right;
1493
+ margin-right: 0%;
1494
+ width: 69%;
1495
+ }
1496
+
1497
+ } // close @media
1498
+
1499
+ } // close #item-header
1500
+
1501
+ } // close #buddypress
1502
+ } // close .bp-user
1503
+
1504
+ /**
1505
+ *-----------------------------------------------------------
1506
+ * @subsection 6.2 - Item Body: Global
1507
+ *-----------------------------------------------------------
1508
+ */
1509
+
1510
+ /**
1511
+ *----------------------------------------------------
1512
+ * @subsection 6.2.1 - Item Body Groups
1513
+ *
1514
+ * Groups specific item body rules - screens
1515
+ *----------------------------------------------------
1516
+ */
1517
+
1518
+ /**
1519
+ *-----------------------------------------
1520
+ * @subsection 6.2.1.1 - Group Management
1521
+ *-----------------------------------------
1522
+ */
1523
+
1524
+ // headings settings screens & general global settings styles
1525
+ .groups {
1526
+ #group-settings-form {
1527
+ h3 {
1528
+ background: $dark-background;
1529
+ color: $content-background;
1530
+ padding: 0.2em;
1531
+ }
1532
+ }
1533
+ }
1534
+
1535
+ .groups.edit-details {
1536
+ #group-settings-form {
1537
+
1538
+ label {
1539
+ margin-bottom: 0;
1540
+ padding: 0.2em;
1541
+ width: 80%;
1542
+ }
1543
+
1544
+ textarea + p label {
1545
+ background: none;
1546
+ color: inherit;
1547
+ @include font-size(14);
1548
+ width: auto;
1549
+ }
1550
+
1551
+ textarea {
1552
+ height: auto;
1553
+ min-height: 100px;
1554
+ overflow: auto;
1555
+ }
1556
+ }
1557
+ } // close .groups.edit-details
1558
+
1559
+ .groups.group-settings {
1560
+ #group-settings-form {
1561
+
1562
+ div.radio label {
1563
+ border: 1px solid $border-light;
1564
+ padding: 0.2em;
1565
+
1566
+ ul {
1567
+ color: rgba($body-text, 0.6);
1568
+ @include font-size(14);
1569
+ }
1570
+ }
1571
+
1572
+ }
1573
+ } // close .groups.group-settings
1574
+
1575
+ .groups.group-avatar {
1576
+
1577
+ form > p {
1578
+ margin-top: $spacing-val-md;
1579
+ }
1580
+
1581
+ }
1582
+
1583
+ .groups.manage-members {
1584
+ #group-settings-form {
1585
+ .item-list {
1586
+ li {
1587
+ border-bottom: 1px solid $border-light;
1588
+
1589
+ img,
1590
+ h5 {
1591
+ float: left;
1592
+
1593
+ > a {border-bottom: 0;}
1594
+ }
1595
+
1596
+ span.small {
1597
+ clear: left;
1598
+ display: block;
1599
+ float: none;
1600
+ margin-top: $spacing-val-sm;
1601
+
1602
+ a {
1603
+ display: inline-block;
1604
+ margin: $spacing-val-xs 0;
1605
+ width: 100%;
1606
+
1607
+ @media screen and (min-width: 37.500em) {
1608
+ width: auto;
1609
+ }
1610
+ }
1611
+ }
1612
+
1613
+ h5 {
1614
+ margin: 0;
1615
+ }
1616
+
1617
+ }
1618
+ }
1619
+ }
1620
+ } // close .groups.manage-members
1621
+
1622
+ /**
1623
+ *-----------------------------------------
1624
+ * @subsection 6.2.1.2 - Group members
1625
+ *-----------------------------------------
1626
+ */
1627
+
1628
+ // Massage the members search for groups nav specifically.
1629
+ .groups.group-members {
1630
+ #subnav {
1631
+ li {
1632
+ @media screen and (max-width: 37.500em) {
1633
+ background: $content-background;
1634
+ padding: $spacing-val-md 0;
1635
+ }
1636
+
1637
+ width: 100%;
1638
+
1639
+ #search-members-form {
1640
+ float: right;
1641
+
1642
+ @media screen and (max-width: 37.500em) {
1643
+ margin: 0;
1644
+ width: 100%;
1645
+
1646
+ label {
1647
+ input[type="text"] {width: 100%;}
1648
+ }
1649
+ }
1650
+
1651
+ margin: $spacing-val-xs $spacing-val-xs 0 0;
1652
+ }
1653
+ }
1654
+ }
1655
+ }
1656
+
1657
+ /**
1658
+ *-----------------------------------------------------
1659
+ * @subsection 6.2.2 - Item Body User Accounts
1660
+ *
1661
+ * User Account specific component item body rules
1662
+ *-----------------------------------------------------
1663
+ */
1664
+
1665
+ .bp-user {
1666
+ .entry-title {margin-bottom: 0.5em;}
1667
+ }
1668
+
1669
+ /**
1670
+ *--------------------------------------------
1671
+ * @subsection 6.2.2.1 - classes, pag, filters
1672
+ *--------------------------------------------
1673
+ */
1674
+ .bp-user {
1675
+
1676
+ #buddypress {
1677
+
1678
+ table {
1679
+ th {@include font-size(13)}
1680
+ td {@include font-size(12)}
1681
+
1682
+ @include medium-up {
1683
+ th {@include font-size(16)}
1684
+ td {@include font-size(14)}
1685
+ }
1686
+ }
1687
+
1688
+ .pag-count {font-style: italic;}
1689
+
1690
+ .notifications-options-nav,
1691
+ .messages-options-nav {
1692
+ float: left;
1693
+ width: 100%;
1694
+
1695
+ @media screen and (min-width: 37.500em) {
1696
+ width: 40%;
1697
+ }
1698
+
1699
+ select,
1700
+ input {
1701
+ @include font-size(14);
1702
+ outline: 0;
1703
+ padding: 0;
1704
+ }
1705
+
1706
+ select {
1707
+ float: left;
1708
+ margin-right: 0;
1709
+ width: 49%;
1710
+
1711
+ @media screen and (min-width: 37.500em) {
1712
+ width: auto;
1713
+ }
1714
+ }
1715
+
1716
+ input {
1717
+ float: left;
1718
+ font-family: inherit;
1719
+ line-height: 20px;
1720
+ margin-left: 1%;
1721
+ width: 50%;
1722
+
1723
+ @media screen and (min-width: 37.500em) {
1724
+ width: auto;
1725
+ }
1726
+
1727
+ &[disabled="disabled"]:focus,
1728
+ &[disabled="disabled"]:hover {
1729
+ background: none;
1730
+ }
1731
+ }
1732
+
1733
+ } // close .notifications-options-nav/messages-options-nav
1734
+
1735
+ } //close #buddypress
1736
+ } // close .bp-user
1737
+
1738
+ /**
1739
+ *-------------------------------------------
1740
+ * @subsection 6.2.2.2 - Extended Profiles
1741
+ *-------------------------------------------
1742
+ */
1743
+
1744
+ .bp-user {
1745
+
1746
+ #buddypress {
1747
+
1748
+ .profile {
1749
+ .bp-widget {
1750
+ h2 {
1751
+ background: lighten($dark-background, 10%);
1752
+ color: #fff;
1753
+ margin-bottom: 0;
1754
+ padding: 0.4em;
1755
+ }
1756
+
1757
+ table {margin-top: 0;}
1758
+ }
1759
+ /* Edit profile */
1760
+
1761
+ #profile-edit-form {
1762
+ .button-nav:before,
1763
+ .button-nav:after {
1764
+ content: " ";
1765
+ display: table;
1766
+ }
1767
+
1768
+ .button-nav:after {
1769
+ clear: both;
1770
+ }
1771
+
1772
+ ul.button-nav {
1773
+ border-bottom: 1px solid $border-light;
1774
+ margin-left: 0;
1775
+
1776
+ li {
1777
+ float: left;
1778
+ margin-bottom: 0;
1779
+
1780
+ &.current {
1781
+ border: 1px solid $border-light;
1782
+ border-bottom-color: #fff;
1783
+ margin-bottom: -1px;
1784
+ }
1785
+ } // li
1786
+
1787
+ a {
1788
+ background: none;
1789
+ border: 0;
1790
+ @include font-size(18)
1791
+ }
1792
+ } //.button-nav
1793
+
1794
+ .field-visibility-settings-toggle {
1795
+ margin: $spacing-val-xs 0 $spacing-val-md;
1796
+ }
1797
+
1798
+ .field-visibility-settings-toggle,
1799
+ .field-visibility-settings {
1800
+ @include font-size(14);
1801
+ }
1802
+
1803
+ .field-visibility-settings-close,
1804
+ .visibility-toggle-link {
1805
+ background: lighten($dark-background, 10%);
1806
+ @include border-radius(2px);
1807
+ color: #f1f1f1;
1808
+ font-weight: bold;
1809
+ padding: 0.1em 0.5em;
1810
+ text-decoration: none;
1811
+
1812
+ &:focus,
1813
+ &:hover {
1814
+ color: #fff;
1815
+ }
1816
+ }
1817
+ } // close profile form
1818
+
1819
+ .bp-avatar {
1820
+ #bp-delete-avatar {
1821
+ a {font-size: inherit; }
1822
+ }
1823
+ }
1824
+ } // close .profile
1825
+
1826
+ } // close #buddypress
1827
+ } // close .bp-user
1828
+
1829
+ /**
1830
+ *-------------------------------------------
1831
+ * @subsection 6.2.2.3 - Groups
1832
+ *-------------------------------------------
1833
+ */
1834
+
1835
+ .bp-user {
1836
+
1837
+ #buddypress {
1838
+
1839
+ #groups-list {
1840
+ li {
1841
+ .item {
1842
+ @media screen and (min-width: 77.5em) {
1843
+ left: 5%;
1844
+ width: 50%;
1845
+ }
1846
+ }
1847
+ }
1848
+ }
1849
+
1850
+ } // close #buddypress
1851
+ } // close .bp-user
1852
+
1853
+ /**
1854
+ *-------------------------------------------
1855
+ * @subsection 6.2.2.5 - Private Messaging
1856
+ *-------------------------------------------
1857
+ */
1858
+
1859
+ .bp-user {
1860
+
1861
+ #buddypress {
1862
+
1863
+ #message-thread {
1864
+ //Single message view
1865
+ a {
1866
+ border-bottom: 0;
1867
+ }
1868
+
1869
+ #message-subject {
1870
+ background: lighten($dark-background, 10%);
1871
+ color: $content-background;
1872
+ padding: 0.3em 0 0.3em 0.2em;
1873
+ }
1874
+
1875
+ #message-recipients {
1876
+ font-style: italic;
1877
+
1878
+ a.confirm {
1879
+ border: 1px solid $border-light;
1880
+ font-style: normal;
1881
+ }
1882
+
1883
+ .highlight {
1884
+ font-size: 100%;
1885
+ }
1886
+ }
1887
+
1888
+ .message-metadata {
1889
+ overflow: hidden;
1890
+
1891
+ img.avatar {
1892
+ float: none;
1893
+ }
1894
+
1895
+ @media screen and (min-width: 46.25em) {
1896
+ img.avatar {
1897
+ float: left;
1898
+ }
1899
+ }
1900
+
1901
+ .message-star-actions {
1902
+ float: right;
1903
+ margin-right: $spacing-val-xs;
1904
+ position: static;
1905
+ }
1906
+ } // close .message-meta
1907
+
1908
+ .message-content {
1909
+ background: $light-background;
1910
+ border: 1px solid $border-light;
1911
+ margin: $spacing-val-sm 0 0 0;
1912
+ padding: 0.3em;
1913
+ }
1914
+
1915
+ #send-reply {
1916
+ .message-content {
1917
+ background: $content-background;
1918
+ border: 0;
1919
+ }
1920
+ }
1921
+
1922
+ .alt {
1923
+ background: $content-background;
1924
+ }
1925
+
1926
+ } // close message-thread Singular view!
1927
+
1928
+ #message-threads {
1929
+
1930
+ thead {
1931
+ tr {
1932
+ background: lighten($dark-background, 10%);
1933
+ }
1934
+ }
1935
+
1936
+ tr {
1937
+ td {
1938
+ background: $content-background;
1939
+ box-sizing: border-box;
1940
+ display: inline-block;
1941
+ float: left;
1942
+ }
1943
+
1944
+ td.thread-star,
1945
+ td.thread-options {
1946
+ border-bottom: 1px solid $medium-background;
1947
+ height: 2.4em;
1948
+ padding-bottom: 0.2em;
1949
+ padding-top: 0.2em;
1950
+
1951
+ @media screen and (max-width: 46.25em) {
1952
+ padding-top: 0;
1953
+ }
1954
+ }
1955
+
1956
+ td.thread-star {
1957
+ vertical-align: middle;
1958
+
1959
+ .message-action-star,
1960
+ .message-action-unstar {
1961
+ line-height: 1.2;
1962
+ }
1963
+
1964
+ span.icon:before {
1965
+ @include font-size(14);
1966
+ }
1967
+ }
1968
+
1969
+ td.bulk-select-check,
1970
+ td.thread-from {
1971
+ height: 3em;
1972
+
1973
+ @media screen and (max-width: 37.500em) {
1974
+ height: 5.2em;
1975
+ }
1976
+ }
1977
+
1978
+ td.thread-from,
1979
+ td.thread-options {
1980
+ border-left: 0 !important;
1981
+ @include calc(width, "100% - 30px");
1982
+ margin-left: 0;
1983
+ }
1984
+
1985
+ td.thread-info {
1986
+ padding-left: 41px;
1987
+ width: 100%;
1988
+
1989
+ a::after {
1990
+ content: " \2016 \00a0"attr(title);
1991
+ @include font-size(12);
1992
+ }
1993
+ }
1994
+
1995
+ td.thread-options {
1996
+ text-align: right;
1997
+
1998
+ a {
1999
+ @include font-size(12);
2000
+ line-height: 1.2;
2001
+ }
2002
+ }
2003
+
2004
+ span.from {
2005
+ display: none;
2006
+ }
2007
+
2008
+ span.activity {
2009
+ display: block;
2010
+ float: right;
2011
+ line-height: 2;
2012
+
2013
+ @media screen and (max-width: 37.500em) {
2014
+ clear: both;
2015
+ @include font-size(11);
2016
+ width: 100%;
2017
+ }
2018
+ }
2019
+ }
2020
+
2021
+ tr.unread {
2022
+ td {
2023
+ border-color: $border-light;
2024
+ }
2025
+ }
2026
+
2027
+ th {
2028
+ display: none;
2029
+ }
2030
+
2031
+ th.bulk-select-all {
2032
+ border-bottom: 0;
2033
+ display: inline-block;
2034
+ text-align: left;
2035
+ }
2036
+
2037
+ th.bulk-select-all,
2038
+ td.bulk-select-check,
2039
+ td.thread-star {
2040
+ border-right: 0;
2041
+ width: 30px;
2042
+ }
2043
+ }
2044
+
2045
+ #send_message_form {
2046
+ input,
2047
+ textarea {
2048
+ box-sizing: border-box;
2049
+ }
2050
+ }
2051
+
2052
+ .acfb-holder {
2053
+ list-style: none;
2054
+
2055
+ li {margin-left: 0;}
2056
+
2057
+ li.friend-tab {
2058
+ background: lighten($notice-info, 20%);
2059
+ border: inherit;
2060
+ margin-right: 0;
2061
+ padding: 0.5em;
2062
+
2063
+ span.p {
2064
+ // the 'X' close
2065
+ padding-left: $spacing-val-sm;
2066
+
2067
+ &:focus,
2068
+ &:hover {
2069
+ color: $link-action;
2070
+ cursor: pointer;
2071
+ }
2072
+ }
2073
+
2074
+ a {
2075
+ border-bottom: 0;
2076
+ text-decoration: none;
2077
+
2078
+ img {
2079
+ // this is the tiny user avatar
2080
+ display: inline;
2081
+ height: 20px;
2082
+ vertical-align: middle;
2083
+ width: 20px !important; // override inline style
2084
+ }
2085
+ }
2086
+ }
2087
+ }
2088
+
2089
+ #message-threads.sitewide-notices {
2090
+ tr {margin: 3em 0;}
2091
+ td {
2092
+ width: 100%;
2093
+
2094
+ strong {
2095
+ background: lighten($dark-background, 10%);
2096
+ color: $content-background;
2097
+ display: block;
2098
+ margin-bottom: 0.4em;
2099
+ padding-left: 0.2em;
2100
+ }
2101
+
2102
+ a {
2103
+ display: inline-block;
2104
+ }
2105
+
2106
+ a.button {
2107
+ border: 1px solid $border-color;
2108
+ line-height: initial;
2109
+ padding: 0.4em 0.3em;
2110
+ }
2111
+ }
2112
+
2113
+ td:first-child {
2114
+ display: none;
2115
+ }
2116
+
2117
+ td:nth-child(2) {
2118
+ strong {
2119
+ margin: -8px -8px 8px;
2120
+ }
2121
+ }
2122
+
2123
+ td:first-child + td + td {
2124
+ // notice date
2125
+ border-bottom: 0;
2126
+
2127
+ span {
2128
+ line-height: 1;
2129
+ }
2130
+ }
2131
+
2132
+ td:last-child {
2133
+ // notice actions
2134
+ line-height: 1;
2135
+ padding-bottom: 1em;
2136
+ text-align: right;
2137
+
2138
+ a:last-child {
2139
+ // hide the 'x' text
2140
+ line-height: 0;
2141
+ margin-left: 0.7em;
2142
+ text-indent: -999em;
2143
+ }
2144
+
2145
+ a:last-child::after {
2146
+ content: attr(title);
2147
+ display: block;
2148
+ line-height: initial;
2149
+ text-indent: 0;
2150
+ }
2151
+ }
2152
+ }
2153
+
2154
+ } // #buddypress
2155
+
2156
+ // acfb auto complete name list sits in doc footer before body close
2157
+ .ac_results {
2158
+ background: #eee;
2159
+ padding-left: $spacing-val-sm;
2160
+
2161
+ li {
2162
+ margin: $spacing-val-sm 0;
2163
+
2164
+ &:focus,
2165
+ &:hover {
2166
+ cursor: pointer;
2167
+ }
2168
+
2169
+ img { vertical-align: bottom;}
2170
+
2171
+ }
2172
+ }
2173
+
2174
+ } // close .bp-user
2175
+
2176
+ /**
2177
+ *------------------------------
2178
+ * @subsection 6.2.2.6 - Settings
2179
+ *------------------------------
2180
+ */
2181
+
2182
+ .bp-user {
2183
+
2184
+ #buddypress {
2185
+
2186
+ #settings-form {
2187
+
2188
+ // 'p' = email notification screen sub heading
2189
+ > p {
2190
+ @include font-size(20);
2191
+ margin: $spacing-val-md 0 $spacing-val-sm;
2192
+ }
2193
+ }
2194
+
2195
+ table.notification-settings {
2196
+ td.yes,
2197
+ td.no {
2198
+ vertical-align: middle;
2199
+ }
2200
+ }
2201
+
2202
+ // Profile table td widths
2203
+ table.profile-settings {
2204
+ width: 100%;
2205
+
2206
+ th.field-group-name,
2207
+ td.field-name {
2208
+ width: 50%;
2209
+ }
2210
+
2211
+ @media screen and (min-width: 46.25em) {
2212
+ th.field-group-name,
2213
+ td.field-name {
2214
+ width: 70%;
2215
+ }
2216
+ }
2217
+
2218
+ th.title,
2219
+ td.field-visibility {
2220
+ width: 30%;
2221
+ }
2222
+
2223
+ td.field-visibility {
2224
+ select {width: 100%;}
2225
+ }
2226
+ }
2227
+
2228
+ } // close #buddyPress
2229
+
2230
+ } // close .bp-user
2231
+
2232
+ /**
2233
+ *------------------------------------
2234
+ * @subsection 6.2.2.6 - Notifications
2235
+ *------------------------------------
2236
+ */
2237
+
2238
+
2239
+ /**
2240
+ *-------------------------------------------------------------------------------
2241
+ * @section 7.0 - Forms - General
2242
+ *-------------------------------------------------------------------------------
2243
+ */
2244
+
2245
+ // Attempt to reset form control widths
2246
+ #main {
2247
+ #buddypress {
2248
+ .standard-form {
2249
+
2250
+ li {float: none;}
2251
+ input[type='text'],
2252
+ input[type='email'],
2253
+ input[type='password'],
2254
+ textarea {
2255
+ width: 100%;
2256
+ }
2257
+ }
2258
+ }
2259
+ }
2260
+
2261
+
2262
+ #buddypress {
2263
+
2264
+ // Match BP form elements to Themes(2012) styling where styles
2265
+ // are not inherited or being overriden.
2266
+ div.activity-comments {
2267
+
2268
+ form {
2269
+ .ac-textarea {
2270
+ background: $light-background;
2271
+ border: 1px solid rgba($border-color, 0.5);
2272
+
2273
+ textarea {
2274
+ background: none;
2275
+ border: 0;
2276
+ }
2277
+ }
2278
+ }
2279
+ }
2280
+
2281
+ .standard-form {
2282
+
2283
+ // Keep BP form element borders to 1px rather than 2013 2px
2284
+ input[type="text"],
2285
+ input[type="email"],
2286
+ input[type="password"],
2287
+ button,
2288
+ select,
2289
+ textarea {
2290
+ border-color: rgba($border-color, 0.5);
2291
+ border-width: 1px;
2292
+ }
2293
+
2294
+ } // close .standard-form
2295
+
2296
+ #signup_form.standard-form {
2297
+ div.submit {
2298
+ float: none;
2299
+
2300
+ input {margin-right: 0;}
2301
+ }
2302
+ }
2303
+
2304
+ } // close #buddypress
2305
+
2306
+ #buddypress {
2307
+ div.dir-search,
2308
+ div.message-search,
2309
+ li.groups-members-search {
2310
+ float: none;
2311
+ margin: $spacing-val-sm 0;
2312
+
2313
+ // Stylise the seach form elements, in part this deals with padding
2314
+ // issues on the submit & sizing issues between bp styles & 2012
2315
+
2316
+ form { // *sigh* only to bludgeon over specified rules
2317
+ border: 1px solid rgba($border-color, 0.6);
2318
+ overflow: hidden;
2319
+
2320
+ label {
2321
+ float: left;
2322
+ width: 70%;
2323
+ }
2324
+
2325
+ input[type='text'],
2326
+ input[type='submit'] {
2327
+ @include font-size(14);
2328
+ border: 0;
2329
+ border-radius: 0;
2330
+ line-height: 1.8;
2331
+ min-height: 2rem;
2332
+ }
2333
+
2334
+ input[type='text'] {
2335
+ border-right: 1px solid rgba($border-color, 0.6);
2336
+ float: left;
2337
+ margin: 0;
2338
+ padding: 0 0.2em 0;
2339
+ width: 100%;
2340
+ }
2341
+
2342
+ input[type='submit'] {
2343
+ float: right;
2344
+ font-weight: normal;
2345
+ padding: 0 1em;
2346
+ text-align: center;
2347
+ text-transform: none;
2348
+ width: 30%;
2349
+ }
2350
+ } // close form
2351
+
2352
+ } // close .dir-search, .message-search
2353
+
2354
+ // Shift the search parent to the right and allow to shrinkwrap
2355
+
2356
+ @media screen and (min-width: 37.500em) {
2357
+ div.dir-search,
2358
+ div.message-search,
2359
+ li.groups-members-search {
2360
+ float: right;
2361
+ margin-bottom: 5px !important;
2362
+
2363
+ form {
2364
+ label,
2365
+ input[type='text'],
2366
+ input[type='submit'] {
2367
+ width: auto;
2368
+ }
2369
+ }
2370
+ }
2371
+
2372
+ } // close @media
2373
+
2374
+
2375
+ @include large-up {
2376
+
2377
+ .dir-search,
2378
+ .message-search {
2379
+ form {
2380
+ input[type='text'] { @include font-size(16) ;}
2381
+ input[type='submit'] { @include font-size(16) ;}
2382
+ }
2383
+ }
2384
+ }
2385
+
2386
+ } // close #buddypress
2387
+
2388
+ /**
2389
+ *-------------------------------------------------------------------------------
2390
+ * @section 8.0 - Tables - General
2391
+ *-------------------------------------------------------------------------------
2392
+ */
2393
+ .bp-user {
2394
+ #buddypress {
2395
+
2396
+ table {
2397
+ @include font-size(14);
2398
+ margin: $spacing-val-md 0;
2399
+
2400
+ tr th {
2401
+ background: lighten($dark-background, 10%);
2402
+ border-color: darken($border-light, 20%);
2403
+ color: $content-background;
2404
+ padding: 0 8px;
2405
+ }
2406
+
2407
+ tr td {
2408
+ padding: 8px;
2409
+ }
2410
+
2411
+ // Reduce the themes inherited paragraph margins in tables
2412
+ p {margin-bottom: 0.5em;}
2413
+ }
2414
+
2415
+ @media screen and (min-width: 55em) {
2416
+ table {@include font-size(16);}
2417
+ }
2418
+
2419
+ // Manage some table cells widths that are disproportionate to their content
2420
+ .notifications,
2421
+ .messages-notices {
2422
+ th {
2423
+ width: 30%;
2424
+
2425
+ &.bulk-select-all {
2426
+ text-align: center;
2427
+ width: 10%;
2428
+ }
2429
+ }
2430
+
2431
+ th.actions {
2432
+ text-align: center;
2433
+ }
2434
+
2435
+ .bulk-select-check,
2436
+ .thread-star {
2437
+ text-align: center;
2438
+ }
2439
+
2440
+ .notification-actions,
2441
+ td.thread-options {
2442
+ text-align: center;
2443
+
2444
+ a {
2445
+ display: inline-block;
2446
+ margin: 0;
2447
+ padding: 0;
2448
+ }
2449
+ }
2450
+
2451
+ // Notices action buttons, this maybe better moved, temp for now to address
2452
+ // styling issues - this will need styling ideas
2453
+ td {
2454
+ .button {
2455
+ border: 0;
2456
+ display: block;
2457
+ padding: 0;
2458
+ text-align: center;
2459
+ }
2460
+ }
2461
+
2462
+ } // .notifications, .message-notices
2463
+
2464
+ } // #buddypress
2465
+ } // .bp-user
2466
+
2467
+ /**
2468
+ *-------------------------------------------------------------------------------
2469
+ * @section 9.0 - Error / Success messages
2470
+ *-------------------------------------------------------------------------------
2471
+ */
2472
+
2473
+ // message args ($variable-color, text-color)
2474
+ // Leave text-color undefined to automagically set text color
2475
+ // to background color darker by 50%
2476
+
2477
+ #buddypress {
2478
+ div#message {
2479
+ p {
2480
+ @include font-size(18);
2481
+ font-weight: bold;
2482
+ }
2483
+
2484
+ &.info {
2485
+ p {
2486
+ @include message-box($notice-info);
2487
+ }
2488
+ }
2489
+
2490
+ &.updated {
2491
+ p {
2492
+ @include message-box($notice-update);
2493
+ }
2494
+ }
2495
+
2496
+ } // close #message
2497
+
2498
+ } // close #buddypress
2499
+
2500
+ // Without direct classes on our mesages ( 'warning' )
2501
+ // we need to use the body classes
2502
+ // todo: If this is class .warning is included in main BP styles remove from here
2503
+ .delete-group {
2504
+ #buddypress {
2505
+ div#message.info {
2506
+ p {
2507
+ @include message-box($notice-warning);
2508
+ }
2509
+ }
2510
+ }
2511
+ }
2512
+
2513
+ /**
2514
+ *-------------------------------------------------------------------------------
2515
+ * @section 10.0 - Ajax Loading, Widgets, General classes
2516
+ *-------------------------------------------------------------------------------
2517
+ */
bp-xprofile/bp-xprofile-admin.php CHANGED
@@ -565,7 +565,7 @@ function xprofile_admin_field( $admin_field, $admin_group, $class = '' ) {
565
  'field_id' => (int) $field->id,
566
  'mode' => 'edit_field'
567
  ),
568
- admin_url( 'users.php' )
569
  );
570
 
571
  if ( $field->can_delete ) {
@@ -575,7 +575,7 @@ function xprofile_admin_field( $admin_field, $admin_group, $class = '' ) {
575
  'field_id' => (int) $field->id,
576
  'mode' => 'delete_field'
577
  ),
578
- admin_url( 'users.php' ) . '#tabs-' . (int) $field->group_id
579
  );
580
  }
581
  ?>
565
  'field_id' => (int) $field->id,
566
  'mode' => 'edit_field'
567
  ),
568
+ network_admin_url( 'users.php' )
569
  );
570
 
571
  if ( $field->can_delete ) {
575
  'field_id' => (int) $field->id,
576
  'mode' => 'delete_field'
577
  ),
578
+ network_admin_url( 'users.php' ) . '#tabs-' . (int) $field->group_id
579
  );
580
  }
581
  ?>
buddypress.pot CHANGED
@@ -2,9 +2,9 @@
2
  # This file is distributed under the GPLv2 or later (license.txt).
3
  msgid ""
4
  msgstr ""
5
- "Project-Id-Version: BuddyPress 2.8.0\n"
6
  "Report-Msgid-Bugs-To: https://buddypress.trac.wordpress.org\n"
7
- "POT-Creation-Date: 2017-02-15 20:52:42+00:00\n"
8
  "MIME-Version: 1.0\n"
9
  "Content-Type: text/plain; charset=utf-8\n"
10
  "Content-Transfer-Encoding: 8bit\n"
@@ -454,7 +454,7 @@ msgid "Reply"
454
  msgstr ""
455
 
456
  #: bp-activity/bp-activity-admin.php:1049 bp-groups/bp-groups-admin.php:708
457
- #: bp-members/classes/class-bp-members-admin.php:2131
458
  #: bp-templates/bp-legacy/buddypress/activity/entry.php:129
459
  #: bp-templates/bp-legacy/buddypress/forums/index.php:216
460
  #: bp-xprofile/classes/class-bp-xprofile-field.php:1308
@@ -2762,71 +2762,71 @@ msgid "Main Settings"
2762
  msgstr ""
2763
 
2764
  #: bp-core/classes/class-bp-admin.php:380
2765
- #: bp-core/classes/class-bp-admin.php:385
2766
  msgid "Toolbar"
2767
  msgstr ""
2768
 
2769
- #: bp-core/classes/class-bp-admin.php:390
2770
  msgid "Account Deletion"
2771
  msgstr ""
2772
 
2773
- #: bp-core/classes/class-bp-admin.php:401
2774
  msgid "Profile Photo Uploads"
2775
  msgstr ""
2776
 
2777
- #: bp-core/classes/class-bp-admin.php:406
2778
  msgid "Cover Image Uploads"
2779
  msgstr ""
2780
 
2781
- #: bp-core/classes/class-bp-admin.php:411
2782
  msgid "Profile Syncing"
2783
  msgstr ""
2784
 
2785
- #: bp-core/classes/class-bp-admin.php:420
2786
  msgid "Groups Settings"
2787
  msgstr ""
2788
 
2789
- #: bp-core/classes/class-bp-admin.php:423
2790
  msgid "Group Creation"
2791
  msgstr ""
2792
 
2793
- #: bp-core/classes/class-bp-admin.php:427
2794
  msgid "Group Photo Uploads"
2795
  msgstr ""
2796
 
2797
- #: bp-core/classes/class-bp-admin.php:432
2798
  msgid "Group Cover Image Uploads"
2799
  msgstr ""
2800
 
2801
- #: bp-core/classes/class-bp-admin.php:442
2802
  msgid "Legacy Group Forums"
2803
  msgstr ""
2804
 
2805
- #: bp-core/classes/class-bp-admin.php:445
2806
  msgid "bbPress Configuration"
2807
  msgstr ""
2808
 
2809
- #: bp-core/classes/class-bp-admin.php:454
2810
  msgid "Activity Settings"
2811
  msgstr ""
2812
 
2813
- #: bp-core/classes/class-bp-admin.php:457
2814
  msgid "Blog &amp; Forum Comments"
2815
  msgstr ""
2816
 
2817
- #: bp-core/classes/class-bp-admin.php:461
2818
  msgid "Activity auto-refresh"
2819
  msgstr ""
2820
 
2821
- #: bp-core/classes/class-bp-admin.php:466
2822
  msgid "Akismet"
2823
  msgstr ""
2824
 
2825
- #: bp-core/classes/class-bp-admin.php:484
2826
  msgid "About BuddyPress"
2827
  msgstr ""
2828
 
2829
- #: bp-core/classes/class-bp-admin.php:508
2830
  #: bp-groups/classes/class-bp-groups-component.php:670
2831
  #: bp-settings/classes/class-bp-settings-component.php:28
2832
  #: bp-settings/classes/class-bp-settings-component.php:101
@@ -2834,80 +2834,80 @@ msgstr ""
2834
  msgid "Settings"
2835
  msgstr ""
2836
 
2837
- #: bp-core/classes/class-bp-admin.php:509
2838
  msgid "About"
2839
  msgstr ""
2840
 
2841
- #: bp-core/classes/class-bp-admin.php:561
2842
  msgid "Getting Started with BuddyPress"
2843
  msgstr ""
2844
 
2845
- #: bp-core/classes/class-bp-admin.php:564
2846
  msgid "Configure BuddyPress"
2847
  msgstr ""
2848
 
2849
- #: bp-core/classes/class-bp-admin.php:567
2850
  msgid "Set Up Components"
2851
  msgstr ""
2852
 
2853
- #: bp-core/classes/class-bp-admin.php:570
2854
  msgid "Assign Components to Pages"
2855
  msgstr ""
2856
 
2857
- #: bp-core/classes/class-bp-admin.php:573
2858
  msgid "Customize Settings"
2859
  msgstr ""
2860
 
2861
- #: bp-core/classes/class-bp-admin.php:576
2862
  msgid "Get Started"
2863
  msgstr ""
2864
 
2865
- #: bp-core/classes/class-bp-admin.php:579
2866
  msgid "Administration Tools"
2867
  msgstr ""
2868
 
2869
- #: bp-core/classes/class-bp-admin.php:582
2870
  msgid "Add User Profile Fields"
2871
  msgstr ""
2872
 
2873
- #: bp-core/classes/class-bp-admin.php:584
2874
  msgid "Manage User Signups"
2875
  msgstr ""
2876
 
2877
- #: bp-core/classes/class-bp-admin.php:586
2878
  msgid "Moderate Activity Streams"
2879
  msgstr ""
2880
 
2881
- #: bp-core/classes/class-bp-admin.php:589
2882
  msgid "Manage Groups"
2883
  msgstr ""
2884
 
2885
- #: bp-core/classes/class-bp-admin.php:591
2886
  msgid "Repair Data"
2887
  msgstr ""
2888
 
2889
- #: bp-core/classes/class-bp-admin.php:596
2890
  msgid "Community and Support"
2891
  msgstr ""
2892
 
2893
- #: bp-core/classes/class-bp-admin.php:597
2894
  msgid ""
2895
  "Looking for help? The <a href=\"https://codex.buddypress.org/\">BuddyPress "
2896
  "Codex</a> has you covered."
2897
  msgstr ""
2898
 
2899
- #: bp-core/classes/class-bp-admin.php:598
2900
  msgid ""
2901
  "Can&#8217;t find what you need? Stop by <a "
2902
  "href=\"https://buddypress.org/support/\">our support forums</a>, where "
2903
  "active BuddyPress users and developers are waiting to share tips and more."
2904
  msgstr ""
2905
 
2906
- #: bp-core/classes/class-bp-admin.php:608
2907
  msgid "Modernizing the Codebase"
2908
  msgstr ""
2909
 
2910
- #: bp-core/classes/class-bp-admin.php:611
2911
  #. translators: 1: BP REST API, 2: Link to Codex article
2912
  msgid ""
2913
  "To continue the migration of legacy code to modern standards and techniques "
@@ -2917,50 +2917,50 @@ msgid ""
2917
  "users now and in the future."
2918
  msgstr ""
2919
 
2920
- #: bp-core/classes/class-bp-admin.php:620
2921
  msgid "For Developers &amp; Site Builders"
2922
  msgstr ""
2923
 
2924
- #: bp-core/classes/class-bp-admin.php:625
2925
  msgid "More helpful \"Activate Pending Accounts\" screen"
2926
  msgstr ""
2927
 
2928
- #: bp-core/classes/class-bp-admin.php:626
2929
  msgid "The improved pending account screen."
2930
  msgstr ""
2931
 
2932
- #: bp-core/classes/class-bp-admin.php:627
2933
  msgid ""
2934
  "When you click on the username on the \"Users > Manage Signups\" page, you "
2935
  "can now view profile data entered by the user at the time of registration."
2936
  msgstr ""
2937
 
2938
- #: bp-core/classes/class-bp-admin.php:633
2939
  #. translators: %s: List-Unsubscribe
2940
  msgid "Support for %s header in emails"
2941
  msgstr ""
2942
 
2943
- #: bp-core/classes/class-bp-admin.php:636
2944
  msgid "Email header showing the list-unsubscribe feature."
2945
  msgstr ""
2946
 
2947
- #: bp-core/classes/class-bp-admin.php:637
2948
  msgid ""
2949
  "Allow users to unsubscribe from BuddyPress email notifications in some "
2950
  "email clients such as Gmail (web), when properly configured."
2951
  msgstr ""
2952
 
2953
- #: bp-core/classes/class-bp-admin.php:641
2954
  msgid "Twenty Seventeen Companion Stylesheet"
2955
  msgstr ""
2956
 
2957
- #: bp-core/classes/class-bp-admin.php:642
2958
  msgid ""
2959
  "BuddyPress looks great in WordPress's latest default theme with the new "
2960
  "Twenty Seventeen companion stylesheet."
2961
  msgstr ""
2962
 
2963
- #: bp-core/classes/class-bp-admin.php:645
2964
  #. translators: 1: Link to the Codex article, 2: functions.php
2965
  msgid ""
2966
  "To change the default two-column page layout to a full-width layout as seen "
@@ -2968,25 +2968,25 @@ msgid ""
2968
  "of your Twenty Seventeen child theme."
2969
  msgstr ""
2970
 
2971
- #: bp-core/classes/class-bp-admin.php:652
2972
  msgid "Full-width BuddyPress layout for Twenty Seventeen theme."
2973
  msgstr ""
2974
 
2975
- #: bp-core/classes/class-bp-admin.php:660
2976
  msgid "More hooks for Messages"
2977
  msgstr ""
2978
 
2979
- #: bp-core/classes/class-bp-admin.php:661
2980
  msgid ""
2981
  "We've added new filters and actions for different methods throughout the "
2982
  "Messages component."
2983
  msgstr ""
2984
 
2985
- #: bp-core/classes/class-bp-admin.php:666
2986
  msgid "A more flexible Group search"
2987
  msgstr ""
2988
 
2989
- #: bp-core/classes/class-bp-admin.php:669
2990
  #. translators: 1: search_column, 2: BP_Groups_Group::get()
2991
  msgid ""
2992
  "The new %1$s parameter allows developers to specify which columns should be "
@@ -2994,142 +2994,142 @@ msgid ""
2994
  "searching via %2$s."
2995
  msgstr ""
2996
 
2997
- #: bp-core/classes/class-bp-admin.php:677
2998
  msgid "Alphabetical sorting for Groups widget"
2999
  msgstr ""
3000
 
3001
- #: bp-core/classes/class-bp-admin.php:678
3002
  msgid ""
3003
  "The groups widget can now be sorted alphabetically, in addition to sorting "
3004
  "the results by recently active, popular, and newest groups."
3005
  msgstr ""
3006
 
3007
- #: bp-core/classes/class-bp-admin.php:685
3008
  #. translators: %s: PHPMailer
3009
  msgid "Enable choice of %s"
3010
  msgstr ""
3011
 
3012
- #: bp-core/classes/class-bp-admin.php:689
3013
  #. translators: %s: PHPMailer
3014
  msgid ""
3015
  "Developers can specify which %s should be used when sending BuddyPress with "
3016
  "a new filter."
3017
  msgstr ""
3018
 
3019
- #: bp-core/classes/class-bp-admin.php:697
3020
  msgid "More under the hood &#8230;"
3021
  msgstr ""
3022
 
3023
- #: bp-core/classes/class-bp-admin.php:700
3024
  msgid "Localization Improvements"
3025
  msgstr ""
3026
 
3027
- #: bp-core/classes/class-bp-admin.php:701
3028
  msgid ""
3029
  "We continue to improve our localization internals, making it easier for "
3030
  "translation editors to ensure that BuddyPress will be available for "
3031
  "everyone in their own language."
3032
  msgstr ""
3033
 
3034
- #: bp-core/classes/class-bp-admin.php:704
3035
  msgid "Developer Reference"
3036
  msgstr ""
3037
 
3038
- #: bp-core/classes/class-bp-admin.php:705
3039
  msgid ""
3040
  "Regular updates to inline code documentation make it easier for developers "
3041
  "to understand how BuddyPress works."
3042
  msgstr ""
3043
 
3044
- #: bp-core/classes/class-bp-admin.php:709
3045
  msgid "Accessibility Upgrades"
3046
  msgstr ""
3047
 
3048
- #: bp-core/classes/class-bp-admin.php:710
3049
  msgid ""
3050
  "Continued improvements for universal access help make BuddyPress back- and "
3051
  "front-end screens usable for everyone (and on more devices)."
3052
  msgstr ""
3053
 
3054
- #: bp-core/classes/class-bp-admin.php:744
3055
  msgid "BuddyPress is created by a worldwide network of friendly folks like these."
3056
  msgstr ""
3057
 
3058
- #: bp-core/classes/class-bp-admin.php:746
3059
  msgid "Project Leaders"
3060
  msgstr ""
3061
 
3062
- #: bp-core/classes/class-bp-admin.php:751
3063
  msgid "Project Lead"
3064
  msgstr ""
3065
 
3066
- #: bp-core/classes/class-bp-admin.php:756
3067
  #: bp-core/classes/class-bp-admin.php:761
 
3068
  msgid "Lead Developer"
3069
  msgstr ""
3070
 
3071
- #: bp-core/classes/class-bp-admin.php:765
3072
  msgid "BuddyPress Team"
3073
  msgstr ""
3074
 
3075
- #: bp-core/classes/class-bp-admin.php:770
3076
  msgid "2.8 Release Lead"
3077
  msgstr ""
3078
 
3079
- #: bp-core/classes/class-bp-admin.php:775
3080
  #: bp-core/classes/class-bp-admin.php:780
3081
- #: bp-core/classes/class-bp-admin.php:790
3082
  #: bp-core/classes/class-bp-admin.php:795
3083
  #: bp-core/classes/class-bp-admin.php:800
3084
- #: bp-core/classes/class-bp-admin.php:821
3085
  #: bp-core/classes/class-bp-admin.php:826
 
3086
  msgid "Core Developer"
3087
  msgstr ""
3088
 
3089
- #: bp-core/classes/class-bp-admin.php:785
3090
  msgid "Navigator"
3091
  msgstr ""
3092
 
3093
- #: bp-core/classes/class-bp-admin.php:805
3094
  #: bp-core/classes/class-bp-admin.php:810
3095
  #: bp-core/classes/class-bp-admin.php:815
 
3096
  msgid "Community Support"
3097
  msgstr ""
3098
 
3099
- #: bp-core/classes/class-bp-admin.php:830
3100
  msgid "&#x1f31f;Recent Rockstars&#x1f31f;"
3101
  msgstr ""
3102
 
3103
- #: bp-core/classes/class-bp-admin.php:850
3104
  msgid "Contributors to BuddyPress %s"
3105
  msgstr ""
3106
 
3107
- #: bp-core/classes/class-bp-admin.php:898
3108
  msgid "&#x1f496;With our thanks to these Open Source projects&#x1f496;"
3109
  msgstr ""
3110
 
3111
- #: bp-core/classes/class-bp-admin.php:926
3112
  msgid ""
3113
  "Thank you for installing BuddyPress! BuddyPress helps site builders and "
3114
  "WordPress developers add community features to their websites, with user "
3115
  "profile fields, activity streams, messaging, and notifications."
3116
  msgstr ""
3117
 
3118
- #: bp-core/classes/class-bp-admin.php:927
3119
  msgid ""
3120
  "Thank you for updating! BuddyPress %s has many new improvements that you "
3121
  "will enjoy."
3122
  msgstr ""
3123
 
3124
- #: bp-core/classes/class-bp-admin.php:931
3125
  msgid "Welcome to BuddyPress %s"
3126
  msgstr ""
3127
 
3128
- #: bp-core/classes/class-bp-admin.php:960
3129
  msgid "What&#8217;s New"
3130
  msgstr ""
3131
 
3132
- #: bp-core/classes/class-bp-admin.php:962
3133
  msgid "Credits"
3134
  msgstr ""
3135
 
@@ -4318,7 +4318,7 @@ msgid "You are about to delete the following groups:"
4318
  msgstr ""
4319
 
4320
  #: bp-groups/bp-groups-admin.php:705
4321
- #: bp-members/classes/class-bp-members-admin.php:2126
4322
  msgid "This action cannot be undone."
4323
  msgstr ""
4324
 
@@ -5178,7 +5178,7 @@ msgid "No Group Type"
5178
  msgstr ""
5179
 
5180
  #: bp-groups/classes/class-bp-groups-list-table.php:787
5181
- #: bp-members/classes/class-bp-members-admin.php:2179
5182
  #: bp-templates/bp-legacy/buddypress/members/single/profile/edit.php:62
5183
  #: bp-xprofile/classes/class-bp-xprofile-user-admin.php:391
5184
  msgid "Change"
@@ -5756,11 +5756,11 @@ msgstr ""
5756
  msgid "You are about to resend an activation email to the following accounts:"
5757
  msgstr ""
5758
 
5759
- #: bp-members/classes/class-bp-members-admin.php:2080
5760
  msgid "Display Name"
5761
  msgstr ""
5762
 
5763
- #: bp-members/classes/class-bp-members-admin.php:2085
5764
  #: bp-members/classes/class-bp-members-list-table.php:152
5765
  #: bp-members/classes/class-bp-members-list-table.php:316
5766
  #: bp-members/classes/class-bp-members-ms-list-table.php:139
@@ -5770,32 +5770,32 @@ msgstr ""
5770
  msgid "Email"
5771
  msgstr ""
5772
 
5773
- #: bp-members/classes/class-bp-members-admin.php:2108
5774
  msgid "Last notified: %s"
5775
  msgstr ""
5776
 
5777
- #: bp-members/classes/class-bp-members-admin.php:2112
5778
  msgid "(less than 24 hours ago)"
5779
  msgstr ""
5780
 
5781
- #: bp-members/classes/class-bp-members-admin.php:2130
5782
  msgid "Confirm"
5783
  msgstr ""
5784
 
5785
- #: bp-members/classes/class-bp-members-admin.php:2164
5786
  #: bp-members/classes/class-bp-members-admin.php:2166
 
5787
  msgid "Change member type to&hellip;"
5788
  msgstr ""
5789
 
5790
- #: bp-members/classes/class-bp-members-admin.php:2174
5791
  msgid "No Member Type"
5792
  msgstr ""
5793
 
5794
- #: bp-members/classes/class-bp-members-admin.php:2269
5795
  msgid "There was an error while changing member type. Please try again."
5796
  msgstr ""
5797
 
5798
- #: bp-members/classes/class-bp-members-admin.php:2272
5799
  msgid "Member type was changed successfully."
5800
  msgstr ""
5801
 
@@ -5938,7 +5938,7 @@ msgstr ""
5938
 
5939
  #: bp-messages/bp-messages-actions.php:419
5940
  #: bp-messages/bp-messages-actions.php:465
5941
- #: bp-templates/bp-legacy/buddypress-functions.php:1667
5942
  msgid "Messages deleted."
5943
  msgstr ""
5944
 
@@ -7708,19 +7708,19 @@ msgstr ""
7708
  msgid "There was a problem closing the notice."
7709
  msgstr ""
7710
 
7711
- #: bp-templates/bp-legacy/buddypress-functions.php:1590
7712
  msgid "There was a problem sending that reply. Please try again."
7713
  msgstr ""
7714
 
7715
- #: bp-templates/bp-legacy/buddypress-functions.php:1609
7716
  msgid "There was a problem marking messages as unread."
7717
  msgstr ""
7718
 
7719
- #: bp-templates/bp-legacy/buddypress-functions.php:1635
7720
  msgid "There was a problem marking messages as read."
7721
  msgstr ""
7722
 
7723
- #: bp-templates/bp-legacy/buddypress-functions.php:1661
7724
  msgid "There was a problem deleting messages."
7725
  msgstr ""
7726
 
@@ -8759,57 +8759,57 @@ msgctxt "email menu label"
8759
  msgid "Customize"
8760
  msgstr ""
8761
 
8762
- #: bp-core/classes/class-bp-admin.php:398
8763
  msgctxt "BuddyPress setting tab"
8764
  msgid "Profile Settings"
8765
  msgstr ""
8766
 
8767
- #: bp-core/classes/class-bp-admin.php:717
8768
  msgctxt "About screen, website links"
8769
  msgid "Learn more:"
8770
  msgstr ""
8771
 
8772
- #: bp-core/classes/class-bp-admin.php:717
8773
  msgctxt "About screen, link to project blog"
8774
  msgid "News"
8775
  msgstr ""
8776
 
8777
- #: bp-core/classes/class-bp-admin.php:717
8778
  msgctxt "About screen, link to support site"
8779
  msgid "Support"
8780
  msgstr ""
8781
 
8782
- #: bp-core/classes/class-bp-admin.php:717
8783
  msgctxt "About screen, link to documentation"
8784
  msgid "Documentation"
8785
  msgstr ""
8786
 
8787
- #: bp-core/classes/class-bp-admin.php:717
8788
  msgctxt "About screen, link to development blog"
8789
  msgid "Development Blog"
8790
  msgstr ""
8791
 
8792
- #: bp-core/classes/class-bp-admin.php:719
8793
  msgctxt "official Twitter accounts:"
8794
  msgid "Twitter:"
8795
  msgstr ""
8796
 
8797
- #: bp-core/classes/class-bp-admin.php:719
8798
  msgctxt "@buddypress twitter account name"
8799
  msgid "BuddyPress"
8800
  msgstr ""
8801
 
8802
- #: bp-core/classes/class-bp-admin.php:719
8803
  msgctxt "@bptrac twitter account name"
8804
  msgid "Trac"
8805
  msgstr ""
8806
 
8807
- #: bp-core/classes/class-bp-admin.php:719
8808
  msgctxt "@buddypressdev twitter account name"
8809
  msgid "Development"
8810
  msgstr ""
8811
 
8812
- #: bp-core/classes/class-bp-admin.php:981
8813
  msgctxt "Email post type"
8814
  msgid "Situations"
8815
  msgstr ""
@@ -9305,7 +9305,7 @@ msgid_plural "%s sign-ups were not deleted."
9305
  msgstr[0] ""
9306
  msgstr[1] ""
9307
 
9308
- #: bp-members/classes/class-bp-members-admin.php:2290
9309
  msgctxt "Label for the WP users table member type column"
9310
  msgid "Member Type"
9311
  msgstr ""
2
  # This file is distributed under the GPLv2 or later (license.txt).
3
  msgid ""
4
  msgstr ""
5
+ "Project-Id-Version: BuddyPress 2.8.1\n"
6
  "Report-Msgid-Bugs-To: https://buddypress.trac.wordpress.org\n"
7
+ "POT-Creation-Date: 2017-02-22 18:44:24+00:00\n"
8
  "MIME-Version: 1.0\n"
9
  "Content-Type: text/plain; charset=utf-8\n"
10
  "Content-Transfer-Encoding: 8bit\n"
454
  msgstr ""
455
 
456
  #: bp-activity/bp-activity-admin.php:1049 bp-groups/bp-groups-admin.php:708
457
+ #: bp-members/classes/class-bp-members-admin.php:2133
458
  #: bp-templates/bp-legacy/buddypress/activity/entry.php:129
459
  #: bp-templates/bp-legacy/buddypress/forums/index.php:216
460
  #: bp-xprofile/classes/class-bp-xprofile-field.php:1308
2762
  msgstr ""
2763
 
2764
  #: bp-core/classes/class-bp-admin.php:380
2765
+ #: bp-core/classes/class-bp-admin.php:390
2766
  msgid "Toolbar"
2767
  msgstr ""
2768
 
2769
+ #: bp-core/classes/class-bp-admin.php:395
2770
  msgid "Account Deletion"
2771
  msgstr ""
2772
 
2773
+ #: bp-core/classes/class-bp-admin.php:406
2774
  msgid "Profile Photo Uploads"
2775
  msgstr ""
2776
 
2777
+ #: bp-core/classes/class-bp-admin.php:411
2778
  msgid "Cover Image Uploads"
2779
  msgstr ""
2780
 
2781
+ #: bp-core/classes/class-bp-admin.php:416
2782
  msgid "Profile Syncing"
2783
  msgstr ""
2784
 
2785
+ #: bp-core/classes/class-bp-admin.php:425
2786
  msgid "Groups Settings"
2787
  msgstr ""
2788
 
2789
+ #: bp-core/classes/class-bp-admin.php:428
2790
  msgid "Group Creation"
2791
  msgstr ""
2792
 
2793
+ #: bp-core/classes/class-bp-admin.php:432
2794
  msgid "Group Photo Uploads"
2795
  msgstr ""
2796
 
2797
+ #: bp-core/classes/class-bp-admin.php:437
2798
  msgid "Group Cover Image Uploads"
2799
  msgstr ""
2800
 
2801
+ #: bp-core/classes/class-bp-admin.php:447
2802
  msgid "Legacy Group Forums"
2803
  msgstr ""
2804
 
2805
+ #: bp-core/classes/class-bp-admin.php:450
2806
  msgid "bbPress Configuration"
2807
  msgstr ""
2808
 
2809
+ #: bp-core/classes/class-bp-admin.php:459
2810
  msgid "Activity Settings"
2811
  msgstr ""
2812
 
2813
+ #: bp-core/classes/class-bp-admin.php:462
2814
  msgid "Blog &amp; Forum Comments"
2815
  msgstr ""
2816
 
2817
+ #: bp-core/classes/class-bp-admin.php:466
2818
  msgid "Activity auto-refresh"
2819
  msgstr ""
2820
 
2821
+ #: bp-core/classes/class-bp-admin.php:471
2822
  msgid "Akismet"
2823
  msgstr ""
2824
 
2825
+ #: bp-core/classes/class-bp-admin.php:489
2826
  msgid "About BuddyPress"
2827
  msgstr ""
2828
 
2829
+ #: bp-core/classes/class-bp-admin.php:513
2830
  #: bp-groups/classes/class-bp-groups-component.php:670
2831
  #: bp-settings/classes/class-bp-settings-component.php:28
2832
  #: bp-settings/classes/class-bp-settings-component.php:101
2834
  msgid "Settings"
2835
  msgstr ""
2836
 
2837
+ #: bp-core/classes/class-bp-admin.php:514
2838
  msgid "About"
2839
  msgstr ""
2840
 
2841
+ #: bp-core/classes/class-bp-admin.php:566
2842
  msgid "Getting Started with BuddyPress"
2843
  msgstr ""
2844
 
2845
+ #: bp-core/classes/class-bp-admin.php:569
2846
  msgid "Configure BuddyPress"
2847
  msgstr ""
2848
 
2849
+ #: bp-core/classes/class-bp-admin.php:572
2850
  msgid "Set Up Components"
2851
  msgstr ""
2852
 
2853
+ #: bp-core/classes/class-bp-admin.php:575
2854
  msgid "Assign Components to Pages"
2855
  msgstr ""
2856
 
2857
+ #: bp-core/classes/class-bp-admin.php:578
2858
  msgid "Customize Settings"
2859
  msgstr ""
2860
 
2861
+ #: bp-core/classes/class-bp-admin.php:581
2862
  msgid "Get Started"
2863
  msgstr ""
2864
 
2865
+ #: bp-core/classes/class-bp-admin.php:584
2866
  msgid "Administration Tools"
2867
  msgstr ""
2868
 
2869
+ #: bp-core/classes/class-bp-admin.php:587
2870
  msgid "Add User Profile Fields"
2871
  msgstr ""
2872
 
2873
+ #: bp-core/classes/class-bp-admin.php:589
2874
  msgid "Manage User Signups"
2875
  msgstr ""
2876
 
2877
+ #: bp-core/classes/class-bp-admin.php:591
2878
  msgid "Moderate Activity Streams"
2879
  msgstr ""
2880
 
2881
+ #: bp-core/classes/class-bp-admin.php:594
2882
  msgid "Manage Groups"
2883
  msgstr ""
2884
 
2885
+ #: bp-core/classes/class-bp-admin.php:596
2886
  msgid "Repair Data"
2887
  msgstr ""
2888
 
2889
+ #: bp-core/classes/class-bp-admin.php:601
2890
  msgid "Community and Support"
2891
  msgstr ""
2892
 
2893
+ #: bp-core/classes/class-bp-admin.php:602
2894
  msgid ""
2895
  "Looking for help? The <a href=\"https://codex.buddypress.org/\">BuddyPress "
2896
  "Codex</a> has you covered."
2897
  msgstr ""
2898
 
2899
+ #: bp-core/classes/class-bp-admin.php:603
2900
  msgid ""
2901
  "Can&#8217;t find what you need? Stop by <a "
2902
  "href=\"https://buddypress.org/support/\">our support forums</a>, where "
2903
  "active BuddyPress users and developers are waiting to share tips and more."
2904
  msgstr ""
2905
 
2906
+ #: bp-core/classes/class-bp-admin.php:613
2907
  msgid "Modernizing the Codebase"
2908
  msgstr ""
2909
 
2910
+ #: bp-core/classes/class-bp-admin.php:616
2911
  #. translators: 1: BP REST API, 2: Link to Codex article
2912
  msgid ""
2913
  "To continue the migration of legacy code to modern standards and techniques "
2917
  "users now and in the future."
2918
  msgstr ""
2919
 
2920
+ #: bp-core/classes/class-bp-admin.php:625
2921
  msgid "For Developers &amp; Site Builders"
2922
  msgstr ""
2923
 
2924
+ #: bp-core/classes/class-bp-admin.php:630
2925
  msgid "More helpful \"Activate Pending Accounts\" screen"
2926
  msgstr ""
2927
 
2928
+ #: bp-core/classes/class-bp-admin.php:631
2929
  msgid "The improved pending account screen."
2930
  msgstr ""
2931
 
2932
+ #: bp-core/classes/class-bp-admin.php:632
2933
  msgid ""
2934
  "When you click on the username on the \"Users > Manage Signups\" page, you "
2935
  "can now view profile data entered by the user at the time of registration."
2936
  msgstr ""
2937
 
2938
+ #: bp-core/classes/class-bp-admin.php:638
2939
  #. translators: %s: List-Unsubscribe
2940
  msgid "Support for %s header in emails"
2941
  msgstr ""
2942
 
2943
+ #: bp-core/classes/class-bp-admin.php:641
2944
  msgid "Email header showing the list-unsubscribe feature."
2945
  msgstr ""
2946
 
2947
+ #: bp-core/classes/class-bp-admin.php:642
2948
  msgid ""
2949
  "Allow users to unsubscribe from BuddyPress email notifications in some "
2950
  "email clients such as Gmail (web), when properly configured."
2951
  msgstr ""
2952
 
2953
+ #: bp-core/classes/class-bp-admin.php:646
2954
  msgid "Twenty Seventeen Companion Stylesheet"
2955
  msgstr ""
2956
 
2957
+ #: bp-core/classes/class-bp-admin.php:647
2958
  msgid ""
2959
  "BuddyPress looks great in WordPress's latest default theme with the new "
2960
  "Twenty Seventeen companion stylesheet."
2961
  msgstr ""
2962
 
2963
+ #: bp-core/classes/class-bp-admin.php:650
2964
  #. translators: 1: Link to the Codex article, 2: functions.php
2965
  msgid ""
2966
  "To change the default two-column page layout to a full-width layout as seen "
2968
  "of your Twenty Seventeen child theme."
2969
  msgstr ""
2970
 
2971
+ #: bp-core/classes/class-bp-admin.php:657
2972
  msgid "Full-width BuddyPress layout for Twenty Seventeen theme."
2973
  msgstr ""
2974
 
2975
+ #: bp-core/classes/class-bp-admin.php:665
2976
  msgid "More hooks for Messages"
2977
  msgstr ""
2978
 
2979
+ #: bp-core/classes/class-bp-admin.php:666
2980
  msgid ""
2981
  "We've added new filters and actions for different methods throughout the "
2982
  "Messages component."
2983
  msgstr ""
2984
 
2985
+ #: bp-core/classes/class-bp-admin.php:671
2986
  msgid "A more flexible Group search"
2987
  msgstr ""
2988
 
2989
+ #: bp-core/classes/class-bp-admin.php:674
2990
  #. translators: 1: search_column, 2: BP_Groups_Group::get()
2991
  msgid ""
2992
  "The new %1$s parameter allows developers to specify which columns should be "
2994
  "searching via %2$s."
2995
  msgstr ""
2996
 
2997
+ #: bp-core/classes/class-bp-admin.php:682
2998
  msgid "Alphabetical sorting for Groups widget"
2999
  msgstr ""
3000
 
3001
+ #: bp-core/classes/class-bp-admin.php:683
3002
  msgid ""
3003
  "The groups widget can now be sorted alphabetically, in addition to sorting "
3004
  "the results by recently active, popular, and newest groups."
3005
  msgstr ""
3006
 
3007
+ #: bp-core/classes/class-bp-admin.php:690
3008
  #. translators: %s: PHPMailer
3009
  msgid "Enable choice of %s"
3010
  msgstr ""
3011
 
3012
+ #: bp-core/classes/class-bp-admin.php:694
3013
  #. translators: %s: PHPMailer
3014
  msgid ""
3015
  "Developers can specify which %s should be used when sending BuddyPress with "
3016
  "a new filter."
3017
  msgstr ""
3018
 
3019
+ #: bp-core/classes/class-bp-admin.php:702
3020
  msgid "More under the hood &#8230;"
3021
  msgstr ""
3022
 
3023
+ #: bp-core/classes/class-bp-admin.php:705
3024
  msgid "Localization Improvements"
3025
  msgstr ""
3026
 
3027
+ #: bp-core/classes/class-bp-admin.php:706
3028
  msgid ""
3029
  "We continue to improve our localization internals, making it easier for "
3030
  "translation editors to ensure that BuddyPress will be available for "
3031
  "everyone in their own language."
3032
  msgstr ""
3033
 
3034
+ #: bp-core/classes/class-bp-admin.php:709
3035
  msgid "Developer Reference"
3036
  msgstr ""
3037
 
3038
+ #: bp-core/classes/class-bp-admin.php:710
3039
  msgid ""
3040
  "Regular updates to inline code documentation make it easier for developers "
3041
  "to understand how BuddyPress works."
3042
  msgstr ""
3043
 
3044
+ #: bp-core/classes/class-bp-admin.php:714
3045
  msgid "Accessibility Upgrades"
3046
  msgstr ""
3047
 
3048
+ #: bp-core/classes/class-bp-admin.php:715
3049
  msgid ""
3050
  "Continued improvements for universal access help make BuddyPress back- and "
3051
  "front-end screens usable for everyone (and on more devices)."
3052
  msgstr ""
3053
 
3054
+ #: bp-core/classes/class-bp-admin.php:749
3055
  msgid "BuddyPress is created by a worldwide network of friendly folks like these."
3056
  msgstr ""
3057
 
3058
+ #: bp-core/classes/class-bp-admin.php:751
3059
  msgid "Project Leaders"
3060
  msgstr ""
3061
 
3062
+ #: bp-core/classes/class-bp-admin.php:756
3063
  msgid "Project Lead"
3064
  msgstr ""
3065
 
 
3066
  #: bp-core/classes/class-bp-admin.php:761
3067
+ #: bp-core/classes/class-bp-admin.php:766
3068
  msgid "Lead Developer"
3069
  msgstr ""
3070
 
3071
+ #: bp-core/classes/class-bp-admin.php:770
3072
  msgid "BuddyPress Team"
3073
  msgstr ""
3074
 
3075
+ #: bp-core/classes/class-bp-admin.php:775
3076
  msgid "2.8 Release Lead"
3077
  msgstr ""
3078
 
 
3079
  #: bp-core/classes/class-bp-admin.php:780
3080
+ #: bp-core/classes/class-bp-admin.php:785
3081
  #: bp-core/classes/class-bp-admin.php:795
3082
  #: bp-core/classes/class-bp-admin.php:800
3083
+ #: bp-core/classes/class-bp-admin.php:805
3084
  #: bp-core/classes/class-bp-admin.php:826
3085
+ #: bp-core/classes/class-bp-admin.php:831
3086
  msgid "Core Developer"
3087
  msgstr ""
3088
 
3089
+ #: bp-core/classes/class-bp-admin.php:790
3090
  msgid "Navigator"
3091
  msgstr ""
3092
 
 
3093
  #: bp-core/classes/class-bp-admin.php:810
3094
  #: bp-core/classes/class-bp-admin.php:815
3095
+ #: bp-core/classes/class-bp-admin.php:820
3096
  msgid "Community Support"
3097
  msgstr ""
3098
 
3099
+ #: bp-core/classes/class-bp-admin.php:835
3100
  msgid "&#x1f31f;Recent Rockstars&#x1f31f;"
3101
  msgstr ""
3102
 
3103
+ #: bp-core/classes/class-bp-admin.php:855
3104
  msgid "Contributors to BuddyPress %s"
3105
  msgstr ""
3106
 
3107
+ #: bp-core/classes/class-bp-admin.php:903
3108
  msgid "&#x1f496;With our thanks to these Open Source projects&#x1f496;"
3109
  msgstr ""
3110
 
3111
+ #: bp-core/classes/class-bp-admin.php:931
3112
  msgid ""
3113
  "Thank you for installing BuddyPress! BuddyPress helps site builders and "
3114
  "WordPress developers add community features to their websites, with user "
3115
  "profile fields, activity streams, messaging, and notifications."
3116
  msgstr ""
3117
 
3118
+ #: bp-core/classes/class-bp-admin.php:932
3119
  msgid ""
3120
  "Thank you for updating! BuddyPress %s has many new improvements that you "
3121
  "will enjoy."
3122
  msgstr ""
3123
 
3124
+ #: bp-core/classes/class-bp-admin.php:936
3125
  msgid "Welcome to BuddyPress %s"
3126
  msgstr ""
3127
 
3128
+ #: bp-core/classes/class-bp-admin.php:965
3129
  msgid "What&#8217;s New"
3130
  msgstr ""
3131
 
3132
+ #: bp-core/classes/class-bp-admin.php:967
3133
  msgid "Credits"
3134
  msgstr ""
3135
 
4318
  msgstr ""
4319
 
4320
  #: bp-groups/bp-groups-admin.php:705
4321
+ #: bp-members/classes/class-bp-members-admin.php:2128
4322
  msgid "This action cannot be undone."
4323
  msgstr ""
4324
 
5178
  msgstr ""
5179
 
5180
  #: bp-groups/classes/class-bp-groups-list-table.php:787
5181
+ #: bp-members/classes/class-bp-members-admin.php:2181
5182
  #: bp-templates/bp-legacy/buddypress/members/single/profile/edit.php:62
5183
  #: bp-xprofile/classes/class-bp-xprofile-user-admin.php:391
5184
  msgid "Change"
5756
  msgid "You are about to resend an activation email to the following accounts:"
5757
  msgstr ""
5758
 
5759
+ #: bp-members/classes/class-bp-members-admin.php:2082
5760
  msgid "Display Name"
5761
  msgstr ""
5762
 
5763
+ #: bp-members/classes/class-bp-members-admin.php:2087
5764
  #: bp-members/classes/class-bp-members-list-table.php:152
5765
  #: bp-members/classes/class-bp-members-list-table.php:316
5766
  #: bp-members/classes/class-bp-members-ms-list-table.php:139
5770
  msgid "Email"
5771
  msgstr ""
5772
 
5773
+ #: bp-members/classes/class-bp-members-admin.php:2110
5774
  msgid "Last notified: %s"
5775
  msgstr ""
5776
 
5777
+ #: bp-members/classes/class-bp-members-admin.php:2114
5778
  msgid "(less than 24 hours ago)"
5779
  msgstr ""
5780
 
5781
+ #: bp-members/classes/class-bp-members-admin.php:2132
5782
  msgid "Confirm"
5783
  msgstr ""
5784
 
 
5785
  #: bp-members/classes/class-bp-members-admin.php:2166
5786
+ #: bp-members/classes/class-bp-members-admin.php:2168
5787
  msgid "Change member type to&hellip;"
5788
  msgstr ""
5789
 
5790
+ #: bp-members/classes/class-bp-members-admin.php:2176
5791
  msgid "No Member Type"
5792
  msgstr ""
5793
 
5794
+ #: bp-members/classes/class-bp-members-admin.php:2271
5795
  msgid "There was an error while changing member type. Please try again."
5796
  msgstr ""
5797
 
5798
+ #: bp-members/classes/class-bp-members-admin.php:2274
5799
  msgid "Member type was changed successfully."
5800
  msgstr ""
5801
 
5938
 
5939
  #: bp-messages/bp-messages-actions.php:419
5940
  #: bp-messages/bp-messages-actions.php:465
5941
+ #: bp-templates/bp-legacy/buddypress-functions.php:1671
5942
  msgid "Messages deleted."
5943
  msgstr ""
5944
 
7708
  msgid "There was a problem closing the notice."
7709
  msgstr ""
7710
 
7711
+ #: bp-templates/bp-legacy/buddypress-functions.php:1594
7712
  msgid "There was a problem sending that reply. Please try again."
7713
  msgstr ""
7714
 
7715
+ #: bp-templates/bp-legacy/buddypress-functions.php:1613
7716
  msgid "There was a problem marking messages as unread."
7717
  msgstr ""
7718
 
7719
+ #: bp-templates/bp-legacy/buddypress-functions.php:1639
7720
  msgid "There was a problem marking messages as read."
7721
  msgstr ""
7722
 
7723
+ #: bp-templates/bp-legacy/buddypress-functions.php:1665
7724
  msgid "There was a problem deleting messages."
7725
  msgstr ""
7726
 
8759
  msgid "Customize"
8760
  msgstr ""
8761
 
8762
+ #: bp-core/classes/class-bp-admin.php:403
8763
  msgctxt "BuddyPress setting tab"
8764
  msgid "Profile Settings"
8765
  msgstr ""
8766
 
8767
+ #: bp-core/classes/class-bp-admin.php:722
8768
  msgctxt "About screen, website links"
8769
  msgid "Learn more:"
8770
  msgstr ""
8771
 
8772
+ #: bp-core/classes/class-bp-admin.php:722
8773
  msgctxt "About screen, link to project blog"
8774
  msgid "News"
8775
  msgstr ""
8776
 
8777
+ #: bp-core/classes/class-bp-admin.php:722
8778
  msgctxt "About screen, link to support site"
8779
  msgid "Support"
8780
  msgstr ""
8781
 
8782
+ #: bp-core/classes/class-bp-admin.php:722
8783
  msgctxt "About screen, link to documentation"
8784
  msgid "Documentation"
8785
  msgstr ""
8786
 
8787
+ #: bp-core/classes/class-bp-admin.php:722
8788
  msgctxt "About screen, link to development blog"
8789
  msgid "Development Blog"
8790
  msgstr ""
8791
 
8792
+ #: bp-core/classes/class-bp-admin.php:724
8793
  msgctxt "official Twitter accounts:"
8794
  msgid "Twitter:"
8795
  msgstr ""
8796
 
8797
+ #: bp-core/classes/class-bp-admin.php:724
8798
  msgctxt "@buddypress twitter account name"
8799
  msgid "BuddyPress"
8800
  msgstr ""
8801
 
8802
+ #: bp-core/classes/class-bp-admin.php:724
8803
  msgctxt "@bptrac twitter account name"
8804
  msgid "Trac"
8805
  msgstr ""
8806
 
8807
+ #: bp-core/classes/class-bp-admin.php:724
8808
  msgctxt "@buddypressdev twitter account name"
8809
  msgid "Development"
8810
  msgstr ""
8811
 
8812
+ #: bp-core/classes/class-bp-admin.php:986
8813
  msgctxt "Email post type"
8814
  msgid "Situations"
8815
  msgstr ""
9305
  msgstr[0] ""
9306
  msgstr[1] ""
9307
 
9308
+ #: bp-members/classes/class-bp-members-admin.php:2292
9309
  msgctxt "Label for the WP users table member type column"
9310
  msgid "Member Type"
9311
  msgstr ""
class-buddypress.php CHANGED
@@ -293,7 +293,7 @@ class BuddyPress {
293
 
294
  /** Versions **********************************************************/
295
 
296
- $this->version = '2.8.0';
297
  $this->db_version = 11105;
298
 
299
  /** Loading ***********************************************************/
293
 
294
  /** Versions **********************************************************/
295
 
296
+ $this->version = '2.8.1';
297
  $this->db_version = 11105;
298
 
299
  /** Loading ***********************************************************/
readme.txt CHANGED
@@ -3,7 +3,7 @@ Contributors: johnjamesjacoby, DJPaul, boonebgorges, r-a-y, imath, mercime, tw21
3
  Tags: social networking, activity, profiles, messaging, friends, groups, forums, notifications, settings, social, community, networks, networking
4
  Requires at least: 4.3
5
  Tested up to: 4.7.2
6
- Stable tag: 2.8.0
7
  License: GPLv2 or later
8
  License URI: https://www.gnu.org/licenses/gpl-2.0.html
9
 
@@ -116,11 +116,14 @@ Please consider helping translate BuddyPress at our <a href="https://translate.w
116
 
117
  == Upgrade Notice ==
118
 
119
- = 2.8.0 =
120
- See: https://codex.buddypress.org/releases/version-2-8-0/
121
 
122
  == Changelog ==
123
 
 
 
 
124
  = 2.8.0 =
125
  See: https://codex.buddypress.org/releases/version-2-8-0/
126
 
3
  Tags: social networking, activity, profiles, messaging, friends, groups, forums, notifications, settings, social, community, networks, networking
4
  Requires at least: 4.3
5
  Tested up to: 4.7.2
6
+ Stable tag: 2.8.1
7
  License: GPLv2 or later
8
  License URI: https://www.gnu.org/licenses/gpl-2.0.html
9
 
116
 
117
  == Upgrade Notice ==
118
 
119
+ = 2.8.1 =
120
+ See: https://codex.buddypress.org/releases/version-2-8-1/
121
 
122
  == Changelog ==
123
 
124
+ = 2.8.1 =
125
+ See: https://codex.buddypress.org/releases/version-2-8-1/
126
+
127
  = 2.8.0 =
128
  See: https://codex.buddypress.org/releases/version-2-8-0/
129