Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <!----------------------------------------------------------------------
- THEME #16 /// CRUEL BLUE
- 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:
- dashboard captions - neothm.com & magnusthemes.tumblr.com
- resize - shythemes.tumblr.com
- preset icon image - canaries.tumblr.com
- icons - saturnthms.com
- -----------------------------------------------------------------------
- ----------------------------------------------------------------------->
- <html>
- <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="https://i.imgur.com/8Rld0Vc.png"/>
- <meta name="color:background" content="#fff"/>
- <meta name="color:etc background" content="#f9f9f9"/>
- <meta name="color:borders" content="#eee"/>
- <meta name="color:text" content="#676767"/>
- <meta name="color:links" content="#aaa"/>
- <meta name="color:accent" content="#aecbcc"/>
- <meta name="if:mini cursor" content="">
- <meta name="if:captions" content="">
- <meta name="if:tags" content="">
- <meta name="text:title" content="the sea is cruel"/>
- <meta name="text:description" content="“Just like the wolves, the more I am wounded, the more dangerous I become.” - Channing M"/>
- <meta name="text:link 1 url" content="/"/>
- <meta name="text:link 1" content="link 1"/>
- <meta name="text:link 2 url" content="/"/>
- <meta name="text:link 2" content="link 2"/>
- <meta name="text:link 3 url" content="/"/>
- <meta name="text:link 3" content="link 3"/>
- <meta name="text:link 4 url" content="/"/>
- <meta name="text:link 4" content="link 4"/>
- <meta name="text:link 5 url" content="/"/>
- <meta name="text:link 5" content="link 5"/>
- <meta name="text:post size" content="400px"/>
- <meta name="text:font size" content="11px"/>
- <link href="https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet">
- <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
- <link rel="stylesheet" href="http://static.tumblr.com/i5s2zks/6kOohwlux/pe-icon-7-stroke.css">
- </head>
- <style type="text/css">
- /*-------------- SCROLLBAR ----------------*/
- ::-webkit-scrollbar {
- width:17px;
- height:17px;
- }
- ::-webkit-scrollbar {
- background-color:{color:background};
- }
- ::-webkit-scrollbar-track {
- border: 8px solid {color:background};
- background-color:{color:borders};
- }
- ::-webkit-scrollbar-thumb {
- border:8px solid {color:background};
- background-color:{color:accent};
- min-height:24px;
- min-width:24px;
- }
- /*-------------- TOOLTIP ----------------*/
- #s-m-t-tooltip {
- max-width:300px;
- padding:3px 6px 3px 6px;
- margin:20px 20px 10px 6px;
- font-family: 'Karla', sans-serif;
- font-size:calc({text:font size} - 1px);
- background: {color:accent};
- font-weight: 400;
- text-transform: uppercase;
- color:#fff;
- border-radius: 3px;
- z-index:9999999;}
- ::selection {
- background: {color:accent}; /* WebKit/Blink Browsers */
- color: #000;
- }
- ::-moz-selection {
- background: {color:accent}; /* Gecko Browsers */
- color: #000;
- }
- /*-------------- BASIC HTML ----------------*/
- html {
- overflow-x:hidden;
- background: {color:background};
- }
- {block:ifminicursor}
- html {
- 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=77322), progress !important;
- }{/block:ifminicursor}
- body {
- font-size:{text:font size};
- color:{color:text};
- font-family: 'Roboto', sans-serif;
- }
- hr {
- border: none;
- height: 1px;
- background: {color:borders};
- }
- a {
- text-decoration: none;
- color: {color:links};
- -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;
- }
- b {
- color: {color:accent};
- }
- /*------------------------------------------*/
- iframe.tmblr-iframe {
- z-index:9!important;
- top: 7px;
- right: 30px;
- opacity:0.2;
- /* 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.8!important;
- -webkit-transition: all ease 0.8s;
- -moz-transition: all ease 0.8s;
- transition: all ease 0.8s;}
- /*------------------------------------------*/
- #sidebar {
- height:100vh;
- position: fixed;
- top: 0;
- left: 0;
- width: 30vw;
- background: {color:accent};
- color: #fff;
- }
- img.icon {
- width: 75px;
- height: 75px;
- position: absolute;
- top: 70px;
- left: 20px;
- border-radius: 100%;
- }
- .name {
- text-transform: uppercase;
- font-style: italic;
- width: calc(30vw - (75px + 20px + 20px));
- position: absolute;
- left: calc(75px + 20px + 10px);
- top: calc(70px + (75px/2) - (15px/2));
- font-size: 15px;
- font-family: 'Raleway', sans-serif;
- }
- .desc {
- width: calc(30vw - (75px + 20px + 20px));
- position: absolute;
- left: calc(75px + 20px + 10px);
- top: calc(130px);
- font-family: 'Raleway', sans-serif;
- }
- .links {
- text-align: right;
- font-size: 15px;
- font-style: italic;
- text-transform: uppercase;
- position: absolute;
- bottom: 50px;
- right: 10px;
- letter-spacing: 4px;
- }
- .links a {
- display: block;
- padding: 5px;
- color: #fff;
- }
- .links a:hover {
- color:{color:text};
- }
- /*------------------------------------------*/
- #pagination {
- word-spacing: 10px;
- width: 30vw;
- text-align: center;
- font-size: 9px;
- position: absolute;
- bottom: 10px;
- text-transform: uppercase;
- }
- #pagination a {
- font-size: 11px;
- color:#fff;
- }
- #pagination a.current {
- font-weight: 900;
- }
- #pagination a:hover {
- color: {color:text};
- }
- /*------------------------------------------*/
- #thecontainer {
- width:{text:post size};
- position:absolute;
- top: 10%;
- left: calc(30vw + 35vw - ({text:post size}/2));
- }
- .posts {
- width: {text:post size}!important;
- font-size:{text:font size};
- margin-top: 90px;
- background: {color:etc background};
- border: 1px solid {color:borders};
- }
- .posts:first-child {
- margin-top: 0;
- }
- .posts a {
- color: {color:links};
- }
- .posts a:hover {
- color: {color:accent};
- }
- .posts:last-of-type {
- margin-bottom: 100px;
- }
- /*------------------------------------------*/
- #captions {
- width: 100%;font-size:{text:font size};
- {block:ifnotcaptions}display:none;{/block:ifnotcaptions}
- {block:ifcaptions}display:initial;{/block:ifcaptions}
- }
- .caption {
- background: {color:etc background};
- }
- .caption img, .cap img, #askcaption img {
- margin: 0;
- padding: 0;
- }
- .rebloguser:first-child {
- border-top: 0px;
- padding-top: 10px;
- }
- .rebloguser a {
- margin-left: 10px;
- font-family: 'Raleway', sans-serif;
- font-weight: 400;
- color: {color:accent};
- font-style: italic;
- margin-bottom: 3px;
- margin-top: 5px;
- }
- .rebloguser a:hover {
- color: {color:links};
- }
- img.avatar {
- display:none;}
- .cap {padding:2px 10px;}
- .cap a {
- text-decoration: underline;
- }
- .cap blockquote {
- margin-left: 0;
- padding-left: 10px;
- border-left: 1px solid {color:accent};
- }
- /*------------------------------------------*/
- .postinfo {
- width: 70px;
- position: absolute;
- right: -90px;
- border-top: 1px solid {color:borders};
- padding-top: 5px;
- opacity:0;
- -webkit-transition: all ease 1s;
- -moz-transition: all ease 1s;
- transition: all ease 1s;
- }
- .postinfo a.date b {
- text-transform: uppercase;font-size:calc({text:font size} + 6px);
- font-weight: 900;
- font-family:'Roboto', sans-serif;
- }
- .postinfo a.reblog, .postinfo a.notes, .postinfo a.date {
- font-size:calc({text:font size} + 2px);
- display: block;
- color:{color:links};
- }
- .postinfo a.reblog {
- letter-spacing: 2px;
- text-transform: uppercase;
- }
- .postinfo a.notes {
- }
- .postinfo a.date {
- }
- .postinfo a.date:hover, .postinfo a.reblog:hover, .postinfo a.notes:hover {
- color: {color:accent};
- }
- .posts:hover .postinfo {
- opacity:1;
- -webkit-transition: all ease 1s;
- -moz-transition: all ease 1s;
- transition: all ease 1s;
- }
- .tags {
- {block:ifnottags}display:none;{/block:ifnottags}
- {block:iftags}opacity:0;{/block:iftags}
- margin-top: 10px;
- width: {text:post width};
- font-size:10px;
- line-height: 2;
- position: absolute;
- text-align: center;
- -webkit-transition: all ease 0.8s;
- -moz-transition: all ease 0.8s;
- transition: all ease 0.8s;
- }
- .tags a {
- word-wrap:break-word;
- margin-right: 10px;
- }
- .tags a:hover {
- color: {color:accent};
- }
- {block:ifnottags}.posts:hover .tags {
- display:none;
- }{/block:ifnottags}
- {block:iftags}.posts:hover .tags {
- opacity:1;
- -webkit-transition: all ease 1s;
- -moz-transition: all ease 1s;
- transition: all ease 1s;
- }
- {/block:iftags}
- .permainfo {
- border-top: 1px solid {color:borders};
- padding-top: 5px;
- width: {text:post width};
- background: transparent;
- margin-top: 50px;
- font-size:{text:font size};
- text-transform: uppercase;
- }
- .permainfo .data, .permainfo .notess, .permainfo .src, .permainfo .reblgfrm {
- padding: 5px;
- }
- .permainfo .src, .permainfo .reblgfrm {
- display: inline;
- }
- .permainfo .data {
- color:{color:accent};
- font-weight: 900;
- text-transform: uppercase;
- }
- .permainfo .tags {
- opacity: 1;
- }
- .permainfo .notess .sf {
- margin-right: 10px
- color: {color:accent};
- }
- .permainfo .tags {
- font-size:{text:font size};
- margin-top: 0px;
- padding: 5px;
- line-height: 1.5;
- }
- .permainfo .tags a {
- background: transparent;
- border: none;
- margin-right: 3px;
- color: {color:links};
- }
- .permainfo .tags a::after {
- content:',';
- }
- .permainfo .tags a:hover {
- background: transparent;
- border: none;
- color: {color:accent};
- }
- .permainfo a:hover {
- color: {color:accent};
- }
- /*------------------------------------------*/
- .tmblr-lightbox, #tumblr_lightbox {
- background-color:rgba(245,245,245,.80) !important;
- }
- .vignette, #vignette {
- opacity:0;
- }
- .lightbox-image, #tumblr_lightbox img {
- box-shadow:none !important;
- border-radius:0 !important;
- max-width:none;
- }
- /*------------------------------------------*/
- .posttitle {
- border-bottom: 1px solid {color:borders};
- color: {color:text};
- padding: 10px;
- font-weight: 800;
- background: {color:background};
- text-align: center;
- font-size: 13px;
- text-transform: capitalize;
- font-family: 'Raleway', sans-serif;
- }
- /*------------------------------------------*/
- .question {
- color: {color:text};
- }
- .askbox {
- z-index:7;
- background:{color:etc background};
- padding: 15px;
- border-bottom: 1px solid {color:borders};
- width: calc({text: post width} - 30px);
- }
- .ask {
- text-transform: uppercase;
- font-size: 10px;
- font-weight: 300;
- font-family: 'Raleway', sans-serif;
- }
- .ask a {
- font-weight: 700px;
- color: {color:accent}!important;
- }
- .ask a:hover {
- color:{color:links};
- }
- #askcaption {
- padding: 10px;
- margin: 5px;
- }
- .answerer {
- font-family: 'Karla', sans-serif;
- }
- /*------------------------------------------*/
- .quote {
- width: calc({text:post size} - 40px);
- font-family: 'Roboto', sans-serif;
- font-weight: 300;
- font-style: italic;
- text-align: justify;
- font-size:13px;
- padding: 10px 20px 10px 20px;
- background: {color:etc background};
- border-bottom: 1px solid {color:borders};
- }
- .sourceq {
- font-size: 11px;
- text-align:right;
- padding: 10px;
- background: #fff;
- text-transform: capitalize;
- }
- /*------------------------------------------*/
- .chats ul li, .chats ol li {
- list-style-type: none;
- padding: 0px;
- margin: 0; line-height: 2em;
- background:{color:background};
- font-family: 'Karla', sans-serif;
- }
- li .line:nth-of-type(odd) {
- background: {color:etc background};
- }
- li .line b {
- padding-right: 5px;
- }
- /*------------------------------------------*/
- .audio {
- width: {text:post width};
- }
- .tumblr_audio_player {
- border-radius: 0 !important;
- width: {text:post width}!important;
- }
- .spotify_audio_player {
- width: {text:post width};
- height: 80px !important;
- }
- /*------------------------------------------*/
- .permalinks {
- color: {color:text};
- width: {text:post width};
- max-height: 400px;
- overflow-y:scroll;
- overflow-x:hidden;
- margin-top: 50px;
- margin-bottom: 100px;
- text-align: left;
- }
- .permalinks ol li {
- list-style-type:none;
- margin:0;
- padding: 0;
- line-height: 2;
- }
- .permalinks li {
- margin-bottom: 15px;
- }
- .permalinks a {
- color:{color:links};
- }
- .permalinks a:hover {
- color: {color:accent}!important;
- }
- .permalinks img {
- display:none;
- height: 12px;
- width:12px;
- float:left;
- margin-top: 10px;
- margin-right: 10px;
- border-radius: 100%;
- }
- /*------------------------------------------*/
- .goldbar input{outline:none;border:0;padding:0;}
- .goldbar{
- width:calc(100% - 60px);
- background:transparent;
- position: absolute;
- right: 15px;
- font-size: 10px;
- margin: 5px 10px 5px 10px;
- padding: 8px;
- border-bottom: 1px solid #fff;
- }
- .goldbar .sf{
- margin-right: 18px;
- color: #fff;
- }
- .goldbar input[type=text]{
- letter-spacing: 8px;
- background:transparent;
- text-transform: uppercase;
- font-family: 'Karla', sans-serif;
- color:#fff;}
- input::-webkit-input-placeholder{
- color:#fff;}
- input::-moz-placeholder{
- color:#fff;}
- input:-moz-placeholder{
- color:#fff;}
- input:-ms-input-placeholder{
- color:#fff;}
- /*------------------------------------------*/
- .topclick .sf {
- display:none;
- color: {color:links};
- padding: 6px 6px 4px 6px;
- background: {color:etc background};
- border: 1px solid {color:borders};
- position: fixed;
- bottom: 40px;
- right: 10px;
- font-size: 10px;
- border-radius: 4px;
- }
- .topclick .sf:hover {
- background: {color:accent};
- color: {color:etc background};
- -webkit-transition: all ease 0.8s;
- -moz-transition: all ease 0.8s;
- transition: all ease 0.8s;
- }
- .credit .sf {
- color: {color:links};
- padding: 6px 6px 3px 6px;
- background: {color:etc background};
- border: 1px solid {color:borders};
- position: fixed;
- bottom: 10px;
- right: 10px;
- font-size: 10px;
- border-radius: 4px;
- }
- .credit .sf:hover {
- background: {color:accent};
- color: {color:etc background};
- -webkit-transition: all ease 0.8s;
- -moz-transition: all ease 0.8s;
- transition: all ease 0.8s;
- }
- </style>
- <body>
- <div id="sidebar">
- <form class="goldbar" action="/search" method="get"><span class="sf sf-search-o"></span><input type="text" name="q" placeholder="Search..." value=""/></form>
- <img src="{image:icon}" class="icon"/>
- <div class="name">{text:title}</div>
- <div class="desc">{text:description}</div>
- <div class="links">
- <a href="/">home</a>
- <a href="/ask">ask</a>
- {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
- {block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
- {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
- {block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}
- {block:iflink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}
- </div>
- {block:IndexPage}
- {block:Pagination}
- <div id="pagination">
- {block:previouspage}
- <a href="{PreviousPage}">prev</a>{/block:PreviousPage}
- {block:JumpPagination length="5"}{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 class="next" href="{NextPage}">next</a>
- {/block:nextpage}
- </div>
- {/block:Pagination}
- {/block:IndexPage}
- </div>
- <div id="thecontainer">
- {block:Posts}
- <div class="posts" id="{PostID}">
- {block:IndexPage}<div class="postinfo">
- {block:Date}<a class="date"><b>{ShortDayOfWeek}</b></a>{/block:Date}
- {block:NoteCount}<a class="notes" href="{Permalink}" title="notes">{NoteCount}N</a>{/block:NoteCount}
- <a class="reblog" href="{ReblogURL}" title="reblog">reblog</a>
- </div>{/block:IndexPage}
- {block:Text}{block:Title}<div class="posttitle">{Title}</div>{/block:Title}{/block:Text}
- {block:Photo}<a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false">
- <img style="width:{text:post size};" src="{PhotoURL-HighRes}">
- </a>{/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:Photoset}
- {block:Chat}{block:Title}<div class="posttitle">{Title}</div>{/block:Title}{/block:Chat}
- {block:Video}<div class="video">{Video-500}</div>{/block:Video}
- {block:Audio}<div class="audio spotify_audio_player">{AudioEmbed}</div>{/block:Audio}
- {block:Link}<div class="posttitle"><a href="{URL}">{Name}</a></div>{/block:Link}
- {block:Quote}
- <div class="quote">{Quote}</div>
- {/block:Quote}
- <!----{block:ContentSource}<a href="{SourceURL}" title="{SourceTitle}"></a>{/block:ContentSource}
- {block:RebloggedFrom}<div class="reblgfrm"><a href="{ReblogParentURL}" title="{ReblogParentName}">{ReblogParentName}</a></div>{/block:RebloggedFrom}---->
- <div id="captions">
- {block:Answer}
- <div class="question"><div class="askbox"><div class="ask"> {Asker} asked:</div><div class="quest">{Question}</div></div>
- <div id="askcaption">
- <div class="answer">{block:Answerer}<div class="answerer">{Answerer} said:</div> {/block:Answerer}<div class="answ">{Answer}</div></div></div></div>
- {/block:Answer}
- {block:Text}<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}
- <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="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:Video}
- <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}
- <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:Quote}
- <div class="caption">
- {block:Reblogs}
- <div class="sourceq">{Source}</div>
- {/block:Reblogs}
- {block:NotReblog}
- <div class="sourceq">{Source}</div>
- {/block:NotReblog}</div>
- {/block:Quote}
- {block:Link}<div class="caption">{block:Description}<div class="cap">{Description}</div>{/block:Description}</div>{/block:Link}
- {block:Chat}<div class="chats">
- <ol>{block:Lines}<li class="lines">{block:Label}<b>{Label}</b>{/block:Label}{Line}</li>{/block:Lines}</ol></div>{/block:Chat}
- </div>
- {block:IndexPage}
- {block:HasTags}
- <div class="tags">
- {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
- </div>{/block:HasTags}
- {/block:IndexPage}
- </div>
- {block:PermalinkPage}
- <div class="permainfo">
- {block:Date}<div class="data">{Month} {DayOfMonthWithZero} {Year}.</div>{/block:Date}
- {block:NoteCount}<div class="notess">{NoteCountWithLabel} </div>{/block:NoteCount}
- {block:ContentSource}<div class="src">via <a href="{SourceURL}" title="">{SourceTitle}</a></div>{/block:ContentSource}
- {block:RebloggedFrom}<div class="reblgfrm">from <a href="{ReblogParentURL}">{ReblogParentName}</a></div>{/block:RebloggedFrom}
- {block:HasTags}
- <div class="tags">
- tagged: {block:Tags}<a href="{TagURL}" title="{Tag}">#{Tag}</a>{/block:Tags}
- </div>
- {/block:HasTags}
- {block:PostNotes}<div class="permalinks">
- {PostNotes-16}<br>
- </div>{/block:PostNotes}</div>
- {/block:PermalinkPage}
- {/block:Posts}
- </div>
- <div class="topclick"><a href="#top"><span class="sf sf-chevron-up"></span></a></div>
- <!----------------------if you remove this ill find you and hunt you like a wolf------------------------------>
- <div class="credit"><a href="http://wolfthemes.tumblr.com" title="wolfthemes"><span class="sf sf-fox-o"></span></a></div>
- <!----------------------if you remove this ill find you and hunt you like a wolf------------------------------>
- </body>
- <script type="text/javascript"> $(window).scroll(function(){
- if ($(this).scrollTop() > 600) {
- $('.topclick .sf').fadeIn();
- } else {
- $('.topclick .sf').fadeOut();
- }
- });
- </script>
- <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>$(document).ready(function(){ $("a[href='#top']").click(function() { $('html, body').animate({ scrollTop: 0 }, 'slow'); return false; }); });</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: true, //if the user adds a new caption, following a series of captions, show their username above the caption
- originalPostCaptionUsername: true, //for the original captions, or a user-added caption that previously didn’t have any, have their username on it
- tumblrAvatars: false, //”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: false,
- 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: '2px',
- borderRadius: '0px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- });
- </script>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment