SHARE
TWEET

relas

a guest Oct 18th, 2019 79 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. .MB6,
  2. .MB6 * {
  3.   box-sizing: border-box;
  4.   transition-duration: 0.5s;
  5. }
  6. .MB6 {
  7.   width: 520px;
  8.   margin: auto;
  9.   background: url(https://i.postimg.cc/4XVhkNZj/concrete-fondo.jpg) #111;
  10.   font: 10px Merriweather;
  11.   color: #999;
  12.   position: relative;
  13.   min-height: 500px;
  14.   padding-bottom: 1px;
  15. }
  16. .imMB6 {
  17.   width: 100%;
  18.   -webkit-mask-image: url(https://i.postimg.cc/0xTcSG1p/3d104fec3910d2d55903003f999bc573o.png);
  19.   -webkit-mask-position: left bottom;
  20. }
  21. .ttMB6 {
  22.   padding: 20px 0 5px;
  23.   font: 30px IM Fell English SC;
  24.   color: #c3aa3e;
  25.   text-shadow: 1px 1px 2px #000;
  26.   position: relative;
  27.   margin: -170px 50px 0;
  28.   text-align: right;
  29. }
  30. .ddMB6 {
  31.   position: relative;
  32.   margin: 0 40px 0 -10px;
  33.   text-align: right;
  34. }
  35. .ddMB6 > br,
  36. .reMB6 > br {
  37.   display: none;
  38. }
  39. .ddMB6 > span {
  40.   box-shadow: inset 0 0 20px;
  41.   display: inline-block;
  42.   padding: 5px;
  43.   border-radius: 50%;
  44.   position: relative;
  45.   margin-left: 20px;
  46.   transform: scale(0.7);
  47. }
  48. .ddMB6 > span:hover {
  49.   transform: scale(1);
  50. }
  51. .ddMB6 > span > span {
  52.   box-shadow: inset 0 0 100px;
  53.   -webkit-text-fill-color: #fff;
  54.   font-size: 17px;
  55.   padding: 10px;
  56.   border-radius: 50%;
  57.   text-shadow: 1px 1px 2px #000;
  58. }
  59. .ddMB6 > span b {
  60.   position: absolute;
  61.   background: #111;
  62.   padding: 5px;
  63.   text-align: center;
  64.   top: 10%;
  65.   left: 50%;
  66.   transform: translate(-50%) scale(0);
  67.   font-weight: normal;
  68.   color: #999;
  69.   letter-spacing: 1px;
  70. }
  71. .ddMB6 > span:hover b {
  72.   transform: translate(-50%) scale(1);
  73.   top: 100%;
  74. }
  75. .ddMB6 > span b::before {
  76.   content: "";
  77.   position: absolute;
  78.   width: 10px;
  79.   height: 10px;
  80.   transform: rotate(45deg);
  81.   top: -5px;
  82.   background: #111;
  83.   left: calc(50% - 5px);
  84. }
  85. .ddMB6::before {
  86.   content: "";
  87.   position: absolute;
  88.   width: calc(100% - 20px);
  89.   height: 3px;
  90.   box-shadow: inset 0 0 5px;
  91.   top: calc(50% - 1.5px);
  92.   right: 10px;
  93. }
  94. .xxMB6 {
  95.   padding: 30px 50px;
  96. }
  97. .nnMB6 {
  98.   width: 240px;
  99.   text-align: center;
  100.   padding: 50px 0;
  101.   font: 15px/15px IM Fell English SC;
  102.   text-transform: uppercase;
  103.   color: #fff;
  104.   text-shadow: 1px 1px 2px #000;
  105.   box-shadow: 6px 15px 5px -9px #000, inset 0 0 100px #000;
  106.   float: left;
  107.   margin: -50px 10px 10px -50px;
  108. }
  109. .nnMB6 b {
  110.   display: block;
  111.   font-size: 20px;
  112. }
  113.  
  114. .frMB6 {
  115.   padding: 10px 0;
  116.   margin: 0 0px;
  117.   position: relative;
  118. }
  119. .reMB6 {
  120.   height: 0px;
  121.   overflow: hidden;
  122. }
  123. .frMB6:hover .reMB6 {
  124.   height: 500px;
  125.   overflow: auto;
  126.   padding: 20px 0 0;
  127. }
  128. .frMB6::before {
  129.   content: "";
  130.   position: absolute;
  131.   width: 40px;
  132.   height: 25px;
  133.   top: 0;
  134.   left: calc(50% - 20px);
  135.   background-image: url(https://i.postimg.cc/KYhxPRPP/ezgif-4-4382e67596ab.png);
  136.   background-size: 100% 100%;
  137.   transition: 0.5s;
  138. }
  139. .frMB6:hover::before {
  140.   transform: rotateX(180deg);
  141. }
  142.  
  143. .reMB6 > div {
  144.   position: relative;
  145.   min-height: 250px;
  146. }
  147. .reMB6 > div:nth-of-type(odd) {
  148.   padding: 50px 200px 0 150px;
  149. }
  150. .reMB6 > div:nth-of-type(even) {
  151.   padding: 50px 150px 0 200px;
  152. }
  153. .reMB6 > div > div {
  154.   width: 300px;
  155.   height: 270px;
  156.   background-size: cover;
  157.   background-position: center;
  158.   -webkit-mask-image: url(https://i.postimg.cc/mgL2JczT/Manchon-130.png);
  159.   -webkit-mask-position: left bottom;
  160.   -webkit-mask-size: 350px;
  161.   position: absolute;
  162.   top: 0;
  163. }
  164.  
  165. .reMB6 > div:nth-of-type(odd) > div {
  166.   right: 0;
  167. }
  168. .reMB6 > div:nth-of-type(2n) > div {
  169.   left: 0;
  170.   -webkit-mask-image: url(https://i.postimg.cc/Njdfcgmm/Manchon-854.png);
  171.   -webkit-mask-position: right top;
  172.   -webkit-mask-size: 700px;
  173. }
  174.  
  175. .reMB6 strong {
  176.   padding: 20px 0;
  177.   font: 20px IM Fell English SC;
  178.   text-shadow: 1px 1px 2px #000;
  179.   color: #fff;
  180.   position: relative;
  181.   margin-bottom: 20px;
  182.   display: block;
  183. }
  184. .reMB6 strong::after {
  185.   content: "";
  186.   width: 50px;
  187.   border-top: 2px solid;
  188.   position: absolute;
  189.   bottom: 0;
  190.   left: 0;
  191. }
  192. .reMB6 > div:nth-of-type(even) strong,
  193. .reMB6 > div:nth-of-type(even) > span {
  194.   text-align: right;
  195. }
  196. .reMB6 > div:nth-of-type(even) strong::after {
  197.   left: calc(100% - 50px);
  198. }
  199. .reMB6 > div > span {
  200.   background: #1119;
  201.   display: block;
  202.   position: relative;
  203.   padding: 10px;
  204.   margin: -10px;
  205.   max-height: 90px;
  206.   overflow: auto;
  207. }
  208. .miMB6 {
  209.   display: block;
  210.   text-align: right;
  211.   color: #c3aa3e !important;
  212.   text-shadow: 1px 1px 2px #000;
  213.   font: 15px IM Fell English SC;
  214.   margin: 20px -10px -7px;
  215.   transition: 0.5s;
  216.   letter-spacing: 5px;
  217. }
  218. .miMB6:hover {
  219.   letter-spacing: 7px;
  220. }
  221.  
  222. .MB6 div::-webkit-scrollbar {
  223.   width: 5px !important;
  224.   height: 5px !important;
  225.   background: #FFF6 !important;
  226. }
  227. .MB6 div::-webkit-scrollbar-thumb {
  228.   background: #FFF6 !important;
  229. }
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