Skip to:
Content

BuddyPress.org

Changeset 9872


Ignore:
Timestamp:
05/16/2015 06:08:30 PM (9 years ago)
Author:
hnla
Message:

Updates to twentyfourteen companion styles

  • Minor corrections & improvements for mobile views
  • Transpose what's new active class to use style attr check
  • Port over messages-threads table layout from 2015 and adjust layout to work for 2014; update various styles. props r-a-y

See #6338

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

Legend:

Unmodified
Added
Removed

  • trunk/src/bp-templates/bp-legacy/css/twentyfourteen-rtl.css

    r9864 r9872  
    212212    float: none;
    213213    width: 100%; }
     214    #buddypress ul.item-list li div.item-title > a {
     215      text-align: center; }
    214216  #buddypress ul.item-list li .item {
    215217    margin-right: 0; }
    … …  
    234236      float: right;
    235237      margin-bottom: 0; }
     238    #buddypress ul.item-list li div.item-title > a {
     239      text-align: right; }
    236240    #buddypress ul.item-list li .item {
    237241      float: left;
    … …  
    293297  #buddypress form#whats-new-form textarea#whats-new {
    294298    width: 100%; }
    295   #buddypress form#whats-new-form #whats-new-content.active textarea {
    296     height: auto !important; }
    297   #buddypress form#whats-new-form #whats-new-content.active #whats-new-options {
     299  #buddypress form#whats-new-form #whats-new-content #whats-new-options[style] {
    298300    height: auto !important; }
    299301  @media screen and (max-width: 594px) {
    300     #buddypress form#whats-new-form #whats-new-content.active #whats-new-options {
     302    #buddypress form#whats-new-form #whats-new-content #whats-new-options {
    301303      display: flex;
    302304      flex-direction: column; }
    303       #buddypress form#whats-new-form #whats-new-content.active #whats-new-options #whats-new-submit {
     305      #buddypress form#whats-new-form #whats-new-content #whats-new-options #whats-new-submit {
    304306        order: 2; }
    305         #buddypress form#whats-new-form #whats-new-content.active #whats-new-options #whats-new-submit input {
     307        #buddypress form#whats-new-form #whats-new-content #whats-new-options #whats-new-submit input {
    306308          width: 100%; }
    307       #buddypress form#whats-new-form #whats-new-content.active #whats-new-options #whats-new-post-in-box {
     309      #buddypress form#whats-new-form #whats-new-content #whats-new-options #whats-new-post-in-box {
     310        margin-top: 10px;
    308311        order: 1; }
    309         #buddypress form#whats-new-form #whats-new-content.active #whats-new-options #whats-new-post-in-box select {
     312        #buddypress form#whats-new-form #whats-new-content #whats-new-options #whats-new-post-in-box select {
    310313          margin-top: 5px;
    311314          max-width: 100%;
    … …  
    396399*------------------------------------------------------------
    397400*/
    398 #buddypress .members .item-list .my-entry .item {
    399   background: #f7f7f7;
    400   -webkit-box-sizing: border-box;
    401   -moz-box-sizing: border-box;
    402   box-sizing: border-box;
    403   padding: 0 0.5em; }
    404   @media screen and (min-width: 783px) {
    405     #buddypress .members .item-list .my-entry .item {
    406       float: left;
    407       margin-right: 0;
    408       padding: 0 0.5em;
    409       width: 88%; } }
    410 
    411401/*
    412402*-------------------------------------------------------------------------------
    … …  
    655645*-------------------------------------------------
    656646*/
     647/**
     648    *------------------------------
     649    * 6.2.2.2 - Extended Profiles
     650    *------------------------------
     651    */
     652#buddypress .profile .bp-widget h4 {
     653  background: #999;
     654  color: #fff;
     655  padding: 0.4em 0.2em; }
     656#buddypress .profile #profile-edit-form .button-nav:before, #buddypress .profile #profile-edit-form .button-nav:after {
     657  content: " ";
     658  display: table; }
     659#buddypress .profile #profile-edit-form .button-nav:after {
     660  clear: both; }
     661#buddypress .profile #profile-edit-form ul.button-nav {
     662  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     663  margin-right: 0; }
     664  #buddypress .profile #profile-edit-form ul.button-nav li {
     665    float: right;
     666    margin-bottom: 0; }
     667    #buddypress .profile #profile-edit-form ul.button-nav li.current {
     668      border: 1px solid rgba(0, 0, 0, 0.1);
     669      border-bottom-color: #fff;
     670      margin-bottom: -1px; }
     671  #buddypress .profile #profile-edit-form ul.button-nav a {
     672    background: none;
     673    border: 0;
     674    font-size: 18px;
     675    font-size: 1.125rem; }
     676#buddypress .profile #profile-edit-form .field-visibility-settings-toggle, #buddypress .profile #profile-edit-form .field-visibility-settings {
     677  font-size: 14px;
     678  font-size: 0.875rem; }
     679#buddypress .profile #profile-edit-form .field-visibility-settings-close, #buddypress .profile #profile-edit-form .visibility-toggle-link {
     680  background: #000;
     681  color: #fff;
     682  padding: 0.2em 0.5em; }
     683
     684/**
     685    *------------------------------
     686    * @subsection 6.2.2.5 - Messaging
     687    *------------------------------
     688    */
    657689#buddypress {
    658   /**
    659     *------------------------------
    660     * 6.2.2.2 - Extended Profiles
     690  /* Read Single thread */ }
     691  #buddypress table#message-threads {
     692    border-right: 1px solid rgba(0, 0, 0, 0.2);
     693    border-left: 1px solid rgba(0, 0, 0, 0.2); }
     694    #buddypress table#message-threads tbody > tr:first-child td.bulk-select-check, #buddypress table#message-threads tbody > tr:first-child td.thread-from {
     695      border-top: 1px solid rgba(0, 0, 0, 0.2); }
     696    #buddypress table#message-threads tr td {
     697      background: #fff;
     698      border-left: 0 !important;
     699      -webkit-box-sizing: border-box;
     700      -moz-box-sizing: border-box;
     701      box-sizing: border-box;
     702      display: inline-block;
     703      float: right; }
     704    #buddypress table#message-threads tr td.thread-star, #buddypress table#message-threads tr td.thread-options {
     705      border-bottom-color: rgba(0, 0, 0, 0.2);
     706      border-bottom-width: 2px;
     707      border-right: 0;
     708      height: 2.4em;
     709      padding-bottom: 0.2em;
     710      padding-top: 0.2em; }
     711      @media screen and (max-width: 549px) {
     712        #buddypress table#message-threads tr td.thread-star, #buddypress table#message-threads tr td.thread-options {
     713          padding-top: 0; } }
     714    #buddypress table#message-threads tr td.bulk-select-check, #buddypress table#message-threads tr td.thread-from {
     715      border-right: 0;
     716      height: 2.6em; }
     717      @media screen and (max-width: 320px) {
     718        #buddypress table#message-threads tr td.bulk-select-check, #buddypress table#message-threads tr td.thread-from {
     719          height: 5.2em; } }
     720    #buddypress table#message-threads tr td.thread-from, #buddypress table#message-threads tr td.thread-options {
     721      border-right: 0;
     722      width: -webkit-calc(100% - 30px);
     723      width: -moz-calc(100% - 30px);
     724      width: calc(100% - 30px);
     725      margin-right: 0; }
     726    #buddypress table#message-threads tr td.thread-info {
     727      border-right: 0;
     728      padding-right: 41px;
     729      width: 100%; }
     730      #buddypress table#message-threads tr td.thread-info a::after {
     731        content: " \2013 \00a0" attr(title);
     732        font-size: 12px;
     733        font-size: 0.75rem; }
     734    #buddypress table#message-threads tr td.thread-options {
     735      text-align: left; }
     736      #buddypress table#message-threads tr td.thread-options a {
     737        font-size: 12px;
     738        font-size: 0.75rem;
     739        line-height: 2.2; }
     740    #buddypress table#message-threads tr span.from {
     741      display: none; }
     742    #buddypress table#message-threads tr span.activity {
     743      display: block;
     744      float: left;
     745      line-height: 2; }
     746      @media screen and (max-width: 320px) {
     747        #buddypress table#message-threads tr span.activity {
     748          clear: both;
     749          font-size: 11px;
     750          font-size: 0.6875rem;
     751          width: 100%; } }
     752    #buddypress table#message-threads tr.unread td {
     753      background: #f1f4ff;
     754      border-color: rgba(0, 0, 0, 0.2);
     755      border-top: 0;
     756      border-width: 1px; }
     757    #buddypress table#message-threads th {
     758      display: none; }
     759    #buddypress table#message-threads th.bulk-select-all {
     760      border-bottom: 0;
     761      display: inline-block;
     762      text-align: right; }
     763    #buddypress table#message-threads th.bulk-select-all, #buddypress table#message-threads td.bulk-select-check, #buddypress table#message-threads td.thread-star {
     764      border-left: 0;
     765      width: 30px; }
     766  #buddypress #message-thread #message-subject {
     767    background: #333333;
     768    color: #fff;
     769    padding: 0.5em; }
     770  #buddypress #message-thread .message-box .message-metadata {
     771    margin-bottom: 10px; }
     772  #buddypress #message-thread .message-box .message-content {
     773    clear: right;
     774    margin-right: 0; }
     775
     776/**
     777    *------------------------------
     778    * @subsection 6.2.2.6 - Settings
    661779    *------------------------------
    662780    */
    663   /**
    664     *------------------------------
    665     * @subsection 6.2.2.5 - Messaging
    666     *------------------------------
    667     */
    668   /**
    669     *------------------------------
    670     * @subsection 6.2.2.6 - Settings
    671     *------------------------------
    672     */ }
    673   #buddypress .profile {
    674     /* Edit profile */ }
    675     #buddypress .profile .bp-widget h4 {
    676       background: #999;
    677       color: #fff;
    678       padding: 0.4em 0.2em; }
    679     #buddypress .profile #profile-edit-form .button-nav:before, #buddypress .profile #profile-edit-form .button-nav:after {
    680       content: " ";
    681       display: table; }
    682     #buddypress .profile #profile-edit-form .button-nav:after {
    683       clear: both; }
    684     #buddypress .profile #profile-edit-form ul.button-nav {
    685       border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    686       margin-right: 0; }
    687       #buddypress .profile #profile-edit-form ul.button-nav li {
    688         float: right;
    689         margin-bottom: 0; }
    690         #buddypress .profile #profile-edit-form ul.button-nav li.current {
    691           border: 1px solid rgba(0, 0, 0, 0.1);
    692           border-bottom-color: #fff;
    693           margin-bottom: -1px; }
    694       #buddypress .profile #profile-edit-form ul.button-nav a {
    695         background: none;
    696         border: 0;
    697         font-size: 18px;
    698         font-size: 1.125rem; }
    699     #buddypress .profile #profile-edit-form .field-visibility-settings-toggle, #buddypress .profile #profile-edit-form .field-visibility-settings {
    700       font-size: 14px;
    701       font-size: 0.875rem; }
    702     #buddypress .profile #profile-edit-form .field-visibility-settings-close, #buddypress .profile #profile-edit-form .visibility-toggle-link {
    703       background: #000;
    704       color: #fff;
    705       padding: 0.2em 0.5em; }
    706   #buddypress table#message-threads .bulk-select-check {
    707     width: 5%; }
    708   #buddypress table#message-threads .thread-from, #buddypress table#message-threads .thread-info {
    709     width: 35%; }
    710   #buddypress table#message-threads .thread-options {
    711     width: 25%; }
    712   #buddypress table#message-threads tr td {
    713     background: #ebf0ff; }
    714   #buddypress table#message-threads tr.alt td {
    715     background: #dbe5ff; }
    716   #buddypress table#message-threads tr.unread td {
    717     background: #cddaff;
    718     border-bottom: 1px solid #e4cdff;
    719     border-top: 1px solid #e4cdff; }
    720   #buddypress table#message-threads tr.read td {
    721     opacity: 0.5; }
    722   #buddypress #settings-form > p {
    723     font-size: 20px;
    724     font-size: 1.25rem; }
    725   #buddypress table.notification-settings td.yes, #buddypress table.notification-settings td.no {
    726     vertical-align: middle; }
    727   #buddypress table.profile-settings {
     781#buddypress #settings-form > p {
     782  font-size: 20px;
     783  font-size: 1.25rem; }
     784#buddypress table.notification-settings td.yes, #buddypress table.notification-settings td.no {
     785  vertical-align: middle; }
     786#buddypress table.profile-settings {
     787  width: 100%; }
     788  #buddypress table.profile-settings th.field-group-name, #buddypress table.profile-settings td.field-name {
     789    width: 50%; }
     790  @media screen and (min-width: 401px) {
     791    #buddypress table.profile-settings th.field-group-name, #buddypress table.profile-settings td.field-name {
     792      width: 70%; } }
     793  #buddypress table.profile-settings td.field-visibility select {
    728794    width: 100%; }
    729     #buddypress table.profile-settings th.field-group-name, #buddypress table.profile-settings td.field-name {
    730       width: 50%; }
    731     @media screen and (min-width: 401px) {
    732       #buddypress table.profile-settings th.field-group-name, #buddypress table.profile-settings td.field-name {
    733         width: 70%; } }
    734     #buddypress table.profile-settings td.field-visibility select {
    735       width: 100%; }
    736795
    737796/*------------------------------------------------------------------------------
    … …  
    742801  border: 1px solid rgba(0, 0, 0, 0.2); }
    743802#buddypress .standard-form input[type="text"], #buddypress .standard-form input[type="email"], #buddypress .standard-form input[type="password"], #buddypress .standard-form input[type="submit"], #buddypress .standard-form textarea {
     803  width: 100%; }
     804#buddypress #send-reply.standard-form textarea {
    744805  width: 100%; }
    745806#buddypress div.activity-comments form .ac-textarea {
    … …  
    795856*-------------------------------------------------------------------------------
    796857*/
     858#buddypress table {
     859  border-color: rgba(0, 0, 0, 0.2); }
     860
    797861/*__ User Account tables __*/
    798862/**

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

    r9864 r9872  
    212212    float: none;
    213213    width: 100%; }
     214    #buddypress ul.item-list li div.item-title > a {
     215      text-align: center; }
    214216  #buddypress ul.item-list li .item {
    215217    margin-left: 0; }
    … …  
    234236      float: left;
    235237      margin-bottom: 0; }
     238    #buddypress ul.item-list li div.item-title > a {
     239      text-align: left; }
    236240    #buddypress ul.item-list li .item {
    237241      float: right;
    … …  
    293297  #buddypress form#whats-new-form textarea#whats-new {
    294298    width: 100%; }
    295   #buddypress form#whats-new-form #whats-new-content.active textarea {
    296     height: auto !important; }
    297   #buddypress form#whats-new-form #whats-new-content.active #whats-new-options {
     299  #buddypress form#whats-new-form #whats-new-content #whats-new-options[style] {
    298300    height: auto !important; }
    299301  @media screen and (max-width: 594px) {
    300     #buddypress form#whats-new-form #whats-new-content.active #whats-new-options {
     302    #buddypress form#whats-new-form #whats-new-content #whats-new-options {
    301303      display: flex;
    302304      flex-direction: column; }
    303       #buddypress form#whats-new-form #whats-new-content.active #whats-new-options #whats-new-submit {
     305      #buddypress form#whats-new-form #whats-new-content #whats-new-options #whats-new-submit {
    304306        order: 2; }
    305         #buddypress form#whats-new-form #whats-new-content.active #whats-new-options #whats-new-submit input {
     307        #buddypress form#whats-new-form #whats-new-content #whats-new-options #whats-new-submit input {
    306308          width: 100%; }
    307       #buddypress form#whats-new-form #whats-new-content.active #whats-new-options #whats-new-post-in-box {
     309      #buddypress form#whats-new-form #whats-new-content #whats-new-options #whats-new-post-in-box {
     310        margin-top: 10px;
    308311        order: 1; }
    309         #buddypress form#whats-new-form #whats-new-content.active #whats-new-options #whats-new-post-in-box select {
     312        #buddypress form#whats-new-form #whats-new-content #whats-new-options #whats-new-post-in-box select {
    310313          margin-top: 5px;
    311314          max-width: 100%;
    … …  
    396399*------------------------------------------------------------
    397400*/
    398 #buddypress .members .item-list .my-entry .item {
    399   background: #f7f7f7;
    400   -webkit-box-sizing: border-box;
    401   -moz-box-sizing: border-box;
    402   box-sizing: border-box;
    403   padding: 0 0.5em; }
    404   @media screen and (min-width: 783px) {
    405     #buddypress .members .item-list .my-entry .item {
    406       float: right;
    407       margin-left: 0;
    408       padding: 0 0.5em;
    409       width: 88%; } }
    410 
    411401/*
    412402*-------------------------------------------------------------------------------
    … …  
    655645*-------------------------------------------------
    656646*/
     647/**
     648    *------------------------------
     649    * 6.2.2.2 - Extended Profiles
     650    *------------------------------
     651    */
     652#buddypress .profile .bp-widget h4 {
     653  background: #999;
     654  color: #fff;
     655  padding: 0.4em 0.2em; }
     656#buddypress .profile #profile-edit-form .button-nav:before, #buddypress .profile #profile-edit-form .button-nav:after {
     657  content: " ";
     658  display: table; }
     659#buddypress .profile #profile-edit-form .button-nav:after {
     660  clear: both; }
     661#buddypress .profile #profile-edit-form ul.button-nav {
     662  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     663  margin-left: 0; }
     664  #buddypress .profile #profile-edit-form ul.button-nav li {
     665    float: left;
     666    margin-bottom: 0; }
     667    #buddypress .profile #profile-edit-form ul.button-nav li.current {
     668      border: 1px solid rgba(0, 0, 0, 0.1);
     669      border-bottom-color: #fff;
     670      margin-bottom: -1px; }
     671  #buddypress .profile #profile-edit-form ul.button-nav a {
     672    background: none;
     673    border: 0;
     674    font-size: 18px;
     675    font-size: 1.125rem; }
     676#buddypress .profile #profile-edit-form .field-visibility-settings-toggle, #buddypress .profile #profile-edit-form .field-visibility-settings {
     677  font-size: 14px;
     678  font-size: 0.875rem; }
     679#buddypress .profile #profile-edit-form .field-visibility-settings-close, #buddypress .profile #profile-edit-form .visibility-toggle-link {
     680  background: #000;
     681  color: #fff;
     682  padding: 0.2em 0.5em; }
     683
     684/**
     685    *------------------------------
     686    * @subsection 6.2.2.5 - Messaging
     687    *------------------------------
     688    */
    657689#buddypress {
    658   /**
    659     *------------------------------
    660     * 6.2.2.2 - Extended Profiles
     690  /* Read Single thread */ }
     691  #buddypress table#message-threads {
     692    border-left: 1px solid rgba(0, 0, 0, 0.2);
     693    border-right: 1px solid rgba(0, 0, 0, 0.2); }
     694    #buddypress table#message-threads tbody > tr:first-child td.bulk-select-check, #buddypress table#message-threads tbody > tr:first-child td.thread-from {
     695      border-top: 1px solid rgba(0, 0, 0, 0.2); }
     696    #buddypress table#message-threads tr td {
     697      background: #fff;
     698      border-right: 0 !important;
     699      -webkit-box-sizing: border-box;
     700      -moz-box-sizing: border-box;
     701      box-sizing: border-box;
     702      display: inline-block;
     703      float: left; }
     704    #buddypress table#message-threads tr td.thread-star, #buddypress table#message-threads tr td.thread-options {
     705      border-bottom-color: rgba(0, 0, 0, 0.2);
     706      border-bottom-width: 2px;
     707      border-left: 0;
     708      height: 2.4em;
     709      padding-bottom: 0.2em;
     710      padding-top: 0.2em; }
     711      @media screen and (max-width: 549px) {
     712        #buddypress table#message-threads tr td.thread-star, #buddypress table#message-threads tr td.thread-options {
     713          padding-top: 0; } }
     714    #buddypress table#message-threads tr td.bulk-select-check, #buddypress table#message-threads tr td.thread-from {
     715      border-left: 0;
     716      height: 2.6em; }
     717      @media screen and (max-width: 320px) {
     718        #buddypress table#message-threads tr td.bulk-select-check, #buddypress table#message-threads tr td.thread-from {
     719          height: 5.2em; } }
     720    #buddypress table#message-threads tr td.thread-from, #buddypress table#message-threads tr td.thread-options {
     721      border-left: 0;
     722      width: -webkit-calc(100% - 30px);
     723      width: -moz-calc(100% - 30px);
     724      width: calc(100% - 30px);
     725      margin-left: 0; }
     726    #buddypress table#message-threads tr td.thread-info {
     727      border-left: 0;
     728      padding-left: 41px;
     729      width: 100%; }
     730      #buddypress table#message-threads tr td.thread-info a::after {
     731        content: " \2013 \00a0" attr(title);
     732        font-size: 12px;
     733        font-size: 0.75rem; }
     734    #buddypress table#message-threads tr td.thread-options {
     735      text-align: right; }
     736      #buddypress table#message-threads tr td.thread-options a {
     737        font-size: 12px;
     738        font-size: 0.75rem;
     739        line-height: 2.2; }
     740    #buddypress table#message-threads tr span.from {
     741      display: none; }
     742    #buddypress table#message-threads tr span.activity {
     743      display: block;
     744      float: right;
     745      line-height: 2; }
     746      @media screen and (max-width: 320px) {
     747        #buddypress table#message-threads tr span.activity {
     748          clear: both;
     749          font-size: 11px;
     750          font-size: 0.6875rem;
     751          width: 100%; } }
     752    #buddypress table#message-threads tr.unread td {
     753      background: #f1f4ff;
     754      border-color: rgba(0, 0, 0, 0.2);
     755      border-top: 0;
     756      border-width: 1px; }
     757    #buddypress table#message-threads th {
     758      display: none; }
     759    #buddypress table#message-threads th.bulk-select-all {
     760      border-bottom: 0;
     761      display: inline-block;
     762      text-align: left; }
     763    #buddypress table#message-threads th.bulk-select-all, #buddypress table#message-threads td.bulk-select-check, #buddypress table#message-threads td.thread-star {
     764      border-right: 0;
     765      width: 30px; }
     766  #buddypress #message-thread #message-subject {
     767    background: #333333;
     768    color: #fff;
     769    padding: 0.5em; }
     770  #buddypress #message-thread .message-box .message-metadata {
     771    margin-bottom: 10px; }
     772  #buddypress #message-thread .message-box .message-content {
     773    clear: left;
     774    margin-left: 0; }
     775
     776/**
     777    *------------------------------
     778    * @subsection 6.2.2.6 - Settings
    661779    *------------------------------
    662780    */
    663   /**
    664     *------------------------------
    665     * @subsection 6.2.2.5 - Messaging
    666     *------------------------------
    667     */
    668   /**
    669     *------------------------------
    670     * @subsection 6.2.2.6 - Settings
    671     *------------------------------
    672     */ }
    673   #buddypress .profile {
    674     /* Edit profile */ }
    675     #buddypress .profile .bp-widget h4 {
    676       background: #999;
    677       color: #fff;
    678       padding: 0.4em 0.2em; }
    679     #buddypress .profile #profile-edit-form .button-nav:before, #buddypress .profile #profile-edit-form .button-nav:after {
    680       content: " ";
    681       display: table; }
    682     #buddypress .profile #profile-edit-form .button-nav:after {
    683       clear: both; }
    684     #buddypress .profile #profile-edit-form ul.button-nav {
    685       border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    686       margin-left: 0; }
    687       #buddypress .profile #profile-edit-form ul.button-nav li {
    688         float: left;
    689         margin-bottom: 0; }
    690         #buddypress .profile #profile-edit-form ul.button-nav li.current {
    691           border: 1px solid rgba(0, 0, 0, 0.1);
    692           border-bottom-color: #fff;
    693           margin-bottom: -1px; }
    694       #buddypress .profile #profile-edit-form ul.button-nav a {
    695         background: none;
    696         border: 0;
    697         font-size: 18px;
    698         font-size: 1.125rem; }
    699     #buddypress .profile #profile-edit-form .field-visibility-settings-toggle, #buddypress .profile #profile-edit-form .field-visibility-settings {
    700       font-size: 14px;
    701       font-size: 0.875rem; }
    702     #buddypress .profile #profile-edit-form .field-visibility-settings-close, #buddypress .profile #profile-edit-form .visibility-toggle-link {
    703       background: #000;
    704       color: #fff;
    705       padding: 0.2em 0.5em; }
    706   #buddypress table#message-threads .bulk-select-check {
    707     width: 5%; }
    708   #buddypress table#message-threads .thread-from, #buddypress table#message-threads .thread-info {
    709     width: 35%; }
    710   #buddypress table#message-threads .thread-options {
    711     width: 25%; }
    712   #buddypress table#message-threads tr td {
    713     background: #ebf0ff; }
    714   #buddypress table#message-threads tr.alt td {
    715     background: #dbe5ff; }
    716   #buddypress table#message-threads tr.unread td {
    717     background: #cddaff;
    718     border-bottom: 1px solid #e4cdff;
    719     border-top: 1px solid #e4cdff; }
    720   #buddypress table#message-threads tr.read td {
    721     opacity: 0.5; }
    722   #buddypress #settings-form > p {
    723     font-size: 20px;
    724     font-size: 1.25rem; }
    725   #buddypress table.notification-settings td.yes, #buddypress table.notification-settings td.no {
    726     vertical-align: middle; }
    727   #buddypress table.profile-settings {
     781#buddypress #settings-form > p {
     782  font-size: 20px;
     783  font-size: 1.25rem; }
     784#buddypress table.notification-settings td.yes, #buddypress table.notification-settings td.no {
     785  vertical-align: middle; }
     786#buddypress table.profile-settings {
     787  width: 100%; }
     788  #buddypress table.profile-settings th.field-group-name, #buddypress table.profile-settings td.field-name {
     789    width: 50%; }
     790  @media screen and (min-width: 401px) {
     791    #buddypress table.profile-settings th.field-group-name, #buddypress table.profile-settings td.field-name {
     792      width: 70%; } }
     793  #buddypress table.profile-settings td.field-visibility select {
    728794    width: 100%; }
    729     #buddypress table.profile-settings th.field-group-name, #buddypress table.profile-settings td.field-name {
    730       width: 50%; }
    731     @media screen and (min-width: 401px) {
    732       #buddypress table.profile-settings th.field-group-name, #buddypress table.profile-settings td.field-name {
    733         width: 70%; } }
    734     #buddypress table.profile-settings td.field-visibility select {
    735       width: 100%; }
    736795
    737796/*------------------------------------------------------------------------------
    … …  
    742801  border: 1px solid rgba(0, 0, 0, 0.2); }
    743802#buddypress .standard-form input[type="text"], #buddypress .standard-form input[type="email"], #buddypress .standard-form input[type="password"], #buddypress .standard-form input[type="submit"], #buddypress .standard-form textarea {
     803  width: 100%; }
     804#buddypress #send-reply.standard-form textarea {
    744805  width: 100%; }
    745806#buddypress div.activity-comments form .ac-textarea {
    … …  
    795856*-------------------------------------------------------------------------------
    796857*/
     858#buddypress table {
     859  border-color: rgba(0, 0, 0, 0.2); }
     860
    797861/*__ User Account tables __*/
    798862/**

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

    r9864 r9872  
    495495}
    496496
    497 // Trying to position the action div absolute has bad consequences where
    498 // aditional items are displayed, floating is an alternative that
    499 // allows natural flow expansion.
    500497// This block:
    501 // * Manages li items, Stacks them small screen, floated left at wider screens.
    502 // * Adjusts display of action buttons at small screen
     498// - Manages li items, Stacks them small screen, floated left at wider screens.
     499// - Adjusts display of action buttons at small screen
    503500
    504501#buddypress {
    … …  
    522519                float: none;
    523520                width: 100%;
     521
     522                > a {text-align: center;}
    524523            }
    525524
    … …  
    566565                }
    567566
     567                div.item-title > a {text-align: left;}
     568
    568569                .item {
    569570                    float: right;
    … …  
    581582                    }
    582583                }
     584
    583585            } // close @media
    584586
    … …  
    613615                        text-align: center;
    614616                    }
    615                 }
     617                } // close .action
     618
    616619            } // close @media
     620
    617621            .meta,
    618622            .item-meta .activity {
    619623                font-style: italic;
    620624            }
     625
    621626        } // close li
    622627    } // ul.item-list
    … …  
    661666        }
    662667
    663         #whats-new-content.active {
    664             textarea {
    665                 // !important to override the BP inline fixed height
    666                 height: auto !important;
    667             }
    668 
    669             #whats-new-options {
     668        #whats-new-content {
     669
     670            #whats-new-options[style] {
    670671                // Have to override the BP fixed height
    671672                height: auto !important;
    … …  
    686687
    687688                    #whats-new-post-in-box {
     689                        margin-top: $spacing-val-sm;
    688690                        order: 1;
    689691
    … …  
    854856*/
    855857
    856 #buddypress {
    857     .members {
    858         .item-list {
    859             .my-entry {
    860                 .item {
    861                     background: $light-background;
    862                     @include box-model(border-box);
    863                     padding: 0 0.5em;
    864                     @media screen and (min-width: 783px) {
    865 
    866                         float: right;
    867                         margin-left: 0;
    868                         padding: 0 0.5em;
    869                         width: 88%;
    870                     }
    871                 }
    872             }
    873         }
    874     }
    875 }
     858
    876859
    877860/*
    … …  
    12711254    }
    12721255}
     1256
    12731257/**
    12741258*-------------------------------------------------
    … …  
    12761260*-------------------------------------------------
    12771261*/
    1278 #buddypress {
     1262
     1263
    12791264/**
    12801265    *------------------------------
    … …  
    12821267    *------------------------------
    12831268    */
     1269
     1270
     1271#buddypress {
    12841272    .profile {
    12851273
    … …  
    12921280        }
    12931281
    1294             /* Edit profile */
     1282        // Edit profile
    12951283
    12961284        #profile-edit-form {
    … …  
    13411329
    13421330    } // close .profile
     1331} // close #buddypress - user acounts item-body
    13431332
    13441333/**
    … …  
    13481337    */
    13491338
     1339#buddypress {
     1340
    13501341    table#message-threads {
    1351 
    1352         .bulk-select-check {
    1353             width: 5%;
    1354         }
    1355 
    1356         .thread-from,
    1357         .thread-info {
    1358             width: 35%;
    1359         }
    1360 
    1361         .thread-options {
    1362             width: 25%;
     1342        border-left: 1px solid $border-med;
     1343        border-right: 1px solid $border-med;
     1344
     1345        tbody > tr:first-child {
     1346            td.bulk-select-check,
     1347            td.thread-from {
     1348                border-top: 1px solid $border-med;
     1349         }
    13631350        }
    13641351
    13651352        tr {
     1353
    13661354            td {
    1367                 background: $stripe-odd;
    1368             }
    1369         }
    1370 
    1371         tr.alt {
    1372             td {
    1373                 background: $stripe-even;
     1355                background: $content-background;
     1356                border-right: 0 !important;
     1357                @include box-model(border-box);
     1358                display: inline-block;
     1359                float: left;
     1360            }
     1361
     1362            td.thread-star,
     1363            td.thread-options {
     1364                border-bottom-color: darken($border-med, 5%);
     1365                border-bottom-width: 2px;
     1366                border-left: 0;
     1367                height: 2.4em;
     1368                padding-bottom: 0.2em;
     1369                padding-top: 0.2em;
     1370
     1371                @media screen and (max-width: 549px) {
     1372                    padding-top: 0;
     1373                }
     1374            }
     1375
     1376            td.bulk-select-check,
     1377            td.thread-from {
     1378                border-left: 0;
     1379                height: 2.6em;
     1380                @media screen and (max-width: 320px) {
     1381                    height: 5.2em;
     1382                }
     1383            }
     1384
     1385            td.thread-from,
     1386            td.thread-options {
     1387                border-left: 0;
     1388                @include calc(width, "100% - 30px");
     1389                margin-left: 0;
     1390            }
     1391
     1392            td.thread-info {
     1393                border-left: 0;
     1394                padding-left: 41px;
     1395                width: 100%;
     1396
     1397                a::after {
     1398                    content: " \2013 \00a0"attr(title);
     1399                    @include font-size(12);
     1400                }
     1401            }
     1402
     1403            td.thread-options {
     1404                text-align: right;
     1405
     1406                a {
     1407                    @include font-size(12);
     1408                    line-height: 2.2;
     1409                }
     1410            }
     1411
     1412            span.from {
     1413                display: none;
     1414            }
     1415
     1416            span.activity {
     1417                display: block;
     1418                float: right;
     1419                line-height: 2;
     1420                @media screen and (max-width: 320px) {
     1421                    clear: both;
     1422                    @include font-size(11);
     1423                    width: 100%;
     1424                }
    13741425            }
    13751426        }
    … …  
    13771428        tr.unread {
    13781429            td {
    1379                 background: $unread;
    1380                 border-bottom: 1px solid #e4cdff;
    1381                 border-top: 1px solid #e4cdff;
    1382             }
    1383         }
    1384 
    1385         tr.read {
    1386             td {
    1387                 opacity: 0.5;
    1388             }
    1389         }
    1390     }
     1430                background: lighten($unread, 7%);
     1431                border-color: $border-med;
     1432                border-top: 0;
     1433                border-width: 1px;
     1434            }
     1435        }
     1436
     1437        th {
     1438            display: none;
     1439        }
     1440
     1441        th.bulk-select-all {
     1442            border-bottom: 0;
     1443            display: inline-block;
     1444            text-align: left;
     1445        }
     1446
     1447        th.bulk-select-all,
     1448        td.bulk-select-check,
     1449        td.thread-star {
     1450            border-right: 0;
     1451            width: 30px;
     1452        }
     1453
     1454    } // close #messages-threads
     1455
     1456    /* Read Single thread */
     1457    #message-thread {
     1458
     1459        #message-subject {
     1460            @include title-background-dark();
     1461            padding: 0.5em;
     1462        }
     1463
     1464        .message-box {
     1465            .message-metadata {
     1466                margin-bottom: $spacing-val-sm;
     1467            }
     1468
     1469            .message-content {
     1470                clear: left;
     1471                margin-left: 0;
     1472            }
     1473        }
     1474    }
     1475
     1476} // close #buddypress - user acounts item-body
    13911477
    13921478/**
    … …  
    13961482    */
    13971483
     1484#buddypress {
    13981485    #settings-form {
    13991486        // 'p' = email notification screen sub heading
    … …  
    14271514        }
    14281515    }
    1429 
    14301516} // close #buddypress - user acounts item-body
    14311517
    … …  
    14581544    }
    14591545
     1546    // BP :(
     1547    #send-reply.standard-form textarea {width: 100%;}
     1548
    14601549    div.activity-comments {
    14611550        form {
    … …  
    14751564
    14761565#buddypress {
     1566
    14771567    div.dir-search,
    14781568    div.message-search,
    … …  
    15611651*-------------------------------------------------------------------------------
    15621652*/
    1563 
     1653#buddypress {
     1654    table {
     1655        border-color: $border-med;
     1656    }
     1657}
    15641658/*__ User Account tables __*/
    15651659
Note: See TracChangeset for help on using the changeset viewer.