766 lines
12 KiB
CSS
766 lines
12 KiB
CSS
::-webkit-scrollbar {
|
|
width: 5px;
|
|
height: 15px;
|
|
/*background-color: #ddd;*/
|
|
}
|
|
|
|
|
|
/*滑块*/
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background-color: #bbb;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background-color: #aaa;
|
|
}
|
|
|
|
|
|
/*滑道*/
|
|
|
|
::-webkit-scrollbar-track {
|
|
box-shadow: inset 0 0 6px #ccc;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
code{
|
|
padding: 10px;
|
|
border: 1px solid #ddd;
|
|
white-space: pre-wrap;
|
|
word-wrap: break-word;
|
|
background: #f6f6f6;
|
|
display: inline-block;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.leftbar {
|
|
width: 60px;
|
|
height: 100%;
|
|
position: fixed;
|
|
z-index: 20;
|
|
display: block;
|
|
background: #2573a7;
|
|
}
|
|
|
|
.projectheader {
|
|
background: #fff;
|
|
border-bottom: solid 1px #eeece8;
|
|
color: #4d4d4d;
|
|
height: 50px;
|
|
position: fixed;
|
|
z-index: 17;
|
|
left: 60px;
|
|
width: 100%
|
|
}
|
|
|
|
.boardtmpl {
|
|
width: 25%;
|
|
float: left;
|
|
min-width: 284px;
|
|
}
|
|
|
|
.boardmain {
|
|
background-color: #2980b9;
|
|
overflow: hidden;
|
|
color: #f6f6f6;
|
|
height: 70px;
|
|
font-size: 16px;
|
|
line-height: 22px;
|
|
border-radius: 3px;
|
|
display: block;
|
|
font-weight: 700;
|
|
min-height: 18px;
|
|
padding: 8px;
|
|
margin: 8px;
|
|
position: relative;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.boardmain a {
|
|
color: #fff;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.drop-area {
|
|
margin-bottom: 4px;
|
|
padding-bottom: 2px;
|
|
min-height: 46px;
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
#wrap {
|
|
position: absolute;
|
|
top: 50px;
|
|
left: 60px;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
#main {
|
|
height: 100%
|
|
}
|
|
|
|
#centerpanel {
|
|
height: 100%;
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.panel {
|
|
min-height: 60px;
|
|
width: 300px;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
vertical-align: top;
|
|
display: inline-block;
|
|
zoom: 1;
|
|
min-width: 180px;
|
|
margin: 7px 10px 0 0px;
|
|
padding-bottom: 6px;
|
|
border-radius: 5px;
|
|
background-color: #eeece8;
|
|
white-space: normal;
|
|
}
|
|
|
|
.tasklist {
|
|
margin: 0 4px;
|
|
padding: 0 4px;
|
|
min-height: 46px;
|
|
overflow: hidden;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.tasktitle {
|
|
flex: 0 0 auto;
|
|
margin: 20px 12px 4px;
|
|
position: relative;
|
|
min-height: 20px;
|
|
font-weight: normal;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.tasktitle h2 {
|
|
font-weight: normal;
|
|
}
|
|
|
|
.card {
|
|
margin-bottom: 9px;
|
|
border: solid 1px #e8e8ea;
|
|
padding: 3px;
|
|
position: relative;
|
|
border-bottom: solid 1px #e1e1e5;
|
|
background: #fff;
|
|
min-height: 46px;
|
|
padding: 6px 8px 2px;
|
|
line-height: 20px;
|
|
cursor: pointer;
|
|
-webkit-user-select: text;
|
|
-moz-user-select: text;
|
|
-ms-user-select: text;
|
|
user-select: text;
|
|
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
|
|
border-radius: 2px;
|
|
color: #4d4d4d;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.card-corner-mark{
|
|
color: #fff;
|
|
width: 29px;
|
|
height: 32px;
|
|
position: absolute;
|
|
text-align: center;
|
|
font-family: "黑体";
|
|
background: #cb1a44;
|
|
top: -16px;
|
|
right: -18px;
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
.card .card-corner-mark span{
|
|
position: absolute;
|
|
bottom: 0;
|
|
display: block;
|
|
width: 30px;
|
|
top: 16px;
|
|
left: -2px;
|
|
font-size: 9px;
|
|
}
|
|
|
|
.js-card-composer {
|
|
border-radius: 2px;
|
|
color: #8c8c8c;
|
|
display: block;
|
|
padding: 7px 10px;
|
|
position: relative;
|
|
text-decoration: none;
|
|
animation: fadeIn 0.3s;
|
|
}
|
|
|
|
.js-card-composer .fa {
|
|
margin: 0 10px;
|
|
;
|
|
}
|
|
|
|
.card:hover {
|
|
background: #f7f7f7;
|
|
}
|
|
|
|
.card.isselect {
|
|
border-left: 3px solid #2980b9;
|
|
background: #f7f7f7;
|
|
}
|
|
|
|
.badges {
|
|
display: inline-block;
|
|
margin: 5px 0 2px;
|
|
}
|
|
|
|
.badge {
|
|
display: inline-block;
|
|
}
|
|
|
|
.badge-icon {
|
|
color: #666;
|
|
font-size: 11px;
|
|
;
|
|
}
|
|
|
|
.minicard-labels {
|
|
display: inline-block;
|
|
}
|
|
|
|
.minicard-label {
|
|
display: inline-block;
|
|
width: auto;
|
|
height: auto;
|
|
padding: 2px 4px;
|
|
border-radius: 2px;
|
|
margin-left: 1px;
|
|
background-color: #5eac82;
|
|
color: #fff;
|
|
font-size: 7px;
|
|
height: 22px;
|
|
}
|
|
|
|
.card-label-legugreen {
|
|
background-color: #5eac82 !important;
|
|
color: #fff;
|
|
}
|
|
|
|
.card-label-legupurple {
|
|
background-color: #76428d !important;
|
|
;
|
|
color: #fff !important;
|
|
}
|
|
|
|
.card-label-leguaqua {
|
|
background-color: #39CCCC !important;
|
|
;
|
|
color: #fff !important;
|
|
}
|
|
|
|
.card-label-legublue {
|
|
background-color: #278785 !important;
|
|
;
|
|
color: #fff !important;
|
|
}
|
|
|
|
.card-label-leguyellow {
|
|
background-color: #ffb11b !important;
|
|
;
|
|
color: #fff !important;
|
|
}
|
|
|
|
.card-label-legured {
|
|
background-color: #cb1a44 !important;
|
|
;
|
|
color: #fff !important;
|
|
}
|
|
.card-label-legured2 {
|
|
background-color: #FFA500 !important;
|
|
;
|
|
color: #fff !important;
|
|
}
|
|
|
|
.card-label-legupink {
|
|
background-color: #f596aa !important;
|
|
;
|
|
color: #fff !important;
|
|
}
|
|
|
|
.card-label-legugray {
|
|
background-color: #787878 !important;
|
|
;
|
|
color: #fff !important;
|
|
}
|
|
|
|
.card-label-leguriskred {
|
|
background-color: #8f4ccf !important;
|
|
;
|
|
color: #fff !important;
|
|
}
|
|
|
|
.card-label-leguriskorange {
|
|
background-color: #f7763d !important;
|
|
;
|
|
color: #fff !important;
|
|
}
|
|
|
|
.card-label-leguriskpurple {
|
|
background-color: #c22b34 !important;
|
|
;
|
|
color: #fff !important;
|
|
}
|
|
|
|
.minicard-members {
|
|
display: inline-block;
|
|
float: right;
|
|
margin: 5px 0 2px;
|
|
clear: both;
|
|
}
|
|
|
|
.js-member {
|
|
height: 22px;
|
|
border-radius: 3px;
|
|
;
|
|
display: inline-block;
|
|
user-select: none;
|
|
z-index: 1;
|
|
font-size: 7px;
|
|
padding: 2px;
|
|
text-decoration: none;
|
|
background: #999;
|
|
text-align: center;
|
|
color: #fff;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.myuid {
|
|
background: #09F
|
|
}
|
|
|
|
#cardinfo {
|
|
position: fixed;
|
|
width: 570px;
|
|
height: 100%;
|
|
top: 0;
|
|
right: 0;
|
|
box-shadow: 0 0 7px 0 #b3b3b3;
|
|
background: #f7f7f7;
|
|
border-bottom-left-radius: 3px;
|
|
border-bottom-right-radius: 3px;
|
|
z-index: 25 !important;
|
|
color: #4d4d4d;
|
|
}
|
|
.rightfixed {
|
|
position: fixed;
|
|
width: 800px;
|
|
height: 100%;
|
|
top: 0;
|
|
right: 0;
|
|
box-shadow: 0 0 7px 0 #b3b3b3;
|
|
background: #f7f7f7;
|
|
border-bottom-left-radius: 3px;
|
|
border-bottom-right-radius: 3px;
|
|
z-index: 25 !important;
|
|
color: #4d4d4d;
|
|
}
|
|
|
|
.card-details-header {
|
|
padding: 7px 16px;
|
|
background: #ededed;
|
|
border-bottom: 1px solid #dbdbdb;
|
|
}
|
|
|
|
.card-details-title {
|
|
font-weight: bold;
|
|
font-size: 1.33em;
|
|
margin: 7px 0 0;
|
|
padding: 0;
|
|
display: inline-block;
|
|
width: 75%;
|
|
}
|
|
|
|
.card-details-ctrl {
|
|
display: inline-block;
|
|
float: right;
|
|
}
|
|
|
|
.card-details-ctrl a {
|
|
text-decoration: none;
|
|
color: #999;
|
|
font-size: 1.5em;
|
|
margin-left: 15px;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.card-details-items {
|
|
margin: 15px;
|
|
}
|
|
|
|
.card-details-item {
|
|
display: inline-block;
|
|
width: 45%;
|
|
}
|
|
|
|
.card-details-item-title {
|
|
color: #8c8c8c;
|
|
font-size: 16px;
|
|
line-height: 1.25em;
|
|
margin: 6px 0;
|
|
}
|
|
|
|
hr {
|
|
height: 1px;
|
|
border: 0;
|
|
border: none;
|
|
width: 100%;
|
|
background: #dbdbdb;
|
|
color: #dbdbdb;
|
|
margin: 15px 0;
|
|
padding: 0;
|
|
clear: both;
|
|
}
|
|
|
|
.viewer {
|
|
min-height: 18px;
|
|
display: inline-block;
|
|
}
|
|
|
|
textarea.editor {
|
|
resize: none;
|
|
padding-bottom: 22px;
|
|
}
|
|
|
|
.js-new-comment-input {
|
|
background-color: #fff;
|
|
border: 0;
|
|
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.23);
|
|
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.23);
|
|
color: #8c8c8c;
|
|
height: 36px;
|
|
margin: 4px 4px 6px 0;
|
|
padding: 9px 11px;
|
|
width: 100%;
|
|
}
|
|
|
|
.attachments-galery {
|
|
display: -webkit-box;
|
|
display: -moz-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: box;
|
|
display: flex;
|
|
-webkit-box-lines: multiple;
|
|
-moz-box-lines: multiple;
|
|
-o-box-lines: multiple;
|
|
-webkit-flex-wrap: wrap;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.attachment-item.add-attachment {
|
|
display: -webkit-box;
|
|
display: -moz-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: box;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-moz-box-align: center;
|
|
-o-box-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-align-items: center;
|
|
align-items: center;
|
|
min-height: 80px;
|
|
width: 31.33%;
|
|
margin: 10px 1% 0;
|
|
text-align: center;
|
|
border-radius: 3px;
|
|
overflow: hidden;
|
|
background: #ededed;
|
|
text-align: center;
|
|
}
|
|
|
|
a.js-add-attachment {
|
|
display: block;
|
|
height: 100%;
|
|
width: 100%;
|
|
line-height: 90px;
|
|
}
|
|
|
|
.button {
|
|
float: left;
|
|
height: 32px;
|
|
margin-top: -2px;
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
background: #005377;
|
|
-webkit-box-shadow: 0 1px 0 #4d4d4d;
|
|
box-shadow: 0 1px 0 #4d4d4d;
|
|
color: #fff;
|
|
line-height: 18px;
|
|
border: none;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: 700;
|
|
line-height: 22px;
|
|
margin: 8px 4px 0 0;
|
|
padding: 7px 20px;
|
|
text-align: center;
|
|
min-height: 34px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.btn-danger {
|
|
background: #dc3545;
|
|
}
|
|
|
|
.activity-comment {
|
|
display: block;
|
|
border-radius: 3px;
|
|
background: #fff;
|
|
text-decoration: none;
|
|
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
|
|
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
|
|
margin-top: 5px;
|
|
padding: 5px;
|
|
}
|
|
|
|
#cardinfoMask,.rightfixedMask {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: rgba(0, 0, 0, 0.2);
|
|
z-index: 21;
|
|
}
|
|
|
|
|
|
#firstlabelcardinfoMask {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: rgba(0, 0, 0, 0.2);
|
|
z-index: 21;
|
|
}
|
|
|
|
|
|
.addjiahao {
|
|
box-shadow: 0 0 0 2px #bfbfbf inset;
|
|
border-radius: 50%;
|
|
height: 22px;
|
|
width: 22px;
|
|
line-height: 22px;
|
|
text-align: center;
|
|
color: #bfbfbf;
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.addjiahao:hover {
|
|
color: #000;
|
|
box-shadow: 0 0 0 2px #000 inset;
|
|
;
|
|
}
|
|
|
|
.pop-over {
|
|
background: #fff;
|
|
border-radius: 3px;
|
|
border: 1px solid #dbdbdb;
|
|
border-bottom-color: #c2c2c2;
|
|
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
|
|
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
|
|
position: fixed;
|
|
width: 300px;
|
|
z-index: 99999;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.pop-over .header {
|
|
height: 36px;
|
|
position: relative;
|
|
margin-bottom: 8px;
|
|
background: #f7f7f7;
|
|
border-bottom: 1px solid #dcdcdc;
|
|
color: #666;
|
|
}
|
|
|
|
.pop-over .header .header-title {
|
|
line-height: 32px;
|
|
padding-top: 4px;
|
|
margin: 0 10px;
|
|
font-weight: bold;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.pop-over .headbtn_left {
|
|
line-height: 32px;
|
|
float: left;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.pop-over .headbtn_right {
|
|
line-height: 32px;
|
|
float: right;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.pop-over p,
|
|
.pop-over textarea,
|
|
.pop-over input[type="text"],
|
|
.pop-over input[type="email"],
|
|
.pop-over input[type="password"],
|
|
.pop-over input[type="file"] {
|
|
margin: 4px 0 12px;
|
|
width: 100%;
|
|
}
|
|
|
|
.popcontent {
|
|
padding: 5px 10px;
|
|
;
|
|
}
|
|
|
|
.pop-over input:not([type=file]) {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
-webkit-appearance: none;
|
|
background-color: #ebebeb;
|
|
border: 1px solid #ccc;
|
|
border-radius: 3px;
|
|
display: block;
|
|
margin-bottom: 12px;
|
|
min-height: 34px;
|
|
padding: 7px;
|
|
}
|
|
|
|
.pop-over li {
|
|
display: list-item;
|
|
text-align: -webkit-match-parent;
|
|
line-height: 30px;
|
|
padding: 5px;
|
|
}
|
|
|
|
.js-card-member-list li {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.js-card-member-list li:hover {
|
|
background: #2573a7;
|
|
color: #fff;
|
|
}
|
|
|
|
.js-card-label-list li {
|
|
margin-bottom: 8px;
|
|
border: 1px solid #fff;
|
|
;
|
|
cursor: pointer;
|
|
width: 49%;
|
|
display: inline-block;
|
|
}
|
|
|
|
.js-card-label-list li:hover {
|
|
border: 1px solid #005377;
|
|
}
|
|
.qalabel_li,
|
|
.label_li {
|
|
background-color: #5eac82;
|
|
color: #fff;
|
|
;
|
|
}
|
|
|
|
.fujianlist span {
|
|
line-height: 27px;
|
|
height: 33px;
|
|
/*display: inline-block;*/
|
|
width: 170px;
|
|
overflow: hidden;
|
|
padding: 3px 5px;
|
|
margin: 3px;
|
|
background: #eee;
|
|
}
|
|
|
|
.list_card_title p,.list_card_title ol {
|
|
display: inline-block;
|
|
max-width: 230px;
|
|
list-style: none
|
|
;
|
|
}
|
|
.list_card_title del{ color: #bbb;}
|
|
|
|
.cardinfo_description img,
|
|
.activity-comment img {
|
|
border: 2px solid #dbdbdb;
|
|
margin: 3px;
|
|
max-width: 50%;
|
|
;
|
|
}
|
|
|
|
#cardinfoQALabels .minicard-label,
|
|
#cardinfoLabels .minicard-label,
|
|
#cardinfoRiskLabels .minicard-label,
|
|
#cardinfoYanQiMembers .js-member,
|
|
#cardinfoMembers .js-member {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.list_menu{
|
|
float: right; position: absolute; right: 0; top: 0; color: #444;
|
|
|
|
}
|
|
.ui-menu { width: 150px; box-shadow: 0 0 7px 0 #b3b3b3;
|
|
background: #f7f7f7;
|
|
|
|
color: #4d4d4d;
|
|
}
|
|
.ui-menu li{ line-height: 25px;;}
|
|
|
|
.lbmyname{ width: 45px; height: 45px; border-radius: 50%; background: #333; text-align:center; line-height: 45px; position: relative; bottom: 60px; left: 7px; display:inline-block; font-size: 15px; font-family: "微软雅黑";background-size:100%;background-repeat:no-repeat;}
|
|
|
|
.tasklistcount{
|
|
position: absolute;
|
|
top: -19px;
|
|
left: 0;
|
|
font-size: 6px;
|
|
-webkit-transform: scale(0.8) !important;
|
|
}
|
|
|
|
.timetospan{ display:inline-block;font-size: 8px !important;-webkit-transform: scale(0.8) !important; font-family:georgia;font-style: normal;}
|
|
|
|
|
|
@keyframes fade {
|
|
from { opacity: 1.0; }
|
|
50% { opacity: 0.4; }
|
|
to { opacity: 1.0; }
|
|
}
|
|
|
|
@-webkit-keyframes fade {
|
|
from { opacity: 1.0; }
|
|
50% { opacity: 0.4; }
|
|
to { opacity: 1.0; }
|
|
}
|
|
|
|
i.blink{ margin-left: 3px;}
|
|
.blink {
|
|
color:#fff;
|
|
-webkit-transform: scale(1) !important;
|
|
animation:fade 300ms infinite;
|
|
-webkit-animation:fade 300ms infinite;
|
|
}
|
|
|
|
|
|
#cardinfoIssueTags{ margin:15px; line-height: 23px; }
|
|
#cardinfoIssueTags li{ margin-bottom: 12px; }
|
|
.risklabel_li .full-name{ max-width: 100px;
|
|
overflow: hidden;
|
|
display: inline-block;
|
|
height: 22px; }
|