Emmes

C8.- Candy Killer (búsqueda)

Aug 13th, 2019
487
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.31 KB | None | 0 0
  1. <div class="MC8" style="color: #f337aa; background-image: url(https://i.pinimg.com/564x/bd/9d/26/bd9d26f486c5cc516b8719085fe5a8c7.jpg);"><div class="imMC8"><strong>Candy <b>Killer</b></strong></div><div class="icMC8">
  2.  
  3. <a href="URL" title="¿Donde Llevo?" style="background-image: url(https://i.postimg.cc/DZXHfVLk/e94a169806ef891a1ac46b4e4a71fd3a.jpg);"></a>
  4. <a href="URL" title="¿Donde Llevo?" style="background-image: url(https://i.postimg.cc/BbfyXhB8/e94a169806ef891a1ac46b4e4a71fd3a-copia.jpg);"></a>
  5. <a href="URL" title="¿Donde Llevo?" style="background-image: url(https://i.postimg.cc/WzmyrM55/e94a169806ef891a1ac46b4e4a71fd3a-copia-2.jpg);"></a>
  6.  
  7. </div><div class="moMC8"><strong><span class="th th-candy"></span>Título <b>Aquí</b></strong><div>Sugar plum sugar plum jujubes bonbon jujubes jujubes. Toffee liquorice wafer. Candy topping cookie tiramisu cheesecake lemon drops. Chocolate cake gummi bears liquorice croissant.<br><br> Candy canes bonbon caramels sesame snaps marzipan jelly-o cupcake
  8. tiramisu jujubes. Muffin dragée lemon drops sesame snaps. Fruitcake biscuit macaroon bear claw sweet roll topping.<br><br> Sugar plum sugar plum jujubes bonbon jujubes jujubes. Toffee liquorice wafer. Candy topping cookie tiramisu cheesecake lemon
  9. drops. Chocolate cake gummi bears liquorice croissant.<br><br> Candy canes bonbon caramels sesame snaps marzipan jelly-o cupcake tiramisu jujubes. Muffin dragée lemon drops sesame snaps. Fruitcake biscuit macaroon bear claw sweet roll topping.</div></div></div><a class="miMC8" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a></div>
  10.  
  11. <link href="https://fonts.googleapis.com/css?family=Lato|Montserrat:100,400,800&display=swap" rel="stylesheet"><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet"><style>.MC8, .MC8 * {box-sizing: border-box;} .MC8 {position: relative; width: 500px; margin: auto; min-height: 400px; background-color: #DDD; background-position: center; background-size: cover; padding-bottom: 25px;} .imMC8, .imMC8:before {position: absolute; top: 0; bottom: 0; box-shadow: inset 0 0 0 50px;} .imMC8 {width: 30px; transform: skewX(-20deg); left: 200px;} .imMC8::before {content: ""; width: 15px; left: -20px; opacity: .8; filter: brightness(.8);} .imMC8 > strong {transform: skewX(20deg); position: absolute; box-shadow: inset 0 0 0 50px; -webkit-text-fill-color: #FFF; padding: 10px 10px 10px 15px; right: 50%; bottom: 150px; clip-path: polygon(15px 0, 100% 0, 100% 100%, 15px 100%, 0 50%); font: 14px/15px Montserrat; white-space: nowrap; text-transform: uppercase;} .imMC8 > strong b {font-weight: 800; font-size: 18px; margin: 10px 0 0 -20px; display: inline-block; vertical-align: middle;} .icMC8 {position: relative; padding: 20px 0 0; text-align: right; margin-right: -20px;} .icMC8 > br {display: none;} .icMC8 > a {display: inline-block; margin-left: 10px; width: 70px; height: 70px; transform: scale(.8); box-shadow: 3px 3px 5px #1119; transition: .2s; color: inherit;} .icMC8 > a:hover {transform: scale(1);} .icMC8 > a::before, .icMC8 > a::after {content: ""; border-top: 5px solid; border-left: 5px solid; position: absolute; height: 30px; width: 30px; transition: .2s;} .icMC8 > a::before {top: -10px; left: -10px;} .icMC8 > a::after {bottom: -10px; right: -10px; transform: rotate(180deg);} .icMC8 > a:hover:after {transform: rotate(180deg) scale(.8); bottom: -5px; right: -5px; color: #FFF;} .icMC8 > a:hover:before {transform: scale(.8); top: -5px; left: -5px; color: #FFF;} .moMC8 {padding: 5px; position: relative; margin: 50px -20px 0 270px; background: #FFFD;} .moMC8 > strong {position: absolute; font: 30px Montserrat; text-shadow: 2px 2px #FFF, -2px 2px #FFF, 2px -2px #FFF, -2px -2px #FFF, 1px 2px #FFF, -1px 2px #FFF, 1px -2px #FFF, -1px -2px #FFF, 2px 2px 5px #0009; top: -10px; left: -25px; transform: rotate(-7deg); transform-origin: left bottom;} .moMC8 > strong > span {font-size: 35px; vertical-align: middle; margin: -5px 5px 0 0;} .moMC8 > div {font: 12px Lato; color: #666; max-height: 220px; overflow: auto; margin: 10px;} .miMC8 {font: bold 10px Lato; display: block; letter-spacing: 2px; transition: .5s; text-align: center;} .miMC8:hover {letter-spacing: 5px;} .MC8 div::-webkit-scrollbar {width: 5px !important; height: 5px !important; background: #7776 !important;} .MC8 div::-webkit-scrollbar-thumb {background: #7776 !important;}</style>
Advertisement
Add Comment
Please, Sign In to add comment