API tools faq
paste
Advertisement
aryasnark

aryasnark - Theme 12 #1

aryasnark
Sep 29th, 2014
4,024
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.51 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!--
  6.  
  7. THEME 12 by ARYASNARK
  8.  
  9. Copyright © Aryasnark 2014 All Rights Reserved. No part of this website may be reproduced without my express consent.
  10.  
  11. -->
  12.  
  13. <head>
  14. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18. <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'>
  19.  
  20.  
  21.  
  22. <meta name="color:background" content="#ffffff">
  23. <meta name="color:title" content ="#3b3b3b">
  24. <meta name="color:text" content="#3b3b3b">
  25. <meta name="color:tags" content="#3b3b3b">
  26. <meta name="color:tags hover" content="#3b3b3b">
  27. <meta name="color:link" content="#b8b8b8">
  28. <meta name="color:link hover" content="#3b3b3b">
  29. <meta name="color:sidelink" content="#3b3b3b">
  30. <meta name="color:sidelink hover" content="#3b3b3b">
  31. <meta name="color:border" content="#f4f4f4">
  32. <meta name="color:info bg" content="#f4f4f4">
  33. <meta name="color:panel bg" content="#222222">
  34. <meta name="color:panel title" content="#ffffff">
  35. <meta name="color:panel text" content="#999999">
  36. <meta name="color:panel bold" content="#ffffff">
  37. <meta name="color:panel link" content="#999999">
  38. <meta name="color:panel link hover" content="#ffffff">
  39. <meta name="color:scrollbar" content="#dddddd">
  40. <meta name="color:scrollbar bg" content="#222222">
  41.  
  42. <meta name="if:400px" content="1"/>
  43. <meta name="if:500px" content="0"/>
  44. <meta name="if:avatar" content="0"/>
  45. <meta name="text:username" content=""/>
  46. <meta name="text:tab 1" content=""/>
  47. <meta name="text:tab 1 title" content=""/>
  48. <meta name="text:tab 2" content=""/>
  49. <meta name="text:tab 2 title" content=""/>
  50. <meta name="text:tab 3" content=""/>
  51. <meta name="text:tab 3 title" content=""/>
  52. <meta name="text:ask tab" content="ask"/>
  53. <meta name="text:ask title" content=""/>
  54.  
  55.  
  56. <style type="text/css">
  57.  
  58. ::-webkit-scrollbar{ width: 11px; height: 11px; }
  59. ::-webkit-scrollbar-track {
  60. background-color: {color:scrollbar bg}; }
  61.  
  62. ::-webkit-scrollbar-thumb{
  63. border: 5px solid {color:scrollbar bg};
  64. background-color: {color:scrollbar}; }
  65.  
  66. ::-webkit-scrollbar-track-piece { height: 30px; width: 30px; }
  67.  
  68. body {
  69. margin:0 auto;
  70. padding:0px;
  71. font-family: 'Lato', sans-serif;
  72. font-weight:300;
  73. font-size:9px;
  74. color: #2b2b2b;
  75. letter-spacing:1px;
  76. line-height:150%;
  77. background:{color:background};
  78. {block:if500px}
  79. font-size:10px;
  80. {/block:if500px}
  81. }
  82.  
  83. a:link, a, a:active, a:visited {
  84. text-decoration:none;
  85. color:{color:link};
  86. transition-duration: 0.6s;
  87. -moz-transition-duration: 0.6s;
  88. -webkit-transition-duration: 0.6s;
  89. -o-transition-duration: 0.6s;
  90. }
  91.  
  92. a:hover {
  93. color:{color:link hover};
  94. transition-duration: 0.6s;
  95. -moz-transition-duration: 0.6s;
  96. -webkit-transition-duration: 0.6s;
  97. -o-transition-duration: 0.6s;
  98. }
  99. p { margin-bottom:10px; }
  100.  
  101. p img {
  102. max-width:400px;
  103. }
  104.  
  105. .text img {
  106. max-width:400px;
  107. height:auto;
  108. {block:if500px}
  109. max-width:500px;
  110. {/block:if500px}
  111. }
  112.  
  113. ul {
  114. list-style-position: inside;
  115. list-style-type:circle;
  116. }
  117.  
  118. h1 {font-size:15px;
  119. text-transform:uppercase;
  120. letter-spacing:2px;
  121. text-align:right;
  122. padding:10px;
  123. line-height:150%;
  124. color:{color:text};
  125. font-weight:300;
  126. }
  127.  
  128. h1 a {
  129. color:{color:text}!important;
  130. border-bottom:1px solid transparent;
  131. }
  132.  
  133. #topbar {
  134. width:610px;
  135. margin-left:270px;
  136. top:0;
  137. height:80px;
  138. border-bottom:1px solid {color:border};
  139. position:fixed;
  140. background:white;
  141. z-index:10000;
  142. {block:if500px}
  143. width:710px;
  144. {/block:if500px}
  145.  
  146. }
  147.  
  148. {block:ifavatar}
  149. #icon {
  150. text-align:right;
  151. margin-bottom:0px;
  152. padding:5px;
  153. }
  154. {/block:ifavatar}
  155.  
  156. #sidebar {
  157. width:410px;
  158. padding:20px;
  159. top:0;
  160. margin-top:60px;
  161. background:#fff;
  162. text-align:right;
  163. height:800px;
  164. position:fixed;
  165. z-index:1000;
  166. }
  167.  
  168.  
  169. .blogtitle {
  170. font-size:15px;
  171. line-height:230%;
  172. padding-right:25px;
  173. padding-top:50px;
  174. letter-spacing:2px;
  175. text-transform:uppercase;
  176. font-weight:300;
  177. margin-top:0px;
  178. margin-bottom:-10px;
  179. width:150px;
  180. margin-left:260px;
  181. background:transparent;
  182. }
  183.  
  184. .blogtitle a {
  185. color:#2b2b2b;
  186. border-bottom:1px solid transparent;
  187. transition-duration: 0.6s;
  188. -moz-transition-duration: 0.6s;
  189. -webkit-transition-duration: 0.6s;
  190. -o-transition-duration: 0.6s;
  191. }
  192.  
  193. .blogtitle a:hover {
  194. border-bottom:1px solid #2b2b2b;
  195. transition-duration: 0.6s;
  196. -moz-transition-duration: 0.6s;
  197. -webkit-transition-duration: 0.6s;
  198. -o-transition-duration: 0.6s;
  199. }
  200.  
  201. .description {
  202. font-size:9px;
  203. line-height:200%;
  204. margin-left:225px;
  205. text-align:right;
  206. width:170px;
  207. padding:10px;
  208. letter-spacing:1px;
  209. border:1px dashed white;
  210. transition-duration: 0.6s;
  211. -moz-transition-duration: 0.6s;
  212. -webkit-transition-duration: 0.6s;
  213. -o-transition-duration: 0.6s;
  214. }
  215.  
  216. .description a {
  217. color:{color:links};
  218. border-bottom:1px solid transparent;
  219. transition-duration: 0.6s;
  220. -moz-transition-duration: 0.6s;
  221. -webkit-transition-duration: 0.6s;
  222. -o-transition-duration: 0.6s;
  223. }
  224. #pagination {
  225. width:400px;
  226. margin-left:480px;
  227. bottom:0px;
  228. margin-bottom:110px;
  229. margin-top:-100px;
  230. font-size:11px;
  231. text-align:center;
  232. text-transform:uppercase;
  233. letter-spacing:3px;
  234. font-weight:400;
  235. {block:if500px}
  236. width:500px;
  237. {/block:if500px}
  238. }
  239. #pagination a {
  240. padding:1px;
  241. color:{color:sidelink};
  242. border-bottom:1px solid transparent;
  243. text-decoration:none;
  244. transition-duration: 0.3s;
  245. -moz-transition-duration: 0.3s;
  246. -webkit-transition-duration: 0.3s;
  247. -o-transition-duration: 0.3s;
  248. }
  249. #pagination a:hover {
  250. border-bottom:1px solid {color:text};
  251. transition-duration: 0.3s;
  252. -moz-transition-duration: 0.3s;
  253. -webkit-transition-duration: 0.3s;
  254. -o-transition-duration: 0.3s;
  255. }
  256.  
  257. #entry {
  258. margin-left:460px;
  259. margin-top:120px;
  260. width:440px;
  261. {block:if500px}
  262. width:550px;
  263. {/block:if500px}
  264. }
  265.  
  266. .post {
  267. position:relative;
  268. overflow:hidden;
  269. text-align:center;
  270. margin-top:20px;
  271. padding-left:20px;
  272. padding-bottom:0px;
  273. width:400px;
  274. {block:if500px}
  275. width:500px;
  276. {/block:if500px}
  277. }
  278.  
  279. .date {
  280. position:absolute;
  281. font-size:9px;
  282. font-style:none;
  283. text-align:center;
  284. letter-spacing:1px;
  285. line-height:150%;
  286. text-transform:uppercase;
  287. font-weight:700;
  288. top:47%;
  289. margin-left:-215px;
  290. width:400px;
  291. color:{color:text};
  292. -ms-transform: rotate(-90deg);
  293. -moz-transform: rotate(-90deg);
  294. -o-transform: rotate(-90deg);
  295. -webkit-transform: rotate(-90deg);
  296. transform: rotate(-90deg);
  297. transition-duration: 0.6s;
  298. -moz-transition-duration: 0.6s;
  299. -webkit-transition-duration: 0.6s;
  300. -o-transition-duration: 0.6s;
  301. {block:if500px}
  302. margin-left:-260px;
  303. width:500px;
  304. font-size:10px;
  305. {/block:if500px}
  306. }
  307.  
  308. .date a {
  309. color:{color:text};
  310. padding:5px;
  311. border-bottom:1px solid transparent;
  312. }
  313.  
  314. #info {
  315. width:400px;
  316. margin-left:20px;
  317. text-align:center;
  318. margin-bottom:200px;
  319. margin-top:-3px;
  320. text-transform:uppercase;
  321. {block:PermalinkPage}
  322. margin-bottom:100px;
  323. {/block:PermalinkPage}
  324. {block:if500px}
  325. width:500px;
  326. {/block:if500px}
  327. }
  328.  
  329. .tags {
  330. font-size:7px;
  331. font-style:none;
  332. text-align:center;
  333. letter-spacing:2px;
  334. line-height:200%;
  335. margin-top:10px;
  336. text-transform:uppercase;
  337. font-weight:400;
  338. padding:10px;
  339. color:{color:tags};
  340. background:{color:info bg};
  341. {block:if500px}
  342. font-size:8px;
  343. {/block:if500px}
  344. transition-duration: 0.3s;
  345. -moz-transition-duration: 0.3s;
  346. -webkit-transition-duration: 0.3s;
  347. -o-transition-duration: 0.3s;
  348. }
  349.  
  350. .tags a {
  351. color:{color:tags};
  352. margin:5px;
  353. }
  354.  
  355. .tags a:hover {
  356. color:{color:tags hover};
  357. }
  358.  
  359. .caption {
  360. display:block;
  361. padding:10px;
  362. margin-top:0px;
  363. margin-bottom:-25px;
  364. text-transform:none;
  365. line-height:150%;
  366. color:{color:text};
  367. background:{color:info bg};
  368. -webkit-transition: all 0.5s ease-in-out;
  369. -moz-transition: all 0.5s ease-in-out;
  370. -o-transition: all 0.5s ease-in-out;
  371. -ms-transition: all 0.5s ease-in-out;
  372. }
  373. .caption img {
  374. max-width:360px;
  375. }
  376.  
  377. blockquote {
  378. padding-left:0px;
  379. border-left:1px solid transparent;
  380. }
  381.  
  382. .quote {
  383. font-size:12px;
  384. font-style:none;
  385. text-align:center;
  386. letter-spacing:2px;
  387. line-height:150%;
  388. padding:10px;
  389. padding-bottom:0px;
  390. text-transform:uppercase;
  391. {block:if500px}
  392. font-size:13px;
  393. letter-spacing:3px;
  394. {/block:if500px}
  395. }
  396.  
  397. #source {
  398. font-size:7px;
  399. text-transform:uppercase;
  400. letter-spacing:2px;
  401. text-align:center;
  402. padding:10px;
  403. padding-bottom:15px;
  404. line-height:150%;
  405. color:{color:text};
  406. font-weight:700;
  407. {block:if500px}
  408. font-size:8px;
  409. {/block:if500px}
  410. }
  411.  
  412. #asker {
  413. font-size:7px;
  414. text-align:center;
  415. font-style:none;
  416. padding:10px;
  417. padding-bottom:0px;
  418. letter-spacing:2px;
  419. line-height:150%;
  420. text-transform:uppercase;
  421. font-weight:700;
  422. color:{color:text};
  423. }
  424.  
  425. #asker a {
  426. text-transform:uppercase;
  427. color:{color:text};
  428. text-decoration:none;
  429. font-weight:700;
  430. }
  431. #asker a:hover {
  432. }
  433.  
  434. #asked {
  435. text-transform:uppercase;
  436. text-align:center;
  437. font-size:11px;
  438. font-style:none;
  439. line-height:150%;
  440. padding:10px;
  441. margin-bottom:-10px;
  442. letter-spacing:2px;
  443. }
  444.  
  445. #answer {
  446. font-size:9px;
  447. font-style:none;
  448. text-align:center;
  449. letter-spacing:1px;
  450. padding:10px;
  451. line-height:175%;
  452. }
  453.  
  454. #answer a {
  455. border-bottom:1px solid {color:text};
  456. }
  457.  
  458. #answer img {
  459. max-width:380px;
  460. {block:if500px}
  461. width:480px;
  462. {/block:if500px}
  463. }
  464.  
  465. .playbutton {
  466. width:20px;
  467. height:30px;
  468. overflow:hidden;
  469. position:relative;
  470. opacity:0.8;
  471. z-index:100;
  472. margin:9px 18px 7px 10px;
  473. }
  474.  
  475. .playbox {
  476. margin-top:10px;
  477. margin-left:13px;
  478. opacity:0.8;
  479. border:1px solid #e5e5e5;
  480. position: absolute;
  481. z-index: 100;
  482. }
  483.  
  484. .audiodata {
  485. font-size:8px;
  486. letter-spacing:2px;
  487. color:{color:text};
  488. padding:1px 10px 10px 10px;
  489. text-transform:uppercase;
  490. line-height:200%;
  491. height:55px;
  492. width:305px;
  493. margin-top:0px;
  494. margin-left:75px;
  495. text-align:right;
  496. {block:if500px}
  497. width:405px;
  498. {/block:if500px}
  499. }
  500.  
  501. ol.notes {
  502. padding-bottom:2%;
  503. width:380px;
  504. list-style-type:lower-roman;
  505. text-align:left;
  506. font-size:9px;
  507. {block:if500px}
  508. width:480px;
  509. {/block:if500px}
  510. }
  511.  
  512. ol.notes li.note{
  513. padding:2%;
  514. }
  515.  
  516. ol.notes li.note img.avatar{
  517. width:0px;
  518. height:0px;
  519. }
  520.  
  521. #credit {
  522. position:fixed;
  523. bottom:0px;
  524. right:0px;
  525. text-align:right;
  526. font-size:7px;
  527. letter-spacing:3px;
  528. opacity:0.3;
  529. width:200px;
  530. padding:10px;
  531. }
  532.  
  533. #credit a {
  534. text-decoration:none;
  535. }
  536.  
  537. #credit a:hover {
  538. text-decoration:underline;
  539. }
  540.  
  541. .showmenu input { width:80%; }
  542.  
  543.  
  544. #tab1, #tab2, #tab3, #asktab {
  545. margin-top:60px;
  546. float:right;
  547. font-size:8px;
  548. color:{color:sidelink};
  549. margin-left:20px;
  550. padding-left:1px;
  551. letter-spacing:2px;
  552. text-transform:uppercase;
  553. font-weight:400;
  554. cursor:pointer;
  555. display:block;
  556. border-bottom:1px solid transparent;
  557. transition-duration: 0.3s;
  558. -moz-transition-duration: 0.3s;
  559. -webkit-transition-duration: 0.3s;
  560. -o-transition-duration: 0.3s;
  561. }
  562.  
  563. #asktab:hover, #tab1:hover, #tab2:hover, #tab3:hover {
  564. color:{color:sidelink hover};
  565. border-bottom:1px solid {color:text};
  566. transition-duration: 0.3s;
  567. -moz-transition-duration: 0.3s;
  568. -webkit-transition-duration: 0.3s;
  569. -o-transition-duration: 0.3s;
  570. }
  571.  
  572. #panel1, #panel2, #panel3, #askpanel {
  573. position:fixed;
  574. left:0px;
  575. margin-left:450px;
  576. top:81px;
  577. height:800px;
  578. width:0;
  579. z-index:99999;
  580. background-color:{color:panel bg};
  581. }
  582.  
  583. #panel1 .content1, #panel2 .content2, #panel3 .content3 {
  584. width:330px;
  585. display:none;
  586. z-index:99999;
  587. margin-left:0px;
  588. text-align:justify;
  589. padding:50px;
  590. color:{color:panel text};
  591. margin-top:0px;
  592. text-transform:uppercase;
  593. font-size:8px;
  594. letter-spacing:2px;
  595. font-weight:normal;
  596. line-height:200%;
  597. font-weight:400;
  598. {block:if500px}
  599. width:430px;
  600. {/block:if500px}
  601. }
  602.  
  603. #askpanel .askcontent {
  604. width:330px;
  605. display:none;
  606. z-index:99999;
  607. margin-left:0px;
  608. text-align:justify;
  609. padding:15px;
  610. color:{color:panel text};
  611. margin-top:0px;
  612. text-transform:uppercase;
  613. font-size:8px;
  614. letter-spacing:2px;
  615. font-weight:normal;
  616. line-height:200%;
  617. font-weight:400;
  618. {block:if500px}
  619. width:430px;
  620. padding:50px;
  621. {/block:if500px}
  622. }
  623.  
  624. #askpanel .askcontent b, #panel1 .content1 b, #panel2 .content2 b, #panel3 .content3 b{
  625. color:{color:panel bold};
  626. font-weight:300;
  627. }
  628.  
  629. #askpanel .askcontent a, #panel1 .content1 a, #panel2 .content2 a, #panel3 .content3 a {
  630. color:{color:panel link};
  631. font-weight:400;
  632. line-height:200%;
  633. transition-duration: 0.6s;
  634. -moz-transition-duration: 0.6s;
  635. -webkit-transition-duration: 0.6s;
  636. -o-transition-duration: 0.6s;
  637. }
  638. #askpanel .askcontent a:hover, #panel1 .content1 a:hover, #panel2 .content2 a:hover, #panel3 .content3 a:hover {
  639. color:{color:panel link hover} !important;
  640. transition-duration: 0.6s;
  641. -moz-transition-duration: 0.6s;
  642. -webkit-transition-duration: 0.6s;
  643. -o-transition-duration: 0.6s;
  644. }
  645.  
  646. h3 {
  647. font-size:15px;
  648. text-transform:uppercase;
  649. letter-spacing:2px;
  650. text-align:right;
  651. line-height:150%;
  652. color:{color:panel title};
  653. font-weight:300;
  654. width:330px;
  655. margin-left:0px;
  656. margin-bottom:20px;
  657. {block:if500px}
  658. width:430px;
  659. {/block:if500px}
  660. }
  661.  
  662. .asktitle {
  663. font-size:15px;
  664. text-transform:uppercase;
  665. letter-spacing:2px;
  666. text-align:right;
  667. line-height:150%;
  668. padding:50px;
  669. padding-bottom:0px;
  670. color:{color:panel title};
  671. font-weight:300;
  672. width:330px;
  673. margin-left:0px;
  674. margin-bottom:20px;
  675. {block:if500px}
  676. width:430px;
  677. padding:0px;
  678. {/block:if500px}
  679. }
  680.  
  681. iframe#tumblr_controls {
  682. top:5px;
  683. right:10px!important;
  684. position:fixed !important;
  685. -webkit-filter: invert(1);
  686. opacity:.6;
  687. filter:alpha(opacity=60);
  688. -moz-opacity:.6;
  689. }
  690. </style></head>
  691.  
  692.  
  693. <body>
  694. <div id="topbar">
  695. <div id="asktab">{text:ask tab}</div>
  696. {block:iftab3}<div id="tab3">{text:tab 3}</div>{/block:iftab3}
  697. {block:iftab2} <div id="tab2">{text:tab 2}</div>{/block:iftab2}
  698. {block:iftab1}<div id="tab1">{text:tab 1}</div>{/block:iftab1}
  699. </div>
  700.  
  701. <div id="sidebar">
  702. <div class="blogtitle">
  703. {block:ifavatar}
  704. <div id="icon"><img src="{PortraitURL-64}" /></div>{/block:ifavatar}
  705. <a href="/">{Title}</a></div>
  706.  
  707. {block:iftab1}
  708. <div id="panel1">
  709. <div class="content1">
  710. <h3>{text:tab 1 title}</h3>
  711. <!--CONTENT BEGINS-->
  712. <p>Here is a line of text for your consideration</p>
  713. <br>
  714. <p><b>Bolded text.</b> <i>Italicised.</i>
  715. <ul>
  716. <li>And</li>
  717. <li>So</li>
  718. <li>On</li>
  719. </ul>
  720. </p>
  721. <!--CONTENT ENDS-->
  722. </div>
  723. </div>
  724. {/block:iftab1}
  725.  
  726. {block:iftab2}
  727. <div id="panel2">
  728. <div class="content2">
  729. <h3>{text:tab 2 title}</h3>
  730. <!--CONTENT BEGINS-->
  731. <p><a href="#">Here</a>&nbsp;&nbsp;&nbsp;<a href="#">Are</a>&nbsp;&nbsp;&nbsp;<a href="#">Some</a>&nbsp;&nbsp;&nbsp;<a href="#">Pretend</a>&nbsp;&nbsp;&nbsp;<a href="#">Links</a>&nbsp;&nbsp;&nbsp;</p>
  732. <!--CONTENT ENDS-->
  733. </div>
  734. </div>
  735. {/block:iftab2}
  736.  
  737. {block:iftab3}
  738. <div id="panel3">
  739. <div class="content3">
  740. <h3>{text:tab 3 title}</h3>
  741. <!--CONTENT BEGINS-->
  742. <p>Do you get the picture now?
  743. </p>
  744. <!--CONTENT ENDS-->
  745. </div>
  746. </div>
  747. {/block:iftab3}
  748.  
  749. <div id="askpanel">
  750. <div class="askcontent">
  751. <div class="asktitle">{text:ask title}</div>
  752. <iframe frameborder="0" border="0" scrolling="no" width={block:if400px}"400"{/block:if400px} {block:if500px}"430"{/block:if500px} height={block:if400px}"255"{/block:if400px} {block:if500px}"200"{/block:if500px} allowtransparency="true" src="http://www.tumblr.com/ask_form/{text:username}.tumblr.com" style="background-color:transparent; overflow:hidden;"></iframe>
  753. </div>
  754. </div>
  755.  
  756. <script src="http://code.jquery.com/jquery-1.9.1.js" type="text/javascript"></script>
  757.  
  758. <script>
  759. $(function() {
  760. $('#tab1').click(function(event) {
  761. var panel = $('#panel1');
  762. if (panel.hasClass('open')) {
  763. panel.removeClass('open');
  764. $('.content1').fadeOut('slow', function() {
  765. $('#panel1').stop().animate({
  766. width: '0',
  767. opacity: 0.0
  768. }, 500)
  769. })
  770. } else {
  771. panel.addClass('open');
  772. $('#panel1').stop().animate({
  773. width: {block:if400px}'430'{/block:if400px} {block:if500px}'530'{/block:if500px},
  774. opacity: 1
  775. }, 500, function() {
  776. $('.content1').fadeIn('slow');
  777. });
  778. }
  779.  
  780. });
  781.  
  782. $('#tab2').click(function(event) {
  783. var panel = $('#panel2');
  784. if (panel.hasClass('open')) {
  785. panel.removeClass('open');
  786. $('.content2').fadeOut('slow', function() {
  787. $('#panel2').stop().animate({
  788. width: '0',
  789. opacity: 0.0
  790. }, 500)
  791. })
  792. } else {
  793. panel.addClass('open');
  794. $('#panel2').stop().animate({
  795. width: {block:if400px}'430'{/block:if400px} {block:if500px}'530'{/block:if500px},
  796. opacity: 1
  797. }, 500, function() {
  798. $('.content2').fadeIn('slow');
  799. });
  800. }
  801. });
  802.  
  803. $('#tab3').click(function(event) {
  804. var panel = $('#panel3');
  805. if (panel.hasClass('open')) {
  806. panel.removeClass('open');
  807. $('.content3').fadeOut('slow', function() {
  808. $('#panel3').stop().animate({
  809. width: '0',
  810. opacity: 0.0
  811. }, 500)
  812. })
  813. } else {
  814. panel.addClass('open');
  815. $('#panel3').stop().animate({
  816. width: {block:if400px}'430'{/block:if400px} {block:if500px}'530'{/block:if500px},
  817. opacity: 1
  818. }, 500, function() {
  819. $('.content3').fadeIn('slow');
  820. });
  821. }
  822. });
  823.  
  824. $('#asktab').click(function(event) {
  825. var panel = $('#askpanel');
  826. if (panel.hasClass('open')) {
  827. panel.removeClass('open');
  828. $('.askcontent').fadeOut('slow', function() {
  829. $('#askpanel').stop().animate({
  830. width: '0',
  831. opacity: 0.0
  832. }, 500)
  833. })
  834. } else {
  835. panel.addClass('open');
  836. $('#askpanel').stop().animate({
  837. width: {block:if400px}'430'{/block:if400px} {block:if500px}'530'{/block:if500px},
  838. opacity: 1
  839. }, 500, function() {
  840. $('.askcontent').fadeIn('slow');
  841. });
  842. }
  843. });
  844.  
  845. });
  846. </script>
  847.  
  848. <div class="description">
  849. <p>{Description}
  850. </p>
  851. </div>
  852.  
  853. </div>
  854.  
  855. <div id="posts">
  856. <!----- ENTRIES ----->
  857.  
  858.  
  859. <div id="entry">
  860.  
  861. {block:Posts}
  862.  
  863. <div class="post">
  864.  
  865. {block:Text}
  866.  
  867. <div class="date">{block:Date}<a href="{Permalink}">-{DayOfMonthwithZero}{MonthNumberWithZero}{ShortYear}-</a>{/block:Date}</div>
  868.  
  869. {block:Title}<h1>{Title}</h1>{/block:Title}
  870. {Body}
  871. {/block:Text}
  872.  
  873.  
  874. {block:Photo}
  875.  
  876. <div class="date">{block:Date}<a href="{Permalink}">-{DayOfMonthwithZero}{MonthNumberWithZero}{ShortYear}-</a>{/block:Date}</div>
  877.  
  878.  
  879. {block:if400px}
  880. <center><a href="{Permalink}"><img src="{PhotoURL-400}"></a></center>
  881. {/block:if400px}
  882. {block:if500px}
  883. <center><a href="{Permalink}"><img src="{PhotoURL-500}"></a></center>
  884. {/block:if500px}
  885.  
  886.  
  887. {/block:Photo}
  888.  
  889.  
  890. {block:Photoset}
  891.  
  892. <div class="date">{block:Date}<a href="{Permalink}">-{DayOfMonthwithZero}{MonthNumberWithZero}{ShortYear}-</a>{/block:Date}</div>
  893.  
  894. {block:if400px}
  895. {Photoset-400}
  896. {/block:if400px}
  897.  
  898. {block:if500px}
  899. {Photoset-500}
  900. {/block:if500px}
  901.  
  902. {/block:Photoset}
  903.  
  904. {block:Quote}
  905.  
  906. <div class="date">{block:Date}<a href="{Permalink}">-{DayOfMonthwithZero}{MonthNumberWithZero}{ShortYear}-</a>{/block:Date}</div>
  907.  
  908. <div class="quote">❝ {Quote} ❞</div>
  909. {block:Source}
  910. <div id="source">{Source}</div>
  911. {/block:Source}
  912. {/block:Quote}
  913.  
  914.  
  915. {block:Link}
  916.  
  917. <div class="date">{block:Date}<a href="{Permalink}">-{DayOfMonthwithZero}{MonthNumberWithZero}{ShortYear}-</a>{/block:Date}</div>
  918.  
  919. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  920. {block:Description}
  921. {Description}
  922. {/block:Description}
  923. {/block:Link}
  924.  
  925.  
  926. {block:Chat}
  927.  
  928. <div class="date">{block:Date}<a href="{Permalink}">-{DayOfMonthwithZero}{MonthNumberWithZero}{ShortYear}-</a>{/block:Date}</div>
  929.  
  930. {block:Title}<h1>{Title}</h1>{/block:Title}
  931. {block:Lines}
  932. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  933. {/block:Lines}
  934. {/block:Chat}
  935.  
  936. {block:Audio}
  937.  
  938. <div class="date">{block:Date}<a href="{Permalink}">-{DayOfMonthwithZero}{MonthNumberWithZero}{ShortYear}-</a>{/block:Date}</div>
  939.  
  940. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  941. <div class="audiodata"><br>{block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br><b>{Artist}</b>{/block:Artist}</div>
  942.  
  943. {/block:Audio}
  944.  
  945.  
  946.  
  947. {block:Video}
  948.  
  949.  
  950. <div class="date">{block:Date}<a href="{Permalink}">-{DayOfMonthwithZero}{MonthNumberWithZero}{ShortYear}-</a>{/block:Date}</div>
  951.  
  952.  
  953. {block:if400px}
  954. {Video-400}
  955. {/block:if400px}
  956. {block:if500px}
  957. {Video-500}
  958. {/block:if500px}
  959. {/block:Video}
  960.  
  961.  
  962. {block:Answer}
  963.  
  964. <div class="date">{block:Date}<a href="{Permalink}">-{DayOfMonthwithZero}{MonthNumberWithZero}{ShortYear}-</a>{/block:Date}</div>
  965.  
  966.  
  967. <div id="asked">{Question}</div>
  968. <div id="asker">{Asker}</div>
  969. <div id="answer">{Answer}</div>
  970. {/block:Answer}
  971.  
  972.  
  973.  
  974.  
  975.  
  976. </div>
  977.  
  978. <div id="info">
  979. {block:Caption}
  980. <div class="caption">{Caption}</div>
  981. {/block:Caption}
  982. <div class="tags">{block:HasTags}{block:Tags}<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  983.  
  984. {block:PermalinkPage}
  985. <div style="margin-top:20px">{block:ContentSource}<a href="{SourceURL}">BY</a>&nbsp;/&nbsp;{/block:ContentSource}{block:RebloggedFrom}<a href="{ReblogParentURL}">VIA</a>&nbsp;/&nbsp;{/block:RebloggedFrom}{block:NoteCount}{NoteCountwithLabel}{/block:NoteCount}</div>
  986. {/block:PermalinkPage}
  987.  
  988. </div>
  989. {/block:Posts}
  990.  
  991.  
  992.  
  993. {block:PermalinkPage}
  994.  
  995. {block:PostNotes}
  996. <div id="notes">{PostNotes}</div>
  997. {/block:PostNotes}
  998. {/block:permalinkpage}
  999.  
  1000. </div>
  1001. {/block:Posts}
  1002.  
  1003. <div id="pagination">
  1004. {block:IndexPage}
  1005. {block:Pagination}
  1006. {block:PreviousPage}
  1007. <a href="{PreviousPage}">&larr; regress</a>&nbsp;&nbsp;&nbsp;&nbsp;
  1008. {/block:PreviousPage}
  1009. {block:NextPage}
  1010. <a href="{NextPage}">progress &rarr;</a>
  1011. {/block:NextPage}
  1012. {/block:Pagination}
  1013. {/block:IndexPage}
  1014. </div>
  1015.  
  1016.  
  1017.  
  1018.  
  1019.  
  1020.  
  1021.  
  1022. <div id="credit">
  1023. <a href="https://aryasnark.tumblr.com"><img src="http://static.tumblr.com/ktebk5j/KQDn13fzc/logo.png" height="25"></a>
  1024. </div>
  1025.  
  1026. </div>
  1027.  
  1028.  
  1029.  
  1030. </body>
  1031. </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!