You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
119 lines
1.6 KiB
119 lines
1.6 KiB
page{
|
|
overflow-x: hidden;
|
|
}
|
|
.header{
|
|
position: fixed;
|
|
top: 0;
|
|
background: white;
|
|
display: flex;
|
|
align-items: center;
|
|
height: 40px;
|
|
width: 100%;
|
|
z-index: 1000;
|
|
justify-content: space-evenly;
|
|
font-size: 15px;
|
|
box-shadow: 2px 2px 2px #dddddd;
|
|
}
|
|
.left-time{
|
|
padding: 0 8px 0 12px;
|
|
}
|
|
.count-down{
|
|
flex:auto;
|
|
text-align: center;
|
|
}
|
|
.answer-count{
|
|
padding: 0 12px 0 8px;
|
|
font-size: 13px;
|
|
color: #0095f0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.answer-count-num{
|
|
font-size: 11px;
|
|
}
|
|
|
|
|
|
.header-place-holder{
|
|
height: 40px;
|
|
}
|
|
.user-score{
|
|
text-align: center;
|
|
font-size: 18px;
|
|
padding-bottom: 12px;
|
|
}
|
|
|
|
.total-score{
|
|
font-weight: bolder;
|
|
}
|
|
|
|
.exercise-status,
|
|
.exercise-score{
|
|
background: white;
|
|
padding: 12px;
|
|
}
|
|
.statuses,
|
|
.scores{
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.status-item,
|
|
.score-item{
|
|
border-radius: 4px;
|
|
margin: 8px 0 8px 10px;
|
|
width: 44px;
|
|
height: 44px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
flex: none;
|
|
}
|
|
.status-item{
|
|
background: #cbcbcb;
|
|
color: white;
|
|
}
|
|
.status-item.answered{
|
|
background: #00b0f0;
|
|
}
|
|
.score-item{
|
|
color: #00b0f0;
|
|
border: 1px #00b0f0 solid;
|
|
position: relative;
|
|
}
|
|
|
|
.score{
|
|
position: absolute;
|
|
bottom: -8px;
|
|
font-size: 10px;
|
|
color: white;
|
|
border-radius: 32px;
|
|
padding: 1.8px 5px;
|
|
white-space: nowrap;
|
|
}
|
|
.score.right{
|
|
background: #00b0f0;
|
|
}
|
|
.score.wrong{
|
|
background: #fa5151;
|
|
}
|
|
|
|
.question-wrap{
|
|
margin: 8px 10px;
|
|
}
|
|
.end{
|
|
text-align: center;
|
|
margin: 10px;
|
|
color: dimgray;
|
|
}
|
|
|
|
.operations{
|
|
display: flex;
|
|
padding: 2px;
|
|
}
|
|
.operations>button{
|
|
flex: 1;
|
|
}
|
|
|