Personal website https://benkurtovic.com/
Não pode escolher mais do que 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.

main.css 5.3 KiB

há 10 anos
há 10 anos
há 10 anos
há 10 anos
há 10 anos
há 10 anos
há 10 anos
há 10 anos
há 13 anos
há 10 anos
há 10 anos
há 10 anos
há 10 anos
há 10 anos
há 10 anos
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; }