1
|
1 |
.row{ |
|
2 |
margin-top: 10px; |
|
3 |
} |
|
4 |
footer{ |
|
5 |
background: none; |
|
6 |
color: #000; |
|
7 |
float: left; |
|
8 |
font: inherit; |
|
9 |
position: inherit; |
|
10 |
width: 100%; |
|
11 |
} |
|
12 |
.hand{ |
|
13 |
cursor: pointer; |
|
14 |
} |
|
15 |
.btn-lg{ |
|
16 |
width: 100%; |
|
17 |
line-height: 2; |
|
18 |
font-size: 4vw; |
|
19 |
background-color: #E6E6E6; |
|
20 |
} |
|
21 |
.row{ |
|
22 |
margin-left: 0px; |
|
23 |
margin-right: 0px; |
|
24 |
} |
|
25 |
.mons-content{ |
|
26 |
width: 100%; |
|
27 |
} |
|
28 |
.mons-button{ |
|
29 |
background-color: #1e1e1e; |
|
30 |
float: left; |
|
31 |
margin: 1.66%; |
|
32 |
overflow: hidden; |
|
33 |
padding-bottom: 30%; |
|
34 |
position: relative; |
|
35 |
width: 45%; |
|
36 |
} |
|
37 |
.mons-button .content{ |
|
38 |
height: 90%; |
|
39 |
padding: 5%; |
|
40 |
position: absolute; |
|
41 |
width: 90%; |
|
42 |
} |
|
43 |
.mons-button .content .table{ |
|
44 |
display: table; |
|
45 |
height: 100%; |
|
46 |
width: 100%; |
|
47 |
} |
|
48 |
.mons-button .content .table .table-cell{ |
|
49 |
display: table-cell; |
|
50 |
text-align: center; |
|
51 |
vertical-align: middle; |
|
52 |
text-shadow: 0px 0px 5px #fff; |
|
53 |
} |
|
54 |
.large-cat{ |
|
55 |
font-size: 300%; |
|
56 |
font-size: 4vw; |
|
57 |
} |
|
58 |
.normal-cat{ |
|
59 |
font-size: 100%; |
|
60 |
font-size: 2vw; |
|
61 |
} |
|
62 |
.send{ |
|
63 |
background-color: #4cae4c; |
|
64 |
} |
|
65 |
.return{ |
|
66 |
background-color: #e6e6e6; |
|
67 |
} |
|
68 |
.send, .return{ |
|
69 |
padding-bottom: 20%; |
|
70 |
} |
|
71 |
|
|
72 |
/* autocomplete css source : https://github.com/JustGoscha/allmighty-autocomplete/blob/master/style/autocomplete.css */ |
|
73 |
.row input{ |
|
74 |
font-size: 1.2em; |
|
75 |
} |
|
76 |
/*.autocomplete{ |
|
77 |
width: 100%; |
|
78 |
position: relative; |
|
79 |
} |
|
80 |
.autocomplete input{ |
|
81 |
width: 100%; |
|
82 |
padding:0.4em; |
|
83 |
} |
|
84 |
.autocomplete ul{ |
|
85 |
position: absolute; |
|
86 |
left: 0; |
|
87 |
width: 100%; |
|
88 |
border-left: 1px solid #888; |
|
89 |
border-right: 1px solid #888; |
|
90 |
border-bottom: 1px solid #888; |
|
91 |
z-index: 1; |
|
92 |
padding-left: 0px; |
|
93 |
} |
|
94 |
.autocomplete li{ |
|
95 |
text-align: left; |
|
96 |
list-style:none; |
|
97 |
width: 100%; |
|
98 |
padding:0.4em; |
|
99 |
background-color: #fff; |
|
100 |
} |
|
101 |
.autocomplete li.active{ |
|
102 |
width: 100%; |
|
103 |
background-color: #4bf; |
|
104 |
} |
|
105 |
.autocomplete .highlight { |
|
106 |
background-color: #E2E2E2; |
|
107 |
} |
|
108 |
.autocomplete li.active .highlight { |
|
109 |
background: #666; |
|
110 |
color: #fff; |
|
111 |
}*/ |
|
112 |
/* autocomplete css */ |
|
113 |
|
|
114 |
/*.ng-scope{ |
|
115 |
border: red 1px solid; |
|
116 |
}*/ |
|
117 |
|