Skip to:
Content

BuddyPress.org

Changeset 9807


Ignore:
Timestamp:
04/27/2015 06:13:20 PM (5 years ago)
Author:
hnla
Message:

Update twentyfifteen companion styles
Commit adds:

  • Updated & improved sectioning for user & group screens, clearer ordering of item-header & item-body for global and individual screens
  • Adds mixin to manage messages.notices boxes for color/border
  • Adds additional color variables
  • Corrects display issues,user screens
  • Updates what's new area
  • Adds tabbed nav style for profile edit group names
  • Updates styles for profile

See #6291

Location:
trunk/src/bp-templates/bp-legacy/css
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/bp-templates/bp-legacy/css/twentyfifteen-rtl.css

    r9806 r9807  
    3232    4.4 - Blogs Loop
    33335.0 - Directories - Members, Groups, Blogs, Forums
    34 6.0 - Single Group Screens
    35  6.1 - Item-header
    36  6.2 - Management settings screens
    37  6.3 - Group members list
    38 7.0 - Single User Account Screens
    39     7.1 - Item Header
    40     7.2 - Extended Profiles
    41     7.3 - Groups
    42     7.4 - friends
    43     7.5 - Private Messaging Threads
    44     7.6 - Settings
    45 8.0 - Forms  -  General
    46 9.0 - Tables -  General
    47 10.0 - Error / Success Messages
    48 11.0 - Ajax Loading
    49 12.0 - Widgets
     346.0 - Single Item screens: User Account & Single Group Screens
     35    6.1 - Item Headers: Global
     36        6.1.1 - Item-header: Groups;
     37        6.1.2 -  item-header: User Accounts
     38    6.2 - Item Body: Global
     39        6.2.1 - item-body: Groups
     40         6.2.1.1- Management settings screens
     41   6.2.1.2 - Group members list
     42        6.2.2 - item-body: User Accounts
     43      6.2.2.1 - classes, pag, filters
     44      6.2.2.2 - Extended Profiles
     45      6.2.2.3 - Groups
     46      6.2.2.4 - friends
     47      6.2.2.5 - Private Messaging Threads
     48      6.2.2.6 - Settings
     497.0 - Forms  -  General
     508.0 - Tables -  General
     519.0 - Error / Success Messages
     5210.0 - Ajax Loading
     5311.0 - Widgets
    5054--------------------------------------------------------------*/
    5155/**
     
    9599
    96100/**
    97 *-------------------------------------------------------------------------------
    98 * @section 2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
    99 *-------------------------------------------------------------------------------
     101*----------------------------------------------------------
     102* @section 2.1 - Navs Object Nav / Sub Nav (item-list-tabs)
    100103*
    101 * @description The main navigational elements for BP screens
     104* The main navigational elements for all BP screens
     105*----------------------------------------------------------
    102106*/
    103107#buddypress {
     
    151155    opacity: 1; }
    152156
    153 /*__ Vertical menu User account screens __*/
     157/*__ Vertical menu User Account / Group single screens __*/
    154158@media screen and (min-width: 55em) {
    155   /*.bp-user*/
    156   #buddypress {
     159  .bp-user #buddypress, .single-item.groups #buddypress {
    157160    background: #f7f7f7; }
    158     #buddypress #item-header, #buddypress #item-body {
    159       background: #fff; }
    160     #buddypress #object-nav {
    161       border-left: 1px solid rgba(153, 153, 153, 0.1);
    162       float: right;
    163       margin-left: -1px;
    164       width: 200px; }
    165       #buddypress #object-nav ul {
    166         border-bottom: 0;
    167         padding: 0; }
    168         #buddypress #object-nav ul li {
    169           float: none;
    170           overflow: hidden; }
    171           #buddypress #object-nav ul li span {
    172             border-radius: 10%;
    173             float: left;
    174             margin-left: 15px; }
    175     #buddypress #item-body {
    176       border-right: 1px solid #ddd;
    177       overflow: hidden;
    178       padding: 0 10px;
    179       width: auto; }
    180       #buddypress #item-body #subnav {
    181         margin: 0 -10px; } }
    182 
    183 /**
    184 *-------------------------------------------------------------------------------
     161  #buddypress #item-header, #buddypress #item-body {
     162    background: #fff; }
     163  #buddypress #object-nav {
     164    border-left: 1px solid #ddd;
     165    float: right;
     166    margin-left: -1px;
     167    width: 200px; }
     168    #buddypress #object-nav ul {
     169      border-bottom: 0;
     170      padding: 0; }
     171      #buddypress #object-nav ul li {
     172        float: none;
     173        overflow: hidden; }
     174        #buddypress #object-nav ul li span {
     175          border-radius: 10%;
     176          float: left;
     177          margin-left: 15px; }
     178  #buddypress #item-body {
     179    border-right: 1px solid #ddd;
     180    overflow: hidden;
     181    padding: 0 10px;
     182    width: auto; }
     183    #buddypress #item-body #subnav {
     184      margin: 0 -10px; } }
     185
     186/**
     187*----------------------------------------------------------
    185188* @section 2.2 - Pagination
    186 *-------------------------------------------------------------------------------
     189*----------------------------------------------------------
    187190*/
    188191#buddypress div.pagination {
     
    282285
    283286/**
    284 *-------------------------------------------------------------------------------
     287*----------------------------------------------------------
    285288* @section 4.1 - Activity
    286 *-------------------------------------------------------------------------------
    287 */
    288 /**
    289 *-------------------------------------------------------------------------------
     289*----------------------------------------------------------
     290*/
     291/**
     292*-----------------------------------------------------
    290293* @section 4.1.1 - Activity Whats New
    291 *-------------------------------------------------------------------------------
    292 */
     294*-----------------------------------------------------
     295*/
     296#buddypress form#whats-new-form p.activity-greeting {
     297  line-height: 1.4; }
    293298#buddypress form#whats-new-form textarea {
    294299  width: 100%; }
     300@media screen and (max-width: 46.25em) {
     301  #buddypress form#whats-new-form #whats-new-content {
     302    clear: right;
     303    margin: 10px 0 20px;
     304    padding: 10px 0 0; } }
    295305#buddypress form#whats-new-form #whats-new-options[style] {
    296   min-height: 6rem; }
     306  min-height: 6rem;
     307  overflow: visible; }
     308  #buddypress form#whats-new-form #whats-new-options[style] #whats-new-post-in-box {
     309    border: 1px solid rgba(153, 153, 153, 0.5);
     310    float: right;
     311    line-height: 1.5em;
     312    margin-top: 12px;
     313    padding-right: 0.2em;
     314    width: 100%; }
     315    #buddypress form#whats-new-form #whats-new-options[style] #whats-new-post-in-box select {
     316      background: none;
     317      border: 0;
     318      float: left;
     319      margin: 0;
     320      min-height: 1.5em;
     321      padding-right: 0.4em; }
     322  @media screen and (min-width: 30em) {
     323    #buddypress form#whats-new-form #whats-new-options[style] #whats-new-post-in-box {
     324      width: auto; }
     325    #buddypress form#whats-new-form #whats-new-options[style] #whats-new-submit {
     326      float: left; } }
    297327#buddypress #item-body form#whats-new-form {
    298328  margin: 40px 0; }
    299329
    300330/**
    301 *-------------------------------------------------------------------------------
     331*-----------------------------------------------------
    302332* @section 4.1.2 - Activity Listing
    303 *-------------------------------------------------------------------------------
     333*-----------------------------------------------------
    304334*/
    305335#buddypress .activity-list li .activity-avatar a img.avatar {
     
    339369
    340370/**
    341 *-------------------------------------------------------------------------------
     371*-----------------------------------------------------
    342372* @section 4.1.3 - Activity Comments
    343 *-------------------------------------------------------------------------------
     373*-----------------------------------------------------
    344374*/
    345375#buddypress .activity .activity-comments {
     
    367397
    368398/**
    369 *-------------------------------------------------------------------------------
     399*----------------------------------------------------------
    370400* @section 4.2 - Members Loop
    371 *-------------------------------------------------------------------------------
     401*----------------------------------------------------------
    372402*/
    373403@media screen and (min-width: 59.6875em) {
     
    379409/**
    380410*-------------------------------------------------------------------------------
    381 * @section 6.0 - Single Group Screens
    382 *-------------------------------------------------------------------------------
    383 */
    384 /**
    385     *------------------------------------------------------
    386     * @subsection 6.1 - item-header
    387     *------------------------------------------------------
    388     */
     411* @section 6.0 - Single Item screens: User Account & Single Group Screens
     412*-------------------------------------------------------------------------------
     413*/
     414/**
     415*-----------------------------------------------------------
     416* @subsection 6.1 - Item Header Global
     417*-----------------------------------------------------------
     418*/
     419/**
     420*-----------------------------------------------------
     421* @subsection 6.1.1 - item-header Groups
     422*
     423* Group Specific Item Header
     424*-----------------------------------------------------
     425*/
    389426@media screen and (max-width: 38.75em) {
    390   .groups #buddypress div#item-header {
     427  .single-item.groups #buddypress div#item-header {
    391428    display: flex;
    392429    flex-direction: column; }
    393     .groups #buddypress div#item-header #item-header-avatar {
     430    .single-item.groups #buddypress div#item-header #item-header-avatar {
    394431      order: 1;
    395432      text-align: center; }
    396       .groups #buddypress div#item-header #item-header-avatar a {
     433      .single-item.groups #buddypress div#item-header #item-header-avatar a {
    397434        border-bottom: 0; }
    398         .groups #buddypress div#item-header #item-header-avatar a img {
     435        .single-item.groups #buddypress div#item-header #item-header-avatar a img {
    399436          display: inline-block;
    400437          float: none; }
    401     .groups #buddypress div#item-header #item-header-content {
     438    .single-item.groups #buddypress div#item-header #item-header-content {
    402439      order: 2; }
    403     .groups #buddypress div#item-header #item-actions {
     440    .single-item.groups #buddypress div#item-header #item-actions {
    404441      order: 3; } }
    405 .groups #buddypress div#item-header {
     442.single-item.groups #buddypress div#item-header {
    406443  padding-bottom: 40px; }
    407   .groups #buddypress div#item-header div#item-actions {
     444  .single-item.groups #buddypress div#item-header div#item-actions {
    408445    margin: 0;
    409446    width: 100%; }
    410447    @media screen and (min-width: 38.75em) {
    411       .groups #buddypress div#item-header div#item-actions {
     448      .single-item.groups #buddypress div#item-header div#item-actions {
    412449        clear: none;
    413450        float: left;
    414451        width: 50%; } }
    415     .groups #buddypress div#item-header div#item-actions h3 {
     452    .single-item.groups #buddypress div#item-header div#item-actions h3 {
    416453      background: #555;
    417454      color: #fff;
     
    420457      padding: 0.2em; }
    421458      @media screen and (min-width: 46.25em) {
    422         .groups #buddypress div#item-header div#item-actions h3 {
     459        .single-item.groups #buddypress div#item-header div#item-actions h3 {
    423460          font-size: 16px;
    424461          font-size: 1.6rem; } }
    425462  @media screen and (min-width: 46.25em) {
    426     .groups #buddypress div#item-header #item-header-avatar, .groups #buddypress div#item-header #item-header-content {
     463    .single-item.groups #buddypress div#item-header #item-header-avatar, .single-item.groups #buddypress div#item-header #item-header-content {
    427464      float: right; }
    428     .groups #buddypress div#item-header #item-header-avatar {
     465    .single-item.groups #buddypress div#item-header #item-header-avatar {
    429466      width: 21%; }
    430     .groups #buddypress div#item-header #item-header-content {
     467    .single-item.groups #buddypress div#item-header #item-header-content {
    431468      margin-right: 4%;
    432469      width: 40%; }
    433     .groups #buddypress div#item-header div#item-actions {
     470    .single-item.groups #buddypress div#item-header div#item-actions {
    434471      float: left;
    435472      width: 28%; } }
    436473
    437474/**
    438 *-------------------------------------------------------
    439 * @subsection 6.2 - Management settings screens
    440 *-------------------------------------------------------
     475*-----------------------------------------------------
     476* @subsection 6.1.2 - Item Header User Accounts
     477*
     478* User Accounts Specific Item Header
     479*-----------------------------------------------------
     480*/
     481.bp-user #buddypress #item-header {
     482  padding: 20px 0; }
     483  .bp-user #buddypress #item-header #item-header-avatar {
     484    text-align: center;
     485    width: 100%; }
     486    .bp-user #buddypress #item-header #item-header-avatar img.avatar, .bp-user #buddypress #item-header #item-header-avatar a {
     487      border-bottom: 0;
     488      display: inline-block;
     489      float: none; }
     490  @media screen and (min-width: 46.25em) {
     491    .bp-user #buddypress #item-header #item-header-avatar {
     492      float: right;
     493      width: 20%; }
     494      .bp-user #buddypress #item-header #item-header-avatar img.avatar, .bp-user #buddypress #item-header #item-header-avatar a {
     495        float: right;
     496        width: 100%; }
     497    .bp-user #buddypress #item-header #item-header-content {
     498      float: left;
     499      margin-left: 5%;
     500      width: 69%; } }
     501
     502/**
     503*-----------------------------------------------------------
     504* @subsection 6.2 - Item Body: Global
     505*-----------------------------------------------------------
     506*/
     507/**
     508*----------------------------------------------------
     509* @subsection 6.2.1 - Item Body Groups
     510*
     511* Groups specific item body rules -  screens
     512*----------------------------------------------------
     513*/
     514/**
     515*-----------------------------------------
     516* @subsection 6.2.1.1 - Group Management
     517*-----------------------------------------
    441518*/
    442519.groups #group-settings-form h4 {
     
    498575
    499576/**
    500 *------------------------------------------------------
    501 * @subsection 6.3 - Group Members list
    502 *------------------------------------------------------
     577*-----------------------------------------
     578* @subsection 6.2.1.2 - Group members
     579*-----------------------------------------
    503580*/
    504581.groups.group-members #subnav li {
     
    519596
    520597/**
    521 *-------------------------------------------------------------------------------
    522 * @section 7.0 - Single User Account Screens
    523 *-------------------------------------------------------------------------------
     598*-----------------------------------------------------
     599* @subsection 6.2.2 - Item Body User Accounts
     600*
     601* User Account specific item body rules
     602*-----------------------------------------------------
    524603*/
    525604.bp-user .entry-title {
    526605  margin-bottom: 0.5em; }
    527606.bp-user #buddypress {
    528   /* General elements & classes, pagination, filters */
    529607  /**
    530     *-----------------------------------------------------
    531     * @subsection 7.1 - Item Header
    532     *-----------------------------------------------------
     608*--------------------------------------------
     609* @subsection 6.2.2.1 - classes, pag, filters
     610*--------------------------------------------
     611*/
     612  /**
     613    *-------------------------------------------
     614    * @subsection 6.2.2.2 - Extended Profiles
     615    *-------------------------------------------
    533616    */
    534617  /**
    535     *-----------------------------------------------------
    536     * @subsection 7.2 - Extended Profile
    537     *-----------------------------------------------------
    538     */
    539   /**
    540     *-----------------------------------------------------
    541     * @subsection 7.3 - Groups
    542     *-----------------------------------------------------
     618    *-------------------------------------------
     619    * @subsection 6.2.2.3 - Groups
     620    *-------------------------------------------
    543621    */ }
    544622  .bp-user #buddypress table th {
     
    586664      line-height: 20px;
    587665      width: 40%; }
    588   .bp-user #buddypress #item-header {
    589     padding: 20px 0; }
    590     .bp-user #buddypress #item-header #item-header-avatar {
    591       text-align: center;
    592       width: 100%; }
    593       .bp-user #buddypress #item-header #item-header-avatar img.avatar, .bp-user #buddypress #item-header #item-header-avatar a {
    594         border-bottom: 0;
    595         display: inline-block;
    596         float: none; }
    597     @media screen and (min-width: 46.25em) {
    598       .bp-user #buddypress #item-header #item-header-avatar {
     666  .bp-user #buddypress .profile {
     667    /* Edit profile */ }
     668    .bp-user #buddypress .profile .bp-widget h4 {
     669      background: rgba(85, 85, 85, 0.8);
     670      color: #fff;
     671      margin-bottom: 0;
     672      padding: 0.4em; }
     673    .bp-user #buddypress .profile .bp-widget table {
     674      margin-top: 0; }
     675    .bp-user #buddypress .profile #profile-edit-form .button-nav:before, .bp-user #buddypress .profile #profile-edit-form .button-nav:after {
     676      content: " ";
     677      display: table; }
     678    .bp-user #buddypress .profile #profile-edit-form .button-nav:after {
     679      clear: both; }
     680    .bp-user #buddypress .profile #profile-edit-form ul.button-nav {
     681      border-bottom: 1px solid #eaeaea;
     682      margin-right: 0; }
     683      .bp-user #buddypress .profile #profile-edit-form ul.button-nav li {
    599684        float: right;
    600         width: 20%; }
    601         .bp-user #buddypress #item-header #item-header-avatar img.avatar, .bp-user #buddypress #item-header #item-header-avatar a {
    602           float: right;
    603           width: 100%; }
    604       .bp-user #buddypress #item-header #item-header-content {
    605         float: left;
    606         margin-left: 5%;
    607         width: 69%; } }
    608   .bp-user #buddypress .profile .bp-widget h4 {
    609     background: rgba(85, 85, 85, 0.8);
    610     color: #fff;
    611     margin-bottom: 0;
    612     padding: 0.4em; }
    613   .bp-user #buddypress .profile .bp-widget table {
    614     margin-top: 0; }
     685        margin-bottom: 0; }
     686        .bp-user #buddypress .profile #profile-edit-form ul.button-nav li.current {
     687          border: 1px solid #eaeaea;
     688          border-bottom-color: #fff;
     689          margin-bottom: -1px; }
     690      .bp-user #buddypress .profile #profile-edit-form ul.button-nav a {
     691        background: none;
     692        border: 0;
     693        font-size: 18px;
     694        font-size: 1.8rem; }
     695    .bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-toggle, .bp-user #buddypress .profile #profile-edit-form .field-visibility-settings {
     696      font-size: 14px;
     697      font-size: 1.4rem; }
     698    .bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-close, .bp-user #buddypress .profile #profile-edit-form .visibility-toggle-link {
     699      background: #555;
     700      color: #fff;
     701      padding: 0.2em 0.5em; }
     702    .bp-user #buddypress .profile .bp-avatar #bp-delete-avatar a {
     703      font-size: inherit; }
    615704  @media screen and (min-width: 77.5em) {
    616705    .bp-user #buddypress #groups-list li .item {
     
    620709/**
    621710*-------------------------------------------------------------------------------
    622 * @section 8.0 - Forms  - General
     711* @section 7.0 - Forms  - General
    623712*-------------------------------------------------------------------------------
    624713*/
     
    682771/**
    683772*-------------------------------------------------------------------------------
    684 * @section 9.0 - Tables - General
     773* @section 8.0 - Tables - General
    685774*-------------------------------------------------------------------------------
    686775*/
     
    713802  padding: 0;
    714803  text-align: center; }
     804
     805/**
     806*-------------------------------------------------------------------------------
     807* @section 9.0 - Error / Success messages
     808*-------------------------------------------------------------------------------
     809*/
     810#buddypress div#message.info p {
     811  background: #c6e4ee;
     812  border: 1px solid #78bed6; }
  • trunk/src/bp-templates/bp-legacy/css/twentyfifteen.css

    r9806 r9807  
    3232    4.4 - Blogs Loop
    33335.0 - Directories - Members, Groups, Blogs, Forums
    34 6.0 - Single Group Screens
    35  6.1 - Item-header
    36  6.2 - Management settings screens
    37  6.3 - Group members list
    38 7.0 - Single User Account Screens
    39     7.1 - Item Header
    40     7.2 - Extended Profiles
    41     7.3 - Groups
    42     7.4 - friends
    43     7.5 - Private Messaging Threads
    44     7.6 - Settings
    45 8.0 - Forms  -  General
    46 9.0 - Tables -  General
    47 10.0 - Error / Success Messages
    48 11.0 - Ajax Loading
    49 12.0 - Widgets
     346.0 - Single Item screens: User Account & Single Group Screens
     35    6.1 - Item Headers: Global
     36        6.1.1 - Item-header: Groups;
     37        6.1.2 -  item-header: User Accounts
     38    6.2 - Item Body: Global
     39        6.2.1 - item-body: Groups
     40         6.2.1.1- Management settings screens
     41   6.2.1.2 - Group members list
     42        6.2.2 - item-body: User Accounts
     43      6.2.2.1 - classes, pag, filters
     44      6.2.2.2 - Extended Profiles
     45      6.2.2.3 - Groups
     46      6.2.2.4 - friends
     47      6.2.2.5 - Private Messaging Threads
     48      6.2.2.6 - Settings
     497.0 - Forms  -  General
     508.0 - Tables -  General
     519.0 - Error / Success Messages
     5210.0 - Ajax Loading
     5311.0 - Widgets
    5054--------------------------------------------------------------*/
    5155/**
     
    9599
    96100/**
    97 *-------------------------------------------------------------------------------
    98 * @section 2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
    99 *-------------------------------------------------------------------------------
     101*----------------------------------------------------------
     102* @section 2.1 - Navs Object Nav / Sub Nav (item-list-tabs)
    100103*
    101 * @description The main navigational elements for BP screens
     104* The main navigational elements for all BP screens
     105*----------------------------------------------------------
    102106*/
    103107#buddypress {
     
    151155    opacity: 1; }
    152156
    153 /*__ Vertical menu User account screens __*/
     157/*__ Vertical menu User Account / Group single screens __*/
    154158@media screen and (min-width: 55em) {
    155   /*.bp-user*/
    156   #buddypress {
     159  .bp-user #buddypress, .single-item.groups #buddypress {
    157160    background: #f7f7f7; }
    158     #buddypress #item-header, #buddypress #item-body {
    159       background: #fff; }
    160     #buddypress #object-nav {
    161       border-right: 1px solid rgba(153, 153, 153, 0.1);
    162       float: left;
    163       margin-right: -1px;
    164       width: 200px; }
    165       #buddypress #object-nav ul {
    166         border-bottom: 0;
    167         padding: 0; }
    168         #buddypress #object-nav ul li {
    169           float: none;
    170           overflow: hidden; }
    171           #buddypress #object-nav ul li span {
    172             border-radius: 10%;
    173             float: right;
    174             margin-right: 15px; }
    175     #buddypress #item-body {
    176       border-left: 1px solid #ddd;
    177       overflow: hidden;
    178       padding: 0 10px;
    179       width: auto; }
    180       #buddypress #item-body #subnav {
    181         margin: 0 -10px; } }
    182 
    183 /**
    184 *-------------------------------------------------------------------------------
     161  #buddypress #item-header, #buddypress #item-body {
     162    background: #fff; }
     163  #buddypress #object-nav {
     164    border-right: 1px solid #ddd;
     165    float: left;
     166    margin-right: -1px;
     167    width: 200px; }
     168    #buddypress #object-nav ul {
     169      border-bottom: 0;
     170      padding: 0; }
     171      #buddypress #object-nav ul li {
     172        float: none;
     173        overflow: hidden; }
     174        #buddypress #object-nav ul li span {
     175          border-radius: 10%;
     176          float: right;
     177          margin-right: 15px; }
     178  #buddypress #item-body {
     179    border-left: 1px solid #ddd;
     180    overflow: hidden;
     181    padding: 0 10px;
     182    width: auto; }
     183    #buddypress #item-body #subnav {
     184      margin: 0 -10px; } }
     185
     186/**
     187*----------------------------------------------------------
    185188* @section 2.2 - Pagination
    186 *-------------------------------------------------------------------------------
     189*----------------------------------------------------------
    187190*/
    188191#buddypress div.pagination {
     
    282285
    283286/**
    284 *-------------------------------------------------------------------------------
     287*----------------------------------------------------------
    285288* @section 4.1 - Activity
    286 *-------------------------------------------------------------------------------
    287 */
    288 /**
    289 *-------------------------------------------------------------------------------
     289*----------------------------------------------------------
     290*/
     291/**
     292*-----------------------------------------------------
    290293* @section 4.1.1 - Activity Whats New
    291 *-------------------------------------------------------------------------------
    292 */
     294*-----------------------------------------------------
     295*/
     296#buddypress form#whats-new-form p.activity-greeting {
     297  line-height: 1.4; }
    293298#buddypress form#whats-new-form textarea {
    294299  width: 100%; }
     300@media screen and (max-width: 46.25em) {
     301  #buddypress form#whats-new-form #whats-new-content {
     302    clear: left;
     303    margin: 10px 0 20px;
     304    padding: 10px 0 0; } }
    295305#buddypress form#whats-new-form #whats-new-options[style] {
    296   min-height: 6rem; }
     306  min-height: 6rem;
     307  overflow: visible; }
     308  #buddypress form#whats-new-form #whats-new-options[style] #whats-new-post-in-box {
     309    border: 1px solid rgba(153, 153, 153, 0.5);
     310    float: left;
     311    line-height: 1.5em;
     312    margin-top: 12px;
     313    padding-left: 0.2em;
     314    width: 100%; }
     315    #buddypress form#whats-new-form #whats-new-options[style] #whats-new-post-in-box select {
     316      background: none;
     317      border: 0;
     318      float: right;
     319      margin: 0;
     320      min-height: 1.5em;
     321      padding-left: 0.4em; }
     322  @media screen and (min-width: 30em) {
     323    #buddypress form#whats-new-form #whats-new-options[style] #whats-new-post-in-box {
     324      width: auto; }
     325    #buddypress form#whats-new-form #whats-new-options[style] #whats-new-submit {
     326      float: right; } }
    297327#buddypress #item-body form#whats-new-form {
    298328  margin: 40px 0; }
    299329
    300330/**
    301 *-------------------------------------------------------------------------------
     331*-----------------------------------------------------
    302332* @section 4.1.2 - Activity Listing
    303 *-------------------------------------------------------------------------------
     333*-----------------------------------------------------
    304334*/
    305335#buddypress .activity-list li .activity-avatar a img.avatar {
     
    339369
    340370/**
    341 *-------------------------------------------------------------------------------
     371*-----------------------------------------------------
    342372* @section 4.1.3 - Activity Comments
    343 *-------------------------------------------------------------------------------
     373*-----------------------------------------------------
    344374*/
    345375#buddypress .activity .activity-comments {
     
    367397
    368398/**
    369 *-------------------------------------------------------------------------------
     399*----------------------------------------------------------
    370400* @section 4.2 - Members Loop
    371 *-------------------------------------------------------------------------------
     401*----------------------------------------------------------
    372402*/
    373403@media screen and (min-width: 59.6875em) {
     
    379409/**
    380410*-------------------------------------------------------------------------------
    381 * @section 6.0 - Single Group Screens
    382 *-------------------------------------------------------------------------------
    383 */
    384 /**
    385     *------------------------------------------------------
    386     * @subsection 6.1 - item-header
    387     *------------------------------------------------------
    388     */
     411* @section 6.0 - Single Item screens: User Account & Single Group Screens
     412*-------------------------------------------------------------------------------
     413*/
     414/**
     415*-----------------------------------------------------------
     416* @subsection 6.1 - Item Header Global
     417*-----------------------------------------------------------
     418*/
     419/**
     420*-----------------------------------------------------
     421* @subsection 6.1.1 - item-header Groups
     422*
     423* Group Specific Item Header
     424*-----------------------------------------------------
     425*/
    389426@media screen and (max-width: 38.75em) {
    390   .groups #buddypress div#item-header {
     427  .single-item.groups #buddypress div#item-header {
    391428    display: flex;
    392429    flex-direction: column; }
    393     .groups #buddypress div#item-header #item-header-avatar {
     430    .single-item.groups #buddypress div#item-header #item-header-avatar {
    394431      order: 1;
    395432      text-align: center; }
    396       .groups #buddypress div#item-header #item-header-avatar a {
     433      .single-item.groups #buddypress div#item-header #item-header-avatar a {
    397434        border-bottom: 0; }
    398         .groups #buddypress div#item-header #item-header-avatar a img {
     435        .single-item.groups #buddypress div#item-header #item-header-avatar a img {
    399436          display: inline-block;
    400437          float: none; }
    401     .groups #buddypress div#item-header #item-header-content {
     438    .single-item.groups #buddypress div#item-header #item-header-content {
    402439      order: 2; }
    403     .groups #buddypress div#item-header #item-actions {
     440    .single-item.groups #buddypress div#item-header #item-actions {
    404441      order: 3; } }
    405 .groups #buddypress div#item-header {
     442.single-item.groups #buddypress div#item-header {
    406443  padding-bottom: 40px; }
    407   .groups #buddypress div#item-header div#item-actions {
     444  .single-item.groups #buddypress div#item-header div#item-actions {
    408445    margin: 0;
    409446    width: 100%; }
    410447    @media screen and (min-width: 38.75em) {
    411       .groups #buddypress div#item-header div#item-actions {
     448      .single-item.groups #buddypress div#item-header div#item-actions {
    412449        clear: none;
    413450        float: right;
    414451        width: 50%; } }
    415     .groups #buddypress div#item-header div#item-actions h3 {
     452    .single-item.groups #buddypress div#item-header div#item-actions h3 {
    416453      background: #555;
    417454      color: #fff;
     
    420457      padding: 0.2em; }
    421458      @media screen and (min-width: 46.25em) {
    422         .groups #buddypress div#item-header div#item-actions h3 {
     459        .single-item.groups #buddypress div#item-header div#item-actions h3 {
    423460          font-size: 16px;
    424461          font-size: 1.6rem; } }
    425462  @media screen and (min-width: 46.25em) {
    426     .groups #buddypress div#item-header #item-header-avatar, .groups #buddypress div#item-header #item-header-content {
     463    .single-item.groups #buddypress div#item-header #item-header-avatar, .single-item.groups #buddypress div#item-header #item-header-content {
    427464      float: left; }
    428     .groups #buddypress div#item-header #item-header-avatar {
     465    .single-item.groups #buddypress div#item-header #item-header-avatar {
    429466      width: 21%; }
    430     .groups #buddypress div#item-header #item-header-content {
     467    .single-item.groups #buddypress div#item-header #item-header-content {
    431468      margin-left: 4%;
    432469      width: 40%; }
    433     .groups #buddypress div#item-header div#item-actions {
     470    .single-item.groups #buddypress div#item-header div#item-actions {
    434471      float: right;
    435472      width: 28%; } }
    436473
    437474/**
    438 *-------------------------------------------------------
    439 * @subsection 6.2 - Management settings screens
    440 *-------------------------------------------------------
     475*-----------------------------------------------------
     476* @subsection 6.1.2 - Item Header User Accounts
     477*
     478* User Accounts Specific Item Header
     479*-----------------------------------------------------
     480*/
     481.bp-user #buddypress #item-header {
     482  padding: 20px 0; }
     483  .bp-user #buddypress #item-header #item-header-avatar {
     484    text-align: center;
     485    width: 100%; }
     486    .bp-user #buddypress #item-header #item-header-avatar img.avatar, .bp-user #buddypress #item-header #item-header-avatar a {
     487      border-bottom: 0;
     488      display: inline-block;
     489      float: none; }
     490  @media screen and (min-width: 46.25em) {
     491    .bp-user #buddypress #item-header #item-header-avatar {
     492      float: left;
     493      width: 20%; }
     494      .bp-user #buddypress #item-header #item-header-avatar img.avatar, .bp-user #buddypress #item-header #item-header-avatar a {
     495        float: left;
     496        width: 100%; }
     497    .bp-user #buddypress #item-header #item-header-content {
     498      float: right;
     499      margin-right: 5%;
     500      width: 69%; } }
     501
     502/**
     503*-----------------------------------------------------------
     504* @subsection 6.2 - Item Body: Global
     505*-----------------------------------------------------------
     506*/
     507/**
     508*----------------------------------------------------
     509* @subsection 6.2.1 - Item Body Groups
     510*
     511* Groups specific item body rules -  screens
     512*----------------------------------------------------
     513*/
     514/**
     515*-----------------------------------------
     516* @subsection 6.2.1.1 - Group Management
     517*-----------------------------------------
    441518*/
    442519.groups #group-settings-form h4 {
     
    498575
    499576/**
    500 *------------------------------------------------------
    501 * @subsection 6.3 - Group Members list
    502 *------------------------------------------------------
     577*-----------------------------------------
     578* @subsection 6.2.1.2 - Group members
     579*-----------------------------------------
    503580*/
    504581.groups.group-members #subnav li {
     
    519596
    520597/**
    521 *-------------------------------------------------------------------------------
    522 * @section 7.0 - Single User Account Screens
    523 *-------------------------------------------------------------------------------
     598*-----------------------------------------------------
     599* @subsection 6.2.2 - Item Body User Accounts
     600*
     601* User Account specific item body rules
     602*-----------------------------------------------------
    524603*/
    525604.bp-user .entry-title {
    526605  margin-bottom: 0.5em; }
    527606.bp-user #buddypress {
    528   /* General elements & classes, pagination, filters */
    529607  /**
    530     *-----------------------------------------------------
    531     * @subsection 7.1 - Item Header
    532     *-----------------------------------------------------
     608*--------------------------------------------
     609* @subsection 6.2.2.1 - classes, pag, filters
     610*--------------------------------------------
     611*/
     612  /**
     613    *-------------------------------------------
     614    * @subsection 6.2.2.2 - Extended Profiles
     615    *-------------------------------------------
    533616    */
    534617  /**
    535     *-----------------------------------------------------
    536     * @subsection 7.2 - Extended Profile
    537     *-----------------------------------------------------
    538     */
    539   /**
    540     *-----------------------------------------------------
    541     * @subsection 7.3 - Groups
    542     *-----------------------------------------------------
     618    *-------------------------------------------
     619    * @subsection 6.2.2.3 - Groups
     620    *-------------------------------------------
    543621    */ }
    544622  .bp-user #buddypress table th {
     
    586664      line-height: 20px;
    587665      width: 40%; }
    588   .bp-user #buddypress #item-header {
    589     padding: 20px 0; }
    590     .bp-user #buddypress #item-header #item-header-avatar {
    591       text-align: center;
    592       width: 100%; }
    593       .bp-user #buddypress #item-header #item-header-avatar img.avatar, .bp-user #buddypress #item-header #item-header-avatar a {
    594         border-bottom: 0;
    595         display: inline-block;
    596         float: none; }
    597     @media screen and (min-width: 46.25em) {
    598       .bp-user #buddypress #item-header #item-header-avatar {
     666  .bp-user #buddypress .profile {
     667    /* Edit profile */ }
     668    .bp-user #buddypress .profile .bp-widget h4 {
     669      background: rgba(85, 85, 85, 0.8);
     670      color: #fff;
     671      margin-bottom: 0;
     672      padding: 0.4em; }
     673    .bp-user #buddypress .profile .bp-widget table {
     674      margin-top: 0; }
     675    .bp-user #buddypress .profile #profile-edit-form .button-nav:before, .bp-user #buddypress .profile #profile-edit-form .button-nav:after {
     676      content: " ";
     677      display: table; }
     678    .bp-user #buddypress .profile #profile-edit-form .button-nav:after {
     679      clear: both; }
     680    .bp-user #buddypress .profile #profile-edit-form ul.button-nav {
     681      border-bottom: 1px solid #eaeaea;
     682      margin-left: 0; }
     683      .bp-user #buddypress .profile #profile-edit-form ul.button-nav li {
    599684        float: left;
    600         width: 20%; }
    601         .bp-user #buddypress #item-header #item-header-avatar img.avatar, .bp-user #buddypress #item-header #item-header-avatar a {
    602           float: left;
    603           width: 100%; }
    604       .bp-user #buddypress #item-header #item-header-content {
    605         float: right;
    606         margin-right: 5%;
    607         width: 69%; } }
    608   .bp-user #buddypress .profile .bp-widget h4 {
    609     background: rgba(85, 85, 85, 0.8);
    610     color: #fff;
    611     margin-bottom: 0;
    612     padding: 0.4em; }
    613   .bp-user #buddypress .profile .bp-widget table {
    614     margin-top: 0; }
     685        margin-bottom: 0; }
     686        .bp-user #buddypress .profile #profile-edit-form ul.button-nav li.current {
     687          border: 1px solid #eaeaea;
     688          border-bottom-color: #fff;
     689          margin-bottom: -1px; }
     690      .bp-user #buddypress .profile #profile-edit-form ul.button-nav a {
     691        background: none;
     692        border: 0;
     693        font-size: 18px;
     694        font-size: 1.8rem; }
     695    .bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-toggle, .bp-user #buddypress .profile #profile-edit-form .field-visibility-settings {
     696      font-size: 14px;
     697      font-size: 1.4rem; }
     698    .bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-close, .bp-user #buddypress .profile #profile-edit-form .visibility-toggle-link {
     699      background: #555;
     700      color: #fff;
     701      padding: 0.2em 0.5em; }
     702    .bp-user #buddypress .profile .bp-avatar #bp-delete-avatar a {
     703      font-size: inherit; }
    615704  @media screen and (min-width: 77.5em) {
    616705    .bp-user #buddypress #groups-list li .item {
     
    620709/**
    621710*-------------------------------------------------------------------------------
    622 * @section 8.0 - Forms  - General
     711* @section 7.0 - Forms  - General
    623712*-------------------------------------------------------------------------------
    624713*/
     
    682771/**
    683772*-------------------------------------------------------------------------------
    684 * @section 9.0 - Tables - General
     773* @section 8.0 - Tables - General
    685774*-------------------------------------------------------------------------------
    686775*/
     
    713802  padding: 0;
    714803  text-align: center; }
     804
     805/**
     806*-------------------------------------------------------------------------------
     807* @section 9.0 - Error / Success messages
     808*-------------------------------------------------------------------------------
     809*/
     810#buddypress div#message.info p {
     811  background: #c6e4ee;
     812  border: 1px solid #78bed6; }
  • trunk/src/bp-templates/bp-legacy/css/twentyfifteen.scss

    r9806 r9807  
    8181
    8282// Box sizing
    83 
    8483@mixin box-model($box-model) {
    8584//  -webkit-box-sizing: $box-model;
    8685//  -moz-box-sizing: $box-model;
    8786    box-sizing: $box-model;
     87}
     88
     89@mixin message-box($background) {
     90    background: lighten($background, 10%);
     91    border: 1px solid darken($background, 10%);
    8892}
    8993
     
    9599$border-color:       #999; // border color is varied using rgba
    96100$border-light:       #eaeaea; // BP dividers
     101$border-med:         #ddd;
    97102$body-text:          #333; // 2015 body text color
    98103$bp-button-hover:    #ededed; // this is the default BP button hover background
     104$notice-info:        #9fd1e2;
    99105/*--------------------------------------------------------------
    100106
     
    130136    4.4 - Blogs Loop
    1311375.0 - Directories - Members, Groups, Blogs, Forums
    132 6.0 - Single Group Screens
    133  6.1 - Item-header
    134  6.2 - Management settings screens
    135  6.3 - Group members list
    136 7.0 - Single User Account Screens
    137     7.1 - Item Header
    138     7.2 - Extended Profiles
    139     7.3 - Groups
    140     7.4 - friends
    141     7.5 - Private Messaging Threads
    142     7.6 - Settings
    143 8.0 - Forms  -  General
    144 9.0 - Tables -  General
    145 10.0 - Error / Success Messages
    146 11.0 - Ajax Loading
    147 12.0 - Widgets
     1386.0 - Single Item screens: User Account & Single Group Screens
     139    6.1 - Item Headers: Global
     140        6.1.1 - Item-header: Groups;
     141        6.1.2 -  item-header: User Accounts
     142    6.2 - Item Body: Global
     143        6.2.1 - item-body: Groups
     144         6.2.1.1- Management settings screens
     145   6.2.1.2 - Group members list
     146        6.2.2 - item-body: User Accounts
     147      6.2.2.1 - classes, pag, filters
     148      6.2.2.2 - Extended Profiles
     149      6.2.2.3 - Groups
     150      6.2.2.4 - friends
     151      6.2.2.5 - Private Messaging Threads
     152      6.2.2.6 - Settings
     1537.0 - Forms  -  General
     1548.0 - Tables -  General
     1559.0 - Error / Success Messages
     15610.0 - Ajax Loading
     15711.0 - Widgets
    148158--------------------------------------------------------------*/
    149159
     
    243253
    244254/**
    245 *-------------------------------------------------------------------------------
    246 * @section 2.1 - Navs - Object Nav / Sub Nav (item-list-tabs)
    247 *-------------------------------------------------------------------------------
     255*----------------------------------------------------------
     256* @section 2.1 - Navs Object Nav / Sub Nav (item-list-tabs)
    248257*
    249 * @description The main navigational elements for BP screens
     258* The main navigational elements for all BP screens
     259*----------------------------------------------------------
    250260*/
    251261
     
    282292        }
    283293    }
     294
    284295    /*__ Horizontal menus __*/
    285296    #object-nav {
    286297        ul {
    287     //      background-color: #eee;
    288     //      border-bottom: 1px solid #ddd;
    289298            overflow: hidden;
    290299            li {float: none;}
     
    358367} // close #buddypress
    359368
    360     /*__ Vertical menu User account screens __*/
    361 
    362 // This block contains the rules to re-factor the item-body structural element
     369    /*__ Vertical menu User Account / Group single screens __*/
     370
     371// This block contains rules to re-factor the item-body structural element
    363372// to sit alongside the vert menu
    364 // Structural layout and faux column styling of backgrounds is more suited
    365 // to the earlier section. todo: re-position sort out when known what styles
    366 // are being used.
    367373
    368374@media screen and (min-width: 55em) {
    369     /*.bp-user*/ #buddypress {
     375    .bp-user #buddypress,
     376    .single-item.groups #buddypress {
    370377        background: $light-background;
    371 
     378    }
     379
     380    #buddypress {
    372381        #item-header,
    373382        #item-body {
     
    376385
    377386        #object-nav {
    378             border-right: 1px solid rgba($border-color, 0.1);
     387            border-right: 1px solid $border-med;
    379388            float: left;
    380389            margin-right: -1px;
     
    399408
    400409        #item-body {
    401             border-left: 1px solid #ddd;
     410            border-left: 1px solid $border-med;
    402411            overflow: hidden;
    403412            padding: 0 $spacing-val-sm;
     
    409418        }
    410419
    411     } // close .bp-user #buddypress
     420    } // close #buddypress
    412421} // close @media
    413422
    414423/**
    415 *-------------------------------------------------------------------------------
     424*----------------------------------------------------------
    416425* @section 2.2 - Pagination
    417 *-------------------------------------------------------------------------------
     426*----------------------------------------------------------
    418427*/
    419428
     
    571580
    572581/**
    573 *-------------------------------------------------------------------------------
     582*----------------------------------------------------------
    574583* @section 4.1 - Activity
    575 *-------------------------------------------------------------------------------
    576 */
    577 
    578 /**
    579 *-------------------------------------------------------------------------------
     584*----------------------------------------------------------
     585*/
     586
     587/**
     588*-----------------------------------------------------
    580589* @section 4.1.1 - Activity Whats New
    581 *-------------------------------------------------------------------------------
     590*-----------------------------------------------------
    582591*/
    583592
    584593#buddypress {
    585594    form#whats-new-form {
     595
     596        // Line-height issue inherited from BP rules, override.
     597        p.activity-greeting {
     598            line-height: 1.4;
     599        }
     600
    586601        textarea {width: 100%;}
    587602        // corrective measure for clipped elements due to JS inline styling
     603
     604        @media screen and (max-width: 46.25em) {
     605            #whats-new-content {
     606                clear: left;
     607                margin: $spacing-val-sm 0 $spacing-val-md;
     608                padding: $spacing-val-sm 0 0;
     609            }
     610        }
     611
    588612        #whats-new-options[style] {
    589613            min-height: 6rem; // unit open to debate px value might be better.
    590         }
    591     }
     614            overflow: visible;
     615
     616            #whats-new-post-in-box {
     617                border: 1px solid rgba($border-color, 0.5);
     618                float: left;
     619                line-height: 1.5em;
     620                margin-top: 12px;
     621                padding-left: 0.2em;
     622                width: 100%;
     623
     624                select {
     625                    background: none;
     626                    border: 0;
     627                    float: right;
     628                    margin: 0;
     629                    min-height: 1.5em;
     630                    padding-left: 0.4em;
     631                }
     632            }
     633
     634            @media screen and (min-width: 30em) {
     635                #whats-new-post-in-box {
     636                    width: auto;
     637                }
     638
     639                #whats-new-submit {
     640                    float: right;
     641                }
     642            }
     643        }
     644    }
     645
    592646    // User account form requires matching bp default specificity
    593647    #item-body {
     
    599653
    600654/**
    601 *-------------------------------------------------------------------------------
     655*-----------------------------------------------------
    602656* @section 4.1.2 - Activity Listing
    603 *-------------------------------------------------------------------------------
     657*-----------------------------------------------------
    604658*/
    605659
     
    677731
    678732/**
    679 *-------------------------------------------------------------------------------
     733*-----------------------------------------------------
    680734* @section 4.1.3 - Activity Comments
    681 *-------------------------------------------------------------------------------
     735*-----------------------------------------------------
    682736*/
    683737#buddypress {
     
    725779
    726780/**
    727 *-------------------------------------------------------------------------------
     781*----------------------------------------------------------
    728782* @section 4.2 - Members Loop
    729 *-------------------------------------------------------------------------------
     783*----------------------------------------------------------
    730784*/
    731785
     
    751805/**
    752806*-------------------------------------------------------------------------------
    753 * @section 6.0 - Single Group Screens
     807* @section 6.0 - Single Item screens: User Account & Single Group Screens
    754808*-------------------------------------------------------------------------------
    755809*/
    756810
    757811
    758     /**
    759     *------------------------------------------------------
    760     * @subsection 6.1 - item-header
    761     *------------------------------------------------------
    762     */
    763 
    764 .groups {
     812/**
     813*-----------------------------------------------------------
     814* @subsection 6.1 - Item Header Global
     815*-----------------------------------------------------------
     816*/
     817
     818/**
     819*-----------------------------------------------------
     820* @subsection 6.1.1 - item-header Groups
     821*
     822* Group Specific Item Header
     823*-----------------------------------------------------
     824*/
     825
     826.single-item.groups {
    765827    #buddypress {
    766828
     
    845907
    846908/**
    847 *-------------------------------------------------------
    848 * @subsection 6.2 - Management settings screens
    849 *-------------------------------------------------------
     909*-----------------------------------------------------
     910* @subsection 6.1.2 - Item Header User Accounts
     911*
     912* User Accounts Specific Item Header
     913*-----------------------------------------------------
     914*/
     915
     916.bp-user {
     917    #buddypress {
     918        #item-header {
     919            padding: $spacing-val-md 0;
     920
     921            #item-header-avatar {
     922                text-align: center;
     923                width: 100%;
     924
     925                img.avatar,
     926                a {
     927                    border-bottom: 0;
     928                    display: inline-block;
     929                    float: none;
     930                }
     931            }
     932
     933            @media screen and (min-width: 46.25em) {
     934                #item-header-avatar {
     935                    float: left;
     936                    width: 20%;
     937
     938                    img.avatar,
     939                    a {
     940                        float: left;
     941                        width: 100%;
     942                    }
     943                }
     944
     945                #item-header-content {
     946                    float: right;
     947                    margin-right: 5%;
     948                    width: 69%;
     949                }
     950
     951            } // close @media
     952
     953        } // close #item-header
     954
     955    } // close #buddypress
     956} // close .bp-user
     957
     958/**
     959*-----------------------------------------------------------
     960* @subsection 6.2 - Item Body: Global
     961*-----------------------------------------------------------
     962*/
     963
     964/**
     965*----------------------------------------------------
     966* @subsection 6.2.1 - Item Body Groups
     967*
     968* Groups specific item body rules -  screens
     969*----------------------------------------------------
     970*/
     971
     972/**
     973*-----------------------------------------
     974* @subsection 6.2.1.1 - Group Management
     975*-----------------------------------------
    850976*/
    851977
     
    9531079
    9541080/**
    955 *------------------------------------------------------
    956 * @subsection 6.3 - Group Members list
    957 *------------------------------------------------------
    958 */
    959 
    960 // Massage the members search for groups nav specifically
     1081*-----------------------------------------
     1082* @subsection 6.2.1.2 - Group members
     1083*-----------------------------------------
     1084*/
     1085
     1086// Massage the members search for groups nav specifically.
    9611087.groups.group-members {
    9621088    #subnav {
     
    9871113
    9881114/**
    989 *-------------------------------------------------------------------------------
    990 * @section 7.0 - Single User Account Screens
    991 *-------------------------------------------------------------------------------
     1115*-----------------------------------------------------
     1116* @subsection 6.2.2 - Item Body User Accounts
     1117*
     1118* User Account specific item body rules
     1119*-----------------------------------------------------
    9921120*/
    9931121
     
    9971125    #buddypress {
    9981126
    999     /* General elements & classes, pagination, filters */
     1127/**
     1128*--------------------------------------------
     1129* @subsection 6.2.2.1 - classes, pag, filters
     1130*--------------------------------------------
     1131*/
    10001132
    10011133        table {
     
    10471179        } // close .notifications-options-nav
    10481180
    1049     /**
    1050     *-----------------------------------------------------
    1051     * @subsection 7.1 - Item Header
    1052     *-----------------------------------------------------
    1053     */
    1054 
    1055         #item-header {
    1056             padding: $spacing-val-md 0;
    1057 
    1058             #item-header-avatar {
    1059                 text-align: center;
    1060                 width: 100%;
    1061 
    1062                 img.avatar,
    1063                 a {
    1064                     border-bottom: 0;
    1065                     display: inline-block;
    1066                     float: none;
    1067                 }
    1068             }
    1069 
    1070             @media screen and (min-width: 46.25em) {
    1071                 #item-header-avatar {
    1072                     float: left;
    1073                     width: 20%;
    1074 
    1075                     img.avatar,
    1076                     a {
    1077                         float: left;
    1078                         width: 100%;
    1079                     }
    1080                 }
    1081 
    1082                 #item-header-content {
    1083                     float: right;
    1084                     margin-right: 5%;
    1085                     width: 69%;
    1086                 }
    1087 
    1088             } // close @media
    1089 
    1090         } // close #item-header
    1091 
    1092     /**
    1093     *-----------------------------------------------------
    1094     * @subsection 7.2 - Extended Profile
    1095     *-----------------------------------------------------
     1181/**
     1182    *-------------------------------------------
     1183    * @subsection 6.2.2.2 - Extended Profiles
     1184    *-------------------------------------------
    10961185    */
    10971186        .profile {
     
    11061195                table {margin-top: 0;}
    11071196            }
     1197            /* Edit profile */
     1198
     1199            #profile-edit-form {
     1200                .button-nav:before,
     1201                .button-nav:after {
     1202                    content: " ";
     1203                    display: table;
     1204                }
     1205
     1206                .button-nav:after {
     1207                    clear: both;
     1208                }
     1209
     1210                ul.button-nav {
     1211                    border-bottom: 1px solid $border-light;
     1212                    margin-left: 0;
     1213
     1214                    li {
     1215                        float: left;
     1216                        margin-bottom: 0;
     1217
     1218                        &.current {
     1219                            border: 1px solid $border-light;
     1220                            border-bottom-color: #fff;
     1221                            margin-bottom: -1px;
     1222                        }
     1223                    } // li
     1224
     1225                    a {
     1226                        background: none;
     1227                        border: 0;
     1228                        @include font-size(18)
     1229                    }
     1230                } //.button-nav
     1231
     1232                .field-visibility-settings-toggle,
     1233                .field-visibility-settings {
     1234                    @include font-size(14);
     1235                }
     1236
     1237                .field-visibility-settings-close,
     1238                .visibility-toggle-link {
     1239                    background: $dark-background;
     1240                    color: #fff;
     1241                    padding: 0.2em 0.5em;
     1242                }
     1243            } // close profile form
     1244
     1245            .bp-avatar {
     1246                #bp-delete-avatar {
     1247                    a {font-size: inherit; }
     1248                }
     1249            }
    11081250        } // close .profile
    11091251
    11101252/**
    1111     *-----------------------------------------------------
    1112     * @subsection 7.3 - Groups
    1113     *-----------------------------------------------------
     1253    *-------------------------------------------
     1254    * @subsection 6.2.2.3 - Groups
     1255    *-------------------------------------------
    11141256    */
    11151257
     
    11311273/**
    11321274*-------------------------------------------------------------------------------
    1133 * @section 8.0 - Forms  - General
     1275* @section 7.0 - Forms  - General
    11341276*-------------------------------------------------------------------------------
    11351277*/
     
    12671409/**
    12681410*-------------------------------------------------------------------------------
    1269 * @section 9.0 - Tables - General
     1411* @section 8.0 - Tables - General
    12701412*-------------------------------------------------------------------------------
    12711413*/
     
    13271469    } // .notifications, .message-notices
    13281470} // #buddypress
     1471
     1472/**
     1473*-------------------------------------------------------------------------------
     1474* @section 9.0 - Error / Success messages
     1475*-------------------------------------------------------------------------------
     1476*/
     1477#buddypress {
     1478    div#message.info {
     1479        p {
     1480            @include message-box($notice-info);
     1481        }
     1482    }
     1483}
Note: See TracChangeset for help on using the changeset viewer.