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

10 лет назад
10 лет назад
10 лет назад
10 лет назад
10 лет назад
10 лет назад
12 лет назад
10 лет назад
10 лет назад
13 лет назад
10 лет назад
11 лет назад
10 лет назад
12 лет назад
12 лет назад
12 лет назад
10 лет назад
10 лет назад
12 лет назад
10 лет назад
10 лет назад
12 лет назад
11 лет назад
12 лет назад
11 лет назад
12 лет назад
12 лет назад
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236
  1. body {
  2. max-width: 1000px;
  3. margin: auto;
  4. padding: 0 40px 0 40px;
  5. font-family: helvetica, arial, clean, sans-serif;
  6. font-size: 16px;
  7. color: #000;
  8. background: #E0E0E0 url("/static/background.png") repeat top left;
  9. }
  10. p {
  11. line-height: 1.25em;
  12. }
  13. .color-highlight {
  14. color: #040;
  15. }
  16. .highlight, .highlighttable {
  17. background: #f2f2f2;
  18. border: 1px solid #e8e8e8;
  19. border-radius: 10px;
  20. padding-left: 16px;
  21. line-height: 1.35em;
  22. font-size: 14px;
  23. }
  24. .highlighttable {
  25. width: 100%;
  26. }
  27. .highlighttable .highlight {
  28. border: 0;
  29. }
  30. .linenos {
  31. color: #888;
  32. }
  33. .description {
  34. font-size: 14px;
  35. }
  36. .index-header {
  37. padding-top: 15px;
  38. text-align: center;
  39. }
  40. pre {
  41. white-space: pre-wrap;
  42. }
  43. code {
  44. background: #f2f2f2;
  45. border: 1px solid #e8e8e8;
  46. padding: 0 3px;
  47. }
  48. pre code {
  49. border: 0;
  50. padding: 0;
  51. }
  52. div.project {
  53. border: 1px solid #DDD;
  54. border-radius: 5px;
  55. }
  56. div.project-head {
  57. padding: 6px 15px 6px 15px;
  58. border-bottom: 1px solid #DDD;
  59. border-radius: 5px 5px 0px 0px;
  60. /* all I want is a simple background gradient without images! */
  61. background: #E0E0E0; /* fallback (your browser is crap) */
  62. background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E3E3E3), to(#CACACA)); /* Chrome, Safari 4+ */
  63. background: -webkit-linear-gradient(top, #E3E3E3, #CACACA); /* Chrome 10+, Safari 5+ */
  64. background: -moz-linear-gradient(top, #E3E3E3, #CACACA); /* Firefox 3.6+ */
  65. background: -ms-linear-gradient(top, #E3E3E3, #CACACA); /* IE 10+ (lol) */
  66. background: -o-linear-gradient(top, #E3E3E3, #CACACA); /* Opera 11.10+ */
  67. background: linear-gradient(top, #E3E3E3, #CACACA); /* God-tier */
  68. }
  69. div.project-body {
  70. padding: 6px 15px 9px 15px;
  71. border-radius: 0px 0px 5px 5px;
  72. background: #F4F4F4;
  73. background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F9F9F9), to(#EFEFEF));
  74. background: -webkit-linear-gradient(top, #F9F9F9, #EFEFEF);
  75. background: -moz-linear-gradient(top, #F9F9F9, #EFEFEF);
  76. background: -ms-linear-gradient(top, #F9F9F9, #EFEFEF);
  77. background: -o-linear-gradient(top, #F9F9F9, #EFEFEF);
  78. background: linear-gradient(top, #F9F9F9, #EFEFEF); */
  79. }
  80. div.divider {
  81. border-bottom: 1px solid #CCC;
  82. margin-top: 15px;
  83. margin-bottom: 15px;
  84. }
  85. td.about-l {
  86. padding: 4px 12px 4px 12px;
  87. border-left: 1px solid #CCC;
  88. }
  89. td.about-r {
  90. padding: 4px 12px 4px 12px;
  91. border-right: 1px solid #CCC;
  92. }
  93. li.post {
  94. margin-bottom: 20px;
  95. }
  96. td.light-l { background-color: #ECECEC; }
  97. td.dark-l { background-color: #DADADA; }
  98. td.light-r { background-color: #F7F7F7; }
  99. td.dark-r { background-color: #E5E5E5; }
  100. p#about-me-top {
  101. margin-top: 0px;
  102. }
  103. h1#head {
  104. margin-top: 0px;
  105. padding-top: 0px;
  106. margin-bottom: 0px;
  107. padding-bottom: 0px;
  108. text-align: center;
  109. }
  110. div#container {
  111. margin: 30px auto 30px auto;
  112. border: 1px solid #999;
  113. border-radius: 10px;
  114. background-color: #FFF;
  115. }
  116. div#header {
  117. margin: 30px;
  118. padding: 35px 0px 35px 0px;
  119. border: 1px solid #999;
  120. border-radius: 10px 10px 0px 0px;
  121. /* see div.project-head for details */
  122. background: #DDEEDD;
  123. background: -webkit-gradient(linear, left top, left bottom, from(#E4F1E4), to(#B1BEB1));
  124. background: -webkit-linear-gradient(top, #E4F1E4, #B1BEB1);
  125. background: -moz-linear-gradient(top, #E4F1E4, #B1BEB1);
  126. background: -ms-linear-gradient(top, #E4F1E4, #B1BEB1);
  127. background: -o-linear-gradient(top, #E4F1E4, #B1BEB1);
  128. background: linear-gradient(top, #E4F1E4, #B1BEB1);
  129. }
  130. div#content {
  131. padding: 0 30px;
  132. }
  133. div#footer {
  134. font-size: 14px;
  135. text-align: center;
  136. padding: 9px 4px 12px 4px;
  137. color: #222;
  138. }
  139. div#post-info {
  140. margin-left: 24px;
  141. }
  142. div#post p, div#post ol, div#post li {
  143. line-height: 1.75em;
  144. }
  145. div#avatar-box {
  146. float: right;
  147. position: relative;
  148. left: 50px;
  149. margin-left: -40px;
  150. padding: 12px;
  151. background-color: #FFF;
  152. border: 1px solid #999;
  153. border-radius: 5px;
  154. -webkit-transform:rotate(3deg);
  155. -moz-transform:rotate(3deg);
  156. -o-transform:rotate(3deg);
  157. -ms-transform:rotate(3deg);
  158. }
  159. div#follow-button-box {
  160. float: right;
  161. }
  162. ul#post-list {
  163. padding-left: 1em;
  164. }
  165. img#avatar {
  166. border-radius: 5px;
  167. }
  168. table#about {
  169. width: 100%;
  170. }
  171. td#left-box {
  172. width: 50%;
  173. vertical-align: top;
  174. }
  175. td#right-box {
  176. padding-left: 25px;
  177. vertical-align: top;
  178. }
  179. td#about-tl { border-top-left-radius: 5px; border-top: 1px solid #AAA; }
  180. td#about-tr { border-top-right-radius: 5px; border-top: 1px solid #AAA; }
  181. td#about-bl { border-bottom-left-radius: 5px; border-bottom: 1px solid #AAA; }
  182. td#about-br { border-bottom-right-radius: 5px; border-bottom: 1px solid #AAA; }
  183. a:link { color: #373; text-decoration: none; }
  184. a:visited { color: #373; text-decoration: none; }
  185. a:hover { color: #040; text-decoration: underline; }
  186. a:active { color: #404; text-decoration: underline; }
  187. a.invert:link { text-decoration: underline; }
  188. a.invert:visited { text-decoration: underline; }
  189. a.invert:hover { text-decoration: none; }
  190. a.invert:active { text-decoration: none; }
  191. a.incognito:link { color: #000; text-decoration: none; }
  192. a.incognito:visited { color: #000; text-decoration: none; }
  193. a.incognito:hover { color: #000; text-decoration: underline; }
  194. a.incognito:active { color: #000; text-decoration: none; }