@charset "utf-8"; #wrapper { /*border: solid 1px black;*/ width: 100%; height: 100%; padding: 15px; font-size: 14px; font-family: "微软雅黑"; color: #5E5E5E; .title { /*border:solid 1px red;*/ width: 100%; font-weight: bold; margin-bottom: 15px; } #header { /*border:solid 1px red;*/ width: 100%; height: 10%; margin: 0 0 15px 15px; } #main { /*border:solid 1px green;*/ height: 90%; padding: 15px; #left { /*border: solid 1px blue;*/ border: solid 1px #f2f2f2; margin-right: 25px; width: 20%; height: 100%; float: left; } #right { /*border: solid 1px pink;*/ /*width:78%;*/ height: 100%; /*float:left;*/ margin-left: 22%; } } .tab-wrapper { /*border: solid 1px red;*/ margin: 0 auto; width: 100%; } .tab-wrapper .tab { /*border:solid 1px green;*/ float: left; width: 50%; height: 2.5em; text-align: center; line-height: 2.5em; vertical-align: middle; } .tab-wrapper .tab-active { background-color: #D04A02; color: white; } .tab-wrapper .tab-inactive { background-color: white; color: #5E5E5E; } /*用来填充tab-wrapper,使tab-wrapper中float的内容自动撑开tab-wrapper*/ .clearfix::after { content: ''; display: block; clear: both; } .left-nav { /*border:solid 1px hotpink;*/ margin: 0 auto; width: 95%; height: 92%; cursor: pointer; } .left-nav-show { display: block; } .left-nav-show > ul { padding: 20px; } .left-nav-hidden { display: none; } .left-nav ul { list-style-type: none; line-height: 30px; } .li-item-active { color: #D04A02; } .li-item-inactive { color: #5E5E5E; } .grid-content { /*border:solid 1px blueviolet;*/ border: solid 1px #f2f2f2; width: 100%; height: 90%; } .summary-detail-troggle { border: solid 1px #D04A02; width: 200px; margin: 0 auto; cursor: pointer; } .summary-detail-troggle .header-troggle-item { width: 50%; float: left; text-align: center; /*line-height: 3em;*/ vertical-align: middle; } .header-troggle-item-active { background-color: #D04A02; color: white; } .header-troggle-item-inactive { background-color: white; color: #5E5E5E; } .calendar-wrapper { border: solid 1px green; margin-top: 15px; } #right > .title { line-height: 2.5em; vertical-align: middle; } .period-picker { margin-right: 5px; /*float:left;*/ } .issue { /*font-size: 2em !important;*/ margin-right: 10px; color: #D04A02; float: left; height: 100%; cursor: pointer; } .issue .issueLink{ font-size:1.3em; } #right > .title > span:first-child { float: left; margin-right: 10px; } #header > .title > span:first-child { font-size: 17px; } .summary-wrapper { width: 100%; font-size: 1.2em; } #summaryUpload { color: #D04A02; float: right; font-size: 21px; cursor: pointer; } #viewDocumentUpload { color: #D04A02; float: right; font-size: 14px; cursor: pointer; } #tabDoc > ul > li:hover{ background-color:#FDF2E3; } #tabCompany > ul > li:hover{ background-color:#FDF2E3; } /*上传文件弹出框*/ #upload-wrapper { /*border: solid 1px black;*/ width: 800px; height: 600px; padding: 15px; font-size: 14px; font-family: "微软雅黑"; color: #5E5E5E; } #upload-header { //border: solid 1px red; height: 5%; margin-bottom: 10px; } #upload-header > div:nth-of-type(1) { //color:red; } #upload-main { //border:solid 1px blue; border: solid 1px #f2f2f2; padding: 10px; } #upload-foot { //border: solid 1px greenyellow; margin-top: 20px; } .upload-left { //border: solid 1px chocolate; width: 60%; height: 100%; padding: 5px; float: left; } .upload-right { border: dashed 1px #f2f2f2; height: 100%; margin-left: 62%; } .upload-right > ul { //border:solid 1px blue; list-style-type: none; padding: 5px; margin: 5px; } .card { //border:solid 1px red; float: left; margin: 5px; width: 20%; font-size: 12px; } .card > img { //border:solid 1px blue; width: 100%; } .card > div { //border: solid 1px chartreuse; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0px; } .upload-group { //border:solid 1px darkorchid; width: 100%; margin-bottom: 10px; padding-bottom: 10px; border-bottom: solid 1px #f2f2f2; } .upload-group input[type='text'] { border: solid 1px #f2f2f2; width: 100%; } .upload-group > div:nth-of-type(1) { //border:solid 1px blue; float: left; width: 20%; } .upload-group > div:nth-of-type(2) { //border:solid 1px hotpink; margin-left: 22%; } .upload-bt { width: 90px; height: 33px; background: inherit; border: none; } .upload-bt-confirm { color: white; background-color: #e0301e; margin-right: 10px; } .upload-bt-cancel { color: #5E5E5E; background-color: #f2f2f2; border: none; } .float-right { float: right; } #dateExpired { height: 28px; } #uploadDateWrapper > div { float: left; } #uploadDateWrapper > div:nth-child(odd) { width: 45%; } #uploadDateWrapper > div:nth-child(even) { width: 5%; margin: 10px 8px; } /*上传文件弹出框*/ /*概览表格*/ #contentTb { border-collapse: collapse; width: 95%; margin: 10px auto; } #contentTb > tbody > tr:first-child { background-color: #f2f2f2; } #contentTb td, th { border: 1px solid #f2f2f2; height: 35px; text-align: center; } #contentTb td { cursor: pointer; } #contentTb tr:hover{ background-color:#FDF2E3; } #orgGridView { border: 1px solid red; width: 95%; margin: 10px auto; } #orgTb { border-collapse: collapse; width: 95%; margin: 10px auto; display: none; } #orgTb > tbody > tr:nth-child(odd) { background-color: #f2f2f2; } #orgTb td, th { border: 1px solid #f2f2f2; height: 35px; text-align: center; cursor:pointer; } #orgTb > tbody > tr:nth-child(odd) > td:first-child { color: #D04A02; } /*概览表格*/ /*文档查看*/ .document-detail-action { color: #D04A02; &> span:first-child { margin-right: 10px; } i { color: #D04A02; } } /*文档查看*/ /*详细*/ #detailMain { /*border:solid 1px green;*/ height: 90%; padding: 15px; } .detail-upload-group { /*border:solid 1px darkorchid;*/ width: 30%; float: left; margin-right: 10px; } .detail-upload-group > div:nth-of-type(1) { /*border:solid 1px blue;*/ float: left; /*width: 20%;*/ margin-right:10px; } .detail-upload-group > div:nth-of-type(2) { /*border:solid 1px hotpink;*/ /*margin-left: 18%;*/ margin-right: 15px; float:left; width:65%; } .detail-upload-group > div:nth-of-type(1) > label:first-child { line-height: 36px; } .detail-upload-group-date-range > div { float: left; width: 40%; } .detail-content { border: solid 1px #f2f2f2; height: 95%; margin-top: 10px; } #detailSearch { margin-left: 20px; line-height: 36px; font-size: 19px; } #detailDateExpiredFrom { margin-right: 5px; } /*详细*/ #docViewDocType{ margin-left:2%; color:gray; } }