]>
Commit | Line | Data |
---|---|---|
7adcb81e IB |
1 | body {\r |
2 | margin: 0;\r | |
3 | }\r | |
4 | \r | |
5 | .folder-switcher {\r | |
6 | font-size: 16px;\r | |
7 | font-weight: bold;\r | |
8 | margin: 0;\r | |
9 | padding: 5px 10px;\r | |
10 | list-style: none;\r | |
11 | background-color: #e3e3e3;\r | |
12 | border-bottom: 1px solid #b7b7b7;\r | |
13 | }\r | |
14 | \r | |
15 | .folder-switcher li {\r | |
16 | display: inline-block;\r | |
17 | margin: 5px;\r | |
18 | padding: 5px 10px;\r | |
19 | border: 1px solid #b7b7b7;\r | |
20 | border-radius: 4px;\r | |
21 | box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);\r | |
22 | background-color: #fff;\r | |
23 | color: #333;\r | |
24 | white-space: nowrap;\r | |
25 | cursor: pointer;\r | |
26 | }\r | |
27 | \r | |
28 | .folder-switcher li:hover {\r | |
29 | color: #0576b7;\r | |
30 | border-color: #0576b7;\r | |
31 | }\r | |
32 | \r | |
33 | .folder-switcher li.active {\r | |
34 | color: #fff;\r | |
35 | background-color: #0576b7;\r | |
36 | border-color: #0576b7;\r | |
37 | box-shadow: none;\r | |
38 | }\r | |
39 | \r | |
40 | .images-container {\r | |
41 | padding: 5px 10px;\r | |
42 | }\r | |
43 | \r | |
44 | .thumbnail {\r | |
45 | display: inline-block;\r | |
46 | margin: 5px 5px;\r | |
47 | border: 1px solid #ccc;\r | |
48 | border-radius: 4px;\r | |
49 | overflow: hidden;\r | |
50 | font-size: 0;\r | |
51 | }\r | |
52 | \r | |
53 | .thumbnail:hover {\r | |
54 | border-color: #0a94e3;\r | |
55 | }\r | |
56 | \r | |
57 | .thumbnail img {\r | |
58 | width: auto;\r | |
59 | height: auto;\r | |
60 | max-width: 200px;\r | |
61 | max-height: 200px;\r | |
62 | }\r |