| 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 |