Personal website https://benkurtovic.com/
No puede seleccionar más de 25 temas Los temas deben comenzar con una letra o número, pueden incluir guiones ('-') y pueden tener hasta 35 caracteres de largo.
 
 
 
 

222 líneas
3.3 KiB

  1. @import url(//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. list-style-type: none;
  79. }
  80. .work-list li {
  81. margin-bottom: 1.25em;
  82. position: relative;
  83. }
  84. .work-list li:before {
  85. content: "\27a4";
  86. position: absolute;
  87. left: -2em;
  88. line-height: 3em;
  89. font-size: 0.5em;
  90. }
  91. .subtitle {
  92. font-size: 14px;
  93. }
  94. #tags {
  95. line-height: 2em;
  96. margin: -0.375em 0;
  97. }
  98. .tag {
  99. background-color: #f2f2f2;
  100. border: 1px solid #e8e8e8;
  101. color: #888;
  102. cursor: pointer;
  103. margin: 0 3px;
  104. padding: 2px 3px;
  105. }
  106. .tag-selected {
  107. background-color: #ddd;
  108. color: black;
  109. }
  110. #post-info {
  111. list-style-type: none;
  112. margin: 0;
  113. padding-left: 0;
  114. }
  115. #post-info li {
  116. line-height: 1em;
  117. margin-bottom: 0.5em;
  118. }
  119. #post-info li:last-child {
  120. margin-bottom: 0;
  121. }
  122. #post-info span {
  123. color: #777;
  124. }
  125. .post-tag {
  126. background-color: #f2f2f2;
  127. border: 1px solid #e8e8e8;
  128. margin: 0 3px;
  129. padding: 2px 3px;
  130. }
  131. .post-tag:link, .post-tag:visited {
  132. color: black;
  133. }
  134. pre {
  135. white-space: pre-wrap;
  136. }
  137. code {
  138. background-color: #f2f2f2;
  139. border: 1px solid #e8e8e8;
  140. padding: 0 3px;
  141. }
  142. pre code {
  143. border: 0;
  144. padding: 0;
  145. }
  146. .highlight, .highlighttable {
  147. background-color: #f2f2f2;
  148. border: 1px solid #e8e8e8;
  149. font-size: 14px;
  150. line-height: 1.35em;
  151. padding-left: 16px;
  152. }
  153. .highlighttable {
  154. width: 100%;
  155. }
  156. .highlighttable .highlight {
  157. border: 0;
  158. }
  159. .linenos {
  160. color: #888;
  161. }
  162. .para-link {
  163. margin-left: 0.5em;
  164. padding: 0 0.25em 0 0.3em;
  165. }
  166. .para-link:link, .para-link:visited {
  167. color: #A00;
  168. text-decoration: none;
  169. }
  170. .para-link:hover, .para-link:active {
  171. background-color: #A00;
  172. color: white;
  173. }
  174. #footer {
  175. margin-bottom: 1.5em;
  176. color: #444;
  177. font-size: 85%;
  178. text-align: center;
  179. }