legatmichau

dupa

Apr 5th, 2019
107
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.17 KB | None | 0 0
  1. <style>
  2.         body {
  3.             margin: 0;
  4.             padding: 0;
  5.             background-color: #FFFFFF;
  6.         }
  7.  
  8.         #header_text {
  9.             font-family: 'Lato', sans-serif;
  10.             top: 60px;
  11.             font-size: 58px;
  12.             text-align: center;
  13.             text-shadow: 1.5px 1.5px 8px #91a3b0;
  14.             position: relative;
  15.             -webkit-user-select: none;
  16.             -moz-user-select: none;
  17.             -ms-user-select: none;
  18.             user-select: none;
  19.         }
  20.  
  21.         img {
  22.             max-height: 100%;
  23.             max-width: 100%;
  24.             transition: 1s;
  25.         }
  26.  
  27.         #images {
  28.             text-align: center;
  29.             margin: 0 auto;
  30.             left: 0;
  31.             right: 0;
  32.             position: relative;
  33.             top: 100px;
  34.             -webkit-user-select: none;
  35.             -moz-user-select: none;
  36.             -ms-user-select: none;
  37.             user-select: none;
  38.         }
  39.  
  40.         .img {
  41.             max-height: 200px;
  42.             display: inline-block;
  43.             margin: 10px;
  44.             max-width: 300px;
  45.             z-index: 1;
  46.  
  47.         }
  48.  
  49.         #images1 {
  50.             text-align: center;
  51.             margin: 0 auto;
  52.             left: 0;
  53.             right: 0;
  54.             position: relative;
  55.             top: 100px;
  56.             -webkit-user-select: none;
  57.             -moz-user-select: none;
  58.             -ms-user-select: none;
  59.             user-select: none;
  60.         }
  61.  
  62.         .img1 {
  63.             max-height: 200px;
  64.             display: inline-block;
  65.             margin: 10px;
  66.             max-width: 300px;
  67.             z-index: 0.2s;
  68.  
  69.         }
  70.  
  71.         .img img:hover,
  72.         .img1 img:hover {
  73.             -webkit-box-shadow: 10px 10px 17px 1px rgba(0, 0, 0, 0.75);
  74.             -moz-box-shadow: 10px 10px 17px 1px rgba(0, 0, 0, 0.75);
  75.             box-shadow: 10px 10px 17px 1px rgba(0, 0, 0, 0.75);
  76.  
  77.         }
  78.  
  79.         .img_img {
  80.             height: 200px;
  81.             width: 300px;
  82.         }
  83.  
  84.  
  85.         #fullimg {
  86.             display: none;
  87.             position: absolute;
  88.             width: 800px;
  89.             height: 600px;
  90.             margin: 0 auto;
  91.             left: 0;
  92.             right: 0;
  93.             top: 6%;
  94.             z-index: 3;
  95.             -webkit-user-select: none;
  96.             -moz-user-select: none;
  97.             -ms-user-select: none;
  98.             user-select: none;
  99.         }
  100.  
  101.         #bg {
  102.             display: none;
  103.             position: absolute;
  104.             width: 100%;
  105.             height: 100%;
  106.             background-color: #000000;
  107.             opacity: 0.75;
  108.             z-index: 2;
  109.         }
  110.  
  111.         footer {
  112.             position: fixed;
  113.             bottom: 0;
  114.             left: 0;
  115.             width: 100%;
  116.             background-color: #333;
  117.             color: white;
  118.             text-align: center;
  119.             margin: auto;
  120.             -webkit-user-select: none;
  121.             -moz-user-select: none;
  122.             -ms-user-select: none;
  123.             user-select: none;
  124.         }
  125.     </style>
Advertisement
Add Comment
Please, Sign In to add comment