Skip to:
Content

BuddyPress.org

Changeset 10443


Ignore:
Timestamp:
01/07/2016 08:33:28 PM (11 years ago)
Author:
hnla
Message:

Update Twentytwelve Companion styles.

Builds upon original commit to address specific style concerns, and thin out styling in keeping with 2012 design.

See #6766

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

Legend:

Unmodified
Added
Removed

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

    r10404 r10443  
    9191}
    9292
     93#buddypress div.item-list-tabs ul li a:visited {
     94        color: #21759b;
     95}
     96
    9397#buddypress div.item-list-tabs ul li a span {
    9498        border-radius: 25%;
    … …  
    358362*-------------------------------------------------------------------------------
    359363*/
     364#buddypress ul.item-list {
     365        border-top: 0;
     366}
     367
    360368#buddypress ul.item-list li {
    361369        overflow: hidden !important;
    … …  
    421429
    422430#buddypress ul.item-list li .item .item-title {
    423         font-size: 18px;
    424         font-size: 1.2857142857rem;
     431        font-size: 16px;
     432        font-size: 1.1428571429rem;
    425433        line-height: 1.2;
    426434        text-align: center;
    … …  
    436444#buddypress ul.item-list li .item .item-title > a {
    437445        text-decoration: none;
     446}
     447
     448#buddypress ul.item-list li .item .item-title > a:visited {
     449        color: #21759b;
    438450}
    439451
    … …  
    466478        }
    467479        #buddypress ul.item-list li .item .item-title {
    468                 font-size: 22px;
    469                 font-size: 1.5714285714rem;
     480                font-size: 18px;
     481                font-size: 1.2857142857rem;
    470482        }
    471483}
    … …  
    557569        margin: 0;
    558570        min-height: 1.5em;
    559         padding-right: 0.4em;
     571        padding: 0 0.4em 0 0;
    560572}
    561573
    … …  
    566578        #buddypress form#whats-new-form #whats-new-content.active #whats-new-options[style] #whats-new-submit {
    567579                float: left;
     580        }
     581        #buddypress form#whats-new-form #whats-new-content.active #whats-new-options[style] #whats-new-submit input {
     582                padding: 0;
    568583        }
    569584}
    … …  
    610625}
    611626
     627#buddypress #activity-stream li .activity-header a:visited {
     628        color: #21759b;
     629}
     630
    612631@media screen and (min-width: 46.25em) {
    613632        #buddypress #activity-stream li .activity-avatar {
    … …  
    646665        font-size: 12px;
    647666        font-size: 0.8571428571rem;
    648         padding: 2px 4px;
    649667}
    650668
    … …  
    695713}
    696714
    697 #buddypress #activity-stream .load-more:focus a, #buddypress #activity-stream .load-more:hover a {
    698         font-style: italic;
    699 }
    700 
    701715#buddypress #activity-stream .load-more a {
    702716        display: block;
    … …  
    740754#buddypress #activity-stream .activity-comments > ul {
    741755        background: rgba(247, 247, 247, 0.6);
    742         border-right: 1px solid #eaeaea;
    743         margin: 2em 2px 0 0;
     756        margin: 10px 2px 0 0;
    744757}
    745758
    746759#buddypress #activity-stream .activity-comments > ul > li:hover * {
    747760        color: #555;
     761}
     762
     763#buddypress #activity-stream .activity-comments > ul > li .acomment-meta,
     764#buddypress #activity-stream .activity-comments > ul > li .acomment-content {
     765        font-size: 12px;
     766        font-size: 0.8571428571rem;
    748767}
    749768
    … …  
    849868*-------------------------------------------------------------------------------
    850869*/
     870.bp-user #buddypress a:visited {
     871        color: #21759b;
     872}
     873
    851874/**
    852875*-----------------------------------------------------------
    … …  
    864887.single-item.groups #buddypress #item-header-content #item-meta p {
    865888        margin-bottom: 0.5em;
    866 }
    867 
    868 @media screen and (max-width: 46.25em) {
    869         .bp-user main header.entry-header,
    870         .single-item.groups main header.entry-header {
    871                 padding-bottom: 1rem;
    872         }
    873889}
    874890
    … …  
    883899
    884900@media screen and (max-width: 46.25em) {
     901        .bp-user main header.entry-header,
     902        .single-item.groups main header.entry-header {
     903                padding-bottom: 1rem;
     904        }
     905}
     906
     907@media screen and (max-width: 37.5em) {
     908        .bp-user #buddypress h1,
     909        .single-item.groups #buddypress h1 {
     910                margin-bottom: 0;
     911        }
     912        .bp-user #buddypress #item-header-avatar img.avatar,
     913        .single-item.groups #buddypress #item-header-avatar img.avatar {
     914                margin-left: 0;
     915        }
     916        .bp-user #buddypress #item-header-content,
     917        .single-item.groups #buddypress #item-header-content {
     918                width: 100%;
     919        }
     920}
     921
     922@media screen and (max-width: 46.25em) {
    885923        .bp-user #buddypress #item-header .generic-button,
    886924        .single-item.groups #buddypress #item-header .generic-button {
    887925                float: none;
    888926                margin: 1.5em 0 0 0;
    889         }
    890 }
    891 
    892 @media screen and (max-width: 37.5em) {
    893         .bp-user #buddypress h1,
    894         .single-item.groups #buddypress h1 {
    895                 margin-bottom: 0;
    896         }
    897         .bp-user #buddypress #item-header-avatar img.avatar,
    898         .single-item.groups #buddypress #item-header-avatar img.avatar {
    899                 margin-left: 0;
    900         }
    901         .bp-user #buddypress #item-header-content,
    902         .single-item.groups #buddypress #item-header-content {
    903                 width: 100%;
    904927        }
    905928}
    … …  
    9831006}
    9841007
     1008.single-item.groups #buddypress div#item-header div#item-actions #group-admins li,
     1009.single-item.groups #buddypress div#item-header div#item-actions #group-mods li {
     1010        margin: 0;
     1011}
     1012
    9851013@media screen and (min-width: 46.25em) {
    9861014        .single-item.groups #buddypress div#item-header #item-header-avatar,
    … …  
    9951023                float: left;
    9961024                width: 28%;
     1025        }
     1026}
     1027
     1028@media screen and (max-width: 64em) {
     1029        .single-item.groups #buddypress #cover-image-container #item-header-cover-image #item-actions {
     1030                border: 0;
     1031                clear: both;
     1032                margin-top: 0 !important;
     1033                max-width: 100% !important;
     1034                padding-top: 0 !important;
     1035                width: auto;
     1036        }
     1037        .single-item.groups #buddypress #cover-image-container #item-header-cover-image #item-actions h3 {
     1038                border-bottom: 1px solid #eaeaea;
    9971039        }
    9981040}
    … …  
    12161258        .bp-user #buddypress .notifications-options-nav,
    12171259        .bp-user #buddypress .messages-options-nav {
    1218                 width: 50%;
     1260                width: 40%;
    12191261        }
    12201262}
    … …  
    12341276        float: right;
    12351277        margin-left: 0;
    1236         width: 60%;
     1278        width: 49%;
     1279}
     1280
     1281@media screen and (min-width: 37.5em) {
     1282        .bp-user #buddypress .notifications-options-nav select,
     1283        .bp-user #buddypress .messages-options-nav select {
     1284                width: auto;
     1285        }
    12371286}
    12381287
    12391288.bp-user #buddypress .notifications-options-nav input,
    12401289.bp-user #buddypress .messages-options-nav input {
    1241         float: left;
     1290        float: right;
    12421291        font-family: inherit;
    12431292        line-height: 20px;
    12441293        margin-right: 1%;
    1245         width: 39%;
     1294        width: 50%;
     1295}
     1296
     1297@media screen and (min-width: 37.5em) {
     1298        .bp-user #buddypress .notifications-options-nav input,
     1299        .bp-user #buddypress .messages-options-nav input {
     1300                width: auto;
     1301        }
    12461302}
    12471303
    … …  
    13051361}
    13061362
     1363.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-toggle {
     1364        margin: 5px 0 24px;
     1365}
     1366
    13071367.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-toggle,
    13081368.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings {
    … …  
    13131373.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-close,
    13141374.bp-user #buddypress .profile #profile-edit-form .visibility-toggle-link {
    1315         background: #555;
     1375        background: #6f6f6f;
     1376        -webkit-border-radius: 2px;
     1377        -moz-border-radius: 2px;
     1378        -ms-border-radius: 2px;
     1379        border-radius: 2px;
     1380        background-clip: padding-box;
     1381        color: #eee;
     1382        font-weight: bold;
     1383        padding: 0.1em 0.5em;
     1384        text-decoration: none;
     1385}
     1386
     1387.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-close:focus, .bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-close:hover,
     1388.bp-user #buddypress .profile #profile-edit-form .visibility-toggle-link:focus,
     1389.bp-user #buddypress .profile #profile-edit-form .visibility-toggle-link:hover {
    13161390        color: #fff;
    1317         padding: 0.2em 0.5em;
    13181391}
    13191392
    … …  
    15051578
    15061579.bp-user #buddypress #message-threads tr.unread td {
    1507         background: rgba(157, 195, 200, 0.4);
    1508         border-color: #d4d0ba;
     1580        border-color: #eaeaea;
    15091581}
    15101582
    … …  
    17011773        float: right;
    17021774        width: 70%;
    1703 }
    1704 
    1705 #buddypress div.dir-search form input[type='text'],
    1706 #buddypress div.message-search form input[type='text'],
    1707 #buddypress li.groups-members-search form input[type='text'] {
    1708         float: right;
    1709         margin: 0;
    1710         width: 100%;
    17111775}
    17121776
    … …  
    17201784        font-size: 1rem;
    17211785        border: 0;
    1722         line-height: inherit;
     1786        border-radius: 0;
     1787        line-height: 1.8;
     1788        min-height: 2rem;
    17231789}
    17241790
    … …  
    17271793#buddypress li.groups-members-search form input[type='text'] {
    17281794        border-left: 1px solid rgba(212, 208, 186, 0.6);
    1729         padding: 0.2em 0.2em 0.2em 0;
     1795        float: right;
     1796        margin: 0;
     1797        padding: 0 0.2em 0;
     1798        width: 100%;
    17301799}
    17311800
    … …  
    17351804        float: left;
    17361805        font-weight: normal;
    1737         padding: 0.2em 1em;
     1806        padding: 0 1em;
    17381807        text-align: center;
    17391808        text-transform: none;

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

    r10404 r10443  
    9191}
    9292
     93#buddypress div.item-list-tabs ul li a:visited {
     94        color: #21759b;
     95}
     96
    9397#buddypress div.item-list-tabs ul li a span {
    9498        border-radius: 25%;
    … …  
    358362*-------------------------------------------------------------------------------
    359363*/
     364#buddypress ul.item-list {
     365        border-top: 0;
     366}
     367
    360368#buddypress ul.item-list li {
    361369        overflow: hidden !important;
    … …  
    421429
    422430#buddypress ul.item-list li .item .item-title {
    423         font-size: 18px;
    424         font-size: 1.2857142857rem;
     431        font-size: 16px;
     432        font-size: 1.1428571429rem;
    425433        line-height: 1.2;
    426434        text-align: center;
    … …  
    436444#buddypress ul.item-list li .item .item-title > a {
    437445        text-decoration: none;
     446}
     447
     448#buddypress ul.item-list li .item .item-title > a:visited {
     449        color: #21759b;
    438450}
    439451
    … …  
    466478        }
    467479        #buddypress ul.item-list li .item .item-title {
    468                 font-size: 22px;
    469                 font-size: 1.5714285714rem;
     480                font-size: 18px;
     481                font-size: 1.2857142857rem;
    470482        }
    471483}
    … …  
    557569        margin: 0;
    558570        min-height: 1.5em;
    559         padding-left: 0.4em;
     571        padding: 0 0 0 0.4em;
    560572}
    561573
    … …  
    566578        #buddypress form#whats-new-form #whats-new-content.active #whats-new-options[style] #whats-new-submit {
    567579                float: right;
     580        }
     581        #buddypress form#whats-new-form #whats-new-content.active #whats-new-options[style] #whats-new-submit input {
     582                padding: 0;
    568583        }
    569584}
    … …  
    610625}
    611626
     627#buddypress #activity-stream li .activity-header a:visited {
     628        color: #21759b;
     629}
     630
    612631@media screen and (min-width: 46.25em) {
    613632        #buddypress #activity-stream li .activity-avatar {
    … …  
    646665        font-size: 12px;
    647666        font-size: 0.8571428571rem;
    648         padding: 2px 4px;
    649667}
    650668
    … …  
    695713}
    696714
    697 #buddypress #activity-stream .load-more:focus a, #buddypress #activity-stream .load-more:hover a {
    698         font-style: italic;
    699 }
    700 
    701715#buddypress #activity-stream .load-more a {
    702716        display: block;
    … …  
    740754#buddypress #activity-stream .activity-comments > ul {
    741755        background: rgba(247, 247, 247, 0.6);
    742         border-left: 1px solid #eaeaea;
    743         margin: 2em 0 0 2px;
     756        margin: 10px 0 0 2px;
    744757}
    745758
    746759#buddypress #activity-stream .activity-comments > ul > li:hover * {
    747760        color: #555;
     761}
     762
     763#buddypress #activity-stream .activity-comments > ul > li .acomment-meta,
     764#buddypress #activity-stream .activity-comments > ul > li .acomment-content {
     765        font-size: 12px;
     766        font-size: 0.8571428571rem;
    748767}
    749768
    … …  
    849868*-------------------------------------------------------------------------------
    850869*/
     870.bp-user #buddypress a:visited {
     871        color: #21759b;
     872}
     873
    851874/**
    852875*-----------------------------------------------------------
    … …  
    864887.single-item.groups #buddypress #item-header-content #item-meta p {
    865888        margin-bottom: 0.5em;
    866 }
    867 
    868 @media screen and (max-width: 46.25em) {
    869         .bp-user main header.entry-header,
    870         .single-item.groups main header.entry-header {
    871                 padding-bottom: 1rem;
    872         }
    873889}
    874890
    … …  
    883899
    884900@media screen and (max-width: 46.25em) {
     901        .bp-user main header.entry-header,
     902        .single-item.groups main header.entry-header {
     903                padding-bottom: 1rem;
     904        }
     905}
     906
     907@media screen and (max-width: 37.5em) {
     908        .bp-user #buddypress h1,
     909        .single-item.groups #buddypress h1 {
     910                margin-bottom: 0;
     911        }
     912        .bp-user #buddypress #item-header-avatar img.avatar,
     913        .single-item.groups #buddypress #item-header-avatar img.avatar {
     914                margin-right: 0;
     915        }
     916        .bp-user #buddypress #item-header-content,
     917        .single-item.groups #buddypress #item-header-content {
     918                width: 100%;
     919        }
     920}
     921
     922@media screen and (max-width: 46.25em) {
    885923        .bp-user #buddypress #item-header .generic-button,
    886924        .single-item.groups #buddypress #item-header .generic-button {
    887925                float: none;
    888926                margin: 1.5em 0 0 0;
    889         }
    890 }
    891 
    892 @media screen and (max-width: 37.5em) {
    893         .bp-user #buddypress h1,
    894         .single-item.groups #buddypress h1 {
    895                 margin-bottom: 0;
    896         }
    897         .bp-user #buddypress #item-header-avatar img.avatar,
    898         .single-item.groups #buddypress #item-header-avatar img.avatar {
    899                 margin-right: 0;
    900         }
    901         .bp-user #buddypress #item-header-content,
    902         .single-item.groups #buddypress #item-header-content {
    903                 width: 100%;
    904927        }
    905928}
    … …  
    9831006}
    9841007
     1008.single-item.groups #buddypress div#item-header div#item-actions #group-admins li,
     1009.single-item.groups #buddypress div#item-header div#item-actions #group-mods li {
     1010        margin: 0;
     1011}
     1012
    9851013@media screen and (min-width: 46.25em) {
    9861014        .single-item.groups #buddypress div#item-header #item-header-avatar,
    … …  
    9951023                float: right;
    9961024                width: 28%;
     1025        }
     1026}
     1027
     1028@media screen and (max-width: 64em) {
     1029        .single-item.groups #buddypress #cover-image-container #item-header-cover-image #item-actions {
     1030                border: 0;
     1031                clear: both;
     1032                margin-top: 0 !important;
     1033                max-width: 100% !important;
     1034                padding-top: 0 !important;
     1035                width: auto;
     1036        }
     1037        .single-item.groups #buddypress #cover-image-container #item-header-cover-image #item-actions h3 {
     1038                border-bottom: 1px solid #eaeaea;
    9971039        }
    9981040}
    … …  
    12161258        .bp-user #buddypress .notifications-options-nav,
    12171259        .bp-user #buddypress .messages-options-nav {
    1218                 width: 50%;
     1260                width: 40%;
    12191261        }
    12201262}
    … …  
    12341276        float: left;
    12351277        margin-right: 0;
    1236         width: 60%;
     1278        width: 49%;
     1279}
     1280
     1281@media screen and (min-width: 37.5em) {
     1282        .bp-user #buddypress .notifications-options-nav select,
     1283        .bp-user #buddypress .messages-options-nav select {
     1284                width: auto;
     1285        }
    12371286}
    12381287
    12391288.bp-user #buddypress .notifications-options-nav input,
    12401289.bp-user #buddypress .messages-options-nav input {
    1241         float: right;
     1290        float: left;
    12421291        font-family: inherit;
    12431292        line-height: 20px;
    12441293        margin-left: 1%;
    1245         width: 39%;
     1294        width: 50%;
     1295}
     1296
     1297@media screen and (min-width: 37.5em) {
     1298        .bp-user #buddypress .notifications-options-nav input,
     1299        .bp-user #buddypress .messages-options-nav input {
     1300                width: auto;
     1301        }
    12461302}
    12471303
    … …  
    13051361}
    13061362
     1363.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-toggle {
     1364        margin: 5px 0 24px;
     1365}
     1366
    13071367.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-toggle,
    13081368.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings {
    … …  
    13131373.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-close,
    13141374.bp-user #buddypress .profile #profile-edit-form .visibility-toggle-link {
    1315         background: #555;
     1375        background: #6f6f6f;
     1376        -webkit-border-radius: 2px;
     1377        -moz-border-radius: 2px;
     1378        -ms-border-radius: 2px;
     1379        border-radius: 2px;
     1380        background-clip: padding-box;
     1381        color: #eee;
     1382        font-weight: bold;
     1383        padding: 0.1em 0.5em;
     1384        text-decoration: none;
     1385}
     1386
     1387.bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-close:focus, .bp-user #buddypress .profile #profile-edit-form .field-visibility-settings-close:hover,
     1388.bp-user #buddypress .profile #profile-edit-form .visibility-toggle-link:focus,
     1389.bp-user #buddypress .profile #profile-edit-form .visibility-toggle-link:hover {
    13161390        color: #fff;
    1317         padding: 0.2em 0.5em;
    13181391}
    13191392
    … …  
    15051578
    15061579.bp-user #buddypress #message-threads tr.unread td {
    1507         background: rgba(157, 195, 200, 0.4);
    1508         border-color: #d4d0ba;
     1580        border-color: #eaeaea;
    15091581}
    15101582
    … …  
    17011773        float: left;
    17021774        width: 70%;
    1703 }
    1704 
    1705 #buddypress div.dir-search form input[type='text'],
    1706 #buddypress div.message-search form input[type='text'],
    1707 #buddypress li.groups-members-search form input[type='text'] {
    1708         float: left;
    1709         margin: 0;
    1710         width: 100%;
    17111775}
    17121776
    … …  
    17201784        font-size: 1rem;
    17211785        border: 0;
    1722         line-height: inherit;
     1786        border-radius: 0;
     1787        line-height: 1.8;
     1788        min-height: 2rem;
    17231789}
    17241790
    … …  
    17271793#buddypress li.groups-members-search form input[type='text'] {
    17281794        border-right: 1px solid rgba(212, 208, 186, 0.6);
    1729         padding: 0.2em 0 0.2em 0.2em;
     1795        float: left;
     1796        margin: 0;
     1797        padding: 0 0.2em 0;
     1798        width: 100%;
    17301799}
    17311800
    … …  
    17351804        float: right;
    17361805        font-weight: normal;
    1737         padding: 0.2em 1em;
     1806        padding: 0 1em;
    17381807        text-align: center;
    17391808        text-transform: none;

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

    r10404 r10443  
    291291                                                color: #555;
    292292                                        }
     293                                        // Keep links from inheriting :visited states
     294                                        &:visited {
     295                                                color: #21759b;
     296                                        }
    293297
    294298                                        span {border-radius: 25%;}
    295299                                }
     300
    296301                        }
    297302                }
    … …  
    438443                div#subnav.item-list-tabs {
    439444                        li.last {
    440 //                              float: right;
    441445                                margin-left: 0;
    442446                                text-align: right;
    443 //                              width: 230px;
     447
    444448                                @media screen and (max-width: 30em) {
    445449                                        clear: left;
    … …  
    638642#buddypress {
    639643        ul.item-list {
     644                border-top: 0;
     645
    640646                li {
    641647                        overflow: hidden !important;
    … …  
    692698
    693699                                .item-title {
    694                                         @include font-size(18);
     700                                        @include font-size(16);
    695701                                        line-height: 1.2;
    696702                                        text-align: center;
    … …  
    702708                                        width: 100%;
    703709
    704                                         > a {text-decoration: none;}
     710                                        > a {
     711                                                text-decoration: none;
     712
     713                                                &:visited { color: #21759b;}
     714                                        }
    705715
    706716                                        .update {
    … …  
    715725                                                text-align: left;
    716726                                        }
    717                                 }
    718 
    719                         }
     727                                }  // close .item-title
     728
     729                        } // close .item
    720730
    721731                        @include medium-up {
    … …  
    733743
    734744                                        .item-title {
    735                                                 @include font-size(22)
     745                                                @include font-size(18)
    736746                                        }
    737747                                }
    … …  
    746756                                margin-left: 0;
    747757                                padding: $spacing-val-md 0 $spacing-val-xs;
     758
    748759                                // push the actions to the right
    749 
    750760                                @include medium-up {
    751761                                        clear: none;
    … …  
    841851                                                margin: 0;
    842852                                                min-height: 1.5em;
    843                                                 padding-left: 0.4em;
     853                                                padding: 0 0 0 0.4em;
    844854                                        }
    845855                                }
    … …  
    852862                                        #whats-new-submit {
    853863                                                float: right;
     864
     865                                                input {
     866                                                        padding: 0;
     867                                                }
    854868                                        }
    855869                                }
    … …  
    908922                        .activity-header {
    909923                                @include font-size(14);
     924
     925                                a:visited {
     926                                        color: #21759b;
     927                                }
    910928                        }
    911929
    … …  
    916934                                        margin-right: $spacing-val-sm;
    917935                                        text-align: left;
    918                                         a {border-bottom: 0;}
     936
     937                                        a {
     938                                                border-bottom: 0;
     939                                        }
    919940                                }
    920941
    … …  
    955976                                        a {
    956977                                                @include font-size(12);
    957                                                 padding: 2px 4px;
    958978                                        }
    959979                                }
    … …  
    10041024                                background: darken($light-background, 1%);
    10051025                                border: 1px solid rgba(#9fd1e2, 0.3);
    1006                                 a { font-style: italic; }
    10071026                        }
    10081027
    … …  
    10581077                        > ul {
    10591078                                background: rgba($light-background, 0.6);
    1060                                 border-left: 1px solid $border-light;
    1061                                 margin: 2em 0 0 2px;
     1079                                margin: $spacing-val-sm 0 0 2px;
    10621080
    10631081                                > li {
    … …  
    10661084                                                color: #555;
    10671085                                        }
     1086
     1087                                        .acomment-meta,
     1088                                        .acomment-content {
     1089                                                @include font-size(12);
     1090                                        }
     1091
    10681092                                }
    10691093
    … …  
    11931217*/
    11941218
     1219.bp-user {
     1220        #buddypress {
     1221        // On object nav links, table links (notifications etc) we don't really need :visited
     1222        // inheritance, so set pseudo class to :link color.
     1223                a {
     1224                        &:visited {
     1225                                color: #21759b;
     1226                        }
     1227                }
     1228        }
     1229}
    11951230
    11961231/**
    … …  
    12131248        }
    12141249
     1250        @media screen and (max-width: 37.500em) {
     1251                h1,
     1252                #item-header-content {
     1253                        text-align: center;
     1254                }
     1255        }
     1256
    12151257        @media screen and (max-width: 46.25em) {
    12161258                main {
    … …  
    12211263        }
    12221264
    1223         @media screen and (max-width: 37.500em) {
    1224                 h1,
    1225                 #item-header-content {
    1226                         text-align: center;
    1227                 }
    1228         }
    1229 
    12301265        #buddypress {
     1266                @media screen and (max-width: 37.500em) {
     1267                        h1 {
     1268                                margin-bottom: 0;
     1269                        }
     1270
     1271                        #item-header-avatar {
     1272                                img.avatar {
     1273                                        margin-right: 0;
     1274                                }
     1275                        }
     1276
     1277                        #item-header-content {
     1278                                width: 100%;
     1279                        }
     1280                } // close @media
     1281
    12311282                @media screen and (max-width: 46.25em) {
    12321283                        #item-header {
    … …  
    12371288                        }
    12381289                }
    1239 
    1240                 @media screen and (max-width: 37.500em) {
    1241                         h1 {
    1242                                 margin-bottom: 0;
    1243                         }
    1244 
    1245                         #item-header-avatar {
    1246                                 img.avatar {
    1247                                         margin-right: 0;
    1248                                 }
    1249                         }
    1250 
    1251                         #item-header-content {
    1252                                 width: 100%;
    1253                         }
    1254                 }
    1255         }
     1290        } // close #buddypress
     1291
    12561292}
    12571293
    … …  
    13391375                                        padding: 0.2em;
    13401376                                }
     1377
     1378                                #group-admins,
     1379                                #group-mods {
     1380                                        li {
     1381                                                margin: 0;
     1382                                        }
     1383                                }
     1384
    13411385                        } // close item-actions
    13421386
    … …  
    13661410                } // close #item-header
    13671411        } // close #buddypress
    1368 } // close .groups
     1412
     1413        // These rules handle the specific instance of Cover Images on single groups
     1414        // activated & attempt to address positioning concerns arising from themes
     1415        // breakpoints.
     1416        // Due to cover image styles being applied via embedded styles & thus carrying
     1417        // heavier weight than linked styles the use !important to override may be required.
     1418        #buddypress {
     1419                #cover-image-container {
     1420                        #item-header-cover-image {
     1421                                @media screen and (max-width: 64em) {
     1422                                        #item-actions {
     1423                                                border: 0;
     1424                                                clear: both;
     1425                                                margin-top: 0 !important;
     1426                                                max-width: 100% !important;
     1427                                                padding-top: 0 !important;
     1428                                                width: auto;
     1429
     1430                                                h3 {border-bottom: 1px solid $border-light;}
     1431                                        }
     1432                                }
     1433                        }
     1434                }
     1435        }
     1436
     1437} // close .single-item.groups
    13691438
    13701439/**
    … …  
    16141683                        width: 100%;
    16151684                        @media screen and (min-width: 37.500em) {
    1616                                 width: 50%;
     1685                                width: 40%;
    16171686                        }
    16181687
    … …  
    16271696                                float: left;
    16281697                                margin-right: 0;
    1629                                 width: 60%;
     1698                                width: 49%;
     1699
     1700                                @media screen and (min-width: 37.500em) {
     1701                                        width: auto;
     1702                                }
    16301703                        }
    16311704
    16321705                        input {
    1633                                 float: right;
     1706                                float: left;
    16341707                                font-family: inherit;
    16351708                                line-height: 20px;
    16361709                                margin-left: 1%;
    1637                                 width: 39%;
     1710                                width: 50%;
     1711
     1712                                @media screen and (min-width: 37.500em) {
     1713                                        width: auto;
     1714                                }
    16381715
    16391716                                &[disabled="disabled"]:focus,
    … …  
    17041781                                } //.button-nav
    17051782
     1783                                .field-visibility-settings-toggle {
     1784                                        margin: $spacing-val-xs 0 $spacing-val-md;
     1785                                }
     1786
    17061787                                .field-visibility-settings-toggle,
    17071788                                .field-visibility-settings {
    … …  
    17111792                                .field-visibility-settings-close,
    17121793                                .visibility-toggle-link {
    1713                                         background: $dark-background;
    1714                                         color: #fff;
    1715                                         padding: 0.2em 0.5em;
     1794                                        background: lighten($dark-background, 10%);
     1795                                        @include border-radius(2px);
     1796                                        color: #eee;
     1797                                        font-weight: bold;
     1798                                        padding: 0.1em 0.5em;
     1799                                        text-decoration: none;
     1800
     1801                                        &:focus,
     1802                                        &:hover {
     1803                                                color: #fff;
     1804                                        }
    17161805                                }
    17171806                        } // close profile form
    … …  
    19192008                        tr.unread {
    19202009                                td {
    1921                                         background: rgba($unread, 0.4);
    1922                                         border-color: $border-color;
     2010                                        border-color: $border-light;
    19232011                                }
    19242012                        }
    … …  
    21062194#buddypress {
    21072195
    2108 // Match BP form elements to Themes(2016) styling where styles
     2196// Match BP form elements to Themes(2012) styling where styles
    21092197// are not inherited or being overriden.
    21102198        div.activity-comments {
    … …  
    21562244
    21572245                // Stylise the seach form elements, in part this deals with padding
    2158                 // issues on the submit & sizing issues between bp styles & 2016
     2246                // issues on the submit & sizing issues between bp styles & 2012
    21592247
    21602248                form { // *sigh* only to bludgeon over specified rules
    … …  
    21652253                                float: left;
    21662254                                width: 70%;
    2167                         }
    2168 
    2169                         input[type='text'] {
    2170                                 float: left;
    2171                                 margin: 0;
    2172                                 width: 100%;
    21732255                        }
    21742256
    … …  
    21772259                                @include font-size(14);
    21782260                                border: 0;
    2179                                 line-height: inherit;
     2261                                border-radius: 0;
     2262                                line-height: 1.8;
     2263                                min-height: 2rem;
    21802264                        }
    21812265
    21822266                        input[type='text'] {
    21832267                                border-right: 1px solid rgba($border-color, 0.6);
    2184                                 padding: 0.2em 0 0.2em 0.2em;
     2268                                float: left;
     2269                                margin: 0;
     2270                                padding: 0 0.2em 0;
     2271                                width: 100%;
    21852272                        }
    21862273
    … …  
    21882275                                float: right;
    21892276                                font-weight: normal;
    2190                                 padding: 0.2em 1em;
     2277                                padding: 0 1em;
    21912278                                text-align: center;
    21922279                                text-transform: none;
Note: See TracChangeset for help on using the changeset viewer.