You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
216 lines
4.2 KiB
Plaintext
216 lines
4.2 KiB
Plaintext
@charset "utf-8";
|
|
|
|
.doc{
|
|
position:fixed;
|
|
top:0;
|
|
right:0;
|
|
bottom:0;
|
|
left:0;
|
|
z-index:1;
|
|
}
|
|
.doc .topBar{
|
|
position:absolute;
|
|
top:0;
|
|
right:0;
|
|
left:0;
|
|
z-index:100;
|
|
height:2rem;
|
|
background-color:#333;
|
|
box-shadow:rgba(0,0,0,.3) 0 .1rem .1rem;
|
|
}
|
|
.doc .paperWrap{
|
|
position:absolute;
|
|
top:2rem;
|
|
right:0;
|
|
bottom:0;
|
|
left:0;
|
|
z-index:10;
|
|
padding:2rem 0 5rem;
|
|
}
|
|
.paper{
|
|
position:relative;
|
|
display:block;
|
|
background-color:#fff;
|
|
margin:auto;
|
|
box-shadow:rgba(0,0,0,.8) 0 .2rem .5rem;
|
|
box-sizing:border-box;
|
|
}
|
|
.paper_A3{ /* 默认纵向 */
|
|
width:29.7cm;
|
|
height:42.0cm;
|
|
}
|
|
.paper_A4{
|
|
width:21.0cm;
|
|
height:29.7cm;
|
|
}
|
|
.paper_A3.paper_horizontal{
|
|
width:42.0cm;
|
|
height:29.7cm;
|
|
}
|
|
.paper_A4.paper_horizontal{
|
|
width:29.7cm;
|
|
height:21.0cm;
|
|
}
|
|
.paper + .paper{
|
|
margin-top:2rem;
|
|
}
|
|
.page{
|
|
position:relative;
|
|
display:block;
|
|
background-color:#fff;
|
|
margin:auto;
|
|
box-sizing:border-box;
|
|
}
|
|
.page_A3{
|
|
width:25.7cm; /* 29.7 - 4 cm */
|
|
}
|
|
.page_A4{
|
|
width:17.0cm; /* 21.0 - 4 cm */
|
|
}
|
|
.page_A3.page_horizontal{
|
|
width:38.0cm; /* 42.0 - 4 cm */
|
|
}
|
|
.page_A4.page_horizontal{
|
|
width:25.7cm; /* 29.7 - 4 cm */
|
|
}
|
|
.page > div{
|
|
position:relative;
|
|
box-sizing:border-box;
|
|
padding:2.04cm 0;
|
|
margin:0 1.00cm;
|
|
}
|
|
.page_A3 > div{
|
|
width:22.62cm; /* 29.7 - 6.08 cm */
|
|
}
|
|
.page_A4 > div{
|
|
width:14.92cm; /* 21.0 - 6.08 cm */
|
|
}
|
|
.page_A3.page_horizontal > div{
|
|
width:35.92cm; /* 42.0 - 6.08 cm */
|
|
}
|
|
.page_A4.page_horizontal > div{
|
|
width:22.62cm; /* 29.7 - 6.08 cm */
|
|
}
|
|
.page > div > *{
|
|
position:relative;
|
|
z-index:10;
|
|
}
|
|
.zhangWrap{
|
|
position:relative;
|
|
}
|
|
.zhang{
|
|
position:absolute !important;
|
|
z-index:1;
|
|
}
|
|
.table table{
|
|
width:100%;
|
|
border-top:#000 solid 2px;
|
|
border-left:#000 solid 2px;
|
|
border-right:#000 solid 1px;
|
|
border-bottom:#000 solid 1px;
|
|
}
|
|
.table table tbody td{
|
|
border-right:#000 solid 1px;
|
|
border-bottom:#000 solid 1px;
|
|
}
|
|
.centerLineWrap{
|
|
position:relative;
|
|
/* height:100%; */
|
|
}
|
|
.centerLine{
|
|
position:absolute;
|
|
top:0;
|
|
right:0;
|
|
bottom:0;
|
|
left:0;
|
|
width:20pt;
|
|
height:20.2em;
|
|
padding-top:2em;
|
|
margin:auto;
|
|
}
|
|
.centerLine::before,
|
|
.centerLine::after{
|
|
position:absolute;
|
|
right:0;
|
|
left:0;
|
|
display:block;
|
|
margin:auto;
|
|
content:'';
|
|
width:0;
|
|
height:10rem;
|
|
border-left:#000 solid 1px;
|
|
}
|
|
.centerLine::before{
|
|
bottom:100%;
|
|
}
|
|
.centerLine::after{
|
|
top:100%;
|
|
}
|
|
.centerNoLineWrap{
|
|
position:relative;
|
|
/* height:100%; */
|
|
}
|
|
.centerNoLine{
|
|
position:absolute;
|
|
top:0;
|
|
right:0;
|
|
bottom:0;
|
|
left:0;
|
|
width:20pt;
|
|
height:20.2em;
|
|
padding-top:2em;
|
|
margin:auto;
|
|
}
|
|
.centerNoLine::before,
|
|
.centerNoLine::after{
|
|
position:absolute;
|
|
right:0;
|
|
left:0;
|
|
display:block;
|
|
margin:auto;
|
|
content:'';
|
|
width:0;
|
|
height:10rem;
|
|
border-left:#000 solid 0px;
|
|
}
|
|
.centerNoLine::before{
|
|
bottom:100%;
|
|
}
|
|
.centerNoLine::after{
|
|
top:100%;
|
|
}
|
|
textarea{
|
|
display:block;
|
|
width:100%;
|
|
border:none;
|
|
background-color:transparent;
|
|
resize:none;
|
|
line-height:inherit;
|
|
font-size:inherit;
|
|
font-family:inherit;
|
|
}
|
|
textarea{overflow-y:auto!important;overflow-x:hidden;
|
|
scrollbar-3dlight-color:#fff;
|
|
scrollbar-highlight-color:#999;
|
|
scrollbar-face-color:#ccc;
|
|
scrollbar-arrow-color:#666;
|
|
scrollbar-shadow-color:#ccc;
|
|
scrollbar-base-color:#fff;
|
|
scrollbar-track-color:#eee;
|
|
}
|
|
textarea::-webkit-scrollbar{width:.2rem;}/*滚动条的宽度*/
|
|
textarea::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,.3);border:rgba(0,0,0,0) solid .1rem;border-radius:1rem;}/*滚动条凹槽的颜色，还可以设置边框属性*/
|
|
textarea::-webkit-scrollbar-thumb{background-color:rgba(30,30,30,.4);background-clip:padding-box;min-height:1.5rem;border-radius:1rem;cursor:pointer;transition:all .2s;}/*滚动条的设置*/
|
|
textarea::-webkit-scrollbar-thumb:hover{background-color:rgba(60,60,60,.8);}
|
|
textarea:focus,
|
|
.table input:focus{
|
|
outline:none;
|
|
}
|
|
.table input[type="text"]{
|
|
border:none;
|
|
background-color:transparent;
|
|
line-height:inherit;
|
|
font-size:inherit;
|
|
font-family:inherit;
|
|
}
|