Create a new version of paste:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<!--- Theme by iamthemelocked
DO NOT REMOVE THE CREDIT
DO NOT COPY
DO NOT CLAIM AS YOUR OWN
IF YOU DO THEN I´LL MAKE YOU INTO SHOES
BIT NOT GOOD, ISN´T IT?--->
 
<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="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:0,tip_fade_speed:600,attribute:"title"});});})(jQuery);</script>

<meta name="if:Subtitle Bar" content="1"/>
<meta name="if:Black And White Posts" content="0"/>
<meta name="if:Post Images Upon Scroll" content="1">
<meta name="if:Show Captions" content="1"/>
<meta name="if:Colour Tags" content="1">
<meta name="if:Tags Upon Hover" content="0">
<meta name="if:Infinite Scroll" content="0">
<meta name="if:Tiny Cursor" content="1">
    
<meta name="font:Post Font" content="Sofia Pro" />
<meta name="font:Description Font" content="Sofia Pro" />
<meta name="font:Tags Font" content="Sofia Pro" />
 
<meta name="text:Post Font Size" content="10px"/>
<meta name="text:Description Font Size" content="8px"/>
<meta name="text:Tags Font Size" content="7px"/>
 
<meta name="color:Background" content="#ffffff"/>
<meta name="color:Post Background" content="#f0efef"/>
<meta name="color:Post Text" content="#222222"/>
<meta name="color:Post Links" content="#b6b6b6"/>

<meta name="color:Header" content="#000000"/>
<meta name="color:Subtitle Bar" content="#df6c7a" />
<meta name="color:Links" content="#ffffff"/>
<meta name="color:Titles" content="#ffffff"/>
<meta name="color:Description" content="#ffffff"/>
<meta name="color:Pagination" content="#ffffff"/>
 
<meta name="color:Accent 1" content="#df6c7a" />
<meta name="color:Accent 2" content="#df9a6c" />
<meta name="color:Accent 3" content="#e5de71" />
<meta name="color:Accent 4" content="#8bea71" />
<meta name="color:Accent 5" content="#70e7d3" />
 
<meta name="color:Tags" content="#000000"/>
<meta name="color:Tags Hover" content="#ffffff"/>
 
<meta name="color:Tooltip Accent" content="#000000"/>
<meta name="color:Tooltip Text" content="#ffffff"/>
<meta name="color:Selection" content="#df6c7a"/>
<meta name="color:Scrollbar" content="#000000"/>

<meta name="image:Sidebar Big Image" content=""/>
 
<meta name="image:Little Icon 1" content=""/>
<meta name="image:Little Icon 2" content=""/>
<meta name="image:Little Icon 3" content=""/>
<meta name="image:Little Icon 4" content=""/>
<meta name="image:Little Icon 5" content=""/>

<meta name="text:Title" content="In the darkness, two shadows, reaching through the hopeless, heavy dusk. "/>
<meta name="text:Subtitle" content="Their hands meet, and light spills in a flood like a hundred golden urns pouring out of the sun."/>
 
<meta name="text:Home Link Title" content="Go Back"/>
<meta name="text:Link 2 Title" content="Leave a message"/>
<meta name="text:Link 2 Url" content="/ask"/>
<meta name="text:Link 3 Title" content="Submissions"/>
<meta name="text:Link 3 Url" content="/submit"/>
<meta name="text:Link 4 Title" content="This will be your 4th Link"/>
<meta name="text:Link 4 Url" content="http://"/>
<meta name="text:Link 5 Title" content="This will be your 5th Link"/>
<meta name="text:Link 5 Url" content="http://"/>
 
<meta name="text:Link 6 Title" content="Your 6th Link"/>
<meta name="text:Link 6 Url" content="http://"/>
<meta name="text:Link 7 Title" content="Your 7th Link"/>
<meta name="text:Link 7 Url" content="http://"/>
<meta name="text:Link 8 Title" content="Your 8th Link"/>
<meta name="text:Link 8 Url" content="http://"/>
<meta name="text:Link 9 Title" content="Your 9th Link"/>
<meta name="text:Link 9 Url" content="http://"/>
<meta name="text:Link 10 Title" content="Your 10th Link"/>
<meta name="text:Link 10 Url" content="http://"/>
 
<meta name="color:Tab Text" content="#222222"/>
<meta name="color:Tab Links" content="#b6b6b6"/>
<meta name="color:Tab Links Hover" content="#000000"/>

<meta name="if:Updates Tab" content="1"/>

<!---INFINTE SCROLL --->
 
{block:IfInfiniteScroll}
<script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
{/block:IfInfiniteScroll}
{block:IfNotInfiniteScroll}{/block:IfNotInfiniteScroll}
 
<!---INFINTE SCROLL --->
 
<!--- SPECIAL FONTS --->
 
<link href='http://fonts.googleapis.com/css?family=Disco' rel='stylesheet' type='text/css'>
 
<link href='http://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'>
 
<link href='http://fonts.googleapis.com/css?family=Aguafina Script' rel='stylesheet' type='text/css'>
 
<link href='http://fonts.googleapis.com/css?family=Wisdom Script' rel='stylesheet' type='text/css'>
 
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
 
<!--- SPECIAL FONTS --->
 
<style type="text/css">
    
::-webkit-scrollbar-thumb:vertical {
height:10px; border:2px solid {color:background}; background-color:{color:Scrollbar};}
 
::-webkit-scrollbar-thumb:horizontal {
background-color:{color:Accent 1};}
 
::-webkit-scrollbar {
width:11px; height:5px; border:5px solid {color:background}; background-color:{color:Scrollbar};}
 
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{display:block; height:7px; border-right:2px solid {color:background}; border-left:2px solid {color:background}; background-color:{color:Scrollbar};}
 
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:.4;padding:4px;}

/* --- SCROLLBAR ---*/

/* --- BODY ---*/
 
#s-m-t-tooltip{
position:absolute;
margin-top: 15px;
z-index:9999999999999;
color:{color:Tooltip Text};
box-shadow:inset 350px 0 0 0 {color:Tooltip Accent};
text-transform:uppercase;
letter-spacing:0.5px;
font-family:calibri;
line-height:13px;
max-width:300px;
border:4px double {color:background};
font-size:8px;
padding:0.5px 3px 0.5px 3px;
-webkit-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
-o-transition:all 0.4s;
transition:all 0.4s;
}

body {
color: {color:Post Text};
background-color:{color:background};
font: 9px 'Trebuchet MS', sans-serif;
}

b, strong {color: color:{color:Post text};word-wrap:normal;}
i, em {color: color:{color:Post text};word-wrap:normal;}
p {margin-top:5px;margin-bottom:5px}
ol {list-style:normal;}
ul {list-style:square;}
small {font-size:8px;} 
big {font-size:10px;}

blockquote {
padding-left:10px;
margin-left:10px;
margin-top:5px;
border-left:1px solid;
}

a {
text-decoration:none;
outline:none;
font-weight:bold;
word-wrap:initial;
font-family: {text:Post Font};
font-size: {text:Post Font Size};
color:{color:Post Links};
-moz-outline-style:none;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
}

a:hover {
text-decoration:none;
outline:none;
-moz-outline-style:none;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
}

a:hover:nth-child(5n+1){color:{color:Accent 1};}
a:hover:nth-child(5n+2){color:{color:Accent 2};}
a:hover:nth-child(5n+3){color:{color:Accent 3};}
a:hover:nth-child(5n+4){color:{color:Accent 4};}
a:hover:nth-child(5n+5){color:{color:Accent 5};}

h1 {
font-size:22px;
text-align:left;
line-height:120%;
text-transform:lowercase;
line-height:15px;
color:{color:General Links};
font-family:"wisdom script";
}

h1:first-letter {
text-transform:uppercase;
}

pre { 
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
font-weight:bold;
font-size:8px;
font-family:"DISCO";
text-transform:uppercase;
}

pre a{ 
font-size:8px;
}

.caption {
text-align:left;
display:block;
}

.caption img {
max-width:450px;
}

/* --- BODY ---*/

/* --- POST ENTRIES ---*/

#entries {
margin-left: 170px;
margin-top:0px;
padding-top:60px;
padding-bottom:45px;
font-family: {font:Post Font};
}

#post {
margin-top:0px;
margin-bottom:5px;
width:500px;
position:relative;
word-wrap:normal;
font-family: {font:Post Font};
font-size: {text:Post Font Size};
background:{color:Post Background};
padding:30px;
{block:IfBlackandWhitePosts}
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
}
 
#post:hover {
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
filter: grayscale(0%);
{block:IfBlackandWhitePosts}
}

#container {
width:900px;
margin: 0 auto;
}

#headerborder {
width:100%;
height:6px;
margin-top:-1px;
background:{color:background};
overflow-y:hidden;
}
 
.headercolour {
width:20%;
height:100%;
float:left;
opacity:1;
}

/* --- POST ENTRIES ---*/

/* --- SIDEBAR ---*/
 
#header {
position:fixed;
width:100%;
height:50px;
top:0;
z-index:999999999;
left:0;
background:{color:Header};
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition:all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
}

#sidebar {
position:fixed;
width:50%;
height:50%;
display:block;
top:38%;
z-index:9999999999999999999999999999999999;
left:35%;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition:all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
}

#button {
display:inline-block;
position:fixed;
top:5px;
left:-2px;
z-index:10;
z-index:9999999999999;
width:25px;
padding:0px;
border:0;
}

#button hr {
display:block;
height:5px;
width:5px;
margin-bottom:0px;
background-color:{color:Accent 1};
}

#button hr:hover:nth-child(1n+1){background-color:{color:Accent 2};}
#button hr:hover:nth-child(2n+2){background-color:{color:Accent 3};}
#button hr:hover:nth-child(3n+3){background-color:{color:Accent 4};}

.bg {
position:fixed;
top:0%;
right:0;
left:0;
display:none;
height:100%;
opacity:0.94;
z-index:9999999;
background-color:{color:Header};
}

.click .bg {
display:block;
}

#bottomheader {
position:fixed;
width:100%;
height:40px;
max-width:100%;
bottom:0;
z-index:99999999999999999999999999999999999999999999999999999999999999;
left:0;
background: {color:Header};
}

/* --- IMAGE ---*/
 
#image1 img{
width:40px;
height:40px;
margin-top:5px;
position:fixed;
margin-left:25px;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition:all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
}
 
#image1 img:hover{
opacity:0.6;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition:all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
}
 
#image2 img{
width:170px;
height:170px;
top:0px;
left:0px;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition:all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
}
 
#image3 img{
width:22px;
height:22px;
margin-top:-34px;
padding:4px;
border:1px solid {color:Links};
position:fixed;
margin-left:184px;
}
 
#image4 img{
width:22px;
height:22px;
margin-top:-34px;
padding:4px;
border:1px solid {color:Links};
position:fixed;
margin-left:222px;
}
 
#image5 img{
width:22px;
height:22px;
padding:4px;
margin-top:-34px;
border:1px solid {color:Links};
position:fixed;
margin-left:260px;
}

#image6 img{
width:22px;
height:22px;
margin-top:-34px;
padding:4px;
border:1px solid {color:Links};
position:fixed;
margin-left:298px;
} 
 
#image7 img{
width:22px;
height:22px;
margin-top:-34px;
padding:4px;
border:1px solid {color:Links};
position:fixed;
margin-left:336px;
}

/* --- IMAGE ---*/
 
/* --- LINKS ---*/
 
#links {
bottom:11px;
width:auto;
height:22px;
position:fixed;
opacity:1;
text-align:left;
height:auto;
margin-left:20px;
z-index:99999999999999999;
position: fixed;
}
 
#links a {
height:auto;
font-size:10px;
font-family:calibri;
display:inline-block;
text-transform:uppercase;
padding:0px;
margin:2px 20px;
text-shadow:{color:Links} 0px 0px 0px;
color:{color:Links};
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
}

#links a:hover:nth-child(5n+1)
{text-shadow:{color:Links} 5px 5px 1px;color:{color:Accent 1};}
#links a:hover:nth-child(5n+2)
{text-shadow:{color:Links} 5px 5px 1px;color:{color:Accent 2};}
#links a:hover:nth-child(5n+3)
{text-shadow:{color:Links} 5px 5px 1px;color:{color:Accent 3};}
#links a:hover:nth-child(5n+4)
{text-shadow:{color:Links} 5px 5px 1px;color:{color:Accent 4};}
#links a:hover:nth-child(5n+5)
{text-shadow:{color:Links} 5px 5px 1px;color:{color:Accent 5};}
 
#links2 {
margin-top:-174px;
width:auto;
height:18px;
position:fixed;
opacity:1;
text-align:left;
height:auto;
margin-left:180px;
z-index:99999999999999999;
}
 
#links2 a {
height:5px;
width:5px;
display:inline-block;
margin:2px;
background:{color:Links};
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
}
 
#links2 a:hover:nth-child(5n+1){background:{color:Accent 1};}
#links2 a:hover:nth-child(5n+2){background:{color:Accent 2};}
#links2 a:hover:nth-child(5n+3){background:{color:Accent 3};}
#links2 a:hover:nth-child(5n+4){background:{color:Accent 4};}
#links2 a:hover:nth-child(5n+5){background:{color:Accent 5};}
 
/* --- LINKS ---*/
 
/* --- TITLE ---*/
 
#title {
width:100%;
left:73px;
margin-top:16px;
height:10px;
padding:3px 5px;
position:fixed;
line-height:110%;
letter-spacing:1px;
font-size:10px;
text-align:left;
text-shadow:{color:Titles} 3px 3px 1px;
color:{color:Titles};
font-weight:bold;
font-family:calibri;
text-transform:uppercase;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
}
 
#title:hover {
color:{color:Accent 1};
text-shadow:{color:Titles} 0px 0px 1px;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
}
 
#subtitle {
width:100%;
left:-320px;
margin-top:-100px;
height:20px;
padding:3px 0px 3px 20px;
position:fixed;
line-height:220%;
letter-spacing:1px;
font-size:9px;
{block:ifSubtitleBare}
display:block;
{/block:ifSubtitleBare}
{block:ifNotSubtitleBare}
display:none;
{/block:ifNotSubtitleBare}
background:{color:Subtitle Bar};
text-align:left;
text-shadow:{color:Titles} 2px 2px 2px;
color:{color:Titles};
z-index:999999;
font-weight:bold;
transform:rotate(270deg);
-ms-transform:rotate(270deg);
-webkit-transform:rotate(270deg);
font-family:calibri;
text-transform:uppercase;
}
 
/* --- TITLE ---*/
 
/* --- DESCRIPTION ---*/
 
#description {
color:{color:Description};
font: 8px 'Calibri', sans-serif;
letter-spacing: 1px;
text-transform: uppercase;
text-align:justify;
height:90px;
text-indent:70px;
z-index:0;
width:190px;
margin-left:182px;
position:absolute;
overflow:auto;
margin-top:-175px;
}
 
#description a{
color:{color:Accent 1};
font: 8px 'Calibri', sans-serif;
letter-spacing: 1px;
}
 
#description a:hover{
color:{color:Description};
}
 
/* --- DESCRIPTION ---*/
 
#pagination {
width:190px;
position:fixed;
margin-left:180px;
height:auto;
padding:1px;
text-align:center;
margin-top:-68px;
}
 
#pagination a {
color:{color:Pagination};
font-family:calibri;
font-size:10px;
text-transform:uppercase;
padding:0.5px 5px;
margin:0px 0px;
width:auto;
background:{color:Accent 1};
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
}
 
#pagination a:hover {
background:{color:Accent 2};
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
}
 
.current {
padding: 2.2px 5px;
margin: 0px 0.5px;
font-size:9px;
background:{color:Accent 2};
color:{color:Pagination};
}

/* --- POST INFO ---*/
 
#post:hover .perma {opacity:1;}
 
.perma {
height:100%;
padding:1px 0px;
top:30px;
margin-top:-30px;
margin-left:-30px;
left:30px;
position:absolute;
opacity:0;
z-index:99999;
color:{color:Post Text};
font-size:20px;
letter-spacing:-1px;
line-height:0px;
text-align:center;
text-transform:lowercase;
background:{color:Background};
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
width:560px;
}
 
#info {
position:absolute;
width:560px;
height:120px;
opacity:1;
margin-top:0px;
margin-left:0px;}
 
.notes {
margin-top:40px;
position:relative;
margin-bottom:70px;
color:{color:Post Text};
font-size:20px;
font-family:Helvetica;}
 
.notes a {
font-family:Helvetica;
background:none;
font-size:20px;
text-transform:lowercase;
color:{color:Post Links};}
 
.notes a:hover:nth-child(3n+1){color:{color:Accent 2};}
.notes a:hover:nth-child(3n+2){color:{color:Accent 3};}
.notes a:hover:nth-child(3n+3){color:{color:Accent 4};}
 
#urls {
width:560px;
margin-top:6px;
height:auto;
display:inline-block;
margin-left:0px;
}
 
#from a {font-family:calibri;padding:2px 3px 2px 1px;background:none;font-size:9px;text-transform:uppercase;color:white;letter-spacing:0.5px;background:{color:Accent 1};font-weight:normal;}
 
#from a:hover {padding-left:30px;}
 
#from{
width:330px;
display:block;
position:absolute;
height:auto;
margin-top:-8px;
margin-left:0px;
line-height:18px;
text-align:left;
}
 
#by{
width:330px;
height:auto;
margin-top:-8px;
display:block;
position:absolute;
margin-left:230px;
line-height:18px;
text-align:right;
}
 
#by a {font-family:calibri;padding:2px 2px 2px 3px;background:none;font-size:9px;text-transform:uppercase;color:white;letter-spacing:0.5px;background:{color:Accent 5};font-weight:normal;}
 
#by a:hover {padding-right:30px;}
 
.reblog a:hover {color:{color:Accent 3};}
 
#info2 {
background:{color:Post Text};
color:#fff;
opacity:1;
letter-spacing:1px;
margin:auto;
width:175px;
height:10px;
font-size:8px;
font-family:calibri;
text-align:center;
margin-top:10px;
text-transform:uppercase;
padding:3px;
}
 
#info2 a{
color:#ffffff;
font-size:8px;
font-family:calibri;
text-align:center;
text-transform:uppercase;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
}
 
#info2 a:hover:nth-child(3n+1){color:{color:Accent 1};}
#info2 a:hover:nth-child(3n+2){color:{color:Accent 2};}
#info2 a:hover:nth-child(3n+3){color:{color:Accent 3};}
 
#via{
width:200px;
height:15px;
margin-left:-20px;
margin-top:-12px;
}
 
#org1 img{
width:14px;
height:14px;
border:1px solid {color:Post Text};
margin-left:-192px;
margin-top:-1px;
display:inline-block;
}
 
#org2{
margin-top:-17px;
}
 
#org2 img{
width:14px;
height:14px;
border:1px solid {color:Post Text};
margin-left:203px;
margin-top:-1px;
display:inline-block;
}
 
/* --- POST INFO ---*/
 
/* --- POST TAGS ---*/
 
#tags {
width:500px;
padding:2px 30px;
background:{color:background};
margin-left:0px;
font-size: {text:Tags Font Size};
margin-top:16px;
overflow:hidden;
height:auto;
word-wrap: break-word;
font-family: {font:Tags Font};
text-align: center;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;    
}
 
{block:ifColourTags}
#tags a:nth-child(5n+1)
{background-color:{color:Accent 1};color:{color:Tags Hover};}
#tags a:nth-child(5n+2)
{background-color:{color:Accent 2};color:{color:Tags Hover};}
#tags a:nth-child(5n+3)
{background-color:{color:Accent 3};color:{color:Tags Hover};}
#tags a:nth-child(5n+4)
{background-color:{color:Accent 4};color:{color:Tags Hover};}
#tags a:nth-child(5n+5)
{background-color:{color:Accent 5};color:{color:Tags Hover};}
 
#tags a:hover {
background:none;
border:1px solid {color:Tags};
color:{color:Tags};}
{/block:ifColourTags}
 
{block:ifNotColourTags}
#tags a:hover:nth-child(5n+1)
{background-color:{color:Accent 1};color:{color:Tags Hover};}
#tags a:hover:nth-child(5n+2)
{background-color:{color:Accent 2};color:{color:Tags Hover};}
#tags a:hover:nth-child(5n+3)
{background-color:{color:Accent 3};color:{color:Tags Hover};}
#tags a:hover:nth-child(5n+4)
{background-color:{color:Accent 4};color:{color:Tags Hover};}
#tags a:hover:nth-child(5n+5)
{background-color:{color:Accent 5};color:{color:Tags Hover};}
{/block:ifNotColourTags}
 
#tags a {
margin:2px;
border-radius:1px;
padding:0px 4px;
line-height:16px;
text-transform: uppercase;
font-size: {text:Tags Font Size};
font-weight:bold;
border:1px solid transparent;
letter-spacing:0.5px;
{block:ifNotColourTags}
color:{color:Tags};
{/block:ifNotColourTags}
font-family: {font:Tags Font};
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;    
}
 
#tags2 {
width:500px;
padding: 2px;
margin-left:0px;
font-size: {text:Tags Font Size};
margin-top:3px;
{block:ifTagsUponHover}
opacity:0;
{block:ifTagsUponHover}
overflow:hidden;
font-weight:bold;
word-break:break-word;
font-family: {font:Tags Font};
text-align: center;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;    
}
 
{block:ifTagsUponHover}
#post:hover #tags2{
opacity:1;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;    
}
{/block:ifTagsUponHover}
 
{block:ifColourTags}
#tags2 a:nth-child(5n+1)
{background-color:{color:Accent 1};color:{color:Tags Hover};}
#tags2 a:nth-child(5n+2)
{background-color:{color:Accent 2};color:{color:Tags Hover};}
#tags2 a:nth-child(5n+3)
{background-color:{color:Accent 3};color:{color:Tags Hover};}
#tags2 a:nth-child(5n+4)
{background-color:{color:Accent 4};color:{color:Tags Hover};}
#tags2 a:nth-child(5n+5)
{background-color:{color:Accent 5};color:{color:Tags Hover};}
{/block:ifColourTags}
 
{block:ifNotColourTags}
#tags2 a:hover:nth-child(5n+1)
{background-color:{color:Accent 1};color:{color:Tags Hover};}
#tags2 a:hover:nth-child(5n+2)
{background-color:{color:Accent 2};color:{color:Tags Hover};}
#tags2 a:hover:nth-child(5n+3)
{background-color:{color:Accent 3};color:{color:Tags Hover};}
#tags2 a:hover:nth-child(5n+4)
{background-color:{color:Accent 4};color:{color:Tags Hover};}
#tags2 a:hover:nth-child(5n+5)
{background-color:{color:Accent 5};color:{color:Tags Hover};}
{/block:ifNotColourTags}
   
#tags2 a {
margin:2.5px 1px;
border-radius:1px;
padding:0px 2.5px;
line-height:16px;
text-transform: uppercase;
font-size: {text:Tags Font Size};
font-weight:bold;
letter-spacing:0.5px;
color:{color:Tags};
{block:ifColourTags}
border:1px solid transparent;
{/block:ifColourTags}
{block:ifNotColourTags}
border:1px solid {color:Tags};
{/block:ifNotColourTags}
font-family: {font:Tags Font};
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;    
}
 
#tags2 a:hover {
background:none;
color:{color:Tags};
{block:ifColourTags}
border:1px solid {color:Tags};
{/block:ifColourTags}
{block:ifNotColourTags}
border:1px solid transparent;
{/block:ifNotColourTags}
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;    
}
 
/* --- POST TAGS ---*/
 
/* --- QUOTES ---*/
 
#mark {
font: bold 40px georgia;
margin-top:-38px;
margin-left:-30px;
position: absolute;
float:left;
z-index:99;
color:{color:Accent 1};
transform:rotate(180deg);
-ms-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
}
 
#quote {
background-color:transparent;
padding:15px;
font-family:'lato', helvetica, arial;
text-align:left;
font-weight:bold;
font-size:11px;
border:2px solid {color:Post Text};
color:{color:Post Text};
}
 
#quote:first-letter {
font-weight:bold;
font-size:14px;
text-align:center;
font-family:'lato', helvetica, arial;
text-transform:uppercase;
color:{color:Accent 2};
}
 
#source {
padding-top:5px;
margin-top:4px;
padding-left:40px;
padding-bottom:5px;
text-align:left;
text-transform:uppercase;
border:2px solid transparent;
background-color:none;
color:{color:Post Text};
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition:all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
}
 
#source:hover {
border:2px solid {color:Accent 1};
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition:all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
}
 
/* --- QUOTES ---*/
 
/* --- AUDIO PLAYER ---*/
 
#audio {
position:relative;
min-height:60px;}
 
#audioimage {
width:60px;
height:60px;
position:absolute;
z-index:2;}
 
#audioimage img {
margin-left:0px;
}
 
#audiobackground {
margin-top:5px;  
margin-left:5px;
width:50px;
height:50px;
z-index:3;
position:absolute;
opacity:0.2;
background-color:white;
-webkit-transition:all 0.6s ease-out;
-moz-transition:all 0.6s ease-out;
transition:all 0.6s ease-out;}
 
#audiobackground:hover {
opacity:0.8;
transform:rotate(360deg);
-ms-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
background-color:#ffffff;
-webkit-transition:all 0.6s ease-out;
-moz-transition:all 0.6s ease-out;
transition:all 0.6s ease-out;}
 
#audioplayer {
width:20px;
height:20px;
margin-top:11px;
margin-left:11px;
overflow:hidden;}
 
#audiobig {
width:400px;
height:70px;
overflow:hidden;}
 
#audioinfo {
background-color:transparent;
font-size:8px;
font-family: {text:Post Font};
color:#b6b6b6;
text-transform:uppercase;
height:6px;
width:405px;
padding:4px;
line-height:90%;
margin-bottom:1.5px;
margin-top:1px;
margin-left:68px;
text-align:left;
}
 
#audioinfo b{
color:{color:post text};
padding:0.5px 2px;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition:all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
}
 
#audioinfo:hover b{
margin-left:40px;
color:{color:Background};
margin-right:4px;
background:{color:Accent 1};
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition:all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;}
 
/* --- AUDIO PLAYER ---*/
 
/* --- CHATS ---*/
   
ul.chat {
margin:0px;
padding:0px;
}
 
.chat li {
list-style-type:none;
margin-left:0px;
padding:4px;
}
 
.odd .label {
color:{color:Accent 1};
}
 
.even .label {
color:{color:Accent 2};
}
 
.label {
font-weight:bold;
text-transform:uppercase;
font-family: {text:Post Font};
letter-spacing:1px;
font-size:8px;
}
 
.chat li.odd {
background-color:{color:Background};
margin-bottom:1px;
}
 
.chat li.even {
background-color:{color:Post Background};
opacity:1;
margin-bottom:1px;
}
 
#ll {
padding:10px;
font-size:9px;
text-transform:uppercase;
text-align:left;
letter-spacing:2px;
border:10px double {color:background};
font-family:calibri;
background:{color:Accent 2};
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition:all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
}
 
#ll a{
font-size:9px;
text-transform:uppercase;
font-weight:normal;
letter-spacing:2px;
font-family:calibri;
background:none;
color:#ffffff;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition:all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
}
 
#ll a:hover{
background:none;
color:{color:Post Text};
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition:all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
}
 
#post:hover #ll {
background:{color:Accent 3};
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition:all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
}
 
#post:hover #ll:hover {
background:{color:Accent 4};
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition:all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
}
 
/* --- CHATS ---*/
 
/* --- QUESTIONS ---*/
 
#question {
padding:15px;
font-family: {text:Post Font};
letter-spacing:1px;
font-weight:bold;
color:{color:post text};
border:2px solid {color:post text};
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition:all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
}    
 
#post:hover #question {
border:2px solid {color:Accent 1};
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition:all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
}
 
#post:hover #question:hover {
border:2px solid {color:Accent 2};
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition:all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
}  
 
#ask {
float:right;
text-align:right;
}
 
#asker {
margin-top:-8px;
margin-right:-3px;
padding:0px 4px 0px 8px;
text-align:right;
text-transform:uppercase;
letter-spacing:0px;
background:{color:Post background};
color:{color:General Links};
}
 
#asker a {
color:{color:Post Links};
font-size:10px;
font-weight:normal;
font-family: {text:Post Font};
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition:all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
}
 
#asker a:hover {
color:{color:post text};
background:none;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition:all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
}
 
#portrait {
height:16px;
opacity:1;
width:16px;
background:transparent;
float:right;
margin-right:8px;
margin-top:-6px;
border:1px solid {color:post text};
padding:2px;
}
 
#replies {
margin-top:18px;
padding:15px;
font-family: {text:Post Font};
letter-spacing:1px;
border:2px solid {color:post text};
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition:all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
}
 
#replies img{
max-width:520px;    
}
 
#me {
margin-top:-22px;
margin-left:-12px;
width:155px;
text-transform:uppercase;
padding:0px 4px 0px 4px;
font-family: {text:Post Font};
font-size:10px;
text-align:left;
letter-spacing:0px;
background:{color:Post background};
color:{color:General Links};
}
 
#meportrait {
height:16px;
opacity:1;
width:16px;
background:transparent;
float:left;
margin-right:5px;
margin-top:-6px;
border:1px solid {color:post text};
padding:2px;
}
 
#meportrait img {
margin-left:0px;
}
 
#post:hover #replies {
border:2px solid {color:Accent 1};
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition:all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
}
 
#post:hover #replies:hover {
border:2px solid {color:Accent 2};
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition:all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
}    
 
/* --- QUESTIONS ---*/
 
/* --- NOTES ---*/
 
.pagenotes a {text-decoration:none;font-family:{text:Post Font};background:none;color:{color:Post Links};}
 
ol.notes {
font-weight:none;
background:none;
text-align:left;
font-family:{text:Post Font};
font-size:8px;
margin-left:0px;
height:150px;
width:522px;
overflow:auto;
margin-top:30px;
list-style-type:upper-roman;
}
 
ol.notes li.note {
padding:5px;
color:{color:Post Text};
background:{color:Post Background};
margin:2px 0;
width:500px;
list-style-type:upper-roman;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition:all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
}
 
ol.notes li.note a{
font-size:8px;  
}
 
ol.notes li.note:hover {
background:transparent;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition:all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
}
 
ol.notes li.note img.avatar {
width:0px;
height:0px;
}
 
/* --- NOTES ---*/
 
/* --- PAGE PAGINATION ---*/
 
.pagepagination{
position:absolute;
width:560px;
margin-top:2px;
margin-left:0px;
margin-right:auto;
}
 
.pagepagination a{
display:inline-block;
color:#ffffff;
text-transform:uppercase;
font-family:{text:Post Font};
font-size:7px;
padding:0 2% 0 2%;
background:{color:Post Text};
}
 
.pagepagination a:hover:nth-child(2n+1)
{background:{color:Accent 4};color:#ffffff;}
.pagepagination a:hover:nth-child(2n+2)
{background:{color:Accent 5};color:#ffffff;}
 
/* --- PAGE PAGINATION ---*/
 
/* --- SELECTION ---*/
 
::selection {
background-color:none;
color:{color:Selection};
}
 
::-moz-selection {
background-color:none;
color:{color:Selection};
}  
 
/* --- SELECTION ---*/

/* --- DON´T DELETE THE CREDIT PLEASE ---*/
 
.credit, .credit a {
width:15px;
height:15px;
bottom:7px;
right:10px;
padding:4px;
font-size:9px;
letter-spacing:2px;
color:#ffffff;
z-index:999999999999999999999999999999999999999999999999999999999999;
line-height:15px;
position:fixed;
text-align:center;
font-family:calibri;
text-transform:uppercase;
background-color:{color:Accent 1};
border:1px solid #cccccc;
-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;
}
 
.credit a:hover {
-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;
background-color:{color:Header};
color:{color:Links};
transform:rotate(360deg);
-ms-transform:rotate(360deg);
-webkit-transform:rotate(360deg);}
 
/* --- DON´T DELETE THE CREDIT PLEASE ---*/
 
/* UPDATES TAB */
 
#tab16 {
position:fixed;
right:-115px;
top:60px;
width:130px;
font-size:11px;
padding:10px;
}
 
#tab16 a{
text-decoration:none;
background:none;
padding:0.5px 2px;
color:{color:Tab Links};
font-size:8px; /* --- CHANGE THE LINK FONT SIZE HERE ---*/
-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;
}
 
#tab16 a:hover{
background:none;
color:{color:Tab Links Hover};
font-size:8px; /* --- CHANGE THE LINK FONT SIZE HERE ---*/
-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;
}
 
/* UPDATES TAB */
 
/* --- UPDATES TAB BOX 1 ---*/
 
#tab16line1 {
height:10px;
width:10px;
display: inline-block;
position:fixed;
opacity:1;
background-color:{color:Accent 1};
}
 
#tab16line1:hover #tab16textbox1{
width:80px;
height:120px;
padding-right:20px;
opacity:1;
-webkit-transition:0.7s;
-moz-transition:0.7s;
-ms-transition:0.7s;
-o-transition:0.7s;
transition:0.7s;
}
 
#tab16textbox1 {
width:0px;
height:0px;
color:{color:Tab Text};
font-family:calibri; /* CHANGE FONT HERE */
font-size:8px; /* CHANGE FONT SIZE HERE */
line-height:110%;
border-top:2px solid {color:Accent 1};
padding-top:5px;
margin-top:4px;
margin-right:0px;
float:right;
text-transform:uppercase;
overflow:hidden;
opacity:1;
text-align:right;
-webkit-transition:0.7s;
-moz-transition:0.7s;
-ms-transition:0.7s;
-o-transition:0.7s;
transition:0.7s;
}
 
/* --- UPDATES TAB BOX 1 ---*/
 
/* --- UPDATES TAB BOX 2 ---*/
 
#tab16line2 {
height:10px;
width:10px;
display: inline-block;
position:fixed;
margin-top:14px;
opacity:1;
background-color: {color:Accent 2};
}
 
#tab16line2:hover #tab16textbox2{
width:80px;
height:120px;
padding-right:20px;
opacity:1;
-webkit-transition:0.7s;
-moz-transition:0.7s;
-ms-transition:0.7s;
-o-transition:0.7s;
transition:0.7s;
}
 
#tab16textbox2 {
width:0px;
height:0px;
color:{color:Tab Text};
font-family:calibri; /* CHANGE FONT HERE */
font-size:8px; /* CHANGE FONT SIZE HERE */
line-height:110%;
border-top:2px solid {color:Accent 2};
padding-top:5px;
margin-top:4px;
margin-right:0px;
float:right;
text-transform:uppercase;
overflow:hidden;
opacity:1;
text-align:right;
-webkit-transition:0.7s;
-moz-transition:0.7s;
-ms-transition:0.7s;
-o-transition:0.7s;
transition:0.7s;
}
 
/* --- UPDATES TAB BOX 2 ---*/
 
/* --- UPDATES TAB BOX 3 ---*/
 
#tab16line3 {
height:10px;
width:10px;
display: inline-block;
position:fixed;
margin-top:28px;
background-color: {color:Accent 3};
}
 
#tab16line3:hover #tab16textbox3{
width:80px;
height:120px;
padding-right:20px;
opacity:1;
-webkit-transition:0.7s;
-moz-transition:0.7s;
-ms-transition:0.7s;
-o-transition:0.7s;
transition:0.7s;
}
 
#tab16textbox3 {
width:0px;
height:0px;
color:{color:Tab Text};
font-family:calibri; /* CHANGE FONT HERE */
font-size:8px; /* CHANGE FONT SIZE HERE */
line-height:110%;
border-top:2px solid {color:Accent 3};
padding-top:5px;
margin-top:4px;
margin-right:0px;
text-transform:uppercase;
overflow:hidden;
opacity:1;
float:right;
text-align:right;
-webkit-transition:0.7s;
-moz-transition:0.7s;
-ms-transition:0.7s;
-o-transition:0.7s;
transition:0.7s;
}
 
/* --- UPDATES TAB BOX 3 ---*/
 
/* --- UPDATES TAB BOX 4 ---*/
 
#tab16line4 {
height:10px;
width:10px;
display: inline-block;
position:fixed;
margin-top:42px;
background-color: {color:Accent 4};
}
 
#tab16line4:hover #tab16textbox4{
width:80px;
height:120px;
padding-right:20px;
opacity:1;
-webkit-transition:0.7s;
-moz-transition:0.7s;
-ms-transition:0.7s;
-o-transition:0.7s;
transition:0.7s;
}
 
#tab16textbox4 {
width:0px;
height:0px;
color:{color:Tab Text};
font-family:calibri; /* CHANGE FONT HERE */
font-size:8px; /* CHANGE FONT SIZE HERE */
line-height:110%;
border-top:2px solid {color:Accent 4};
padding-top:5px;
margin-top:4px;
margin-right:0px;
text-transform:uppercase;
overflow:hidden;
opacity:1;
float:right;
text-align:right;
-webkit-transition:0.7s;
-moz-transition:0.7s;
-ms-transition:0.7s;
-o-transition:0.7s;
transition:0.7s;
}
 
/* --- UPDATES TAB BOX 4 ---*/
 
/* --- UPDATES TAB BOX 5 ---*/
 
#tab16line5 {
height:10px;
width:10px;
display: inline-block;
position:fixed;
margin-top:56px;
background-color: {color:Accent 5};
}
 
#tab16line5:hover #tab16textbox5{
width:80px;
height:120px;
padding-right:20px;
opacity:1;
-webkit-transition:0.7s;
-moz-transition:0.7s;
-ms-transition:0.7s;
-o-transition:0.7s;
transition:0.7s;
}
 
#tab16textbox5 {
width:0px;
height:0px;
color:{color:Tab Text};
font-family:calibri; /* CHANGE FONT HERE */
font-size:8px; /* CHANGE FONT SIZE HERE */
line-height:110%;
border-top:2px solid {color:Accent 5};
padding-top:5px;
margin-top:4px;
margin-right:0px;
text-transform:uppercase;
overflow:hidden;
opacity:1;
float:right;
text-align:right;
-webkit-transition:0.7s;
-moz-transition:0.7s;
-ms-transition:0.7s;
-o-transition:0.7s;
transition:0.7s;
}
 
/* --- UPDATES TAB BOX 5 ---*/
 
/* UPDATES TAB */

</style>

<!-- CLICK CODE -->
 
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
   
<script>
$(document).ready(function(){
  $(".updatesbox").click(function(){
    $(this).toggleClass("click");
  });
});
</script>
 
<!-- CLICK CODE -->

{block:IfUpdatesTab}  
 
<div id="tab16">
 
<!-- UPDATES TAB BOX 1 START -->
 
<div id="tab16line1">
<div id="tab16textbox1">
<div style="width:80px; height:8px; margin-left: 0px;
border:1px #ffffff; line-height:7px;padding:1px; background-color:{color:Accent 1}";>
<FONT COLOR=#FFFFFF><FONT size=1><center>YOUR TITLE</center></FONT></FONT></div></p>
This is where your text belongs. </p>
<b>Bold</b>, <i>Italic</i>, <u>underline</u>, <s>strike through</s></p>
New paragraph with < p > < / p > and
</br>New line with < br > without the spaces</p>
links: <a href="http://yoururl.tumblr.com/">Link title</a>  </p>
</div>
</div>
 
<!-- UPDATES TAB BOX 1 END -->
 
<!-- UPDATES TAB BOX 2 START -->
 
<div id="tab16line2">
<div id="tab16textbox2">
<div style="width:80px; height:8px; margin-left: 0px;
border:1px #ffffff; line-height:7px;padding:1px; background-color:{color:Accent 2}";>
<FONT COLOR=#FFFFFF><FONT size=1><center>YOUR TITLE</center></FONT></FONT></div></p>
This is where your text belongs. </p>
<b>Bold</b>, <i>Italic</i>, <u>underline</u>, <s>strike through</s></p>
New paragraph with < p > < / p > and
</br>New line with < br > without the spaces</p>
links: <a href="http://yoururl.tumblr.com/">Link title</a>  </p>
</div>
</div>
 
<!-- UPDATES TAB BOX 2 END -->
 
<!-- UPDATES TAB BOX 3 START -->
 
<div id="tab16line3">
<div id="tab16textbox3">
<div style="width:80px; height:8px; margin-left: 0px;
border:1px #ffffff; line-height:7px;padding:1px; background-color:{color:Accent 3}";>
<FONT COLOR=#FFFFFF><FONT size=1><center>YOUR TITLE</center></FONT></FONT></div></p>
This is where your text belongs. </p>
<b>Bold</b>, <i>Italic</i>, <u>underline</u>, <s>strike through</s></p>
New paragraph with < p > < / p > and
</br>New line with < br > without the spaces</p>
links: <a href="http://yoururl.tumblr.com/">Link title</a>  </p>
</div>
</div>
 
<!-- UPDATES TAB BOX 3 END -->
 
<!-- UPDATES TAB BOX 4 START -->
 
<div id="tab16line4">
<div id="tab16textbox4">
<div style="width:80px; height:8px; margin-left: 0px;
border:1px #ffffff; line-height:7px;padding:1px; background-color:{color:Accent 4}";>
<FONT COLOR=#FFFFFF><FONT size=1><center>YOUR TITLE</center></FONT></FONT></div></p>
This is where your text belongs. </p>
<b>Bold</b>, <i>Italic</i>, <u>underline</u>, <s>strike through</s></p>
New paragraph with < p > < / p > and
</br>New line with < br > without the spaces</p>
links: <a href="http://yoururl.tumblr.com/">Link title</a>  </p>
</div>
</div>
 
<!-- UPDATES TAB BOX 4 END -->
 
<!-- UPDATES TAB BOX 5 START -->
 
<div id="tab16line5">
<div id="tab16textbox5">
<div style="width:80px; height:8px; margin-left: 0px;
border:1px #ffffff; line-height:8px;padding:1px; background-color:{color:Accent 5}";>
<FONT COLOR=#FFFFFF><FONT size=1><center>YOUR TITLE</center></FONT></FONT></div></p>
This is where your text belongs. </p>
<b>Bold</b>, <i>Italic</i>, <u>underline</u>, <s>strike through</s></p>
New paragraph with < p > < / p > and
</br>New line with < br > without the spaces</p>
 
<a href="http://iamthemelocked.tumblr.com/" target="_blank" title="theme by iamthemelocked">©</a>
</div>
</div>
   
<!-- UPDATES TAB BOX 5 END -->  
   
</div>
 
{/block:IfUpdatesTab}

<link href="http://static.tumblr.com/qudkd6d/wHJnkfyua/style.css" rel="stylesheet" type="text/css"/>

</head>

<div id="container">

<div id="header">
<div id="image1"><img src="{Favicon}"></div>
<div id="title">{text:Title}</div>
</div>

<div class="updatesbox"><a id="button" href="#" title="navigate"><hr/><hr/><hr/></a><div class="bg">
    
<div id="sidebar">    
<div id="image2"><img src="{image:Sidebar Big Image}"></div>
 
<div id="image3"><img src="{image:Little Icon 1}"></div>
<div id="image4"><img src="{image:Little Icon 2}"></div>
<div id="image5"><img src="{image:Little Icon 3}"></div>    
<div id="image6"><img src="{image:Little Icon 4}"></div> 
<div id="image7"><img src="{image:Little Icon 5}"></div> 

<div id="links2">
<a href="{text:Link 6 URL}" title="{text:Link 6 Title}"></a>
<a href="{text:Link 7 URL}" title="{text:Link 7 Title}"></a>
<a href="{text:Link 8 URL}" title="{text:Link 8 Title}"></a>
<a href="{text:Link 9 URL}" title="{text:Link 9 Title}"></a>
<a href="{text:Link 10 URL}" title="{text:Link 10 Title}"></a>
</div> 

<div id="description">{Description}</div>

<div id="pagination">
{block:IfNotInfiniteScroll}
{block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}{block:JumpPagination length="5"}
{block:CurrentPage}<span class="current">{PageNumber}</span>{/block:CurrentPage}
{block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
{/block:JumpPagination}
{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
{/block:Pagination}
{block:IfNotInfiniteScroll}
{block:IfInfiniteScroll}{/block:IfInfiniteScroll}
</div></div>

</div></div>

<div id="subtitle">{text:Subtitle}</div>
 
<div id="bottomheader">
<div id="links">
<a href="/">{text:Home Link Title}</a>
<a href="{text:Link 2 URL}">{text:Link 2 Title}</a>
<a href="{text:Link 3 URL}">{text:Link 3 Title}</a>
<a href="{text:Link 4 URL}">{text:Link 4 Title}</a>
<a href="{text:Link 5 URL}">{text:Link 5 Title}</a>
</div></div>

<span class="credit">
<a href="http://iamthemelocked.tumblr.com/" title="theme by iamthemelocked">TL</a></span>
 
<div id="entries">
<div class = "autopagerize_page_element" >
{block:Posts}
<div id="post">

<!----- TEXT / PHOTO POSTS ----->

{block:ContentSource}
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
{/block:ContentSource}

{block:IndexPage}
<a href="{Permalink}"><div class="perma">

<div id="headerborder">
<div class="headercolour" style="background-color:{color:Accent 1};"></div>
<div class="headercolour" style="background-color:{color:Accent 2};"></div>
<div class="headercolour" style="background-color:{color:Accent 3};"></div>
<div class="headercolour" style="background-color:{color:Accent 4};"></div>  
<div class="headercolour" style="background-color:{color:Accent 5};"></div>
</div>

<!----- INFO SECTION ----->

<div id="info">

{block:RebloggedFrom}<div id="urls"><div id="from"><a href="{ReblogParentURL}" target="blank">via:{ReblogParentName}</a></div>
<div id="by"><a href="{ReblogRootURL}" target="blank">org:{ReblogRootName}</a></div></div>{/block:RebloggedFrom}

<div class="notes">

<a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}" title="{TimeAgo}">{month}</span> {dayofmonthwithZero} <sup style="text-transform:none;">{dayofmonthsuffix}</sup></a>&nbsp;with&nbsp;<a href="{Permalink}" title="permalink">{NoteCountwithLabel}</a> ✾ <a href="{ReblogURL}" target="blank">reblog</a>

{block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">#&nbsp;{Tag}</a>{/block:Tags}</div>{/block:HasTags}</div>

</div></div></a>

{/block:IndexPage}

<!----- INFO SECTION -----> 
 
{block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
 
{block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" style="min-width:100%;" alt="{PhotoAlt}" target="_blank">{LinkCloseTag}
{block:Caption}{block:ifShowCaptions}
<span class="caption">{Caption}</span>
{/block:ifShowCaptions}{/block:Caption}
{/block:Photo}
 
{block:Photoset}{Photoset-500}
{block:Caption}{block:ifShowCaptions}
<span class="caption">{Caption}</span>
{/block:ifShowCaptions}{/block:Caption}{/block:Photoset}
 
<!----- TEXT / PHOTO POSTS ----->
 
<!----- QUOTES / CHAT / VIDEOS / LINKS POSTS ----->
 
{block:Quote}<div id="quote">{Quote}</div>
<div id="source">{block:Source}{Source}{/block:Source}<div id="mark">“</div></div>{/block:Quote}
 
{block:Video}{Video-500}
{block:Caption}{block:ifShowCaptions}
<span class="caption">{Caption}</span>
{/block:ifShowCaptions}{/block:Caption}{/block:Video}
 
{block:Link}<h1><div id="ll"><a href="{URL}" target="_blank" {Target}>{Name}</a></div></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
 
{block:Chat}
<ul class="chat">{block:Lines}<li class="{Alt} user_{UserNumber}">
{block:Label}<span class="label">{Label}</span>{/block:Label}
{Line}</li>{/block:Lines}</ul>
{/block:Chat}
 
<!----- QUOTES / CHAT / VIDEOS / LINKS POSTS ----->
 
<!----- AUDIO POSTS ----->
 
{block:Audio}
<div id="audio">
<div id="audiobackground"><div id="audioplayer">
{AudioPlayerWhite}
</div></div>
<img id="audioimage" img src="https://38.media.tumblr.com/27c7e2c0db27e7c0573b9a098873f6c5/tumblr_nfeb2dRHoU1trnu46o1_400.jpg"/>
{block:AlbumArt}
<img id="audioimage" src="{AlbumArtURL}" />
{/block:AlbumArt}
<div id="audiobig">
{block:TrackName}
<div id="audioinfo"><b>Track: </b>{TrackName}</div>
{/block:TrackName}
{block:Artist}
<div id="audioinfo"><b>Artist: </b> {Artist}</div>
{/block:Artist}{block:Album}
<div id="audioinfo"><b>Album: </b>{Album}</div>
{/block:Album}
<div id="audioinfo"><b>Played: </b>{PlayCountWithLabel}</div>
</div></div>{block:ifshowcaptions}
<span class="caption">{Caption}</span>
{/block:ifshowcaptions}
{/block:Audio}
 
<!----- AUDIO POSTS ----->
 
<!----- ASKS POSTS ----->

{block:Answer}
<div id="question">{Question}</div>
<div id="ask"><div id="asker">{Asker}&nbsp;&nbsp;<div id="portrait"><img src="{AskerPortraitURL-16}"></div></div></div>
<div id="replies"><div id="me">The Blogger replied:&nbsp;&nbsp;<div id="meportrait"><img src="{PortraitURL-16}"/></div>
</div></br>{Replies}</div>
{/block:Answer}

<!----- ASKS POSTS ----->

<!----- TAGS SECTION ----->

{block:PermalinkPage}
{block:ifNotShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifNotShowCaptions}

<div id="info2">

{block:Date} <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}" title="{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}">{TimeAgo}</a>{/block:Date}&nbsp;-&nbsp;<a href="{Permalink}">{NoteCount}</a>&nbsp;-&nbsp;<a href="{ReblogURL}" target="blank">reblog</a>

{block:RebloggedFrom}
<div id="via">
<div id="org1"><a href="{ReblogParentURL}" target="blank" title="via: {ReblogParentName}"><img src="{ReblogParentPortraitURL-48}"></a>
<div id="org2"><a href="{ReblogRootURL}" target="blank" title="org: {ReblogRootName}"><img src="{ReblogRootPortraitURL-48}"></a></div></div></div>
{/block:RebloggedFrom}

</div>

<div id="tags2">
{block:HasTags}
{block:Tags}<a href="{TagURL}">#&nbsp;{Tag}</a> {/block:Tags}
{/block:HasTags} 
</div></div>

{/block:PermalinkPage}
</div>

<!----- TAGS SECTION ----->

<!----- PAGE PAGINATION ----->
 
<div class="pagepagination">
{block:PermalinkPagination}
{block:PreviousPost}
<a href="{PreviousPost}">⇚&nbsp;&nbsp;go to Previous Post</a>
{/block:PreviousPost}
{block:NextPost}
<a href="{NextPost}" style="position:absolute; right:0;">go to Next Post&nbsp;&nbsp;⇛</a>
{/block:NextPost}
{/block:PermalinkPagination}
</div>
 
<!----- PAGE PAGINATION ----->

{block:PostNotes}
<div class="pagenotes">{PostNotes}</div>
{/block:PostNotes}
 
{/block:Posts}
</div>

</body>
</html>