372 lines
7.3 KiB
CSS
372 lines
7.3 KiB
CSS
/**
|
|
* 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.
|
|
*/
|
|
|
|
#view { float: left; font-size: 12px; height: 100%;}
|
|
#datecontrol {text-align: center;}
|
|
#datecontrol_date_label {margin: 0; padding: 0; font-size: 12px;}
|
|
#choosecalendar {margin-right: 10px; float: right; font-size: 12px;}
|
|
|
|
#choosecalendar_dialog {display: none;}
|
|
#newentry_dialog {display: none;}
|
|
#editentry_dialog {display: none;}
|
|
#parsingfail_dialog{display: none;}
|
|
#dialog_holder {display: none;}
|
|
|
|
#loading { display: none;margin: 0;padding:0;margin-top:5px;}
|
|
|
|
#fullcalendar {
|
|
position: relative;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
top: 43px;
|
|
}
|
|
#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;}
|
|
|
|
.actions {height: 33px; min-width: 800px;}
|
|
.actionsfloatleft {float:left;margin-left: 1.4em;}
|
|
.actionsfloatright {float:right;margin-right: 1.4em;}
|
|
.controls {min-width: 800px;}
|
|
.center {text-align: center;}
|
|
.dateinfo {height: 20px;width: 100%; overflow: hidden; margin-top: 0; padding: 0; font-size: 12px;background: #F7F7F7;}
|
|
.events {width: 100%; margin: 0; padding: 0;min-height: 100px;}
|
|
.calendar_row {height: 20px; text-align: center;background: #ffffff;}
|
|
#oneweekview .calendar_row {width: 13.5%;}
|
|
.calendar_time {height: 20px; width: 50px; text-align:right;background: #ffffff;}
|
|
.day {text-align: center; background: #ffffff; margin: 0; padding: 0; vertical-align: top; width: 14%; height: 22%;}
|
|
.weekend {background: #F3F3F3; }
|
|
.weekend_thead, .weekend_row{height: 20px;text-align: center;text-align: center;background: #F3F3F3;}
|
|
.thisday{background: #FFFABC;}
|
|
.event {position:relative;}
|
|
.event.colored {border-bottom: 1px solid white;}
|
|
|
|
#fromtime, #totime {
|
|
color:#333;
|
|
}
|
|
#fromtime.disabled, #totime.disabled {
|
|
color:#A9A9A9;
|
|
}
|
|
select#category{width:140px;}
|
|
button.category{margin:0 3px;}
|
|
|
|
.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;}
|
|
|
|
#event {
|
|
height: initial !important;
|
|
padding: 0;
|
|
margin: -5px 0 5px;
|
|
}
|
|
|
|
|
|
|
|
#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;
|
|
}
|
|
|
|
.fc-state-highlight { background: #ffa; }
|
|
|
|
.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;
|
|
}
|
|
|
|
#fullcalendar{
|
|
overflow: auto;
|
|
}
|
|
|
|
.ui-timepicker-hour-cell *, .ui-timepicker-minute-cell *{
|
|
text-overflow: clip !important;
|
|
}
|
|
|
|
.link{
|
|
color:#148cf6;
|
|
}
|
|
|
|
|
|
/* fit buttons to control bar */
|
|
#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;
|
|
}
|
|
|
|
#controls .settings.timezonesettings {
|
|
float:right;
|
|
}
|
|
|
|
#controls .settings.timezonesettings > .chzn-container {
|
|
position:relative;
|
|
top:0.5em;
|
|
}
|
|
header + .settings.timezonesettings {
|
|
float:right;
|
|
margin-top:-1.2em;
|
|
}
|
|
header + .settings.timezonesettings > .chzn-container {
|
|
position:relative;
|
|
top:0.5em;
|
|
}
|
|
|
|
/* input fields take whole width */
|
|
#event-title,
|
|
#event-location,
|
|
#category,
|
|
#event-description {
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
margin: 3px 0;
|
|
}
|
|
/* bigger event title in detail view */
|
|
#event-title {
|
|
font-size: 20px;
|
|
}
|
|
/* 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;
|
|
margin: 0;
|
|
}
|
|
#fromtime, #totime {
|
|
margin: 0;
|
|
width: 80px;
|
|
}
|
|
#event-allday {
|
|
display: inline-block;
|
|
margin: 7px 0;
|
|
width: 100%;
|
|
}
|
|
/* 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;
|
|
}
|
|
|
|
|
|
/* make popups scrollable in smaller viewports */
|
|
.ui-dialog {
|
|
max-height: 75% !important;
|
|
top: 15% !important;
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
padding: 0;
|
|
}
|
|
.ui-dialog .ui-dialog-content {
|
|
overflow: initial;
|
|
}
|
|
#appsettings_popup {
|
|
max-height: 70%;
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
/* fix share dropdown being hidden and hiding calendar which will be shared */
|
|
#appsettings_popup #dropdown {
|
|
left: 0;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
|
|
#calendar td a.share {
|
|
display: block;
|
|
width: 20px;
|
|
height: 20px;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
|
|
#linksharedinfo {
|
|
text-align:center;
|
|
font-weight:bold;
|
|
background: #1d2d44;
|
|
color:#ddd;
|
|
padding:1.2em 0.7em 0.7em 0.7em;
|
|
position:fixed;
|
|
top:0px;
|
|
width:100%;
|
|
font-size:90%;
|
|
}
|
|
|
|
#linksharedinfo .header-right {
|
|
float:right;
|
|
margin-right:1em;
|
|
}
|
|
|
|
#linksharedinfo a {
|
|
color:inherit;
|
|
}
|
|
|
|
#linksharedinfo a:hover {
|
|
text-decoration:underline;
|
|
color:white;
|
|
}
|
|
|
|
#linksharedinfo .download-link {
|
|
display:inline-block;
|
|
background: #1d2d44;
|
|
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;
|
|
}
|
|
|
|
#linksharedinfo + #controls {
|
|
top:50px;
|
|
}
|
|
|
|
#linksharedinfo + #controls + #fullcalendar {
|
|
top:50px;
|
|
}
|
|
|
|
#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;
|
|
} |