cashless2ecash

cashless2ecash: pay with cards for digital cash (experimental)
Log | Files | Refs | README

salvattore.css (1010B)

      1 /*
      2    Spezific styling for salvattore
      3    Feel free to edit it as you like
      4    More info at http://salvattore.com
      5  */
      6 
      7 /* Base styles */
      8 .column {
      9     float: left;
     10 }
     11 .size-1of5 {
     12     width: 20%;
     13 }
     14 .size-1of4 {
     15     width: 25%;
     16 }
     17 .size-1of3 {
     18     width: 33.333%;
     19 }
     20 .size-1of2 {
     21     width: 50%;
     22 }
     23 
     24 /* Configurate salvattore with media queries */
     25 @media screen and (max-width: 450px) {
     26     #grid[data-columns]::before {
     27         content: '1 .column';
     28     }
     29 }
     30 
     31 @media screen and (min-width: 451px) and (max-width: 700px) {
     32     #grid[data-columns]::before {
     33         content: '2 .column.size-1of2';
     34     }
     35 }
     36 
     37 @media screen and (min-width: 701px) and (max-width: 850px) {
     38     #grid[data-columns]::before {
     39         content: '3 .column.size-1of3';
     40     }
     41 }
     42 
     43 @media screen and (min-width: 851px) and (max-width: 1600px) {
     44     #grid[data-columns]::before {
     45         content: '4 .column.size-1of4';
     46     }
     47 }
     48 
     49 @media screen and (min-width: 1601px) {
     50     #grid[data-columns]::before {
     51         content: '5 .column.size-1of5';
     52     }
     53 }