poi-plugin-senka-calc
Version:
Ranking point calculator for poi
136 lines (134 loc) • 4.3 kB
CSS
#Senka\ Calc .detail-panel {
width: 200px;
margin: 0 auto; }
#Senka\ Calc .detail-panel .user-container {
display: flex;
align-items: baseline;
justify-content: space-around;
margin: 10px auto; }
#Senka\ Calc .detail-panel .user-container .nickname {
font-size: 25px; }
#Senka\ Calc .detail-panel .user-container .rank {
font-size: 15px; }
#Senka\ Calc .detail-panel .rate-container {
display: flex;
flex-direction: column;
align-items: center; }
#Senka\ Calc .detail-panel .rate-container span {
padding: 2px;
font-size: 14px;
color: gray; }
#Senka\ Calc .setting-panel {
display: inline-block;
position: absolute;
top: 10px;
left: 10px; }
#Senka\ Calc .setting-panel .setting-icon {
font-size: 17px;
margin: 5px; }
#Senka\ Calc .timer-panel {
display: flex;
justify-content: space-around;
margin: 15px; }
#Senka\ Calc .timer-panel .timer-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 14px;
width: 50%; }
#Senka\ Calc .timer-panel .timer-container .timer-part {
margin: 3px 0;
width: 100%;
text-align: center; }
#Senka\ Calc .timer-panel .timer-container .timer-part span {
margin-left: 10px; }
#Senka\ Calc .rate-panel {
margin: 0 auto;
display: flex;
flex-direction: column;
font-size: 17px; }
#Senka\ Calc .rate-panel .rate-calc {
width: 100%;
display: flex;
align-items: baseline;
transition-delay: .7s;
transition: .3s; }
#Senka\ Calc .rate-panel .rate-calc.on-custom {
margin-top: 40px; }
#Senka\ Calc .rate-panel .rate-calc .rate-container {
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
width: 50%; }
#Senka\ Calc .rate-panel .rate-calc .rate-container .rate-part {
display: flex;
flex-direction: column; }
#Senka\ Calc .rate-panel .rate-calc .rate-container .rate-part:nth-child(odd) {
text-align: center; }
#Senka\ Calc .rate-panel .rate-calc .rate-container .rate-part:nth-child(even) {
font-size: 14px; }
#Senka\ Calc .rate-panel .rate-calc span {
margin: 3px auto; }
#Senka\ Calc .rate-panel .panel {
position: absolute;
width: 100%;
top: 52px; }
#Senka\ Calc .rate-panel .panel .form-group {
display: flex;
justify-content: space-around;
align-items: flex-end; }
#Senka\ Calc .rate-panel .panel .form-group label {
font-size: 16px; }
#Senka\ Calc .rate-panel .panel .form-group input {
width: 100px;
display: inline-block;
margin-left: 15px;
font-size: 14px; }
#Senka\ Calc .rate-panel .panel .checkbox {
font-size: 15px; }
#Senka\ Calc .rate-panel .panel .rate-btns {
display: flex;
justify-content: space-around; }
#Senka\ Calc .rate-panel .panel .rate-btns > button:last-child, #Senka\ Calc .rate-panel .panel .rate-btns > button:nth-last-child(2) {
width: 40%;
display: block;
margin: 0 auto; }
#Senka\ Calc .rank-panel {
margin: 20px auto; }
#Senka\ Calc .rank-panel .panel {
position: absolute;
width: 100%;
top: 52px; }
#Senka\ Calc .rank-panel .panel .panel-body {
display: flex;
justify-content: space-around;
align-items: baseline; }
#Senka\ Calc .rank-panel .alert {
margin: 10px 0; }
#Senka\ Calc .rank-panel .list-container {
display: flex;
justify-content: space-around; }
#Senka\ Calc .rank-panel .list-container .list {
width: 50%;
font-size: 15px;
display: flex;
flex-direction: column;
align-items: center; }
#Senka\ Calc .rank-panel .list-container .list .title {
font-size: 16px; }
#Senka\ Calc .history-panel {
position: absolute;
width: 100%;
top: 52px; }
#Senka\ Calc .history-panel .panel-body {
height: 412px; }
#Senka\ Calc .history-panel .panel-body .table-responsive {
height: 85%;
overflow-y: auto; }
#Senka\ Calc .history-panel .panel-body button {
display: block;
width: 80%;
margin: 10px auto; }
/*# sourceMappingURL=senka-calc.css.map */