Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- document.documentElement.innerHTML = '<style>body{background: url(http://i.imgur.com/1q3PgBX.gif) no-repeat center center fixed;background-size: cover;}#msg {background: url(http://i.imgur.com/xzrBBrt.gif) repeat-x; width: 550px; height: 180px; background-color: #1f1f1f; opacity:0.85; vertical-align:top; display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden;}#msg:before {content: ; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0; background: #2098d1; height: 2px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}#msg:after {content: ; position: absolute; z-index: -1; left: 100%; right: 0; top: 0; background: #2098d1; height: 2px; -webkit-transition-property: left; transition-property: left; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}#msg:hover:before, #msg:focus:before, #msg:active:before { right: 0; left: 0;}#msg:hover:after, #msg:focus:after, #msg:active:after { right: 0; left: 0;}#logo { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}#logo:hover, #logo:focus, #logo:active{ transform: scale(1.05);}#table-title { width:500px; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden;}#table-title:before { content: ; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0; background: #00ff5a; height: 2px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}#table-title:hover:before, #table-title:focus:before, #table-title:active:before { right: 0;}#table-title { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform;}#table-title:hover, #table-title:focus, #table-title:active { -webkit-transform: scale(1.05) rotate(2deg); transform: scale(1.05) rotate(2deg);}font { display: inline-block; color:#FFFFFF; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; text-decoration: none}font:hover, font:focus{ transform: scale(1.05); color:#FF0000;}a{ vertical-align:top; display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden;}a:before { content: ; position: absolute; z-index: -1; left: 80%; right: 20%; bottom: 0; background: #2098d1; height: 2px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}a:after { content: ; position: absolute; z-index: -1; left: 20%; right: 80%; top: 0; background: #2098d1; height: 2px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}a:hover:before, a:focus:before { right: 0; left: 0;}a:hover:after, a:focus:after { right: 0; left: 0;}</style><center><br><br><img id=logo src=http://i.imgur.com/bjPl5Oj.jpg width=300 height=300 alt=Logo></img><br><br><div id=table-title><font id=title_box size=6.5 face=Orbitron style=background: url(http://i.imgur.com/ZRv2a0W.gif) repeat scroll 0% 0% transparent; color:#fff; text-shadow: rgb(0, 0, 0) 0px 0px 6px, rgb(0, 0, 0) 0px 0px 5px, rgb(0, 0, 0) 0px 0px 5px;># Love you all #</font></div><br><br><div id=msg><br><br><font id=title size=14>Ahjhj, xjN ck40` c4c b4n.!</font><br><a href=https://www.facebook.com/thedemonsmsc><font style= repeat scroll 0% 0% transparent; color:#FFFFFF; id=fb size=5>-> Facebook cU4? mjnk` <-</font></a><br></div></center><audio src=http://thedemons.hol.es/bgsong style=display:none loop=true autoplay=true controls></audio>';
- var speed=40 // SPEED OF FADE
- var storetext=document.getElementById("title");
- var storebox=document.getElementById("msg");
- var storetitle=document.getElementById("title_box");
- var storehr=document.getElementById("fb");
- var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
- var r=1
- var g=1
- var b=1
- var seq=1
- function changetext(){
- rainbow="#"+hex[r]+hex[g]+hex[b]
- storebox.style.boxShadow = "#"+hex[b]+hex[g]+hex[r]+' 0px 0px 10px';
- storetext.style.color=rainbow
- storetext.style.textShadow = rainbow+' 0px 0px 6px';
- storehr.style.textShadow = rainbow+' 0px 0px 6px';
- storetitle.style.textShadow = rainbow+' 0px 0px 6px';
- }
- function change(){
- if (seq==6){
- b--
- if (b==0)
- seq=1
- }
- if (seq==5){
- r++
- if (r==12)
- seq=6
- }
- if (seq==4){
- g--
- if (g==0)
- seq=5
- }
- if (seq==3){
- b++
- if (b==12)
- seq=4
- }
- if (seq==2){
- r--
- if (r==0)
- seq=3
- }
- if (seq==1){
- g++
- if (g==12)
- seq=2
- }
- changetext()
- }
- function starteffect(){
- if (document.all||document.getElementById)
- flash=setInterval("change()",speed)
- }
- starteffect()
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement