Tavxela

Untitled

Apr 22nd, 2021
624
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. :root {
  2.     --graphite: rgb(39, 39, 39);
  3.     --blue: rgba(51, 51, 253, 0.733);
  4.     --light-blue: rgba(86, 86, 252, 0.685);
  5.     --green: rgba(28, 179, 28, 0.801);
  6.     --yellow: rgba(253, 253, 77, 0.836);
  7. }
  8.  
  9. * {
  10.     padding: 0;
  11.     margin: 0;
  12.     list-style-type: none;
  13. }
  14.  
  15. /* ეს არის 5. ტასკი, ამის მაგივრად a ტეგის ჰავერს დავუწერე*/
  16. /* :hover {
  17.     transform: scale(1.2);
  18. } */
  19.  
  20. h1, h2, h3, h4, h5, h6 {
  21.     font-family: 'Courier New', Courier, monospace;
  22.     text-transform: capitalize;
  23.     word-spacing: 1px;
  24. }
  25.  
  26. p{
  27.     text-indent: 5em;
  28.     font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  29.     font-style: italic;
  30.     line-height: 2em;
  31.     margin: 25px;
  32.     width: 70%;
  33. }
  34.  
  35. body {
  36.     background: linear-gradient(95deg, var(--yellow), var(--blue), var(--green));
  37.     background-position: center;
  38.     background-repeat: no-repeat;
  39.     height: 100%;
  40.     display: grid;
  41.     grid-template-columns: 1fr;
  42. }
  43.  
  44. /* navbar */
  45. .navbar {
  46.     border-top: 2px solid var(--graphite);
  47.     width: 90%;
  48.     margin: 15px auto 0;
  49.     text-align: center;
  50. }
  51.  
  52.  
  53. .navbar > ul {
  54.     display: flex;
  55.     justify-content: center;
  56. }
  57.  
  58. .navbar > ul > li {
  59.     display: block;
  60.     margin-top: 0.5em;
  61.     margin-bottom: 0.5em;
  62. }
  63.  
  64. .navbar > ul > li > a {
  65.     text-decoration: none;
  66.     margin: 0 auto;
  67.     padding: 1em;
  68.     color: var(--graphite);
  69.     transition: 0.3s ease-out;
  70.     font-weight: bold;
  71. }
  72.  
  73. .navbar > ul > li > a:hover {
  74.     border-bottom: 1px solid var(--graphite);
  75.     color: var(--blue);
  76.     transform: scale(1.2);
  77.  
  78. }
  79.  
  80. #bck-img {
  81.     content: "";
  82.     height: 200px;
  83.     width: 350px;
  84.     margin: 0 auto 25px;
  85.     background-image: url("../media/images/blog-image.png");
  86.     background-position: center;
  87.     background-repeat: no-repeat;
  88.     background-size: cover;
  89. }
  90.  
  91.  
  92. .blog {
  93.     margin: 0 auto;
  94. }
  95.  
  96. .blog :not(:tag) {
  97.     text-align: center;
  98. }
  99.  
  100. .blog > article::after {
  101.     content: "This blog was created by the administration";
  102.     color: red;
  103.     text-transform: uppercase;
  104.     font-weight: bolder;
  105. }
  106.  
  107. @media (max-width: 960px) {
  108.     body {
  109.         grid-template-columns: 1fr 1fr;
  110.     }
  111. }
  112.  
  113. #img-eye {
  114.     display: block;
  115.     border: 2px solid black;
  116.     margin: 0 auto;
  117. }
  118.  
  119. #img-eye-heading {
  120.     text-align: center;
  121. }
RAW Paste Data

Adblocker detected! Please consider disabling it...

We've detected AdBlock Plus or some other adblocking software preventing Pastebin.com from fully loading.

We don't have any obnoxious sound, or popup ads, we actively block these annoying types of ads!

Please add Pastebin.com to your ad blocker whitelist or disable your adblocking software.

×