TwitLonger — When you talk too much for Twitter

kaki. · @Kaki_gr

16th Jul 2014 from TwitLonger

<!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">

<head>

<meta name="color:bg" content="#FFFFFF">
<meta name="color:link" content="#7e7e7e">
<meta name="color:hover" content="#222121">
<meta name="color:infobg" content="#FCFCFC">
<meta name="color:text" content="#929292">
<meta name="color:tags" content="#EDEDED">
<meta name="color:scrollbar" content="#D6D5D5">
<meta name="color:border" content="#FAFAFA">

<meta name="image:sidebar" content=""/>

<meta name="text:link1" content="">
<meta name="text:link1 url" content="/">
<meta name="text:link2" content="">
<meta name="text:link2 url" content="/">
<meta name="text:link3" content="">
<meta name="text:link3 url" content="/">
<meta name="text:link4" content="">
<meta name="text:link4 url" content="/">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<link rel="shortcut icon" href="{Favicon}" />
<link rel="alternate" type="application/rss+xml" href="{RSS}" />

<style type="text/css">

a {
color:{color:link};
text-decoration:none;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
}

a:hover {
color:{color:hover};
text-decoration:none;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
}

::-webkit-scrollbar {background-color:{color:infobg}; height:8px; width:8px}
::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}

body {
background-color:{color:bg};
font-family:Calibri;
font-weight:normal;
}

h1 {
font-weight:normal;
font-size:10px;
text-align:center;
font-style:normal;
line-height:80%;
letter-spacing:1px;
text-transform:uppercase;
color:{color:text};
}

h2 {
font-size:15px;
text-align:center;
line-height:100%;
letter-spacing:-0.5px;
color:{color:text};
font-weight:normal;
padding:5px;
padding-bottom:2px;
}

blockquote {
border-left:2px solid {color:text};
padding-left:5px;
margin:5px;
}

#theme {
background-color:{color:bg};
width:700px;
margin: 0 auto -12px auto;
text-align: center;
}

#sidebar {
color:{color:text};
position:fixed;
width:245px;
height:auto;
margin-top:180px;
margin-left:-100px;
text-align:left;
}

#sidebar img {
width:245px;
height:150px;
margin-bottom:px;
}

.links {
height:13px;
margin-bottom:5px;
padding:7px;
font-size:8.4px;
text-transform:uppercase;
text-align:center;
letter-spacing:0px;
background-color:#f8f7f7;
line-height:170%;
}

.links a{
padding:3px;
color:{color:link};
letter-spacing:0px;
text-decoration:none;
-moz-transition-duration:1s;
-webkit-transition-duration:1s;
-o-transition-duration:1s;
}

.links a:hover{
color:{color:hover};
-moz-transition-duration:1s;
-webkit-transition-duration:1s;
-o-transition-duration:1s;
}

.desc {
width:215px;
padding-left:10px;
padding-right:8px;
font-size:7px;
text-transform:uppercase;
letter-spacing:1px;
text-align:justify;
font-family:trebuchet ms;
margin-top:10px;

}

.desc a {
color:{color:link};
}

.pagi {
font-size:8px;
text-transform:uppercase;
letter-spacing:3px;
font-style:normal;
text-align:center;
}

.pagi a {
color:{color:link};
}

#stuffcontainer {
float:left;
margin-left:200px;
margin-top:75px;
text-align:justify;
background-color:{color:bg};
color:{color:text};
margin-bottom: 35px;
}

#stuff {
width:500px;
margin-top:75px;
text-align:justify;
font-size:11px;
line-height:90%;
letter-spacing:0x;
color:{color:text};
}

.caption {
width:500px;
text-align:justify;
line-height:120%;
}

.ask {
padding:10px;
text-align:left;
color:{color:text};
background-color:{color:infobg};
border-bottom:1px solid {color:border};
border-right:1px solid {color:border};
}

.ans {
text-align:left;
padding:10px;
color:{color:text};
}

.audio {
width:500px;
padding-bottom:10px;
background-color:{color:infobg};
}

.albumart {
float:left;
padding:0px 10px 10px 0px;
}

.albumart img {
width:45px;
height:45px;
}

.playercontainer {
text-align:left;
padding:10px;
background-color:#ffffff;
width:480px;
}

.audioinfo {
padding:10px;
color:{color:text};
}

#info {
font-family:'Trebuchet MS';
padding:2px;
border-top:1px solid #f8f8f8;
font-size:7px;
text-transform:uppercase;
text-align:left;
color:{color:links}
}

#info a {
text-align:center;
letter-spacing:1px;
color:{color:links}
}

#tags {
font-family:'Trebuchet MS';
font-size:7px;
text-transform:uppercase;
line-height:8px;
margin-left:-1px;
margin-top:-5px;
letter-spacing:1px;
text-align:left;
padding:3px;
}

ul.chat, .chat ol, .chat li {
list-style:none;
margin:0px;
padding:2px;
}

.label {
text-decoration:underline;
font-weight:700;
background-color:{color:infobg};
margin-right:5px;
}

{CustomCSS}

</style></head>

<body>
<div id="theme">
<div id="sidebar">
<img src="{image:sidebar}">
<div class="links">
<a href="/">index</a>
<a href="/ask">message</a>
{block:IfLink1}
<a href="{text:link1 url}">{text:link1}</a>
{/block:IfLink1}
{block:IfLink2}
<a href="{text:link2 url}">{text:link2}</a>
{/block:IfLink2}
{block:IfLink3}
<a href="{text:link3 url}">{text:link3}</a>
{/block:IfLink3}
{block:IfLink4}
<a href="{text:link4 url}">{text:link4}</a>
{/block:IfLink4}
</div>
<div class="desc">
{Description}
</div>
{block:Pagination}
<div class="pagi">
{block:PreviousPage}
<a href="{PreviousPage}">←</a>
{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}">→</a>
{/block:NextPage}
</div>
{/block:Pagination}
</div>

<div id="stuffcontainer">

{block:Posts}

<div id="stuff">

{block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
{block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}

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

{block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}

{block:Photoset}<center>{Photoset-500}</center>
{block:Caption}{Caption}{/block:Caption}{/block:Photoset}

{block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul>{/block:Chat}

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

{block:Answer}<div class="ask">{Asker} asked: {Question}</div><div class="ans">{Answer}</div>{/block:answer}

{block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
<div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
{/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
<br><div class="playercontainer">{AudioPlayerWhite}</div></div>
{block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
<br>

<div id="info">
{block:Date}<a href="{ReblogURL}" target="_blank" class="details">Reblog</a> / <a href="{Permalink}">{TimeAgo}</a>{block:RebloggedFrom}<span style="float:right; padding:2px; left:2px;"><a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-16}" title="via"></a> <a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-16}" title="source"></a></span>{/block:RebloggedFrom}{block:NoteCount} <a href="{Permalink}">({NoteCountWithLabel})</a>{/block:NoteCount}</div>{/block:Date} <div id="tags">{block:HasTags}<b><img src="http://static.tumblr.com/svlsesh/4Vcmnbc91/untitled-2.png" /</b> {block:Tags}
#<a href="{TagURL}">{Tag}</a>  {/block:Tags}{/block:HasTags}{/block:Tags}</div>

<div class="note">
{block:PostNotes}{PostNotes}{/block:PostNotes}<a href="{SourceURL}">{SourceLink}</a>
{/block:ContentSource}
</div>

</div>
{/block:Posts}

<div style="position:fixed; font-size:10px; color:{color:text}; bottom:3px; font-family:1 arial; right:5px;">
<a href="http://kahniss.tumblr.com">THEME</a></div>

</div>

</div>
</div>
</div>
</body>
</html>

Reply · Report Post