176 lines
4.0 KiB
CSS
176 lines
4.0 KiB
CSS
#checklist_form_items input[type="checkbox"],
|
|
#checklist_items input[type="checkbox"], .cf_checklist_form_items input[type="checkbox"] {
|
|
height: initial;
|
|
}
|
|
|
|
div.checklist_cf {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
div#checklist ul {
|
|
list-style: none;
|
|
padding-left: 0px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
div.cf_checklist ul {
|
|
list-style: none;
|
|
padding-left: 0px;
|
|
margin: 0;
|
|
text-align: left;
|
|
}
|
|
|
|
div#checklist li {
|
|
padding-bottom: 10px;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
div.cf_checklist li {
|
|
padding-bottom: 0;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.checklist-checkbox {height: inherit}
|
|
|
|
#checklist li:hover a.delete, div.cf_checklist li:hover a.delete {opacity: 1;}
|
|
|
|
#checklist a.delete, div.cf_checklist a.delete {opacity: 0.4;}
|
|
|
|
span.checklist-item {
|
|
display: block;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
span.checklist-subject.is-done-checklist-item,
|
|
span.is-done-checklist-item,
|
|
span.checklist-item.is-done-checklist-item,
|
|
#checklist_items li.is-done-checklist-item,
|
|
ul.cf_checklist_items li.is-done-checklist-item {
|
|
text-decoration: line-through;
|
|
color: #999;
|
|
}
|
|
|
|
span.checklist-remove { margin-left: 2px; opacity: 0.4;}
|
|
|
|
span.checklist-remove:hover {opacity: 1;}
|
|
|
|
span.checklist-edit-box input {
|
|
margin-right: 6px;
|
|
width: 40%;
|
|
-moz-transition: top 0.2s;
|
|
-o-transition: top 0.2s;
|
|
-webkit-transition: top 0.2s;
|
|
transition: top 0.2s;
|
|
}
|
|
|
|
.invalid span.checklist-edit-box input {
|
|
border-color: #b94a48;
|
|
color: #b94a48;
|
|
}
|
|
|
|
.invalid span.checklist-edit-box input:focus {
|
|
border-color: #953b39;
|
|
color: #b94a48;
|
|
}
|
|
|
|
.invalid .checklist-edit-save-button {
|
|
display: none;
|
|
}
|
|
|
|
span.checklist-edit-reset-button {
|
|
cursor: pointer;
|
|
color: #2996CC;
|
|
}
|
|
|
|
span.checklist-subject {cursor: pointer;}
|
|
|
|
span.checklist-item.show .checklist-edit,
|
|
span.checklist-item.show .checklist-edit-only,
|
|
span.checklist-item.show .checklist-new,
|
|
span.checklist-item.show .checklist-new-only,
|
|
span.checklist-item.edit .checklist-show,
|
|
span.checklist-item.edit .checklist-new-only,
|
|
span.checklist-item.new .checklist-edit-only,
|
|
span.checklist-item.new .checklist-show-or-edit,
|
|
span.checklist-item.new .checklist-show-only,
|
|
span.checklist-item.edit .checklist-show-only {
|
|
display: none;
|
|
}
|
|
|
|
div#checklist ol, div.cf_checklist ol {
|
|
display: inline-block;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.checklist-section {
|
|
padding-top: 10px;
|
|
font-weight: bold;
|
|
border-bottom-width: 1px;
|
|
border-bottom-style: solid;
|
|
border-bottom-color: #eee;
|
|
}
|
|
|
|
li.cf-checklist-section:first-child, span.checklist-item:first-child {
|
|
padding-top: 2px !important;
|
|
}
|
|
|
|
ul.cf_checklist_items li:last-child {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.checklist-item.checklist-section > .checklist-checkbox { display: none; }
|
|
|
|
#checklist_items li.checklist-section, ul.cf_checklist_items li.checklist-section {
|
|
padding-bottom: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.completed-section { color: #999; }
|
|
|
|
.save-new-by-button { cursor: pointer; }
|
|
|
|
table.list td.checklist_relations { text-align: left }
|
|
|
|
/* ========================================================================= */
|
|
/* Checklist context menu */
|
|
/* ========================================================================= */
|
|
|
|
#checklist-menu ul, #checklist-menu li, #checklist-menu a,
|
|
#cf-checklist-menu ul, ul.cf-checklist-menu li, ul.cf-checklist-menu a {
|
|
display:block;
|
|
margin:0;
|
|
padding:0;
|
|
border:0;
|
|
}
|
|
|
|
#checklist-menu, ul.cf-checklist-menu {
|
|
display: none;
|
|
position: absolute;
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
#checklist-menu, #checklist-menu ul,
|
|
ul.cf-checklist-menu, ul.cf-checklist-menu ul {
|
|
width: 150px;
|
|
border: 1px solid #ccc;
|
|
background: white;
|
|
list-style: none;
|
|
padding: 2px;
|
|
border-radius: 2px;
|
|
z-index: 10;
|
|
}
|
|
|
|
#checklist-menu li, ul.cf-checklist-menu li {
|
|
position: relative;
|
|
padding: 1px;
|
|
border: 1px solid white;
|
|
}
|
|
|
|
#checklist-menu a:not(:has(svg)), ul.cf-checklist-menu a:not(:has(svg)) {
|
|
text-decoration: none !important;
|
|
padding: 2px 0px 2px 20px;
|
|
}
|
|
|
|
#checklist-menu a:hover, ul.cf-checklist-menu a:hover { color:#2A5685; }
|
|
#checklist-menu li:hover, ul.cf-checklist-menu li:hover { border:1px solid #628db6; background-color:#eef5fd; border-radius:3px; }
|