API tools faq
paste
Advertisement
Emmes

MH9.- Cute Particles (expediente)

Emmes
Nov 18th, 2019
761
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 6.40 KB | None | 0 0
raw download clone embed print report
  1. <div class="MH9" style="color: #e2967c;"><div class="imgMH9"><div style="background-image: url(https://i.postimg.cc/YqCvscCW/03.jpg);"></div></div><div class="dataMH9">
  2. <span>Nombre:<b>Nombre Apellido</b></span>
  3. <span>Edad:<b>XX años</b></span>
  4. <span>Nacionalidad:<b>País</b></span>
  5. <span>Ocupación:<b>Empleo</b></span>
  6. <span>Grupo:<b>Grupo</b></span>
  7. <span>Rango:<b>Rango</b></span>
  8. <span>Played By:<b>Nombre Apellido</b></span>
  9. </div><div class="dataMH9"><label><input type="checkbox"><div><div><div style="background-image: url(https://i.postimg.cc/wT41KW1b/04.jpg);"></div><span><strong><b>Personalidad</b></strong><div>Dessert bear claw sweet cotton candy chocolate cake fruitcake chocolate carrot cake halvah.
  10.  
  11. Chocolate biscuit gingerbread jelly wafer cheesecake tootsie roll cupcake cookie. Sweet candy ice cream pie macaroon toffee. Sweet roll toffee pie halvah lollipop muffin dessert.
  12.  
  13. Candy canes wafer bear claw bonbon lollipop pudding chocolate. Halvah apple pie sugar plum topping danish. Lemon drops gummi bears toffee toffee. Chupa chups oat cake sesame snaps cotton candy.</div></span></div></div><b>r</b><i>Personalidad</i></label><label><input type="checkbox"><div><div><div style="background-image: url(https://i.postimg.cc/8kHF4kNG/02.jpg);"></div><span><strong><b>Historia</b></strong><div>Liquorice halvah chocolate bar topping donut. Donut brownie oat cake. Dragée chupa chups carrot cake cupcake. Donut halvah sesame snaps danish donut bonbon biscuit muffin pie.
  14.  
  15. Marzipan pastry liquorice jelly beans pie tootsie roll chocolate bar topping. Gummies chocolate chocolate cake icing fruitcake. Dessert bear claw sweet cotton candy chocolate cake fruitcake chocolate carrot cake halvah.
  16.  
  17. Chocolate biscuit gingerbread jelly wafer cheesecake tootsie roll cupcake cookie. Sweet candy ice cream pie macaroon toffee. Sweet roll toffee pie halvah lollipop muffin dessert.
  18.  
  19. Candy canes wafer bear claw bonbon lollipop pudding chocolate. Halvah apple pie sugar plum topping danish. Lemon drops gummi bears toffee toffee. Chupa chups oat cake sesame snaps cotton candy.</div></span></div></div><b>n</b><i>Historia</i></label><label><input type="checkbox"><div><div><div style="background-image: url(https://i.postimg.cc/0y6b9pm5/01.jpg);"></div><span><strong><b>Extras</b></strong><div>Liquorice halvah chocolate bar topping donut. Donut brownie oat cake. Dragée chupa chups carrot cake cupcake. Donut halvah sesame snaps danish donut bonbon biscuit muffin pie.</div></span></div></div><b>B</b><i>Extra</i></label></div></div><a class="miMH9" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a>
  20.  
  21. <link href="https://fonts.googleapis.com/css?family=Lato|Montserrat:300,400,800&display=swap" rel="stylesheet"><style> .MH9, .MH9 * {box-sizing: border-box; scrollbar-color: #0006 #0003; scrollbar-width: thin;} @font-face {font-family: HW Icons; src: url(https://cdn.statically.io/gh/EmmesCodes/Tipografias/0ae07c71/HW-Icons.otf);} .MH9 {width: 450px; margin: auto; font: 12px Lato; text-align: center;} .imgMH9, .dataMH9 > span, .dataMH9 > label, .dataMH9 > label > div > div {background-color: #222; background-image: url(http://www.pngall.com/wp-content/uploads/2017/11/Particles-PNG.png); background-size: cover; position: relative;} .imgMH9 {padding: 20px;} .imgMH9 > div {height: 120px; position: relative;} .imgMH9 > div::before, .imgMH9 > div::after, .dataMH9 > label > div > div > div:before, .dataMH9 > label > div > div > div:after {content: ""; position: absolute; box-shadow: inset 0 0 0 200px; z-index: 5; top: -10px; bottom: -10px; left: -10px; right: -10px; -webkit-mask-image: url(https://i.postimg.cc/k4GF2dqw/500.png);} .imgMH9 > div::before, .dataMH9 > label > div > div > div:before {-webkit-mask-position: bottom right;} .imgMH9 > div::after, .dataMH9 > label > div > div > div:after {-webkit-mask-position: top left;} .imgMH9::before, .imgMH9::after {z-index: 10; position: absolute; font: 50px HW Icons; text-shadow: 2px 2px 2px #000;} .imgMH9::before {content: "c"; top: 5px; left: 5px;} .imgMH9::after {content: "E"; bottom: 5px; right: 5px;} .dataMH9 {display: flex; flex-wrap: wrap; margin: 5px -5px;} .dataMH9 > span, .dataMH9 > label {padding: 10px; min-width: 40%; flex: 1; margin: 5px;} .dataMH9 > span > b {display: block; font: 300 15px Montserrat; color: #CCC;} .dataMH9 > label {min-width: 30%; margin: 0 5px -5px; padding: 20px 0; cursor: pointer; color: inherit;} .dataMH9 input, .dataMH9 > br {display: none;} .dataMH9 > label > div {position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #0009; z-index: 999; display: none;} .dataMH9 > label > div > div {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: auto; padding: 20px;} .dataMH9 > label > div > div > span {display: block; margin: 0 140px 0 0; width: 220px;} .dataMH9 > label:nth-of-type(odd) > div > div > span {margin: 0 0 0 140px;} .dataMH9 > label > div > div > span > strong:after, .dataMH9 > label > div > div > span > strong:before {font: 30px HW Icons; content: "m"; display: inline-block; vertical-align: middle; margin: 0 5px 0 2px;} .dataMH9 > label > div > div > span > strong:before {transform: rotateY(180deg);} .dataMH9 > label > div > div > span > strong > b {font: 300 15px Montserrat; text-transform: uppercase; letter-spacing: 3px; color: #CCC;} .dataMH9 > label > div > div > div {position: absolute; right: 20px; top: 20px; bottom: 20px; width: 120px;} .imgMH9 > div, .dataMH9 > label > div > div > div {background-color: #111; background-position: center; background-size: cover;} .dataMH9 > label:nth-of-type(odd) > div > div > div {right: inherit; left: 20px;} .dataMH9 > label > div > div > span > div {color: #AAA; max-height: 250px; overflow: auto; text-align: justify; hyphens: auto; padding-right: 3px;} .dataMH9 input:checked ~ div {display: block;} .dataMH9 > label > b {font: 50px HW Icons; text-shadow: 2px 2px 2px #000; display: inline-block;} .dataMH9 > label > i {display: block; font-style: normal; color: #CCC; text-transform: uppercase; margin-top: -13px;} .dataMH9 > label:hover > b {animation: late .5s infinite alternate;} @keyframes late {from {transform: scale(1);} to {transform: scale(.7);}} .miMH9 {display: block; font: 10px arial; letter-spacing: 2px; text-align: center; transition: .5s;} .miMH9:hover {letter-spacing: 10px;} .MH9 div::-webkit-scrollbar {width: 5px !important; height: 5px !important; background: #0006 !important;} .MH9 div::-webkit-scrollbar-thumb {background: #0003 !important;}</style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!