Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- Theme Alyssa
- Created by Cliffedgeoftheworld (cliffedgeoftheworld.tumblr.com)
- Please do not delete the credit link and do not delete 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/)
- If you are experiencing any problems with this theme, please message me. (http://cliffedgeoftheworld.tumblr.com/ask)
- Thank you for using my theme ilyyyy<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}">
- <meta name="text:Title Margin" content="40px" />
- <meta name="text:Sidebar Width" content="250px" />
- <meta name="text:Ask Link" content="idk" />
- <meta name="text:Extra" content="eekd" />
- <meta name="text:Extra Title" content="updates" />
- <meta name="if:sidepic" content="0" />
- <meta name="if:rainbowlinks" content="0" />
- <meta name="if:border" content="0">
- <meta name="font:title" content="Trebuchet MS" />
- <meta name="font:body" content="Trebuchet MS" />
- <meta name="font:description" content="Trebuchet MS" />
- <meta name="color:background" content="#f0f8fc" />
- <meta name="color:linkz" content="#ffffff" />
- <meta name="color:post" content="#e3eff5" />
- <meta name="color:sidebar" content="#e3eff5" />
- <meta name="color:description" content="#6783a2" />
- <meta name="color:text" content="#6783a2" />
- <meta name="color:scrollbar" content="#6783a2" />
- <meta name="color:question" content="#6783a2" />
- <meta name="image:sidebar img" content="" />
- <meta name="image:background" content="" />
- <meta name="image:sidepic2" content="" />
- <meta name="if:Extratab" content="1" />
- <meta name="if:CustomLink5" content="0">
- <meta name="if:CustomLink1" content="0">
- <meta name="if:CustomLink2" content="0">
- <meta name="if:CustomLink3" content="0">
- <meta name="if:CustomLink4" content="0">
- <meta name="if:CustomLink5" content="0">
- <meta name="text:Link 1 Title" content="custom link">
- <meta name="text:Link 1" content="http://">
- <meta name="text:Link 2 Title" content="custom link">
- <meta name="text:Link 2" content="http://">
- <meta name="text:Link 3 Title" content="custom link">
- <meta name="text:Link 3" content="http://">
- <meta name="text:Link 4 Title" content="custom link">
- <meta name="text:Link 4" content="http://">
- <meta name="text:Link 5 Title" content="custom link">
- <meta name="text:Link 5" content="http://">
- <style type="text/css">
- ::-webkit-scrollbar {width: 9px; height: 3px; background: #FFFFFF;}
- ::-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 {
- background: {color:background};
- background-image: url('{image:background}');
- margin: 0;
- padding: 0;
- font-family: {font:Body};
- background-attachment:fixed;
- }
- a{text-decoration:none; color:{color:linkz}}
- #title {
- font-family:{font:title};
- color:{color:text};
- font-size:18px;
- font-style:bold;
- text-align:center;
- text-decoration:none;
- margin-top:{text:Title Margin};
- }
- #hover{
- color:{color:linkz}
- }
- #sidebar {
- position:fixed;
- margin-left:900px;
- width:{text:sidebar width};
- height:100%;
- padding:5px;
- background-color:{color:sidebar};
- background-image: url('{image:sidepic2}');
- background-position: center;
- }
- {block:ifsidepic}
- #sidebarpic img {
- margin-bottom:20px;
- max-width:250px;
- height:auto;
- text-align:center;
- }
- {/block:ifsidepic}
- #description {
- margin-top:2px;
- width: 250px;
- font-size:11px;
- text-align:justify;
- color:{color:description};
- font-family:{font:description};
- }
- #entry {
- font-size:20px;
- margin-left: 290px;
- margin-top:10px;
- float: left;
- text-align: justify;
- }
- #post {
- font-size:10px;
- padding: 5px;
- width: 500px;
- background-color:{color:post};
- color:{color:text};
- text-align: justify;
- {block:ifborder}border: 4px double #000000;{/block:ifborder}
- }
- #eeps {
- font-size:13px;
- background-color:{color:question};
- }
- {CustomCSS}
- {block:IfExtratab}
- #updates {
- text-align: center;
- font-size: 11px;
- position:fixed;
- left:5px;
- top:-155px;
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- z-index:999;
- }
- #updates:hover {top:0px;}
- #update {
- border-right-style:solid;
- border-bottom-style:solid;
- border-left-style:solid;
- border-width:1px;
- border-color:#E0E0E0;
- padding: 5px 0 5px 0;
- background: #fff;
- width:115px;
- height:145px;
- border-bottom-right-radius: 4px;
- -moz-border-radius-bottomright: 4px;
- -webkit-border-bottom-right-radius: 4px;
- z-index: 9999;
- }
- #updatestab {
- border-top-style:none;
- border-right-style:solid;
- border-bottom-style:solid;
- border-left-style:solid;
- border-width:1px;
- border-color:#E0E0E0;
- text-align: center;
- height:8px;
- padding: 2px 0 8px 0;
- background:#fff;
- border-bottom-left-radius: 4px;
- -moz-border-radius-bottomleft: 4px;
- -webkit-border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px;
- -moz-border-radius-bottomright: 4px;
- -webkit-border-bottom-right-radius: 4px;
- width: 60px;
- }
- {/block:IfExtratab}
- </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>
- {block:IfExtratab}
- <div id="updates">
- <div id="update">
- <center>{text:Extra}</center>
- </center></div>
- <div id="updatestab">{text:Extra Title}</div>
- </div>
- {/block:IfExtratab}
- <div id="sidebar">
- <center>
- <div id="title"><a href="/">{Title}</a></div></center>
- {block:ifsidepic}<div id="sidebarpic"><a href="/"><img src="{image:sidebar img}"/></a></div>{/block:ifsidepic}
- <div id="description">{block:Description}<center>{Description}</center>{/block:Description}</div>
- <br>
- <center>
- <small>
- <a href="/">home</a>
- <p><a href="/ask">{text:Ask Link}</a></p>
- {block:IfCustomLink1}
- <p><a href="{text:Link 1}">{text:Link 1 Title}</a></p>
- {/block:IfCustomLink1}
- {block:IfCustomLink2}
- <a href="{text:Link 2}">{text:Link 2 Title}</a>
- {/block:IfCustomLink2}
- {block:IfCustomLink3}
- <p><a href="{text:Link 3}">{text:Link 3 Title}</a></p>
- {/block:IfCustomLink3}
- {block:IfCustomLink4}
- <a href="{text:Link 4}">{text:Link 4 Title}</a>
- {/block:IfCustomLink4}
- {block:IfCustomLink5}
- <p><a href="{text:Link 5}">{text:Link 5 Title}</a></p>
- {/block:IfCustomLink5} {block:HasPages}
- {block:Pages}
- <p><a href="{URL}">{Label}</a></p>
- {/block:Pages}
- {/block:HasPages}
- <a href="http://modernise.us">theme</a><br>
- </small>
- </center>
- <br></br>
- <center>
- </div>
- <div id="entry">
- {block:Posts}
- <div id="post">
- {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
- {block:Quote}<h2>“{Quote}” — {Source}</h2>{/block:Quote}
- {block:Link}<div id="links"><a href="{URL}" class="link" {Target}> <h2>{Name}</h2></a></div>
- {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
- {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Chat}{block:Title}<t>{Title}</t><br>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}
- <div id="eeps">
- <div class="question">
- <b>{Asker}</b> asked:<br>
- {Question}</div></div>{Answer}
- {/block:Answer}
- {block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
- <div id="info">posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} • <a href="{Permalink}">{NoteCount}</a> notes{/block:NoteCount}{block:RebloggedFrom} (<a href="{ReblogParentURL}">{ReblogParentName}</a>
- {block:ContentSource} source <a href="{SourceURL}">{SourceLink}</a>){block:ContentSource}{/block:RebloggedFrom}<br>
- {block:IfTags}{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{/block:IfTags}</div></div><br>
- {/block:Posts}
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {block:PreviousPage}<a href="{PreviousPage}"><font-size="10">Newer</font></a>{/block:PreviousPage} {block:NextPage} <a href="{NextPage}"><font-size="10">Older</font></a>{/block:NextPage}
- </center>
- </div>
- <div style="bottom:5px;right:5px;display:block;position:fixed;font-size:15px;"><a href="http://cliffedgeoftheworld.tumblr.com">CREDIT</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement