Академический Документы
Профессиональный Документы
Культура Документы
0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-[REDUX EDIT]
[97YR]
-->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<!-- DEFAULT VARIABLES -->
<meta name="color:Background" content="#3b627e" />
<meta name="color:Border" content="#696969" />
<meta name="color:Text" content="#696969" />
<meta name="color:Link" content="#ded1ff" />
<meta name="color:Link Hover" content="#696969" />
<meta name="color:Posts" content="#FFD1D4" />
<meta name="color:Perma" content="#ded1ff" />
<meta name="color:Perma Text" content="#696969" />
<meta name="color:Navi" content="#ded1ff" />
<meta name="color:Tool Tip" content="#F7EAB0" />
<meta name="color:Tool Tip Text" content="#696969" />
<meta name="if:Full Bkg Img" content="1" />
<meta name="if:Show Tags" content="1" />
<meta name="if:Show Album Art on Audio Posts" content="1" />
<meta name="if:Enable Jump Pagination" content="0" />
<meta name="if:Infinite Scroll" content=""/>
<meta name="if:Captions" content="1"/>
<meta name="if:250px" content=""/>
<meta name="if:400px" content="1"/>
<meta name="if:500px" content=""/>
<meta name="if:Type 1 Navi" content=""/>
<meta name="if:Type 2 Navi" content=""/>
<meta name="if:Type 3 Navi" content=""/>
<meta name="if:Centered Desc" content=""/>
a img {
border: none;
}
#wrapper {
width: 845px;
}
#wrapper #content {
float: right;
margin-top: 70px;
}
#wrapper #content .post {
background:{color:Posts};
margin-bottom: 50px;
padding: 10px;
position: relative;
border:4px double {color:Border};
box-shadow:rgba(0,0,0,0.07)10px 10px;
{block:IndexPage}
{block:if250px}
width: 250px;
margin-right:280px;
{/block:if250px}
{block:if400px}
width: 400px;
margin-right:150px;
{/block:if400px}
{block:if500px}
width: 500px;
margin-right:50px;
{/block:if500px}
{/block:IndexPage}
{block:PermalinkPage}
width: 500px;
margin-right:50px;
{/block:PermalinkPage}
}
#wrapper #content .post .media {
text-align: center;
margin-bottom: 10px;
{block:ifFadedImages}
opacity:.7;
{/block:ifFadedImages}
{block:ifInvertedImages}
opacity:1;
{/block:ifInvertedImages}
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
#wrapper #content .post .media:hover {
{block:ifFadedImages}
opacity:1;
{/block:ifFadedImages}
{block:ifInvertedImages}
opacity:.7;
{/block:ifInvertedImages}
}
}
#wrapper #content .post .quotebg {
font-family: georgia, serif;
font-size: 150px;
color: {color:Background};
opacity: 0.2;
filter: alpha(opacity=20);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
position: absolute;
top: 70px;
left: 10px;
}
#wrapper #content .post .quote {
color: {color:Text};
font-weight: bold;
padding: 10px;
}
#wrapper #content .post .quote.short {
font-size: 19px;
line-height: 25px;
}
#wrapper #content .post .quote.medium {
font-size: 25px;
line-height: 28px;
}
#wrapper #content .post .quote.long {
font-size: 18px;
line-height: 22px;
}
#wrapper #content .post .quote_source *:first-child {
margin-top: 0px;
}
#wrapper #content .post .quote_source *:last-child {
margin-bottom: 0px;
}
#wrapper #content .post .quote *:first-child {
margin-top: 0px;
}
#wrapper #content .post .quote *:last-child {
margin-bottom: 0px;
}
#wrapper #content .post .copy {
color: {color:Text};
padding: 10px;
}
#wrapper #content .post .copy a { /* =link= */
color: {color:Link};
text-decoration: none;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
transition: all 0.4s linear;
}
#wrapper #content .post .copy a:hover { /* =link hover= */
color: {color:Link Hover};
}
#wrapper #content .post .copy p {
margin: 10px 0 0 0;
padding: 0;
}
#wrapper #content .post .copy pre {
margin: 10px 0px 10px 0px;
padding: 10px;
background-color: #e6e6e6;
font: normal 11px Courier, monospace;
overflow: auto;
}
#wrapper #content .post .copy > p:first-child {
margin-top: 0;
}
#wrapper #content .post .copy img {
max-width: 100%;
}
#wrapper #content .post .audio {
background: #fff;
opacity: .8;
float: left;
padding: 7px;
margin-bottom: 10px;
}
#wrapper #content .post .audio .player {
float: left;
}
#wrapper #content .post .audio .player .audio_player embed {
border: 1px solid #c8c8c8;
}
#wrapper #content .post .audio .meta {
padding: 8px 13px;
height: 13px;
float: left;
font-size: 11px;
text-transform: lowercase;
}
#wrapper #content .post .album_art {
text-align: center;
}
#wrapper #content .post .question {
font-size: 16px;
line-height: 17px;
font-weight: bold;
background: {color:Perma};
color: {color:Perma Text};
opacity: .8;
margin: 0 0 15px 0;
padding: 15px 20px;
position: relative;
}
#wrapper #content .post .asker_container {
margin: 0 0 20px 24px;
}
#wrapper #content .post .asker_container img {
margin: 0 12px -7px 0;
}
#wrapper #content .post .asker_container a.asker { /* =link= */
color: {color:Link};
}
#wrapper #content .post .asker_container a:hover.asker { /* =link hover= */
color: {color:Link Hover};
}
#wrapper #content .post .title {
font-size:17px;
line-height:17px;
color:{color:Text};
font-weight: bold;
padding: 10px 10px 0 10px;
}
#wrapper #content .post img {
{block:IndexPage}
{block:if250px}
max-width: 250px;
{/block:if250px}
{block:if400px}
max-width: 400px;
{/block:if400px}
{block:if500px}
max-width: 500px;
{/block:if500px}
{/block:IndexPage}
{block:PermalinkPage}
max-width: 500px;
{/block:PermalinkPage}
}
#wrapper #content .post .chat {
margin: 10px 10px 0 10px;
}
#wrapper #content .post .chat .lines {
margin-left: 1px;
}
#wrapper #content .post .chat .lines .line {
background-color: #f7f7f7;
color: #494949;
padding: 3px 5px;
}
#wrapper #content .post .chat .lines .line.even {
background-color: #e8e8e8;
}
#wrapper #content .post .link {
margin: 4px 0 2px 0;
font-size: 14px;
line-height: 25px;
padding: 5px 7px;
background: {color:Perma};
border:4px double {color:Border};
}
}
#wrapper #content .post .footer .date a { /* =link= */
color: {color:Perma Text};
border-bottom:1px solid transparent;
}
#wrapper #content .post .footer .notes {
float: right;
text-align: right;
color: {color:Perma Text};
}
#wrapper #content .post .footer .notes a { /* =link= */
color: {color:Perma Text};
}
#wrapper #content .post .footer .tags { /* =link= */
}
#wrapper #content .post .footer.tags:hover {
background: transparent;
opacity: 1;
filter: alpha(opacity=90);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
#wrapper #content .post .footer .tags a { /* =link= */
color: {color:Perma Text};
text-decoration: underline;
}
#wrapper #content .post .footer .tags a:hover { /* =link= */
color: {color:Perma Text};
text-decoration: none;
}
text-decoration: none;
margin-left: 25px;
border:4px double {color:Border};
{block:ifPixelFont}
font-size: 8px;
line-height: 11px;
font-family: ronda,consolas;
{/block:ifPixelFont}
{block:ifNotPixelFont}
font-size: 11px;
line-height: 15px;
font-family: consolas;
{/block:ifNotPixelFont}
}
#wrapper #content #navigation a:hover {
filter: alpha(opacity=90);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
#wrapper #content #navigation.jump_pagination {}
#wrapper #content #navigation.jump_pagination a {
margin: 0 0 0 4px;
color:{color:text};
}
#wrapper #content #navigation.jump_pagination .current_page {
color:{color:Posts};
background-color: transparent;
border: 4px double {color:Posts};
padding: 3px 8px;
margin: 0 0 0 4px;
cursor: default;
}
#wrapper #content #navigation.jump_pagination .jump_page {}
font-weight: normal;
}
#wrapper #content .post .notecontainer ol.notes li.note .answer_content {
font-weight: normal;
}
#wrapper #content .post .notecontainer ol.notes li.note blockquote {
border-left: 2px solid #666;
padding: 4px 10px;
margin: 10px 0px 0px 25px;
}
#wrapper #content .post .notecontainer ol.notes li.note blockquote a {
text-decoration: none;
}
#wrapper #sidebar {
margin-top: {text:Side From Top}px;
margin-left: 45px;
width: 170px;
position: fixed;
color: {color:Text};
}
#wrapper #sidebar #top {
padding: 10px;
box-shadow:rgba(0,0,0,0.07)10px 10px;
border:4px double {color:Border};
background:{color:Posts};
}
.navi a{
height:2px;
display:inline-block;
padding:1px 6px 6px 2px;
margin-right:6px;margin-left:7px;
margin-top:7px;
background:{color:Navi};
border:1px solid {color:Border};
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.navi a:hover{
background:Transparent;
}
#wrapper #sidebar #top #description {
position: relative;
{block:ifCenteredDesc}
text-align:center;
{/block:ifCenteredDesc}
}
.hidden {display: none;}
.unhidden {display: block;}
#wrapper #sidebar #top .heading {
color: #fff;
font-family: helvetica, arial, sans-serif;
font-size: 17px;
margin-top: 20px;
padding: 10px;
background-color: {color:Text};
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
color: #000;
}
#wrapper #content .post .audio {
float: none;
background: transparent;
}
#wrapper #content .post .notecontainer .notes {
padding: 0;
margin: 0;
}
</style>
<![endif]-->
<style type="text/css">{CustomCSS}</style>
</head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-mytooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("a[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:20,
tip_fade_speed:200,
attribute:"title"
});
});
})(jQuery);
</script>
<body>
<div style="position:fixed;left:0;bottom:0;padding:5px;">
<a href="http://97yr.tumblr.com/"><img
src="http://static.tumblr.com/bb49f1c92be0b126918975f97eed155b/bbujivt/VKAmr74so/
tumblr_static_moon.png"width="17"></a></div>
<div id="wrapper">
<div id="content">
{block:Posts}
<div class="post">
{block:Photo}
<div class="media">
<a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>
</div>
{block:ifCaptions}
{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
{/block:ifCaptions}
{block:ifNotCaptions}
{block:PermalinkPage}
{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
{/block:PermalinkPage}
{/block:ifNotCaptions}
{block:ContentSource}
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
{/block:ContentSource}
{block:ReblogParentURL}
<!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
{/block:ReblogParentURL}
{/block:Photo}
{block:Photoset}
<div class="media">
{block:IndexPage}
{block:if250px}
{Photoset-250}
{/block:if250px}
{block:if400px}
{Photoset-400}
{/block:if400px}
{block:if500px}
{Photoset-500}
{/block:if500px}
{/block:IndexPage}
{block:PermalinkPage}
{Photoset-500}
{/block:PermalinkPage}
</div>
{block:ifCaptions}
{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
{/block:ifCaptions}
{block:ifNotCaptions}
{block:PermalinkPage}
{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
{/block:PermalinkPage}
{/block:ifNotCaptions}
{/block:Photoset}
{block:Video}
<div class="media">
{block:IndexPage}
{block:if250px}
{Video-250}
{/block:if250px}
{block:if400px}
{Video-400}
{/block:if400px}
{block:if500px}
{Video-500}
{/block:if500px}
{/block:IndexPage}
{block:PermalinkPage}
{Video-500}
{/block:PermalinkPage}
</div>
{block:ifCaptions}
{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
{/block:ifCaptions}
{block:ifNotCaptions}
{block:PermalinkPage}
{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
{/block:PermalinkPage}
{/block:ifNotCaptions}
{/block:Video}
{block:Audio}
{block:IfShowAlbumArtOnAudioPosts}
{block:AlbumArt}
<div class="album_art">
<img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} {TrackName}{/block:TrackName}" style="margin-bottom:10px;" />
</div>
{/block:AlbumArt}
{/block:IfShowAlbumArtOnAudioPosts}
<div class="audio">
<div class="player">{AudioPlayerWhite}</div>
<div class="meta">{PlayCountWithLabel}{block:ExternalAudio}<span
class="download_external_audio"> • <a
href="{ExternalAudioURL}">{lang:Download}</a></span>{/block:ExternalAudio}</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
{block:Caption}{Caption}{/block:Caption}
{/block:Audio}
{block:Quote}
<div class="quote {Length}">{Quote}</div>
<div class="copy">
{block:Source}
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top" style="width:20px;">—</td>
<td valign="top" class="quote_source">
{Source}
</td>
</tr>
</table>
{/block:Source}
</div>
{/block:Quote}
{block:Text}
{block:Title}<div class="title">{Title}</div>{/block:Title}
<div class="copy">{Body}</div>
{/block:Text}
{block:Answer}
<div class="question">
{Question}
</div>
<div class="asker_container"><img src="{AskerPortraitURL-24}">{Asker}</div>
<div class="copy">{Answer}</div>
{/block:Answer}
{block:Chat}
{block:Title}<div class="title">{Title}</div>{/block:Title}
<div class="chat">
<div class="lines">
{block:Lines}
<div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
{/block:Lines}
</div>
</div>
<div class="clear"></div>
<div style="height:10px;"></div>
{/block:Chat}
{block:Link}
<div class="link"><a href="{URL}" {Target}>{Name} »</a></div>
{block:Description}<div class="copy">{Description}</div>{/block:Description}
{/block:Link}
{block:Date}
<a href="{Permalink}">
<div class="footer for_permalink">
<div class="date">
{block:Reblog}
<a href="{Permalink}">{NoteCountWithLabel}</a>
{/block:Reblog}
{block:NotReblog}
<a href="{Permalink}">{NoteCountWithLabel}</a>
{/block:NotReblog}
</div>
<div class="notes">
<a href="{ReblogURL}" target="_blank" class="details">Reblog</a>
{block:RebloggedFrom}
(<a title="{ReblogParentName}"href="{ReblogParentURL}">via</a> /
<a title="{ReblogRootName}"href="{ReblogRootURL}"><!----></a>)
{block:RebloggedFrom}
</div>
<div class="clear"></div>
</div>
</a>
{/block:Date}
<!-{block:Date}
<a href="{Permalink}">
<div class="footer for_permalink">
<div class="date">
<a href="{Permalink}">{NoteCountWithLabel}</a>
</div>
<div class="notes">
<a href="{ReblogURL}" target="_blank" class="details">Reblog</a>
{block:RebloggedFrom}
(<a title="{ReblogParentName}"href="{ReblogParentURL}">Bia</a> /
<a title="{ReblogRootName}"href="{ReblogRootURL}"></a>)
{block:RebloggedFrom}
</div>
<div class="clear"></div>
</div>
</a>
{/block:Date}
-->
{block:IfShowTags}
{block:HasTags}
<div class="footer for_permalink">
<div class="tags">
{lang:Tagged}: {block:Tags}
<a href="{TagURL}">{Tag}</a>
<span class="tag-commas">, </span>
{/block:Tags}.
</div>
</div>
{/block:HasTags}
{/block:IfShowTags}
<div class="clear"></div>
{block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
</div>
<!-- <div class="bottom"></div> -->
{/block:Posts}
{block:ifNotInfiniteScroll}
{block:Pagination}
<div id="navigation"
{block:IfEnableJumpPagination}class="jump_pagination"{/block:IfEnableJumpPaginatio
n}>
{block:PreviousPage}<a href="{PreviousPage}">←
{lang:Previous}</a>{/block:PreviousPage}
{block:IfEnableJumpPagination}
{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:IfEnableJumpPagination}
{block:NextPage}<a href="{NextPage}">{lang:Next page} →</a>{/block:NextPage}
</div>
{/block:Pagination}
{/block:ifNotInfiniteScroll}
{block:ifInfiniteScroll}
<script type="text/javascript" src="http://codysherman.com/tools/infinitescrolling/code"></script>
{/block:ifInfiniteScroll}
</div>
<div id="sidebar">
<div id="top">
<div id="description">{Description}</div>
<center>
{block:ifType1Navi}
<a href="javascript:unhide('displaybx');">
<img src="{image:Side}" width="{text:Sidepic Width}" style="margintop:4px;cursor:help;">
</a>
<div id="displaybx" class="hidden">
<a href="{text:Link 1 URL}">{text:Link 1 name}</a>
<a href="{text:Link 2 URL}">{text:Link 2 name}</a>
<a href="{text:Link 3 URL}">{text:Link 3 name}</a>
<a href="{text:Link 4 URL}">{text:Link 4 name}</a>
<a href="{text:Link 5 URL}">{text:Link 5 name}</a>
</span>
{/block:ifType1Navi}
{block:ifType2Navi}
<select style="background: {color:Perma};color:{color:Perma Text};border:4px double
{color:Border};-webkit-appearance:none;
{block:ifPixelFont}
margin-top:4px;
padding-bottom:1px;
font-size: 8px;
line-height: 8px;
font-family: ronda,consolas;
{/block:ifPixelFont}
{block:ifNotPixelFont}
padding:0px;
font-size: 11px;
line-height: 15px;
font-family: consolas;
{/block:ifNotPixelFont}"
onChange="location.href=this.options[this.selectedIndex].value;">
{/block:ifType3Navi}
</center>
</div>
<!-- <div class="bottom"></div> -->
</div>
</div>
</body>
</html>