API tools faq
paste
Advertisement
banebridgeTH

THEME01: Castle of Glass

banebridgeTH
Feb 1st, 2014
2,666
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.24 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <!----------------------------------------------
  4. theme by rae (banebridge.tumblr.com)
  5. ===>base code by themeblr<===
  6. dont steal yo
  7. ---------------------------------------------->
  8. <html xmlns="http://www.w3.org/1999/xhtml">
  9. <head>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  12. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  13. <meta name="color:Title" content=""/>
  14. <meta name="color:Title2" content=""/>
  15. <meta name="color:TitleHover" content=""/>
  16. <meta name="color:Text" content=""/>
  17. <meta name="color:Background" content=""/>
  18. <meta name="color:PostBG" content=""/>
  19. <meta name="color:Border" content=""/>
  20. <meta name="color:Nav BG" content=""/>
  21. <meta name="color:Nav Link" content=""/>
  22. <meta name="color:Nav Link Hover" content=""/>
  23. <meta name="color:Link" content=""/>
  24. <meta name="color:Link Hover" content=""/>
  25. <meta name="color:Scrollbar" content=""/>
  26. <meta name="color:Info" content=""/>
  27.  
  28. <meta name="text:tit" content=""/>
  29. <meta name="text:tit2" content=""/>
  30. <meta name="text:Home Hover title" content=""/>
  31. <meta name="text:Link 1" content=""/>
  32. <meta name="text:Link 1 URL" content=""/>
  33. <meta name="text:Link 2" content=""/>
  34. <meta name="text:Link 2 URL" content=""/>
  35. <meta name="text:Link 3" content=""/>
  36. <meta name="text:Link 3 URL" content=""/>
  37. <meta name="text:Link 4" content=""/>
  38. <meta name="text:Link 4 URL" content=""/>
  39. <meta name="text:Link 5" content=""/>
  40. <meta name="text:Link 5 URL" content=""/>
  41. <meta name="text:Link 6" content=""/>
  42. <meta name="text:Link6 URL" content=""/>
  43.  
  44. <meta name="image:sidebar" content=""/>
  45.  
  46. <link href='http://fonts.googleapis.com/css?family=Sacramento' rel='stylesheet' type='text/css'>
  47. <link href='http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  48. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,400italic,700italic|Anaheim|Actor|Carme' rel='stylesheet' type='text/css'>
  49.  
  50.  
  51. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  52. <link rel="stylesheet" href="http://static.tumblr.com/pqsvrdz/0T4mv54ny/reset.css">
  53. <link rel="stylesheet" href="http://static.tumblr.com/pqsvrdz/Aj0mvnltf/style.css">
  54. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  55.  
  56. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  57.  
  58. <script>
  59.  
  60. (function($){
  61.  
  62. $(document).ready(function(){
  63.  
  64. $("a[title]").style_my_tooltips({
  65.  
  66. tip_follows_cursor:true,
  67.  
  68. tip_delay_time:90,
  69.  
  70. tip_fade_speed:600,
  71.  
  72. attribute:"title"
  73.  
  74. });
  75.  
  76. });
  77.  
  78. })(jQuery);
  79.  
  80. </script>
  81.  
  82. <style type="text/css">
  83. #s-m-t-tooltip {
  84. max-width:300px;
  85. padding:3px;
  86. margin-top:10px;
  87. margin-left:10px;
  88. border-bottom:2px solid {color:Link Hover};
  89. background-color:#212121; /* change the background color */
  90. font-family:'Trebuchet MS';
  91. text-transform:uppercase;
  92. font-size:9px; /* change the font size */
  93. letter-spacing:1px; /* change the letter spacing */
  94. color:#fff; /* change the text color */
  95. z-index:999999999999999999999999999999999999;
  96. }
  97.  
  98.  
  99. ::-webkit-scrollbar {width:6px; height:6px;}
  100.  
  101. ::-webkit-scrollbar-track {background-color:#fff;}
  102.  
  103. ::-webkit-scrollbar-thumb {background-color:{color:Scrollbar};}
  104.  
  105. * {
  106. text-rendering: optimizeLegibility;
  107. }
  108. .permalink, a {
  109. -webkit-transition: 333ms ease-out 111ms;
  110. -moz-transition: 333ms ease-out 111ms;
  111. -o-transition: 333ms ease-out 111ms;
  112. transition: 333ms ease-out 111ms;
  113. }
  114. body {
  115. font: 10px "Lora";
  116. color: {color:Text};
  117. background: {color:Background};
  118. margin: 15px 0px;
  119. }
  120. a {
  121. color: {color:Link};
  122. text-decoration: none;
  123. }
  124. a:hover {
  125. color: {color:Link Hover};
  126. letter-spacing: 2px;
  127. border-bottom: 1px dashed {color:Link Hover};
  128. }
  129.  
  130. i, em{font-style:italic;}
  131. b, strong{font-style:bold; font-weight:900;}
  132.  
  133. desc {
  134. font-size: 12px;
  135. }
  136. tit2 {
  137. font-family: "Anaheim";
  138. color: {color:Title2};
  139. font-size: 12px;
  140. letter-spacing: 1px;
  141. text-align: center;
  142. text-transform: uppercase;
  143. position:relative;
  144. top:20px;
  145. padding:20px;
  146. }
  147. tit {
  148. font-family: "Sacramento";
  149. color: {color:Title};
  150. font-size: 38px;
  151. text-align:center;
  152. position:relative;
  153. bottom:-5px;
  154. z-index: 100;
  155. }
  156. tit a {
  157. color: {color:Title};
  158. }
  159. tit a:hover{
  160. color: {color:TitleHover};
  161. letter-spacing: 0px;
  162. border-bottom: 0px;
  163. }
  164. h1 {
  165. color: {color:PostTitle};
  166. font-size: 35px;
  167. line-height:100%;
  168. font-family: "Sacramento";
  169. }
  170. h2 {
  171. color: {color:PostTitle};
  172. font-size:18px;
  173. font-family: "Sacramento";
  174. }
  175. h2 a{
  176. color: {color:PostTitle};
  177. }
  178. h2, h3 {
  179. margin-bottom: .5em;
  180. }
  181. h1 + p, h2 + p, h3 + pb {
  182. margin-top: 0;
  183. }
  184. p {
  185. margin: 0 0 .75em 0;
  186. }
  187. .left {
  188. float: left;
  189. }
  190. .right {
  191. float: right;
  192. }
  193. p:last-child {
  194. margin: 0;
  195. }
  196. .text {
  197. padding: 0px;
  198. }
  199. .post ul {
  200. margin: 10px 0 10px 25px;
  201. display: inline-block;
  202. }
  203. .post li {
  204. list-style-type: disc;
  205. }
  206. .post img {
  207. max-width: 100%;
  208. }
  209. div.meta, .photo, .video, .panorama, .photo-slideshow {
  210. position: relative;
  211. }
  212. div.meta div.permalink {
  213. font-size: 9px;
  214. letter-spacing: 1px;
  215. font-family:'Anaheim';
  216. text-align: left;
  217. text-transform: uppercase;
  218. position:relative;
  219. margin-left:50px;
  220. border-left: solid 4px {color:Border};
  221.  
  222. }
  223. div.meta div.permalink p {
  224. margin: 0
  225. }
  226. .post:hover .permalink {
  227. opacity:1;
  228. filter:alpha(opacity=100);
  229. }
  230. .tags {
  231. padding:-5px -5px;
  232. font-size: 12px;
  233. position:relative;
  234. display:block;
  235. margin-left:30px;
  236.  
  237. }
  238. .taggedas {
  239. display:block;
  240. padding: 5px 5px;
  241. line-height: 8px;
  242. margin-right: 5px;
  243. border-left: 4px solid {color:Border};
  244. color: {color:Nav Link Hover};
  245. background: {color:Info};
  246. font-family: "Anaheim";
  247. font-size:9px;
  248. letter-spacing:1px;
  249.  
  250.  
  251. }
  252. .permalink:before, .permalink:after {
  253. display: table;
  254. content: " ";
  255. }
  256. .permalink:after {
  257. clear: both;
  258. }
  259. blockquote {
  260. margin: 10px 0 10px 10px;
  261. padding-left: 15px;
  262. border-left: solid 4px #ebebeb;
  263. }
  264.  
  265. /***
  266. Layout
  267. ***/
  268. #wrap {
  269. width: 835px;
  270. margin: 0 auto;
  271. position: relative;
  272. }
  273. #wrap:before, #wrap:after {
  274. display: table;
  275. content: " ";
  276. }
  277. #wrap:after {
  278. clear: both;
  279. }
  280. #posts {
  281. width: 510px;
  282. float: right;
  283. }
  284. .post {
  285. width: 500px;
  286. background: {color:PostBG};
  287. padding: 7px;
  288. border-radius: 10px;
  289. margin: 15px 15px 15px 15px;
  290. border: 2px solid;
  291. border-color: {color:Border};
  292. }
  293. .photo img {
  294. display: block;
  295. border-radius: 5px;
  296. }
  297. #aside{
  298. width: 300px;
  299. padding: 0px;
  300. text-align: center;
  301. float: ;
  302. top: 0;
  303. bottom: 0;
  304. margin: auto;
  305. margin-left: 0;
  306. position: fixed;;
  307.  
  308. }
  309. #aside:before, #aside:after {
  310. display: table;
  311. content: " ";
  312. }
  313. #aside:after {
  314. clear: both;
  315. }
  316. #aside .inner img {
  317. width:300px;
  318. height:125px;
  319. position:relative;
  320. top:0;
  321. right:0;
  322. left:0;
  323. border-radius: 10px;
  324.  
  325. }
  326. .chat, .audio, .lorem {
  327. margin-bottom: .5em;
  328. }
  329. .quote {
  330. margin-bottom: .5em;
  331. font-family:"Sacramento";
  332. font-size:23px;
  333. color:{color:Text};
  334.  
  335. }
  336. .permalink a {
  337. display:inline-block;
  338. padding: 5px 5px;
  339. line-height: 8px;
  340. height: 8px;
  341. margin-right: 5px;
  342. color: {color:Nav Link Hover};
  343. background: {color:Info};
  344. border: 1px solid {color:Link Hover};
  345. border-radius:2px;
  346. }
  347. /***
  348. Aside Styles
  349. ***/
  350. #nav {
  351. padding-bottom: 2px;
  352. }
  353.  
  354. #nav ul {
  355. margin-top: 5px;
  356. padding: 0;
  357. width: 100%;
  358. color: {color:Nav Link};
  359. }
  360. #nav ul:before, #nav ul:after {
  361. clear:both
  362. }
  363. #nav ul li {
  364. padding: 0px;
  365. width: 30%;
  366. display: inline-block;
  367. color: {color:Nav Link};
  368. background-color: {color:Nav BG};
  369. border: 2px solid {color:Link Hover};
  370. font-family:"Anaheim";
  371. letter-spacing:0px;
  372. border-radius:3px;
  373. }
  374. .subnav ul {
  375. margin: 0;
  376. padding: 0;
  377. width: 100%;
  378.  
  379. }
  380. .subnav ul:before, .subnav ul:after {
  381. clear:both
  382. }
  383. .subnav ul li {
  384. padding: 10px, 10px, 10px, 10px;
  385. width: 30%;
  386. margin-bottom:10px;
  387. display: inline-block;
  388. background-color: {color:Nav BG};
  389.  
  390. }
  391.  
  392. #nav ul li a {
  393. background-color: {color:Nav BG};
  394. display: block;
  395. color: {color:Nav Link};
  396. text-transform: uppercase;
  397. font-family:"Anaheim";
  398. text-decoration: none;
  399. letter-spacing: 0px;
  400. line-height: 16px;
  401. font-size: 10px;
  402. letter-spacing:2px;
  403. }
  404.  
  405. #nav ul li a:hover {
  406. background-color: {color:Nav BG};
  407. letter-spacing: 5px;
  408. color: {color:Nav Link Hover};
  409. border-bottom: 1px dashed {color:Nav Link Hover};
  410.  
  411. }
  412.  
  413. div.panel {
  414. padding: 10px 0px;
  415. font-size: 10px;
  416. display: none;
  417. width: 100%;
  418. }
  419. div.panel_inner {
  420. width:100%;
  421. display: inline-block;
  422.  
  423. }
  424.  
  425. div.panel p {
  426. margin: 0;
  427. }
  428.  
  429. div.panel p a, div.textPost p a, div.audioPost p a {
  430. text-decoration: none;
  431. border-bottom: 1px dotted;
  432. font-style: italic;
  433. font-weight: bold;
  434. }
  435.  
  436. /***
  437. Block Styles
  438. ***/
  439. #asks {
  440. background-color:{color:Border};
  441. border-radius:5px;
  442. padding:0px 3px 3px 2px;
  443.  
  444. }
  445.  
  446. #asks img {
  447. border:1px solid #999;
  448. margin-top:6px;
  449. margin-right:2px;
  450. position:absolute;
  451. right:0;
  452. top:1;
  453.  
  454. }
  455.  
  456.  
  457. /***
  458. Pagination
  459. ***/
  460. #pag_nav {
  461. overflow:auto;
  462. text-align:center;
  463. position:fixed;
  464. float:bottom;
  465. margin-bottom: 30px;
  466. margin-left: 50px;
  467. }
  468. #pag_nav a {
  469. text-decoration:none;
  470. min-height:12px;
  471. min-width:12px;
  472. text-align:center;
  473. display:inline-block;
  474. background-color: transparent;
  475. padding:3px;
  476. font-size: 22px;
  477. font-family: "Anaheim";
  478. }
  479. #pag_nav a.current, #pag_nav a.jump {
  480. margin:0 3px 0 2px;
  481. }
  482. #pag_nav a.current {
  483.  
  484. }
  485.  
  486. #cred {
  487. float:right;
  488. position:fixed;
  489. display:block;
  490. bottom:0px;
  491. right:0px;
  492. }
  493.  
  494. #cred a {
  495. color: #444;
  496. font-size:10px;
  497. font-family:"Arial";
  498. }
  499.  
  500. #cred a hover {
  501. color: #bbb;
  502. letter-spacing: 1px;
  503. border-bottom: 1px solid #bbb;
  504. border-top: 1px solid #bbb;
  505. border-left: 1px solid #bbb;
  506. border-right: 1px solid #bbb;
  507. }
  508.  
  509. /***
  510. Custom css
  511. ***/
  512.  
  513. </style>
  514. </head>
  515. <body>
  516. <div id="wrap">
  517.  
  518. <div id="aside">
  519. <div class="inner">
  520. <tit2>{text:Tit2}</tit2></br>
  521. <tit><a href="/" title="{text:Home Hover Title}">{text:Tit}</a></tit>
  522. <div><img src="{image:sidebar}"/></div>
  523. <div id="nav">
  524. <ul>
  525. <li><a class="aboutBtn show" href="#aP">ABOUT</a></li>
  526. <li><a class="messageBtn show" href="#sP">MESSAGE</a></li>
  527. <li><a class="linkBtn show" href="#lP">LINKS</a></li>
  528. </ul>
  529. <div id="aP" class="panel">
  530. <div class="panel_inner">
  531. {block:Description}
  532. <div id="desc">{Description}</div>
  533. {/block:Description}
  534. </div>
  535. </div>
  536. <div id="sP" class="panel">
  537. <div class="panel_inner">
  538. <iframe frameborder="0" scrolling="no" width="100%" height="256px" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  539. </div>
  540. </div>
  541. <div id="lP" class="panel">
  542. <div class="panel_inner">
  543. <ul class="subnav">
  544. <li><a href="/ask">Ask</a></li>
  545. <li><a href="/submit">Submit</a></li>
  546. <li><a href="/archive">Archive</a></li>
  547.  
  548. {block:IFLink1}
  549. <li><a href="{text:Link 1 Url}">{text:Link 1}</a></li>
  550. {/block:IfLink1}
  551. {block:IfLink2}
  552. <li><a href="{text:Link 2 Url}">{text:Link 2}</a></li>
  553. {/block:IfLink2}
  554. {block:IfLink3}
  555. <li><a href="{text:Link 3 Url}">{text:Link 3}</a></li>
  556. {/block:IfLink3}
  557. {block:IfLink4}
  558. <li><a href="{text:Link 4 Url}">{text:Link 4}</a></li>
  559. {/block:IfLink4}
  560. {block:IfLink5}
  561. <li><a href="{text:Link 5 Url}">{text:Link 5}</a></li>
  562. {/block:IfLink5}
  563. {block:IfLink6}
  564. <li><a href="{text:Link 6 Url}">{text:Link 6}</a></li>
  565. {/block:IfLink6}
  566. </ul>
  567. </div>
  568. </div>
  569. </div>
  570. </div>
  571. </br>
  572. {block:Pagination}
  573. <div class="pag_nav">
  574. {block:JumpPagination length="5"}
  575. {block:CurrentPage}<span class="current">{PageNumber}</span>{/block:CurrentPage}
  576. {block:JumpPage}<span class=jump><a href="{URL}" title="page {PageNumber} of {TotalPages}">{PageNumber}</a>{/block:JumpPage}
  577. {/block:JumpPagination}
  578. </div>
  579. {/block:Pagination}
  580.  
  581. </div>
  582.  
  583.  
  584. <div id="posts">
  585.  
  586. {block:Posts}
  587. <div class="post">
  588.  
  589. {block:Text}
  590. <div class="text">
  591. <div class="lorem">
  592. {block:Title}
  593. <title>{Title}</title>
  594. {/block:Title}
  595. {Body}
  596. </div>
  597. </div>
  598. {/block:Text}
  599.  
  600. {block:Photo}
  601. <div class="photo">
  602. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>
  603.  
  604. </div>
  605. {block:Caption}
  606. <div class="caption text">{Caption}</div>
  607. {/block:Caption}
  608. {/block:Photo}
  609.  
  610. {block:Panorama}
  611. <div class="panorama">
  612. {LinkOpenTag}
  613. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  614. {LinkCloseTag}
  615. </div>
  616. {block:Caption}
  617. <div class="caption text">{Caption}</div>
  618. {/block:Caption}
  619. {/block:Panorama}
  620.  
  621. {block:Photoset}
  622. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  623. {block:Photos}
  624. <div class="photo-data">
  625. <div class="pxu-photo">
  626. <img alt="{PhotoAlt}" src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" class="{block:Exif}exif-yes {/block:Exif}{block:Caption}caption-yes{/block:Caption}" {block:Exif}data-camera="{block:Camera}{Camera}{/block:Camera}" data-iso="{block:ISO}{ISO}{/block:ISO}" data-aperture="{block:Aperture}{Aperture}{/block:Aperture}" data-exposure="{block:Exposure}{Exposure}{/block:Exposure}" data-focal="{block:FocalLength}{FocalLength}{/block:FocalLength}"{/block:Exif} {block:Caption}data-caption="{Caption}"{/block:Caption}>
  627. </div>
  628. <div class="icons">
  629. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}">
  630. <span class="zoom">Zoom</span>
  631. </a>
  632. <span class="info">Info</span>
  633. </div>
  634. </div>
  635. {/block:Photos}
  636. </div><!-- close SLIDESHOW -->
  637. {block:Caption}
  638. <div class="caption text">{Caption}</div>
  639. {/block:Caption}
  640. {/block:Photoset}
  641.  
  642. {block:Quote}
  643. <div class="text">
  644. <div class="quote">
  645. "{Quote}"
  646. </div>
  647. {block:Source}
  648. <div class="source">{Source}</div>
  649. {/block:Source}
  650. </div>
  651. {/block:Quote}
  652.  
  653. {block:Link}
  654. <div class="text">
  655. <div class="link">
  656. <h2><a href="{URL}" class="link" {Target}>{Name}</a></h2>
  657. {block:Description}
  658. <div class="description">{Description}</div>
  659. {/block:Description}
  660. </div>
  661.  
  662. {/block:Link}
  663.  
  664.  
  665. {block:Chat}
  666. <div class="text">
  667. <div class="chat">
  668. <ul class="conversation">
  669. {block:Lines}
  670. <li class="line {Alt}">
  671. {block:Label}<span class="person">{Label}</span>{/block:Label}
  672. <span class="person-said">{Line}</span>
  673. </li>
  674. {/block:Lines}
  675. </ul>
  676. </div>
  677. </div>
  678.  
  679. {/block:Chat}
  680.  
  681. {block:Video}
  682. <div class="video">
  683. {Video-500}
  684. </div>
  685. {block:Caption}
  686. <div class="caption text">{Caption}</div>
  687. {/block:Caption}
  688. {/block:Video}
  689.  
  690. {block:Audio}
  691. <div class="text">
  692. <div class="audio">
  693. {AudioPlayerBlack}
  694. {block:TrackName}<b>Title: </b>{TrackName}{/block:TrackName}<br>
  695. {block:Artist}<b>Artist: </b>{Artist}{/block:Artist}<br>
  696. {block:Album}<b>Album:</b> {Album}{/block:Album}<br>
  697. <b>Plays:</b> {PlayCount}
  698.  
  699. </div>
  700.  
  701. {block:Caption}
  702. <div class="caption text">{Caption}</div>
  703. {/block:Caption}
  704. </div>
  705. {/block:Audio}
  706.  
  707. {block:Answer}
  708. <a href="{AskerURL}"></a> <div id="asks"> <img src="{AskerPortraitURL-24}"><i>{Asker} murmured:</i> <br>//{Question}</div> <p>
  709. {Answer}
  710. {/block:Answer}
  711. </div>
  712.  
  713. <div class="meta">
  714. {block:Date}
  715. <div class="permalink">
  716. <p><a href="{Permalink}" title="posted on {MonthNumber}/{DayOfMonth}/{ShortYear} at {12Hour}:{Minutes} {AmPm}">{TimeAgo}</a> {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentTitle}">via</a>{/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}" title="{SourceTitle}">source</a>{/block:ContentSource}<a href="{ReblogURL}" target="_blank">Reblog</a></p>
  717. </div>
  718. {/block:Date}
  719. {block:HasTags}
  720. <div class="tags">
  721. <p><div class="taggedas">TAGGED AS:</div>{block:Tags}<big>▹</big> <i><a href="{TagURL}">{Tag}</a></i> {/block:Tags}</p>
  722. </div>
  723. {/block:HasTags}
  724. </div>
  725. {/block:Posts}
  726. {block:PostNotes}{PostNotes-16}</div>{/block:PostNotes}
  727. {/block:Posts} </div></div>
  728.  
  729. </div>
  730. </div>
  731.  
  732. <div id="cred">
  733. <a href="http://banebridge.tumblr.com" title="theme by banebridge">B♡</a>
  734. </div>
  735. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  736. <script src="http://static.tumblr.com/pqsvrdz/rKBmvnjxz/jquery.fitvids.js"></script>
  737. <script src="http://static.tumblr.com/pqsvrdz/7x7mvnlxs/pxuphotoset.min.js"></script>
  738. <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
  739. <script>
  740. $(document).ready(function(){
  741. $.fn.vAlign = function () {
  742. return this.each(function (i) {
  743. var ah = $(this).outerHeight();
  744. var mh = Math.ceil(ah);
  745. $("#aside").css("height", mh);
  746. });
  747. };
  748. $('.show').click(function (e) {
  749. e.preventDefault();
  750. $('.panel').stop(true, true);
  751. var target = $(this).attr('href');
  752. if ($('.panel').is(':visible')) {
  753. if ($(target).is(':visible')) {
  754. $(target).slideUp('400', function(){
  755. $(".inner").vAlign();
  756. });
  757. return false;
  758. } else {
  759. $('.panel:visible').slideUp('400',function () {
  760. $(target).slideDown('400', function(){
  761. $(".inner").vAlign();
  762. });
  763. });
  764. }
  765. } else {
  766. $(target).slideDown('400', function(){
  767. $(".inner").vAlign()
  768. });
  769. }
  770. });
  771.  
  772. $(".inner").vAlign();
  773. $(".video").fitVids();
  774. $(".photo-slideshow").pxuPhotoset({
  775. 'ligthbox' : true, // uses the default Tumblr lightbox, change to false to use your own
  776. 'highRes' : true, // will use high res images
  777. 'rounded' : 'corners', // corners, all or false
  778. 'exif' : true, // display EXIF data if available (tooltip)
  779. 'captions' : true, // display individual captions on photos (tooltip)
  780. 'gutter' : '10px', // spacing between the images
  781. 'photoset' : '.photo-slideshow', // photoset wrapper
  782. 'photoWrap' : '.photo-data', // photo data wrapper (includes photo, icons + exif)
  783. 'photo' : '.pxu-photo' // photo wrap (includes photo only)
  784. });
  785. });
  786. </script>
  787. </body>
  788. </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!