Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--- PLEASE DO NOT TOUCH THE CREDIT UNLESS IT IS TO MOVE IT. DO NOT FULLY REMOVE IT THOUGH. --->
- <!--- THANK. --->
- <!--- THEME 08 --->
- <!--- BY EDVARDELRIC // RUNETHEMES --->
- <!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><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}
- <!---- base theme by enterprizer @ tumblr, for public use --->
- <meta name="color:Text" content="#838282"/>
- <meta name="color:Link" content="#b8b8b8"/>
- <meta name="color:LinkHov" content="#b8b8b8"/>
- <meta name="color:Border" content="ededed"/>
- <meta name="color:Ask" content="#ffffff"/>
- <meta name="color:Scroller" content="#000000"/>
- <meta name="color:Link" content="#b8b8b8"/>
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Sidebar" content="#ffffff"/>
- <meta name="text:Home Link" content="index"/>
- <meta name="text:Ask Link" content ="message"/>
- <meta name="text:Ask Title" content ="mail"/>
- <meta name="text:Link1" content="link"/>
- <meta name="text:Link1 URL" content ="/"/>
- <meta name="text:Link2" content="link"/>
- <meta name="text:Link2 URL" content ="/"/>
- <meta name="text:Link3" content="link"/>
- <meta name="text:Link3 URL" content ="/"/>
- <meta name="image:Background" content="https://38.media.tumblr.com/b5c5ab66d8331513696fe3ec992187a0/tumblr_n910t1XydC1tha9i5o1_400.png"/>
- <meta name="if:SmallCursor" content=""/>
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script>
- $(document).ready(function() {
- //
- //When you click on a link with class of poplight and the href starts with a #
- $('a.poplight[href^=#]').click(function() {
- var popID = $(this).attr('rel'); //Get Popup Name
- var popURL = $(this).attr('href'); //Get Popup href to define size
- //Pull Query & Variables from href URL
- var query= popURL.split('?');
- var dim= query[1].split('&');
- var popWidth = dim[0].split('=')[1]; //Gets the first query string value
- //Fade in the Popup and add close button
- $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('');
- //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
- var popMargTop = ($('#' + popID).height() + 80) / 2;
- var popMargLeft = ($('#' + popID).width() + 80) / 2;
- //Apply Margin to Popup
- $('#' + popID).css({
- 'margin-top' : -popMargTop,
- 'margin-left' : -popMargLeft
- });
- //Fade in Background
- $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
- $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
- return false;
- });
- //Close Popups and Fade Layer
- $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
- $('#fade , .popup_block').fadeOut(function() {
- $('#fade, a.close').remove(); //fade them both out
- });
- return false;
- });
- });
- </script>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script>
- $(document).ready(function(){
- $(".linki").hide();
- $(".show_hide1").show();
- $('.show_hide1').toggle(function(){
- $(".linki").slideDown();
- },function(){
- $(".linki").slideUp();
- });
- });
- </script>
- <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:100,
- tip_fade_speed:50
- }
- );
- });
- })(jQuery);
- </script>
- <style type="text/css">
- {block:IfSmallCursor}*, body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_mem9zjUXhw1rqv2lu.png), auto;}{/block:IfSmallCursor}
- #s-m-t-tooltip {
- position: absolute;
- background-color:#000000;
- color:#ffffff;
- text-transform:lowercase;
- line-height:100%;
- letter-spacing:2px;
- font-family:Helvetica;
- max-width:250px;
- font-size:10px;
- margin:15px;
- padding:3px;
- z-index:999999999999999999999;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- ::-webkit-scrollbar{
- background:{color:background};
- width:3px;
- }
- ::-webkit-scrollbar-thumb{
- background:{color:Scroller};
- width:3px;
- height:auto;
- }
- ::selection {
- color:#ffffff;
- background-color:{color:link};
- }
- body {
- background-color:{color:background};
- margin:0px;
- color:{color:text};
- font-family:Calibri;
- font-size:11px;
- line-height:100%;
- background-image:url('{Image:background}');
- background-attachment:fixed;
- }
- a {
- text-decoration:none;
- outline:none;
- color:{color:link};
- -moz-outline-style:none;
- -moz-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- -o-transition-duration:0.7s;
- }
- a:hover {
- color:{color:linkhov};
- }
- img {
- border:none;
- }
- blockquote {
- padding-left:5px;
- border-left:2px solid;
- }
- blockquote blockquote {
- padding-left:5px;
- border-left:2px solid;
- }
- h1 {
- font-size:15px;
- }
- #entries {
- padding:10px;
- width:400px;
- margin-left:125px;
- margin-top:50px;
- }
- #post {
- width:400px;
- margin-bottom:50px;
- padding:20px;
- border:1px solid {color:border};
- background:{color:sidebar};
- }
- #sidebar {
- width:250px;
- position:fixed;
- right:100px;
- bottom:100px;
- padding:15px;
- border:1px solid {color:border};
- background:{color:sidebar};
- }
- #title {
- font-size:15px;
- text-align:center;
- margin-bottom:5px;
- text-transform:uppercase;
- font-family:helvetica;
- }
- #description {
- padding:5px;
- font-size:10px;
- text-align:center;
- }
- #navi {
- font-family:arial;
- font-size:9.5px;
- text-transform:lowercase;
- text-align:center;
- padding:5px;
- letter-spacing:2px;
- }
- #pagination {
- font-size:10px;
- text-align:center;
- padding-top:5px;
- }
- #info {
- border-top:1px solid {color:border};
- text-align:right;
- padding-left:5px;
- padding-right:5px;
- margin-top:10px;
- padding-top:10px;
- }
- #tags {
- margin-top:10px;
- text-align:left;
- text-transform:lowercase;
- font-style:normal;
- }
- #quest {
- background-color:{color:ask};
- text-align:left;
- padding:5px;
- }
- /* don't touch this i stg*/
- #tumblr_controls {
- display:none;
- }
- /*alright you can mess with it again*/
- .controllf {
- top:30px;
- right:40px;
- text-align:center;
- text-transform:uppercase;
- font-family:helvetica;
- font-size:10px;
- background-color:{color:sidebar};
- width:47px;
- position:fixed;
- }
- .controlld {
- top:30px;
- right:110px;
- text-align:center;
- text-transform:uppercase;
- font-family:helvetica;
- font-size:10px;
- background-color:{color:sidebar};
- width:66px;
- position:fixed;
- }
- #controll a {
- padding:5px;
- color:{color:link};
- background-color:{color:sidebar};
- }
- #controll a:hover {
- padding:5px;
- color:{color:sidebar};
- background-color:{color:link};
- }
- ol.notes {
- display:block;
- list-style-type:lower-roman;
- width:400px;
- padding:0px;
- }
- ol.notes li.note{
- padding:10px;
- border-bottom:1px solid {color:border};
- }
- .pagenotes {
- text-align:left;
- background:transparent;
- text-transform:lowercase;
- font-size:10px;
- }
- ol.notes img{
- display:none;
- }
- #fade {
- display: none;
- background-image:url('{Image:background}');
- position: fixed;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- opacity: 1
- z-index: 9999;
- }
- .popup_block{
- display: none;
- background: #FFFFFF;
- padding: 20px;
- float: left;
- position: fixed;
- top: 50%;
- left: 50%;
- z-index: 99999;
- }
- img.btn_close {
- float: right;
- margin: -55px -55px 0 0;
- }
- *html #fade {
- position: absolute;
- }
- *html .popup_block {
- position: absolute;
- }
- .playerbuttonbg {
- position: absolute;
- left: 20px;
- top: 20px;
- width: 19px;
- height: 19px;
- 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: 19px;
- height: 19px;
- overflow: hidden;
- }
- .playerbuttonhug {
- position: absolute;
- top: -35px;
- left: -15px;
- height: 10px;
- width: 10px;
- }
- .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;
- -webkit-border-radius: 40px;
- -moz-border-radius: 40px;
- border-radius: 40px;
- overflow: hidden;
- width: 79px;
- height: 79px;
- }
- .audioimgwrapper img {
- width: 100%;
- height: auto;
- -webkit-border-radius: 40px;
- -moz-border-radius: 40px;
- border-radius: 40px;
- }
- .trackdetails {
- width: auto;
- display:inline-block;
- margin-left: 90px;
- min-height: 85px;
- }
- .audiowrapper {
- position: relative;
- display:inline-block;
- }
- #credit a {
- background-color:{color:background};
- color:{color:scroller};
- font-size:10px;
- font-family:georgia;
- padding:5px;
- padding-right:6px;
- left:20px;
- bottom:20px;
- position:fixed;
- text-align:center;
- border:1px solid {color:scroller};
- }
- #credit a:hover {
- background-color:{color:scroller};
- color:{color:background};
- }
- {CustomCSS}</style></head><body>
- <div id="controll">
- <div class="controllf"><a href="https://www.tumblr.com/follow/{Name}">follow</a></div>
- <div class="controlld"><a href="https://www.tumblr.com/dashboard">dashboard</a></div>
- </div>
- <div id="popup_name" class="popup_block">
- <div class="main">
- <big><big><center>{text:Ask Title}</center></big></big><br><br>
- <iframe frameborder="0" height="190" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%" style="background-color: transparent; overflow: hidden;"></iframe>
- </div>
- </div>
- <div id="sidebar">
- <div id="title">{Title};</div>
- <div id="description">{Description}</div>
- <div id="navi">
- <a href="/">{text:home link}</a>
- . <a href="#?w=350" rel="popup_name" class="poplight">{text:ask link}</a>
- {block:IfLink1} . <a href="{text:link1 url}">{text:link1}</a>{/block:IfLink1}
- {block:IfLink2} . <a href="{text:link2 url}">{text:link2}</a>{/block:IfLink2}
- {block:IfLink3} . <a href="{text:link3 url}">{text:link3}</a>{/block:IfLink3}
- </div>
- {block:Pagination}<div id="pagination">
- {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage} /
- {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
- </div>{/block:Pagination}
- </div>
- <div id="entries">{block:Posts}<div id="post">
- {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
- {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Quote}<big><big>{Quote}</big></big>{block:Source}<br><div style="text-align:right"><br><big>{Source}</big></div>{/block:Source}{/block:Quote}
- {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
- {block:AudioPlayer}
- <div class="audiowrapper">
- {block:AlbumArt}
- <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
- {/block:AlbumArt}
- <div class="playerbuttonbg">
- <div class="newplayerbutton">
- <div class="playerbuttonhug">
- {AudioPlayerWhite}
- </div>
- </div>
- </div>
- <div class="trackdetails">
- {block:TrackName}<big>{TrackName}</big>{/block:TrackName}<br/>
- {block:Artist}<b>Artist</b>: {Artist}{/block:Artist}<br/>
- {block:Album}<b>Album</b>: {Album}{/block:Album}<br/>
- </div>
- </div>{Caption}
- {/block:AudioPlayer}
- {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}<div id="quest"><i>{Asker}</i>: {Question}</div>{Answer}{/block:Answer}
- <div id="info">
- {block:Date}{TimeAgo} with <a href="{Permalink}">{NoteCount} notes</a>{/block:Date}{block:RebloggedFrom}<br><a href="{ReblogParentURL}" title="{ReblogParentTitle}">via</a>{block:ContentSource} // <a href="{SourceURL}"title="{ReblogRootTitle}">source</a>{/block:ContentSource}{/block:RebloggedFrom}{block:PermalinkPage}{block:Date}<br>+<a href="{ReblogURL}" target="_blank">reblog</a>{/block:Date}{/block:PermalinkPage}<br></div><div id="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}</div>
- </div>
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:Posts}</div>
- <div id="credit"><a href="http://royed.tk/" title="credit">BN</a></div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement