Advertisement
makispaiktis

Codecademy - 4th Exercise - Semantic HTML (CSS)

Aug 31st, 2019 (edited)
375
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.46 KB | None | 0 0
  1. body {
  2.     background: #e6e6e6;
  3. }
  4.  
  5. nav ul {
  6.     list-style-type: none;
  7.     margin: 0;
  8.     padding: 0;
  9.     overflow: hidden;
  10.     background-color: #010e80;
  11.     display: table;
  12.     width: 100%;
  13. }
  14.  
  15. nav li {
  16.     display: table-cell
  17. }
  18.  
  19. li a {
  20.     display: block;
  21.     color: white;
  22.     text-align: center;
  23.     padding: 30px 30px;
  24.     text-decoration: none;
  25. }
  26.  
  27. li a:hover {
  28.     background-color: #111;
  29. }
  30.  
  31. h2 a {
  32.     padding: 33px 25px;
  33.     color: white;
  34.     text-decoration: none;
  35. }
  36.  
  37. h2 a:hover {
  38.     background-color: #111;
  39. }
  40.  
  41. figcaption{
  42.   text-align:left;
  43. }
  44.  
  45. header {
  46.     margin-left: 14px;
  47. }
  48.  
  49. article {
  50.     text-align: left;
  51.     margin: 15px;
  52.     max-width: 80%;
  53.     font-size: 18px;
  54.     line-height: 32px;
  55. }
  56.  
  57. img {
  58.     width: 400px;
  59.     height: 300px;
  60.   position:relative;
  61.   right:28px;
  62. }
  63.  
  64. aside {
  65.     left: 10px;
  66.     border: 1px solid black;
  67.     padding: 15px;
  68.     max-width: 80%;
  69.     position: relative;
  70.     border-color: #010e80;
  71.     border-width: 5px;
  72.     font-size: 18px;
  73. }
  74.  
  75. footer {
  76.     position: relative;
  77.     width: 100%;
  78.     bottom: -100px;
  79.     background-color: #010e80;
  80. }
  81.  
  82. footer p {
  83.     color: white;
  84.     text-decoration: none;
  85.     padding: 10px;
  86.     text-align: center;
  87.     width: 100%;
  88.     box-sizing: border-box;
  89. }
  90.  
  91. footer a {
  92.     color: white;
  93.     text-decoration: none;
  94.     text-align: center;
  95.     width: 100%;
  96. }
  97.  
  98. video {
  99.     display: block;
  100.     width: 420px;
  101.     height: 250px;
  102.   padding:15px;
  103. }
  104.  
  105. audio {
  106.     padding: 15px;
  107.     width: 98%;
  108.   box-sizing: border-box;
  109. }
  110.  
  111. embed {
  112.     width: 400px;
  113.     height: 458px;
  114.   padding:15px;
  115. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement