Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- Base code made by tomkirk.tumblr.com
- Theme #15 by Badwolfthemes. Please, don't steal this one. I'll send Marshmallow after you if you do.
- -->
- <link href='http://fonts.googleapis.com/css?family=Cardo' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Ropa+Sans|Tulpen+One|Elsie' rel='stylesheet' type='text/css'>
- <html>
- <!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">
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
- <script>
- $(function(){ // document ready
- var stickyTop = $('.links').offset().top; // returns number
- $(window).scroll(function(){ // scroll event
- var windowTop = $(window).scrollTop(); // returns number
- if (stickyTop < windowTop) {
- $('.links').css({ position: 'fixed', top: 0 });
- }
- else {
- $('.links').css('position','static');
- }
- });
- });
- </script>
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
- <head>
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script>
- $(document).ready(function() {
- //
- $('a.poplight[href^=#]').click(function() {
- var popID = $(this).attr('rel'); //Get Popup Name
- var popURL = $(this).attr('href'); //Get Popup href to define size
- var query= popURL.split('?');
- var dim= query[1].split('&');
- var popWidth = dim[0].split('=')[1]; //Gets the first query string value
- $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="https://www.padmapper.com/images/closeButton1.png" class="btn_close" title="Close" alt="Close" /></a>');
- var popMargTop = ($('#' + popID).height() + 80) / 2;
- var popMargLeft = ($('#' + popID).width() + 80) / 2;
- //Apply Margin to Popup
- $('#' + popID).css({
- 'margin-top' : -popMargTop,
- 'margin-left' : -popMargLeft
- });
- $('body').append('<div id="fade"></div>');
- $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
- return false;
- });
- $('a.close, #fade').live('click', function() {
- $('#fade , .popup_block').fadeOut(function() {
- $('#fade, a.close').remove(); //fade them both out
- });
- return false;
- });
- });
- </script>
- <!--Default Variables-->
- <!--Colors-->
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Text" content="#828282"/>
- <meta name="color:Link" content="#8ea089"/>
- <meta name="color:Hover" content="#e8e8e8"/>
- <meta name="color:Post" content="#FAFAFA"/>
- <meta name="color:Border" content="#4d4949"/>
- <meta name="color:Title" content="#ababab"/>
- <meta name="color:Header" content="#ababab"/>
- <meta name="color:Column" content="#ababab"/>
- <meta name="color:Nav" content="#4d4949"/>
- <meta name="color:Navhover" content="#4d4949"/>
- <meta name="color:Navbg" content="#ababab"/>
- <meta name="color:Pagination" content="#ababab"/>
- <meta name="color:Scrollbar" content="#ababab"/>
- <meta name="color:Ask bg" content="#ababab"/>
- <meta name="color:Infobg" content="#ababab"/>
- <meta name="color:Notes" content="#ababab"/>
- <!--Images-->
- <meta name="image:Background" content""/>
- <meta name="image:Header" content""/>
- <meta name="image:Column1" content""/>
- <meta name="image:Column2" content""/>
- <!--Options-->
- <meta name="text:Link One" content="/"/>
- <meta name="text:Link One Name" content=""/>
- <meta name="text:Link Two" content="/"/>
- <meta name="text:Link Two Name" content=""/>
- <meta name="text:Link Three" content="/"/>
- <meta name="text:Link Three Name" content=""/>
- <meta name="text:Link Four" content="/"/>
- <meta name="text:Link Four Name" content=""/>
- <meta name="text:ask text" content="asked"/>
- {block:Description}
- <meta name="description" content="{MetaDescription}" />{/block:Description}
- <title>
- {block:PostSummary}
- {PostSummary} - {/block:PostSummary}{Title}</title>
- <style type="text/css">
- @font-face{font-family:WebSymbolsRegular; src:url(http://static.tumblr.com/xgofl0y/yqZm3m5if/websymbols-regular-webfont.ttf);}
- @font-face{font-family:Sosa; src:url(http://static.tumblr.com/imnherg/QIamo364v/sosa.ttf);}
- ::-webkit-scrollbar-thumb:vertical {
- background: {color:scrollbar};
- height:40px;
- border:5px solid {color:column};
- z-index:9999999999999;
- }
- ::-webkit-scrollbar {
- background: {color:scrollbar};
- height:10px;
- width:15px;
- border: 7px solid{color:column};
- z-index:9999999999999;
- }
- body{
- background-color: {color:Background};
- background-image: url({image:background});
- background-attachment: fixed;
- background-repeat: repeat;
- background-position: center;
- font-family:'cambria';
- font-size:11px;
- line-height:12px;
- color:{color:Text};
- }
- #post{
- padding:25px;
- background-color:{color:post};
- width:500px;
- margin-left:35px;
- margin-top:25px;
- margin-bottom:15px;
- border:5px solid;
- border-color:{color:border};
- -moz-box-shadow:5px 5px 5px rgba(0,0,0,0.1);
- -webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.1);
- box-shadow:5px 5px 5px rgba(0,0,0,0.1);
- }
- a:link, a:active, a:visited{
- color: {color:Link};
- text-decoration:none;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- a:hover{
- color:{color:hover};
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;}
- #container {
- margin:auto;
- width:700px;
- margin-top:0px;
- }
- #permalink{
- position:relative;
- margin-top:5px;
- padding:2px;
- font-size:8px;
- text-transform:uppercase;
- }
- .tag {
- background-color:#000000;
- height:20px;
- width:500px;
- }
- #column1 {
- height:155%;
- margin-left:-10px;
- position:fixed;
- margin-top:-330px;
- width:175px;
- background: {color:column};
- background-image: url({image:column1});
- z-index:999;
- -moz-box-shadow:5px 5px 5px rgba(0,0,0,0.2);
- -webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.2);
- box-shadow:5px 5px 5px rgba(0,0,0,0.2);
- }
- #column2 {
- height:155%;
- right:-10px;
- position:fixed;
- margin-top:-330px;
- width:175px;
- z-index:999;
- background: {color:column};
- background-image: url({image:column2});
- -moz-box-shadow:-5px -5px -5px rgba(0,0,0,0.2);
- -webkit-box-shadow:-5px- 5px -5px rgba(0,0,0,0.2);
- box-shadow:-5px -5px 3px rgba(0,0,0,0.2);
- }
- #topbar {
- text-align:center;
- width:auto;
- height:300px;
- position:static;
- margin-left:0px;
- margin-top:-10px;
- background: {color:header};
- background-image:url({image:Header});
- background-repeat: repeat;
- background-position: center;
- z-index:1;
- -moz-box-shadow:5px 5px 5px rgba(0,0,0,0.3);
- -webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.3);
- box-shadow:5px 5px 5px rgba(0,0,0,0.3);
- padding:4px;
- }
- .blogtitle{
- font-size:20px;
- line-height:20px;
- margin-top:274px;
- }
- .blogtitle a{
- font-family: 'Elsie', serif;
- font-size:35px;
- letter-spacing:5px;
- color: {color:title};
- text-transform:uppercase;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- .blogtitle a:hover{
- font-family: 'Elsie', serif;
- font-size:35px;
- letter-spacing:5px;
- color: {color:title};
- text-transform:uppercase;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- .posttitle{
- font-size: 18px;
- line-height: 20px;
- }
- .links {
- margin-top:-9px;
- font-size:10px;
- text-transform:uppercase;
- text-align:center;
- position:relative;
- letter-spacing:2px;
- line-height:300%;
- height:30px;
- margin-left:-5px;
- width:100%;
- background-color:{color:navbg};
- z-index:999;
- }
- .links a{
- padding-top:10px;
- padding-left:6px;
- padding-right:6px;
- color:{color:nav};
- font-family: 'Cardo', serif;
- letter-spacing:1px;
- text-decoration:none;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- .links a:hover{
- color:{color:navhover};
- letter-spacing:5px;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- #pagination {
- margin-top:200px;
- z-index:9999;
- margin-left:60px;
- position:fixed;
- }
- #pagination a{
- font-size:200px;
- font-family:"Elsie";
- color:{color:Pagination};
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- #pagination a:hover{
- text-shadow: 2px 0 .2px #FF0000, -2px 0 .2px #00F1F5;
- color:{color:Pagination};
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;}
- }
- #simg img{
- width:300px;
- height:200px;
- margin-top:60px;
- border-top:3px solid #fff;
- padding-bottom:-10px;
- opacity:1;
- }
- .caption {
- width:500px;
- text-align:justify;
- line-height:120%;
- }
- .ask {
- padding:10px;
- text-align:left;
- color:{color:text};
- background-color:{color:ask bg};
- -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
- }
- .ans {
- text-align:left;
- padding:10px;
- color:{color:text};
- }
- .audio {
- width:500px;
- padding-bottom:10px;
- }
- .albumart {
- float:left;
- padding:0px 10px 10px 0px;
- }
- .albumart img {
- width:45px;
- height:45px;
- }
- .playercontainer {
- text-align:left;
- padding:10px;
- background-color:#ffffff;
- width:480px;
- }
- .audioinfo {
- padding:10px;
- color:{color:text};
- }
- #postinfo {
- width:490px;
- padding:5px;
- font-size:7px;
- color:{color:notes};
- text-transform:uppercase;
- font-style:normal;
- font-family:cambria;
- background-color:{color:infobg};
- letter-spacing:2px;
- text-align:left;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #postinfo a {
- color:{color:notes};
- text-align:center;
- font-style:normal;
- text-transform:uppercase;
- font-size:8px;
- font-family:cambria;
- }
- #postinfo a:hover {
- color:{color:hover};
- }
- .note {
- text-transform:uppercase;
- font-style:normal;
- letter-spacing:0px;
- font-size: 9px;
- text-align:left;
- line-height:90%;
- margin-left:-40px;
- }
- .note li {
- list-style-type:none;
- border-bottom:1px solid {color:border};
- padding:10px 25px 10px 25px;
- text-align:left;
- margin:0px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- .tags {
- font-style:normal;
- width:500px;
- text-transform:uppercase;
- font-style:normal;
- color:{color:tags};
- letter-spacing:2px;
- line-height:120%;
- font-size:8px;
- text-align:left;
- padding:2px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- .tags a {
- color:{color:tags};
- letter-spacing:1px;
- padding:1px;
- }
- .tags a:hover {
- color:{color:link};
- }
- ul.chat, .chat ol, .chat li {
- list-style:none;
- margin:0px;
- padding:2px;
- }
- .label {
- text-decoration:none;
- font-weight:700;
- background-color:{color:post};
- margin-right:5px;
- }
- #credit {position:fixed;
- font-size:10px;
- font-weight:normal;
- line-height:150%;
- font-family:calibri;
- letter-spacing:0px;
- right:10px;
- bottom:10px;
- text-transform:uppercase;
- text-align:center;
- z-index:999;}
- #credit a {
- padding:3px;
- color:{color:text}
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s; }
- {CustomCSS}
- #fade { /*--Transparent background layer--*/
- display: none; /*--hidden by default--*/
- background: #000;
- position: fixed; left: 0; top: 0;
- width: 100%; height: 100%;
- opacity: .80;
- z-index: 9999;
- }
- .popup_block{
- display: none; /*--hidden by default--*/
- background: #fff;
- padding: 20px;
- border: 20px solid #ddd;
- float: left;
- font-size: 1.2em;
- position: fixed;
- top: 50%; left: 50%;
- z-index: 99999;
- /*--CSS3 Box Shadows--*/
- -webkit-box-shadow: 0px 0px 20px #000;
- -moz-box-shadow: 0px 0px 20px #000;
- box-shadow: 0px 0px 20px #000;
- /*--CSS3 Rounded Corners--*/
- -webkit-border-radius: 0px;
- -moz-border-radius: 0px;
- border-radius: 0px;
- }
- img.btn_close {
- float: right;
- margin: -5px -5px 0 0;
- }
- /*--Making IE6 Understand Fixed Positioning--*/
- *html #fade {
- position: absolute;
- }
- *html .popup_block {
- position: absolute;
- }
- </style>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
- </head>
- <body>
- <center><div id="topbar">
- <div class="blogtitle"><a href="/">{Title}</a></div></div>
- <div class="links">
- <a href="/">refresh</a>
- <a href="/ask">message</a>
- <a href="{text:Link One}">{text:Link One Name}</a>
- <a href="{text:link two}">{text:link two name}</a>
- <a href="{text:link three}">{text:link three name}</a>
- <a href="{text:link four}">{text:link four name}</a>
- <a href="#?w=500" rel="03" class="poplight">More</a>
- </div>
- </center>
- <div id="column1">{block:pagination} <div id="pagination">{block:previouspage}<a href="{PreviousPage}">«</a>{/block:previouspage}</div>{/block:pagination}</div>
- <div id="column2">{block:pagination}<div id="pagination">{block:nextpage}<a href="{NextPage}">»</a>{/block:nextpage}</div>{/block:pagination}</div>
- </div>
- <br>
- <div id="container">
- {block:Posts}
- <div id="post">
- {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
- {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
- {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
- {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
- {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}<center>{Photoset-500}</center>
- {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul>{/block:Chat}
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}<div class="ask">{Asker} {text:ask text}: {Question}</div><div class="ans">{Answer}</div>{/block:answer}
- {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
- <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
- {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
- <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
- {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
- {block:Date}<div id="postinfo"> {block:NoteCount} <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} Posted: <a href="{Permalink}"> {TimeAgo}</a>{block:RebloggedFrom} via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
- {block:ContentSource} source: <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}
- </div>{/block:Date}
- {block:HasTags}
- <div class="tags">
- {block:Tags}<a href="{TagURL}"># {Tag}</a>{/block:Tags}</div>
- {/block:HasTags}
- <div class="note">
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- </div>
- </div>
- {/block:Posts}
- <div id="credit"><a href="http://badwolfthemes.tumblr.com">B A D W O L F</a>
- </div>
- <div id="03" class="popup_block">
- {Description}
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement