web/mixstore/css/base.css

   1 html {
   2     position: relative;
   3     min-height: 100%;
   4 }
   5
   6 body {
   7     /* Margin bottom by footer height + 15px (??) */
   8     margin-bottom: 65px;
   9     font-size: 16px;
  10     overflow-x: hidden; /* fix extra margin;
  11 http://stackoverflow.com/questions/23768152/using-container-fluid-within-bootstrap-cause-horizontal-scrollbar */
  12 }
  13
  14 /*
  15 div {
  16     font-size: 1.1em;
  17 }*/
  18
  19 div.container-fluid {
  20     margin-left: -15px;
  21     margin-right: -15px;
  22 }
  23
  24 div.row {
  25     margin-left: 0;
  26     margin-right: 0;
  27 }
  28
  29 footer {
  30     position: absolute;
  31     bottom: 0;
  32     width: 100%;
  33     /* Set the fixed height of the footer here */
  34     height: 65px;
  35     background-color: #dd4814;
  36     padding-top: 25px;
  37     color: white;
  38     text-align: center;
  39 }
  40
  41 footer a {
  42     color: black;
  43 }
  44
  45 footer a:hover {
  46     color: darkgrey;
  47 }
  48
  49 /*
  50 .navbar-header {
  51     padding-left: 5px;
  52 }
  53 .navbar-right {
  54     padding-right: 5px;
  55 }
  56 */
  57
  58 .navbar {
  59     border-radius: 0;
  60     -webkit-border-radius: 0;
  61     -moz-border-radius: 0;
  62 }
  63
  64 .navbar-default .navbar-brand {
  65     font-style: italic;
  66     color: #C0C0C0;
  67 }
  68
  69 @media screen and (min-width: 768px) {
  70 li#storemenu {
  71     display: block;
  72     position: absolute;
  73     top: 0;
  74     left: 46%;
  75 }
  76 }
  77
  78 @media (min-width: 768px) {
  79 .navbar-nav>li>a {/* middle between dd4814 and 97310e */
  80 background-color:#ba3c11;
  81 }
  82 }
  83
  84 li#storemenu > a {
  85     font-family: 'Merienda One', sans-serif;
  86 }
  87
  88 li#loginmenu > a {
  89     font-family: 'Merienda One', sans-serif;
  90 }
  91
  92 div.navbar {
  93     margin-bottom: 0;
  94 }
  95
  96 @media screen and (max-width: 767px) {
  97 div.navbar-collapse {
  98     padding-left: 0;
  99     padding-right: 0;
 100 }
 101 ul.nav {
 102     margin: 0;
 103     padding: 0;
 104 }
 105 }
 106
 107 .center-txt {
 108     text-align: center;
 109 }
 110
 111 .justify {
 112     text-align: justify;
 113 }
 114
 115 .bold {
 116     font-weight: bold;
 117 }
 118
 119 .red {
 120     color: #ff0000;
 121 }
 122
 123 .blue {
 124     color: #0000ff;
 125 }
 126
 127 .top-spaced {
 128     margin-top: 20px;
 129 }