Personal website https://benkurtovic.com/
Não pode escolher mais do que 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.
 
 
 
 

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