OLD | NEW |
1 body, img, div { | 1 body, img, div { |
2 font-family: Verdana; | 2 font-family: Verdana; |
3 margin: 0; | 3 margin: 0; |
4 padding: 0; | 4 padding: 0; |
5 } | 5 } |
6 | 6 |
7 table { | 7 table { |
8 width:100%; | 8 width:100%; |
9 border-collapse: collapse; | 9 border-collapse: collapse; |
10 border-spacing: 0; | 10 border-spacing: 0; |
11 padding: 8px; | 11 padding: 8px; |
12 } | 12 } |
13 | 13 |
14 td { | 14 td { |
15 border-top: 1px solid #DDD; | 15 border-top: 1px solid #DDD; |
16 padding: 8px; | 16 padding: 8px; |
17 } | 17 } |
18 thead > tr > td { | 18 thead > tr > td { |
19 border: none; | 19 border: none; |
20 } | 20 } |
21 | 21 |
| 22 button { |
| 23 font-family: Verdana; |
| 24 font-weight: 900; |
| 25 } |
| 26 |
| 27 input[type="checkbox"] { |
| 28 -webkit-appearance: none; |
| 29 -moz-appearance: none; |
| 30 width: 20px; |
| 31 height:20px; |
| 32 padding: 2px; |
| 33 background: #EEE; |
| 34 border-radius: 2px; |
| 35 box-shadow: inset 0 0 8px -2px black; |
| 36 } |
| 37 |
| 38 input[type="checkbox"]:checked { |
| 39 background: #a9db80; |
| 40 background: -webkit-linear-gradient(top, #00b7ea 0%,#009ec3 100%); |
| 41 } |
| 42 |
| 43 input[type="checkbox"]:active { |
| 44 background: #a9db80; |
| 45 background: -webkit-linear-gradient(top, #009ec3 0%,#00b7ea 100%); |
| 46 } |
| 47 |
| 48 input[type="checkbox"].lastselected { |
| 49 padding: 0; |
| 50 border: 2px solid #009ec3; |
| 51 box-shadow: inset 0 0 8px -2px black, 0 0 6px black; |
| 52 } |
| 53 |
| 54 .commit { |
| 55 position: absolute; |
| 56 top: 8px; |
| 57 right: 8px; |
| 58 } |
| 59 |
| 60 .commit > button { |
| 61 border: 1px solid #00687F; |
| 62 border-radius: 4px; |
| 63 padding: 8px; |
| 64 color: white; |
| 65 text-shadow: 0 0 4px black; |
| 66 box-shadow: 0 0 8px black; |
| 67 background: #a9db80; |
| 68 background: -webkit-linear-gradient(top, #a9db80 0%,#96c56f 100%); |
| 69 } |
| 70 |
| 71 .commit > button:active { |
| 72 background: #96c56f; |
| 73 background: -webkit-linear-gradient(top, #96c56f 0%,#a9db80 100%); |
| 74 } |
| 75 |
22 .gm-image { | 76 .gm-image { |
23 border: 1px dotted black; | 77 border: 1px dotted black; |
24 } | 78 } |
25 | 79 |
26 .gm-image:hover { | 80 .gm-image:hover { |
27 border: 1px dashed black; | 81 border: 1px dashed black; |
28 } | 82 } |
29 | 83 |
| 84 .selected { |
| 85 background: #ffff88; |
| 86 } |
| 87 |
30 .left-image { | 88 .left-image { |
31 float: right; | 89 float: right; |
32 } | 90 } |
33 | 91 |
34 .right-image { | 92 .right-image { |
35 text-align: right; | 93 text-align: right; |
36 } | 94 } |
37 | 95 |
38 .success-flash { | 96 .success-flash { |
39 -webkit-animation-duration: 0.5s; | 97 -webkit-animation-duration: 0.5s; |
(...skipping 21 matching lines...) Expand all Loading... |
61 } | 119 } |
62 | 120 |
63 to { | 121 to { |
64 background-color: #FFF | 122 background-color: #FFF |
65 } | 123 } |
66 } | 124 } |
67 | 125 |
68 .result { | 126 .result { |
69 padding: 8px; | 127 padding: 8px; |
70 cursor: default; | 128 cursor: default; |
71 opacity: 0.7; | 129 -webkit-filter: grayscale(30%) |
72 } | 130 } |
73 | 131 |
74 .result:hover { | 132 .result:hover { |
75 border: 2px dotted #DDD; | 133 border: 2px dotted #DDD; |
76 padding: 6px; | 134 padding: 6px; |
77 opacity: 1.0; | 135 -webkit-filter: grayscale(0) |
78 } | 136 } |
79 | 137 |
80 .result-0 { | 138 .result-0 { |
81 background-color: #268bd2; | 139 background-color: #268bd2; |
82 } | 140 } |
83 | 141 |
84 .result-1 { | 142 .result-1 { |
85 background-color: #d33682; | 143 background-color: #d33682; |
86 } | 144 } |
87 | 145 |
(...skipping 13 matching lines...) Expand all Loading... |
101 background-color: #dc322f; | 159 background-color: #dc322f; |
102 } | 160 } |
103 | 161 |
104 .result-6 { | 162 .result-6 { |
105 background-color: #2aa198; | 163 background-color: #2aa198; |
106 } | 164 } |
107 | 165 |
108 .result-7 { | 166 .result-7 { |
109 background-color: #859900; | 167 background-color: #859900; |
110 } | 168 } |
OLD | NEW |