API tools faq
paste
Advertisement
neothm

#01 AMOROUS

neothm
Jan 3rd, 2015
5,097
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.33 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4.  
  5. <!--
  6. #01 AMOROUS
  7. ©NEO: @NEOTHM/@NEOVAK
  8. SUPPORT: //neothm.tumblr.com/docs/01
  9.  
  10. If you need help/spotted a glitch, feel free to message me!
  11. Thank you for taking an interest in this code. Enjoy. ♡
  12. [Please do not alter the credits in any way whatsoever.]
  13. -->
  14.  
  15.  
  16. <meta charset="utf-8">
  17. <title>{block:PostTitle}{PostTitle} / {/block:PostTitle}{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}<meta name="description" content='{MetaDescription}'>{/block:Description}
  21. <link rel="stylesheet" href="http://static.tumblr.com/wgg6svp/jSmnqcghc/normalizer.css">
  22. <link href='http://fonts.googleapis.com/css?family=Lato:400,100,300,700,100italic,300italic' rel='stylesheet' type='text/css'>
  23.  
  24. <meta name="color:accent" content="#f3a5a5">
  25. <meta name="color:links" content="#000">
  26. <meta name="color:hover" content="#aaa">
  27. <meta name="image:SidebarPng" content="http://static.tumblr.com/wgg6svp/K49ni0hmy/16sweettasteofbitter29.png">
  28. <meta name="image:PostsBackground" content="">
  29. <meta name="image:PageBackground" content="">
  30.  
  31. <meta name="if:LinkPanel" content="1">
  32. <meta name="if:CustomPanel" content="1">
  33.  
  34. <meta name="if:SidebarPagination" content="0">
  35. <meta name="if:SidebarDescription" content="0">
  36. <meta name="if:SidebarHoverEffect" content="1">
  37. <meta name="if:SidebarImage" content="1">
  38. <meta name="if:InfiniteScroll" content="1">
  39. <meta name="if:FAQ" content="1">
  40. <meta name="if:FadedImages" content="0">
  41. <meta name="if:GrayscaleImages" content="0">
  42.  
  43. <!--navigation-->
  44. <!--custom panel--><meta name="text:CustomPanelNavTitle" content="custom panel">
  45. <!--link panel--><meta name="text:LinkPanelNavTitle" content="links">
  46. <meta name="if:NavLink1" content="0">
  47. <meta name="if:NavLink2" content="0">
  48. <meta name="if:NavLink3" content="0">
  49. <meta name="if:NavLink4" content="0">
  50. <meta name="if:NavLink5" content="0">
  51. <meta name="text:NavLink1Name" content="">
  52. <meta name="text:NavLink1URL" content="">
  53. <meta name="text:NavLink2Name" content="">
  54. <meta name="text:NavLink2URL" content="">
  55. <meta name="text:NavLink3Name" content="">
  56. <meta name="text:NavLink3URL" content="">
  57. <meta name="text:NavLink4Name" content="">
  58. <meta name="text:NavLink4URL" content="">
  59. <meta name="text:NavLink5Name" content="">
  60. <meta name="text:NavLink5URL" content="">
  61.  
  62. <meta name="text:LinkPanel1stColTitle" content="categorie of links">
  63. <meta name="text:LinkPanel2ndColTitle" content="categorie of links">
  64. <meta name="text:FirstColLink1URL" content="/">
  65. <meta name="text:FirstColLink1Name" content="Link 1">
  66. <meta name="text:FirstColLink2URL" content="/">
  67. <meta name="text:FirstColLink2Name" content="Link 2">
  68. <meta name="text:SecondColLink1URL" content="/">
  69. <meta name="text:SecondColLink1Name" content="Link 1">
  70. <meta name="text:SecondColLink2URL" content="/">
  71. <meta name="text:SecondColLink2Name" content="Link 2">
  72.  
  73.  
  74.  
  75.  
  76. <meta name="text:TitleFAQbox" content="Frequently Asked Questions.">
  77. <meta name="text:FAQQuestion1" content="????">
  78. <meta name="text:FAQAnswer1" content="!!!!">
  79. <meta name="text:FAQQuestion2" content="">
  80. <meta name="text:FAQAnswer2" content="">
  81. <meta name="text:FAQQuestion3" content="">
  82. <meta name="text:FAQAnswer3" content="">
  83.  
  84.  
  85. <meta name="text:MusicPlayerCode" content="">
  86. <meta name="text:AnimationDuration" content="700">
  87.  
  88.  
  89.  
  90. <style type="text/css">
  91. #s-m-t-tooltip{font-family:arial;font-size:7px;text-transform:uppercase;text-align:center;margin-top:15px;word-wrap:break-word;margin-left:10px;max-width:100px;z-index:999999999!important;padding:6px;background-color:#fff;color:#aaa;border:1px solid #f2f2f2;letter-spacing:1px;-moz-border-radius:3px;-webkit-border-radius:0px;border-radius:0px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
  92. ::-webkit-scrollbar-thumb {z-index:9999999;position:relative;height:auto;background-color:#aaa;}
  93. ::-webkit-scrollbar {height:2px;width:2px;background-color:white;}
  94. ::selection {background:{color:accent};color:white;text-shadow:1px 1px 0px rgba(255,255,255.5);}
  95. ::-moz-selection {background:{color:accent};color:white;text-shadow:1px 1px 0px rgba(255,255,255.5);}
  96.  
  97. body
  98. {
  99. background:url('{image:PageBackground}') #f6f6f6;
  100. font-family:'Lato', Arial, sans-serif;
  101. word-wrap:break-word;
  102. font-weight:300;
  103. font-size:14px;
  104. line-height:130%;
  105. text-align: justify;
  106. color:#444;
  107. }
  108. a{
  109. outline:none;
  110. text-decoration:none;
  111. color:{color:links};
  112. transition-duration:.3s;
  113. }
  114. a:hover{
  115. color:{color:hover};
  116. transition-duration:.3s;
  117. cursor:crosshair;
  118. }
  119.  
  120. img, iframe, embed{
  121. max-width:100%;
  122. }
  123.  
  124. img{
  125. height:auto;
  126. }
  127.  
  128. #wrap
  129. {
  130. width:840px;
  131. height:550px;
  132. position: fixed;
  133. top: 50%;
  134. left: 50%;
  135. margin-left: -420px;
  136. margin-top: -275px;
  137.  
  138. -webkit-box-shadow: 0px 0px 10px 0px rgba(150, 150, 150, 0.5);
  139. -moz-box-shadow: 0px 0px 10px 0px rgba(150, 150, 150, 0.5);
  140. box-shadow: 0px 0px 10px 0px rgba(150, 150, 150, 0.5);
  141. }
  142. aside
  143. {
  144. overflow:hidden;
  145. position:relative;
  146. width:300px;
  147. height:550px;
  148. float:left;
  149. background-color:white;
  150. }
  151. .pagination{
  152. {block:IfInfiniteScroll}display:none;{/block:IfInfiniteScroll}
  153. position:relative;
  154. text-align:center;
  155. font:11px 'Lato';
  156. letter-spacing:1px;
  157. {block:IfSidebarPagination}line-height:40px;
  158. color:#aaa;{block:IfSidebarHoverEffect}opacity:0;{/block:IfSidebarHoverEffect}width:300px;
  159. transition-duration:.8s;{/block:IfSidebarPagination}
  160. {block:IfNotSidebarPagination}
  161. font-size:14px;
  162. margin:60px 0;
  163. color:#777;
  164. text-shadow:1px 1px 0px rgba(255,255,255,.9);
  165. {/block:IfNotSidebarPagination}
  166. }
  167. .pagination a{
  168. {block:IfSidebarPagination}color:#aaa;{/block:IfSidebarPagination}
  169. {block:IfNotSidebarPagination}
  170. color:#777;
  171. text-shadow:1px 1px 0px rgba(255,255,255,.9);
  172. {/block:IfNotSidebarPagination}
  173. }.pagination a:hover{
  174. {block:IfSidebarPagination}color:black;{/block:IfSidebarPagination}
  175. {block:IfNotSidebarPagination}
  176. color:white;
  177. text-shadow:1px 1px 0px rgba(0,0,0,.4);
  178. {/block:IfNotSidebarPagination}
  179. }
  180. {block:IfSidebarDescription}
  181. #description{
  182. width:260px;
  183. font-size:13px;
  184. letter-spacing:.5px;
  185. line-height:120%;
  186. margin:0 auto;
  187. padding-top:14px;
  188. border-top:1px solid #f6f6f6;
  189. {block:IfSidebarHoverEffect}opacity:0;{/block:IfSidebarHoverEffect}
  190. transition-duration:.8s;
  191. }
  192. {/block:IfSidebarDescription}
  193.  
  194. aside h1{
  195. transition-duration:.8s;
  196.  
  197. position:absolute;
  198. display:block;
  199. width:280px;
  200. margin:10px;
  201. font-family:arial;
  202. font-weight:bold;
  203. word-break:break-word;
  204. text-transform:uppercase;
  205. text-align:left;
  206. letter-spacing:-2px;
  207. font-size:45px;
  208. line-height:80%;
  209. bottom:0;
  210. {block:ifSidebarImage}
  211. {block:IfNotSidebarHoverEffect}opacity:0;{/block:IfNotSidebarHoverEffect}
  212. {/block:ifSidebarImage}
  213. }
  214. aside h1:first-letter{
  215. font-size:75px;
  216. }
  217.  
  218. img#icon{
  219. z-index:0;
  220. {block:IfSidebarHoverEffect}opacity:0;{/block:IfSidebarHoverEffect}
  221. display:block;
  222. {block:IfNotSidebarImage}display:none;{/block:IfNotSidebarImage}
  223. position:absolute;
  224. bottom:0px;
  225. left:0;right:0;
  226. margin:auto;
  227. transition-duration:.8s;
  228. }
  229.  
  230. .selected{
  231. font-weight:bold;
  232. opacity:1;
  233. border-bottom:2px solid black;
  234. padding-bottom:2px;
  235. }
  236.  
  237. nav{
  238. margin:70px auto 20px auto;
  239. width:260px;
  240. text-align:center;
  241. {block:IfSidebarHoverEffect}opacity:0;{/block:IfSidebarHoverEffect}
  242. transition-duration:.8s;
  243. }
  244.  
  245. aside:hover nav{
  246. opacity:1;
  247. transition-duration:.8s;
  248. }
  249. aside:hover #description{
  250. opacity:1;
  251. transition-duration:.8s;
  252. }
  253. aside:hover .pagination{
  254. opacity:1;
  255. transition-duration:.8s;
  256. }
  257.  
  258. aside:hover img#icon{
  259. opacity:1;
  260. transition-delay:.4s;
  261. transition-duration:1.2s;
  262. }
  263. {block:IfSidebarImage}
  264. aside:hover h1{
  265. opacity:0;
  266. transition-duration:.8s;
  267. }
  268. {/block:IfSidebarImage}
  269.  
  270. nav li{
  271. text-transform:uppercase;
  272. letter-spacing:1px;
  273. font-size:10px;
  274. display:inline-block;
  275. margin:0 5px;
  276. }
  277. nav a{
  278. z-index:1;
  279. opacity:.6;
  280. position:relative;
  281. }
  282. nav a:hover{
  283. color:black;
  284. }
  285.  
  286.  
  287.  
  288. #frame
  289. {
  290. width:540px;
  291. height:550px;
  292. float:left;
  293. background-color:white;
  294. overflow:hidden;
  295. }
  296.  
  297. #sld
  298. {
  299. width:1100px;
  300. {block:ifLinkPanel}width:1640px;{/block:ifLinkPanel}
  301. {block:ifCustomPanel}width:1620px;
  302. {block:ifLinkPanel}width:2180px;{/block:ifLinkPanel}
  303. {/block:ifCustomPanel}
  304. height:100%;
  305. margin-left:0px;
  306. }
  307.  
  308.  
  309. #page1, #page2, #page3, #page4{
  310. display:block;
  311. float:left;
  312. width:520px;
  313. margin:0 auto;
  314. padding:5px 10px;
  315. height:100%;
  316. overflow-y:auto;
  317. position:relative;
  318.  
  319. background-color:#f2f2f2;
  320. min-height:540px;
  321. }
  322. #page1{background:url('{image:PostsBackground}') #f2f2f2;}
  323. #faq{
  324. display:none;
  325. top:0;
  326. left:0;
  327. background-color:{color:Accent};
  328. position:absolute;
  329. width:520px;
  330. padding:5px 10px;
  331. min-height:540px;
  332. height:100%;
  333. overflow-y:auto;
  334. }
  335. #faq a{
  336. color:white;
  337. text-shadow:1px 1px 0px rgba(255,255,255,.3);
  338. }
  339. #faq a:hover{
  340. text-shadow:none;
  341. }
  342. #faq > h1{
  343. text-transform:uppercase;
  344. letter-spacing:1px;
  345. text-align:left;
  346. font-size:30px;
  347. line-height:100%;
  348. color:white;
  349. padding-bottom:15px;
  350. text-shadow:1px 1px 0px rgba(255,255,255,.5);
  351. border-bottom:1px solid rgba(255,255,255,.5);
  352. }
  353. #faq h1 > span{
  354. display:block;
  355. width:470px;
  356. float:left;
  357. }
  358. #faq h1 > a{
  359. text-align:center;
  360. display:block;
  361. width:40px;
  362. line-height:40px;
  363. float:right;
  364. border:1px solid white;
  365. }
  366. #faq h1 > a:hover{
  367. background-color:white;
  368. color:{color:accent};
  369. }
  370.  
  371. #faq > blockquote{
  372. clear:both;
  373. background-color:white;
  374. text-transform:uppercase;
  375. letter-spacing:1px;
  376. color:{color:accent};
  377. padding:10px 20px;
  378. width:480px;
  379. font-size:12px;
  380. margin:0;
  381. }
  382. #faq > p{
  383. color:white;
  384. padding:15px;
  385. width:490px;
  386. border:1px solid rgba(255,255,255,.5);
  387. }
  388.  
  389. article{
  390. width:500px;
  391. background-color:white;
  392. margin:20px auto;margin-bottom:40px;
  393. padding:10px;
  394. color:#555;
  395. }
  396. article img{
  397. {block:IfFadedImages}opacity:.6;{/block:IfFadedImages}
  398. {block:IfGrayscaleImages}
  399. -webkit-filter: grayscale(100%);
  400. -moz-filter: grayscale(100%);
  401. filter: grayscale(100%);
  402. {/block:IfGrayscaleImages}
  403. transition-duration:.5s;
  404. }
  405. article:hover img{
  406. {block:IfFadedImages}opacity:1;{/block:IfFadedImages}
  407. {block:IfGrayscaleImages}
  408. -webkit-filter: grayscale(0%);
  409. -moz-filter: grayscale(0%);
  410. filter: grayscale(0%);
  411. {/block:IfGrayscaleImages}
  412. transition-duration:.5s;
  413. }
  414. article a{
  415. color:{color:links};
  416. }
  417. article a:hover{
  418. color:{color:hover};
  419. }
  420. .perma > span{
  421. margin:0;
  422. text-align:center;
  423. display:block;
  424. font-size:10px;
  425. line-height:8px;
  426. padding:3px;
  427. width:16px;
  428. height:16px;
  429. letter-spacing:1.5px;
  430.  
  431. border:1px solid rgba(255,255,255,1);
  432. background-color:rgba(255,255,255,1);
  433. transition-duration:.3s;
  434.  
  435. display:inline-block;
  436. margin-right:10px;
  437. }
  438.  
  439. .perma > span > a{
  440. color:#ccc;
  441. }
  442. .perma > span:hover > a{
  443. color:white;
  444. text-shadow:1px 1px 0px black;
  445. }
  446. .tags{
  447. width:440px;
  448. vertical-align:top;
  449. display:inline-block;
  450. line-height:80%;
  451.  
  452. }
  453. .perma{
  454. width:480px;
  455. background-color:#f6f6f6;
  456. padding:5px 10px;
  457. margin-top:10px;
  458. }
  459. .tags a{
  460. text-transform:uppercase;
  461. font-size:9px;
  462. color:#aaa;
  463. }
  464. .tags a:hover{
  465. color:#888;
  466. }
  467. .tags b{
  468. font-size:9px;
  469. font-weight:bolder;
  470. margin-right:5px;
  471. color:black;
  472. text-shadow:1px 1px 0px white;
  473. }
  474.  
  475. .tags i{
  476. font-size:7px;
  477. margin:0 5px;
  478. color:#ccc;
  479. }
  480. .caption{
  481. width:470px;
  482. padding:5px 15px;
  483. background-color:#f6f6f6;
  484. {block:PermalinkPage}
  485. background-color:white;
  486. {/block:PermalinkPage}
  487. margin-top:10px;
  488. }
  489. .caption blockquote{
  490. margin:0;
  491. padding:0;
  492. border-left:1px solid #ccc;
  493. padding-left:15px;
  494. }
  495. article h1{
  496. font-size:16px;
  497. padding:0;
  498. margin:0;
  499. line-height:100%;
  500. letter-spacing:1px;
  501. text-transform:uppercase;
  502. padding:15px;
  503. border-bottom:1px solid #f6f6f6;
  504. }
  505. .caption p{
  506. margin:20px 0;
  507. }
  508.  
  509. #page2{
  510. background-color:#f6f6f6;
  511. overflow:hidden;
  512. height:540px;
  513. }
  514. #page2 > h1{
  515. margin:50px 0;
  516. display:block;
  517. line-height:80%;
  518. font-size:60px;
  519. text-align:center;
  520. color:white;
  521. text-shadow:1px 1px 0px black, -.5px -.5px 0px #ddd;
  522. }
  523.  
  524. #page3{
  525. position:relative;
  526. overflow:hidden;
  527. height:540px;
  528. width:540px;
  529.  
  530. color:rgba(255,255,255,.8);
  531. }
  532. {block:IfNotSidebarDescription}
  533. #about{
  534. margin:10px 0;
  535. letter-spacing:.5px;
  536. width:540px;
  537. color:#444;
  538. }
  539. #about > img{
  540. display:inline-block;
  541. width:80px;
  542. border:7.5px solid white;
  543. vertical-align:middle;
  544. }
  545. #about > #text{
  546. vertical-align:middle;
  547. margin-left:10px;
  548. width:410px;
  549. display:inline-block;
  550. text-align:justify;
  551. }
  552. #about a{
  553. color:black;
  554. text-shadow:1px 1px 0px rgba(100,100,100,.3);
  555. }
  556. {/block:IfNotSidebarDescription}
  557. #page3 table{
  558. clear:both;
  559. transition-duration:.6s;
  560. margin-top:10px;
  561. {block:IfNotSidebarDescription}margin-top:50px;{/block:IfNotSidebarDescription}
  562. width:520px;
  563. text-align:center;
  564. text-transform:uppercase;
  565. font-size:12px;
  566. }
  567. #page3 th{
  568. padding:10px;
  569. background-color:white;
  570. color:black;
  571. }
  572. #page3 td{
  573. width:116px;
  574. background-color:rgba(100,100,100,.2);
  575. padding:7px;
  576. transition-duration:.3s;
  577. }
  578. #page3 td a{
  579. color:#aaa;
  580. }
  581. #page3 td:hover{
  582. background-color:rgba(100,100,100,.5);
  583. transition-duration:.3s;
  584. }
  585. #page3 td:hover > a{
  586. color:white;
  587. }
  588.  
  589. #page4{
  590. color:white;
  591. background-color:{color:accent};
  592. }
  593.  
  594. #page4 > h1{
  595. display:block;
  596. word-spacing:5px;
  597. letter-spacing:6.2px;
  598. text-align:justify;
  599. line-height:100%;
  600. font-family:arial;
  601. font-size:70px;
  602. color:rgba(255,255,255,.7);
  603. text-shadow:1px 1px 0px white;
  604. padding:15px 0;
  605.  
  606. border-top:10px solid white;
  607. border-bottom:10px solid white;
  608.  
  609.  
  610. margin-top:160px;
  611. }
  612.  
  613.  
  614. #mplayer{
  615. position:absolute;
  616. top:15px;
  617. margin:0 auto;
  618. left:0;right:0;
  619. display:block;
  620. }
  621.  
  622.  
  623. article li{
  624. list-style-type:hiragana;
  625. }
  626.  
  627. #notes li{
  628. list-style-type:none;
  629. margin:13px 0;
  630. font-size:8px;
  631. }
  632. #notes li a{
  633. color:#444;
  634. font-size:8px;
  635. border:none;
  636. }
  637. #notes img{
  638. display:none;
  639. }
  640. #notes > *{
  641. margin:0;
  642. padding:0;
  643. }
  644. #notes{
  645. display:none;
  646. text-align:justify;
  647. padding:10px;
  648. color:#aaa;
  649. background-color:#f6F6f6;
  650. text-transform:uppercase;
  651. font-size:8px;
  652. letter-spacing:2px;
  653. }
  654. a#shownote{
  655. text-align:center;
  656. display:block;
  657. margin:20px 0;
  658. text-transform:uppercase;
  659. letter-spacing:2px;
  660. font-size:8px;}
  661.  
  662.  
  663. #permapage{
  664. position:relative;
  665. text-align:center;
  666. margin:20px 0;
  667. text-transform:uppercase;
  668. line-height:100%;
  669. font-size:8px;
  670. letter-spacing:.6px;
  671. }
  672. #permapage a{
  673. color:#aaa;
  674. border:none;
  675. }
  676. #permapage span{
  677. display:inline-block;
  678. margin:0 10px;
  679. }
  680.  
  681. .tmblr-iframe.iframe-controls--desktop{
  682. display:block;
  683. position:fixed;
  684. top:10px;
  685. z-index:9999999999!important;
  686. right:10px;
  687. -webkit-filter:invert(100%);
  688. -moz-filter:invert(100%);
  689. -o-filter:invert(100%);
  690. -ms-filter:invert(100%);
  691. filter:invert(100%);
  692. opacity:.3;
  693. transition-duration:.3s;
  694. }
  695. .tmblr-iframe.iframe-controls--desktop:hover{
  696. opacity:.5;
  697. transition-duration:.3s;
  698. }
  699.  
  700. .audioplayer {display:block;padding:10px; }
  701. .ask_asker {font-size:10px;text-transform:uppercase;letter-spacing:2px;font-style:normal;margin-top:-10px;margin-bottom:5px;}
  702. .ask_question {line-height:100%;padding:30px;text-align:center;font-style:italic;font-size:11px;letter-spacing:.8px;margin-top:-3px;margin-bottom:10px;background-color:#f6f6f6;}
  703. .chat li{
  704. list-style-type:none;
  705. margin:10px 0;
  706. }
  707. .label{
  708. font-weight:bold;
  709. display:inline-block;
  710. margin-right:5px;
  711. letter-spacing:.5px;
  712. }
  713.  
  714. </style>
  715.  
  716. </head>
  717.  
  718. <body>
  719.  
  720. <div id="wrap">
  721. <aside>
  722. <div id="mplayer">
  723. <div align="center">{text:MusicPlayerCode}</div>
  724. </div>
  725. <nav>
  726. <li><a {block:IndexPage}data-target="index"{/block:IndexPage}{block:PermalinkPage}href="/"{/block:PermalinkPage}{block:TagPage}href="/"{/block:TagPage} class="selected">index</a></li>
  727. <li><a data-target="message">ask</a></li>
  728. {block:ifLinkPanel}<li><a data-target="links">{text:LinkPanelNavTitle}</a></li>{/block:ifLinkPanel}
  729. {block:ifCustomPanel}<li><a data-target="custom">{text:CustomPanelNavTitle}</a></li>{/block:ifCustomPanel}
  730. {block:IfNavLink1}<li><a href="{text:NavLink1URL}">{text:NavLink1Name}</a></li>{/block:IfNavLink1}
  731. {block:IfNavLink2}<li><a href="{text:NavLink2URL}">{text:NavLink2Name}</a></li>{/block:IfNavLink2}
  732. {block:IfNavLink3}<li><a href="{text:NavLink3URL}">{text:NavLink3Name}</a></li>{/block:IfNavLink3}
  733. {block:IfNavLink4}<li><a href="{text:NavLink4URL}">{text:NavLink4Name}</a></li>{/block:IfNavLink4}
  734. {block:IfNavLink5}<li><a href="{text:NavLink5URL}">{text:NavLink5Name}</a></li>{/block:IfNavLink5}
  735. </nav>
  736. {block:IfSidebarDescription}
  737. <div id="description">
  738. {Description}
  739. </div>
  740. {/block:IfSidebarDescription}
  741. {block:IfSidebarPagination}
  742. {block:Pagination}
  743. <div class="pagination">
  744. {block:PreviousPage}<a href="{PreviousPage}">back</a> / {/block:PreviousPage}
  745. {block:NextPage}<a href="{NextPage}">forth</a>{/block:NextPage}
  746. </div>
  747. {/block:Pagination}
  748. {/block:IfSidebarPagination}
  749. <img src="{image:SidebarPng}" id="icon">
  750.  
  751. <h1>
  752. {Title}
  753. </h1>
  754.  
  755. </aside>
  756. <div id="frame">
  757. <div id="sld">
  758. <div id="page1">
  759. {block:Posts}
  760. <article>
  761. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}<!-- {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  762.  
  763. {block:Text}
  764. {block:Title}<a href="{permalink}"><h1>{Title}</h1></a>{/block:Title}
  765. <div class="caption"> {body}</div>
  766. {/block:Text}
  767.  
  768. {block:Photo}
  769. {LinkOpenTag}<img src="{PhotoURL-500}" style="min-width:100%;" alt="{PhotoAlt}">{LinkCloseTag}
  770. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  771. {/block:Photo}
  772. {block:Photoset}
  773. {Photoset-500}
  774. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  775. {/block:Photoset}
  776.  
  777. {block:Audio}
  778. <span class="audioplayer">{AudioPlayerWhite}</span>
  779. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  780. {/block:Audio}
  781. {block:Answer}
  782.  
  783.  
  784. <div class="ask_question">
  785. <div class="ask_asker"><b>{Asker}</b> inquired,</div>
  786. {Question}</div>
  787.  
  788.  
  789. <div class="caption">
  790. {Answer}</div>
  791. {/block:Answer}
  792. {block:Chat}
  793.  
  794. <div class="chat">{block:Lines}<li class="{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line} </li>{/block:Lines}</div>{/block:Chat}
  795. {block:Link}<h1><a href="{URL}">{Name} »</a></h1>{block:Description}
  796. <div class="caption">{Description}</div>{/block:Description}
  797. {/block:Link}
  798.  
  799. {block:Quote}
  800. <h1><i>“{Quote}”</i></h1>
  801. {block:Source}<div style="text-align:right;"><cite>— {Source}</cite></div>{/block:Source}
  802. {/block:Quote}
  803.  
  804. {block:Video}
  805. {Video-500}
  806. {block:Caption}
  807. <div class="caption">
  808.  
  809. {Caption}
  810. </div>
  811. {/block:Caption}
  812. {/block:Video}
  813.  
  814. {block:Date} <div class="perma">
  815. <span>
  816. <a href="{Permalink}" title="{TimeAgo} /{NoteCount}">
  817. {DayOfMonthWithZero}<br>
  818. {MonthNumberWithZero}
  819. </a>
  820. </span>
  821.  
  822. {block:HasTags}<div class="tags"><b>#</b> {block:Tags}<a href="{TagURL}">{Tag}</a> <i>&bullet;</i>{/block:Tags}</div>{/block:HasTags}
  823. </div>
  824.  
  825. {block:PermalinkPage}
  826. <div id="permapage">
  827. <span><a>{timeago}</a></span>
  828. {block:NoteCount}
  829. <span><a>{notecountwithlabel}</a></span>
  830. {/block:NoteCount}
  831. {block:RebloggedFrom}<span> <a href="{ReblogParentURL}">{ReblogParentName} /</a>
  832. <a href="{ReblogRootURL}" style="font-weight:bold;">©{ReblogRootName}</a></span>
  833. {/block:RebloggedFrom}
  834.  
  835. </div>
  836. {/block:PermalinkPage}
  837. {/block:Date}
  838.  
  839. {block:PostNotes}
  840. <a id="shownote" align="center" href="javascript:void(0)" onclick="if(this.innerHTML =='show notes'){this.innerHTML = 'hide notes'}else{this.innerHTML = 'show notes'}">show notes</a>
  841. <div id="notes"> {PostNotes}</div>
  842. {/block:PostNotes}
  843. </article>
  844. {/block:Posts}
  845.  
  846. {block:IfNotSidebarPagination}
  847. {block:Pagination}
  848. <div class="pagination">
  849. {block:PreviousPage}<a href="{PreviousPage}">back</a> / {/block:PreviousPage}
  850. {block:NextPage}<a href="{NextPage}">forth</a>{/block:NextPage}
  851. </div>
  852. {/block:Pagination}
  853. {/block:IfNotSidebarPagination}
  854. </div>
  855.  
  856.  
  857. <div id="page2">
  858. <h1>{AskLabel}</h1>
  859. <p style="width:500px;margin:0 auto;"><iframe frameborder="0" scrolling="no" width="500" height="200" 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]--></p>
  860.  
  861. <center style="letter-spacing:2px;text-transform:uppercase;margin-top:30px;font-size:10px;word-spacing:5px">
  862. {block:IfFAQ}[ <a id="fuq">f.a.q</a> ]{/block:IfFAQ}
  863. </center>
  864.  
  865. <div id="faq">
  866. <h1><span>{text:TitleFAQbox}</span><a id="close" title="dismiss">x</a>
  867. <div style="clear:both"></div>
  868.  
  869. </h1>
  870.  
  871.  
  872. <blockquote>{text:FAQQuestion1}</blockquote>
  873. <p>{text:FAQAnswer1}</p>
  874. <blockquote>{text:FAQQuestion2}</blockquote>
  875. <p>{text:FAQAnswer2}</p>
  876. <blockquote>{text:FAQQuestion3}</blockquote>
  877. <p>{text:FAQAnswer3}</p>
  878. </div>
  879. </div>
  880. {block:ifLinkPanel}
  881. <div id="page3">
  882. {block:IfNotSidebarDescription}
  883. <div id="about">
  884. <img src="{PortraitURL-96}">
  885. <div id="text">{Description}</div>
  886. </div>
  887. {/block:IfNotSidebarDescription}
  888. <table>
  889. <tr>
  890. <th colspan="2">{text:LinkPanel1stColTitle}</th>
  891. <th colspan="2">{text:LinkPanel2ndColTitle}</th>
  892. </tr>
  893. <tr>
  894. <td><a href="{text:FirstColLink1URL}">{text:FirstColLink1Name}</a></td>
  895. <td><a href="{text:FirstColLink2URL}">{text:FirstColLink2Name}</a></td>
  896.  
  897. <td><a href="{text:SecondColLink1URL}">{text:SecondColLink1Name}</a></td>
  898. <td><a href="{text:SecondColLink2URL}">{text:SecondColLink2Name}</a></td>
  899. </tr>
  900. <!--add more here-->
  901.  
  902. <!--
  903. if you're unsure, just copy the structure above from the very first <tr> to the last.
  904.  
  905. <tr> announces the start of a row and
  906. </tr> serves as the closure of the line; much like a <br>
  907. <td> are the little gray blocks. wrap them around your links
  908. <th> are the categories' title: add colspan="2" to expand their width, or colspan="4" to make them take all of the line
  909.  
  910. example:
  911. <tr>
  912. <th colspan="4">blog pages</th>
  913. </tr>
  914. <tr>
  915. <td><a href="/abt"> about me </a></td>
  916. <td><a href="/blogroll"> blogroll </a></td>
  917. <td><a href="/tags"> tags </a></td>
  918. <td><a href="/idk"> last link </a></td>
  919. </tr>
  920. -->
  921.  
  922. </table>
  923.  
  924. </div>
  925. {/block:ifLinkPanel}
  926.  
  927.  
  928. {block:ifCustomPanel}
  929. <div id="page4">
  930. <h1>YOUR STUFF HERE</h1>
  931. </div>
  932. {/block:ifCustomPanel}
  933. </div>
  934. </div>
  935. </div>
  936.  
  937.  
  938. <!--
  939. If you don't know what you're doing, I'd advise you not to modify what's following!
  940. However, you have a "AnimationDuration" option at your disposal in the customisation panel. If you want animations to be faster, write 500 or less (though less is not recommended), if you want them slower, change to 900 or higher.
  941. -->
  942. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" /><script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/wgg6svp/75pnfplip/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script><script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  943. {block:IfInfiniteScroll}
  944. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  945. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  946. <script type="text/javascript">
  947. (function() {
  948. var $wrapper = $('#page1');
  949. $wrapper.imagesLoaded(function(){
  950. $wrapper.infinitescroll({
  951. navSelector : ".pagination",
  952. nextSelector : ".pagination a:last-child",
  953. itemSelector : "article",
  954. binder : $('#page1'),
  955. bufferPx : 50,
  956. done : "",
  957. loading: {
  958. img : "",
  959. msgText: ""
  960. },
  961. },
  962. function( newElements ) {
  963. var $newElems = $( newElements ).css({ opacity: 0 });
  964. $newElems.imagesLoaded(function(){
  965. $newElems.animate({ opacity: 1 });
  966. });
  967. }
  968. );
  969. });
  970. })();
  971. </script>
  972. {/block:IfInfiniteScroll}
  973.  
  974.  
  975. <script type="text/javascript">
  976. $(function(){
  977. var duration = {text:AnimationDuration};
  978. var pageWidth = 540;
  979.  
  980. $("nav a").click(function(){$("nav a").removeClass("selected");$(this).addClass("selected");});
  981.  
  982.  
  983. $("a#fuq").click(function(){
  984. $("#faq").fadeIn(duration);
  985. return false;
  986. });
  987. $("a#close").click(function(){
  988. $("#faq").fadeOut(duration);
  989. return false;
  990. });
  991.  
  992. $("a[data-target='index']").click(function(event){
  993. event.stopPropagation();
  994. $("#sld").animate({'margin-left':'0px'}, duration);
  995. });
  996. $("a[data-target='message']").click(function(event){
  997. event.stopPropagation();
  998. $("#sld").animate({'margin-left':'-'+pageWidth+'px'}, duration);
  999. });
  1000. $("a[data-target='links']").click(function(event){
  1001. event.stopPropagation();
  1002. $("#sld").animate({'margin-left':'-'+(pageWidth*2)+'px'}, duration);
  1003. });
  1004. $("a[data-target='custom']").click(function(event){
  1005. event.stopPropagation();
  1006. $("#sld").animate({'margin-left':'-'+{block:ifLinkPanel}((pageWidth*3)+20){/block:ifLinkPanel}{block:ifNotLinkPanel}(pageWidth*2){/block:ifNotLinkPanel}+'px'}, duration);
  1007. });
  1008. $('a#shownote').click(function () {
  1009. $('#notes').toggle(200);
  1010. });
  1011.  
  1012. });
  1013. </script>
  1014. <script src="http://static.tumblr.com/emvnqzg/NOVo0fisl/scripts.js"></script>
  1015. </body>
  1016. </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!