Advertisement
Guest User

Untitled

a guest
Dec 6th, 2017
297
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.47 KB | None | 0 0
  1. background:#141414;}
  2.  
  3. #logo img{
  4.     margin-top:0;
  5. }
  6.  
  7. #box {
  8.     width: 100%; height: auto;
  9. }
  10.  
  11. h3{
  12.     text-align: center; color:white; font-size:4.2vw; font-family:Arial, Helvetica, sans-serif;margin: 0; font-weight: 50;
  13. }
  14. a{
  15. text-decoration: none;
  16. color:grey;
  17. }
  18.  
  19. a:hover{
  20. color:white;
  21. }
  22.  
  23. a visited{
  24. text-decoration: none;
  25. }
  26. .divOuter {
  27.   width: 50%;
  28.   margin: 0 auto;
  29.   display: flex;
  30.   align-items: center;
  31.   justify-content: center;
  32. }
  33.  
  34. .divOuter2 {
  35.   width: 30%;
  36.   margin: 0 auto;
  37.   display: flex;
  38.   align-items: center;
  39.   justify-content: center;
  40. }
  41.  
  42. .divInner1,
  43. .divInner2,
  44. .divInner3,
  45. .divInner4  {
  46.   text-align: center;
  47.   display: inline-block;
  48.   flex:1;
  49.   margin-left: 3px;
  50.   margin-right: 3px;
  51.   margin-top: 50px;
  52.   border: .3em solid grey;
  53. }
  54.  
  55. .stay-square {
  56.     width: 230px;
  57.     height: 209px;
  58.     margin-left: 3px;
  59.     margin-right: 3px;
  60.     margin-top: 50px;
  61.     line-height: 485px;
  62.     font-size: 24px;
  63.     color: grey;
  64. }
  65.  
  66.  
  67. .divInner1  {
  68.   background:url('http://i.cubeupload.com/xzh6QP.png');
  69.   background-repeat: no-repeat;
  70.   background-size: cover;
  71. }
  72. .divInner2  {
  73.   background:url('http://i.cubeupload.com/ypZ0BF.png');
  74.   background-repeat: no-repeat;
  75.   background-size: cover;
  76. }
  77. .divInner3  {
  78.    background:url('http://i.cubeupload.com/uGGcak.png');
  79.   background-repeat: no-repeat;
  80.   background-size: cover;
  81. }
  82. .divInner4  {
  83.   background:url('http://i.cubeupload.com/X9VaQj.png');
  84.   background-repeat: no-repeat;
  85.   background-size: cover;
  86. }
  87.  
  88.   .divInner1:hover  {
  89.   border: .3em solid white;
  90.   color:white;
  91.   cursor: pointer;
  92. }
  93.   .divInner2:hover  {
  94.   border: .3em solid white;
  95.   color:white;
  96.   cursor: pointer;
  97. }
  98.   .divInner3:hover  {
  99.   border: .3em solid white;
  100.   color:white;
  101.   cursor: pointer;
  102. }
  103.   .divInner4:hover  {
  104.   border: .3em solid white;
  105.   color:white;
  106.   cursor: pointer;
  107. }
  108.  
  109.  
  110. .divInner5,
  111. .divInner6,
  112. .divInner7,
  113. .divInner8  {
  114.   margin-left: 3px;
  115.   margin-right: 3px;
  116.   margin-top: 20px;
  117.   text-align: center;
  118.   display: inline-block;
  119.   flex:1;
  120.   color:#141414;
  121.   font-size: 24px;
  122.   z-index: -1000;
  123. }
  124.  
  125. .divInner9  {
  126.   margin-left: 3px;
  127.   width: 200px;
  128.   border:1px solid grey;
  129.   margin-right: 3px;
  130.   margin-top: 100px;
  131.   text-align: center;
  132.   display: inline-block;
  133.   flex:1;
  134.   color:grey;
  135.   font-size: 24px;
  136.   padding-top: 10px;
  137.   padding-bottom: 10px;
  138. }
  139.  
  140. .divInner9:hover{
  141. text-decoration: none;
  142. border:1px solid white;
  143. color:white;
  144. cursor: pointer;
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement