API tools faq
paste
Advertisement
neothm

#11 GOLDEN

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