style.css 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. html{
  2. background-color: #FFE0F7;
  3. }
  4. body{
  5. font-family: 'Source Sans Pro', sans-serif;
  6. }
  7. header{
  8. }
  9. header h1{
  10. color: #6F0752;
  11. border-bottom: 4px solid #A23183;
  12. margin: 10px;
  13. }
  14. article{
  15. border: 2px solid #B8509B;
  16. margin:5px 10px;
  17. border-radius:10px;
  18. }
  19. article header{
  20. display: flex;
  21. }
  22. article h2{
  23. color:#6F0752;
  24. font-size:1.2em;
  25. margin:10px;
  26. flex-grow:1;
  27. }
  28. article h3{
  29. color:#6F0752;
  30. font-size:1.0em;
  31. margin:7px;
  32. text-align:right;
  33. flex-grow:0;
  34. background:transparent;
  35. border: 1px solid #B8509B;
  36. border-radius:3px;
  37. padding:3px 7px;
  38. cursor:pointer;
  39. }
  40. article h3:hover{
  41. color:#6F0752;
  42. font-size:1.0em;
  43. margin:7px;
  44. text-align:right;
  45. flex-grow:0;
  46. background:transparent;
  47. border: 1px solid #B8509B;
  48. border-radius:3px;
  49. padding:3px 7px;
  50. }
  51. article .results{
  52. margin:0 10px 10px;
  53. display:none;
  54. }
  55. article .results > div{
  56. display: flex;
  57. }
  58. article .results > div p{
  59. color:#6F0752;
  60. flex-grow: 1;
  61. margin: 0 3px;
  62. font-size:0.8em;
  63. }
  64. .results > div:nth-child(1){
  65. margin-bottom: 3px;
  66. border-bottom: 1px solid #A23183;
  67. }
  68. .results > div:nth-child(2){
  69. background: #6F0752;
  70. }
  71. .results > div:nth-child(2) p{
  72. color: #FFE0F7;
  73. }
  74. .results .name{
  75. flex-basis:60%;
  76. }
  77. .results .time{
  78. flex-basis:20%;
  79. }
  80. .results .desv{
  81. flex-basis:20%;
  82. }