Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- Devil Theme v.1
- Created by Cliffedgeoftheworld (cliffedgeoftheworld.tumblr.com)
- Please do not delete credit link or this box.
- Theme is best viewed on Google Chrome, with a resolution of 1280x800.
- *~*~HOW TO INSTALL~*~*
- 1) Copy this entire code.
- 2) Open up the customise.
- 3) Click on Edit HTML
- 4) Delete the code already in there.
- 5) Replace it with this code.
- 6) Hit Update Preview, and then Save.
- 7) Refresh the page, and press Save again.
- 8) If it wont let you paste in the box, or if it still does not work, use classic customize. (http://tumblr.com/customize-classic/)
- Thank you for using my theme!!! <3
- -->
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head><title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <meta name="text:Button Width" content="" />
- <meta name="text:Font Size" content="9px" />
- <meta name="text:Message Link Name" content="" />
- <meta name="if:Sidebar Background" content="1" />
- <meta name="if:Sidebar2 Background" content="1" />
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Sidebar" content="#ffffff"/>
- <meta name="color:Sidebar2text" content="#ffffff"/>
- <meta name="color:description" content="#a8a8a8"/>
- <meta name="color:Text" content="#a8a8a8"/>
- <meta name="color:Link" content="#b8b8b8"/>
- <meta name="color:Tags" content="f0f0f0"/>
- <meta name="color:Hover" content="#f2f2f2"/>
- <meta name="color:Line" content="#f2f2f2"/>
- <meta name="color:Border" content="#e4e4e4"/>
- <meta name="color:Post" content="#ffffff"/>
- <meta name="color:Answer" content="#f8f8f8"/>
- <meta name="image:sidebar" content=""/>
- <meta name="image:background" content=""/>
- <meta name="text:Link 1" content="" />
- <meta name="text:Link 1 Text" content="" />
- <meta name="text:Link 2" content="" />
- <meta name="text:Link 2 Text" content="" />
- <meta name="text:Link 3" content="" />
- <meta name="text:Link 3 Text" content="" />
- <meta name="text:Link 4" content="" />
- <meta name="text:Link 4 Text" content="" />
- <meta name="text:Link Hover" content="Hover for Links" />
- <meta name="if:RainbowLinks" content="1" />
- <meta name="if:Show Link 1" content="1" />
- <meta name="if:Show Link 2" content="1" />
- <meta name="if:Show Link 3" content="1" />
- <meta name="if:Show Link 4" content="1" />
- <meta name="if:Caption" content="1" />
- <meta name="if:Tags" content="1" />
- <meta name="color:scrollbar" content="#ffffff"/>
- <meta name="color:scrollbarbackground" content="#ffffff"/>
- <meta name="text:Description2" content="" />
- <meta name="text:Link 5" content="" />
- <meta name="text:Link 5 Text" content="" />
- <meta name="text:Link 6" content="" />
- <meta name="text:Link 6 Text" content="" />
- <meta name="text:Link 7" content="" />
- <meta name="text:Link 7 Text" content="" />
- <meta name="text:Link 8" content="" />
- <meta name="text:Link 8 Text" content="" />
- <meta name="text:Link 9" content="" />
- <meta name="text:Link 9 Text" content="" />
- <meta name="text:Link 10" content="" />
- <meta name="text:Link 10 Text" content="" />
- <meta name="if:Show Link 5" content="1" />
- <meta name="if:Show Link 6" content="1" />
- <meta name="if:Show Link 7" content="1" />
- <meta name="if:Show Link 8" content="1" />
- <meta name="if:Show Link 9" content="1" />
- <meta name="if:Show Link 10" content="1" />
- <meta name="color:sidebarx" content="#ffffff"/>
- <meta name="color:sidebar2" content="#ffffff"/>
- <style type="text/css">
- /* --- SCROLLBAR ---*/
- ::-webkit-scrollbar {width: 9px; height: 3px; background:{color:scrollbarbackground};}
- ::-webkit-scrollbar-thumb {background-color:{color:scrollbar} ; }
- * {
- font-family: {font:body};
- {block:ifanimation}
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- transition: all 0.3s ease;
- -o-transition: all 0.3s ease;
- {/block:ifanimation}
- }
- /* --- BODY ---*/
- body {
- background:{color:background};
- background-image:url('{image:Background}');
- background-repeat: repeat;
- background-position: top center;
- background-attachment: fixed;
- margin:0px;
- color:{color:text};
- font-family:Calibri;
- font-size:{text:Font Size};
- line-height:100%;
- }
- a {
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- color:{color:link};
- }
- img {
- border:none;
- }
- blockquote {
- padding-left:5px;
- border-left:2px solid;
- }
- blockquote blockquote {
- padding-left:5px;
- border-left:2px solid;
- }
- h1 {
- font-size:{text:Font Size};
- text-transform:uppercase;
- }
- a:hover {
- opacity:10;
- color:{color:hover};
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease
- }
- /* --- POST ENTRIES ---*/
- #entries {
- padding:10px;
- width:400px;
- margin-left:450px;
- margin-top:0px;
- font-size:{text:font size};
- }
- /* --- BODY: POSTS ---*/
- #post {
- width:400px;
- padding-bottom:20px;
- padding:10px;
- margin-top:10px;
- background-color:{color:Post};
- }
- /* --- SIDEBAR IMAGE ---*/
- #sidebar2 {
- margin-top:-4px;
- margin-left: 977px;
- position:fixed;
- width:100px;
- height:100%;
- border: 4px double {color:border} ;
- opacity:.8;
- {block:IfSidebar2Background}
- background-color:{color:sidebar2};
- {/block:IfSidebar2Background}
- }
- #sidebar {
- width:120px;
- position:fixed;
- margin-left:260px;
- margin-top:150px;
- opacity:.8;
- {block:IfSidebarBackground}
- background-color:{color:sidebarx};
- {/block:IfSidebarBackground}
- }
- #sidebarimage {
- width 100px;
- margin-top: 7px;
- }
- #sidebarimage img {
- width:100px;
- border:double 4px;
- padding:6px;
- border-color: {color:border};
- background-color:{color:Sidebar};
- }
- /* --- SIDEBAR LINKS ---*/
- #linksys{
- width:{text:button width};
- font-size:16px;
- text-align:center;
- margin-top:30px;
- border: 4px double {color:border};
- }
- .links {
- width:105px;
- height:5px;
- padding-left:6px;
- padding-top:1px;
- font-size:8px;
- font-family:'calibri';
- text-align:left;
- margin-top:-2px;
- margin-left:-5px;
- text-align:left;
- text-transform:uppercase;
- word-spacing:2px;
- position:fixed;
- padding-bottom:7px;
- }
- .links a {
- font-size: 8px;
- }
- .links a:hover {
- color:{color:Hover}
- }
- /* --- DESCRIPTION ---*/
- #description2 {
- font-family:cambria;
- line-height:90%;
- font-size:9px;
- font-style:italic;
- width:100px;
- padding-left:1px;
- padding-top:70px;
- margin-left:0px;
- text-align:left;
- color:{color:sidebar2text};
- }
- #description2 a {color:{color:text}; -moz-transition-duration:0.4s;
- -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;}
- #description {
- font-family:cambria;
- line-height:90%;
- font-size:9px;
- font-style:italic;
- width:100px;
- padding-left:1px;
- padding-top:7px;
- margin-left:0px;
- text-align:left;
- color:{color:description};
- }
- #description a {color:{color:text}; -moz-transition-duration:0.4s;
- -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;}
- /* --- PAGINATION & LINKS---*/
- #meow a {
- display:block;
- width:auto;
- }
- #meow .cat {
- margin-top:-10px;
- filter: alpha(opacity = 0);
- opacity:0;
- -webkit-transition: all 1s ease-out;
- -moz-transition: all 1s ease-out;transition: all 1s ease-out;
- line-height:15px;
- }
- #meow:hover .cat {
- margin-top:5px;line-height:15px;
- -webkit-transition: all s ease-out;
- -moz-transition: all 1s ease-out;transition: all 1s ease-out;
- filter: alpha(opacity = 80);
- filter: alpha(opacity = 100);
- opacity:100;
- }
- #pagination {
- width:100px;
- font-size:8px;
- text-align:center;
- margin-left:0px;
- margin-top:60px;
- position:fixed;
- font-family:consolas;
- letter-spacing:0px;
- }
- /* --- POST INFO ---*/
- #info {
- text-align:left;
- margin-top:10px;
- text-transform:uppercase;
- font-size:8px;
- font-style:none;
- border-top:1px solid {color:Line}
- }
- /* --- POST TAGS---*/
- #tags {
- font-family:cambria;
- letter-spacing:0px;
- text-transform:lowercase;
- font-size:10px;
- font-style:italic;
- width: 400px;
- height: auto;
- font-size: 7px;
- margin-left: 0px;
- position: relative;
- line-height:10px;
- padding: 10px;
- letter-spacing: 0px;
- z-index:9999;
- text-align: left;
- }
- #tags
- a {display:inline;background-color:{color:Tags};padding:-3px;text-align:left;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
- /* --- QUESTIONS ---*/
- #asker {
- padding:5px;
- font-family:cambria;
- letter-spacing:1px;
- text-align:left;
- font-style:italic;
- margin-left:10px;
- border-left:3px #eee solid;
- background-color:{color:background}
- }
- {CustomCSS}
- </style>
- {block:IfRainbowLinks}
- <script type='text/javascript'>
- //<![CDATA[
- var rate = 50;
- 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>
- {/block:IfRainbowLinks}
- </head>
- <body>
- <div id="sidebar">
- <a href="/">{Title}</a>
- <div id="sidebarimage"><a href="/"><img src="{image:sidebar}"></a></div>
- <div id="description">
- {Description}
- </div>
- <br>
- <div id="meow">
- <div class="links">
- {text:Link Hover}
- <div class="cat" >
- <a href="/">home</a>
- <a href="/ask">{text:Message Link Name}</a>
- {block:IfShowLink1}<a href="{text:Link 1}">{text:Link 1 Text}</a>{/block:IfShowLink1}
- {block:IfShowLink2}<a href="{text:Link 2}">{text:Link 2 Text}</a>{/block:IfShowLink2}
- {block:IfShowLink3}<a href="{text:Link 3}">{text:Link 3 Text}</a>{/block:IfShowLink3}
- {block:IfShowLink4}<a href="{text:Link 4}">{text:Link 4 Text}</a>{/block:IfShowLink4}
- </div>
- </div>
- </div>
- </div>
- <div id="sidebar2">
- <div id="description2">
- <center>{text:Description2}</center>
- <br>
- <center>{block:IfShowLink5}<a href="{text:Link 5}"><div id="linksys">{text:Link 5 Text}</div></a>{/block:IfShowLink5}
- {block:IfShowLink6}<a href="{text:Link 6}"><div id="linksys">{text:Link 6 Text}</div></a>{/block:IfShowLink6}
- {block:IfShowLink7}<a href="{text:Link 7}"><div id="linksys">{text:Link 7 Text}</div></a>{/block:IfShowLink7}
- {block:IfShowLink8}<a href="{text:Link 8}"><div id="linksys">{text:Link 8 Text}</div></a>{/block:IfShowLink8}
- {block:IfShowLink9}<a href="{text:Link 9}"><div id="linksys">{text:Link 9 Text}</div></a>{/block:IfShowLink9}
- {block:IfShowLink10}<a href="{text:Link 10}"><div id="linksys">{text:Link 10 Text}</div></a>{/block:IfShowLink10}
- <a href="http://cliffedgeoftheworld.tumblr.com"><div id="linksys">Theme</div></a>
- {block:Pagination}<div id="pagination">
- {block:PreviousPage}<a href="{PreviousPage}">previous</a> {/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
- </div>{/block:Pagination}
- </center>
- </div>
- </div>
- <div id="entries">{block:Posts}<div id="post">
- {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
- {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:IfCaption}{Caption}{/block:IfCaption}{/block:Photo}
- {block:Photoset}{Photoset-400}{block:IfCaption}{Caption}{/block:IfCaption}{/block:Photoset}
- {block:Quote}{Quote}{/block:Quote}
- {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
- {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
- <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
- <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
- {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
- {/block:Audio}
- {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}<div id="asker"><span style="font-family:cambria;font-size:{text:Font size};font-style:italic;">✎ {Asker}: </span>{Question}</div><left><font face="cambria">{Answer}</font>{/block:Answer}
- <div id="info">
- <br>posted <a href="{Permalink}">{TimeAgo}</a> {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}(<a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a>){/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} with <a href="{Permalink}">{NoteCountWithLabel}</a>
- <div id="tags"> {block:IfTags} {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{/block:IfTags}</div>
- </div></div>
- {/block:Posts}
- {/block:Posts}
- {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
- {/block:Posts}</div></div></div>
- <br></br>
- <!--
- DO NOT DELETE ANYTHING BELOW
- -->
- <div style="position:fixed;bottom:3px; right:3px; font-size:7px; letter-spacing:1px; font-family:cambria;"><a href="http://cliffedgeoftheworld.tumblr.com/">©</a></center></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement