Advertisement
makispaiktis

Codecademy - 7th Course - Exercise (CSS)

Sep 2nd, 2019 (edited)
320
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.75 KB | None | 0 0
  1. body {
  2.   /* Old browsers */
  3.   background: #141E30;
  4.   /* Chrome 10-25, Safari 5.1-6 */
  5.   background: -webkit-linear-gradient(-45deg, #35577D, #141E30);
  6.   /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  7.   background: linear-gradient(-45deg, #35577D, #141E30);
  8.   margin: 0;
  9.   padding: 0;
  10. }
  11.  
  12. h1 {
  13.   color: #FFF;
  14.   text-align: center;
  15.   font-size: 2em;
  16.   font-family: Georgia;
  17.   padding-top: 100px;
  18.   width: 100%;
  19. }
  20.  
  21. h2 {
  22.   border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  23.   color: rgba(255, 255, 255, 0.5);
  24.   font-weight: 100;
  25.   font-size: 22px;
  26.   font-family: Georgia;
  27.   line-height: 24px;
  28.   padding-bottom: 30px;
  29.   text-align: left;
  30.   width: 70%;
  31. }
  32.  
  33. p {
  34.   color: AliceBlue;
  35.   line-height: 1.3em;
  36.   font-family: Helvetica;
  37.   font-size: 18px;
  38.   font-weight: bold;
  39.   text-align: left;
  40.   width: 100%;
  41. }
  42.  
  43. .byline {
  44.   font-family: Helvetica;
  45.   color: rgba(255, 255, 255, 0.5);
  46.   float: left;
  47.   font-size: 14px;
  48.   padding-left: 10px;
  49.   text-transform: uppercase;
  50. }
  51.  
  52. .caption {
  53.   display: block;
  54.   font-family: 'Playfair Display', serif;
  55.   font-size: 14px;
  56.   font-style: italic;
  57.   opacity: 0.5;
  58.   line-height: 14px;
  59.   margin-left: 20px;
  60.   padding: 10px;
  61.   position: relative;
  62.   top: 80%;
  63.   width: 60%;
  64.   color: black;
  65.   background-color: white;
  66. }
  67.  
  68. .content {
  69.   padding: 40px;
  70. }
  71.  
  72. .image {
  73.   background-image: url("https://s3.amazonaws.com/codecademy-content/courses/freelance-1/unit-2/soccer.jpeg");
  74.   background-size: cover;
  75.   background-position: center;
  76.   height: 300px;
  77. }
  78.  
  79. .writer-img {
  80.   -webkit-box-shadow: 5px 0px 5px 0px rgba(0, 0, 50, 0.97);
  81.   -moz-box-shadow: 5px 0px 5px 0px rgba(0, 0, 50, 0.97);
  82.   box-shadow: 5px 0px 5px 0px rgba(0, 0, 50, 0.97);
  83.   float: left;
  84.   width: 50px;
  85. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement