API tools faq
paste
Advertisement
southcodes

theme #3: hello venus v2 (topbar)

southcodes
Mar 11th, 2017
637
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 19.68 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.     - theme #3 'hello venus v2' by sur southcodes.tumblr.com
  3.     - modify as you please but please do not touch the credit
  4.     - any errors? need help? have questions? let me know!
  5.     southcodes.tumblr.com/ask
  6.  
  7.     - UN-NEST TUMBLR CAPTIONS PLUGIN by @magnusthemes & @neothm
  8.     - like button by @shythemes
  9.     - video resizing by @shythemes
  10.     - photoset resizing by @excolo
  11. -->
  12.  
  13. <!DOCTYPE html>
  14. <head>
  15.  
  16.     <title>{Title}</title>
  17.  
  18.     <link rel="shortcut icon" href="{favicon}">
  19.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20.     {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  21.  
  22.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  23.     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  24.     <link href="https://fonts.googleapis.com/css?family=Roboto|Open+Sans:400,300|Lato" rel="stylesheet">
  25.  
  26. <meta name="image:sidebar" content=""/>
  27.  
  28. <meta name="color:background" content="#fbfbfb"/>
  29. <meta name="color:text" content="#58595a"/>
  30. <meta name="color:links" content="#afc0ce"/>
  31. <meta name="color:topbar links" content="#949292"/>
  32. <meta name="color:topbar border" content="#d9e4ed"/>
  33. <meta name="color:links hover" content="#455b8f"/>
  34. <meta name="color:sidebar background" content="#ffffff"/>
  35. <meta name="color:image background" content="#fbfbfb"/>
  36. <meta name="color:captions" content="#ffffff"/>
  37. <meta name="color:borders" content="#eeeeee"/>
  38.  
  39. <meta name="if:dropdown menu" content="0" />
  40. <meta name="text:dropdown title" content="dropdown" />
  41.  
  42. <meta name="select:font" content="'Open Sans', sans-serif" />
  43. <meta name="select:font" content="'Roboto', sans-serif" />
  44. <meta name="select:font" content="'Lato', sans-serif" />
  45.  
  46. <meta name="select:topbar text align" content="left" />
  47. <meta name="select:topbar text align" content="right" />
  48.  
  49. <meta name="text:font size" content="13" />
  50.  
  51. <meta name="text:sidebar width" content="240" />
  52. <meta name="text:margin" content="100" />
  53.  
  54. <meta name="text:Link 1" content="home" />
  55. <meta name="text:Link 1 URL" content="/" />
  56. <meta name="text:Link 2" content="ask" />
  57. <meta name="text:Link 2 URL" content="/ask" />
  58. <meta name="text:Link 3" content="" />
  59. <meta name="text:Link 3 URL" content="" />
  60. <meta name="text:Link 4" content="" />
  61. <meta name="text:Link 4 URL" content="" />
  62. <meta name="text:Link 5" content="" />
  63. <meta name="text:Link 5 URL" content="" />
  64. <meta name="text:Link 6" content="" />
  65. <meta name="text:Link 6 URL" content="" />
  66.  
  67. <style type="text/css">
  68.  
  69. ::-webkit-scrollbar-thumb:vertical {
  70.     background-color: {color:links};
  71.     height:0px;
  72.     border-right:4px solid {color:background};
  73.     border-top:6px solid {color:background};
  74.     border-bottom:6px solid {color:background};}
  75. ::-webkit-scrollbar {
  76.     width:6px;
  77.     height:0px;
  78.     background-color: {color:background};
  79.     border-top:4px solid {color:background};
  80.     border-bottom:4px solid {color:background};
  81. }
  82.  
  83. ::selection {
  84.   background: #f8f8f8}; /* WebKit/Blink Browsers */
  85. ::-moz-selection {
  86.   background:#f8f8f8;} /* Gecko Browsers */
  87.  
  88. .tmblr-iframe.iframe-controls--desktop {
  89.     margin: 45px 10px 10px;
  90.     opacity:.4;
  91.     -moz-transition-duration: 0.2s;
  92.     -o-transition-duration: 0.2s;
  93.     -webkit-transition-duration: 0.2s;
  94.     transition-duration: 0.2s;}
  95. .tmblr-iframe--desktop-logged-in-controls {
  96.     margin: 45px 10px 10px;
  97.     -webkit-filter:invert(100%);
  98.     -moz-filter:invert(100%);
  99.     -o-filter:invert(100%);
  100.     -ms-filter:invert(100%);
  101.     filter:invert(100%);
  102.     opacity:0.4;
  103. }
  104.    
  105. #s-m-t-tooltip{
  106.     max-width:150px;
  107.     margin-top:25px;
  108.     margin-left:15px;
  109.     z-index:999999;
  110.     letter-spacing:1.5px;
  111.     text-transform:uppercase;
  112.     font-size:10px;
  113.     font-family:calibri;
  114.     border: solid 1px #ddd;
  115.     background-color:#fcfcfc;
  116.     color:#777;
  117.     padding:3px 5px 3px 5px;
  118.     line-height:12px;
  119. }
  120.  
  121. body {
  122.     color:{color:text};
  123.     font-family: {select:font}, arial;
  124.     font-size:{text:font size}px;
  125.     letter-spacing:.7px;
  126.     line-height:18px;
  127.     background:{color:background};
  128. }
  129.  
  130. a {
  131.     color:{color:links};
  132.     text-decoration:none;
  133.     -moz-transition-duration: 0.6s;
  134.     -o-transition-duration: 0.6s;
  135.     -webkit-transition-duration: 0.6s;
  136.     transition-duration: 0.6s;}
  137. a:hover {
  138.     color:{color:links hover};
  139.     -moz-transition-duration: 0.6s;
  140.     -o-transition-duration: 0.6s;
  141.     -webkit-transition-duration: 0.6s;
  142.     transition-duration: 0.6s;
  143. }
  144.  
  145. hr {border:0px; border-top:1px solid #ddd;}
  146.  
  147. pre {
  148.     white-space: pre-wrap;       /* css-3 */
  149.     white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  150.     white-space: -pre-wrap;      /* Opera 4-6 */
  151.     white-space: -o-pre-wrap;    /* Opera 7 */
  152.     word-wrap: break-word;       /* Internet Explorer 5.5+ */
  153. }
  154.  
  155. ul, li {list-style-type:none;}
  156. .caption li:before {
  157.     content:'› ';
  158.     margin-left:-35px;
  159.     font-size:15px;
  160.     color:{color:links};}
  161.  
  162.         /*      captions       */
  163.  
  164. .caption {border:1px solid {color:borders};background:{color:captions};padding:10px;}
  165. .caption p {padding:0px 0px;margin: 3px 0px 10px}
  166. .tumblr_blog {line-height:0px;}
  167. .tumblr_parent:last-child {padding:0px 0px;margin: 0px 0px -10px;}
  168. .avatar {vertical-align:middle;margin-top:-2px;height:15px; width:15px; border-radius:3px;margin-right:5px;}
  169. .caption img {max-width:430px; height:auto;}
  170. .caption blockquote {border:none; padding:0px;margin:0px;}
  171. .caption blockquote blockquote{border-left:1px solid #ddd; padding-left:7px; margin:3px 0 5px;}
  172.  
  173.         /*      content       */
  174.  
  175. .container {
  176.     width:calc(450px + {text:sidebar width}px + {text:margin}px);
  177.     margin:160px auto -20px;
  178. }
  179.  
  180. .entries {
  181.     width:450px;
  182.     float:right;
  183. }
  184.  
  185. .posts {
  186.     width:450px;
  187.     margin-bottom: 90px;
  188. }
  189.  
  190. .photoset, .video, .photo img{
  191.     width:450px;
  192. }
  193.  
  194.         /*       sidebar       */
  195.  
  196. .topbar {
  197.     z-index:9999999;
  198.     position:fixed;
  199.     height:20px;
  200.     top:0px;
  201.     right:0px;
  202.     left:0px;
  203.     background:{color:sidebar background};
  204.     border-bottom:2px solid {color:topbar border};
  205.     padding:8px 20px;
  206.     text-align:{select:topbar text align};
  207. }
  208.  
  209. .btitle {
  210.     font-variant:small-caps;
  211.     padding-right:20px;
  212.     font-size:15px;
  213.     letter-spacing:1.2px;
  214.     display:inline-block;
  215.     font-weight:400;
  216.     font-family:'Open Sans', sans-serif;
  217. }
  218.  
  219. .links {
  220.     letter-spacing:1px;
  221.     display:inline-block;
  222.     text-transform:uppercase;
  223.     background:{color:sidebar background};
  224.     font-size:10px;}
  225. .links a{
  226.     color:{color:topbar links};
  227. }
  228. .navi {
  229.     background:{color:sidebar background};
  230.     padding:3px 10px 3px;
  231.     font-size:10px;
  232.     text-align:center;
  233.     border:1px solid {color:borders};
  234.     text-transform:uppercase;
  235. }
  236.  
  237. .sidebar {
  238.     font-size:calc({text:font size}px - 1px);
  239.     position:fixed;
  240.     top:140px;
  241.     float:left;
  242.     width:{text:sidebar width}px;
  243. }
  244.  
  245. .desc img {
  246.     width:65px;
  247.     height:65px;
  248.     padding:8px;
  249.     margin: -8px 10px 0 -8px;
  250.     background:{color:image background};
  251.     border:1px solid {color:borders};
  252. }
  253.  
  254. .desc {
  255.     min-height:67px;
  256.     text-align:justify;
  257.     background:{color:sidebar background};
  258.     padding:7px;
  259.     border:1px solid {color:borders};
  260.     line-height:20px;
  261.     margin-bottom:10px;
  262. }
  263.  
  264.         /*      posts       */
  265.  
  266. .title, .ctitle, .ltitle {
  267.     margin-bottom:7px;
  268.     color:{color:links};
  269.     text-transform:uppercase;
  270.     text-align:center;
  271.     font-size:{text:font size}px - 1px);
  272. }
  273.  
  274. .ask img {max-width:430px; height:auto;}
  275. .ask {text-align:justify; line-height:19px;}
  276. .qqa {
  277.     background:{color:captions};
  278.     border:1px solid {color:borders};
  279.     padding: 5px 7px 7px 7px;
  280.     border-radius:4px;}
  281. .ans {margin-top:5px; margin-bottom: -8px;}
  282. .asker{text-transform:lowercase;color:{color:links};}
  283. .asker a{text-transform:lowercase}
  284.  
  285. .quote {
  286.     font-size:{text:font size};
  287.     margin-bottom:10px;
  288.     text-align:justify;
  289.     padding:0px 4px;
  290.     font-style:italic;}
  291. .source {margin-bottom:10px;text-align:right;
  292.     font-size:calc({text:font size}px - 1px);
  293. }
  294.  
  295. .audio {margin-bottom:10px;}
  296. .ainfo {display:inline-block;
  297.     vertical-align:top;
  298.     margin:10px 0px 0px 7px;
  299.     font-size:10px;}
  300. .cover {position: relative;z-index: 1; vertical-align:bottom;}
  301. .playbox {background:transparent;
  302.     position:absolute;
  303.     opacity:0.5;
  304.     width:25px;
  305.     height:25px;
  306.     z-index:5;}
  307. .playbutton {margin:25px 15px;
  308.     width:25px;
  309.     height:25px;
  310.     overflow:hidden;
  311.     position:relative;
  312.     z-index:7;
  313. }
  314.  
  315. .chat {list-style:none;margin-bottom:3px;line-height:22px;}
  316. .label {font-weight:bold;}
  317. .line_even{padding: 4px 5px;}
  318. .line_odd {padding: 4px 5px;border:1px solid {color:borders};background:#fefefe;}
  319. .line_odd .label {color:{color:links};}
  320.  
  321.         /*      extras       */
  322.  
  323. .date {
  324.     margin-top:-1px;
  325.     font-size:11px;
  326.     font-family: calibri;
  327.     letter-spacing:1px;
  328.     line-height:15px;
  329.     text-transform:lowercase;
  330.     border:1px solid {color:borders};
  331.     background:{color:captions};
  332.     padding:7px 10px 7px;
  333. }
  334.  
  335. .controls a {
  336.    position:relative;
  337.    overflow:hidden;
  338.    display:inline-block;
  339.    float:right;
  340.    padding:9px 7px 0 15px;
  341. }
  342.  
  343. span.reblog {
  344.     float:right;
  345.     display:inline-block;
  346. }
  347.  
  348. .tags {
  349.     text-transform:none;
  350.     padding:7px 0 0;
  351. }
  352. .tags a{padding-right:14px}
  353.  
  354. .via {
  355.     font-variant:small-caps;
  356.     text-align:right;
  357.     margin-top:5px;
  358. }
  359.  
  360. .pag {
  361.     letter-spacing:1.5px;
  362.     font-size:10.5px;
  363.     text-align:right;
  364.     margin-bottom:15px;
  365.     font-style:italic;
  366. }
  367.  
  368. .notes {
  369.     line-height:25px;
  370.     font-size:10px;
  371.     margin-left:-20px;
  372.     text-transform:uppercase;}
  373. .notes ol.notes {
  374.     margin-top:50px;
  375.     list-style-type:none;
  376.     max-height:350px;
  377.     overflow:scroll;}
  378. .notes img.avatar {display:none;}
  379. .notes blockquote {
  380.     border-left:1px solid #ddd;
  381.     margin:2px 0px;
  382.     padding-left:5px;
  383. }
  384.  
  385. .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);}}
  386.  
  387. svg {
  388.    width:9px;
  389.    height:auto;
  390.    opacity:.5;
  391.    padding:1px;
  392.    display:block;
  393.    overflow:visible;}
  394. .controls .like .liked + svg {opacity:1;}
  395. .controls .like .liked + svg path {fill:#ec5a5a;}
  396. .controls .like .like_button {position:relative;}
  397. .controls .like .like_button iframe {
  398.    position:absolute;
  399.    top:0;
  400.    left:0;
  401.    bottom:0;
  402.    right:0;
  403.    z-index:2;
  404.    opacity:0;
  405. }
  406.  
  407. {CustomCSS}
  408.  
  409. </style>
  410. </head>
  411.  
  412. <body>
  413.  
  414. <div class="topbar">
  415.      <div class="btitle"><a href="/" title="{Name}" style="padding-bottom:1px;border-bottom:1px dotted #aaa;">{title}</a></div>
  416.  
  417.     <div class="links">
  418. {block:iflink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>&nbsp;&nbsp;{/block:iflink1}
  419.     {block:iflink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>&nbsp;&nbsp;{/block:iflink2}
  420.     {block:iflink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>&nbsp;&nbsp;{/block:iflink3}
  421. {block:IfNotDropdownmenu}
  422.     {block:iflink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>&nbsp;&nbsp;{/block:iflink4}
  423.     {block:iflink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>&nbsp;&nbsp;{/block:iflink5}
  424.     {block:iflink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:iflink6}
  425. {/block:IfNotDropdownmenu}
  426.  
  427. {block:IfDropdownmenu}
  428.     <span class="nav"><a style="cursor:pointer;">{text:dropdown title}</a></span>
  429. {/block:IfDropdownmenu}
  430.     </div>
  431. </div>
  432.  
  433.  
  434. <div class="container">
  435.  
  436.     <div class="sidebar">
  437.         <div class="desc"><a href="/" title="{Name}"><img src="{image:sidebar}" align="left"></a>{Description}</div>
  438.        
  439.         <div class="simage"></div>
  440.        
  441. {block:IfDropdownmenu}
  442.     <div class="navi" style="display:none">
  443.     {block:iflink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>&nbsp;&nbsp;{/block:iflink4}
  444.     {block:iflink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>&nbsp;&nbsp;{/block:iflink5}
  445.     {block:iflink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:iflink6}
  446.     </div>
  447. {/block:IfDropdownmenu}
  448.     </div>
  449.  
  450. <div class="entries">
  451.    
  452. {block:Posts}
  453.  
  454. <div class="posts" id="{PostID}">
  455. {block:Text}
  456. {block:Title}<div class="title">{Title}</div>{/block:Title}
  457. {block:Body}<div class="caption">{Body}</div>{/block:Body}
  458. {/block:Text}
  459.  
  460. {block:Answer}<div class="ask">
  461. <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>
  462. <div class="ans"><div class="caption">{Answer}</div></div>
  463. </div>{/block:Answer}
  464.  
  465. {block:Quote}
  466. <div class="quote">« {Quote} »</div>
  467. {block:Source}<div class="source">✐ {Source}</div>{/block:Source}
  468. {/block:Quote}
  469.  
  470. {block:Link}
  471. <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>
  472. {block:Description}<div class="caption">{Description}</div>{/block:Description}{/block:Link}
  473.  
  474. {block:Chat}<div class="chat">
  475. {block:Title}<div class="ctitle">{Title}</div>{/block:Title}
  476. {block:Lines}<li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}
  477. {Line}</li>{/block:Lines}</div>
  478. {/block:Chat}
  479.  
  480. {block:Photo}
  481. <div class="photo"><img src="{PhotoURL-500}" alt="{PhotoAlt}"></div>
  482. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  483. {/block:Photo}
  484.  
  485. {block:Photoset}
  486. {Photoset-500}
  487. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  488. {/block:Photoset}
  489.  
  490. {block:Audio}<div class="audio">
  491. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerGrey}{/block:AudioPlayer}</div></div>
  492. {block:AlbumArt}<img src="{AlbumArtURL}" style="width:55px; height:55px" class="cover">{/block:AlbumArt}
  493. <div class="ainfo">
  494. {block:TrackName}
  495. {TrackName}
  496. {/block:TrackName}<br>
  497. {block:Artist}
  498. {Artist}
  499. {/block:Artist}
  500. {block:Album}
  501.  — {Album}
  502. {/block:Album}<br>
  503. {block:Playcount}
  504. {PlayCountWithLabel}
  505. {/block:Playcount}</div></div>
  506. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  507. {/block:Audio}
  508.  
  509. {block:Video}
  510. <div class="video">{Video-500}</div>
  511. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  512. {/block:Video}
  513.  
  514. {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>
  515.  
  516. <div class="date">
  517.     <a style="padding-bottom:1px;border-bottom:1px dotted #aaa;" href="{Permalink}" title="{TimeAgo}">{ShortDayOfWeek} {DayOfMonthWithSuffix}</a>&nbsp;&nbsp;
  518.     {block:NoteCount}<a href="{Permalink}" style="color:#aaa;letter-spacing:1.2px;">{NoteCount}n.</a>{/block:NoteCount}
  519.    
  520.    
  521.     <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>
  522. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}"># {Tag}</a>{/block:Tags}</div>{/block:HasTags}
  523.  </div>
  524. {/block:Date}
  525.  
  526. {block:PermalinkPage}
  527. {block:RebloggedFrom}<div class="via">
  528. <a title="{ReblogParentName}" href="{ReblogParentURL}">via.</a>
  529. &nbsp;&nbsp;&nbsp;<a title="{ReblogRootName}" href="{ReblogRootURL}">src.</a>
  530. {/block:RebloggedFrom}</div>
  531. {/block:PermalinkPage}
  532.  
  533. {block:ContentSource}
  534. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  535. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  536. {/block:SourceLogo}
  537. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  538. {/block:ContentSource}
  539.  
  540. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  541.  
  542. {block:PostNotes}
  543. <div class="notes">{PostNotes}</div>
  544. {/block:PostNotes}
  545. </div> <!--posts-->
  546. {/block:Posts}
  547.  
  548. <div class="pag">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" class="jump_page">less</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{block:PreviousPage}{block:NextPage}<a href="{NextPage}" class="jump_page">more</a>{/block:NextPage}{/block:Pagination}</div>
  549.  
  550. </div><!--entries-->
  551.  
  552. <div class="credit"><a href="http://southcodes.tumblr.com" title="southcodes (UNNEST CAPTIONS by @neothm & @magnusthemes)">s</a></div>
  553.  
  554. </div> <!--container-->
  555. </body>
  556.  
  557. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  558. <script type="text/javascript">
  559. $(document).ready(function() {
  560.         $('.nav').click(function() {
  561.                 $('.navi').slideToggle(600);
  562.         });
  563.     });
  564. </script>
  565.  
  566. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  567. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  568. <script>
  569.     // video resizing script by shythemes
  570. $(document).ready(function(){
  571.    resizeVideos(450);
  572. });
  573. </script>
  574.  
  575. <script type="text/javascript">
  576. /* Photoset Resize Code by Kevin - EXCOLO.TUMBLR.COM */
  577. $(document).ready(function() {
  578. function photosetResize() {
  579.     $('iframe.photoset').each(function(){
  580.         var newSize = 450;
  581.         var newSrc = $(this).attr('src').replace('500',newSize);
  582.         $(this).attr('src', newSrc).width(newSize);        
  583.         var high = $(this).css('height');
  584.         var calculate = parseInt(high, 10)* newSize/500;
  585.         $(this).css('height', calculate);
  586.     });
  587. }
  588. photosetResize();
  589. });
  590. </script>
  591.  
  592. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  593. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  594. <script>
  595. (function($){
  596. $(document).ready(function(){
  597. $("a[title]").style_my_tooltips({
  598. tip_follows_cursor:true,
  599. tip_delay_time:30,
  600. tip_fade_speed:300,
  601. attribute:"title"
  602. });
  603. });
  604. })(jQuery);
  605. </script>
  606.  
  607. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  608. <script src="//static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
  609. <script>
  610. $(document).ready(function(){
  611.     $('.entries').unnest({
  612.     yourCaption: ".caption",
  613.     wrapName: ".tumblr_parent",
  614.     newCaptionUsername: true,
  615.     originalPostCaptionUsername: false,
  616.     tumblrAvatars: true,
  617.     tumblrAvatarClass: ".avatar",
  618.     usernameColon: false
  619.     });
  620. });
  621. </script>
  622. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!