API tools faq
paste
Advertisement
nicole_c

theme by neothms

nicole_c
Sep 11th, 2015
95
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.31 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <!--
  4. #08 PULSE by Neo
  5. Find me on tumblr: @NEOTHM | @ALPHALOGY
  6. If you need help/spotted a glitch, feel free to message me!
  7. Thank you for taking an interest in this code. Enjoy. ♡
  8. -->
  9. <head>
  10. <meta charset="utf-8">
  11. <title>{block:PostTitle}{PostTitle} | {/block:PostTitle}{Title}</title>
  12. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  15. <link href='//fonts.googleapis.com/css?family=Lato:300,400,700|Montserrat:400,700|Inconsolata:400,700|Quattrocento+Sans:400,700|Roboto:300,500,700' rel='stylesheet' type='text/css'>
  16. <link rel="stylesheet" href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  17. <link rel="stylesheet" href="http://static.tumblr.com/wgg6svp/jSmnqcghc/normalizer.css">
  18. <meta name="image:sidebar" content="">
  19. <meta name="if:FullSizeBackground" content="0">
  20. <meta name="if:InfiniteScroll" content="1">
  21. <meta name=“if:mtags” content=“1”>
  22. <meta name=“color:mtags” content=“#888”>
  23. <meta name=“color:mtagsBG” content=“#888”>
  24. <meta name="color:Background" content="#f2f2f2">
  25. <meta name="color:Text" content="#000">
  26. <meta name="color:Link" content="#000">
  27. <meta name="color:Hover" content="#888">
  28. <meta name="image:Background" content="">
  29. <meta name="if:HiddenSidebar" content="1">
  30. <meta name="text:PostWidth" content="500px">
  31. <meta name="select:Font" content="'Roboto'" title="Roboto">
  32. <meta name="select:Font" content="'Lato'" title="Lato">
  33. <meta name="select:Font" content="'Montserrat'" title="Montserrat">
  34. <meta name="select:Font" content="'Quattrocento Sans'" title="Quattrocento Sans">
  35. <meta name="select:SidebarImageSize" content="small" title="small">
  36. <meta name="select:SidebarImageSize" content="medium" title="medium">
  37. <meta name="select:SidebarImageSize" content="big" title="big">
  38. <meta name="select:NumberOfColumns" content="one" title="1">
  39. <meta name="select:NumberOfColumns" content="two" title="2">
  40. <meta name="select:NumberOfColumns" content="three" title="3">
  41. <meta name="select:NumberOfColumns" content="four" title="4">
  42. <meta name="if:Link1" content="1">
  43. <meta name="text:Link1Name" content="Link">
  44. <meta name="text:Link1URL" content="/">
  45. <meta name="if:Link2" content="0">
  46. <meta name="text:Link2Name" content="Link">
  47. <meta name="text:Link2URL" content="/">
  48. <meta name="if:Link3" content="0">
  49. <meta name="text:Link3Name" content="Link">
  50. <meta name="text:Link3URL" content="/">
  51. <meta name="if:Link4" content="0">
  52. <meta name="text:Link4Name" content="Link">
  53. <meta name="text:Link4URL" content="/">
  54. <meta name="if:Link5" content="0">
  55. <meta name="text:Link5Name" content="Link">
  56. <meta name="text:Link5URL" content="/">
  57. <meta name="if:GrayscaleImages" content="0">
  58. <meta name="if:FadedImages" content="0">
  59. <style type="text/css">
  60. *{
  61. margin:0;
  62. padding:0;
  63. }
  64. ::selection{
  65. background-color:#000;
  66. color:#fff;
  67. }
  68. ::-moz-selection{
  69. background-color:#000;
  70. color:#fff;
  71. }
  72. ::-webkit-scrollbar{
  73. width:11px;
  74. height:11px;
  75. background-color:#fff;
  76. }
  77. ::-webkit-scrollbar-track{
  78. border:5px solid #fff;
  79. background-color: #fff;
  80. }
  81. ::-webkit-scrollbar-thumb{
  82. border:5px solid #fff;
  83. background-color: #aaa;
  84. }
  85. #infscr-loading, #vignette{
  86. display:none!important;
  87. }
  88. #tumblr_lightbox img {
  89. border-radius:10px!important;
  90. box-shadow:0px 0px 5px rgba(100,100,100,.8)!important;
  91. }
  92. #tumblr_lightbox {
  93. background-color: rgba(255,255,255,.8)!important;
  94. }
  95. img{
  96. max-width:100%;
  97. height:auto;
  98. }
  99. #tumblr_controls{
  100. filter:invert(100%);
  101. -webkit-filter:invert(100%);
  102. -moz-filter:invert(100%);
  103. -ms-filter:invert(100%);
  104. -o-filter:invert(100%);
  105. transform:scale(.8, .8);
  106. -webkit-transform:scale(.8, .8);
  107. -moz-transform:scale(.8, .8);
  108. top:0px;
  109. right:0px;
  110. position:fixed;
  111. opacity:.3;
  112. transition-duration:.3s;
  113. -webkit-transition-duration:.3s;
  114. -moz-transition-duration:.3s;
  115. -ms-transition-duration:.3s;
  116. -o-transition-duration:.3s;
  117. }
  118.  
  119. #tumblr_controls:hover{
  120. opacity:.7;
  121. transition-duration:.3s;
  122. -webkit-transition-duration:.3s;
  123. -moz-transition-duration:.3s;
  124. -ms-transition-duration:.3s;
  125. -o-transition-duration:.3s;
  126. }
  127. #s-m-t-tooltip{
  128. line-height:100%;
  129. font-size:8px;
  130. text-transform:uppercase;
  131. text-align:center;
  132. letter-spacing:1px;
  133. max-width:100px;
  134. z-index:9999!important;
  135. padding:5px;
  136. margin:15px;
  137. background:#fff;
  138. border:1px solid #eee;
  139. color:#000;
  140. }
  141.  
  142. html, body{
  143. text-align:justify;
  144. height:100%;
  145. font:lighter 12px/170% {select:Font}, sans-serif;
  146. color:{color:Text};
  147. background-color:#fff;
  148. overflow:hidden;
  149. -webkit-font-smoothing: antialiased;
  150. -moz-osx-font-smoothing: grayscale;
  151. }
  152.  
  153. a{
  154. color:{color:Link};
  155. text-decoration:none;
  156. }
  157. a:hover{
  158. color:{color:Hover};
  159. }
  160. a, a:hover{
  161. cursor:pointer!important;
  162. transition-duration:.3s;
  163. -webkit-transition-duration:.3s;
  164. -moz-transition-duration:.3s;
  165. -ms-transition-duration:.3s;
  166. -o-transition-duration:.3s;
  167. }
  168. aside{
  169. margin:20px;
  170. margin-right:0;
  171. position:relative;
  172. width:300px;
  173. height:calc(100% - 40px);
  174. float:left;
  175. }
  176. .rotate{
  177. opacity:transparent!important;
  178. transform:rotate(45deg);
  179. -webkit-transform:rotate(45deg);
  180. -moz-transform:rotate(45deg);
  181. -ms-transform:rotate(45deg);
  182. }
  183. #opening{
  184. z-index:9;
  185. overflow:hidden;
  186. border-radius:50%;
  187. {block:IfNotHiddenSidebar}
  188. position:relative;
  189. margin:80px auto 20px;
  190. {/block:IfNotHiddenSidebar}
  191.  
  192. {block:IfHiddenSidebar}
  193. {block:IndexPage}
  194. margin:auto;
  195. top:0;
  196. bottom:0;
  197. left:0;
  198. right:0;
  199. position:absolute;
  200. {/block:IndexPage}
  201. {block:PermalinkPage}
  202. position:relative;
  203. margin:80px auto 20px;
  204. {/block:PermalinkPage}
  205. {/block:IfHiddenSidebar}
  206.  
  207. }
  208. #opening a{
  209. opacity:0;
  210. position:absolute;
  211. width:100%;
  212. height:100%;
  213. text-align:center;
  214. top:0;
  215. left:0;
  216. font-size:18px;
  217. background-color:rgba(255,255,255, 0.9);
  218. color:#fff;
  219. }
  220. #opening:hover a{
  221. opacity:2;
  222. }
  223. #opening.small{
  224. width:45px;
  225. height:45px;
  226. line-height:45px;
  227. }
  228. #opening.medium{
  229. width:70px;
  230. height:70px;
  231. line-height:70px;
  232. }
  233. #opening.big{
  234. width:95px;
  235. height:95px;
  236. line-height:95px;
  237. }
  238. h1{
  239. position:relative;
  240. font-size:32px;
  241. line-height:100%;
  242. text-align:left;
  243. margin-bottom:20px;
  244. padding-bottom:20px;
  245. }
  246. nav:before,
  247. h1:after,
  248. h2:after,
  249. {block:PermalinkPage}
  250. .perma:before,
  251. {/block:PermalinkPage}
  252. .infos:before,
  253. .show_notes:before,
  254. #notes:before{
  255. content:"";
  256. position:absolute;
  257. left:0;
  258. right:0;
  259. background-color:#eee;
  260. width:70%;
  261. height:1px;
  262. margin:auto;
  263. }
  264.  
  265. {block:PermalinkPage}
  266. .perma:before,
  267. {/block:PermalinkPage}
  268. .infos:before,
  269. .show_notes:before,
  270. #notes:before{
  271. width:calc(100% - 30px);
  272. }
  273. h1:after{
  274. bottom:0;
  275. }
  276. nav:before,
  277. {block:PermalinkPage}
  278. .perma:before,
  279. {/block:PermalinkPage}
  280. .infos:before,
  281. .show_notes:before,
  282. #notes:before{
  283. top:0;
  284. }
  285. #description{
  286. {block:IfNotHiddenSidebar}
  287. margin:0 40px;
  288. {/block:IfNotHiddenSidebar}
  289. {block:IfHiddenSidebar}
  290. {block:IndexPage}
  291. position:absolute;
  292. left:40px;
  293. right:40px;
  294. top:70%;
  295. opacity:0;
  296. {/block:IndexPage}
  297. {block:PermalinkPage}
  298. margin:0 40px;
  299. {/block:PermalinkPage}
  300. {/block:IfHiddenSidebar}
  301. }
  302. #pagination{
  303. position:absolute;
  304. bottom:30px;
  305. left:0;
  306. right:0;
  307. color:#2E2E2E;
  308. text-align:center;
  309. {block:IfInfiniteScroll}
  310. display:none;
  311. {/block:IfInfiniteScroll}
  312. }
  313. #pagination a:hover i,
  314. #pagination a:hover{
  315. margin:0 10px;
  316. color:#2E2E2E;
  317. transition-duration:.3s;
  318. }
  319. #pagination i{
  320. font-size:7px;
  321. color: #2E2E2E;
  322. vertical-align:1px;
  323. transition-duration:.3s;
  324. }
  325. nav{
  326. text-align:center;
  327. position:relative;
  328. margin-top:20px;
  329. padding-top:20px;
  330. }
  331. nav a{
  332. text-align:left;
  333. display:inline-block;
  334. width:calc(50% - 15px);
  335. padding:5px;
  336. border-bottom:1px solid #eee;
  337. text-transform:uppercase;
  338. letter-spacing:1px;
  339. font-size:9px;
  340. }
  341. nav a:after{
  342. content:".";
  343. }
  344. nav a:hover{
  345. background-color:#eee;
  346. border-color:#eee;
  347. }
  348. #pagination{
  349. text-align:center;
  350. text-transform:uppercase;
  351. letter-spacing:1px;
  352. color:#2E2E2E;
  353. font-size:9px;
  354. }
  355. main{
  356. float:left;
  357. position:relative;
  358. margin:20px;
  359. width:calc(100% - 360px);
  360. height:calc(100% - 40px);
  361. background:{color:Background} url('{image:Background}');
  362. {block:IfFullSizeBackground}
  363. background-size:cover;
  364. background-attachment:fixed;
  365. {/block:IfFullSizeBackground}
  366. overflow-x:hidden;
  367. overflow-y:auto;
  368. }
  369. .pictures{
  370. display:block;
  371. min-width:100%;
  372. height:auto;
  373. }
  374. article iframe{
  375. display:block;
  376. }
  377. section{
  378. position:relative;
  379. width:100%;
  380. }
  381. h2{
  382. padding:15px;
  383. position:relative;
  384. display:block;
  385. }
  386. .quote, .question, .links{
  387. display:inline-block;
  388. padding:20px 0;
  389. padding-left:80px;
  390. width:calc(100% - 95px);
  391. position:relative;
  392. }
  393. .quote{
  394. font-style:italic;
  395. }
  396. .links:before{
  397. content: "\f367";
  398. }
  399. .quote:before{
  400. content: "\f347";
  401. }
  402. .question:before{
  403. content:"\f143";
  404. }
  405. .quote:before, .question:before, .links:before{
  406. speak: none;
  407. font-style: normal;
  408. font-weight: normal;
  409. font-family: "Ionicons";
  410. font-size:30px;
  411. line-height:40px;
  412. display:block;
  413. width:35px;
  414. left:20px;
  415. position:absolute;
  416. top:0;
  417. margin:auto;
  418. height:40px;
  419. bottom:0;
  420. border-right:1px solid #000;
  421. }
  422. .quote + .caption{
  423. margin:10px;
  424. {block:PermalinkPage}margin-bottom:0;{/block:PermalinkPage}
  425. text-align:center;
  426. letter-spacing:1px;
  427. font-size:9px;
  428. text-transform:uppercase;
  429. }
  430. .question span{
  431. text-transform:uppercase;
  432. letter-spacing:1Px;
  433. font-size:9px;
  434. display:block;
  435. font-weight:normal;
  436. }
  437.  
  438. h2:after{
  439. width:calc(100% - 30px);
  440. bottom:0;
  441. }
  442. .audio{
  443. margin:15px;
  444. }
  445. .player{
  446. display:inline-block;
  447. width:40px;
  448. height:40px;
  449. padding:10px 14px 10px 0;
  450. margin-right:15px;
  451. vertical-align:middle;
  452. border-right:1px solid #eee;
  453. position:relative;
  454. }
  455. .audio p{
  456. vertical-align:middle;
  457. display:inline-block;
  458. width:calc(100% - 75px);
  459. }
  460. .audio p{
  461. text-align:center;
  462. }
  463. .audio img{
  464. display:block;
  465. }
  466. .audio_player{
  467. opacity:.3;
  468. top:10px;
  469. left:0px;
  470. position:absolute;
  471. display:block;
  472. width:40px!important;
  473. height:40px!important;
  474. overflow:hidden;
  475. background-color:#fff;
  476. transition-duration:.8s;
  477. -webkit-transition-duration:.8s;
  478. -moz-transition-duration:.8s;
  479. -ms-transition-duration:.8s;
  480. -o-transition-duration:.8s;
  481. }
  482. iframe.tumblr_audio_player{
  483. position:absolute;
  484. width:40px;
  485. height:40px;
  486. top:0;
  487. left:0;
  488. right:0;
  489. bottom:0;
  490. margin:auto;
  491. background-color:transparent!important;
  492.  
  493. }
  494.  
  495. #one article{
  496. width:{text:PostWidth};
  497. margin:80px auto;
  498. }
  499. #two article{
  500. width:44%;
  501. margin:30px 3%;
  502. }
  503. #three article{
  504. width:30%;
  505. margin:20px 1.5%;
  506. }
  507. #four article{
  508. width:22%;
  509. margin:20px 1.5%;
  510. }
  511.  
  512. article{
  513.  
  514. min-width:180px;
  515. overflow:hidden;
  516. display:block;
  517. position:relative;
  518. background:#fff;
  519. {block:PermalinkPage}
  520. width:500px!important;
  521. margin:40px auto!important;
  522. {/block:PermalinkPage}
  523. }
  524.  
  525. .hover_perma{
  526. opacity:0;
  527. z-index:999;
  528. position:absolute;
  529. top:10px;
  530. left:10px;
  531. right:10px;
  532. margin:auto;
  533. transition-duration:.8s;
  534. -webkit-transition-duration:.8s;
  535. -moz-transition-duration:.8s;
  536. -ms-transition-duration:.8s;
  537. -o-transition-duration:.8s;
  538. }
  539. article:hover .hover_perma,
  540. .audio:hover .audio_player{
  541. opacity:1;
  542. transition-duration:.8s;
  543. -webkit-transition-duration:.8s;
  544. -moz-transition-duration:.8s;
  545. -ms-transition-duration:.8s;
  546. -o-transition-duration:.8s;
  547. }
  548.  
  549. .hover_perma > p{
  550. display:block;
  551. margin-right:5px;
  552. float:left;
  553. text-align:center;
  554. }
  555. .hover_perma > p > a{
  556. line-height:20px;
  557. font-size:10px;
  558. display:block;
  559. width:20px;
  560. height:20px;
  561. background-color:#fff;
  562. margin-bottom:5px;
  563. }
  564. .hover_cap{
  565. font-size:11px;
  566. line-height:130%;
  567. width:calc(100% - 25px);
  568. height:70px;
  569. float:left;
  570. background-color:#fff;
  571. }
  572. .hover_cap > div{
  573. height:50px;
  574. margin:10px;
  575. overflow:hidden;
  576. }
  577. .caption *:not(iframe),
  578. .hover_cap *{
  579. max-width:100%;
  580. height:auto;
  581. }
  582. .caption{
  583. margin:20px;
  584. }
  585. .caption a,
  586. .hover_cap a{
  587. border-bottom:1px solid {color:Link};
  588. }
  589. .caption a:hover,
  590. .hover_cap a:hover{
  591. border-bottom-color:transparent;
  592. }
  593. .caption p, .caption ul, .caption ol, .caption pre, .caption blockquote{
  594. margin:10px 0;
  595. }
  596. .hover_cap blockquote{
  597. margin:10px 2px;
  598. }
  599.  
  600. {block:IndexPage}
  601. article img, iframe.photoset{
  602. {block:IfFadedImages}opacity:.7;{/block:IfFadedImages}
  603. {block:IfGrayscaleImages}
  604. -webkit-filter: grayscale(100%);
  605. -moz-filter: grayscale(100%);
  606. -o-filter: grayscale(100%);
  607. -ms-filter: grayscale(100%);
  608. filter: grayscale(100%);
  609. {/block:IfGrayscaleImages}
  610. transition-duration:.3s;
  611. -webkit-transition-duration:.3s;
  612. -moz-transition-duration:.3s;
  613. -ms-transition-duration:.3s;
  614. -o-transition-duration:.3s;
  615. }
  616. article:hover img, article:hover iframe.photoset{
  617. {block:IfFadedImages}opacity:1;{/block:IfFadedImages}
  618. {block:IfGrayscaleImages}
  619. -webkit-filter: grayscale(0%);
  620. -moz-filter: grayscale(0%);
  621. -o-filter: grayscale(0%);
  622. -ms-filter: grayscale(0%);
  623. filter: grayscale(0%);
  624. {/block:IfGrayscaleImages}
  625. transition-duration:.3s;
  626. -webkit-transition-duration:.3s;
  627. -moz-transition-duration:.3s;
  628. -ms-transition-duration:.3s;
  629. -o-transition-duration:.3s;
  630. }
  631. {/block:IndexPage}
  632. .fu-tumblr *{
  633. display:block;
  634. min-width:100%;
  635. max-width:100%;
  636. }
  637. article pre{
  638. white-space:normal;
  639. }
  640. article ul, article ol, article li{
  641. padding-left:20px;
  642. }
  643. article blockquote{
  644. padding-left:20px;
  645. border-left:1px solid #eee;
  646. }
  647. .chat{
  648. margin:15px 0 10px;
  649. padding:0;
  650. }
  651. .chat li{
  652. list-style-type:none;
  653. padding:0;
  654. margin:10px 0;
  655. }
  656. .chat li.odd{
  657. text-align:right;
  658. }
  659. .chat li.even{
  660. text-align:left;
  661. }
  662. .chat li b{
  663. font-size:10px;
  664. display:table;
  665. margin:5px;
  666. position:relative;
  667. }
  668. .chat li.odd b{
  669. margin-right:15px;
  670. margin-left:auto;
  671. }
  672. .chat li.even b{
  673. margin-left:15px;
  674. }
  675. .chat li span{
  676. min-width:90px;
  677. display:inline-block;
  678. padding:10px 15px;
  679. border-radius:10px/15px;
  680. margin:0 10px;
  681. }
  682. .chat li b:after{
  683. content:"";
  684. position:absolute;
  685. top:-5px;
  686. }
  687. .chat li.odd b:after{
  688. left:-40px;
  689. border-top:10px solid #5de439;
  690. border-right:5px solid transparent;
  691. border-left:20px solid transparent;
  692. }
  693. .chat li.even b:after{
  694. right:-40px;
  695. border-top:10px solid #e6e5eb;
  696. border-left:5px solid transparent;
  697. border-right:20px solid transparent;
  698. }
  699. .chat li.odd span{
  700. background-color:#5de439;
  701. text-align:left;
  702. }
  703. .chat li.even span{
  704. background-color:#e6e5eb;
  705. }
  706. .perma > a{
  707. {block:PermalinkPage}
  708. display:table-cell;
  709. vertical-align:middle;
  710. padding:10px;
  711. {/block:PermalinkPage}
  712. width:20px;
  713. line-height:10px;
  714. font-size:9px;
  715. {block:IndexPage}
  716. padding:5px;
  717. display:table;
  718. margin:10px auto;
  719. {/block:IndexPage}
  720. }
  721. {block:IndexPage}
  722. .perma > a:hover{
  723. background-color:#eee;
  724. }
  725. {/block:IndexPage}
  726. .perma{
  727. text-align:center;
  728. width:100%;
  729. position:relative;
  730. display:table;
  731. {block:PermalinkPage}
  732. padding-top:5px;
  733. margin-top:20px;
  734. {/block:PermalinkPage}
  735. }
  736. .perma > a b{
  737. display:block;
  738. }
  739. .tags{
  740. text-align:right;
  741. vertical-align:middle;
  742. display:table-cell;
  743. text-transform:uppercase;
  744. letter-spacing:1px;
  745. font-size:8px;
  746. padding-right:10px;
  747. }
  748. .tags a{
  749. margin-right:5px;
  750. }
  751.  
  752.  
  753.  
  754. .mtags{
  755. text-align:right;
  756. vertical-align:middle;
  757. display:table-cell;
  758. text-transform:uppercase;
  759. letter-spacing:1px;
  760. font-size:10px;
  761. font-family:consolas;
  762. padding-right:10px;
  763.  
  764. }
  765. .mtags a{
  766. margin-right:5px;
  767. margin-left:5px;
  768. color:#000;
  769. background-color:#fff;
  770. }
  771.  
  772.  
  773.  
  774.  
  775. .infos,
  776. .show_notes{
  777. position:relative;
  778. display:block;
  779. text-transform:uppercase;
  780. letter-spacing:1px;
  781. font-size:8px;
  782. line-height:120%;
  783. padding:10px 15px;
  784. text-align:center;
  785. }
  786.  
  787. #notes *{
  788. margin:0;
  789. padding:0;
  790. }
  791. #notes{
  792. position:relative;
  793. clear:both;
  794. display:none;
  795. text-align:center;
  796. padding:10px 0 50px;
  797. }
  798. #notes li{
  799. padding:0;
  800. margin:0;
  801. list-style-type:none;
  802. display:inline-block;
  803. width:25px;
  804. height:25px;
  805. margin:7px;
  806. overflow:hidden;
  807. }
  808. #notes img{
  809. width:25px;
  810. height:25px;
  811. }
  812. li.more_notes_link_container{
  813. background:url('http://cdn.flaticon.com/png/256/59565.png') no-repeat;
  814. background-size:25px;
  815. background-position:center;
  816. opacity:.5;
  817.  
  818. }
  819. a.more_notes_link{
  820. opacity:0;
  821. }
  822.  
  823. </style>
  824. </head>
  825. <body>
  826. <aside>
  827. <div id="opening" class="{select:SidebarImageSize}">
  828. <img src="{image:Sidebar}">
  829. {block:IfHiddenSidebar}{block:IndexPage}<a href="#" title="click me!"><font color="black"><i class="ion-plus"></i></a></font>{/block:IndexPage}{/block:IfHiddenSidebar}
  830. </div>
  831. <div id="description">
  832. <h1>{Title}</h1>
  833. {Description}
  834. <nav>
  835. <a href="/">Home</a>
  836. <a href="/ask">Message</a>
  837. <a href="/archive">Archive</a>
  838. {block:IfLink1}<a href="{text:Link1URL}">{text:Link1Name}</a>{/block:IfLink1}
  839. {block:IfLink2}<a href="{text:Link2URL}">{text:Link2Name}</a>{/block:IfLink2}
  840. {block:IfLink3}<a href="{text:Link3URL}">{text:Link3Name}</a>{/block:IfLink3}
  841. {block:IfLink4}<a href="{text:Link4URL}">{text:Link4Name}</a>{/block:IfLink4}
  842. {block:IfLink5}<a href="{text:Link5URL}">{text:Link5Name}</a>{/block:IfLink5}
  843. </nav>
  844. </div>
  845. {block:Pagination}
  846. <div id="pagination">
  847. {block:PreviousPage}<a href="{PreviousPage}"><i class="ion-chevron-left"><font color="#2e2e2e"></i>  back</a>  /  {/block:PreviousPage}{block:NextPage}<a id="nxt" href="{NextPage}"><font color="#2e2e2e">forth  <i class="ion-chevron-right"></i></a>{/block:NextPage}
  848. </div>
  849. {/block:Pagination}
  850. </aside>
  851. <main id="{select:NumberOfColumns}">
  852. <section>
  853. {block:Posts}
  854. {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} -->
  855. <article>
  856.  
  857.  
  858. {block:Text}
  859. {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  860. <div class="caption">
  861. {Body}
  862. </div>
  863. {block:Date}
  864. <div class=“perma”>
  865. <a href=“{Permalink}” title=“{TimeAgo}”><b>{DayOfMonthWithZero}</b> {MonthNumberWithZero}</a>
  866. {block:PermalinkPage}{block:HasTags}<p class=“tags”> {block:HasTags}{block:Tags}<a href=“{TagURL}”>#{Tag}</a>{/block:Tags}{/block:HasTags}</p>{/block:PermalinkPage}
  867. </div>
  868. {/block:Date}
  869. <p class=“mtags”> {block:Ifmtags}{block:HasTags}{block:Tags}<a href=“{TagURL}”>#{Tag}</a>{/block:Tags}{/block:HasTags}{/block:Ifmtags}
  870. {/block:Text}
  871.  
  872.  
  873.  
  874.  
  875. {block:Link}
  876. <h2 class="links"><a href="{URL}">{Name} »</a></h2>
  877. {block:Description}
  878. <div class="caption">
  879. {Description}
  880. </div>
  881. {/block:Description}
  882. {block:Date}
  883. <div class=“perma”>
  884. <a href=“{Permalink}” title=“{TimeAgo}”><b>{DayOfMonthWithZero}</b> {MonthNumberWithZero}</a>
  885. {block:PermalinkPage}{block:HasTags}<p class=“tags”> {block:HasTags}{block:Tags}<a href=“{TagURL}”>#{Tag}</a>{/block:Tags}{/block:HasTags}</p>{/block:PermalinkPage}
  886. </div>
  887. {/block:Date}
  888. <p class=“mtags”> {block:Ifmtags}{block:HasTags}{block:Tags}<a href=“{TagURL}”>#{Tag}</a>{/block:Tags}{/block:HasTags}{/block:Ifmtags}
  889. {/block:Link}
  890.  
  891.  
  892.  
  893. {block:Quote}
  894. <h2 class="quote">{Quote}</h2>
  895. {block:Source}
  896. <div class="caption">
  897. {Source}
  898. </div>
  899. {/block:Source}
  900. {block:Date}
  901. <div class=“perma”>
  902. <a href=“{Permalink}” title=“{TimeAgo}”><b>{DayOfMonthWithZero}</b> {MonthNumberWithZero}</a>
  903. {block:PermalinkPage}{block:HasTags}<p class=“tags”> {block:HasTags}{block:Tags}<a href=“{TagURL}”>#{Tag}</a>{/block:Tags}{/block:HasTags}</p>{/block:PermalinkPage}
  904. </div>
  905. {/block:Date}
  906. <p class=“mtags”> {block:Ifmtags}{block:HasTags}{block:Tags}<a href=“{TagURL}”>#{Tag}</a>{/block:Tags}{/block:HasTags}{/block:Ifmtags}
  907. {/block:Quote}
  908.  
  909.  
  910.  
  911.  
  912.  
  913. {block:Photo}
  914. {block:IndexPage}
  915. <div class="hover_perma">
  916. <p>
  917. <a href="{Permalink}" title="permalink"><i class="ion-navicon"></i></a>
  918. {block:RebloggedFrom}<a href="{ReblogRootURL}" target="_blank" title="posted by {ReblogRootName}">©</a>{/block:RebloggedFrom}
  919. <a href="{ReblogURL}" target="_blank" title="Reblog"><i class="ion-refresh"></i></a>
  920. </p>
  921. {block:Caption}
  922. <div class="hover_cap">
  923. <div>{Caption}</div>
  924. </div>
  925. {/block:Caption}
  926. </div>
  927. {/block:IndexPage}
  928. {LinkOpenTag}
  929. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="pictures">
  930. {LinkCloseTag}
  931. {block:PermalinkPage}
  932. {block:Caption}
  933. <div class="caption">
  934. {Caption}
  935. </div>
  936. {/block:Caption}
  937. {block:Date}
  938. <div class=“perma”>
  939. <a href=“{Permalink}” title=“{TimeAgo}”><b>{DayOfMonthWithZero}</b> {MonthNumberWithZero}</a>
  940. {block:PermalinkPage}{block:HasTags}<p class=“tags”> {block:HasTags}{block:Tags}<a href=“{TagURL}”>#{Tag}</a>{/block:Tags}{/block:HasTags}</p>{/block:PermalinkPage}
  941. </div>
  942. {/block:Date}
  943. {/block:PermalinkPage}
  944. <p class=“mtags”> {block:Ifmtags}{block:HasTags}{block:Tags}<a href=“{TagURL}”>#{Tag}</a>{/block:Tags}{/block:HasTags}{/block:Ifmtags}
  945. {/block:Photo}
  946.  
  947.  
  948.  
  949.  
  950.  
  951. {block:Photoset}
  952. {block:IndexPage}
  953. <div class="hover_perma">
  954. <p>
  955. <a href="{Permalink}" title="permalink"><i class="ion-navicon"></i></a>
  956. {block:RebloggedFrom}<a href="{ReblogRootURL}" target="_blank" title="posted by {ReblogRootName}">©</a>{/block:RebloggedFrom}
  957. <a href="{ReblogURL}" target="_blank" title="Reblog"><i class="ion-refresh"></i></a>
  958. </p>
  959. {block:Caption}
  960. <div class="hover_cap">
  961. <div>{Caption}</div>
  962. </div>
  963. {/block:Caption}
  964. </div>
  965. {/block:IndexPage}
  966. {Photoset}
  967. {block:PermalinkPage}
  968. {block:Caption}
  969. <div class="caption">
  970. {Caption}
  971. </div>
  972. {/block:Caption}
  973. {block:Date}
  974. <div class=“perma”>
  975. <a href=“{Permalink}” title=“{TimeAgo}”><b>{DayOfMonthWithZero}</b> {MonthNumberWithZero}</a>
  976. {block:PermalinkPage}{block:HasTags}<p class=“tags”> {block:HasTags}{block:Tags}<a href=“{TagURL}”>#{Tag}</a>{/block:Tags}{/block:HasTags}</p>{/block:PermalinkPage}
  977. </div>
  978. {/block:Date}
  979. {/block:PermalinkPage}
  980. <p class=“mtags”> {block:Ifmtags}{block:HasTags}{block:Tags}<a href=“{TagURL}”>#{Tag}</a>{/block:Tags}{/block:HasTags}{/block:Ifmtags}
  981. {/block:Photoset}
  982.  
  983.  
  984.  
  985.  
  986.  
  987. {block:Video}
  988. {block:IndexPage}
  989. <div class="hover_perma">
  990. <p>
  991. <a href="{Permalink}" title="permalink"><i class="ion-navicon"></i></a>
  992. {block:RebloggedFrom}<a href="{ReblogRootURL}" target="_blank" title="posted by {ReblogRootName}">©</a>{/block:RebloggedFrom}
  993. <a href="{ReblogURL}" target="_blank" title="Reblog"><i class="ion-refresh"></i></a>
  994. </p>
  995. {block:Caption}
  996. <div class="hover_cap">
  997. <div>{Caption}</div>
  998. </div>
  999. {/block:Caption}
  1000. </div>
  1001. {/block:IndexPage}
  1002. <div class="fu-tumblr">{Video-500}</div>
  1003. {block:PermalinkPage}
  1004. {block:Caption}
  1005. <div class="caption">
  1006. {Caption}
  1007. </div>
  1008. {/block:Caption}
  1009. {block:Date}
  1010. <div class=“perma”>
  1011. <a href=“{Permalink}” title=“{TimeAgo}”><b>{DayOfMonthWithZero}</b> {MonthNumberWithZero}</a>
  1012. <a href=“{TagURL}”>#{Tag}</a>
  1013.  
  1014. {block:PermalinkPage}{block:HasTags}<p class=“tags”> {block:HasTags}{block:Tags}<a href=“{TagURL}”>#{Tag}</a>{/block:Tags}{/block:HasTags}</p>{/block:PermalinkPage}
  1015. </div>
  1016. {/block:Date}
  1017. {/block:PermalinkPage}
  1018. <p class=“mtags”> {block:Ifmtags}{block:HasTags}{block:Tags}<a href=“{TagURL}”>#{Tag}</a>{/block:Tags}{/block:HasTags}{/block:Ifmtags}
  1019. {/block:Video}
  1020.  
  1021.  
  1022.  
  1023.  
  1024.  
  1025.  
  1026. {block:Answer}
  1027. <h2 class="question"> {Question} <span>{Asker}</span></h2>
  1028. <div class="caption">{Answer}</div>
  1029. {block:Date}
  1030. <div class="perma">
  1031. <a href="{Permalink}" title="{TimeAgo}"><b>{DayOfMonthWithZero}</b> {MonthNumberWithZero}</a>
  1032. {block:PermalinkPage}{block:HasTags}<p class="tags"> {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</p>{/block:PermalinkPage}
  1033. </div>
  1034. {/block:Date}
  1035. <p class=“mtags”> {block:Ifmtags}{block:HasTags}{block:Tags}<a href=“{TagURL}”>#{Tag}</a>{/block:Tags}{/block:HasTags}{/block:Ifmtags}
  1036. {/block:Answer}
  1037.  
  1038.  
  1039.  
  1040.  
  1041.  
  1042.  
  1043. {block:Chat}
  1044. {block:Title}
  1045. <h2><a href="{Permalink}">{Title}</a></h2>
  1046. {/block:Title}
  1047. <ul class="chat">
  1048. {block:Lines}
  1049. <li class="{Alt}">
  1050. <span>{Line}</span>
  1051. {block:Label}
  1052. <b>{Label}</b>
  1053. {/block:Label}
  1054. </li>
  1055. {/block:Lines}
  1056. </ul>
  1057. {block:Date}
  1058. <div class="perma">
  1059. <a href="{Permalink}" title="{TimeAgo}"><b>{DayOfMonthWithZero}</b> {MonthNumberWithZero}</a>
  1060. {block:PermalinkPage}{block:HasTags}<p class="tags"> {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</p>{/block:PermalinkPage}
  1061. </div>
  1062. {/block:Date}
  1063. <p class=“mtags”> {block:Ifmtags}{block:HasTags}{block:Tags}<a href=“{TagURL}”>#{Tag}</a>{/block:Tags}{/block:HasTags}{/block:Ifmtags}
  1064. {/block:Chat}
  1065.  
  1066.  
  1067.  
  1068.  
  1069.  
  1070. {block:Audio}
  1071. <div class="audio">
  1072. <div class="player">
  1073. {block:AlbumArt}
  1074. <img src="{AlbumArtURL}">
  1075. {/block:AlbumArt}
  1076. <span>{block:AudioPlayer} {AudioPlayer} {/block:AudioPlayer}</span>
  1077. </div>
  1078. <p>
  1079. {block:Artist}
  1080. <b>{Artist}</b> <br>
  1081. {/block:Artist}
  1082. {block:TrackName}
  1083. {TrackName}
  1084. {/block:TrackName}
  1085. </p>
  1086. </div>
  1087. {block:PermalinkPage}
  1088. {block:Caption}
  1089. <div class="caption">{Caption}</div>
  1090. {/block:Caption}
  1091. {/block:PermalinkPage}
  1092.  
  1093. {block:Date}
  1094. <div class="perma">
  1095. <a href="{Permalink}" title="{TimeAgo}"><b>{DayOfMonthWithZero}</b> {MonthNumberWithZero}</a>
  1096. {block:PermalinkPage}{block:HasTags}<p class="tags"> {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</p>{/block:PermalinkPage}
  1097. </div>
  1098. {/block:Date}
  1099. <p class=“mtags”> {block:Ifmtags}{block:HasTags}{block:Tags}<a href=“{TagURL}”>#{Tag}</a>{/block:Tags}{/block:HasTags}{/block:Ifmtags}
  1100. {/block:Audio}
  1101.  
  1102.  
  1103.  
  1104.  
  1105.  
  1106.  
  1107.  
  1108. {block:PermalinkPage}
  1109. {block:Date}
  1110. <div class="infos">{block:RebloggedFrom}reblogged via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> and from <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a> {/block:RebloggedFrom}{block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</div>
  1111. <a class="show_notes">show notes</a>
  1112. {/block:Date}
  1113. {/block:PermalinkPage}
  1114. {block:PostNotes}
  1115. <div id="notes">
  1116. {PostNotes-64}
  1117. </div>
  1118. {/block:PostNotes}
  1119. </article>
  1120. {/block:Posts}
  1121. </section>
  1122. </main>
  1123. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1124. <script src="http://static.tumblr.com/wgg6svp/sDinmsq3x/jquery.style-my-tooltips.js"></script>
  1125. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  1126. <script src="http://static.tumblr.com/q8c0vxg/xYrnjmd74/jquery.infinitescroll.min.js"></script>
  1127. <script src="http://static.tumblr.com/wgg6svp/MBEnnvwcu/masonry330.js"></script>
  1128. <script>
  1129. $(function(){
  1130. $("[title]").style_my_tooltips({
  1131. tip_follows_cursor:true,
  1132. tip_delay_time:200,
  1133. tip_fade_speed:500
  1134. });
  1135.  
  1136. {block:IfHiddenSidebar}
  1137. var height = $('#description').height();
  1138. $('#opening a').click(function(e){
  1139. e.preventDefault();
  1140. if($(this).hasClass('rotate')){
  1141. $('#description').animate({
  1142. 'top':'70%',
  1143. 'margin-top':'0px',
  1144. 'opacity': 0
  1145. }, 800);
  1146. $(this).removeClass('rotate').parent().animate({
  1147. 'top':'50%',
  1148. 'margin-top':'-'+($(this).height()-35)+'px'
  1149. }, 800);
  1150. }else{
  1151. $('#description').animate({
  1152. 'top':'50%',
  1153. 'margin-top':'-'+(height/2)+'px',
  1154. 'opacity': 1
  1155. }, 800);
  1156. $(this).addClass('rotate').parent().animate({
  1157. 'top':'50%',
  1158. 'margin-top':'-'+((height/2)+$(this).height()+30)+'px'
  1159. }, 800);
  1160.  
  1161. }
  1162. return false
  1163. });
  1164. {/block:IfHiddenSidebar}
  1165. $('.show_notes').click(function(e){
  1166. e.preventDefault();
  1167. $(this).fadeOut(300);
  1168. $('#notes').fadeIn(800);
  1169. });
  1170. $('.chat b').each(function(){
  1171. var string = $(this).text();
  1172. $(this).text(string.replace(/\:/g, ''));
  1173. });
  1174. {block:IndexPage}
  1175. var parent = $('section');
  1176. {block:IfInfiniteScroll}
  1177. parent.infinitescroll({
  1178. navSelector : "#pagination",
  1179. nextSelector : "#nxt",
  1180. itemSelector : "article",
  1181. binder : $('main'),
  1182. bufferPx : 50,
  1183. done : "",
  1184. loading: {
  1185. img : "",
  1186. msgText: "",
  1187. finishedMsg:""
  1188. },
  1189. },
  1190. function( newElements ) {
  1191. var $newElems = $( newElements ).css({ opacity: 0 });
  1192. $newElems.imagesLoaded(function(){
  1193. $newElems.animate({ opacity: 1 });
  1194. if('{select:NumberOfColumns}' != 'one') parent.masonry( 'appended', $newElems);
  1195. });
  1196. });
  1197. {/block:IfInfiniteScroll}
  1198. if('{select:NumberOfColumns}' != 'one'){
  1199. $('article').css({'float':'left'});
  1200. parent.imagesLoaded(function(){
  1201. parent.masonry({
  1202. itemSelector: 'article',
  1203. isAnimated: false,
  1204. percentPosition: true,
  1205. columnWidth : 'article'
  1206. });
  1207. });
  1208. setInterval(function(){parent.masonry();}, 10000);
  1209. }
  1210. {/block:IndexPage}
  1211.  
  1212. });
  1213. </script>
  1214. <script src="http://static.tumblr.com/wgg6svp/oZJnqcqey/scripts.js"></script>
  1215.  
  1216.  
  1217. <div style="position:fixed;bottom:0;right:0;padding:0 50px 10px 0;font-size:14px;z-index:9999999999;"><a title="theme by neothm" style="background:transparent;"href="http://neothm.com">©</a></div>
  1218.  
  1219.  
  1220.  
  1221.  
  1222.  
  1223. </body>
  1224. </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!