164 lines
3.1 KiB
CSS
164 lines
3.1 KiB
CSS
main table.list{
|
|
width:100%;
|
|
border-collapse:collapse;
|
|
}
|
|
main table.list tr{
|
|
height:2.5rem;
|
|
font-size: 1.08rem;
|
|
background-color:#242424;
|
|
}
|
|
main table.list tr:nth-child(odd){
|
|
background-color:#262626;
|
|
}
|
|
main table.list th{
|
|
width:1px;
|
|
padding:0 2rem 0 2rem;
|
|
|
|
text-align:center;
|
|
font-size:1.2rem;
|
|
font-weight:bold;
|
|
|
|
white-space:nowrap;
|
|
background-color:#383838;
|
|
color:#f0f0f0;
|
|
border-bottom:1px solid #404040;
|
|
}
|
|
main table.list td{
|
|
width:1px;
|
|
height:100%;
|
|
padding:0 2rem 0 2rem;
|
|
|
|
text-align:center;
|
|
|
|
white-space:nowrap;
|
|
background-color:inherit;
|
|
color:#f0f0f0;
|
|
border-right: 1px solid #282828;
|
|
}
|
|
main table.list td:last-child, main table.list th:last-child{
|
|
width:auto;
|
|
padding:0;
|
|
text-align:left;
|
|
}
|
|
main table.list td:last-child{
|
|
background-color: #282828;
|
|
border:0;
|
|
}
|
|
|
|
main table.list.session th:nth-child(1){width:10rem;}
|
|
main table.list.session th:nth-child(2){width:10rem;}
|
|
|
|
main table.list.session-resume th:nth-child(1){width:10rem;}
|
|
|
|
main table.list.challenge th:nth-child(1){width:10rem;}
|
|
main table.list.challenge th:nth-child(2){width:10rem;}
|
|
|
|
main table.list.invite th:nth-child(1){width:15rem;}
|
|
|
|
main table.list td:last-child>button{
|
|
display:inline-block;
|
|
position:relative;
|
|
min-width:8rem;
|
|
height:100%;
|
|
padding:0 1rem 0 1rem;
|
|
|
|
text-align:center;
|
|
font-size:1.25rem;
|
|
cursor:pointer;
|
|
|
|
background-color:inherit;
|
|
color:#e0e0e0;
|
|
border:0;
|
|
outline:0;
|
|
}
|
|
main table.list td:last-child>button.highlight {
|
|
background-color:#772d43;
|
|
}
|
|
main table.list td:last-child>button:hover{
|
|
background-color:#303030;
|
|
}
|
|
|
|
main table.list td>canvas {
|
|
display: block;
|
|
position: relative;
|
|
width: 8rem;
|
|
height: 2rem;
|
|
margin: 0 -1.5rem 0 -1.5rem;
|
|
}
|
|
|
|
main article{
|
|
display:block;
|
|
position:relative;
|
|
width:100%;
|
|
flex-grow:1;
|
|
|
|
padding:1rem;
|
|
margin:0;
|
|
|
|
line-height:1.4em;
|
|
font-size:1.2rem;
|
|
color:#c0c0c0;
|
|
|
|
overflow:auto;
|
|
}
|
|
main article>h1{
|
|
padding:0.5rem;
|
|
margin:0 0 0.5rem 0;
|
|
|
|
font-size:1.8rem;
|
|
font-weight:bold;
|
|
background-color:#a0a0a0;
|
|
color:#202020;
|
|
}
|
|
main article>h2{
|
|
padding:0 0 0.5rem 0.25rem;
|
|
margin:1.5rem 0 0.5rem 0;
|
|
|
|
font-size:1.6rem;
|
|
font-weight:bold;
|
|
border-bottom:2px solid #c0c0c0;
|
|
color:#c0c0c0;
|
|
}
|
|
main article>h3{
|
|
padding:0 0 0 0.25rem;
|
|
margin:1.5rem 0 0.5rem 0;
|
|
|
|
font-size:1.5rem;
|
|
font-weight:bold;
|
|
text-decoration:underline;
|
|
color:#b0b0b0;
|
|
}
|
|
main article>h4{
|
|
padding:0 0 0 0.25rem;
|
|
margin:1.5rem 0 0.5rem 0;
|
|
|
|
font-size:1.3rem;
|
|
text-decoration:underline;
|
|
color:#a0a0a0;
|
|
}
|
|
main article>p{
|
|
padding:0 0.5rem 0 0.5rem;
|
|
}
|
|
main article a{
|
|
color:#db758e;
|
|
text-decoration:none;
|
|
}
|
|
main article>a:hover{
|
|
text-decoration:underline;
|
|
}
|
|
|
|
main div.turn-slider-padding{
|
|
display:block;
|
|
position:relative;
|
|
width:100%;
|
|
padding:0.25rem 0.5rem 0 0.5rem;
|
|
background-color:#101010;
|
|
}
|
|
input#turn-slider{
|
|
display:block;
|
|
position:relative;
|
|
width:100%;
|
|
height:1rem;
|
|
accent-color:#702e2e;
|
|
}
|