options.css 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  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. /*form*/
  37. .mdl-js-textfield:nth-of-type(1) {
  38. width: 400px;
  39. position: relative; top: 5px;
  40. padding: 0;
  41. margin: 0 10px 0 0;
  42. }
  43. .mdl-textfield:nth-of-type(1) .mdl-textfield__label:after { bottom: 0; }
  44. /*table*/
  45. .mdl-data-table {
  46. width: 100%;
  47. }
  48. .mdl-data-table tr {
  49. transition-duration: .28s;
  50. transition-timing-function: cubic-bezier(.4,0,.2,1);
  51. transition-property: background-color;
  52. }
  53. .mdl-data-table tr:hover { background: #eee; }
  54. .mdl-data-table td { font-size: 16px; line-height: 17px; }
  55. .mdl-data-table td:nth-of-type(1) { width: 20%; }
  56. .mdl-data-table td:nth-of-type(2) { width: 75%; }
  57. .mdl-data-table td:nth-of-type(3) { width: 5%; }
  58. .mdl-data-table i { font-size: 10px; }
  59. .mdl-data-table .mdl-textfield {
  60. width: 100%; color: #a9a9a9;
  61. position: relative; top: -1px;
  62. padding: 0;
  63. }
  64. .mdl-data-table .mdl-textfield.is-focused { color: #272727; }
  65. .mdl-data-table .mdl-textfield__label:after { bottom: 0; }