crow.css 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. <!--
  2. /* "Crow" for Layout V4 */
  3. /* crow.png banner modified from "big crow sitting on tree branch" generated using Craiyon and licensed under the Free Commercial License (https://www.craiyon.com/terms) */
  4. body {
  5. background-color: #cecece;
  6. font-family: monospace;
  7. color: #FFFFFF;
  8. max-width:900px;
  9. margin: auto;
  10. font-size: large;
  11. margin-bottom: 10px;
  12. }
  13. .center {
  14. text-align: center;
  15. }
  16. .index {
  17. max-width: 670px;
  18. }
  19. a, a:visited {
  20. color: inherit;
  21. }
  22. .box, .card, nav {
  23. margin-top: 3%;
  24. margin-left: auto;
  25. margin-right: auto;
  26. background: #242424;
  27. padding: 10px 10px 5px 20px;
  28. }
  29. .box-smaller {
  30. max-width: 700px;
  31. }
  32. table {
  33. width: 100%;
  34. padding: 3px;
  35. }
  36. article a, ul a, td a, .bruh {
  37. text-decoration: underline;
  38. }
  39. hr {
  40. display: none;
  41. }
  42. b, strong {
  43. color: #80ff80;
  44. }
  45. i, em, code {
  46. color: #ccffcc;
  47. }
  48. img.big {
  49. width: 100%;
  50. height: auto;
  51. }
  52. td {
  53. text-align: center;
  54. }
  55. /* https://www.svgrepo.com/svg/6977/star */
  56. .based {
  57. list-style: url('./css/star.svg');
  58. }
  59. /* https://orangeable.com/css/animated-gradient-text */
  60. .lesbian {
  61. background: linear-gradient(-45deg, #D52D00, #EF7627, #FF9A56, #FFFFFF, #D162A4, #B55690, #A30262);
  62. background-size: 300%;
  63. font-weight: bold;
  64. -webkit-background-clip: text;
  65. -webkit-text-fill-color: transparent;
  66. animation: animated_text 8s ease-in-out infinite;
  67. -moz-animation: animated_text 8s ease-in-out infinite;
  68. -webkit-animation: animated_text 8s ease-in-out infinite;
  69. }
  70. @keyframes animated_text {
  71. 0% { background-position: 0px 50%; }
  72. 50% { background-position: 100% 50%; }
  73. 100% { background-position: 0px 50%; }
  74. }
  75. -->