Light Glass 1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.
0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">



<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">


<meta name="color:text" content="#777777"/>
<meta name="color:title" content="#444444"/>
<meta name="color:link" content="#1063BB"/>
<meta name="color:background" content="#eeeeee"/>
<meta name="color:notes" content="#999999"/>
<meta name="color:Contentpage" content="#ffffff"/>
<meta name="color:boxshadow" content="#999999"/>
<meta name="color:border" content="#eeeeee"/>
<meta name="image:Background image" content="" />


<meta name="if:Infinite scroll" content="1"/>

<meta name="if:Show Captions" content="0"/>


<meta name="text:Link 1 title" content="" />
<meta name="text:Link 1 url" content="" />

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{Title}{block:SearchPage}, {lang:Search results for
SearchQuery}{/block:SearchPage}{block:PostSummary},
{PostSummary}{/block:PostSummary}</title>
{block:Description}<meta name="description" content="{MetaDescription}"
/>{/block:Description}
<link rel="shortcut icon"
href="http://assets.tumblr.com/images/favicon.gif?2" />
<link rel="apple-touch-icon" href="{PortraitURL-128}"/>
<link rel="alternate" type="application/rss+xml" href="{RSS}" />
<link href='http://fonts.googleapis.com/css?family=Allan:bold'
rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans'
rel='stylesheet' type='text/css'>
<style type="text/css" media="screen">
/* CSS RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,
abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small
,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,ta
ble,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;}table{bor
der-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;list-style-
type: none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}

*{
outline: none;
-moz-outline: none;
}
blockquote{padding-left:10px;border-left:3px solid {color:border};margin:5px
0px 5px 10px;}
li{list-style-type: circle;margin-left: 30px;}
ul#titleLinks li, ul.chat li, .note, .like{list-style-type: none;margin:0px;}
.note, .like{padding-left:5px;}
.more_notes_link_container{margin-top: 20px;}
h1,h2,h3,h4,h5,h6{font-weight: bold;}
.right{float: right;} .left{float: left;} .clear {clear: both;}
.webfont { font-family: 'Josefin Sans', arial, serif; font-size: 1.5em; }
a{
opacity: 1;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
filter:alpha(opacity=100);
}
a:hover{
opacity: 0.75;
}
#tumblr_controls{
position:fixed !important;
opacity: 0.3;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
}
#tumblr_controls:hover{
opacity: 1;
}

body{
font-size:100%;
color:{color:text};
font-family: 'Droid Sans', sans-serif;
text-align: center;
word-wrap: break-word;
background-color: {color:background};
background-image: url({image:Background image});
background-repeat: repeat;
background-attachment: fixed;
background-position: top left;
}
a {color:{color:link};} a:hover {text-decoration: none;}
#container{
position: relative;
top:15px;
text-align: left;
width:1020px;
height: 100%;
margin: 0px auto;
z-index:0;
display:none; /* fadein effect needs this propriety */
margin-bottom:50px;

}
#header h1{
color: {color:title};
font-size: 2em;
text-align:center;
font-family: 'Allan', Helvetica, Arial, sans-serif;
font-weight: normal !important;
text-shadow: 0px 1px 1px #fff;
}
#header h1 a{color: {color:title};text-decoration:none;}
div.desc{
font-size:0.8em;
margin-top: 10px;

}
div.desc a{text-decoration:none;}

#content{
position:relative;
margin: 10px auto;
width: 1020px;

}

ul#titleLinks{
text-align: center;
font-size: 0.8em;
text-transform: uppercase;
}
ul#titleLinks li{display: inline;margin-left: 10px;}
ul#titleLinks li:first-child{margin-left: 0px;}
ul#titleLinks a{
color:{color:link};
text-decoration:none;
letter-spacing: 0em;
-webkit-transition: letter-spacing 0.3s ease-out;
-moz-transition: letter-spacing 0.3s ease-out;
transition: letter-spacing 0.3s ease-out;
-o-transition: letter-spacing 0.3s ease-out;
}

#footer{
text-align: center;
font-size: 0.7em;
margin-top: 10px;
}
#footer a{text-decoration: none;}

.chat li.odd, .chat li.even{padding:3px;}
.chat li.odd{color:{color:title};}
.chat li.even{color:{color:link};}
.title{font-size:0.9em;color:{color:title};margin-bottom:5px;}
.title a{color:{color:title};text-decoration:none;}
.caption{font-size:0.8em;margin-left:3px;line-height:1.5em;}
.label{font-weight:bold;}
.asker{color:{color:link};font-weight:bold;text-decoration:none;}
.quest{font-size:0.8em;width:340px;}
.askAnswer , .answer_form_container{margin-top:10px;}
.album_art{height:100px;width: 100px;margin-right: 20px; background:
url('http://static.tumblr.com/dbek3sy/f51lpiars/croma.png') no-
repeat;position: relative;}
.effectalbumart{height: 100px;width: 100px;position: absolute;top: 0px;left:
0px;background:
url(http://static.tumblr.com/dbek3sy/SZzlpiax4/albumeffect.png) no-repeat;z-
index: 5000;}
.audiotrack li{margin: 5px 0px 0px;font-size: 0.8em;list-style-type: none;}
.audiotrack li:first-child{margin-top: 0px;}
.colorlabelaudio{font-weight:bold;color: #444;}

.link{text-decoration:underline !important;}

.posts{
float: left;
margin-right: 10px;
overflow: hidden;
position:relative;
width: 500px;
margin-top: 10px;
background-color: {color:Contentpage};
z-index:9000;
box-shadow: 0px 0px 2px {color:boxshadow};

-webkit-transition: box-shadow 0.2s ease-out;
-moz-transition: box-shadow 0.2s ease-out;
transition: box-shadow 0.2s ease-out;
-o-transition: box-shadow 0.2s ease-out;
}
/*
.posts:hover{
box-shadow: 0px 0px 5px {color:link};
}
*/

.posts, img.photo, #sidebar{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

img.photo{margin-top: -10px;margin-left: -10px;margin-bottom: -15px;}

#postnotesdiv{font-size:0.8em;}
#postnotesdiv a{text-decoration:none;}

#pagination{
text-align:center;
font-size:1.2em;
margin-top: 10px;
{block:IfInfiniteScroll}
display:none;
{/block:IfInfiniteScroll}
}
#pagination a{text-decoration:none;color: {color:link};}
.numbersNav{font-size: 0.7em;}
.current_page{font-size: 0.8em;}

.sociallike{
margin-top:10px;
padding-top: 10px;
border-top:1px solid {color:border};
}

.install:hover , .preview:hover{
opacity:0.7;
}

.descriprion_icons{
position: absolute;
display: block;
width: 25px;
height: 25px;
left: 50%;
top: 70%;
margin-top: -12px;
background: url(http://static.tumblr.com/dbek3sy/ZQDlsyx5t/icons.png)
no-repeat;
opacity:0;
}
.reblog_icon{
background-position: 0px 0px;margin-left: -30px;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
transition: all 0.25s ease;
-o-transition: all 0.25s ease;
}
.permalink_icon{
background-position: -25px 0px;margin-left: 5px;
-webkit-transition: all 0.45s ease;
-moz-transition: all 0.45s ease;
transition: all 0.45s ease;
-o-transition: all 0.45s ease;
}
.posts:hover .descriprion_icons{top:
50%;opacity:1;filter:alpha(opacity=100);}

.description_posts{margin-top: 15px;font-size:0.7em;border-top: 1px solid
{color:border}; padding-top: 5px;}
.description_posts a{text-decoration: none;color: {color:text};}

#infscr-loading{
bottom: -70px;
position: absolute;
left: 50%;
margin-left:-8px;
width:16px;
height:11px;
overflow:hidden;
margin-bottom: 50px;
}
.atag{text-decoration:none;}

{CustomCSS}
</style>

</head>
<body>

<div id="container">
<div id="header">
<h1><a href="/">{Title}</a></h1>
<ul id="titleLinks">
{block:AskEnabled}<li><a href="/ask" >{AskLabel}</a></li>{/block:AskEnabled}
{block:IfLink1title}
<li><a href="{text:Link 1 url}" >{text:Link 1 title} </a></li>
{/block:IfLink1title}

{block:HasPages}
{block:Pages}
<li><a href="{URL}" >{Label} </a></li>
{/block:Pages}
{/block:HasPages}
</ul>
<div class="desc">

<div style="text-align:center;">
<p>{Description}</p>
</div>
<div class="clear"></div>
</div>
</div>

<div class="autopagerize_page_element">
<div id="content">
{block:Posts}
<div class="posts">
<div style="padding:10px;">

{block:Text}
{block:Title}
<h3 class="title"><a href="{Permalink}">{Title}</a></h3>
{/block:Title}
<div class="caption">{Body}</div>
{block:IndexPage}
{block:Date}
<div class="description_posts">
<span><a href="{Permalink}">{TimeAgo}</a></span>
<span><a href="{Permalink}">{NoteCountWithLabel}</a></span>

<span><a href="{ReblogURL}" target="_blank">Reblog</a>{block:RebloggedFrom}
» <a
href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</span>
</div>
{/block:Date}
{/block:IndexPage}
{/block:Text}

{block:Link}
<h3 class="title"><a href="{URL}" class="link title" {Target}>{Name}
→</a></h3>
{block:Description}
<div class="caption">{Description}</div>
{/block:Description}
{block:IndexPage}
{block:Date}

» <a
</div>
{/block:Date}
{/block:IndexPage}
{block:Link}

{block:Photo}
<img class="photo" src="{PhotoURL-500}" alt="{PhotoAlt}" width="500"/>
{block:IndexPage}
{block:IfShowCaptions}
{block:Caption}
<div class="caption" style="margin-top:20px;">{Caption}</div>
{/block:Caption}
{/block:IfShowCaptions}
{/block:IndexPage}
{block:PermalinkPage}
{block:Caption}
{/block:Caption}
{/block:PermalinkPage}
{block:IndexPage}
<a href="{Permalink}" class="descriprion_icons permalink_icon"></a>
<a href="{ReblogURL}" target="_blank" class="descriprion_icons
reblog_icon"></a>
{/block:IndexPage}
{/block:Photo}

{block:Photoset}
<div style="text-align:center;margin-left: -10px;margin-bottom: -15px;margin-
top: -10px;">{Photoset-500}</div>
{block:IndexPage}
{block:Caption}
{/block:Caption}
{/block:IndexPage}
{block:Caption}
{/block:Caption}
{block:IndexPage}
{block:Date}

» <a
</div>
{/block:Date}
{/block:IndexPage}
{/block:Photoset}

{block:Answer}
<div class="left" style="width:30px;margin-right:10px;">
<a href="#"><img class="normal" width="30px" src="{AskerPortraitURL-
30}"/></a>
</div>
<div class="left quest">
{Asker}: <br><span style="color: {color:text}">{Question}</span>
</div>
<div class="askAnswer">
<div class="left" style="width:30px;margin-right:10px;">
<img class="normal" width="30px" src="{PortraitURL-30}"/>
</div>
<div class="left quest">
<b>Me</b>: <i>{Answer}</i>
</div>
</div>
{block:IndexPage}
{block:Date}

» <a
</div>
{/block:Date}
{/block:IndexPage}
{/block:Answer}

{block:Quote}
<h3 class="title">
<span>"{Quote}"</span>
</h3>
{block:Source}
<div class="caption" style="text-align:right;margin-top:10px;">-
{Source}</div>
{/block:Source}
{block:IndexPage}
{block:Date}

» <a
</div>
{/block:Date}
{/block:IndexPage}
{/block:Quote}

{block:Chat}
{block:Title}
<h3 class="title">{Title}</h3>
{/block:Title}
<ul class="chat">
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
<span class="caption">{Line}</span>
</li>
{/block:Lines}
</ul>
{block:IndexPage}
{block:Date}

» <a
</div>
{/block:Date}
{/block:IndexPage}
{/block:Chat}

{block:Audio}
<div>
<div class="album_art left">
<div class="effectalbumart"></div>
{block:AlbumArt}
<img width="100" src="{AlbumArtURL}"
alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} -
{TrackName}{/block:TrackName}" style="margin-bottom:10px;" />
{/block:AlbumArt}
</div>
<div class="left">
<ul class="audiotrack">
<li>{AudioPlayerGrey}</li>
{block:Artist}<li><span class="colorlabelaudio">Artist:</span>
{Artist}</li>{/block:Artist}
{block:TrackName}<li><span class="colorlabelaudio">Track:</span>
{TrackName}</li>{/block:TrackName}
{block:Album}<li><span class="colorlabelaudio">Album:</span>
{Album}</li>{/block:Album}
</ul>
</div>
<div class="right" style="margin-top: 7px;">
<div style="font-size:0.7em;">{FormattedPlayCount} plays</div>
{block:ExternalAudio}
<div><a href="{ExternalAudioURL}">Download</a></div>
{/block:ExternalAudio}
</div>
</div>
{block:IndexPage}
{block:Caption}
{/block:Caption}
{/block:IndexPage}
{block:Caption}
{/block:Caption}
{block:IndexPage}
{block:Date}

» <a
</div>
{/block:Date}
{/block:IndexPage}
{/block:Audio}

{block:Video}
<div style="margin-top: -10px;margin-left: -10px;margin-bottom: -
14px;">{Video-500}</div>
{block:IndexPage}
{block:Caption}
{/block:Caption}
{/block:IndexPage}
{block:Caption}
{/block:Caption}
{block:IndexPage}
{block:Date}

» <a
</div>
{/block:Date}
{/block:IndexPage}
{/block:Video}

{block:Date}
<div class="sociallike" style="text-align: center;">
<div style="display:inline-block;width:73px;"><g:plusone size="medium"
href="{Permalink}"></g:plusone></div>
<span><a href="http://twitter.com/share" class="twitter-share-button" data-
count="horizontal" data-url="{Permalink}">Tweet</a><script
type="text/javascript"
src="http://platform.twitter.com/widgets.js"></script></span>
<span><iframe id="facebookiframe"
src="http://www.facebook.com/plugins/like.php?locale=en_US&href={Permalink}&w
idth=45&colorscheme=light&layout=button_count" scrolling="no" frameborder='0'
style="border:none; overflow:hidden; width:90px;
height:21px;"></iframe></span>
</div>
{/block:Date}
</div></div>

{block:Date}
<div class="posts"><div style="padding:10px;">
<div id="postnotesdiv">
<div style="text-align:center;">
{TimeAgo} | {12HourWithZero}:{Minutes}{AmPm}

{block:HasTags}
<div style="margin:10px 0px 15px;">
{block:Tags}<a class="atag"
href="{TagURL}">#{Tag}  </a>{/block:Tags}
</div>
{/block:HasTags}
{block:RebloggedFrom}
<div>
reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
</div>
{/block:RebloggedFrom}
</div>
{block:NoteCount}
<div style="margin:10px 0px 15px;border-top: 1px solid
{color:border};padding-top: 10px;">{NoteCountWithLabel}</div>
{/block:NoteCount}
{block:PostNotes}
<div id="postnotes">{PostNotes}</div>
{/block:PostNotes}
</div>
</div></div>
{/block:Date}
{/block:Posts}

</div>
</div>

{block:IndexPage}
{block:Pagination}
<div id="pagination">
{block:PreviousPage}
<a href="{PreviousPage}">← </a>
{/block:PreviousPage}
{block:JumpPagination length="5"}
{block:CurrentPage}
<span class="current_page numbersNav"><strong>{PageNumber}</strong></span>
{/block:CurrentPage}
{block:JumpPage}
<a class="jump_page numbersNav" href="{URL}">{PageNumber}</a>
{/block:JumpPage}
{/block:JumpPagination}
{block:NextPage}
<a id="nextPage" href="{NextPage}"> →</a>
{/block:NextPage}
</div>
{/block:Pagination}
{/block:IndexPage}

<center><div></div></center>

</div>
<script type="text/javascript"
src="http://platform.twitter.com/widgets.js"></script>
src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
{block:IndexPage}
{block:IfInfiniteScroll}
src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></scr
ipt>
{/block:IfInfiniteScroll}
<script type="text/javascript">
$(window).load(function () {
var $content = $('#content');
$content.masonry({itemSelector: '.posts'}),
$content.infinitescroll({
navSelector : 'div#pagination',
nextSelector : 'div#pagination a#nextPage',
itemSelector : '.posts',
loading: {
finishedMsg: '',
img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
},
bufferPx : 200,
debug : false,
},
// call masonry as a callback.
function( newElements ) {
var $newElems = $( newElements );
$newElems.hide();
// ensure that images load before adding to masonry layout
$newElems.imagesLoaded(function(){
$content.masonry( 'appended', $newElems, true,
function(){$newElems.fadeIn(300);} );

});
});
});
</script>
{/block:IndexPage}
$(function(){
$("#container").fadeIn(500);
});
</script>
(function() {
var po = document.createElement('script'); po.type = 'text/javascript';
po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();
</script>
</body>
</html>

Light Glass 1

Încărcat de

Informații document

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Light Glass 1

Încărcat de

Drepturi de autor:

Formate disponibile

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

S-ar putea să vă placă și