main.css 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  1. body {
  2. background: #fafafa;
  3. color: #333333;
  4. margin-top: 5rem;
  5. }
  6. h1, h2, h3, h4, h5, h6 {
  7. color: #444444;
  8. }
  9. ul {
  10. margin: 0;
  11. }
  12. .bg-steel {
  13. background-color: #5f788a;
  14. }
  15. .site-header .navbar-nav .nav-link {
  16. color: #cbd5db;
  17. }
  18. .site-header .navbar-nav .nav-link:hover {
  19. color: #ffffff;
  20. }
  21. .site-header .navbar-nav .nav-link.active {
  22. font-weight: 500;
  23. }
  24. .content-section {
  25. background: #ffffff;
  26. padding: 10px 20px;
  27. border: 1px solid #dddddd;
  28. border-radius: 3px;
  29. margin-bottom: 20px;
  30. }
  31. .article-title {
  32. color: #444444;
  33. }
  34. a.article-title:hover {
  35. color: #428bca;
  36. text-decoration: none;
  37. }
  38. .article-content {
  39. white-space: pre-line;
  40. }
  41. .article-img {
  42. height: 65px;
  43. width: 65px;
  44. margin-right: 16px;
  45. }
  46. .article-metadata {
  47. padding-bottom: 1px;
  48. margin-bottom: 4px;
  49. border-bottom: 1px solid #e3e3e3
  50. }
  51. .article-metadata a:hover {
  52. color: #333;
  53. text-decoration: none;
  54. }
  55. .article-svg {
  56. width: 25px;
  57. height: 25px;
  58. vertical-align: middle;
  59. }
  60. .account-img {
  61. height: 125px;
  62. width: 125px;
  63. margin-right: 20px;
  64. margin-bottom: 16px;
  65. }
  66. .account-heading {
  67. font-size: 2.5rem;
  68. }
  69. .article-link {
  70. text-decoration: none;
  71. color: #2e333a;
  72. }
  73. .scrollable-section {
  74. position: fixed;
  75. max-height: 80%;
  76. overflow: auto;
  77. width: 18%;
  78. }
  79. .select-style {
  80. border: 1px solid #ccc;
  81. width: 40%;
  82. border-radius: 3px;
  83. overflow: hidden;
  84. background: #fafafa url("img/icon-select.png") no-repeat 90% 50%;
  85. height: 40px
  86. }
  87. .btn-primary {
  88. color: #fff;
  89. background-color: #007bff;
  90. border-color: #007bff;
  91. width: 15%;