Tumblrtheme 01

<!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 6 by ARYASNARK
-->
<head>
<title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/bloc
k:Description}
<script>
var current_obj='';
function showLinks(objID) {
var obj=document.getElementById(objID);
if (current_obj.style) {
current_obj.style.display='none';
}
obj.style.display='block';
current_obj=obj;
}
</script>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<meta
<meta
<meta
<meta
<meta
<meta
<meta
<meta
<meta
<meta
<meta
<meta
name="color:background" content="#ffffff">
name="color:title" content ="#3b3b3b">
name="color:text" content="#3b3b3b">
name="color:tags" content="#b1b1b1">
name="color:tags hover" content="#3b3b3b">
name="color:link" content="#b8b8b8">
name="color:link hover" content="#707070">
name="color:sidelink" content="#5e5e5e">
name="color:sidelink hover" content="#b1b1b1">
name="color:border" content="#f3f3f3">
name="color:scrollbar" content="#f3f3f3">
name="color:scrollbar bg" content="#ffffff">
<meta
<meta
<meta
<meta
<meta
<meta
<meta
<meta
<meta
name="if:show captions" content="1"/>

name="if:400px" content="1">
name="if:500px" content="0">
name="text:link 1 title" content=""/>
name="text:link 1" content="#"/>
<style type="text/css">
::-webkit-scrollbar {width:7px; height:auto; background:{color:scrollbar bg};}
::-webkit-scrollbar-corner {background:{color:scrollbar};}
::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar};}
::-webkit-scrollbar-thumb:horizontal {background:{color:scrollbar};}
body {
margin:0px;
padding:0px;
font-family:helvetica;
font-size:11px;
color:{color:text};
background:{color:background};
}
a:link, a, a:active, a:visited {
text-decoration:none;
color:{color:link};
transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
-webkit-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
}
a:hover {
color:{color:link hover};
}
#entry {
margin-left:420px;
margin-top:20px;
}
.post {
overflow:hidden;
float:center;
text-align:left;
margin-top:10px;
margin-bottom:70px;
padding-top:20px;
padding-bottom:10px;
width:400px;
overflow:hidden;
border-top:1px solid {color:border};
{block:if500px}
width:500px;
{/block:if500px}
}
.info {
width:400px;
margin-bottom:-20px;
font-size:9px;
font-style:none;
text-align:right;
letter-spacing:1px;
padding:5px;
line-height:110%;
text-transform:lowercase;
{block:if500px}
width:500px;
{/block:if500px}
}
.info a {
color:{color:link hover};
padding:5px;
background-color:{color:background};
}
.info a:hover {
color:{color:link};
}
#tags {
width:390px;
margin-top:10px;
font-size:12px;
letter-spacing:1px;
padding:5px;
text-align:center;
line-height:200%;
color:{color:text};
{block:if500px}
width:490px;
{/block:if500px}
}
#tags a {
text-transform:uppercase;
text-decoration:none;
font-size:12px;
letter-spacing:1px;
padding:3px 3px 2px 3px;
color:{color:tags};
background:#f8f8f8;
}
#tags a:hover {
color:{color:tags hover};
}
h1 {
font-size:20px;
font-weight:bold;
text-align:center;
padding:7px;
}
h1 a {
color:{color:title};
}
#sidebar {
width:280px;
height:100%;
left:110px;
position:fixed;
top:0px;
overflow:hidden;
}
#blogtitle {
width:260px;
margin-top:170px;
font-size:28px;
font-weight:bold;
text-align:left;
padding:7px;
padding-bottom:9px;
}
#blogtitle a {
}
#sidebar:hover #blogtitle a {
letter-spacing: 5px;
}
#sidelink {
display:navigate;
width:400px;
font-size:9px;
letter-spacing:1px;
text-align:left;
font-style:none;
line-height:180%;
padding-left:3px;
padding-right:3px;
padding-top:2px;
padding-bottom:2px;
margin-left:5px;
}
#sidelink a {
color:{color:sidelink};
}
#sidelink a:hover {
color:{color:sidelink hover};
}
#sideline {
color:{color:border};
}
#sideline:before {content: "";

height:1px;
width:1px;
display:inline-block;
margin-right:5px;
margin-bottom:2px;
}
#sidebar:hover #sideline:before {content: "";
height:1px;
width:40px;
background-color:{color:border};
}
#sidebar:hover #sideline:hover {
color: {color:sidelink hover};
}
#description, #link1, #link2, #link3 {
width:200px;
margin-left:0px;
margin-top:20px;
padding-left:30px;
padding-right:30px;
font-size:9px;
text-align:justify;
letter-spacing:1px;
line-height:150%;
}
#pagination {
position:fixed;
padding:10px;
margin-top:200px;
margin-left:850px;
font-size:18px;
font-weight:bold;
letter-spacing:1px;
text-align:left;
{block:if500px}
margin-left:950px;
{/block:if500px}
}
#pagline {
color:{color:border};
}
#pagline:before {content: "";
height:1px;
width:1px;
margin-right:5px;
margin-bottom:5px;
}
#pagination:hover #pagline:before {content: "";
height:1px;
width:20px;
background-color: {color:border};
}
#pagination:hover #pagline:hover {
}
#pagination a {
padding:2px;
color:{color:text};
}
#pagination a:hover {
color:{color:text};
}
.quote {
font-size:15px;
font-style:none;
text-align:center;
letter-spacing:0px;
line-height:110%;
padding:10px;
margin-bottom:5px;
}
#source {
font-size:10px;
text-align:center;
padding:10px;
}
#source a {
color:{color:text};
border-bottom:1px solid #b8b8b8;
}
.playbutton {
width:20px;
height:30px;
overflow:hidden;
position:relative;
opacity:0.6;
margin-top:27px;
margin-left:10px;
z-index:100;
margin:9px 18px 7px 10px;
}
.playbox {
margin-top:15px;
margin-left:13px;
opacity:0.6;
background-color:#fff;
position:absolute;
z-index:100;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
.playbox:hover .playbutton {
opacity:0.8;
}
.audio{
position:absolute;
width:40px;
height:40px;
}
.audioimg{
width:75px;
height:75px;
position:absolute;
}
.audioimg img{
margin-left:0px;
float:left;
opacity:1;
width:75px;
}
.audiodata {
font-size:10px;
color:{color:text};
padding:10px;
text-transform:none;
height:55px;
width:305px;
margin-top:0px;
margin-left:75px;
text-align:center;
{block:if500px}
width:405px;
{/block:if500px}
}
.caption {
text-align:left;
font-size:10px;
margin-top:5px;
display:block;
color:{color:text};
}
.caption img {
max-width:360px;
{block:if500px}
max-width:460px;
{/block:if500px}
}
.caption a {
color:{color:text};
}
blockquote {
padding-left:6px;
border-left:3px solid {color:border};
margin-left:10px; padding-right:6px;
}
pre {
padding-left: 6px;
background:#f5f5f5;
padding-bottom : 7px;
font-size:12px;
border-left: 6px solid {color:border};
text-shadow:1px 1px 0px #fff;
color:#9a9a9a;
width:448px;
margin-left:10px;
padding-right:6px;
padding-top:4px;}
#asker {
text-align:left;
margin-top:0px;
font-size:10px;
font-style:none;
padding:10px;
}
#asker a {
font-size:10px;
letter-spacing:0px;
background:none;
color:{color:text}
}
#asked {
font-size:10px;
letter-spacing:0px;
background:none;
}
#question {
font-size:12px;
font-family:times;
}
#answer {
padding:10px;
font-size:11px;
}
ol.notes {
padding-bottom:2%;
width:360px;
list-style-type:lower-roman;
text-align:left;
{block:if500px}
width:460px;
{/block:if500px}
}
ol.notes li.note{
border-bottom:1px solid {color:border};
padding:2%;
}
ol.notes li.note img.avatar{
width:0px;
height:0px;
}
.showhide_element {
display:none;
}
#credit {
position:fixed;
right:7px;
bottom:7px;
text-align:center;
font-size:9px;
letter-spacing:1px;
opacity:.60;
width:30px;
}
{CustomCSS}
/* CHANGE TEXT SELECTION COLOR */
::selection {
background: #F0F06E;
color: #eb0c43;
}
::-moz-selection {
color: #eb0c43;
}
::-webkit-selection {
color: #eb0c43;
}
/* END SELECTION COLOR */
/* CURSOR */
body{ cursor: url(http://media.tumblr.com/tumblr_lpyq1ercbM1qcn2vb.gif), auto;}
a, a:hover{cursor:url(http://media.tumblr.com/tumblr_lpyq1b57ef1qcn2vb.gif), poi
nter;}
/* CURSOR */
/* POP UP */
#fade {
display: none;
background: #000;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: .80;
z-index: 9999;
}
.popup_block{
display: none;
background: #fff;
padding: 20px;
float: left;
position: fixed;
top: 50%;
left: 50%;
z-index: 99999;
font-size: 14px;
font-weight: normal;
line-height: 25px;
text-align: center;
color: #fff;
.close {
float: right;
margin: -55px -55px 0 0;
font-size: 10px;
}
*html #fade {
position: absolute;
}
*html .popup_block {
position: absolute;
}
/* POP UP */
</style>

<style>
.my-like {
width:390px;
margin-top:10px;
font-size:12px;
letter-spacing:1px;
text-align:center;
line-height:200%;
color:{color:tags};
{block:if500px}
width:490px;
{/block:if500px}
background:#f8f8f8;
}
.my-like:hover {
color:{color:tags hover};
cursor:url(http://media.tumblr.com/tumblr_m2um3sgyz01qfamg6.gif), pointer;
}
.my-liked {
width:390px;
margin-top:10px;
font-size:12px;
letter-spacing:1px;
text-align:center;
line-height:200%;
color:{color:text};
{block:if500px}
width:490px;
{/block:if500px}
background:#f8f8f8;
}
</style>
<script>
window.onload = function () {
document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style
="display:none;"></iframe>' );
document.addEventListener( 'click', function ( event ) {
var myLike = event.target;
if( myLike.className.indexOf( 'my-like' ) > -1 ) {
var frame = document.getElementById( 'my-like-frame' ),
liked = ( myLike.className == 'my-liked' ),
command = liked ? 'unlike' : 'like',
reblog = myLike.getAttribute( 'data-reblog' ),
id = myLike.getAttribute( 'data-id' ),
oauth = reblog.slice( -8 );
frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' +
id;
liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
};
}, false );
};
</script>


<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
//
//When you click on a link with class of poplight and the href starts with a #
$('a.poplight[href^=#]').click(function() {
var popID = $(this).attr('rel'); //Get Popup Name
var popURL = $(this).attr('href'); //Get Popup href to define size
//Pull Query & Variables from href URL

var query= popURL.split('?');
var dim= query[1].split('&');

var popWidth = dim[0].split('=')[1]; //Gets the first query string value
//Fade in the Popup and add close button

$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a hre
f="#" class="close"> </a>');
//Define margin for center alignment (vertical horizontal) - we add 80px t
o the height/width to accomodate for the padding and border width defined in th
e css
var popMargTop = ($('#' + popID).height() + 80) / 2;
var popMargLeft = ($('#' + popID).width() + 80) / 2;
//Apply Margin to Popup

$('#' + popID).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});
//Fade in Background
$('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of
the body tag.
$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fad
e layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fa
ding transparencies
return false;
});
//Close Popups and Fade Layer

$('a.close, #fade').live('click', function() { //When clicking on the close or f
ade layer...
$('#fade , .popup_block').fadeOut(function() {
$('#fade, a.close').remove(); //fade them both out
});
return false;
});
});
</script>

</head>
<body>
<div id="credit"><a href="http://aryasnark.tumblr.com/">theme</a></div>
<div id="sidebar">
<br>
<div id="blogtitle"><a href="/">{Title}</a></div>
<div id="sidelink">
<a href="#" onClick="showLinks('description');return false;" id="sideline">Jan</
a> :
<!-ADDITIONAL LINKS BEGIN HERE.
Only add your own url if you do not want your link to open in the sidebar.
-->
{block:iflink1}<a href="#" onClick="showLinks('link1');return false;">{text:link
1 title}</a>, {/block:iflink1}
2 title}</a> | {/block:iflink2}
3 title}</a> | {/block:iflink3}
<a href="#?w=500" rel="popup_name" class="poplight">
ask
</a></div>
<div id="description" class="showhide_element">
{block:Description}{Description}{/block:Description}
</div>
<!-1ST LINK BEGINS HERE.
Type out your content directly onto this page.
Below each link are examples of html formatting.
Replace them with your own content.
Begin to question whether or not this theme is worth the trouble.
-->
<div id="link1" class="showhide_element">

<b>1827</b>, 4827. <b>KakaSasu</b>. <b>MakoRin</b>, RinMomo. SaruMi. <b>SpaMano<
/b>, FrUK.<br />2786. AliKou. NagiGou. RivaMika.<br /><br /><br/><br /><br/><big
>Sometimes I reblog NSFW, <em>sometimes</em>.</big>

</div>



my biases:<br>
<li><b>Victoria's legs</b> of f(x)</li>
<li><b>Yesung</b> of Super Junior</li>
<li><b>Hyunseung</b> of B2ST</li>
<li><b>Yukwon</b> of Block B</li>
</div>


<li>whalesharks = makorin. okay?</li>
<li>queued? because i'm not always online.</li><br />
Links:<br />
<li><a href="http://yaoi-land-doujinshi.tumblr.com/">YLD</a></li>
<li><a href="http://blonmac.tumblr.com/">blonmac</a></li>
<li><a href="http://baka-dumb-aho-scans.tumblr.com/">BDA</a></li>
</div>
</div>
{block:IndexPage}
<div id="pagination">
{block:Pagination}
{block:NextPage}
<a href="{NextPage}" id="pagline">next</a>
{/block:NextPage}{/block:Pagination}</div><br><br>
<div id="pagination">
{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}" id="pagline">prev</a>
{/block:PreviousPage}
{/block:Pagination}
</div>
{/block:IndexPage}
<div id="entry">
{block:Posts}
{block:IndexPage}
<div class="info">{block:Date}<a href="{Permalink}">{ShortDayOfWeek}, {DayOf
Month}{DayOfMonthSuffix} of {Month}</a>{/block:Date}</div>
{/block:IndexPage}
{block:PermalinkPage}
<div class="info">{block:Date}<a href="{Permalink}">{ShortDayOfWeek}, {DayOf
Month}{DayOfMonthSuffix} of {Month}</a>{/block:Date}</div>
{/block:PermalinkPage}
<div class="post">
{block:Text}
{block:Title}<h1>{Title}</h1>{/block:Title}
{Body}
{/block:Text}
{block:Photo}
{block:if400px}
<center><a href="{Permalink}"><img src="{PhotoURL-400}"></a></center>
{/block:if400px}
{block:if500px}
<center><a href="{Permalink}"><img src="{PhotoURL-500}"></a></center>
{/block:if500px}
{block:Caption}
{block:ifshowcaptions}
{block:HighRes}<a href="{PhotoURL-HighRes}">View Larger</a>{/block:HighRes}
<span class="caption">{Caption}</span>
{/block:ifshowcaptions}
{/block:Caption}
{/block:Photo}
{block:Photoset}
{block:if400px}{Photoset-400}{/block:if400px}
{block:if500px}{Photoset-500}{/block:if500px}
{block:Caption}
{/block:Caption}
{/block:Photoset}
{block:Quote}
{Quote} </div>
<div class="quote">
{block:Source}
<div id="source">   {Source}
{/block:Source}
{/block:Quote}
</div>
{block:Link}
<h1><a href="{URL}" {Target}>{Name}</a></h1>
{block:Description}
<div style="padding-left:5px;padding-right:5px;">{Description}</div>
{/block:Description}
{/block:Link}
{block:Chat}
{block:Title}<h1>{Title}</h1>{/block:Title}
{block:Lines}
{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
{/block:Lines}
{/block:Chat}
{block:Audio}
<div class="audio">
<div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhit
e}{/block:AudioPlayer}</div></div>
<div class="audioimg"><img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/album
art.jpg"></div>{block:AlbumArt}<div class="audioimg"><img src="{AlbumArtURL}"></

div>{/block:AlbumArt}</div>
<div class="audiodata"><br><font style="text-transform:uppercase">{block:TrackNa
me}{TrackName} - {/block:TrackName}
{block:Artist}{Artist}{/block:Artist}<br><br><small><small>{PlayCountWithLabel}<
/small></small></font></div>
{block:Caption}
{/block:Caption}
{/block:Audio}
{block:Video}
{block:if400px}{Video-400}{/block:if400px}
{block:if500px}{Video-500}{/block:if500px}
{block:Caption}
{/block:Caption}
{/block:Video}
{block:Answer}
<div id="asker"><img src="{AskerPortraitURL-16}"> <b>{Asker}</b> <font id="a
sked">asked:</font>
<font id="question"><i>{Question}</i></font></div>
<font id="answer">{Answer}</font>
{/block:Answer}
{block:IndexPage}<div id="tags">{block:HasTags}{block:Tags}
<a href="/tagged/{Tag}">{Tag}</a> {/block:Tags}{/block:HasTags}{block:NoteC
ount}  with {NoteCountWithLabel}{/block:NoteCount}   <a href
="{ReblogURL}">reblog</a> <span class="my-like" data-reblog="{ReblogURL}" data-i
d="{PostID}">like</span></div> {/block:IndexPage}
{block:PermalinkPage}<div id="tags">{block:HasTags}{block:Tags}
<a href="/tagged/{Tag}">{Tag}</a>  {/block:Tags}{/block:HasTags} {bloc
k:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}</div>
<br><center><font style="padding:5px;font-size:9px;">{block:ContentSource}by
: <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource} {block:Reblogged
From}    via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/bloc
k:RebloggedFrom}</a></font></center>
{/block:PermalinkPage}
</div>
{/block:Posts}
{block:PermalinkPage}
{block:PostNotes}
<div id="notes">{PostNotes}</div>
{/block:PostNotes}
{/block:permalinkpage}
</div>
</div>
</body>

<div id="popup_name" class="popup_block" style="background-color:transparent;">
<p>DON'T FORGET 20.DEC.13</p>
<iframe frameborder="0" scrolling="no" width="100%" height="150" src="http://www
.tumblr.com/ask_form/matsuorca.tumblr.com" style="background-color:transparent;
overflow:hidden;" id="ask_form">
</center></div>
</div></div></div></div></div></div></div></div></div></div>

</html>

Tumblrtheme 01

Hochgeladen von

Dokumentinformationen

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Tumblrtheme 01

Hochgeladen von

Copyright:

Verfügbare Formate

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.

name="if:show captions" content="1"/>

#sideline:before {content: "";

//Pull Query & Variables from href URL

var dim= query[1].split('&');

//Fade in the Popup and add close button

//Apply Margin to Popup

//Close Popups and Fade Layer

art.jpg"></div>{block:AlbumArt}<div class="audioimg"><img src="{AlbumArtURL}"></

Das könnte Ihnen auch gefallen