81 lines
1.3 KiB
CSS
81 lines
1.3 KiB
CSS
|
.leftTag {
|
||
|
|
float : right;
|
||
|
|
font-size: 18px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.rightTag {
|
||
|
|
font-size: 18px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.chartWrap {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.chartWrap .chart,
|
||
|
|
.chartWrap .chartWeight {
|
||
|
|
float : left;
|
||
|
|
padding-right: 8px;
|
||
|
|
border-right : 1px dashed;
|
||
|
|
}
|
||
|
|
|
||
|
|
.chartWrap .chart {
|
||
|
|
width: calc(100% - 160px);
|
||
|
|
}
|
||
|
|
|
||
|
|
.chartWrap .chartWeight {
|
||
|
|
width: calc(100% - 220px);
|
||
|
|
}
|
||
|
|
|
||
|
|
.chartWrap .score,
|
||
|
|
.chartWrap .scoreWeight {
|
||
|
|
float : right;
|
||
|
|
padding-left: 8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.chartWrap .score {
|
||
|
|
width: 160px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.chartWrap .scoreWeight {
|
||
|
|
width: 220px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.scoreWrap {
|
||
|
|
height : 230px;
|
||
|
|
padding-top: 46px;
|
||
|
|
text-align : center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.scoreWrap p:first-child {
|
||
|
|
font-size : 60px;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
font-weight : bold;
|
||
|
|
font-style : italic;
|
||
|
|
line-height : 1;
|
||
|
|
color : #1d39c4;
|
||
|
|
transform : scale(1.2);
|
||
|
|
overflow : hidden;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
white-space : nowrap;
|
||
|
|
}
|
||
|
|
|
||
|
|
.scoreWrap p:last-child {
|
||
|
|
font-size : 20px;
|
||
|
|
font-weight: bold;
|
||
|
|
margin : 36px 0 0 0;
|
||
|
|
text-align : right;
|
||
|
|
}
|
||
|
|
|
||
|
|
.scoreWrap p:first-child>i {
|
||
|
|
display : block;
|
||
|
|
width : 100px;
|
||
|
|
height : 2px;
|
||
|
|
margin : 4px auto;
|
||
|
|
background-color: #c3c3c3;
|
||
|
|
transform : rotateZ(-4deg);
|
||
|
|
}
|
||
|
|
|
||
|
|
.scoreWrap p:first-child>i:first-child {
|
||
|
|
width : 76px;
|
||
|
|
margin: 16px auto 4px auto;
|
||
|
|
}
|