Skip to:
Content

BuddyPress.org

Changeset 6808


Ignore:
Timestamp:
02/21/2013 12:46:27 AM (8 years ago)
Author:
boonebgorges
Message:

Adds media queries for content directories

Fixes #4810

Props mercime

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/bp-templates/bp-legacy/css/buddypress.css

    r6805 r6808  
    2626    6.9 - Private Messaging Threads
    2727    6.10 - Extended Profiles
     287.0 - Media Queries
     29    7.1 - Smartphones Landscape
     30    7.2 - Smartphones Portrait
     31    7.3 - Smartphones - smaller screen sizes
    2832--------------------------------------------------------------*/
    2933
     
    13771381    font-style: italic;
    13781382}
     1383
     1384/*--------------------------------------------------------------
     13857.0 - Media Queries
     1386--------------------------------------------------------------*/
     1387/*--------------------------------------------------------------
     13887.1 - Smartphones - landscape
     1389--------------------------------------------------------------*/
     1390@media screen and (max-device-width: 480px), screen and (-webkit-min-device-pixel-ratio: 2) {
     1391    -webkit-text-size-adjust: none;
     1392}
     1393@media only screen and (max-width: 480px ){
     1394    #buddypress div.dir-search {
     1395        float: right;
     1396        margin-top: -50px;
     1397        text-align: right;
     1398    }
     1399    #buddypress div.dir-search input[type="text"] {
     1400        margin-bottom: 1em;
     1401        width: 50%;
     1402    }
     1403    a.bp-title-button {
     1404        margin-left: 10px;
     1405    }
     1406}
     1407
     1408/*--------------------------------------------------------------
     14097.2 - Smartphones - portrait
     1410--------------------------------------------------------------*/
     1411@media only screen and (max-width: 320px) {
     1412    #buddypress div.dir-search {
     1413        clear: left;
     1414        float: left;
     1415        margin-top: 0;
     1416        text-align: left;
     1417    }
     1418    #buddypress li#groups-order-select {
     1419        clear: left;
     1420        float: left;
     1421    }
     1422    #buddypress ul.item-list li div.action {
     1423        clear: left;
     1424        float: left;
     1425        margin-top: 0;
     1426        margin-left: 70px;
     1427        position: relative;
     1428        top: 0;
     1429        right: 0;
     1430        text-align: left;
     1431    }
     1432    #buddypress ul.item-list li div.item-desc {
     1433        clear: left;
     1434        float: left;
     1435        margin: 10px 0 0;
     1436        width: auto;
     1437    }
     1438    #buddypress li div.item {
     1439        margin-left: 70px;
     1440        width: auto;
     1441    }
     1442    #buddypress ul.item-list li div.meta {
     1443        margin-top: 0;
     1444    }
     1445    #buddypress .item-desc p {
     1446        margin: 0 0 10px;
     1447    }
     1448    #buddypress div.pagination .pag-count {
     1449        margin-left: 0;
     1450    }
     1451}
     1452
     1453/*--------------------------------------------------------------
     14547.2 - Smartphones - smaller screen sizes
     1455--------------------------------------------------------------*/
     1456@media only screen and (max-width: 240px) {
     1457    #buddypress div.dir-search {
     1458        float: left;
     1459        margin: 0;
     1460    }
     1461    #buddypress div.dir-search input[type="text"] {
     1462        width: 50%;
     1463    }
     1464    #buddypress li#groups-order-select {
     1465        float: left;
     1466    }
     1467    #buddypress ul.item-list li img.avatar {
     1468        width: 30px;
     1469        height: auto;
     1470    }
     1471    #buddypress ul.item-list li div.action,
     1472    #buddypress li div.item{
     1473        margin-left: 45px;
     1474    }
     1475    h1 a.bp-title-button {
     1476        clear: left;
     1477        float: left;
     1478        margin: 10px 0 20px;
     1479    }
     1480}
Note: See TracChangeset for help on using the changeset viewer.