SHARE
TWEET

lul

a guest Oct 12th, 2017 66 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. body{
  2.     overflow: hidden;
  3.     width: 100vw;
  4.     height: 100vh;
  5.     background-size: cover;
  6.     background-image: url("https://d2v9y0dukr6mq2.cloudfront.net/video/thumbnail/0kjHIH6/animated-cartoon-blue-sky-with-white-clouds_vj92cw5je__F0000.png");
  7. }
  8.  
  9. .vtak  {
  10.     width:100px;
  11.     height: 100px;
  12.     background-image: url('http://mzayat.com/images/cartoon-bird-clipart-transparent-blue-bird-png-cartoon-picture-cartoon-bird-clipart-6053_4800.png');
  13.     background-position: center;
  14.     background-size:contain;
  15.     background-repeat: no-repeat;
  16.     position: absolute;
  17. }
  18.  
  19. .slnko{
  20.     width:150px;
  21.     height: 150px;
  22.     position: absolute;
  23.     left:calc(50vw - 75px);
  24.     top:calc(50vh - 75px);
  25.     background-image: url('https://img.clipartxtras.com/7962e5aa9dab6b815b8cfbfb6a8a5106_sun-clipart-with-transparent-background-collection-transparent-sun-clipart_800-766.png');
  26.     background-position:cover;
  27.     background-size:cover;
  28.     background-repeat: no-repeat;
  29. }
  30.  
  31. ul {
  32.     margin: 0;
  33.     padding: 0;
  34.     background: blue;
  35.     display: inline-block;
  36. }
  37. li {
  38.     padding: 0;
  39.     list-style: none;
  40.     margin: 0;
  41.     display: inline-block;
  42.     border:2px solid black;
  43.     font-size: larger;
  44. }
  45. ul:nth-of-type(even) {
  46.     background: red;
  47. }
  48. ul:nth-of-type(3n) {
  49.     color: white;
  50.     font-weight: bolder;
  51. }
  52. ul:hover{
  53.     background: yellow;
  54. }
  55. li:hover{
  56.     background: green;
  57. }
RAW Paste Data
Top