bundle.css 2.0 KB

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