API tools faq
paste
ItsDanyAndre

Clear Card - Búsqueda

ItsDanyAndre
Nov 5th, 2020 (edited)
236
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 6.44 KB | None | 0 0
raw download clone embed print report
  1. <link href="https://fonts.googleapis.com/css2?family=Bree+Serif&family=Noto+Sans&display=swap" rel="stylesheet">
  2. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
  3. <div class="melemnt">
  4.   <div class="melmentcont">
  5.   <div class="melemnt1">
  6.     <span id="micontop" class="th th-star-1"></span>
  7.     <div class="melemnt2" style="background:url('https://i.imgur.com/UnaG6pD.jpg');">
  8.     <span id="miconbot" class="th th-star-1"></span>  
  9.     <div class="melemntsub">The Firey</div>
  10.   </div>
  11.   <div class="melemnt2 melemnt3">
  12.     <div class="melemnt2tit">Titulo Aqui</div>
  13.     <div class="melemnt2text">Cupcake ipsum dolor sit amet. Pie gingerbread sesame snaps liquorice carrot cake cookie. Chocolate bar marzipan oat cake jelly-o. Cookie candy muffin toffee soufflé. Biscuit muffin toffee biscuit soufflé chocolate bar dragée biscuit. Chocolate bar candy canes pastry tart ice cream I love sesame snaps. Lollipop powder sesame snaps muffin cake. Carrot cake topping chupa chups sesame snaps toffee chocolate cake dessert. I love halvah I love bear claw cupcake. Halvah halvah oat cake marzipan I love. I love brownie powder apple pie lollipop cotton candy. Dessert soufflé jelly-o.</div>    
  14.       </div>
  15. </div>
  16.   <div class="melemnt1">
  17.     <span id="micontop" class="th th-star-1"></span>
  18.     <div class="melemnt2" style="background:url('https://i.imgur.com/9IEmew6.jpg');">
  19.     <span id="miconbot" class="th th-star-1"></span>
  20.     <div class="melemntsub">The Watery</div>
  21.   </div>
  22.   <div class="melemnt2 melemnt3">
  23.     <div class="melemnt2tit">Titulo Aqui</div>
  24.     <div class="melemnt2text">Cupcake ipsum dolor sit amet. Pie gingerbread sesame snaps liquorice carrot cake cookie. Chocolate bar marzipan oat cake jelly-o. Cookie candy muffin toffee soufflé. Biscuit muffin toffee biscuit soufflé chocolate bar dragée biscuit. Chocolate bar candy canes pastry tart ice cream I love sesame snaps. Lollipop powder sesame snaps muffin cake. Carrot cake topping chupa chups sesame snaps toffee chocolate cake dessert. I love halvah I love bear claw cupcake. Halvah halvah oat cake marzipan I love. I love brownie powder apple pie lollipop cotton candy. Dessert soufflé jelly-o.</div>
  25.        
  26.        
  27.       </div>
  28. </div>
  29.   <div class="melemnt1">
  30.     <span id="micontop" class="th th-star-1"></span>
  31.     <div class="melemnt2" style="background:url('https://i.imgur.com/JTx3YQ5.jpg');">
  32.     <span id="miconbot" class="th th-star-1"></span>
  33.     <div class="melemntsub">The Windy</div>
  34.   </div>
  35.   <div class="melemnt2 melemnt3">
  36.     <div class="melemnt2tit">Titulo Aqui</div>
  37.     <div class="melemnt2text">Cupcake ipsum dolor sit amet. Pie gingerbread sesame snaps liquorice carrot cake cookie. Chocolate bar marzipan oat cake jelly-o. Cookie candy muffin toffee soufflé. Biscuit muffin toffee biscuit soufflé chocolate bar dragée biscuit. Chocolate bar candy canes pastry tart ice cream I love sesame snaps. Lollipop powder sesame snaps muffin cake. Carrot cake topping chupa chups sesame snaps toffee chocolate cake dessert. I love halvah I love bear claw cupcake. Halvah halvah oat cake marzipan I love. I love brownie powder apple pie lollipop cotton candy. Dessert soufflé jelly-o.</div>
  38.        
  39.        
  40.       </div>
  41. </div>
  42.   <div class="melemnt1">
  43.     <span id="micontop" class="th th-star-1"></span>
  44.     <div class="melemnt2" style="background:url('https://i.imgur.com/XAcjcwY.jpg');">
  45.     <span id="miconbot" class="th th-star-1"></span>
  46.     <div class="melemntsub">The Earthy</div>
  47.   </div>
  48.   <div class="melemnt2 melemnt3">
  49.     <div class="melemnt2tit">Titulo Aqui</div>
  50.     <div class="melemnt2text">Cupcake ipsum dolor sit amet. Pie gingerbread sesame snaps liquorice carrot cake cookie. Chocolate bar marzipan oat cake jelly-o. Cookie candy muffin toffee soufflé. Biscuit muffin toffee biscuit soufflé chocolate bar dragée biscuit. Chocolate bar candy canes pastry tart ice cream I love sesame snaps. Lollipop powder sesame snaps muffin cake. Carrot cake topping chupa chups sesame snaps toffee chocolate cake dessert. I love halvah I love bear claw cupcake. Halvah halvah oat cake marzipan I love. I love brownie powder apple pie lollipop cotton candy. Dessert soufflé jelly-o.</div>
  51.        
  52.        
  53.       </div>
  54. </div>
  55. </div>
  56.   <a href="http://mystiqueworkshop.tumblr.com/" id="mycd"></a>
  57. </div>
  58.  
  59. <style>
  60. .melemnt{--color1: #FFF; --color2: #DDD; --color3: #BDBFD8; }
  61. .melemnt { width: 560px; height: 270px; padding: 10px; padding-bottom: 20px; margin: 0 auto;}
  62. .melmentcont{display: flex; margin: 0 auto; margin-top: 20px;}
  63. .melemnt1 {width: 130px; height: 250px; background: var(--color3); transform-style: preserve-3d;  transition: all 1s ease-in-out; margin: 5px;}
  64. .melemnt1 #micontop{position: absolute; margin-top: -30px; margin-left:35px; font-size: 60px; z-index: 99; color: var(--color3);}
  65. .melemnt1 #miconbot{position: absolute; margin-top: 175px; margin-left:12px; font-size: 80px; color: var(--color3);}
  66.  
  67. .melemntsub{ width: 110px; position: absolute; margin-left: -10px; margin-top: 200px; padding: 5px; background: var(--color3); font-family:'Bree Serif'; font-size: 15px; color: var(--color4); text-align: center;}
  68. .melemnt1:hover { transform: rotateY(180deg); box-shadow: 0px 2px 10px var(--color4);}
  69. .melemnt1 .melemnt2 {position: absolute; width: 100px; height: 230px; padding: 10px; overflow: hidden; border: 5px solid var(--color3);}
  70. .melemnt1 .melemnt3 { transform: rotateY(180deg); background: var(--color3);}  
  71. .melemnt2tit{font-family:'Bree Serif'; font-size: 14px; text-align: center; padding-bottom: 2px; color: var(--color4);}
  72. .melemnt2text{font-family:'Noto Sans'; text-align: justify; overflow: auto; width: 90px; height: 190px; padding: 5px; margin: 0 auto; font-size: 10px; }
  73.  
  74. #mycd{width: 10px; height: 10px;color: #444;font-size: 10px; text-align: center;}
  75. #mycd:before{content:'\ebee'; font-family:'honeybee'; font-size: 10px; color: #444; position: absolute; margin-top: 10px; margin-left: 275px;}
  76.  
  77. .melemnt2text::-webkit-scrollbar-button:start:decrement, .melemnt2text::-webkit-scrollbar-button:end:increment{display:none;}
  78. .melemnt2text::-webkit-scrollbar{  width:3px; height: auto;}
  79. .melemnt2text::-webkit-scrollbar-thumb:vertical{ background-color: var(--color4);}
  80. .melemnt2text::-moz-scrollbar-button:start:decrement, -webkit-scrollbar-button:end:increment{display:none;}
  81. .melemnt2text::-moz-scrollbar{  width:2px; height: auto;} .melemnt2text::-moz-scrollbar-thumb:vertical{background-color: var(--color4);} </style>
  82.  
  83.  
  84.  
Add Comment
Please, Sign In to add comment
Public Pastes
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!