summaryrefslogtreecommitdiff
path: root/frontend/beta/css/yui-extensions/ytheme-gray.css
Unidiff
Diffstat (limited to 'frontend/beta/css/yui-extensions/ytheme-gray.css') (more/less context) (show whitespace changes)
-rw-r--r--frontend/beta/css/yui-extensions/ytheme-gray.css94
1 files changed, 47 insertions, 47 deletions
diff --git a/frontend/beta/css/yui-extensions/ytheme-gray.css b/frontend/beta/css/yui-extensions/ytheme-gray.css
index d1a1a4a..22538e3 100644
--- a/frontend/beta/css/yui-extensions/ytheme-gray.css
+++ b/frontend/beta/css/yui-extensions/ytheme-gray.css
@@ -6,292 +6,292 @@ This file is part of Clipperz Community Edition.
6Clipperz Community Edition is an online password manager. 6Clipperz Community Edition is an online password manager.
7For further information about its features and functionalities please 7For further information about its features and functionalities please
8refer to http://www.clipperz.com. 8refer to http://www.clipperz.com.
9 9
10* Clipperz Community Edition is free software: you can redistribute 10* Clipperz Community Edition is free software: you can redistribute
11 it and/or modify it under the terms of the GNU Affero General Public 11 it and/or modify it under the terms of the GNU Affero General Public
12 License as published by the Free Software Foundation, either version 12 License as published by the Free Software Foundation, either version
13 3 of the License, or (at your option) any later version. 13 3 of the License, or (at your option) any later version.
14 14
15* Clipperz Community Edition is distributed in the hope that it will 15* Clipperz Community Edition is distributed in the hope that it will
16 be useful, but WITHOUT ANY WARRANTY; without even the implied 16 be useful, but WITHOUT ANY WARRANTY; without even the implied
17 warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. 17 warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
18 See the GNU Affero General Public License for more details. 18 See the GNU Affero General Public License for more details.
19 19
20* You should have received a copy of the GNU Affero General Public 20* You should have received a copy of the GNU Affero General Public
21 License along with Clipperz Community Edition. If not, see 21 License along with Clipperz Community Edition. If not, see
22 <http://www.gnu.org/licenses/>. 22 <http://www.gnu.org/licenses/>.
23 23
24*/ 24*/
25 25
26/** 26/**
27* Basic-Dialog 27* Basic-Dialog
28*/ 28*/
29.ydlg-proxy { 29.ydlg-proxy {
30 background-image: url(../images/gray/layout/gradient-bg.gif); 30 background-image: url(./images/gray/layout/gradient-bg.gif);
31 background-color:#EAE8D5; 31 background-color:#EAE8D5;
32 border:1px solid #b3b6b0; 32 border:1px solid #b3b6b0;
33} 33}
34.ydlg-shadow{ 34.ydlg-shadow{
35 background:#aaaaaa; 35 background:#aaaaaa;
36} 36}
37.ydlg-proxy .tabset{ 37.ydlg-proxy .tabset{
38 background:url(../images/gray/layout/gradient-bg.gif); 38 background:url(./images/gray/layout/gradient-bg.gif);
39} 39}
40.ydlg .ydlg-hd { 40.ydlg .ydlg-hd {
41 background: url(../images/gray/basic-dialog/hd-sprite.gif) repeat-x 0px -82px; 41 background: url(./images/gray/basic-dialog/hd-sprite.gif) repeat-x 0px -82px;
42 background-color:#333333; 42 background-color:#333333;
43} 43}
44.ydlg .ydlg-hd-left { 44.ydlg .ydlg-hd-left {
45 background: url(../images/gray/basic-dialog/hd-sprite.gif) no-repeat 0px -41px; 45 background: url(./images/gray/basic-dialog/hd-sprite.gif) no-repeat 0px -41px;
46} 46}
47.ydlg .ydlg-hd-right { 47.ydlg .ydlg-hd-right {
48 background: url(../images/gray/basic-dialog/hd-sprite.gif) no-repeat right 0px; 48 background: url(./images/gray/basic-dialog/hd-sprite.gif) no-repeat right 0px;
49} 49}
50.ydlg .ydlg-dlg-body{ 50.ydlg .ydlg-dlg-body{
51 background:#efefec; 51 background:#efefec;
52 border:1px solid #b3b6b0; 52 border:1px solid #b3b6b0;
53 border-top:0px none; 53 border-top:0px none;
54} 54}
55.ydlg .ytabs-top .yui-ext-tabbody{ 55.ydlg .ytabs-top .yui-ext-tabbody{
56 border:1px solid #b3b6b0; 56 border:1px solid #b3b6b0;
57 border-top:0px none; 57 border-top:0px none;
58} 58}
59.ydlg .ytabs-bottom .yui-ext-tabbody{ 59.ydlg .ytabs-bottom .yui-ext-tabbody{
60 border:1px solid #b3b6b0; 60 border:1px solid #b3b6b0;
61 border-bottom:0px none; 61 border-bottom:0px none;
62} 62}
63.ydlg .ylayout-container .yui-ext-tabbody{ 63.ydlg .ylayout-container .yui-ext-tabbody{
64 border:0px none; 64 border:0px none;
65} 65}
66.ydlg .ydlg-close { 66.ydlg .ydlg-close {
67 background-image:url(../images/gray/basic-dialog/close.gif); 67 background-image:url(./images/gray/basic-dialog/close.gif);
68} 68}
69.ydlg div.yresizable-handle-east{ 69.ydlg div.yresizable-handle-east{
70 background-image:url(../images/gray/basic-dialog/e-handle.gif); 70 background-image:url(./images/gray/basic-dialog/e-handle.gif);
71 border:0px none; 71 border:0px none;
72} 72}
73.ydlg div.yresizable-handle-south{ 73.ydlg div.yresizable-handle-south{
74 background-image:url(../images/gray/basic-dialog/s-handle.gif); 74 background-image:url(./images/gray/basic-dialog/s-handle.gif);
75 border:0px none; 75 border:0px none;
76} 76}
77.ydlg div.yresizable-handle-west{ 77.ydlg div.yresizable-handle-west{
78 background-image:url(../images/gray/basic-dialog/e-handle.gif); 78 background-image:url(./images/gray/basic-dialog/e-handle.gif);
79 border:0px none; 79 border:0px none;
80} 80}
81.ydlg div.yresizable-handle-southeast{ 81.ydlg div.yresizable-handle-southeast{
82 background-image:url(../images/gray/basic-dialog/se-handle.gif); 82 background-image:url(./images/gray/basic-dialog/se-handle.gif);
83 background-position: bottom right; 83 background-position: bottom right;
84 width:8px; 84 width:8px;
85 height:8px; 85 height:8px;
86 border:0px; 86 border:0px;
87} 87}
88.ydlg div.yresizable-handle-southwest{ 88.ydlg div.yresizable-handle-southwest{
89 background-image:url(../images/gray/sizer/sw-handle-dark.gif); 89 background-image:url(./images/gray/sizer/sw-handle-dark.gif);
90 background-position: top right; 90 background-position: top right;
91 margin-left:1px; 91 margin-left:1px;
92 margin-bottom:1px; 92 margin-bottom:1px;
93 border:0px; 93 border:0px;
94} 94}
95.ydlg div.yresizable-handle-north{ 95.ydlg div.yresizable-handle-north{
96 background-image:url(../images/gray/s.gif); 96 background-image:url(./images/gray/s.gif);
97 border:0px none; 97 border:0px none;
98} 98}
99 99
100/** 100/**
101* Tabs 101* Tabs
102*/ 102*/
103.ytab-wrap { 103.ytab-wrap {
104 border-bottom:1px solid #aca899; 104 border-bottom:1px solid #aca899;
105} 105}
106.ytab-strip .on .ytab-text { 106.ytab-strip .on .ytab-text {
107 cursor:default; 107 cursor:default;
108 color:#333333; 108 color:#333333;
109} 109}
110.ytabs-top .ytab-strip .on .ytab-right { 110.ytabs-top .ytab-strip .on .ytab-right {
111 background: url(../images/gray/tabs/tab-sprite.gif) no-repeat right 0px; 111 background: url(./images/gray/tabs/tab-sprite.gif) no-repeat right 0px;
112} 112}
113.ytabs-top .ytab-strip .on .ytab-left { 113.ytabs-top .ytab-strip .on .ytab-left {
114 background: url(../images/gray/tabs/tab-sprite.gif) no-repeat 0px -100px; 114 background: url(./images/gray/tabs/tab-sprite.gif) no-repeat 0px -100px;
115} 115}
116.ytabs-top .ytab-strip .ytab-right { 116.ytabs-top .ytab-strip .ytab-right {
117 background: url(../images/gray/tabs/tab-sprite.gif) no-repeat right -50px; 117 background: url(./images/gray/tabs/tab-sprite.gif) no-repeat right -50px;
118} 118}
119.ytabs-top .ytab-strip .ytab-left { 119.ytabs-top .ytab-strip .ytab-left {
120 background: url(../images/gray/tabs/tab-sprite.gif) no-repeat 0px -150px; 120 background: url(./images/gray/tabs/tab-sprite.gif) no-repeat 0px -150px;
121} 121}
122.ytab-strip .ytab-closable .close-icon{ 122.ytab-strip .ytab-closable .close-icon{
123 background-image:url(../images/gray/layout/layout-sprite.gif); 123 background-image:url(./images/gray/layout/layout-sprite.gif);
124 background-position: 50% -60px; 124 background-position: 50% -60px;
125} 125}
126.ytab-strip .on .close-icon{ 126.ytab-strip .on .close-icon{
127 background-image:url(../images/gray/layout/layout-sprite.gif); 127 background-image:url(./images/gray/layout/layout-sprite.gif);
128 background-position: 50% -60px; 128 background-position: 50% -60px;
129} 129}
130.ytab-strip .ytab-closable .close-over{ 130.ytab-strip .ytab-closable .close-over{
131 background-image:url(../images/gray/layout/layout-sprite.gif); 131 background-image:url(./images/gray/layout/layout-sprite.gif);
132 background-position: 50% -72px; 132 background-position: 50% -72px;
133} 133}
134 134
135.ytabs-bottom .ytab-wrap { 135.ytabs-bottom .ytab-wrap {
136 border-bottom:0px none; 136 border-bottom:0px none;
137 padding-top:0px; 137 padding-top:0px;
138 border-top:1px solid #aca899; 138 border-top:1px solid #aca899;
139} 139}
140.ytabs-bottom .ytab-strip .ytab-right { 140.ytabs-bottom .ytab-strip .ytab-right {
141 background: url(../images/gray/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom left; 141 background: url(./images/gray/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom left;
142} 142}
143.ytabs-bottom .ytab-strip .ytab-left { 143.ytabs-bottom .ytab-strip .ytab-left {
144 background: url(../images/gray/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom right; 144 background: url(./images/gray/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom right;
145} 145}
146.ytabs-bottom .ytab-strip .on .ytab-right { 146.ytabs-bottom .ytab-strip .on .ytab-right {
147 background: url(../images/gray/tabs/tab-btm-right-bg.gif) no-repeat bottom left; 147 background: url(./images/gray/tabs/tab-btm-right-bg.gif) no-repeat bottom left;
148} 148}
149.ytabs-bottom .ytab-strip .on .ytab-left { 149.ytabs-bottom .ytab-strip .on .ytab-left {
150 background: url(../images/gray/tabs/tab-btm-left-bg.gif) no-repeat bottom right; 150 background: url(./images/gray/tabs/tab-btm-left-bg.gif) no-repeat bottom right;
151} 151}
152 152
153/* QuickTips */ 153/* QuickTips */
154 154
155.ytip .ytip-hd-right{ 155.ytip .ytip-hd-right{
156 background: url(../images/gray/basic-dialog/hd-sprite.gif) no-repeat right 0px; 156 background: url(./images/gray/basic-dialog/hd-sprite.gif) no-repeat right 0px;
157} 157}
158.ytip .ytip-hd-left{ 158.ytip .ytip-hd-left{
159 background: url(../images/gray/basic-dialog/hd-sprite.gif) no-repeat 0px -41px; 159 background: url(./images/gray/basic-dialog/hd-sprite.gif) no-repeat 0px -41px;
160} 160}
161.ytip .ytip-hd{ 161.ytip .ytip-hd{
162 background: url(../images/gray/basic-dialog/hd-sprite.gif) repeat-x 0px -82px; 162 background: url(./images/gray/basic-dialog/hd-sprite.gif) repeat-x 0px -82px;
163} 163}
164.ytip .ytip-close{ 164.ytip .ytip-close{
165 background-image: url(../images/gray/basic-dialog/close.gif); 165 background-image: url(./images/gray/basic-dialog/close.gif);
166} 166}
167.ytip .ytip-bd{ 167.ytip .ytip-bd{
168 background: #e7e7e7 url(../images/gray/qtip/bg.gif); 168 background: #e7e7e7 url(./images/gray/qtip/bg.gif);
169 border: 1px solid #ababab; 169 border: 1px solid #ababab;
170} 170}
171 171
172/* BorderLayout */ 172/* BorderLayout */
173 173
174.ylayout-container{ 174.ylayout-container{
175 background-color:#f3f2e7; 175 background-color:#f3f2e7;
176} 176}
177.ylayout-collapsed{ 177.ylayout-collapsed{
178 background-color:#f3f2e7; 178 background-color:#f3f2e7;
179 border:1px solid #aca899; 179 border:1px solid #aca899;
180} 180}
181.ylayout-collapsed-over{ 181.ylayout-collapsed-over{
182 background-color:#fbfbef; 182 background-color:#fbfbef;
183} 183}
184.ylayout-panel{ 184.ylayout-panel{
185 border:1px solid #aca899; 185 border:1px solid #aca899;
186} 186}
187.ylayout-nested-layout .ylayout-panel { 187.ylayout-nested-layout .ylayout-panel {
188 border:0px none; 188 border:0px none;
189} 189}
190.ylayout-split{ 190.ylayout-split{
191 background-color:#f3f2e7; 191 background-color:#f3f2e7;
192} 192}
193.ylayout-panel-hd{ 193.ylayout-panel-hd{
194 background-image: url(../images/gray/layout/panel-title-light-bg.gif); 194 background-image: url(./images/gray/layout/panel-title-light-bg.gif);
195 border-bottom:1px solid #aca899; 195 border-bottom:1px solid #aca899;
196} 196}
197.ylayout-tools-button-over{ 197.ylayout-tools-button-over{
198 border:1px solid #aca899; 198 border:1px solid #aca899;
199} 199}
200.ylayout-close{ 200.ylayout-close{
201 background-image:url(../images/gray/layout/layout-sprite.gif); 201 background-image:url(./images/gray/layout/layout-sprite.gif);
202 background-repeat: no-repeat; 202 background-repeat: no-repeat;
203 background-position: 50% -48px; 203 background-position: 50% -48px;
204} 204}
205.ylayout-collapse-west,.ylayout-expand-east{ 205.ylayout-collapse-west,.ylayout-expand-east{
206 background-image:url(../images/gray/layout/layout-sprite.gif); 206 background-image:url(./images/gray/layout/layout-sprite.gif);
207 background-repeat: no-repeat; 207 background-repeat: no-repeat;
208 background-position: 50% 0; 208 background-position: 50% 0;
209} 209}
210.ylayout-expand-west,.ylayout-collapse-east{ 210.ylayout-expand-west,.ylayout-collapse-east{
211 background-image:url(../images/gray/layout/layout-sprite.gif); 211 background-image:url(./images/gray/layout/layout-sprite.gif);
212 background-repeat: no-repeat; 212 background-repeat: no-repeat;
213 background-position: 50% -12px; 213 background-position: 50% -12px;
214} 214}
215.ylayout-collapse-north,.ylayout-expand-south{ 215.ylayout-collapse-north,.ylayout-expand-south{
216 background-image:url(../images/gray/layout/layout-sprite.gif); 216 background-image:url(./images/gray/layout/layout-sprite.gif);
217 background-repeat: no-repeat; 217 background-repeat: no-repeat;
218 background-position: 50% -24px; 218 background-position: 50% -24px;
219} 219}
220.ylayout-expand-north,.ylayout-collapse-south{ 220.ylayout-expand-north,.ylayout-collapse-south{
221 background-image:url(../images/gray/layout/layout-sprite.gif); 221 background-image:url(./images/gray/layout/layout-sprite.gif);
222 background-repeat: no-repeat; 222 background-repeat: no-repeat;
223 background-position: 50% -36px; 223 background-position: 50% -36px;
224} 224}
225.ylayout-split-h{ 225.ylayout-split-h{
226 background-image:url(../images/gray/sizer/e-handle-dark.gif); 226 background-image:url(./images/gray/sizer/e-handle-dark.gif);
227} 227}
228.ylayout-split-v{ 228.ylayout-split-v{
229 background-image:url(../images/gray/sizer/s-handle-dark.gif); 229 background-image:url(./images/gray/sizer/s-handle-dark.gif);
230} 230}
231.ylayout-panel .ytab-wrap{ 231.ylayout-panel .ytab-wrap{
232 background:url(../images/gray/layout/gradient-bg.gif); 232 background:url(./images/gray/layout/gradient-bg.gif);
233} 233}
234.ylayout-nested-layout .ylayout-panel-north { 234.ylayout-nested-layout .ylayout-panel-north {
235 border-bottom:1px solid #aca899; 235 border-bottom:1px solid #aca899;
236} 236}
237.ylayout-nested-layout .ylayout-panel-south { 237.ylayout-nested-layout .ylayout-panel-south {
238 border-top:1px solid #aca899; 238 border-top:1px solid #aca899;
239} 239}
240.ylayout-nested-layout .ylayout-panel-east { 240.ylayout-nested-layout .ylayout-panel-east {
241 border-left:1px solid #aca899; 241 border-left:1px solid #aca899;
242} 242}
243.ylayout-nested-layout .ylayout-panel-west { 243.ylayout-nested-layout .ylayout-panel-west {
244 border-right:1px solid #aca899; 244 border-right:1px solid #aca899;
245} 245}
246.ylayout-panel-dragover { 246.ylayout-panel-dragover {
247 border: 2px solid #aca899; 247 border: 2px solid #aca899;
248} 248}
249.ylayout-panel-proxy { 249.ylayout-panel-proxy {
250 background-image: url(../images/gray/layout/gradient-bg.gif); 250 background-image: url(./images/gray/layout/gradient-bg.gif);
251 background-color:#f3f2e7; 251 background-color:#f3f2e7;
252 border:1px dashed #aca899; 252 border:1px dashed #aca899;
253} 253}
254/** Resizable */ 254/** Resizable */
255 255
256.yresizable-over .yresizable-handle-east, .yresizable-pinned .yresizable-handle-east{ 256.yresizable-over .yresizable-handle-east, .yresizable-pinned .yresizable-handle-east{
257 background:url(../images/gray/sizer/e-handle.gif); 257 background:url(./images/gray/sizer/e-handle.gif);
258 background-position: left; 258 background-position: left;
259} 259}
260.yresizable-over .yresizable-handle-east, .yresizable-pinned .yresizable-handle-west{ 260.yresizable-over .yresizable-handle-east, .yresizable-pinned .yresizable-handle-west{
261 background:url(../images/gray/sizer/e-handle.gif); 261 background:url(./images/gray/sizer/e-handle.gif);
262 background-position: left; 262 background-position: left;
263} 263}
264.yresizable-over .yresizable-handle-south, .yresizable-pinned .yresizable-handle-south{ 264.yresizable-over .yresizable-handle-south, .yresizable-pinned .yresizable-handle-south{
265 background:url(../images/gray/sizer/s-handle.gif); 265 background:url(./images/gray/sizer/s-handle.gif);
266 background-position: top; 266 background-position: top;
267} 267}
268.yresizable-over .yresizable-handle-south, .yresizable-pinned .yresizable-handle-north{ 268.yresizable-over .yresizable-handle-south, .yresizable-pinned .yresizable-handle-north{
269 background:url(../images/gray/sizer/s-handle.gif); 269 background:url(./images/gray/sizer/s-handle.gif);
270 background-position: top; 270 background-position: top;
271} 271}
272.yresizable-over .yresizable-handle-southeast, .yresizable-pinned .yresizable-handle-southeast{ 272.yresizable-over .yresizable-handle-southeast, .yresizable-pinned .yresizable-handle-southeast{
273 background:url(../images/gray/sizer/se-handle.gif); 273 background:url(./images/gray/sizer/se-handle.gif);
274 background-position: top left; 274 background-position: top left;
275} 275}
276.yresizable-over .yresizable-handle-northwest,.yresizable-pinned .yresizable-handle-northwest{ 276.yresizable-over .yresizable-handle-northwest,.yresizable-pinned .yresizable-handle-northwest{
277 background:url(../images/gray/sizer/nw-handle.gif); 277 background:url(./images/gray/sizer/nw-handle.gif);
278 background-position:bottom right; 278 background-position:bottom right;
279} 279}
280.yresizable-over .yresizable-handle-northeast,.yresizable-pinned .yresizable-handle-northeast{ 280.yresizable-over .yresizable-handle-northeast,.yresizable-pinned .yresizable-handle-northeast{
281 background:url(../images/gray/sizer/ne-handle.gif); 281 background:url(./images/gray/sizer/ne-handle.gif);
282 background-position: bottom left; 282 background-position: bottom left;
283} 283}
284.yresizable-over .yresizable-handle-southwest,.yresizable-pinned .yresizable-handle-southwest{ 284.yresizable-over .yresizable-handle-southwest,.yresizable-pinned .yresizable-handle-southwest{
285 background:url(../images/gray/sizer/sw-handle.gif); 285 background:url(./images/gray/sizer/sw-handle.gif);
286 background-position: top right; 286 background-position: top right;
287} 287}
288.yresizable-proxy{ 288.yresizable-proxy{
289 border: 1px dashed #615e55; 289 border: 1px dashed #615e55;
290} 290}
291 291
292/** Toolbar */ 292/** Toolbar */
293.ytoolbar{ 293.ytoolbar{
294 border:0px none; 294 border:0px none;
295 background: #efefe3 url(../images/gray/toolbar/gray-bg.gif) repeat-x; 295 background: #efefe3 url(./images/gray/toolbar/gray-bg.gif) repeat-x;
296 padding:3px; 296 padding:3px;
297} 297}