Advertisement
southcodes

theme #3: hello venus v1 (sidebar)

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