style.css 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. html {
  2. background: black ;
  3. padding-bottom: 400px;
  4. }
  5. body {
  6. max-width: 750px;
  7. margin-left: auto;
  8. margin-right: auto;
  9. margin-top: 30px;
  10. background: #011 ;
  11. color: #eee;
  12. border-style: solid;
  13. border-width: 5px;
  14. border-color: #555;
  15. }
  16. main {
  17. padding: 1em ;
  18. }
  19. h1,h2,h3,h4 {
  20. text-align: center;
  21. }
  22. h1 {
  23. font-size: 48px;
  24. text-shadow: 3px 0 black, 3px 3px black, 0 3px black;
  25. color: #00ccff ;
  26. }
  27. h2 {
  28. color: #00bbdd ;
  29. }
  30. h3 {
  31. color: #00aabb ;
  32. }
  33. a { color: lightblue; }
  34. .image {
  35. margin: auto;
  36. }
  37. .qr { max-width: 150px ; padding: 10px }
  38. p img, li img, h1 img, h2 img, h3 img, h4 img {
  39. max-height: 1em;
  40. max-width: 1em;
  41. }
  42. pre {
  43. border: 1px solid lime ;
  44. border-radius: 20px ;
  45. padding: 1em ;
  46. margin: 1em ;
  47. white-space: pre-wrap;
  48. }
  49. code {
  50. border-radius: 5px ;
  51. overflow-wrap: break-word ;
  52. }
  53. code:not(pre code) {
  54. color: lime ;
  55. }
  56. aside {
  57. color: gray ;
  58. font-style: italic ;
  59. font-size: small ;
  60. }
  61. footer {
  62. text-align: center ;
  63. }
  64. .normal {
  65. align: center ;
  66. }
  67. .normal img {
  68. margin: auto ;
  69. max-width: 90% ;
  70. max-height: 400px ;
  71. display: block ;
  72. }
  73. figcaption {
  74. text-align: center ;
  75. display: block ;
  76. font-style: italic ;
  77. }
  78. kbd {
  79. border-radius: 5px;
  80. padding: 1px 2px ;
  81. min-width: 1em ;
  82. border: 1px solid black ;
  83. background: #222 ;
  84. color: white ;
  85. }