Guest User

images_styles and styles

a guest
Nov 7th, 2026
19
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.71 KB | None | 0 0
  1. (STYLES.CSS)
  2. html {
  3.     -webkit-text-size-adjust: 100%;
  4.     text-size-adjust: 100%;
  5. }
  6. body{
  7.     padding: 25px;
  8.     margin-right: 500px;
  9.     margin-left: auto;
  10. }
  11. .title {
  12.     color: #ffffff;
  13.     font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  14.     text-decoration: underline;
  15.     font-size: xx-large;
  16.     text-align: center;
  17.     margin-left: 500px;
  18. }
  19. .main{
  20.     color:#ffffff;
  21.     font-family: 'Courier New', Courier, monospace;
  22.     font-weight: bold;
  23.     font-size: large;
  24.     margin-left: 100px;
  25.     text-align: left;
  26. }
  27. .archive{
  28.     color:#ffffff;
  29.     font-family: 'Courier New', Courier, monospace;
  30.     font-weight: bold;
  31.     font-size: large;
  32.     margin-left: 110px;
  33.     text-align: left;
  34. }
  35. .about{
  36.     color:#ffffff;
  37.     font-family: 'Courier New', Courier, monospace;
  38.     font-weight: bold;
  39.     font-size: large;
  40.     margin-left: 100px;
  41.     text-align: left;
  42. }
  43. .parent-element {
  44.     display: flex;
  45.     flex-direction: row;
  46.     justify-content: flex-start;
  47.     align-items: center;
  48.     margin-left: 400px;
  49.     margin-bottom: 0px;
  50. }
  51. (IMAGE_STYLES.CSS)
  52. .main_image{
  53.     display: block;
  54.     margin-right: auto;
  55.     margin-top: 40px;
  56.     width: 500px;
  57.     height: 300px
  58. }
  59. .welcome{
  60.     font-family: 'Courier New', Courier, monospace;
  61.     font-size: medium;
  62.     color: white;
  63.     margin-bottom: 385px;
  64.     margin-right: 510px;
  65. }
  66. .da-title{
  67.     font-family: Georgia, 'Times New Roman', Times, serif;
  68.     font-size: large;
  69.     color: white;
  70.     margin-bottom: 520px;
  71.     transform: translateX(80px);
  72.     white-space: nowrap;
  73. }
  74. .da-body{
  75.     font-family: 'Courier New', Courier, monospace;
  76.     font-size: small;
  77.     color: white;
  78.     align-self: flex-start;
  79.     margin-top: 30px;
  80. }
  81. .da-header{
  82.     font-family: Georgia, 'Times New Roman', Times, serif;
  83.     color: white;
  84.     font-size: x-large;
  85.     text-align: center;
  86.     margin-left: 500px;
  87. }
  88. .da-logline{
  89.     font-family:'Courier New', Courier, monospace;
  90.     color: white;
  91.     font-size: small;
  92.     text-align: justify;
  93.     margin-left: 600px;
  94. }
  95. figcaption{
  96.     color:white;
  97.     font-family: 'Courier New', Courier, monospace;
  98.     text-align: center;
  99.     animation: animate-click-here 2s linear forwards;
  100.     animation-iteration-count: infinite;
  101. }
  102. .parent-schmo {
  103.     display: flex;
  104.     flex-direction: row;
  105.     justify-content: flex-start;
  106.     align-items: center;
  107.     margin-left: 190px;
  108.     margin-top: 50px;
  109. }
  110.  
  111. @keyframes animate-click-here{
  112.     0%{
  113.         transform: scale(0.8);
  114.         color:rgb(255, 255, 255);
  115.     }
  116.     50%{
  117.         transform: scale(1);
  118.         color:crimson;
  119.     }
  120.     100%{
  121.         transform: scale(0.8);
  122.         color:rgb(255, 255, 255);
  123.     }
  124. }
Advertisement
Add Comment
Please, Sign In to add comment