Professional Documents
Culture Documents
01 TRANSITIONAL//EN">
<html lang="en">
<head>
<!-- -------------------------Theme NTA by villenoire, 2011.
http://villenoire.tumblr.com/
------------------------------>
<title>{Title}</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<link rel="shortcut icon" href="{Favicon}" />
<meta
<meta
<meta
<meta
<meta
<meta
<meta
<meta
<meta
<meta
<meta
<meta
<meta
<meta
<meta
<meta
<meta
<meta
<meta
<meta
name="text:Link
name="text:Link
name="text:Link
name="text:Link
name="text:Link
name="text:Link
name="text:Link
name="text:link
name="text:link
name="text:link
name="text:link
name="text:link
name="text:link
name="text:link
name="text:link
name="text:link
color: {color:Links};
text-decoration:none;
}
::-webkit-scrollbar-thumb:vertical {
background-color:{color:Scrollbar};
height:100px;
{block:IfRoundedScrollbar}
-moz-border-radius:20px;
-webkit-border-radius:20px;
{/block:IfRoundedScrollbar}
}
::-webkit-scrollbar-thumb:horizontal {
background-color:{color:Scrollbar};
height:10px;
{block:IfRoundedScrollbar}
-moz-border-radius:20px;
-webkit-border-radius:20px;
{/block:IfRoundedScrollbar}
}
::-webkit-scrollbar {
height:10px;
width:8px;
background-color:{color:background};
{block:IfRoundedScrollbar}
-moz-border-radius:20px;
-webkit-border-radius:20px;
{/block:IfRoundedScrollbar}
}
#container {
width: 1050px;
margin: auto auto auto auto;
position: relative;
}
#container .header {
width: 1050px;
margin: auto auto;
}
#container .description {
padding: 5px 0px 5px;
clear: both;
position: relative;
text-align:center;
width:500px;
margin-left: auto;
margin-right: auto;
}
#container .posts {
width: 1050px;
width: 1050px;
clear: both;
position: relative;
margin-left: auto;
margin-right: auto;
padding-top:15px;
}
#container .box {
width: 345px;
{block:ifonecolumn}width: 600px; padding-left:21%;{/block:ifonecolumn}
{block:iftwocolumns}width: 500px;{/block:iftwocolumns}
{block:iffourcolumns}width: 250px; margin-bottom:20px;{/block:iffourcolumns}
margin-left: 5px;
margin-left: 5px;
float: left;
margin-bottom: 30px;
margin-bottom: 30px;
position: relative;
}
#container .box a{
-webkit-transition-duration: 0.5s;
}
#container .box img {
max-width: 100%;
border:0px;
-webkit-transition-duration: 0.5s;
opacity:1;
}
#container .title {
font-size:{text:Post title font size}px;
line-height: 18px;
text-decoration: none;
display: block;
color:{color:Title};
padding: 8px;
}
#container .ask {
font-size:{text:Post title font size}px;
line-height: 18px;
text-decoration: none;
display: block;
color:{color:Title};
padding: 8px;
}
#container .audio {
width: 207px;
}
#container .columnHolder {
width: 800px;
margin: 5px 0 0 5px;
overflow: hidden;
}
#container .columnHolder .column {
width: 225px;
min-height: 1px;
float: left;
}
#container .columnHolder .column.middle {
margin: 0 0px;
}
#arrow {
font-size:15px;
padding-left:20px;
color:{color:background};
margin-top:-5px;
padding-bottom:5px;
}
{block:PermalinkPage}
.box {
width: 600px !important;
padding-left: 21%;
}
p.answer_form_container {
width: 580px;
}
ol.notes {
width: 600px;
position:relative;
padding-left:21%;
list-style-type: none;
margin: 0px 0 10px 0;
padding: -10px -90px;
}
ol.notes li.note {
margin: 0px 0 2px 0;
padding: 0;
}
ol.notes a {color:Links}
ol.notes img.avatar {
display: true;
padding:2px 0 0 2px;
border:0px;
}
ol.notes blockquote {
margin: 0;
}
ol.notes blockquote a {
text-decoration: none;
}
{/block:PermalinkPage}
.video{
text-align: center;
background-color:black;
}
#top-link {
position:fixed;
right:5px;
bottom:5px;
color:white;
font-weight:bold;
text-decoration:none;
padding:10px;
border:0px;
}
#audiotest {
background-image:url('http://static.tumblr.com/2w7y46r/gPklc94jg/play.png');
margin-top: -27px;
display:block;
height:27px;
z-index:-1000;
width:250px;
}
#adam {
position:absolute;
top:26px;
right:3px;}
.box:hover .back {
{block:indexpage}{/block:indexpage}z-index:1000;
}
.back {
margin-top: -25px;
width:100%;
opacity: 0;
z-index: 1000;
}
{block:PermalinkPage}
.back img{
width:500px;
height:20px;
}
{/block:PermalinkPage}
{block:ifonecolumn}
.back img{width:600px; height:20px;}
{/block:ifonecolumn}
{block:iftwocolumns}
.back img{width:500px; height:20px;}
{/block:iftwocolumns}
{block:iffourcolumns}
.back img{width:100%; height:20px;}
{/block:iffourcolumns}
</style>
<style type="text/css">{CustomCSS}</style>
<script src="http://static.tumblr.com/ubmlcww/CVqlrvww0/two.txt"></script>
<script src="http://static.tumblr.com/is5f0mm/oBolrpvgf/infinite_scroll.txt"></s
cript>
<script src="http://static.tumblr.com/ubmlcww/Bhflrvwwe/three.txt" type="text/ja
vascript"></script>
<script src="http://static.tumblr.com/is5f0mm/JOdlrpvsh/four.txt" type="text/jav
ascript"></script>
<script src="http://static.tumblr.com/is5f0mm/cuOlrpvzp/five.txt" type="text/jav
ascript"></script>
</head>
{block:indexpage}
<script src="http://static.tumblr.com/is5f0mm/PT0lrpwjq/six.txt" type="text/java
script"></script>
{/block:indexpage}
<br>
<div id="container">
<div class="header">
<div style="text-align: center;">{block:ifusebanner}<img style="max-width:1500px
; max-height:300px" src="{image:banner}"/>{/block:ifusebanner}<h1 class="bebas">
<a href="/">{block:ifshowblogtitle}{Title}{/block:ifshowblogtitle}</a></h1></div
>
<div style="text-align: center; font-size:12px; margin-top:-35px; {block:ifuseba
nner}margin-top:10px; {/block:ifusebanner}text-transform: lowercase;">
{block:ifshowhomelink}<a href="/">home</a> {/block:ifshowhomeli
nk}
{block:ifshowmessagelink}<a href="/ask">message</a> {/block:ifs
howmessagelink}
{block:ifLinkOneTitle}
<a href="{text:Link One}" class="link">{text:Link One Title}</a>
{/block:ifLinkOneTitle}
{block:ifLinkTwoTitle}
<a href="{text:Link Two}" class="link">{text:Link Two Title}</a> &nbs
p;
{/block:ifLinkTwoTitle}
{block:ifLinkThreeTitle}
<a href="{text:Link Three}" class="link">{text:Link Three Title}</a>
{/block:ifLinkThreeTitle}
{block:ifLinkFourTitle}
<a href="{text:Link Four}" class="link">{text:Link Four Title}</a> &n
bsp;
{/block:ifLinkFourTitle}
{block:ifLinkFiveTitle}
<a href="{text:Link Five}" class="link">{text:Link Five Title}
</a>
{/block:ifLinkFiveTitle}
{block:ifLinkSixTitle}
<a href="{text:Link Six}" class="link">{text:Link Six Title} </
a>
{/block:ifLinkSixTitle}
{block:ifLinkSevenTitle}
<a href="{text:Link Seven}" class="link">{text:Link Seven Title} &nbs
p;</a>
{/block:ifLinkSevenTitle}
{block:ifLinkEightTitle}
<a href="{text:Link Eight}" class="link">{text:Link Eight Title} &nbs
p;</a>
{/block:ifLinkEightTitle}
{block:Pages}
<a href="{URL}" title="{Label}">{Label}</a>
{/block:Pages}
{block:IfShowSubmit}<a href="/submit">submit</a> {/block:IfShow
Submit}
{block:ifshowarchivelink}<a href="/tagged/love">me</a> {/block:
ifshowarchivelink}
<a href="http://villenoire.tumblr.com/">theme</a>
<div style="bottom:2px; right:2px; position:fixed; opacity:0.8; text-style:itali
c; color:{color:Text}; "><a href="http://villenoire.tumblr.com">©</a></div>
</div>
<div class="description">{description}<br style="clear:both"></div></div>
<div class="posts" id="allposts">
{block:Posts}
<div class="box">
{block:Photo}
{block:IndexPage}
<a href="{Permalink}" target="_blank">{/block:IndexPage}
{block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
<img style="min-width:100%;" class="shakeimage" onMouseover="init(this);rattleim
age()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()" src="{blo
ck:IndexPage}{PhotoURL-500}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-High
Res}{/block:PermalinkPage}" alt="{PhotoAlt}">
<div class="back"></div>
<div class="perma">
<a href="{Permalink}" target="_blank"></a>
{block:NoteCount}<a href="{Permalink}" target="_blank">{/block:NoteCount}</a>
<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank"><
/a></div>
{/block:Photo}
{block:Audio}
<div class="curve">
<div style=" width:100%; height:27px; font-size:1px; color:black; background-col
or:black;">
{AudioPlayerBlack}
</div><a href="{Permalink}" target="_blank" id="audiotest"></a></div><div id="ar
row" style="color:black;">▼</div>
{block:AlbumArt}<img style="border:1px solid white; width:50px; margin-left:5px;
" src="{AlbumArtURL}"/>{/block:AlbumArt}
{block:indexpage}<div style="{block:AlbumArt}min-height:40px; padding-left:70px;
margin-top:-60px;{/block:AlbumArt}">{block:Caption}{Caption}{/block:Caption}</di
v>{/block:IndexPage}
{block:IndexPage}
<div class="back"></div>
<div class="perma"><a href="{Permalink}" target="_blank"></a>
{block:NoteCount}<a href="{Permalink}" target="_blank">{/block:NoteCount}</a>
<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank"><
/a>{block:ExternalAudio}<a href="{ExternalAudioURL}"></a>{/block:ExternalAudio}<
/div>{/block:IndexPage}
{/block:Audio}
{block:Video}
<div class="video">
{block:iffourcolumns}{Video-250}{/block:iffourcolumns}
{block:ifthreecolumns}{Video-250}{/block:ifthreecolumns}
{block:iftwocolumns}{Video-500}{/block:iftwocolumns}
{block:ifonecolumn}{Video-500}{/block:ifonecolumn}
{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</div>
<div class="back"></div>
<div class="perma"><a href="{Permalink}" target="_blank"></a>
{block:NoteCount}<a href="{Permalink}" target="_blank">{/block:NoteCount}</a><a
href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank"></a>
</div>
{/block:Video}
{block:Text}
<div class="curve">{block:Title}<a href="{Permalink}" class="title"> {Title
} </a>{/block:Title}</div>{block:Title}<div id="arrow">▼</div>{/block
:Title}
<div style="padding-left:8px; padding-top:2px; padding-right:8px;">{Body}</div>
<div class="back"></div>
<div class="perma"><a href="{Permalink}" target="_blank"></a>
{block:NoteCount}<a href="{Permalink}" target="_blank">{/block:NoteCount}</a><a
href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank"></a>
</div>
{block:More}<br><br> <a href="{Permalink}" class="readMore">Read More</a>{/block
:More}
{/block:Text}
{block:Answer}
</div>{/block:Posts}
</div>
{block:IndexPage}
<div class="columnHolder footer"><div class="column navigation" id="navigation">
{block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPa
ge}{block:PreviousPage}</a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:Next
Page}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
{block:PermalinkPagination}
{block:NextPost}<a href="{NextPost}" class="navigate">{/block:NextPost}{block:Ne
xtPost}</a>{/block:NextPost}
{block:PreviousPost}<a href="{PreviousPost}" class="navigate">{/block:PreviousPo
st}{block:PreviousPost}</a>{/block:PreviousPost}{/block:PermalinkPagination}</di
v></div>
{/block:IndexPage}</div>
<script type="text/javascript" src="http://static.tumblr.com/is5f0mm/T5klrpwms/a
utoscale.txt"></script>
</body>
</html>