Changeset 9769
- Timestamp:
- 04/18/2015 07:20:40 PM (9 years ago)
- Location:
- trunk/src/bp-templates/bp-legacy/css
- Files:
-
- 2 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/src/bp-templates/bp-legacy/css/twentyfifteen-rtl.css
r9766 r9769 18 18 >>> TABLE OF CONTENTS: 19 19 ---------------------------------------------------------------- 20 1.0 Theme Structural Elements 20 1.0 Theme Structural Elements & overrides 21 21 2.0 - Navigation - General 22 22 2.1 - Navs - Object Nav / Sub Nav (item-list-tabs) … … 25 25 4.0 - BP Lists / Loops Generic 26 26 4.1 - Activity Loop 27 4.1.1 - Activity Listing 28 4.1.2 - Activity Comments 27 4.1.1 Whats New Activity 28 4.1.2 - Activity Listing 29 4.1.3 - Activity Comments 29 30 4.2 - Members Loop 30 31 4.3 - Groups Loop … … 45 46 /** 46 47 *------------------------------------------------------------------------------- 47 * @section 1.0 - Theme - Structural Elements 48 *------------------------------------------------------------------------------- 49 */ 48 * @section 1.0 - Theme - Structural Elements & overrides 49 *------------------------------------------------------------------------------- 50 */ 51 #buddypress h1, #buddypress h2, #buddypress h3, #buddypress h4, #buddypress h5, #buddypress h6 { 52 clear: none; } 53 50 54 .buddypress div.clear { 51 display: none; 52 } 55 display: none; } 53 56 .buddypress main { 54 padding-top: 4%; 55 } 56 @media screen and (min-width: 59.6875em) { 57 .buddypress main { 58 padding-top: 0; 59 } 60 } 61 .buddypress main article { 62 margin: 0 4%; 63 padding-top: 8.3333%; 64 } 65 @media screen and (min-width: 59.6875em) { 57 padding-top: 4%; } 58 @media screen and (min-width: 59.6875em) { 59 .buddypress main { 60 padding-top: 0; } } 66 61 .buddypress main article { 67 margin: 0 1px 0 0; 68 } 69 } 70 @media screen and (min-width: 87.6875em) { 71 .buddypress main article { 72 margin: 0 8.3333% 0 4.3333%; 73 } 74 } 75 .buddypress main article .entry-header, 76 .buddypress main article .entry-content { 77 padding: 0 2rem 2rem; 78 } 79 .buddypress main article #buddypress { 80 margin-bottom: 40px; 81 } 62 margin: 0 4%; 63 padding-top: 8.3333%; } 64 @media screen and (min-width: 59.6875em) { 65 .buddypress main article { 66 margin: 0 1px 0 0; } } 67 @media screen and (min-width: 87.6875em) { 68 .buddypress main article { 69 margin: 0 8.3333% 0 4.3333%; } } 70 .buddypress main article .entry-header, .buddypress main article .entry-content { 71 padding: 0 2rem 2rem; } 72 .buddypress main article #buddypress { 73 margin-bottom: 40px; } 82 74 .buddypress .site-footer { 83 margin: 0 4%; 84 } 85 @media screen and (min-width: 59.6875em) { 86 .buddypress .site-footer { 87 margin: 0 35.2941% 0 0; 88 width: 61.8235%; 89 } 90 } 75 margin: 0 4%; } 76 @media screen and (min-width: 59.6875em) { 77 .buddypress .site-footer { 78 margin: 0 35.2941% 0 0; 79 width: 61.8235%; } } 91 80 92 81 /** … … 95 84 *------------------------------------------------------------------------------- 96 85 */ 97 .buddypress #buddypress .item-list-tabs a, 98 .buddypress #buddypress .activity-header a, 99 .buddypress #buddypress .activity-inner a, 100 .buddypress #buddypress .activity-comments a, 101 .buddypress #buddypress .item-title a, 102 .buddypress #buddypress .load-more a, 103 .buddypress #buddypress .field-visibility-settings-toggle a, 104 .buddypress #buddypress #latest-update a, 105 .buddypress #buddypress table a { 106 border-bottom: 0; 107 } 108 .buddypress #buddypress .pagination-links a, 109 .buddypress #buddypress .pagination-links span { 110 border-bottom: 0; 111 } 86 .buddypress #buddypress .item-list-tabs a, .buddypress #buddypress .activity-header a, .buddypress #buddypress .activity-inner a, .buddypress #buddypress .activity-comments a, .buddypress #buddypress .item-title a, .buddypress #buddypress .load-more a, .buddypress #buddypress .field-visibility-settings-toggle a, .buddypress #buddypress #latest-update a, .buddypress #buddypress table a, .buddypress #buddypress .avatar-nav-items a { 87 border-bottom: 0; } 88 .buddypress #buddypress .pagination-links a, .buddypress #buddypress .pagination-links span { 89 border-bottom: 0; } 112 90 113 91 /** … … 119 97 */ 120 98 #buddypress { 121 /*__ Horizontal menus __*/ 122 } 123 #buddypress div.item-list-tabs ul li.selected a { 124 background: #555; 125 color: #fff; 126 opacity: 1; 127 } 128 #buddypress div.item-list-tabs ul { 129 background-color: #f7f7f7; 130 border-bottom: 1px solid rgba(153, 153, 153, 0.4); 131 overflow: hidden; 132 padding: 5px 0; 133 } 134 #buddypress #object-nav ul { 135 overflow: hidden; 136 } 137 #buddypress #object-nav ul li { 138 float: none; 139 } 140 #buddypress #object-nav ul li:not(.selected) a { 141 opacity: 0.7; 142 } 143 @media screen and (min-width: 38.75em) { 144 #buddypress #object-nav ul li { 145 float: right; 146 } 147 } 148 #buddypress div#subnav.item-list-tabs { 149 margin-top: 0; 150 } 151 #buddypress div#subnav.item-list-tabs ul { 152 background-color: #f7f7f7; 153 border-bottom: 0; 154 padding: 0; 155 } 156 #buddypress div#subnav.item-list-tabs ul li.last { 157 background: #fff; 158 margin-top: 0; 159 padding: 5px 0 5px 5px; 160 width: 100%; 161 } 162 #buddypress div#subnav.item-list-tabs ul li.last select, 163 #buddypress div#subnav.item-list-tabs ul li.last select:focus { 164 background: transparent; 165 border: 0; 166 outline: 0; 167 } 168 #buddypress div#subnav.item-list-tabs ul li.last select, 169 #buddypress div#subnav.item-list-tabs ul li.last label, 170 #buddypress div#subnav.item-list-tabs ul li.last option { 171 font-size: 14px; 172 font-size: 1.4rem; 173 } 174 #buddypress div#subnav.item-list-tabs ul li.last select { 175 font-style: italic; 176 } 177 @media screen and (min-width: 38.75em) { 178 #buddypress div#subnav.item-list-tabs ul li.last { 179 text-align: left; 180 } 181 } 182 #buddypress div.item-list-tabs ul li.selected a, 183 #buddypress div.item-list-tabs ul li.current a { 184 background: #555; 185 color: #fff; 186 opacity: 1; 187 } 99 /*__ Horizontal menus __*/ } 100 #buddypress div.item-list-tabs ul li.selected a { 101 background: #555; 102 color: #fff; 103 opacity: 1; } 104 #buddypress div.item-list-tabs ul { 105 background-color: #f7f7f7; 106 border-bottom: 1px solid rgba(153, 153, 153, 0.4); 107 overflow: hidden; 108 padding: 5px 0; } 109 #buddypress div.item-list-tabs ul li a span { 110 border-radius: 25%; } 111 #buddypress #object-nav ul { 112 overflow: hidden; } 113 #buddypress #object-nav ul li { 114 float: none; } 115 #buddypress #object-nav ul li:not(.selected) a { 116 opacity: 0.7; } 117 @media screen and (min-width: 38.75em) { 118 #buddypress #object-nav ul li { 119 float: right; } } 120 #buddypress div#subnav.item-list-tabs { 121 margin-top: 0; } 122 #buddypress div#subnav.item-list-tabs ul { 123 background-color: #f7f7f7; 124 border-bottom: 0; 125 padding: 0; } 126 #buddypress div#subnav.item-list-tabs ul li.last { 127 background: #fff; 128 margin-top: 0; 129 padding: 5px 0 5px 5px; 130 width: 100%; } 131 #buddypress div#subnav.item-list-tabs ul li.last select, #buddypress div#subnav.item-list-tabs ul li.last select:focus { 132 background: transparent; 133 border: 0; 134 outline: 0; } 135 #buddypress div#subnav.item-list-tabs ul li.last select, #buddypress div#subnav.item-list-tabs ul li.last label, #buddypress div#subnav.item-list-tabs ul li.last option { 136 font-size: 14px; 137 font-size: 1.4rem; } 138 #buddypress div#subnav.item-list-tabs ul li.last select { 139 font-style: italic; } 140 @media screen and (min-width: 38.75em) { 141 #buddypress div#subnav.item-list-tabs ul li.last { 142 text-align: left; } } 143 #buddypress div.item-list-tabs ul li.selected a, #buddypress div.item-list-tabs ul li.current a { 144 background: #555; 145 color: #fff; 146 opacity: 1; } 188 147 189 148 /*__ Vertical menu User account screens __*/ 190 149 @media screen and (min-width: 55em) { 191 150 .bp-user #buddypress { 192 background: #f7f7f7; 193 } 194 .bp-user #buddypress #item-header, 195 .bp-user #buddypress #item-body { 196 background: #fff; 197 } 198 .bp-user #buddypress #object-nav { 199 border-left: 1px solid rgba(153, 153, 153, 0.1); 200 float: right; 201 margin-left: -1px; 202 width: 200px; 203 } 204 .bp-user #buddypress #object-nav ul { 205 border-bottom: 0; 206 padding: 0; 207 } 208 .bp-user #buddypress #object-nav ul li { 151 background: #f7f7f7; } 152 .bp-user #buddypress #item-header, .bp-user #buddypress #item-body { 153 background: #fff; } 154 .bp-user #buddypress #object-nav { 155 border-left: 1px solid rgba(153, 153, 153, 0.1); 156 float: right; 157 margin-left: -1px; 158 width: 200px; } 159 .bp-user #buddypress #object-nav ul { 160 border-bottom: 0; 161 padding: 0; } 162 .bp-user #buddypress #object-nav ul li { 163 float: none; 164 overflow: hidden; } 165 .bp-user #buddypress #object-nav ul li span { 166 border-radius: 10%; 167 float: left; 168 margin-left: 15px; } 169 .bp-user #buddypress #item-body { 170 border-right: 1px solid #ddd; 171 overflow: hidden; 172 padding: 0 10px; 173 width: auto; } 174 .bp-user #buddypress #item-body #subnav { 175 margin: 0 -10px; } } 176 177 /** 178 *------------------------------------------------------------------------------- 179 * @section 2.2 - Pagination 180 *------------------------------------------------------------------------------- 181 */ 182 #buddypress div.pagination { 183 box-shadow: none; } 184 #buddypress div.pagination .pag-count { 185 margin-right: 0; } 186 #buddypress div.pagination .pagination-links { 187 margin-left: 0; } 188 #buddypress div.pagination .pagination-links span, #buddypress div.pagination .pagination-links a { 189 height: auto; 190 line-height: 1; 191 padding: 5px; } 192 #buddypress div.pagination .pagination-links .prev, #buddypress div.pagination .pagination-links .next { 193 background-color: transparent; 194 color: inherit; 195 overflow: visible; 196 width: auto; } 197 #buddypress div.pagination .pagination-links .prev:before, #buddypress div.pagination .pagination-links .next:before { 198 display: none; } 199 #buddypress div.pagination .pagination-links .prev { 200 right: auto; 201 position: static; } 202 #buddypress div.pagination .pagination-links .next { 203 position: static; 204 left: auto; } 205 206 /** 207 *------------------------------------------------------------------------------- 208 * @section 4.0 - BP Lists / Loops Generic 209 *------------------------------------------------------------------------------- 210 */ 211 #buddypress ul.item-list li { 212 overflow: hidden !important; } 213 #buddypress ul.item-list li .item-avatar { 214 margin-bottom: 10px; 215 text-align: center; } 216 @media screen and (min-width: 38.75em) { 217 #buddypress ul.item-list li .item-avatar { 218 margin-bottom: 0; } } 219 #buddypress ul.item-list li .item-avatar a { 220 border-bottom: 0; } 221 #buddypress ul.item-list li .item-avatar img.avatar { 222 display: inline-block; 223 float: none; } 224 @media screen and (min-width: 38.75em) { 225 #buddypress ul.item-list li .item-avatar img.avatar { 226 display: block; 227 float: right; } } 228 #buddypress ul.item-list li .item { 229 margin-right: 25%; } 230 #buddypress ul.item-list li .item span.activity { 231 font-style: italic; } 232 #buddypress ul.item-list li .item .item-desc { 233 margin-right: 0; 234 width: 70%; } 235 @media screen and (min-width: 59.6875em) { 236 #buddypress ul.item-list li .item-avatar, #buddypress ul.item-list li .item, #buddypress ul.item-list li .action { 237 float: right; } 238 #buddypress ul.item-list li .item { 239 right: 10%; 240 margin-right: 0; 241 position: relative; 242 width: 55%; } } 243 #buddypress ul.item-list li div.action { 244 clear: right; 209 245 float: none; 210 overflow: hidden; 211 } 212 .bp-user #buddypress #object-nav ul li span { 213 border-radius: 10%; 214 float: left; 215 margin-left: 15px; 216 } 217 .bp-user #buddypress #item-body { 218 border-right: 1px solid #ddd; 219 overflow: hidden; 220 padding: 0 10px; 221 width: auto; 222 } 223 .bp-user #buddypress #item-body #subnav { 224 margin: 0 -10px; 225 } 226 } 227 /** 228 *------------------------------------------------------------------------------- 229 * @section 2.2 - Pagination 230 *------------------------------------------------------------------------------- 231 */ 232 #buddypress div.pagination { 233 box-shadow: none; 234 } 235 #buddypress div.pagination .pag-count { 246 margin-bottom: -20px; 247 margin-right: 0; 248 padding: 20px 0 5px; 249 position: relative; 250 text-align: right; 251 top: 0; } 252 @media screen and (min-width: 59.6875em) { 253 #buddypress ul.item-list li div.action { 254 clear: none; 255 float: left; 256 margin-bottom: 0; 257 padding: 0; } } 258 #buddypress ul.item-list li div.action div { 259 display: inline-block; 260 margin: 10px 0; 261 width: 100%; } 262 #buddypress ul.item-list li div.action div a { 263 display: block; 264 width: 100%; } 265 @media screen and (min-width: 38.75em) { 266 #buddypress ul.item-list li div.action div { 267 margin: 0 0 10px 10px; 268 width: auto; } } 269 @media screen and (min-width: 59.6875em) { 270 #buddypress ul.item-list li div.action div { 271 clear: left; 272 float: left; 273 margin: 0 0 10px 0; } } 274 #buddypress ul.item-list li div.action .meta { 275 font-style: italic; } 276 277 /** 278 *------------------------------------------------------------------------------- 279 * @section 4.1 - Activity 280 *------------------------------------------------------------------------------- 281 */ 282 /** 283 *------------------------------------------------------------------------------- 284 * @section 4.1.1 - Activity Whats New 285 *------------------------------------------------------------------------------- 286 */ 287 #buddypress form#whats-new-form textarea { 288 width: 100%; } 289 #buddypress form#whats-new-form #whats-new-options[style] { 290 min-height: 6rem; } 291 #buddypress #item-body form#whats-new-form { 292 margin: 40px 0; } 293 294 /** 295 *------------------------------------------------------------------------------- 296 * @section 4.1.2 - Activity Listing 297 *------------------------------------------------------------------------------- 298 */ 299 #buddypress .activity-list li .activity-avatar a img.avatar { 300 height: 60px; 236 301 margin-right: 0; 237 } 238 #buddypress div.pagination .pagination-links { 239 margin-left: 0; 240 } 241 #buddypress div.pagination .pagination-links span, 242 #buddypress div.pagination .pagination-links a { 243 height: auto; 244 line-height: 1; 245 padding: 5px; 246 } 247 #buddypress div.pagination .pagination-links .prev, 248 #buddypress div.pagination .pagination-links .next { 249 background-color: transparent; 250 color: inherit; 251 overflow: visible; 252 width: auto; 253 } 254 #buddypress div.pagination .pagination-links .prev:before, 255 #buddypress div.pagination .pagination-links .next:before { 256 display: none; 257 } 258 #buddypress div.pagination .pagination-links .prev { 259 right: auto; 260 position: static; 261 } 262 #buddypress div.pagination .pagination-links .next { 263 position: static; 264 left: auto; 265 } 266 267 /** 268 *------------------------------------------------------------------------------- 269 * @section 4.0 - BP Lists / Loops Generic 270 *------------------------------------------------------------------------------- 271 */ 272 #buddypress ul.item-list li { 273 overflow: hidden !important; 274 } 275 #buddypress ul.item-list li .item .item-desc { 276 margin-right: 0; 277 width: auto; 278 } 279 @media screen and (min-width: 59.6875em) { 280 #buddypress ul.item-list li .item-avatar, 281 #buddypress ul.item-list li .item, 282 #buddypress ul.item-list li .action { 283 float: right; 284 } 285 #buddypress ul.item-list li .item { 286 right: 10%; 287 position: relative; 288 width: 55%; 289 } 290 } 291 #buddypress ul.item-list li div.action { 292 clear: right; 293 float: none; 294 margin-bottom: -20px; 295 margin-right: 0; 296 padding: 20px 0 5px; 297 position: relative; 298 text-align: right; 299 top: 0; 300 } 301 @media screen and (min-width: 59.6875em) { 302 #buddypress ul.item-list li div.action { 303 clear: none; 304 float: left; 305 margin-bottom: 0; 306 padding: 0; 307 } 308 } 309 #buddypress ul.item-list li div.action div { 310 display: inline-block; 311 margin: 10px 0; 312 width: 100%; 313 } 314 #buddypress ul.item-list li div.action div a { 315 display: block; 316 width: 100%; 317 } 318 @media screen and (min-width: 38.75em) { 319 #buddypress ul.item-list li div.action div { 320 margin: 0 0 10px 10px; 321 width: auto; 322 } 323 } 324 @media screen and (min-width: 59.6875em) { 325 #buddypress ul.item-list li div.action div { 326 clear: left; 327 float: left; 328 margin: 0 0 10px 0; 329 } 330 } 331 #buddypress ul.item-list li div.action .meta { 332 font-style: italic; 333 } 334 335 /** 336 *------------------------------------------------------------------------------- 337 * @section 4.1 - Activity 338 *------------------------------------------------------------------------------- 339 */ 340 /** 341 *------------------------------------------------------------------------------- 342 * @section 4.1.2 - Activity Whats New 343 *------------------------------------------------------------------------------- 344 */ 345 #buddypress form#whats-new-form textarea { 346 width: 100%; 347 } 348 #buddypress form#whats-new-form #whats-new-options[style] { 349 min-height: 6rem; 350 } 351 #buddypress #item-body form#whats-new-form { 352 margin: 40px 0; 353 } 354 355 /** 356 *------------------------------------------------------------------------------- 357 * @section 4.1.2 - Activity Listing 358 *------------------------------------------------------------------------------- 359 */ 302 width: 60px; } 303 #buddypress .activity-list li.mini .activity-avatar a img.avatar { 304 height: 30px; 305 margin-right: 15px; 306 width: 30px; } 307 #buddypress .activity-list li.mini .activity-content .activity-header { 308 font-size: 13px; 309 font-size: 1.3rem; } 360 310 #buddypress .activity-list .activity-content { 361 margin-top: -12px; 362 } 363 #buddypress .activity-list .activity-content .activity-header img.avatar { 364 display: inline-block; 365 } 366 #buddypress .activity-list .load-more a { 367 display: block; 368 } 369 370 /** 371 *------------------------------------------------------------------------------- 372 * @section 4.2 - Members Loop 373 *------------------------------------------------------------------------------- 374 */ 375 @media screen and (min-width: 59.6875em) { 376 #buddypress #members-list li .item-avatar, 377 #buddypress #members-list li .item { 378 float: right; 379 } 380 #buddypress #members-list li .action { 381 float: left; 382 } 383 } 384 385 /** 386 *------------------------------------------------------------------------------- 387 * @section 7.0 - Single User Account Screens 388 *------------------------------------------------------------------------------- 389 */ 390 .bp-user .entry-title { 391 margin-bottom: .5em; 392 } 393 @media screen and (min-width: 77.5em) { 394 .bp-user #buddypress #groups-list li .item { 395 right: 5%; 396 width: 50%; 397 } 398 } 399 400 /** 401 *------------------------------------------------------------------------------- 402 * @section 8.0 - Forms - General 403 *------------------------------------------------------------------------------- 404 */ 405 #buddypress #item-body .standard-form li { 406 float: none; 407 } 408 #buddypress #item-body .standard-form input[type='text'], 409 #buddypress #item-body .standard-form textarea { 410 width: 100%; 411 } 412 #buddypress div.dir-search, 413 #buddypress div.message-search { 414 float: none; 415 margin: 10px 0; 416 } 417 #buddypress div.dir-search form, 418 #buddypress div.message-search form { 419 border: 1px solid rgba(153, 153, 153, 0.4); 420 overflow: hidden; 421 } 422 #buddypress div.dir-search form label, 423 #buddypress div.message-search form label { 424 float: right; 425 width: 80%; 426 } 427 #buddypress div.dir-search form input[type='text'], 428 #buddypress div.message-search form input[type='text'] { 429 float: right; 430 margin: 0; 431 width: 80%; 432 } 433 #buddypress div.dir-search form input[type='text'], 434 #buddypress div.dir-search form input[type='submit'], 435 #buddypress div.message-search form input[type='text'], 436 #buddypress div.message-search form input[type='submit'] { 437 font-size: 14px; 438 font-size: 1.4rem; 439 border: 0; 440 line-height: inherit; 441 } 442 #buddypress div.dir-search form input[type='text'], 443 #buddypress div.message-search form input[type='text'] { 444 border-left: 1px solid rgba(153, 153, 153, 0.4); 445 padding: 0.2em 0.2em 0.2em 0; 446 } 447 #buddypress div.dir-search form input[type='submit'], 448 #buddypress div.message-search form input[type='submit'] { 449 float: left; 450 font-weight: normal; 451 padding: 0.2em 1em; 452 text-align: center; 453 text-transform: none; 454 width: 20%; 455 } 456 @media screen and (min-width: 38.75em) { 457 #buddypress div.dir-search, 458 #buddypress div.message-search { 459 float: left; 460 margin-bottom: 5px !important; 461 } 462 #buddypress div.dir-search form label, 463 #buddypress div.dir-search form input[type='text'], 464 #buddypress div.dir-search form input[type='submit'], 465 #buddypress div.message-search form label, 466 #buddypress div.message-search form input[type='text'], 467 #buddypress div.message-search form input[type='submit'] { 468 width: auto; 469 } 470 #buddypress div.message-search { 471 margin-left: 10px; 472 } 473 } 474 @media screen and (min-width: 77.5em) { 475 #buddypress .dir-search form input[type='text'], 476 #buddypress .message-search form input[type='text'] { 311 margin-top: -12px; } 312 #buddypress .activity-list .activity-content .activity-header { 477 313 font-size: 16px; 478 314 font-size: 1.6rem; 479 } 480 #buddypress .dir-search form input[type='submit'], 481 #buddypress .message-search form input[type='submit'] { 315 line-height: inherit; 316 margin-left: 0; } 317 #buddypress .activity-list .activity-content .activity-header p { 318 background-color: #f7f7f7; 319 border: 1px solid rgba(234, 234, 234, 0.6); 320 padding: 0 .2em; } 321 #buddypress .activity-list .activity-content .activity-header img.avatar { 322 display: inline-block; 323 margin-bottom: 0 !important; } 324 #buddypress .activity-list .activity-content .activity-meta a { 325 display: block; 326 margin-bottom: 5px; } 327 @media screen and (min-width: 38.75em) { 328 #buddypress .activity-list .activity-content .activity-meta a { 329 display: inline-block; 330 margin-bottom: 0; } } 331 #buddypress .activity-list .load-more a { 332 display: block; } 333 334 /** 335 *------------------------------------------------------------------------------- 336 * @section 4.1.3 - Activity Comments 337 *------------------------------------------------------------------------------- 338 */ 339 #buddypress .activity .activity-comments { 340 border-right: 1px solid #eaeaea; 341 margin-top: 5px; } 342 #buddypress .activity .activity-comments ul { 343 background: rgba(247, 247, 247, 0.6); 344 margin: 30px 2px 0 0; } 345 #buddypress .activity .activity-comments .ac-form input[type="submit"], #buddypress .activity .activity-comments .ac-form .ac-reply-cancel { 346 color: rgba(51, 51, 51, 0.8); 347 display: inline-block; 348 font-family: inherit; 349 font-size: 12px; 350 font-size: 1.2rem; 351 font-weight: normal; 352 line-height: 1.2; 353 padding: 4px 10px; 354 text-transform: lowercase; 355 width: 100px; } 356 #buddypress .activity .activity-comments .ac-form .ac-reply-cancel { 357 border: 1px solid rgba(153, 153, 153, 0.7); 358 text-align: center; } 359 #buddypress .activity .activity-comments .ac-form .ac-reply-cancel:focus, #buddypress .activity .activity-comments .ac-form .ac-reply-cancel:hover { 360 background: #ededed; } 361 362 /** 363 *------------------------------------------------------------------------------- 364 * @section 4.2 - Members Loop 365 *------------------------------------------------------------------------------- 366 */ 367 #buddypress #members-list { 368 /* 369 li { 370 .item { 371 .update { 372 border-left: 1px solid rgba($border-color, .4); 373 display: block; 374 margin: .5em 0; 375 padding-left: .3em; 376 } 377 } 378 } 379 */ } 380 @media screen and (min-width: 59.6875em) { 381 #buddypress #members-list li .item-avatar, #buddypress #members-list li .item { 382 float: right; } 383 #buddypress #members-list li .action { 384 float: left; } } 385 386 /** 387 *------------------------------------------------------------------------------- 388 * @section 7.0 - Single User Account Screens 389 *------------------------------------------------------------------------------- 390 */ 391 .bp-user .entry-title { 392 margin-bottom: .5em; } 393 .bp-user #buddypress { 394 /* General elements & classes, pagination, filters */ 395 /* Item Header */ 396 /* Profile */ 397 /* Groups */ 398 /* Messages / Notifications */ } 399 .bp-user #buddypress table th { 400 font-size: 14px; 401 font-size: 1.4rem; } 402 .bp-user #buddypress table td { 403 font-size: 12px; 404 font-size: 1.2rem; } 405 @media screen and (min-width: 46.25em) { 406 .bp-user #buddypress table th { 407 font-size: 16px; 408 font-size: 1.6rem; } 409 .bp-user #buddypress table td { 410 font-size: 14px; 411 font-size: 1.4rem; } } 412 @media screen and (min-width: 77.5em) { 413 .bp-user #buddypress table th { 414 font-size: 18px; 415 font-size: 1.8rem; } 416 .bp-user #buddypress table td { 417 font-size: 16px; 418 font-size: 1.6rem; } } 419 .bp-user #buddypress .pag-count { 420 font-style: italic; } 421 .bp-user #buddypress .notifications-options-nav { 422 border: 1px solid rgba(153, 153, 153, 0.5); 423 float: right; 424 width: 100%; } 425 @media screen and (min-width: 38.75em) { 426 .bp-user #buddypress .notifications-options-nav { 427 width: 300px; } } 428 .bp-user #buddypress .notifications-options-nav select, .bp-user #buddypress .notifications-options-nav input { 429 border: 0; 430 font-size: 14px; 431 font-size: 1.4rem; 432 outline: 0; 433 padding: 0; } 434 .bp-user #buddypress .notifications-options-nav select { 435 float: right; 436 margin-left: 0; 437 width: 60%; } 438 .bp-user #buddypress .notifications-options-nav input { 439 float: left; 440 font-family: inherit; 441 line-height: 20px; 442 width: 40%; } 443 .bp-user #buddypress #item-header { 444 padding: 20px 0; } 445 .bp-user #buddypress #item-header #item-header-avatar { 446 text-align: center; 447 width: 100%; } 448 .bp-user #buddypress #item-header #item-header-avatar img.avatar, .bp-user #buddypress #item-header #item-header-avatar a { 449 border-bottom: 0; 450 display: inline-block; 451 float: none; } 452 @media screen and (min-width: 46.25em) { 453 .bp-user #buddypress #item-header #item-header-avatar { 454 float: right; 455 width: 20%; } 456 .bp-user #buddypress #item-header #item-header-avatar img.avatar, .bp-user #buddypress #item-header #item-header-avatar a { 457 float: right; 458 width: 100%; } 459 .bp-user #buddypress #item-header #item-header-content { 460 float: left; 461 margin-left: 5%; 462 width: 69%; } } 463 .bp-user #buddypress .profile .bp-widget h4 { 464 background: rgba(85, 85, 85, 0.8); 465 color: #fff; 466 margin-bottom: 0; 467 padding: .4em; } 468 .bp-user #buddypress .profile .bp-widget table { 469 margin-top: 0; } 470 .bp-user #buddypress .bp-avatar-nav ul:before, .bp-user #buddypress .bp-avatar-nav ul:after { 471 content: " "; 472 display: table; } 473 .bp-user #buddypress .bp-avatar-nav ul:after { 474 clear: both; } 475 .bp-user #buddypress .bp-avatar-nav ul { 476 border-bottom: 1px solid rgba(153, 153, 153, 0.5); 477 margin-bottom: 20px; } 478 .bp-user #buddypress .bp-avatar-nav ul li.current { 479 border: 1px solid rgba(153, 153, 153, 0.5); 480 border-bottom-color: #fff; 481 border-top-right-radius: 4px; 482 border-top-left-radius: 4px; 483 margin-bottom: -1px; } 484 .bp-user #buddypress .bp-avatar-nav ul li.current a { 485 background: none; 486 outline: 0; } 487 @media screen and (min-width: 77.5em) { 488 .bp-user #buddypress #groups-list li .item { 489 right: 5%; 490 width: 50%; } } 491 492 /** 493 *------------------------------------------------------------------------------- 494 * @section 8.0 - Forms - General 495 *------------------------------------------------------------------------------- 496 */ 497 #buddypress div.activity-comments form .ac-textarea { 498 background: #f7f7f7; 499 border: 1px solid rgba(153, 153, 153, 0.3); } 500 #buddypress div.activity-comments form .ac-textarea textarea { 501 background: none; 502 border: 0; } 503 #buddypress select { 504 border: 1px solid rgba(153, 153, 153, 0.5); } 505 506 #buddypress #item-body .standard-form li { 507 float: none; } 508 #buddypress #item-body .standard-form input[type='text'], #buddypress #item-body .standard-form textarea { 509 width: 100%; } 510 #buddypress div.dir-search, #buddypress div.message-search { 511 float: none; 512 margin: 10px 0; } 513 #buddypress div.dir-search form, #buddypress div.message-search form { 514 border: 1px solid rgba(153, 153, 153, 0.4); 515 overflow: hidden; } 516 #buddypress div.dir-search form label, #buddypress div.message-search form label { 517 float: right; 518 width: 80%; } 519 #buddypress div.dir-search form input[type='text'], #buddypress div.message-search form input[type='text'] { 520 float: right; 521 margin: 0; 522 width: 80%; } 523 #buddypress div.dir-search form input[type='text'], #buddypress div.dir-search form input[type='submit'], #buddypress div.message-search form input[type='text'], #buddypress div.message-search form input[type='submit'] { 524 font-size: 14px; 525 font-size: 1.4rem; 526 border: 0; 527 line-height: inherit; } 528 #buddypress div.dir-search form input[type='text'], #buddypress div.message-search form input[type='text'] { 529 border-left: 1px solid rgba(153, 153, 153, 0.4); 530 padding: 0.2em 0.2em 0.2em 0; } 531 #buddypress div.dir-search form input[type='submit'], #buddypress div.message-search form input[type='submit'] { 532 float: left; 533 font-weight: normal; 534 padding: 0.2em 1em; 535 text-align: center; 536 text-transform: none; 537 width: 20%; } 538 @media screen and (min-width: 38.75em) { 539 #buddypress div.dir-search, #buddypress div.message-search { 540 float: left; 541 margin-bottom: 5px !important; } 542 #buddypress div.dir-search form label, #buddypress div.dir-search form input[type='text'], #buddypress div.dir-search form input[type='submit'], #buddypress div.message-search form label, #buddypress div.message-search form input[type='text'], #buddypress div.message-search form input[type='submit'] { 543 width: auto; } 544 #buddypress div.message-search { 545 margin-left: 10px; } } 546 @media screen and (min-width: 77.5em) { 547 #buddypress .dir-search form input[type='text'], #buddypress .message-search form input[type='text'] { 482 548 font-size: 16px; 483 font-size: 1.6rem; 484 } 485 } 549 font-size: 1.6rem; } 550 #buddypress .dir-search form input[type='submit'], #buddypress .message-search form input[type='submit'] { 551 font-size: 16px; 552 font-size: 1.6rem; } } 486 553 487 554 /** … … 493 560 font-size: 14px; 494 561 font-size: 1.4rem; 495 margin: 20px 0; 496 } 562 margin: 20px 0; } 497 563 @media screen and (min-width: 55em) { 498 564 #buddypress table { 499 565 font-size: 16px; 500 font-size: 1.6rem; 501 } 502 } 566 font-size: 1.6rem; } } 503 567 504 568 /*__ User Account tables __*/ 505 #buddypress .notifications th, 506 #buddypress .messages-notices th { 507 width: 30%; 508 } 509 #buddypress .notifications th.bulk-select-all, 510 #buddypress .messages-notices th.bulk-select-all { 511 text-align: center; 512 width: 10%; 513 } 514 #buddypress .notifications .bulk-select-check, 515 #buddypress .messages-notices .bulk-select-check { 516 text-align: center; 517 } 518 #buddypress .notifications .notification-actions, 519 #buddypress .notifications td.thread-options, 520 #buddypress .messages-notices .notification-actions, 521 #buddypress .messages-notices td.thread-options { 522 text-align: center; 523 } 524 #buddypress .notifications .notification-actions a, 525 #buddypress .notifications td.thread-options a, 526 #buddypress .messages-notices .notification-actions a, 527 #buddypress .messages-notices td.thread-options a { 528 display: inline-block; 529 margin: 0; 530 padding: 0; 531 } 532 #buddypress .notifications td .button, 533 #buddypress .messages-notices td .button { 569 #buddypress .notifications th, #buddypress .messages-notices th { 570 width: 30%; } 571 #buddypress .notifications th.bulk-select-all, #buddypress .messages-notices th.bulk-select-all { 572 text-align: center; 573 width: 10%; } 574 #buddypress .notifications .bulk-select-check, #buddypress .messages-notices .bulk-select-check { 575 text-align: center; } 576 #buddypress .notifications .notification-actions, #buddypress .notifications td.thread-options, #buddypress .messages-notices .notification-actions, #buddypress .messages-notices td.thread-options { 577 text-align: center; } 578 #buddypress .notifications .notification-actions a, #buddypress .notifications td.thread-options a, #buddypress .messages-notices .notification-actions a, #buddypress .messages-notices td.thread-options a { 579 display: inline-block; 580 margin: 0; 581 padding: 0; } 582 #buddypress .notifications td .button, #buddypress .messages-notices td .button { 534 583 border: 0; 535 584 display: block; 536 585 padding: 0; 537 text-align: center; 538 } 539 540 /*# sourceMappingURL=twentyfifteen.css.map */ 586 text-align: center; } -
trunk/src/bp-templates/bp-legacy/css/twentyfifteen.css
r9766 r9769 18 18 >>> TABLE OF CONTENTS: 19 19 ---------------------------------------------------------------- 20 1.0 Theme Structural Elements 20 1.0 Theme Structural Elements & overrides 21 21 2.0 - Navigation - General 22 22 2.1 - Navs - Object Nav / Sub Nav (item-list-tabs) … … 25 25 4.0 - BP Lists / Loops Generic 26 26 4.1 - Activity Loop 27 4.1.1 - Activity Listing 28 4.1.2 - Activity Comments 27 4.1.1 Whats New Activity 28 4.1.2 - Activity Listing 29 4.1.3 - Activity Comments 29 30 4.2 - Members Loop 30 31 4.3 - Groups Loop … … 45 46 /** 46 47 *------------------------------------------------------------------------------- 47 * @section 1.0 - Theme - Structural Elements 48 *------------------------------------------------------------------------------- 49 */ 48 * @section 1.0 - Theme - Structural Elements & overrides 49 *------------------------------------------------------------------------------- 50 */ 51 #buddypress h1, #buddypress h2, #buddypress h3, #buddypress h4, #buddypress h5, #buddypress h6 { 52 clear: none; } 53 50 54 .buddypress div.clear { 51 display: none; 52 } 55 display: none; } 53 56 .buddypress main { 54 padding-top: 4%; 55 } 56 @media screen and (min-width: 59.6875em) { 57 .buddypress main { 58 padding-top: 0; 59 } 60 } 61 .buddypress main article { 62 margin: 0 4%; 63 padding-top: 8.3333%; 64 } 65 @media screen and (min-width: 59.6875em) { 57 padding-top: 4%; } 58 @media screen and (min-width: 59.6875em) { 59 .buddypress main { 60 padding-top: 0; } } 66 61 .buddypress main article { 67 margin: 0 0 0 1px; 68 } 69 } 70 @media screen and (min-width: 87.6875em) { 71 .buddypress main article { 72 margin: 0 4.3333% 0 8.3333%; 73 } 74 } 75 .buddypress main article .entry-header, 76 .buddypress main article .entry-content { 77 padding: 0 2rem 2rem; 78 } 79 .buddypress main article #buddypress { 80 margin-bottom: 40px; 81 } 62 margin: 0 4%; 63 padding-top: 8.3333%; } 64 @media screen and (min-width: 59.6875em) { 65 .buddypress main article { 66 margin: 0 0 0 1px; } } 67 @media screen and (min-width: 87.6875em) { 68 .buddypress main article { 69 margin: 0 4.3333% 0 8.3333%; } } 70 .buddypress main article .entry-header, .buddypress main article .entry-content { 71 padding: 0 2rem 2rem; } 72 .buddypress main article #buddypress { 73 margin-bottom: 40px; } 82 74 .buddypress .site-footer { 83 margin: 0 4%; 84 } 85 @media screen and (min-width: 59.6875em) { 86 .buddypress .site-footer { 87 margin: 0 0 0 35.2941%; 88 width: 61.8235%; 89 } 90 } 75 margin: 0 4%; } 76 @media screen and (min-width: 59.6875em) { 77 .buddypress .site-footer { 78 margin: 0 0 0 35.2941%; 79 width: 61.8235%; } } 91 80 92 81 /** … … 95 84 *------------------------------------------------------------------------------- 96 85 */ 97 .buddypress #buddypress .item-list-tabs a, 98 .buddypress #buddypress .activity-header a, 99 .buddypress #buddypress .activity-inner a, 100 .buddypress #buddypress .activity-comments a, 101 .buddypress #buddypress .item-title a, 102 .buddypress #buddypress .load-more a, 103 .buddypress #buddypress .field-visibility-settings-toggle a, 104 .buddypress #buddypress #latest-update a, 105 .buddypress #buddypress table a { 106 border-bottom: 0; 107 } 108 .buddypress #buddypress .pagination-links a, 109 .buddypress #buddypress .pagination-links span { 110 border-bottom: 0; 111 } 86 .buddypress #buddypress .item-list-tabs a, .buddypress #buddypress .activity-header a, .buddypress #buddypress .activity-inner a, .buddypress #buddypress .activity-comments a, .buddypress #buddypress .item-title a, .buddypress #buddypress .load-more a, .buddypress #buddypress .field-visibility-settings-toggle a, .buddypress #buddypress #latest-update a, .buddypress #buddypress table a, .buddypress #buddypress .avatar-nav-items a { 87 border-bottom: 0; } 88 .buddypress #buddypress .pagination-links a, .buddypress #buddypress .pagination-links span { 89 border-bottom: 0; } 112 90 113 91 /** … … 119 97 */ 120 98 #buddypress { 121 /*__ Horizontal menus __*/ 122 } 123 #buddypress div.item-list-tabs ul li.selected a { 124 background: #555; 125 color: #fff; 126 opacity: 1; 127 } 128 #buddypress div.item-list-tabs ul { 129 background-color: #f7f7f7; 130 border-bottom: 1px solid rgba(153, 153, 153, 0.4); 131 overflow: hidden; 132 padding: 5px 0; 133 } 134 #buddypress #object-nav ul { 135 overflow: hidden; 136 } 137 #buddypress #object-nav ul li { 138 float: none; 139 } 140 #buddypress #object-nav ul li:not(.selected) a { 141 opacity: 0.7; 142 } 143 @media screen and (min-width: 38.75em) { 144 #buddypress #object-nav ul li { 145 float: left; 146 } 147 } 148 #buddypress div#subnav.item-list-tabs { 149 margin-top: 0; 150 } 151 #buddypress div#subnav.item-list-tabs ul { 152 background-color: #f7f7f7; 153 border-bottom: 0; 154 padding: 0; 155 } 156 #buddypress div#subnav.item-list-tabs ul li.last { 157 background: #fff; 158 margin-top: 0; 159 padding: 5px 5px 5px 0; 160 width: 100%; 161 } 162 #buddypress div#subnav.item-list-tabs ul li.last select, 163 #buddypress div#subnav.item-list-tabs ul li.last select:focus { 164 background: transparent; 165 border: 0; 166 outline: 0; 167 } 168 #buddypress div#subnav.item-list-tabs ul li.last select, 169 #buddypress div#subnav.item-list-tabs ul li.last label, 170 #buddypress div#subnav.item-list-tabs ul li.last option { 171 font-size: 14px; 172 font-size: 1.4rem; 173 } 174 #buddypress div#subnav.item-list-tabs ul li.last select { 175 font-style: italic; 176 } 177 @media screen and (min-width: 38.75em) { 178 #buddypress div#subnav.item-list-tabs ul li.last { 179 text-align: right; 180 } 181 } 182 #buddypress div.item-list-tabs ul li.selected a, 183 #buddypress div.item-list-tabs ul li.current a { 184 background: #555; 185 color: #fff; 186 opacity: 1; 187 } 99 /*__ Horizontal menus __*/ } 100 #buddypress div.item-list-tabs ul li.selected a { 101 background: #555; 102 color: #fff; 103 opacity: 1; } 104 #buddypress div.item-list-tabs ul { 105 background-color: #f7f7f7; 106 border-bottom: 1px solid rgba(153, 153, 153, 0.4); 107 overflow: hidden; 108 padding: 5px 0; } 109 #buddypress div.item-list-tabs ul li a span { 110 border-radius: 25%; } 111 #buddypress #object-nav ul { 112 overflow: hidden; } 113 #buddypress #object-nav ul li { 114 float: none; } 115 #buddypress #object-nav ul li:not(.selected) a { 116 opacity: 0.7; } 117 @media screen and (min-width: 38.75em) { 118 #buddypress #object-nav ul li { 119 float: left; } } 120 #buddypress div#subnav.item-list-tabs { 121 margin-top: 0; } 122 #buddypress div#subnav.item-list-tabs ul { 123 background-color: #f7f7f7; 124 border-bottom: 0; 125 padding: 0; } 126 #buddypress div#subnav.item-list-tabs ul li.last { 127 background: #fff; 128 margin-top: 0; 129 padding: 5px 5px 5px 0; 130 width: 100%; } 131 #buddypress div#subnav.item-list-tabs ul li.last select, #buddypress div#subnav.item-list-tabs ul li.last select:focus { 132 background: transparent; 133 border: 0; 134 outline: 0; } 135 #buddypress div#subnav.item-list-tabs ul li.last select, #buddypress div#subnav.item-list-tabs ul li.last label, #buddypress div#subnav.item-list-tabs ul li.last option { 136 font-size: 14px; 137 font-size: 1.4rem; } 138 #buddypress div#subnav.item-list-tabs ul li.last select { 139 font-style: italic; } 140 @media screen and (min-width: 38.75em) { 141 #buddypress div#subnav.item-list-tabs ul li.last { 142 text-align: right; } } 143 #buddypress div.item-list-tabs ul li.selected a, #buddypress div.item-list-tabs ul li.current a { 144 background: #555; 145 color: #fff; 146 opacity: 1; } 188 147 189 148 /*__ Vertical menu User account screens __*/ 190 149 @media screen and (min-width: 55em) { 191 150 .bp-user #buddypress { 192 background: #f7f7f7; 193 } 194 .bp-user #buddypress #item-header, 195 .bp-user #buddypress #item-body { 196 background: #fff; 197 } 198 .bp-user #buddypress #object-nav { 199 border-right: 1px solid rgba(153, 153, 153, 0.1); 200 float: left; 201 margin-right: -1px; 202 width: 200px; 203 } 204 .bp-user #buddypress #object-nav ul { 205 border-bottom: 0; 206 padding: 0; 207 } 208 .bp-user #buddypress #object-nav ul li { 151 background: #f7f7f7; } 152 .bp-user #buddypress #item-header, .bp-user #buddypress #item-body { 153 background: #fff; } 154 .bp-user #buddypress #object-nav { 155 border-right: 1px solid rgba(153, 153, 153, 0.1); 156 float: left; 157 margin-right: -1px; 158 width: 200px; } 159 .bp-user #buddypress #object-nav ul { 160 border-bottom: 0; 161 padding: 0; } 162 .bp-user #buddypress #object-nav ul li { 163 float: none; 164 overflow: hidden; } 165 .bp-user #buddypress #object-nav ul li span { 166 border-radius: 10%; 167 float: right; 168 margin-right: 15px; } 169 .bp-user #buddypress #item-body { 170 border-left: 1px solid #ddd; 171 overflow: hidden; 172 padding: 0 10px; 173 width: auto; } 174 .bp-user #buddypress #item-body #subnav { 175 margin: 0 -10px; } } 176 177 /** 178 *------------------------------------------------------------------------------- 179 * @section 2.2 - Pagination 180 *------------------------------------------------------------------------------- 181 */ 182 #buddypress div.pagination { 183 box-shadow: none; } 184 #buddypress div.pagination .pag-count { 185 margin-left: 0; } 186 #buddypress div.pagination .pagination-links { 187 margin-right: 0; } 188 #buddypress div.pagination .pagination-links span, #buddypress div.pagination .pagination-links a { 189 height: auto; 190 line-height: 1; 191 padding: 5px; } 192 #buddypress div.pagination .pagination-links .prev, #buddypress div.pagination .pagination-links .next { 193 background-color: transparent; 194 color: inherit; 195 overflow: visible; 196 width: auto; } 197 #buddypress div.pagination .pagination-links .prev:before, #buddypress div.pagination .pagination-links .next:before { 198 display: none; } 199 #buddypress div.pagination .pagination-links .prev { 200 left: auto; 201 position: static; } 202 #buddypress div.pagination .pagination-links .next { 203 position: static; 204 right: auto; } 205 206 /** 207 *------------------------------------------------------------------------------- 208 * @section 4.0 - BP Lists / Loops Generic 209 *------------------------------------------------------------------------------- 210 */ 211 #buddypress ul.item-list li { 212 overflow: hidden !important; } 213 #buddypress ul.item-list li .item-avatar { 214 margin-bottom: 10px; 215 text-align: center; } 216 @media screen and (min-width: 38.75em) { 217 #buddypress ul.item-list li .item-avatar { 218 margin-bottom: 0; } } 219 #buddypress ul.item-list li .item-avatar a { 220 border-bottom: 0; } 221 #buddypress ul.item-list li .item-avatar img.avatar { 222 display: inline-block; 223 float: none; } 224 @media screen and (min-width: 38.75em) { 225 #buddypress ul.item-list li .item-avatar img.avatar { 226 display: block; 227 float: left; } } 228 #buddypress ul.item-list li .item { 229 margin-left: 25%; } 230 #buddypress ul.item-list li .item span.activity { 231 font-style: italic; } 232 #buddypress ul.item-list li .item .item-desc { 233 margin-left: 0; 234 width: 70%; } 235 @media screen and (min-width: 59.6875em) { 236 #buddypress ul.item-list li .item-avatar, #buddypress ul.item-list li .item, #buddypress ul.item-list li .action { 237 float: left; } 238 #buddypress ul.item-list li .item { 239 left: 10%; 240 margin-left: 0; 241 position: relative; 242 width: 55%; } } 243 #buddypress ul.item-list li div.action { 244 clear: left; 209 245 float: none; 210 overflow: hidden; 211 } 212 .bp-user #buddypress #object-nav ul li span { 213 border-radius: 10%; 214 float: right; 215 margin-right: 15px; 216 } 217 .bp-user #buddypress #item-body { 218 border-left: 1px solid #ddd; 219 overflow: hidden; 220 padding: 0 10px; 221 width: auto; 222 } 223 .bp-user #buddypress #item-body #subnav { 224 margin: 0 -10px; 225 } 226 } 227 /** 228 *------------------------------------------------------------------------------- 229 * @section 2.2 - Pagination 230 *------------------------------------------------------------------------------- 231 */ 232 #buddypress div.pagination { 233 box-shadow: none; 234 } 235 #buddypress div.pagination .pag-count { 246 margin-bottom: -20px; 247 margin-left: 0; 248 padding: 20px 0 5px; 249 position: relative; 250 text-align: left; 251 top: 0; } 252 @media screen and (min-width: 59.6875em) { 253 #buddypress ul.item-list li div.action { 254 clear: none; 255 float: right; 256 margin-bottom: 0; 257 padding: 0; } } 258 #buddypress ul.item-list li div.action div { 259 display: inline-block; 260 margin: 10px 0; 261 width: 100%; } 262 #buddypress ul.item-list li div.action div a { 263 display: block; 264 width: 100%; } 265 @media screen and (min-width: 38.75em) { 266 #buddypress ul.item-list li div.action div { 267 margin: 0 10px 10px 0; 268 width: auto; } } 269 @media screen and (min-width: 59.6875em) { 270 #buddypress ul.item-list li div.action div { 271 clear: right; 272 float: right; 273 margin: 0 0 10px 0; } } 274 #buddypress ul.item-list li div.action .meta { 275 font-style: italic; } 276 277 /** 278 *------------------------------------------------------------------------------- 279 * @section 4.1 - Activity 280 *------------------------------------------------------------------------------- 281 */ 282 /** 283 *------------------------------------------------------------------------------- 284 * @section 4.1.1 - Activity Whats New 285 *------------------------------------------------------------------------------- 286 */ 287 #buddypress form#whats-new-form textarea { 288 width: 100%; } 289 #buddypress form#whats-new-form #whats-new-options[style] { 290 min-height: 6rem; } 291 #buddypress #item-body form#whats-new-form { 292 margin: 40px 0; } 293 294 /** 295 *------------------------------------------------------------------------------- 296 * @section 4.1.2 - Activity Listing 297 *------------------------------------------------------------------------------- 298 */ 299 #buddypress .activity-list li .activity-avatar a img.avatar { 300 height: 60px; 236 301 margin-left: 0; 237 } 238 #buddypress div.pagination .pagination-links { 239 margin-right: 0; 240 } 241 #buddypress div.pagination .pagination-links span, 242 #buddypress div.pagination .pagination-links a { 243 height: auto; 244 line-height: 1; 245 padding: 5px; 246 } 247 #buddypress div.pagination .pagination-links .prev, 248 #buddypress div.pagination .pagination-links .next { 249 background-color: transparent; 250 color: inherit; 251 overflow: visible; 252 width: auto; 253 } 254 #buddypress div.pagination .pagination-links .prev:before, 255 #buddypress div.pagination .pagination-links .next:before { 256 display: none; 257 } 258 #buddypress div.pagination .pagination-links .prev { 259 left: auto; 260 position: static; 261 } 262 #buddypress div.pagination .pagination-links .next { 263 position: static; 264 right: auto; 265 } 266 267 /** 268 *------------------------------------------------------------------------------- 269 * @section 4.0 - BP Lists / Loops Generic 270 *------------------------------------------------------------------------------- 271 */ 272 #buddypress ul.item-list li { 273 overflow: hidden !important; 274 } 275 #buddypress ul.item-list li .item .item-desc { 276 margin-left: 0; 277 width: auto; 278 } 279 @media screen and (min-width: 59.6875em) { 280 #buddypress ul.item-list li .item-avatar, 281 #buddypress ul.item-list li .item, 282 #buddypress ul.item-list li .action { 283 float: left; 284 } 285 #buddypress ul.item-list li .item { 286 left: 10%; 287 position: relative; 288 width: 55%; 289 } 290 } 291 #buddypress ul.item-list li div.action { 292 clear: left; 293 float: none; 294 margin-bottom: -20px; 295 margin-left: 0; 296 padding: 20px 0 5px; 297 position: relative; 298 text-align: left; 299 top: 0; 300 } 301 @media screen and (min-width: 59.6875em) { 302 #buddypress ul.item-list li div.action { 303 clear: none; 304 float: right; 305 margin-bottom: 0; 306 padding: 0; 307 } 308 } 309 #buddypress ul.item-list li div.action div { 310 display: inline-block; 311 margin: 10px 0; 312 width: 100%; 313 } 314 #buddypress ul.item-list li div.action div a { 315 display: block; 316 width: 100%; 317 } 318 @media screen and (min-width: 38.75em) { 319 #buddypress ul.item-list li div.action div { 320 margin: 0 10px 10px 0; 321 width: auto; 322 } 323 } 324 @media screen and (min-width: 59.6875em) { 325 #buddypress ul.item-list li div.action div { 326 clear: right; 327 float: right; 328 margin: 0 0 10px 0; 329 } 330 } 331 #buddypress ul.item-list li div.action .meta { 332 font-style: italic; 333 } 334 335 /** 336 *------------------------------------------------------------------------------- 337 * @section 4.1 - Activity 338 *------------------------------------------------------------------------------- 339 */ 340 /** 341 *------------------------------------------------------------------------------- 342 * @section 4.1.2 - Activity Whats New 343 *------------------------------------------------------------------------------- 344 */ 345 #buddypress form#whats-new-form textarea { 346 width: 100%; 347 } 348 #buddypress form#whats-new-form #whats-new-options[style] { 349 min-height: 6rem; 350 } 351 #buddypress #item-body form#whats-new-form { 352 margin: 40px 0; 353 } 354 355 /** 356 *------------------------------------------------------------------------------- 357 * @section 4.1.2 - Activity Listing 358 *------------------------------------------------------------------------------- 359 */ 302 width: 60px; } 303 #buddypress .activity-list li.mini .activity-avatar a img.avatar { 304 height: 30px; 305 margin-left: 15px; 306 width: 30px; } 307 #buddypress .activity-list li.mini .activity-content .activity-header { 308 font-size: 13px; 309 font-size: 1.3rem; } 360 310 #buddypress .activity-list .activity-content { 361 margin-top: -12px; 362 } 363 #buddypress .activity-list .activity-content .activity-header img.avatar { 364 display: inline-block; 365 } 366 #buddypress .activity-list .load-more a { 367 display: block; 368 } 369 370 /** 371 *------------------------------------------------------------------------------- 372 * @section 4.2 - Members Loop 373 *------------------------------------------------------------------------------- 374 */ 375 @media screen and (min-width: 59.6875em) { 376 #buddypress #members-list li .item-avatar, 377 #buddypress #members-list li .item { 378 float: left; 379 } 380 #buddypress #members-list li .action { 381 float: right; 382 } 383 } 384 385 /** 386 *------------------------------------------------------------------------------- 387 * @section 7.0 - Single User Account Screens 388 *------------------------------------------------------------------------------- 389 */ 390 .bp-user .entry-title { 391 margin-bottom: .5em; 392 } 393 @media screen and (min-width: 77.5em) { 394 .bp-user #buddypress #groups-list li .item { 395 left: 5%; 396 width: 50%; 397 } 398 } 399 400 /** 401 *------------------------------------------------------------------------------- 402 * @section 8.0 - Forms - General 403 *------------------------------------------------------------------------------- 404 */ 405 #buddypress #item-body .standard-form li { 406 float: none; 407 } 408 #buddypress #item-body .standard-form input[type='text'], 409 #buddypress #item-body .standard-form textarea { 410 width: 100%; 411 } 412 #buddypress div.dir-search, 413 #buddypress div.message-search { 414 float: none; 415 margin: 10px 0; 416 } 417 #buddypress div.dir-search form, 418 #buddypress div.message-search form { 419 border: 1px solid rgba(153, 153, 153, 0.4); 420 overflow: hidden; 421 } 422 #buddypress div.dir-search form label, 423 #buddypress div.message-search form label { 424 float: left; 425 width: 80%; 426 } 427 #buddypress div.dir-search form input[type='text'], 428 #buddypress div.message-search form input[type='text'] { 429 float: left; 430 margin: 0; 431 width: 80%; 432 } 433 #buddypress div.dir-search form input[type='text'], 434 #buddypress div.dir-search form input[type='submit'], 435 #buddypress div.message-search form input[type='text'], 436 #buddypress div.message-search form input[type='submit'] { 437 font-size: 14px; 438 font-size: 1.4rem; 439 border: 0; 440 line-height: inherit; 441 } 442 #buddypress div.dir-search form input[type='text'], 443 #buddypress div.message-search form input[type='text'] { 444 border-right: 1px solid rgba(153, 153, 153, 0.4); 445 padding: 0.2em 0 0.2em 0.2em; 446 } 447 #buddypress div.dir-search form input[type='submit'], 448 #buddypress div.message-search form input[type='submit'] { 449 float: right; 450 font-weight: normal; 451 padding: 0.2em 1em; 452 text-align: center; 453 text-transform: none; 454 width: 20%; 455 } 456 @media screen and (min-width: 38.75em) { 457 #buddypress div.dir-search, 458 #buddypress div.message-search { 459 float: right; 460 margin-bottom: 5px !important; 461 } 462 #buddypress div.dir-search form label, 463 #buddypress div.dir-search form input[type='text'], 464 #buddypress div.dir-search form input[type='submit'], 465 #buddypress div.message-search form label, 466 #buddypress div.message-search form input[type='text'], 467 #buddypress div.message-search form input[type='submit'] { 468 width: auto; 469 } 470 #buddypress div.message-search { 471 margin-right: 10px; 472 } 473 } 474 @media screen and (min-width: 77.5em) { 475 #buddypress .dir-search form input[type='text'], 476 #buddypress .message-search form input[type='text'] { 311 margin-top: -12px; } 312 #buddypress .activity-list .activity-content .activity-header { 477 313 font-size: 16px; 478 314 font-size: 1.6rem; 479 } 480 #buddypress .dir-search form input[type='submit'], 481 #buddypress .message-search form input[type='submit'] { 315 line-height: inherit; 316 margin-right: 0; } 317 #buddypress .activity-list .activity-content .activity-header p { 318 background-color: #f7f7f7; 319 border: 1px solid rgba(234, 234, 234, 0.6); 320 padding: 0 .2em; } 321 #buddypress .activity-list .activity-content .activity-header img.avatar { 322 display: inline-block; 323 margin-bottom: 0 !important; } 324 #buddypress .activity-list .activity-content .activity-meta a { 325 display: block; 326 margin-bottom: 5px; } 327 @media screen and (min-width: 38.75em) { 328 #buddypress .activity-list .activity-content .activity-meta a { 329 display: inline-block; 330 margin-bottom: 0; } } 331 #buddypress .activity-list .load-more a { 332 display: block; } 333 334 /** 335 *------------------------------------------------------------------------------- 336 * @section 4.1.3 - Activity Comments 337 *------------------------------------------------------------------------------- 338 */ 339 #buddypress .activity .activity-comments { 340 border-left: 1px solid #eaeaea; 341 margin-top: 5px; } 342 #buddypress .activity .activity-comments ul { 343 background: rgba(247, 247, 247, 0.6); 344 margin: 30px 0 0 2px; } 345 #buddypress .activity .activity-comments .ac-form input[type="submit"], #buddypress .activity .activity-comments .ac-form .ac-reply-cancel { 346 color: rgba(51, 51, 51, 0.8); 347 display: inline-block; 348 font-family: inherit; 349 font-size: 12px; 350 font-size: 1.2rem; 351 font-weight: normal; 352 line-height: 1.2; 353 padding: 4px 10px; 354 text-transform: lowercase; 355 width: 100px; } 356 #buddypress .activity .activity-comments .ac-form .ac-reply-cancel { 357 border: 1px solid rgba(153, 153, 153, 0.7); 358 text-align: center; } 359 #buddypress .activity .activity-comments .ac-form .ac-reply-cancel:focus, #buddypress .activity .activity-comments .ac-form .ac-reply-cancel:hover { 360 background: #ededed; } 361 362 /** 363 *------------------------------------------------------------------------------- 364 * @section 4.2 - Members Loop 365 *------------------------------------------------------------------------------- 366 */ 367 #buddypress #members-list { 368 /* 369 li { 370 .item { 371 .update { 372 border-left: 1px solid rgba($border-color, .4); 373 display: block; 374 margin: .5em 0; 375 padding-left: .3em; 376 } 377 } 378 } 379 */ } 380 @media screen and (min-width: 59.6875em) { 381 #buddypress #members-list li .item-avatar, #buddypress #members-list li .item { 382 float: left; } 383 #buddypress #members-list li .action { 384 float: right; } } 385 386 /** 387 *------------------------------------------------------------------------------- 388 * @section 7.0 - Single User Account Screens 389 *------------------------------------------------------------------------------- 390 */ 391 .bp-user .entry-title { 392 margin-bottom: .5em; } 393 .bp-user #buddypress { 394 /* General elements & classes, pagination, filters */ 395 /* Item Header */ 396 /* Profile */ 397 /* Groups */ 398 /* Messages / Notifications */ } 399 .bp-user #buddypress table th { 400 font-size: 14px; 401 font-size: 1.4rem; } 402 .bp-user #buddypress table td { 403 font-size: 12px; 404 font-size: 1.2rem; } 405 @media screen and (min-width: 46.25em) { 406 .bp-user #buddypress table th { 407 font-size: 16px; 408 font-size: 1.6rem; } 409 .bp-user #buddypress table td { 410 font-size: 14px; 411 font-size: 1.4rem; } } 412 @media screen and (min-width: 77.5em) { 413 .bp-user #buddypress table th { 414 font-size: 18px; 415 font-size: 1.8rem; } 416 .bp-user #buddypress table td { 417 font-size: 16px; 418 font-size: 1.6rem; } } 419 .bp-user #buddypress .pag-count { 420 font-style: italic; } 421 .bp-user #buddypress .notifications-options-nav { 422 border: 1px solid rgba(153, 153, 153, 0.5); 423 float: left; 424 width: 100%; } 425 @media screen and (min-width: 38.75em) { 426 .bp-user #buddypress .notifications-options-nav { 427 width: 300px; } } 428 .bp-user #buddypress .notifications-options-nav select, .bp-user #buddypress .notifications-options-nav input { 429 border: 0; 430 font-size: 14px; 431 font-size: 1.4rem; 432 outline: 0; 433 padding: 0; } 434 .bp-user #buddypress .notifications-options-nav select { 435 float: left; 436 margin-right: 0; 437 width: 60%; } 438 .bp-user #buddypress .notifications-options-nav input { 439 float: right; 440 font-family: inherit; 441 line-height: 20px; 442 width: 40%; } 443 .bp-user #buddypress #item-header { 444 padding: 20px 0; } 445 .bp-user #buddypress #item-header #item-header-avatar { 446 text-align: center; 447 width: 100%; } 448 .bp-user #buddypress #item-header #item-header-avatar img.avatar, .bp-user #buddypress #item-header #item-header-avatar a { 449 border-bottom: 0; 450 display: inline-block; 451 float: none; } 452 @media screen and (min-width: 46.25em) { 453 .bp-user #buddypress #item-header #item-header-avatar { 454 float: left; 455 width: 20%; } 456 .bp-user #buddypress #item-header #item-header-avatar img.avatar, .bp-user #buddypress #item-header #item-header-avatar a { 457 float: left; 458 width: 100%; } 459 .bp-user #buddypress #item-header #item-header-content { 460 float: right; 461 margin-right: 5%; 462 width: 69%; } } 463 .bp-user #buddypress .profile .bp-widget h4 { 464 background: rgba(85, 85, 85, 0.8); 465 color: #fff; 466 margin-bottom: 0; 467 padding: .4em; } 468 .bp-user #buddypress .profile .bp-widget table { 469 margin-top: 0; } 470 .bp-user #buddypress .bp-avatar-nav ul:before, .bp-user #buddypress .bp-avatar-nav ul:after { 471 content: " "; 472 display: table; } 473 .bp-user #buddypress .bp-avatar-nav ul:after { 474 clear: both; } 475 .bp-user #buddypress .bp-avatar-nav ul { 476 border-bottom: 1px solid rgba(153, 153, 153, 0.5); 477 margin-bottom: 20px; } 478 .bp-user #buddypress .bp-avatar-nav ul li.current { 479 border: 1px solid rgba(153, 153, 153, 0.5); 480 border-bottom-color: #fff; 481 border-top-left-radius: 4px; 482 border-top-right-radius: 4px; 483 margin-bottom: -1px; } 484 .bp-user #buddypress .bp-avatar-nav ul li.current a { 485 background: none; 486 outline: 0; } 487 @media screen and (min-width: 77.5em) { 488 .bp-user #buddypress #groups-list li .item { 489 left: 5%; 490 width: 50%; } } 491 492 /** 493 *------------------------------------------------------------------------------- 494 * @section 8.0 - Forms - General 495 *------------------------------------------------------------------------------- 496 */ 497 #buddypress div.activity-comments form .ac-textarea { 498 background: #f7f7f7; 499 border: 1px solid rgba(153, 153, 153, 0.3); } 500 #buddypress div.activity-comments form .ac-textarea textarea { 501 background: none; 502 border: 0; } 503 #buddypress select { 504 border: 1px solid rgba(153, 153, 153, 0.5); } 505 506 #buddypress #item-body .standard-form li { 507 float: none; } 508 #buddypress #item-body .standard-form input[type='text'], #buddypress #item-body .standard-form textarea { 509 width: 100%; } 510 #buddypress div.dir-search, #buddypress div.message-search { 511 float: none; 512 margin: 10px 0; } 513 #buddypress div.dir-search form, #buddypress div.message-search form { 514 border: 1px solid rgba(153, 153, 153, 0.4); 515 overflow: hidden; } 516 #buddypress div.dir-search form label, #buddypress div.message-search form label { 517 float: left; 518 width: 80%; } 519 #buddypress div.dir-search form input[type='text'], #buddypress div.message-search form input[type='text'] { 520 float: left; 521 margin: 0; 522 width: 80%; } 523 #buddypress div.dir-search form input[type='text'], #buddypress div.dir-search form input[type='submit'], #buddypress div.message-search form input[type='text'], #buddypress div.message-search form input[type='submit'] { 524 font-size: 14px; 525 font-size: 1.4rem; 526 border: 0; 527 line-height: inherit; } 528 #buddypress div.dir-search form input[type='text'], #buddypress div.message-search form input[type='text'] { 529 border-right: 1px solid rgba(153, 153, 153, 0.4); 530 padding: 0.2em 0 0.2em 0.2em; } 531 #buddypress div.dir-search form input[type='submit'], #buddypress div.message-search form input[type='submit'] { 532 float: right; 533 font-weight: normal; 534 padding: 0.2em 1em; 535 text-align: center; 536 text-transform: none; 537 width: 20%; } 538 @media screen and (min-width: 38.75em) { 539 #buddypress div.dir-search, #buddypress div.message-search { 540 float: right; 541 margin-bottom: 5px !important; } 542 #buddypress div.dir-search form label, #buddypress div.dir-search form input[type='text'], #buddypress div.dir-search form input[type='submit'], #buddypress div.message-search form label, #buddypress div.message-search form input[type='text'], #buddypress div.message-search form input[type='submit'] { 543 width: auto; } 544 #buddypress div.message-search { 545 margin-right: 10px; } } 546 @media screen and (min-width: 77.5em) { 547 #buddypress .dir-search form input[type='text'], #buddypress .message-search form input[type='text'] { 482 548 font-size: 16px; 483 font-size: 1.6rem; 484 } 485 } 549 font-size: 1.6rem; } 550 #buddypress .dir-search form input[type='submit'], #buddypress .message-search form input[type='submit'] { 551 font-size: 16px; 552 font-size: 1.6rem; } } 486 553 487 554 /** … … 493 560 font-size: 14px; 494 561 font-size: 1.4rem; 495 margin: 20px 0; 496 } 562 margin: 20px 0; } 497 563 @media screen and (min-width: 55em) { 498 564 #buddypress table { 499 565 font-size: 16px; 500 font-size: 1.6rem; 501 } 502 } 566 font-size: 1.6rem; } } 503 567 504 568 /*__ User Account tables __*/ 505 #buddypress .notifications th, 506 #buddypress .messages-notices th { 507 width: 30%; 508 } 509 #buddypress .notifications th.bulk-select-all, 510 #buddypress .messages-notices th.bulk-select-all { 511 text-align: center; 512 width: 10%; 513 } 514 #buddypress .notifications .bulk-select-check, 515 #buddypress .messages-notices .bulk-select-check { 516 text-align: center; 517 } 518 #buddypress .notifications .notification-actions, 519 #buddypress .notifications td.thread-options, 520 #buddypress .messages-notices .notification-actions, 521 #buddypress .messages-notices td.thread-options { 522 text-align: center; 523 } 524 #buddypress .notifications .notification-actions a, 525 #buddypress .notifications td.thread-options a, 526 #buddypress .messages-notices .notification-actions a, 527 #buddypress .messages-notices td.thread-options a { 528 display: inline-block; 529 margin: 0; 530 padding: 0; 531 } 532 #buddypress .notifications td .button, 533 #buddypress .messages-notices td .button { 569 #buddypress .notifications th, #buddypress .messages-notices th { 570 width: 30%; } 571 #buddypress .notifications th.bulk-select-all, #buddypress .messages-notices th.bulk-select-all { 572 text-align: center; 573 width: 10%; } 574 #buddypress .notifications .bulk-select-check, #buddypress .messages-notices .bulk-select-check { 575 text-align: center; } 576 #buddypress .notifications .notification-actions, #buddypress .notifications td.thread-options, #buddypress .messages-notices .notification-actions, #buddypress .messages-notices td.thread-options { 577 text-align: center; } 578 #buddypress .notifications .notification-actions a, #buddypress .notifications td.thread-options a, #buddypress .messages-notices .notification-actions a, #buddypress .messages-notices td.thread-options a { 579 display: inline-block; 580 margin: 0; 581 padding: 0; } 582 #buddypress .notifications td .button, #buddypress .messages-notices td .button { 534 583 border: 0; 535 584 display: block; 536 585 padding: 0; 537 text-align: center; 538 } 539 540 /*# sourceMappingURL=twentyfifteen.css.map */ 586 text-align: center; }
Note: See TracChangeset
for help on using the changeset viewer.