When handling an iTip request for an updated event where start or end date has been changed, user will be able to change his participant status. In such cases we display RSVP buttons instead of "Update in my calendar" button and highlight the event date. So, e.g. if you accepted the event and then its time has been changed by the organizer, you will be able to decline it or vice-versa.
2374 lines
48 KiB
CSS
2374 lines
48 KiB
CSS
/**
|
|
* Roundcube Calendar plugin styles for skin "Larry"
|
|
*
|
|
* Copyright (c) 2012-2014, 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: 1000px !important;
|
|
min-height: 520px !important;
|
|
}
|
|
|
|
body.calendarmain #header {
|
|
min-width: 1020px !important;
|
|
}
|
|
}
|
|
|
|
#calendarsidebar {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 10px;
|
|
bottom: 0;
|
|
width: 250px;
|
|
}
|
|
|
|
#datepicker {
|
|
position: absolute;
|
|
top: 40px;
|
|
left: 0;
|
|
width: 100%;
|
|
min-height: 190px;
|
|
}
|
|
|
|
#datepicker .ui-datepicker {
|
|
width: 100% !important;
|
|
box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
-webkit-box-shadow: none;
|
|
}
|
|
|
|
#datepicker .ui-datepicker td a {
|
|
padding: 5px 4px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
#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: 0px 1px 1px #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: 2px 2.3em 3px 2.3em;
|
|
}
|
|
|
|
#datepicker .ui-datepicker .ui-datepicker-prev,
|
|
#datepicker .ui-datepicker .ui-datepicker-next {
|
|
top: 4px;
|
|
}
|
|
|
|
#calsidebarsplitter {
|
|
position: absolute;
|
|
left: 264px;
|
|
width: 6px;
|
|
top: 40px !important;
|
|
bottom: 0;
|
|
height: auto;
|
|
background: url(images/toggle.gif) -1px 48% no-repeat transparent;
|
|
}
|
|
|
|
div.sidebarclosed {
|
|
background-position: -8px 48% !important;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#calsidebarsplitter:hover {
|
|
background-color: #ddd;
|
|
}
|
|
|
|
#calendar {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 276px;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
.calendarmain #message.statusbar {
|
|
border: 1px solid #c3c3c3;
|
|
border-bottom-color: #ababab;
|
|
}
|
|
|
|
#timezonedisplay {
|
|
position: absolute;
|
|
bottom: 5px;
|
|
right: 12px;
|
|
font-size: 0.85em;
|
|
color: #666;
|
|
}
|
|
|
|
#print {
|
|
width: 680px;
|
|
}
|
|
|
|
pre {
|
|
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
|
|
}
|
|
|
|
#calendars {
|
|
position: absolute;
|
|
top: 276px;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
}
|
|
|
|
#calendars .boxtitle {
|
|
position: relative;
|
|
}
|
|
|
|
#calendars .boxtitle a.iconbutton.search {
|
|
position: absolute;
|
|
top: 8px;
|
|
right: 8px;
|
|
width: 16px;
|
|
cursor: pointer;
|
|
background-position: -2px -317px;
|
|
}
|
|
|
|
#calendars .listsearchbox {
|
|
display: none;
|
|
}
|
|
|
|
#calendars .listsearchbox.expanded {
|
|
display: block;
|
|
}
|
|
|
|
#calendars .scroller {
|
|
top: 34px;
|
|
}
|
|
|
|
#calendars .listsearchbox.expanded + .scroller {
|
|
top: 68px;
|
|
}
|
|
|
|
#calendars .treelist li {
|
|
margin: 0;
|
|
position: relative;
|
|
}
|
|
|
|
#calendars .treelist li div.folder,
|
|
#calendars .treelist li div.calendar {
|
|
position: relative;
|
|
height: 28px;
|
|
}
|
|
|
|
#calendars .treelist li div.virtual {
|
|
height: 22px;
|
|
}
|
|
|
|
#calendars .treelist li span.calname {
|
|
display: block;
|
|
padding: 0px 18px 2px 2px;
|
|
position: absolute;
|
|
top: 7px;
|
|
left: 38px;
|
|
right: 45px;
|
|
cursor: default;
|
|
background: url(images/calendars.png) right 20px no-repeat;
|
|
overflow-x: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
color: #004458;
|
|
}
|
|
|
|
.quickview-active #calendars .treelist div input,
|
|
.quickview-active #calendars .treelist div .calname {
|
|
opacity: 0.35;
|
|
}
|
|
|
|
.quickview-active #calendars .treelist div.focusview .calname {
|
|
opacity: 1.0;
|
|
background-image: none;
|
|
}
|
|
|
|
#calendars .treelist li div.virtual > span.calname {
|
|
color: #aaa;
|
|
top: 4px;
|
|
left: 20px;
|
|
}
|
|
|
|
#calendars .treelist li.x-birthdays span.calname,
|
|
#calendars .treelist li.x-invitations span.calname {
|
|
font-style: italic;
|
|
}
|
|
|
|
#calendars .treelist.flat li span.calname {
|
|
left: 24px;
|
|
right: 42px;
|
|
}
|
|
|
|
#calendars .treelist li span.handle {
|
|
display: inline-block;
|
|
position: absolute;
|
|
top: 8px;
|
|
right: 6px;
|
|
padding: 0;
|
|
width: 10px;
|
|
height: 10px;
|
|
border-radius: 7px;
|
|
font-size: 0.8em;
|
|
border: 1px solid rgba(0, 0, 0, 0.5);
|
|
-webkit-box-shadow: inset 0px 0 1px 1px rgba(0, 0, 0, 0.3);
|
|
-moz-box-shadow: inset 0px 0 1px 1px rgba(0, 0, 0, 0.3);
|
|
box-shadow: inset 0px 0 1px 1px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
#calendars .treelist div span.actions {
|
|
display: inline-block;
|
|
position: absolute;
|
|
top: 2px;
|
|
right: 22px;
|
|
padding: 5px 20px 0 6px;
|
|
/* min-width: 40px; */
|
|
height: 19px;
|
|
text-align: right;
|
|
z-index: 4;
|
|
}
|
|
|
|
#calendars .treelist div:hover span.actions {
|
|
top: 1px;
|
|
right: 21px;
|
|
border: 1px solid #c6c6c6;
|
|
border-radius: 4px;
|
|
background: #f7f7f7;
|
|
background: -moz-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e6e6e6));
|
|
background: -o-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
|
|
background: -ms-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
|
|
background: linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e6e6e6', GradientType=0);
|
|
}
|
|
|
|
#calendars .treelist li a.subscribed {
|
|
display: inline-block;
|
|
position: absolute;
|
|
top: 5px;
|
|
right: 3px;
|
|
height: 16px;
|
|
width: 16px;
|
|
padding: 0;
|
|
background: url(images/calendars.png) -100px 0 no-repeat;
|
|
overflow: hidden;
|
|
text-indent: -5000px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#calendars .treelist div:hover a.subscribed,
|
|
#calendars .treelist div a.subscribed:focus {
|
|
background-position: 0 -110px;
|
|
}
|
|
|
|
#calendars .treelist div.subscribed a.subscribed,
|
|
#calendars .treelist div.subscribed a.subscribed:focus {
|
|
background-position: -16px -110px;
|
|
}
|
|
|
|
#calendars .treelist div.subscribed.partial a.subscribed,
|
|
#calendars .treelist div.subscribed.partial a.subscribed:focus {
|
|
background-position: -16px -148px;
|
|
}
|
|
|
|
#calendars .treelist div a.remove:focus,
|
|
#calendars .treelist div a.quickview:focus,
|
|
#calendars .treelist div a.subscribed:focus {
|
|
border-radius: 3px;
|
|
outline: 2px solid rgba(30,150,192, 0.5);
|
|
}
|
|
|
|
#calendars .treelist div a.remove,
|
|
#calendars .treelist div a.quickview {
|
|
display: inline-block;
|
|
width: 16px;
|
|
height: 16px;
|
|
margin-right: 4px;
|
|
padding: 0;
|
|
background: url(images/calendars.png) -100px 0 no-repeat;
|
|
overflow: hidden;
|
|
text-indent: -5000px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#calendars .treelist div a.quickview:focus,
|
|
#calendars .treelist div:hover a.quickview {
|
|
background-position: 0 -128px;
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
#calendars .treelist div.focusview a.quickview {
|
|
background-position: -16px -128px;
|
|
}
|
|
|
|
#calendars .treelist div a.remove:focus,
|
|
#calendars .treelist div:hover a.remove {
|
|
background-position: -16px -168px;
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
#calendars .searchresults .treelist div a.remove {
|
|
display: none;
|
|
}
|
|
|
|
#calendars .treelist li input {
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 18px;
|
|
}
|
|
|
|
#calendars .treelist li div.treetoggle {
|
|
top: 8px;
|
|
}
|
|
|
|
#calendars .treelist li.virtual div.treetoggle {
|
|
top: 6px;
|
|
}
|
|
|
|
#calendars .treelist.flat li input {
|
|
left: 4px;
|
|
}
|
|
|
|
#calendars .treelist ul li div.folder,
|
|
#calendars .treelist ul li div.calendar {
|
|
margin-left: 16px;
|
|
}
|
|
|
|
#calendars .treelist ul ul li div.folder,
|
|
#calendars .treelist ul ul li div.calendar {
|
|
margin-left: 32px;
|
|
}
|
|
|
|
#calendars .treelist ul ul ul li div.folder,
|
|
#calendars .treelist ul ul ul li div.calendar {
|
|
margin-left: 48px;
|
|
}
|
|
|
|
#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 -20px;
|
|
}
|
|
|
|
#calendars .treelist li.user > div > span.calname {
|
|
background-position: right -38px;
|
|
}
|
|
/*
|
|
#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 .treelist .calendar .count {
|
|
position: absolute;
|
|
display: inline-block;
|
|
top: 5px;
|
|
right: 68px;
|
|
min-width: 1.3em;
|
|
padding: 2px 4px;
|
|
background: #005d76;
|
|
background: -moz-linear-gradient(top, #005d76 0%, #004558 100%);
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005d76), color-stop(100%,#004558));
|
|
background: -o-linear-gradient(top, #005d76 0%, #004558 100%);
|
|
background: -ms-linear-gradient(top, #005d76 0%, #004558 100%);
|
|
background: linear-gradient(to bottom, #005d76 0%, #004558 100%);
|
|
-webkit-box-shadow: inset 0 1px 1px 0 #002635;
|
|
box-shadow: inset 0 1px 1px 0 #002635;
|
|
border-radius: 10px;
|
|
color: #fff;
|
|
text-align: center;
|
|
font-style: normal;
|
|
font-weight: bold;
|
|
text-shadow: none;
|
|
z-index: 3;
|
|
}
|
|
|
|
#calendars .searchresults {
|
|
background: #b0ccd7;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
#calendars .searchresults .boxtitle {
|
|
background: none;
|
|
padding: 2px 8px 2px 8px;
|
|
}
|
|
|
|
#calendars .searchresults .listing li {
|
|
background-color: #c7e3ef;
|
|
}
|
|
|
|
#calfeedurl,
|
|
#caldavurl {
|
|
width: 98%;
|
|
background: #fbfbfb;
|
|
padding: 4px;
|
|
margin-bottom: 1em;
|
|
resize: none;
|
|
}
|
|
|
|
#agendalist {
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
margin-top: 60px;
|
|
border: 1px solid #C1DAD7;
|
|
display: none;
|
|
}
|
|
|
|
#agendalist table {
|
|
width: 100%;
|
|
}
|
|
|
|
#agendalist td,
|
|
#agendalist th {
|
|
border-right: 1px solid #C1DAD7;
|
|
border-bottom: 1px solid #C1DAD7;
|
|
background: #fff;
|
|
padding: 6px 6px 6px 12px;
|
|
}
|
|
|
|
#agendalist tr {
|
|
vertical-align: top;
|
|
}
|
|
|
|
#agendalist th {
|
|
font-weight: bold;
|
|
}
|
|
|
|
#calendartoolbar {
|
|
position: absolute;
|
|
top: -6px;
|
|
left: 0;
|
|
height: 40px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
#calendartoolbar a.button {
|
|
background-image: url(images/toolbar.png);
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
min-width: 50px;
|
|
max-width: 60px;
|
|
}
|
|
|
|
#calendartoolbar a.button.addevent {
|
|
background-position: center 1px;
|
|
max-width: 70px;
|
|
}
|
|
|
|
#calendartoolbar a.button.export {
|
|
background-position: center -40px;
|
|
}
|
|
|
|
#calendartoolbar a.button.import {
|
|
background-position: center -440px;
|
|
}
|
|
|
|
#calendartoolbar a.button.print {
|
|
background-position: center -80px;
|
|
}
|
|
|
|
body.calendarmain #quicksearchbar {
|
|
z-index: 20;
|
|
}
|
|
|
|
body.calendarmain #searchmenulink {
|
|
width: 15px;
|
|
}
|
|
|
|
.calendarmain div.uidialog {
|
|
display: none;
|
|
}
|
|
|
|
#user {
|
|
position: absolute;
|
|
top: 10px;
|
|
right: 100px;
|
|
left: 100px;
|
|
text-align: center;
|
|
}
|
|
|
|
a.morelink {
|
|
font-size: 90%;
|
|
color: #0069a6;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a.morelink:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
a.miniColors-trigger {
|
|
margin-top: -3px;
|
|
}
|
|
|
|
.calendar.attachmentwin #attachmenttoolbar {
|
|
position: relative;
|
|
top: -6px;
|
|
height: 40px;
|
|
}
|
|
|
|
.calendar.attachmentwin #attachmentcontainer {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 232px;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
.calendar.attachmentwin #attachmentframe {
|
|
width: 100%;
|
|
height: 100%;
|
|
border: 0;
|
|
background-color: #fff;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.calendar.attachmentwin #partheader {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 220px;
|
|
bottom: 0;
|
|
}
|
|
|
|
.calendar.attachmentwin #partheader table {
|
|
table-layout: fixed;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.calendar.attachmentwin #partheader table td {
|
|
color: #666;
|
|
padding: 4px 6px;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.calendar.attachmentwin #partheader table td.header {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.calendar.attachmentwin #partheader table td.title {
|
|
width: 60px;
|
|
padding-right: 0;
|
|
}
|
|
|
|
#edit-attachments {
|
|
margin: 0.6em 0;
|
|
}
|
|
|
|
#edit-attachments ul li {
|
|
display: block;
|
|
color: #333;
|
|
font-weight: bold;
|
|
padding: 4px 4px 3px 30px;
|
|
text-shadow: 0px 1px 1px #fff;
|
|
text-decoration: none;
|
|
white-space: nowrap;
|
|
line-height: 20px;
|
|
}
|
|
|
|
#edit-attachments ul li a.file {
|
|
padding: 0;
|
|
}
|
|
|
|
#edit-attachments-form {
|
|
margin-top: 1em;
|
|
padding-top: 0.8em;
|
|
border-top: 2px solid #fafafa;
|
|
}
|
|
|
|
#edit-attachments-form .formbuttons {
|
|
margin: 0.5em 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 3px 2px rgba(71,135,177, 0.5);
|
|
-moz-box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5);
|
|
-webkit-box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5);
|
|
-o-box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5);
|
|
}
|
|
|
|
#eventedit .droptarget.hover {
|
|
background-color: #d9ecf4;
|
|
box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
|
|
-moz-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
|
|
-webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
|
|
-o-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
|
|
}
|
|
|
|
#event-attachments .attachmentslist li {
|
|
float: left;
|
|
margin-right: 1em;
|
|
}
|
|
|
|
#event-attachments .attachmentslist li a {
|
|
outline: none;
|
|
}
|
|
|
|
#event-panel-attachments.disabled .attachmentslist li a.delete {
|
|
visibility: hidden;
|
|
}
|
|
|
|
.event-attendees span.attendee {
|
|
padding-right: 18px;
|
|
margin-right: 0.5em;
|
|
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 -20px;
|
|
}
|
|
|
|
.event-attendees span.declined {
|
|
background-position: right -40px;
|
|
}
|
|
|
|
.event-attendees span.tentative {
|
|
background-position: right -60px;
|
|
}
|
|
|
|
.event-attendees span.delegated {
|
|
background-position: right -180px;
|
|
}
|
|
|
|
.event-attendees span.organizer {
|
|
background-position: right -80px;
|
|
}
|
|
|
|
#all-event-attendees span.attendee {
|
|
display: block;
|
|
margin-bottom: 0.4em;
|
|
padding-bottom: 0.3em;
|
|
border-bottom: 1px 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: 11px;
|
|
font-weight: bold;
|
|
background: #d6eaf3;
|
|
background: -moz-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #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 14px, #d6eaf3 100%);
|
|
background: -ms-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px ,#d6eaf3 100%);
|
|
background: linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%);
|
|
border: 0;
|
|
border-bottom: 1px solid #ccc;
|
|
height: 18px;
|
|
line-height: 18px;
|
|
padding: 8px 7px 3px 7px;
|
|
}
|
|
|
|
/* jQuery UI overrides */
|
|
|
|
.calendarmain .eventdialog h1 {
|
|
font-size: 18px;
|
|
margin: -0.3em 0 0.4em 0;
|
|
}
|
|
|
|
.calendarmain .eventdialog label,
|
|
.calendarmain .eventdialog h5.label {
|
|
font-weight: normal;
|
|
font-size: 1em;
|
|
color: #999;
|
|
margin: 0 0 0.2em 0;
|
|
}
|
|
|
|
.calendarmain .eventdialog label span.index,
|
|
.calendarmain .eventdialog h5.label .index {
|
|
vertical-align: inherit;
|
|
margin-left: 0.6em;
|
|
}
|
|
|
|
.calendarmain .eventdialog {
|
|
margin: 0 -0.2em;
|
|
}
|
|
|
|
#event-status-badge {
|
|
width: 100px;
|
|
height: 100px;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#event-status-badge span {
|
|
display: none;
|
|
text-transform: uppercase;
|
|
width: 150px;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
position: absolute;
|
|
left: -20px;
|
|
top: 35px;
|
|
padding-left: 10px;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
color: #fff;
|
|
box-shadow: 1px 1px 2px #ccc, -1px -1px 2px #ccc;
|
|
-webkit-transform: rotate(45deg);
|
|
-moz-transform: rotate(45deg);
|
|
-ms-transform: rotate(45deg);
|
|
-o-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
.eventdialog.status-cancelled #event-status-badge span {
|
|
background: url(images/badge.png) 26px -24px no-repeat #cc0000;
|
|
display: block;
|
|
}
|
|
|
|
.eventdialog.sensitivity-private #event-status-badge span {
|
|
background: url(images/badge.png) 40px -52px no-repeat #0066ff;
|
|
display: block;
|
|
}
|
|
|
|
.eventdialog.sensitivity-confidential #event-status-badge span {
|
|
background: url(images/badge.png) 20px 2px no-repeat #cc0000;
|
|
display: block;
|
|
}
|
|
|
|
.calendarmain .status-cancelled #event-title,
|
|
.calendarmain .sensitivity-private #event-title,
|
|
.calendarmain .sensitivity-confidential #event-title {
|
|
margin-right: 80px;
|
|
}
|
|
|
|
.calendarmain .eventdialog div.event-line {
|
|
margin-top: 0.1em;
|
|
margin-bottom: 0.3em;
|
|
}
|
|
|
|
.calendarmain .eventdialog div.event-line a.iconbutton {
|
|
margin-left: 0.5em;
|
|
line-height: 17px;
|
|
}
|
|
|
|
.calendarmain .eventdialog div.event-line span.event-text + label {
|
|
margin-left: 2em;
|
|
}
|
|
|
|
.eventdialog .event-text-old,
|
|
.eventdialog .event-text-new,
|
|
.eventdialog .event-text-diff {
|
|
padding: 2px;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.changelog-table .loading {
|
|
color: #666;
|
|
margin: 1em 0;
|
|
padding: 1px 0 2px 24px;
|
|
background: url(images/loading_blue.gif) top left no-repeat;
|
|
}
|
|
|
|
.changelog-dialog .compare-button {
|
|
margin: 4px 0;
|
|
}
|
|
|
|
.changelog-table tbody td {
|
|
padding: 4px 7px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.changelog-table tbody tr:last-child td {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.changelog-table tbody tr.undisclosed td.date,
|
|
.changelog-table tbody tr.undisclosed td.user {
|
|
font-style: italic;
|
|
}
|
|
|
|
.changelog-table .diff {
|
|
width: 4em;
|
|
padding: 2px;
|
|
}
|
|
|
|
.changelog-table .revision {
|
|
width: 6em;
|
|
}
|
|
|
|
.changelog-table .date {
|
|
width: 11em;
|
|
}
|
|
|
|
.changelog-table .user {
|
|
width: auto;
|
|
}
|
|
|
|
.changelog-table .operation {
|
|
width: 15%;
|
|
}
|
|
|
|
.changelog-table .actions {
|
|
width: 50px;
|
|
text-align: right;
|
|
padding: 4px;
|
|
}
|
|
|
|
.changelog-table td a.iconbutton.restore,
|
|
.changelog-table td a.iconbutton.preview {
|
|
width: 16px;
|
|
margin-right: 2px;
|
|
background-image: url(images/calendars.png);
|
|
background-position: -1px -147px;
|
|
}
|
|
|
|
.changelog-table td a.iconbutton.restore {
|
|
background-image: url(images/calendars.png);
|
|
background-position: -1px -167px;
|
|
}
|
|
|
|
.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.5em;
|
|
padding: 0.5em 0.1em;
|
|
margin: 0 -0.2em;
|
|
}
|
|
|
|
#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.2em;
|
|
margin-bottom: 0.6em;
|
|
}
|
|
|
|
#eventtabs .border-after {
|
|
padding-bottom: 0.8em;
|
|
margin-bottom: 0.8em;
|
|
border-bottom: 2px solid #fafafa;
|
|
}
|
|
|
|
.calendarmain .eventdialog label,
|
|
#eventedit label,
|
|
.form-section label {
|
|
display: inline-block;
|
|
min-width: 7em;
|
|
padding-right: 0.5em;
|
|
}
|
|
|
|
.calendarmain .eventdialog #event-url .event-text {
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
#event-links .attachmentslist {
|
|
display: inline-block;
|
|
}
|
|
|
|
#event-links label,
|
|
#edit-event-links label {
|
|
float: left;
|
|
margin-top: 0.3em;
|
|
padding-right: 0.75em;
|
|
}
|
|
|
|
#edit-event-links .event-text {
|
|
margin-left: 8em;
|
|
min-height: 22px;
|
|
}
|
|
|
|
#edit-event-links .attachmentslist li.message a.messagelink,
|
|
#event-links .attachmentslist li.message a.messagelink {
|
|
padding: 0 0 0 24px;
|
|
}
|
|
|
|
#edit-event-links .attachmentslist li a.delete {
|
|
top: 0;
|
|
background-position: -6px -378px;
|
|
}
|
|
|
|
#edit-event-links .attachmentslist li.deleted a.messagelink,
|
|
#edit-event-links .attachmentslist li.deleted a.messagelink:hover {
|
|
text-decoration: line-through;
|
|
}
|
|
|
|
#eventedit .formtable td.label {
|
|
min-width: 6em;
|
|
}
|
|
|
|
td.topalign {
|
|
vertical-align: top;
|
|
}
|
|
|
|
#eventedit label.weekday,
|
|
#eventedit label.monthday {
|
|
min-width: 3em;
|
|
}
|
|
|
|
#eventedit label.month {
|
|
min-width: 5em;
|
|
}
|
|
|
|
#eventedit .formtable td {
|
|
padding: 0.2em 0;
|
|
}
|
|
|
|
.ui-dialog .event-update-confirm {
|
|
padding: 0 0.5em 0.5em 0.5em;
|
|
}
|
|
|
|
.event-dialog-message,
|
|
.event-update-confirm .message {
|
|
margin-top: 0.5em;
|
|
padding: 0.8em;
|
|
border: 1px solid #ffdf0e;
|
|
background-color: #fef893;
|
|
}
|
|
|
|
.event-dialog-message .message,
|
|
.event-update-confirm .message {
|
|
margin-bottom: 0.5em;
|
|
}
|
|
|
|
.edit-recurring-warning .savemode {
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.event-update-confirm .savemode {
|
|
padding-left: 30px;
|
|
}
|
|
|
|
.event-dialog-message span.ui-icon,
|
|
.event-update-confirm span.ui-icon {
|
|
float: left;
|
|
margin: 0 7px 20px 0;
|
|
}
|
|
|
|
.event-dialog-message label,
|
|
.event-update-confirm label {
|
|
min-width: 3em;
|
|
padding-right: 1em;
|
|
}
|
|
|
|
.event-update-confirm a.button {
|
|
margin: 0 0.5em 0 0.2em;
|
|
min-width: 5em;
|
|
text-align: center;
|
|
}
|
|
|
|
.libcal-rsvp-replymode li a {
|
|
cursor: default;
|
|
}
|
|
|
|
#event-rsvp,
|
|
#edit-attendees-notify {
|
|
margin: 0.6em 0 0.3em 0;
|
|
padding: 0.5em;
|
|
}
|
|
|
|
#event-rsvp .itip-reply-controls {
|
|
margin-top: 0.5em;
|
|
}
|
|
|
|
#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.5em;
|
|
}
|
|
|
|
#eventedit .edit-attendees-table th.role,
|
|
#eventedit .edit-attendees-table td.role {
|
|
width: 9em;
|
|
}
|
|
|
|
#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: 4em;
|
|
}
|
|
|
|
#eventedit .edit-attendees-table th.options,
|
|
#eventedit .edit-attendees-table td.options {
|
|
width: 16px;
|
|
padding: 2px 4px;
|
|
}
|
|
|
|
#eventedit .edit-attendees-table th.invite,
|
|
#eventedit .edit-attendees-table td.invite {
|
|
width: 44px;
|
|
padding: 2px;
|
|
}
|
|
|
|
#eventedit .edit-attendees-table th.invite label {
|
|
display: inline-block;
|
|
position: relative;
|
|
top: 4px;
|
|
width: 24px;
|
|
height: 18px;
|
|
min-width: 24px;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
text-indent: -5000px;
|
|
white-space: nowrap;
|
|
background: url(images/sendinvitation.png) 1px 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;
|
|
}
|
|
|
|
#eventedit .edit-attendees-table td.name select {
|
|
width: 100%;
|
|
}
|
|
|
|
#eventedit .edit-attendees-table td.name .attendee-name {
|
|
display: block;
|
|
position: relative;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
padding: 5px 7px 6px;
|
|
margin: -5px -7px -6px;
|
|
}
|
|
|
|
#eventedit .edit-attendees-table a.deletelink {
|
|
display: inline-block;
|
|
width: 17px;
|
|
height: 17px;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
text-indent: 1000px;
|
|
}
|
|
|
|
#eventedit .edit-attendees-table a.expandlink {
|
|
position: absolute;
|
|
top: 4px;
|
|
right: 6px;
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
|
|
#edit-attendees-form,
|
|
#edit-resources-form {
|
|
position: relative;
|
|
margin-top: 15px;
|
|
}
|
|
|
|
#edit-attendees-form .attendees-invitebox {
|
|
text-align: right;
|
|
margin: 0;
|
|
}
|
|
|
|
#edit-attendees-form .attendees-invitebox label {
|
|
padding-right: 3px;
|
|
}
|
|
|
|
#edit-resources-form #edit-resource-find {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
|
|
#edit-attendees-form #edit-attendee-schedule {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.edit-attendees-table select.edit-attendee-role {
|
|
border: 0;
|
|
padding: 2px;
|
|
background: white;
|
|
width: 100%;
|
|
}
|
|
|
|
.availability img.availabilityicon {
|
|
margin: 1px;
|
|
width: 14px;
|
|
height: 14px;
|
|
border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
}
|
|
|
|
.availability img.availabilityicon.loading {
|
|
background: url(images/loading_blue.gif) center no-repeat;
|
|
}
|
|
|
|
#schedule-freebusy-times td div.unknown,
|
|
.availability img.availabilityicon.unknown {
|
|
background: #ddd;
|
|
}
|
|
|
|
#schedule-freebusy-times td div.free,
|
|
.availability img.availabilityicon.free {
|
|
background: #abd640;
|
|
}
|
|
|
|
#schedule-freebusy-times td div.busy,
|
|
.availability img.availabilityicon.busy {
|
|
background: #e26569;
|
|
}
|
|
|
|
#schedule-freebusy-times td div.tentative,
|
|
.availability img.availabilityicon.tentative {
|
|
background: #8383fc;
|
|
}
|
|
|
|
#schedule-freebusy-times td div.out-of-office,
|
|
.availability img.availabilityicon.out-of-office {
|
|
background: #fbaa68;
|
|
}
|
|
|
|
#schedule-freebusy-times td div.all-busy,
|
|
#schedule-freebusy-times td div.all-tentative,
|
|
#schedule-freebusy-times td div.all-out-of-office {
|
|
background-image: url(images/freebusy-colors.png);
|
|
background-position: top right;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
#schedule-freebusy-times td div.all-tentative {
|
|
background-position: right -40px;
|
|
}
|
|
|
|
#schedule-freebusy-times td div.all-out-of-office {
|
|
background-position: right -80px;
|
|
}
|
|
|
|
#edit-attendees-legend {
|
|
margin-top: 3em;
|
|
margin-bottom: 0.5em;
|
|
}
|
|
|
|
#edit-attendees-legend .legend {
|
|
margin-right: 2em;
|
|
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: 20px;
|
|
background: url(images/attendee-status.png) 5px 0 no-repeat;
|
|
}
|
|
|
|
.edit-attendees-table td.confirmstate span.needs-action {
|
|
}
|
|
|
|
.edit-attendees-table td.confirmstate span.accepted {
|
|
background-position: 5px -20px;
|
|
}
|
|
|
|
.edit-attendees-table td.confirmstate span.declined {
|
|
background-position: 5px -40px;
|
|
}
|
|
|
|
.edit-attendees-table td.confirmstate span.tentative {
|
|
background-position: 5px -60px;
|
|
}
|
|
|
|
.edit-attendees-table td.confirmstate span.delegated {
|
|
background-position: 5px -180px;
|
|
}
|
|
|
|
#attendees-freebusy-table {
|
|
width: 100%;
|
|
table-layout: fixed;
|
|
border: 1px solid #bbd3da;
|
|
}
|
|
|
|
#attendees-freebusy-table td.attendees {
|
|
width: 18em;
|
|
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: 4px 4px 4px 1px;
|
|
background: url(images/attendee-status.png) 2px -97px no-repeat;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.attendees-list a.attendee-role-toggle {
|
|
display: inline-block;
|
|
width: 16px;
|
|
margin-right: 3px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.attendees-list div.attendee {
|
|
border-top: 1px solid #ccc;
|
|
}
|
|
|
|
.attendees-list span.attendee {
|
|
padding-left: 20px;
|
|
margin-right: 2em;
|
|
}
|
|
|
|
.attendees-list .organizer {
|
|
background-position: 3px -77px;
|
|
}
|
|
|
|
.attendees-list .opt-participant {
|
|
background-position: 2px -117px;
|
|
}
|
|
|
|
.attendees-list .non-participant {
|
|
background-position: 2px -137px;
|
|
}
|
|
|
|
.attendees-list .chair {
|
|
background-position: 2px -157px;
|
|
}
|
|
|
|
.attendees-list .loading {
|
|
background: url(images/loading_blue.gif) 1px 50% no-repeat;
|
|
}
|
|
|
|
.attendees-list .total {
|
|
background: none;
|
|
padding-left: 4px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.attendees-list .spacer,
|
|
#schedule-freebusy-times tr.spacer td {
|
|
background: 0;
|
|
padding: 0;
|
|
height: 10px;
|
|
}
|
|
|
|
#schedule-freebusy-times {
|
|
border-collapse: collapse;
|
|
width: 100%;
|
|
}
|
|
|
|
#schedule-freebusy-times td {
|
|
padding: 4px;
|
|
border: 1px solid #ccc;
|
|
}
|
|
|
|
#schedule-freebusy-times tbody td {
|
|
padding: 0;
|
|
height: 20px;
|
|
}
|
|
|
|
#schedule-freebusy-times tbody td div {
|
|
height: 100%;
|
|
}
|
|
|
|
#attendees-freebusy-table div.timesheader,
|
|
#schedule-freebusy-times tr.times td {
|
|
min-width: 30px;
|
|
font-size: 9px;
|
|
padding: 5px 2px 6px 2px;
|
|
text-align: center;
|
|
color: #004658;
|
|
}
|
|
|
|
#schedule-freebusy-times tr.times td.allday {
|
|
min-width: 60px;
|
|
}
|
|
|
|
#schedule-freebusy-times tr.times td {
|
|
cursor: pointer;
|
|
}
|
|
|
|
#schedule-freebusy-times #fbrowall td {
|
|
border-bottom: none;
|
|
}
|
|
|
|
#schedule-event-time {
|
|
position: absolute;
|
|
border: 2px solid #333;
|
|
background: #777;
|
|
background: rgba(60, 60, 60, 0.6);
|
|
opacity: 0.5;
|
|
border-radius: 4px;
|
|
cursor: move;
|
|
filter: alpha(opacity=40); /* IE8 */
|
|
}
|
|
|
|
#eventfreebusy .schedule-options {
|
|
position: relative;
|
|
margin-bottom: 1.5em;
|
|
}
|
|
|
|
#eventfreebusy .schedule-buttons {
|
|
position: absolute;
|
|
top: 0.5em;
|
|
right: 0;
|
|
margin-right: 0;
|
|
}
|
|
|
|
#eventfreebusy .schedule-find-buttons {
|
|
padding-bottom:0.5em;
|
|
}
|
|
|
|
#eventfreebusy .schedule-find-buttons button {
|
|
min-width: 9em;
|
|
text-align: center;
|
|
}
|
|
|
|
#eventedit .attendees-commentbox label {
|
|
display: block;
|
|
}
|
|
|
|
#eventedit .ui-tabs-panel {
|
|
min-height: 24em;
|
|
}
|
|
|
|
#rcmKSearchpane ul li.resource i.icon,
|
|
#rcmKSearchpane ul li.collection i.icon {
|
|
background-image: url(images/autocomplete.png);
|
|
background-position: -1px -2px;
|
|
}
|
|
|
|
#rcmKSearchpane ul li.collection i.icon {
|
|
background-position: -1px -26px;
|
|
}
|
|
|
|
a.dropdown-link {
|
|
font-size: 11px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a.dropdown-link:after {
|
|
content: ' ▼';
|
|
font-size: 10px;
|
|
color: #666;
|
|
}
|
|
|
|
.ui-dialog-buttonset a.dropdown-link {
|
|
position: relative;
|
|
top: 2px;
|
|
margin: 0 1em;
|
|
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: 6px;
|
|
width: 20px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.ui-autocomplete {
|
|
max-height: 160px;
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
.ui-autocomplete .ui-menu-item {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
* html .ui-autocomplete {
|
|
height: 160px;
|
|
}
|
|
|
|
.calendarmain span.spacer {
|
|
padding-left: 3em;
|
|
}
|
|
|
|
#agendaoptions {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: auto;
|
|
z-index: 10;
|
|
padding: 4px 5px;
|
|
border: 1px solid #c3c3c3;
|
|
border-top-color: #ddd;
|
|
border-bottom-color: #bbb;
|
|
border-radius: 0 0 4px 4px;
|
|
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: 1px 1px #fff;
|
|
padding-right: 0.5em;
|
|
}
|
|
|
|
#calendar-kolabform {
|
|
position: relative;
|
|
margin: 0 -8px;
|
|
min-width: 660px;
|
|
min-height: 400px;
|
|
}
|
|
|
|
#calendar-kolabform table td.title {
|
|
font-weight: bold;
|
|
white-space: nowrap;
|
|
color: #666;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
#resource-selection {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 8px;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
#resource-selection .scroller {
|
|
top: 34px;
|
|
}
|
|
|
|
#resource-dialog-left {
|
|
position: absolute;
|
|
top: 10px;
|
|
left: 0;
|
|
width: 380px;
|
|
bottom: 10px;
|
|
}
|
|
|
|
#resource-dialog-right {
|
|
position: absolute;
|
|
top: 10px;
|
|
left: 392px;
|
|
right: 8px;
|
|
bottom: 10px;
|
|
}
|
|
|
|
#resource-info {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 48%;
|
|
}
|
|
|
|
#resource-info table {
|
|
margin: 8px;
|
|
width: 97%;
|
|
}
|
|
|
|
#resource-info thead td {
|
|
background: none;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
}
|
|
|
|
#resource-availability {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 49%;
|
|
}
|
|
|
|
#resource-freebusy-calendar {
|
|
position: absolute;
|
|
top: 33px;
|
|
left: -1px;
|
|
right: -1px;
|
|
bottom: -1px;
|
|
}
|
|
|
|
#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: 4px;
|
|
background: #c7e3ef;
|
|
}
|
|
|
|
#resourcesearchbox {
|
|
width: 100%;
|
|
height: 26px;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
#resourcequicksearch .iconbutton.searchoptions {
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 6px;
|
|
width: 16px;
|
|
}
|
|
|
|
.searchbox .iconbutton.reset {
|
|
position: absolute;
|
|
top: 4px;
|
|
right: 1px;
|
|
}
|
|
|
|
|
|
|
|
/* fullcalendar style overrides */
|
|
|
|
.rcube-fc-content {
|
|
overflow: hidden;
|
|
border: 0;
|
|
border-radius: 4px;
|
|
box-shadow: 0 0 2px #999;
|
|
-o-box-shadow: 0 0 2px #999;
|
|
-webkit-box-shadow: 0 0 2px #999;
|
|
-moz-box-shadow: 0 0 2px #999;
|
|
}
|
|
|
|
.calendarmain .fc-content {
|
|
position: absolute !important;
|
|
top: 40px;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: #fff;
|
|
}
|
|
|
|
.calendarmain.quickview-active .fc-content {
|
|
background-image: url('images/focusview.png');
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
#fish-eye-view .fc-content {
|
|
top: 2px;
|
|
bottom: 2px;
|
|
}
|
|
|
|
#quickview-calendar {
|
|
padding: 8px;
|
|
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: 20px;
|
|
line-height: 20px;
|
|
color: #505050;
|
|
text-shadow: 0px 1px 1px #fff;
|
|
border: 1px 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 1px 1px 0 #999;
|
|
-o-box-shadow: 0 1px 1px 0 #999;
|
|
-webkit-box-shadow: 0 1px 1px 0 #999;
|
|
-moz-box-shadow: 0 1px 1px 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: -1px;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.calendarmain #calendar .fc-header-left .fc-button {
|
|
display: inline-block;
|
|
margin: 0;
|
|
text-align: center;
|
|
font-size: 10px;
|
|
color: #555;
|
|
min-width: 50px;
|
|
max-width: 75px;
|
|
height: 13px;
|
|
line-height: 1em;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
margin: -7px 0 0 0;
|
|
padding: 28px 2px 0 2px;
|
|
text-shadow: 0px 1px 1px #EEE;
|
|
border: 0;
|
|
background: url(images/toolbar.png) center 100px 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: 0px 1px 1px #666;
|
|
background-color: rgba(30,150,192, 0.5);
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.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 -120px;
|
|
}
|
|
|
|
.calendarmain #calendar .fc-header-left .fc-button-agendaDay.fc-state-active {
|
|
background-position: center -160px;
|
|
}
|
|
|
|
.calendarmain #calendar .fc-header-left .fc-button-agendaWeek {
|
|
background-position: center -200px;
|
|
}
|
|
|
|
.calendarmain #calendar .fc-header-left .fc-button-agendaWeek.fc-state-active {
|
|
background-position: center -240px;
|
|
}
|
|
|
|
.calendarmain #calendar .fc-header-left .fc-button-month {
|
|
background-position: center -280px;
|
|
}
|
|
|
|
.calendarmain #calendar .fc-header-left .fc-button-month.fc-state-active {
|
|
background-position: center -320px;
|
|
}
|
|
|
|
.calendarmain #calendar .fc-header-left .fc-button-table {
|
|
background-position: center -360px;
|
|
}
|
|
|
|
.calendarmain #calendar .fc-header-left .fc-button-table.fc-state-active {
|
|
background-position: center -400px;
|
|
}
|
|
|
|
.calendarmain #calendar .fc-header-right {
|
|
padding-right: 252px;
|
|
padding-top: 4px;
|
|
}
|
|
|
|
.calendarmain #calendar .fc-header-title {
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.fc-event {
|
|
font-size: 1em !important;
|
|
}
|
|
|
|
.fc-event-hori.fc-type-freebusy,
|
|
.fc-event-vert.fc-type-freebusy {
|
|
opacity: 0.60;
|
|
/*
|
|
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;
|
|
border-color: #444 !important;
|
|
cursor: default !important;
|
|
*/
|
|
-moz-box-shadow: inset 0px 1px 0 0px #888;
|
|
-webkit-box-shadow: inset 0px 1px 0 0px #888;
|
|
-o-box-shadow: inset 0px 1px 0 0px #888;
|
|
box-shadow: inset 0px 1px 0 0px #888;
|
|
}
|
|
|
|
.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 1px 1px #000;
|
|
*/
|
|
}
|
|
|
|
.fc-event-hori.fc-type-freebusy .fc-event-title,
|
|
.fc-event-vert.fc-type-freebusy .fc-event-title {
|
|
position: absolute;
|
|
top: -5000px;
|
|
}
|
|
|
|
.fc-event-vert.fc-invitation-needs-action,
|
|
.fc-event-hori.fc-invitation-needs-action {
|
|
border: 1px dashed #5757c7 !important;
|
|
}
|
|
|
|
.fc-event-vert.fc-invitation-tentative,
|
|
.fc-event-hori.fc-invitation-tentative {
|
|
border: 1px dashed #eb8900 !important;
|
|
}
|
|
|
|
.fc-event-vert.fc-invitation-declined,
|
|
.fc-event-hori.fc-invitation-declined {
|
|
border: 1px dashed #c00 !important;
|
|
}
|
|
|
|
.fc-event-vert.fc-event-ns-other.fc-invitation-declined,
|
|
.fc-event-hori.fc-event-ns-other.fc-invitation-declined {
|
|
opacity: 0.7;
|
|
}
|
|
|
|
.fc-event-ns-other.fc-invitation-declined .fc-event-title {
|
|
text-decoration: line-through;
|
|
}
|
|
|
|
.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: 1px solid rgba(71,135,177, 0.4);
|
|
-webkit-box-shadow: 0 0 2px 3px rgba(71,135,177, 0.6);
|
|
-moz-box-shadow: 0 0 2px 3px rgba(71,135,177, 0.6);
|
|
-o-box-shadow: 0 0 2px 3px rgba(71,135,177, 0.6);
|
|
box-shadow: 0 0 2px 3px 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: 10px;
|
|
padding-right: 0.6em;
|
|
}
|
|
|
|
.fc-grid .fc-event-time {
|
|
font-weight: normal !important;
|
|
padding-right: 0.3em;
|
|
}
|
|
|
|
.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: 1px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.fc-agenda-slots td div {
|
|
height: 22px;
|
|
}
|
|
|
|
.fc-sat, .fc-sun {
|
|
background-color: rgba(198,198,198, 0.08);
|
|
}
|
|
|
|
.calendarmain .fc-state-highlight {
|
|
background-color: rgba(233,198,14, 0.12);
|
|
}
|
|
|
|
.fc-widget-header {
|
|
background-color: #d6eaf3;
|
|
color: #004458;
|
|
text-shadow: 0px 1px 1px #fff;
|
|
}
|
|
|
|
.fc-view thead th.fc-widget-header {
|
|
padding: 8px 0;
|
|
color: #69939e;
|
|
}
|
|
|
|
.fc-day-number {
|
|
color: #578da5;
|
|
}
|
|
|
|
.fc-icon-alarms,
|
|
.fc-icon-sensitive,
|
|
.fc-icon-recurring {
|
|
display: inline-block;
|
|
width: 11px;
|
|
height: 11px;
|
|
background: url(images/eventicons.png) 0 0 no-repeat;
|
|
margin-left: 3px;
|
|
line-height: 10px;
|
|
}
|
|
|
|
.fc-icon-alarms {
|
|
background-position: 0 -13px;
|
|
}
|
|
|
|
.fc-icon-sensitive {
|
|
background-position: 0 -25px;
|
|
}
|
|
|
|
.fc-list-section .fc-event {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.calendarmain .fc-view-table td.fc-list-header {
|
|
color: #004458;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.calendarmain .fc-view-table tr.fc-event td {
|
|
border-color: #ddd;
|
|
padding: 4px 7px;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.calendarmain .fc-view-table tr.fc-event td.fc-event-handle {
|
|
padding: 5px 0 2px 7px;
|
|
width: 12px;
|
|
}
|
|
|
|
.calendarmain .fc-view-table .fc-event-handle .fc-event-skin {
|
|
margin: 0;
|
|
padding: 0;
|
|
display: inline-block;
|
|
width: 10px;
|
|
height: 10px;
|
|
font-size: 6px;
|
|
border-radius: 8px;
|
|
}
|
|
|
|
.calendarmain .fc-view-table .fc-event-handle .fc-event-inner {
|
|
display: inline-block;
|
|
width: 10px;
|
|
height: 10px;
|
|
padding: 0;
|
|
margin: -1px;
|
|
font-size: 10px;
|
|
border-radius: 8px;
|
|
border: 1px solid rgba(0, 0, 0, 0.4);
|
|
-webkit-box-shadow: inset 0px 0 1px 1px rgba(0, 0, 0, 0.3);
|
|
-moz-box-shadow: inset 0px 0 1px 1px rgba(0, 0, 0, 0.3);
|
|
box-shadow: inset 0px 0 1px 1px 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: 1em 0;
|
|
}
|
|
|
|
.fc-listappend .message {
|
|
padding: 0.5em;
|
|
margin-bottom: 0.5em;
|
|
font-size: 150%;
|
|
color: #999;
|
|
}
|
|
|
|
.fc-listappend .formlinks a {
|
|
font-size: 12px;
|
|
padding: 0 0.3em;
|
|
}
|
|
|
|
.fc-event-temp {
|
|
opacity: 0.4;
|
|
filter: alpha(opacity=40); /* IE8 */
|
|
}
|
|
|
|
/* Settings section */
|
|
|
|
fieldset #calendarcategories div {
|
|
margin-bottom: 0.3em;
|
|
}
|
|
|
|
/* Invitation UI in mail */
|
|
|
|
.messagelist tbody .attachment span.ical {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
height: 18px;
|
|
width: 20px;
|
|
padding: 0;
|
|
background: url(images/ical-attachment.png) 2px 1px no-repeat;
|
|
}
|
|
|
|
ul.toolbarmenu li a.calendarlink span.calendar,
|
|
#attachmentmenu li a.calendarlink span.calendar {
|
|
background-position: 0px -2197px;
|
|
}
|
|
|
|
div.calendar-invitebox {
|
|
min-height: 20px;
|
|
margin: 5px 8px;
|
|
padding: 3px 6px 6px 34px;
|
|
border: 1px solid #ffdf0e;
|
|
background: url(images/calendar.png) 6px 5px no-repeat #fef893;
|
|
}
|
|
|
|
div.calendar-invitebox td.ititle {
|
|
font-weight: bold;
|
|
padding-right: 0.5em;
|
|
}
|
|
|
|
div.calendar-invitebox td {
|
|
padding: 2px;
|
|
}
|
|
|
|
div.calendar-invitebox td.label {
|
|
color: #666;
|
|
padding-right: 1em;
|
|
}
|
|
|
|
div.calendar-invitebox td.sensitivity {
|
|
color: #d31400;
|
|
font-weight: bold;
|
|
}
|
|
|
|
div.calendar-invitebox td.recurrence-id {
|
|
text-transform: uppercase;
|
|
font-style: italic;
|
|
}
|
|
|
|
div.calendar-invitebox td em {
|
|
font-weight: bold;
|
|
}
|
|
|
|
div.calendar-invitebox td.date.modified {
|
|
font-weight: bold;
|
|
color: red;
|
|
}
|
|
|
|
#event-rsvp .rsvp-buttons,
|
|
div.calendar-invitebox .itip-buttons div {
|
|
margin-top: 0.5em;
|
|
}
|
|
|
|
#event-rsvp input.button,
|
|
div.calendar-invitebox input.button {
|
|
font-weight: bold;
|
|
margin-right: 0.5em;
|
|
}
|
|
|
|
div.calendar-invitebox input.button.preview {
|
|
margin-left: 1em;
|
|
margin-right: 0;
|
|
}
|
|
|
|
div.calendar-invitebox .folder-select {
|
|
font-weight: 10px;
|
|
margin-left: 1em;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
div.calendar-invitebox .rsvp-status {
|
|
padding-left: 2px;
|
|
}
|
|
|
|
div.calendar-invitebox .rsvp-status.loading {
|
|
color: #666;
|
|
padding: 1px 0 2px 24px;
|
|
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 1px 22px;
|
|
background: url(images/attendee-status.png) 2px -20px no-repeat;
|
|
}
|
|
|
|
#event-partstat .changersvp.declined,
|
|
div.calendar-invitebox .rsvp-status.declined {
|
|
background-position: 2px -40px;
|
|
}
|
|
|
|
#event-partstat .changersvp.tentative,
|
|
div.calendar-invitebox .rsvp-status.tentative {
|
|
background-position: 2px -60px;
|
|
}
|
|
|
|
#event-partstat .changersvp.delegated,
|
|
div.calendar-invitebox .rsvp-status.delegated {
|
|
background-position: 2px -180px;
|
|
}
|
|
|
|
#event-partstat .changersvp.needs-action,
|
|
div.calendar-invitebox .rsvp-status.needs-action {
|
|
background-position: 2px 0;
|
|
}
|
|
|
|
div.calendar-invitebox .calendar-agenda-preview {
|
|
display: none;
|
|
border-top: 1px solid #dfdfdf;
|
|
margin-top: 1em;
|
|
padding-top: 0.6em;
|
|
}
|
|
|
|
div.calendar-invitebox .calendar-agenda-preview h3.preview-title {
|
|
margin: 0 0 0.5em 0;
|
|
font-size: 12px;
|
|
color: #333;
|
|
}
|
|
|
|
div.calendar-invitebox .calendar-agenda-preview .event-row {
|
|
color: #777;
|
|
padding: 2px 0;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
div.calendar-invitebox .calendar-agenda-preview .event-row.current {
|
|
color: #333;
|
|
font-weight: bold;
|
|
}
|
|
|
|
div.calendar-invitebox .calendar-agenda-preview .event-row.no-event {
|
|
font-style: italic;
|
|
}
|
|
|
|
div.calendar-invitebox .calendar-agenda-preview .event-date {
|
|
display: inline-block;
|
|
min-width: 8em;
|
|
margin-right: 1em;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
|
|
/* iTIP attend reply page */
|
|
|
|
.calendaritipattend .centerbox {
|
|
width: 40em;
|
|
min-height: 7em;
|
|
margin: 80px auto 0 auto;
|
|
padding: 10px 10px 10px 90px;
|
|
background: url(images/invitation.png) 10px 10px no-repeat #fff;
|
|
}
|
|
|
|
.calendaritipattend #message {
|
|
width: 46em;
|
|
margin: 0 auto;
|
|
padding: 10px;
|
|
}
|
|
|
|
.calendaritipattend .calendar-invitebox {
|
|
background: none;
|
|
padding-left: 0;
|
|
border: 0;
|
|
margin: 0 0 2em 0;
|
|
}
|
|
|
|
.calendaritipattend .calendar-invitebox .rsvp-status {
|
|
margin-top: 2.5em;
|
|
font-size: 110%;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.calendaritipattend .calendar-invitebox td.title,
|
|
.calendaritipattend .calendar-invitebox td.ititle {
|
|
font-size: 120%;
|
|
}
|
|
|
|
.calendaritipattend .itip-reply-controls .noreply-toggle,
|
|
.calendaritipattend .itip-reply-controls #noreply-event-rsvp {
|
|
display: none;
|
|
}
|
|
|
|
.calendaritipattend .itip-reply-controls a.reply-comment-toggle {
|
|
margin-left: 2px;
|
|
}
|
|
|