index.css 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. div span{
  2. display: inline-block;
  3. width:auto;
  4. height:30px;
  5. line-height: 30px;
  6. margin: 0 10px;
  7. padding: 3px;
  8. }
  9. div span a{
  10. color:#862930;
  11. text-decoration: none;
  12. }
  13. div span a::before{
  14. color:#862930;
  15. }
  16. div span a::hover{
  17. color:#121929;
  18. }
  19. /* div span a::linked{
  20. color:orange;
  21. } */
  22. div span a::after{
  23. color:#862930;
  24. }
  25. dialog{
  26. border-radius: 15px;
  27. }
  28. dialog::backdrop{
  29. background-color: #121929;
  30. backdrop-filter: blur(10px);
  31. -webkit-backdrop-filter: blur(10px);
  32. }
  33. .approve{
  34. color:#862930;
  35. background-color:#DED8D4 ;
  36. font-size: 25px;
  37. line-height: 30px;
  38. display: inline-block;
  39. padding: 2px;
  40. border-radius: 5px;
  41. border: 1px solid #862930;
  42. }
  43. .approve:hover{
  44. color:#121929;
  45. background-color:#862930 ;
  46. border: 1px solid #121929;
  47. }
  48. .approve router-link span a{
  49. /* color:#862930; */
  50. /* background-color:#DED8D4 ; */
  51. font-size: 25px;
  52. line-height: 25px;
  53. display: inline-block;
  54. margin-left: 10px;
  55. padding: 2px;
  56. border-radius: 5px;
  57. /* border: 1px solid #862930; */
  58. text-decoration: none;
  59. }
  60. .approve router-link span a:hover{
  61. color:#121929;
  62. /* background-color:#862930 ; */
  63. /* border: 1px solid #121929; */
  64. }
  65. html[data-theme="dark"]{
  66. background-color: gray;
  67. }
  68. html[data-theme="day"]{
  69. background-color: white;
  70. }