Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- - theme #3 'hello venus v1' by sur southcodes.tumblr.com
- - modify as you please but please do not touch the credit
- - any errors? need help? have questions? let me know!
- southcodes.tumblr.com/ask
- - UN-NEST TUMBLR CAPTIONS PLUGIN by @magnusthemes & @neothm
- - like button by @shythemes
- - video resizing by @shythemes
- - photoset resizing by @excolo
- -->
- <!DOCTYPE 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}
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
- <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Roboto|Open+Sans:400,300|Lato" rel="stylesheet">
- <meta name="image:sidebar" content=""/>
- <meta name="color:background" content="#fbfbfb"/>
- <meta name="color:text" content="#58595a"/>
- <meta name="color:links" content="#afc0ce"/>
- <meta name="color:links hover" content="#455b8f"/>
- <meta name="color:sidebar background" content="#ffffff"/>
- <meta name="color:image background" content="#fbfbfb"/>
- <meta name="color:captions" content="#ffffff"/>
- <meta name="color:borders" content="#eeeeee"/>
- <meta name="if:dropdown menu" content="0" />
- <meta name="text:dropdown title" content="dropdown" />
- <meta name="select:font" content="'Open Sans', sans-serif" />
- <meta name="select:font" content="'Roboto', sans-serif" />
- <meta name="select:font" content="'Lato', sans-serif" />
- <meta name="text:font size" content="13" />
- <meta name="text:sidebar width" content="240" />
- <meta name="text:margin" content="100" />
- <meta name="text:Link 1" content="home" />
- <meta name="text:Link 1 URL" content="/" />
- <meta name="text:Link 2" content="ask" />
- <meta name="text:Link 2 URL" content="/ask" />
- <meta name="text:Link 3" content="" />
- <meta name="text:Link 3 URL" content="" />
- <meta name="text:Link 4" content="" />
- <meta name="text:Link 4 URL" content="" />
- <meta name="text:Link 5" content="" />
- <meta name="text:Link 5 URL" content="" />
- <meta name="text:Link 6" content="" />
- <meta name="text:Link 6 URL" content="" />
- <style type="text/css">
- ::-webkit-scrollbar-thumb:vertical {
- background-color: {color:links};
- height:0px;
- border-right:4px solid {color:background};
- border-top:6px solid {color:background};
- border-bottom:6px solid {color:background};}
- ::-webkit-scrollbar {
- width:6px;
- height:0px;
- background-color: {color:background};
- border-top:4px solid {color:background};
- border-bottom:4px solid {color:background};
- }
- ::selection {
- background: #f8f8f8}; /* WebKit/Blink Browsers */
- ::-moz-selection {
- background:#f8f8f8;} /* Gecko Browsers */
- .tmblr-iframe.iframe-controls--desktop {
- margin: 10px;
- opacity:.4;
- -moz-transition-duration: 0.2s;
- -o-transition-duration: 0.2s;
- -webkit-transition-duration: 0.2s;
- transition-duration: 0.2s;}
- .tmblr-iframe--desktop-logged-in-controls {
- -webkit-filter:invert(100%);
- -moz-filter:invert(100%);
- -o-filter:invert(100%);
- -ms-filter:invert(100%);
- filter:invert(100%);
- opacity:0.4;
- }
- #s-m-t-tooltip{
- max-width:150px;
- margin-top:25px;
- margin-left:15px;
- z-index:999999;
- letter-spacing:1.5px;
- text-transform:uppercase;
- font-size:10px;
- font-family:calibri;
- border: solid 1px #ddd;
- background-color:#fcfcfc;
- color:#777;
- padding:3px 5px 3px 5px;
- line-height:12px;
- }
- body {
- color:{color:text};
- font-family: {select:font}, arial;
- font-size:{text:font size}px;
- letter-spacing:.7px;
- line-height:18px;
- background:{color:background};
- }
- a {
- color:{color:links};
- text-decoration:none;
- -moz-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- transition-duration: 0.6s;}
- a:hover {
- color:{color:links hover};
- -moz-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- transition-duration: 0.6s;
- }
- hr {border:0px; border-top:1px solid #ddd;}
- pre {
- white-space: pre-wrap; /* css-3 */
- white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
- white-space: -pre-wrap; /* Opera 4-6 */
- white-space: -o-pre-wrap; /* Opera 7 */
- word-wrap: break-word; /* Internet Explorer 5.5+ */
- }
- ul, li {list-style-type:none;}
- .caption li:before {
- content:'› ';
- margin-left:-35px;
- font-size:15px;
- color:{color:links};}
- /* captions */
- .caption {border:1px solid {color:borders};background:{color:captions};padding:10px;}
- .caption p {padding:0px 0px;margin: 3px 0px 10px}
- .tumblr_blog {line-height:0px;}
- .tumblr_parent:last-child {padding:0px 0px;margin: 0px 0px -10px;}
- .avatar {vertical-align:middle;margin-top:-2px;height:15px; width:15px; border-radius:3px;margin-right:5px;}
- .caption img {max-width:430px; height:auto;}
- .caption blockquote {border:none; padding:0px;margin:0px;}
- .caption blockquote blockquote{border-left:1px solid #ddd; padding-left:7px; margin:3px 0 5px;}
- /* content */
- .container {
- width:calc(450px + {text:sidebar width}px + {text:margin}px);
- margin:160px auto -20px;
- }
- .entries {
- width:450px;
- float:right;
- }
- .posts {
- width:450px;
- margin-bottom: 90px;
- }
- .photoset, .video, .photo img{
- width:450px;
- }
- /* sidebar */
- .sidebar {
- font-size:calc({text:font size}px - 1px);
- position:fixed;
- top:140px;
- float:left;
- width:{text:sidebar width}px;
- }
- .btitle {
- margin-bottom:10px;
- background:{color:sidebar background};
- padding:5px 5px 4px;
- border:1px solid {color:borders};
- text-transform:uppercase;
- text-align:center;
- font-size:11px;
- }
- .desc img {
- width:65px;
- height:65px;
- padding:8px;
- margin: -8px 10px 0 -8px;
- background:{color:image background};
- border:1px solid {color:borders};
- }
- .desc {
- min-height:67px;
- text-align:justify;
- background:{color:sidebar background};
- padding:7px;
- border:1px solid {color:borders};
- line-height:20px;
- }
- .links {
- text-transform:uppercase;
- background:{color:sidebar background};
- {block:IfDropdownMenu}
- padding:3px 10px 2px;
- {block:IfDropdownMenu}
- {block:IfNotDropdownMenu}
- padding:3px 4px 2px;
- {block:IfNotDropdownMenu}
- border:1px solid {color:borders};
- margin-top:10px;
- font-size:10px;
- text-align:center;
- }
- /* posts */
- .title, .ctitle, .ltitle {
- margin-bottom:7px;
- color:{color:links};
- text-transform:uppercase;
- text-align:center;
- font-size:{text:font size}px - 1px);
- }
- .ask img {max-width:430px; height:auto;}
- .ask {text-align:justify; line-height:19px;}
- .qqa {
- background:{color:captions};
- border:1px solid {color:borders};
- padding: 5px 7px 7px 7px;
- border-radius:4px;}
- .ans {margin-top:5px; margin-bottom: -8px;}
- .asker{text-transform:lowercase;color:{color:links};}
- .asker a{text-transform:lowercase}
- .quote {
- font-size:{text:font size};
- margin-bottom:10px;
- text-align:justify;
- padding:0px 4px;
- font-style:italic;}
- .source {margin-bottom:10px;text-align:right;
- font-size:calc({text:font size}px - 1px);
- }
- .audio {margin-bottom:10px;}
- .ainfo {display:inline-block;
- vertical-align:top;
- margin:10px 0px 0px 7px;
- font-size:10px;}
- .cover {position: relative;z-index: 1; vertical-align:bottom;}
- .playbox {background:transparent;
- position:absolute;
- opacity:0.5;
- width:25px;
- height:25px;
- z-index:5;}
- .playbutton {margin:25px 15px;
- width:25px;
- height:25px;
- overflow:hidden;
- position:relative;
- z-index:7;
- }
- .chat {list-style:none;margin-bottom:3px;line-height:22px;}
- .label {font-weight:bold;}
- .line_even{padding: 4px 5px;}
- .line_odd {padding: 4px 5px;border:1px solid {color:borders};background:#fefefe;}
- .line_odd .label {color:{color:links};}
- /* extras */
- .date {
- margin-top:-1px;
- font-size:11px;
- font-family: calibri;
- letter-spacing:1px;
- line-height:15px;
- text-transform:lowercase;
- border:1px solid {color:borders};
- background:{color:captions};
- padding:7px 10px 7px;
- }
- .controls a {
- position:relative;
- overflow:hidden;
- display:inline-block;
- float:right;
- padding:9px 7px 0 15px;
- }
- span.reblog {
- float:right;
- display:inline-block;
- }
- .tags {
- text-transform:none;
- padding:7px 0 0;
- }
- .tags a{padding-right:14px}
- .via {
- font-variant:small-caps;
- text-align:right;
- margin-top:5px;
- }
- .pag {
- letter-spacing:1.5px;
- font-size:10.5px;
- text-align:right;
- margin-bottom:15px;
- font-style:italic;
- }
- .notes {
- line-height:25px;
- font-size:10px;
- margin-left:-20px;
- text-transform:uppercase;}
- .notes ol.notes {
- margin-top:50px;
- list-style-type:none;
- max-height:350px;
- overflow:scroll;}
- .notes img.avatar {display:none;}
- .notes blockquote {
- border-left:1px solid #ddd;
- margin:2px 0px;
- padding-left:5px;
- }
- .credit a {border:1px dotted #bbb;background:white;height:11px;padding:0 6px 6px;font-family:calibri;position:fixed;bottom:10px;right:8px;font-variant:small-caps;font-size:11px;display:block;color:#aaa;}.credit a:hover {animation: hover 2s;-webkit-animation: hover 2s;} @-webkit-keyframes hover{from {}to {transform:rotate(360deg);-ms-transform:rotate(360deg); -webkit-transform:rotate(360deg);}}
- svg {
- width:9px;
- height:auto;
- opacity:.5;
- padding:1px;
- display:block;
- overflow:visible;}
- .controls .like .liked + svg {opacity:1;}
- .controls .like .liked + svg path {fill:#ec5a5a;}
- .controls .like .like_button {position:relative;}
- .controls .like .like_button iframe {
- position:absolute;
- top:0;
- left:0;
- bottom:0;
- right:0;
- z-index:2;
- opacity:0;
- }
- {CustomCSS}
- </style>
- </head>
- <body>
- <div class="container">
- <div class="sidebar">
- <div class="btitle"><a href="/" title="{Name}">{title}</a></div>
- <div class="desc"><a href="/" title="{Name}"><img src="{image:sidebar}" align="left"></a>{Description}</div>
- <div class="simage"></div>
- <div class="links">
- {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:IfNotDropdownmenu}
- {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}
- {block:iflink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:iflink6}
- {/block:IfNotDropdownmenu}
- {block:IfDropdownmenu}
- <span class="nav"><a style="cursor:pointer;">{text:dropdown title}</a></span>
- <div class="navi" style="display:none;padding-top:2px">
- {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}
- {block:iflink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:iflink6}
- </div>
- {/block:IfDropdownmenu}
- </div>
- </div>
- <div class="entries">
- {block:Posts}
- <div class="posts" id="{PostID}">
- {block:Text}
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- {block:Body}<div class="caption">{Body}</div>{/block:Body}
- {/block:Text}
- {block:Answer}<div class="ask">
- <div class="qqa"><span class="asker"><img class="asker-avatar" src="{AskerPortraitURL-24}" style="border-radius:100px;vertical-align:bottom;margin-bottom:-2px;margin-right:2px"> {Asker} said:</span> {Question}</div>
- <div class="ans"><div class="caption">{Answer}</div></div>
- </div>{/block:Answer}
- {block:Quote}
- <div class="quote">« {Quote} »</div>
- {block:Source}<div class="source">✐ {Source}</div>{/block:Source}
- {/block:Quote}
- {block:Link}
- <div class="ltitle"><i class="material-icons" style="vertical-align:middle;font-size:20px;margin: 0 3px 3px 0;color:{color:links}">link</i> <a href="{URL}"><b>{Name}</b></a></div>
- {block:Description}<div class="caption">{Description}</div>{/block:Description}{/block:Link}
- {block:Chat}<div class="chat">
- {block:Title}<div class="ctitle">{Title}</div>{/block:Title}
- {block:Lines}<li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}
- {Line}</li>{/block:Lines}</div>
- {/block:Chat}
- {block:Photo}
- <div class="photo"><img src="{PhotoURL-500}" alt="{PhotoAlt}"></div>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {Photoset-500}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Photoset}
- {block:Audio}<div class="audio">
- <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerGrey}{/block:AudioPlayer}</div></div>
- {block:AlbumArt}<img src="{AlbumArtURL}" style="width:55px; height:55px" class="cover">{/block:AlbumArt}
- <div class="ainfo">
- {block:TrackName}
- {TrackName}
- {/block:TrackName}<br>
- {block:Artist}
- {Artist}
- {/block:Artist}
- {block:Album}
- — {Album}
- {/block:Album}<br>
- {block:Playcount}
- {PlayCountWithLabel}
- {/block:Playcount}</div></div>
- {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="controls"><a class="like">{LikeButton}<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95 c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1 c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1 c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4 c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5 c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767 c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45 c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg></a></div>
- <div class="date">
- <a style="padding-bottom:1px;border-bottom:1px dotted #aaa;" href="{Permalink}" title="{TimeAgo}">{ShortDayOfWeek} {DayOfMonthWithSuffix}</a>
- {block:NoteCount}<a href="{Permalink}" style="color:#aaa;letter-spacing:1.2px;">{NoteCount}n.</a>{/block:NoteCount}
- <span class="reblog"><a href="{ReblogURL}" title="reblog" target="_blank"><i class="fa fa-reply fa-rotate-180" aria-hidden="true" style="font-size:10px; color:#ccc;"></i></a></span>
- {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}"># {Tag}</a>{/block:Tags}</div>{/block:HasTags}
- </div>
- {/block:Date}
- {block:PermalinkPage}
- {block:RebloggedFrom}<div class="via">
- <a title="{ReblogParentName}" href="{ReblogParentURL}">via.</a>
- <a title="{ReblogRootName}" href="{ReblogRootURL}">src.</a>
- {/block:RebloggedFrom}</div>
- {/block:PermalinkPage}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
- {block:PostNotes}
- <div class="notes">{PostNotes}</div>
- {/block:PostNotes}
- </div> <!--posts-->
- {/block:Posts}
- <div class="pag">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" class="jump_page">less</a> {block:PreviousPage}{block:NextPage}<a href="{NextPage}" class="jump_page">more</a>{/block:NextPage}{/block:Pagination}</div>
- </div><!--entries-->
- <div class="credit"><a href="http://southcodes.tumblr.com" title="southcodes (UNNEST CAPTIONS by @neothm & @magnusthemes)">s</a></div>
- </div> <!--container-->
- </body>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
- <script type="text/javascript">
- $(document).ready(function() {
- $('.nav').click(function() {
- $('.navi').slideToggle(600);
- });
- });
- </script>
- <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>
- <script>
- // video resizing script by shythemes
- $(document).ready(function(){
- resizeVideos(450);
- });
- </script>
- <script type="text/javascript">
- /* Photoset Resize Code by Kevin - EXCOLO.TUMBLR.COM */
- $(document).ready(function() {
- function photosetResize() {
- $('iframe.photoset').each(function(){
- var newSize = 450;
- var newSrc = $(this).attr('src').replace('500',newSize);
- $(this).attr('src', newSrc).width(newSize);
- var high = $(this).css('height');
- var calculate = parseInt(high, 10)* newSize/500;
- $(this).css('height', calculate);
- });
- }
- photosetResize();
- });
- </script>
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:30,
- tip_fade_speed:300,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="//static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
- <script>
- $(document).ready(function(){
- $('.entries').unnest({
- yourCaption: ".caption",
- wrapName: ".tumblr_parent",
- newCaptionUsername: true,
- originalPostCaptionUsername: false,
- tumblrAvatars: true,
- tumblrAvatarClass: ".avatar",
- usernameColon: false
- });
- });
- </script>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement