Tumblr Theme

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.
or
g/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<meta http-equiv="Content-Type" content="text/javascript; charset=utf-8" />
<meta name="description" content="{MetaDescription}" />


<meta name="color:Background" content="#ebebeb" />
<meta name="font:Text" content="Lucida Grande, Lucida Sans Unicode, Arial, He
lvetica, sans serif" />
<meta name="color:Nav Background" content="#fff" />
<meta name="color:Text" content="#121212" />
<meta name="color:Posts Background" content="#fff" />
<meta name="font:Headers" content="Bookman Old Style, Serifa BT, URW Bookman
L, itc bookman, Georgia, serif" />
<meta name="color:Pagination" content="#8d8d8d" />
<meta name="if:Show People I Follow" content="1" />
<meta name="if:Show Ask Link" content="1" />
<meta name="if:Show Submit Link" content="1" />
<meta name="if:Show Pages" content="1" />
<style type="text/css">
/* Basics */
html * {
margin: 0;
padding: 0;
}
body { background-color: {color:Background}; }
div, table, td, p, font, textarea, input, code {
font: 11px {font:Text};
text-stroke: 1px transparent;
-webkit-text-stroke: 1px transparent;
}
a, a:link, a:active, a:visited {
color: #7e7e7e;
text-decoration: none;
outline: none;
transition: color .6s linear;
-webkit-transition: color .6s linear;
-moz-transition: color .6s linear;
}
a:hover {
color: #525252!important;
outline: none;
-o-transition: color .1s linear;
-webkit-transition: color .1s linear;
-moz-transition: color .1s linear;
}
img, a img {
border: 0px;
max-width: 400px;
opacity: 0.75;
filter: alpha(opacity=75);
-o-transition: opacity 1.5s linear;
-webkit-transition: opacity 1.5s linear;
-moz-transition: opacity 1.5s linear;
}
img:hover, a:hover img {
opacity: 1;
filter: alpha(opacity=100);
-o-transition: opacity .1s linear;
-webkit-transition: opacity .1s linear;
-moz-transition: opacity 1.5s linear;
}
p { padding-bottom:7px; }
blockquote {
margin: 3px 0 7px 11px;
padding-left: 10px;
border-left: 1px solid;
}
pre {
margin: 10px 0;
padding: 10px;
word-wrap: break-word;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
background-color: #ebebeb;
overflow: auto;
}
/* Containers */
#container {
margin: auto;
padding: 0px;
}
#content {
margin: auto;
width: 700px;
}
/* Navigation */
#nav {
float: left;
margin: 15px 0 10px;
width: 700px;
}
#navlinks {
margin: 0px auto;
list-style: none;
}
#navlinks li {
float: left;
margin-right: 10px;
}
#nav ul li a {
display: block;
padding: 6px 9px;
background-color: {color:Nav Background};
border-radius: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
transition: -webkit-box-shadow 1.5s linear;
-webkit-transition: -webkit-box-shadow 1.5s linear;
-moz-transition: -webkit-box-shadow 1.5s linear;
}
#nav ul li a:hover {
-o-transition: box-shadow .1s linear;
-webkit-transition: -webkit-box-shadow .1s linear;
-moz-transition: -moz-box-shadow .1s linear;
}
/* Navigation Links */
#home a {
color: #8b3a3a!important;
box-shadow: 0px 0px 6px rgba(139, 58, 58, 0.3);
-webkit-box-shadow: 0px 0px 6px rgba(139, 58, 58, 0.3);
-moz-box-shadow: 0px 0px 6px rgba(139, 58, 58, 0.3);
}
#home a:hover {
box-shadow: 0px 0px 6px rgba(139, 58, 58, 1);
-webkit-box-shadow: 0px 0px 6px rgba(139, 58, 58, 1);
-moz-box-shadow: 0px 0px 6px rgba(139, 58, 58, 1);
}
#about a {
color: #cd3700!important;
}
#about a:hover {
}
#archive a {
color: #daa520!important;
}
#archive a:hover {
}
#rss a {
color: #2f4f2f!important;
}
#rss a:hover {
}
#random a {
color: #1b6453!important;
}
#random a:hover {
}
#following a {
color: #42526c!important;
}
#following a:hover {
}
#pages a {
}
#pages a:hover {
}
#search a {
color: #754c78!important;
}
#search a:hover {
}
#ask a {
}
#ask a:hover {
}
#submit a {
color: #5c5c5c!important;
}
#submit a:hover {
}
/* Posts */
#posts {
float: left;
clear: both;
width: 700px;
}
.post {
float: left;
clear: none;
margin-bottom: 10px;
padding: 6px 9px;
width: 400px;
background-color: {color:Posts Background};
border-radius: 1px;
-o-transition: box-shadow 1.5s linear;
-moz-transition: -moz-box-shadow 1.5s linear;
}
.post:hover {
}
/* Info Bar */
.info {
float: right;
clear: none;
padding: 6px 9px;
width: 250px;
}
.info p, .info ul { padding-bottom: 7px; }
.info ul {
padding: 0 0 5px 25px;
list-style-type: square;
}
.info ol { padding: 0 0 5px 25px; }
h1 {
padding-left: 10px;
font: italic normal 18px {font:Headers};
}
.day {
float: left;
clear: none;
font-size: 10px;
}
a.permalink {
float: right;
clear: none;
padding: 2px 4px;
margin-top: -2px;
border-radius: 2px;
font-size: 9px;
text-transform: uppercase;
-o-transition: box-shadow 1.5s linear;
-moz-transition: -moz-box-shadow 1.5s linear;
}
a.permalink:hover {
}
.caption, .source, .tags {
clear: both;
float: left;
margin-top: 2px;
width: 100%;
}
#shownotes {
clear: both;
float: right;
margin-top: 2px;
}
.tags a {
font-size: 9px;
-o-transition: color 1s;
-webkit-transition: color 1s;
-moz-transition: color 1s;
}
/* Text Posts */
.text { color: #361717; }
.text .post p, .text .post ul { padding-bottom: 7px; }
.text .post ul {
}
.text .post ol { padding: 0 0 5px 25px; }
.text .post, .text a.permalink {
}
.text .post:hover, .text a.permalink:hover {
}
.text a, .text h1 { color: #8b3a3a; }
.text a.permalink { color: #8b3a3a!important; }
.text .tags a { color: #da5b5b; }
/* Photo Posts */
.photo { color: #5f1900; }
.photo .post, .photo a.permalink {
}
.photo .post:hover, .photo a.permalink:hover {
}
.photo a { color: #cd3700; }
.photo a.permalink { color: #cd3700!important; }
.photo .tags a { color: #db3b00; }
/* Quote Posts */
.quote { color: #785b12; }
.quote .post, .quote a.permalink {
}
.quote .post:hover, .quote a.permalink:hover {
}
.quote a, .quote h1 { color: #daa520; }
.quote h1 { padding: 0; }
.quote a.permalink { color: #daa520!important; }
.quote .tags a { color: #fdbf23; }
/* Link Posts */
.link { color: #132013; }
.link .post p, .link .post ul { padding-bottom: 7px; }
.link .post ul {
}
.link .post ol { padding: 0 0 5px 25px; }
.link .post, .link a.permalink {
}
.link .post:hover, .link a.permalink:hover {
}
.link a, .link h1 a { color: #2f4f2f; }
.link a.permalink { color: #2f4f2f!important; }
.link .tags a { color: #538a53; }
/* Chat Posts */
.chat { color: #103b31; }
.chat ul { list-style-type: none; }
.chat li { padding: 6px 9px; }
.chat li.odd { background-color: #effffb; }
.chat .post, .chat a.permalink {
}
.chat .post:hover, .chat a.permalink:hover {
}
.chat a, .chat h1 { color: #1b6453; }
.chat a.permalink { color: #1b6453!important; }
.chat .tags a { color:#2b9f84; }
/* Audio Posts */
.audio { color:#1f2632; }
.audio .post, .audio a.permalink {
}
.audio .post:hover, .audio a.permalink:hover {
}
.audio a, .audio h1 { color: #42526c; }
.audio a.permalink { color: #42526c!important; }
.audio .tags a { color: #718cb7; }
.albumart {
float: left;
padding: 0px 10px 5px 0px;
width: 100px;
}
/* Video Posts */
.video { color: #1f1339; }
.video .post, .video a.permalink {
}
.video .post:hover, .video a.permalink:hover {
}
.video a { color: #412778; }
.video a.permalink { color: #412778!important; }
.video .tags a { color: #653db9; }
/* Answer Posts */
.answer { color: #3b263c; }
.answer .post p, .answer .post ul { padding-bottom: 7px; }
.answer .post ul {
}
.answer .post ol { padding: 0 0 5px 25px; }
.answer h1 {
padding: 0;
font-size: 15px;
}
.answer .post, .answer a.permalink {
}
.answer .post:hover, .answer a.permalink:hover {
}
.answer a, .answer h1 { color: #754c78; }
.answer a.permalink { color:#754c78!important; }
.answer .tags a { color: #ae72b2; }
/* Notes */
#notes {
float: left;
clear: both;
padding: 6px 9px;
width: 400px;
color: {color:Text};
}
.notes .avatar { display: none; }
.notes li { padding: 0; }
/* Pagination */
#pagination {
position: fixed;
bottom: 5px;
right: 10px;
width: 120px;
text-align: center;
color: {color:Pagination};
}
#pagination h2 {
font: normal 100px/80px {font:Text};
letter-spacing: 5px;
text-align: right;
}
#pagination h2 a {
color: {color:Pagination};
-o-transition: text-shadow 1.5s linear;
-webkit-transition: -webkit-text-shadow 1.5s linear;
-moz-transition: -moz-text-shadow 1.5s linear;
}
#pagination h2 a:hover {
text-shadow: 0px 0px 3px rgba(255, 255, 255, 0.9);
-webkit-text-shadow: 0px 0px 3px rgba(255, 255, 255, 0.9);
-moz-text-shadow: 0px 0px 3px rgba(255, 255, 255, 0.9);
-o-transition: text-shadow .1s linear;
-webkit-transition: -webkit-text-shadow .1s linear;
-moz-transition: -moz-text-shadow .1s linear;
}
/* Search and Tag Pages */
#results {
float: left;
margin-bottom: 10px;
width: 700px;
}
#results h3 {
padding-left: 10px;
font: italic normal 25px {font:Headers};
}
/* Hidden Divs */
#aboutme, #follow, #pagelist, #searchbar {
margin: 0 10px;
}
.hidden { width: 680px; }
.desc {
overflow: hidden;
padding-top: 10px;
}
#icon {
padding: 5px;
width: 35px;
}
#pagelist ul li a {
padding: 0;
background-color: transparent;
}
#searchbar input {
padding: 6px 9px;
margin: 0 0 6px 6px;
width: 200px;
border: 0;
border-radius: 1px;
}
/* Footer */
#footer {
float: left;
clear: both;
padding-bottom: 5px;
width: 700px;
text-align: center;
}
#footer { color: {color:Text}; }
{CustomCSS}
</style>
<script src="http://static.tumblr.com/i4mzrmx/lk4kqww5w/jquery-1.3.2.min.js"
type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.pulldown').click(function() {
var target = $(this).attr("rev");
var title = $(this).text();
var selected = $(this).hasClass("selected");
var el = $(this);
$('#navlinks .selected').removeClass("selected");
if ($('div.hidden:not(#' + target + ')').is(':visible')) {
$('div.hidden:visible').slideUp('slow', function () {
$('#' + target ).slideDown('slow');
el.addClass("selected");
});
} else {
if (selected) {
$('#' + target ).slideUp('slow');
} else {
$('#' + target).slideDown('slow');
el.addClass("selected");
}
}
return false;
});
});
</script>
function highlight(field) {
field.focus();
field.select();
}
</script>
</head>
<body>
{block:Pagination}
<div id="pagination">
<h2>{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:Prev
iousPage}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</h2>
Page {CurrentPage} of {TotalPages}
</div>
{/block:Pagination}
{block:DayPagination}
<h2>{block:PreviousDayPage}<a href="{PreviousDayPage}">«</a>{/bloc
k:PreviousDayPage}{block:NextDayPage}<a href="{NextDayPage}">»</a>{/block:N
extDayPage}</h2>
</div>
{/block:DayPagination}
{block:PermalinkPagination}
<h2>{block:PreviousPost}<a href="{PreviousPost}">«</a>{/block:Prev
iousPost}{block:NextPost}<a href="{NextPost}">»</a>{/block:NextPost}</h2>
</div>
{/block:PermalinkPagination}
<div id="container">
<div id="content">
<div id="nav">
<ul id="navlinks">
<li id="home">
<a href="/">Home</a>
</li>
<li id="about">
<a href="#" title="#aboutme" class="pulldown" rev="aboutme">About
</a>
</li>
<li id="archive">
<a href="/archive">Archive</a>
</li>
<li id="rss">
<a href="{RSS}">RSS</a>
</li>
<li id="random">
<a href="/random">Random</a>
</li>
{block:IfShowPeopleIFollow}{block:Following}
<li id="following">
<a href="#" title="#follow" class="pulldown" rev="follow">Foll
owing</a>
</li>
{/block:Following}{/block:IfShowPeopleIFollow}
{block:IfShowPages}{block:HasPages}
<li id="pages">
<a href="#" title="#pagelist" class="pulldown" rev="pagelist">
Pages</a>
</li>
{/block:HasPages}{block:IfShowPages}
<li id="search">
<a href="#" title="#searchbar" class="pulldown" rev="searchbar">S
earch</a>
</li>
{block:IfShowAskLink}{block:AskEnabled}
<li id="ask">
<a href="/ask">Ask</a>
</li>
{/block:AskEnabled}{/block:IfShowAskLink}
{block:IfShowSubmitLink}{block:SubmissionsEnabled}
<li id="submit">
<a href="/submit">Submit</a>
</li>
{/block:SubmissionsEnabled}{/block:IfShowSubmitLink}
</ul>
<div style="clear:both;"></div>
<div class="hidden" id="aboutme">
<div class="desc">
<h1>{Title}</h1>
<img src="{PortraitURL-40}" align="left" id="icon" />
{Description}
</div>
</div>
{block:IfShowPages}{block:HasPages}
<div class="hidden" id="pagelist">
<div class="desc">
<ul>
{block:Pages}
<li><a href="{URL}" class="page">{Label}</a></li>
{/block:Pages}
</ul>
</div>
</div>
{/block:HasPages}{block:IfShowPages}
<div class="hidden" id="searchbar">
<div class="desc">
<form action="/search" method="get">
<input name="q" value="Type here and press enter" type="text"
onclick="highlight(this);" />
</form>
</div>
</div>
{block:IfShowPeopleIFollow}{block:Following}
<div class="hidden" id="follow">
<div class="desc">
{block:Followed}
<a href="{FollowedURL}"><img src="{FollowedPortraitURL-30}"
/></a>
{/block:Followed}
</div>
</div>
{/block:Following}{block:IfShowPeopleIFollow}
<script type="text/javascript">$('div.hidden').hide();</script>
</div>
{block:SearchPage}
<div id="results">
<h3>You searched for
<a href="{SearchQuery}">{URLSafeSearchQuery}</a>
with {SearchResultCount} result(s).</h3>
</div>
{/block:SearchPage}
{block:TagPage}
<div id="results">
<h3>Posts tagged with <a href="{Tag}">{URLSafeTag}</a>.</h3>
</div>
{/block:TagPage}
<div id="posts">
{block:Posts}
{block:Text}
<div class="text">
<div class="post">
{block:Title}<h1>{Title}</h1>{/block:Title}
{Body}
</div>
<div class="info">
{block:Date}
{block:SameDayDate}
<span class="day">
<span class="date"><a href="{URL}/day/{Year}/{MonthNu
mberWithZero}/{DayOfMonth}">{Month} {DayOfMonthWithZero} {Year}</a></span>
•
<span class="time"><a href="{Permalink}">{12HourWithZ
ero}·{Minutes} {AmPm}</a></span>
{block:NoteCount}
•
<span class="notecount"><a href="{Permalink}">{Not
eCountWithLabel}</a></span>
{/block:NoteCount}
</span>
{/block:SameDayDate}
{block:NewDayDate}
<span class="day">
•
{block:NoteCount}
•
{/block:NoteCount}
</span>
{/block:NewDayDate}
{/block:Date}
<a class="permalink" href="{Permalink}">∞</a>
{block:HasTags}
<div class="tags">
{block:Tags}
<a href="{TagURL}">#{Tag}</a>
{/block:Tags}
</div>
{/block:HasTags}
</div>
{block:PostNotes}
<div id="notes">
{PostNotes}
</div>
{/block:PostNotes}
</div>
{/block:Text}
{block:Photo}
<div class="photo">
<div class="post">
{LinkOpenTag}
<img src="{PhotoURL-400}" alt="{PhotoAlt}" />
{LinkCloseTag}
</div>
<div class="info">
{block:Date}
{block:SameDayDate}
<span class="day">
•
{block:NoteCount}
•
{/block:NoteCount}
</span>
{block:NewDayDate}
<span class="day">
•
{block:NoteCount}
•
{/block:NoteCount}
</span>
{/block:NewDayDate}
{/block:Date}
{block:Caption}
<div class="caption">
{Caption}
</div>
{/block:Caption}
{block:HasTags}
<div class="tags">
{block:Tags}
{/block:Tags}
</div>
{/block:HasTags}
</div>
{block:PostNotes}
<div id="notes">
{PostNotes}
</div>
{/block:PostNotes}
</div>
{/block:Photo}
{block:Photoset}
<div class="photo">
<div class="post">
{Photoset-400}
</div>
<div class="info">
{block:Date}
{block:SameDayDate}
<span class="day">
•
{block:NoteCount}
•
{/block:NoteCount}
</span>
{block:NewDayDate}
<span class="day">
•
{block:NoteCount}
•
{/block:NoteCount}
</span>
{/block:NewDayDate}
{/block:Date}
{block:Caption}
{Caption}
</div>
{/block:Caption}
{block:HasTags}
<div class="tags">
{block:Tags}
{/block:Tags}
</div>
{/block:HasTags}
</div>
{block:PostNotes}
<div id="notes">
{PostNotes}
</div>
{/block:PostNotes}
</div>
{/block:Photoset}
{block:Quote}
<div class="quote">
<div class="post">
<h1>{Quote}</h1>
</div>
<div class="info">
{block:Date}
{block:SameDayDate}
<span class="day">
•
{block:NoteCount}
•
{/block:NoteCount}
</span>
{block:NewDayDate}
<span class="day">
•
{block:NoteCount}
•
{/block:NoteCount}
</span>
{/block:NewDayDate}
{/block:Date}
{block:Source}<div class="source">{Source}</div>{/block:Source
}
{block:HasTags}
<div class="tags">
{block:Tags}
{/block:Tags}
</div>
{/block:HasTags}
</div>
{block:PostNotes}
<div id="notes">
{PostNotes}
</div>
{/block:PostNotes}
</div>
{/block:Quote}
{block:Link}
<div class="link">
<div class="post">
<h1><a href="{URL}" {Target}>{Name}</a></h1>
{block:Description}{Description}{/block:Description}
</div>
<div class="info">
{block:Date}
{block:SameDayDate}
<span class="day">
•
{block:NoteCount}
•
{/block:NoteCount}
</span>
{block:NewDayDate}
<span class="day">
•
{block:NoteCount}
•
{/block:NoteCount}
</span>
{/block:NewDayDate}
{/block:Date}
{block:HasTags}
<div class="tags">
{block:Tags}
{/block:Tags}
</div>
{/block:HasTags}
</div>
{block:PostNotes}
<div id="notes">
{PostNotes}
</div>
{/block:PostNotes}
</div>
{/block:Link}
{block:Chat}
<div class="chat">
<div class="post">
{block:Title}<h1>{Title}</h1>{/block:Title}
<ul>
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}
<strong>{Label}</strong>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
</div>
<div class="info">
{block:Date}
{block:SameDayDate}
<span class="day">
•
{block:NoteCount}
•
{/block:NoteCount}
</span>
{block:NewDayDate}
<span class="day">
•
{block:NoteCount}
•
{/block:NoteCount}
</span>
{/block:NewDayDate}
{/block:Date}
{block:HasTags}
<div class="tags">
{block:Tags}
{/block:Tags}
</div>
{/block:HasTags}
</div>
{block:PostNotes}
<div id="notes">
{PostNotes}
</div>
{/block:PostNotes}
</div>
{/block:Chat}
{block:Audio}
<div class="audio">
<div class="post">
{block:AlbumArt}
<img src="{AlbumArtURL}" border="0" class="albumart" />
{/block:AlbumArt}
{block:TrackName}<h1>{TrackName}</h1>{/block:TrackName}
{block:Artist}<strong>Artist:</strong> {Artist}<br />{/block:A
rtist}
{block:Album}<strong>Album:</strong> {Album}<br />{/block:Albu
m}
<br />
{AudioPlayerGrey}
</div>
<div class="info">
{block:Date}
{block:SameDayDate}
<span class="day">
•
{block:NoteCount}
•
{/block:NoteCount}
</span>
{block:NewDayDate}
<span class="day">
•
{block:NoteCount}
•
{/block:NoteCount}
</span>
{/block:NewDayDate}
{/block:Date}
{block:Caption}
{Caption}
</div>
{/block:Caption}
{block:HasTags}
<div class="tags">
{block:Tags}
{/block:Tags}
</div>
{/block:HasTags}
</div>
{block:PostNotes}
<div id="notes">
{PostNotes}
</div>
{/block:PostNotes}
</div>
{/block:Audio}
{block:Video}
<div class="video">
<div class="post">
{Video-400}
</div>
<div class="info">
{block:Date}
{block:SameDayDate}
<span class="day">
•
{block:NoteCount}
•
{/block:NoteCount}
</span>
{block:NewDayDate}
<span class="day">
•
{block:NoteCount}
•
{/block:NoteCount}
</span>
{/block:NewDayDate}
{/block:Date}
{block:Caption}
{Caption}
</div>
{/block:Caption}
{block:HasTags}
<div class="tags">
{block:Tags}
{/block:Tags}
</div>
{/block:HasTags}
</div>
{block:PostNotes}
<div id="notes">
{PostNotes}
</div>
{/block:PostNotes}
</div>
{/block:Video}
{block:Answer}
<div class="answer">
<div class="post">
<h1><strong>{Asker} asked</strong>: {Question}</h1>
{Answer}
</div>
<div class="info">
{block:Date}
{block:SameDayDate}
<span class="day">
•
{block:NoteCount}
•
{/block:NoteCount}
</span>
{block:NewDayDate}
<span class="day">
•
{block:NoteCount}
•
{/block:NoteCount}
</span>
{/block:NewDayDate}
{/block:Date}
{block:HasTags}
<div class="tags">
{block:Tags}
{/block:Tags}
</div>
{/block:HasTags}
</div>
{block:PostNotes}
<div id="notes">
{PostNotes}
</div>
{/block:PostNotes}
</div>
{/block:Answer}
{/block:Posts}
</div>
<div id="footer">
<a href="http://www.tumblr.com/theme/9928">Glow (Lite) by <a href="http
://elletricity.com">Gabrielle Wee</a>.
Powered by <a href="http://tumblr.com">Tumblr</a>.
</div>
</div>
</div>
</body>
var menu=new menu.dd("menu");
menu.init("menu","menuhover");
</script>
</html>

Tumblr Theme

Загружено:

Сведения о документе

Оригинальное название

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Tumblr Theme

Загружено:

Авторское право:

Доступные форматы

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.

Вам также может понравиться