1670 lines
27 KiB
CSS
1670 lines
27 KiB
CSS
html {
|
|
height: 100%;
|
|
}
|
|
|
|
body {
|
|
font-size: 12px;
|
|
line-height: 2.0;
|
|
font-family: sans-serif;
|
|
color: #05101a;
|
|
height: 100%;
|
|
position: relative;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
background-color: #F9F9F9;
|
|
min-width:1200px;
|
|
-moz-user-select: none; /*火狐*/
|
|
-webkit-user-select: none; /*webkit浏览器*/
|
|
-ms-user-select: none; /*IE10*/
|
|
-khtml-user-select: none; /*早期浏览器*/
|
|
user-select: none;
|
|
}
|
|
|
|
p, input, table {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
.break_word {
|
|
word-break: break-all;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.color-yellow{
|
|
color: #2281a9;
|
|
}
|
|
|
|
.color-dark-blue {
|
|
color: #5C7C99
|
|
}
|
|
|
|
.color-dark-57 {
|
|
color: #575757;
|
|
}
|
|
|
|
.fontcolor-white{
|
|
color: white;
|
|
}
|
|
.color-grey-des {
|
|
color: #808080;
|
|
}
|
|
|
|
.color-grey-c {
|
|
color: #ccc;
|
|
}
|
|
|
|
.color-white {
|
|
color: #fff;
|
|
}
|
|
|
|
.color-orange {
|
|
color: #FF6800;
|
|
}
|
|
|
|
.radius {
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.clearfix:after {
|
|
clear: both;
|
|
content: ".";
|
|
display: block;
|
|
font-size: 0;
|
|
height: 0;
|
|
line-height: 0;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.clearfix {
|
|
clear: both;
|
|
zoom: 1
|
|
}
|
|
|
|
a {
|
|
text-decoration: none !important;
|
|
color: #000;
|
|
|
|
}
|
|
|
|
.code_Area a{
|
|
color: white;
|
|
}
|
|
|
|
a:hover {
|
|
color: #33A6D6;
|
|
padding-bottom: 2px;
|
|
border-bottom: 1px solid #33A6D6;
|
|
display: inline-block;
|
|
}
|
|
.font-12 {
|
|
font-size: 12px!important;
|
|
}
|
|
|
|
.font-14 {
|
|
font-size: 14px!important;
|
|
}
|
|
|
|
.font-16 {
|
|
font-size: 16px!important;
|
|
}
|
|
|
|
.font-18 {
|
|
font-size: 18px!important;
|
|
}
|
|
|
|
.font-20 {
|
|
font-size: 20px!important;
|
|
}
|
|
|
|
.fl {
|
|
float: left;
|
|
}
|
|
|
|
.fr {
|
|
float: right;
|
|
}
|
|
|
|
.mt5 {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.mt7 {
|
|
margin-top: 7px;
|
|
}
|
|
|
|
.mt8 {
|
|
margin-top: 8px;
|
|
}
|
|
|
|
.mt10 {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.mt15 {
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.mt20 {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.mt22 {
|
|
margin-top: 22px;
|
|
}
|
|
|
|
.mr3 {
|
|
margin-right: 3px;
|
|
}
|
|
|
|
.mr10 {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.mr20 {
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.mr25 {
|
|
margin-right: 25px;
|
|
}
|
|
|
|
.mr15 {
|
|
margin-right: 15px;
|
|
}
|
|
|
|
.mb10 {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.ml5 {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
/*自定义滚动条宽度*/
|
|
|
|
::-webkit-scrollbar {
|
|
width: 7px;
|
|
height: 10px;
|
|
background-color: #F5F5F5;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
|
|
background-color: #F5F5F5;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
|
|
background-color: #ccc;
|
|
}
|
|
|
|
.modify-all {
|
|
overflow-y: auto;
|
|
display: flex;
|
|
display: -webkit-flex;
|
|
position: absolute;
|
|
width: 100%;
|
|
bottom: 0px;
|
|
top: 50px;
|
|
background-color:#313335;
|
|
}
|
|
|
|
.head {
|
|
background-color: #171819;
|
|
height: 50px;
|
|
}
|
|
|
|
.filename {
|
|
padding: 10px 20px;
|
|
background: #293033;
|
|
color: #fff;
|
|
position: fixed;
|
|
width: 100%;
|
|
height: 42px;
|
|
box-sizing: border-box;
|
|
z-index: 5;
|
|
}
|
|
|
|
.filename a {
|
|
color: #fff
|
|
}
|
|
|
|
.left {
|
|
float: left;
|
|
width: 16%;
|
|
min-width: 10%;
|
|
height: 100%;
|
|
overflow-y: auto;
|
|
-webkit-box-flex: 1;
|
|
display: flex;
|
|
background: #313335;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.left-tab {
|
|
width: 50px;
|
|
text-align: center;
|
|
/*background: #171819;*/
|
|
background: #2A2C2E;
|
|
padding: 0px;
|
|
padding-left: 3px;
|
|
box-sizing: border-box;
|
|
height: 100%;
|
|
margin: 0px;
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
height: 100%;
|
|
z-index: 2;
|
|
}
|
|
|
|
.left-tab li {
|
|
height: 100px;
|
|
line-height: 100px;
|
|
text-align: center;
|
|
width: 100%;
|
|
list-style: none;
|
|
padding: 0px;
|
|
font-size: 12px;
|
|
color: #CCCCCC;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.hideleft {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.left-tab li.active {
|
|
background: #4E5053;
|
|
}
|
|
|
|
.left-tab li span {
|
|
transform: rotate(-90deg);
|
|
display: block;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.left-rightlist {
|
|
position: absolute;
|
|
top: 0px;
|
|
min-width: 100%;
|
|
padding-left: 50px;
|
|
box-sizing: border-box;
|
|
height: 100%;
|
|
z-index: 1;
|
|
}
|
|
|
|
.tab-title {
|
|
height: 40px;
|
|
line-height: 40px;
|
|
padding-left: 20px;
|
|
box-sizing: border-box;
|
|
background: #2A2C2E;
|
|
color: #CCCCCC;
|
|
}
|
|
|
|
#filelist-content {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
padding-left: 0px;
|
|
height: 100%;
|
|
overflow-y: auto;
|
|
overflow-x: auto;
|
|
}
|
|
|
|
#filelist-content ul {
|
|
/* padding-left: 20px; */
|
|
margin: 0px;
|
|
}
|
|
|
|
#filelist-content ul li {
|
|
list-style: none;
|
|
}
|
|
|
|
#filelist-content ul li a {
|
|
color: #969B91!important;
|
|
/* display: block; */
|
|
max-width: 220px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.sub-item {
|
|
display: none;
|
|
}
|
|
|
|
#search_response {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
background-color: white;
|
|
z-index: 5;
|
|
border: 1px solid #ccc;
|
|
display: none;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.search-title {
|
|
width: 100%;
|
|
border-bottom: 1px solid #ccc;
|
|
height: 30px;
|
|
text-align: center;
|
|
line-height: 30px;
|
|
}
|
|
|
|
#structure-context, #structure-context a {
|
|
color: #fff;
|
|
}
|
|
|
|
.result-line {
|
|
padding: 3px 10px;
|
|
border-bottom: 1px solid #ccc;
|
|
height: 28px;
|
|
line-height: 22px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.result-line:last-child {
|
|
border: none;
|
|
}
|
|
|
|
.re-path {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
width: 200px;
|
|
display: block;
|
|
float: left;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.resultform {
|
|
max-height: 300px;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.path-content {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
max-width: 390px;
|
|
display: block;
|
|
float: left;
|
|
position: relative;
|
|
;
|
|
}
|
|
|
|
.path-all {
|
|
position: absolute;
|
|
top: 35px;
|
|
left: 0px;
|
|
background-color: #F4FCFF
|
|
}
|
|
|
|
.right {
|
|
float: right;
|
|
width: 20%;
|
|
height: 100%;
|
|
overflow-y: auto;
|
|
-webkit-box-flex: 1;
|
|
}
|
|
|
|
#right_code {
|
|
width: 84%;
|
|
background-color: #313335;
|
|
overflow-y: auto;
|
|
position: relative;
|
|
}
|
|
|
|
.codereading {
|
|
width: 100%;
|
|
margin: 0;
|
|
float: left;
|
|
background-color: #26292b!important;
|
|
height: 880px;
|
|
}
|
|
|
|
.codeopration {
|
|
font-size: 13px;
|
|
float: left;
|
|
text-align: center;
|
|
height: 14px;
|
|
width: 16px;
|
|
margin-left: 10px;
|
|
/*padding-top: 5px;*/
|
|
}
|
|
|
|
.codeline {
|
|
min-width: 910px;
|
|
width: 100%;
|
|
/*height: 23px;*/
|
|
/*background: #f1efec;*/
|
|
display: flex;
|
|
}
|
|
|
|
.linenum {
|
|
float: left;
|
|
min-width: 25px;
|
|
background:#25282c;
|
|
text-align: right;
|
|
padding: 0 5px;
|
|
color: #fff;
|
|
line-height: 20px;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.sourcecode {
|
|
float: left;
|
|
height: 40px;
|
|
width: 85%;
|
|
/*line-height: 20px;*/
|
|
background-color: #23241f;
|
|
color:#fff;
|
|
flex: 1;
|
|
}
|
|
.sourcecode:hover{
|
|
background-color:#323438!important;
|
|
}
|
|
|
|
.middle-right {
|
|
width: 25%;
|
|
margin-top: 30px;
|
|
padding: 30px;
|
|
box-sizing: border-box;
|
|
overflow-y:auto;
|
|
/* max-width: 370px; */
|
|
}
|
|
|
|
.middle-right-item {
|
|
border: 1px solid #979797 ;
|
|
background-color: #313335;
|
|
padding: 15px 10px;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.right-item-title{
|
|
font-size: 17px;
|
|
color: #fff;
|
|
margin-top: -5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.right-description{
|
|
display: block;
|
|
float: left;
|
|
text-align: left;
|
|
color: #C3BDBD;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.middle-right-item p {
|
|
display: flex;
|
|
}
|
|
.panel-leftfontnew {
|
|
display: block;
|
|
float: left;
|
|
width: 90px;
|
|
text-align: left;
|
|
color: #EAEAEA;
|
|
font-size: 13px;
|
|
overflow:hidden;
|
|
text-overflow:ellipsis;
|
|
white-space:nowrap
|
|
}
|
|
|
|
.panel-leftfont {
|
|
display: block;
|
|
float: left;
|
|
width: 90px;
|
|
text-align: left;
|
|
color: #EAEAEA;
|
|
font-size: 13px;
|
|
overflow:hidden;
|
|
text-overflow:ellipsis;
|
|
white-space:nowrap
|
|
}
|
|
|
|
.panel-left {
|
|
display: block;
|
|
float: left;
|
|
width: 250px;
|
|
text-align: left;
|
|
color: #FEFEFE;
|
|
font-size: 13px;
|
|
overflow:hidden;
|
|
text-overflow:ellipsis;
|
|
white-space:nowrap
|
|
}
|
|
.panel-left00 {
|
|
display: block;
|
|
float: left;
|
|
width: 35px;
|
|
text-align: left;
|
|
color: #FEFEFE;
|
|
font-size: 13px;
|
|
}
|
|
.panel-right {
|
|
color: #EBEBEB;
|
|
font-size:13px;
|
|
display: block;
|
|
float: left;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.middle-area {
|
|
flex: 1;
|
|
width: 60%;
|
|
overflow-y:auto;
|
|
margin-top: 40px;
|
|
}
|
|
|
|
.des {
|
|
margin-top: 15px;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.des span {
|
|
display: block;
|
|
float: left;
|
|
padding: 0px 4px;
|
|
background-color: rgba(180, 180, 180, .43);
|
|
border-radius: 2px;
|
|
margin-right: 10px;
|
|
height: 24px;
|
|
line-height: 24px;
|
|
color: #C5BFBF;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.hot-qus {
|
|
display: flex;
|
|
list-style-type: none;
|
|
color: #989898;
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.hot-qus a {
|
|
display: block;
|
|
flex: 1;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.hot-qus span {
|
|
display: block;
|
|
width: 20px;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
border-radius: 50%;
|
|
text-align: center;
|
|
background-color: #EAEAEA;
|
|
float: left;
|
|
}
|
|
|
|
/* 提交评论框 */
|
|
|
|
#ItemcommentPanel {
|
|
position: absolute;
|
|
right: 60px;
|
|
width: 340px;
|
|
top: 19px;
|
|
border-radius: 4px;
|
|
background-color: #fff;
|
|
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
|
|
padding: 15px 0px 8px 0px;
|
|
max-height: 600px;
|
|
overflow-y: auto;
|
|
z-index: 3;
|
|
color: black;
|
|
}
|
|
|
|
.loadCommentpanel-back, .loadQuestionpanel-back {
|
|
position: fixed;
|
|
width: 100%;
|
|
left: 0;
|
|
top: 20px;
|
|
height: 100%;
|
|
z-index: 10000;
|
|
display: none;
|
|
}
|
|
|
|
.pr {
|
|
position: relative;
|
|
}
|
|
|
|
/* 评论显示内容 */
|
|
|
|
.commentparthalf {
|
|
margin-top: 10px;
|
|
width: 84%;
|
|
padding: 0px 0px 0px 4px;
|
|
}
|
|
|
|
.commentparthalf:last-child {
|
|
border: none;
|
|
}
|
|
|
|
.parthalf_con {
|
|
border-bottom: 1px solid #eee;
|
|
padding: 6px 6px 6px 6px;
|
|
margin: 2px 0px 0px 0px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.parthalf_comment {
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.comment_item {
|
|
border-bottom: 1px solid #eee;
|
|
padding-right: 20px;
|
|
}
|
|
|
|
.thumbsThis {
|
|
text-decoration: none!important;
|
|
color: #999!important
|
|
}
|
|
|
|
/* 问题显示 */
|
|
|
|
#ItemquestionPanel {
|
|
width: 700px;
|
|
position: absolute;
|
|
max-height: 500px;
|
|
overflow-y: auto;
|
|
background-color: #fff;
|
|
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
|
|
top: 23px;
|
|
border-radius: 4px;
|
|
right: 32px;
|
|
z-index: 3;
|
|
color:black;
|
|
padding: 15px 0px 3px 0px;
|
|
}
|
|
|
|
.ques-title {
|
|
margin-top: -15px;
|
|
font-size: 16px;
|
|
padding: 10px 20px;
|
|
border-bottom: 1px solid #eee;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.ques-part {
|
|
padding: 10px 20px;
|
|
}
|
|
|
|
.ques-answer {
|
|
margin: 10px 0px;
|
|
}
|
|
|
|
.ques-answer li {
|
|
list-style-type: none;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.ques-answer li input {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.ques-part {
|
|
border-bottom: 1px solid #eee;
|
|
padding-bottom: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.ques-part:last-child {
|
|
border: none;
|
|
}
|
|
|
|
#writeThisanswer {
|
|
height: 100px;
|
|
width: 100%;
|
|
border: 1px solid #eee;
|
|
}
|
|
|
|
.responsePanel {
|
|
padding: 10px 20px;
|
|
}
|
|
|
|
.responseInput {
|
|
border: 1px solid #eee;
|
|
height: 35px;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
border-radius: 4px;
|
|
margin-bottom: 10px;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.comments {
|
|
padding: 10px 20px;
|
|
/*border-bottom: 1px solid #eee;*/
|
|
display: flex
|
|
}
|
|
|
|
.comments-right {
|
|
flex: 1;
|
|
margin-left: 15px;
|
|
}
|
|
|
|
.comments-name {
|
|
margin-right: 10px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.comments-content {
|
|
line-height: 20px;
|
|
}
|
|
|
|
.otherComments {
|
|
background-color: #F4F4F4;
|
|
border-radius: 4px;
|
|
padding: 5px 10px;
|
|
margin: 5px 0px;
|
|
}
|
|
|
|
.otherComments .comments-content {
|
|
color: #949393
|
|
}
|
|
|
|
.downList-panel {
|
|
cursor: pointer;
|
|
height:50px;
|
|
}
|
|
|
|
.downList-panel:hover .downList {
|
|
display: block;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.downList-panel span {
|
|
margin-top: 15px;
|
|
color: #666;
|
|
float: left;
|
|
margin-left: 10px
|
|
}
|
|
|
|
.downList-panel:hover span {
|
|
color: #fff;
|
|
}
|
|
|
|
.downList {
|
|
position: absolute;
|
|
top: 45px;
|
|
background-color: #fff;
|
|
border-radius: 4px;
|
|
width: 120px;
|
|
text-align: center;
|
|
z-index: 6;
|
|
padding: 5px 0px;
|
|
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
|
|
display: none;
|
|
right: 0px;
|
|
}
|
|
|
|
.downList li {
|
|
padding: 0px 10px;
|
|
box-sizing: border-box;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
border-bottom: 1px solid #eee;
|
|
list-style-type: none;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.downList li:last-child {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.downList li:hover {
|
|
background-color: #fafafa;
|
|
}
|
|
.downList li:hover a{
|
|
text-decoration:none;
|
|
}
|
|
|
|
pre.prettyprint {
|
|
margin: 0;
|
|
border: 0;
|
|
word-wrap: break-word;
|
|
white-space: pre-wrap;
|
|
font-family: sans-serif;
|
|
}
|
|
|
|
.linestatus {
|
|
float: left;
|
|
min-height: 40px;
|
|
width: 80px;
|
|
border-left: 1px #000000;
|
|
background-color: #4e5053;
|
|
position: relative;
|
|
padding-top: 2px;
|
|
}
|
|
|
|
/* 输入问题或者注释 */
|
|
|
|
.put-select {
|
|
border-bottom: 1px solid #eee;
|
|
padding: 0px 10px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.put-select span {
|
|
color: #989898;
|
|
display: block;
|
|
float: left;
|
|
width: 50px;
|
|
height: 35px;
|
|
line-height: 35px;
|
|
text-align: left;
|
|
cursor: pointer;
|
|
}
|
|
.put-select span{
|
|
text-align: center;
|
|
font-size: 16px;
|
|
}
|
|
.put-select span.active {
|
|
color: #05101a;
|
|
text-align: center;
|
|
font-size: 16px;
|
|
}
|
|
.put-selectspanactive{
|
|
font-weight: bold;
|
|
font-size: 16px;
|
|
text-align: center;
|
|
}
|
|
.addno-panel {
|
|
position: absolute;
|
|
width: 410px;
|
|
border: 1px solid #ccc;
|
|
border-radius: 5px;
|
|
background: #fff;
|
|
z-index: 1;
|
|
right: 5px;
|
|
top: 27px;
|
|
display: none;
|
|
}
|
|
|
|
.put-content {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.put-option {
|
|
border: 1px solid #eee;
|
|
height: 30px;
|
|
width: 150px;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.put-text {
|
|
width: 92%;
|
|
border: 1px solid transparent;
|
|
border-bottom: 1px solid #ccc;
|
|
height: 170px;
|
|
margin: 15px 0px 10px 18px;
|
|
box-sizing: border-box;
|
|
color: black;
|
|
}
|
|
|
|
.submit {
|
|
color: #fff!important;
|
|
background: #33A6D6;
|
|
border-radius: 3px;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
display: block;
|
|
box-sizing: border-box;
|
|
width: 60px;
|
|
text-align: center;
|
|
margin-right: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.annonums {
|
|
font-size: 13px;
|
|
float: left;
|
|
text-align: center;
|
|
background-image: url(../image/annotation.png);
|
|
background-size: 100% 100%;
|
|
height: 16px;
|
|
width: 16px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.questionnums {
|
|
font-size: 13px;
|
|
float: left;
|
|
text-align: center;
|
|
width: 16px;
|
|
background-image: url(../image/question.png);
|
|
background-size: 100% 100%;
|
|
height: 16px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.show-info-panel {
|
|
position: relative;
|
|
}
|
|
|
|
.close-right {
|
|
position: absolute;
|
|
;
|
|
left: 15px;
|
|
top: 18px;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
width: 20px;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
text-align: center;
|
|
}
|
|
|
|
.right-name {
|
|
font-size: 18px;
|
|
color: #fff;
|
|
text-align: center;
|
|
padding: 10px 0px
|
|
}
|
|
|
|
.showinfo {
|
|
background: #5B9BD5;
|
|
border-bottom: 1px solid #374e5d;
|
|
}
|
|
|
|
.showinfo:first-child {
|
|
border-radius: 4px 4px 0px 0px;
|
|
}
|
|
|
|
.showinfo:last-child {
|
|
border: none;
|
|
border-radius: 0px 0px 4px 4px;
|
|
}
|
|
|
|
.plusnum {
|
|
width: 15%;
|
|
padding: 15px;
|
|
box-sizing: border-box;
|
|
text-align: center;
|
|
}
|
|
|
|
.plusnum .up {
|
|
width: 0px;
|
|
height: 0px;
|
|
border-left: 12px solid transparent;
|
|
border-right: 12px solid transparent;
|
|
border-bottom: 12px solid #8c8686;
|
|
margin-bottom: 2px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.fa {
|
|
display: inline-block;
|
|
font: normal normal normal 14px/1 FontAwesome;
|
|
font-size: inherit;
|
|
text-rendering: auto;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
|
|
.plusnum .down {
|
|
width: 0px;
|
|
height: 0px;
|
|
border-left: 12px solid transparent;
|
|
border-right: 12px solid transparent;
|
|
border-top: 12px solid #8c8686;
|
|
margin-top: 2px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.plusnum .up.active {
|
|
border-bottom: 12px solid #21323D;
|
|
}
|
|
|
|
.plusnum .down.active {
|
|
border-top: 12px solid #21323D;
|
|
}
|
|
|
|
.question-count {
|
|
display: block;
|
|
font-size: 20px
|
|
}
|
|
|
|
.allinfo {
|
|
width: 85%;
|
|
text-align: left;
|
|
color: #fff;
|
|
box-sizing: border-box;
|
|
border-left: 1px solid #374e5d;
|
|
}
|
|
|
|
.info-p {
|
|
border-bottom: 1px solid #374e5d
|
|
}
|
|
|
|
.info-p span {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.info-p a {
|
|
color: #fff!important;
|
|
}
|
|
|
|
.allinfo p {
|
|
padding: 0px 10px;
|
|
}
|
|
|
|
.info-content {
|
|
min-height: 50px;
|
|
}
|
|
|
|
.comment-item {
|
|
font-size: 13px;
|
|
margin-left: 12px;
|
|
width: 88%;
|
|
height: 56px;
|
|
margin-bottom: 10px;
|
|
border-bottom: 1px solid #eee;
|
|
}
|
|
|
|
.comment-name {
|
|
font-size: 12px;
|
|
text-align: right;
|
|
}
|
|
|
|
.comment-name a {
|
|
color: #fff!important;
|
|
}
|
|
|
|
.comment-btn {
|
|
padding: 13px 10px 13px 0px;
|
|
text-align: right;
|
|
}
|
|
|
|
.btn {
|
|
color: #fff!important;
|
|
padding: 3px 10px;
|
|
background-color: #ccc;
|
|
display: block;
|
|
font-size: 13px;
|
|
border-radius: 4px;
|
|
text-decoration: none!important;
|
|
}
|
|
|
|
.btn-blue {
|
|
background-color: #3DC6FF;
|
|
}
|
|
|
|
.writetext {
|
|
width: 91%;
|
|
height: 80px;
|
|
border: 1px solid transparent;
|
|
border-bottom: 1px solid #eee;
|
|
margin: 8px 0px;
|
|
}
|
|
|
|
.option-panel span {
|
|
display: block;
|
|
width: 100%;
|
|
padding-left: 3px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.option-panel span input {
|
|
float: left;
|
|
margin-top: 8px;
|
|
margin-right: 5px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.commitanswer {
|
|
padding: 5px!important;
|
|
box-sizing: border-box;
|
|
border-top: 1px solid #374e5d;
|
|
border-bottom: 1px solid #374e5d
|
|
}
|
|
|
|
.showanswer {
|
|
float: right;
|
|
margin-right: 5px
|
|
}
|
|
|
|
.addanno {
|
|
font-size: 16px;
|
|
width: 30%;
|
|
float: right;
|
|
text-align: center;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
cursor: pointer;
|
|
visibility: hidden;
|
|
margin-top: -4px;
|
|
}
|
|
|
|
.addanno:hover {
|
|
color: #2398e4
|
|
}
|
|
|
|
.tags {
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.def {
|
|
margin-left: 60px;
|
|
}
|
|
|
|
.trangle-op {
|
|
position: absolute;
|
|
top: -6px;
|
|
right: 10px;
|
|
border: 1px solid #ccc;
|
|
height: 10px;
|
|
width: 10px;
|
|
transform: rotate(45deg);
|
|
-ms-transform: rotate(45deg);
|
|
-moz-transform: rotate(45deg);
|
|
-webkit-transform: rotate(45deg);
|
|
-o-transform: rotate(45deg);
|
|
background: #fff;
|
|
border-right: none;
|
|
border-bottom: none;
|
|
}
|
|
|
|
.trangle-down {
|
|
position: absolute;
|
|
bottom: -6px;
|
|
right: 10px;
|
|
border: 1px solid #ccc;
|
|
height: 10px;
|
|
width: 10px;
|
|
transform: rotate(45deg);
|
|
-ms-transform: rotate(45deg);
|
|
-moz-transform: rotate(45deg);
|
|
-webkit-transform: rotate(45deg);
|
|
-o-transform: rotate(45deg);
|
|
background: #fff;
|
|
border-top: none;
|
|
border-left: none;
|
|
}
|
|
|
|
.none {
|
|
display: none;
|
|
}
|
|
|
|
/* path_info页面--------------------------------------------- */
|
|
|
|
.path_info {
|
|
padding: 20px;
|
|
box-sizing: border-box;
|
|
color: black;
|
|
}
|
|
|
|
.path_info img{
|
|
cursor: pointer;
|
|
}
|
|
|
|
.path_info i{
|
|
cursor: pointer;
|
|
}
|
|
|
|
.filePathInfo {
|
|
background-color: #26292b!important;
|
|
width: 100%;
|
|
padding: 15px 20px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.filePathline {
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.filePathline:last-child {
|
|
margin-bottom: 0px
|
|
}
|
|
|
|
.filePathline span {
|
|
display: block;
|
|
float: left;
|
|
width: 33%;
|
|
text-align: left;
|
|
}
|
|
|
|
.filePathline label {
|
|
color: #D0D0D0 !important;
|
|
}
|
|
|
|
.filePathline span label:first-child {
|
|
display: block;
|
|
float: left;
|
|
min-width: 110px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.filePathline span label:last-child {
|
|
margin-left: 15px;
|
|
color: #9A9A9A;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.info-nav {
|
|
display: block;
|
|
float: left;
|
|
width: 50px;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.info-nav.active {
|
|
color: #5CCBFE;
|
|
}
|
|
|
|
.ver-line {
|
|
display: block;
|
|
float: left;
|
|
width: 1px;
|
|
height: 10px;
|
|
background-color: #CDCDCD;
|
|
margin-top: 16px;
|
|
}
|
|
|
|
.fileinfo-item:first-child span {
|
|
font-size: 16px;
|
|
color: #D0D0D0;
|
|
}
|
|
.colorD0D0D0{
|
|
color: #D0D0D0;
|
|
}
|
|
.fileinfo-item span {
|
|
color: #D0D0D0;
|
|
}
|
|
|
|
.navbar-right {
|
|
margin-right: 0px!important;
|
|
}
|
|
|
|
.info-nav{
|
|
color: #FFF;
|
|
}
|
|
/* .path_infonav span{
|
|
color: #FFF;
|
|
} */
|
|
|
|
/* nav-right */
|
|
|
|
.navbar-right {
|
|
margin-right: 0px!important;
|
|
}
|
|
|
|
.colorFFF{
|
|
color:#FFF;
|
|
}
|
|
/* tab */
|
|
|
|
.tab_head {
|
|
height: 40px;
|
|
background-color: #2d2f31;
|
|
width: 100%;
|
|
}
|
|
|
|
.tab_item {
|
|
float: left;
|
|
padding: 0px 10px;
|
|
font-size: 12px;
|
|
list-style-type: none;
|
|
position: relative;
|
|
height: 40px;
|
|
}
|
|
|
|
.tab_item.active a:first-child {
|
|
color: #ffffff!important;
|
|
}
|
|
|
|
.tab_item:hover {
|
|
background-color: #1E2022;
|
|
}
|
|
|
|
.tab_item.active{
|
|
background-color: #1E2022;
|
|
}
|
|
|
|
.tab_item:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: auto;
|
|
right: 1px;
|
|
width: 1px;
|
|
height: 28px;
|
|
background-color: #000;
|
|
bottom: 5px;
|
|
}
|
|
|
|
.tab_item a {
|
|
text-decoration: none;
|
|
color: #969B91!important;
|
|
padding-top: 8px;
|
|
float: left;
|
|
}
|
|
|
|
.tab_item a:last-child {
|
|
margin: 2px 0px 0px 5px;
|
|
width: 10px;
|
|
}
|
|
|
|
.tab_head_more {
|
|
list-style-type: none;
|
|
width: 50px;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
position: relative;
|
|
}
|
|
|
|
.tab_head_more:hover {
|
|
background-color: #dfe1da;
|
|
}
|
|
|
|
.tab_head_more:hover .tab_nav_ul {
|
|
display: block;
|
|
}
|
|
|
|
.tab_nav_ul {
|
|
display: none;
|
|
position: absolute;
|
|
top: 28px;
|
|
background-color: #fff;
|
|
border-radius: 4px;
|
|
padding: 0px;
|
|
z-index: 111;
|
|
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
|
|
}
|
|
|
|
.tab_nav_ul li {
|
|
list-style-type: none;
|
|
min-width: 110px;
|
|
padding: 3px 10px;
|
|
font-size: 12px;
|
|
cursor: pointer;
|
|
text-align: left;
|
|
}
|
|
|
|
.annotationName{
|
|
display: inline-block;
|
|
}
|
|
.mr-50{
|
|
margin-left: -50px;
|
|
}
|
|
|
|
.mt40{
|
|
margin-top: 40px;
|
|
}
|
|
.mt35{
|
|
margin-top: 35px;
|
|
}
|
|
.pl65{
|
|
padding-left: 65px;
|
|
}
|
|
.colorblack{
|
|
color:#000;
|
|
}
|
|
.clear{
|
|
clear: both;
|
|
}
|
|
.inlineBlock{
|
|
display: inline-block;
|
|
}
|
|
.inlineBlockfont{
|
|
font-size: 12px;
|
|
margin-right: 6px;
|
|
}
|
|
.ellipsis{
|
|
white-space: normal;
|
|
word-wrap: break-word;
|
|
word-break: break-all;
|
|
text-align: left;
|
|
}
|
|
.marbox{
|
|
margin: 2px 10px 0px 0px;
|
|
}
|
|
.wi216{
|
|
width:100%;
|
|
max-height: 200px;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.mypre{
|
|
margin: 0 0 0;
|
|
overflow:visible !important;
|
|
font-size: 16px;
|
|
white-space:pre;
|
|
}
|
|
|
|
#currentProjectName{
|
|
margin-bottom: 0px !important;
|
|
font-size: 14px;
|
|
}
|
|
|
|
/*左侧图标位置*/
|
|
.ProjectName{
|
|
margin-top: 0px;
|
|
padding-left: 8px;
|
|
font-family: Microsoft YaHei;
|
|
}
|
|
.ProjectIMG{
|
|
transform: rotate(0deg) !important;
|
|
margin-left: 2px;
|
|
margin-top: -68px;
|
|
}
|
|
.ProjectIMG i{
|
|
font-size:18px !important;
|
|
|
|
}
|
|
|
|
.Structure{
|
|
margin-top: 10px;
|
|
}
|
|
.StructureIMG{
|
|
transform: rotate(0deg) !important;
|
|
margin-left: 2px;
|
|
margin-top: -62px;
|
|
font-size: 18px;
|
|
}
|
|
.StructureIMG i{
|
|
font-size:18px !important;
|
|
}
|
|
.codelinebox{
|
|
line-height: 19px;
|
|
min-height: 19px;
|
|
margin-bottom: -18px;
|
|
}
|
|
.newmypre{
|
|
margin: 0 0 16px 28px;
|
|
}
|
|
.newaddmypre{
|
|
margin: 0 0 16px 18px;
|
|
}
|
|
.newmypre{
|
|
text-indent:15px;
|
|
white-space: normal;
|
|
word-wrap: break-word;
|
|
word-break: break-all;
|
|
}
|
|
|
|
.deg270{
|
|
transform: rotate(270deg) !important;
|
|
font-size: 18px;
|
|
color: #8F8986;
|
|
}
|
|
.deg90{
|
|
transform: rotate(90deg) !important;
|
|
font-size: 18px;
|
|
color: #8F8986;
|
|
}
|
|
.topthumbsThis{
|
|
margin: 13px 0px 0px 15px;
|
|
width: 27px;
|
|
padding-left: 7px;
|
|
}
|
|
|
|
.thumbsThisnth2{
|
|
height: 20px;
|
|
color: #000;
|
|
text-align: center;
|
|
margin-left: -5px;
|
|
}
|
|
.newtopthumbs{
|
|
margin: 4px 0px 0px 16px;
|
|
width: 95%;
|
|
padding-left: 8px;
|
|
}
|
|
.thumbsmarginLeft{
|
|
margin-left: 0px;
|
|
}
|
|
.modify-anno{
|
|
float: right;
|
|
color: cornflowerblue;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.thumbs_active{
|
|
color: red;
|
|
}
|
|
.lineHeight30{
|
|
line-height: 30px;
|
|
}
|
|
|
|
.currentProjectName{
|
|
margin-bottom: 0px !important;
|
|
font-size: 14px;
|
|
margin-left: -5px;
|
|
}
|
|
.rightimgcomment{
|
|
font-size: 13px;
|
|
background-size: 100% 100%;
|
|
height: 14px;
|
|
width: 14px;
|
|
}
|
|
|
|
.rightimgcommentblue{
|
|
font-size: 13px;
|
|
background-size: 100% 100%;
|
|
height: 16px;
|
|
width: 16px;
|
|
}
|
|
.both{
|
|
clear: both;
|
|
}
|
|
.panel-leffont{
|
|
fonr-size:24px;
|
|
color:#C3BDBD;
|
|
}
|
|
.newcodeline{
|
|
min-width: 910px;
|
|
width: 100%;
|
|
height: 23px;
|
|
/* background: #f1efec; */
|
|
display: flex;
|
|
}
|
|
.newcodelinebox{
|
|
line-height: 25px;
|
|
min-height: 25px;
|
|
margin-bottom: 0px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.navbarli a {
|
|
color:#FFF;
|
|
}
|
|
.nav>li>a:hover, .nav>li>a:focus{
|
|
text-decoration: none !important;
|
|
background-color: transparent !important;
|
|
}
|
|
.width120{
|
|
width: 300px;
|
|
height: 30px;
|
|
}
|
|
.width130{
|
|
width: 300px;
|
|
height: 30px;
|
|
}
|
|
.pdding{
|
|
padding-top:0px;
|
|
padding-bottom: 0px;
|
|
}
|
|
.filePathInfomarbootom{
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.anno_textarea{
|
|
}
|
|
.mt11{
|
|
margin-top:11px !important;
|
|
}
|
|
label {
|
|
margin-bottom: 8px !important;
|
|
}
|
|
|
|
.tabwidth{
|
|
width: 100%;
|
|
overflow: hidden;
|
|
height: 40px;
|
|
margin-left: 30px;
|
|
position: relative;
|
|
background-color: #2d2f31;
|
|
}
|
|
.Fontchevronleft{
|
|
color: #FFF;
|
|
position: absolute;
|
|
left: 0;
|
|
z-index: 2000;
|
|
width: 30px;
|
|
height: 40px;
|
|
text-align: center;
|
|
line-height: 40px;
|
|
background-color: #1E2022;
|
|
}
|
|
.Fontchevronright{
|
|
color: #FFF;
|
|
position: absolute;
|
|
right:0;
|
|
z-index: 2000;
|
|
width: 30px;
|
|
height: 40px;
|
|
text-align: center;
|
|
line-height: 40px;
|
|
background-color: #1E2022;
|
|
}
|
|
|
|
#MoveTAB{
|
|
animation: myfirst 10s;
|
|
-moz-animation: myfirst 10s; /* Firefox */
|
|
-webkit-animation: myfirst 10s; /* Safari 和 Chrome */
|
|
-o-animation: myfirst 10s; /* Opera */
|
|
}
|
|
.closeX{
|
|
color: #FFF;
|
|
font-size: 12px;
|
|
position: absolute;
|
|
z-index: 20000;
|
|
right: -18px;
|
|
top: -24px;
|
|
border: 1px solid #FFF;
|
|
border-radius: 50%;
|
|
width: 20px;
|
|
height: 20px;
|
|
text-align: center;
|
|
line-height: 17px;
|
|
}
|
|
.FontFatimes{
|
|
color:#000;
|
|
font-size:16px;
|
|
margin-left:10px;
|
|
cursor: pointer;
|
|
}
|
|
.FontFaCheck{
|
|
color:cornflowerblue;
|
|
font-size:16px;
|
|
margin-left:10px;
|
|
cursor: pointer;
|
|
} |