01: Smiley's People

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<!--

THEME 02 V1: Smiley's People
Jones (find on tumblr @cl4p-tpwrites)

Do not steal, etc. Follow Wheaton's Law: Don't be a dick. You can edit, but leave credit intact. You may remove graphic credit (ctrl-f 'graphic credit' to find it) if you enable 'sidebar credit.'

Joke: what do you call a psychic midget who has escaped from prison?

answer: a small medium at large!


-->


<head>

<!-- DEFAULTS -->
<meta name="if:External Sidebar Image" content="0"/>
<meta name="if:Tumblr Sidebar Image" content="0"/>
<meta name="if:Updates Tab" content="0">
<meta name="if:Sidebar Credit" content="0">

<meta name="text:Noticeboard" content="text goes here"/>
<meta name="text:Sidebar Image Url" content=""/>
<meta name="text:link 1" content="link 01 - tinker" />
<meta name="text:link 1 url" content="/">
<meta name="text:link 2" content="link 02 - tailor" />
<meta name="text:link 2 url" content="/">
<meta name="text:link 3" content="link 03 - soldier" />
<meta name="text:link 3 url" content="/">
<meta name="text:link 4" content="link 04 - spy" />
<meta name="text:link 4 url" content="/">
<meta name="text:updates height" content="100px" />


<meta name="color:text" content="#838282"/>
<meta name="color:link" content="#b8b8b8"/>
<meta name="color:link hover" content="#000000" />
<meta name="color:side bg" content="#1f1f1f" />
<meta name="color:background" content="#ffffff" />

<meta name="image:Sidebar" content=""/>
<meta name="image:background" content="http://media.tumblr.com/02687d73d85addab105e797115981ec5/tumblr_inline_mu668kcyou1s1dh3l.png" />
<meta name="image:farleft bg" content="http://media.tumblr.com/dae5cbac5ab257f9ada047f94ed8158e/tumblr_inline_mu5wcgRk5z1s1dh3l.png" />


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://static.tumblr.com/whx9ghv/EHmmp83ua/classie.js"></script>
<script src="http://static.tumblr.com/whx9ghv/fwDmp83xs/modernizr.custom.js"></script>
<link href='http://fonts.googleapis.com/css?family=Noto+Sans' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'><title>{Title}</title>
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}


<style type="text/css">

::-webkit-scrollbar-thumb:vertical {background-color:#252525; height: 10px;}
::-webkit-scrollbar-thumb:horizontal {background-color:#252525; height:10px!important;}
::-webkit-scrollbar {background-color:white; height:6px; width:7px;}

iframe#tumblr_controls{
    white-space:nowrap;
    opacity:0.8;
    position:fixed !important;
    top:0px !important;
    right:0px !important;
    -webkit-transition: all 0.4s ease-out;
    -moz-F: all 0.4s ease-out;
    -o-transition:all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

iframe#tumblr_controls:hover {
    position:fixed !important;
    top:0px !important;
    right:0px !important;
        opacity:1;
        filter:alpha(opacity=100);
        -moz-opacity:1;
        -o-opacity:1;
        -webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        -o-transition:all 0.4s ease-out;
        transition: all 0.4s ease-out;
}

body {
    background:{color:background};
    margin:0px;
    color:{color:text};
    font-family: 'Roboto Condensed', sans-serif;
    font-size:11px;
    line-height:140%;
    background-image:url('{image:background}');
    background-attachment:fixed;
    background-repeat:repeat;
}
#credit {
    right:5px;
    bottom:2px;
    position:fixed;
    z-index:5000000000;
}
 #credit img{
     height:25px;
     opacity:.3;
     z-index:500000;
     -webkit-transition: all 0.4s ease-out;
    -moz-F: all 0.4s ease-out;
    -o-transition:all 0.4s ease-out;
    transition: all 0.4s ease-out;
 }
 #credit img:hover{
     opacity:.7;
     -webkit-transition: all 0.4s ease-out;
    -moz-F: all 0.4s ease-out;
    -o-transition:all 0.4s ease-out;
    transition: all 0.4s ease-out;
 }
a {
    text-decoration:none;
    outline:none;
    -moz-outline-style:none;
    color:{color:link};
}

a:hover{
   color:{color:link hover};
}

pre {
 overflow: auto;
 font-size:11px;
}

img {
    border:none;
}

blockquote {
    border-left:2px solid;
    padding-left:4px;
}

blockquote blockquote {
    border-left:2px solid;
        padding-left:4px;

}

h1 {
    font-size:15px;
    text-decoration:lowercase;
    align: left;
}

#entry{
    padding:5px;
    width:530px;
    margin-left:550px;
    margin-top:-10px;
}

#postborder {
width:100%;
height:100%;
border-top:3px black;
}

#post{
    width:500px;
    padding:7px 7px;
    margin-top:30px;
    border-top:3px black;
    margin-bottom:10px;
    background-color:white;
    font-size:14px;
    font-family: calibri;
        border: .5px solid black;

}
#permabox{
    width:480px;
    padding:7px 7px;
    margin-top:15px;
    border-top:3px black;
    margin-bottom:10px;
    background-color:white;
    font-size:14px;
    font-family: calibri;
    border-top: 1px solid {color: side bg};

}
#notebox{
    width:500px;
    padding:7px 7px;
    margin-top:15px;
    border-top:3px black;
    margin-bottom:10px;
    background-color:white;
    font-size:14px;
    font-family: calibri;
        border: .5px solid black;


}

#post:hover #permalink {
height: auto;
margin-left: -8px;
opacity: 1.1;
filter:alpha(opacity=100);
-moz-opacity: 1.1;
-webkit-transition: opacity 0.5s ease;
-moz-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
}

#permalink {
font-size:9px;
margin-top:-5px;
width:516px;
margin-left: -8px;
letter-spacing:1px;
text-align:center;
text-transform: uppercase;
position:absolute;
opacity:0;
background-color:{color:side bg};
color: {color:permalink text};
font-family:{font:body};
-webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;}

#permalink a:link {
color:#d3d1d1;
font-weight:normal;

}
#permalink a:visited {
color:#d3d1d1;
font-weight:normal;

}

#permalink a:hover {
color: {color:link hover};
}

/*-- tags info --*/

#tags {
background-color: #000000;
padding: 10px;
font-size: 9px;
font-family: {font:body};
margin: 4px;
margin-left: -10px;
text-align: left;
text-transform: uppercase;
font-style: none;
}



#farleft{
    width:200px;
    margin-top:10px;
    height:100%;
    left:0;
    position:fixed;
    background-color:{color:side bg};
    background-image:url('{image:farleft bg}');

}
#side{
    display:block;
    position:fixed;
    margin-left:200px;
    width:250px;
    height:120%;
    background-color:{color:side bg};
-moz-box-shadow: 5px 2px 5px 0px rgba(0,0,0,0.2);
-webkit-box-shadow: 5px 2px 5px 0px rgba(0,0,0,0.2);
box-shadow: 5px 2px 5px 0px rgba(0,0,0,0.2);
}


 #sidebar {
    width:200px;
    height:200px;
    margin-left:225px;
    position:fixed;
    line-height:110%;
    margin-top: 50px;
    font-family:Arial;
    font-size:11px;
}
.sideimg img {
width: 220px;
margin-left:-6px;
margin-bottom:10px;
}

#title {
    color:#FFFFFF;
    font-family: 'Roboto Condensed', sans-serif;
    font-size:30px;
    text-align:center;
    margin-bottom:5px;
    line-height:0.8em;
}
#title a {
    color:#FFFFFF;}

hr {
 color: #fff;
background-color: #fff;
height: .25px;
}
.stitle {
display: block;
font-family: 'Raleway', Arial, sans-serif;
text-transform: uppercase;
text-align: center;
font-size: 20px;
padding: 4px 5px;
color: #fafafa;
position: relative;
margin: 40px 0px 10px;
}
#cription {
    text-align:left;
    font-family: 'Noto Sans', sans-serif;
    font-size:12px;
    color:#e0e0e0;
}
#cription a{
    color:#f0b537;
}
#stats {
    text-align:justify;
    margin-top:20px;
    font-family: 'Noto Sans', sans-serif;
    font-size:11px;
    color:#e0e0e0;
}
#stats a{
    color:#f0b537;
}

/*--- far left navigation/links ---*/


#navigation {
    width:180px;
    margin-top:150px;
    z-index:10000;
    color:white;
    position:fixed;
    text-align:center;
    font-family:helvetica,calibri;
}
.sidelink{
    text-align:center;
    margin-left:10px;
    margin-top:10px;
    top:100px;
    color:white;
    padding:10px;
    background:{color:side bg};
    word-spacing:-4px;
    -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -o-transition:all 0.5s ease-out;
        transition: all 0.5s ease-out;
    text-transform:uppercase;
}
.sidelink:hover {
    background-color:white;
    color:black;
    -webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        -o-transition:all 0.4s ease-out;
        transition: all 0.4s ease-out;

}
.sidelink a{
    display:block:
    width:auto;
    opacity:1;
    height:auto;
    font-weight:normal;
    padding:3px;
}

.sidelink a:hover{
    font-weight:bold;
}
.pagi{
    text-align:center;
    margin-left:10px;
    margin-top:10px;
    top:100px;
    color:white;
    padding:10px;
    letter-spacing:3px;
    opacity:.1;
    background:{color:side bg};
    word-spacing:-4px;
    -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -o-transition:all 0.5s ease-out;
        transition: all 0.5s ease-out;
    text-transform:uppercase;
}
.pagi:hover {
    -webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        -o-transition:all 0.4s ease-out;
        transition: all 0.4s ease-out;
        opacity:1;

}


.pagi a:hover{
    color:white;
}

/*--- sidebar links ---*/
.link{
    text-align:center;
    z-index:1;
    text-transform:uppercase;
    margin-left:-5px;
}

.link a{
    display:block;
    width:200px;
    margin-top:10px;
    font-weight:normal;
    height:10px;
    padding:5px;
    color:#FFFFFF;
    border-bottom: 1px solid white;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.link a:hover{
    color:white;
    width:248px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}


/*--- TOP CODE
    Don't mess with anything but the 'background,' to change the
    look. ---*/

#toTopHover {
    display:none;
    text-decoration:none;
    position:fixed;bottom:5px;right:10px;
    overflow:hidden;
    width:100px;height:100px;
    z-index:700;
    border:none;text-indent:-999px;
    background:url(http://nmai.si.edu/exhibitions/infinityofnations/images/top_up.png) no-repeat left top;}

#toTop:active, #toTop:focus {outline:none;}

#toTop {
    display:none;
    text-decoration:none;
    position:fixed;
    bottom:5px;
    right:10px;
    overflow:hidden;
    width:100px;height:100px;
    border:none;text-indent:-999px;
    background:url(http://nmai.si.edu/exhibitions/infinityofnations/images/top_up.png) no-repeat left top;}



/*-- notes info --*/

ol.notes {
font-size:12px;
padding: 0px;
margin: 10px 0px 0px 15px;
list-style-type: none;
background: transparent;
border: 0px;
letter-spacing: 0px;
text-transform: lowercase;
}

ol.notes li.note {
padding: 1px;
font-size:10px;
text-align: left;
letter-spacing: 0px;
text-transform: lowercase;
}

.notes img{
width: 0px;
position: relative;
top: 1px;
opacity: 0;
}

.permalink {
font-size:10px;
letter-spacing:1px;
color: {color:text};
text-transform:uppercase;
}

.music {
background-color: {color: entry background};
display:block;
}

#questionposts {
padding:0px;
text-align:justify;
font-size:12px;
line-height:14px;
text-transform:none;
}
#question a:link {
color: white;
}

#q, #a {
    margin-right:5px;
    font-family:Oswald;
    font-size:15px;
    font-weight:bold;
    color:white}

#question {
    background-color:{color:side bg};
    color:white;
    padding:7px;
    width:510px;
    margin-left:-12px;
    text-transform:none;
    font-family:calibri;}

#answer {
    text-transform:none;
    font-family:calibri}

.question {
    font-size:11px;
    text-transform:lowercase;
    line-height:7px;
    letter-spacing:0px;
    color:white;}
.question a:link {
color: white;
}

.quote{
    font-size:18px;
    text-align:center;
}

.source{
    font-size:13px;
    text-transform:uppercase;
}

/*-- updates tab --*/
#noticeboard {
text-align: center;
font-size: 12px;
font-family:calibri;
position:fixed;
top:{text:updates height};
right:-261px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
z-index:999;
}

#noticeboard:hover {right:0px;}

#notices {
padding:10px;
background: #ffffff;
width:250px;
height:150px;
z-index: 9999;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
}

.noticeboardtab {
display:block;
position:absolute;
right: 221px;
top:70px;
border-color:#000;
font-size:14px;
text-transform:uppercase;
height:10px;
padding: 4px 5px 15px 5px;
background:#fff;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
width: 100px;
}


{CustomCSS}</style></head><body>
<!-- updates -->
{block:ifupdatestab}<div id="noticeboard">
<div class="noticeboardtab">noticeboard</div>
<div id="notices"><br>

{text:noticeboard}
</div>
</div></div>
{/block:ifupdatestab}


<!-- graphic credit -->
<div id="credit"><a href="http://cl4p-tpwrites.tumblr.com"><img src="http://media.tumblr.com/40089fa59c3e9cd68ae1bce93827b065/tumblr_inline_mu5sq43cFr1s1dh3l.png"/></a></div>

<!-- html starts here -->


<div id="farleft"><div id="navigation"><div class="sidelink">
<a href="/">back</a><br></div>
<div class="sidelink"><a href="/ask">ask</a><br></div>
<div class="sidelink"><a href="/submit">submit</a><br></div>
<div class="sidelink"><a href="/archive">archive</a><br></div>
{block:ifsidebarcredit}<div class="sidelink"><a href="http://cl4p-tpwrites.tumblr.com">credit</a><br></div>{/block:ifsidebarcredit}

{block:Pagination}<div class="pagi">
<div id="pagination">
      {block:PreviousPage}
            <a href="{PreviousPage}">LAST</a>
      {/block:PreviousPage}

      {block:JumpPagination length="3"}
            {block:CurrentPage}
                  <span class="current_page">{PageNumber}</span>
            {/block:CurrentPage}

            {block:JumpPage}
                  <a class="jump_page" href="{URL}">{PageNumber}</a>
            {/block:JumpPage}
      {/block:JumpPagination}

      {block:NextPage}
            <a href="{NextPage}">NEXT</a>
      {/block:NextPage}
</div>
{/block:Pagination}</div></div></div></div>
<div id="side"></div>

<div id="sidebar">
<br>
<div id="title"><a href="/">{Title}</a></div><br>

<br>
<div class="sideimg">{block:IfExternalSidebarImage}<img src="{text:Sidebar Image}">{/block:IfExternalSidebarImage}{block:IfTumblrSidebarImage}<img src="{image:Sidebar}">{/block:IfTumblrSidebarImage}</div>
<div id="cription">{Description}</div><br>


<div class="link"><center>
{block:ifLink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:ifLink1}
{block:ifLink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:ifLink2}
{block:ifLink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:ifLink3}
{block:ifLink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:ifLink4}


<!-- TO TOP SCRIPT

Unless you want to remove it, don't fuck with this, trust me
-->
<script type="text/javascript" src="http://static.tumblr.com/53unaru/4jtlgzkf8/easing.js"></script><script type="text/javascript" src="http://static.tumblr.com/53unaru/y8wlgzkbt/jquery.ui.totop.js"></script><script type="text/javascript">$(document).ready(function() {/*var defaults = {containerID: 'moccaUItoTop', // fading element idcontainerHoverClass: 'moccaUIhover', // fading element hover classscrollSpeed: 1200,easingType: 'linear' };*/$().UItoTop({ easingType: 'easeOutQuart' });});</script>
</div>
</div></div></div>

<div id="entry">
{block:Posts}
<div id="postborder"><div id="post">

{block:Text}{block:Title}<center><h1>{Title}</h1></center>{/block:Title}{Body}{/block:Text}
{block:Quote}<div class="quote">“{Quote}”</div><br><div class="source"><center>— {Source}</center></div>{/block:Quote}

{block:Link}<a href="{URL}"> <h2>{Name}</h2></a>
{block:Description}<p>{Description}</p>{/block:Description}{/block:Link}

{block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" width=”500px” alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}

{block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}

{block:Chat}{block:Title}<t>{Title}</t><br>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}

{block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}

{block:Answer}
<div id="questionposts"><div id="question">
<table><td id=”question”><span style="font-family:'arial';text-align:lowercase;font-size:12px;font-style:italic;color:white;"><b>{Asker} asked:</b></span> {Question}</div></td></table></div>

<div id="answer"><table>

<td>{Answer}</td></table></div></div>
{/block:Answer}

{block:Audio}<center>{block:AlbumArt}<img src="{AlbumArtURL}" width="70px" height="70px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerGrey}</span>
<br><br>{block:TrackName}<blockquote><b>Title:</b> {TrackName}<br />{/block:TrackName}
{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
{/block:ExternalAudio}</blockquote>{block:Caption}{Caption}{/block:Caption}
</center>
{/block:Audio}<br>
{block:IndexPage}
{block:Date}<div id="permalink"><FONT COLOR="FFFFFF">posted:  <a href="{Permalink}">{TimeAgo}</a></font> {block:NoteCount}<font color="FFFFFF">with</font> <a href="{Permalink}"> {NoteCountWithLabel}</a>
{/block:NoteCount}{/block:Date}
 </div>
{/block:IndexPage}

{block:Date}{block:PermalinkPage}
<div id="permabox"><div class="permalink">
<center><div id="date">{block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</div>

{block:RebloggedFrom}<b>origin:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a>  &nbsp;|&nbsp;  <b>rb from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom} {block:HasTags}<b>tagged:</b> {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</center>
</div></div></div>{block:PostNotes}<div id=notebox>
{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:PermalinkPage}{/block:Date}
</div></div>
{/block:Posts}
</div></div></div></div>


</body>

</html>