main.css 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. body {
  2. font-size: 19px;
  3. }
  4. main {
  5. margin-top: 90px;
  6. }
  7. section {
  8. margin-bottom: 50px;
  9. }
  10. h1, h2, h3, h4 {
  11. color: #df691a;
  12. }
  13. h3 {
  14. font-size: 23px;
  15. }
  16. li {
  17. margin-bottom: 3px;
  18. }
  19. img {
  20. max-width: 100%;
  21. }
  22. header.navbar {
  23. opacity: 0.9;
  24. }
  25. .navbar .navbar-brand {
  26. font-size: 28px;
  27. height: auto;
  28. line-height: 50px;
  29. margin-left: 20px;
  30. color: #df691a;
  31. }
  32. .navbar a.navbar-brand:hover {
  33. color: #df691a;
  34. }
  35. .navbar .navbar-brand small {
  36. font-size: 18px;
  37. font-weight: 300;
  38. margin-left: 10px;
  39. color: white;
  40. }
  41. @media (min-width: 768px) {
  42. #sidebar {
  43. position: absolute;
  44. }
  45. }
  46. @media (max-width: 960px) {
  47. body {
  48. font-size: 17px;
  49. }
  50. pre {
  51. font-size: 12px;
  52. }
  53. }
  54. .page-header {
  55. margin-top: 0;
  56. }
  57. #sidebar .github-star {
  58. margin-top: 20px;
  59. margin-left: 50px;
  60. }
  61. #sidebar .text-muted {
  62. color: #859AAF;
  63. }
  64. pre {
  65. padding: 0;
  66. border-color: #3D5166;
  67. background-color: #1D2B3A;
  68. border-radius: 4px;
  69. margin: 15px;
  70. }
  71. pre code {
  72. border: none;
  73. background-color: #1D2B3A;
  74. }
  75. code {
  76. font-size: 85%;
  77. padding: 4px 4px 1px;
  78. margin: 0 4px;
  79. border-radius: 3px;
  80. color: #c5c8c6;
  81. border: solid 1px #3D5166;
  82. background-color: #1D2B3A;
  83. white-space: pre-wrap;
  84. white-space: -moz-pre-wrap;
  85. word-wrap: break-word;
  86. }