Personal website https://benkurtovic.com/
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。
 
 
 
 

237 行
5.3 KiB

  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; }