API tools faq
paste
Emmes

MM105.- She Corvus (búsqueda)

Emmes
Aug 31st, 2022
1,512
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 7.06 KB | None | 0 0
raw download clone embed print report
  1. <div class="MM105"><div style="background-image: url(https://i.pinimg.com/564x/ef/c4/e6/efc4e6b0f5a4f6b6c02382afc3a58478.jpg);"><b></b>
  2.  
  3. <div class="MM105-tt">
  4. <i>Búsqueda de</i>
  5. <b>She Corvus Clan</b>
  6. </div>
  7.  
  8. <div class="MM105-fx">
  9. <span><div class="MM105-img">
  10. <div style="background-image: url(https://i.postimg.cc/bwc6KQ3W/hr01.png);"></div>
  11. <div style="background-image: url(https://i.postimg.cc/vZrPMcKB/hr02.png);"></div>
  12. </div></span>
  13.  
  14. <div class="MM105-txt">Icing sweet roll ice cream toffee candy bear claw. Sweet tootsie roll cupcake sesame snaps marzipan sugar plum dragée. Pie toffee tart caramels marzipan.
  15.  
  16. Pastry wafer apple pie candy chupa chups dragée. Jelly-o macaroon icing gummi bears toffee croissant. Pie tootsie roll apple pie sweet roll jelly jelly beans chocolate danish cake.</div>
  17. </div>
  18.  
  19.  
  20. <label class="MM105-lab"><input type="checkbox" />
  21. <b><i class="cp cp-alarm"></i>Primera Búsqueda</b>
  22. <div>Icing sweet roll ice cream toffee candy bear claw. [b]Sweet tootsie roll[/b] cupcake sesame snaps marzipan sugar plum dragée. Pie toffee tart caramels marzipan.
  23.  
  24. Pastry wafer apple pie candy chupa chups dragée. [i]Jelly-o macaroon icing gummi[/i] bears toffee croissant. Pie tootsie roll apple pie sweet roll jelly jelly beans chocolate danish cake.
  25.  
  26. Sweet cheesecake shortbread cotton candy caramels chupa chups. Apple pie soufflé jelly-o sugar plum oat cake wafer. Icing pudding carrot cake oat cake danish halvah danish cheesecake caramels. Muffin toffee powder tootsie roll topping.</div>
  27. </label>
  28.  
  29. <label class="MM105-lab"><input type="checkbox" />
  30. <b><i class="cp cp-angelic-rune"></i>Segunda Búsqueda</b>
  31. <div>Sweet cheesecake shortbread cotton candy caramels chupa chups. Apple pie soufflé jelly-o sugar plum oat cake wafer. Icing pudding carrot cake oat cake danish halvah danish cheesecake caramels. Muffin toffee powder tootsie roll topping.</div>
  32. </label>
  33.  
  34. <label class="MM105-lab"><input type="checkbox" />
  35. <b><i class="cp cp-certificate"></i>Tercer Búsqueda</b>
  36. <div>Pastry wafer apple pie candy chupa chups dragée. Jelly-o macaroon icing gummi bears toffee croissant. Pie tootsie roll apple pie sweet roll jelly jelly beans chocolate danish cake.
  37.  
  38. Sweet cheesecake shortbread cotton candy caramels chupa chups. Apple pie soufflé jelly-o sugar plum oat cake wafer. Icing pudding carrot cake oat cake danish halvah danish cheesecake caramels. Muffin toffee powder tootsie roll topping.</div>
  39. </label>
  40.  
  41. <label class="MM105-lab"><input type="checkbox" />
  42. <b><i class="cp cp-bell"></i>Cuarta Búsqueda</b>
  43. <div>Icing sweet roll ice cream toffee candy bear claw. Sweet tootsie roll cupcake sesame snaps marzipan sugar plum dragée. Pie toffee tart caramels marzipan.</div>
  44. </label>
  45.  
  46. </div></div><a href="https://emmescodes.tumblr.com/" class="miMM">emme</a><link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Playfair+Display:wght@400;700&display=swap" rel="stylesheet"><style>.MM105, .MM105 * { box-sizing: border-box; scrollbar-color: #0006 #0002 !important; scrollbar-width: thin; transition: 1.5s; } .MM105 div::-webkit-scrollbar { width: 5px !important; height: 5px !important; background: #0002 !important; } .MM105 div::-webkit-scrollbar-thumb { background: #0006 !important; } .MM105 input, .MM105 br { display: none; } .MM105 { --mm-01: #564d25; --mm-02: #FFF; width: 500px; background: #111; overflow: hidden; padding: 20px; margin: auto; border: 1px solid #000; font: 10px Montserrat; color: #DDD; position: relative; text-shadow: 1px 1px #111, -1px 1px #111, 1px -1px #111, -1px -1px #111, 0 5px 5px #000; box-shadow: 0 20px 30px -20px #000; } .MM105 > div { min-height: 300px; background-position: top center; border: 1px solid var(--mm-01); padding: 30px; display: flex; flex-direction: column; align-items: center; z-index: 1; } .MM105 > div::after, .MM105 > div::before, .MM105::after, .MM105::before { content: ""; position: absolute; width: 10px; height: 10px; top: 20px; left: 20px; z-index: 200; background: #111; border-color: var(--mm-01); border-style: solid; } .MM105::before { border-width: 0 1px 1px 0; } .MM105::after { left: calc(100% - 30px); border-width: 0 0 1px 1px; } .MM105 > div::before { top: calc(100% - 30px); border-width: 1px 1px 0 0; } .MM105 > div::after { left: calc(100% - 30px); top: calc(100% - 30px); border-width: 1px 0 0 1px; } .MM105 > div > b { position: absolute; top: 21px; left: 21px; right: 21px; bottom: 21px; background: linear-gradient(to bottom, transparent, #1119, #111 500px); } .MM105 > div > b ~ * { position: relative; } .MM105-tt { display: flex; flex-direction: column; align-items: center; letter-spacing: 2px; } .MM105-tt > b { font: 30px/24px Playfair Display; color: var(--mm-02); display: flex; align-items: center; } .MM105-tt > b::after, .MM105-tt > b::before { content: ""; width: 30px; background: var(--mm-01); height: 4px; border: 1px solid #111; margin: 10px; box-shadow: 0 3px 8px #000; } .MM105-img { margin: 50px 0; height: 280px; display: flex; align-items: center; justify-content: center; } .MM105-img::after { content: url('https://i.postimg.cc/kgH5JgR0/klipartz-com.png'); } .MM105-img > div { position: absolute; width: 130px; height: 170px; margin-top: 5px; background-position: center; background-size: cover; border-radius: 50%; box-shadow: inset 5px 9px 5px #000; } .MM105-img > div ~ div { opacity: 0; } .MM105:hover .MM105-img > div ~ div { opacity: 1; } .MM105-fx { display: flex; align-items: center; } .MM105-fx > span { overflow: hidden; width: 150px; display: flex; position: relative; margin-right: 10px; } .MM105-fx > span::before { content: ""; position: absolute; right: 0; top: 50px; bottom: 50px; width: 3px; background: linear-gradient(to top, transparent, #666, #FFF, #FFF, transparent); z-index: 10; } .MM105-txt { flex: 1; text-align: justify; hyphens: auto; } .MM105-txt::before { content: "''"; float: left; font-size: 90px; line-height: 20px; color: var(--mm-01); margin: 28px 5px -18px; } .MM105-lab input:checked ~ div br, .MM105-txt br { display: block; margin: 5px; } .MM105-lab > b { cursor: pointer; display: flex; align-items: center; font: 18px/20px Playfair Display; letter-spacing: 2px; } .MM105-lab > b > i { font-size: 20px; color: var(--mm-01); flex: 1; display: flex; align-items: center; } .MM105-lab > b > i::after { content: ""; flex: 1; height: 3px; background: #FFF; border: 1px solid; box-shadow: 0 5px 5px -2px #000; margin: 7px 5px 0; } .MM105-lab > div { text-align: justify; hyphenate-character: auto; font-size: 12px; line-height: 0%; overflow: hidden; transition: .5s; border-left: 1px solid var(--mm-01); padding-left: 10px; margin-left: 9px; } .MM105-lab input:checked ~ div { line-height: 100%; padding: 20px 0 10px 10px; } .MM105-lab ~ .MM105-lab { margin-top: 30px; } .MM105-lab:nth-of-type(2n) { margin-left: 30px; } .MM105-lab > div i, .MM105-lab > div strong { color: var(--mm-01); }.miMM { display: block; font: bold 10px Calibri; letter-spacing: 2px; text-align: center; transition: 0.5s; text-transform: uppercase; padding: 3px; color: #DDD !important; } .miMM:hover { letter-spacing: 3px; } </style>
Advertisement
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!