OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <title>Inspectable pages</title> | 3 <title>Inspectable pages</title> |
4 <style> | 4 <style> |
5 body { | 5 body { |
6 color: #222; | 6 color: #222; |
7 font-family: Helvetica, Arial, sans-serif; | 7 font-family: Helvetica, Arial, sans-serif; |
8 margin: 0; | 8 margin: 0; |
9 text-shadow: rgba(255, 255, 255, 0.496094) 0px 1px 0px; | 9 text-shadow: rgba(255, 255, 255, 0.496094) 0px 1px 0px; |
10 } | 10 } |
(...skipping 12 matching lines...) Expand all Loading... |
23 flex-direction: column; | 23 flex-direction: column; |
24 margin: 10px; | 24 margin: 10px; |
25 } | 25 } |
26 | 26 |
27 .item { | 27 .item { |
28 color: #222; | 28 color: #222; |
29 display: flex; | 29 display: flex; |
30 flex-direction: row; | 30 flex-direction: row; |
31 text-decoration: none; | 31 text-decoration: none; |
32 padding: 10px; | 32 padding: 10px; |
33 -webkit-transition-property: background-color, border-color; | 33 transition-property: background-color, border-color; |
34 -webkit-transition: background-color 0.15s, 0.15s; | 34 transition: background-color 0.15s, 0.15s; |
35 -webkit-transition-delay: 0ms, 0ms; | 35 transition-delay: 0ms, 0ms; |
36 } | 36 } |
37 | 37 |
38 .item:not(.connected):hover { | 38 .item:not(.connected):hover { |
39 background-color: rgba(242, 242, 242, 1); | 39 background-color: rgba(242, 242, 242, 1); |
40 border-color: rgba(110, 116, 128, 1); | 40 border-color: rgba(110, 116, 128, 1); |
41 color: black; | 41 color: black; |
42 } | 42 } |
43 | 43 |
44 .item.connected:hover { | 44 .item.connected:hover { |
45 border-color: rgba(184, 184, 184, 1); | 45 border-color: rgba(184, 184, 184, 1); |
(...skipping 142 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
188 } | 188 } |
189 </script> | 189 </script> |
190 </head> | 190 </head> |
191 <body onload='onLoad()'> | 191 <body onload='onLoad()'> |
192 <div id='caption'>Inspectable pages</div> | 192 <div id='caption'>Inspectable pages</div> |
193 <hr> | 193 <hr> |
194 <div id='items'> | 194 <div id='items'> |
195 </div> | 195 </div> |
196 </body> | 196 </body> |
197 </html> | 197 </html> |
OLD | NEW |