| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. | 2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. |
| 3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> | 3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> |
| 4 * | 4 * |
| 5 * Redistribution and use in source and binary forms, with or without | 5 * Redistribution and use in source and binary forms, with or without |
| 6 * modification, are permitted provided that the following conditions | 6 * modification, are permitted provided that the following conditions |
| 7 * are met: | 7 * are met: |
| 8 * | 8 * |
| 9 * 1. Redistributions of source code must retain the above copyright | 9 * 1. Redistributions of source code must retain the above copyright |
| 10 * notice, this list of conditions and the following disclaimer. | 10 * notice, this list of conditions and the following disclaimer. |
| (...skipping 72 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 83 } | 83 } |
| 84 | 84 |
| 85 .panel-enabler-view button:not(.status-bar-item) { | 85 .panel-enabler-view button:not(.status-bar-item) { |
| 86 font-size: 13px; | 86 font-size: 13px; |
| 87 margin: 6px 0 0 0; | 87 margin: 6px 0 0 0; |
| 88 padding: 2px 20px; | 88 padding: 2px 20px; |
| 89 height: 24px; | 89 height: 24px; |
| 90 color: rgb(6, 6, 6); | 90 color: rgb(6, 6, 6); |
| 91 border: 1px solid rgb(165, 165, 165); | 91 border: 1px solid rgb(165, 165, 165); |
| 92 background-color: rgb(237, 237, 237); | 92 background-color: rgb(237, 237, 237); |
| 93 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
52, 252, 252)), to(rgb(223, 223, 223))); | 93 background-image: linear-gradient(to bottom, rgb(252, 252, 252), rgb(223, 22
3, 223)); |
| 94 border-radius: 12px; | 94 border-radius: 12px; |
| 95 -webkit-appearance: none; | 95 -webkit-appearance: none; |
| 96 } | 96 } |
| 97 | 97 |
| 98 body.inactive .panel-enabler-view button:not(.status-bar-item), | 98 body.inactive .panel-enabler-view button:not(.status-bar-item), |
| 99 .panel-enabler-view button:disabled:not(.status-bar-item) { | 99 .panel-enabler-view button:disabled:not(.status-bar-item) { |
| 100 color: rgb(130, 130, 130); | 100 color: rgb(130, 130, 130); |
| 101 border-color: rgb(212, 212, 212); | 101 border-color: rgb(212, 212, 212); |
| 102 background-color: rgb(239, 239, 239); | 102 background-color: rgb(239, 239, 239); |
| 103 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
50, 250, 250)), to(rgb(235, 235, 235))); | 103 background-image: linear-gradient(to bottom, rgb(250, 250, 250), rgb(235, 23
5, 235)); |
| 104 } | 104 } |
| 105 | 105 |
| 106 .panel-enabler-view button:active:not(.status-bar-item) { | 106 .panel-enabler-view button:active:not(.status-bar-item) { |
| 107 background-color: rgb(215, 215, 215); | 107 background-color: rgb(215, 215, 215); |
| 108 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
94, 194, 194)), to(rgb(239, 239, 239))); | 108 background-image: linear-gradient(to bottom, rgb(194, 194, 194), rgb(239, 23
9, 239)); |
| 109 } | 109 } |
| 110 | 110 |
| 111 .panel-enabler-view input[type="radio"] { | 111 .panel-enabler-view input[type="radio"] { |
| 112 height: 17px; | 112 height: 17px; |
| 113 width: 17px; | 113 width: 17px; |
| 114 min-width: 17px; |
| 114 border: 1px solid rgb(165, 165, 165); | 115 border: 1px solid rgb(165, 165, 165); |
| 115 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
52, 252, 252)), to(rgb(223, 223, 223))); | 116 background-image: linear-gradient(to bottom, rgb(252, 252, 252), rgb(223, 22
3, 223)); |
| 116 border-radius: 8px; | 117 border-radius: 8px; |
| 117 -webkit-appearance: none; | 118 -webkit-appearance: none; |
| 118 vertical-align: middle; | 119 vertical-align: middle; |
| 119 margin: 0 5px 5px 0; | 120 margin: 0 5px 5px 0; |
| 120 } | 121 } |
| 121 | 122 |
| 122 .panel-enabler-view input[type="radio"]:active:not(:disabled) { | 123 .panel-enabler-view input[type="radio"]:active:not(:disabled) { |
| 123 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
94, 194, 194)), to(rgb(239, 239, 239))); | 124 background-image: linear-gradient(to bottom, rgb(194, 194, 194), rgb(239, 23
9, 239)); |
| 124 } | 125 } |
| 125 | 126 |
| 126 .panel-enabler-view input[type="radio"]:checked { | 127 .panel-enabler-view input[type="radio"]:checked { |
| 127 background: url(Images/radioDot.png) center no-repeat, | 128 background: url(Images/radioDot.png) center no-repeat, |
| 128 -webkit-gradient(linear, left top, left bottom, from(rgb(252, 25
2, 252)), to(rgb(223, 223, 223))); | 129 linear-gradient(to bottom, rgb(252, 252, 252), rgb(223, 223, 223
)); |
| 129 } | 130 } |
| 130 | 131 |
| 131 .panel-enabler-view input[type="radio"]:checked:active { | 132 .panel-enabler-view input[type="radio"]:checked:active { |
| 132 background: url(Images/radioDot.png) center no-repeat, | 133 background: url(Images/radioDot.png) center no-repeat, |
| 133 -webkit-gradient(linear, left top, left bottom, from(rgb(194, 19
4, 194)), to(rgb(239, 239, 239))); | 134 linear-gradient(to bottom, rgb(194, 194, 194), rgb(239, 239, 239
)); |
| 134 } | 135 } |
| OLD | NEW |