合同样式

master
liuxinxin 5 years ago
parent ca263de4d1
commit e7fd2d08a0

File diff suppressed because one or more lines are too long

@ -30,6 +30,8 @@
padding: 10px 50px; padding: 10px 50px;
} }
#img1,#img2{width: 341px;height: 157px;}
@media (min-width:100px) and (max-width:399px){ @media (min-width:100px) and (max-width:399px){
#img1,#img2{width: 60px;height: 45px;} #img1,#img2{width: 60px;height: 45px;}
*{font-size:1px;} *{font-size:1px;}
@ -38,6 +40,10 @@
font-size: 17px; font-size: 17px;
padding: 10px 0px; padding: 10px 0px;
} }
.loading-class {
width: 60px;
height: 60px;
}
} }
@media (min-width:400px) and (max-width:799px){ @media (min-width:400px) and (max-width:799px){
#img1,#img2{width: 160px;height: 75px;} #img1,#img2{width: 160px;height: 75px;}
@ -47,6 +53,10 @@
font-size: 17px; font-size: 17px;
padding: 10px 20px; padding: 10px 20px;
} }
.loading-class {
width: 70px;
height: 70px;
}
} }
@media (min-width:800px) and (max-width:1024px) { @media (min-width:800px) and (max-width:1024px) {
#img1,#img2{width: 190px;height: 85px;} #img1,#img2{width: 190px;height: 85px;}
@ -56,6 +66,10 @@
font-size: 22px; font-size: 22px;
padding: 10px 20px; padding: 10px 20px;
} }
.loading-class {
width: 80px;
height: 80px;
}
} }
@media (min-width:1025px) and (max-width:1440px) { @media (min-width:1025px) and (max-width:1440px) {
#img1,#img2{width: 260px;height: 105px;} #img1,#img2{width: 260px;height: 105px;}
@ -65,9 +79,23 @@
font-size: 28px; font-size: 28px;
padding: 10px 30px; padding: 10px 30px;
} }
.loading-class {
width: 90px;
height: 90px;
}
} }
@media (min-width:1441px) and (max-width:1600px){ @media (min-width:1441px) and (max-width:1600px){
*{font-size:20px;} #img1,#img2{width: 341px;height: 157px;}
*{font-size:25px;}
.return-class {
float: right;
font-size: 34px;
padding: 10px 35px;
}
.loading-class {
width: 100px;
height: 100px;
}
} }
</style> </style>
@ -96,7 +124,7 @@
<div style="z-index: 9999; position: fixed ! important; left: 40%;top: 30%;" > <div style="z-index: 9999; position: fixed ! important; left: 40%;top: 30%;" >
<div style="text-align:center"> <div style="text-align:center">
<img id="waiting" style="width: 100px;height: 100px" src="" oncontextmenu="return false;" onselectstart="return false;"/> <img id="waiting" class="loading-class" src="" oncontextmenu="return false;" onselectstart="return false;"/>
<p id="tip"style="display:none;color: white;font-size: 150%;width: 200px">The contract is in the process of being made</p> <p id="tip"style="display:none;color: white;font-size: 150%;width: 200px">The contract is in the process of being made</p>
</div> </div>

Loading…
Cancel
Save