gtg2json/public/stylesheets/style.css

85 lines
1.2 KiB
CSS
Raw Normal View History

body {
padding: 50px;
font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}
a {
color: #00B7FF;
}
2021-03-01 21:27:00 +01:00
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;
}
2021-03-02 09:53:16 +01:00
tag{
2021-03-02 10:57:26 +01:00
background : #00b7ff;
2021-03-02 09:53:16 +01:00
padding: 0.5em;
border-radius: 0.15em;
}
2021-03-02 10:57:26 +01:00
button{
border: 0;
padding: 0.5em 1em;
border-radius: 0.2em;
cursor:pointer;
}
2021-03-02 10:12:15 +01:00
.toggle + ul{
height: 0;
visibility: collapse;
}
2021-03-02 10:57:26 +01:00
.toggle:focus{
background:#00b7ff;
color: white;
}
2021-03-02 10:12:15 +01:00
.toggle:focus + ul{
height: 100%;
transition: all ease 0.5s;
visibility: visible;
}
.task_item{
padding: 0.5em;
margin-left: 1em;
}
2021-03-02 10:57:26 +01:00
.text-right{
text-align: right;
}
.emphasis{
font-weight: 700;
background: aquamarine;
}
2021-03-02 10:57:26 +01:00
.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;
}