main.css 1.9 KB

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