Skip to:
Content

BuddyPress.org

Ticket #4810: 4810.patch

File 4810.patch, 3.1 KB (added by mercime, 8 years ago)
  • bp-templates/bp-legacy/css/buddypress.css

     
    2525        6.8 - Headers, Lists and Tabs - Activity, Groups, Blogs, Forums
    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
    3034/*--------------------------------------------------------------
     
    13621366#buddypress .field-visibility-settings-toggle {
    13631367        font-style: italic;
    13641368}
     1369
     1370/*--------------------------------------------------------------
     13717.0 - Media Queries
     1372--------------------------------------------------------------*/
     1373/*--------------------------------------------------------------
     13747.1 - Smartphones - landscape
     1375--------------------------------------------------------------*/
     1376@media screen and (max-device-width: 480px), screen and (-webkit-min-device-pixel-ratio: 2) {
     1377        -webkit-text-size-adjust: none;
     1378}
     1379@media only screen and (max-width: 480px ){
     1380        #buddypress div.dir-search {
     1381                float: right;
     1382                margin-top: -50px;
     1383                text-align: right;
     1384        }
     1385        #buddypress div.dir-search input[type="text"] {
     1386                margin-bottom: 1em;
     1387                width: 50%;
     1388        }
     1389        a.bp-title-button {
     1390                margin-left: 10px;
     1391        }
     1392}
     1393
     1394/*--------------------------------------------------------------
     13957.2 - Smartphones - portrait
     1396--------------------------------------------------------------*/
     1397@media only screen and (max-width: 320px) {
     1398        #buddypress div.dir-search {
     1399                clear: left;
     1400                float: left;
     1401                margin-top: 0;
     1402                text-align: left;
     1403        }
     1404        #buddypress li#groups-order-select {
     1405                clear: left;
     1406                float: left;
     1407        }
     1408        #buddypress ul.item-list li div.action {
     1409                clear: left;
     1410                float: left;
     1411                margin-top: 0;
     1412                margin-left: 70px;
     1413                position: relative;
     1414                top: 0;
     1415                right: 0;
     1416                text-align: left;
     1417        }
     1418        #buddypress ul.item-list li div.item-desc {
     1419                clear: left;
     1420                float: left;
     1421                margin: 10px 0 0;
     1422                width: auto;
     1423        }
     1424        #buddypress li div.item {
     1425                margin-left: 70px;
     1426                width: auto;
     1427        }
     1428        #buddypress ul.item-list li div.meta {
     1429                margin-top: 0;
     1430        }
     1431        #buddypress .item-desc p {
     1432                margin: 0 0 10px;
     1433        }
     1434        #buddypress div.pagination .pag-count {
     1435                margin-left: 0;
     1436        }
     1437}
     1438
     1439/*--------------------------------------------------------------
     14407.2 - Smartphones - smaller screen sizes
     1441--------------------------------------------------------------*/
     1442@media only screen and (max-width: 240px) {
     1443        #buddypress div.dir-search {
     1444                float: left;
     1445                margin: 0;
     1446        }
     1447        #buddypress div.dir-search input[type="text"] {
     1448                width: 50%;
     1449        }
     1450        #buddypress li#groups-order-select {
     1451                float: left;
     1452        }
     1453        #buddypress ul.item-list li img.avatar {
     1454                width: 30px;
     1455                height: auto;
     1456        }
     1457        #buddypress ul.item-list li div.action,
     1458        #buddypress li div.item{
     1459                margin-left: 45px;
     1460        }
     1461        h1 a.bp-title-button {
     1462                clear: left;
     1463                float: left;
     1464                margin: 10px 0 20px;
     1465        }
     1466}
     1467 No newline at end of file