codepedia2/static/css/code_show.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;
}