|
1 | 1 | body { |
2 | | - padding: 0; |
3 | | - margin: 0; |
4 | | - font-family: sans-serif; |
5 | | - min-width: 280px; |
6 | | - background: white; |
7 | | - font-size: 14px; |
| 2 | + padding: 0; |
| 3 | + margin: 0; |
| 4 | + font-family: sans-serif; |
| 5 | + min-width: 280px; |
| 6 | + background: white; |
| 7 | + font-size: 14px; |
8 | 8 | } |
9 | 9 |
|
10 | 10 | .search > form { |
11 | | - border-bottom: 1px solid #bbb; |
12 | | - display: flex; |
13 | | - flex-wrap: nowrap; |
| 11 | + border-bottom: 1px solid #bbb; |
| 12 | + display: flex; |
| 13 | + flex-wrap: nowrap; |
14 | 14 | } |
15 | 15 |
|
16 | 16 | .search > form :last-child { |
17 | | - width: 100%; |
| 17 | + width: 100%; |
18 | 18 | } |
19 | 19 |
|
20 | 20 | .search input { |
21 | | - box-sizing: border-box; |
22 | | - width: 100%; |
23 | | - padding: 6px; |
24 | | - border: 0; |
25 | | - background: url("icon-search.svg") center right 6px no-repeat; |
26 | | - background-size: 16px 16px; |
27 | | - background-color: white; |
28 | | - color: black; |
29 | | - padding-right: 20px; |
| 21 | + box-sizing: border-box; |
| 22 | + width: 100%; |
| 23 | + padding: 6px; |
| 24 | + border: 0; |
| 25 | + background: url("icon-search.svg") center right 6px no-repeat; |
| 26 | + background-size: 16px 16px; |
| 27 | + background-color: white; |
| 28 | + color: black; |
| 29 | + padding-right: 20px; |
30 | 30 | } |
31 | 31 |
|
32 | 32 | #filter-search { |
33 | | - background: #eee; |
34 | | - border: 0; |
35 | | - box-sizing: border-box; |
36 | | - display: none; |
37 | | - padding: 6px; |
38 | | - padding-top: 5px; |
39 | | - white-space: nowrap; |
| 33 | + background: #eee; |
| 34 | + border: 0; |
| 35 | + box-sizing: border-box; |
| 36 | + display: none; |
| 37 | + padding: 6px; |
| 38 | + padding-top: 5px; |
| 39 | + white-space: nowrap; |
40 | 40 | } |
41 | 41 |
|
42 | 42 | .search input:focus { |
43 | | - outline: 0; |
| 43 | + outline: 0; |
44 | 44 | } |
45 | 45 |
|
46 | 46 | .status-text { |
47 | | - padding: 6px; |
| 47 | + padding: 6px; |
48 | 48 | } |
49 | 49 |
|
50 | 50 | .results { |
51 | | - width: 100%; |
52 | | - min-width: 160px; |
| 51 | + width: 100%; |
| 52 | + min-width: 160px; |
53 | 53 | } |
54 | 54 |
|
55 | 55 | .entry { |
56 | | - display: flex; |
57 | | - flex-flow: row; |
58 | | - border: 0; |
59 | | - border-bottom: 1px dotted #ccc; |
| 56 | + display: flex; |
| 57 | + flex-flow: row; |
| 58 | + border: 0; |
| 59 | + border-bottom: 1px dotted #ccc; |
60 | 60 | } |
61 | 61 |
|
62 | 62 | .copy, |
63 | 63 | .launch { |
64 | | - width: 32px; |
65 | | - border: 0; |
66 | | - cursor: pointer; |
| 64 | + width: 32px; |
| 65 | + border: 0; |
| 66 | + cursor: pointer; |
67 | 67 | } |
68 | 68 |
|
69 | 69 | .url { |
70 | | - background: no-repeat url("icon-globe.svg") center; |
71 | | - background-size: 16px 16px; |
| 70 | + background: no-repeat url("icon-globe.svg") center; |
| 71 | + background-size: 16px 16px; |
72 | 72 | } |
73 | 73 |
|
74 | 74 | .username { |
75 | | - background: no-repeat url("icon-user.svg") center; |
76 | | - background-size: 16px 16px; |
| 75 | + background: no-repeat url("icon-user.svg") center; |
| 76 | + background-size: 16px 16px; |
77 | 77 | } |
78 | 78 |
|
79 | 79 | .password { |
80 | | - background: no-repeat url("icon-key.svg") center; |
81 | | - background-size: 16px 16px; |
| 80 | + background: no-repeat url("icon-key.svg") center; |
| 81 | + background-size: 16px 16px; |
82 | 82 | } |
83 | 83 |
|
84 | 84 | .login { |
85 | | - flex: 1; |
86 | | - -webkit-appearance: none; |
87 | | - -moz-appearance: none; |
88 | | - padding: 12px; |
89 | | - cursor: pointer; |
90 | | - border: 0; |
91 | | - text-align: left; |
92 | | - background-color: white; |
93 | | - color: black; |
94 | | - line-height: 1.2; |
95 | | - white-space: nowrap; |
| 85 | + flex: 1; |
| 86 | + -webkit-appearance: none; |
| 87 | + -moz-appearance: none; |
| 88 | + padding: 12px; |
| 89 | + cursor: pointer; |
| 90 | + border: 0; |
| 91 | + text-align: left; |
| 92 | + background-color: white; |
| 93 | + color: black; |
| 94 | + line-height: 1.2; |
| 95 | + white-space: nowrap; |
96 | 96 | } |
97 | 97 |
|
98 | 98 | .login.favicon { |
99 | | - background-repeat: no-repeat; |
100 | | - background-position: left 8px center; |
101 | | - background-size: 16px 16px; |
102 | | - padding-left: 32px; |
| 99 | + background-repeat: no-repeat; |
| 100 | + background-position: left 8px center; |
| 101 | + background-size: 16px 16px; |
| 102 | + padding-left: 32px; |
103 | 103 | } |
104 | 104 |
|
105 | 105 | .entry:last-of-type { |
106 | | - border-bottom: 0; |
| 106 | + border-bottom: 0; |
107 | 107 | } |
108 | 108 |
|
109 | 109 | .entry > *:hover, |
110 | 110 | .entry > *:focus { |
111 | | - outline: 0; |
112 | | - background-color: #eee; |
| 111 | + outline: 0; |
| 112 | + background-color: #eee; |
113 | 113 | } |
114 | 114 |
|
115 | 115 | .loader { |
116 | | - margin: 12px auto; |
117 | | - display: block; |
118 | | - text-indent: -9999999px; |
119 | | - border: 3px solid rgba(0, 0, 0, 0.2); |
120 | | - border-left-color: #000000; |
121 | | - -webkit-transform: translateZ(0); |
122 | | - -webkit-animation: load8 1.1s infinite linear; |
123 | | - overflow: hidden; |
124 | | - border-radius: 50%; |
125 | | - vertical-align: middle; |
126 | | - width: 12px; |
127 | | - height: 12px; |
| 116 | + margin: 12px auto; |
| 117 | + display: block; |
| 118 | + text-indent: -9999999px; |
| 119 | + border: 3px solid rgba(0, 0, 0, 0.2); |
| 120 | + border-left-color: #000000; |
| 121 | + -webkit-transform: translateZ(0); |
| 122 | + -webkit-animation: load8 1.1s infinite linear; |
| 123 | + overflow: hidden; |
| 124 | + border-radius: 50%; |
| 125 | + vertical-align: middle; |
| 126 | + width: 12px; |
| 127 | + height: 12px; |
128 | 128 | } |
129 | 129 |
|
130 | 130 | #clipboard-container { |
131 | | - position: fixed; |
132 | | - top: 0px; |
133 | | - left: 0px; |
134 | | - width: 0px; |
135 | | - height: 0px; |
136 | | - z-index: 100; |
137 | | - opacity: 0; |
| 131 | + position: fixed; |
| 132 | + top: 0px; |
| 133 | + left: 0px; |
| 134 | + width: 0px; |
| 135 | + height: 0px; |
| 136 | + z-index: 100; |
| 137 | + opacity: 0; |
138 | 138 | } |
139 | 139 |
|
140 | 140 | #clipboard { |
141 | | - width: 1px; |
142 | | - height: 1px; |
| 141 | + width: 1px; |
| 142 | + height: 1px; |
143 | 143 | } |
144 | 144 |
|
145 | 145 | @keyframes load8 { |
146 | | - 0% { |
147 | | - -webkit-transform: rotate(0deg); |
148 | | - } |
149 | | - 100% { |
150 | | - -webkit-transform: rotate(360deg); |
151 | | - } |
| 146 | + 0% { |
| 147 | + -webkit-transform: rotate(0deg); |
| 148 | + } |
| 149 | + 100% { |
| 150 | + -webkit-transform: rotate(360deg); |
| 151 | + } |
152 | 152 | } |
0 commit comments