adminStyle.css 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  1. * {
  2. margin: 0;
  3. padding: 0;
  4. box-sizing: border-box;
  5. font-size: 16px;
  6. font-family: 'myFont';
  7. }
  8. html{
  9. height: 100%;
  10. }
  11. a {
  12. font-variant: normal;
  13. }
  14. body {
  15. font-weight: 400;
  16. height: 100%;
  17. width: 100%;
  18. display: flex;
  19. flex-direction: column;
  20. }
  21. main {
  22. flex: auto;
  23. height: 85%;
  24. }
  25. header {
  26. background-image: linear-gradient(to bottom right, #f7f3ee, #f7f1e6);
  27. overflow: hidden;
  28. top: 0;
  29. width: 100%;
  30. height: 9%;
  31. }
  32. .logo {
  33. padding: 1.5px 15px;
  34. width: 125px;
  35. height: auto;
  36. line-height: 110px;
  37. float: left;
  38. }
  39. header::after {
  40. content: '';
  41. display: table;
  42. clear: both;
  43. }
  44. nav {
  45. float: right;
  46. }
  47. nav ul {
  48. margin: 0 30px 0 0;
  49. padding: 0;
  50. float: right;
  51. list-style: none;
  52. }
  53. nav ul li {
  54. display: inline-block;
  55. margin: 0 5px;
  56. line-height: 70px;
  57. }
  58. nav a {
  59. color: rgb(116, 55, 44);
  60. text-decoration: none;
  61. text-transform: uppercase;
  62. padding: 7px 13px;
  63. }
  64. nav a:focus {
  65. color: rgb(58, 47, 34)
  66. }
  67. nav a:active {
  68. color: rgb(58, 47, 34)
  69. }
  70. .container {
  71. width: 80%;
  72. margin: 0 auto;
  73. }
  74. p {
  75. font-size: 16px;
  76. }
  77. footer {
  78. width: 100%;
  79. text-align: center;
  80. background-color: rgb(46, 35, 30);
  81. vertical-align: middle;
  82. bottom: 0;
  83. height: 6%;
  84. }
  85. footer p {
  86. font-size: 1.2em;
  87. padding: 15px;
  88. color: blanchedalmond;
  89. }