source: trip-planner-front/node_modules/serve-index/public/style.css@ 6a3a178

Last change on this file since 6a3a178 was 6a3a178, checked in by Ema <ema_spirova@…>, 3 years ago

initial commit

  • Property mode set to 100644
File size: 4.5 KB
Line 
1* {
2 margin: 0;
3 padding: 0;
4 outline: 0;
5}
6
7body {
8 padding: 80px 100px;
9 font: 13px "Helvetica Neue", "Lucida Grande", "Arial";
10 background: #ECE9E9 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ECE9E9));
11 background: #ECE9E9 -moz-linear-gradient(top, #fff, #ECE9E9);
12 background-repeat: no-repeat;
13 color: #555;
14 -webkit-font-smoothing: antialiased;
15}
16h1, h2, h3 {
17 font-size: 22px;
18 color: #343434;
19}
20h1 em, h2 em {
21 padding: 0 5px;
22 font-weight: normal;
23}
24h1 {
25 font-size: 60px;
26}
27h2 {
28 margin-top: 10px;
29}
30h3 {
31 margin: 5px 0 10px 0;
32 padding-bottom: 5px;
33 border-bottom: 1px solid #eee;
34 font-size: 18px;
35}
36ul li {
37 list-style: none;
38}
39ul li:hover {
40 cursor: pointer;
41 color: #2e2e2e;
42}
43ul li .path {
44 padding-left: 5px;
45 font-weight: bold;
46}
47ul li .line {
48 padding-right: 5px;
49 font-style: italic;
50}
51ul li:first-child .path {
52 padding-left: 0;
53}
54p {
55 line-height: 1.5;
56}
57a {
58 color: #555;
59 text-decoration: none;
60}
61a:hover {
62 color: #303030;
63}
64#stacktrace {
65 margin-top: 15px;
66}
67.directory h1 {
68 margin-bottom: 15px;
69 font-size: 18px;
70}
71ul#files {
72 width: 100%;
73 height: 100%;
74 overflow: hidden;
75}
76ul#files li {
77 float: left;
78 width: 30%;
79 line-height: 25px;
80 margin: 1px;
81}
82ul#files li a {
83 display: block;
84 height: 25px;
85 border: 1px solid transparent;
86 -webkit-border-radius: 5px;
87 -moz-border-radius: 5px;
88 border-radius: 5px;
89 overflow: hidden;
90 white-space: nowrap;
91}
92ul#files li a:focus,
93ul#files li a:hover {
94 background: rgba(255,255,255,0.65);
95 border: 1px solid #ececec;
96}
97ul#files li a.highlight {
98 -webkit-transition: background .4s ease-in-out;
99 background: #ffff4f;
100 border-color: #E9DC51;
101}
102#search {
103 display: block;
104 position: fixed;
105 top: 20px;
106 right: 20px;
107 width: 90px;
108 -webkit-transition: width ease 0.2s, opacity ease 0.4s;
109 -moz-transition: width ease 0.2s, opacity ease 0.4s;
110 -webkit-border-radius: 32px;
111 -moz-border-radius: 32px;
112 -webkit-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.7), 0px 1px 0px rgba(255, 255, 255, 0.03);
113 -moz-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.7), 0px 1px 0px rgba(255, 255, 255, 0.03);
114 -webkit-font-smoothing: antialiased;
115 text-align: left;
116 font: 13px "Helvetica Neue", Arial, sans-serif;
117 padding: 4px 10px;
118 border: none;
119 background: transparent;
120 margin-bottom: 0;
121 outline: none;
122 opacity: 0.7;
123 color: #888;
124}
125#search:focus {
126 width: 120px;
127 opacity: 1.0;
128}
129
130/*views*/
131#files span {
132 display: inline-block;
133 overflow: hidden;
134 text-overflow: ellipsis;
135 text-indent: 10px;
136}
137#files .name {
138 background-repeat: no-repeat;
139}
140#files .icon .name {
141 text-indent: 28px;
142}
143
144/*tiles*/
145.view-tiles .name {
146 width: 100%;
147 background-position: 8px 5px;
148}
149.view-tiles .size,
150.view-tiles .date {
151 display: none;
152}
153
154/*details*/
155ul#files.view-details li {
156 float: none;
157 display: block;
158 width: 90%;
159}
160ul#files.view-details li.header {
161 height: 25px;
162 background: #000;
163 color: #fff;
164 font-weight: bold;
165}
166.view-details .header {
167 border-radius: 5px;
168}
169.view-details .name {
170 width: 60%;
171 background-position: 8px 5px;
172}
173.view-details .size {
174 width: 10%;
175}
176.view-details .date {
177 width: 30%;
178}
179.view-details .size,
180.view-details .date {
181 text-align: right;
182 direction: rtl;
183}
184
185/*mobile*/
186@media (max-width: 768px) {
187 body {
188 font-size: 13px;
189 line-height: 16px;
190 padding: 0;
191 }
192 #search {
193 position: static;
194 width: 100%;
195 font-size: 2em;
196 line-height: 1.8em;
197 text-indent: 10px;
198 border: 0;
199 border-radius: 0;
200 padding: 10px 0;
201 margin: 0;
202 }
203 #search:focus {
204 width: 100%;
205 border: 0;
206 opacity: 1;
207 }
208 .directory h1 {
209 font-size: 2em;
210 line-height: 1.5em;
211 color: #fff;
212 background: #000;
213 padding: 15px 10px;
214 margin: 0;
215 }
216 ul#files {
217 border-top: 1px solid #cacaca;
218 }
219 ul#files li {
220 float: none;
221 width: auto !important;
222 display: block;
223 border-bottom: 1px solid #cacaca;
224 font-size: 2em;
225 line-height: 1.2em;
226 text-indent: 0;
227 margin: 0;
228 }
229 ul#files li:nth-child(odd) {
230 background: #e0e0e0;
231 }
232 ul#files li a {
233 height: auto;
234 border: 0;
235 border-radius: 0;
236 padding: 15px 10px;
237 }
238 ul#files li a:focus,
239 ul#files li a:hover {
240 border: 0;
241 }
242 #files .header,
243 #files .size,
244 #files .date {
245 display: none !important;
246 }
247 #files .name {
248 float: none;
249 display: inline-block;
250 width: 100%;
251 text-indent: 0;
252 background-position: 0 50%;
253 }
254 #files .icon .name {
255 text-indent: 41px;
256 }
257}
Note: See TracBrowser for help on using the repository browser.