You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
96 lines
1.4 KiB
96 lines
1.4 KiB
html{
|
|
background-color: #FFE0F7;
|
|
}
|
|
|
|
body{
|
|
font-family: 'Source Sans Pro', sans-serif;
|
|
}
|
|
|
|
header{
|
|
|
|
}
|
|
header h1{
|
|
color: #6F0752;
|
|
border-bottom: 4px solid #A23183;
|
|
margin: 10px;
|
|
}
|
|
|
|
article{
|
|
border: 2px solid #B8509B;
|
|
margin:5px 10px;
|
|
border-radius:10px;
|
|
}
|
|
|
|
article header{
|
|
|
|
display: flex;
|
|
}
|
|
|
|
article h2{
|
|
color:#6F0752;
|
|
font-size:1.2em;
|
|
margin:10px;
|
|
flex-grow:1;
|
|
}
|
|
|
|
article h3{
|
|
color:#6F0752;
|
|
font-size:1.0em;
|
|
margin:7px;
|
|
text-align:right;
|
|
flex-grow:0;
|
|
background:transparent;
|
|
border: 1px solid #B8509B;
|
|
border-radius:3px;
|
|
padding:3px 7px;
|
|
cursor:pointer;
|
|
}
|
|
|
|
article h3:hover{
|
|
color:#6F0752;
|
|
font-size:1.0em;
|
|
margin:7px;
|
|
text-align:right;
|
|
flex-grow:0;
|
|
background:transparent;
|
|
border: 1px solid #B8509B;
|
|
border-radius:3px;
|
|
padding:3px 7px;
|
|
}
|
|
|
|
article .results{
|
|
margin:0 10px 10px;
|
|
display:none;
|
|
}
|
|
article .results > div{
|
|
display: flex;
|
|
}
|
|
article .results > div p{
|
|
color:#6F0752;
|
|
flex-grow: 1;
|
|
margin: 0 3px;
|
|
font-size:0.8em;
|
|
}
|
|
|
|
.results > div:nth-child(1){
|
|
margin-bottom: 3px;
|
|
border-bottom: 1px solid #A23183;
|
|
}
|
|
|
|
.results > div:nth-child(2){
|
|
background: #6F0752;
|
|
}
|
|
|
|
.results > div:nth-child(2) p{
|
|
color: #FFE0F7;
|
|
}
|
|
|
|
.results .name{
|
|
flex-basis:60%;
|
|
}
|
|
.results .time{
|
|
flex-basis:20%;
|
|
}
|
|
.results .desv{
|
|
flex-basis:20%;
|
|
}
|
|
|