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