summaryrefslogtreecommitdiff
path: root/frontend/gamma/css/web.css
Unidiff
Diffstat (limited to 'frontend/gamma/css/web.css') (more/less context) (ignore whitespace changes)
-rw-r--r--frontend/gamma/css/web.css33
1 files changed, 21 insertions, 12 deletions
diff --git a/frontend/gamma/css/web.css b/frontend/gamma/css/web.css
index 5d8bc20..011831a 100644
--- a/frontend/gamma/css/web.css
+++ b/frontend/gamma/css/web.css
@@ -1,28 +1,26 @@
1/* 1/*
2 2
3Copyright 2008-2011 Clipperz Srl 3Copyright 2008-2013 Clipperz Srl
4 4
5This file is part of Clipperz Community Edition. 5This file is part of Clipperz, the online password manager.
6Clipperz Community Edition is an online password manager.
7For further information about its features and functionalities please 6For further information about its features and functionalities please
8refer to http://www.clipperz.com. 7refer to http://www.clipperz.com.
9 8
10* Clipperz Community Edition is free software: you can redistribute 9* Clipperz is free software: you can redistribute it and/or modify it
11 it and/or modify it under the terms of the GNU Affero General Public 10 under the terms of the GNU Affero General Public License as published
12 License as published by the Free Software Foundation, either version 11 by the Free Software Foundation, either version 3 of the License, or
13 3 of the License, or (at your option) any later version. 12 (at your option) any later version.
14 13
15* Clipperz Community Edition is distributed in the hope that it will 14* Clipperz is distributed in the hope that it will be useful, but
16 be useful, but WITHOUT ANY WARRANTY; without even the implied 15 WITHOUT ANY WARRANTY; without even the implied warranty of
17 warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. 16 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
18 See the GNU Affero General Public License for more details. 17 See the GNU Affero General Public License for more details.
19 18
20* You should have received a copy of the GNU Affero General Public 19* You should have received a copy of the GNU Affero General Public
21 License along with Clipperz Community Edition. If not, see 20 License along with Clipperz. If not, see http://www.gnu.org/licenses/.
22 <http://www.gnu.org/licenses/>.
23 21
24*/ 22*/
25 23
26/* 24/*
27 25
28Color list: 26Color list:
@@ -211,12 +209,13 @@ div.tooltip {
211div.tooltip div.tooltip_body { 209div.tooltip div.tooltip_body {
212 border-radius: 8px; 210 border-radius: 8px;
213 -moz-border-radius: 8px; 211 -moz-border-radius: 8px;
214 -webkit-border-radius: 8px; 212 -webkit-border-radius: 8px;
215 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); 213 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
216 background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); 214 background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
215 background: linear-gradient(0deg, #555555, #bbbbbb);
217 -webkit-box-shadow: 4px 4px 10px #333333; 216 -webkit-box-shadow: 4px 4px 10px #333333;
218 -moz-box-shadow: 4px 4px 10px #333333; 217 -moz-box-shadow: 4px 4px 10px #333333;
219 box-shadow: 4px 4px 10px #333333; 218 box-shadow: 4px 4px 10px #333333;
220 border-top: 1px solid #d4d4d4; 219 border-top: 1px solid #d4d4d4;
221 border-left: 1px solid #a2a2a2; 220 border-left: 1px solid #a2a2a2;
222 border-right: 1px solid #6f6f6f; 221 border-right: 1px solid #6f6f6f;
@@ -266,12 +265,13 @@ div.tooltip.RIGHT div.tooltip_body div.tooltip_text {
266.button.default { 265.button.default {
267 display: inline-block; 266 display: inline-block;
268 height: 20px; 267 height: 20px;
269 cursor: pointer; 268 cursor: pointer;
270 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffa76f), to(#ff6622)); 269 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffa76f), to(#ff6622));
271 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffa76f); 270 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffa76f);
271 background: linear-gradient(0deg, #ff6622, #ffa76f);
272 border-radius: 5; 272 border-radius: 5;
273 -moz-border-radius: 5; 273 -moz-border-radius: 5;
274 -webkit-border-radius: 5; 274 -webkit-border-radius: 5;
275 border: 1px solid #ff7f46; 275 border: 1px solid #ff7f46;
276 padding-top: 4px; 276 padding-top: 4px;
277 padding-left: 15px; 277 padding-left: 15px;
@@ -283,19 +283,21 @@ div.tooltip.RIGHT div.tooltip_body div.tooltip_text {
283 text-decoration: none; 283 text-decoration: none;
284 font-weight: normal; 284 font-weight: normal;
285} 285}
286.button.default:hover { 286.button.default:hover {
287 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff8e46), to(#ff6622)); 287 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff8e46), to(#ff6622));
288 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff8e46); 288 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff8e46);
289 background: linear-gradient(0deg, #ff6622, #ff8e46);
289} 290}
290.button { 291.button {
291 display: inline-block; 292 display: inline-block;
292 height: 20px; 293 height: 20px;
293 cursor: pointer; 294 cursor: pointer;
294 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bfbfbf), to(#999999)); 295 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bfbfbf), to(#999999));
295 background: -moz-linear-gradient(0% 100% 90deg, #999999, #bfbfbf); 296 background: -moz-linear-gradient(0% 100% 90deg, #999999, #bfbfbf);
297 background: linear-gradient(0deg, #999999, #bfbfbf);
296 border-radius: 5; 298 border-radius: 5;
297 -moz-border-radius: 5; 299 -moz-border-radius: 5;
298 -webkit-border-radius: 5; 300 -webkit-border-radius: 5;
299 border: 1px solid #ababab; 301 border: 1px solid #ababab;
300 padding-top: 4px; 302 padding-top: 4px;
301 padding-left: 15px; 303 padding-left: 15px;
@@ -306,12 +308,13 @@ div.tooltip.RIGHT div.tooltip_body div.tooltip_text {
306 text-shadow: -1px -1px 1px #999999, 1px 1px 1px #bfbfbf; 308 text-shadow: -1px -1px 1px #999999, 1px 1px 1px #bfbfbf;
307 text-decoration: none; 309 text-decoration: none;
308} 310}
309.button:hover { 311.button:hover {
310 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ababab), to(#999999)); 312 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ababab), to(#999999));
311 background: -moz-linear-gradient(0% 100% 90deg, #999999, #ababab); 313 background: -moz-linear-gradient(0% 100% 90deg, #999999, #ababab);
314 background: linear-gradient(0deg, #999999, #ababab);
312} 315}
313/* 316/*
314 317
315Color list: 318Color list:
316- login box: 319- login box:
317 light#ff9955 320 light#ff9955
@@ -446,12 +449,13 @@ div.pageHeaderAndBody div.pageHeader div#featureTabs canvas.featureIcon {
446 width: 76px; 449 width: 76px;
447 height: 76px; 450 height: 76px;
448 display: block; 451 display: block;
449 float: left; 452 float: left;
450 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622)); 453 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622));
451 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79); 454 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79);
455 background: linear-gradient(0deg, #ff6622, #ffad79);
452 border-radius: 38px; 456 border-radius: 38px;
453 -moz-border-radius: 38px; 457 -moz-border-radius: 38px;
454 -webkit-border-radius: 38px; 458 -webkit-border-radius: 38px;
455} 459}
456div.pageHeaderAndBody div.pageHeader div#news { 460div.pageHeaderAndBody div.pageHeader div#news {
457 top: -82px; 461 top: -82px;
@@ -612,12 +616,13 @@ div#loginBox div.header {
612 -moz-border-radius-topright: 20px; 616 -moz-border-radius-topright: 20px;
613 border-top-right-radius: 20px; 617 border-top-right-radius: 20px;
614} 618}
615div#loginBox div.body { 619div#loginBox div.body {
616 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622)); 620 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622));
617 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a); 621 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a);
622 background: linear-gradient(0deg, #ff6622, #ff9b5a);
618} 623}
619div#loginBox div.body h4 { 624div#loginBox div.body h4 {
620 color: #ffffff; 625 color: #ffffff;
621 font-size: 16pt; 626 font-size: 16pt;
622 font-weight: normal; 627 font-weight: normal;
623 padding-left: 20px; 628 padding-left: 20px;
@@ -889,12 +894,13 @@ div.userInfoBox {
889 top: 100px; 894 top: 100px;
890 left: 15px; 895 left: 15px;
891 color: white; 896 color: white;
892 background-color: #ff9955; 897 background-color: #ff9955;
893 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723)); 898 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723));
894 background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56); 899 background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56);
900 background: linear-gradient(0deg, #ff6723, #ff9a56);
895 border-radius: 10px; 901 border-radius: 10px;
896 -moz-border-radius: 10px; 902 -moz-border-radius: 10px;
897 -webkit-border-radius: 10px; 903 -webkit-border-radius: 10px;
898 -webkit-box-shadow: 2px 2px 9px #333333; 904 -webkit-box-shadow: 2px 2px 9px #333333;
899 -moz-box-shadow: 2px 2px 9px #333333; 905 -moz-box-shadow: 2px 2px 9px #333333;
900 box-shadow: 2px 2px 9px #333333; 906 box-shadow: 2px 2px 9px #333333;
@@ -1270,12 +1276,13 @@ div.subPanelContent ul li.selected {
1270.downloadOfflineCopy { 1276.downloadOfflineCopy {
1271 display: inline-block; 1277 display: inline-block;
1272 height: 20px; 1278 height: 20px;
1273 cursor: pointer; 1279 cursor: pointer;
1274 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#59bc4c), to(#448833)); 1280 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#59bc4c), to(#448833));
1275 background: -moz-linear-gradient(0% 100% 90deg, #448833, #59bc4c); 1281 background: -moz-linear-gradient(0% 100% 90deg, #448833, #59bc4c);
1282 background: linear-gradient(0deg, #448833, #59bc4c);
1276 border-radius: 5; 1283 border-radius: 5;
1277 -moz-border-radius: 5; 1284 -moz-border-radius: 5;
1278 -webkit-border-radius: 5; 1285 -webkit-border-radius: 5;
1279 border: 1px solid #51a23d; 1286 border: 1px solid #51a23d;
1280 padding-top: 4px; 1287 padding-top: 4px;
1281 padding-left: 15px; 1288 padding-left: 15px;
@@ -1286,12 +1293,13 @@ div.subPanelContent ul li.selected {
1286 text-shadow: -1px -1px 1px #448833, 1px 1px 1px #59bc4c; 1293 text-shadow: -1px -1px 1px #448833, 1px 1px 1px #59bc4c;
1287 text-decoration: none; 1294 text-decoration: none;
1288} 1295}
1289.downloadOfflineCopy:hover { 1296.downloadOfflineCopy:hover {
1290 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#49a23d), to(#448833)); 1297 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#49a23d), to(#448833));
1291 background: -moz-linear-gradient(0% 100% 90deg, #448833, #49a23d); 1298 background: -moz-linear-gradient(0% 100% 90deg, #448833, #49a23d);
1299 background: linear-gradient(0deg, #448833, #49a23d);
1292} 1300}
1293div.SimpleMessagePanel { 1301div.SimpleMessagePanel {
1294 position: relative; 1302 position: relative;
1295 left: -225px; 1303 left: -225px;
1296 top: -70px; 1304 top: -70px;
1297 width: 450px; 1305 width: 450px;
@@ -1319,12 +1327,13 @@ div.SimpleMessagePanel div.body div.img {
1319 width: 50px; 1327 width: 50px;
1320 height: 50px; 1328 height: 50px;
1321 float: left; 1329 float: left;
1322 margin-right: 15px; 1330 margin-right: 15px;
1323 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622)); 1331 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622));
1324 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a); 1332 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a);
1333 background: linear-gradient(0deg, #ff6622, #ff9b5a);
1325 border-radius: 25px; 1334 border-radius: 25px;
1326 -moz-border-radius: 25px; 1335 -moz-border-radius: 25px;
1327 -webkit-border-radius: 25px; 1336 -webkit-border-radius: 25px;
1328} 1337}
1329div.SimpleMessagePanel div.body div.img canvas { 1338div.SimpleMessagePanel div.body div.img canvas {
1330 width: 50px; 1339 width: 50px;