Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/ko1mcho/PMbmlkh9e/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title],a[title],img[title]").style_my_tooltips({
- tip_follows_cursor:"true",
- tip_delay_time:100,
- tip_fade_speed:100,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <link rel="shortcut icon" href="{Favicon}" />
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <title>{Title}</title>
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <!-- DEFAULTS -->
- <meta name="color:background" content="#ffffff">
- <meta name="color:title" content="#ffffff">
- <meta name="color:posts" content="#fcfcfc">
- <meta name="color:info" content="#fdfdfd">
- <meta name="color:tag" content="#fdfdfd">
- <meta name="color:text" content="#c0bdb8" />
- <meta name="color:link hover" content="#fdfdfd" />
- <meta name="color:link" content="#c0bdb8" />
- <meta name="color:scrollbar" content="#c0bdb8" />
- <meta name="color:scrollbg" content="#ffffff" />
- <meta name="color:bold" content="#ffffff" />
- <meta name="color:italic" content="#ffffff" />
- <meta name="color:underline" content="#ffffff" />
- <meta name="image:wrap" content="0" />
- <meta name="text:Link1" content="/" />
- <meta name="text:Link1 Title" content="LINK1" />
- <meta name="text:Link2" content="/" />
- <meta name="text:Link2 Title" content="LINK2" />
- <meta name="text:Link3" content="/" />
- <meta name="text:Link3 Title" content="LINK3" />
- <meta name="text:Link4" content="/" />
- <meta name="text:Link4 Title" content="LINK4" />
- <meta name="text:Link5" content="/" />
- <meta name="text:Link5 Title" content="LINK5" />
- <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
- <script type="text/javascript" charset="utf-8">
- var $j = jQuery.noConflict();
- $j(function() {
- if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
- $j("img").lazyload({
- placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
- effect: "fadeIn",
- });
- });
- </script>
- </head>
- <style type="text/css">
- ::-webkit-scrollbar-thumb:vertical {
- background-color:{color:scrollbar};
- height:100px;
- }
- ::-webkit-scrollbar-thumb:horizontal {
- background-color:{color:scrollbar};
- height:10px !important;
- }
- ::-webkit-scrollbar {
- background-color:{color:background};
- height:7px;
- width:7px;
- }
- .ask {
- align:right;
- background: {color:bold};
- margin:7px 0px 5px 66px;
- padding:10px;
- position: relative;
- -moz-border-radius:5px;
- -webkit-border-radius:5px;
- border-radius:5px;
- color:white;
- }
- .ask a:link {
- color:#000;
- }
- .ask p {
- margin:1px 0px;
- }
- .ask span {
- display:block;
- position:absolute;
- width:1px;
- height:1px;
- font-size: 0;
- line-height: 1px;
- left:-10px;
- top:10px;
- border-top:7px solid transparent;
- border-bottom:7px solid transparent;
- border-right:10px solid {color:bold};
- }
- .askborder {
- float: left;
- margin: 1px 4px 0 0;
- padding: 2px;
- background:{color:italic};
- }
- #askbg a {
- color:white;
- font-weight:bold;
- }
- ::-moz-selection {
- background-color:{color:scrollbg};
- color: {color:scrollbar};
- }
- ::selection {
- background-color:{color:scrollbg};
- color: {color:scrollbar};
- }
- body {color:{color:text};
- background-color:{color:background};
- background-image: url('{image:Background}');
- background-attachment:fixed;
- font-family: 'Calibri', serif;
- color: {color:text};
- font-size:10px;
- line-height:12px;
- text-align:justify;
- }
- a:link, a:active, a:visited {
- color: {color:link};
- text-decoration:none;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- }
- a:hover {
- color:{color:link hover};
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- }
- #s-m-t-tooltip {
- color: #fff;
- width: auto;
- font-size: 7px;
- font-weight:bold;
- letter-spacing:2px;
- padding: 2px 7px 2px 7px;
- text-transform: uppercase;
- background-color:{color:info};
- z-index: 100;
- position: absolute;
- display:inline-block;
- margin-top: 20px;
- margin-left: 10px;
- }
- small{font-size:auto}
- big{font-size:auto}
- b, strong{color:{color:bold};}
- i, em {color:{color:italic};}
- u{color:{color:underline};}
- p{margin-top:6px; margin-bottom:6px}
- blockquote {padding:0px;
- padding-left:10px;
- margin:8px;
- border-left:2px solid {color:bold};}
- img a{
- border:none;
- width:100%;
- }
- #container {
- background-color:transparent;
- width: 800px;
- text-align: center;
- margin: 0px auto -10px auto;
- }
- #entries {
- width: 500px;
- margin-top:10px;
- margin-left: -80px;
- height: 100%;
- text-align:justify;
- padding: 25px 0px 0px 10px;
- }
- #posts {
- width: 500px;
- padding: 10px 10px 85px 10px;
- margin-bottom: 2px;
- margin-left:17px;
- margin-top:40px;
- }
- #title {
- width: 420px;
- position:fixed;
- margin-top:50px;
- padding:15px;
- text-align:center;
- font:30px 'Georgia', sans-serif;
- font-weight:bold;
- font-style:italic;
- letter-spacing:1px;
- line-height:26px;
- margin-left:25px;
- z-index:1;
- }
- #title a{
- color:{color:title};
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- }
- #title a:hover {
- color:{color:underline};
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- }
- #links {
- float:left;
- position:fixed;
- display:block;
- margin-left:24px;
- margin-top:45px;
- }
- #links a{
- background-color:{color:tag};
- border-left: 20px solid #FF4562;
- text-transform:uppercase;
- text-align:left;
- display: inline-block;
- width:130px;
- font:.6px 'Calibri';
- font-weight:bold;
- letter-spacing:3px;
- color:{color:background};
- margin:0px 0px 4px 0px;
- padding:4px;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- }
- #links a:hover{
- border-left: 20px solid {color:bold};
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- }
- b1 {
- text-transform:uppercase;
- font-size: 12px;
- letter-spacing:2px;
- border-right: 1px solid #CFCFBE;
- padding-right:15px;
- padding-left:12px;
- line-height:14px;
- color: {color:underline};
- }
- b2 {
- padding-left:15px;
- }
- #aviwrap {
- padding:0px 10px 5px 0px;
- float:left;
- }
- #avi {
- float:left;
- width: 64px;
- height: 64px;
- padding:5px;
- border: 1px solid {color:scrollbar};
- }
- #wrap {
- background-image:url("{image:wrap}");
- background-color:{color:underline};
- right:0;
- margin-top:-10px;
- height:100%;
- width:500px;
- position:fixed;
- }
- #description {
- background-color:#fff;
- text-align:justify;
- display:block;
- width:420px;
- height:auto;
- font-family: 'Noto Serif', serif;
- font-size: 8px;
- padding:0px;
- text-transform:none;
- padding:15px;
- position:absolute;
- margin-left:25px;
- margin-top:120px;
- }
- #addlinks {
- background-color:#fff;
- font:7px 'Calibri', serif;
- width:420px;
- padding:15px;
- color:{color:border2}
- letter-spacing: 1px;
- text-align:center;
- text-transform:uppercase;
- margin-top:15px;
- margin-left:-15px;
- position:fixed;
- }
- #addlinks a {
- -webkit-transition: all 0.4s ease;
- -moz-transition: all 0.4s ease;
- -o-transition: all 0.4s ease;
- }
- #addlinks a:hover {
- -webkit-transition: all 0.4s ease;
- -moz-transition: all 0.4s ease;
- -o-transition: all 0.4s ease;
- }
- #pages {
- text-decoration:none;
- padding:10px;
- font:10px 'Calibri', serif;
- font-weight:bold;
- letter-spacing: 1px;
- width:auto;
- text-align:center;
- text-transform:uppercase;
- position:fixed;
- margin-left:70px;
- bottom:0;
- }
- #pages a {
- color:{color:italic};
- }
- h1{
- color:{color:title};
- font-family:{font:text};
- font-size:10px;
- line-height:12px;
- letter-spacing:0px;
- font-weight:italic;
- text-transform:uppercase;
- margin:0px;
- padding:0px;
- text-align:center;
- }
- h2{
- color:{color:text};
- font-family: 'Noto Serif', serif;
- font-size:10px;
- line-height:15px;
- letter-spacing:0px;
- font-weight:normal;
- text-transform:none;
- margin:0px;
- padding:0px;
- margin-bottom:-5px;
- text-align:center;
- }
- #stuffs {
- color:{color:tag};
- float:left;
- width:500px;
- text-align:left;
- font-size:8px;
- font-family: 'Calibri', serif;
- text-transform:uppercase;
- padding-top:4px;
- }
- #quote {
- font-family:'Georgia';
- color: {color:underline};
- padding-bottom:8px;
- font-size: 16px;
- font-style:italic;
- }
- #info{
- padding:10px 0px 0px 0px;
- border-top:3px #CFCFBE double;
- color:{color:scrollbar};
- float:left;
- margin-left:0px;
- margin-top:10px;
- width:500px;
- text-align:left;
- font-size:8px;
- font-family: 'Calibri', serif;
- text-transform:uppercase;
- }
- #info a:hover {
- color:{color:link hover};
- }
- #reblog {
- text-align:right;
- float:right;
- margin-right:10px;
- }
- #like {
- text-align:right;
- float:right;
- }
- .date {
- text-align:left;
- width:500px;
- font: 8px 'Calibri', serif;
- text-transform:uppercase;
- }
- .date a {
- font-weight:none;
- text-decoration:none;
- color: {color:link hover};
- }
- .date a:hover {
- color: {color:link};
- }
- #tags {
- width:500px;
- padding-top:-10px;
- float:left;
- text-align:left;
- font-size:8px;
- font-family: 'Calibri', serif;
- font-weight:bold;
- font-style:italic;
- }
- #tags a {
- text-decoration:none;
- text-transform:lowercase;
- line-height:12px;
- color: {color: tag};
- }
- #tags a:hover {
- color: {color:italic};
- font-style:italic;
- }
- #questions {
- background-color:{color:info};
- color: {color:text};
- padding:2px;
- margin-top: 6px;
- margin-bottom:2px;
- font-family:calibri;
- font-size:11px;
- text-transform:lowercase;
- border-bottom:1px {color:text};
- text-align:center;
- }
- #questions a {
- color:{color:link};
- text-decoration:none;
- }
- #permalink {
- padding:5px;
- }
- .playerbuttonbg {
- position: absolute;
- left: 75px;
- top: 80px;
- width: 29px;
- height: 29px;
- background-color: #ffffff;
- padding: 10px;
- -webkit-border-radius: 40px;
- -moz-border-radius: 40px;
- border-radius: 40px;
- opacity: .4;
- filter: alpha(opacity=40);
- -moz-opacity: 0.4;
- -khtml-opacity: 0.4;
- transition: opacity .7s ease-in-out;
- -moz-transition: opacity .7s ease-in-out;
- -webkit-transition: opacity .7s ease-in-out;
- }
- .playerbuttonbg:hover {
- opacity: 1;
- filter: alpha(opacity=100);
- -moz-opacity: 1;
- -khtml-opacity: 1;
- }
- .newplayerbutton {
- position: relative;
- width: 29px;
- height: 29px;
- overflow: hidden;
- }
- .playerbuttonhug {
- position: absolute;
- top: -12px;
- left: 0px;
- }
- .tumblr_audio_player {
- height: 90px;
- width: 270px;
- -moz-transform: scale(0.60, 0.60);
- -webkit-transform: scale(0.60, 0.60);
- -o-transform: scale(0.60, 0.60);
- -ms-transform: scale(0.60, 0.60);
- transform: scale(0.60, 0.60);
- -moz-transform-origin: top left;
- -webkit-transform-origin: top left;
- -o-transform-origin: top left;
- -ms-transform-origin: top left;
- transform-origin: top left;
- }
- .audioimgwrapper {
- position: absolute;
- left: 0px;
- top: 0px;
- overflow: hidden;
- width: 200px;
- height:200px;
- }
- .audioimgwrapper img {
- width: 100%;
- height: auto;
- }
- .trackdetails {
- font-family: 'Georgia';
- line-height:16px;
- width: auto;
- display:inline-block;
- margin-left: 250px;
- margin-top:-50px;
- min-height: 85px;
- text-align: left;
- text-transform: uppercase;
- letter-spacing:1px;
- }
- .audiowrapper {
- position: relative;
- display:inline-block;
- }
- .user_1 .label {color:{color:link}; font-weight:bold}
- .user_2 .label {color:{color:text}; font-weight:bold}
- .user_3 .label {color:{color:link}; font-weight:bold}
- .user_4 .label {color:{color:text}; font-weight:bold}
- ul.chat, .chat ol, .chat li {
- list-style:none;
- margin:0px;
- padding:0px;
- }
- .notes img{
- width:10px;
- position:relative;
- top:1px;
- }
- ol.notes, .notes li{
- width:490px;
- list-style:none;
- margin:0px 0 -1px 5px;
- padding:0px;
- }
- #tumblr_controls{
- opacity: 0.2;
- -webkit-filter: invert(100%);
- -webkit-transition: all 2s ease;
- -moz-transition: all 2s ease;
- -ms-transition: all 2s ease;
- -o-transition: all 2s ease;
- transition: all 2s ease;
- }
- </style>
- </head>
- {block:Pagination}
- <div id="pages">
- {block:JumpPagination length="5"}
- {block:CurrentPage}
- <span class="current_page"><b>{PageNumber}</b></span>
- {/block:CurrentPage}
- {block:JumpPage}
- <a class="jump_page" href="{URL}">{PageNumber}</a>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}
- <a href="{NextPage}" title="Next">+</a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- <body>
- <div id="wrap">
- <div id="title"> <a href="/"> {title}</a></div>
- <div id="description">
- <div id="aviwrap">
- <div id="avi"><a href="/"><img src="{PortraitURL-64}"></a>
- </div>
- </div>
- <span style="color:{color:bold}">♛ </span>{Description}<br>
- <div id="addlinks">
- <center>
- <a href="/" title="Index">Index</a>
- |
- <a href="/ask" title="Message">Message</a>
- |
-
- {block:ifLink1}
- <a href="{text:Link1}" title="{text:Link1 Title}">{text:Link1 Title}</a>
- {/block:ifLink1}
- |
- {block:ifLink2}
- <a href="{text:Link2}" title="{text:Link2 Title}">{text:Link2 Title}</a>
- {/block:ifLink2}
- |
- {block:ifLink3}
- <a href="{text:Link3}" title="{text:Link3 Title}">{text:Link3 Title}</a>
- {/block:ifLink3}
- |
- {block:ifLink4}
- <a href="{text:Link4}" title="{text:Link4 Title}">{text:Link4 Title}</a>
- {/block:ifLink4}
- |
- {block:ifLink5}
- <a href="{text:Link5}" title="{text:Link5 Title}">{text:Link5 Title}</a>
- {/block:ifLink5}
- |
- <a href="http://partraven.trevania.com/" title="Credit">©</a>
- </center>
- </div></div><div></div></div>
- <div id="container">
- <div id="entries">
- {block:posts}
- <div id="posts">
- {block:Text}
- {block:Title}<h1><b>{Title}</b></h1>{/block:Title}
- {Body}{/block:Text}
- {block:Quote}<div id="quote">“{Quote}”</div> — {Source}<br>{/block:Quote}
- {block:Link}
- <a href="{URL}"><h1>{Name}</h1>
- </a>
- {block:Description}
- <p>{Description}</p>
- {/block:Description}
- {/block:Link}
- {block:Photo}<center>
- <img src="{PhotoURL-500}"/></center><br>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photo}
- {block:Photoset}<center>
- {Photoset-500}</center><br>
- {block:Caption}{Caption}
- {/block:Caption}{/block:Photoset}
- {block:Chat}<ul class="chat">
- {block:Lines}<li class="user_{UserNumber}">
- {block:Label}<span class="label">{Label}</span>
- {/block:Label} {Line}</li>{/block:Lines}</ul>{/block:Chat}
- {block:Video}{Video-500}<br>
- {block:Caption}{Caption}
- {/block:Caption}{/block:Video}
- {block:Answer}<img src="{AskerPortraitURL-40}" align="center" class="askborder"><div class="ask">
- <div id="askbg">
- <span></span>{Asker}: {Question} </div></div>
- <br>
- <blockquote>{Answer}{/block:Answer}</blockquote>
- {block:AudioPlayer}
- <div class="audiowrapper">
- {block:AlbumArt}
- <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
- {/block:AlbumArt}
- <br><br><br><br><br><br><br><br><br><br><br><br><br><br>
- <div class="playerbuttonbg">
- <div class="newplayerbutton">
- <div class="playerbuttonhug">
- {AudioPlayerWhite}
- </div>
- </div>
- </div>
- <div class="trackdetails">
- {block:TrackName}<b>{TrackName}</b>{/block:TrackName}<br/>
- {block:Artist}<b>Artist:</b> <i>{Artist}</i>{/block:Artist}<br/>
- {block:Album}<b>Album:</b> <i>{Album}</i>{/block:Album}<br/><br>
- {PlayCountWithLabel}
- </div>
- </div>
- {/block:AudioPlayer}
- <br>
- <div id="info">
- <div class="date">{block:Date}<a href="{Permalink}">{timeago}</a> {/block:Date} with <b>{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</b> [
- {block:RebloggedFrom}
- <a title="{ReblogParentName}" href="{ReblogParentURL}"><b>via</b></a> +
- <a title="{ReblogRootName}" href="{ReblogRootURL}"> <b>source</b> </a>
- {/block:RebloggedFrom} ]
- <div id="like">{LikeButton size="13"}</div>
- <div id="reblog">{ReblogButton size="13"}</div>
- <div id="permalink">
- {block:PermalinkPage}
- {/block:PermalinkPage}
- </div>
- <div id="tags">{block:HasTags}{block:Tags}<b>#</b> <a href="{TagURL}">{Tag} </a> {/block:Tags}{/block:HasTags}</div>
- <br />
- </div>
- </div>
- </div>
- {/block:Posts}
- {block:PostNotes}{PostNotes}{/block:PostNotes}<br />
- </div>
- </div>
- </body>
- </html>
Add Comment
Please, Sign In to add comment