dev_forum
parent
551bebf5cf
commit
33e870fd97
@ -1,134 +1,138 @@
|
|||||||
.taskResultLayer {
|
.taskResultLayer {
|
||||||
color: #666666;
|
color: #666666;
|
||||||
z-index: 99999999999999;
|
z-index: 99999999999999;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
background:rgba(0,0,0,0.8);
|
background:rgba(0,0,0,0.8);
|
||||||
top: 0px;
|
top: 0px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
.taskResultLayer .closeIcon{
|
.taskResultLayer .closeIcon{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 100px;
|
right: 100px;
|
||||||
top: 46px;
|
top: 46px;
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
z-index: 999999;
|
z-index: 999999;
|
||||||
color: rgb(255,255,255,0.7);
|
color: rgb(255,255,255,0.7);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
.taskResultLayer .closeIcon:hover {
|
.taskResultLayer .closeIcon:hover {
|
||||||
color: #4CACFF;
|
color: #4CACFF;
|
||||||
}
|
}
|
||||||
.taskResultLayer .expGold {
|
.taskResultLayer .expGold {
|
||||||
color: #b27919 ;
|
color: #b27919 ;
|
||||||
}
|
}
|
||||||
.taskResultLayer .rateLabel {
|
.taskResultLayer .rateLabel {
|
||||||
color: #fff ;
|
color: #fff ;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
.taskResultLayer .rc-rate-star {
|
.taskResultLayer .rc-rate-star {
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
color: rgb(192, 192, 192);
|
color: rgb(192, 192, 192);
|
||||||
}
|
}
|
||||||
.taskResultLayer .rc-rate-star:nth-child(5) {
|
.taskResultLayer .rc-rate-star:nth-child(5) {
|
||||||
margin-right: 0px;
|
margin-right: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ImageLayer ----------------- Start */
|
/* ImageLayer ----------------- Start */
|
||||||
.passContent{
|
.passContent{
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
display: -webkit-flex;
|
display: -webkit-flex;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.passImg{
|
.passImg{
|
||||||
max-width: 86%;
|
max-width: 86%;
|
||||||
max-height: 100%;
|
max-height: 100%;
|
||||||
}
|
}
|
||||||
/* ImageLayer ----------------- End */
|
/* ImageLayer ----------------- End */
|
||||||
|
|
||||||
.passTaskContent{
|
.passTaskContent{
|
||||||
width: 652px;
|
width: 652px;
|
||||||
height:100%;
|
height:100%;
|
||||||
margin:0px auto;
|
margin:0px auto;
|
||||||
margin-top: 4%;
|
margin-top: 4%;
|
||||||
}
|
}
|
||||||
.passTaskImg{
|
.passTaskImg{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.winpPerson{
|
.winpPerson{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
z-index: 3;
|
z-index: 3;
|
||||||
color: #D1A448;
|
color: #D1A448;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-top:304px;
|
margin-top:304px;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
}
|
}
|
||||||
.winPanel{
|
.winPanel{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 308px;
|
width: 308px;
|
||||||
z-index: 5;
|
z-index: 5;
|
||||||
height: 356px;
|
height: 356px;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
margin:0px auto;
|
margin:0px auto;
|
||||||
top:435px;
|
top:435px;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
margin-left: -154px;
|
margin-left: -154px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.inline{
|
.inline{
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: auto;
|
width: auto;
|
||||||
line-height: 26px;
|
line-height: 26px;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
.inline.exp {
|
.inline.exp {
|
||||||
margin-left: 18px;
|
margin-left: 18px;
|
||||||
}
|
}
|
||||||
.inline img{
|
/*.inline img{*/
|
||||||
margin-right: 8px;
|
/*margin-right: 8px;*/
|
||||||
}
|
/*}*/
|
||||||
.goldring{
|
.goldring{
|
||||||
margin-right: 8px;
|
margin-right: 8px;
|
||||||
width: 17px;
|
width: 17px;
|
||||||
height: 17px;
|
height: 17px;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
background-color: #FFD633;
|
background-color: #FFD633;
|
||||||
display: block;
|
display: block;
|
||||||
float: left;
|
float: left;
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
}
|
}
|
||||||
.passNext{
|
.passNext{
|
||||||
width:120px;
|
width:120px;
|
||||||
height:30px;
|
height:30px;
|
||||||
line-height:30px;
|
line-height:30px;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
display: block;
|
display: block;
|
||||||
background-color:#CCC;
|
background-color:#CCC;
|
||||||
color:#fff!important;
|
color:#fff!important;
|
||||||
margin: 0px auto;
|
margin: 0px auto;
|
||||||
}
|
}
|
||||||
.passed{
|
.passed{
|
||||||
width:120px;
|
width:120px;
|
||||||
height:30px;
|
height:30px;
|
||||||
line-height:30px;
|
line-height:30px;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
display: block;
|
display: block;
|
||||||
color:#fff!important;
|
color:#fff!important;
|
||||||
margin: 0px auto;
|
margin: 0px auto;
|
||||||
margin-top: 12px;
|
margin-top: 12px;
|
||||||
background-color: #CCCCCC;
|
background-color: #CCCCCC;
|
||||||
}
|
}
|
||||||
.passed.stared {
|
.passed.stared {
|
||||||
background-color:#4CACFF;
|
background-color:#4CACFF;
|
||||||
opacity: 0.8;
|
opacity: 0.8;
|
||||||
}
|
}
|
||||||
.passed.stared:hover {
|
.passed.stared:hover {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.vertical4{
|
||||||
|
vertical-align: -4px;
|
||||||
}
|
}
|
After Width: | Height: | Size: 19 KiB |
Loading…
Reference in new issue