Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- background-color: #272727;padding: 10px;}a, a:link, a:active{text-decoration:none; color:#151515;}/* easy - credits to xat.me/hauntzer :) */.fakeButtons{height: 10px; width: 10px; border-radius: 50%; border: 1px solid #000; position: relative; top: 6px; left: 6px; background-color: #ff3b47; border-color: #9d252b; display: inline-block;}.fakeButtons2{height: 10px; width: 10px; border-radius: 50%; border: 1px solid #000; position: relative; top: 6px; left: 6px; background-color: #ffc100; border-color: #9d802c; display: inline-block;}.fakeButtons3{ height: 10px; width: 10px; border-radius: 50%; border: 1px solid #000; position: relative; top: 6px; left: 6px; background-color: #00d742; border-color: #049931; display: inline-block;}.fakeMenu{ width: 350px; box-sizing: border-box; height: 25px; background-color: #bbb; margin: 0 auto; border-top-right-radius: 5px; border-top-left-radius: 5px;}.fakeScreen{ background-color: #151515; box-sizing: border-box; width: 350px; margin: 0 auto; padding: 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}p{ position: relative; left: 50%; margin-left: -8.5em; text-align: left; font-size: 1.25em; font-family: monospace; white-space: nowrap; overflow: hidden; width: 0;}span{ color: #fff; font-weight: bold;}.line1{ color: #9CD9F0; -webkit-animation: type .5s 1s steps(20, end) forwards; -moz-animation: type .5s 1s steps(20, end) forwards; -o-animation: type .5s 1s steps(20, end) forwards; animation: type .5s 1s steps(20, end) forwards;}.cursor1{ -webkit-animation: blink 1s 2s 2 forwards; -moz-animation: blink 1s 2s 2 forwards; -o-animation: blink 1s 2s 2 forwards; animation: blink 1s 2s 2 forwards;}.line2{ color: #CDEE69; -webkit-animation: type .5s 4.25s steps(20, end) forwards; -moz-animation: type .5s 4.25s steps(20, end) forwards; -o-animation: type .5s 4.25s steps(20, end) forwards; animation: type .5s 4.25s steps(20, end) forwards;}.cursor2{ -webkit-animation: blink 1s 5.25s 2 forwards; -moz-animation: blink 1s 5.25s 2 forwards; -o-animation: blink 1s 5.25s 2 forwards; animation: blink 1s 5.25s 2 forwards;}.line3{ color: #E09690; -webkit-animation: type .5s 7.5s steps(20, end) forwards; -moz-animation: type .5s 7.5s steps(20, end) forwards; -o-animation: type .5s 7.5s steps(20, end) forwards; animation: type .5s 7.5s steps(20, end) forwards;}.cursor3{ -webkit-animation: blink 1s 8.5s 2 forwards; -moz-animation: blink 1s 8.5s 2 forwards; -o-animation: blink 1s 8.5s 2 forwards; animation: blink 1s 8.5s 2 forwards;}.line4{ color: #fff; -webkit-animation: type .5s 10.75s steps(20, end) forwards; -moz-animation: type .5s 10.75s steps(20, end) forwards; -o-animation: type .5s 10.75s steps(20, end) forwards; animation: type .5s 10.75s steps(20, end) forwards;}.cursor4{ -webkit-animation: blink 1s 11.5s infinite; -moz-animation: blink 1s 8.5s infinite; -o-animation: blink 1s 8.5s infinite; animation: blink 1s 8.5s infinite;}@-webkit-keyframes blink {0% { opacity: 0; }40% { opacity: 0; }50% { opacity: 1; }90% { opacity: 1; }100% { opacity: 0; } }@-moz-keyframes blink {0% { opacity: 0; }40% { opacity: 0; }50% { opacity: 1; }90% { opacity: 1; }100% { opacity: 0; } }@-o-keyframes blink {0% { opacity: 0; }40% { opacity: 0; }50% { opacity: 1; }90% { opacity: 1; }100% { opacity: 0; } }@keyframes blink {0% { opacity: 0; }40% { opacity: 0; }50% { opacity: 1; }90% { opacity: 1; }100% { opacity: 0; } }@-webkit-keyframes type { to { width: 17em; } }@-moz-keyframes type { to { width: 17em; } }@-o-keyframes type { to { width: 17em; } }@keyframes type { to { width: 17em; } }*{font-family:monospace;}
- <br /><br /><br /><br /><br /><br /><br /><br />
- <p class="line1"><a href="http://xat.me/null"></a> <a href="http://xat.me/null"></a></p>
- <p class="line2"><a href="http://xat.me/null"></a> <a href="http://xat.me/null"></a></p>
- <div class="fakeMenu">
- <div class="fakeButtons"></div>
- <div class="fakeButtons2"></div>
- <div class="fakeButtons3"></div>
- </div>
- <div class="fakeScreen">
- <p class="line1">[ “Welcome to my xatspace.”,<span class="cursor1">_</span></p>
- <p class="line2"> “My name is Marvin.”,<span class="cursor2">_</span></p>
- <p class="line3"> “xat.me/Foreigners.” ]<span class="cursor3">_</span></p>
- <p class="line4">><span class="cursor4">_</span></p>
- </div>
- <embed src="http://youtube.com/v/Qbs2CzDW_9s&autoplay=1&loop=1&showinfo=0&controls=0" type="application/x-shockwave-flash" height="0" width="0"></embed></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement