Gitiles
Code Review Sign In
git.clicks.codes / Clicks / Forks / ERPNext / 946e6d4a46c1b20487c12e4775464f72300972e9 / . / home / page / desktop / desktop.css
blob: 7990216ed44a8c7dd7968fa20f96985fa7cb5639 [file] [log] [blame]
Anand Doshieaaf6512012-02-24 15:29:07 +0530[diff] [blame]1/* Sprite CSS */
Anand Doshieaaf6512012-02-24 15:29:07 +0530[diff] [blame]2
3.case-border {
4 border-radius: 10px;
Anand Doshi0e140962012-03-01 12:16:02 +0530[diff] [blame]5 -moz-border-radius: 10px;
6 -webkit-border-radius: 10px;
Rushabh Mehta946e6d42012-12-21 15:00:29 +0530[diff] [blame^]7 width: 32px;
8 height: 32px;
9 padding: 12px;
10 border: 2px solid white;
Rushabh Mehta9b1afe12012-03-20 14:37:44 +0530[diff] [blame]11 box-shadow: 0 0 4px 1px black;
12 -moz-box-shadow: 0 0 4px 1px black;
13 -webkit-box-shadow: 0 0 4px 1px black;
14 -o-box-shadow: 0 0 4px 1px black;
Anand Doshieaaf6512012-02-24 15:29:07 +0530[diff] [blame]15 margin: auto;
16}
17
18.case-wrapper {
19 margin: 24px;
20 float: left;
21 width: 100px;
22 height: 100px;
23}
24
Rushabh Mehta946e6d42012-12-21 15:00:29 +0530[diff] [blame^]25.case-wrapper i {
26 font-size: 32px;
27 color: #f8f8f8;
28 margin-top: 8px;
29}
30
Anand Doshieaaf6512012-02-24 15:29:07 +0530[diff] [blame]31.case-label {
32 color: white;
Anand Doshieaaf6512012-02-24 15:29:07 +0530[diff] [blame]33 padding-top: 10px;
34 text-align: center;
Rushabh Mehta3f466962012-03-22 11:37:08 +0530[diff] [blame]35 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]36}
37
38/* Hover and click effects */
Anand Doshi7854f812012-03-14 12:01:13 +0530[diff] [blame]39.case-border:hover, .circle:hover, .hover-effect {
Rushabh Mehta9b1afe12012-03-20 14:37:44 +0530[diff] [blame]40 box-shadow: 0 0 2px 0px black, 0 0 4px 1px white !important;
41 -moz-box-shadow: 0 0 2px 0px black, 0 0 4px 1px white !important;
42 -webkit-box-shadow: 0 0 2px 0px black, 0 0 4px 1px white !important;
Anand Doshi7854f812012-03-14 12:01:13 +0530[diff] [blame]43 -o-box-shadow: 0 0 2px 0px black, 0 0 10px 1px white !important;
Anand Doshieaaf6512012-02-24 15:29:07 +0530[diff] [blame]44}
45
Anand Doshi7854f812012-03-14 12:01:13 +0530[diff] [blame]46.case-border:active, .case-border:focus, .case-border-click {
Anand Doshiac144122012-02-27 19:16:24 +0530[diff] [blame]47 transform: scale(0.98, 0.98);
48 -ms-transform: scale(0.98, 0.98); /* IE 9 */
49 -webkit-transform: scale(0.98, 0.98); /* Safari and Chrome */
50 -o-transform: scale(0.98, 0.98); /* Opera */
51 -moz-transform: scale(0.98, 0.98); /* Firefox */
Anand Doshieaaf6512012-02-24 15:29:07 +0530[diff] [blame]52}
53
Anand Doshi7854f812012-03-14 12:01:13 +0530[diff] [blame]54.circle:active, .circle:focus, .circle-click {
55 transform: scale(1, 1);
56 -ms-transform: scale(1, 1); /* IE 9 */
57 -webkit-transform: scale(1, 1); /* Safari and Chrome */
58 -o-transform: scale(1, 1); /* Opera */
59 -moz-transform: scale(1, 1); /* Firefox */
60}
61
Anand Doshidb628762012-02-24 17:56:00 +0530[diff] [blame]62.circle {
Anand Doshi08c8edb2012-03-01 14:53:05 +0530[diff] [blame]63 border-radius: 30px;
64 -moz-border-radius: 30px;
65 -webkit-border-radius: 30px;
Anand Doshidb628762012-02-24 17:56:00 +0530[diff] [blame]66 height: 15px;
Anand Doshi08c8edb2012-03-01 14:53:05 +0530[diff] [blame]67 line-height: 12px;
Anand Doshidb628762012-02-24 17:56:00 +0530[diff] [blame]68 min-width: 15px;
69 background: #B00D07;
70 padding: 3px;
Anand Doshidb628762012-02-24 17:56:00 +0530[diff] [blame]71 float: right;
Anand Doshi7854f812012-03-14 12:01:13 +0530[diff] [blame]72 margin-top: -74px;
Anand Doshidb628762012-02-24 17:56:00 +0530[diff] [blame]73 margin-right: 10px;
74 border: 2px solid white;
Rushabh Mehta9b1afe12012-03-20 14:37:44 +0530[diff] [blame]75 box-shadow: 0 0 4px 1px black;
76 -moz-box-shadow: 0 0 4px 1px black;
77 -webkit-box-shadow: 0 0 4px 1px black;
78 -o-box-shadow: 0 0 4px 1px black;
Anand Doshidb628762012-02-24 17:56:00 +0530[diff] [blame]79}
80
81.circle-text {
82 color: white;
Anand Doshidb628762012-02-24 17:56:00 +0530[diff] [blame]83 text-align: center;
84 display: inline-block;
Anand Doshi7854f812012-03-14 12:01:13 +0530[diff] [blame]85 margin-top: 1px;
Anand Doshidb628762012-02-24 17:56:00 +0530[diff] [blame]86}
87