options.css 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. /*sticky footer*/
  2. html, body {
  3. height: 100%;
  4. }
  5. #wrapper {
  6. min-height: 100%;
  7. height: auto !important;
  8. height: 100%;
  9. margin: 0 auto -52px;
  10. }
  11. footer, #footer-push {
  12. height: 20px;
  13. text-align: center;
  14. }
  15. /*center content on large screens*/
  16. .mdl-layout__header-row,
  17. .mdl-layout__content,
  18. .mdl-mega-footer__bottom-section {
  19. max-width: 1200px;
  20. margin: 0 auto;
  21. }
  22. .mdl-layout__content {
  23. display: block;
  24. }
  25. /*header*/
  26. .mdl-layout__header-row { padding: 0 20px; }
  27. /*footer*/
  28. .mdl-mega-footer__bottom-section { padding: 0; }
  29. .mdl-mega-footer__link-list { display: flex; justify-content: center; margin: 0 auto; }
  30. .mdl-mega-footer__link-list li:last-child { margin: 0; }
  31. .mdl-mega-footer__link-list li:nth-of-type(1) a:before { font-size: 17px; }
  32. .mdl-mega-footer__link-list li:nth-of-type(2) a { position: relative; top: -2px; }
  33. .mdl-mega-footer__link-list li:nth-of-type(2) a:before {
  34. font-size: 20px; position: relative; top: 1px;
  35. }
  36. /*markdown-viewer*/
  37. /*form*/
  38. .mdl-js-textfield:nth-of-type(1) {
  39. width: 400px;
  40. position: relative; top: 5px;
  41. padding: 0;
  42. margin: 0 10px 0 0;
  43. }
  44. .mdl-textfield:nth-of-type(1) .mdl-textfield__label:after { bottom: 0; }
  45. /*table*/
  46. .mdl-data-table {
  47. width: 100%;
  48. }
  49. .mdl-data-table tr {
  50. transition-duration: .28s;
  51. transition-timing-function: cubic-bezier(.4,0,.2,1);
  52. transition-property: background-color;
  53. }
  54. .mdl-data-table tr:hover { background: #eee; }
  55. .mdl-data-table td { font-size: 16px; line-height: 17px; }
  56. .mdl-data-table td:nth-of-type(1) { width: 20%; }
  57. .mdl-data-table td:nth-of-type(2) { width: 75%; }
  58. .mdl-data-table td:nth-of-type(3) { width: 5%; }
  59. .mdl-data-table i { font-size: 10px; }
  60. .mdl-data-table .mdl-textfield {
  61. width: 100%; color: #a9a9a9;
  62. position: relative; top: -1px;
  63. padding: 0;
  64. }
  65. .mdl-data-table .mdl-textfield.is-focused { color: #272727; }
  66. .mdl-data-table .mdl-textfield__label:after { bottom: 0; }