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.

10 年之前
10 年之前
10 年之前
10 年之前
10 年之前
10 年之前
10 年之前
10 年之前
13 年之前
10 年之前
10 年之前
10 年之前
10 年之前
10 年之前
10 年之前
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; }