mirror of
https://gitlab.com/CIEFWorldwideSdnBhd/IZYIM-Prototype.git
synced 2026-08-29 01:23:57 +00:00
preparing to push to heroku
This commit is contained in:
Jackk Goh
@@ -0,0 +1,369 @@
|
||||
/* Cubic Bezier Transition */
|
||||
/***
|
||||
Inbox Page
|
||||
***/
|
||||
.inbox {
|
||||
margin-bottom: 20px; }
|
||||
.inbox .compose-btn {
|
||||
padding: 8px 14px; }
|
||||
.inbox .inbox-content {
|
||||
min-height: 400px; }
|
||||
.inbox .inbox-nav {
|
||||
margin: 30px 0;
|
||||
padding: 0;
|
||||
list-style: none; }
|
||||
.inbox .inbox-nav > li {
|
||||
padding: 0;
|
||||
margin: 0; }
|
||||
.inbox .inbox-nav > li > a {
|
||||
text-decoration: none !important;
|
||||
display: block;
|
||||
padding: 8px 16px;
|
||||
border-left: 4px solid transparent; }
|
||||
.inbox .inbox-nav > li > a:hover {
|
||||
background: #f1f4f7; }
|
||||
.inbox .inbox-nav > li > a .badge {
|
||||
float: right;
|
||||
margin-top: 1px; }
|
||||
.inbox .inbox-nav > li.active > a {
|
||||
border-left: 4px solid #ed6b75; }
|
||||
.inbox .inbox-nav > li.divider {
|
||||
padding: 0;
|
||||
margin: 4px 16px;
|
||||
border-top: 1px solid #eef1f5; }
|
||||
.inbox .inbox-contacts {
|
||||
margin: 0 0 30px 0;
|
||||
padding: 0;
|
||||
list-style: none; }
|
||||
.inbox .inbox-contacts > li {
|
||||
padding: 0;
|
||||
margin: 0; }
|
||||
.inbox .inbox-contacts > li.divider {
|
||||
padding: 0;
|
||||
margin: 4px 16px;
|
||||
border-top: 1px solid #eef1f5; }
|
||||
.inbox .inbox-contacts > li > a {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 8px 16px;
|
||||
color: #3f444a; }
|
||||
.inbox .inbox-contacts > li > a:hover {
|
||||
background: #f1f4f7;
|
||||
text-decoration: none; }
|
||||
.inbox .inbox-contacts > li > a .contact-name {
|
||||
display: inline-block;
|
||||
padding-left: 5px; }
|
||||
.inbox .inbox-contacts > li > a .contact-pic {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border-radius: 50% !important; }
|
||||
.inbox .inbox-contacts > li > a .contact-status {
|
||||
position: absolute;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border-radius: 50% !important;
|
||||
left: 38px;
|
||||
top: 30px; }
|
||||
.inbox .input-actions .btn {
|
||||
margin-left: 10px; }
|
||||
.inbox .inbox-view-info {
|
||||
color: #666;
|
||||
padding: 5px 0;
|
||||
border-top: solid 1px #eee;
|
||||
border-bottom: solid 1px #eee; }
|
||||
.inbox .inbox-view-info .inbox-author {
|
||||
border-radius: 50% !important;
|
||||
margin-right: 10px; }
|
||||
.inbox .inbox-view-info .inbox-info-btn .btn-group {
|
||||
float: right;
|
||||
margin-top: 5px; }
|
||||
.inbox .inbox-sidebar {
|
||||
padding: 20px;
|
||||
border: 1px solid #e7ecf1;
|
||||
border-radius: 4px; }
|
||||
.inbox .inbox-body {
|
||||
padding: 20px;
|
||||
border: 1px solid #e7ecf1;
|
||||
border-radius: 4px; }
|
||||
.page-container-bg-solid .inbox .inbox-sidebar {
|
||||
background: #ffffff;
|
||||
border: 0; }
|
||||
.page-container-bg-solid .inbox .inbox-body {
|
||||
background: #ffffff;
|
||||
border: 0; }
|
||||
|
||||
.inbox .inbox {
|
||||
margin-bottom: 0px; }
|
||||
|
||||
.inbox .tab-content {
|
||||
overflow: inherit; }
|
||||
|
||||
.inbox .inbox-loading {
|
||||
display: none;
|
||||
font-size: 22px;
|
||||
font-weight: 300; }
|
||||
|
||||
/*Inbox Content*/
|
||||
.inbox .inbox-header {
|
||||
overflow: hidden; }
|
||||
|
||||
.inbox .inbox-header h1 {
|
||||
margin: 0;
|
||||
color: #666;
|
||||
margin-bottom: 20px; }
|
||||
|
||||
.inbox .pagination-control {
|
||||
text-align: right; }
|
||||
|
||||
.inbox .pagination-control .pagination-info {
|
||||
display: inline-block;
|
||||
padding-right: 10px;
|
||||
font-size: 14px;
|
||||
line-height: 14px; }
|
||||
|
||||
.inbox tr {
|
||||
color: #777;
|
||||
font-size: 13px; }
|
||||
|
||||
.inbox tr label {
|
||||
display: inline-block; }
|
||||
|
||||
.inbox tr.unread td {
|
||||
font-weight: 600; }
|
||||
|
||||
.inbox td i.icon-paper-clip {
|
||||
top: 2px;
|
||||
color: #d8e0e5;
|
||||
font-size: 17px;
|
||||
position: relative; }
|
||||
|
||||
.inbox tr i.icon-star,
|
||||
.inbox tr i.icon-trash {
|
||||
cursor: pointer; }
|
||||
|
||||
.inbox tr i.icon-star {
|
||||
color: #eceef0; }
|
||||
|
||||
.inbox tr i.icon-star:hover {
|
||||
color: #fd7b12; }
|
||||
|
||||
.inbox tr i.inbox-started {
|
||||
color: #fd7b12; }
|
||||
|
||||
.inbox .table th,
|
||||
.inbox .table td {
|
||||
border: none; }
|
||||
|
||||
.inbox .table th {
|
||||
background: #eef4f7;
|
||||
border-bottom: solid 5px #fff; }
|
||||
|
||||
.inbox th.text-right {
|
||||
text-align: right; }
|
||||
|
||||
.inbox th label.inbox-select-all {
|
||||
color: #828f97;
|
||||
font-size: 13px;
|
||||
padding: 1px 4px 0; }
|
||||
|
||||
.inbox td.text-right {
|
||||
width: 100px;
|
||||
text-align: right; }
|
||||
|
||||
.inbox td.inbox-small-cells {
|
||||
width: 10px; }
|
||||
|
||||
.inbox .table-hover tbody tr:hover > td,
|
||||
.inbox .table-hover tbody tr:hover > th,
|
||||
.inbox .table-striped tbody > tr:nth-child(odd) > td,
|
||||
.inbox .table-striped tbody > tr:nth-child(odd) > th {
|
||||
background: #f8fbfd;
|
||||
cursor: pointer; }
|
||||
|
||||
.inbox .table-hover tbody tr:hover > td,
|
||||
.inbox .table-hover tbody tr:hover > th {
|
||||
background: #eef4f7; }
|
||||
|
||||
/*Inbox Drafts*/
|
||||
.inbox .inbox-drafts {
|
||||
padding: 8px 0;
|
||||
text-align: center;
|
||||
border-top: solid 1px #eee;
|
||||
border-bottom: solid 1px #eee; }
|
||||
|
||||
/*Inbox View*/
|
||||
.inbox-view-header {
|
||||
margin-bottom: 20px; }
|
||||
|
||||
.inbox-view-header h1 {
|
||||
color: #666;
|
||||
font-size: 22px;
|
||||
line-height: 24px;
|
||||
margin-bottom: 0 !important; }
|
||||
|
||||
.inbox-view-header h1 a {
|
||||
top: -2px;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
font-size: 13px;
|
||||
padding: 2px 7px;
|
||||
line-height: 16px;
|
||||
position: relative;
|
||||
background: #b0bcc4;
|
||||
display: inline-block; }
|
||||
|
||||
.inbox-view-header h1 a:hover {
|
||||
background: #aab5bc;
|
||||
text-decoration: none; }
|
||||
|
||||
.inbox-view-header i.icon-print {
|
||||
color: #94a4ab;
|
||||
cursor: pointer;
|
||||
font-size: 14px;
|
||||
display: inline-block;
|
||||
padding: 6px 8px !important;
|
||||
background: #edf1f4 !important; }
|
||||
|
||||
.inbox-view-header i.icon-print:hover {
|
||||
background: #e7ebef !important; }
|
||||
|
||||
.inbox-view-info strong {
|
||||
color: #666;
|
||||
margin: 0 10px 0 5px; }
|
||||
|
||||
.inbox-view {
|
||||
color: #666;
|
||||
padding: 10px 0 0; }
|
||||
|
||||
.inbox-view a {
|
||||
color: #169ce9; }
|
||||
|
||||
.inbox-attached {
|
||||
line-height: 16px; }
|
||||
|
||||
.inbox-attached a {
|
||||
margin: 0 2px; }
|
||||
|
||||
.inbox-attached img {
|
||||
height: auto;
|
||||
max-width: 250px;
|
||||
margin-bottom: 5px; }
|
||||
|
||||
.inbox-attached span {
|
||||
margin-right: 3px; }
|
||||
|
||||
.inbox-attached strong {
|
||||
color: #555;
|
||||
display: block;
|
||||
font-size: 13px; }
|
||||
|
||||
.inbox-attached .margin-bottom-25 {
|
||||
margin-bottom: 25px; }
|
||||
|
||||
.inbox-attached .margin-bottom-15 {
|
||||
margin-bottom: 15px; }
|
||||
|
||||
/*Inbox Compose*/
|
||||
.inbox-compose {
|
||||
margin-top: 1px;
|
||||
border: solid 1px #eee; }
|
||||
|
||||
.inbox-compose-btn {
|
||||
padding: 12px 12px;
|
||||
background: #f0f6fa; }
|
||||
|
||||
.inbox-compose-attachment {
|
||||
padding: 8px 8px; }
|
||||
|
||||
.inbox-compose-attachment .btn {
|
||||
padding: 4px 10px; }
|
||||
|
||||
.inbox-compose .inbox-form-group {
|
||||
margin-bottom: 0;
|
||||
position: relative;
|
||||
border-bottom: solid 1px #eee; }
|
||||
|
||||
.inbox-compose .controls {
|
||||
margin-left: 85px; }
|
||||
|
||||
.inbox-compose .inbox-form-group > label {
|
||||
width: 80px;
|
||||
float: left;
|
||||
color: #979797;
|
||||
text-align: right; }
|
||||
|
||||
.inbox-compose .controls > input {
|
||||
border: none !important; }
|
||||
|
||||
.inbox-compose .controls-to {
|
||||
padding-right: 55px; }
|
||||
|
||||
.inbox-compose .controls-cc {
|
||||
padding-right: 20px; }
|
||||
|
||||
.inbox-compose .controls-bcc {
|
||||
padding-right: 20px; }
|
||||
|
||||
.inbox-compose .inbox-form-group a.close {
|
||||
top: 13px;
|
||||
right: 10px;
|
||||
position: absolute; }
|
||||
|
||||
.inbox-compose .mail-to .inbox-cc-bcc {
|
||||
display: inline-block;
|
||||
top: 7px;
|
||||
right: 10px;
|
||||
color: #979797;
|
||||
font-size: 14px;
|
||||
cursor: pointer;
|
||||
position: absolute; }
|
||||
|
||||
.inbox-compose .mail-to .inbox-bcc {
|
||||
margin-left: 5px; }
|
||||
|
||||
.inbox-compose .mail-to inbox-cc:hover,
|
||||
.inbox-compose .mail-to inbox-bcc:hover {
|
||||
color: #777; }
|
||||
|
||||
.inbox-compose .wysihtml5 {
|
||||
padding: 0px !important;
|
||||
margin: 0px !important;
|
||||
border: 0 !important; }
|
||||
|
||||
.inbox-compose .wysihtml5-sandbox {
|
||||
padding: 0px !important;
|
||||
margin: 0px !important;
|
||||
display: block !important;
|
||||
border: 0 !important;
|
||||
margin-top: 5px;
|
||||
width: 100% !important;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
border-color: #eee; }
|
||||
|
||||
.inbox-compose .wysihtml5-toolbar {
|
||||
border: 0;
|
||||
border-bottom: 1px solid #eee; }
|
||||
|
||||
.inbox-compose .wysihtml5-toolbar > li {
|
||||
height: 34px;
|
||||
margin-right: 0;
|
||||
margin-bottom: 0; }
|
||||
|
||||
.inbox-compose .wysihtml5-toolbar > li > a,
|
||||
.inbox-compose .wysihtml5-toolbar > li > div > a {
|
||||
background: #fff !important;
|
||||
border-color: #fff !important; }
|
||||
.inbox-compose .wysihtml5-toolbar > li > a:hover,
|
||||
.inbox-compose .wysihtml5-toolbar > li > div > a:hover {
|
||||
background: #f1f1f1 !important;
|
||||
border-color: #f1f1f1 !important;
|
||||
border-radius: 0; }
|
||||
|
||||
.inbox-compose .wysihtml5-toolbar .dropdown.open .dropdown-toggle,
|
||||
ul.wysihtml5-toolbar a.btn.wysihtml5-command-active {
|
||||
background: #eee !important; }
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.inbox-compose .inbox-form-group > label {
|
||||
margin-top: 7px; } }
|
||||
Vendored
+1
File diff suppressed because one or more lines are too long
@@ -0,0 +1,60 @@
|
||||
/***
|
||||
Ticket Page
|
||||
***/
|
||||
/* Cubic Bezier Transition */
|
||||
.app-ticket {
|
||||
overflow: hidden; }
|
||||
.app-ticket h3 {
|
||||
margin: 0 0 15px 0;
|
||||
font-size: 14px;
|
||||
font-weight: bold; }
|
||||
.app-ticket h3 i {
|
||||
color: #a1acb7;
|
||||
margin-right: 5px; }
|
||||
.app-ticket p {
|
||||
margin: 0; }
|
||||
|
||||
.app-ticket-details .portlet-body .row {
|
||||
margin-bottom: 30px; }
|
||||
|
||||
.app-ticket-details .ticket-line {
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
border-bottom: 1px solid;
|
||||
border-color: #e7ecf1;
|
||||
margin-bottom: 30px; }
|
||||
|
||||
.app-ticket-details .ticket-id,
|
||||
.app-ticket-details .ticket-title {
|
||||
display: inline-block;
|
||||
font-size: 16px;
|
||||
margin-right: 30px; }
|
||||
|
||||
.app-ticket-details .ticket-cust a:hover {
|
||||
text-decoration: none; }
|
||||
|
||||
.app-ticket-details .ticket-reply-msg {
|
||||
width: 100%;
|
||||
height: 7em;
|
||||
border-color: #e7ecf1;
|
||||
outline: none; }
|
||||
|
||||
.app-ticket-details .ticket-assign,
|
||||
.app-ticket-details .ticket-status {
|
||||
padding: 5px;
|
||||
border: 1px solid;
|
||||
border-color: #e7ecf1;
|
||||
outline: none; }
|
||||
|
||||
.app-ticket-config .ticket-counter {
|
||||
text-align: center; }
|
||||
.app-ticket-config .ticket-counter > h4 {
|
||||
font-size: 24px; }
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.app-ticket-details .ticket-margin {
|
||||
margin-top: 30px; } }
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.app-ticket-config .ticket-counter {
|
||||
margin-bottom: 30px; } }
|
||||
Vendored
+1
@@ -0,0 +1 @@
|
||||
.app-ticket{overflow:hidden}.app-ticket h3{margin:0 0 15px;font-size:14px;font-weight:700}.app-ticket h3 i{color:#a1acb7;margin-right:5px}.app-ticket p{margin:0}.app-ticket-details .portlet-body .row{margin-bottom:30px}.app-ticket-details .ticket-line{width:100%;height:1px;border-bottom:1px solid;border-color:#e7ecf1;margin-bottom:30px}.app-ticket-details .ticket-id,.app-ticket-details .ticket-title{display:inline-block;font-size:16px;margin-right:30px}.app-ticket-details .ticket-cust a:hover{text-decoration:none}.app-ticket-details .ticket-reply-msg{width:100%;height:7em;border-color:#e7ecf1;outline:0}.app-ticket-details .ticket-assign,.app-ticket-details .ticket-status{padding:5px;border:1px solid #e7ecf1;outline:0}.app-ticket-config .ticket-counter{text-align:center}.app-ticket-config .ticket-counter>h4{font-size:24px}@media (max-width:991px){.app-ticket-details .ticket-margin{margin-top:30px}}@media (max-width:480px){.app-ticket-config .ticket-counter{margin-bottom:30px}}
|
||||
@@ -0,0 +1,226 @@
|
||||
/***
|
||||
TODO Page
|
||||
***/
|
||||
/* Cubic Bezier Transition */
|
||||
.todo-sidebar {
|
||||
float: left;
|
||||
width: 230px;
|
||||
margin-right: 20px; }
|
||||
|
||||
.todo-content {
|
||||
overflow: hidden; }
|
||||
|
||||
.todo-tasklist-item-border-green {
|
||||
border-left: #3faba4 2px solid; }
|
||||
|
||||
.todo-tasklist-item-border-blue {
|
||||
border-left: #4c87b9 2px solid; }
|
||||
|
||||
.todo-tasklist-item-border-purple {
|
||||
border-left: #8877a9 2px solid; }
|
||||
|
||||
.todo-tasklist-item-border-red {
|
||||
border-left: #d05454 2px solid; }
|
||||
|
||||
.todo-tasklist-item-border-yellow {
|
||||
border-left: #d4ad38 2px solid; }
|
||||
|
||||
.padding-top-10px {
|
||||
padding-top: 15px; }
|
||||
|
||||
.todo-userpic {
|
||||
-webkit-border-radius: 50% !important;
|
||||
-moz-border-radius: 50% !important;
|
||||
border-radius: 50% !important;
|
||||
border: 1px #cedae1 solid; }
|
||||
|
||||
.todo-text-color {
|
||||
color: #45535b; }
|
||||
|
||||
/* PROJECT LIST */
|
||||
.todo-projects-config {
|
||||
padding: 6px 9px 3px 9px !important; }
|
||||
.todo-projects-config > i {
|
||||
font-size: 14px !important; }
|
||||
|
||||
.todo-tasklist {
|
||||
padding: 0; }
|
||||
|
||||
.todo-project-list ul li a {
|
||||
font-size: 14px !important;
|
||||
padding: 8px 10px; }
|
||||
|
||||
.todo-project-list .nav li a .badge {
|
||||
float: right;
|
||||
margin-top: 1px !important; }
|
||||
|
||||
.todo-project-list .nav > li.active > a {
|
||||
color: #3f444a;
|
||||
background-color: #f1f4f7 !important; }
|
||||
|
||||
/* END PROJECT LIST */
|
||||
/* TASK HISTORY */
|
||||
.todo-task-history {
|
||||
padding: 0;
|
||||
margin: 0; }
|
||||
.todo-task-history > li {
|
||||
padding: 5px 0; }
|
||||
.todo-task-history > li > .todo-task-history-desc {
|
||||
overflow: hidden; }
|
||||
.todo-task-history > li > .todo-task-history-date {
|
||||
font-size: 12px;
|
||||
float: right;
|
||||
width: 150px;
|
||||
margin-left: 10px;
|
||||
text-align: right;
|
||||
color: #999; }
|
||||
|
||||
/* TASKS LIST */
|
||||
.todo-tasklist-item {
|
||||
background: #f6fbfc;
|
||||
padding: 10px;
|
||||
margin-bottom: 10px;
|
||||
margin-bottom: 15px;
|
||||
overflow: hidden; }
|
||||
.todo-tasklist-item:last-child {
|
||||
margin-bottom: 0; }
|
||||
|
||||
div .todo-tasklist-item:hover {
|
||||
cursor: pointer;
|
||||
background-color: #edf7f9; }
|
||||
|
||||
.todo-tasklist-item img {
|
||||
margin: 0 10px 10px 0; }
|
||||
|
||||
.todo-tasklist-item-title {
|
||||
font-size: 15px;
|
||||
color: #2b4a5c;
|
||||
font-weight: 600;
|
||||
padding-top: 3px;
|
||||
padding-bottom: 13px; }
|
||||
|
||||
.todo-tasklist-item-text {
|
||||
font-size: 13px;
|
||||
color: #577688;
|
||||
padding-bottom: 5px; }
|
||||
|
||||
.todo-tasklist-item ul {
|
||||
margin: 5px 0 0 0px; }
|
||||
|
||||
.todo-tasklist-item li {
|
||||
color: #577688;
|
||||
font-size: 13px;
|
||||
margin-right: 10px;
|
||||
margin-bottom: 5px;
|
||||
padding: 0 !important; }
|
||||
|
||||
.todo-tasklist-item li i {
|
||||
color: #b3bfcb;
|
||||
font-size: 15px; }
|
||||
|
||||
.todo-tasklist-controls {
|
||||
margin-top: 5px; }
|
||||
|
||||
.todo-tasklist-date {
|
||||
color: #637b89 !important;
|
||||
margin-right: 12px; }
|
||||
|
||||
.todo-tasklist-date i {
|
||||
color: #abbfca !important;
|
||||
margin-right: 5px; }
|
||||
|
||||
/* END TASKS LIST */
|
||||
/* TASK BODY */
|
||||
.todo-taskbody-tasktitle {
|
||||
font-size: 18px;
|
||||
color: #778d96; }
|
||||
|
||||
.todo-taskbody-taskdesc {
|
||||
font-size: 14px;
|
||||
color: #778d96; }
|
||||
|
||||
.todo-username {
|
||||
font-size: 16px;
|
||||
color: #2b4a5c;
|
||||
font-weight: 600;
|
||||
padding: 15px 0 0 15px; }
|
||||
|
||||
.todo-comment-head {
|
||||
padding-top: 3px; }
|
||||
|
||||
.todo-comment {
|
||||
position: relative; }
|
||||
|
||||
.todo-comment:hover > .todo-comment-btn {
|
||||
display: block; }
|
||||
|
||||
.todo-comment-btn {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
right: 0px;
|
||||
font-size: 12px;
|
||||
color: #566e7c;
|
||||
border-color: #a2aeb5; }
|
||||
|
||||
.todo-comment-btn:hover {
|
||||
color: #fff;
|
||||
background-color: #a1b6c2;
|
||||
border-color: #a1b6c2; }
|
||||
|
||||
.todo-comment-username {
|
||||
font-size: 14px;
|
||||
color: #2b4a5c;
|
||||
font-weight: 600; }
|
||||
|
||||
.todo-comment-date {
|
||||
font-size: 12px;
|
||||
color: #2b4a5c;
|
||||
font-weight: 400; }
|
||||
|
||||
.todo-username-btn {
|
||||
margin: 14px 0 0 15px;
|
||||
color: #566e7c;
|
||||
border-color: #a2aeb5; }
|
||||
|
||||
.todo-username-btn:hover {
|
||||
color: #fff;
|
||||
background-color: #a1b6c2;
|
||||
border-color: #a1b6c2; }
|
||||
|
||||
.form .form-actions.todo-form-actions {
|
||||
padding-top: 10px;
|
||||
border: 0;
|
||||
margin: 0 0 20px 0; }
|
||||
|
||||
/* END TASK BODY */
|
||||
/* RESPONSIVE MODE */
|
||||
@media (max-width: 991px) {
|
||||
/* 991px */
|
||||
.todo-sidebar {
|
||||
float: none;
|
||||
width: 100%;
|
||||
margin: 0; }
|
||||
.todo-sidebar > .portlet {
|
||||
margin-bottom: 20px; }
|
||||
.todo-sidebar > .portlet .portlet-title .tools {
|
||||
margin-left: 5px; }
|
||||
.todo-content {
|
||||
overflow: visible; } }
|
||||
|
||||
.todo-tasklist-devider {
|
||||
display: none; }
|
||||
|
||||
@media (max-width: 767px) {
|
||||
/* 767px */
|
||||
.todo-tasklist-devider {
|
||||
display: block;
|
||||
height: 20px;
|
||||
margin: 20px -10px;
|
||||
background: #F1F3FA; }
|
||||
/* TASK HISTORY */
|
||||
.todo-task-history > li {
|
||||
padding: 9px 0; }
|
||||
.todo-task-history > li > .todo-task-history-date {
|
||||
width: 100px;
|
||||
font-size: 11px; } }
|
||||
Vendored
+1
@@ -0,0 +1 @@
|
||||
.todo-content,.todo-task-history>li>.todo-task-history-desc{overflow:hidden}.todo-sidebar{float:left;width:230px;margin-right:20px}.todo-tasklist-item-border-green{border-left:#3faba4 2px solid}.todo-tasklist-item-border-blue{border-left:#4c87b9 2px solid}.todo-tasklist-item-border-purple{border-left:#8877a9 2px solid}.todo-tasklist-item-border-red{border-left:#d05454 2px solid}.todo-tasklist-item-border-yellow{border-left:#d4ad38 2px solid}.padding-top-10px{padding-top:15px}.todo-userpic{-webkit-border-radius:50%!important;-moz-border-radius:50%!important;border-radius:50%!important;border:1px solid #cedae1}.todo-text-color{color:#45535b}.todo-projects-config{padding:6px 9px 3px!important}.todo-projects-config>i{font-size:14px!important}.todo-tasklist{padding:0}.todo-project-list ul li a{font-size:14px!important;padding:8px 10px}.todo-project-list .nav li a .badge{float:right;margin-top:1px!important}.todo-project-list .nav>li.active>a{color:#3f444a;background-color:#f1f4f7!important}.todo-task-history{padding:0;margin:0}.todo-task-history>li{padding:5px 0}.todo-task-history>li>.todo-task-history-date{font-size:12px;float:right;width:150px;margin-left:10px;text-align:right;color:#999}.todo-tasklist-item{background:#f6fbfc;padding:10px;margin-bottom:15px;overflow:hidden}.todo-tasklist-item:last-child{margin-bottom:0}div .todo-tasklist-item:hover{cursor:pointer;background-color:#edf7f9}.todo-tasklist-item img{margin:0 10px 10px 0}.todo-tasklist-item-title{font-size:15px;color:#2b4a5c;font-weight:600;padding-top:3px;padding-bottom:13px}.todo-tasklist-item-text{font-size:13px;color:#577688;padding-bottom:5px}.todo-tasklist-item ul{margin:5px 0 0}.todo-tasklist-item li{color:#577688;font-size:13px;margin-right:10px;margin-bottom:5px;padding:0!important}.todo-tasklist-item li i{color:#b3bfcb;font-size:15px}.todo-tasklist-controls{margin-top:5px}.todo-tasklist-date{color:#637b89!important;margin-right:12px}.todo-tasklist-date i{color:#abbfca!important;margin-right:5px}.todo-taskbody-tasktitle{font-size:18px;color:#778d96}.todo-taskbody-taskdesc{font-size:14px;color:#778d96}.todo-username{font-size:16px;color:#2b4a5c;font-weight:600;padding:15px 0 0 15px}.todo-comment-head{padding-top:3px}.todo-comment{position:relative}.todo-comment:hover>.todo-comment-btn{display:block}.todo-comment-btn{display:none;position:absolute;top:1px;right:0;font-size:12px;color:#566e7c;border-color:#a2aeb5}.todo-comment-btn:hover{color:#fff;background-color:#a1b6c2;border-color:#a1b6c2}.todo-comment-username{font-size:14px;color:#2b4a5c;font-weight:600}.todo-comment-date{font-size:12px;color:#2b4a5c;font-weight:400}.todo-username-btn{margin:14px 0 0 15px;color:#566e7c;border-color:#a2aeb5}.todo-username-btn:hover{color:#fff;background-color:#a1b6c2;border-color:#a1b6c2}.form .form-actions.todo-form-actions{padding-top:10px;border:0;margin:0 0 20px}@media (max-width:991px){.todo-sidebar{float:none;width:100%;margin:0}.todo-sidebar>.portlet{margin-bottom:20px}.todo-sidebar>.portlet .portlet-title .tools{margin-left:5px}.todo-content{overflow:visible}}.todo-tasklist-devider{display:none}@media (max-width:767px){.todo-tasklist-devider{display:block;height:20px;margin:20px -10px;background:#F1F3FA}.todo-task-history>li{padding:9px 0}.todo-task-history>li>.todo-task-history-date{width:100px;font-size:11px}}
|
||||
@@ -0,0 +1,286 @@
|
||||
@charset "UTF-8";
|
||||
/***
|
||||
NEW TODO Page
|
||||
***/
|
||||
/* Cubic Bezier Transition */
|
||||
.todo-main-header {
|
||||
margin-top: -20px; }
|
||||
.todo-main-header > h3 {
|
||||
font-weight: 400;
|
||||
font-size: 22px;
|
||||
margin-right: 1em;
|
||||
display: inline-block;
|
||||
color: #3b464f; }
|
||||
.todo-main-header > .todo-breadcrumb {
|
||||
border-left: 1px solid;
|
||||
border-color: #dae3eb;
|
||||
padding: 0.5em 2em;
|
||||
display: inline-block;
|
||||
margin-top: 17px; }
|
||||
.todo-main-header > .todo-breadcrumb > li {
|
||||
display: inline-block;
|
||||
font-size: 11px; }
|
||||
.todo-main-header > .todo-breadcrumb > li > a {
|
||||
color: #77838d;
|
||||
text-transform: uppercase;
|
||||
text-decoration: none; }
|
||||
.todo-main-header > .todo-breadcrumb > li > a:hover {
|
||||
color: #337ab7;
|
||||
text-decoration: none; }
|
||||
.todo-main-header > .todo-breadcrumb > li > .todo-active {
|
||||
color: #49a7fa; }
|
||||
.todo-main-header > .todo-breadcrumb > li:before {
|
||||
content: "•";
|
||||
color: #b6c1cb;
|
||||
margin: 0 1em; }
|
||||
.todo-main-header > .todo-breadcrumb > li:first-child:before {
|
||||
content: "";
|
||||
margin: 0; }
|
||||
|
||||
.todo-container .todo-projects-container,
|
||||
.todo-container .todo-tasks-container {
|
||||
background-color: #fff;
|
||||
border: 1px solid;
|
||||
border-color: #ebf0f5; }
|
||||
|
||||
.todo-container .todo-projects-container {
|
||||
padding: 0; }
|
||||
.todo-container .todo-projects-container > li {
|
||||
list-style: none;
|
||||
padding: 30px 20px; }
|
||||
|
||||
.todo-container .todo-projects-divider {
|
||||
height: 1px;
|
||||
margin: 0;
|
||||
background-color: #ebf0f5; }
|
||||
|
||||
.todo-container .todo-tasks-container {
|
||||
padding: 30px 20px; }
|
||||
|
||||
.todo-container .todo-head {
|
||||
border-bottom: 1px solid;
|
||||
border-color: #ebf0f5;
|
||||
padding-bottom: 20px; }
|
||||
.todo-container .todo-head > h3 {
|
||||
margin-top: 0;
|
||||
display: inline-block;
|
||||
color: #4db3a4;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
font-size: 15px; }
|
||||
.todo-container .todo-head > p {
|
||||
display: inline-block;
|
||||
color: #9eacb4;
|
||||
font-size: 12px;
|
||||
margin-left: 2em;
|
||||
margin-bottom: 0;
|
||||
margin-top: 0; }
|
||||
.todo-container .todo-head > button {
|
||||
float: right;
|
||||
font-weight: 600;
|
||||
font-size: 11px;
|
||||
text-transform: uppercase; }
|
||||
|
||||
.todo-container .todo-projects-content,
|
||||
.todo-container .todo-tasks-content {
|
||||
padding-left: 0; }
|
||||
|
||||
.todo-container .todo-projects-item,
|
||||
.todo-container .todo-tasks-item {
|
||||
list-style: none;
|
||||
margin-left: 0; }
|
||||
|
||||
.todo-container .todo-projects-item > h3 {
|
||||
font-size: 20px;
|
||||
color: #4e5a64;
|
||||
font-weight: 600;
|
||||
margin-top: 0;
|
||||
margin-bottom: 15px; }
|
||||
|
||||
.todo-container .todo-projects-item p {
|
||||
color: #a0a9b4;
|
||||
margin-bottom: 15px;
|
||||
margin-top: 0; }
|
||||
|
||||
.todo-container .todo-projects-item:last-child {
|
||||
border-bottom: none; }
|
||||
|
||||
.todo-container .todo-projects-item.todo-active {
|
||||
background-color: #fafbfc;
|
||||
position: relative; }
|
||||
.todo-container .todo-projects-item.todo-active > h3 {
|
||||
color: #49a7fa; }
|
||||
.todo-container .todo-projects-item.todo-active:after {
|
||||
content: " ";
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-top: 40px solid transparent;
|
||||
border-bottom: 40px solid transparent;
|
||||
border-left: 20px solid #fafbfc;
|
||||
position: absolute;
|
||||
right: -20px;
|
||||
top: 65px; }
|
||||
|
||||
.todo-container .todo-projects-item:hover {
|
||||
background-color: #fafbfc;
|
||||
cursor: pointer; }
|
||||
|
||||
.todo-container .todo-projects-item > .todo-project-item-foot {
|
||||
font-size: 12px; }
|
||||
|
||||
.todo-container .todo-tasks-item {
|
||||
padding: 30px 0;
|
||||
border-bottom: 1px solid;
|
||||
border-color: #ebf0f5; }
|
||||
.todo-container .todo-tasks-item > h4 {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
margin: 0;
|
||||
line-height: 1.3em; }
|
||||
.todo-container .todo-tasks-item > h4 > a {
|
||||
color: #65717b; }
|
||||
.todo-container .todo-tasks-item > h4 > a:hover {
|
||||
color: #49a7fa;
|
||||
text-decoration: none; }
|
||||
.todo-container .todo-tasks-item > h4 > a:focus {
|
||||
color: #65717b;
|
||||
text-decoration: none; }
|
||||
.todo-container .todo-tasks-item > p {
|
||||
margin: 0;
|
||||
color: #9eacb4; }
|
||||
.todo-container .todo-tasks-item:last-child {
|
||||
border-bottom: none; }
|
||||
|
||||
.todo-add-button {
|
||||
border: 1px solid;
|
||||
border-color: #e0e6e9;
|
||||
background-color: #fff;
|
||||
color: #c1cbd1;
|
||||
text-decoration: none;
|
||||
padding: 0 0.4em;
|
||||
font-size: 20px;
|
||||
margin: -0.3em 0 0 0.5em;
|
||||
float: right; }
|
||||
.todo-add-button:hover {
|
||||
background-color: #4db3a4;
|
||||
color: #fff;
|
||||
text-decoration: none; }
|
||||
.todo-add-button:focus {
|
||||
color: #c1cbd1;
|
||||
text-decoration: none; }
|
||||
|
||||
#todo-members-modal > .modal-dialog {
|
||||
top: 20px; }
|
||||
|
||||
#todo-members-modal .select-height {
|
||||
height: 10em; }
|
||||
|
||||
#todo-task-modal > .modal-dialog {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 60%;
|
||||
margin: 0 auto; }
|
||||
#todo-task-modal > .modal-dialog .modal-content {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
overflow: auto; }
|
||||
#todo-task-modal > .modal-dialog .modal-content .todo-task-modal-title {
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
margin-left: 2em; }
|
||||
#todo-task-modal > .modal-dialog .modal-content .todo-task-due {
|
||||
margin-left: 1em;
|
||||
font-weight: 600;
|
||||
color: #4db3a4;
|
||||
width: 150px !important; }
|
||||
#todo-task-modal > .modal-dialog .modal-content .todo-task-assign {
|
||||
margin-left: 1em;
|
||||
border: 1px solid;
|
||||
border-color: #ccc;
|
||||
padding: 6px 10px;
|
||||
font-weight: 600;
|
||||
color: #4db3a4;
|
||||
text-transform: uppercase; }
|
||||
#todo-task-modal > .modal-dialog .modal-content .todo-task-assign:hover, #todo-task-modal > .modal-dialog .modal-content .todo-task-assign:focus {
|
||||
text-decoration: none; }
|
||||
#todo-task-modal > .modal-dialog .modal-content > .todo-task-modal-body > .todo-task-modal-bg {
|
||||
background-color: #f7f9fa;
|
||||
padding: 20px; }
|
||||
#todo-task-modal > .modal-dialog .modal-content > .todo-task-modal-body > h3 {
|
||||
margin: 15px 0;
|
||||
font-size: 20px;
|
||||
color: #4e5a64;
|
||||
font-weight: 600; }
|
||||
#todo-task-modal > .modal-dialog .modal-content > .todo-task-modal-body > p {
|
||||
font-size: 15px;
|
||||
color: #8f9ea6;
|
||||
line-height: 24px; }
|
||||
#todo-task-modal > .modal-dialog .modal-content > .todo-task-modal-body > h4 {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
color: #9eacb4;
|
||||
margin-top: 25px; }
|
||||
#todo-task-modal > .modal-dialog .modal-content > .todo-task-modal-body > h4 > .todo-add-button {
|
||||
float: none; }
|
||||
#todo-task-modal > .modal-dialog .modal-content > .todo-task-modal-body > .todo-task-file {
|
||||
color: #49a7fa;
|
||||
font-size: 13px; }
|
||||
#todo-task-modal > .modal-dialog .modal-content > .todo-task-modal-body > .todo-task-file > i {
|
||||
margin-right: 0.5em; }
|
||||
#todo-task-modal > .modal-dialog .modal-content > .todo-task-modal-body > .todo-task-file > .todo-remove-file {
|
||||
color: #9eacb4;
|
||||
margin-left: 0.5em; }
|
||||
#todo-task-modal > .modal-dialog .modal-content > .todo-task-modal-body > .todo-task-file > .todo-remove-file:hover {
|
||||
color: #4db3a4;
|
||||
cursor: pointer; }
|
||||
|
||||
.todo-inline {
|
||||
display: inline-block; }
|
||||
|
||||
.todo-float-r {
|
||||
float: right; }
|
||||
|
||||
.todo-bold {
|
||||
font-weight: 600;
|
||||
font-size: 11px;
|
||||
text-transform: uppercase; }
|
||||
|
||||
.todo-padding-b-0 {
|
||||
padding-bottom: 0 !important; }
|
||||
|
||||
.todo-grey {
|
||||
color: #9eacb4; }
|
||||
|
||||
.todo-red {
|
||||
color: #d39790 !important; }
|
||||
|
||||
.todo-green {
|
||||
color: #4db3a4; }
|
||||
|
||||
/* RESPONSIVE MODE */
|
||||
@media (max-width: 1199px) {
|
||||
.todo-head > p {
|
||||
display: block;
|
||||
margin-left: 0 !important; } }
|
||||
|
||||
@media (max-width: 991px) {
|
||||
/* 991px */
|
||||
#todo-task-modal > .modal-dialog {
|
||||
width: 95%; }
|
||||
.todo-active:after {
|
||||
border: none !important; } }
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.todo-task-modal-title {
|
||||
margin-left: 0 !important;
|
||||
margin-top: 1em;
|
||||
display: block !important; }
|
||||
.todo-tasks-container .todo-head > p {
|
||||
margin-left: 0 !important;
|
||||
margin-top: 1em; } }
|
||||
Vendored
+1
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user