SHARE
TWEET

css

a guest Dec 30th, 2019 32 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. body {
  2.  background-color: #000000;
  3.  color: #FFFFFF;
  4.  padding:0px;
  5.  margin:0px;
  6.  width:100%;
  7.  height:100%;
  8. }
  9. h1 {
  10.  color: #FFFF33;
  11.  text-align: center;
  12.  font: italic 200% fantasy;
  13. }
  14. p {
  15.  color: #ffffff;
  16.  text-align: center;
  17. padding:0px;
  18. }
  19. .wrap {
  20.     display: flex;
  21. }
  22.  
  23.  
  24. .coddetails {
  25.     position:relative;
  26.     width:100px;
  27.     height:100px;
  28.     left:50%;
  29.     top:50%;
  30.     margin-left:-45px;
  31.     margin-top:-45px;  
  32.     opacity: 0.5;  
  33. }
  34.  
  35. .coddetails:hover
  36. {
  37.     opacity: 1;
  38. }
  39.  
  40. .mcdetails {
  41.     position:relative;
  42.     width:100px;
  43.     height:100px;
  44.     left:50%;
  45.     top:50%;
  46.     margin-left:-45px;
  47.     margin-top:-45px;  
  48.     opacity: 0.5;  
  49. }
  50.  
  51. .mcdetails:hover
  52. {
  53.     opacity: 1;
  54. }
  55.  
  56.  
  57. .nebdetails {
  58.     position:relative;
  59.     width:100px;
  60.     height:100px;
  61.     left:50%;
  62.     top:50%;
  63.     margin-left:-42px;
  64.     margin-top:-42px;      
  65. }
  66.  
  67. .nebinfo {
  68.     position:relative;
  69.  
  70.  
  71.     top:30%;
  72.     text-align:center;
  73.     padding-bottom:0px;
  74. }
  75.  
  76. .nebdetails1 {
  77.     position:absolute;
  78.     width:400px;
  79.     height:20px;
  80.     left:39%;
  81.     top:95%;
  82.     margin-left:-42px;
  83.     margin-top:-42px;
  84.     padding-bottom:0px;
  85. }
  86.  
  87.  
  88. img {
  89.   border-radius: 50%;
  90.   -webkit-transition: -webkit-transform .8s ease-in-out;
  91.           transition: transform .8s ease-in-out;
  92.  
  93.  
  94.  
  95. }
  96. img:hover {
  97.   -webkit-transform: rotate(360deg);
  98.           transform: rotate(360deg);
  99.           background-color: #ffff00;
  100.  
  101. }
  102.  
  103.  
  104. .center {
  105.   display: block;
  106.   margin-left: auto;
  107.   margin-right: auto;
  108.   width: 100%;
  109. }
  110.  
  111. .wrap .col1 {    
  112.     min-height: 100px;
  113.     height: 800px;
  114.     background: #000000;
  115.     background-repeat:no-repeat;
  116.     background-image: url("img/logo.png");
  117.     background-position: center top;
  118.     background-size: 400px 64px;
  119.     width: 40%;
  120.     -webkit-transition: all .5s;
  121.     transition: all .5s;
  122.    
  123. }
  124.  
  125.  
  126. .wrap .col {    
  127.     min-height: 100px;
  128.     height: 800px;
  129.     background: #eee;
  130.     background-image: url("https://i.imgur.com/9m0l5Dj.jpg");
  131.     background-size: auto 100%;
  132.     background-repeat: no-repeat;
  133.     background-position: left top;
  134.     width: 35%;
  135.     -webkit-transition: all .5s;
  136.     transition: all .5s;
  137. }
  138.  
  139. div.wrap > div:nth-of-type(1) {
  140.     background: #aaa;
  141.     background-image: url("https://i.imgur.com/w88kS7R.jpg");
  142.     background-repeat:no-repeat;
  143.     width: 33.33%;
  144. }
  145.  
  146. div.wrap > div:hover {
  147.     width: 100%;    
  148. }
  149.  
  150.  
  151.  
  152. #btn {
  153.     display:none;
  154. }
  155.  
  156. .codbody
  157. {
  158.  background-color: #000000;
  159.  color: #FFFFFF;
  160.  padding:0px;
  161.  margin:0px;
  162.  align:center;
  163. }
  164.  
  165. pre {
  166.    font-family: "courier new", courier, monospace;
  167.    font-size: 14px;
  168. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Top