Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- ▌ ᴛʜᴇᴍᴇ ᴇsᴘᴇᴄɪᴀʟʟʏ ᴍᴀᴅᴇ ꜰᴏʀ ʟᴇɴᴀ ᴏɴʟʏ
- ▌ ᴘʟᴇᴀsᴇ ᴅᴏ ɴᴏᴛ ʀᴇᴅsᴛʀɪʙᴜᴛᴇ, ᴄᴏᴘʏ, ᴏʀ sᴛᴇᴀʟ ɪɴ ᴀɴʏ ᴡᴀʏ
- ▌ ᴍᴀᴅᴇ ᴡɪᴛʜ ʟᴏᴠᴇ ᴀɴᴅ ᴄᴀʀᴇ ᴏɴ ᴅᴇᴄ 21, 2017 ʙʏ ᴛᴀɴᴊᴀ
- --->
- <head>
- <script>function changeNavigation(id){document.getElementById('home').innerHTML=document.getElementById(id).innerHTML}</script>
- <script language=javascript>document.title=(" ℓєηα ")</script>
- <link href="https://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet">
- <style type="text/css">
- .logo_div, .fpix_header, .topad, .fpix_asl_table, .profile_text,
- .nc_profile, #left_container, #profilephoto, #flash_close_butt,
- #start_chat_but, .uppermenu, #buyers_ad, #flashcontent, .yellow_but,
- .bottombar, .byline, .top-links { visibility: hidden; display: none;}
- a, a:visited, a:active { text-decoration: none; color: #f8cedb;}
- a:hover { text-decoration: none; color: #ee8baa;}
- ::-webkit-scrollbar-track { border-radius: 2px; background-color: #FFEBF1;}
- ::-webkit-scrollbar { width: 5px; background-color: #fcf0f4;}
- ::-webkit-scrollbar-thumb { border-radius: 2px; background-color: #ee8baa;}
- ::-moz-selection { background: #ee8baa; color: #fff; }
- ::selection { background: #ee8baa; color: #fff;}
- body {
- background-image: url('https://i.imgur.com/J1P5Zdz.gif')!important;
- background-repeat: repeat;
- background-color: #FFEBF1!important;
- cursor: url("http://i.imgur.com/YnUpmd3.png"), auto;
- font-family: arial;
- font-size: 10px;
- color: #999;
- }
- #container {
- position: fixed;
- top: 0; bottom: 0;
- left: 0; right: 0;
- margin: auto;
- width: 500px;
- height: 510px;
- -webkit-animation: animationFrames ease-in 2s;
- -webkit-animation-iteration-count: 1;
- -webkit-transform-origin: 50% 50%;
- -webkit-animation-fill-mode: forwards;
- }
- @-webkit-keyframes animationFrames {
- 0% {
- opacity: 0;
- -webkit-transform: translate(-25px,-20px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translate(-25px,-20px);
- }
- }
- #title {
- position: absolute;
- top: 255px; left: -20px;
- text-shadow: 2px 2px #f8cedb;
- font-family: 'Great Vibes', cursive;
- font-weight: normal;
- font-size: 70px;
- color: #ee8baa;
- opacity: 1;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- z-index: 1;
- }
- #container:hover #title{
- opacity: 0;
- }
- #one {
- position: fixed;
- box-shadow: 10px 10px 10px #f8cedb;
- -webkit-transition: all 0.8s ease-in-out;
- -moz-transition: all 0.8s ease-in-out;
- -o-transition: all 0.8s ease-in-out;
- -ms-transition: all 0.8s ease-in-out;
- transition: all 0.8s ease-in-out;
- }
- #container:hover #one{
- opacity: 0;
- }
- #two {
- position: fixed;
- box-shadow: 10px 10px 10px #f8cedb;
- opacity: 0;
- -webkit-transition: all 0.8s ease-in-out;
- -moz-transition: all 0.8s ease-in-out;
- -o-transition: all 0.8s ease-in-out;
- -ms-transition: all 0.8s ease-in-out;
- transition: all 0.8s ease-in-out;
- }
- #container:hover #two {
- opacity: 1;
- }
- #description {
- position: absolute;
- background-color: #fff;
- top: 280px;
- margin: auto;
- width: 500px; height: 200px;
- box-shadow: 10px 10px 10px #f8cedb;
- opacity: 0;
- -webkit-transition: all 0.8s ease-in-out;
- -moz-transition: all 0.8s ease-in-out;
- -o-transition: all 0.8s ease-in-out;
- -ms-transition: all 0.8s ease-in-out;
- transition: all 0.8s ease-in-out;
- z-index: 2;
- }
- #container:hover #description {
- top: 300px;
- opacity: 1;
- }
- #navi {
- position: absolute;
- float: left;
- top: 10px;
- }
- .fadein {
- opacity: 0;
- opacity: 1;
- -webkit-animation: fadeIn ease-in 1;
- -moz-animation: fadeIn ease-in 1;
- animation: fadeIn ease-in 1;
- -webkit-animation-fill-mode: forwards;
- -moz-animation-fill-mode: forwards;
- animation-fill-mode: forwards;
- -webkit-animation-duration: 1s;
- -moz-animation-duration: 1s;
- animation-duration: 1s;}
- }
- @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
- @-moz-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
- @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
- #home {
- position: absolute;
- left: 135px;
- top: 20px;
- background-color: #fcf0f4;
- width: 320px;
- height: 110px;
- text-align: justify;
- padding: 10px;
- box-shadow: 5px 5px 1px #f8cedb;
- overflow: auto;
- }
- .sub {
- background: #fcf0f4;
- width: 100px;
- margin: 10px;
- display: block;
- text-align: center;
- text-transform: uppercase;
- line-height: 25px;
- letter-spacing: 2px;
- font-weight: bold;
- font-size: 10px;
- color: #f8cedb;
- border-left: 2px solid #f8cedb;
- box-shadow: 5px 5px 1px #f8cedb;
- transition: all .3s ease-in-out;
- -o-transition: all .3s ease-in-out;
- -ms-transition: all .3s ease-in-out;
- -moz-transition: all .3s ease-in-out;
- -webkit-transition: all .3s ease-in-out;
- cursor: pointer;
- }
- .sub:hover { border-left: 5px solid #ee8baa; color: #ee8baa;}
- .accs {
- display: inline-block;
- width: 40px;
- height: 40px;
- margin: 7px 10px;
- border-radius: 50%;
- }
- .accs:hover {
- -webkit-animation:spin 1.5s linear infinite;
- -moz-animation:spin 1.5s linear infinite;
- animation:spin 1.5s linear infinite;
- }
- @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
- @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
- @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
- .accs img {
- width: 40px;
- height: 40px;
- border-radius: 50%;
- }
- #credit {
- position: absolute;
- background-color: #fcf0f4;
- width: 500px;
- height: 20px;
- bottom: 6px;
- margin: auto;
- line-height: 10px;
- text-align: center;
- font-size: 10px;
- color: #999;
- }
- blockquote {
- border-left: 5px solid #f8cedb;
- padding-left: 5px;
- display: inline-block;
- margin: 5px;
- }
- </style>
- </head>
- <body>
- <div id="container">
- <div id="one"><img src="https://i.postimg.cc/MZncKSrf/1223.gif" draggable="false"/></div>
- <div id="two"><img src="https://i.postimg.cc/sgq6qy8P/ezgif-1-9e0ac83665f4.gif" draggable="false" /></div>
- <div id="title">Shoukaku!</div>
- <div id="description">
- <div id="navi">
- <div onclick="changeNavigation('a')" class="sub">Home</div>
- <div onclick="changeNavigation('b')" class="sub">About Me</div>
- <div onclick="changeNavigation('c')" class="sub">Friends</div>
- <div onclick="changeNavigation('d')" class="sub">Accounts</div>
- </div>
- <div id="home">
- <div style="text-align: center;" class="fadein">
- <p>Welcome!</p>
- <p>Welcome to my profile! Please use the menu on the side to navigate!</p>
- <p>Special thanks to my friend Tanchan for making my new full! It's so adorable! Hope everyone has a great 2018!</p>
- </div>
- </div>
- <div id="a" style="display: none;">
- <div style="text-align: center;" class="fadein">
- <p>Welcome!</p>
- <p>Welcome to my profile! Please use the menu on the side to navigate!</p>
- <p>Special thanks to my friend Tanchan for making my new full! It's so adorable! Hope everyone has a great 2018!</p>
- </div>
- </div>
- <div id="b" style="display: none;">
- <div class="fadein">
- <blockquote>About Me</blockquote>
- <p>My name is Lena. I'm Asian, but live in Canada. My likes are: Being active (nature walks hiking etc.), Cooking, Drawing, Anime/Manga, and Gaming!! Also cute things! You can message me on other social medias: Skype: koalanap, Kik: LenaLeesang, Discord: Lena#0022. Please msg me for snapchat / facebook / and or whatsapp. </p>
- </div>
- </div>
- <div id="c" style="display: none;">
- <div style="text-align: center;" class="fadein">
- <div class="accs"><a href="http://mirayukai.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/m/i/mirayukai/thumb.jpg"></a></div>
- <div class="accs"><a href="http://candy.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/c/a/candy/thumb.jpg"></a></div>
- <div class="accs"><a href="http://tanja.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/t/a/tanja/thumb.jpg"></a></div>
- <div class="accs"><a href="http://helen.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/h/e/helen/thumb.jpg"></a></div>
- <div class="accs"><a href="http://shimiyo.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/s/h/shimiyo/thumb.jpg"></a></div>
- <div class="accs"><a href="http://gracious.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/g/r/gracious/thumb.jpg"></a></div>
- <div class="accs"><a href="http://hana.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/h/a/hana/thumb.jpg"></a></div>
- <div class="accs"><a href="http://wife.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/w/i/wife/thumb.jpg"></a></div>
- <div class="accs"><a href="http://katrinadandd.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/k/a/katrinadandd/thumb.jpg"></a></div>
- <div class="accs"><a href="http://akinano.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/a/k/akinano/thumb.jpg"></a></div>
- </div>
- </div>
- <div id="d" style="display: none;">
- <div style="text-align: center;" class="fadein">
- <div class="accs"><a href="http://02.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/0/2/02/thumb.jpg"></a></div>
- <div class="accs"><a href="http://perv.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/p/e/perv/thumb.jpg"></a></div>
- <div class="accs"><a href="http://kanna.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/k/a/kanna/thumb.jpg"></a></div>
- <div class="accs"><a href="http://shiina.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/s/h/shiina/thumb.jpg"></a></div>
- <div class="accs"><a href="http://ia.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/i/a/ia/thumb.jpg"></a></div>
- <div class="accs"><a href="http://holiday.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/h/o/holiday/thumb.jpg"></a></div>
- <div class="accs"><a href="http://sexy.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/s/e/sexy/thumb.jpg"></a></div>
- <div class="accs"><a href="http://shimakaze.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/s/h/shimakaze/thumb.jpg"></a></div>
- <div class="accs"><a href="http://hestia.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/h/e/hestia/thumb.jpg"></a></div>
- <div class="accs"><a href="http://lena.chatango.com/" target="_blank"><img src="http://fp.chatango.com/profileimg/l/e/lena/thumb.jpg"></a></div>
- </div>
- </div>
- <div id="credit">
- <blockquote><b>Theme :</b> Merry Christmas!</blockquote>
- <blockquote><b>Created :</b> Dec 21, 2017</blockquote>
- <blockquote><b>Created by :</b> <a href="http://tanja.chatango.com/" target="_blank">Tanja</a></blockquote>
- </div>
- </div>
- </div>
- <iframe width="0" height="0" src="https://www.youtube.com/embed/C3E5fb39xcs?autoplay=1" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
- <div style="position:fixed; bottom:0px; right:0px;"><script src="//barrykun.com/vl.js" anons="true" private="true"></script></div>
- </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement