Professional Documents
Culture Documents
Theme
Theme
DOCTYPE html>
<html>
<head>
<!-----------------------------------------------------------------------
Theme 34 Kojin
by yukoki/s-ekki
<title>{title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
{block:Description}<meta name="description" content="{MetaDescription}"
/>{/block:Description}
<link rel="shortcut icon" href="{Favicon}" />
{block:ifinfinitescroll}
<script type="text/javascript"
src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
{/block:ifinfinitescroll}
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"
rel="stylesheet">
<style type="text/css">
#tumblr_lightbox {background-color:rgba(255,255,255,0.9)!important;}
#tumblr_lightbox img { opacity:0;padding: 10px;
border: 1px solid #ddd; }
#tumblr_lightbox_center_image, #tumblr_lightbox_left_image,
#tumblr_lightbox_right_image {
opacity: 1!important;
box-shadow: 0 0 0 transparent!important;
border-radius: 0!important;
-moz-border-radius: 0!important;
-webkit-border-radius: 0!important;
-o-border-radius: 0!important;
padding: 10px!important;
border: 1px solid #ddd!important;
background-color: #fff!important;
}
#tumblr_lightbox_caption {
color: #aaa!important;
font-family: calibri!important;
font-size: 12px!important;
margin-top: 30px!important;
text-shadow: 0 0 0 transparent!important;
font-weight: 400!important;
}
::selection {
color: #fff;
background-color: {color:text highlight};
}
::-moz-selection {
color: #fff;
background-color: {color:text highlight};
}
body {
background-color: {color:background};
background-image: url({image:background});
background-attachment: fixed;
margin: 0;
word-wrap: break-word;
}
a { text-decoration:none; }
#sbw1 {
position: fixed;
top: 90px;
{block:ifnotaltsidebarstyle}
left: 70px;
{/block:ifnotaltsidebarstyle}
{block:ifaltsidebarstyle}
left: 40px;
{/block:ifaltsidebarstyle}
}
.wpic {
width: 210px;
display: block;
}
.bt {
height: 25px;
background-color: {color:window titles background};
width: 150px;
padding-top: 5px;
padding-left: 20px;
padding-right: 60px;
margin-left: -10px;
margin-bottom: 10px;
line-height: 12px;
font-family: consolas;
font-size: 8px;
letter-spacing: 2px;
text-transform: uppercase;
color: {color:window titles text};
}
.rightbuttons {
font-family: consolas;
font-size: 10px;
float: left;
margin-right: 1px;
background-color: {color:window titles buttons background};
color: {color:window titles buttons};
width: 20px;
text-align: center;
height: 16px;
line-height: 17px;
}
#rbi {
border-radius: 0 0 0 3px;
line-height: 13px;
}
#rbii {
line-height: 18px;
font-size: 8px;
}
#rbx {
border-radius: 0 0 3px 0;
}
#sbw2, #pi {
position: absolute;
background-color: {color:description window background};
margin: -40px 160px;
font-family: consolas;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 1px;
width: 140px;
z-index: 1;
{block:ifaltsidebarstyle}
margin: 40px 240px;
{/block:ifaltsidebarstyle}
}
.bt2 {
width: 140px;
letter-spacing: 0;
}
#iv {
position: absolute;
margin: 14px 30px;
width: 150px;
height: 36px;
padding-left: 6px;
z-index: 1000000000;
{block:ifaltsidebarstyle}
margin: 14px 5px;
{/block:ifaltsidebarstyle}
}
.dbl {
border-top: 1px solid {color:nav icons lines};
border-bottom: 1px solid {color:nav icons lines};
height: 2px;
background-color: transparent;
width: 270px;
position: absolute;
margin: 16px -180px;
z-index: -10000;
{block:ifaltsidebarstyle}
opacity: 0;
{/block:ifaltsidebarstyle}
}
.ifontsbg2, .ifontsbg3 {
float: none;
}
.ifontsbg:hover {
background-color: {color:nav icons hover background};
color:{color:nav icons hover};
}
.ifontsbg2:hover {
background-color: {color:nav icons hover background};
color:{color:nav icons hover};
}
.ifontsbg3:hover {
background-color: {color:nav icons hover background};
color:{color:nav icons hover};
}
.ifontstxt, .ifontstxt2 {
font-family: consolas;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 1px;
position: absolute;
line-height: 12px;
text-align: center;
width: 100px;
margin-top: 6px;
margin-left: -51px;
opacity: 0;
transition: 0.2s;
}
.ifontstxt2 {
margin-top: -15px;
margin-left: 20px;
text-align: left;
width: 400px;
}
.ifontstxt a, .ifontstxt2 a {
background-color: {color:nav icons text background};
color: {color:nav icons text};
padding: 1px 3px;
}
.ifontsbg:hover .ifontstxt {
opacity: 1;
margin-top: 10px;
}
.iftri2 {
text-align: left;
margin: -1px 0 0 -6px;
}
.pptags {
width: 200px;
font-family: consolas;
font-size: 8px;
text-transform: uppercase;
padding: 0 10px;
border-left: 3px double {color:nav icons lines};
text-align: left;
margin: 2px 7px;
line-height: 9px;
opacity: 0;
line-height: 16px;
transition: 0.6s;
-moz-transition: 0.6s;
-webkit-transition: 0.6s;
-o-transition: 0.6s;
}
.pptags a {
color: {color:tags};
background-color: {color:tags bg};
padding: 2px 3px;
transition: 0.6s;
-moz-transition: 0.6s;
-webkit-transition: 0.6s;
-o-transition: 0.6s;
}
.pptags a:hover { border-bottom: 1px solid {color:tags}; }
.ifontsbg3:hover .pptags {
padding: 5px 10px;
opacity: 1;
}
#ps1 {
position: absolute;
margin-top: 40px;
{block:if400pxposts}border-left: 436px solid transparent;{/block:if400pxposts}
{block:if500pxposts}border-left: 536px solid transparent;{/block:if500pxposts}
opacity: 0;
transition: 0.6s;
-moz-transition: 0.6s;
-webkit-transition: 0.6s;
-o-transition: 0.6s;
}
.post:hover #ps1 {
{block:if400pxposts}border-left: 440px solid transparent;{/block:if400pxposts}
{block:if500pxposts}border-left: 540px solid transparent;{/block:if500pxposts}
opacity: 1;
}
.mv3 {
{block:indexpage}
{block:if400pxposts}margin-left: 340px;{/block:if400pxposts}
{block:if500pxposts}margin-left: 440px;{/block:if500pxposts}
{block:indexpage}
{block:permalinkpage}
{block:if400pxposts}margin-left: 440px;{/block:if400pxposts}
{block:if500pxposts}margin-left: 440px;{/block:if500pxposts}
{/block:permalinkpage}
}
.bt3 {
padding-left: 50px;
color: {color:window titles text};
{block:indexpage}
{block:if400pxposts}width: 380px;{/block:if400pxposts}
{block:if500pxposts}width: 480px;{/block:if500pxposts}
{block:indexpage}
{block:permalinkpage}
{block:if400pxposts}width: 480px;{/block:if400pxposts}
{block:if500pxposts}width: 480px;{/block:if500pxposts}
{/block:permalinkpage}
}
.bt3 a {color: {color:window titles text};}
.bt3 a:hover {text-decoration: underline;}
.desc {
font-family: consolas;
font-size: 8px;
color: {color:description text};
text-transform: uppercase;
letter-spacing: 1px;
}
.desc a {
background-color: {color:description links bg};
color: {color:description links};
}
.desc a:hover {
border-bottom: 1px solid {color:description links};
}
#content {
margin: 60px 470px;
width: 600px;
{block:ifaltsidebarstyle}
margin: 60px 490px;
{/block:ifaltsidebarstyle}
}
.post {
background-color: {color:post background};
width: 510px;
margin-bottom: 60px;
opacity: 1;
{block:indexpage}
{block:if400pxposts}width: 410px;{/block:if400pxposts}
{block:if500pxposts}width: 510px;{/block:if500pxposts}
{/block:indexpage}
{block:permalinkpage}
{block:if400pxposts}width: 510px;{/block:if400pxposts}
{block:if500pxposts}width: 510px;{/block:if500pxposts}
{/block:permalinkpage}
}
.photo {
{block:indexpage}
{block:if400pxposts}width: 400px;{/block:if400pxposts}
{block:if500pxposts}width: 500px;{/block:if500pxposts}
{/block:indexpage}
{block:permalinkpage}
{block:if400pxposts}width: 500px;{/block:if400pxposts}
{block:if500pxposts}width: 500px;{/block:if500pxposts}
{/block:permalinkpage}
display: block;
{block:ifphotofading}
opacity: 0.7;
{/block:ifphotofading}
{block:ifmonochromeposts}
filter: url("data:image/svg+xml;utf8,<svg
xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix
type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333
0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
{/block:ifmonochromeposts}
transition: 0.6s;
-moz-transition: 0.6s;
-webkit-transition: 0.6s;
-o-transition: 0.6s;
}
.post img {
{block:indexpage}
{block:if400pxposts}max-width: 400px;{/block:if400pxposts}
{block:if500pxposts}max-width: 500px;{/block:if500pxposts}
{/block:indexpage}
{block:permalinkpage}
{block:if400pxposts}max-width: 500px;{/block:if400pxposts}
{block:if500pxposts}max-width: 500px;{/block:if500pxposts}
{/block:permalinkpage}
}
.post blockquote img {max-width: 100%;}
.post:hover .photo {
{block:ifphotofading}
opacity: 1;
{/block:ifphotofading}
{block:ifmonochromeposts}
filter: none;
-webkit-filter: grayscale(0%);
{/block:ifmonochromeposts}
}
.posttags {
width: 200px;
font-family: consolas;
font-size: 8px;
text-transform: uppercase;
position: absolute;
padding: 5px 10px;
border-left: 1px solid {color:nav icons lines};
opacity: 0;
{block:if400pxposts}margin: 40px 440px;{/block:if400pxposts}
{block:if500pxposts}margin: 40px 540px;{/block:if500pxposts}
transition: 0.6s;
-moz-transition: 0.6s;
-webkit-transition: 0.6s;
-o-transition: 0.6s;
}
.post:hover .posttags {
{block:if400pxposts}margin: 50px 440px;{/block:if400pxposts}
{block:if500pxposts}margin: 50px 540px;{/block:if500pxposts}
opacity: 1;
}
.posttags a {
color: {color:tags};
background-color: {color:tags bg};
padding: 1px 3px;
line-height: 12px;
}
.posttags a:hover {border-bottom: 1px solid {color:tags};}
.reblogme {
position: absolute;
padding: 5px 10px;
border-left: 1px solid {color:nav icons lines};
margin: -30px -11px;
}
.peri {
position: absolute;
margin: -34px 12px;
font-size: 12px;
color: {color:post type icon};
padding: 4px;
width: 16px;
height: 16px;
text-align: center;
line-height: 16px;
}
.pp {
padding: 5px;
}
.text {
font-family: consolas;
font-size: 10px;
color: {color:body};
line-height: 13px;
}
.text a {
color: {color:body links};
background-color: {color:body links bg};
}
.text a:hover {
border-bottom: 1px solid {color:body links};
}
.text blockquote {
margin: 5px;
padding-left: 10px;
border-left: 1px solid {color:blockquote};
}
.ptitle {
font-size: 12px;
font-family: consolas;
padding: 3px 6px;
border-radius: 0 0 4px 0;
color: {color:text post title};
border-bottom: 1px solid {color:text post title underline};
}
.pquo, .ltitle {
font-family: consolas;
font-size: 12px;
color: {color:quote post};
z-index: 1;
position: relative;
}
.pquos {
font-family: consolas;
font-size: 10px;
color: {color:quote post source};
}
.pquos blockquote {
border-left: 1px solid {color:blockquote};
margin-left: 10px;
padding-left: 20px;
}
.pquot {
color: {color:quote post quotation};
z-index: 1;
font-family: georgia;
font-size: 80px;
position: absolute;
{block:indexpage}
{block:if500pxposts}margin: -5px 466px;{/block:if500pxposts}
{block:if400pxposts}margin: -5px 366px;{/block:if400pxposts}
{/block:indexpage}
{block:permalinkpage}
{block:if500pxposts}margin: -5px 466px;{/block:if500pxposts}
{block:if400pxposts}margin: -5px 466px;{/block:if400pxposts}
{/block:permalinkpage}
}
.ltitle a {
background-color: {color:link post bg};
border-bottom: 1px solid {color:link post underline};
color: {color:link post text};
padding: 2px 5px;
}
.ltitle a:hover {
background-color: {color:link post hover bg};
border-bottom: 1px solid {color:link post hover underline};
color: {color:link post hover text};
}
.line {
font-family: consolas;
font-size: 10px;
color: #aaa;
text-align: left;
padding: 4px 0;
}
.odd .name {
min-width: 60px;
float: left;
text-align: right;
padding-right: 10px;
}
.even .name {
min-width: 60px;
float: left;
text-align: right;
padding-right: 10px;
}
.albumart {
width: 130px;
height: 130px;
border-radius: 10px;
padding: 10px;
border-left: 1px solid {color:audio post album art border};
border-right: 1px solid {color:audio post album art border};
background-color: {color:audio post album art bg};
}
.albartblank {
width: 130px;
height: 130px;
font-family: consolas;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 150px;
text-align: center;
background-color: #fafafa;
color: #ccc;
}
.albart {
width: 130px;
height: 130px;
margin-top: -130px;
position: absolute;
border-radius: 10px;
display: block;
}
.audinfo {
position: absolute;
margin: 0 160px;
font-family: consolas;
font-size: 10px;
color: {color:body};
line-height: 24px;
}
.audinfot {
background-color: {color:audio post info bg};
color: {color:audio post info};
padding: 4px 6px;
}
.aud {
border: 1px solid {color:audio post player};
border-radius: 5px;
margin-bottom: 10px;
padding-top: 7px;
padding-left: 5px;
{block:indexpage}
{block:if400pxposts}width: 239px;{/block:if400pxposts}
{block:if500pxposts}width: 339px;{/block:if500pxposts}
{/block:indexpage}
{block:permalinkpage}
{block:if400pxposts}width: 339px;{/block:if400pxposts}
{block:if500pxposts}width: 339px;{/block:if500pxposts}
{/block:permalinkpage}
}
.askerportrait {
padding: 10px;
border-radius: 5px;
border-left: 1px solid {color:asker portrait border};
border-right: 1px solid {color:asker portrait border};
background-color: {color:asker portrait bg};
}
.aske {
position: absolute;
margin: 0 85px;
font-family: consolas;
font-size: 10px;
color: {color:ask text};
{block:indexpage}
{block:if400pxposts}width: 310px;{/block:if400pxposts}
{block:if500pxposts}width: 400px;{/block:if500pxposts}
{/block:indexpage}
{block:permalinkpage}
{block:if400pxposts}width: 400px;{/block:if400pxposts}
{block:if500pxposts}width: 400px;{/block:if500pxposts}
{/block:permalinkpage}
}
.askersent {
border-bottom: 1px solid {color:asker portrait border};
padding: 4px 10px;
}
.askersent a {
background-color: {color:body links bg};
color: {color:body links};
}
.askersent a:hover {
border-bottom: 1px solid {color:body links};
}
.askco {
padding: 8px 5px 10px 10px;
height: 42px;
overflow: auto;
}
#pi {
margin: -40px 0;
}
#pi a, #notecon a {
background-color: {color:body links bg};
color: {color:body links};
}
.bt4 {
margin-top: -5px;
margin-left: -5px;
position: absolute;
width: 315px;
}
.mv4 {
margin-top: -5px;
z-index: 10;
margin-left: 260px;
}
#notecon {
font-family: consolas;
font-size: 10px;
color: {color:body text};
width: 325px;
margin: -40px 185px;
padding: 5px;
}
#notecon ol.notes {
list-style-type: none;
text-decoration: none;
}
#notecon img.avatar {
margin-right: 5px;
width: 10px;
height: 10px;
float: left;
}
.pnott {
margin-left: -20px;
margin-top: 30px;
}
.pagi {
font-family: consolas;
font-size: 12px;
position: fixed;
bottom: 50px;
left: 80px;
width: 320px;
text-align: center;
color: {color:body text};
}
.pagi a {
background-color: {color:body links bg};
color: {color:body links};
padding: 2px 5px;
}
.pagi a:hover {
border-bottom: 1px solid {color:body links};
}
#mugen {
position: absolute;
margin: -30px 90px;
width: 55px;
height: 30px;
overflow: hidden;
}
.mus {
margin-left: 10px;
transition: 0.4s;
}
#mugen:hover .mus {
margin-top: -30px;
opacity: 0;
}
.fuu {
margin-left: -5px;
}
{CustomCSS}
</style>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">//** jQuery Scroll to Top Control script- (c) I made
this script myself (Kyle Monk) and it is hosted on my personal site so would
appreciate if you followed my blog at kylemonk.tumblr.com if you use it or for
details on how to change the location.
//** Graphic originally from tumbler dashboard, for details on how to change
graphic colour, contact me at kylemonk.tumblr.com
//** v1.1 (April 7th, 10'):
//** 1) Adds ability to scroll to an absolute position (from top of page) or
specific element on the page instead.
//** 2) Fixes scroll animation not working in Opera.
var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled
before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll
document up when control is clicked on (0=top).
setting: {startline:50, scrollto: 0, scrollduration:1000, fadeduration:[500,
100]},
controlHTML: '<img
src="https://66.media.tumblr.com/52986f0d6b95752749f040fb013c6e7a/tumblr_inline_pgx
gv2BuZ31rbbcqf_500.gif" style="filter:alpha(opacity=70); -moz-opacity:0.7;"
width="110"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:10, offsety:10}, //offset of control relative to
right/ bottom of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that
should also act as "Scroll Up" links
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after
clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto :
parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check
element set by string exists
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.
$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.
$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true :
false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1},
this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0},
this.setting.fadeduration[1])
this.state.isvisible=false
}
},
init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws &&
document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+
browsers in standards mode
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"?
$('html') : $('body')) : $('html,body')
mainobj.$control=$('<div
id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' :
'absolute', bottom:mainobj.controlattrs.offsety,
right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'back to top'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.
$control.text()!='') //loose check for IE6 and below, plus whether control contains
any text
mainobj.$control.css({width:mainobj.$control.width()})
//IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()</script>
</head>
<body>
<div id="sbw1">
<div class="mv">
</div><!--mv-->
{block:ifaltsidebarstyle}
<div id="sbw2">
{block:ifmusicplayer}
<div id="mugen">
<img class="mus" src="{image:music player icon}">
<div class="fuu">
{text:billy music player}
</div>
</div><!--mugen-->
{/block:ifmusicplayer}
<div class="mv2">
<div class="rightbuttons" id="rbi">_</div>
<div class="rightbuttons" id="rbii">▢</div>
<div class="rightbuttons" id="rbx">x</div>
</div><!--mv2-->
<div class="bt2">{text:desc window title}</div>
<div class="desc">{description}</div>
<select style="width: 135px; margin-top: 10px; border: 1px solid {color:links menu
border}; padding: 3px; color: {color:links menu text}; background-color:
{color:links menu bg}; font-family: consolas; font-size: 10px; letter-spacing:
1px; margin-right: 5px;"
onChange="location.href=this.options[this.selectedIndex].value;">
<option value="">venture</option>
{block:Iflink1}<option value="{text:Link 1 URL}">{text:Link
1}</option>{/block:Iflink1}
{block:Iflink2}<option value="{text:Link 2 URL}">{text:Link
2}</option>{/block:Iflink2}
{block:Iflink3}<option value="{text:Link 3 URL}">{text:Link
3}</option>{/block:Iflink3}
{block:Iflink4}<option value="{text:Link 4 URL}">{text:Link
4}</option>{/block:Iflink4}
{block:Iflink5}<option value="{text:Link 5 URL}">{text:Link
5}</option>{/block:Iflink5}
{block:Iflink6}<option value="{text:Link 6 URL}">{text:Link
6}</option>{/block:Iflink6}
{block:Iflink7}<option value="{text:Link 7 URL}">{text:Link
7}</option>{/block:Iflink7}
{block:Iflink8}<option value="{text:Link 8 URL}">{text:Link
8}</option>{/block:Iflink8}
</select>
<div id="iv">
<div class="dbl"></div>
<div class="ifontsbg"><div class="ifonts"><a href="/"><i class="fa fa-file-
o"></i></a></div>
<span class="ifontstxt"><a href="/"><div class="iftri">▲</div>new
document</a></span>
</div>
</div><!--sbw2-->
{/block:ifaltsidebarstyle}
{block:ifnotaltsidebarstyle}
<div id="iv">
<div class="dbl"></div>
<div class="ifontsbg"><div class="ifonts"><a href="/"><i class="fa fa-file-
o"></i></a></div>
<span class="ifontstxt"><a href="/"><div class="iftri">▲</div>new
document</a></span>
</div>
{block:ifnotaltsidebarstyle}
<div id="sbw2">
{block:ifmusicplayer}
<div id="mugen">
<img class="mus" src="{image:music player icon}">
<div class="fuu">
{text:billy music player}
</div>
</div><!--mugen-->
{/block:ifmusicplayer}
<div class="mv2">
<div class="rightbuttons" id="rbi">_</div>
<div class="rightbuttons" id="rbii">▢</div>
<div class="rightbuttons" id="rbx">x</div>
</div><!--mv2-->
<div class="bt2">{text:desc window title}</div>
<div class="desc">{description}</div>
<select style="width: 135px; margin-top: 10px; border: 1px solid {color:links menu
border}; padding: 3px; color: {color:links menu text}; background-color:
{color:links menu bg}; font-family: consolas; font-size: 10px; letter-spacing:
1px; margin-right: 5px;"
onChange="location.href=this.options[this.selectedIndex].value;">
<option value="">venture</option>
{block:Iflink1}<option value="{text:Link 1 URL}">{text:Link
1}</option>{/block:Iflink1}
{block:Iflink2}<option value="{text:Link 2 URL}">{text:Link
2}</option>{/block:Iflink2}
{block:Iflink3}<option value="{text:Link 3 URL}">{text:Link
3}</option>{/block:Iflink3}
{block:Iflink4}<option value="{text:Link 4 URL}">{text:Link
4}</option>{/block:Iflink4}
{block:Iflink5}<option value="{text:Link 5 URL}">{text:Link
5}</option>{/block:Iflink5}
{block:Iflink6}<option value="{text:Link 6 URL}">{text:Link
6}</option>{/block:Iflink6}
{block:Iflink7}<option value="{text:Link 7 URL}">{text:Link
7}</option>{/block:Iflink7}
{block:Iflink8}<option value="{text:Link 8 URL}">{text:Link
8}</option>{/block:Iflink8}
</select>
</div><!--sbw2-->
{/block:ifnotaltsidebarstyle}
</div><!--sbw1-->
<div id="content">
{block:Posts}
<div class="post">
{block:indexpage}
{block:ifnotaltpermalinkstyle}
<div class="posttags">
<div class="reblogme"><a href="{ReblogURL}">+ reblog</a></div>
{block:HasTags}
{block:Tags}
<a href="{TagURL}">#{Tag}</a><br>
{/block:Tags}
{/block:HasTags}
</div><!--posttags-->
{/block:ifnotaltpermalinkstyle}
{block:ifaltpermalinkstyle}
<div id="ps1">
{block:NotReblog}
<div class="ifontsbg2"><div class="ifonts2"><a href="{Permalink}"><i class="fa fa-
star-o"></i></a></div>
<span class="ifontstxt2"><a href="{Permalink}"><div class="iftri2">◀</div>an
original post</a></span>
</div>
{/block:NotReblog}
{block:RebloggedFrom}
<div class="ifontsbg2"><div class="ifonts2"><a href="{ReblogParentURL}"><i
class="fa fa-paperclip"></i></a></div>
<span class="ifontstxt2"><a href="{ReblogParentURL}"><div class="iftri2">◀</div>via
{ReblogParentName}</a></span>
</div>
<div class="mv3">
<div class="rightbuttons" id="rbi">_</div>
<div class="rightbuttons" id="rbii">▢</div>
<div class="rightbuttons" id="rbx">x</div>
</div><!--mv-->
<div class="bt3">{block:date} posted <a href="{permalink}">{timeago}</a>, with <a
href="{permalink}">{NoteCountWithLabel}</a>{/block:date}</div>
{block:text}
<div class="peri"><i class="fa fa-pencil"></i></div>
<div class="pp">
{block:title}<div class="ptitle">> {title}</div>{/block:title}
<div class="text">{body}</div>
</div><!--pp-->
{/block:text}
{block:photo}
<div class="peri"><i class="fa fa-camera"></i></div>
<div class="pp">
{linkopentag}<center><img class="photo" src="{PhotoURL-
500}"></center>{linkclosetag}
{block:IfShowCaptions}{block:Caption}<div
class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
<div class="text">{Caption}</div>
{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
</div><!--pp-->
{/block:photo}
{block:Photoset}
<div class="peri"><i class="fa fa-image"></i></div>
<div class="pp">
<div class="photo">
{block:indexpage}
{block:if500pxposts}{Photoset-500}{/block:if500pxposts}
{block:if400pxposts}{Photoset-400}{/block:if400pxposts}
{/block:indexpage}
{block:permalinkpage}
{block:if500pxposts}{Photoset-500}{/block:if500pxposts}
{block:if400pxposts}{Photoset-500}{/block:if400pxposts}
{/block:permalinkpage}
</div><!--photo-->
{block:IfShowCaptions}{block:Caption}<div
class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
<div class="text">{Caption}</div>
{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
</div><!--pp-->
{/block:Photoset}
{block:quote}
<div class="peri"><i class="fa fa-quote-left"></i></div>
<div class="pp">
<span class="pquot">”</span>
<div class="pquo">{Quote}</div>
<div class="pquos">{block:Source}<blockquote><div
class="text">{Source}</div></blockquote>{/block:Source}</div>
</div><!--pp-->
{/block:quote}
{block:link}
<div class="peri"><i class="fa fa-link"></i></div>
<div class="pp">
<div class="ltitle"><a href="{URL}">>> {Name}</a></div>
{block:description}<div class="text">{description}</div>{/block:description}
</div><!--pp-->
{/block:link}
{block:chat}
<div class="peri"><i class="fa fa-comments"></i></div>
<div class="pp">
{block:title}<div class="ptitle">> {title}</div>{/block:title}
{block:Lines}<div class="{Alt}">
<div class="line">{block:Label}<div class="name">{Label}</div>{/block:Label}
{Line}<br /></div></div>
{/block:Lines}
</div><!--pp-->
{/block:chat}
{block:audio}
<div class="peri"><i class="fa fa-music"></i></div>
<div class="pp">
<div class="audinfo">
{block:AudioPlayer}<div class="aud">{AudioPlayer}</div>{/block:AudioPlayer}
<span class="audinfot">Track</span> {block:TrackName}{TrackName}
{/block:TrackName}<br>
<span class="audinfot">Artist</span> {block:Artist}{Artist}{/block:Artist}<br>
<span class="audinfot">Album</span> {block:Album}{Album}{/block:Album}<br>
<span class="audinfot">Plays</span> {block:PlayCount}{PlayCountWithLabel}
{/block:PlayCount}
</div><!--audinfo-->
<div class="albumart">
<div class="albartblank">album art unavailable</div>
{block:AlbumArt}<img class="albart" src="{AlbumArtURL}">{/block:AlbumArt}
</div><!--albumart-->
{block:IfShowCaptions}{block:Caption}<div
class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
<div class="text">{Caption}</div>
{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
</div><!--pp-->
{/block:audio}
{block:video}
<div class="peri"><i class="fa fa-video-camera"></i></div>
<div class="pp">
{block:indexpage}
{block:if500pxposts}{Video-500}{/block:if500pxposts}
{block:if400pxposts}{Video-400}{/block:if400pxposts}
{/block:indexpage}
{block:permalinkpage}
{block:if500pxposts}{Video-500}{/block:if500pxposts}
{block:if400pxposts}{Video-500}{/block:if400pxposts}
{/block:permalinkpage}
{block:IfShowCaptions}{block:Caption}<div
class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
<div class="text">{Caption}</div>
{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
</div><!--pp-->
{/block:video}
{block:Answer}
<div class="peri"><i class="fa fa-question-circle"></i></div>
<div class="pp">
<div class="aske">
<div class="askersent">{Asker} sent:</div>
<div class="askco">{Question}</div>
</div>
<img class="askerportrait" src="{AskerPortraitURL-64}">
<div class="text">{Answer}</div>
</div><!--pp-->
{/block:Answer}
</div><!--post-->
{block:permalinkpage}{block:date}
<div id="pi">
<div class="mv2">
<div class="rightbuttons" id="rbi">_</div>
<div class="rightbuttons" id="rbii">▢</div>
<div class="rightbuttons" id="rbx">x</div>
</div><!--mv-->
<div class="bt2">post info</div>
Date posted: {DayOfMonthWithZero} {ShortMonth} {Year}<br>
Time: {12Hour}.{Minutes}{CapitalAmPm}<br>
Notes: {NoteCountWithLabel}<p>
{block:RebloggedFrom}
via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
originally: <a href="{ReblogRootURL}">{ReblogRootName}</a><p>
{/block:RebloggedFrom}
{block:NotReblog}original blog post<p>{/block:NotReblog}
{block:HasTags}Filed under >>
{block:Tags}
<a href="{TagURL}">{Tag}</a>
{/block:Tags}
{/block:HasTags}
</div><!--pi-->
{block:PostNotes}
<div id="notecon">
<div class="mv4">
<div class="rightbuttons" id="rbi">_</div>
<div class="rightbuttons" id="rbii">▢</div>
<div class="rightbuttons" id="rbx">x</div>
</div><!--mv-->
<div class="bt4">notes</div>
<div class="pnott">{PostNotes}</div>
</div><!--notecon-->
{/block:PostNotes}
{/block:date}{/block:permalinkpage}
{/block: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:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}
{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
</div><!--content-->
{block:ifnotinfinitescroll}
{block:Pagination}<div class="pagi">
{block:PreviousPage}
<a href="{PreviousPage}">-</a>
{/block:PreviousPage}
{block:JumpPagination length="5"}
{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}">+</a>
{/block:NextPage}
</div><!--pagination-->{/block:Pagination}
{block:ifnotinfinitescroll}
</body>
</html>