![(please configure the [header_logo] section in trac.ini)](/chrome/site/your_project_logo.png){kind=logo}
Changeset 10451
- Timestamp:
- 01/16/2016 01:31:44 PM (11 years ago)
- Location:
- trunk/src/bp-templates/bp-legacy/css
- Files:
-
- 5 edited
-
twentyfifteen.scss (modified) (14 diffs)
-
twentyfourteen.scss (modified) (6 diffs)
-
twentysixteen.scss (modified) (9 diffs)
-
twentythirteen.scss (modified) (18 diffs)
-
twentytwelve.scss (modified) (8 diffs)
Legend:
- Unmodified
- Added
- Removed
-
trunk/src/bp-templates/bp-legacy/css/twentyfifteen.scss
r10319 r10451 230 230 main { 231 231 padding-top: 4%; 232 232 233 @media screen and (min-width: 59.6875em) { 233 234 padding-top: 0; … … 237 238 margin: 0 4%; 238 239 padding-top: 8.3333%; 240 239 241 @media screen and (min-width: 59.6875em) { 240 242 margin: 0 0 0 1px; 241 243 } 244 242 245 @media screen and (min-width: 87.6875em) { 243 246 margin: 0 4.3333% 0 8.3333%; … … 257 260 .site-footer { 258 261 margin: 0 4%; 262 259 263 @media screen and (min-width: 59.6875em) { 260 264 margin: 0 0 0 35.2941%; … … 591 595 padding: 0; 592 596 } 597 593 598 position: relative; 594 599 text-align: left; … … 831 836 display: block; 832 837 margin: 0 0 $spacing-val-xs; 838 833 839 @media screen and (min-width: 38.75em) { 834 840 display: inline-block; … … 877 883 @include font-size(20); 878 884 } 885 879 886 margin-bottom: $spacing-val-lg; 880 887 p {padding: $spacing-val-md;} … … 907 914 background: rgba($light-background, 0.6); 908 915 margin: 15px 0 0 2px; 916 909 917 @media screen and (min-width: 38.75em) { 910 918 margin-left: 70px; … … 1148 1156 @include font-size(16); 1149 1157 } 1158 1150 1159 padding: 0.2em; 1151 1160 } … … 1407 1416 @include font-size(16); 1408 1417 } 1418 1409 1419 margin: 0; 1410 1420 … … 1432 1442 padding: $spacing-val-md 0; 1433 1443 } 1444 1434 1445 width: 100%; 1435 1446 … … 1555 1566 float: left; 1556 1567 width: 100%; 1568 1557 1569 @media screen and (min-width: 30em) { 1558 1570 width: 50%; … … 1806 1818 td.thread-from { 1807 1819 height: 2.6em; 1820 1808 1821 @media screen and (max-width: 38.75em) { 1809 1822 height: 5.2em; … … 1845 1858 float: right; 1846 1859 line-height: 2; 1860 1847 1861 @media screen and (max-width: 38.75em) { 1848 1862 clear: both; … … 2249 2263 div#message { 2250 2264 margin-top: $spacing-val-md; 2265 2251 2266 @media screen and (min-width: 55em) { 2252 2267 margin-right: $spacing-val-md; -
trunk/src/bp-templates/bp-legacy/css/twentyfourteen.scss
r10295 r10451 280 280 } 281 281 } 282 282 283 @media screen and (min-width: 594px) { 283 284 li { … … 1253 1254 @include box-model(border-box); 1254 1255 float: left; 1256 1255 1257 @media screen and (max-width: 400px) { 1256 1258 margin: 0; … … 1261 1263 } 1262 1264 } 1265 1263 1266 @media screen and (min-width: 783px) { 1264 1267 margin-left: 3px; … … 1456 1459 border-left: 0; 1457 1460 height: 2.6em; 1461 1458 1462 @media screen and (max-width: 320px) { 1459 1463 height: 5.2em; … … 1496 1500 float: right; 1497 1501 line-height: 2; 1502 1498 1503 @media screen and (max-width: 320px) { 1499 1504 clear: both; … … 1851 1856 } 1852 1857 } 1853 -
trunk/src/bp-templates/bp-legacy/css/twentysixteen.scss
r10325 r10451 727 727 .item-avatar { 728 728 margin-bottom: $spacing-val-sm; 729 729 730 @media screen and (min-width: 38.75em) { 730 731 margin-bottom: 0; 731 732 } 733 732 734 text-align: center; 733 735 … … 749 751 .item { 750 752 overflow: hidden; 753 751 754 @media screen and (min-width: 46.25em) { 752 755 margin-left: 15%; … … 1043 1046 display: block; 1044 1047 margin-bottom: $spacing-val-xs; 1048 1045 1049 @media screen and (min-width: 38.75em) { 1046 1050 display: inline-block; … … 1088 1092 @include font-size(20); 1089 1093 } 1094 1090 1095 margin-bottom: $spacing-val-lg; 1091 1096 p {padding: $spacing-val-md;} … … 1359 1364 @include font-size(16); 1360 1365 } 1366 1361 1367 padding: 0.2em; 1362 1368 } … … 1570 1576 padding: $spacing-val-md 0; 1571 1577 } 1578 1572 1579 width: 100%; 1573 1580 … … 1632 1639 float: left; 1633 1640 width: 100%; 1641 1634 1642 @media screen and (min-width: 38.75em) { 1635 1643 width: 300px; … … 1875 1883 td.thread-from { 1876 1884 height: 3em; 1885 1877 1886 @media screen and (max-width: 38.75em) { 1878 1887 height: 5.2em; … … 1914 1923 float: right; 1915 1924 line-height: 2; 1925 1916 1926 @media screen and (max-width: 38.75em) { 1917 1927 clear: both; -
trunk/src/bp-templates/bp-legacy/css/twentythirteen.scss
r10309 r10451 226 226 #content {padding: 0 $spacing-val-md;} 227 227 } 228 228 229 @media (max-width: 643px) { 229 230 #content {padding: 0;} … … 636 637 .item-avatar { 637 638 margin-bottom: $spacing-val-sm; 639 638 640 @media screen and (min-width: 38.75em) { 639 641 margin-bottom: 0; 640 642 } 643 641 644 text-align: center; 642 645 … … 657 660 .item { 658 661 overflow: hidden; 662 659 663 @media screen and (min-width: 46.25em) { 660 664 margin-left: 15%; … … 679 683 text-align: left; 680 684 } 685 681 686 width: 100%; 682 687 … … 688 693 @include font-size(14); 689 694 } 695 690 696 padding: $spacing-val-sm 0; 691 697 text-align: left; … … 951 957 display: block; 952 958 margin-bottom: $spacing-val-xs; 959 953 960 @media screen and (min-width: 38.75em) { 954 961 display: inline-block; … … 996 1003 @include font-size(20); 997 1004 } 1005 998 1006 margin-bottom: $spacing-val-lg; 999 1007 p {padding: $spacing-val-md;} … … 1136 1144 margin-bottom: $spacing-val-sm; 1137 1145 text-align: center; 1146 1138 1147 @media screen and (min-width: 46.25em) { 1139 1148 text-align: left; … … 1280 1289 @include font-size(16); 1281 1290 } 1291 1282 1292 padding: 0.2em; 1283 1293 } … … 1318 1328 #item-actions { 1319 1329 border: 0; 1330 1320 1331 @media screen and (max-width: 46.25em) { 1321 1332 clear: both !important; 1322 1333 } 1334 1323 1335 float: none; 1324 1336 width: auto; … … 1561 1573 padding: $spacing-val-md 0; 1562 1574 } 1575 1563 1576 width: 100%; 1564 1577 … … 1591 1604 .left-menu { 1592 1605 float: none; 1606 1593 1607 @media screen and (min-width: 46.25em) { 1594 1608 float: left; … … 1602 1616 padding: 0 0.3em 0.5em; 1603 1617 width: auto; 1618 1604 1619 @media screen and (min-width: 46.25em) { 1605 1620 width: 220px; … … 1613 1628 .main-column { 1614 1629 margin-left: 0; 1630 1615 1631 @media screen and (min-width: 46.25em) { 1616 1632 margin-left: 235px; … … 1664 1680 float: left; 1665 1681 width: 100%; 1682 1666 1683 @media screen and (min-width: 38.75em) { 1667 1684 width: 300px; … … 1901 1918 td.thread-from { 1902 1919 height: 3em; 1920 1903 1921 @media screen and (max-width: 38.75em) { 1904 1922 height: 5.2em; … … 1944 1962 float: right; 1945 1963 line-height: 2; 1964 1946 1965 @media screen and (max-width: 38.75em) { 1947 1966 clear: both; … … 2155 2174 float: left; 2156 2175 width: 60%; 2176 2157 2177 @media screen and (min-width: 46.25em) { 2158 2178 width: 80%; -
trunk/src/bp-templates/bp-legacy/css/twentytwelve.scss
r10449 r10451 650 650 .item-avatar { 651 651 margin-bottom: $spacing-val-sm; 652 652 653 @media screen and (min-width: 37.500em) { 653 654 margin-bottom: 0; 654 655 } 656 655 657 text-align: center; 656 658 … … 678 680 margin-left: 15%; 679 681 } 682 680 683 overflow: hidden; 681 684 … … 1005 1008 @include font-size(14); 1006 1009 margin-bottom: $spacing-val-xs; 1010 1007 1011 @media screen and (min-width: 37.500em) { 1008 1012 float: left; 1009 1013 margin-bottom: 0; 1010 1014 } 1015 1011 1016 padding: 0.2em 0.5em; 1012 1017 } … … 1050 1055 @include font-size(20); 1051 1056 } 1057 1052 1058 margin-bottom: $spacing-val-lg; 1053 1059 p {padding: $spacing-val-md;} … … 1602 1608 padding: $spacing-val-md 0; 1603 1609 } 1610 1604 1611 width: 100%; 1605 1612 … … 1659 1666 float: left; 1660 1667 width: 100%; 1668 1661 1669 @media screen and (min-width: 37.500em) { 1662 1670 width: 40%; … … 1936 1944 td.thread-from { 1937 1945 height: 3em; 1946 1938 1947 @media screen and (max-width: 37.500em) { 1939 1948 height: 5.2em; … … 1975 1984 float: right; 1976 1985 line-height: 2; 1986 1977 1987 @media screen and (max-width: 37.500em) { 1978 1988 clear: both;
Note:
See TracChangeset
for help on using the changeset viewer.
