Subversion Repositories eFlore/Applications.cel

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
3845 idir 1 
 
2 
input[type="search"] {
3 
    -webkit-appearance: textfield;
4 
    -moz-box-sizing: content-box;
5 
    -webkit-box-sizing: content-box;
6 
    box-sizing: content-box;
7 
}
8 
 
9 
.hidden {
10 
	display: none !important;
11 
}
12 
 
13 
.flex {
14 
	display: -webkit-box;
15 
	display: -moz-box;
16 
	display: -webkit-flexbox;
17 
	display: -ms-flexbox;
18 
	display: -webkit-flex;
19 
	display: flex;
20 
}
21 
 
22 
.form-col {
23 
	-webkit-flex-grow: 1;
24 
	-moz-flex-grow: 1;
25 
	-ms-flex-positive: 1;
26 
	flex-grow: 1;
27 
	-webkit-flex-shrink: 1;
28 
	-webkit-box-flex: 1;
29 
	-moz-flex-shrink: 1;
30 
	-ms-flex-negative: 1;
31 
	flex-shrink: 1;
32 
	-webkit-flex-basis: 0%;
33 
	-moz-flex-basis: 0%;
34 
	-ms-flex-preferred-size: 0%;
35 
	flex-basis: 0%;
36 
	margin-top: 10px;
37 
	margin-bottom: 10px;
38 
}
39 
 
40 
/************************************************
41 
	tb PLACES STYLING
42 
 ************************************************/
43 
/** tb places search block **/
44 
 
45 
.search-container {
46 
	position: relative;
47 
}
48 
 
49 
/** tb places input search **/
50 
 
51 
.input-search-container {
52 
	display: flex;
53 
	width: 100%;
54 
	border: 1px solid #bcd35f;
55 
	border-radius: 3px;
56 
}
57 
 
58 
.tb-places {
59 
	width: 100%;
60 
	height: 25px;
61 
	padding: 10px 20px;
62 
	float: left;
63 
	background: #f5f0eb;
64 
	border:0;
65 
	box-shadow: none;
66 
	border-radius: 3px 0 0 3px;
67 
}
68 
 
69 
.tb-places:focus {
70 
	outline: 0;
71 
	background: #fff;
72 
}
73 
 
74 
.tb-places::-webkit-input-placeholder,
75 
.tb-places:-moz-placeholder,
76 
.tb-places:-ms-input-placeholder {
77 
	color: #999;
78 
	font-weight: normal;
79 
	font-style: italic;
80 
}
81 
 
82 
 
83 
.tb-places-search-icon,
84 
.tb-places-close {
85 
	overflow: visible;
86 
	position: relative;
87 
	border: 0;
88 
	padding: 0;
89 
	height: 45px;
90 
	width: 60px;
91 
	border-radius: 0 3px 3px 0;
92 
}
93 
 
94 
  /** tb places search buttons **/
95 
.tb-places-search-icon:active,
96 
.tb-places-search-icon:focus,
97 
.tb-places-close:active,
98 
.tb-places-close:focus {
99 
	outline: 0;
100 
}
101 
 
102 
.tb-places-search-icon:before,
103 
.tb-places-close:before { /* left arrow */
104 
	content: '';
105 
	position: absolute;
106 
	border-width: 10px 10px 10px 0;
107 
	border-style: solid solid solid none;
108 
	top: 14px;
109 
	left: -7px;
110 
}
111 
 
112 
.tb-places-search-icon::-moz-focus-inner,
113 
.tb-places-close::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
114 
	border: 0;
115 
	padding: 0;
116 
}
117 
 
118 
.tb-places-search-icon {
119 
	background-image: url('../img/search-green.svg');
120 
	background-position: 15px 50%;
121 
	background-size: 20px;
122 
	background-repeat: no-repeat;
123 
	background-color: #bcd35f;
124 
}
125 
 
126 
.tb-places-search-icon:before {
127 
	border-color: transparent #bcd35f transparent;
128 
}
129 
 
130 
.tb-places-close {
131 
	background-image: url('../img/cross-white.svg');
132 
	background-position: 7px 50%;
133 
	background-size: 35px;
134 
	background-repeat: no-repeat;
135 
	background-color: #2f2826;
136 
	cursor: pointer;
137 
	touch-action: manipulation;
138 
}
139 
 
140 
.tb-places-close:before {
141 
	border-color: transparent #2f2826 transparent;
142 
}
143 
 
144 
/** tb places search  results **/
145 
 
146 
.tb-places-results-container {
147 
	position: absolute;
148 
	top: 103%;
149 
	z-index: 1001 !important;
150 
	width: 99%;
151 
	background-color: #f5f0eb;
152 
	height: 200px;
153 
	padding: 0;
154 
	margin-left: 2px;
155 
	border-radius: 1px;
156 
	overflow: auto;
157 
	box-shadow: 2px 2px 4px #837569;
158 
}
159 
 
160 
.tb-places-results {
161 
	position: relative;
162 
	top: 0;
163 
	width: 100%;
164 
	padding: 0;
165 
	margin: 0;
166 
	background-color: #f5f0eb;
167 
	color: #302926;
168 
	font-weight: 600;
169 
 }
170 
 
171 
.tb-places-results .tb-places-suggestion {
172 
    width: 100%;
173 
    padding: 5px 0 5px 20px;
174 
    background-color: #f5f0eb;
175 
    list-style-type: none;
176 
    cursor: pointer;
177 
	touch-action: manipulation;
178 
    margin: 0;
179 
}
180 
 
181 
.tb-places-results .tb-places-suggestion:hover,
182 
.tb-places-results .tb-places-suggestion:focus {
183 
	background-color: #fff;
184 
}
185 
 
186 
ul.leaflet-draw-actions.leaflet-draw-actions-bottom li:first-child {
187 
	display: none;
188 
}