018 - neko

<!--
               018 - neko
               code made by yoonora/exoa
               do not steal.

               last upt. 4/25/16

-->

<title>―{title}</title>
<link rel="shortcut icon" href="{favicon}">

           <meta name="color:main" content="#656565"/>
           <meta name="color:links" content="#3e3e3e"/>
           <meta name="color:background" content="#fafafa"/>
           <meta name="color:1" content="#f7cbd6"/>
           <meta name="color:2" content="#9abee0"/>
           <meta name="color:3" content="#fefefe"/>
           <meta name="color:4" content="#a0eb9e"/>
           <meta name="color:5" content="#f0ba46"/>
           <meta name="color:6" content="#f4dfb9"/>
           <meta name="color:lines" content="#8f8f8f"/>
           <meta name="color:posts" content="#f7cbd6"/>
           <meta name="color:photo filter" content="#f0ba46"/>
           <meta name="color:border color" content="#f0f0f0"/>

           <meta name="image:sidebar" content="http://static.tumblr.com/j2yc61v/Hsanzgvuu/24456.png"/>
           <meta name="image:background" content="http://static.tumblr.com/j2yc61v/AHjnzgvum/24455.png"/>
           <meta name="image:background two" content="http://static.tumblr.com/l9mi3bq/ZFpnzilap/24455_pat.png"/>

<meta name="select:post info" content="typed" title="type one">
<meta name="select:post info" content="typeo" title="type two">
<meta name="select:post info" content="typet" title="type three">


<meta name="select:post width" content="po20" title="small">
<meta name="select:post width" content="po25" title="medium">
<meta name="select:post width" content="po30" title="large">
<meta name="select:post width" content="po35" title="custom">


<meta name="select:type of caption" content="cap1" title="no caption">
<meta name="select:type of caption" content="cap2" title="normal caption">
<meta name="select:type of caption" content="cap3" title="button caption">

           <meta name="if:border" content="1"/>
           <meta name="if:photo filter" content="0"/>
           <meta name="if:post info hover" content="0"/>
           <meta name="if:rounded corners" content="1"/>
           <meta name="if:one color post info" content="0"/>
           <meta name="if:posts with background" content="0"/>
           <meta name="if:photo and photoset padding" content="1"/>



           <meta name="text:post custom width" content="550px"/>
           <meta name="text:photo photoset padding" content="20px"/>

           <meta name="text:catbook" content="catbook"/>
           <meta name="text:title name" content="snowball"/>
           <meta name="text:type of cat" content="solid white"/>
           <meta name="text:personality" content="personality"/>
           <meta name="text:mellow" content="mellow"/>
           <meta name="text:power lv" content="power lv"/>
           <meta name="text:number lv" content="70"/>
           <meta name="text:visits" content="visits"/>
           <meta name="text:visit number" content="80"/>
           <meta name="text:second title" content="Top"/>

           <meta name="text:cat memento" content="http://static.tumblr.com/l9mi3bq/YQqnziocl/24457_01.png"/>
           <meta name="text:extra box title" content="Extra box"/>
           <meta name="text:extra box" content="you can have anything here tbh"/>


           <meta name="text:custom note name" content=""/>
           <meta name="text:link 1" content=""/>
           <meta name="text:link 1 url" content="/"/>
           <meta name="text:link 2" content=""/>
           <meta name="text:link 2 url" content="/"/>
           <meta name="text:link 3" content=""/>
           <meta name="text:link 3 url" content="/"/>
           <meta name="text:link 4" content=""/>
           <meta name="text:link 4 url" content="/"/>
           <meta name="text:link 5" content=""/>
           <meta name="text:link 5 url" content="/"/>
           <meta name="text:link 6" content=""/>
           <meta name="text:link 6 url" content="/"/>


<!----------------------------------------STYLESHEETS---->

<link href="http://static.tumblr.com/j2yc61v/bVWnxs7sg/a.css"rel="stylesheet">
<link href="http://static.tumblr.com/j2yc61v/goZnysozv/t.css"rel="stylesheet">

<link href="http://static.tumblr.com/j2yc61v/jqnnzfflm/cb.css"rel="stylesheet">

<style type="text/css">

/*--------------------------------MAIN--*/


::-webkit-scrollbar-thumb:vertical {
background:{color:6};border: 5px solid #000;
border-radius:15px;height:200px;}
::-webkit-scrollbar {background:#3c240a;border: 5px solid #000;
border-radius:10px;}
::-webkit-scrollbar {height:6px; width:20px;}


#s-m-t-tooltip {font:9px arial;font-style:italic;
font-weight:bold;
color:{color:main};
padding:2px 5px 2px 5px;
background-color:{color:3};
border:1px solid {color:1};
}

body {
background:{color:background} url('{image:background}') fixed;
overflow:hidden;
font:11px arial;
color:{color:main};
}

a{color:{color:links};text-decoration:none;}

#tumblr_lightbox div:nth-child(2) { background:{color:3};}

#tumblr_lightbox a img {border: 5px solid {color:3};}


.sd{background:{color:5};border-color:{color:main};}

/*--------------------------------POSTS--*/
.a{position:fixed;margin:0;top:50%;left:50%;transform: translate(-50%, -50%);
overflow-y:auto;overflow-x:hidden;border-radius:20px;z-index:0;}

.bgs, #box1{background:{color:6};}
#cont{margin:100px auto 0 auto; }

.a, .bgs{height:500px;}

.bgs{position:fixed;top:50%;left:50%;transform: translate(-52%, -50%);
border:5px solid #000;border-radius:20px;}

.po20 .a{width:500px;}
.po20 #posts{width:350px;}
.po20 .bgs, .po20 #sidebar{width:400px;}

.po25 .a{width:600px;}
.po25 #posts{width:450px;}
.po25 .bgs, .po25 #sidebar{width:500px;}


.po30 .a{width:700px;}
.po30 #posts{width:550px;}
.po30 .bgs, .po30 #sidebar{width:600px;}

.po35 .a{width:{text:post custom width};}
.po35 #posts{width: calc({text:post custom width} - 150px);}
.po35 .bgs, .po35 #sidebar{width: calc({text:post custom width} - 100px);}


#posts {color:{color:main};
{block:IfRoundedCorners}border-radius:10px;{/block:IfRoundedCorners}
{block:IfPostsWithBackground}
{block:IfNotPhotoFilter}
background:{color:posts};
{/block:IfNotPhotoFilter}
{block:IfPhotoFilter}
background:{color:photo filter};
{/block:IfPhotoFilter}
{/block:IfPostsWithBackground}
width:auto;
{block:IfBorder}
border:1px solid {color:border color};
{/block:IfBorder}
overflow:hidden;
}

/*-----------------------------POSTS EXTRA #1--*/

.poc{width:{block:IfPostCustomWidth}{text:post custom width};{/block:IfPostCustomWidth}{block:IfNotPostCustomWidth}200px;{/block:IfNotPostCustomWidth}}


/*-----------------------------POSTS EXTRA #2--*/

#photoset, #photo, #vidso{
{block:IfPhotoFilter}
background:{color:photo filter};
{/block:IfPhotoFilter}
{block:IfNotPhotoFilter}
background:none;
{/block:IfNotPhotoFilter}

{block:IfPhotoAndPhotosetPadding}
padding:{block:IfPhotoPhotosetPadding}{text:photo photoset padding}{/block:IfPhotoPhotosetPadding} {block:IfNotPhotoPhotosetPadding}20px{/block:IfNotPhotoPhotosetPadding};
{block:IfNotPhotoFilter}
background:{color:3};
{/block:IfNotPhotoFilter}
{block:IfPhotoFilter}
background:{color:photo filter};
{/block:IfPhotoFilter}
{/block:IfPhotoAndPhotosetPadding}
}


{block:IfPhotoFilter}
{block:IndexPage}

#flit{
opacity:.5;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;
}

#posts:hover #flit{
opacity:1;
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
}
{/block:IndexPage}
{/block:IfPhotoFilter}



/*-----------------------------POSTS SETTINGS--*/

#posts a{
color:{color:links};
font:9px arial;
text-transform:uppercase;
text-decoration:none;
font-style:italic;
font-weight:bold;
}


#caption{
background:{color:3};
padding:10px;
}


#posts blockquote{
border:1px solid {color:3};
background:{color:3};
}

#caption blockquote{
color:{color:main};
background:{color:3};
max-height:500px;
}

#caption blockquote blockquote{
border:1px solid {color:3};
padding:10px;
}

#caption blockquote a{
color:{color:links};
}


b, strong {
color:{color:main};
background:{color:2};
}

i, em {
color:{color:main};
background:{color:4};
}

.title{
background:{color:2};
background-size:cover;
text-shadow:
-1px -1px 0 {color:main},
1px -1px 0 {color:main},
-1px 1px 0 {color:main},
1px 1px 0 {color:main};
font:20px arial;
font-weight:bold;
font-style:italic;
margin:0px;
}

.title a{
font:20px arial;
font-weight:bold;
font-style:italic;
}

#tt{
background:{color:3};
margin:0px;
border:1px solid {color:main};
color:{color:5};
text-shadow:
-1px -1px 0 {color:main},
1px -1px 0 {color:main},
-1px 1px 0 {color:main},
1px 1px 0 {color:main};
}

#ttbody{
padding:10px;
background:{color:3};
}

ul {
padding: 0px;
margin:0 40px;
}

ul li {
list-style-type:hiragana-iroha;
font:9.5px arial;
background:{color:4};
margin:0 0 10px 0;
padding:5px;
}

ul li img{
margin:120px 0 0 0;
}


pre{
background:{color:3};
}


::-moz-selection{
background-color: {color:5};
color:{color:3};
}
::selection{
background-color:{color:5};
color:{color:3};
}


/*--------------------------------POST INFO--*/

#sta_notes, #sta_no, #st02, #sta_tags, #st2, #sta_not1, #sta_not2{
{block:IfNotPostsWithBackground}
border-top:1px solid;
{/block:IfNotPostsWithBackground}
{block:IfPostsWithBackground}
border:0px;
{/block:IfPostsWithBackground}
{block:IfBorder}
border-top-color:{color:border color};
{/block:IfBorder}

{block:IfNotBorder}
border-top-color:{color:3};
{/block:IfNotBorder}

}

#sta_tags{

{block:IfOneColorPostInfo}
border-top-color:{color:6};
{/block:IfOneColorPostInfo}
{block:IfNotOneColorPostInfo}
border-top-color:{color:3};
{/block:IfNotOneColorPostInfo}
}


/*--------------STYLE #1--*/


#st2, #st2n{
{block:IfNotOneColorPostInfo}
background:{color:4};
{/block:IfNotOneColorPostInfo}

{block:IfOneColorPostInfo}
{block:IfNotPostsWithBackground}
{block:IfPhotoFilter}
background:{color:6};
{/block:IfPhotoFilter}
{/block:IfNotPostsWithBackground}
{block:IfNotPhotoFilter}
background:{color:6};
{/block:IfNotPhotoFilter}
{block:IfPostsWithBackground}
background:{color:posts};
{block:IfPhotoFilter}
background:{color:photo filter};
{/block:IfPhotoFilter}
{/block:IfPostsWithBackground}
{/block:IfOneColorPostInfo}

}

#st2n a{
background:{color:3};
margin:0 0 5px 0;
padding:3px 6px 3px 6px;
}

#st2t{
{block:IfNotOneColorPostInfo}
background:{color:2};
{/block:IfNotOneColorPostInfo}

{block:IfOneColorPostInfo}
{block:IfNotPostsWithBackground}
{block:IfPhotoFilter}
background:{color:6};
{/block:IfPhotoFilter}
{/block:IfNotPostsWithBackground}
{block:IfNotPhotoFilter}
background:{color:6};
{/block:IfNotPhotoFilter}
{block:IfPostsWithBackground}
background:{color:posts};
{block:IfPhotoFilter}
background:{color:photo filter};
{/block:IfPhotoFilter}
{/block:IfPostsWithBackground}
{/block:IfOneColorPostInfo}
}

#st2t a{
font:10px arial;
font-style:italic;
text-transform:lowercase;
}


#st02{
{block:IfNotOneColorPostInfo}
background:{color:1};
{/block:IfNotOneColorPostInfo}
{block:IfOneColorPostInfo}
{block:IfNotPostsWithBackground}
{block:IfPhotoFilter}
background:{color:6};
{/block:IfPhotoFilter}
{/block:IfNotPostsWithBackground}
{block:IfNotPhotoFilter}
background:{color:6};
{/block:IfNotPhotoFilter}
{block:IfPostsWithBackground}
background:{color:posts};
{block:IfPhotoFilter}
background:{color:photo filter};
{/block:IfPhotoFilter}
{/block:IfPostsWithBackground}
{/block:IfOneColorPostInfo}
}

#st02 b a{
background:{color:2};
}

/*--------------STYLE #2--*/

/*-----NOTES #1--*/


#sta_not1 a, #sta_not2 a{
font:11px arial;
font-style:italic;
text-transform:lowercase;
}

#sta_not1 a:hover, #sta_not2 a:hover, #sta_no1 a:hover, #sta_no2 a:hover{
background:{color:6};
}


#sta_not1{
float:left;
{block:IfNotOneColorPostInfo}
background:{color:4};
{/block:IfNotOneColorPostInfo}

{block:IfOneColorPostInfo}
{block:IfNotPostsWithBackground}
{block:IfPhotoFilter}
background:{color:6};
{/block:IfPhotoFilter}
{/block:IfNotPostsWithBackground}
{block:IfNotPhotoFilter}
background:{color:6};
{/block:IfNotPhotoFilter}
{block:IfPostsWithBackground}
background:{color:posts};
{block:IfPhotoFilter}
background:{color:photo filter};
{/block:IfPhotoFilter}
{/block:IfPostsWithBackground}
{/block:IfOneColorPostInfo}
}

#sta_not2{
{block:IfNotOneColorPostInfo}
background:{color:2};
{/block:IfNotOneColorPostInfo}

{block:IfOneColorPostInfo}
{block:IfNotPostsWithBackground}
{block:IfPhotoFilter}
background:{color:6};
{/block:IfPhotoFilter}
{/block:IfNotPostsWithBackground}
{block:IfNotPhotoFilter}
background:{color:6};
{/block:IfNotPhotoFilter}
{block:IfPostsWithBackground}
background:{color:posts};
{block:IfPhotoFilter}
background:{color:photo filter};
{/block:IfPhotoFilter}
{/block:IfPostsWithBackground}
{/block:IfOneColorPostInfo}
}


/*-----NOTES #2--*/

#sta_no{
height:30px;
{block:IfNotOneColorPostInfo}
background:{color:2};
{/block:IfNotOneColorPostInfo}

{block:IfOneColorPostInfo}
{block:IfNotPostsWithBackground}
{block:IfPhotoFilter}
background:{color:6};
{/block:IfPhotoFilter}
{/block:IfNotPostsWithBackground}
{block:IfNotPhotoFilter}
background:{color:6};
{/block:IfNotPhotoFilter}
{block:IfPostsWithBackground}
background:{color:posts};
{block:IfPhotoFilter}
background:{color:photo filter};
{/block:IfPhotoFilter}
{/block:IfPostsWithBackground}
{/block:IfOneColorPostInfo}
}

#sta_no1{
{block:IfNotOneColorPostInfo}
background:{color:4};
{/block:IfNotOneColorPostInfo}

{block:IfOneColorPostInfo}
{block:IfNotPostsWithBackground}
{block:IfPhotoFilter}
background:{color:6};
{/block:IfPhotoFilter}
{/block:IfNotPostsWithBackground}
{block:IfNotPhotoFilter}
background:{color:6};
{/block:IfNotPhotoFilter}
{block:IfPostsWithBackground}
background:{color:posts};
{block:IfPhotoFilter}
background:{color:photo filter};
{/block:IfPhotoFilter}
{/block:IfPostsWithBackground}
{/block:IfOneColorPostInfo}
}

#sta_no1 a{
font:10.5px arial;
font-style:italic;
text-transform:lowercase;
}

#sta_no2{
{block:IfNotOneColorPostInfo}
background:{color:2};
{/block:IfNotOneColorPostInfo}

{block:IfOneColorPostInfo}
{block:IfNotPostsWithBackground}
{block:IfPhotoFilter}
background:{color:6};
{/block:IfPhotoFilter}
{/block:IfNotPostsWithBackground}
{block:IfNotPhotoFilter}
background:{color:6};
{/block:IfNotPhotoFilter}
{block:IfPostsWithBackground}
background:{color:posts};
{block:IfPhotoFilter}
background:{color:photo filter};
{/block:IfPhotoFilter}
{/block:IfPostsWithBackground}
{/block:IfOneColorPostInfo}
}


#sta_no2 a{
font:10.5px arial;
font-style:italic;
text-transform:lowercase;
}

/*---------TAGS--*/

#sta_tags{
{block:IfNotOneColorPostInfo}
background:{color:1};
{/block:IfNotOneColorPostInfo}

{block:IfOneColorPostInfo}
{block:IfNotPostsWithBackground}
{block:IfPhotoFilter}
background:{color:6};
{/block:IfPhotoFilter}
{/block:IfNotPostsWithBackground}
{block:IfNotPhotoFilter}
background:{color:6};
{/block:IfNotPhotoFilter}
{block:IfPostsWithBackground}
background:{color:posts};
{block:IfPhotoFilter}
background:{color:photo filter};
{/block:IfPhotoFilter}
{/block:IfPostsWithBackground}
{/block:IfOneColorPostInfo}
text-align:center;
}

#sta_tags a{
font:9.5px arial;
text-transform:lowercase;
font-style:italic;
}

/*--------EXTRA--*/


#sta_hov{
background:{color:6};
}


/*--------------STYLE #3--*/
#pi1_note, #pi1_date{
{block:IfNotPostsWithBackground}
border-bottom:1px solid;
{/block:IfNotPostsWithBackground}
{block:IfPostsWithBackground}
border:0px;
{/block:IfPostsWithBackground}
{block:IfBorder}
border-bottom-color:{color:border color};
{/block:IfBorder}

{block:IfNotBorder}
{block:IfOneColorPostInfo}
border-bottom-color:{color:6};
{/block:IfOneColorPostInfo}
{block:IfNotOneColorPostInfo}
border-bottom-color:{color:3};
{/block:IfNotOneColorPostInfo}
{/block:IfNotBorder}
}


#pi1_note{
margin:-31px 0 0 0;
{block:IfNotOneColorPostInfo}
background:{color:2};
{/block:IfNotOneColorPostInfo}

{block:IfOneColorPostInfo}
{block:IfNotPostsWithBackground}
{block:IfPhotoFilter}
background:{color:6};
{/block:IfPhotoFilter}
{/block:IfNotPostsWithBackground}
{block:IfNotPhotoFilter}
background:{color:6};
{/block:IfNotPhotoFilter}
{block:IfPostsWithBackground}
background:{color:posts};
{block:IfPhotoFilter}
background:{color:photo filter};
{/block:IfPhotoFilter}
{/block:IfPostsWithBackground}
{/block:IfOneColorPostInfo}
}


#pi1_note1{
{block:IfNotOneColorPostInfo}
background:{color:4};
{/block:IfNotOneColorPostInfo}

{block:IfOneColorPostInfo}
{block:IfNotPostsWithBackground}
{block:IfPhotoFilter}
background:{color:6};
{/block:IfPhotoFilter}
{/block:IfNotPostsWithBackground}
{block:IfNotPhotoFilter}
background:{color:6};
{/block:IfNotPhotoFilter}
{block:IfPostsWithBackground}
background:{color:posts};
{block:IfPhotoFilter}
background:{color:photo filter};
{/block:IfPhotoFilter}
{/block:IfPostsWithBackground}
{/block:IfOneColorPostInfo}


{block:IfNotPostsWithBackground}
border-left:1px solid;
{/block:IfNotPostsWithBackground}
{block:IfPostsWithBackground}
border:0px;
{/block:IfPostsWithBackground}
{block:IfBorder}
border-left-color:{color:border color};
{/block:IfBorder}

{block:IfNotBorder}
{block:IfOneColorPostInfo}
border-left-color:{color:6};
{/block:IfOneColorPostInfo}
{block:IfNotOneColorPostInfo}
border-left-color:{color:3};
{/block:IfNotOneColorPostInfo}
{/block:IfNotBorder}
}

#pi1_date{
{block:IfNotOneColorPostInfo}
background:{color:5};
{/block:IfNotOneColorPostInfo}

{block:IfOneColorPostInfo}
{block:IfNotPostsWithBackground}
{block:IfPhotoFilter}
background:{color:6};
{/block:IfPhotoFilter}
{/block:IfNotPostsWithBackground}
{block:IfNotPhotoFilter}
background:{color:6};
{/block:IfNotPhotoFilter}
{block:IfPostsWithBackground}
background:{color:posts};
{block:IfPhotoFilter}
background:{color:photo filter};
{/block:IfPhotoFilter}
{/block:IfPostsWithBackground}
{/block:IfOneColorPostInfo}
}

#pi1_date a{
font:11.5px arial;
font-style:italic;
text-transform:lowercase;
}

/*------------------EXTRA-*/

#sh{
background:{color:6};
}


#s2b{
{block:IfNotOneColorPostInfo}
background:{color:2};
{/block:IfNotOneColorPostInfo}

{block:IfOneColorPostInfo}
{block:IfNotPostsWithBackground}
{block:IfPhotoFilter}
background:{color:6};
{/block:IfPhotoFilter}
{/block:IfNotPostsWithBackground}
{block:IfNotPhotoFilter}
background:{color:6};
{/block:IfNotPhotoFilter}
{block:IfPostsWithBackground}
background:{color:posts};
{block:IfPhotoFilter}
background:{color:photo filter};
{/block:IfPhotoFilter}
{/block:IfPostsWithBackground}
{/block:IfOneColorPostInfo}
}

#wl, #sta_l{
{block:IfPostsWithBackground}
display:none;
{/block:IfPostsWithBackground}
{block:IfBorder}
background:{color:border color};
{/block:IfBorder}
{block:IfNotBorder}
{block:IfOneColorPostInfo}
background:{color:6};
{/block:IfOneColorPostInfo}
{block:IfNotOneColorPostInfo}
background:{color:3};
{/block:IfNotOneColorPostInfo}
{/block:IfNotBorder}
}

#sta_l{
position:absolute;
width:1px;
height:100%;
left:70%;
}

/*--------------------------------PERMALINK--*/


#perma_tags{
background:{color:6};
text-align:center;
font:10px arial;
text-transform:uppercase;
font-style:italic;
font-weight:bold;
padding:10px 10px 5px 10px;
}

#perma_tags a{
background:{color:6};
color:{color:links};
text-decoration:none;
font:9.5px arial;
text-transform:lowercase;
letter-spacing:0px;
font-style:italic;
padding:2px 5px 2px 5px;
}

#perma_tags a:hover{
background:{color:6};
}

#prmas{
position:relative;
background:{color:1};
max-height:100px;
overflow-y:auto;
overflow-x:hidden;
}

#prmas a{
color:{color:links};
text-decoration:none;
font:8px arial;
font-style:italic;
font-weight:bold;
}



/*--------------------------------MUSIC--*/

.music_w {
position:relative;
background:{color:1};
background-size:cover;
}


#audiocontent {
position:relative;
border-radius:0px;
text-align:left;
display:inline-block;
text-transform:uppercase;
word-wrap: break-word;
width:70%;
}
 .po20 #audiocontent{
width:60%;
}


#audiocontent code{
font:10px arial;
padding:10px 0 5px 10px;
font-style:italic;
width:100%;
}

#audiocontent b{
font:8px arial;
margin:0px;
width:100%;
font-style:italic;
background:none;
}


#almart{
background:{color:2};
background-size:cover;
background-position:center;
border-right:1px solid {color:6};
}

/*--------------------------------QUOTE--*/

#quote{
color:{color:main};
background:{color:4};
background-size:cover;
text-shadow:
-1.2px -1.2px 0 {color:3},
1.2px -1.2px 0 {color:3},
-1.2px 1.2px 0 {color:3},
1.2px 1.2px 0 {color:3};
}

#qsource{
background:{color:6};
padding:10px;
font:12px arial;
font-style:italic;
}

#qsource a{
color:{color:links};
text-decoration:none;
}

/*--------------------------------CHAT--*/

#titlechat{
background:{color:3};
border-bottom:1px solid {color:border color};
margin:0px;
}

.chat{
margin:0px;
background:{color:3};
font:8.5px arial;
}
.chat b, .chat strong{
font:8px arial;
font-style:italic;
padding:2px 4px;
}

.chat li:nth-child(odd) {
color:{color:main};
background:{color:1};
margin:0px;
font:9.5px arial;
text-transform:none;
}

.chat li:nth-child(even) {
color:{color:main};
background:{color:4};
margin:0px;
font:9.5px arial;
text-transform:none;
border-top:1px solid {color:border color};
}
 .chat li:nth-child(even) b {
background:{color:5};
}


/*--------------------------------ASK--*/


#ask {
color:{color:2};
background-size:cover;
}

#ask_img img{
background:{color:1};
padding:15px;
max-width:80px;
margin:0 5px 10px 0;
}


.po20 #ask_img img{
width:40px;
padding:10px;
}


.po25 #ask_img img{
width:50px;
padding:10px;
}

.po30 #ask_img img{
width:60px;
padding:10px;
}


#asker{
background:{color:3};
color:{color:1};
letter-spacing:2px;
text-shadow:
-1.2px -1.2px 0 {color:main},
1.2px -1.2px 0 {color:main},
-1.2px 1.2px 0 {color:main},
1.2px 1.2px 0 {color:main};
}

#asker, #asker a{
font:22px arial;
font-style:italic;
font-weight:bold;
}


#asker a{
color:{color:2};
letter-spacing:2px;
text-shadow:
-1.2px -1.2px 0 {color:main},
1.2px -1.2px 0 {color:main},
-1.2px 1.2px 0 {color:main},
1.2px 1.2px 0 {color:main};
background:{color:3};
text-decoration:none;
}

#asker a:hover{
color:{color:4};
background:none;
}

#ask_q{
background:{color:5};
background-size:cover;
color:{color:main};
}


#ask_q p{
background:{color:3};
}

#answer{
background:{color:3};
color:{color:main};
}

/*--------------------------------PERMALINK TOP BAR--*/

#perma_top{
background:{color:background};
}

#perma_top a{
text-decoration:none;
display:inline-block;
height:100%;
width:25%;
font:11px arial;
font-style:italic;
text-transform:uppercase;
color:{color:links};
padding:10px 0 20px 0;
}

 #extrac{
    margin:0 0 100px 0;
 }

#pagis a{
display:inline-block;
padding:3px 5px 3px 5px;
background:{color:1};
margin:0;
color:{color:links};
text-transform:lowercase;
}

#pagis a:hover{
background:{color:2};
}

#extrac a{
border-bottom:1px solid {color:1};
}

/*--------------------------------CAPTION BUTTON--*/

#buttoncap{
display:none;
}

#cap_normal{
display:none;
}


#buttoncap{
text-decoration:none;
font:11.5px arial;
font-style:italic;
text-transform:lowercase;
{block:IfNotOneColorPostInfo}
background:{color:3};
{/block:IfNotOneColorPostInfo}
{block:IfOneColorPostInfo}
background:{color:3};
{/block:IfOneColorPostInfo}
}


/*--------------------------------EXTRA--*/

#sidebar{
position:relative;
{block:IndexPage}
display:block;
{/block:IndexPage}
{block:PermalinkPage}
display:none;
{/block:PermalinkPage}
margin:20px 40px;
border-radius:20px;
}

#tp, #box1{border:5px solid #000;border-radius:10px;}

#tp{
position:relative;
width:150px;
background:#f0ba46;
margin:0 auto;
text-align:center;
font:12px arial;
z-index:9999;
}

#tp h9{
background:#fff;
margin:3px;
display:block;
padding:7px;
border-radius:5px;
}

#sideb1{position:relative;overflow:hidden;}

#side_img{
margin:20px 0 20px 20px;
width:140px;
display:inline-block;
position:relative;
border:5px solid #000;
padding:10px 10px 30px 10px;
background:#fff;
}

#side_img img{width:140px;}

#side2{
position:relative;
width:170px;
height:200px;
display:inline-block;
float:right;
margin:10px 20px 0 0;
}

#side2 h7, #side2 h8, #side2 h9, #side2 h10, #side2 h11, #side2 h12{
display:block;
text-align:center;
}

#side2 h8, #side2 h10, #side2 h12{
font:11.5px arial;
border:5px solid;
border-radius:5px;
background:#fff;
padding:5px;
}

#side2 h8{border-color:{color:1};}

#side2 h10{border-color:{color:2};}

#side2 h12{border-color:{color:4};}

#side2 h7{color:{color:1};}

#side2 h9{color:{color:2};}

#side2 h11{color:{color:4};}

#side2 h7, #side2 h9, #side2 h11, #sideb2_til{font:27px catbook;
-webkit-text-stroke-width: 1.5px;-webkit-text-stroke-color:#000;
text-transform:lowercase;}


#side2 h7:first-letter, #side2 h9:first-letter, #side2 h11:first-letter{
text-transform:uppercase;}

#sideb2{position:relative;}

#sideb2_de{position:relative;margin:0px 20px;background:#fff;
width:250px;border-radius:5px;}

#sideb2_de #pdd{padding:15px;}

#sideb2_de #sdf{border-top:3px solid #e8d2a0;}



#de {position:relative;padding:0px;word-spacing:1px;letter-spacing:1px;
font-size:9px;font:10.5px arial;text-decoration:none;}

.de {line-height:180%;border-bottom:3px solid #e8d2a0;}

#sideb2_de u span{font:11.5px arial;text-decoration:none;padding:4px;
border-bottom:3px solid #e8d2a0;line-height:150%;display:inline-block;}

#solif{
position:relative;
margin:0px 30px 20px 30px;
text-align:center;
padding:6px;
border-radius:5px;
width:150px;
height:10px;
background:{color:3};
overflow:hidden;
line-height:135%;
}


#sideb2_til{
margin:0 20px;
width:280px;
color:#f0ba46;
text-transform:none;
}

#sideb2_til b{background:none;color:#fff;}

#morelink{position:fixed;margin:-330px -280px;left:50%;top:50%;}

/*--------------------------------END OF CSS--*/

#box1{
position:fixed;
top:50%;
left:50%;
transform: translate(-50%, -50%);
width:220px;
height:220px;
opacity:0;
}




#box1_li{
position:absolute;
margin:12px;
width:200px;
height:200px;
overflow:hidden;
}

#box1_li a{
width:50px;
height:52px;
display:inline-block;
text-align:center;
margin:0 7px 15px 7px;
background-size:100% auto;
}

#box1_li a h7{
position:absolute;
margin:37px 0;
display:block;
width:50px;
height:10px;
font:12px catbook;
overflow:hidden;
}

#box2{
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
background:{color:background} center url('{image:background two}') fixed;
z-index:999999999999;
}

#box2_c{
position:fixed;
top:50%;
left:50%;
transform: translate(-50%, -50%);
width:400px;
height:400px;
border-radius:10px;
}

#cat_01{
position:relative;
margin:20px 0 20px 20px;
width:350px;
max-height:400px;
overflow-y:auto;
overflow-x:hidden;
display:inline-block;
}

#cat1_abt{
position:relative;
padding:20px;
width:250px;
background:{color:6};
border:5px solid #000;
border-radius:5px;
}

#cat1_abt h1{padding:5px;margin:0 0 0 0;font:11.5px arial;font-style:italic;
background:{color:1};}

#cat1_abt h2{padding:5px;margin:0 0 10px 0;font:10.5px arial;
font-style:italic;}

#cat_01 img{max-width:140px;}


#tpf{position:fixed;top:50%;left:50%;margin:-320px 30px;width:340px;
font:45px catbook;color:#fff;-webkit-text-stroke-width: 3px;
-webkit-text-stroke-color:#000;text-align:right;text-transform:lowercase;
background: url('http://static.tumblr.com/j2yc61v/Q8Tnzgvfq/icon_010.png') no-repeat;background-position:right;background-size:50px;}

#tpf h7{margin:0 70px 0 0;}

#tpf:first-letter{text-transform:uppercase;}

#box2 #tpf{background: url('http://static.tumblr.com/l9mi3bq/TvAnzj5xp/icon_009.png') no-repeat;background-position:right;background-size:50px;}


#cat_qa{position:absolute;margin-top:55px;right:30px;height:100px;
width:70px;z-index:999999;background: url('http://static.tumblr.com/l9mi3bq/Gppnziobn/24457s.png') no-repeat;background-size:70px;}

#cat_qa img{margin:15px 15px;max-width:40px;}

/*--------------------------------END OF CSS--*/

</style>

<body>

<div class="{select:post width}">

<div id="b"></div>

<!-----------------------------------------------------------CODE STARTS-->



<div class="bgs"></div>


<div class="a">

<div id="sidebar">
{block:IfTitleName}
<div id="tp"><h9>{text:title name}</h9></div>
{/block:IfTitleName}

<div id="sideb1"><div id="side_img"><img src="{image:sidebar}"> </div>



<div id="side2">
<h7>{text:personality}</h7>
<h8>{text:mellow}</h8>
<h9>{text:power lv}</h9>
<h10>{text:number lv}</h10>
<h11>{text:visits}</h11>
<h12>{text:visit number}</h12>

</div>

{block:IfTypeOfCat}
<div id="solif">{text:type of cat}</div>
{/block:IfTypeOfCat}


</div>

<a class="two" href="#">
<img style="position:absolute;right:40px;width:50px;z-index:999;" src="http://static.tumblr.com/l9mi3bq/Dp1nzioam/24458_01.png">
<h7 style="position:absolute;margin:37px 0;right:28px;display:block;width:50px;height:10px;font:12px catbook;overflow:hidden;z-index:9999" >extra box</h7>

</a>


<div id="cat_qa">

<img src="{text:cat memento}">
</div>



<div id="sideb2">
<div id="sideb2_til">
<h7>{text:second title}</h7></div>


<div id="sideb2_de">
<div id="pdd"><div id="sdf"></div>

<div id="de"><span class="de">{Description}
</span></div>


</div>



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


<div id="cont">

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

<div class="autopagerize_page_element">

{block:Posts}<div class="{select:post info}" id="posts">


<!-------------------------------------STYLE #3-->
{block:IndexPage}
<div id="pi1">

<div id="pi1_date"><div id="pdd">
<a href="{Permalink}" target="_blank" >{lang:Posted TimeAgo}</a>
</div></div>

{block:NoteCount}
<div id="pi1_note">
<div id="pi1_note2">
<a href="{Permalink}" target="_blank" >{DayOfWeek}, {DayOfMonth} {Month} {Year}</a></div>
<div id="pi1_note1"><div id="pdd">
<a href="{Permalink}" target="_blank" >{block:IfCustomNoteName}{NoteCount} {text:custom note name}{/block:IfCustomNoteName}{block:IfNotCustomNoteName} {NoteCountWithLabel}{/block:IfNotCustomNoteName}</a>
</div></div>
</div>
{/block:NoteCount}

</div>
{/block:IndexPage}

<!-------------------------------------PHOTOS-->


{block:Photo}
{block:IndexPage}
<div id="photo">
<div class="filte">
<div id="flit">
<img src="{PhotoURL-HighRes}" width="100%">
</div></div></div>
<!---------------------CAPTIONS-->
<div class="{select:type of caption}" id="cap_all">
{block:Caption}
<a class="capti"><div id="buttoncap">show caption</div></a>
<div class="showr">
<div id="caption">
{Caption}
</div>
</div>
{/block:Caption}

{block:Caption}
<div id="cap_normal">
<div id="caption">
{Caption}
</div>
</div>
{/block:Caption}
</div>
<!---------------------CAPTIONS-->

{/block:IndexPage}

{block:PermalinkPage}
{LinkOpenTag}
<div id="photo">
<img src="{PhotoURL-HighRes}" width="100%">
</div>
{LinkCloseTag}
{/block:PermalinkPage}
{/block:Photo}


<!-------------------------------------PHOTOSET-->


{block:Photoset}
<div id="photoset">
<center>
<div class="filte">
<div id="flit">


<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
{block:Photos}
<div class="photo-data">
<div class="pxu-photo">
<img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
</div>
<a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
</div>
{/block:Photos}</div>

</div></div>
</center>
</div>

{block:IndexPage}
<!---------------------CAPTIONS-->
<div class="{select:type of caption}" id="cap_all">
{block:Caption}
<a class="capti"><div id="buttoncap">show caption</div></a>
<div class="showr">
<div id="caption">
{Caption}
</div>
</div>
{/block:Caption}

{block:Caption}
<div id="cap_normal">
<div id="caption">
{Caption}
</div>
</div>
{/block:Caption}
</div>
<!---------------------CAPTIONS-->
{/block:IndexPage}

{/block:Photoset}



<!-------------------------------------AUDIO-->

{block:Audio}

<div class="music_w">
{block:AlbumArt}
<div id="almart" style="background-image: url('{AlbumArtURL}');" ></div>
{/block:AlbumArt}

<div id="audiocontent">
<code>{block:TrackName}{TrackName}{/block:TrackName}</code>
<br>
<b>{block:Artist}{Artist}{/block:Artist}</b>
</div>

<div id="booe">
{block:AudioPlayer}
<div id="player">
{AudioPlayerWhite}
</div>
{/block:AudioPlayer}
</div>

</div>


{block:IndexPage}
<!---------------------CAPTIONS-->
<div class="{select:type of caption}" id="cap_all">
{block:Caption}
<a class="capti"><div id="buttoncap">show caption</div></a>
<div class="showr">
<div id="caption">
{Caption}
</div>
</div>
{/block:Caption}

{block:Caption}
<div id="cap_normal">
<div id="caption">
{Caption}
</div>
</div>
{/block:Caption}
</div>
<!---------------------CAPTIONS-->
{/block:IndexPage}

{/block:Audio}


<!-------------------------------------VIDEO-->


{block:Video}
<center>
<div id="vidso">
<div class="video">{Video-500}</div>
</div>
</center>

{block:IndexPage}
<!---------------------CAPTIONS-->
<div class="{select:type of caption}" id="cap_all">
{block:Caption}
<a class="capti"><div id="buttoncap">show caption</div></a>
<div class="showr">
<div id="caption">
{Caption}
</div>
</div>
{/block:Caption}

{block:Caption}
<div id="cap_normal">
<div id="caption">
{Caption}
</div>
</div>
{/block:Caption}
</div>
<!---------------------CAPTIONS-->
{/block:IndexPage}

{/block:Video}


<!-------------------------------------ASK-->

{block:Answer}
<div id="ask">
<div id="ask_img"><img src="{AskerPortraitURL-128}"align="left"></div>
<div id="asker">{Asker}</div>
<div id="ask_q"><p>{Question}</p></div>
<div id="answer">{Answer}</div>
</div>
{/block:Answer}


<!-------------------------------------TEXT-->

{block:Text}
{block:Title}
<div class="title">
<div id="tt">
{Title}
</div>
</div>
{/block:Title}
<div id="ttbody">
{Body}
</div>
{/block:Text}


<!-------------------------------------LINK-->


{block:Link}
<div class="title" style="background:{color:3};">
<a style="font-size:20px;font-style:italic;font-weight:bold;color:{color:2};" href="{URL}" {Target}>{Name}</a>
</div>
{block:Description}
<div style="background:{color:3};padding:20px 30px 20px 30px;">
{Description}
</div>
{/block:Description}
{/block:Link}


<!-------------------------------------QUOTE-->


{block:Quote}
<div id="quote">{Quote}</div>
{block:Source}
<div id="qsource"> ―{Source}― </div>
{/block:Source}
{/block:Quote}

<!-------------------------------------CHAT-->


{block:Chat}
<div id="chatpost">
{block:Title}
<div id="titlechat">
{Title}</div>
{/block:Title}

<ul class="chat">
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}
<b>{Label}</b>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
</div>
{/block:Chat}

<!-------------------------------------POST INFO-->
{block:IndexPage}

<!-------------------------------STYLE #1-->

<div id="sto">
<div id="st02">
{block:IfPostInfoHover}<div id="sh"></div>{/block:IfPostInfoHover}
<div id="pdd">

{block:NoteCount}
<a href="{Permalink}" target="_blank" >{block:IfCustomNoteName}{NoteCount} {text:custom note name}{/block:IfCustomNoteName}{block:IfNotCustomNoteName} {NoteCountWithLabel}{/block:IfNotCustomNoteName}</a>
{/block:NoteCount}
<a href="{Permalink}"target="_blank" title="{DayOfWeek}, {DayOfMonth} {Month} {Year}"  >{MonthNumberWithZero}.{DayOfMonthWithZero}.{Year}</a>

<a href="{ReblogURL}"target="_blank" >reblog</a>

</div></div>


{block:HasTags}
<div id="st2">
{block:IfPostInfoHover}<div id="sh"></div>{/block:IfPostInfoHover}
<div id="s2b"></div><div id="wl"></div>
<div id="st2n"><div id="pdd">
{block:NoteCount}
<a href="{Permalink}" target="_blank" >{block:IfCustomNoteName}{NoteCount} {text:custom note name}{/block:IfCustomNoteName}{block:IfNotCustomNoteName} {NoteCountWithLabel}{/block:IfNotCustomNoteName}</a>
{/block:NoteCount}
{block:NotReblog}
<a href="{Permalink}" target="_blank"title="{lang:Posted TimeAgo}" >{12HourWithZero}.{Minutes}.{Seconds}{CapitalAmPm}</a>
{/block:NotReblog}
<a href="{ReblogURL}"target="_blank" >reblog</a>
</div></div>
<div id="st2t"><div id="pdd">
{block:Tags}
<a href="{TagURL}">#{Tag}</a> {/block:Tags}
</div></div>
</div>
{/block:HasTags}
</div>


<!-------------------------------STYLE #2-->
<div id="sta"><div id="stauno">
{block:IfPostInfoHover}<div id="sta_hov"></div>{/block:IfPostInfoHover}

<!---------------------NOTES #1-->
<div id="sta_no"><div id="sta_l"></div>
<div id="sta_no1">
<a href="{Permalink}"target="_blank" title="{DayOfWeek}, {DayOfMonth} {Month} {Year}"  >{lang:Posted TimeAgo}</a></div>
<div id="sta_no2"><a href="{ReblogURL}"target="_blank" >reblog</a></div>
</div>
<!---------------------NOTES #2-->
{block:NoteCount}
<div id="sta_notes"><div id="wl"></div>
<div id="sta_not1"><a href="{ReblogURL}"target="_blank" >reblog</a></div>
<div id="sta_not2">
<a href="{Permalink}" target="_blank" >{block:IfCustomNoteName}{NoteCount} {text:custom note name}{/block:IfCustomNoteName}{block:IfNotCustomNoteName} {NoteCountWithLabel}{/block:IfNotCustomNoteName}</a>
</div>
</div>
{/block:NoteCount}

<!-------------------------TAGS-->
{block:HasTags}
<div id="sta_tags"><div id="pdd">
{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
</div></div>
{/block:HasTags}

</div></div>

<!-------------------------------------STYLE #3-->

<div id="pi1">

<!-------------------------TAGS-->
{block:HasTags}
<div id="sta_tags"><div id="pdd">
{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
</div></div>
{/block:HasTags}

</div>


{/block:IndexPage}
<!-------------------------------------PERMALINK-->


{block:Date}
{block:PermalinkPage}

{block:Caption}
<div id="caption">
{Caption}
</div>
{/block:Caption}


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

{block:HasTags}
<div id="perma_tags">
tagged as:
{block:Tags}
<a href="{TagURL}">{Tag}</a> {/block:Tags}
</div>
{/block:HasTags}

<!---------------------DATE-->


<!---------------------NOTES #1-->
<div id="sta_no">
<div id="sta_no1">
<a href="/" title="{DayOfWeek}, {DayOfMonth} {Month} {Year}"  >posted {lang:Posted TimeAgo}</a></div>
<div id="sta_no2"><a href="/">{PostID}</a></div>
</div>
<!---------------------NOTES #2-->
{block:NoteCount}
<div id="sta_notes"><div id="wl"></div>
<div id="sta_not1"><a href="/">{MonthNumberWithZero}-{DayOfMonthWithZero}-{Year}</a></div>

<div id="sta_not2">
<a href="/">{block:IfCustomNoteName}{NoteCount} {text:custom note name}{/block:IfCustomNoteName}{block:IfNotCustomNoteName} {NoteCountWithLabel}{/block:IfNotCustomNoteName}</a>
</div>
</div>
{/block:NoteCount}


<!---------------------NOTES-->

{block:PostNotes}

<div id="prmas"><div id="padding">{PostNotes}</div> </div>
{/block:PostNotes}

{/block:PermalinkPage}
</div>
{block:Date}

<!------------------------------END OF PERMALINK-->



{/block:Posts}

<!-----------------------------------DO NOT DELETE----------->

<!-- {block:NoRebloggedFrom}
{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
{/block:NoRebloggedFrom} -->

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

<h8>{lang:Page CurrentPage of TotalPages}</h8>

{block:PreviousPage}
<a href="{PreviousPage}">{lang:Previous page} </a>
{/block:PreviousPage}

{block:NextPage}
<a href="{NextPage}">{lang:Next page}</a>
{/block:NextPage}

</div>

{/block:Pagination}

{block:IndexPage}
<div id="extrac">
theme optimized for <u>google chrome</u>, powered by <u>tumblr</u><br><br>
made by <a href="http://exoa.tumblr.com/">exoa</a>
</div>
{/block:IndexPage}

</div></div></div></div></div>
    <!----------------------BOX #2-->

<div class="2" style="display:none;"><div id="box2">

<div id="morelink">
<a class="one" href="#">
<img src="http://static.tumblr.com/j2yc61v/VwGnzffx1/24460.png"></a>
</div>

<div id="tpf"><h7>{text:extra box title}</h7></div>

<div id="box2_c">

<div id="cat_01">

<div id="cgo"></div>
<div id="cat1_abt">
{text:extra box}


</div></div>


</div>



</div></div>

<!----------------------BOX #1-->

<div class="1" style="display:block;">

<div id="tpf"><h7>{text:catbook}</h7></div>

<div id="morelink">
<a id="more">
<span class="t">
<img src="http://static.tumblr.com/j2yc61v/Ct5nz2jdj/24459.png"></span>
<span class="t" style="display:none">
<img src="http://static.tumblr.com/j2yc61v/VwGnzffx1/24460.png"></span></a>
</a>
</div>


<div id="box1"><div id="box1_li">

<a href="/" style="background-image: url('http://static.tumblr.com/j2yc61v/sO4nzfhip/icon_002.png');"> <h7>home</h7> </a>
<a href="/ask" style="background-image: url('http://static.tumblr.com/j2yc61v/91cnzgvif/icon_002_5.png');"> <h7>ask</h7> </a>
<a href="/archive" style="background-image: url('http://static.tumblr.com/j2yc61v/35Bnzfhwy/icon_001.png');"> <h7>archive</h7> </a>


<a href="{text:Link 1 URL}" style="background-image: url('http://static.tumblr.com/j2yc61v/VEanzfhxq/icon_003.png');"> <h7>{text:Link 1}</h7> </a>
<a href="{text:Link 2 URL}" style="background-image: url('http://static.tumblr.com/j2yc61v/DJnnzfhy0/icon_004.png');"> <h7>{text:Link 2}</h7> </a>
<a href="{text:Link 3 URL}" style="background-image: url('http://static.tumblr.com/j2yc61v/tUYnzfhy8/icon_005.png');"> <h7>{text:Link 3}</h7> </a>


<a href="{text:Link 4 URL}" style="background-image: url('http://static.tumblr.com/j2yc61v/hamnzfhyk/icon_006.png');"> <h7>{text:Link 4}</h7> </a>
<a href="{text:Link 5 URL}" style="background-image: url('http://static.tumblr.com/j2yc61v/eSbnzfhyt/icon_007.png');"> <h7>{text:Link 5}</h7> </a>
<a href="{text:Link 6 URL}" style="background-image: url('http://static.tumblr.com/j2yc61v/Tzsnzfhz1/icon_008.png');"> <h7>{text:Link 6}</h7> </a>

</div></div>


<!-------------------------------------------------------------CODE ENDS-->

<!-----------------------------------DO NOT DELETE----------->

<div class="sd">
<a href="http://exoa.tumblr.com/"target="_blank"><code>YA</code></a>
<div id="sb">
<a href="http://exoa.tumblr.com/"target="_blank">MADE BY YOONORA</a>
</div></div>
</body>
<!-----------------------------------DO NOT DELETE----------->

<!----------------------------------------SCRIPT #1---->

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

<script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("[title]").style_my_tooltips();
});
})(jQuery);
</script>
<!----------------------------------------SCRIPT #2---->

<script type="text/javascript">
jQuery(document).ready(function() {
jQuery(".showr").hide();
//toggle the componenet with class msg_body
jQuery(".capti").click(function()
{
jQuery(this).next(".showr").slideToggle(500);
});});
</script>


<!----------------------------------------SCRIPT #3---->

<link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<script src="//static.tumblr.com/fwgzvyf/Lkwnyuhi8/shythemes.vr.js"></script>

<script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
<script>
$(document).ready(function(){
$('.photo-slideshow').pxuPhotoset({
lightbox: true,
rounded: false,
gutter: '4px',
borderRadius: '5px',
photoset: '.photo-slideshow',
photoWrap: '.photo-data',
photo: '.pxu-photo'
});

});
</script>

</head>

<script>
// minimal soundcloud player © eoxk.tumblr
$(document).ready(function(){
    var color = '{color:5}'; // color of play button (hex)
    $('.soundcloud_audio_player').each(function(){
        $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 20, width: '100%' });
    });
});
</script>

<!----------------------------------------SCRIPT #4---->

<script language="javascript">
$(document).ready(function() {
$('a#more').click(function() {
    $('.t',this).toggle();
});

$("#more").toggle(
function () {
$("#box1").animate({"z-index":"999999", "opacity":"1" }, "fast");
},
function () {
$("#box1").animate({"z-index":"0", "opacity":"0" }, "fast");
});
});
</script>


<!----------------------------------------SCRIPT #5---->

<script>
$(document).ready(function(){

 $(".one").click(function(){
  $(".1").fadeIn();
    $(".2").fadeOut();
 });

  $(".two").click(function(){
    $(".2").fadeIn();
    $(".1").fadeOut();
  });
});
</script>

</html>