Advertisement
feiinho

hold on theme

Nov 16th, 2017
175
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!------------------------------------------
  2.  
  3. (◍•ᴗ•◍)♡ ✧*。
  4.  
  5. Hold On Theme by ThemeKid Chloë | @redivide | @themekid
  6.  
  7. > Do not delete/alter any credit.
  8. > Do not claim as your own.
  9. > Do not copy any code.
  10. > Do not redistribute.
  11.  
  12. ------------------------------------------->
  13. <html>
  14. <head>
  15. {block:Hidden}
  16. <meta name="image:Sidebar" content="http://67.media.tumblr.com/0dc8135506f5802fd3992155bbd2bbe0/tumblr_oeepbg35GE1v8yaeco1_1280.jpg"/>
  17.  
  18. <meta name="color:Accent" content="#dfcacc" />
  19. <meta name="color:Dark Accent" content="#c09992" />
  20.  
  21. <meta name="select:Columns" content="ThreeColumns" title="3" />
  22. <meta name="select:Columns" content="TwoColumns" title="2" />
  23.  
  24. <meta name="if:Credit Link" content="" />
  25. <meta name="if:Custom Favicon" content="" />
  26. <meta name="if:Redirect Ask" content="" />
  27.  
  28. <meta name="text:IMPORTANT" content="do not enable the redirect ask if you are using the default /ask page. it will cause your browser to crash! only enable if you are using a custom ask page."/>
  29. <meta name="text:Ask Link" content="/ask" />
  30. <meta name="text:Favicon URL" content="http://" />{/block:Hidden}
  31.  
  32. <meta charset="UTF-8" />
  33. <title>{block:TagPage}{Tag} posts | {/block:TagPage}{block:PostSummary}{PostSummary} | {/block:PostSummary}{Title}</title>
  34. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  35. {block:IfNotCustomFavicon}
  36. <link rel="shortcut icon" href="{Favicon}">
  37. {/block:IfNotCustomFavicon}
  38. {block:IfCustomFavicon}
  39. <link rel="shortcut icon" href="{text:Favicon URL}">
  40. {/block:IfCustomFavicon}
  41. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  42. <link href="https://fonts.googleapis.com/css?family=Anonymous+Pro|Gochi+Hand|Open+Sans:400,400i,700,700i|Sacramento" rel="stylesheet">
  43. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  44. <link rel="stylesheet" href="http://static.tumblr.com/8pnyeus/29To2og0o/styles.css">
  45. <script src="https://dl.dropboxusercontent.com/s/7ke33tjjl8rty02/scripts.js"></script>
  46. <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  47. <!--there is a reason you can't find this link for outicons when you google, it's because i made it. so leave it the fuck alone and go make your own-->
  48. <link href='http://static.tumblr.com/8pnyeus/sXxofi7lt/outicons.css' rel='stylesheet' type='text/css'>
  49. <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5399645";var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;fhs.src = "//s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"' style='display:none'></span>");
  50. </script><script>{block:IfRedirectAsk}
  51. if(window.location.pathname == '/ask') location.replace('{text:Ask Link}');{/block:IfRedirectAsk}
  52. (function($){ $(document).ready(function(){ $("[title],a[title],img[title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:100, tip_fade_speed:300, attribute:"title" }); }); })(jQuery);
  53. </script>
  54. <style type="text/css">
  55. [class*=" oi-"]:before,[class^=oi-]:before {
  56. line-height:inherit;
  57. }
  58. #reblogged {
  59. bottom:20px!important;
  60. }
  61. #tumblr_controls, .tmblr-iframe {
  62. top:15px!important;
  63. right:5px!important;
  64. -webkit-filter: invert(90%);
  65. filter: invert(90%);
  66. position:fixed!important;
  67. -webkit-transform:scale(.8, .8);
  68. -moz-transform:scale(.8, .8);
  69. transform:scale(.8, .8);
  70. -webkit-transform-origin: right top;
  71. -moz-transform-origin: right top;
  72. -ms-transform-origin: right top;
  73. -o-transform-origin: right top;
  74. transform-origin: right top;
  75. z-index:999999999999999999!important
  76. }
  77. ::-webkit-scrollbar {
  78. background-color:#ddd;
  79. height: 11px;
  80. width: 11px;
  81. border:5px solid #fff;
  82. }
  83. ::-webkit-scrollbar-thumb {
  84. background-color:#000;
  85. border:5px solid #fff;
  86. }
  87. #desc::-webkit-scrollbar {
  88. background-color:#ddd;
  89. height: 11px;
  90. width: 11px;
  91. border:5px solid #eee;
  92. }
  93. #desc::-webkit-scrollbar-thumb {
  94. background-color:#000;
  95. border:5px solid #eee;
  96. }
  97. ::-moz-selection {
  98. color:{color:Dark Accent};
  99. background:rgba({RGBcolor:Accent},0.1);
  100. }
  101.  
  102. ::selection {
  103. color:{color:Dark Accent};
  104. background:rgba({RGBcolor:Accent},0.1);
  105. }
  106. body {
  107. font-family: 'Open Sans', sans-serif;
  108. font-size:11px;
  109. line-height:1.5em;
  110. word-wrap:break-word;
  111. }
  112. body:before {
  113. content: '';
  114. width: 100%;
  115. height: 10px;
  116. position: fixed;
  117. top: 0;
  118. left: 0;
  119. z-index: 10;
  120. background: #eee;
  121. }
  122. body:after {
  123. content: '';
  124. width: 100%;
  125. height: 10px;
  126. position: fixed;
  127. bottom: 0;
  128. left: 0;
  129. z-index: 10;
  130. background: #eee;
  131. }
  132. * {
  133. margin:0;
  134. padding:0;
  135. }
  136. h1,h2,h3,h4,h5,h6 {
  137. font-family:'Gochi Hand', serif;
  138. font-weight:normal;
  139. }
  140. img:not(.lightbox-image), embed, video, .tumblr_video_container, iframe:not(#ask_form):not(.tumblr_audio_player):not(.instagram-media) {
  141. max-width:100%!important;
  142. height:auto;
  143. }
  144. img:not(.lightbox-image) {
  145. vertical-align:middle;
  146. }
  147. .instagram-media {
  148. max-width:100%!important;
  149. }
  150. .tumblr_video_container {
  151. height:auto!important;
  152. }
  153. .vine-embed {
  154. height:220px!important;
  155. }
  156. #infscr-loading {
  157. position:absolute;
  158. margin-bottom:-40px;
  159. bottom:30px;
  160. width:200px;
  161. margin-left:50%;
  162. left:-100px;
  163. text-align:center;
  164. }
  165. a {
  166. color:#000;
  167. text-decoration:none;
  168. -webkit-transition: all 0.3s ease-in-out;
  169. -moz-transition: all 0.3s ease-in-out;
  170. -o-transition: all 0.3s ease-in-out;
  171. transition: all 0.3s ease-in-out;
  172. }
  173. a:hover {
  174. color:{color:Dark Accent};
  175. -webkit-transition: all 0.3s ease-in-out;
  176. -moz-transition: all 0.3s ease-in-out;
  177. -o-transition: all 0.3s ease-in-out;
  178. transition: all 0.3s ease-in-out;
  179. }
  180. a:focus {
  181. outline:0;
  182. }
  183. li {
  184. position:relative;
  185. }
  186. i, em {
  187. /*font-family: 'Nothing You Could Do', cursive;*/
  188. font-size:1.4em;
  189. }
  190. #s-m-t-tooltip {
  191. max-width:300px;
  192. padding:3px 6px;
  193. margin:20px 10px;
  194. background: #000;
  195. color:#fff;
  196. z-index:999999999999999!important;
  197. font-size:9px;
  198. text-transform:uppercase;
  199. font-family:'Anonymous Pro', monospace;
  200. }
  201.  
  202. .back-to-top {
  203. text-align: center;
  204. bottom: 44px;
  205. left: 45px;
  206. font-size: 15px;
  207. cursor: pointer;
  208. text-transform: uppercase;
  209. position: fixed;
  210. z-index: 99999;
  211. }
  212. .back-to-top i {
  213. width: 21px;
  214. height: 21px;
  215. line-height: 21px;
  216. color: {color:Accent};
  217. border: 1px solid {color:Accent};
  218. background: #fff;
  219. padding: 10px;
  220. border-radius: 50%;
  221. vertical-align: middle;
  222. display:block;
  223. }
  224. #sidebar {
  225. width: 320px;
  226. position: fixed;
  227. left: calc(50% - 550px);
  228. top: 180px;
  229. padding: 30px;
  230. z-index: 10;
  231. background: #fafafa;
  232. border: 5px solid #fff;
  233. outline: 1px solid #eaeaea;
  234. box-sizing: border-box;
  235. }
  236. #sidebar h1 {
  237. position: absolute;
  238. top: -35px;
  239. left: 10px;
  240. line-height: 50px;
  241. font-family: 'Sacramento', cursive;
  242. font-size: 40px;
  243. }
  244. #sidebar img {
  245. padding: 5px;
  246. background: #fff;
  247. border: 1px solid #eaeaea;
  248. outline: 5px solid rgba(255,255,255,0.3);
  249. outline-offset: -11px;
  250. box-sizing: border-box;
  251. width: 125px;
  252. display: inline-block;
  253. float: left;
  254. margin-right:-1px;
  255. height:125px;
  256. }
  257. #sidebar #desc {
  258. display: inline-block;
  259. width: 126px;
  260. vertical-align: top;
  261. box-sizing: border-box;
  262. text-align: center;
  263. height: 125px;
  264. padding: 10px;
  265. line-height: 13px;
  266. font-size: 10px;
  267. background: #eee;
  268. border: 6px solid #fff;
  269. outline: 1px solid #eaeaea;
  270. outline-offset: -1px;
  271. font-family:'Anonymous Pro', monospace;
  272. overflow:auto;
  273. }
  274. ul#link-expands {
  275. list-style: none;
  276. padding: 0;
  277. display: none;
  278. position: fixed;
  279. top: 400px;
  280. width: 300px;
  281. text-align: right;
  282. left: calc(50% - 540px);
  283. font-family: 'Anonymous Pro',monospace;
  284. }
  285. ul#link-expands a {
  286. color:#000;
  287. padding: 0 5px;
  288. }
  289. ul#link-expands li:before, ul#navlinks li:before {
  290. display:none;
  291. }
  292. #squiggle {
  293. width: 350px;
  294. height: 240px;
  295. z-index: 0;
  296. background: url(http://media.tumblr.com/5f5f0cb8e5dfca95dde0dcc6fb5ad4eb/tumblr_inline_n87ac5ndov1sgp6cl.png) no-repeat;
  297. background-size: contain;
  298. position: fixed;
  299. left: calc(50% - 713px);
  300. opacity: 0.5;
  301. top: 190px;
  302. transform: rotate(181deg) rotateX(180deg);
  303. }
  304. #content.ThreeColumns {
  305. position:relative;
  306. margin:50px auto;
  307. width:740px;
  308. left:200px;
  309. }
  310. #content.TwoColumns {
  311. position:relative;
  312. margin:80px auto;
  313. width:650px;
  314. left:180px;
  315. }
  316. #posts {
  317. margin-bottom:40px;
  318. }
  319. article {
  320. position:relative;
  321. box-sizing:border-box;
  322. padding:5px;
  323. background:#fff;
  324. border:1px solid #eaeaea;
  325.  
  326. {block:IndexPage}overflow:hidden;{/block:IndexPage}
  327. }
  328. .TwoColumns article {
  329. width:280px;
  330. margin-bottom:90px;
  331. }
  332. .ThreeColumns article {
  333. margin-bottom:40px;
  334. width:220px;
  335. }
  336. article .photo {
  337. outline:8px solid rgba(255,255,255,0.3);
  338. outline-offset:-8px;
  339. -webkit-transition: all 0.3s ease-in-out;
  340. -moz-transition: all 0.3s ease-in-out;
  341. -o-transition: all 0.3s ease-in-out;
  342. transition: all 0.3s ease-in-out;
  343. }
  344. {block:IndexPage}article:hover .photo {
  345. outline:150px solid rgba({RGBcolor:Accent},0.5);
  346. outline-offset:-150px;
  347. -webkit-transition: all 0.3s ease-in-out;
  348. -moz-transition: all 0.3s ease-in-out;
  349. -o-transition: all 0.3s ease-in-out;
  350. transition: all 0.3s ease-in-out;
  351. }{/block:IndexPage}
  352. article ul, article ol {
  353. padding-left:25px;
  354. line-height:175%;
  355. margin:10px 0;
  356. }
  357. article ul {
  358. list-style:circle;
  359. }
  360. article hr {
  361. border:none;
  362. width:75%;
  363. margin:15px auto;
  364. height:1px;
  365. background:rgba({RGBcolor:Accent},0.5);
  366. }
  367. blockquote.tumblr_parent {
  368. padding-left: 5px;
  369. padding-right: 5px;
  370. margin: 10px 0px;
  371. padding-bottom: 10px;
  372. line-height: 140%;
  373. position: relative;
  374. border-bottom:1px solid #eaeaea;
  375. }
  376. blockquote.tumblr_parent:before, .chat .labels:before {
  377. content: '\e0ca';
  378. font-family: "untitled-font-1" !important;
  379. font-style: normal;
  380. font-weight: normal;
  381. speak: none;
  382. display: inline-block;
  383. text-decoration: inherit;
  384. width: 1em;
  385. text-align: center;
  386. font-variant: normal;
  387. text-transform: none;
  388. line-height: 1em;
  389. font-size: 1em;
  390. vertical-align:middle;
  391. -webkit-font-smoothing: antialiased;
  392. -moz-osx-font-smoothing: grayscale;
  393. margin-right: 5px;
  394. color:{color:Dark Accent};
  395. }
  396. blockquote.tumblr_parent:first-of-type {
  397. margin-top:0;
  398. }
  399. blockquote.tumblr_parent p:first-of-type {
  400. display:inline;
  401. }
  402. blockquote.tumblr_parent:last-of-type {
  403. border-bottom:none;
  404. padding-bottom:5px;
  405. margin-bottom:0px;
  406. }
  407. blockquote.tumblr_parent:last-of-type:after {
  408. content:initial;
  409. }
  410. blockquote.tumblr_parent img {
  411. box-sizing: border-box;
  412. border: 2px solid {color:Accent};
  413. margin: 20px 0;
  414. }
  415. blockquote.tumblr_parent p {
  416. margin:10px 0;
  417. }
  418. blockquote.tumblr_parent p:last-of-type {
  419. margin-bottom:0;
  420. }
  421. blockquote.tumblr_parent p a {
  422. color:{color:Dark Accent};
  423. }
  424. blockquote.tumblr_parent h2 {
  425. margin-top:15px;
  426. }
  427. article h2 {
  428. margin-bottom:15px;
  429. font-size:1.9em;
  430. }
  431. a.tumblr_blog {
  432. font-weight:bold;
  433. margin-right:5px;
  434. color:#000;
  435. }
  436. a.tumblr_blog:after {
  437. content:": ";
  438. }
  439. blockquote.tumblr_parent > blockquote {
  440. border-left:2px solid #eee;
  441. padding-left:10px;
  442. margin:10px 0;
  443. margin-left:5px;
  444. }
  445. a.tumblr_blog + blockquote {
  446. display: inline;
  447. }
  448.  
  449. .quote h2 {
  450. background:none;
  451. }
  452. .quote.short h2 {
  453. font-size:2em;
  454. line-height:120%;
  455. }
  456. .quote.medium h2 {
  457. font-size:1.5em;
  458. line-height:120%;
  459. }
  460. .quote.long h2 {
  461. font-size:1em;
  462. }
  463. .quote cite {
  464. text-align:right;
  465. display:block;
  466. }
  467. .chat ul {
  468. padding:0;
  469. list-style:none;
  470. margin:0;
  471. }
  472. .chat .labels {
  473. font-weight:bold;
  474. }
  475. .link h2 {
  476. text-align:left;
  477. }
  478. .album-art {
  479. height:50px;
  480. margin-bottom:15px;
  481. width:100%;
  482. background:{color:Accent} repeat center center;
  483. background-size:contain;
  484. }
  485. .ThreeColumns .album-art {
  486. height:40px;
  487. }
  488. .audio-info {
  489. list-style:none;
  490. padding:0;
  491. margin:0;
  492. }
  493. .audio-info li {
  494. border-bottom:1px solid #eaeaea;
  495. padding:4px;
  496. text-align:right;
  497. }
  498. .audio-info i, .audio-info b {
  499. float:left;
  500. }
  501. .audio-info i {
  502. color:{color:Dark Accent};
  503. margin-right:4px;
  504. }
  505. .tumblr_audio_player {
  506. width: calc(100% - 50px);
  507. position: absolute;
  508. top: 25px;
  509. height: 50px;
  510. opacity: 0.6;
  511. }
  512. .ThreeColumns .tumblr_audio_player {
  513. width:calc(100% - 40px);
  514. height:40px;
  515. top: 20px;
  516. }
  517. .vid {
  518. padding-bottom:2px;
  519. }
  520. .answer h2 {
  521. text-transform:lowercase;
  522. line-height:24px;
  523. }
  524. .answer h2 a, .link h2 a {
  525. color: #000;
  526. border-bottom:none;
  527. }
  528. .answer h2 a:hover, .link h2 a:hover {
  529. color:{color:Dark Accent};
  530. }
  531. .answer h2 img {
  532. margin-right: 8px;
  533. border-radius: 50%;
  534. }
  535. .response {
  536. position: relative;
  537. margin-top: 41px;
  538. }
  539. .query {
  540. position:relative;
  541. }
  542. .query:after {
  543. content: '';
  544. width:75%;
  545. height:1px;
  546. background:rgba({RGBcolor:Accent},0.5);
  547. left: 12.5%;
  548. bottom: -20px;
  549. position: absolute;
  550. }
  551. .response, .also_query {
  552. max-height:150px;
  553. overflow-y:auto;
  554. }
  555. .response.answererer {
  556. overflow:initial;
  557. }
  558. .answer h2:nth-of-type(2) {
  559. margin-top: 41px;
  560. }
  561. .response:empty {
  562. display:none;
  563. overflow:hidden;
  564. }
  565. .answererer:before {
  566. content: '';
  567. width:75%;
  568. height:1px;
  569. background:rgba({RGBcolor:Dark Accent},0.5);
  570. left: 12.5%;
  571. top: -20px;
  572. position: absolute;
  573. }
  574. .permalinks {
  575. list-style:none;
  576. padding:0;
  577. text-align:center;
  578. margin:0;
  579. }
  580. .non-text-type .custom-like-button {
  581. width: 36.39px;
  582. height: 36px;
  583. }
  584. .like_button {
  585. position: absolute;
  586. top: 0;
  587. left: 0;
  588. right: 0;
  589. bottom: 0;
  590. width: 100%;
  591. height: 100%;
  592. opacity: 0;
  593. z-index: 10;
  594. }
  595. .like_button iframe {
  596. width: 100% !important;
  597. height: 100% !important;
  598. }
  599. .our_toggle {
  600. top: 0;
  601. left: 0;
  602. right: 0;
  603. bottom: 0;
  604. width: 18px;
  605. height: 18px;
  606. z-index: 1;
  607. -webkit-transition: all 0.2s ease-in-out;
  608. -moz-transition: all 0.2s ease-in-out;
  609. -o-transition: all 0.2s ease-in-out;
  610. transition: all 0.2s ease-in-out;
  611. }
  612. .like_button:hover + .our_toggle {
  613. color:{color:Dark Accent};
  614. -webkit-transition: all 0.2s ease-in-out;
  615. -moz-transition: all 0.2s ease-in-out;
  616. -o-transition: all 0.2s ease-in-out;
  617. transition: all 0.2s ease-in-out;
  618. }
  619. .like_button.liked + .our_toggle .oi-heart:before {
  620. content: "\e098";
  621. }
  622. .text-type .permalinks a {
  623. color:{color:Accent};
  624. }
  625. .non-text-type .permalinks a {
  626. color:#fff;
  627. }
  628. .permalinks a:hover {
  629. color:{color:Dark Accent};
  630. }
  631. .permalinks li {
  632. display:inline-block;
  633. margin:0 5px;
  634. }
  635. .text-type .permalinks {
  636. text-align:right;
  637. padding:20px;
  638. }
  639. .ThreeColumns .text-type .permalinks {
  640. padding:15px;
  641. }
  642. .text-type .permalinks li {
  643. color:{color:Accent};
  644. }
  645. .text-type .permalinks li i:before {
  646. vertical-align: middle;
  647. }
  648. .non-text-type .permalinks {
  649. font-size:26px;
  650. line-height:30px;
  651. color:#fff;
  652. position:absolute;
  653. top:calc(50% - 15px);
  654. left:0;
  655. width:100%;
  656. opacity:0;
  657. visibility:hidden;
  658. transform:scale(0);
  659. -webkit-transition: all 0.3s ease-in-out;
  660. -moz-transition: all 0.3s ease-in-out;
  661. -o-transition: all 0.3s ease-in-out;
  662. transition: all 0.3s ease-in-out;
  663. }
  664. article.non-text-type:hover .permalinks {
  665. transform:scale(1);
  666. opacity:1;
  667. visibility:visible;
  668. -webkit-transition: all 0.3s ease-in-out;
  669. -moz-transition: all 0.3s ease-in-out;
  670. -o-transition: all 0.3s ease-in-out;
  671. transition: all 0.3s ease-in-out;
  672. }
  673. .text-type > * {
  674. background:#fafafa;
  675. }
  676. .text-type > div:first-of-type {
  677. padding:20px 20px{block:IndexPage} 0{/block:IndexPage};
  678. }
  679. {block:IndexPage}.ThreeColumns .text-type > div:first-of-type {
  680. padding:15px 15px 0;
  681. }{/block:IndexPage}
  682. .photoset {
  683. padding:0;
  684. }
  685. .non-text-type .caption,
  686. .audio + .caption,
  687. .vid + .caption,
  688. .photoset + .caption {
  689. padding:10px;
  690. background:#fafafa;
  691. margin-top:5px;
  692. }
  693. .text-type blockquote.tumblr_parent {
  694. padding-left:0;
  695. padding-right:0;
  696. }
  697. .caption-audio blockquote.tumblr_parent,
  698. .caption-video blockquote.tumblr_parent,
  699. .caption-photoset blockquote.tumblr_parent {
  700. padding-left:5px;
  701. padding-right:5px;
  702. }
  703. {block:PermalinkPage}
  704. .TwoColumns article, .ThreeColumns article {
  705. width:450px;
  706. }
  707. .audio {
  708. padding:15px;
  709. }
  710. .audio-info li {
  711. padding:4px 0;
  712. }
  713. .ThreeColumns .tumblr_audio_player,
  714. .tumblr_audio_player {
  715. top:25px;
  716. height:80px;
  717. width:calc(100% - 50px);
  718. }
  719. .ThreeColumns .album-art,
  720. .album-art {
  721. height:80px;
  722. }
  723. .extra-info {
  724. line-height: 22px;
  725. margin-top: 5px;
  726. padding: 15px;
  727. background: #fafafa;
  728. margin-bottom: 5px;
  729. }
  730. .extra-info i {
  731. vertical-align: middle;
  732. margin-right: 5px;
  733. font-size:11px;
  734. color:{color:Dark Accent};
  735. }
  736. ol.notes a, .extra-info a {
  737. color:#000;
  738. font-weight:bold;
  739. }
  740. ol.notes {
  741. padding:0;
  742. margin: 0;
  743. list-style-type: none;
  744. padding: 15px;
  745. margin-top:5px;
  746. background:#fafafa;
  747. }
  748. ol.notes li.note {
  749. padding: 3px 0;
  750. margin-bottom:3px;
  751. }
  752. ol.notes li.note img.avatar {
  753. float:right;
  754. border-radius:50%;
  755. margin-top:1px;
  756. }
  757. ol.notes li.note blockquote {
  758. border-left:2px solid #eee;
  759. padding-left:10px;
  760. margin:10px 0;
  761. margin-left:15px;
  762. }
  763. ol.notes li.note blockquote a {
  764. text-decoration: none;
  765. }
  766. li.more_notes_link_container {
  767. font-weight: bold;
  768. text-transform: uppercase;
  769. font-size: 0.85em;
  770. }
  771. li.like:before {
  772. content: '\e099';
  773. font-family: "untitled-font-1" !important;
  774. font-style: normal;
  775. font-weight: normal;
  776. speak: none;
  777. display: inline-block;
  778. text-decoration: inherit;
  779. width: 1em;
  780. text-align: center;
  781. font-variant: normal;
  782. text-transform: none;
  783. line-height: 1em;
  784. font-size: 1em;
  785. vertical-align:middle;
  786. -webkit-font-smoothing: antialiased;
  787. -moz-osx-font-smoothing: grayscale;
  788. margin-right: 5px;
  789. color: #f3719f;
  790. }
  791. li.reblog:before {
  792. content: '\e083';
  793. font-family: "untitled-font-1" !important;
  794. font-style: normal;
  795. font-weight: normal;
  796. speak: none;
  797. display: inline-block;
  798. text-decoration: inherit;
  799. width: 1em;
  800. text-align: center;
  801. font-variant: normal;
  802. text-transform: none;
  803. line-height: 1em;
  804. font-size: 1em;
  805. vertical-align:middle;
  806. -webkit-font-smoothing: antialiased;
  807. -moz-osx-font-smoothing: grayscale;
  808. margin-right: 5px;
  809. color:{color:Dark Accent};
  810. }
  811. li.original_post:before {
  812. content:'\e078';
  813. }
  814. {block:PermalinkPage}
  815. ul#navlinks {
  816. list-style: none;
  817. position: absolute;
  818. right: 4px;
  819. bottom: -22px;
  820. }
  821. ul#navlinks li {
  822. display: inline-block;
  823. margin: 3px;
  824. background: {color:Accent};
  825. width: 22px;
  826. border: 3px solid #fff;
  827. outline: 1px solid #eaeaea;
  828. height: 22px;
  829. line-height: 22px;
  830. text-align: center;
  831. }
  832. </style>
  833. </head>
  834. <body>
  835. <div id="squiggle"></div>
  836. <div id="sidebar">
  837. <h1><a href="/">{Title}</a></h1>
  838. <img src="{image:Sidebar}"><!--
  839. -->{block:Description}<div id="desc">
  840. {Description}
  841. </div>{/block:Description}
  842. <ul id="navlinks">
  843. <li><a href="/" title="home"><i class="oi-home"></i></a>
  844. {block:AskEnabled}<li><a href="{text:Ask Link}" title="message"><i class="oi-mail"></i></a>{/block:AskEnabled}
  845. {block:HasPages}<li><a id="links" title="links" style="cursor:pointer;"><i class="oi-info"></i></a>{/block:HasPages}
  846. <li><a href="/archive" title="past"><i class="oi-grid"></i></a>
  847. </ul>
  848. </div>
  849. {block:HasPages}<ul id="link-expands">
  850. {block:Pages}<li><a href="{URL}">{Label}</a>{/block:Pages}
  851. </ul>{/block:HasPages}
  852. <div id="content" class="{select:Columns}">
  853. <div id="posts">{block:Posts}
  854. <article id="{PostID}" class="{block:Photo}non-{/block:Photo}text-type">
  855. {block:Text}<div class="text">
  856. {block:Title}<h2>{Title}</h2>{/block:Title}
  857. <div class="caption">{Body}</div>
  858. </div>{/block:Text}{block:Photo}<div class="photo">
  859. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
  860. </div>{/block:Photo}{block:Photoset}<div class="photoset">
  861. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  862. </div>{/block:Photoset}{block:Quote}<div class="quote {Length}">
  863. <h2>{Quote}</h2>
  864. {block:Source}<cite>&mdash; {Source}</cite>{/block:Source}
  865. </div>{/block:Quote}{block:Chat}<div class="chat">
  866. {block:Title}<h2>{Title}</h2>{/block:Title}
  867. <ul>
  868. {block:Lines}<li>{block:Label}<span class="labels">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}
  869. </ul>
  870. </div>{/block:Chat}{block:Link}<div class="link">
  871. <h2><i class="oi-link"></i> <a href="{URL}">{Name}</a></h2>
  872. {block:Description}{Description}{/block:Description}
  873. </div>{/block:Link}{block:Audio}<div class="audio">
  874. {block:AlbumArt}<div class="album-art" style="background-image:url({AlbumArtURL})"></div>{/block:ALbumArt}
  875. <ul class="audio-info">
  876. <li><i class="oi-mic"></i> <b>Artist:</b> <span {block:Artist}style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br>
  877. <li><i class="oi-playlist"></i> <b>Title:</b> <span {block:TrackName}style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br>
  878. <li><i class="oi-disc"></i> <b>Album:</b> <span {block:Album}style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}<br>
  879. <li><i class="oi-repeat"></i> <b>Plays:</b> {FormattedPlayCount}
  880. </ul>
  881. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  882. </div>{/block:Audio}{block:Video}<div class="vid">
  883. <div class="video">{Video-500}</div>
  884. </div>{/block:Video}{block:Answer}<div class="answer">
  885. <h2><img src="{AskerPortraitURL-24}">{Asker} asked:</h2>
  886. <div class="question query">{Question}</div>
  887. {block:Answerer}
  888. <h2><img src="{AnswererPortraitURL-24}">{Answerer} replied:</h2>
  889. <div class="question also_query">{Answer}</div>
  890. {/block:Answerer}
  891. <div class="response{block:Answerer} answererer{/block:Answerer}">{Replies}</div>
  892. </div>{/block:Answer}
  893. {block:IndexPage}<ul class="permalinks">
  894. <li class="custom-like-button" title="like">{LikeButton}<div class="our_toggle"><i class="oi-heart"></i></span></div>
  895. <li><a href="{ReblogURL}" target="_blank" title="Reblog?"><i class="oi-refresh"></i></a>
  896. <li><a href="{Permalink}" target="_blank" title="{NoteCount}"><i class="oi-time"></i></a>
  897. </ul>{/block:IndexPage}
  898. {block:PermalinkPage}{block:Caption}<div class="caption caption{block:Audio}-audio{/block:Audio}{block:Video}-video{/block:Video}{block:Photoset}-photoset{/block:Photoset}">
  899. {Caption}
  900. </div>{/block:Caption}
  901. {block:Date}<div class="extra-info">
  902. <i class="oi-time"></i> {DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}
  903. {block:NoteCount}<br><i class="oi-bookmark"></i> {NoteCount}{/block:NoteCount}
  904. {block:RebloggedFrom}<br><i class="oi-chart"></i> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  905. {block:ContentSource}<br><i class="oi-globe"></i> <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}
  906. {block:HasTags}<br><i class="oi-tags"></i> {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  907. </div>{/block:Date}
  908. {block:PostNotes}<div id="notes" class="tb">
  909. {PostNotes-16}
  910. </div>{/block:PostNotes}
  911. {/block:PermalinkPage}
  912. </article>
  913. {/block:Posts}</div>
  914. </div>
  915. <div class="back-to-top" title="back to top"><i class="oi-arrow-up"></i></div>
  916. {block:Pagination}
  917. <div class="pagination" style="visibility:hidden;">
  918. {block:NextPage}<a href="{NextPage}" id="next-link">next</a>{/block:NextPage}
  919. </div>
  920. {/block:Pagination}
  921. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  922. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  923. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  924. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  925. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  926. <script src="http://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
  927. <script>
  928. var pxuOptions = {
  929. lightbox: true,
  930. rounded: false,
  931. gutter: '0px',
  932. photoset: '.photo-slideshow',
  933. photoWrap: '.photo-data',
  934. photo: '.pxu-photo'
  935. }, infScrollOptions = {
  936. navSelector : "div.pagination",
  937. nextSelector : ".pagination a#next-link",
  938. itemSelector : "article",
  939. loading: {
  940. finishedMsg: "<p>You've reached the end of the Earth.</p>",
  941. img : "https://res1.nabtrade.com.au/Content/Images/ajax_loader.gif",
  942. msg: null,
  943. msgText: "",
  944. },
  945. }, masonryThreeColumnsOptions = {
  946. itemSelector: 'article',
  947. isAnimated:false,
  948. columnWidth:220,
  949. gutterWidth:40,
  950. }, masonryTwoColumnsOptions = {
  951. itemSelector: 'article',
  952. isAnimated:false,
  953. columnWidth:280,
  954. gutterWidth:90,
  955. }, unnestOptions = {
  956. yourCaption: ".caption",
  957. wrapName: ".tumblr_parent",
  958. newCaptionUsername: true,
  959. originalPostCaptionUsername: true,
  960. tumblrAvatars: false,
  961. tumblrAvatarClass: ".caption_avatar",
  962. usernameColon: false
  963. }
  964. $(function(){
  965. $('#links').click(function(e){
  966. e.preventDefault();
  967. $('#link-expands').slideToggle('slow');
  968. });
  969. // scroll to top © html-tuts.com
  970. var amountScrolled = 300;
  971. $(window).scroll(function() {
  972. if ( $(window).scrollTop() > amountScrolled ) {
  973. $('.back-to-top').fadeIn('slow');
  974. } else {
  975. $('.back-to-top').fadeOut('slow');
  976. }
  977. });
  978. $('.back-to-top').click(function() {
  979. $('html, body').animate({
  980. scrollTop: 0
  981. }, 700);
  982. return false;
  983. });
  984. $('.photo-slideshow').pxuPhotoset(pxuOptions);
  985. $('article').unnest(unnestOptions);
  986. $('.caption p').each(function(index, item) {
  987. if(($.trim($(item).text()) === "")
  988. && !($(item).has("img").length)) {
  989. $(item).remove();
  990. }
  991. });
  992. $('.label:contains(":")').each(function(){
  993. $(this).html($(this).html().split(":").join(""));
  994. });
  995. {block:IndexPage}
  996. var $tumblelog = $('#posts');
  997. $tumblelog.imagesLoaded(function () {
  998. $tumblelog.masonry(masonry{select:Columns}Options);
  999. });
  1000. $tumblelog.infinitescroll(
  1001. infScrollOptions, function( newElements ) {
  1002. var $newElems = $( newElements );
  1003. var $newElemsIDs = $newElems.map(function () {
  1004. return this.id;
  1005. }).get();
  1006. $newElems.find('.photo-slideshow').pxuPhotoset(pxuOptions);
  1007. $newElems = $(newElements).css({ opacity: 0, zIndex: -1});
  1008. $newElems.imagesLoaded(function(){
  1009. $newElems.animate({ opacity: 1, zIndex: 1 });
  1010. $tumblelog.masonry( 'appended', $newElems );
  1011. });
  1012. $newElems.unnest(unnestOptions);
  1013. $('.caption p').each(function(index, item) {
  1014. if(($.trim($(item).text()) === "")
  1015. && !($(item).has("img").length)) {
  1016. $(item).remove();
  1017. }
  1018. });
  1019. $('.label:contains(":")').each(function(){
  1020. $(this).html($(this).html().split(":").join(""));
  1021. });
  1022. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1023. });
  1024.  
  1025. {/block:IndexPage}
  1026. })();
  1027. </script>
  1028. <link href="//static.tumblr.com/wupwnyt/1iho27ad1/gkthm.css" rel="stylesheet" type="text/css">
  1029. </body>
  1030. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement