91 lines
1.3 KiB
CSS
91 lines
1.3 KiB
CSS
|
|
html, body {
|
|
font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
|
|
background: #dddddd;
|
|
color: #111;
|
|
min-height: 100vh;
|
|
}
|
|
body {
|
|
padding: 50px;
|
|
}
|
|
|
|
a {
|
|
color: #00B7FF;
|
|
}
|
|
li:nth-of-type(odd){
|
|
background: #dedede;
|
|
}
|
|
.head span{
|
|
background: #00B7FF;
|
|
display: inline-block;
|
|
min-width : 10em;
|
|
}
|
|
.tags span{
|
|
padding: 1em;
|
|
display: inline-block;
|
|
min-width : 10em;
|
|
}
|
|
|
|
tag{
|
|
background : #00b7ff;
|
|
padding: 0.5em;
|
|
border-radius: 0.15em;
|
|
}
|
|
button{
|
|
border: 0;
|
|
padding: 0.5em 1em;
|
|
border-radius: 0.2em;
|
|
cursor:pointer;
|
|
}
|
|
.toggle + ul{
|
|
height: 0;
|
|
visibility: collapse;
|
|
}
|
|
.toggle:focus{
|
|
background:#00b7ff;
|
|
color: white;
|
|
}
|
|
.toggle:focus + ul{
|
|
height: 100%;
|
|
transition: all ease 0.5s;
|
|
visibility: visible;
|
|
}
|
|
.task_item{
|
|
padding: 0.5em;
|
|
margin-left: 1em;
|
|
}
|
|
.text-right{
|
|
text-align: right;
|
|
}
|
|
.emphasis{
|
|
font-weight: 700;
|
|
background: aquamarine;
|
|
}
|
|
.proportion-over-95{
|
|
background: #b9ffbe;
|
|
}
|
|
.proportion-over-90{
|
|
background: aquamarine;
|
|
}
|
|
.proportion-over-80{
|
|
background: #b8ffe8;
|
|
}
|
|
.proportion-over-65{
|
|
background: #e5ffb8;
|
|
}
|
|
.proportion-over-50{
|
|
background: #ffffd9;
|
|
}
|
|
.proportion-over-40{
|
|
background: #ffeed5;
|
|
}
|
|
.proportion-over-25{
|
|
background: #d6bcaa;
|
|
}
|
|
.proportion-over-15{
|
|
background: #e5cbd0;
|
|
}
|
|
.proportion-over-0{
|
|
background: #a59098;
|
|
}
|