pyc-website
main website for pyc inc.
git clone https://9o.is/git/pyc-website.git
section-calendar.less
(3633B)
1 /*
2 * FULL CALENDAR
3 */
4
5 #calendar-container {
6 position:relative;
7 }
8
9 html .fc, .fc table {
10 font-size:12px;
11 }
12
13 .dt-header.calender-spacer {
14 height:46px;
15 display:block;
16 }
17
18 .jarviswidget #calendar {
19 margin-top:-18px;
20 }
21
22 .fc-widget-header, .fc-widget-content {
23 border-right: none;
24 }
25
26 tr.fc-first th.fc-first, tr td.fc-first{
27 border-left:none;
28 }
29
30 tr.fc-last td {
31 border-bottom:none;
32 }
33
34 .jarviswidget .fc-header-title h2 {
35 text-shadow: 0 1px 0 @white;
36 margin-top: -12px;
37 margin-left: 10px;
38 font-size: 14px;
39 font-weight: bold;
40 margin-bottom:0px;
41 }
42
43 .fc-event-time, .fc-event-title {
44 padding: 3px 0px 2px 3px;
45 display: inline-block;
46 line-height: 16px;
47 font-weight: bold;
48 font-size: 11px;
49 box-sizing:border-box;
50 }
51
52 /* calendar button */
53 #calendar-buttons {
54 position: absolute;
55 right: 14px;
56 top: 5px;
57 }
58
59 /* other month */
60 td.fc-other-month, .dropzone {
61 background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0.25, rgba(red(@black), green(@black), blue(@black), 0.03)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(red(@black), green(@black), blue(@black), 0.03)), color-stop(0.75, rgba(red(@black), green(@black), blue(@black), 0.03)), color-stop(0.75, transparent), to(transparent));
62 background-image: -webkit-linear-gradient(135deg, rgba(red(@black), green(@black), blue(@black), 0.03) 25%, transparent 25%, transparent 50%, rgba(red(@black), green(@black), blue(@black), 0.03) 50%, rgba(red(@black), green(@black), blue(@black), 0.03) 75%, transparent 75%, transparent);
63 background-image: -moz-linear-gradient(135deg, rgba(red(@black), green(@black), blue(@black), 0.03) 25%, transparent 25%, transparent 50%, rgba(red(@black), green(@black), blue(@black), 0.03) 50%, rgba(red(@black), green(@black), blue(@black), 0.03) 75%, transparent 75%, transparent);
64 background-image: -ms-linear-gradient(135deg, rgba(red(@black), green(@black), blue(@black), 0.03) 25%, transparent 25%, transparent 50%, rgba(red(@black), green(@black), blue(@black), 0.03) 50%, rgba(red(@black), green(@black), blue(@black), 0.03) 75%, transparent 75%, transparent);
65 background-image: -o-linear-gradient(135deg, rgba(red(@black), green(@black), blue(@black), 0.03) 25%, transparent 25%, transparent 50%, rgba(red(@black), green(@black), blue(@black), 0.03) 50%, rgba(red(@black), green(@black), blue(@black), 0.03) 75%, transparent 75%, transparent);
66 background-image: linear-gradient(135deg, rgba(red(@black), green(@black), blue(@black), 0.03) 25%, transparent 25%, transparent 50%, rgba(red(@black), green(@black), blue(@black), 0.03) 50%, rgba(red(@black), green(@black), blue(@black), 0.03) 75%, transparent 75%, transparent);
67 background-color: #FAFCFD;
68 background-size: 16px 16px;
69 }
70
71 .fc-corner-right .fc-event-inner {
72 padding-right:15px;
73 }
74
75
76 /*
77 * Select color
78 */
79
80 .btn-select-tick i {
81 display:none;
82 }.btn-select-tick .btn:hover i {
83 opacity:.3;
84 display:block;
85 }
86
87 .btn-select-tick .active i {
88 display:block;
89 opacity:1 !important;
90 }
91
92 /*
93 * Drag and drop events
94 */
95 #external-events > li {
96 margin: 6px 4px 6px 0;
97 display: inline-block;
98 }
99 #external-events > li >:first-child {
100 padding:5px 10px 10px;
101 cursor:move;
102 display:block;
103 }
104
105 #external-events > li >:first-child:after {
106 display:block;
107 color:@white;
108 color: rgba(red(@white), green(@white), blue(@white),0.7);
109 content: attr(data-description);
110 font-size: 11px;
111 font-weight: 400;
112 display: block;
113 line-height: 0;
114 margin: 7px 0;
115 text-transform: lowercase;
116 }