web/mixstore/css/static/home.css

   1 div#carousel-example-generic {
   2     border-bottom: 1px solid black;
   3 }
   4
   5 h2, h3 {
   6     text-align: center;
   7 }
   8
   9 h2 {
  10     font-size: 48px;
  11 }
  12
  13 p, table {
  14     font-size: 17px; /*1.3em*/
  15 }
  16
  17 table {
  18     margin: 0 auto;
  19     width: 95%;
  20     margin-top: 15px;
  21 }
  22
  23 td {
  24     border: 1px solid grey;
  25     padding: 5px;
  26 }
  27
  28 div.column {
  29     text-align: center;
  30     height: 350px;
  31     padding-top: 30px;
  32 }
  33
  34 @media screen and (max-width: 400px) {
  35 div.column {
  36     padding-top: 15px;
  37 }
  38 }
  39
  40 @media screen and (max-width: 767px) {
  41 div.column {
  42     background-color: white;
  43     border-bottom: 1px solid black;
  44 }
  45 div.xs-shrink {
  46     height: 200px;
  47 }
  48 h2 {
  49     padding-bottom: 15px;
  50 }
  51 }
  52
  53 @media screen and (min-width: 768px) {
  54 div.column {
  55     padding-left: 3%;
  56     padding-right: 3%;
  57 }
  58 h2 {
  59     padding-bottom: 24px;
  60 }
  61 }
  62
  63 @media screen and (min-width: 1024px) {
  64 div.column {
  65     padding-left: 5%;
  66     padding-right: 5%;
  67 }
  68 }
  69
  70 div.borderbottom {
  71     border-bottom: 1px solid grey;
  72 }
  73
  74 .grey-bg {
  75     background-color: lightgrey;
  76 }
  77
  78 div#home-carousel {
  79     margin-top: 0;
  80     width: 100%;
  81 }
  82
  83 div.carousel-playpause {
  84     position: absolute;
  85     bottom: 1px;
  86     z-index: 15;
  87     width: 100%;
  88     text-align: center;
  89     list-style: none;
  90     margin-bottom: 0;
  91 }
  92
  93 div.carousel-playpause span {
  94     padding-left: 0;
  95     padding-right: 0;
  96     font-size: 115%;
  97     cursor: pointer;
  98 }
  99
 100 @media screen and (min-width: 768px) {
 101 div.carousel-playpause span {
 102     font-size: 150%;
 103 }
 104 }
 105
 106 div.carousel-inner div.item img {
 107     width: 100%;
 108 }
 109
 110 @media screen and (max-width: 515px) {
 111 div.carousel-inner div.item img {
 112     height: 150px;
 113 }
 114 }