Commit | Line | Data |
---|---|---|
929ca066 BA |
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 | } |