59 lines
2.5 KiB
CSS
59 lines
2.5 KiB
CSS
#tasks p.loading{margin:15px;}
|
|
#tasks{position:fixed; overflow: auto; top:6.4em;width:71em;}
|
|
#tasks_lists,#tasks_list{height:100%;background:#f8f8f8; border-right:1px solid #ddd;float:left;}
|
|
#tasks_lists{width:20em;}
|
|
#tasks_lists .done{color:#C7C7C7;}
|
|
#tasks_list{width:50em;}
|
|
#task_details{position:absolute;left:63em;top:6.4em;}
|
|
#task_details th{padding:2px;text-align:right;vertical-align:top; }
|
|
#task_details td{padding:2px;text-align:left;vertical-align:top; }
|
|
.error_msg{color:red;}
|
|
.error{border-color:red;border-width:2px;}
|
|
#tasks_lists div{position:relative;padding:0.5em 1em;}
|
|
#tasks_lists .active{font-weight:bold;}
|
|
#tasks h1{background-color:#1D2D44;color:white;font-size:120%;padding:0 0.5em;}
|
|
|
|
.task{border-radius:0.4em;position:relative;padding:0.5em 1em;}
|
|
.task:hover {background-color:#DDDDDD;}
|
|
|
|
.task_actions{display:none;position:absolute;right:33.3333%;top:0.2em;}
|
|
.task:hover .task_actions {display:block}
|
|
.task_actions img{vertical-align:middle;}
|
|
.task_actions span{cursor:pointer;}
|
|
|
|
.task .priority{background-color:black;color:white;position:absolute;top:0.5em}
|
|
.task .priority-n{height:2.66ex;width:0.6em;}
|
|
.task .priority-1{background:rgb(255,0,0);}
|
|
.task .priority-2{background:rgb(200,0,0);}
|
|
.task .priority-3{background:rgb(150,0,0);}
|
|
.task .priority-4{background:rgb(100,0,0);}
|
|
.task .priority-5{background:rgb(255,255,0);color:black;}
|
|
.task .priority-6{background:rgb(192,255,0);color:black;}
|
|
.task .priority-7{background:rgb(128,255,0);color:black;}
|
|
.task .priority-8{background:rgb(64,255,0);color:black;}
|
|
.task .priority-9{background:rgb(0,255,0);color:black;}
|
|
|
|
.task .completed {position:absolute;left:3em;top:0.3em;}
|
|
|
|
.task .summary{padding-left:4em;}
|
|
.task .summary input{position:relative;left:5px;}
|
|
.task.done .summary{text-decoration:line-through;}
|
|
|
|
.task .tag{border-radius:0.4em;display:inline-block;opacity:0.2;margin:0 0.2em;border:1px solid transparent;padding:0 0.4em;cursor:pointer;}
|
|
.task .tag:hover{opacity:0.5;}
|
|
.task .tag.active{border-color:black;opacity:0.6;}
|
|
.task .tag.active:hover{opacity:0.8;}
|
|
|
|
.task .categories{position:absolute;right:6em;text-align:right;top:0.4em}
|
|
.task .categories a{background-color:#1d2d44;color:white;}
|
|
.task .categories .tag.active{display:none}
|
|
|
|
.task .location{background-color:#442d44;color:white;position:absolute;right:0.6em;width:4.2em;text-align:left;top:0.4em}
|
|
|
|
.task .more{display:none;}
|
|
|
|
.task .description{position:relative;left:4em;}
|
|
.task .due{position:absolute;right:0.3em;}
|
|
.task .due .date{width:6em;}
|
|
.task .due .time{width:6em;}
|