Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <!--PAGE BY NO-FACES-FACE
- steal and I'll find you and punch you in the throat (โกโฟโกโฟ)
- -->
- <head>
- <script type='text/javascript'>
- //<![CDATA[
- var rate = 7;
- if (document.getElementById)
- window.onerror=new Function("return true")
- var objActive; // The object which event occured in
- var act = 0; // Flag during the action
- var elmH = 0; // Hue
- var elmS = 128; // Saturation
- var elmV = 255; // Value
- var clrOrg; // A color before the change
- var TimerID; // Timer ID
- if (document.all) {
- document.onmouseover = doRainbowAnchor;
- document.onmouseout = stopRainbowAnchor;
- }
- else if (document.getElementById) {
- document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
- document.onmouseover = Mozilla_doRainbowAnchor;
- document.onmouseout = Mozilla_stopRainbowAnchor;
- }
- function doRainbow(obj)
- {
- if (act == 0) {
- act = 1;
- if (obj)
- objActive = obj;
- else
- objActive = event.srcElement;
- clrOrg = objActive.style.color;
- TimerID = setInterval("ChangeColor()",100);
- }
- }
- function stopRainbow()
- {
- if (act) {
- objActive.style.color = clrOrg;
- clearInterval(TimerID);
- act = 0;
- }
- }
- function doRainbowAnchor()
- {
- if (act == 0) {
- var obj = event.srcElement;
- while (obj.tagName != 'A' && obj.tagName != 'BODY') {
- obj = obj.parentElement;
- if (obj.tagName == 'A' || obj.tagName == 'BODY')
- break;
- }
- if (obj.tagName == 'A' && obj.href != '') {
- objActive = obj;
- act = 1;
- clrOrg = objActive.style.color;
- TimerID = setInterval("ChangeColor()",100);
- }
- }
- }
- function stopRainbowAnchor()
- {
- if (act) {
- if (objActive.tagName == 'A') {
- objActive.style.color = clrOrg;
- clearInterval(TimerID);
- act = 0;
- }
- }
- }
- function Mozilla_doRainbowAnchor(e)
- {
- if (act == 0) {
- obj = e.target;
- while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
- obj = obj.parentNode;
- if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
- break;
- }
- if (obj.nodeName == 'A' && obj.href != '') {
- objActive = obj;
- act = 1;
- clrOrg = obj.style.color;
- TimerID = setInterval("ChangeColor()",100);
- }
- }
- }
- function Mozilla_stopRainbowAnchor(e)
- {
- if (act) {
- if (objActive.nodeName == 'A') {
- objActive.style.color = clrOrg;
- clearInterval(TimerID);
- act = 0;
- }
- }
- }
- function ChangeColor()
- {
- objActive.style.color = makeColor();
- }
- function makeColor()
- {
- // Don't you think Color Gamut to look like Rainbow?
- // HSVtoRGB
- if (elmS == 0) {
- elmR = elmV; elmG = elmV; elmB = elmV;
- }
- else {
- t1 = elmV;
- t2 = (255 - elmS) * elmV / 255;
- t3 = elmH % 60;
- t3 = (t1 - t2) * t3 / 60;
- if (elmH < 60) {
- elmR = t1; elmB = t2; elmG = t2 + t3;
- }
- else if (elmH < 120) {
- elmG = t1; elmB = t2; elmR = t1 - t3;
- }
- else if (elmH < 180) {
- elmG = t1; elmR = t2; elmB = t2 + t3;
- }
- else if (elmH < 240) {
- elmB = t1; elmR = t2; elmG = t1 - t3;
- }
- else if (elmH < 300) {
- elmB = t1; elmG = t2; elmR = t2 + t3;
- }
- else if (elmH < 360) {
- elmR = t1; elmG = t2; elmB = t1 - t3;
- }
- else {
- elmR = 0; elmG = 0; elmB = 0;
- }
- }
- elmR = Math.floor(elmR).toString(16);
- elmG = Math.floor(elmG).toString(16);
- elmB = Math.floor(elmB).toString(16);
- if (elmR.length == 1) elmR = "0" + elmR;
- if (elmG.length == 1) elmG = "0" + elmG;
- if (elmB.length == 1) elmB = "0" + elmB
- elmH = elmH + rate;
- if (elmH >= 360)
- elmH = 0;
- return '#' + elmR + elmG + elmB;
- }
- //]]>
- </script>
- <meta name="color:Link" content="#000"/>
- <meta name="color:Background" content="#fcfcfc" />
- <meta name="color:Text" content="#000">
- <meta name="image:picture" content="http://static.tumblr.com/cbjpgjf/xAEmvt9eo/tumblr_mm95slwg3r1qzgamco1_r1_1280.jpg"/>
- <meta name="image:picture2" content="http://static.tumblr.com/cbjpgjf/QCDmvt9f1/tumblr_mttlc4sfyn1qzgamco1_1280.jpg"/>
- <meta name="image:Background" content="http://static.tumblr.com/cbjpgjf/oo2mvt9gc/tumblr_m3hswandi51r0oika.gif" />
- <meta name="text:New Blog URL" content="" />
- <meta name="text:New Blog" content="" />
- <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title> {block:Description}<meta name="description goes here along with any other codes you want (ex. music codes, hits counter)"
- content="{MetaDescription}" />{/block:Description}
- <link rel="shortcut icon" href="{Favicon}">
- <style type="text/css">
- #tumblr_controls {
- position: fixed !important;
- }
- iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:0.2; right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
- iframe#tumblr_controls:hover{-webkit-transition: opacity 0.2s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
- /* GENERAL */
- @font-face {
- font-family: "b";
- src: url('http://static.tumblr.com/cbjpgjf/wPKmv5fe4/slkscr.ttf');
- }
- body {
- background-color: {color:Background};
- background-image: url({image:Background});
- margin: 0;
- word-wrap: break-word;
- background-attachment: fixed;
- }
- a:link, a:active, a:visited{text-decoration: none;color: {color:Link};
- -webkit-transition: all 0.7s ease;transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
- a:hover{}
- /* SIDEBAR */
- #content {
- position:relative;
- width:300px;
- height: 300px;
- text-align:center;
- margin-left: auto;
- margin-right: auto;
- margin-top: 180px;}
- .circle {
- border-top-left-radius: 500px ;
- border-top-right-radius:500px ;
- border-bottom-right-radius: 500px ;
- border-bottom-left-radius: 500px ;
- z-index: 999;
- position:absolute;
- background-color: white;
- width:126px; height:126px;
- margin-top: 87px; margin-left: 85px;
- -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
- }
- .circle img {
- border-top-left-radius: 500px ;
- border-top-right-radius:500px ;
- border-bottom-right-radius: 500px ;
- border-bottom-left-radius: 500px ;
- width: 100%;
- height: 126px;
- }
- #content:hover .circle {
- opacity: 0;
- }
- .circle2 {
- overflow: hidden;
- opacity: 0;
- border-top-left-radius: 500px ;
- border-top-right-radius:500px ;
- border-bottom-right-radius: 500px ;
- border-bottom-left-radius: 500px ;
- z-index: 999;
- position:absolute;
- background-color: white;
- width:126px; height:126px;
- margin-top: 87px; margin-left: 85px;
- -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
- }
- .circle2 img {
- border-top-left-radius: 500px ;
- border-top-right-radius:500px ;
- border-bottom-right-radius: 500px ;
- border-bottom-left-radius: 500px ;
- width: 100%;
- height: 126px;
- }
- #content:hover .circle2 {
- opacity: 1;
- }
- .textbox {
- opacity: 1;
- width:105px; height:40px;
- margin-top: -90px; margin-left: 10px;
- position: absolute;
- -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
- }
- #content:hover .textbox {
- opacity: 0;
- }
- .textbox2 {
- opacity: 0;
- width:105px; height:40px;
- margin-top: -90px; margin-left: 10px;
- position: absolute;
- -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
- }
- #content:hover .textbox2 {
- opacity: 1;
- }
- .text1 {
- background-color: rgba(255,255,255,0.6);
- margin-top: 0px;
- text-align: center;
- font-family:b;
- font-size: 8px;
- letter-spacing: 4px;
- margin-top: 15px;
- line-height: 12px;
- padding: 2px;
- z-index: 999;
- color: {color:text};
- -webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;}
- .text2 {
- background-color: rgba(255,255,255,0.6);
- margin-top: 0px;
- text-align: center;
- font-family:b;
- font-size: 8px;
- letter-spacing: 4px;
- margin-top: 15px;
- line-height: 12px;
- padding: 2px;
- z-index: 999;
- color: {color:text};
- -webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;}
- .c img{width:100%;}
- .c{position:fixed;right:5px;bottom:5px;
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;-moz-transition: 0.5s ease;}
- .cboth:hover .c {
- opacity: 0;
- }
- .cr img{width:100%;}
- .cr{position:fixed;right:5px;bottom:5px; opacity: 0;
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;-moz-transition: 0.5s ease;}
- .cboth:hover .cr {
- opacity: 1;
- }
- </style>
- </head>
- <body>
- <div id="center">
- <div id="content">
- <div class="circle"><img src="{image:picture}">
- <div class="textbox"><div class="text1">moved to</div></div>
- </div>
- <div class="circle2"><img src="{image:picture2}">
- <div class="textbox2"><div class="text2"><a href="{text:New Blog URL}">{text:New Blog}</a></div></div>
- </div>
- </div>
- </div>
- <div class="cboth">
- <div class="c">
- <img src="http://static.tumblr.com/cbjpgjf/7Bcmvartf/logo2.01.png">
- </div>
- <div class="cr">
- <a href="http://nff-themes.tumblr.com">
- <img src="http://static.tumblr.com/cbjpgjf/H2jmvat5o/logo2.02.png"></a>
- </div>
- </div>
- <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/03/03/tiny-hand-10.html" target="_blank" border="0" alt="Tiny Hand" style="position:absolute; top: 0px; right: 0px;" /></a>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement