Personal website https://benkurtovic.com/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

141 lines
2.1 KiB

  1. body {
  2. margin: 0;
  3. background-color: white;
  4. color: black;
  5. font-family: sans-serif; /* TODO */
  6. font-size: 16px;
  7. }
  8. a:link { color: #3d7751; text-decoration: none; }
  9. a:visited { color: #3d7751; text-decoration: none; }
  10. a:hover { color: #041; text-decoration: underline; }
  11. a:active { color: #403; text-decoration: underline; }
  12. a.underlined:link, a.underlined:visited { text-decoration: underline; }
  13. a.underlined:hover, a.underlined:active { text-decoration: none; }
  14. #banner {
  15. background-color: black;
  16. text-align: center;
  17. }
  18. #banner a {
  19. color: white;
  20. text-decoration: none;
  21. }
  22. #banner img {
  23. display: inline;
  24. padding: 2px 0.5em 0 0;
  25. vertical-align: top;
  26. }
  27. #banner h1 {
  28. display: inline;
  29. font-family: sans-serif; /* TODO */
  30. text-align: center;
  31. }
  32. .banner-large {
  33. height: 94px;
  34. line-height: 94px;
  35. border-top: 6px solid #3d7751;
  36. }
  37. .banner-large img {
  38. height: 92px;
  39. }
  40. .banner-large h1 {
  41. font-size: 2.5em;
  42. }
  43. .banner-small {
  44. height: 66px;
  45. line-height: 66px;
  46. border-top: 4px solid #3d7751;
  47. }
  48. .banner-small img {
  49. height: 64px;
  50. }
  51. .banner-small h1 {
  52. font-size: 2em;
  53. }
  54. #container {
  55. margin: 1.5em auto 0;
  56. max-width: 1000px;
  57. padding: 0 40px 0 40px;
  58. }
  59. #container p {
  60. line-height: 1.25em;
  61. }
  62. #content p, #content ol, #content li {
  63. line-height: 1.75em;
  64. }
  65. .project {
  66. margin-bottom: 1.25em;
  67. }
  68. .project div:nth-child(2) {
  69. font-size: 14px;
  70. }
  71. #post-list li {
  72. margin-bottom: 1.25em;
  73. }
  74. .subtitle {
  75. font-size: 14px;
  76. }
  77. #post-info span {
  78. color: #777;
  79. }
  80. pre {
  81. white-space: pre-wrap;
  82. }
  83. code {
  84. background: #f2f2f2;
  85. border: 1px solid #e8e8e8;
  86. padding: 0 3px;
  87. }
  88. pre code {
  89. border: 0;
  90. padding: 0;
  91. }
  92. .highlight, .highlighttable {
  93. background: #f2f2f2;
  94. border: 1px solid #e8e8e8;
  95. font-size: 14px;
  96. line-height: 1.35em;
  97. padding-left: 16px;
  98. }
  99. .highlighttable {
  100. width: 100%;
  101. }
  102. .highlighttable .highlight {
  103. border: 0;
  104. }
  105. .linenos {
  106. color: #888;
  107. }
  108. #footer {
  109. color: #444;
  110. font-size: 85%;
  111. text-align: center;
  112. }