Академический Документы
Профессиональный Документы
Культура Документы
0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<title>{Title}</title>
<meta name="image:header"
content="http://68.media.tumblr.com/fa7554a1a30f710891f31f505c7be235/tumblr_ooh89l6QcV1u
ptww3o1_1280.png"/>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<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-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("a[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:90,
tip_fade_speed:600,
attribute:"title"
});
});
})(jQuery);
</script>
<style type="text/css">
#tumblr_controls, .tmblr-iframe {
top:0%!important;
right:0%!important;
position:fixed!important;
white-space:nowrap!important;
z-index:99999999999999!important;
::-webkit-scrollbar-thumb {
z-index:9999;
position:relative;
height:auto;
background-color:{color:scrollbar};
}
::-webkit-scrollbar {
height:5px;
width:5px;
background-color:{color:background};
/* basics */
body {
color:{color:text};
background-color:{color:background};
font-family:'Roboto', sans-serif;
font-size:10px;
margin:0;
line-height:14px;
letter-spacing:1px;
text-align:justify;
word-wrap:break-word;
background-image:url('{image:bg}');
background-position:left top;
background-attachment:fixed;
background-size: cover;
small {font-size:9px;}
pre {
word-wrap:break-word;
padding:5px;
margin:0px 10px;
white-space:pre-wrap;
white-space:-moz-pre-wrap;
white-space:-pre-wrap;
white-space:-o-pre-wrap;
blockquote {
b, strong {color:{color:bold};}
i, em {color:{color:italic};}
u {color:{color:underline};text-transform:none;}
a{
color:{color:link};
text-transform:uppercase;
text-decoration:none;
-moz-transition-duration:1s;
-webkit-transition-duration:1s;
-o-transition-duration:1s;
a:hover {
color:{color:link hover};
-moz-transition-duration:1s;
-webkit-transition-duration:1s;
-o-transition-duration:1s;
p {margin:10px;}
h1 {
font-size:14px;
font-family:'Roboto', sans-serif;
text-align:center;
text-transform:uppercase;
letter-spacing:1px;
color:{color:h1 text};
margin-top:0px;
h1 a {
color:{color:h1 text};
-moz-transition-duration:1s;
-webkit-transition-duration:1s;
-o-transition-duration:1s;
h1 a:hover {
color:{color:link};
-moz-transition-duration:1s;
-webkit-transition-duration:1s;
-o-transition-duration:1s;
h2 {
text-align:center;
font-size:14px;
word-spacing:2px;
line-height:17px;
padding:10px 0px;
text-transform:uppercase;
font-family:'Roboto', sans-serif;
h3 {
text-align:center;
text-transform:uppercase;
letter-spacing:3px;
margin-top:0px;
/* navigation */
#navbar {
position:fixed;
top:0;
left:0;
width:100%;
height:50px;
background-color:{color:nav bg};
text-align:center;
z-index:9999;
overflow:hidden;
#title {
width:225px;
padding:10px 15px;
font-size:20px;
color:{color:title};
letter-spacing:5px;
text-transform:uppercase;
font-weight:700;
.nav {position:absolute;top:15px;font-size:20px;}
#navone {left:50%;margin-left:-325px;}
#navtwo {right:50%;margin-right:-325px;}
/* header */
#headercont {
{block:PermalinkPage}display:none;{/block:PermalinkPage}
{block:ifnotshowheader}display:none;{/block:ifnotshowheader}
#header {
width:100%;
{block:iffullsizeheader}height:100vh;{/block:iffullsizeheader}
{block:ifnotfullsizeheader}height:300px;{/block:ifnotfullsizeheader}
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
z-index:1!important;
#scroll {
position:absolute;
bottom:10vh;
left:50%;
width:200px;
margin-left:-100px;
font-size:30px;
text-align:center;
color:{color:enter text};
padding:20px;
box-sizing:border-box;
background-color:rgba(0, 0, 0, 0.5);
/* sidebars */
.leftsidebarcont, .rightsidebarcont {
{block:ifshowheader}
{block:IndexPage}
position:absolute;
margin-top:80px;
{/block:IndexPage}
{block:PermalinkPage}
position:fixed;
top:80px;
{/block:PermalinkPage}
{/block:ifshowheader}
{block:ifnotshowheader}
position:fixed;
top:80px;
{/block:ifnotshowheader}
width:250px;
z-index:9;
.leftsidebarcont {left:50%;margin-left:-550px;}
.rightsidebarcont {right:50%;margin-right:-550px;}
.sticky {position:fixed;top:0;}
.sidebar {width:200px;margin:0px auto;}
width:200px;
padding:10px;
box-sizing:border-box;
text-transform:uppercase;
color:{color:sidebar text};
background-color:{color:sidebar bg};
margin-bottom:10px;
#sidebarnav h1 {
border-bottom:none;
line-height:10px;
#sidebarnav a {
display:block;
padding:5px 0px;
color:{color:link hover};
#sidebarnav a:hover {
padding:5px 10px;
color:{color:link};
#members img {
display:inline-block;
width:57px;
height:57px;
opacity:1;
#members img:hover {
opacity:0.5;
#events span {
display:block;
padding:8px 0px;
}
#events span:empty {display:none;}
#search {padding-bottom:0px;}
.sfm input {
color:{color:nav bg};
background-color:{color:nav link};
font-size:8px;
border:0px;
text-transform:uppercase;
margin:0px;
padding:4px 8px;
width:160px;
#sugtags {text-align:center;padding-bottom:5px;}
#sugtags a {
display:inline-block;
width:80px;
overflow:hidden;
padding:5px 10px;
box-sizing:border-box;
margin-bottom:5px;
border:1px solid {color:border};
color:{color:link hover};
background-color:{color:sidebar bg};
/* posts */
#themecontainer {
position:relative;
width:100%;
top:0;
min-height:100vh;
overflow:hidden;
#container {
{block:if400pxposts}width:500px;{/block:if400pxposts}
{block:ifnot400pxposts}width:600px;{/block:ifnot400pxposts}
{block:IndexPage}margin:80px auto;{/block:IndexPage}
}
#posts {
{block:if400pxposts}width:400px;{/block:if400pxposts}
{block:ifnot400pxposts}width:500px;{/block:ifnot400pxposts}
padding:10px;
background-color:{color:post bg};
.buttons {
position:absolute;
{block:ifnotshowlikereblogbuttons}
display:none;
{/block:ifnotshowlikereblogbuttons}
{block:PermalinkPage}display:none;{/block:PermalinkPage}
#likebutton, #reblogbutton {
padding:5px;
display:inline-block;
#pagination {
text-align:center;
margin:130px 0px;
font-size:18px;color:{color:text};
#disclaimercont {
width:100%;
height:45px;
color:{color:nav link};
background-color:{color:nav bg};
position:absolute;
bottom:0;
left:0;
#disclaimer {
width:650px;
padding:10px;
box-sizing:border-box;
margin:0px auto;
text-align:center;
font-size:9px;
{block:if400pxposts}max-width:400px;{/block:if400pxposts}
{block:ifnot400pxposts}max-width:500px;{/block:ifnot400pxposts}
}
#posts p img {max-width:calc(100% - 20px);height:auto;margin:0px;}
max-width:calc(100% - 20px);
#source {margin-bottom:20px;text-align:center;}
.caption {
{block:ifnotshowcaption}
{block:IndexPage}display:none;{/block:IndexPage}
{/block:ifnotshowcaption}
#audio {
font-size:10px;
line-height:25px;
text-align:center;
overflow:hidden;
margin-bottom:5px;
.audiocaption:empty {display:none;}
#audio b {color:{color:bold};}
#audioplayerbg {
background:#fff;
width:80px;
height:80px;
padding:10px;
overflow:hidden;
position:absolute;
{block:if400pxposts}margin-left:150px;{/block:if400pxposts}
{block:ifnot400pxposts}margin-left:200px;{/block:ifnot400pxposts}
border-radius:50%;
opacity:0.4;
-moz-transition-duration:1s;
-webkit-transition-duration:1s;
-o-transition-duration:1s;
#audioplayerbg:hover {
opacity:0.7;
-moz-transition-duration:1s;
-webkit-transition-duration:1s;
-o-transition-duration:1s;
#audioplayer {
width:30px;
height:30px;
overflow:hidden;
margin-top:25px;
margin-left:25px;
}
#albumart {}
#audioinfo {text-transform:uppercase;}
.chat ol {margin:0px!important;list-style:none;}
.label {text-decoration:bold;}
.askericon {
width:64px;
height:64px;
.asker {
text-align:center;
font-size:15px;
font-family:'Roboto', sans-serif;
text-transform:uppercase;
margin-bottom:10px;
.ask {
.replier {
text-align:center;
font-size:15px;
font-family:'Roboto', sans-serif;
text-transform:uppercase;
margin:10px 0px;
.replies:empty {display:none;}
#perma {
{block:PermalinkPage}padding:10px;{/block:PermalinkPage}
letter-spacing:2px;
text-align:center;
{block:PermalinkPage}
{/block:PermalinkPage}
margin-top:10px;
}
#perma a {
color:{color:perma link};
font-size:9px;
padding:5px;
-moz-transition-duration:1s;
-webkit-transition-duration:1s;
-o-transition-duration:1s;
#perma a:hover {
-moz-transition-duration:1s;
-webkit-transition-duration:1s;
-o-transition-duration:1s;
#tags {
text-align:center;
word-wrap:break-word;
margin-top:5px;
{block:ifnotshowtags}
{block:IndexPage}display:none;{/block:IndexPage}
{/block:ifnotshowtags}
#tags a {
padding:0px 5px;
font-size:8px;
text-transform:none;
color:{color:tags};
-moz-transition-duration:1s;
-webkit-transition-duration:1s;
-o-transition-duration:1s;
#tags a:hover {
color:{color:tags hover};
-moz-transition-duration:1s;
-webkit-transition-duration:1s;
-o-transition-duration:1s;
ol.notes {
list-style-type:none;
text-align:center;
margin:0px!important;
ol.notes li.note {
padding:10px;
text-align:center;
line-height:10px;
margin-top:10px;
#s-m-t-tooltip {
z-index:9999999999;
color:{color:tooltip text};
background:{color:tooltip bg};
font-size:9px;
line-height:11px;
text-align:left;
text-transform:uppercase;
max-width:150px;
word-wrap:break-word;
display:block;
#credit {
position:fixed;
bottom:14px;
right:10px;
text-align:center;
z-index:9999;
}
#credit a {
font-size:10px;
color:{color:background};
background-color:{color:scrollbar};
padding:4px;
-moz-transition-duration:1s;
-webkit-transition-duration:1s;
-o-transition-duration:1s;
#credit a:hover {
color:{color:scrollbar};
background-color:{color:background};
-moz-transition-duration:1s;
-webkit-transition-duration:1s;
-o-transition-duration:1s;
</style>
</head>
<body>
<div id="navbar">
<div id="title">{Title}</div>
</div>
</div>
</div>
<div id="headercont">
<div id="header"></div>
</div>
<div class="leftsidebarcont">
<div class="sidebar">
<div id="desc"><h1>About</h1>{Description}</div>
{block:ifshowsidebarnav}
<div id="sidebarnav">
<h1>Navigation</h1>
<!-- to remove custom links, simply delete everything from <a href=... to </a>
<a href="LINK URL GOES HERE"><c class="fa fa-star"></c> LINK TEXT GOES HERE</a>
and paste it just after the last link's closing </a> tag-->
{/block:ifshowsidebarnav}
{block:ifshowstats}
{/block:ifshowstats}
</div>
</div>
<div class="rightsidebarcont">
<div class="sidebar">
{block:ifshowmembers}
<div id="members">
<h1>Members</h1>
<!-- to remove members, simply delete everything from <a href=... to </a>
<a href="MEMBER URL GOES HERE" title="MEMBER NAME/BLOG NAME GOES HERE"><img src="IMG
URL GOES HERE"/></a>
and paste it just after the final member's closing </a> tag -->
</div>
{/block:ifshowmembers}
{block:ifshowevents}
<div id="events">
<h1>Events</h1>
and paste it just after the final event's closing </span> tag -->
<span>{text:event 1 text}</span>
<span>{text:event 2 text}</span>
<span>{text:event 3 text}</span>
</div>
{/block:ifshowevents}
{block:ifshowsuggestedtags}
<br><h3>Suggested tags:</h3>
<div id="sugtags">
<!-- to remove a tag, simply delete everything from <a href... to </a>
and paste it just after the final tags' closing </a> tag -->
</div>
</div>
{/block:ifshowsuggestedtags}
</div>
</div>
<div id="themecontainer">
<div id="container">
{block:Posts}
<div id="posts">
{block:Text}
{block:Title}<h1>{Title}</h1>{/block:Title}
<div class="text">{Body}</div>
{/block:Text}
{block:Quote}
<h2>{Quote}</h2>
{block:Source}<div id="source">{Source}</div>{/block:Source}
{/block:Quote}
{block:Link}
{block:Description}{Description}{/block:Description}
{/block:Link}
{block:Chat}
{block:Title}
<h1>{Title}</h1>
{/block:Title}
<div class="chat">
<ol>{block:Lines}
{block:Label}
<span class="label">
<b>{Label}</b></span>
{/block:Label}{Line}</li>
{/block:Lines}
</ol></div>
{/block:Chat}
{block:Photo}
{/block:Photo}
{block:Photoset}
<center>{block:if400pxposts}<div class="photos">{Photoset-
400}</div>{/block:if400pxposts}{block:ifnot400pxposts}{Photoset-
500}{/block:ifnot400pxposts}</center>{block:Caption}<div class="caption
text">{Caption}</div>{/block:Caption}
{/block:Photoset}
{block:Video}
<center>{block:if400pxposts}{Video-400}{/block:if400pxposts}{block:ifnot400pxposts}{Video-
500}{/block:ifnot400pxposts}</center>{block:Caption}<div class="caption
text">{Caption}</div>{/block:Caption}
{/block:Video}
{block:Audio}
<div id="audio">
<div id="audioplayerbg"><div id="audioplayer">{AudioPlayerWhite}</div></div>
<div id="audioinfo">
<span{block:TrackName} style="display:none;"{block:TrackName}><b>Song:</b>
unknown</span>{block:TrackName}<b>Song:</b> {TrackName}{/block:TrackName}
<br><span{block:Artist} style="display:none;"{block:Artist}><b>Artist:</b>
unknown</span>{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}
<br><span{block:Album} style="display:none;"{block:Album}><b>Album:</b>
unknown</span>{block:Album}<b>Album:</b> {Album}{/block:Album}
</div></div>
{/block:Audio}
{block:Answer}
{/block:Answer}
{block:Date}
{block:IndexPage}<div id="perma">
<div class="buttons">
</div>
<a href="{Permalink}" title="{DayofMonth}{DayofMonthSuffix} {Month}
{Year}">{block:Date}{TimeAgo}{/block:Date}</a>
<a href="{Permalink}">{NoteCountwithLabel}</a>
{block:RebloggedFrom}<a href="{ReblogParentURL}"
title="{ReblogParentName}">via</a>{/block:RebloggedFrom}
<br>{block:HasTags}<div id="tags">{block:Tags}<a
href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
</div>{/block:IndexPage}
{block:PermalinkPage}<div id="perma">
<a href="{Permalink}">{block:Date}{TimeAgo}{/block:Date}</a>
<a href="{Permalink}">{NoteCountwithLabel}</a>
{block:RebloggedFrom}<a href="{ReblogParentURL}"
title="{ReblogParentName}">via</a>{/block:RebloggedFrom}
<br>{block:HasTags}<div id="tags">{block:Tags}<a
href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
</div>{/block:PermalinkPage}
{/block:Date}
{block:PostNotes}{PostNotes}{/block:PostNotes}
</div>
{/block:Posts}
{block:Pagination}
<div id="pagination">
</div>
{/block:Pagination}
</div>
<div id="disclaimercont">
<div id="disclaimer">
<br>{text:disclaimer text}
</div>
</div>
</div>
{block:iffullsizeheader}
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#scroll').click(function(){
return false;
});
});
</script>
{/block:iffullsizeheader}
{block:ifshowheader}
{block:IndexPage}
{block:iffullsizeheader}
<script type="text/javascript">
$(document).ready(function(){
$(window).scroll(function() {
$(".leftsidebarcont").addClass(sticky);
$(".rightsidebarcont").addClass(sticky);
} else {
$(".leftsidebarcont").removeClass(sticky);
$(".rightsidebarcont").removeClass(sticky);
});
});
</script>
{/block:iffullsizeheader}
{block:ifnotfullsizeheader}
<script type="text/javascript">
$(document).ready(function(){
$(window).scroll(function() {
$(".leftsidebarcont").addClass(sticky);
$(".rightsidebarcont").addClass(sticky);
} else {
$(".leftsidebarcont").removeClass(sticky);
$(".rightsidebarcont").removeClass(sticky);
});
});
</script>
{/block:ifnotfullsizeheader}
{/block:IndexPage}
{/block:ifshowheader}
</div>
</body>
</html>