Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <!----------------------------------------------------------------------
- THEME #07 /// MOURNING
- by WOLFTHEMES
- rules:
- 1. do not claim as your own
- 2. if you want to use any part
- of the code in your own theme
- please ask
- 3. don't remove the credit
- 4. enjoy :)
- Credit:
- Icons - fontawesome 5
- Dashboard Captions - neothm.com & magnusthemes.tumblr.com
- resize - shythemes.tumblr.com
- -----------------------------------------------------------------------
- ----------------------------------------------------------------------->
- <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}
- <meta name="image:icon" content=""/>
- <meta name="color:accent" content="{color:accent}"/>
- <meta name="color:text" content="#b3b3b3"/>
- <meta name="color:link" content="#333"/>
- <meta name="color:borders" content="#eee"/>
- <meta name="text:post width" content="500"/>
- <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="/"/>
- <meta name="text:link 4" content="link"/>
- <meta name="text:link 4 URL" content="/"/>
- <link href="https://fonts.googleapis.com/css?family=Barlow|Crimson+Text|David+Libre|IM+Fell+English|Jaldi|Magra|Merriweather|Muli|Nunito|Open+Sans|Oswald|Playfair+Display|Poppins|Rasa|Roboto|Sarala" rel="stylesheet">
- <link href="https://use.fontawesome.com/releases/v5.0.0/css/all.css" rel="stylesheet">
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="https://static.tumblr.com/uopakca/GVcnvdwbq/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $('[title]').style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:90,
- tip_fade_speed:700,
- attribute:'title'
- });
- });
- })(jQuery);
- </script>
- <script src="http://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
- <script>
- !function(a){a.fn.unnest=function(b){var d,e,f,g,h,c=a.extend({yourCaption:".cap",wrapName:".rebloguser",newCaptionUsername:!1,originalPostCaptionUsername:!1,tumblrAvatarClass:".avtar",tumblrAvatars:!0,usernameColon:!0},b),i=c.wrapName.slice(1,c.wrapName.length),j=c.tumblrAvatarClass.slice(1,c.tumblrAvatarClass.length);a(c.yourCaption,this).each(function(){var b=!1,k=!1;a("a.tumblr_blog",this).length<=0&&(b=!0),a(this).find("blockquote").each(function(){a(this).prev().children(".tumblr_blog").length>0&&(a(this).addClass(i),d=a(this).parent().find("a.tumblr_blog").parent("p").html(),c.usernameColon||(d=d.slice(0,-1))),a(this).hasClass(i)&&(a(this).prepend(d),c.tumblrAvatars&&(g=a(this).prev().children("a.tumblr_blog").text(),a(this).prepend('<img src="http://api.tumblr.com/v2/blog/'+g+'.tumblr.com/avatar/30" class="'+j+'" />')))}),a(this).find("a.tumblr_blog:first-of-type").parent("p").remove(),a(c.wrapName,this).each(function(){a(this).parents(c.yourCaption).prepend(a(this))}),h=window.location.hostname;var l=a(this);a.getScript("http://"+h+"/api/read/json").complete(function(){e=l.contents(":not("+c.wrapName+")"),e.text().replace(/\s/g,"").length>0&&(k=l.clone().find(c.wrapName).remove().end().html(),e.remove(),c.newCaptionUsername||b?(f='<blockquote class="'+i+'">',c.tumblrAvatars&&(!b||b&&c.originalPostCaptionUsername)&&(f+='<img src="http://api.tumblr.com/v2/blog/'+h+'/avatar/30" class="'+j+'" />'),(!b||b&&c.originalPostCaptionUsername)&&(f+='<a class="tumblr_blog" href="/">'),(!b||b&&c.originalPostCaptionUsername)&&("undefined"!=typeof tumblr_api_read&&(h=tumblr_api_read.tumblelog.name),console.info(h),f+=h+"</a><p>"),f+=k+"</blockquote>",l.append(f)):l.append('<blockquote class="'+i+'">'+k+"</blockquote>"))})})}}(jQuery);
- $('.caption').unnest({
- yourCaption: ".cap", //your caption selector, the div wrapping
- wrapName: ".rebloguser", //the name of the captions’ new wrapper
- newCaptionUsername: false, //if the user adds a new caption, following a series of captions, show their username above the caption
- originalPostCaptionUsername: false, //for the original captions, or a user-added caption that previously didn’t have any, have their username on it
- tumblrAvatars: true, //”dashboard style” caption, have the avatar of the blog next to the username
- tumblrAvatarClass: ".avatar", //class of the avatar next to the username
- usernameColon: false //if turned to false, removes the colon at the end of usernames bc :) seriously :) hwy :)
- });
- $('.caption').unnest({
- newCaptionUsername: true,
- tumblrAvatars: true,
- usernameColon: false
- });
- </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://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
- <script>
- $(document).ready(function(){
- $('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '0px',
- borderRadius: '0px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- });
- </script>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
- <script>
- $(document).ready(function(){
- $(".dot").click(function(){
- $(".dotlow").toggle(1000);
- });
- });
- </script>
- </head>
- <style type="text/css">
- /*-------------- SCROLLBAR ----------------*/
- ::-webkit-scrollbar {
- width:4px;
- }
- ::-webkit-scrollbar {
- background: #f2f2f2;
- }
- ::-webkit-scrollbar-track {
- background: #f2f2f2;
- }
- ::-webkit-scrollbar-thumb {
- background: {color:accent} ;
- }
- /*-------------- TOOLTIP ----------------*/
- #s-m-t-tooltip {
- max-width:300px;
- padding:3px 6px 3px 6px;
- margin:20px 20px 10px 6px;
- font-family: 'Sarala', sans-serif;
- font-size:9px;
- background: #f2f2f2;color:#888;
- text-transform: uppercase;
- z-index:9999999;}
- ::selection {
- background: #eee; /* WebKit/Blink Browsers */
- color: #000;
- }
- ::-moz-selection {
- background: #eee; /* Gecko Browsers */
- color: #000;
- }
- /*-------------- BASIC HTML ----------------*/
- html {
- overflow-x:hidden;
- background: #f9f9f9;
- cursor: url(http://www.rw-designer.com/cursor-extern.php?id=27887), progress !important;
- }
- a:hover, img:hover {
- cursor: url(http://www.rw-designer.com/cursor-extern.php?id=91283), progress !important;
- }
- body {
- font-size: 11px;
- color: {color:text};
- font-family:'Roboto', sans-serif;
- }
- hr {
- border: none;
- height: 1px;
- background: #eee;
- }
- a {
- text-decoration: none;
- color: {color:link};
- -webkit-transition: all ease 0.8s;
- -moz-transition: all ease 0.8s;
- transition: all ease 0.8s;
- }
- a:hover, a:active {
- color:{color:accent};
- -webkit-transition: all ease 0.8s;
- -moz-transition: all ease 0.8s;
- transition: all ease 0.8s;
- }
- blockquote {
- border-left: 2px solid {color:borders};
- margin: 0;
- padding-left: 10px;
- }
- /*------------------------------------------*/
- /*------------------------------------------*/
- iframe.tmblr-iframe {
- z-index:99!important;
- top:20px!important;
- right:10px!important;
- opacity:0.4;
- /* delete invert(1) from here */
- filter:invert(1) contrast(150%);
- -webkit-filter:invert(1) contrast(150%);
- -o-filter:invert(1) contrast(150%);
- -moz-filter:invert(1) contrast(150%);
- -ms-filter:invert(1) contrast(150%);
- /* to here if your blog has a dark background */
- 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;}
- iframe.tmblr-iframe:hover {
- opacity:0.6!important;}
- /*------------------------------------------*/
- #thebar {
- background: #fff;
- width: 100%;
- height: 75px;
- position: fixed;
- left: 0;
- top: 0;
- z-index:9;
- box-shadow: 5px 5px 50px 5px #e6e6e6;
- }
- .icon {position: fixed; left: 50px; top:12.5px;}
- .icon img {width: 50px; height:50px;border-radius: 100%;}
- .title {font-size: 15px;font-family:'Open Sans', sans-serif; position: fixed; left:120px;top:30px;}
- .dot {font-size: 15px;position: fixed; left:20px;top:32.5px; color: #888;}
- .dot:hover {cursor: url(http://www.rw-designer.com/cursor-extern.php?id=91283), progress !important;}
- .dotlow {
- display:none;
- position: fixed;
- top: 85px;
- left: 30px;
- opacity:1;
- }
- .dotlow ul.links{
- list-style-type:none;
- margin:0;
- padding: 0;
- }
- .desc {
- max-width: 150px;
- margin-bottom: 10px;
- }
- /*------------------------------------------*/
- #thecontainer {
- width: {text:post width}px;
- height: auto;
- position: relative;
- left: calc(50% - {text:post width}px/2);
- z-index: 1;
- top: 200px;
- }
- .posts {
- width: {text:post width}px;
- background: #fff;
- border: 1px solid {color:borders};
- margin-bottom: 100px;
- border-radius: 5px;
- box-shadow: 5px 5px 50px 5px #e6e6e6;
- color: {color:text};
- }
- .posts:last-child {
- margin-bottom: 30px;
- }
- .caption {
- {block:Caption}margin: 10px;{/block:Caption}
- }
- .posts a {
- color: {color:link};
- }
- .posts a:hover {
- color: {color:accent};
- }
- .cap {
- margin: 0 10px 0 10px;
- }
- .rebloguser {
- border-top: 1px solid {color:borders};
- margin-top: 10px;
- }
- .rebloguser:first-child {
- border-top: none;
- }
- img.avatar {
- height: 16px;
- width: 16px;
- border-radius: 100%;
- margin-right: 5px;
- margin-left: 10px;
- float:left;
- }
- /*------------------------------------------*/
- .quotes {
- font-weight: 400;
- margin: 20px;
- font-size: 12px;
- }
- /*------------------------------------------*/
- .posttitle {
- font-weight: bold;
- color: #737373;
- margin: 10px;
- text-align: right;
- padding-bottom: 5px;
- border-bottom: 1px solid {color:borders};
- }
- /*------------------------------------------*/
- .question {
- width: 100%;
- background: #f2f2f2;
- padding: 5px;
- color: {color:text};
- }
- .ask {
- margin: 5px 50px;
- }
- /*------------------------------------------*/
- .bottom {
- {block:AskPage}display:none;{/block:AskPage}
- font-size: 10px;
- padding: 7px 15px;
- line-height: 1.7;
- color: {color:text};
- }
- .bottom a {
- color: {color:link};
- }
- .bottom a:hover {
- color: {color:accent};
- }
- .bottom date {
- text-transform: uppercase;
- font-weight: bold;
- margin-right: 10px;
- }
- .bottom notes {
- margin-right: 10px;
- }
- .bottom notes .fas {
- font-size: 8px;
- }
- .bottom from img, .bottom src img {
- border-radius: 100%;
- float: right;
- margin-left: 5px;
- }
- .bottom reblog {
- margin-left: 5px;
- }
- /*------------------------------------------*/
- .tags {
- width: 100%;
- text-align: center;
- position: absolute;
- margin-top: 5px;
- text-transform: italic;
- }
- .tags a {
- margin-left: 10px;
- color: {color:text};
- }
- .tags a:hover {
- color: {color:accent};
- }
- .tags a:first-child {
- margin-left: 0;
- }
- /*------------------------------------------*/
- .permalinks {
- background: #fff;
- border: 1px solid {color:borders};
- margin-top: 100px;
- border-radius: 5px;
- color: #999999;
- }
- .permalinks ol li {
- list-style-type:none;
- margin:0;
- padding: 0;
- line-height: 2;
- }
- .permalinks li {
- margin-bottom: 4px;
- }
- .permalinks a {
- color: {color:link};
- }
- .permalinks img {
- height: 12px;
- width:12px;
- float:left;
- border-radius: 100%;
- }
- /*------------------------------------------*/
- #pagination {
- width: 100%;
- text-align: center;
- word-spacing: 10px;
- color: #666666;
- margin-bottom: 40px;
- }
- #pagination a {
- color:{color:link};
- }
- #pagination a:hover {
- color:{color:accent};
- }
- /*------------------------------------------*/
- </style>
- <body>
- <div id="thebar">
- <div class="icon"><img src="{image:icon}"></div>
- <div class="title">{title}</div>
- <div class="dot"><i class="fas fa-fw fa-angle-down"></i></div>
- <div class="dotlow">
- <div class="desc">{Description}</div>
- <ul class="links">
- <li><a href="/">home</a></li>
- <li><a href="/ask">ask</a></li>
- {block:iflink1}<li><a href="{text:link 1 url}">{text:link 1}</a></li>{block:iflink1}
- {block:iflink2}<li><a href="{text:link 2 url}">{text:link 2}</a></li>{block:iflink2}
- {block:iflink3}<li><a href="{text:link 3 url}">{text:link 3}</a></li>{block:iflink3}
- {block:iflink4}<li><a href="{text:link 4 url}">{text:link 4}</a></li>{block:iflink4}
- </ul>
- </div>
- </div>
- <div id="thecontainer">
- {block:Posts}
- <div class="bottom">
- {block:Date}<date><a href="{Permalink}" title="{TimeAgo}">{ShortMonth} {DayOfMonthWithZero}</a></date>{/block:Date}
- {block:NoteCount}<notes><a href="{Permalink}">{NoteCount} <i class="fas fa-fw fa-heart"></i></a></notes>{/block:NoteCount}
- {block:RebloggedFrom}<from><img src="{ReblogParentPortraitURL-16}" href="{ReblogParentURL}" title="from {ReblogParentName}"></from>
- <src><img src="{ReblogRootPortraitURL-16}" href="{ReblogRootURL}" title="via {ReblogRootName}"></src>{/block:RebloggedFrom}
- </div>
- <div class="posts">
- {block:Answer}
- <div class="question"><b>{Asker} asked:</b> <div class="ask">{Question}</div></div>
- <div class="caption">{block:Answerer}<img src="{AnswererPortraitURL-24}"><div class="answerer"> {Answerer} said:</div>{/block:Answerer}{Answer}</div>
- {/block:Answer}
- {block:Text}{block:Title}<div class="posttitle"><a href="{Permalink}">{Title}</a></div>{/block:Title}
- <div class="caption">{block:Reblogs}
- <div class="rebloguser">
- {block:IsNotOriginalEntry}
- <a href="{Permalink}"><img class="avatar" src="{PortraitURL-64}" />{Username}</a>
- {/block:IsNotOriginalEntry}
- {block:IsOriginalEntry}
- <a href="{Permalink}"><img class="avatar" src="{PortraitURL-64}" />{Username}</a>{/block:IsOriginalEntry}
- </div>
- <div class="cap">
- {Body}
- </div>
- {/block:Reblogs}
- {block:NotReblog}
- <div class="cap">
- {Body}
- </div>
- {/block:NotReblog}</div>
- {/block:Text}
- {block:Photo}<img src="{PhotoURL-500}" width="{text:post width}px">
- <div class="caption">
- {block:Reblogs}
- <div class="rebloguser">
- {block:IsNotOriginalEntry}
- <a href="{Permalink}"><img class="avatar" src="{PortraitURL-64}" />{Username}</a>
- {/block:IsNotOriginalEntry}
- {block:IsOriginalEntry}
- <a href="{Permalink}"><img class="avatar" src="{PortraitURL-64}" />{Username}</a>{/block:IsOriginalEntry}
- </div>
- <div class="cap">
- {Body}
- </div>
- {/block:Reblogs}
- {block:NotReblog}
- {block:Caption}
- <div class="cap">
- {Caption}
- </div>
- {/block:Caption}
- {/block:NotReblog}</div>
- {/block:Photo}
- {block:Photoset}<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></div></center></div>
- <div class="caption">
- {block:Reblogs}
- <div class="rebloguser">
- {block:IsNotOriginalEntry}
- <a href="{Permalink}"><img class="avatar" src="{PortraitURL-64}" />{Username}</a>
- {/block:IsNotOriginalEntry}
- {block:IsOriginalEntry}
- <a href="{Permalink}"><img class="avatar" src="{PortraitURL-64}" />{Username}</a>{/block:IsOriginalEntry}
- </div>
- <div class="cap">
- {Body}
- </div>
- {/block:Reblogs}
- {block:NotReblog}
- {block:Caption}
- <div class="cap">
- {Caption}
- </div>
- {/block:Caption}
- {/block:NotReblog}</div>
- {/block:Photoset}
- {block:Quote}<div class="quotes"><i class="fas fa-fw fa-quote-left"></i>
- {Quote}</div>
- {block:Source}<div class="cap" style="margin:10px;">— {Source}</div>{/block:Source}
- {/block:Quote}
- {block:Link}<div class="posttitle"><a href="{URL}" class="link" {Target}>{Name}</a></div>
- {block:Description}{Description}{/block:Description}{/block:Link}
- {block:Chat}{block:Title}<div class="posttitle">{Title}</div>{/block:Title}
- {block:Lines}<li>{block:Label}<div class="label">{Label}</div>{/block:Label}
- <div class="line">{Line}</div></li>{/block:Lines}{/block:Chat}
- {block:Video}<div class="video">{Video-500}</div><div class="caption">
- {block:Reblogs}
- <div class="rebloguser">
- {block:IsNotOriginalEntry}
- <a href="{Permalink}"><img class="avatar" src="{PortraitURL-64}" />{Username}</a>
- {/block:IsNotOriginalEntry}
- {block:IsOriginalEntry}
- <a href="{Permalink}"><img class="avatar" src="{PortraitURL-64}" />{Username}</a>{/block:IsOriginalEntry}
- </div>
- <div class="cap">
- {Body}
- </div>
- {/block:Reblogs}
- {block:NotReblog}
- {block:Caption}
- <div class="cap">
- {Caption}
- </div>
- {/block:Caption}
- {/block:NotReblog}</div>
- {/block:Video}
- {block:Audio}{AudioEmbed}<div class="caption">
- {block:Reblogs}
- <div class="rebloguser">
- {block:IsNotOriginalEntry}
- <a href="{Permalink}"><img class="avatar" src="{PortraitURL-64}" />{Username}</a>
- {/block:IsNotOriginalEntry}
- {block:IsOriginalEntry}
- <a href="{Permalink}"><img class="avatar" src="{PortraitURL-64}" />{Username}</a>{/block:IsOriginalEntry}
- </div>
- <div class="cap">
- {Body}
- </div>
- {/block:Reblogs}
- {block:NotReblog}
- {block:Caption}
- <div class="cap">
- {Caption}
- </div>
- {/block:Caption}
- {/block:NotReblog}</div>
- {/block:Audio}
- {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}" title="{Tag}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
- </div>
- {block:PermalinkPage}
- {block:PostNotes}<div class="permalinks">
- {PostNotes-16}<br>
- </div>{/block:PostNotes}
- {/block:PermalinkPage}
- {/block:Posts}
- {block:IndexPage}
- <div id="pagination">
- {block:Pagination}
- {block:PreviousPage}
- <a class="prev" href="{PreviousPage}" title="back">back</a>
- {/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}<span class="current">X</span>{/block:CurrentPage}
- {block:JumpPage}<a class="jump" href="{URL}" title="page {PageNumber}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
- {block:NextPage}
- <a class="next" href="{NextPage}" title="next">next</a>
- {/block:NextPage}
- {/block:Pagination}
- </div>
- {/block:IndexPage}
- </div>
- <!---------------DONT TOUCH PLS------------------->
- <a href="http://wolfthemes.tumblr.com" style="position:fixed; bottom:10px; right:10px; font-size:9px;">wolf</a>
- <!------------------------------------------------>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement