|
4
|
1 /**
|
|
|
2 * Roundcube libcalendaring plugin styles for skin "Larry"
|
|
|
3 *
|
|
|
4 * Copyright (c) 2012-2014, Kolab Systems AG <contact@kolabsys.com>
|
|
|
5 *
|
|
|
6 * The contents are subject to the Creative Commons Attribution-ShareAlike
|
|
|
7 * License. It is allowed to copy, distribute, transmit and to adapt the work
|
|
|
8 * by keeping credits to the original autors in the README file.
|
|
|
9 * See http://creativecommons.org/licenses/by-sa/3.0/ for details.
|
|
|
10 */
|
|
|
11
|
|
|
12 .alarm-item {
|
|
|
13 margin: 0.4em 0 1em 0;
|
|
|
14 }
|
|
|
15
|
|
|
16 .alarm-item .event-title {
|
|
|
17 font-size: 14px;
|
|
|
18 margin: 0.1em 0 0.3em 0;
|
|
|
19 }
|
|
|
20
|
|
|
21 .alarm-item div.event-section {
|
|
|
22 margin-top: 0.1em;
|
|
|
23 margin-bottom: 0.3em;
|
|
|
24 }
|
|
|
25
|
|
|
26 .alarm-item .alarm-actions {
|
|
|
27 margin-top: 0.4em;
|
|
|
28 }
|
|
|
29
|
|
|
30 .alarm-item div.alarm-actions a {
|
|
|
31 margin-right: 0.8em;
|
|
|
32 text-decoration: none;
|
|
|
33 }
|
|
|
34
|
|
|
35 a.alarm-action-snooze:after {
|
|
|
36 content: ' ▼';
|
|
|
37 font-size: 10px;
|
|
|
38 color: #666;
|
|
|
39 }
|
|
|
40
|
|
|
41 #alarm-snooze-dropdown {
|
|
|
42 z-index: 5000;
|
|
|
43 }
|
|
|
44
|
|
|
45 span.edit-alarm-set {
|
|
|
46 white-space: nowrap;
|
|
|
47 }
|
|
|
48
|
|
|
49 .ui-dialog.alarms .ui-dialog-title {
|
|
|
50 background-image: url(../../../../skins/larry/images/messages.png);
|
|
|
51 background-repeat: no-repeat;
|
|
|
52 background-position: 0 -91px;
|
|
|
53 padding-left: 24px;
|
|
|
54 }
|
|
|
55
|
|
|
56 .itip-reply-comment {
|
|
|
57 padding-left: 2px;
|
|
|
58 }
|
|
|
59
|
|
|
60 a.reply-comment-toggle {
|
|
|
61 display: inline-block;
|
|
|
62 color: #666;
|
|
|
63 }
|
|
|
64
|
|
|
65 label.noreply-toggle + a.reply-comment-toggle {
|
|
|
66 margin-left: 1em;
|
|
|
67 }
|
|
|
68
|
|
|
69 .itip-reply-comment textarea {
|
|
|
70 display: block;
|
|
|
71 width: 90%;
|
|
|
72 margin-top: 0.5em;
|
|
|
73 }
|
|
|
74
|
|
|
75 .itip-dialog-confirm-text {
|
|
|
76 margin-bottom: 1em;
|
|
|
77 }
|
|
|
78
|
|
|
79 .popup textarea.itip-comment {
|
|
|
80 width: 98%;
|
|
|
81 }
|
|
|
82
|
|
|
83 .edit-alarm-item {
|
|
|
84 position: relative;
|
|
|
85 padding-right: 30px;
|
|
|
86 margin-bottom: 0.2em;
|
|
|
87 }
|
|
|
88
|
|
|
89 .edit-alarm-buttons {
|
|
|
90 position: absolute;
|
|
|
91 top: 1px;
|
|
|
92 right: 0;
|
|
|
93 }
|
|
|
94
|
|
|
95 .edit-alarm-buttons a.iconbutton {
|
|
|
96 display: none;
|
|
|
97 }
|
|
|
98
|
|
|
99 .edit-alarm-item .edit-alarm-buttons a.delete-alarm,
|
|
|
100 .edit-alarm-item.first .edit-alarm-buttons a.add-alarm {
|
|
|
101 display: inline-block;
|
|
|
102 }
|
|
|
103
|
|
|
104 .edit-alarm-item.first .edit-alarm-buttons a.delete-alarm {
|
|
|
105 display: none;
|
|
|
106 }
|
|
|
107
|
|
|
108 .recurrence-form {
|
|
|
109 display: none;
|
|
|
110 }
|
|
|
111
|
|
|
112 .recurrence-form label.weekday,
|
|
|
113 .recurrence-form label.monthday {
|
|
|
114 min-width: 3em;
|
|
|
115 }
|
|
|
116
|
|
|
117 .recurrence-form label.month {
|
|
|
118 min-width: 5em;
|
|
|
119 }
|
|
|
120
|
|
|
121 #edit-recurrence-yearly-bymonthblock {
|
|
|
122 margin-left: 7.5em;
|
|
|
123 }
|
|
|
124
|
|
|
125 #edit-recurrence-rdates {
|
|
|
126 display: block;
|
|
|
127 list-style: none;
|
|
|
128 margin: 0 0 0.8em 0;
|
|
|
129 padding: 0;
|
|
|
130 max-height: 300px;
|
|
|
131 overflow: auto;
|
|
|
132 }
|
|
|
133
|
|
|
134 #edit-recurrence-rdates li {
|
|
|
135 display: block;
|
|
|
136 position: relative;
|
|
|
137 width: 12em;
|
|
|
138 padding: 4px 0 4px 0;
|
|
|
139 }
|
|
|
140
|
|
|
141 #edit-recurrence-rdates li a.delete {
|
|
|
142 position: absolute;
|
|
|
143 top: 2px;
|
|
|
144 right: 0;
|
|
|
145 width: 20px;
|
|
|
146 height: 18px;
|
|
|
147 background-position: -7px -337px;
|
|
|
148 }
|
|
|
149
|
|
|
150 #recurrence-form-until div.line {
|
|
|
151 margin-left: 7.5em;
|
|
|
152 margin-bottom: 0.3em;
|
|
|
153 }
|
|
|
154
|
|
|
155 #recurrence-form-until div.line.first {
|
|
|
156 margin-top: -1.4em;
|
|
|
157 }
|
|
|
158
|
|
|
159 .itip-dialog-form input.text {
|
|
|
160 width: 98%;
|
|
|
161 }
|
|
|
162
|
|
|
163 .itip-dialog-form label > input.checkbox {
|
|
|
164 margin-left: 0;
|
|
|
165 margin-right: 10px;
|
|
|
166 }
|
