style.css 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. main h2,
  2. main h3,
  3. main h4,
  4. main h5 {
  5. color: var(--bs-dark);
  6. }
  7. main p {
  8. color: var(--bs-black);
  9. }
  10. main ul,
  11. main ol {
  12. color: var(--bs-dark);
  13. list-style-type: square;
  14. }
  15. main a:hover img:not(.nb),
  16. main a:focus img:not(.nb),
  17. main a:active img:not(.nb) {
  18. outline: 2px dotted var(--bs-primary);
  19. }
  20. .navbar .navbar-brand {
  21. color: var(--bs-black) !important;
  22. }
  23. .navbar .nav-link {
  24. color: var(--bs-light) !important;
  25. }
  26. .navbar .nav-link.active {
  27. text-decoration: underline;
  28. }
  29. .navbar .nav-link:hover,
  30. .navbar .nav-link:focus,
  31. .navbar .navbar-brand:hover,
  32. .navbar .navbar-brand:focus {
  33. color: var(--bs-dark) !important;
  34. text-decoration: underline;
  35. }
  36. .nav-tabs .nav-link:not(.active) {
  37. background: url(/static/void.webp) repeat, linear-gradient(to bottom, white 90%, gray 100%) no-repeat;
  38. }
  39. .nav-tabs a:not(.active) img {
  40. opacity: 0.7;
  41. }
  42. .nav-tabs a:hover img,
  43. .nav-tabs a:focus img {
  44. opacity: 1.0;
  45. }
  46. figcaption img {
  47. opacity: 0.5;
  48. }
  49. .pp {
  50. border: 1px;
  51. }
  52. a:hover .hl,
  53. a:focus .hl {
  54. filter: brightness(1.1);
  55. }