Guest User

Untitled

a guest
Dec 11th, 2018
55
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /* Html and Body Layout */
  2.  
  3. html, body {
  4. margin-bottom: 5%;
  5. min-height: 100%;
  6. width: 100%;
  7. }
  8.  
  9. body {
  10. padding-bottom: 20px;
  11. }
  12.  
  13.  
  14. body > header {
  15. width: 100%;
  16.  
  17. }
  18.  
  19. body > section.homeImage {
  20. display: block;
  21. max-width: 360px;
  22. max-height: 266px;
  23. margin-left: auto;
  24. margin-right: auto;
  25.  
  26. }
  27.  
  28. body > section.aboutUs {
  29. float: right;
  30.  
  31. }
  32.  
  33. body > footer {
  34. height: 20%;
  35. width: 100%;
  36. clear: left;
  37. position: relative;
  38. margin-top: -3em;
  39.  
  40. }
  41.  
  42.  
  43. /*Nav Layout*/
  44. li {
  45. display: block;
  46. width: 100%;
  47. }
  48.  
  49.  
  50. ul {
  51. list-style-type: none;
  52. margin: 0;
  53. padding: 0;
  54. width: 25%;
  55. display: inline-block;
  56. overflow: hidden;
  57.  
  58. }
  59.  
  60. li a {
  61. display: block;
  62. color: rgb(228, 143, 82);
  63. padding: 8px 16px;
  64. text-decoration: none;
  65. }
  66.  
  67. li a:hover {
  68. background-color: rgb(255, 211, 132);
  69. color: black;
  70. }
RAW Paste Data