main.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  1. @font-face {
  2. font-family: 'Fantasque Sans Mono';
  3. font-weight:200;
  4. src: local('Fantasque Sans Mono'), local('Fantasque Sans Mono'), url('//gildasch.github.io/assets/FantasqueSansMono-Regular.ttf') format('truetype');
  5. }
  6. body {
  7. font-family: 'Fantasque Sans Mono';
  8. background-color:#263238;
  9. color:white;
  10. font-size:18px;
  11. max-width:1000px;
  12. margin:auto;
  13. }
  14. img {
  15. max-width:1000px;
  16. }
  17. /* Colors:
  18. background: #263238
  19. current-line #37474f
  20. far-background #1c1f26
  21. inactive-gray #78909c
  22. header-color #455A64
  23. subtle #a7adba
  24. selection #555555
  25. secondary-selection #bf616a
  26. foreground #ffffff
  27. comment #b0bec5
  28. red #f36c60
  29. orange #ff9800
  30. yellow #fff59d
  31. green #8bc34a
  32. aqua #81d4fa
  33. blue #4dd0e1
  34. purple #b39ddb
  35. */
  36. #header {
  37. font-size:4em;
  38. margin:0;
  39. margin-top:10px;
  40. margin-bottom:-35px;
  41. // color:#81d4fa;
  42. color:#78909c;
  43. font-weight:200;
  44. text-align:center;
  45. }
  46. #header span {
  47. position:relative;
  48. top:-50px;
  49. }
  50. #header a.noDec {
  51. color:#78909c;
  52. background-color:transparent;
  53. }
  54. #content {
  55. padding-right:5px;
  56. }
  57. #footer {
  58. margin-top:30px;
  59. padding-bottom:10px;
  60. color:#78909c;
  61. text-align:center;
  62. background-image:url('../images/gildas2.jpg');
  63. background-position:top center;
  64. background-repeat:no-repeat;
  65. padding-top:170px;
  66. border-top:1px solid #78909c;
  67. }
  68. h1 {
  69. color:#f36c60;
  70. }
  71. h2, h3, h4 {
  72. margin-bottom:5px;
  73. }
  74. h2, h2 a, h2 a:hover {
  75. color:#8bc34a;
  76. background-color:transparent;
  77. }
  78. h3 {
  79. // orange color:#ff9800;
  80. color:#fff59d;
  81. }
  82. h4 {
  83. // color:#b0bec5;
  84. color:#81d4fa;
  85. }
  86. img {
  87. display:block;
  88. margin:auto;
  89. margin-top:10px;
  90. margin-bottom:10px;
  91. }
  92. em {
  93. }
  94. strong {
  95. color:#b0bec5;
  96. font-weight:normal;
  97. }
  98. a {
  99. color:#4dd0e1;
  100. background-color:#555555;
  101. }
  102. a:hover {
  103. color:#81d4fa;
  104. background-color:#bf616a;
  105. }
  106. quote, blockquote {
  107. background-color:#37474f;
  108. }
  109. blockquote {
  110. padding:2px;
  111. border-left:3px solid white;
  112. margin-left:20px;
  113. padding-left:20px;
  114. }
  115. time {
  116. font-style:italic;
  117. float:right;
  118. margin-right:5px;
  119. }
  120. p {
  121. margin-top:5px;
  122. }