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.
 
 
 
 

221 lines
5.1 KiB

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