Guest User

css

a guest
Dec 30th, 2019
51
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