OLD | NEW |
1 .dialog { | 1 .dialog { |
2 position: absolute; | 2 position: absolute; |
3 border: 1px solid rgb(204, 204, 204); | 3 border: 1px solid rgb(204, 204, 204); |
4 box-shadow: rgb(140, 140, 140) 0 3px 14px; | 4 box-shadow: rgb(140, 140, 140) 0 3px 14px; |
5 display: flex; | 5 display: flex; |
6 -webkit-flex-direction: column; | 6 -webkit-flex-direction: column; |
7 background: white; | 7 background: white; |
8 } | 8 } |
9 | 9 |
10 .dialog-contents { | 10 .dialog-contents { |
(...skipping 13 matching lines...) Expand all Loading... |
24 margin: 0 5px; | 24 margin: 0 5px; |
25 } | 25 } |
26 | 26 |
27 .dialog button { | 27 .dialog button { |
28 background-image: linear-gradient(hsl(0, 0%, 93%), hsl(0, 0%, 93%) 38%, hsl(
0, 0%, 87%)); | 28 background-image: linear-gradient(hsl(0, 0%, 93%), hsl(0, 0%, 93%) 38%, hsl(
0, 0%, 87%)); |
29 border: 1px solid hsla(0, 0%, 0%, 0.25); | 29 border: 1px solid hsla(0, 0%, 0%, 0.25); |
30 border-radius: 2px; | 30 border-radius: 2px; |
31 box-shadow: 0 1px 0 hsla(0, 0%, 0%, 0.08), inset 0 1px 2px hsla(0, 100%, 100
%, 0.75); | 31 box-shadow: 0 1px 0 hsla(0, 0%, 0%, 0.08), inset 0 1px 2px hsla(0, 100%, 100
%, 0.75); |
32 color: hsl(0, 0%, 27%); | 32 color: hsl(0, 0%, 27%); |
33 font-size: 12px; | 33 font-size: 12px; |
34 margin: 0 1px 0 6px; | 34 margin: 0 6px 0 6px; |
35 text-shadow: 0 1px 0 hsl(0, 0%, 94%); | 35 text-shadow: 0 1px 0 hsl(0, 0%, 94%); |
36 min-height: 2em; | 36 min-height: 2em; |
37 padding-left: 10px; | 37 padding-left: 10px; |
38 padding-right: 10px; | 38 padding-right: 10px; |
39 } | 39 } |
40 | 40 |
41 .dialog button:active { | 41 .dialog button:active { |
42 background-color: rgb(215, 215, 215); | 42 background-color: rgb(215, 215, 215); |
43 background-image: linear-gradient(to bottom, rgb(194, 194, 194), rgb(239, 23
9, 239)); | 43 background-image: linear-gradient(to bottom, rgb(194, 194, 194), rgb(239, 23
9, 239)); |
44 } | 44 } |
45 | 45 |
46 .dialog input[type="search"]:focus, | 46 .dialog input[type="search"]:focus, |
47 .dialog input[type="text"]:focus { | 47 .dialog input[type="text"]:focus { |
48 outline: none; | 48 outline: none; |
49 } | 49 } |
50 | 50 |
OLD | NEW |