<html>
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
<meta name="image:Background" content=""/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="http://static.tumblr.com/uopakca/GVcnvdwbq/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:700,
attribute:“title”
});
});
})(jQuery);
</script>
#s-m-t-tooltip {
max-width:300px;
border-radius: 0px; /* you can add in a border radius here for curved corners if you like */
padding:4px; /* space around the text */
margin:5px 10px 5px 0px; /* positioning of your hover info in relation to the link */
color:#fff; /* text color */
border:1px solid #fff; /* optional border and border color */
font-family: 'Fjalla One', sans-serif; /* i’ve added a custom font in here but you can remove this line if you don’t use custom fonts */
font-size:10px; /* font size of your hover info */
letter-spacing:2px; /* optional letter spacing */
background:#000; /* change the background color of your hover info */
z-index:99999;}
::-webkit-scrollbar {
width: 2px;
height: 2px;
}
::-webkit-scrollbar-button {
width: 0px;
height: 0px;
}
::-webkit-scrollbar-thumb {
background: #e1e1e1;
border: 0px none #ffffff;
border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
background: #ffffff;
}
::-webkit-scrollbar-thumb:active {
background: #000000;
}
::-webkit-scrollbar-track {
background: #666666;
border: 0px none #ffffff;
border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
background: #666666;
}
::-webkit-scrollbar-track:active {
background: #333333;
}
::-webkit-scrollbar-corner {
background: transparent;
}
body {
no-repeat fixed top left;
background-color:#FFEAE9;
font-size: 13px;
font-family:'Utsaah';
text-transform:none;
color:#006f94;
background-image:url('{image:Background}');
background-position: top left;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o background-size: cover;
}
a {
text-decoration:none;
color:#f2992e;
-webkit-transition: all 0.9s ease;
-moz-transition: all 0.9s ease;
-o-transition: all 0.9s ease;
}
a:hover {
color:#63636363;
}
b,strong {
color:#878787;
text-transform:uppercase;
font-family:'broadway';
font-size:15px;
letter-spacing:2px;
}
i,em {
color:#878787;
font-family:'Mistral';
font-size: 17px;
text-transform:lowercase;
}
blockquote {
padding:2px 7px;
margin:3px 0 3px 8px;
border-left:1px dashed;
}
blockquote img {
max-width:100%;
height:auto;
float:right!important;
margin-left:14px;
h1 {
font-size:30px;
line-height:30px;
text-align:right;
padding:10px;
}
#links {
font-size:16px;
padding-right:10px;
padding:10px;
text-align:center;
left:200px;
}
#links a {
display:inline-block;
color:#006f94;
padding-right:10px;
-webkit-transition: all 0.9s ease;
-moz-transition: all 0.9s ease;
-o-transition: all 0.9s ease;
}
#links a:hover {
color:#dddddd;
letter-spacing:1px;
}
#description {
font-size:13px;
color:#ffffff;
text-align:center;
padding:10px;
text-transform:uppercase;
}
#container {
position:fixed;
left:600px;
height:480px;
overflow-y:scroll;
width:430px;
top:140px;
}
#sidebar {
position:fixed;
left:1100px;
top:240px;
height:750px;
width:200px;
background-color:transparent;
opacity:0.2;
-webkit-transition: all 0.9s ease;
-moz-transition: all 0.9s ease;
-o-transition: all 0.9s ease;
}
#sidebar:hover {
opacity:1;
}
#pagination {
position:fixed;
bottom:30px;
left:850px;
}
#pagination a {
color:#006f94;
font-size:20px;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
}
#pagination a:hover {
color:#ffffff;
}
.asker {
font-size:15px;
font-style:bold;
text-align:center;
border-bottom:1px solid #eee;
margin-bottom:5px;
padding-bottom:3px;
}
.question {
font-style: italic;
padding-left:50px;
padding-right:50px;
text-align:center;
}
.quote {
font-size:13px;
letter-spacing:1px;
text-align:center;
border-bottom:1px solid #eee;
margin-bottom:5px;
padding-bottom:3px;
}
.quotesource {
font-size:10px;
letter-spacing:1px;
text-align:center;
margin-bottom:5px;
}
.reblogs {
float:right;
}
.posts {
width:400px;
background-color:#ffffff;
padding:10px;
margin-bottom:30px;
}
.permalinks {
text-align:center;
background-color:#eee;
padding:5px;
height:12px;
}
.permalinks a {
text-decoration:none;
font-size: 13px;
color:#f2992e;
}
.permalinks a:hover {
color:#636363;
}
{block:PermalinkPage}
.tags {
text-align:center;
}
.tags a {
text-decoration:none;
font-size: 12px;
text-transform:uppercase;
color:#636363;
}
.tags a:hover {
color:#f2992e;
}
#wrapping img {
float: left;
padding-right:10px;
}
<body>
<div id="sidebar">
<h1>{Title}</h1>
<div id="description">{block:Description}{Description}{/block:Description}
</div>
<div id="links">
<a href="/" title="RETURN">01</a>
<a href="/ask" title="INQUIRE">02</a>
<a href="/c" title="CODEX">03</a>
<a href="/d" title="DOSS">04</a>
<a href="/m" title="MAP">05</a>
</div>
<div id="pagination">{block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}">RETREAT</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">ADVANCE</a>
{/block:NextPage}
{/block:Pagination}</div>
</div>
<div id="container">
{block:Text}{block:Title}{Title}{/block:Title}<div id="wrapping">{body}</div> <div style="clear:both"></div>{/block:Text}
{block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
{block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
{block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
{block:Quote}<div class="quote">{Quote}</div>{block:Source}<div class="QuoteSource">{Source}</div>{/block:Source}{/block:Quote}
{block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
{block:Chat}{block:Title}{Title}</a>{/block:Title}
{block:Lines}<li>{block:Label}{Label}{/block:Label}{Line}</li>{/block:Lines}{/block:Chat}
{block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
{block:Audio}{AudioEmbed}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
{block:Answer}
<div id="wrapping">{Answer}</div> <div style="clear:both"></div>
<div class="asker">{Asker} inquired </div>
<div class="question">{Question}</div>
{Answer}
{/block:Answer}
<div class="permalinks">
<div class="date"><a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {Year} </a><a href="{Permalink}">{block:NoteCount}{NoteCount}{/block:NoteCount}</a></div>
{block:RebloggedFrom}
<div class="reblogs"><a href="{ReblogParentURL}">via;</a>
<a href="{ReblogRootURL}">source;</a>
{/block:RebloggedFrom}
<a href="{ReblogURL}">reblog</a></div>
{block:PermalinkPage}<div class="tags">{block:HasTags}{block:Tags}<a href="{TagUrl}"> {Tag}</a>{/block:Tags}{/block:HasTags}</div>{/block:PermalinkPage}
</div>
{block:ContentSource}
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
{/block:ContentSource}
</body>
</html>
areudirty
andulkaphoto
blakekathryn
izzy806
