Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/z5o2pr2/4jEm2giux/jquery.style-my-tooltip.js"></script>
- <script type="text/javascript">
- $().ready(function() {
- //applies to all elements with title attribute. Change to “.class[title]” to select only elements with specific .class and title
- $("[title]").style_my_tooltips({
- tip_follows_cursor: "on", //on/off
- tip_delay_time: 40 //milliseconds
- });
- });
- </script>
- <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}
- <!--THEME 15 by darvll.tumblr.com (do not claim this theme as your own, and please leave the theme credit where it is)-->
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Text" content="#999595"/>
- <meta name="color:Link" content="#b8b8b8"/>
- <meta name="color:Link hover" content="#616161"/>
- <meta name="color:sidelink" content="#b8b8b8"/>
- <meta name="color:sidelink hover" content="#b6b5b5"/>
- <meta name="color:sidelink bg" content="#fcff00"/>
- <meta name="color:border" content="#fbfbfb"/>
- <meta name="color:Scrollbar" content="#eeeeee">
- <meta name="image:sidebar" content="/" />
- <meta name="text:Link 1" content="link" />
- <meta name="text:Link 1 URL" content="/" />
- <meta name="text:Link 2" content="link" />
- <meta name="text:Link 2 URL" content="/" />
- <meta name="text:Link 3" content="link" />
- <meta name="text:Link 3 URL" content="/" />
- <style type="text/css">
- iframe#tumblr_controls {
- top: 0% !important;
- right:0% !important;
- opacity:0.17;
- position: fixed !important;
- filter:alpha(opacity=30);
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- iframe#tumblr_controls:hover{
- top: 0% !important;
- right:0% !important;
- opacity:0.7;
- position: fixed !important;
- filter:alpha(opacity=80);
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar};height:5px;}
- ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Scrollbar};height:5px!important;}
- ::-webkit-scrollbar {background-color:{color:Background};height:5px;width:7px;}
- body {
- background:{color:Background};
- font-family:'cambria';
- color:{color:text};
- font-size:9px;
- line-height:12px;
- }
- a {
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- color:{color:Link};
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- a:hover {
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- color: {color:Link hover};
- }
- img {
- border:none;
- }
- blockquote {
- padding-left:5px;
- border-left:1px solid;
- margin-top:-0px;
- margin-left:5px;
- }
- h1 {
- font-size:12px;
- }
- h1 a {-webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;}
- h1 a:hover {font-size:12px; -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;}
- .quote {
- font-size:10px;
- font-style:italic;
- margin-bottom:6px;
- }
- .source {font-size:10px; font-style:normal;}
- .chat{
- font-size:9px;
- text-transform:none;
- line-height:12px;
- letter-spacing:1px;
- font-style:italic;
- margin-bottom:7px;
- }
- .entries {
- padding:10px;
- margin-left:470px;
- margin-top:20px;
- margin-bottom:50px;
- }
- .post {
- opacity:1;
- width:500px;
- padding-bottom:22px;
- padding-top: 25px;
- margin-bottom:50px;
- -webkit-transition: all 0.2s ease;
- -moz-transition: all 0.2s ease;
- -o-transition: all 0.2s ease;
- }
- .post:hover{
- opacity:1;
- -webkit-transition: all 0.2s ease;
- -moz-transition: all 0.2s ease;
- -o-transition: all 0.2s ease;
- }
- #sidebar {
- width:auto;
- position:fixed;
- left:190px;
- margin-top:200px;
- }
- .sidelinks {
- width:180px;
- position:fixed;
- text-align:center;
- margin-left:9px;
- margin-top:7px;
- margin-bottom:0px;
- line-height:10px;
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- -o-transition: all 0.3s ease;
- }
- .sidelinks a {
- font-family:'cambria';
- margin-right:2px;
- padding-top:1px;
- padding-bottom:1px;
- padding-right:1px;
- padding-left:2px;
- margin-left:2px;
- margin-bottom:7px;
- letter-spacing:1px;
- text-transform:uppercase;
- color:{color:sidelink};
- font-size:7px;
- }
- .sidelinks a:hover {
- background-color:{color:sidelink bg};
- color:#616161;
- }
- .sidebarimage {
- position:fixed;
- width:180px;
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- -o-transition: all 0.3s ease;
- }
- .sidebarimage img {
- margin-left:9px;
- margin-top:0px;
- width:180px;
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- -o-transition: all 0.3s ease;
- }
- .description {
- font-size:9px;
- margin-left:9px;
- display:block;
- opacity:1;
- color:{color:Text};
- letter-spacing:0px;
- margin-top:24px;
- line-height:11px;
- text-align:center;
- width:180px;
- position:fixed;
- text-transform:lowercase;
- padding-bottom:3px;
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- -o-transition: all 0.3s ease;
- }
- .description a{
- text-transform:lowercase;
- font-size:9px;
- letter-spacing:0px;
- margin-left:2px;
- margin-right:1px;
- }
- .info {
- padding-top:1px;
- text-transform:uppercase;
- letter-spacing:1px;
- line-height:11px;
- font-size:8px;
- display:block;
- width:500px;
- margin-top:-2px;
- position:absolute;
- margin-left:0px;
- text-align:right;
- border-top: 1px solid #f2f2f2;
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- -o-transition: all 0.3s ease;;
- }
- .index {
- opacity:1;
- padding-top:0px;
- padding-bottom:0px;
- text-transform:uppercase;
- letter-spacing:1px;
- line-height:11px;
- font-size:7px;
- display:block;
- width:500px;
- margin-top:-15px;
- position:absolute;
- margin-left:0px;
- text-align:right;
- padding-left:2px;
- border-bottom: 3px solid #fbfbfb;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;;
- }
- .permapage {
- opacity:1;
- padding-top:0px;
- padding-bottom:0px;
- text-transform:uppercase;
- letter-spacing:1px;
- line-height:11px;
- font-size:7px;
- display:block;
- width:500px;
- margin-top:-15px;
- position:absolute;
- margin-left:0px;
- text-align:right;
- padding-left:2px;
- border-bottom: 3px solid #fbfbfb;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;;
- }
- .tagsINDEX{
- opacity:1;
- padding-top:2px;
- padding-bottom:32px;
- text-transform:none;
- letter-spacing:1px;
- line-height:12px;
- font-size:8px;
- display:block;
- width:500px;
- margin-top:-3px;
- position:absolute;
- margin-left:0px;
- text-align:left;
- padding-left:2px;
- border-top: 3px solid #fbfbfb;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;;
- }
- .tagsINDEX a{
- margin-right:4px;
- padding:1px;
- }
- .tagsINDEX a:hover{
- color:#616161;
- background-color:{color:sidelink bg};
- }
- .tagsPERMA{
- opacity:1;
- padding-top:2px;
- padding-bottom:32px;
- text-transform:none;
- letter-spacing:1px;
- line-height:12px;
- font-size:8px;
- display:block;
- width:500px;
- margin-top:-3px;
- position:absolute;
- margin-left:0px;
- text-align:left;
- padding-left:2px;
- border-top: 3px solid #fbfbfb;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;;
- }
- .tagsPERMA a{
- margin-right:4px;
- padding:1px;
- }
- .tagsPERMA a:hover{
- color:#616161;
- background-color:{color:sidelink bg};
- }
- .pagination{
- position:fixed;
- font-size:7px;
- letter-spacing:4px;
- width:180px;
- background-color:transparent;
- text-align:center;
- margin-top:-5px;
- margin-left:0px;
- color:{color:text};
- }
- .pagination a{
- letter-spacing:4px;
- font-size:7px;
- color:{color:link};
- }
- .pagination a:hover{
- font-size:7px;
- letter-spacing:4px;
- text-decoration:none;
- color:{color:Link hover};
- }
- .question{
- background-color:#fcfcfc;
- text-transform:none;
- letter-spacing:1px;
- padding:6px;
- }
- .title{
- opacity:0;
- color:#cac8c8;
- font-size:7px;
- text-transform:uppercase;
- letter-spacing:1px;
- width:200px;
- text-align:center;
- margin-top:-8px;
- margin-left:4px;
- -webkit-transition: all 0.2s ease;
- -moz-transition: all 0.2s ease;
- -o-transition: all 0.2s ease;
- }
- #credit {
- position:fixed;
- right:0px;
- bottom:0px;
- padding:5px;
- text-transform:uppercase;
- letter-spacing:1px;
- font-size:8px;
- }
- #audio {
- margin-bottom:5px;
- width:500px;
- height:justify;
- }
- .cover {
- width:78px;
- height:78px;
- position:absolute;
- }
- .cover img {
- width:73px;
- height:73px;
- float:left;
- }
- .player {
- opacity: 0.05;
- position:absolute;
- z-index:1;
- background:#fff
- ;width:80px;
- height:80px;
- display:block;
- -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;
- }
- .player:hover{
- opacity:0.5;
- -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;
- }
- .player2 {
- width:25px;
- height:25px;
- margin-top:20px;
- margin-left:20px;
- overflow:hidden;
- padding:3px;
- }
- .track {
- text-transform:uppercase;
- margin-left:80px;
- line-height:15px;
- padding-top:0px;
- }
- .notes img{
- opacity:0;
- width:16px;
- }
- .notes ol, .notes li{
- margin-left:-27px;
- line-height:10px;
- font-size:8px;
- letter-spacing:1px;
- text-transform:uppercase;
- list-style:none;
- }
- #s-m-t-tooltip {
- position:absolute;
- background:#fbfbfb;
- padding:3px 5px;
- z-index:9999;
- display:inline-block;
- font-size:7px;
- font-family:'cambria';
- letter-spacing:1px;
- text-transform:uppercase;
- line-height:12px;
- color:{color:text};
- }
- {CustomCSS}</style>
- </head><body>
- <div id="sidebar">
- <div class="sidebarimage">
- <a href="/"><img src="{image:sidebar}"></a>
- <div class="sidelinks">
- <a href="/ask">message</a>
- {block:IfLink1} <a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:IfLink1}
- {block:IfLink2} <a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:IfLink2}
- {block:IfLink3} <a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:IfLink3}
- </div>
- <div class="description">{Description}
- <br><br>
- <div class="pagination">{block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}"><</a>
- {/block:PreviousPage}
- {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:NextPage}
- <a href="{NextPage}">></a>
- {/block:NextPage}
- {/block:Pagination}</div></div>
- </div></div>
- <div class="entries">{block:Posts}<div class="post">
- {block:IndexPage}
- <div class="index">
- {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} with <font style="font-size:8px;margin-right:7px;"><a href="{Permalink}"><font style="color:{color:text};">♥{NoteCount}</font></a></font>{/block:NoteCount}</div>{/block:IndexPage}
- {block:PermalinkPage}
- <div class="permapage">
- {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} with <font style="font-size:8px;margin-right:7px;"><a href="{Permalink}"><font style="color:{color:text};">♥{NoteCount}</font></a></font>{/block:NoteCount}</div>{/block:PermalinkPage}
- {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
- {block:Photo}<img src="{PhotoURL-500}"/><font style="font-size:11px;">{Caption}</font>{/block:Photo}
- {block:Photoset}{Photoset-500}{block:Caption}<font style="font-size:11px;">{Caption}</font>{/block:Caption}{/block:Photoset}
- {block:Quote}<div class="quote">{Quote}{block:Source} —<span class="source">{Source}</span>{/block:Source}</div>{/block:Quote}
- {block:Link}<h1>» <a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Chat}<div class="chat">{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</div>{/block:Chat}
- {block:Audio}<div id="audio">{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
- <div class="player">
- <div class="player2">
- {AudioPlayerWhite}</div></div><div class="track">{block:TrackName}<b>Title:</b> {TrackName}{/block:TrackName}<br />{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br />{block:Album}<b>Album:</b> {Album}{/block:Album}<br />{PlayCountWithLabel}</div><br><font style="font-size:11px;">{Caption}</font></div>
- {/block:Audio}
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}
- <div class="question"> <b>{Asker}</b> whispered: {Question}</div><blockquote>{Answer}</blockquote>{/block:Answer}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
- {block:IndexPage}
- <div class="tagsINDEX">
- {block:HasTags}{block:Tags} #<font style="letter-spacing:1px;font-style:italic;text-transform:none;font-family:'cambria';font-size:8px;"><a href="{TagURL}">{Tag}</a></font>{/block:Tags}{/block:HasTags}
- </div>{/block:IndexPage}
- {block:PermalinkPage}
- <div class="tagsPERMA">
- {block:HasTags}{block:Tags} #<font style="letter-spacing:1px;font-style:italic;text-transform:none;font-family:'cambria';font-size:8px;"><a href="{TagURL}">{Tag}</a></font>{/block:Tags}{/block:HasTags}
- </div>{/block:PermalinkPage}
- {block:PostNotes}<br/><br/><br/><br/><br/><div class="notes">{PostNotes}</div>{/block:PostNotes}
- </div>{/block:Posts}</div>
- <div id="credit"><a href="http://www.darvll.tumblr.com" target="_blank">darvll</a></div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement