style.css 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. /* Custom Stylesheet */
  2. /**
  3. * Use this file to override Materialize files so you can update
  4. * the core Materialize files in the future
  5. *
  6. * Made By MaterializeCSS.com
  7. */
  8. .icon-block {
  9. padding: 0 15px;
  10. }
  11. .icon-block .material-icons {
  12. font-size: inherit;
  13. }
  14. /* Styles for React app */
  15. html {
  16. height: 100%;
  17. }
  18. body {
  19. min-height: 100%;
  20. overflow: hidden;
  21. }
  22. footer {
  23. position: absolute;
  24. bottom: 0;
  25. width: 50%;
  26. }
  27. .col-1-2 {
  28. width: 50%;
  29. position: absolute;
  30. top: 0;
  31. }
  32. .col-1-2:first-child {
  33. border-right: 1px solid #ddd;
  34. bottom: 50px;
  35. }
  36. .col-1-2:last-child {
  37. left: 50%;
  38. bottom: 0;
  39. }
  40. #logo-container img {
  41. margin-top: 12px;
  42. max-height: 40px;
  43. }
  44. .page-footer .footer-copyright img {
  45. max-height: 30px;
  46. }
  47. #root {
  48. padding: 30px;
  49. }
  50. .nav-wrapper,
  51. .page-footer .footer-copyright {
  52. padding: 0 30px;
  53. }
  54. .pagination-wrapper {
  55. position: absolute;
  56. bottom: 10px;
  57. left: 0;
  58. width: 100%;
  59. text-align: center;
  60. }
  61. .pagination {
  62. display: inline-block;
  63. }
  64. .breadcrumb-wrapper .breadcrumb i {
  65. font-size: 22px;
  66. }
  67. .breadcrumb {
  68. font-size: 16px;
  69. }
  70. a.breadcrumb::before,
  71. span.breadcrumb::before {
  72. color: #888;
  73. margin: -4px 2px 0 2px;
  74. font-size: 22px;
  75. }
  76. .page li {
  77. margin-bottom: 6px;
  78. }
  79. .page blockquote {
  80. border-left: 5px solid #ffb74d;
  81. }