bundle.css 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  1. /* Doing CSS like the early 2000 */
  2. body {
  3. font-family: Verdana, Tahoma, sans-serif;
  4. background-color: #F6F6F6;
  5. max-width: 800px;
  6. margin: auto;
  7. }
  8. body article a {
  9. color: #3D3D3D;
  10. }
  11. body article a:visited {
  12. color: #6A6A6A;
  13. }
  14. main {
  15. border : 5px solid black;
  16. border-radius: 10px;
  17. }
  18. main p.pagination {
  19. text-align: center;
  20. }
  21. main p.pagination a {
  22. text-transform: uppercase;
  23. color: #111122;
  24. text-decoration: none;
  25. }
  26. .page-header {
  27. border: 5px solid black;
  28. border-radius: 10px;
  29. }
  30. .headerlogo {
  31. float: left;
  32. }
  33. nav {
  34. padding: 5px 50px;
  35. background-color: #0C5678;
  36. }
  37. nav a {
  38. color: aliceblue;
  39. background-color: #0C5678;
  40. padding: 5px 10px;
  41. border-width: 5px;
  42. border-color: black;
  43. }
  44. nav a:hover {
  45. background-color: #2f647c;
  46. }
  47. ul.postlist {
  48. list-style-type: none;
  49. margin: 0;
  50. padding: 0;
  51. text-align: center;
  52. }
  53. .postlist a {
  54. color: #111122;
  55. }
  56. .postlist a:hover {
  57. text-decoration: underline;
  58. color: #5A5A5A;
  59. }
  60. .postlist a:visited {
  61. color: #635A5A;
  62. }
  63. .postlist a:visited:hover {
  64. color: #857c7c;
  65. }
  66. blockquote {
  67. font-size: 0.8em;
  68. background-color: rgb(224, 224, 224);
  69. padding: 1px 10px;
  70. border-left: 4px solid black;
  71. }
  72. #tag {
  73. background-color: rgb(224, 224, 224);
  74. margin: 10px 0px;
  75. padding: 2px 10px;
  76. border-left: 4px solid black;
  77. }
  78. #tag p {
  79. margin: 5px;
  80. font-style: italic;
  81. }
  82. @keyframes hacking {
  83. 0% {visibility: visible;}
  84. 50% {visibility: hidden;}
  85. 100% {visibility: hidden;}
  86. }
  87. h1::after {
  88. content: " _";
  89. animation-name: hacking;
  90. animation-duration: 1s;
  91. animation-delay: 2s;
  92. animation-iteration-count: infinite;
  93. }
  94. pre {
  95. background-color: gainsboro;
  96. }
  97. code {
  98. background-color: gainsboro;
  99. }
  100. .page-footer {
  101. float: right;
  102. }