Personal website https://benkurtovic.com/
Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.
 
 
 
 

206 строки
3.1 KiB

  1. @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700|Oxygen:700);
  2. body {
  3. margin: 0;
  4. background-color: white;
  5. color: black;
  6. font-family: "Open Sans", sans-serif;
  7. font-size: 16px;
  8. }
  9. a:link, 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. height: 94px;
  16. line-height: 94px;
  17. background-color: black;
  18. border-top: 4px solid #3d7751;
  19. text-align: center;
  20. }
  21. #banner a {
  22. color: white;
  23. text-decoration: none;
  24. }
  25. #banner img {
  26. display: inline;
  27. height: 92px;
  28. padding: 2px 0.5em 0 0;
  29. vertical-align: top;
  30. }
  31. #banner h1 {
  32. display: inline;
  33. font-size: 2em;
  34. font-family: "Oxygen", sans-serif;
  35. text-align: center;
  36. }
  37. #container {
  38. margin: 1.5em auto 0;
  39. max-width: 1000px;
  40. padding: 0 40px 0 40px;
  41. }
  42. #container p {
  43. line-height: 1.25em;
  44. }
  45. p#bio {
  46. line-height: 1.5em;
  47. }
  48. #content p, #content ol, #content li {
  49. line-height: 1.75em;
  50. }
  51. #links {
  52. width: 100%;
  53. text-align: center;
  54. border-spacing: 0;
  55. }
  56. #links td {
  57. width: 16.666666666667%;
  58. }
  59. #links td:not(:first-child) {
  60. border-left: 1px solid #CCC;
  61. }
  62. #work {
  63. width: 100%;
  64. border-spacing: 0;
  65. }
  66. #work td {
  67. width: 50%;
  68. vertical-align: top;
  69. }
  70. #work td:not(:first-child) {
  71. padding-left: 0.75em;
  72. }
  73. #work td:not(:last-child) {
  74. padding-right: 0.75em;
  75. }
  76. .work-list {
  77. padding-left: 1em;
  78. }
  79. .work-list li {
  80. margin-bottom: 1.25em;
  81. }
  82. .subtitle {
  83. font-size: 14px;
  84. }
  85. .tag {
  86. background-color: #f2f2f2;
  87. border: 1px solid #e8e8e8;
  88. color: #888;
  89. cursor: pointer;
  90. margin: 0 3px;
  91. padding: 2px 3px;
  92. }
  93. .tag-selected {
  94. background-color: #ddd;
  95. color: black;
  96. }
  97. #post-info {
  98. list-style-type: none;
  99. margin: 0;
  100. padding-left: 0;
  101. }
  102. #post-info li {
  103. line-height: 1em;
  104. margin-bottom: 0.5em;
  105. }
  106. #post-info li:last-child {
  107. margin-bottom: 0;
  108. }
  109. #post-info span {
  110. color: #777;
  111. }
  112. .post-tag {
  113. background-color: #f2f2f2;
  114. border: 1px solid #e8e8e8;
  115. margin: 0 3px;
  116. padding: 2px 3px;
  117. }
  118. .post-tag:link, .post-tag:visited {
  119. color: black;
  120. }
  121. pre {
  122. white-space: pre-wrap;
  123. }
  124. code {
  125. background-color: #f2f2f2;
  126. border: 1px solid #e8e8e8;
  127. padding: 0 3px;
  128. }
  129. pre code {
  130. border: 0;
  131. padding: 0;
  132. }
  133. .highlight, .highlighttable {
  134. background-color: #f2f2f2;
  135. border: 1px solid #e8e8e8;
  136. font-size: 14px;
  137. line-height: 1.35em;
  138. padding-left: 16px;
  139. }
  140. .highlighttable {
  141. width: 100%;
  142. }
  143. .highlighttable .highlight {
  144. border: 0;
  145. }
  146. .linenos {
  147. color: #888;
  148. }
  149. .para-link {
  150. margin-left: 0.5em;
  151. padding: 0 0.25em 0 0.3em;
  152. }
  153. .para-link:link, .para-link:visited {
  154. color: #A00;
  155. text-decoration: none;
  156. }
  157. .para-link:hover, .para-link:active {
  158. background-color: #A00;
  159. color: white;
  160. }
  161. #footer {
  162. color: #444;
  163. font-size: 85%;
  164. text-align: center;
  165. }