Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- background:radial-gradient( #edadcd , #000001); } *{margin:0;padding:0;box-sizing:border-box}:before,:after{content:'';position:absolute}:root{--font-1:Lobster,cursive;--font-2:'Lobster Two',cursive;--font-3:BenchNine,sans-serif}a{display:inline-block;text-decoration:none}h1,h2,h3{font-weight:300}#main{width:100%;height:100vh;position:relative;font-family:var(--font-2);font-size:1em;color:#FA5882;overflow:hidden}.app{width:684px;height:512px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.user{width:220px;height:50px;background:linear-gradient(to right,#FA58D0,#F6CEE3);position:absolute;top:100px;left:-15px}.user:before{width:15px;height:25px;background:#F781BE;transform:skewY(50deg);top:33px;left:0;z-index:-1}.user:after{width:0;height:0;border-left:solid 26px #F6CEE3;border-top:solid 25px transparent;border-bottom:solid 25px transparent;right:-26px;top:0}.user h1{padding-left:30px;line-height:36px}.user span{display:inline-block;position:absolute;left:90px;top:26px;font-family:sans-serif}.main-grid{width:684px;height:512px;position:absolute;z-index:-1;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);grid-gap:1px}.item-grid{width:170px;height:170px}.item-grid img{width:100%;height:100%;border:solid 2px #FA5882}.item-grid:nth-of-type(1){grid-area:/ 1 / span 1}.item-grid:nth-of-type(2){grid-area:2 / 1 / span 1}.item-grid:nth-of-type(3){grid-area:3 / 1 / span 1}.item-grid:nth-of-type(4){grid-area:3 / 2 / span 1}.item-grid:nth-of-type(5){grid-area:3 / 3 / span 1}.item-grid:nth-of-type(6){grid-area:3 / 4 / span 1}.item-grid:nth-of-type(7){grid-area:1 / 2 / span 2 / span 3}.item-grid img:hover{animation:flash 1s ease-in-out infinite}@keyframes flash{0%{filter:brightness(1)}50%{filter:brightness(2)}}.welcome{width:512px;display:inline-block;font-size:1.4em;padding-left:100px;margin-top:110px}.nav{width:455px;height:170px;margin-left:56px;margin-top:20px;display:flex}.btn-nav{width:90px;margin-right:1px;background:url(http://u.cubeupload.com/kimmy/img1m.gif)top left no-repeat;box-shadow:0 15px #FA5882;writing-mode:vertical-rl;text-orientation:mixed;transform:scale(-1);padding-top:10px;padding-right:10px;font-size:1.6em;color:#FA5882;transition:all .2s ease-out}.btn-nav:hover{color:#FA5882;text-shadow:-3px -3px 5px rgba(0,0,0,.6)}.btn-nav:nth-of-type(2){box-shadow:0 15px #9a37ac}.btn-nav:nth-of-type(3){box-shadow:0 15px #ca79d9}.btn-nav:nth-of-type(4){box-shadow:0 15px #d02cef}.btn-nav:nth-of-type(5){box-shadow:0 15px #FA5882}.page{width:640px;height:0;position:absolute;top:50%;left:50%;background:rgba(255,255,255,.9);box-shadow:0 0 150px 20px rgba(0,0,0,.1) inset;transform:translate(-50%,-50%);overflow:hidden;transition:all .5s cubic-bezier(0,.86,.52,1.01)}.about,.music,.friend,.gallery{position:absolute;width:100%;height:100%;opacity:0;transition:all .2s ease-out;padding:10px;visibility:hidden}#content-1:target .page{height:400px}#content-1:target .about{opacity:1;visibility:visible;transition-delay:.5s}#content-2:target .page{height:400px}#content-2:target .music{opacity:1;visibility:visible;transition-delay:.5s}#content-3:target .page{height:400px}#content-3:target .friend{opacity:1;visibility:visible;transition-delay:.5s}#content-4:target .page{height:400px}#content-4:target .gallery{opacity:1;visibility:visible;transition-delay:.5s}.btn-close{width:26px;height:26px;text-align:center;line-height:26px;color:#FA5882;background:#FA5882;top:0;right:0;position:absolute}.about{text-align:center}.img-user{width:140px;height:140px;border-radius:50%;box-shadow:0 0 0 5px #FA5882;display:inline-block;margin-top:30px}.about p{color:#FA5882;width:80%;display:inline-block;margin-top:25px}.box-video{width:640px;height:340px;position:absolute;left:0;top:35px;background:#000}.block{width:100%;height:350px;margin-top:17px;display:flex}[class*='col-']{width:50%}.col-left{border-right:solid 1px #764da4;text-align:center}.col-left h2{color:#764da4}.col-right{display:flex;flex-direction:column;overflow-y:auto;padding-left:10px}.row{width:240px;height:45px;position:relative;background:rgba(0,0,0,.1);margin-bottom:2px;color:#FA5882}.row:hover{background:rgba(0,0,0,.3)}.avatar{width:45px;height:45px;float:left;background:#9157d2}.me{width:45px;height:45px;line-height:41px;text-align:center;font-size:2em;color:#fff;background:#9157d2;position:absolute;top:0;right:0}.me:hover{color:#FA5882}.row span,.row p{float:left;width:60%;padding-top:5px;line-height:16px;padding-left:10px}.box-gallery{width:425px;height:370px;margin-top:8px;overflow-y:auto}.content-img{width:410px}.content-img img{width:410px;filter:grayscale(1);margin-bottom:20px;transition:all .3s ease-out}.content-img img:hover{filter:grayscale(0)}.footer{position:absolute;bottom:10px;right:10px}::-webkit-scrollbar{width:5px;background:#333}::-webkit-scrollbar-thumb{background:#e782ff;} div#nowayfixed {
- ____________________________________________SEPARACION______________________________________________________________________
- </style>
- <div id="NotAllowedme">
- </style>
- <div id="NotAllowedme">
- <div id="main">
- <div id="content-1">
- <div id="content-2">
- <div id="content-3">
- <div id="content-4">
- <div class="app">
- <div class="user">
- <h1>𝑑♡𝑙𝑙°◦</h1>
- <span></span>
- </div>
- <div class="main-grid">
- <div class="item-grid">
- <img src="https://u.cubeupload.com/kimmy/imgpshfullsizeanim2.jpg" />
- </div>
- <div class="item-grid">
- <img src="http://u.cubeupload.com/kimmy/083sett.gif" />
- </div>
- <div class="item-grid">
- <img src="http://i.cubeupload.com/nSkvz5.gif" />
- </div>
- <div class="item-grid">
- <img src="https://i.cubeupload.com/jA4VgO.png" />
- </div>
- <div class="item-grid">
- <img src="http://i63.tinypic.com/2dgtb7q.jpg" />
- </div>
- <div class="item-grid">
- <img src="http://u.cubeupload.com/kimmy/imgpshfullsizeanim13.jpg" />
- </div>
- <div class="item-grid">
- <h1 class="welcome">ღ𝑩𝒊𝒆𝒏𝒗𝒆𝒏𝒊𝒅𝒐 (𝒂) 𝒂 𝒎𝒊 𝒙𝒂𝒕𝒔𝒑𝒂𝒄𝒆!!ღ</h1>
- <div class="nav">
- <a class="btn-nav" href="#content-1">Sobre mi.♡</a>
- <a class="btn-nav" href="#content-2">Musica♡</a>
- <a class="btn-nav" href="#content-3">Amigos♡</a>
- <a class="btn-nav" href="#content-4">Galería♡</a>
- <a class="btn-nav" href="https://xat.com/web_gear/chat/editprofile.php">Edit♡</a>
- </div>
- </div>
- </div>
- <div class="page">
- <div class="about">
- <a class="btn-close" href="#main">✖</a>
- <img class="img-user" src="http://u.cubeupload.com/kimmy/imgpshfullsizeanim1.png" />
- <p>
- " DON'T LET NO ONE GET YOU DOWN " TRUST NO ONE. (only god can judge me.)
- </p>
- </div>
- <div class="music">
- <a class="btn-close" href="#main">✖</a>
- <div class="box-video">
- [youtube:630:300:2Vv-BfVoq4g:autoplay=1&loop=1]
- </div>
- </div>
- <div class="friend">
- <a class="btn-close" href="#main">✖</a>
- <div class="block">
- <div class="col-left">
- <h2>✯Amigos✯ </h2>
- <img class="img-user" src="http://u.cubeupload.com/kimmy/imgpshfullsizeanim13.jpg" />
- </div>
- <div class="col-right">
- <div class="row">
- <img class="avatar" src="http://u.cubeupload.com/kimmy/32d1e09579ea5b704213.png" />
- <span>Osita ❤</span>
- <p>✾ ✿ ❀ ❁</p>
- <a class="me" href="http://xat.me/OsitaSoLiTaa">★</a>
- </div>
- <div class="row">
- <img class="avatar" src="http://u.cubeupload.com/kimmy/32d1e09579ea5b704213.png" />
- <span>Kiim ❤</span>
- <p>✾ ✿ ❀ ❁</p>
- <a class="me" href="http://xat.me/ikiim">★</a>
- </div>
- <div class="row">
- <img class="avatar" src="http://u.cubeupload.com/kimmy/32d1e09579ea5b704213.png" />
- <span>Betza ❤</span>
- <p>✾ ✿ ❀ ❁</p>
- <a class="me" href="http://xat.me/i=421346931">★</a>
- </div>
- <div class="row">
- <img class="avatar" src="http://u.cubeupload.com/kimmy/32d1e09579ea5b704213.png" />
- <span>Noemi ❤</span>
- <p>✾ ✿ ❀ ❁</p>
- <a class="me" href="http://xat.me/i=211268755">★</a>
- </div>
- <div class="row">
- <img class="avatar" src="http://u.cubeupload.com/kimmy/32d1e09579ea5b704213.png" />
- <span>Dayis ❤</span>
- <p>✾ ✿ ❀ ❁</p>
- <a class="me" href="http://xat.me/idayis">★</a>
- </div>
- <div class="row">
- <img class="avatar" src="http://u.cubeupload.com/kimmy/32d1e09579ea5b704213.png" />
- <span>Truko ❤</span>
- <p>✾ ✿ ❀ ❁</p>
- <a class="me" href="http://xat.me/i=78965229">★</a>
- </div>
- <div class="row">
- <img class="avatar" src="http://u.cubeupload.com/kimmy/32d1e09579ea5b704213.png" />
- <span>Patty❤</span>
- <p>✾ ✿ ❀ ❁</p>
- <a class="me" href="http://xat.me/i=419006529">★</a>
- </div>
- <div class="row">
- <img class="avatar" src="http://u.cubeupload.com/kimmy/32d1e09579ea5b704213.png" />
- <span>chama ❤</span>
- <p>✾ ✿ ❀ ❁</p>
- <a class="me" href="http://xat.me/chama110794">★</a>
- </div>
- <div class="row">
- <img class="avatar" src="http://u.cubeupload.com/kimmy/32d1e09579ea5b704213.png" />
- <span>Edmon ❤</span>
- <p>✾ ✿ ❀ ❁</p>
- <a class="me" href="http://xat.me/desconocido155">★</a>
- </div>
- <div class="row">
- <img class="avatar" src="http://u.cubeupload.com/kimmy/32d1e09579ea5b704213.png" />
- <span>Veneno ❤</span>
- <p>✾ ✿ ❀ ❁</p>
- <a class="me" href="http://xat.me/VENENOZA666">★</a>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="gallery">
- <a class="btn-close" href="#main">✖</a>
- <div class="box-gallery">
- <div class="content-img">
- <img src="https://i.cubeupload.com/NH3qDh.gif" width="410" />
- <img src="https://i.cubeupload.com/6MCpYQ.png" width="410" />
- <img src="https://i.cubeupload.com/Cuy1xx.jpg" width="410" />
- <img src="https://i.cubeupload.com/2eQ3P8.png" width="410" />
- <img src="http://u.cubeupload.com/kimmy/imgpshfullsizeanim.jpg" width="410" />
- <img src="http://u.cubeupload.com/kimmy/imgpshfullsizeanim14.jpg" width="410" />
- <img src="http://u.cubeupload.com/kimmy/imgpshfullsizeanim.png" width="410" />
- <img src="https://i.cubeupload.com/6MCpYQ.png" width="410" />
- <img src="http://u.cubeupload.com/kimmy/imgpshfullsizeanim15.jpg" width="410" />
- <img src="http://u.cubeupload.com/kimmy/imgpshfullsizeanim13.png" width="410" />
- <img src="http://u.cubeupload.com/kimmy/imgpshfullsizeanim12.png" width="410" />
- <img src="http://u.cubeupload.com/kimmy/imgpshfullsizeanim12.jpg" width="410" />
- <img src="http://u.cubeupload.com/kimmy/imgpshfullsizeanim11.png" width="410" />
- <img src="http://u.cubeupload.com/kimmy/imgpshfullsizeanim15.jpg" width="410" />
- <img src="http://u.cubeupload.com/kimmy/imgpshfullsizeanim11.jpg" width="410" />
- <img src="http://u.cubeupload.com/kimmy/imgpshfullsizeanim10.png" width="410" />
- <img src="http://u.cubeupload.com/kimmy/imgpshfullsizeanim10.jpg" width="410" />
- <img src="http://u.cubeupload.com/kimmy/imgpshfullsizeanim9.png" width="410" />
- <img src="http://u.cubeupload.com/kimmy/imgpshfullsizeanim13.png" width="410" />
- <img src="http://u.cubeupload.com/kimmy/imgpshfullsizeanim12.png" width="410" />
- <img src="http://u.cubeupload.com/kimmy/imgpshfullsizeanim12.jpg" width="410" />
- <img src="http://u.cubeupload.com/kimmy/imgpshfullsizeanim11.png" width="410" />
- <img src="http://u.cubeupload.com/kimmy/imgpshfullsizeanim9.jpg" width="410" />
- <img src="http://u.cubeupload.com/kimmy/imgpshfullsizeanim8.png" width="410" />
- <img src="http://u.cubeupload.com/kimmy/imgpshfullsizeanim7.png" width="410" />
- <img src="http://u.cubeupload.com/kimmy/imgpshfullsizeanim7.jpg" width="410" />
- <img src="http://u.cubeupload.com/kimmy/imgpshfullsizeanim6.png" width="410" />
- <img src="http://u.cubeupload.com/kimmy/imgpshfullsizeanim9.png" width="410" />
- <img src="http://u.cubeupload.com/kimmy/imgpshfullsizeanim6.jpg" width="410" />
- <img src="http://u.cubeupload.com/kimmy/imgpshfullsizeanim5.png" width="410" />
- <img src="http://u.cubeupload.com/kimmy/imgpshfullsizeanim6.png" width="410" />
- <img src="http://u.cubeupload.com/kimmy/imgpshfullsizeanim5.jpg" width="410" />
- <img src="http://u.cubeupload.com/kimmy/imgpshfullsizeanim4.png" width="410" />
- <img src="http://u.cubeupload.com/kimmy/imgpshfullsizeanim4.jpg" width="410" />
- <img src="http://u.cubeupload.com/kimmy/imgpshfullsizeanim3.png" width="410" />
- <img src="http://u.cubeupload.com/kimmy/imgpshfullsizeanim2.png" width="410" />
- <img src="http://u.cubeupload.com/kimmy/imgpshfullsizeanim2.jpg" width="410" />
- <img src="http://u.cubeupload.com/kimmy/imgpshfullsizeanim1.png" width="410" />
- <img src="http://u.cubeupload.com/kimmy/imgpshfullsizeanim1.jpg" width="410" />
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="footer">
- <span><br />✯ ✰✧ ✩ ✫ ✬ ✭ ✮ ✯ ✰✧ ✩ ✫ ✬ ✭ ✮ ✯ ✰✧ ✩ ✫ ✬ ✭ ✮ ✯ ✰✧ ✩ ✫ ✬ ✭ ✮ ✯ ✰✧ ✩ ✫ ✬ ✭ ✮ ✯ ✰✧ ✩ ✫ ✬ ✭ ✮ ✯ ✰✯ ✰✧ ✩ ✫ ✬ ✭ ✮ ✯ ✰✧ ✩ ✫ ✬ ✭ ✮ ✯ ✰✧ ✩ ✫ ✬ ✭ ✮ ✯ ✰✧ ✩
- </span>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement