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 |