Page Menu
Home
Phorge
Search
Configure Global Search
Log In
Files
F6063769
calendar.css
No One
Temporary
Actions
View File
Edit File
Delete File
View Transforms
Subscribe
Flag For Later
Award Token
Size
41 KB
Referenced Files
None
Subscribers
None
calendar.css
View Options
/**
* Roundcube Calendar plugin styles for skin "Larry"
*
* Copyright (c) 2012, Kolab Systems AG <contact@kolabsys.com>
* Screendesign by FLINT / Büro für Gestaltung, bueroflint.com
*
* The contents are subject to the Creative Commons Attribution-ShareAlike
* License. It is allowed to copy, distribute, transmit and to adapt the work
* by keeping credits to the original autors in the README file.
* See http://creativecommons.org/licenses/by-sa/3.0/ for details.
*/
body
.
calendarmain
{
overflow
:
hidden
;
}
body
.
calendarmain
#
mainscreen
{
left
:
0
;
}
/* overrides for tablets and mobile phones */
@
media
screen
and
(
max-device-width
:
1024px
)
{
body
.
calendarmain
{
overflow
:
visible
;
}
body
.
calendarmain
#
mainscreen
{
min-width
:
1000
px
!important
;
min-height
:
520
px
!important
;
}
body
.
calendarmain
#
header
{
min-width
:
1020
px
!important
;
}
}
body
.
calendar
.
attachmentwin
#
mainscreen
{
top
:
32
px
;
}
#
calendarsidebar
{
position
:
absolute
;
top
:
0
;
left
:
10
px
;
bottom
:
0
;
width
:
250
px
;
}
#
datepicker
{
position
:
absolute
;
top
:
40
px
;
left
:
0
;
width
:
100
%
;
min-height
:
190
px
;
}
#
datepicker
.
ui-datepicker
{
width
:
100
%
!important
;
box-shadow
:
none
;
-moz-
box-shadow
:
none
;
-webkit-
box-shadow
:
none
;
}
#
datepicker
.
ui-datepicker
td
a
{
padding
:
5
px
4
px
;
font-size
:
12
px
;
}
#
datepicker
td
.
ui-datepicker-activerange
{
border-color
:
#69a2b6
;
}
#
datepicker
.
ui-datepicker-activerange
a
{
color
:
#185d7a
;
background
:
#d9f1fb
;
background
:
-moz-
linear-gradient
(
top
,
#d9f1fb
0
%
,
#c5e3ee
100
%
);
background
:
-webkit-
gradient
(
linear
,
left
top
,
left
bottom
,
color
-stop
(
0
%
,
#d9f1fb
),
color-stop
(
100
%
,
#c5e3ee
));
background
:
-o-
linear-gradient
(
top
,
#d9f1fb
0
%
,
#c5e3ee
100
%
);
background
:
-ms-
linear-gradient
(
top
,
#d9f1fb
0
%
,
#c5e3ee
100
%
);
background
:
linear-gradient
(
top
,
#d9f1fb
0
%
,
#c5e3ee
100
%
);
filter
:
progid
:
DXImageTransform
.
Microsoft
.
gradient
(
startColorstr
=
'#d9f1fb'
,
endColorstr
=
'#c5e3ee'
,
GradientType
=
0
);
}
#
datepicker
.
ui-datepicker-days-cell-over
a
.
ui-state-default
{
color
:
#fff
;
border-color
:
#2fa0c0
;
background
:
rgba
(
73
,
180
,
210
,
0.6
);
text-shadow
:
0
px
1
px
1
px
#666
;
filter
:
none
;
}
#
datepicker
.
ui-datepicker-activerange
a
.
ui-state-active
{
color
:
#fff
;
background
:
#00acd4
;
background
:
-moz-
linear-gradient
(
top
,
#00acd4
0
%
,
#008fc7
100
%
);
background
:
-webkit-
gradient
(
linear
,
left
top
,
left
bottom
,
color
-stop
(
0
%
,
#00acd4
),
color-stop
(
100
%
,
#008fc7
));
background
:
-o-
linear-gradient
(
top
,
#00acd4
0
%
,
#008fc7
100
%
);
background
:
-ms-
linear-gradient
(
top
,
#00acd4
0
%
,
#008fc7
100
%
);
background
:
linear-gradient
(
top
,
#00acd4
0
%
,
#008fc7
100
%
);
filter
:
progid
:
DXImageTransform
.
Microsoft
.
gradient
(
startColorstr
=
'#00acd4'
,
endColorstr
=
'#008fc7'
,
GradientType
=
0
);
}
#
datepicker
td
.
ui-datepicker-week-col
{
cursor
:
pointer
;
}
#
datepicker
.
ui-datepicker-title
{
margin
:
2
px
2.3
em
3
px
2.3
em
;
}
#
datepicker
.
ui-datepicker
.
ui-datepicker-prev
,
#
datepicker
.
ui-datepicker
.
ui-datepicker-next
{
top
:
4
px
;
}
#
calsidebarsplitter
{
position
:
absolute
;
left
:
264
px
;
width
:
6
px
;
top
:
40
px
!important
;
bottom
:
0
;
background
:
url
(
images/toggle.gif
)
-1
px
48
%
no-repeat
transparent
;
}
div
.
sidebarclosed
{
background-position
:
-8
px
48
%
!important
;
cursor
:
pointer
;
}
#
calsidebarsplitter
:
hover
{
background-color
:
#ddd
;
}
#
calendar
{
position
:
absolute
;
top
:
0
;
left
:
276
px
;
right
:
0
;
bottom
:
0
;
}
.
calendarmain
#
message
.
statusbar
{
border
:
1
px
solid
#c3c3c3
;
border-bottom-color
:
#ababab
;
}
#
timezonedisplay
{
position
:
absolute
;
bottom
:
5
px
;
right
:
12
px
;
font-size
:
0.85
em
;
color
:
#666
;
}
#
print
{
width
:
680
px
;
}
pre
{
font-family
:
"Lucida Grande"
,
Verdana
,
Arial
,
Helvetica
,
sans-serif
;
}
#
calendars
{
position
:
absolute
;
top
:
276
px
;
left
:
0
;
bottom
:
0
;
right
:
0
;
}
#
calendars
.
boxtitle
{
position
:
relative
;
}
#
calendars
.
boxtitle
a
.
iconbutton
.
search
{
position
:
absolute
;
top
:
8
px
;
right
:
8
px
;
width
:
16
px
;
cursor
:
pointer
;
background-position
:
-2
px
-317
px
;
}
#
calendars
.
listsearchbox
{
display
:
none
;
}
#
calendars
.
listsearchbox
.
expanded
{
display
:
block
;
}
#
calendars
.
scroller
{
top
:
34
px
;
}
#
calendars
.
listsearchbox
.
expanded
+
.
scroller
{
top
:
68
px
;
}
#
calendars
.
treelist
li
{
margin
:
0
;
position
:
relative
;
}
#
calendars
.
treelist
li
div
.
folder
,
#
calendars
.
treelist
li
div
.
calendar
{
position
:
relative
;
height
:
28
px
;
}
#
calendars
.
treelist
li
div
.
virtual
{
height
:
22
px
;
}
#
calendars
.
treelist
li
span
.
calname
{
display
:
block
;
padding
:
0
px
18
px
2
px
2
px
;
position
:
absolute
;
top
:
7
px
;
left
:
38
px
;
right
:
60
px
;
cursor
:
default
;
background
:
url
(
images/calendars.png
)
right
20
px
no-repeat
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
color
:
#004458
;
}
#
calendars
.
treelist
li
div
.
virtual
>
span
.
calname
{
color
:
#aaa
;
top
:
4
px
;
left
:
20
px
;
}
#
calendars
.
treelist
li
.
x-birthdays
span
.
calname
,
#
calendars
.
treelist
li
.
x-invitations
span
.
calname
{
font-style
:
italic
;
}
#
calendars
.
treelist
.
flat
li
span
.
calname
{
left
:
24
px
;
right
:
42
px
;
}
#
calendars
.
treelist
li
span
.
handle
{
display
:
inline-block
;
position
:
absolute
;
top
:
8
px
;
right
:
6
px
;
padding
:
0
;
width
:
10
px
;
height
:
10
px
;
border-radius
:
7
px
;
font-size
:
0.8
em
;
border
:
1
px
solid
rgba
(
0
,
0
,
0
,
0.5
);
-webkit-
box-shadow
:
inset
0
px
0
1
px
1
px
rgba
(
0
,
0
,
0
,
0.3
);
-moz-
box-shadow
:
inset
0
px
0
1
px
1
px
rgba
(
0
,
0
,
0
,
0.3
);
box-shadow
:
inset
0
px
0
1
px
1
px
rgba
(
0
,
0
,
0
,
0.3
);
}
#
calendars
.
treelist
li
a
.
subscribed
{
display
:
inline-block
;
position
:
absolute
;
top
:
7
px
;
right
:
24
px
;
height
:
16
px
;
width
:
16
px
;
padding
:
0
;
background
:
url
(
images/calendars.png
)
-100
px
0
no-repeat
;
overflow
:
hidden
;
text-indent
:
-5000
px
;
cursor
:
pointer
;
}
#
calendars
.
treelist
div
>
a
.
quickview
:
focus
,
#
calendars
.
treelist
div
>
a
.
subscribed
:
focus
{
border-radius
:
3
px
;
outline
:
2
px
solid
rgba
(
30
,
150
,
192
,
0.5
);
}
#
calendars
.
treelist
div
:
hover
>
a
.
subscribed
,
#
calendars
.
treelist
div
>
a
.
subscribed
:
focus
{
background-position
:
0
-110
px
;
}
#
calendars
.
treelist
div
.
subscribed
a
.
subscribed
,
#
calendars
.
treelist
div
.
subscribed
a
.
subscribed
:
focus
{
background-position
:
-16
px
-110
px
;
}
#
calendars
.
treelist
div
.
subscribed
.
partial
a
.
subscribed
,
#
calendars
.
treelist
div
.
subscribed
.
partial
a
.
subscribed
:
focus
{
background-position
:
-16
px
-148
px
;
}
#
calendars
.
treelist
li
a
.
quickview
{
display
:
inline-block
;
position
:
absolute
;
top
:
6
px
;
right
:
42
px
;
width
:
16
px
;
height
:
16
px
;
padding
:
0
;
background
:
url
(
images/calendars.png
)
-100
px
0
no-repeat
;
overflow
:
hidden
;
text-indent
:
-5000
px
;
cursor
:
pointer
;
}
#
calendars
.
treelist
div
>
a
.
quickview
:
focus
,
#
calendars
.
treelist
li
div
:
hover
>
a
.
quickview
{
background-position
:
0
-128
px
;
background-color
:
transparent
!important
;
}
#
calendars
.
treelist
li
div
.
focusview
>
a
.
quickview
{
background-position
:
-18
px
-128
px
;
}
#
calendars
.
treelist
li
input
{
position
:
absolute
;
top
:
5
px
;
left
:
18
px
;
}
#
calendars
.
treelist
li
div
.
treetoggle
{
top
:
8
px
;
}
#
calendars
.
treelist
li
.
virtual
div
.
treetoggle
{
top
:
6
px
;
}
#
calendars
.
treelist
.
flat
li
input
{
left
:
4
px
;
}
#
calendars
.
treelist
ul
li
div
.
folder
,
#
calendars
.
treelist
ul
li
div
.
calendar
{
margin-left
:
16
px
;
}
#
calendars
.
treelist
ul
ul
li
div
.
folder
,
#
calendars
.
treelist
ul
ul
li
div
.
calendar
{
margin-left
:
32
px
;
}
#
calendars
.
treelist
ul
ul
ul
li
div
.
folder
,
#
calendars
.
treelist
ul
ul
ul
li
div
.
calendar
{
margin-left
:
48
px
;
}
#
calendars
.
treelist
li
.
selected
>
div
.
calendar
{
background-color
:
#c7e3ef
;
}
#
calendars
.
treelist
li
.
selected
>
span
.
calname
{
font-weight
:
bold
;
}
#
calendars
.
treelist
div
.
readonly
span
.
calname
{
background-position
:
right
-20
px
;
}
#
calendars
.
treelist
li
.
user
>
div
>
span
.
calname
{
background-position
:
right
-38
px
;
}
/*
#calendars .treelist div.user.readonly span.calname {
background-position: right -56px;
}
#calendars .treelist div.shared span.calname {
background-position: right -74px;
}
#calendars .treelist div.shared.readonly span.calname {
background-position: right -92px;
}
*/
#
calendars
.
searchresults
{
background
:
#b0ccd7
;
margin-top
:
8
px
;
}
#
calendars
.
searchresults
.
boxtitle
{
background
:
none
;
padding
:
2
px
8
px
2
px
8
px
;
}
#
calendars
.
searchresults
.
listing
li
{
background-color
:
#c7e3ef
;
}
#
calfeedurl
,
#
caldavurl
{
width
:
98
%
;
background
:
#fbfbfb
;
padding
:
4
px
;
margin-bottom
:
1
em
;
resize
:
none
;
}
#
agendalist
{
width
:
100
%
;
margin
:
0
auto
;
margin-top
:
60
px
;
border
:
1
px
solid
#C1DAD7
;
display
:
none
;
}
#
agendalist
table
{
width
:
100
%
;
}
#
agendalist
td
,
#
agendalist
th
{
border-right
:
1
px
solid
#C1DAD7
;
border-bottom
:
1
px
solid
#C1DAD7
;
background
:
#fff
;
padding
:
6
px
6
px
6
px
12
px
;
}
#
agendalist
tr
{
vertical-align
:
top
;
}
#
agendalist
th
{
font-weight
:
bold
;
}
#
calendartoolbar
{
position
:
absolute
;
top
:
-6
px
;
left
:
0
;
height
:
40
px
;
white-space
:
nowrap
;
}
#
calendartoolbar
a
.
button
{
background-image
:
url
(
images/toolbar.png
);
padding-left
:
0
;
padding-right
:
0
;
min-width
:
50
px
;
max-width
:
60
px
;
}
#
calendartoolbar
a
.
button
.
addevent
{
background-position
:
center
1
px
;
max-width
:
70
px
;
}
#
calendartoolbar
a
.
button
.
export
{
background-position
:
center
-40
px
;
}
#
calendartoolbar
a
.
button
.
import
{
background-position
:
center
-440
px
;
}
#
calendartoolbar
a
.
button
.
print
{
background-position
:
center
-80
px
;
}
body
.
calendarmain
#
quicksearchbar
{
z-index
:
20
;
}
body
.
calendarmain
#
searchmenulink
{
width
:
15
px
;
}
.
calendarmain
div
.
uidialog
{
display
:
none
;
}
#
user
{
position
:
absolute
;
top
:
10
px
;
right
:
100
px
;
left
:
100
px
;
text-align
:
center
;
}
a
.
morelink
{
font-size
:
90
%
;
color
:
#0069a6
;
text-decoration
:
none
;
}
a
.
morelink
:
hover
{
text-decoration
:
underline
;
}
a
.
miniColors-trigger
{
margin-top
:
-3
px
;
}
#
attachmentcontainer
{
position
:
absolute
;
top
:
60
px
;
left
:
0
px
;
right
:
0
px
;
bottom
:
0
px
;
}
#
attachmentframe
{
width
:
100
%
;
height
:
100
%
;
border
:
0
;
background-color
:
#fff
;
border-radius
:
4
px
;
}
#
partheader
{
position
:
relative
;
padding
:
3
px
0
;
background
:
#f9f9f9
;
background
:
-moz-
linear-gradient
(
top
,
#fff
0
%
,
#e9e9e9
100
%
);
background
:
-webkit-
gradient
(
linear
,
left
top
,
left
bottom
,
color
-stop
(
0
%
,
#fff
),
color-stop
(
100
%
,
#e9e9e9
));
background
:
-o-
linear-gradient
(
top
,
#fff
0
%
,
#e9e9e9
100
%
);
background
:
-ms-
linear-gradient
(
top
,
#fff
0
%
,
#e9e9e9
100
%
);
background
:
linear-gradient
(
top
,
#fff
0
%
,
#e9e9e9
100
%
);
}
#
partheader
table
td
{
color
:
#666
;
padding
:
2
px
8
px
;
}
#
partheader
table
td
.
header
{
font-weight
:
bold
;
}
#
partheader
table
td
.
title
a
{
color
:
#666
;
text-decoration
:
none
;
}
#
edit-attachments
{
margin
:
0.6
em
0
;
}
#
edit-attachments
ul
li
{
display
:
block
;
color
:
#333
;
font-weight
:
bold
;
padding
:
4
px
4
px
3
px
30
px
;
text-shadow
:
0
px
1
px
1
px
#fff
;
text-decoration
:
none
;
white-space
:
nowrap
;
line-height
:
20
px
;
}
#
edit-attachments
ul
li
a
.
file
{
padding
:
0
;
}
#
edit-attachments-form
{
margin-top
:
1
em
;
padding-top
:
0.8
em
;
border-top
:
2
px
solid
#fafafa
;
}
#
edit-attachments-form
.
formbuttons
{
margin
:
0.5
em
0
;
}
#
eventedit
.
droptarget
{
background-image
:
url
(
../../../../skins/larry/images/filedrop.png
)
!important
;
background-position
:
center
bottom
!important
;
background-repeat
:
no-repeat
!important
;
}
#
eventedit
.
droptarget
.
hover
,
#
eventedit
.
droptarget
.
active
{
border-color
:
#019bc6
;
box-shadow
:
0
0
3
px
2
px
rgba
(
71
,
135
,
177
,
0.5
);
-moz-
box-shadow
:
0
0
3
px
2
px
rgba
(
71
,
135
,
177
,
0.5
);
-webkit-
box-shadow
:
0
0
3
px
2
px
rgba
(
71
,
135
,
177
,
0.5
);
-o-
box-shadow
:
0
0
3
px
2
px
rgba
(
71
,
135
,
177
,
0.5
);
}
#
eventedit
.
droptarget
.
hover
{
background-color
:
#d9ecf4
;
box-shadow
:
0
0
5
px
2
px
rgba
(
71
,
135
,
177
,
0.9
);
-moz-
box-shadow
:
0
0
5
px
2
px
rgba
(
71
,
135
,
177
,
0.9
);
-webkit-
box-shadow
:
0
0
5
px
2
px
rgba
(
71
,
135
,
177
,
0.9
);
-o-
box-shadow
:
0
0
5
px
2
px
rgba
(
71
,
135
,
177
,
0.9
);
}
#
event-attachments
.
attachmentslist
li
{
float
:
left
;
margin-right
:
1
em
;
}
#
event-attachments
.
attachmentslist
li
a
{
outline
:
none
;
}
.
event-attendees
span
.
attendee
{
padding-right
:
18
px
;
margin-right
:
0.5
em
;
background
:
url
(
images/attendee-status.png
)
right
0
no-repeat
;
}
.
event-attendees
span
.
attendee
a
.
mailtolink
{
text-decoration
:
none
;
white-space
:
nowrap
;
outline
:
none
;
}
.
event-attendees
span
.
attendee
a
.
mailtolink
:
hover
{
text-decoration
:
underline
;
}
.
event-attendees
span
.
accepted
{
background-position
:
right
-20
px
;
}
.
event-attendees
span
.
declined
{
background-position
:
right
-40
px
;
}
.
event-attendees
span
.
tentative
{
background-position
:
right
-60
px
;
}
.
event-attendees
span
.
delegated
{
background-position
:
right
-180
px
;
}
.
event-attendees
span
.
organizer
{
background-position
:
right
-80
px
;
}
#
all-event-attendees
span
.
attendee
{
display
:
block
;
margin-bottom
:
0.4
em
;
padding-bottom
:
0.3
em
;
border-bottom
:
1
px
solid
#ddd
;
}
.
calendarmain
.
fc-view-table
td
.
fc-list-header
,
#
attendees-freebusy-table
h3
.
boxtitle
,
#
schedule-freebusy-times
thead
th
,
.
edit-attendees-table
thead
th
{
color
:
#69939e
;
font-size
:
11
px
;
font-weight
:
bold
;
background
:
#d6eaf3
;
background
:
-moz-
linear-gradient
(
left
,
#e3f2f6
0
,
#d6eaf3
14
px
,
#d6eaf3
100
%
);
background
:
-webkit-
gradient
(
linear
,
left
top
,
right
top
,
color
-stop
(
0
,
#e3f2f6
),
color-stop
(
8
%
,
#d6eaf3
),
color-stop
(
100
%
,
#d6eaf3
));
background
:
-o-
linear-gradient
(
left
,
#e3f2f6
0
,
#d6eaf3
14
px
,
#d6eaf3
100
%
);
background
:
-ms-
linear-gradient
(
left
,
#e3f2f6
0
,
#d6eaf3
14
px
,
#d6eaf3
100
%
);
background
:
linear-gradient
(
left
,
#e3f2f6
0
,
#d6eaf3
14
px
,
#d6eaf3
100
%
);
border
:
0
;
border-bottom
:
1
px
solid
#ccc
;
height
:
18
px
;
line-height
:
18
px
;
padding
:
8
px
7
px
3
px
7
px
;
}
/* jQuery UI overrides */
.
calendarmain
.
eventdialog
h1
{
font-size
:
18
px
;
margin
:
-0.3
em
0
0.4
em
0
;
}
.
calendarmain
.
eventdialog
label
,
.
calendarmain
.
eventdialog
h5
.
label
{
font-weight
:
normal
;
font-size
:
1
em
;
color
:
#999
;
margin
:
0
0
0.2
em
0
;
}
.
calendarmain
.
eventdialog
label
span
.
index
,
.
calendarmain
.
eventdialog
h5
.
label
.
index
{
vertical-align
:
inherit
;
margin-left
:
0.6
em
;
}
.
calendarmain
.
eventdialog
{
margin
:
0
-0.2
em
;
}
.
calendarmain
.
eventdialog
.
status-cancelled
{
background
:
url
(
images/badge_cancelled.png
)
top
right
no-repeat
;
}
.
calendarmain
.
eventdialog
.
sensitivity-private
{
background
:
url
(
images/badge_private.png
)
top
right
no-repeat
;
}
.
calendarmain
.
eventdialog
.
sensitivity-confidential
{
background
:
url
(
images/badge_confidential.png
)
top
right
no-repeat
;
}
.
calendarmain
.
sensitivity-private
#
event-title
{
margin-right
:
50
px
;
}
.
calendarmain
.
sensitivity-confidential
#
event-title
{
margin-right
:
60
px
;
}
.
calendarmain
.
eventdialog
div
.
event-line
{
margin-top
:
0.1
em
;
margin-bottom
:
0.3
em
;
}
.
calendarmain
.
eventdialog
div
.
event-line
a
.
iconbutton
{
margin-left
:
0.5
em
;
line-height
:
17
px
;
}
.
calendarmain
.
eventdialog
div
.
event-line
span
.
event-text
+
label
{
margin-left
:
2
em
;
}
.
calendarmain
.
eventdialog
#
event-rsvp-comment
,
.
calendarmain
.
eventdialog
#
event-created-changed
{
margin-top
:
0.6
em
;
}
.
eventdialog
.
event-text-old
,
.
eventdialog
.
event-text-new
,
.
eventdialog
.
event-text-diff
{
padding
:
2
px
;
}
.
eventdialog
.
event-text-diff
del
,
.
eventdialog
.
event-text-diff
ins
{
text-decoration
:
none
;
color
:
inherit
;
}
.
eventdialog
.
event-text-old
,
.
eventdialog
.
event-text-diff
del
{
background-color
:
#fdd
;
/* text-decoration: line-through; */
}
.
eventdialog
.
event-text-new
,
.
eventdialog
.
event-text-diff
ins
{
background-color
:
#dfd
;
}
#
eventdiff
.
attachmentslist
li
a
,
#
eventdiff
.
attachmentslist
li
a
:
hover
{
cursor
:
default
;
text-decoration
:
none
;
}
#
eventhistory
.
loading
{
color
:
#666
;
margin
:
1
em
0
;
padding
:
1
px
0
2
px
24
px
;
background
:
url
(
images/loading_blue.gif
)
top
left
no-repeat
;
}
#
eventhistory
.
compare-button
{
margin
:
4
px
0
;
}
#
event-changelog-table
tbody
td
{
padding
:
4
px
7
px
;
vertical-align
:
middle
;
}
#
event-changelog-table
tbody
tr
:
last-child
td
{
border-bottom
:
0
;
}
#
event-changelog-table
tbody
tr
.
undisclosed
td
.
date
,
#
event-changelog-table
tbody
tr
.
undisclosed
td
.
user
{
font-style
:
italic
;
}
#
event-changelog-table
.
diff
{
width
:
4
em
;
padding
:
2
px
;
}
#
event-changelog-table
.
revision
{
width
:
5
em
;
}
#
event-changelog-table
.
date
{
width
:
11
em
;
}
#
event-changelog-table
.
user
{
width
:
auto
;
}
#
event-changelog-table
.
operation
{
width
:
15
%
;
}
#
event-changelog-table
.
actions
{
width
:
50
px
;
text-align
:
right
;
padding
:
4
px
;
}
#
event-changelog-table
td
a
.
iconbutton
.
restore
,
#
event-changelog-table
td
a
.
iconbutton
.
preview
{
background-image
:
url
(
images/calendars.png
);
background-position
:
1
px
-147
px
;
}
#
event-changelog-table
td
a
.
iconbutton
.
restore
{
background-image
:
url
(
images/calendars.png
);
background-position
:
1
px
-167
px
;
}
#
event-changelog-table
tr
.
first
td
a
.
iconbutton
{
opacity
:
0.3
;
cursor
:
default
;
}
#
event-partstat
.
changersvp
{
cursor
:
pointer
;
color
:
#333
;
text-decoration
:
none
;
}
#
event-partstat
.
iconbutton
{
visibility
:
hidden
;
}
#
event-partstat
.
changersvp
:
focus
.
iconbutton
,
#
event-partstat
:
hover
.
iconbutton
{
visibility
:
visible
;
}
#
eventedit
{
position
:
relative
;
top
:
-1.5
em
;
padding
:
0.5
em
0.1
em
;
margin
:
0
-0.2
em
;
}
#
eventedit
input
.
text
,
#
eventedit
textarea
{
width
:
97
%
;
}
#
eventtabs
{
position
:
relative
;
padding
:
0
;
border
:
0
;
border-radius
:
0
;
}
div
.
form-section
,
.
calendarmain
.
eventdialog
div
.
event-section
,
#
eventtabs
div
.
event-section
{
margin-top
:
0.2
em
;
margin-bottom
:
0.6
em
;
}
#
eventtabs
.
border-after
{
padding-bottom
:
0.8
em
;
margin-bottom
:
0.8
em
;
border-bottom
:
2
px
solid
#fafafa
;
}
.
calendarmain
.
eventdialog
label
,
#
eventedit
label
,
.
form-section
label
{
display
:
inline-block
;
min-width
:
7
em
;
padding-right
:
0.5
em
;
}
#
eventedit
.
formtable
td
.
label
{
min-width
:
6
em
;
}
td
.
topalign
{
vertical-align
:
top
;
}
#
eventedit
label
.
weekday
,
#
eventedit
label
.
monthday
{
min-width
:
3
em
;
}
#
eventedit
label
.
month
{
min-width
:
5
em
;
}
#
eventedit
.
formtable
td
{
padding
:
0.2
em
0
;
}
.
ui-dialog
.
event-update-confirm
{
padding
:
0
0.5
em
0.5
em
0.5
em
;
}
.
event-dialog-message
,
.
event-update-confirm
.
message
{
margin-top
:
0.5
em
;
padding
:
0.8
em
;
border
:
1
px
solid
#ffdf0e
;
background-color
:
#fef893
;
}
.
event-dialog-message
.
message
,
.
event-update-confirm
.
message
{
margin-bottom
:
0.5
em
;
}
.
edit-recurring-warning
.
savemode
{
padding-left
:
20
px
;
}
.
event-update-confirm
.
savemode
{
padding-left
:
30
px
;
}
.
event-dialog-message
span
.
ui-icon
,
.
event-update-confirm
span
.
ui-icon
{
float
:
left
;
margin
:
0
7
px
20
px
0
;
}
.
event-dialog-message
label
,
.
event-update-confirm
label
{
min-width
:
3
em
;
padding-right
:
1
em
;
}
.
event-update-confirm
a
.
button
{
margin
:
0
0.5
em
0
0.2
em
;
min-width
:
5
em
;
}
#
event-rsvp
,
#
edit-attendees-notify
{
margin
:
0.6
em
0
0.3
em
0
;
padding
:
0.5
em
;
}
#
event-rsvp
.
itip-reply-controls
{
margin-top
:
0.5
em
;
}
#
event-rsvp
.
itip-reply-controls
label
{
color
:
#333
;
}
#
event-rsvp
.
itip-reply-controls
textarea
{
width
:
95
%
;
}
#
eventedit
.
edit-attendees-table
{
width
:
100
%
;
margin-top
:
0.5
em
;
}
#
eventedit
.
edit-attendees-table
th
.
role
,
#
eventedit
.
edit-attendees-table
td
.
role
{
width
:
9
em
;
}
#
eventedit
.
edit-attendees-table
th
.
availability
,
#
eventedit
.
edit-attendees-table
td
.
availability
,
#
eventedit
.
edit-attendees-table
th
.
confirmstate
,
#
eventedit
.
edit-attendees-table
td
.
confirmstate
{
width
:
4
em
;
}
#
eventedit
.
edit-attendees-table
th
.
options
,
#
eventedit
.
edit-attendees-table
td
.
options
{
width
:
16
px
;
padding
:
2
px
4
px
;
}
#
eventedit
.
edit-attendees-table
th
.
invite
,
#
eventedit
.
edit-attendees-table
td
.
invite
{
width
:
44
px
;
padding
:
2
px
;
}
#
eventedit
.
edit-attendees-table
th
.
invite
label
{
display
:
inline-block
;
position
:
relative
;
top
:
4
px
;
width
:
24
px
;
height
:
18
px
;
min-width
:
24
px
;
padding
:
0
;
overflow
:
hidden
;
text-indent
:
-5000
px
;
white-space
:
nowrap
;
background
:
url
(
images/sendinvitation.png
)
1
px
0
no-repeat
;
}
#
eventedit
.
edit-attendees-table
tbody
tr
:
last-child
td
{
border-bottom
:
0
;
}
#
eventedit
.
edit-attendees-table
th
.
name
,
#
eventedit
.
edit-attendees-table
td
.
name
{
width
:
auto
;
white-space
:
nowrap
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
position
:
relative
;
}
#
eventedit
.
edit-attendees-table
td
.
name
select
{
width
:
100
%
;
}
#
eventedit
.
edit-attendees-table
a
.
deletelink
{
display
:
inline-block
;
width
:
17
px
;
height
:
17
px
;
padding
:
0
;
overflow
:
hidden
;
text-indent
:
1000
px
;
}
#
eventedit
.
edit-attendees-table
a
.
expandlink
{
position
:
absolute
;
top
:
4
px
;
right
:
6
px
;
width
:
16
px
;
height
:
16
px
;
}
#
edit-attendees-form
,
#
edit-resources-form
{
position
:
relative
;
margin-top
:
15
px
;
}
#
edit-attendees-form
.
attendees-invitebox
{
text-align
:
right
;
margin
:
0
;
}
#
edit-attendees-form
.
attendees-invitebox
label
{
padding-right
:
3
px
;
}
#
edit-resources-form
#
edit-resource-find
{
position
:
absolute
;
top
:
0
;
right
:
0
;
}
#
edit-attendees-form
#
edit-attendee-schedule
{
position
:
absolute
;
right
:
0
;
}
.
edit-attendees-table
select
.
edit-attendee-role
{
border
:
0
;
padding
:
2
px
;
background
:
white
;
width
:
100
%
;
}
.
availability
img
.
availabilityicon
{
margin
:
1
px
;
width
:
14
px
;
height
:
14
px
;
border-radius
:
4
px
;
-moz-
border-radius
:
4
px
;
}
.
availability
img
.
availabilityicon
.
loading
{
background
:
url
(
images/loading_blue.gif
)
center
no-repeat
;
}
#
schedule-freebusy-times
td
.
unknown
,
.
availability
img
.
availabilityicon
.
unknown
{
background
:
#ddd
;
}
#
schedule-freebusy-times
td
.
free
,
.
availability
img
.
availabilityicon
.
free
{
background
:
#abd640
;
}
#
schedule-freebusy-times
td
.
busy
,
.
availability
img
.
availabilityicon
.
busy
{
background
:
#e26569
;
}
#
schedule-freebusy-times
td
.
tentative
,
.
availability
img
.
availabilityicon
.
tentative
{
background
:
#8383fc
;
}
#
schedule-freebusy-times
td
.
out-of-office
,
.
availability
img
.
availabilityicon
.
out-of-office
{
background
:
#fbaa68
;
}
#
schedule-freebusy-times
td
.
all-busy
,
#
schedule-freebusy-times
td
.
all-tentative
,
#
schedule-freebusy-times
td
.
all-out-of-office
{
background-image
:
url
(
images/freebusy-colors.png
);
background-position
:
top
right
;
background-repeat
:
no-repeat
;
}
#
schedule-freebusy-times
td
.
all-tentative
{
background-position
:
right
-40
px
;
}
#
schedule-freebusy-times
td
.
all-out-of-office
{
background-position
:
right
-80
px
;
}
#
edit-attendees-legend
{
margin-top
:
3
em
;
margin-bottom
:
0.5
em
;
}
#
edit-attendees-legend
.
legend
{
margin-right
:
2
em
;
white-space
:
nowrap
;
}
#
edit-attendees-legend
img
.
availabilityicon
{
vertical-align
:
middle
;
}
.
edit-attendees-table
tbody
td
.
confirmstate
{
overflow
:
hidden
;
white-space
:
nowrap
;
text-indent
:
-2000
%
;
}
.
edit-attendees-table
td
.
confirmstate
span
{
display
:
block
;
width
:
20
px
;
background
:
url
(
images/attendee-status.png
)
5
px
0
no-repeat
;
}
.
edit-attendees-table
td
.
confirmstate
span
.
needs-action
{
}
.
edit-attendees-table
td
.
confirmstate
span
.
accepted
{
background-position
:
5
px
-20
px
;
}
.
edit-attendees-table
td
.
confirmstate
span
.
declined
{
background-position
:
5
px
-40
px
;
}
.
edit-attendees-table
td
.
confirmstate
span
.
tentative
{
background-position
:
5
px
-60
px
;
}
.
edit-attendees-table
td
.
confirmstate
span
.
delegated
{
background-position
:
5
px
-180
px
;
}
#
attendees-freebusy-table
{
width
:
100
%
;
table-layout
:
fixed
;
border
:
1
px
solid
#bbd3da
;
}
#
attendees-freebusy-table
td
.
attendees
{
width
:
18
em
;
vertical-align
:
top
;
overflow
:
hidden
;
}
#
attendees-freebusy-table
td
.
times
{
width
:
auto
;
vertical-align
:
top
;
}
#
attendees-freebusy-table
div
.
scroll
{
position
:
relative
;
overflow
:
auto
;
}
#
attendees-freebusy-table
h3
.
boxtitle
{
margin
:
0
;
border-color
:
#ccc
;
}
.
attendees-list
.
attendee
{
padding
:
4
px
4
px
4
px
1
px
;
background
:
url
(
images/attendee-status.png
)
2
px
-97
px
no-repeat
;
white-space
:
nowrap
;
}
.
attendees-list
a
.
attendee-role-toggle
{
display
:
inline-block
;
width
:
16
px
;
margin-right
:
3
px
;
cursor
:
pointer
;
}
.
attendees-list
div
.
attendee
{
border-top
:
1
px
solid
#ccc
;
}
.
attendees-list
span
.
attendee
{
padding-left
:
20
px
;
margin-right
:
2
em
;
}
.
attendees-list
.
organizer
{
background-position
:
3
px
-77
px
;
}
.
attendees-list
.
opt-participant
{
background-position
:
2
px
-117
px
;
}
.
attendees-list
.
non-participant
{
background-position
:
2
px
-137
px
;
}
.
attendees-list
.
chair
{
background-position
:
2
px
-157
px
;
}
.
attendees-list
.
loading
{
background
:
url
(
images/loading_blue.gif
)
1
px
50
%
no-repeat
;
}
.
attendees-list
.
total
{
background
:
none
;
padding-left
:
4
px
;
font-weight
:
bold
;
}
.
attendees-list
.
spacer
,
#
schedule-freebusy-times
tr
.
spacer
td
{
background
:
0
;
font-size
:
50
%
;
}
#
schedule-freebusy-times
{
border-collapse
:
collapse
;
width
:
100
%
;
}
#
schedule-freebusy-times
td
{
padding
:
4
px
;
border
:
1
px
solid
#ccc
;
}
#
attendees-freebusy-table
div
.
timesheader
,
#
schedule-freebusy-times
tr
.
times
td
{
min-width
:
30
px
;
font-size
:
9
px
;
padding
:
5
px
2
px
6
px
2
px
;
text-align
:
center
;
color
:
#004658
;
}
#
schedule-freebusy-times
tr
.
times
td
.
allday
{
min-width
:
60
px
;
}
#
schedule-freebusy-times
tr
.
times
td
{
cursor
:
pointer
;
}
#
schedule-event-time
{
position
:
absolute
;
border
:
2
px
solid
#333
;
background
:
#777
;
background
:
rgba
(
60
,
60
,
60
,
0.6
);
opacity
:
0.5
;
border-radius
:
4
px
;
cursor
:
move
;
filter
:
alpha
(
opacity
=
40
);
/* IE8 */
}
#
eventfreebusy
.
schedule-options
{
position
:
relative
;
margin-bottom
:
1.5
em
;
}
#
eventfreebusy
.
schedule-buttons
{
position
:
absolute
;
top
:
0.5
em
;
right
:
0
;
margin-right
:
0
;
}
#
eventfreebusy
.
schedule-find-buttons
{
padding-bottom
:
0.5
em
;
}
#
eventfreebusy
.
schedule-find-buttons
button
{
min-width
:
9
em
;
text-align
:
center
;
}
#
eventedit
.
attendees-commentbox
label
{
display
:
block
;
}
#
eventedit
.
ui-tabs-panel
{
min-height
:
24
em
;
}
#
rcmKSearchpane
ul
li
.
resource
i
.
icon
,
#
rcmKSearchpane
ul
li
.
collection
i
.
icon
{
background-image
:
url
(
images/autocomplete.png
);
background-position
:
-1
px
-2
px
;
}
#
rcmKSearchpane
ul
li
.
collection
i
.
icon
{
background-position
:
-1
px
-26
px
;
}
a
.
dropdown-link
{
font-size
:
11
px
;
text-decoration
:
none
;
}
a
.
dropdown-link
:
after
{
content
:
' ▼'
;
font-size
:
10
px
;
color
:
#666
;
}
.
ui-dialog-buttonset
a
.
dropdown-link
{
position
:
relative
;
top
:
2
px
;
margin
:
0
1
em
;
color
:
#333
;
}
#
calendarsidebar
.
ui-datepicker-calendar
{
table-layout
:
fixed
;
}
.
ui-datepicker-calendar
.
ui-datepicker-week-col
{
border
:
0
;
color
:
#999
;
font-size
:
90
%
;
text-align
:
right
;
padding-right
:
6
px
;
width
:
20
px
;
overflow
:
hidden
;
}
.
ui-autocomplete
{
max-height
:
160
px
;
overflow-y
:
auto
;
overflow-x
:
hidden
;
}
.
ui-autocomplete
.
ui-menu-item
{
white-space
:
nowrap
;
}
*
html
.
ui-autocomplete
{
height
:
160
px
;
}
.
calendarmain
span
.
spacer
{
padding-left
:
3
em
;
}
#
agendaoptions
{
position
:
absolute
;
bottom
:
0
;
left
:
0
;
right
:
0
;
height
:
auto
;
z-index
:
10
;
padding
:
4
px
5
px
;
border
:
1
px
solid
#c3c3c3
;
border-top-color
:
#ddd
;
border-bottom-color
:
#bbb
;
border-radius
:
0
0
4
px
4
px
;
background
:
#ebebeb
;
background
:
-moz-
linear-gradient
(
top
,
#ebebeb
0
%
,
#c6c6c6
100
%
);
background
:
-webkit-
gradient
(
linear
,
left
top
,
left
bottom
,
color
-stop
(
0
%
,
#ebebeb
),
color-stop
(
100
%
,
#c6c6c6
));
background
:
-o-
linear-gradient
(
top
,
#ebebeb
0
%
,
#c6c6c6
100
%
);
background
:
-ms-
linear-gradient
(
top
,
#ebebeb
0
%
,
#c6c6c6
100
%
);
background
:
linear-gradient
(
top
,
#ebebeb
0
%
,
#c6c6c6
100
%
);
}
#
agendaoptions
label
{
text-shadow
:
1
px
1
px
#fff
;
padding-right
:
0.5
em
;
}
#
calendar-kolabform
{
position
:
relative
;
margin
:
0
-8
px
;
min-width
:
660
px
;
min-height
:
400
px
;
}
#
calendar-kolabform
table
td
.
title
{
font-weight
:
bold
;
white-space
:
nowrap
;
color
:
#666
;
padding-right
:
10
px
;
}
#
resource-selection
{
position
:
absolute
;
top
:
0
;
left
:
8
px
;
right
:
0
;
bottom
:
0
;
}
#
resource-selection
.
scroller
{
top
:
34
px
;
}
#
resource-dialog-left
{
position
:
absolute
;
top
:
10
px
;
left
:
0
;
width
:
380
px
;
bottom
:
10
px
;
}
#
resource-dialog-right
{
position
:
absolute
;
top
:
10
px
;
left
:
392
px
;
right
:
8
px
;
bottom
:
10
px
;
}
#
resource-info
{
position
:
absolute
;
top
:
0
;
left
:
0
;
right
:
0
;
height
:
48
%
;
}
#
resource-info
table
{
margin
:
8
px
;
width
:
97
%
;
}
#
resource-info
thead
td
{
background
:
none
;
font-weight
:
bold
;
font-size
:
14
px
;
}
#
resource-availability
{
position
:
absolute
;
bottom
:
0
;
left
:
0
;
right
:
0
;
height
:
49
%
;
}
#
resource-freebusy-calendar
{
position
:
absolute
;
top
:
33
px
;
left
:
-1
px
;
right
:
-1
px
;
bottom
:
-1
px
;
}
#
resource-freebusy-calendar
.
fc-content
{
top
:
0
;
}
#
resource-freebusy-calendar
.
fc-content
.
fc-event-bg
{
background
:
0
;
}
#
resource-freebusy-calendar
.
fc-event
.
status-busy
,
#
resource-freebusy-calendar
.
status-busy
.
fc-event-skin
{
border-color
:
#e26569
;
background-color
:
#e26569
;
}
#
resource-freebusy-calendar
.
fc-event
.
status-tentative
,
#
resource-freebusy-calendar
.
status-tentative
.
fc-event-skin
{
border-color
:
#8383fc
;
background
:
#8383fc
;
}
#
resource-freebusy-calendar
.
fc-event
.
status-outofoffice
,
#
resource-freebusy-calendar
.
status-outofoffice
.
fc-event-skin
{
border-color
:
#fbaa68
;
background
:
#fbaa68
;
}
#
resourcequicksearch
{
padding
:
4
px
;
background
:
#c7e3ef
;
}
#
resourcesearchbox
{
width
:
100
%
;
height
:
26
px
;
-moz-
box-sizing
:
border-box
;
box-sizing
:
border-box
;
}
#
resourcequicksearch
.
iconbutton
.
searchoptions
{
position
:
absolute
;
top
:
5
px
;
left
:
6
px
;
width
:
16
px
;
}
.
searchbox
.
iconbutton
.
reset
{
position
:
absolute
;
top
:
4
px
;
right
:
1
px
;
}
/* fullcalendar style overrides */
.
rcube-fc-content
{
overflow
:
hidden
;
border
:
0
;
border-radius
:
4
px
;
box-shadow
:
0
0
2
px
#999
;
-o-
box-shadow
:
0
0
2
px
#999
;
-webkit-
box-shadow
:
0
0
2
px
#999
;
-moz-
box-shadow
:
0
0
2
px
#999
;
}
.
calendarmain
.
fc-content
{
position
:
absolute
!important
;
top
:
40
px
;
left
:
0
;
right
:
0
;
bottom
:
0
;
background
:
#fff
;
}
#
fish-eye-view
.
fc-content
{
top
:
2
px
;
bottom
:
2
px
;
}
#
quickview-calendar
{
padding
:
8
px
;
overflow
:
hidden
;
}
.
calendarmain
.
fc-button
,
.
calendarmain
.
fc-button
.
fc-state-default
,
.
calendarmain
.
fc-button
.
fc-state-hover
{
background-color
:
#f5f5f5
;
background-image
:
-moz-
linear-gradient
(
top
,
#ffffff
,
#e6e6e6
);
background-image
:
-webkit-
gradient
(
linear
,
0
0
,
0
100
%
,
from
(
#ffffff
),
to
(
#e6e6e6
));
background-image
:
-webkit-
linear-gradient
(
top
,
#ffffff
,
#e6e6e6
);
background-image
:
-o-
linear-gradient
(
top
,
#ffffff
,
#e6e6e6
);
background-image
:
linear-gradient
(
to
bottom
,
#ffffff
,
#e6e6e6
);
background-position
:
0
0
;
}
.
calendarmain
#
calendar
.
fc-button
,
.
calendarmain
#
calendar
.
fc-button
.
fc-state-default
,
.
calendarmain
#
calendar
.
fc-button
.
fc-state-hover
{
margin
:
0
0
0
0
;
height
:
20
px
;
line-height
:
20
px
;
color
:
#505050
;
text-shadow
:
0
px
1
px
1
px
#fff
;
border
:
1
px
solid
#e6e6e6
;
background
:
#d8d8d8
;
background
:
-moz-
linear-gradient
(
top
,
#d8d8d8
0
%
,
#bababa
100
%
);
background
:
-webkit-
gradient
(
linear
,
left
top
,
left
bottom
,
color
-stop
(
0
%
,
#d8d8d8
),
color-stop
(
100
%
,
#bababa
));
background
:
-o-
linear-gradient
(
top
,
#d8d8d8
0
%
,
#bababa
100
%
);
background
:
-ms-
linear-gradient
(
top
,
#d8d8d8
0
%
,
#bababa
100
%
);
background
:
linear-gradient
(
top
,
#d8d8d8
0
%
,
#bababa
100
%
);
box-shadow
:
0
1
px
1
px
0
#999
;
-o-
box-shadow
:
0
1
px
1
px
0
#999
;
-webkit-
box-shadow
:
0
1
px
1
px
0
#999
;
-moz-
box-shadow
:
0
1
px
1
px
0
#999
;
text-decoration
:
none
;
}
.
calendarmain
#
calendar
.
fc-button
.
fc-state-disabled
{
color
:
#999
;
background
:
#d8d8d8
;
}
.
calendarmain
.
fc-button
.
fc-state-active
,
.
calendarmain
.
fc-button
.
fc-state-down
,
.
calendarmain
#
calendar
.
fc-button
.
fc-state-active
,
.
calendarmain
#
calendar
.
fc-button
.
fc-state-down
{
color
:
#333
;
background
:
#bababa
;
background
:
-moz-
linear-gradient
(
top
,
#bababa
0
%
,
#d8d8d8
100
%
);
background
:
-webkit-
gradient
(
linear
,
left
top
,
left
bottom
,
color
-stop
(
0
%
,
#bababa
),
color-stop
(
100
%
,
#d8d8d8
));
background
:
-o-
linear-gradient
(
top
,
#bababa
0
%
,
#d8d8d8
100
%
);
background
:
-ms-
linear-gradient
(
top
,
#bababa
0
%
,
#d8d8d8
100
%
);
background
:
linear-gradient
(
top
,
#bababa
0
%
,
#d8d8d8
100
%
);
}
.
calendarmain
#
calendar
.
fc-header
.
fc-button
{
margin-left
:
-1
px
;
margin-right
:
0
;
}
.
calendarmain
#
calendar
.
fc-header-left
.
fc-button
{
display
:
inline-block
;
margin
:
0
;
text-align
:
center
;
font-size
:
10
px
;
color
:
#555
;
min-width
:
50
px
;
max-width
:
75
px
;
height
:
13
px
;
line-height
:
1
em
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
margin
:
-7
px
0
0
0
;
padding
:
28
px
2
px
0
2
px
;
text-shadow
:
0
px
1
px
1
px
#EEE
;
border
:
0
;
background
:
url
(
images/toolbar.png
)
center
100
px
no-repeat
;
box-shadow
:
none
;
-o-
box-shadow
:
none
;
-webkit-
box-shadow
:
none
;
-moz-
box-shadow
:
none
;
outline
:
none
;
}
.
calendarmain
#
calendar
.
fc-header-left
.
fc-button
:
focus
{
color
:
#fff
;
text-shadow
:
0
px
1
px
1
px
#666
;
background-color
:
rgba
(
30
,
150
,
192
,
0.5
);
border-radius
:
3
px
;
}
.
calendarmain
#
calendar
.
fc-header-left
.
fc-button
.
fc-state-active
{
font-weight
:
bold
;
color
:
#222
;
text-shadow
:
none
;
background-color
:
transparent
;
}
.
calendarmain
#
calendar
.
fc-header-left
.
fc-button-agendaDay
{
background-position
:
center
-120
px
;
}
.
calendarmain
#
calendar
.
fc-header-left
.
fc-button-agendaDay
.
fc-state-active
{
background-position
:
center
-160
px
;
}
.
calendarmain
#
calendar
.
fc-header-left
.
fc-button-agendaWeek
{
background-position
:
center
-200
px
;
}
.
calendarmain
#
calendar
.
fc-header-left
.
fc-button-agendaWeek
.
fc-state-active
{
background-position
:
center
-240
px
;
}
.
calendarmain
#
calendar
.
fc-header-left
.
fc-button-month
{
background-position
:
center
-280
px
;
}
.
calendarmain
#
calendar
.
fc-header-left
.
fc-button-month
.
fc-state-active
{
background-position
:
center
-320
px
;
}
.
calendarmain
#
calendar
.
fc-header-left
.
fc-button-table
{
background-position
:
center
-360
px
;
}
.
calendarmain
#
calendar
.
fc-header-left
.
fc-button-table
.
fc-state-active
{
background-position
:
center
-400
px
;
}
.
calendarmain
#
calendar
.
fc-header-right
{
padding-right
:
252
px
;
padding-top
:
4
px
;
}
.
calendarmain
#
calendar
.
fc-header-title
{
padding-top
:
5
px
;
}
.
fc-event
{
font-size
:
1
em
!important
;
}
.
fc-event-hori
.
fc-type-freebusy
,
.
fc-event-vert
.
fc-type-freebusy
{
opacity
:
0.55
;
color
:
#fff
!important
;
background
:
rgba
(
80
,
80
,
80
,
0.85
)
!important
;
background
:
-moz-
linear-gradient
(
top
,
rgba
(
80
,
80
,
80
,
0.85
)
0
%
,
rgba
(
48
,
48
,
48
,
0.9
)
100
%
)
!important
;
background
:
-webkit-
gradient
(
linear
,
left
top
,
left
bottom
,
color
-stop
(
0
%
,
rgba
(
80
,
80
,
80
,
0.85
)),
color-stop
(
100
%
,
rgba
(
48
,
48
,
48
,
0.9
)))
!important
;
background
:
-webkit-
linear-gradient
(
top
,
rgba
(
80
,
80
,
80
,
0.85
)
0
%
,
rgba
(
48
,
48
,
48
,
0.85
)
100
%
)
!important
;
background
:
-o-
linear-gradient
(
top
,
rgba
(
80
,
80
,
80
,
0.85
)
0
%
,
rgba
(
48
,
48
,
48
,
0.85
)
100
%
)
!important
;
background
:
-ms-
linear-gradient
(
top
,
rgba
(
80
,
80
,
80
,
0.85
)
0
%
,
rgba
(
48
,
48
,
48
,
0.85
)
100
%
)
!important
;
background
:
linear-gradient
(
to
bottom
,
rgba
(
80
,
80
,
80
,
0.85
)
0
%
,
rgba
(
48
,
48
,
48
,
0.85
)
100
%
)
!important
;
-moz-
box-shadow
:
inset
0
px
1
px
0
0
px
#888
;
-webkit-
box-shadow
:
inset
0
px
1
px
0
0
px
#888
;
-o-
box-shadow
:
inset
0
px
1
px
0
0
px
#888
;
box-shadow
:
inset
0
px
1
px
0
0
px
#888
;
border-color
:
#444
!important
;
cursor
:
default
!important
;
}
.
fc-event-row
.
fc-type-freebusy
td
{
color
:
#999
;
}
.
fc-event-hori
.
fc-type-freebusy
.
fc-event-skin
,
.
fc-event-hori
.
fc-type-freebusy
.
fc-event-inner
,
.
fc-event-vert
.
fc-type-freebusy
.
fc-event-skin
,
.
fc-event-vert
.
fc-type-freebusy
.
fc-event-inner
{
background-color
:
transparent
!important
;
border-color
:
#444
!important
;
color
:
#fff
!important
;
text-shadow
:
0
1
px
1
px
#000
;
}
.
fc-event-hori
.
fc-type-freebusy
.
fc-event-title
,
.
fc-event-vert
.
fc-type-freebusy
.
fc-event-title
{
position
:
absolute
;
top
:
-5000
px
;
}
.
fc-event-vert
.
fc-invitation-needs-action
,
.
fc-event-hori
.
fc-invitation-needs-action
{
border
:
1
px
dashed
#5757c7
!important
;
}
.
fc-event-vert
.
fc-invitation-tentative
,
.
fc-event-hori
.
fc-invitation-tentative
{
border
:
1
px
dashed
#eb8900
!important
;
}
.
fc-event-vert
.
fc-invitation-declined
,
.
fc-event-hori
.
fc-invitation-declined
{
border
:
1
px
dashed
#c00
!important
;
}
.
fc-event-vert
.
fc-invitation-tentative
.
fc-event-head
,
.
fc-event-vert
.
fc-invitation-declined
.
fc-event-head
,
.
fc-event-vert
.
fc-invitation-needs-action
.
fc-event-head
{
/* background-color: transparent !important; */
}
.
fc-event-vert
.
fc-invitation-tentative
.
fc-event-bg
{
background
:
url
(
data:image/gif;base64,R0lGODlhCAAIAPABAOuJAP///yH/C1hNUCBEYXRhWE1QAT8AIfkEBQAAAQAsAAAAAAgACAAAAg4Egmipx+ZaDPCtVPFNBQA7
)
0
0
repeat
#fff
;
}
.
fc-event-vert
.
fc-invitation-needs-action
.
fc-event-bg
{
background
:
url
(
data:image/gif;base64,R0lGODlhCAAIAPABAFdXx////yH/C1hNUCBEYXRhWE1QAT8AIfkEBQAAAQAsAAAAAAgACAAAAg4Egmipx+ZaDPCtVPFNBQA7
)
0
0
repeat
#fff
;
}
.
fc-event-vert
.
fc-invitation-declined
.
fc-event-bg
{
background
:
url
(
data:image/gif;base64,R0lGODlhCAAIAPABAMwAAP///yH/C1hNUCBEYXRhWE1QAT8AIfkEBQAAAQAsAAAAAAgACAAAAg4Egmipx+ZaDPCtVPFNBQA7
)
0
0
repeat
#fff
;
}
.
fc-view-table
tr
.
fc-invitation-tentative
td
,
.
fc-view-table
tr
.
fc-invitation-declined
td
,
.
fc-view-table
tr
.
fc-invitation-needs-action
td
{
color
:
#888
;
}
.
fc-view-table
tr
.
fc-invitation-tentative
td
.
fc-event-title
,
.
fc-view-table
tr
.
fc-invitation-declined
td
.
fc-event-title
,
.
fc-view-table
tr
.
fc-invitation-needs-action
td
.
fc-event-title
{
font-weight
:
normal
;
}
#
quickview-calendar
.
fc-view-table
tr
.
fc-invitation-tentative
td
,
#
quickview-calendar
.
fc-view-table
tr
.
fc-invitation-declined
td
,
#
quickview-calendar
.
fc-view-table
tr
.
fc-invitation-needs-action
td
{
color
:
#333
;
}
.
calendarmain
.
fc-event
:
focus
{
outline
:
1
px
solid
rgba
(
71
,
135
,
177
,
0.4
);
-webkit-
box-shadow
:
0
0
2
px
3
px
rgba
(
71
,
135
,
177
,
0.6
);
-moz-
box-shadow
:
0
0
2
px
3
px
rgba
(
71
,
135
,
177
,
0.6
);
-o-
box-shadow
:
0
0
2
px
3
px
rgba
(
71
,
135
,
177
,
0.6
);
box-shadow
:
0
0
2
px
3
px
rgba
(
71
,
135
,
177
,
0.6
);
}
.
fc-event-title
{
font-weight
:
bold
;
}
.
cal-event-status-cancelled
.
fc-event-title
{
text-decoration
:
line-through
;
}
.
fc-event-hori
.
fc-event-title
{
font-weight
:
normal
;
white-space
:
nowrap
;
}
.
fc-event-hori
.
fc-event-time
{
white-space
:
nowrap
;
font-weight
:
normal
!important
;
font-size
:
10
px
;
padding-right
:
0.6
em
;
}
.
fc-grid
.
fc-event-time
{
font-weight
:
normal
!important
;
padding-right
:
0.3
em
;
}
.
calendarmain
.
fc-event-vert
.
fc-event-inner
{
z-index
:
0
;
}
.
fc-event-cateories
{
font-style
:
italic
;
}
div
.
fc-event-location
{
font-size
:
90
%
;
}
.
fc-more-link
{
color
:
#999
;
padding-top
:
1
px
;
cursor
:
pointer
;
}
.
fc-agenda-slots
td
div
{
height
:
22
px
;
}
.
fc-sat
,
.
fc-sun
{
background-color
:
#fdfdfd
;
}
.
fc-widget-header
{
background-color
:
#d6eaf3
;
color
:
#004458
;
text-shadow
:
0
px
1
px
1
px
#fff
;
}
.
fc-view
thead
th
.
fc-widget-header
{
padding
:
8
px
0
;
color
:
#69939e
;
}
.
fc-day-number
{
color
:
#578da5
;
}
.
fc-icon-alarms
,
.
fc-icon-sensitive
,
.
fc-icon-recurring
{
display
:
inline-block
;
width
:
11
px
;
height
:
11
px
;
background
:
url
(
images/eventicons.png
)
0
0
no-repeat
;
margin-left
:
3
px
;
line-height
:
10
px
;
}
.
fc-icon-alarms
{
background-position
:
0
-13
px
;
}
.
fc-icon-sensitive
{
background-position
:
0
-25
px
;
}
.
fc-list-section
.
fc-event
{
cursor
:
pointer
;
}
.
calendarmain
.
fc-view-table
td
.
fc-list-header
{
color
:
#004458
;
font-size
:
12
px
;
}
.
calendarmain
.
fc-view-table
tr
.
fc-event
td
{
border-color
:
#ddd
;
padding
:
4
px
7
px
;
white-space
:
nowrap
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
}
.
calendarmain
.
fc-view-table
tr
.
fc-event
td
.
fc-event-handle
{
padding
:
5
px
0
2
px
7
px
;
width
:
12
px
;
}
.
calendarmain
.
fc-view-table
.
fc-event-handle
.
fc-event-skin
{
margin
:
0
;
padding
:
0
;
display
:
inline-block
;
width
:
10
px
;
height
:
10
px
;
font-size
:
6
px
;
border-radius
:
8
px
;
}
.
calendarmain
.
fc-view-table
.
fc-event-handle
.
fc-event-inner
{
display
:
inline-block
;
width
:
10
px
;
height
:
10
px
;
padding
:
0
;
margin
:
-1
px
;
font-size
:
10
px
;
border-radius
:
8
px
;
border
:
1
px
solid
rgba
(
0
,
0
,
0
,
0.4
);
-webkit-
box-shadow
:
inset
0
px
0
1
px
1
px
rgba
(
0
,
0
,
0
,
0.3
);
-moz-
box-shadow
:
inset
0
px
0
1
px
1
px
rgba
(
0
,
0
,
0
,
0.3
);
box-shadow
:
inset
0
px
0
1
px
1
px
rgba
(
0
,
0
,
0
,
0.3
);
}
.
calendarmain
.
fc-view-table
col
.
fc-event-location
{
width
:
25
%
;
}
.
fc-view-table
table
.
fc-list-smart
{
/* table-layout: auto; */
}
.
fc-listappend
{
text-align
:
center
;
margin
:
1
em
0
;
}
.
fc-listappend
.
message
{
padding
:
0.5
em
;
margin-bottom
:
0.5
em
;
font-size
:
150
%
;
color
:
#999
;
}
.
fc-listappend
.
formlinks
a
{
font-size
:
12
px
;
padding
:
0
0.3
em
;
}
.
fc-event-temp
{
opacity
:
0.4
;
filter
:
alpha
(
opacity
=
40
);
/* IE8 */
}
/* Settings section */
fieldset
#
calendarcategories
div
{
margin-bottom
:
0.3
em
;
}
/* Invitation UI in mail */
.
messagelist
tbody
.
attachment
span
.
ical
{
display
:
inline-block
;
vertical-align
:
middle
;
height
:
18
px
;
width
:
20
px
;
padding
:
0
;
background
:
url
(
images/ical-attachment.png
)
2
px
1
px
no-repeat
;
}
#
messagemenu
li
a
.
calendarlink
span
.
calendar
,
#
attachmentmenu
li
a
.
calendarlink
span
.
calendar
{
background-position
:
0
px
-2197
px
;
}
div
.
calendar-invitebox
{
min-height
:
20
px
;
margin
:
5
px
8
px
;
padding
:
3
px
6
px
6
px
34
px
;
border
:
1
px
solid
#ffdf0e
;
background
:
url
(
images/calendar.png
)
6
px
5
px
no-repeat
#fef893
;
}
div
.
calendar-invitebox
td
.
ititle
{
font-weight
:
bold
;
padding-right
:
0.5
em
;
}
div
.
calendar-invitebox
td
.
label
{
color
:
#666
;
padding-right
:
1
em
;
}
#
event-rsvp
.
rsvp-buttons
,
div
.
calendar-invitebox
.
itip-buttons
div
{
margin-top
:
0.5
em
;
}
#
event-rsvp
input
.
button
,
div
.
calendar-invitebox
input
.
button
{
font-weight
:
bold
;
margin-right
:
0.5
em
;
}
div
.
calendar-invitebox
.
folder-select
{
font-weight
:
10
px
;
margin-left
:
1
em
;
}
div
.
calendar-invitebox
.
rsvp-status
{
padding-left
:
2
px
;
}
div
.
calendar-invitebox
.
rsvp-status
.
loading
{
color
:
#666
;
padding
:
1
px
0
2
px
24
px
;
background
:
url
(
images/loading_blue.gif
)
top
left
no-repeat
;
}
div
.
calendar-invitebox
.
rsvp-status
.
hint
{
color
:
#666
;
text-shadow
:
none
;
font-style
:
italic
;
}
#
event-partstat
.
changersvp
,
div
.
calendar-invitebox
.
rsvp-status
.
declined
,
div
.
calendar-invitebox
.
rsvp-status
.
tentative
,
div
.
calendar-invitebox
.
rsvp-status
.
accepted
,
div
.
calendar-invitebox
.
rsvp-status
.
delegated
,
div
.
calendar-invitebox
.
rsvp-status
.
needs-action
{
padding
:
0
0
1
px
22
px
;
background
:
url
(
images/attendee-status.png
)
2
px
-20
px
no-repeat
;
}
#
event-partstat
.
changersvp
.
declined
,
div
.
calendar-invitebox
.
rsvp-status
.
declined
{
background-position
:
2
px
-40
px
;
}
#
event-partstat
.
changersvp
.
tentative
,
div
.
calendar-invitebox
.
rsvp-status
.
tentative
{
background-position
:
2
px
-60
px
;
}
#
event-partstat
.
changersvp
.
delegated
,
div
.
calendar-invitebox
.
rsvp-status
.
delegated
{
background-position
:
2
px
-180
px
;
}
#
event-partstat
.
changersvp
.
needs-action
,
div
.
calendar-invitebox
.
rsvp-status
.
needs-action
{
background-position
:
2
px
0
;
}
/* iTIP attend reply page */
.
calendaritipattend
.
centerbox
{
width
:
40
em
;
min-height
:
7
em
;
margin
:
80
px
auto
0
auto
;
padding
:
10
px
10
px
10
px
90
px
;
background
:
url
(
images/invitation.png
)
10
px
10
px
no-repeat
#fff
;
}
.
calendaritipattend
#
message
{
width
:
46
em
;
margin
:
0
auto
;
padding
:
10
px
;
}
.
calendaritipattend
.
calendar-invitebox
{
background
:
none
;
padding-left
:
0
;
border
:
0
;
margin
:
0
0
2
em
0
;
}
.
calendaritipattend
.
calendar-invitebox
.
rsvp-status
{
margin-top
:
2.5
em
;
font-size
:
110
%
;
font-weight
:
bold
;
}
.
calendaritipattend
.
calendar-invitebox
td
.
title
,
.
calendaritipattend
.
calendar-invitebox
td
.
ititle
{
font-size
:
120
%
;
}
File Metadata
Details
Attached
Mime Type
text/plain
Expires
Fri, May 22, 4:12 AM (1 d, 10 h)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
782964
Default Alt Text
calendar.css (41 KB)
Attached To
Mode
R14 roundcubemail-plugins-kolab
Attached
Detach File
Event Timeline
Log In to Comment