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.

main.css 5.3 KiB

hace 10 años
hace 10 años
hace 10 años
hace 10 años
hace 10 años
hace 10 años
hace 10 años
hace 10 años
hace 13 años
hace 10 años
hace 10 años
hace 10 años
hace 10 años
hace 10 años
hace 10 años
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; }