[Summary view] [Print] [Text view]

   1  /* Template styles for base theme. */
   2  
   3  /* Styles for column templates. */
   4  .row-fluid {
   5      width: 100%;
   6  }
   7  
   8  .row-fluid::before {
   9      display: table;
  10      content: "";
  11      line-height: 0;
  12  }
  13  
  14  .row-fluid::after {
  15      display: table;
  16      content: "";
  17      line-height: 0;
  18      clear: both;
  19  }
  20  
  21  .row-fluid [class*="span"] {
  22      float: left;
  23      margin-left: 1%;
  24      margin-right: 0;
  25  }
  26  
  27  .row-fluid [class*="span"]:first-child {
  28      margin-left: 0;
  29  }
  30  
  31  .row-fluid .span4 {
  32      width: 32.666666667%;
  33  }
  34  
  35  .row-fluid .span8 {
  36      width: 66%;
  37  }
  38  
  39  /* RTL styles for column templates. */
  40  .dir-rtl .row-fluid [class*="span"] {
  41      float: right;
  42      margin-left: 0;
  43      margin-right: 1%;
  44  }
  45  
  46  .dir-rtl .row-fluid [class*="span"]:first-child {
  47      margin-right: 0;
  48  }
  49  
  50  /* Style for template columns-autoflow-1to1to1. */
  51  .columns-autoflow-1to1to1 {
  52      -moz-column-count: 3;
  53      -webkit-column-count: 3;
  54      column-count: 3;
  55      -moz-column-gap: 20px;
  56      -webkit-column-gap: 20px;
  57      column-gap: 20px;
  58  }
  59  
  60  /* Responsive styles for smaller screens. */
  61  @media (max-width: 767px) {
  62      /* For column templates. */
  63      .row-fluid [class*="span"] {
  64          width: 100%;
  65          float: none;
  66          margin-left: 0;
  67          margin-right: 0;
  68      }
  69  
  70      .dir-rtl .row-fluid [class*="span"] {
  71          margin-right: 0;
  72      }
  73  
  74      /* Change to a single column for smaller screens.*/
  75      .columns-autoflow-1to1to1 {
  76          -moz-column-count: 1;
  77          -webkit-column-count: 1;
  78          column-count: 1;
  79          -moz-column-gap: 0;
  80          -webkit-column-gap: 0;
  81          column-gap: 0;
  82      }
  83  }