main.css 1.9 KB

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