116 lines
2.0 KiB
CSS
116 lines
2.0 KiB
CSS
main>table.list{
|
|
width:100%;
|
|
border-collapse:collapse;
|
|
}
|
|
main>table.list tr{
|
|
height:2.5rem;
|
|
}
|
|
main>table.list th{
|
|
padding:0 1rem 0 1rem;
|
|
|
|
text-align:center;
|
|
font-size:1.2rem;
|
|
font-weight:bold;
|
|
|
|
background-color:#383838;
|
|
color:#f0f0f0;
|
|
border-bottom:1px solid #404040;
|
|
}
|
|
main>table.list td{
|
|
height:100%;
|
|
padding:0 1rem 0 1rem;
|
|
|
|
text-align:center;
|
|
|
|
background-color:#303030;
|
|
color:#f0f0f0;
|
|
}
|
|
main>table.list td:last-child{
|
|
display:flex;
|
|
flex-flow:row nowrap;
|
|
align-items:flex-start;
|
|
justify-content:flex-end;
|
|
flex-grow:1;
|
|
}
|
|
|
|
main>table.list td:last-child>button{
|
|
display:block;
|
|
position:relative;
|
|
width:auto;
|
|
height:100%;
|
|
padding:0 1rem 0 1rem;
|
|
|
|
text-align:left;
|
|
font-size:1.25rem;
|
|
cursor:pointer;
|
|
|
|
background-color:#303030;
|
|
color:#e0e0e0;
|
|
border:0;
|
|
outline:0;
|
|
}
|
|
main>table.list td:last-child>button:hover{
|
|
background-color:#343434;
|
|
}
|
|
|
|
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;
|
|
}
|