123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596 |
- 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%;
- }
|