8605f5c19519f368c7b2d0e31ff532bc79164adb
[mixstore.git] / 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 }