Template:Team:Wellesley Desyne/css/wp app.css

From 2013.igem.org

(Difference between revisions)
Line 596: Line 596:
     th.hide-for-medium-down {
     th.hide-for-medium-down {
         display: table-cell !important; } }
         display: table-cell !important; } }
-
/* X-Large Displays: 1400px and up */
 
-
@media only screen and (min-width: 1440px) {
 
-
    .show-for-xlarge {
 
-
        display: inherit !important; }
 
-
    .show-for-large,
 
-
    .show-for-large-down {
 
-
        display: none !important; }
 
-
 
-
    .hide-for-large,
 
-
    .hide-for-large-down {
 
-
        display: inherit !important; }
 
-
 
-
    .hide-for-xlarge {
 
-
        display: none !important; }
 
-
 
-
    /* Specific visilbity for tables */
 
-
    table.show-for-xlarge, table.hide-for-large, table.hide-for-large-down {
 
-
        display: table; }
 
-
 
-
    thead.show-for-xlarge, thead.hide-for-large, thead.hide-for-large-down {
 
-
        display: table-header-group !important; }
 
-
 
-
    tbody.show-for-xlarge, tbody.hide-for-large, tbody.hide-for-large-down {
 
-
        display: table-row-group !important; }
 
-
 
-
    tr.show-for-xlarge, tr.hide-for-large, tr.hide-for-large-down {
 
-
        display: table-row !important; }
 
-
 
-
    td.show-for-xlarge, td.hide-for-large, td.hide-for-large-down,
 
-
    th.show-for-xlarge,
 
-
    th.hide-for-large,
 
-
    th.hide-for-large-down {
 
-
        display: table-cell !important; } }
 
-
/* Orientation targeting */
 
-
.show-for-landscape,
 
-
.hide-for-portrait {
 
-
    display: inherit !important; }
 
-
 
-
.hide-for-landscape,
 
-
.show-for-portrait {
 
-
    display: none !important; }
 
-
 
-
/* Specific visilbity for tables */
 
-
table.hide-for-landscape, table.show-for-portrait {
 
-
    display: table; }
 
-
 
-
thead.hide-for-landscape, thead.show-for-portrait {
 
-
    display: table-header-group !important; }
 
-
 
-
tbody.hide-for-landscape, tbody.show-for-portrait {
 
-
    display: table-row-group !important; }
 
-
 
-
tr.hide-for-landscape, tr.show-for-portrait {
 
-
    display: table-row !important; }
 
-
 
-
td.hide-for-landscape, td.show-for-portrait,
 
-
th.hide-for-landscape,
 
-
th.show-for-portrait {
 
-
    display: table-cell !important; }
 
-
 
-
@media only screen and (orientation: landscape) {
 
-
    .show-for-landscape,
 
-
    .hide-for-portrait {
 
-
        display: inherit !important; }
 
-
 
-
    .hide-for-landscape,
 
-
    .show-for-portrait {
 
-
        display: none !important; }
 
-
 
-
    /* Specific visilbity for tables */
 
-
    table.show-for-landscape, table.hide-for-portrait {
 
-
        display: table; }
 
-
 
-
    thead.show-for-landscape, thead.hide-for-portrait {
 
-
        display: table-header-group !important; }
 
-
 
-
    tbody.show-for-landscape, tbody.hide-for-portrait {
 
-
        display: table-row-group !important; }
 
-
 
-
    tr.show-for-landscape, tr.hide-for-portrait {
 
-
        display: table-row !important; }
 
-
 
-
    td.show-for-landscape, td.hide-for-portrait,
 
-
    th.show-for-landscape,
 
-
    th.hide-for-portrait {
 
-
        display: table-cell !important; } }
 
-
@media only screen and (orientation: portrait) {
 
-
    .show-for-portrait,
 
-
    .hide-for-landscape {
 
-
        display: inherit !important; }
 
-
 
-
    .hide-for-portrait,
 
-
    .show-for-landscape {
 
-
        display: none !important; }
 
-
 
-
    /* Specific visilbity for tables */
 
-
    table.show-for-portrait, table.hide-for-landscape {
 
-
        display: table; }
 
-
 
-
    thead.show-for-portrait, thead.hide-for-landscape {
 
-
        display: table-header-group !important; }
 
-
 
-
    tbody.show-for-portrait, tbody.hide-for-landscape {
 
-
        display: table-row-group !important; }
 
-
 
-
    tr.show-for-portrait, tr.hide-for-landscape {
 
-
        display: table-row !important; }
 
-
 
-
    td.show-for-portrait, td.hide-for-landscape,
 
-
    th.show-for-portrait,
 
-
    th.hide-for-landscape {
 
-
        display: table-cell !important; } }
 
/* Touch-enabled device targeting */
/* Touch-enabled device targeting */
.show-for-touch {
.show-for-touch {
Line 759: Line 647:
     display: table-cell !important; }
     display: table-cell !important; }
-
/* Foundation Block Grids for below small breakpoint */
 
-
@media only screen {
 
-
    [class*="block-grid-"] {
 
-
        display: block;
 
-
        padding: 0;
 
-
        margin: 0 -0.625em;
 
-
        *zoom: 1; }
 
-
    [class*="block-grid-"]:before, [class*="block-grid-"]:after {
 
-
        content: " ";
 
-
        display: table; }
 
-
    [class*="block-grid-"]:after {
 
-
        clear: both; }
 
-
    [class*="block-grid-"] > li {
 
-
        display: inline;
 
-
        height: auto;
 
-
        float: left;
 
-
        padding: 0 0.625em 1.25em; }
 
-
 
-
    .small-block-grid-1 > li {
 
-
        width: 100%;
 
-
        padding: 0 0.625em 1.25em; }
 
-
    .small-block-grid-1 > li:nth-of-type(n) {
 
-
        clear: none; }
 
-
    .small-block-grid-1 > li:nth-of-type(1n+1) {
 
-
        clear: both; }
 
-
 
-
    .small-block-grid-2 > li {
 
-
        width: 50%;
 
-
        padding: 0 0.625em 1.25em; }
 
-
    .small-block-grid-2 > li:nth-of-type(n) {
 
-
        clear: none; }
 
-
    .small-block-grid-2 > li:nth-of-type(2n+1) {
 
-
        clear: both; }
 
-
 
-
    .small-block-grid-3 > li {
 
-
        width: 33.33333%;
 
-
        padding: 0 0.625em 1.25em; }
 
-
    .small-block-grid-3 > li:nth-of-type(n) {
 
-
        clear: none; }
 
-
    .small-block-grid-3 > li:nth-of-type(3n+1) {
 
-
        clear: both; }
 
-
 
-
    .small-block-grid-4 > li {
 
-
        width: 25%;
 
-
        padding: 0 0.625em 1.25em; }
 
-
    .small-block-grid-4 > li:nth-of-type(n) {
 
-
        clear: none; }
 
-
    .small-block-grid-4 > li:nth-of-type(4n+1) {
 
-
        clear: both; }
 
-
 
-
    .small-block-grid-5 > li {
 
-
        width: 20%;
 
-
        padding: 0 0.625em 1.25em; }
 
-
    .small-block-grid-5 > li:nth-of-type(n) {
 
-
        clear: none; }
 
-
    .small-block-grid-5 > li:nth-of-type(5n+1) {
 
-
        clear: both; }
 
-
 
-
    .small-block-grid-6 > li {
 
-
        width: 16.66667%;
 
-
        padding: 0 0.625em 1.25em; }
 
-
    .small-block-grid-6 > li:nth-of-type(n) {
 
-
        clear: none; }
 
-
    .small-block-grid-6 > li:nth-of-type(6n+1) {
 
-
        clear: both; }
 
-
 
-
    .small-block-grid-7 > li {
 
-
        width: 14.28571%;
 
-
        padding: 0 0.625em 1.25em; }
 
-
    .small-block-grid-7 > li:nth-of-type(n) {
 
-
        clear: none; }
 
-
    .small-block-grid-7 > li:nth-of-type(7n+1) {
 
-
        clear: both; }
 
-
 
-
    .small-block-grid-8 > li {
 
-
        width: 12.5%;
 
-
        padding: 0 0.625em 1.25em; }
 
-
    .small-block-grid-8 > li:nth-of-type(n) {
 
-
        clear: none; }
 
-
    .small-block-grid-8 > li:nth-of-type(8n+1) {
 
-
        clear: both; }
 
-
 
-
    .small-block-grid-9 > li {
 
-
        width: 11.11111%;
 
-
        padding: 0 0.625em 1.25em; }
 
-
    .small-block-grid-9 > li:nth-of-type(n) {
 
-
        clear: none; }
 
-
    .small-block-grid-9 > li:nth-of-type(9n+1) {
 
-
        clear: both; }
 
-
 
-
    .small-block-grid-10 > li {
 
-
        width: 10%;
 
-
        padding: 0 0.625em 1.25em; }
 
-
    .small-block-grid-10 > li:nth-of-type(n) {
 
-
        clear: none; }
 
-
    .small-block-grid-10 > li:nth-of-type(10n+1) {
 
-
        clear: both; }
 
-
 
-
    .small-block-grid-11 > li {
 
-
        width: 9.09091%;
 
-
        padding: 0 0.625em 1.25em; }
 
-
    .small-block-grid-11 > li:nth-of-type(n) {
 
-
        clear: none; }
 
-
    .small-block-grid-11 > li:nth-of-type(11n+1) {
 
-
        clear: both; }
 
-
 
-
    .small-block-grid-12 > li {
 
-
        width: 8.33333%;
 
-
        padding: 0 0.625em 1.25em; }
 
-
    .small-block-grid-12 > li:nth-of-type(n) {
 
-
        clear: none; }
 
-
    .small-block-grid-12 > li:nth-of-type(12n+1) {
 
-
        clear: both; } }
 
/* Foundation Block Grids for above small breakpoint */
/* Foundation Block Grids for above small breakpoint */
@media only screen and (min-width: 768px) {
@media only screen and (min-width: 768px) {

Revision as of 09:51, 27 September 2013