Advertisement
CodingTree

CSS

Jan 31st, 2023
910
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.96 KB | None | 0 0
  1. /* Structural Styles */
  2.  
  3. html {
  4.    background-color: hsl(91, 8%, 56%);
  5. }
  6.  
  7. body {
  8.    background-color: hsl(58, 31%, 84%);
  9.    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
  10. }
  11.  
  12. body > p {
  13.    font-size: 1.1em;
  14.    text-align: center;
  15. }
  16.  
  17. header {
  18.    background-color: black;
  19. }
  20.  
  21. p {
  22.    margin: 0px;
  23.    padding-top: 5px;
  24.    padding-right: 25px;
  25.    padding-bottom: 25px;
  26.    padding-left: 25px;
  27. }
  28.  
  29. address {
  30.    font-style: normal;
  31.    font-size: 0.9em;
  32.    text-align: center;
  33.    padding-top: 10px;
  34.    padding-bottom: 10px;
  35. }
  36.  
  37.  
  38.  
  39.  
  40.  
  41. /* Navigation Styles */
  42. nav a {
  43.    font-family: 'Trebuchet MS', Helvetica, sans-serif;
  44.    padding-top: 10px;
  45.    padding-bottom: 10px;
  46. }
  47.  
  48. nav ul > li > a:link, nav > ul > li > a:visited {
  49.    color: white;
  50.    background-color: hsla(0, 0%, 42%, 0.4);
  51.    font-family: 'Trebuchet MS', Helvetica, sans-serif;
  52.    text-decoration: none;
  53. }
  54.  
  55. nav > ul > li > a:hover, nav > ul > li > a:active {
  56.    color: hsla(0, 0%, 100%, 0.7);
  57.    background-color: hsl(0, 0%, 42%, 0.7);
  58. }
  59.  
  60.  
  61. /* Section Styles */
  62.  
  63. section.playbill h1 {
  64.    font-size: 3em;
  65.    font-weight: normal;
  66. }
  67.  
  68. h1 {
  69.    margin: 0px;
  70.    padding-top: 20px;
  71.    padding-right: 0px;
  72.    padding-bottom: 10px;
  73.    padding-left: 20px;
  74. }
  75.  
  76. section#play1 {
  77.    background-color: hsl(240, 100%, 88%);
  78. }
  79.  
  80. section#play2 {
  81.    background-color: hsl(25, 88%, 73%);
  82. }
  83.  
  84. section#play3 {
  85.    background-color: hsl(0, 100%, 75%);
  86. }
  87.  
  88. section#play4 {
  89.    background-color: hsl(296, 86%, 86%);
  90. }
  91.  
  92. section#play1 h1 {
  93.    font-family: Champagne, cursive;
  94. }
  95.  
  96. section#play2 h1 {
  97.    font-family: 'Times New Roman', Times, serif;
  98. }
  99.  
  100. section#play3 h1 {
  101.    font-family: Impact, Charcoal, sans-serif;
  102. }
  103.  
  104. section#play4 h1 {
  105.    font-family: Dobkin, cursive;
  106. }
  107.  
  108.  
  109. /* Description List Styles */
  110.  
  111. dt {
  112.    font-size: 1.3em;
  113.    font-weight: bold;
  114.    color: hsla(0, 0%, 0%, 0.4);
  115. }
  116.  
  117.  dd {
  118.    font-size: 1.3em;
  119.    margin-left: 0px;
  120.    margin-bottom: 10px;
  121.  }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement