Skip to:
Content

BuddyPress.org

Changeset 10443


Ignore:
Timestamp:
01/07/2016 08:33:28 PM (9 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.