#split-view-of-tasks { table-layout: fixed; border-collapse: collapse; } .left-cell { border-right: 2px solid #964B00; } .right-cell { border-left: 2px solid #964B00; } .left-cell, .right-cell { padding: 0; vertical-align: top; } .event-object, .event-template { padding: 1em .4em; border-bottom: 2px solid #964B00; } input[type=checkbox] { font-size: 1.2em; margin: 0 0.6em; } .float-end, .task-delete-handle { float: right; float: inline-end; } .event-delete-handle, .task-delete-handle { width: 1em; height: 1em; margin-left: 1em; -webkit-margin-start: 1em; -webkit-margin-end: 0; -moz-margin-start: 1em; -moz-margin-end: 0; margin-inline-start: 1em; margin-inline-end: 0; display: inline-block; vertical-align: middle; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAADn0lEQVR4AbWVA3AsSQCGd3NcnO1g9myrdLZt27ZtG7HNZ1uLQfLWfDYKp//+np1MNNEhVV9tV0/3/zXTtnMfu8gSZbuDtyCHkidJKwmRVQZB0kweJweTnMFyBgsvIB+QKPmDYBDEtwh5j+QNKxAjIZcRhWCUBMjF/WfTP/wOYwnQB5cHikPqC+ssJCvIrcRuJbjMMpx0nXIJIvc+i+h9zwn0ctdJF0NxHzSY5KI+AmPNZatwdZcjkGlox6oNG7BkxSodUc5Ut0DZ+fDBlsvXvSci3G5sKATmqLY/REfd8xgsmzgd4VQGYydP0wkmU1g6djLUPY422/Xua/B2t+BQEsmu9UHoOvpspL4tQqasHumSWmQqGrEqlkRq2XIskhUsCihILFmGVdEEMuUNSJfW6m1T3xSi84gzmWFKguQgIXjSPIpOCdqNDyAcDCOzfAXWbNqMJH9D8QRCsTjC/CWirNelVqzU22QoDy0OQbvmXj3DEPxOHhaClt7LE8g9Cd7TL0X0+2Ks3rARPrUTHZOmYtL0WRg/dQbGTZmOiSyLOr/WhTUbNyL6bSG8p16CwAEn9l+meiEIEfTZg63zEX/jE6zeuAkLZQ3fl5TpgdUt7SiprUf7xCmsK4dX6aRgE+KvfST6WJ0qzWZ5NDnN+JufZgUBFV//WqSHVja24NeqGrRNmIyvC4t7BK9/bC5NP5ba5BEJirOCplYUjkIgC4Fvu4OC/5eA2aptgdvTPKygsLegdsQCZtfZZrikxwM8pkMJvvylEO0TpqCCe/BLZTVax0/GV6wbSsDM35n9oK3DmXcITeHBBPN9Mr7hJreMm4iKhmYUUtA8diK+5bJRPqiAmYuZ7bHxzz7VVfCef7uD+gre+ky/RMFonJIAwxQs8Ms6C/2KXheMxfU2/QUii5lvmv/smhy5+bPckl/uJdAefB6xRArxdAaJQYiTaCIJ9d5nTIFMZrmkRY2OAw4wBYI2Z97Fc9zSCvNG738CvJfcikVX3jkk3otvQWDfE8xLNtstLWtz5p4/4D14ectd7JTcOosSMQqVHTiqESHaclMx0yUtZ/iNd+S47ZZP5idb75HT7Mi9aLKrwL/QnX2xVKIMgkrk7Ib+xT5eLvX5b2+1q33YR7/GsX8uZ/P2FFdBaK7b87vXGKFsIMqiTnxjmyDbvsk++w/26Fvy7dZ75VQ79j+Qo3q43ZlXP86Zr01w5i8ViDLr6vjtQbbxfMO2g+X8DQu94AJGfgQ9AAAAAElFTkSuQmCC) 50% 50%/auto 88% no-repeat; } .event-delete-handle:hover, .task-delete-handle:hover { background-color: #e5e5e5; border-radius: .333em; } .event-delete-handle { font-size: 1.5em; } a.button { color: #000; color: inherit; text-decoration: none; } .event-tasklist, .create-new-task { margin-left: 4em; -webkit-margin-start: 4em; -webkit-margin-end: 0; -moz-margin-start: 4em; -moz-margin-end: 0; margin-inline-start: 4em; margin-inline-end: 0; } .create-new-event, .create-new-task, .clone-template { cursor:pointer; display: block; background: #aaffaa; text-align: center; border-radius: 1em; border-top-left-radius: 0; border-top-right-radius: 0; /*text-shadow:0px 1px 0px #2f6627;*/ } .create-new-event:hover, .create-new-task:hover, .clone-template:hover { background-color: #95f3a7; } .create-new-event:active, .create-new-task:active, .clone-template:active { background-color: #95dda7; } .button:active, .event-delete-handle:active, .task-delete-handle:active, .clone-template:active { -ms-transform: translate(0,1px); -webkit-transform: translate(0,1px); transform: translate(0,1px); } .create-new-event { margin: 0 auto; width: 16em; } a.clone-template { display: inline-block; border-radius: 0; margin: 1em; margin-bottom: 0; } .datetime-polyfilled { display: inline-block; position: relative; border-radius: 10px; background: #fff url(data:image/svg+xml,) 100% 50%/auto 88% no-repeat; cursor: pointer; font-size: 1.333em; line-height: 1.4; border: 1px solid #ddd; } .datetime-polyfilled:before { /**Prevent selection*/ -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; /**Set and format its contents*/ content: attr(data-human-date); font-family: monospace; white-space: pre; display: block; /**Position it in three dimensions*/ position: absolute; top: 0; right: 0; z-index: -1; /*Center it vertically*/ line-height: 2em; vertical-align: middle; /*Center it horizontally*/ min-width: 100%; text-align: center; } .datetime-wrapper input { font-size: 1.2em } .datetime-polyfilled input { width: inherit !important; /* make it hidden */ opacity: 0.001; font-size: 1em; } table { table-layout: fixed; border-collapse: collapse; } textarea { resize: none; width: 100%; box-sizing: border-box; clear: both; } textarea, input { /*give them nice light borders*/ border-color: #ddd; border-style: solid; } .notie-container{font-size:1.6rem;font-size:calc(1.042vw + 1.042vh + .36rem);height:auto;left:0;position:fixed;text-align:center;width:100%;z-index:2;box-sizing:border-box;-o-box-shadow:0 0 5px 0 rgba(0,0,0,.5);-ms-box-shadow:0 0 5px 0 rgba(0,0,0,.5);box-shadow:0 0 5px 0 rgba(0,0,0,.5)}.notie-background-success{background-color:#57bf57}.notie-background-warning{background-color:#d6a14d}.notie-background-error{background-color:#e1715b}.notie-background-info{background-color:#4d82d6}.notie-background-neutral{background-color:#a0a0a0}.notie-background-overlay{background-color:#fff}.notie-textbox{color:#fff;padding:20px}.notie-textbox-inner{margin:0 auto;max-width:900px}.notie-overlay{height:100%;left:0;opacity:0;position:fixed;top:0;width:100%;z-index:1}.notie-button{cursor:pointer}.notie-button,.notie-element{color:#fff;padding:10px}.notie-element-half{width:50%}.notie-element-half,.notie-element-third{display:inline-block;box-sizing:border-box}.notie-element-third{width:33.3333%}.notie-alert{cursor:pointer}.notie-input-field{background-color:#fff;border:0;font-family:inherit;font-size:inherit;outline:0;padding:10px;text-align:center;width:100%;box-sizing:border-box}.notie-select-choice-repeated{border-bottom:1px solid hsla(0,0%,100%,.2);box-sizing:border-box}.notie-date-selector-inner{margin:0 auto;max-width:900px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.notie-date-selector-inner [contenteditable],.notie-date-selector-inner [contenteditable]:focus{outline-width:0}.notie-date-selector-up{-webkit-transform:rotate(180deg);transform:rotate(180deg)}