Gitiles
Code Review Sign In
git.clicks.codes / Clicks / Forks / ERPNext / f84c1ac932cf07ac041e2df66726dddf0dd13412 / . / home / page / desktop / desktop.css
blob: f1c4fb091871ac35480c96b8a1c44bbbc9ad0a09 [file] [log] [blame]
Anand Doshieaaf6512012-02-24 15:29:07 +0530[diff] [blame]1/* Sprite CSS */
2.sprite-account{ background-position: 0 0; width: 32px; height: 40px; }
Anand Doshi40ee8d62012-02-24 19:21:47 +0530[diff] [blame]3.sprite-buying{ background-position: 0 -90px; width: 40px; height: 40px; }
Anand Doshieaaf6512012-02-24 15:29:07 +0530[diff] [blame]4.sprite-calendar{ background-position: 0 -180px; width: 35px; height: 40px; }
Anand Doshieaaf6512012-02-24 15:29:07 +0530[diff] [blame]5.sprite-feed{ background-position: 0 -349px; width: 32px; height: 40px; }
6.sprite-hr{ background-position: 0 -439px; width: 40px; height: 32px; }
7.sprite-kb{ background-position: 0 -521px; width: 24px; height: 39px; }
8.sprite-messages{ background-position: 0 -610px; width: 40px; height: 26px; }
9.sprite-production{ background-position: 0 -686px; width: 40px; height: 33px; }
10.sprite-project{ background-position: 0 -769px; width: 40px; height: 22px; }
11.sprite-report{ background-position: 0 -841px; width: 29px; height: 40px; }
Anand Doshi40ee8d62012-02-24 19:21:47 +0530[diff] [blame]12.sprite-selling{ background-position: 0 -931px; width: 34px; height: 40px; }
Anand Doshieaaf6512012-02-24 15:29:07 +0530[diff] [blame]13.sprite-setting{ background-position: 0 -1021px; width: 37px; height: 40px; }
14.sprite-stock{ background-position: 0 -1111px; width: 34px; height: 39px; }
15.sprite-support{ background-position: 0 -1200px; width: 40px; height: 40px; }
16.sprite-todo{ background-position: 0 -1290px; width: 40px; height: 34px; }
17.sprite-website{ background-position: 0 -1374px; width: 40px; height: 40px; }
18
Rushabh Mehta707932d2012-09-25 10:42:00 +0530[diff] [blame]19.sprite-image { background-image: url("app/images/sprite-desktop.png"); }
Anand Doshieaaf6512012-02-24 15:29:07 +0530[diff] [blame]20
21
22.sprite-account{ margin-top: 8px; margin-left: 12px; }
Anand Doshi40ee8d62012-02-24 19:21:47 +0530[diff] [blame]23.sprite-selling{ margin-top: 8px; margin-left: 12px; }
Anand Doshieaaf6512012-02-24 15:29:07 +0530[diff] [blame]24.sprite-stock{ margin-top: 8px; margin-left: 8px; }
Anand Doshi40ee8d62012-02-24 19:21:47 +0530[diff] [blame]25.sprite-buying{ margin-top: 8px; margin-left: 8px; }
Anand Doshieaaf6512012-02-24 15:29:07 +0530[diff] [blame]26.sprite-support{ margin-top: 8px; margin-left: 8px; }
27.sprite-hr{ margin-top: 12px; margin-left: 8px; }
28.sprite-project{ margin-top: 16px; margin-left: 8px; }
29.sprite-production{ margin-top: 10px; margin-left: 8px; }
30.sprite-website{ margin-top: 8px; margin-left: 8px; }
31.sprite-setting{ margin-top: 8px; margin-left: 8px; }
Anand Doshieaaf6512012-02-24 15:29:07 +0530[diff] [blame]32.sprite-report{ margin-top: 8px; margin-left: 14px; }
33
34.sprite-messages{ margin-top: 14px; margin-left: 8px; }
35.sprite-todo{ margin-top: 10px; margin-left: 10px; }
36.sprite-calendar{ margin-top: 8px; margin-left: 10px; }
37.sprite-kb{ margin-top: 8px; margin-left: 16px; }
38.sprite-feed{ margin-top: 8px; margin-left: 14px; }
39
40.case-border {
41 border-radius: 10px;
Anand Doshi0e140962012-03-01 12:16:02 +0530[diff] [blame]42 -moz-border-radius: 10px;
43 -webkit-border-radius: 10px;
Anand Doshieaaf6512012-02-24 15:29:07 +0530[diff] [blame]44 width: 56px;
45 height: 56px;
46 border: 4px solid white;
Rushabh Mehta9b1afe12012-03-20 14:37:44 +0530[diff] [blame]47 box-shadow: 0 0 4px 1px black;
48 -moz-box-shadow: 0 0 4px 1px black;
49 -webkit-box-shadow: 0 0 4px 1px black;
50 -o-box-shadow: 0 0 4px 1px black;
Anand Doshieaaf6512012-02-24 15:29:07 +0530[diff] [blame]51 margin: auto;
52}
53
54.case-wrapper {
55 margin: 24px;
56 float: left;
57 width: 100px;
58 height: 100px;
59}
60
61.case-label {
62 color: white;
Anand Doshieaaf6512012-02-24 15:29:07 +0530[diff] [blame]63 padding-top: 10px;
64 text-align: center;
Rushabh Mehta3f466962012-03-22 11:37:08 +0530[diff] [blame]65 text-shadow: 1px 1px 2px #000, 1px 1px 2px #000, 1px 1px 2px #000, 0px 0px 2px #000;
Anand Doshieaaf6512012-02-24 15:29:07 +0530[diff] [blame]66}
67
68/* Hover and click effects */
Anand Doshi7854f812012-03-14 12:01:13 +0530[diff] [blame]69.case-border:hover, .circle:hover, .hover-effect {
Rushabh Mehta9b1afe12012-03-20 14:37:44 +0530[diff] [blame]70 box-shadow: 0 0 2px 0px black, 0 0 4px 1px white !important;
71 -moz-box-shadow: 0 0 2px 0px black, 0 0 4px 1px white !important;
72 -webkit-box-shadow: 0 0 2px 0px black, 0 0 4px 1px white !important;
Anand Doshi7854f812012-03-14 12:01:13 +0530[diff] [blame]73 -o-box-shadow: 0 0 2px 0px black, 0 0 10px 1px white !important;
Anand Doshieaaf6512012-02-24 15:29:07 +0530[diff] [blame]74}
75
Anand Doshi7854f812012-03-14 12:01:13 +0530[diff] [blame]76.case-border:active, .case-border:focus, .case-border-click {
Anand Doshiac144122012-02-27 19:16:24 +0530[diff] [blame]77 transform: scale(0.98, 0.98);
78 -ms-transform: scale(0.98, 0.98); /* IE 9 */
79 -webkit-transform: scale(0.98, 0.98); /* Safari and Chrome */
80 -o-transform: scale(0.98, 0.98); /* Opera */
81 -moz-transform: scale(0.98, 0.98); /* Firefox */
Anand Doshieaaf6512012-02-24 15:29:07 +0530[diff] [blame]82}
83
Anand Doshi7854f812012-03-14 12:01:13 +0530[diff] [blame]84.circle:active, .circle:focus, .circle-click {
85 transform: scale(1, 1);
86 -ms-transform: scale(1, 1); /* IE 9 */
87 -webkit-transform: scale(1, 1); /* Safari and Chrome */
88 -o-transform: scale(1, 1); /* Opera */
89 -moz-transform: scale(1, 1); /* Firefox */
90}
91
Anand Doshidb628762012-02-24 17:56:00 +0530[diff] [blame]92.circle {
Anand Doshi08c8edb2012-03-01 14:53:05 +0530[diff] [blame]93 border-radius: 30px;
94 -moz-border-radius: 30px;
95 -webkit-border-radius: 30px;
Anand Doshidb628762012-02-24 17:56:00 +0530[diff] [blame]96 height: 15px;
Anand Doshi08c8edb2012-03-01 14:53:05 +0530[diff] [blame]97 line-height: 12px;
Anand Doshidb628762012-02-24 17:56:00 +0530[diff] [blame]98 min-width: 15px;
99 background: #B00D07;
100 padding: 3px;
Anand Doshidb628762012-02-24 17:56:00 +0530[diff] [blame]101 float: right;
Anand Doshi7854f812012-03-14 12:01:13 +0530[diff] [blame]102 margin-top: -74px;
Anand Doshidb628762012-02-24 17:56:00 +0530[diff] [blame]103 margin-right: 10px;
104 border: 2px solid white;
Rushabh Mehta9b1afe12012-03-20 14:37:44 +0530[diff] [blame]105 box-shadow: 0 0 4px 1px black;
106 -moz-box-shadow: 0 0 4px 1px black;
107 -webkit-box-shadow: 0 0 4px 1px black;
108 -o-box-shadow: 0 0 4px 1px black;
Anand Doshidb628762012-02-24 17:56:00 +0530[diff] [blame]109}
110
111.circle-text {
112 color: white;
Anand Doshidb628762012-02-24 17:56:00 +0530[diff] [blame]113 text-align: center;
114 display: inline-block;
Anand Doshi7854f812012-03-14 12:01:13 +0530[diff] [blame]115 margin-top: 1px;
Anand Doshidb628762012-02-24 17:56:00 +0530[diff] [blame]116}
117