Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!------------------------------------------------------------------------
- shadow
- by @atlasthemes
- pls do not remove credit
- thanks!<3
- ------------------------------------------------------------------------->
- <html>
- <head>
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="altertnate" type="application/rss+xml" href="{RSS}">
- <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
- <meta name="description" content="" />
- <meta http-equiv="x-dns-prefetch-control" content="off"/>
- <meta name="image:sidebar background" content=""/>
- <meta name="color:text" content="#797979">
- <meta name="color:link" content="#aaaaaa">
- <meta name="color:accent" content="#ff6f61">
- <meta name="text:title" content="your title here">
- <meta name="select:font size" content="10px"/>
- <meta name="select:font size" content="11px"/>
- <meta name="select:font size" content="12px"/>
- <meta name="select:font" content="Open Sans"/>
- <meta name="select:font" content="Fira Sans"/>
- <meta name="select:font" content="ABeeZee"/>
- <meta name="select:font" content="Lato"/>
- <meta name="select:font" content="Muli"/>
- <meta name="select:font" content="Arial"/>
- <meta name="select:post size" content="350px"/>
- <meta name="select:post size" content="400px"/>
- <meta name="select:post size" content="450px"/>
- <meta name="select:post size" content="500px"/>
- <meta name="text:link 1" content="one">
- <meta name="text:link 1 url" content="/">
- <meta name="text:link 2" content="two">
- <meta name="text:link 2 url" content="/">
- <meta name="text:link 3" content="three">
- <meta name="text:link 3 url" content="/">
- <!--- fonts -->
- <link href="https://fonts.googleapis.com/css?family=Lato:400,400i,700" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Muli:400,400i" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Fira+Sans:400,400i,700" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=ABeeZee:400,400i" rel="stylesheet">
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
- <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- </script><script src="https://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
- <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:90,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <script>
- $(document).ready(function(){ $('.posts').unnest({
- yourCaption: ".caption",
- wrapName: ".cap",
- newCaptionUsername: true,
- originalPostCaptionUsername: false,
- tumblrAvatars: false,
- tumblrAvatarClass: ".icon",
- usernameColon: false
- });
- }); </script>
- <script>
- $(document).ready(function(){
- $('.search').submit(function(event){
- var value = $('input:first').val();
- location.replace('http://{Name}.tumblr.com/tagged/' + value);
- });
- });
- </script>
- <script>
- $(document).ready(function(){
- $('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- highRes: true,
- gutter: '1px',
- borderRadius: '0px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- }); </script>
- <style type="text/css">
- @-webkit-keyframes fadein {
- 0% {opacity: 0;}
- 100% { opacity: 1; }
- }
- @-moz-keyframes fadein {
- 0% { opacity: 0; }
- 100% { opacity: 1; }
- }
- @keyframes fadein {
- 0% { opacity: 0; }
- 100% { opacity: 1; }
- }
- ::-webkit-scrollbar {width:11px;height:11px;}
- ::-webkit-scrollbar {background-color:transparent;}
- ::-webkit-scrollbar-track {border:5px solid #ffffff;background-color:#eee;}
- ::-webkit-scrollbar-thumb {border:5px solid #ffffff;background-color:#ccc;min-height:24px;min-width:24px;}
- #s-m-t-tooltip {max-width:300px; margin-top:-40px; margin-right:0px;
- font-size:9px; font-family: {select:font}; letter-spacing:1px; text-align:center; text-transform:lowercase; padding:3px 6px; color:{color:text}; background-color:#fff;border-bottom:0px;z-index:999999;border-radius:3px;box-shadow:1px 1px 5px #eee;}
- .tumblr_blog {font-family:{select:font};font-size:{select:font size};color:{color:link};border-bottom:0px!important;display:inline-block;line-height:15px;text-transform:lowercase;font-style:italic;letter-spacing:1px;}
- .cap {margin-left:0px;margin-top:0px;margin-bottom:0px;width:calc({select:post size} - 20px);padding:5px 10px 1px 10px;background-color:#fff;border-radius:3px;}
- .cap blockquote {width:calc({select:post size} - 40px);margin-left:10px;padding-left:10px;border-left:1px solid #eee;}
- h1 {font-family:{select:font};font-size:12px;letter-spacing:1px;font-weight:400;text-align:left; line-height:18px;text-transform:lowercase;padding-top:5px;}
- h2, h3, h4, h5, h6 {font-family:{select:font};margin-bottom:10px;font-size:12px;font-weight:400;text-align:left; line-height:100%;text-transform:uppercase;margin-top:5px;}
- hr {width:50px;margin:auto;border-width: 1px 0px 0px 0px;border-style: solid;border-color:#eeeeee;} pre {font-size: {select:font size};font-family: {select:font};width:{select:post size};text-align: left;word-break: break-all;color:{color:Text};}
- body {font-family: {select:font};color: {color:Text};background-color:#ffffff;letter-spacing:0.75px;line-height:18px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-animation: fadein 1.5s;-moz-animation:fadein 1.5s;animation:fadein 1.5s;} big {font-size:12px;}
- small, sup, sub {font-size: 10px!important;}
- u {text-decoration:none;border-bottom:1px solid #eee;}
- a {color: {color:link};text-decoration: none;letter-spacing:0.5px;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;} a:hover {color: {color:accent};text-decoration: none;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;}
- .lnr {font-size:9px;padding-right:5px;font-weight:600;color:{color:text};}
- .button {padding:2px 5px;background-color:#fafafa;border-radius:0px;display:inline-block;margin-right:8px;}
- .button a {border-bottom:0px!important;}
- #sidebar {
- width: 465px;
- padding: 80px 50px 0px 60px;
- background-color:#fff;
- background-image:url({image:sidebar background});
- background-size:cover;
- position:fixed;
- left:0px;
- top:0px;
- height:100%;
- font-size:{select:font size};
- box-shadow:3px 5px 8px #eee;
- }
- .sbimage {width:100%;height:50px;margin-bottom:15px;text-align:right;} .sbimage img {width:50px;height:50px;border-radius:3px;-moz-transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out;-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out;-webkit-filter: grayscale(100%);filter: grayscale(100%);} .sbimage img:hover {-moz-transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out;-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out;-webkit-filter: grayscale(0%);filter: grayscale(0%);}
- .sbtitle, .sbtitle a {font-family:{select:font};color:{color:link};font-size:11.5px;line-height:18px;text-transform:lowercase;width:100%;text-align:right;font-style:italic;letter-spacing:1px;} .sbtitle a:hover {color:{color:accent};}
- .box {display:block;position:relative;top:20px;left:315px;width:150px;height:100%;background-color:transparent;}
- .sidebar-links {text-align:right;font-size:{select:font size};text-transform:lowercase;font-style:italic;} .sidebar-links a {display:block;transition: 0.5s ease-in-out;padding-top:2px;padding-bottom:2px;margin-left:5px;color:{color:link};letter-spacing:1px;} .sidebar-links a:hover {color:{color:accent};transition: 0.5s ease-in-out;}
- #description {font-size:{select:font size};line-height:18px;text-align: right;color: {color:text};letter-spacing: 0.5px;margin:15px 0px;} #description a {text-transform:lowercase;color:{color:link};} #description a:hover {color:{color:accent};}
- .pagination {display:block;position:relative;width:100%;text-align:center;font-size:{select:font size};font-family:{select:body font}; text-transform:lowercase;margin-bottom:75px;letter-spacing:1px;} .pagination a {font-family:{select:font};color:{color:text};padding:5px;letter-spacing:1px;} .pagination a:hover {font-family:{select:font};color:{color:accent};text-decoration:none;} .current-page {font-family:{select:font};color:{color:link};padding:5px;}
- .postscontainer {display:block;position:relative;width:{select:post size};left:730px;top:40px;}
- .post-title {font-family:{select:font};font-size:14px;letter-spacing:0.5px;font-weight:400;text-align:left;line-height:18px;text-transform:lowercase;padding:10px 10px 0px 10px;}
- .posts {width:{select:post size};font-size: {select:font size};font-family: {select:font};margin-top:40px;padding:0px;margin-bottom:125px;text-align:justify;background-color:#fff;box-shadow:3px 3px 5px #eee;} .posts img {max-width:100%;height:auto;margin-top:3px;}
- .info {width:calc({select:post size} - 20px);color:{color:text};text-align:left;font-family:{select:font};text-transform:lowercase;letter-spacing:0.5px;font-size:{select:font size};line-height:20px;padding:8px 10px 10px 10px;border-top:1px solid #f7f7f7;}
- .info a {color:{color:text};letter-spacing:0.5px;}
- .info a:hover {text-decoration:none;color:{color:accent};}
- /* -- TAGS -- */
- .tags {width:calc({select:post size} - 20px);font-family:{select:font};text-align:left;font-size:{select:font size};word-break:break-word;padding: 0px 0px 10px 10px;margin-top:-10px;}
- .tags a {margin-right:8px;color:{color:link};}
- .tags a:hover {color:{color:text};}
- ul li {color:{color:text};margin-left:-33px;list-style:none;} ul li:before {color:{color:text};content:"โ"; font-size:1em; padding-right:.5em; position:relative;top:.1em;} ol {color:{color:text};margin-left:-25px;}
- /* -- post notes -- */
- .postsnote {width:calc({select:post size} - 10px);background-color:#fff;margin-top:-75px;margin-bottom:50px;padding-left:10px;min-height:50px;max-height:255px;overflow-y:scroll;}
- .postsnote ol, .notes-bottom ul {margin: 0px;padding: 0px 0;list-style: none;}
- .postsnote li {width:90%;margin:0px;font-size: {select:font size};float:left;text-align:left;}
- .postsnote li img.avatar {display:none;}
- .more_notes_link {list-style: none;text-transform:lowercase;letter-spacing:0.5px;font-size: {select:font size};margin-top:10px;position:relative;float:left;font-style:italic;letter-spacing:1px;}
- /* -- photosets -- */
- .photo-slideshow {visibility: hidden;margin-bottom:5px;} .photo-slideshow.processed {visibility: visible;} .photo-slideshow .row {clear: both;width: 100%;} .photo-slideshow .pxu-photo {display: block;float: clear;width: 100%;overflow: hidden;} .photo-slideshow .pxu-photo img {display: block;} .photo-slideshow.processed .pxu-photo img {width:100%;height: auto;} .photo-slideshow .pxu-photo:first-child img {margin:auto;} .photo-slideshow .count-1 {max-width:100%;height: auto;} .set {margin-left:10px;} .photo-slideshow .count-2 {width:50%;height: auto;} .photo-slideshow .count-3 {width:33.33%;height: auto;}
- /* -- audio -- */
- .playerbuttonbg {position: absolute;left: 20px;top: 20px;width: 19px;height: 19px;background-color: #fceceb;padding: 10px;-webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px;opacity: .6;filter: alpha(opacity=60);-moz-opacity: 0.6;-khtml-opacity: 0.6; 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: 0px;left: 0px;} .tumblr_audio_player {-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: 79px;height: 79px;padding-left:3px;} .audioimgwrapper img {width: 100%; height: auto;} .trackdetails {width: auto;font-size: 10px;line-height:14px;display:inline-block;margin-left: 90px;margin-top:20px;padding:5px;max-height:80px;} .audiowrapper {background-color: #fff;position: relative;display:inline-block;width:calc({select:post size} - 2px);height:82px;border-radius:3px;border:1px solid #eee;}
- iframe#youtube_iframe {width: {select:post size}!important;height: auto;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;} .quote {font-size: 12px;line-height:18px;font-weight:400;padding:10px; text-align:left;} .source {font-size: 10px;letter-spacing:0.5px;font-family:{select:font};text-transform:uppercase;text-align:left;line-height:18px;padding:0px 10px 0px 10px;}
- .chat {padding:0px 10px;font-size: {select:font size};}
- .chatlabel {font-family:{select:font};text-transform:uppercase;display:inline-block;margin-right:1px;font-weight:600;}
- .lines {margin-left:0;}
- .lines span {font-weight: bold;}
- .linktitle {font-size:14px;line-height:18px;margin-left:10px;padding-right:10px;padding-top:10px;} .video {padding-bottom:5px;width:{select:post size};}
- /* -- ASKS -- */
- .question {
- background-color:#fafafa;
- padding:10px 10px 15px 10px;
- width: calc({select:post-size} - 20px);
- border-radius:3px;
- }
- .asker {display:block;font-family:{select:font};font-size:{select:font size};text-transform:lowercase;font-weight:600;margin-bottom:8px;}
- .answer {padding:0px;margin-top:-5px;}
- .atlas {position:fixed;right:10px;bottom:18px;}.atlas a {color:#a1a1a1;background:transparent;font-family:times new roman;font-size:15px;text-transform:lowercase;} .atlas a:hover {color:{color:accent};}
- iframe.tmblr-iframe {z-index:99999999999999!important;top:0!important;right:0!important;opacity:0.7;filter:invert(1) contrast(100%);-webkit-filter:invert(1) contrast(100%);-o-filter:invert(1) contrast(100%);-moz-filter:invert(1) contrast(100%);-ms-filter:invert(1) contrast(100%);transform:scale(0.65);transform-origin:100% 0;-webkit-transform:scale(0.65);-webkit-transform-origin:100% 0;-o-transform:scale(0.65);-o-transform-origin:100% 0;-moz-transform:scale(0.65);-moz-transform-origin:100% 0;-ms-transform:scale(0.65);-ms-transform-origin:100% 0;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
- iframe.tmblr-iframe:hover {opacity:1;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
- </style>
- </head>
- <body>
- <!-- sidebar -->
- <div id="sidebar">
- <div class="box">
- <div class="sbimage"><img src="{PortraitURL-64}"/></div>
- <div class="sbtitle"><a href="/">{text:title}</a></div>
- <div id="description">{Description}</div>
- <div class="sidebar-links">
- <a href="/">home</a>
- <a href="/ask">contact</a>
- <a href="{text:link 1 url}">{text:link 1}</a>
- <a href="{text:link 2 url}">{text:link 2}</a>
- <a href="{text:link 3 url}">{text:link 3}</a>
- </div>
- </div></div>
- <!-- end sidebar -->
- <div class="postscontainer" id="{PostID}">{block:Posts}<div class="posts" id="{PostID}">{block:Text}{block:Title}<div class="post-title">{Title}</div>{/block:Title}<div class="caption">{Body}</div>{/block:Text}
- {block:Quote}<div class="quote">“{Quote}”</div><div class="source"> {block:Source}{Source}{/block:Source}</div>{/block:Quote}
- {block:Link}<div class="linktitle"><a href="{URL}">{Name}</a></div>{block:Description}<div class="caption">{Description}</div>{/block:Description}{/block:Link}
- {block:Chat}<div class="chat">{block:Title}<h1>{Title}</h1>{/block:Title}{block:lines}<div class="lines">{block:label}<div class="chatlabel">{label}</div>{/block:label} {line}</br></div></div>{/block:lines}{/block:Chat}
- {block:Answer}<div class="question"><div class="asker">{Asker}</div>{Question}</div><div class="caption"><div class="answer">{Answer}</div></div>{/block:Answer}
- {block:Photo}{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">{LinkCloseTag}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
- {block:Photoset}
- <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Photoset}
- {block:Audio}{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}<span style="font-weight:bold;font-style:italic;">Track:</span> {TrackName} <br/>{/block:TrackName}{block:Artist}<span style="font-weight:bold;font-style:italic;">Artist:</span> {Artist} <br/>{/block:Artist}</div></div>{/block:AudioPlayer}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Audio}
- {block:Video}<div class="video">{Video-500}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
- {block:Date}<div class="info"><a href="{Permalink}" title="{TimeAgo}"><b>{ShortDayOfWeek}</b>: {NoteCount}</a>
- {block:PermalinkPage}{block:RebloggedFrom} ยท via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} ยท src: <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}{/block:RebloggedFrom}
- {/block:PermalinkPage}</div>{/block:Date}
- {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
- </div>{/block:Posts}
- {block:PostNotes}<div class="postsnote">{PostNotes}</div>{/block:PostNotes}
- <div class="pagination">
- {block:Pagination}{block:PreviousPage}
- <a href="{PreviousPage}">prev</a>
- {/block:PreviousPage}{block:JumpPagination length="4"}{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}">next</a>
- {/block:NextPage}{/block:Pagination}
- </div>
- <div class="atlas"><a href="http://www.atlasthemes.tumblr.com">a</a></div>
- </div></div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment