Skip to:
Content

BuddyPress.org

Changeset 9852


Ignore:
Timestamp:
05/07/2015 09:06:07 PM (9 years ago)
Author:
hnla
Message:

Updates to twentyfifteen companion styles.
General updates for user account screens:

  • Messaging, Compose, Notices props imath for noting autocomplete formatting
  • Settings screens - port styles from 2014 sheet & modify

Update general tables for TH header backgrounds.
Update messages / notices port mixin from 2014 sheet plus color variables.
check, adjust thread star.
updates to what's new posting, using new activity class.
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

    r9819 r9852  
    34346.0 - Single Item screens: User Account & Single Group Screens
    3535    6.1 - Item Headers: Global
    36         6.1.1 - Item-header: Groups;
    37         6.1.2 -  item-header: User Accounts
     36        6.1.1 - item-header: Groups
     37        6.1.2 - item-header: User Accounts
    3838    6.2 - Item Body: Global
    3939        6.2.1 - item-body: Groups
    40          6.2.1.1- Management settings screens
    41    6.2.1.2 - Group members list
     40            6.2.1.1 - Management settings screens
     41            6.2.1.2 - Group members list
    4242        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
     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
    49497.0 - Forms  -  General
    50508.0 - Tables -  General
    51519.0 - Error / Success Messages
    52 10.0 - Ajax Loading
    53 11.0 - Widgets
     5210.0 - Ajax Loading, Widgets, General classes
    5453--------------------------------------------------------------*/
    5554/**
    … …  
    303302    margin: 10px 0 20px;
    304303    padding: 10px 0 0; } }
    305 #buddypress form#whats-new-form #whats-new-options[style] {
     304#buddypress form#whats-new-form #whats-new-content.active #whats-new-options[style] {
    306305  min-height: 6rem;
    307306  overflow: visible; }
    308   #buddypress form#whats-new-form #whats-new-options[style] #whats-new-post-in-box {
     307  #buddypress form#whats-new-form #whats-new-content.active #whats-new-options[style] #whats-new-post-in-box {
    309308    border: 1px solid rgba(153, 153, 153, 0.5);
    310309    float: right;
    … …  
    313312    padding-right: 0.2em;
    314313    width: 100%; }
    315     #buddypress form#whats-new-form #whats-new-options[style] #whats-new-post-in-box select {
     314    #buddypress form#whats-new-form #whats-new-content.active #whats-new-options[style] #whats-new-post-in-box select {
    316315      background: none;
    317316      border: 0;
    … …  
    321320      padding-right: 0.4em; }
    322321  @media screen and (min-width: 30em) {
    323     #buddypress form#whats-new-form #whats-new-options[style] #whats-new-post-in-box {
     322    #buddypress form#whats-new-form #whats-new-content.active #whats-new-options[style] #whats-new-post-in-box {
    324323      width: auto; }
    325     #buddypress form#whats-new-form #whats-new-options[style] #whats-new-submit {
     324    #buddypress form#whats-new-form #whats-new-content.active #whats-new-options[style] #whats-new-submit {
    326325      float: left; } }
    327326#buddypress #item-body form#whats-new-form {
    … …  
    619618    * @subsection 6.2.2.3 - Groups
    620619    *-------------------------------------------
     620    */
     621  /**
     622    *-------------------------------------------
     623    * @subsection 6.2.2.5 - Private Messaging
     624    *-------------------------------------------
     625    */
     626  /* Auto Complete background */
     627  /* Sitewide Notices loop */
     628  /**
     629    *------------------------------
     630    * @subsection 6.2.2.6 - Settings
     631    *------------------------------
    621632    */ }
    622633  .bp-user #buddypress table th {
    … …  
    667678    /* Edit profile */ }
    668679    .bp-user #buddypress .profile .bp-widget h4 {
    669       background: rgba(85, 85, 85, 0.8);
     680      background: #6e6e6e;
    670681      color: #fff;
    671682      margin-bottom: 0;
    … …  
    706717      right: 5%;
    707718      width: 50%; } }
     719  .bp-user #buddypress #message-thread a {
     720    border-bottom: 0; }
     721  .bp-user #buddypress #message-thread #message-subject {
     722    background: #6e6e6e;
     723    color: #fff;
     724    padding: 0.3em 0.2em 0.3em 0; }
     725  .bp-user #buddypress #message-thread #message-recipients {
     726    font-style: italic; }
     727    .bp-user #buddypress #message-thread #message-recipients a.confirm {
     728      border: 1px solid #eaeaea;
     729      font-style: normal; }
     730  .bp-user #buddypress #message-thread .message-metadata {
     731    overflow: hidden; }
     732    .bp-user #buddypress #message-thread .message-metadata img.avatar {
     733      float: none; }
     734    @media screen and (min-width: 46.25em) {
     735      .bp-user #buddypress #message-thread .message-metadata img.avatar {
     736        float: right; } }
     737    .bp-user #buddypress #message-thread .message-metadata .message-star-actions {
     738      float: left;
     739      margin-left: 5px;
     740      position: static; }
     741  .bp-user #buddypress #message-thread .message-content {
     742    background: #f7f7f7;
     743    border: 1px solid #eaeaea;
     744    margin: 10px 0 0 0;
     745    padding: 0.3em; }
     746  .bp-user #buddypress table#message-threads .bulk-select-check, .bp-user #buddypress table#message-threads .thread-star {
     747    width: 10%; }
     748  .bp-user #buddypress table#message-threads .thread-star a {
     749    outline: none; }
     750  .bp-user #buddypress table#message-threads .thread-from, .bp-user #buddypress table#message-threads .thread-info {
     751    width: 30%; }
     752  .bp-user #buddypress table#message-threads .thread-options {
     753    width: 20%; }
     754  .bp-user #buddypress table#message-threads tr td {
     755    background: #ebf0ff; }
     756  .bp-user #buddypress table#message-threads tr.alt td {
     757    background: #dbe5ff; }
     758  .bp-user #buddypress table#message-threads tr.unread td {
     759    background: #cddaff;
     760    border-bottom: 1px solid #e4cdff;
     761    border-top: 1px solid #e4cdff; }
     762  .bp-user #buddypress table#message-threads tr.read td {
     763    background: #f7f7f7; }
     764  .bp-user #buddypress .acfb-holder li.friend-tab {
     765    margin-left: 0; }
     766    .bp-user #buddypress .acfb-holder li.friend-tab a {
     767      border-bottom: 0; }
     768      .bp-user #buddypress .acfb-holder li.friend-tab a img {
     769        display: inline;
     770        height: 20px;
     771        margin-left: 0.5em;
     772        width: 20px !important; }
     773  .bp-user #buddypress .sitewide-notices tr td:first-child {
     774    display: none; }
     775  .bp-user #buddypress .sitewide-notices td strong {
     776    background: #6e6e6e;
     777    color: #fff;
     778    display: block;
     779    padding-right: 0.2em; }
     780  .bp-user #buddypress #settings-form > p {
     781    font-size: 20px;
     782    font-size: 2rem;
     783    margin: 20px 0 10px; }
     784  .bp-user #buddypress table.notification-settings td.yes, .bp-user #buddypress table.notification-settings td.no {
     785    vertical-align: middle; }
     786  .bp-user #buddypress table.profile-settings {
     787    width: 100%; }
     788    .bp-user #buddypress table.profile-settings th.field-group-name, .bp-user #buddypress table.profile-settings td.field-name {
     789      width: 50%; }
     790    @media screen and (min-width: 46.25em) {
     791      .bp-user #buddypress table.profile-settings th.field-group-name, .bp-user #buddypress table.profile-settings td.field-name {
     792        width: 70%; } }
     793    .bp-user #buddypress table.profile-settings th.title, .bp-user #buddypress table.profile-settings td.field-visibility {
     794      width: 30%; }
     795    .bp-user #buddypress table.profile-settings td.field-visibility select {
     796      width: 100%; }
    708797
    709798/**
    … …  
    778867  font-size: 1.4rem;
    779868  margin: 20px 0; }
     869  #buddypress table tr th {
     870    background: #6e6e6e;
     871    border-color: #b7b7b7;
     872    color: #fff; }
     873  #buddypress table p {
     874    margin-bottom: 0.5em; }
    780875@media screen and (min-width: 55em) {
    781876  #buddypress table {
    … …  
    789884    text-align: center;
    790885    width: 10%; }
    791 #buddypress .notifications .bulk-select-check, #buddypress .messages-notices .bulk-select-check {
     886#buddypress .notifications .bulk-select-check, #buddypress .notifications .thread-star, #buddypress .messages-notices .bulk-select-check, #buddypress .messages-notices .thread-star {
    792887  text-align: center; }
    793888#buddypress .notifications .notification-actions, #buddypress .notifications td.thread-options, #buddypress .messages-notices .notification-actions, #buddypress .messages-notices td.thread-options {
    … …  
    810905#buddypress div#message.info p {
    811906  background: #c6e4ee;
    812   border: 1px solid #78bed6; }
     907  border: 1px solid #78bed6;
     908  color: inherit; }
     909#buddypress div#message.update p {
     910  background: #c2cf7c;
     911  border: 1px solid #97a73e;
     912  color: inherit; }
     913
     914/**
     915*-------------------------------------------------------------------------------
     916* @section 10.0 - Ajax Loading, Widgets, General classes
     917*-------------------------------------------------------------------------------
     918*/
     919#buddypress {
     920  /* Auto Complete background */ }
     921  #buddypress .acfb-holder li.friend-tab {
     922    background: #9fd1e2;
     923    border: inherit; }

  • trunk/src/bp-templates/bp-legacy/css/twentyfifteen.css

    r9819 r9852  
    34346.0 - Single Item screens: User Account & Single Group Screens
    3535    6.1 - Item Headers: Global
    36         6.1.1 - Item-header: Groups;
    37         6.1.2 -  item-header: User Accounts
     36        6.1.1 - item-header: Groups
     37        6.1.2 - item-header: User Accounts
    3838    6.2 - Item Body: Global
    3939        6.2.1 - item-body: Groups
    40          6.2.1.1- Management settings screens
    41    6.2.1.2 - Group members list
     40            6.2.1.1 - Management settings screens
     41            6.2.1.2 - Group members list
    4242        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
     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
    49497.0 - Forms  -  General
    50508.0 - Tables -  General
    51519.0 - Error / Success Messages
    52 10.0 - Ajax Loading
    53 11.0 - Widgets
     5210.0 - Ajax Loading, Widgets, General classes
    5453--------------------------------------------------------------*/
    5554/**
    … …  
    303302    margin: 10px 0 20px;
    304303    padding: 10px 0 0; } }
    305 #buddypress form#whats-new-form #whats-new-options[style] {
     304#buddypress form#whats-new-form #whats-new-content.active #whats-new-options[style] {
    306305  min-height: 6rem;
    307306  overflow: visible; }
    308   #buddypress form#whats-new-form #whats-new-options[style] #whats-new-post-in-box {
     307  #buddypress form#whats-new-form #whats-new-content.active #whats-new-options[style] #whats-new-post-in-box {
    309308    border: 1px solid rgba(153, 153, 153, 0.5);
    310309    float: left;
    … …  
    313312    padding-left: 0.2em;
    314313    width: 100%; }
    315     #buddypress form#whats-new-form #whats-new-options[style] #whats-new-post-in-box select {
     314    #buddypress form#whats-new-form #whats-new-content.active #whats-new-options[style] #whats-new-post-in-box select {
    316315      background: none;
    317316      border: 0;
    … …  
    321320      padding-left: 0.4em; }
    322321  @media screen and (min-width: 30em) {
    323     #buddypress form#whats-new-form #whats-new-options[style] #whats-new-post-in-box {
     322    #buddypress form#whats-new-form #whats-new-content.active #whats-new-options[style] #whats-new-post-in-box {
    324323      width: auto; }
    325     #buddypress form#whats-new-form #whats-new-options[style] #whats-new-submit {
     324    #buddypress form#whats-new-form #whats-new-content.active #whats-new-options[style] #whats-new-submit {
    326325      float: right; } }
    327326#buddypress #item-body form#whats-new-form {
    … …  
    619618    * @subsection 6.2.2.3 - Groups
    620619    *-------------------------------------------
     620    */
     621  /**
     622    *-------------------------------------------
     623    * @subsection 6.2.2.5 - Private Messaging
     624    *-------------------------------------------
     625    */
     626  /* Auto Complete background */
     627  /* Sitewide Notices loop */
     628  /**
     629    *------------------------------
     630    * @subsection 6.2.2.6 - Settings
     631    *------------------------------
    621632    */ }
    622633  .bp-user #buddypress table th {
    … …  
    667678    /* Edit profile */ }
    668679    .bp-user #buddypress .profile .bp-widget h4 {
    669       background: rgba(85, 85, 85, 0.8);
     680      background: #6e6e6e;
    670681      color: #fff;
    671682      margin-bottom: 0;
    … …  
    706717      left: 5%;
    707718      width: 50%; } }
     719  .bp-user #buddypress #message-thread a {
     720    border-bottom: 0; }
     721  .bp-user #buddypress #message-thread #message-subject {
     722    background: #6e6e6e;
     723    color: #fff;
     724    padding: 0.3em 0 0.3em 0.2em; }
     725  .bp-user #buddypress #message-thread #message-recipients {
     726    font-style: italic; }
     727    .bp-user #buddypress #message-thread #message-recipients a.confirm {
     728      border: 1px solid #eaeaea;
     729      font-style: normal; }
     730  .bp-user #buddypress #message-thread .message-metadata {
     731    overflow: hidden; }
     732    .bp-user #buddypress #message-thread .message-metadata img.avatar {
     733      float: none; }
     734    @media screen and (min-width: 46.25em) {
     735      .bp-user #buddypress #message-thread .message-metadata img.avatar {
     736        float: left; } }
     737    .bp-user #buddypress #message-thread .message-metadata .message-star-actions {
     738      float: right;
     739      margin-right: 5px;
     740      position: static; }
     741  .bp-user #buddypress #message-thread .message-content {
     742    background: #f7f7f7;
     743    border: 1px solid #eaeaea;
     744    margin: 10px 0 0 0;
     745    padding: 0.3em; }
     746  .bp-user #buddypress table#message-threads .bulk-select-check, .bp-user #buddypress table#message-threads .thread-star {
     747    width: 10%; }
     748  .bp-user #buddypress table#message-threads .thread-star a {
     749    outline: none; }
     750  .bp-user #buddypress table#message-threads .thread-from, .bp-user #buddypress table#message-threads .thread-info {
     751    width: 30%; }
     752  .bp-user #buddypress table#message-threads .thread-options {
     753    width: 20%; }
     754  .bp-user #buddypress table#message-threads tr td {
     755    background: #ebf0ff; }
     756  .bp-user #buddypress table#message-threads tr.alt td {
     757    background: #dbe5ff; }
     758  .bp-user #buddypress table#message-threads tr.unread td {
     759    background: #cddaff;
     760    border-bottom: 1px solid #e4cdff;
     761    border-top: 1px solid #e4cdff; }
     762  .bp-user #buddypress table#message-threads tr.read td {
     763    background: #f7f7f7; }
     764  .bp-user #buddypress .acfb-holder li.friend-tab {
     765    margin-right: 0; }
     766    .bp-user #buddypress .acfb-holder li.friend-tab a {
     767      border-bottom: 0; }
     768      .bp-user #buddypress .acfb-holder li.friend-tab a img {
     769        display: inline;
     770        height: 20px;
     771        margin-right: 0.5em;
     772        width: 20px !important; }
     773  .bp-user #buddypress .sitewide-notices tr td:first-child {
     774    display: none; }
     775  .bp-user #buddypress .sitewide-notices td strong {
     776    background: #6e6e6e;
     777    color: #fff;
     778    display: block;
     779    padding-left: 0.2em; }
     780  .bp-user #buddypress #settings-form > p {
     781    font-size: 20px;
     782    font-size: 2rem;
     783    margin: 20px 0 10px; }
     784  .bp-user #buddypress table.notification-settings td.yes, .bp-user #buddypress table.notification-settings td.no {
     785    vertical-align: middle; }
     786  .bp-user #buddypress table.profile-settings {
     787    width: 100%; }
     788    .bp-user #buddypress table.profile-settings th.field-group-name, .bp-user #buddypress table.profile-settings td.field-name {
     789      width: 50%; }
     790    @media screen and (min-width: 46.25em) {
     791      .bp-user #buddypress table.profile-settings th.field-group-name, .bp-user #buddypress table.profile-settings td.field-name {
     792        width: 70%; } }
     793    .bp-user #buddypress table.profile-settings th.title, .bp-user #buddypress table.profile-settings td.field-visibility {
     794      width: 30%; }
     795    .bp-user #buddypress table.profile-settings td.field-visibility select {
     796      width: 100%; }
    708797
    709798/**
    … …  
    778867  font-size: 1.4rem;
    779868  margin: 20px 0; }
     869  #buddypress table tr th {
     870    background: #6e6e6e;
     871    border-color: #b7b7b7;
     872    color: #fff; }
     873  #buddypress table p {
     874    margin-bottom: 0.5em; }
    780875@media screen and (min-width: 55em) {
    781876  #buddypress table {
    … …  
    789884    text-align: center;
    790885    width: 10%; }
    791 #buddypress .notifications .bulk-select-check, #buddypress .messages-notices .bulk-select-check {
     886#buddypress .notifications .bulk-select-check, #buddypress .notifications .thread-star, #buddypress .messages-notices .bulk-select-check, #buddypress .messages-notices .thread-star {
    792887  text-align: center; }
    793888#buddypress .notifications .notification-actions, #buddypress .notifications td.thread-options, #buddypress .messages-notices .notification-actions, #buddypress .messages-notices td.thread-options {
    … …  
    810905#buddypress div#message.info p {
    811906  background: #c6e4ee;
    812   border: 1px solid #78bed6; }
     907  border: 1px solid #78bed6;
     908  color: inherit; }
     909#buddypress div#message.update p {
     910  background: #c2cf7c;
     911  border: 1px solid #97a73e;
     912  color: inherit; }
     913
     914/**
     915*-------------------------------------------------------------------------------
     916* @section 10.0 - Ajax Loading, Widgets, General classes
     917*-------------------------------------------------------------------------------
     918*/
     919#buddypress {
     920  /* Auto Complete background */ }
     921  #buddypress .acfb-holder li.friend-tab {
     922    background: #9fd1e2;
     923    border: inherit; }

  • trunk/src/bp-templates/bp-legacy/css/twentyfifteen.scss

    r9819 r9852  
    8787}
    8888
    89 @mixin message-box($background) {
     89// BP message boxes
     90@mixin message-box($background, $text-color: inherit) {
    9091    background: lighten($background, 10%);
    9192    border: 1px solid darken($background, 10%);
     93    color: $text-color;
    9294}
    9395
    … …  
    102104$body-text:          #333; // 2015 body text color
    103105$bp-button-hover:    #ededed; // this is the default BP button hover background
     106$notice-error:       #c85a6e;
     107$notice-warning:     #d05656;
    104108$notice-info:        #9fd1e2;
     109$notice-update:      #b1c157;
     110$stripe-odd:         #ebf0ff;
     111$stripe-even:        #dbe5ff;
     112$unread:             #cddaff;
     113
    105114/*--------------------------------------------------------------
    106115
    … …  
    1381476.0 - Single Item screens: User Account & Single Group Screens
    139148    6.1 - Item Headers: Global
    140         6.1.1 - Item-header: Groups;
    141         6.1.2 -  item-header: User Accounts
     149        6.1.1 - item-header: Groups
     150        6.1.2 - item-header: User Accounts
    142151    6.2 - Item Body: Global
    143152        6.2.1 - item-body: Groups
    144          6.2.1.1- Management settings screens
    145    6.2.1.2 - Group members list
     153            6.2.1.1 - Management settings screens
     154            6.2.1.2 - Group members list
    146155        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
     156            6.2.2.1 - classes, pag, filters
     157            6.2.2.2 - Extended Profiles
     158            6.2.2.3 - Groups
     159            6.2.2.4 - friends
     160            6.2.2.5 - Private Messaging Threads
     161            6.2.2.6 - Settings
    1531627.0 - Forms  -  General
    1541638.0 - Tables -  General
    1551649.0 - Error / Success Messages
    156 10.0 - Ajax Loading
    157 11.0 - Widgets
     16510.0 - Ajax Loading, Widgets, General classes
    158166--------------------------------------------------------------*/
    159167
    … …  
    610618        }
    611619
    612         #whats-new-options[style] {
    613             min-height: 6rem; // unit open to debate px value might be better.
    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) {
     620        #whats-new-content.active {
     621            #whats-new-options[style] {
     622                min-height: 6rem; // unit open to debate px value might be better.
     623                overflow: visible;
     624
    635625                #whats-new-post-in-box {
    636                     width: auto;
    637                 }
    638 
    639                 #whats-new-submit {
    640                     float: right;
    641                 }
    642             }
    643         }
    644     }
     626                    border: 1px solid rgba($border-color, 0.5);
     627                    float: left;
     628                    line-height: 1.5em;
     629                    margin-top: 12px;
     630                    padding-left: 0.2em;
     631                    width: 100%;
     632
     633                    select {
     634                        background: none;
     635                        border: 0;
     636                        float: right;
     637                        margin: 0;
     638                        min-height: 1.5em;
     639                        padding-left: 0.4em;
     640                    }
     641                }
     642
     643                @media screen and (min-width: 30em) {
     644                    #whats-new-post-in-box {
     645                        width: auto;
     646                    }
     647
     648                    #whats-new-submit {
     649                        float: right;
     650                    }
     651                }
     652
     653            } // close #whats-new-options
     654        } // close #whats-new-content.active
     655
     656    } // close #whats-new-form
    645657
    646658    // User account form requires matching bp default specificity
    … …  
    11871199            .bp-widget {
    11881200                h4 {
    1189                     background: rgba($dark-background, 0.8);
     1201                    background: lighten($dark-background, 10%);
    11901202                    color: #fff;
    11911203                    margin-bottom: 0;
    … …  
    12641276                    }
    12651277                }
     1278            }
     1279        }
     1280
     1281/**
     1282    *-------------------------------------------
     1283    * @subsection 6.2.2.5 - Private Messaging
     1284    *-------------------------------------------
     1285    */
     1286
     1287        #message-thread {
     1288        //Single message view
     1289            a {
     1290                border-bottom: 0;
     1291            }
     1292
     1293            #message-subject {
     1294                background: lighten($dark-background, 10%);
     1295                color: $content-background;
     1296                padding: 0.3em 0 0.3em 0.2em;
     1297            }
     1298
     1299            #message-recipients {
     1300                font-style: italic;
     1301
     1302                a.confirm {
     1303                    border: 1px solid $border-light;
     1304                    font-style: normal;
     1305                }
     1306            }
     1307
     1308            .message-metadata {
     1309                overflow: hidden;
     1310
     1311                img.avatar {
     1312                    float: none;
     1313                }
     1314
     1315                @media screen and (min-width: 46.25em) {
     1316                    img.avatar {
     1317                        float: left;
     1318                    }
     1319                }
     1320
     1321                .message-star-actions {
     1322                    float: right;
     1323                    margin-right: $spacing-val-xs;
     1324                    position: static;
     1325                }
     1326            }
     1327
     1328            .message-content {
     1329                background: $light-background;
     1330                border: 1px solid $border-light;
     1331                margin: $spacing-val-sm 0 0 0;
     1332                padding: 0.3em;
     1333            }
     1334        }
     1335
     1336        table#message-threads {
     1337
     1338            .bulk-select-check,
     1339            .thread-star {
     1340                width: 10%;
     1341            }
     1342
     1343            .thread-star a {
     1344                outline: none;
     1345            }
     1346
     1347            .thread-from,
     1348            .thread-info {
     1349                width: 30%;
     1350            }
     1351
     1352            .thread-options {
     1353                width: 20%;
     1354            }
     1355
     1356            tr {
     1357
     1358                td {
     1359                    background: $stripe-odd;
     1360                }
     1361            }
     1362
     1363            tr.alt {
     1364                td {
     1365                    background: $stripe-even;
     1366                }
     1367            }
     1368
     1369            tr.unread {
     1370                td {
     1371                    background: $unread;
     1372                    border-bottom: 1px solid #e4cdff;
     1373                    border-top: 1px solid #e4cdff;
     1374                }
     1375            }
     1376
     1377            tr.read {
     1378                td {
     1379                    background: $light-background;
     1380                }
     1381            }
     1382        }
     1383
     1384    /* Auto Complete background */
     1385        .acfb-holder {
     1386
     1387            li.friend-tab {
     1388                margin-right: 0;
     1389
     1390                a {
     1391                    border-bottom: 0;
     1392
     1393                    img {
     1394                    // this is the tiny user avatar
     1395                        display: inline;
     1396                        height: 20px;
     1397                        margin-right: 0.5em;
     1398                        width: 20px !important; // override inline style
     1399                }
     1400            }
     1401        }
     1402        }
     1403
     1404        /* Sitewide Notices loop */
     1405        .sitewide-notices {
     1406            tr {
     1407                td:first-child {
     1408                    display: none;
     1409                }
     1410            }
     1411
     1412            td {
     1413                strong {
     1414                    background: lighten($dark-background, 10%);
     1415                    color: $content-background;
     1416                    display: block;
     1417                    padding-left: 0.2em;
     1418                }
     1419            }
     1420        }
     1421
     1422/**
     1423    *------------------------------
     1424    * @subsection 6.2.2.6 - Settings
     1425    *------------------------------
     1426    */
     1427
     1428        #settings-form {
     1429            // 'p' = email notification screen sub heading
     1430            > p {
     1431                @include font-size(20);
     1432                margin: $spacing-val-md 0 $spacing-val-sm;
     1433            }
     1434        }
     1435
     1436        table.notification-settings {
     1437            td.yes,
     1438            td.no {
     1439                vertical-align: middle;
     1440            }
     1441        }
     1442        // Profile table td widths
     1443        table.profile-settings {
     1444            width: 100%;
     1445
     1446            th.field-group-name,
     1447            td.field-name {
     1448                width: 50%;
     1449            }
     1450
     1451            @media screen and (min-width: 46.25em) {
     1452                th.field-group-name,
     1453                td.field-name {
     1454                    width: 70%;
     1455                }
     1456            }
     1457
     1458            th.title,
     1459            td.field-visibility {
     1460                width: 30%;
     1461            }
     1462
     1463            td.field-visibility {
     1464                select {width: 100%;}
    12661465            }
    12671466        }
    … …  
    14211620        @include font-size(14);
    14221621        margin: $spacing-val-md 0;
     1622
     1623        tr th {
     1624            background: lighten($dark-background, 10%);
     1625            border-color: darken($border-light, 20%);
     1626            color: $content-background;
     1627        }
     1628
     1629        // Reduce the themes inherited paragraph margins in tables
     1630        p {margin-bottom: 0.5em;}
    14231631    }
    14241632
    … …  
    14441652        }
    14451653
    1446         .bulk-select-check {text-align: center;}
     1654        .bulk-select-check,
     1655        .thread-star {
     1656            text-align: center;
     1657        }
     1658
    14471659        .notification-actions,
    14481660        td.thread-options {
    … …  
    14761688*/
    14771689#buddypress {
    1478     div#message.info {
    1479         p {
    1480             @include message-box($notice-info);
    1481         }
     1690    div#message {
     1691        &.info {
     1692            p {
     1693                @include message-box($notice-info);
     1694            }
     1695        }
     1696
     1697        &.update {
     1698            p {
     1699                @include message-box($notice-update);
     1700            }
     1701        }
     1702
     1703    } // close #message
     1704
     1705} // close  #buddypress
     1706
     1707/**
     1708*-------------------------------------------------------------------------------
     1709* @section 10.0 - Ajax Loading, Widgets, General classes
     1710*-------------------------------------------------------------------------------
     1711*/
     1712
     1713#buddypress {
     1714    /* Auto Complete background */
     1715    .acfb-holder {
     1716
     1717        li.friend-tab {
     1718            background: $notice-info;
     1719            border: inherit;
     1720     }
    14821721    }
    14831722}
Note: See TracChangeset for help on using the changeset viewer.