2011-09-23 20:59:24 +00:00
|
|
|
/**
|
|
|
|
* Copyright (c) 2011 Georg Ehrke <ownclouddev at georgswebsite dot de>
|
|
|
|
* This file is licensed under the Affero General Public License version 3 or
|
|
|
|
* later.
|
|
|
|
* See the COPYING-README file.
|
|
|
|
*/
|
2011-08-11 09:22:07 +00:00
|
|
|
|
2011-10-04 19:39:13 +00:00
|
|
|
#view { float: left; font-size: 12px; height: 100%;}
|
2011-08-12 12:29:45 +00:00
|
|
|
#datecontrol {text-align: center;}
|
|
|
|
#datecontrol_date_label {margin: 0; padding: 0; font-size: 12px;}
|
2013-02-08 14:08:27 +00:00
|
|
|
#choosecalendar {margin-right: 10px; float: right; font-size: 12px;}
|
2011-08-12 12:29:45 +00:00
|
|
|
|
|
|
|
#choosecalendar_dialog {display: none;}
|
|
|
|
#newentry_dialog {display: none;}
|
|
|
|
#editentry_dialog {display: none;}
|
|
|
|
#parsingfail_dialog{display: none;}
|
2013-12-19 21:12:32 +00:00
|
|
|
#dialog_holder {display: none;}
|
2011-08-12 12:29:45 +00:00
|
|
|
|
2012-01-17 18:38:38 +00:00
|
|
|
#loading { display: none;margin: 0;padding:0;margin-top:5px;}
|
2011-12-27 20:48:04 +00:00
|
|
|
|
2013-10-20 18:58:53 +00:00
|
|
|
#fullcalendar {
|
|
|
|
position: relative;
|
|
|
|
bottom: 0;
|
|
|
|
right: 0;
|
|
|
|
left: 0;
|
|
|
|
top: 43px;
|
|
|
|
}
|
2011-09-07 13:13:26 +00:00
|
|
|
#listview {margin: 0; padding: 10px; background: #EEEEEE;}
|
|
|
|
#listview #more_before, #listview #more_after {border: 1px solid #1a1a1a; width:25em;padding: 3px;text-align: center;}
|
|
|
|
#listview #events {width:25em;padding: 4px;}
|
|
|
|
#listview #events .day {width:auto;padding-left:10px;border-bottom: 2px solid #EEEEEE;text-align:left;}
|
2011-08-12 12:29:45 +00:00
|
|
|
|
|
|
|
.actions {height: 33px; min-width: 800px;}
|
2013-05-16 15:03:08 +00:00
|
|
|
.actionsfloatleft {float:left;margin-left: 1.4em;}
|
|
|
|
.actionsfloatright {float:right;margin-right: 1.4em;}
|
2011-08-12 12:29:45 +00:00
|
|
|
.controls {min-width: 800px;}
|
|
|
|
.center {text-align: center;}
|
2011-09-02 10:55:56 +00:00
|
|
|
.dateinfo {height: 20px;width: 100%; overflow: hidden; margin-top: 0; padding: 0; font-size: 12px;background: #F7F7F7;}
|
2011-09-20 12:38:16 +00:00
|
|
|
.events {width: 100%; margin: 0; padding: 0;min-height: 100px;}
|
2011-08-12 12:29:45 +00:00
|
|
|
.calendar_row {height: 20px; text-align: center;background: #ffffff;}
|
2011-09-03 12:05:20 +00:00
|
|
|
#oneweekview .calendar_row {width: 13.5%;}
|
2011-08-12 12:29:45 +00:00
|
|
|
.calendar_time {height: 20px; width: 50px; text-align:right;background: #ffffff;}
|
2011-09-02 14:44:25 +00:00
|
|
|
.day {text-align: center; background: #ffffff; margin: 0; padding: 0; vertical-align: top; width: 14%; height: 22%;}
|
2011-09-20 12:38:16 +00:00
|
|
|
.weekend {background: #F3F3F3; }
|
2011-08-12 12:29:45 +00:00
|
|
|
.weekend_thead, .weekend_row{height: 20px;text-align: center;text-align: center;background: #F3F3F3;}
|
2011-09-20 12:38:16 +00:00
|
|
|
.thisday{background: #FFFABC;}
|
2011-09-03 20:13:14 +00:00
|
|
|
.event {position:relative;}
|
2011-09-28 21:16:32 +00:00
|
|
|
.event.colored {border-bottom: 1px solid white;}
|
2011-09-02 21:51:18 +00:00
|
|
|
|
2011-09-16 12:02:21 +00:00
|
|
|
#fromtime, #totime {
|
|
|
|
color:#333;
|
|
|
|
}
|
|
|
|
#fromtime.disabled, #totime.disabled {
|
|
|
|
color:#A9A9A9;
|
|
|
|
}
|
2011-09-22 20:22:52 +00:00
|
|
|
select#category{width:140px;}
|
|
|
|
button.category{margin:0 3px;}
|
2011-10-03 18:32:31 +00:00
|
|
|
|
2011-10-07 14:03:26 +00:00
|
|
|
.calendar-colorpicker-color{display:inline-block;width:20px;height:20px;margin-right:2px;cursor:pointer;border:2px solid transparent;}
|
|
|
|
.calendar-colorpicker-color.active{border:2px solid black;}
|
2011-10-20 20:18:17 +00:00
|
|
|
|
2013-11-20 15:49:36 +00:00
|
|
|
#event {
|
|
|
|
height: initial !important;
|
|
|
|
padding: 0;
|
|
|
|
margin: -5px 0 5px;
|
|
|
|
}
|
2012-01-31 15:49:21 +00:00
|
|
|
|
2013-11-21 10:24:49 +00:00
|
|
|
|
|
|
|
|
|
|
|
#sharewith {
|
|
|
|
-moz-box-sizing: border-box;
|
|
|
|
box-sizing: border-box;
|
|
|
|
width: 100%;
|
|
|
|
margin: 5px 0 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.sharedby li {
|
|
|
|
padding: 7px 0;
|
|
|
|
}
|
|
|
|
.sharedby .shareactions {
|
|
|
|
float: right;
|
|
|
|
clear: both;
|
|
|
|
}
|
|
|
|
.sharedby .shareactions label {
|
|
|
|
padding: 9px 5px;
|
|
|
|
}
|
|
|
|
.sharedby .shareactions input {
|
|
|
|
vertical-align: middle;
|
|
|
|
}
|
|
|
|
.sharedby .shareactions .delete {
|
|
|
|
float: right;
|
|
|
|
padding: 3px;
|
|
|
|
}
|
2012-09-02 07:36:51 +00:00
|
|
|
|
2013-07-16 20:54:56 +00:00
|
|
|
.fc-state-highlight { background: #ffa; }
|
|
|
|
|
2011-10-20 20:18:17 +00:00
|
|
|
.fc-list-table
|
|
|
|
{
|
|
|
|
margin: 10px;
|
|
|
|
border-style: hidden;
|
|
|
|
border-width: 10px;
|
|
|
|
padding: 10px;
|
|
|
|
vertical-align: top;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
.fc-list-table tr:hover
|
|
|
|
{
|
|
|
|
color: #0000FF;
|
|
|
|
background-color: #CCFFCC;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.fc-list-date
|
|
|
|
{
|
|
|
|
margin: 16px;
|
|
|
|
white-space: nowrap;
|
|
|
|
text-align: left;
|
|
|
|
width: 100%;
|
|
|
|
background-color: #808080;
|
|
|
|
color: #FFFFFF;
|
|
|
|
font-weight: bold;
|
|
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
|
|
}
|
|
|
|
.fc-list-time
|
|
|
|
{
|
|
|
|
text-align: center;
|
|
|
|
white-space: nowrap;
|
|
|
|
width: 1%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.fc-list-event
|
|
|
|
{
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
.fc-list-event .fc-event-title
|
|
|
|
{
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
2012-08-09 10:36:00 +00:00
|
|
|
|
|
|
|
#fullcalendar{
|
2013-02-05 12:42:28 +00:00
|
|
|
overflow: auto;
|
2013-04-02 05:09:26 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.ui-timepicker-hour-cell *, .ui-timepicker-minute-cell *{
|
|
|
|
text-overflow: clip !important;
|
2013-05-16 15:03:08 +00:00
|
|
|
}
|
2013-09-28 12:06:14 +00:00
|
|
|
|
|
|
|
.link{
|
|
|
|
color:#148cf6;
|
2013-10-20 18:39:33 +00:00
|
|
|
}
|
2013-11-18 11:41:29 +00:00
|
|
|
|
|
|
|
|
2013-11-18 15:10:20 +00:00
|
|
|
/* fit buttons to control bar */
|
2013-11-18 14:09:33 +00:00
|
|
|
#controls input[type="button"] {
|
|
|
|
height: 38px;
|
|
|
|
margin: 0;
|
|
|
|
font-weight: normal;
|
|
|
|
}
|
|
|
|
#controls #view, #controls #datecontrol {
|
|
|
|
margin: 3px;
|
|
|
|
}
|
|
|
|
#controls #datecontrol_date,
|
|
|
|
#controls input[type="button"].active {
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
2013-11-18 11:41:29 +00:00
|
|
|
|
2014-02-10 23:03:33 +00:00
|
|
|
#controls .settings.timezonesettings {
|
|
|
|
float:right;
|
|
|
|
}
|
|
|
|
|
2014-02-10 23:59:58 +00:00
|
|
|
#controls .settings.timezonesettings > .chzn-container {
|
2014-02-10 23:03:33 +00:00
|
|
|
position:relative;
|
|
|
|
top:0.5em;
|
|
|
|
}
|
2014-02-11 01:39:01 +00:00
|
|
|
header + .settings.timezonesettings {
|
|
|
|
float:right;
|
|
|
|
margin-top:-1.2em;
|
|
|
|
}
|
|
|
|
header + .settings.timezonesettings > .chzn-container {
|
|
|
|
position:relative;
|
|
|
|
top:0.5em;
|
|
|
|
}
|
2014-02-10 23:03:33 +00:00
|
|
|
|
2013-11-18 19:11:12 +00:00
|
|
|
/* input fields take whole width */
|
|
|
|
#event-title,
|
|
|
|
#event-location,
|
|
|
|
#category,
|
|
|
|
#event-description {
|
2013-11-18 11:41:29 +00:00
|
|
|
-moz-box-sizing: border-box;
|
|
|
|
box-sizing: border-box;
|
|
|
|
width: 100%;
|
2013-11-18 19:11:12 +00:00
|
|
|
margin: 3px 0;
|
|
|
|
}
|
|
|
|
/* bigger event title in detail view */
|
|
|
|
#event-title {
|
2013-11-18 11:41:29 +00:00
|
|
|
font-size: 20px;
|
2013-11-18 19:11:12 +00:00
|
|
|
}
|
|
|
|
/* group from and to date fields */
|
|
|
|
#event-time {
|
|
|
|
display: block;
|
|
|
|
margin: 5px 0;
|
|
|
|
}
|
|
|
|
#event-time-from {
|
|
|
|
float: left;
|
|
|
|
}
|
|
|
|
#event-time-to {
|
|
|
|
float: right;
|
|
|
|
}
|
|
|
|
#from, #to {
|
|
|
|
width: 65px;
|
2013-11-18 11:41:29 +00:00
|
|
|
margin: 0;
|
|
|
|
}
|
2013-11-18 19:11:12 +00:00
|
|
|
#fromtime, #totime {
|
|
|
|
margin: 0;
|
2013-12-28 18:36:23 +00:00
|
|
|
width: 80px;
|
2013-11-18 19:11:12 +00:00
|
|
|
}
|
|
|
|
#event-allday {
|
|
|
|
display: inline-block;
|
|
|
|
margin: 7px 0;
|
2014-01-01 17:17:13 +00:00
|
|
|
width: 100%;
|
2013-11-18 19:11:12 +00:00
|
|
|
}
|
|
|
|
/* category input field leaves room for edit button */
|
|
|
|
#category {
|
|
|
|
width: 90%;
|
|
|
|
}
|
|
|
|
#editCategories {
|
|
|
|
display: inline-block;
|
|
|
|
padding: 6px 12px;
|
|
|
|
}
|
|
|
|
/* whole line for buttons of 'Advanced' and 'Export' */
|
|
|
|
#advanced_options_button,
|
|
|
|
#editEvent-export {
|
|
|
|
display: block;
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
/* normal font weight for secondary buttons for less obtrusiveness */
|
|
|
|
#advanced_options_button,
|
|
|
|
#editEvent-export,
|
|
|
|
#editEvent-delete {
|
|
|
|
font-weight: normal;
|
|
|
|
}
|
|
|
|
/* more space for action buttons below */
|
|
|
|
#actions {
|
|
|
|
height: 45px;
|
|
|
|
}
|
|
|
|
|
2013-11-18 11:49:48 +00:00
|
|
|
|
2013-11-18 15:10:20 +00:00
|
|
|
/* make popups scrollable in smaller viewports */
|
2013-11-18 11:49:48 +00:00
|
|
|
.ui-dialog {
|
2013-11-20 15:49:36 +00:00
|
|
|
max-height: 75% !important;
|
|
|
|
top: 15% !important;
|
2013-11-18 11:49:48 +00:00
|
|
|
overflow-y: auto;
|
|
|
|
overflow-x: hidden;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
.ui-dialog .ui-dialog-content {
|
2013-11-18 16:50:13 +00:00
|
|
|
overflow: initial;
|
2013-11-18 11:49:48 +00:00
|
|
|
}
|
|
|
|
#appsettings_popup {
|
2013-11-18 19:11:12 +00:00
|
|
|
max-height: 70%;
|
2013-11-18 11:49:48 +00:00
|
|
|
overflow-y: auto;
|
|
|
|
overflow-x: hidden;
|
|
|
|
}
|
2013-11-18 15:10:20 +00:00
|
|
|
|
2013-11-21 09:36:50 +00:00
|
|
|
/* fix share dropdown being hidden and hiding calendar which will be shared */
|
|
|
|
#appsettings_popup #dropdown {
|
|
|
|
left: 0;
|
|
|
|
margin-top: 20px;
|
|
|
|
}
|
|
|
|
|
2013-11-18 15:10:20 +00:00
|
|
|
/* color weekends */
|
|
|
|
.fc-sat, .fc-sun {
|
|
|
|
background-color: #f8f8f8;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* don't bold weekday names in header */
|
|
|
|
#fullcalendar th {
|
|
|
|
font-weight: normal;
|
|
|
|
color: #aaa;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* lighter border color */
|
|
|
|
.fc-widget-header, .fc-widget-content {
|
|
|
|
border: 1px solid #e8e8e8;
|
|
|
|
}
|
2013-12-20 00:33:23 +00:00
|
|
|
|
|
|
|
#calendar td a.share {
|
|
|
|
display: block;
|
|
|
|
width: 20px;
|
|
|
|
height: 20px;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-position: center;
|
|
|
|
}
|
2014-01-17 00:38:36 +00:00
|
|
|
|
|
|
|
#linksharedinfo {
|
|
|
|
text-align:center;
|
|
|
|
font-weight:bold;
|
2014-02-09 21:38:44 +00:00
|
|
|
background: #1d2d44;
|
2014-01-17 00:38:36 +00:00
|
|
|
color:#ddd;
|
2014-02-09 21:38:44 +00:00
|
|
|
padding:1.2em 0.7em 0.7em 0.7em;
|
2014-01-17 00:38:36 +00:00
|
|
|
position:fixed;
|
|
|
|
top:0px;
|
|
|
|
width:100%;
|
2014-01-20 01:06:09 +00:00
|
|
|
font-size:90%;
|
2014-01-17 00:38:36 +00:00
|
|
|
}
|
|
|
|
|
2014-02-09 21:38:44 +00:00
|
|
|
#linksharedinfo .header-right {
|
|
|
|
float:right;
|
|
|
|
margin-right:1em;
|
|
|
|
}
|
|
|
|
|
2014-01-17 00:38:36 +00:00
|
|
|
#linksharedinfo a {
|
|
|
|
color:inherit;
|
|
|
|
}
|
|
|
|
|
|
|
|
#linksharedinfo a:hover {
|
|
|
|
text-decoration:underline;
|
|
|
|
color:white;
|
|
|
|
}
|
|
|
|
|
2014-02-01 16:24:53 +00:00
|
|
|
#linksharedinfo .download-link {
|
|
|
|
display:inline-block;
|
2014-02-09 21:38:44 +00:00
|
|
|
background: #1d2d44;
|
2014-02-01 16:24:53 +00:00
|
|
|
border:solid 0.1em #ddd;
|
|
|
|
border-radius:0.2em;
|
|
|
|
padding:0.3em 1em;
|
|
|
|
color:#ddd;
|
|
|
|
text-decoration:none;
|
|
|
|
}
|
|
|
|
|
|
|
|
#linksharedinfo .download-link:hover {
|
|
|
|
background:#ddd;
|
|
|
|
border-color:#555;
|
|
|
|
color:#777;
|
|
|
|
text-decoration:none;
|
|
|
|
}
|
|
|
|
|
2014-01-17 00:38:36 +00:00
|
|
|
#linksharedinfo + #controls {
|
2014-02-09 21:38:44 +00:00
|
|
|
top:50px;
|
2014-01-17 00:38:36 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#linksharedinfo + #controls + #fullcalendar {
|
2014-02-09 21:38:44 +00:00
|
|
|
top:50px;
|
2014-01-20 01:06:09 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#event.event.link-shared {
|
|
|
|
max-width:30em;
|
|
|
|
margin:70px auto auto auto;
|
|
|
|
padding:0.5em 1em;
|
|
|
|
}
|
|
|
|
|
|
|
|
#event.event.link-shared table,
|
|
|
|
#event.event.link-shared table * {
|
|
|
|
white-space:normal;
|
|
|
|
}
|
|
|
|
|
|
|
|
#event.event.link-shared .title {
|
|
|
|
font-size:200%;
|
|
|
|
font-weight:bold;
|
|
|
|
}
|
|
|
|
|
|
|
|
#event.event.link-shared .categories {
|
|
|
|
font-weight:bold;
|
|
|
|
font-style:italic;
|
|
|
|
}
|
|
|
|
|
|
|
|
#event.event.link-shared .date,
|
|
|
|
#event.event.link-shared .location,
|
|
|
|
#event.event.link-shared .description {
|
|
|
|
font-weight: bold;
|
2014-01-17 00:38:36 +00:00
|
|
|
}
|