API tools faq
paste
Advertisement
sexycullen

theme 197

sexycullen
Apr 21st, 2019 (edited)
4,643
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 42.05 KB | None | 0 0
raw download clone embed print report
  1. <!--------------------------------------------
  2. tylergaciaposey's theme #197
  3. http://tylergaciaposey.tumblr.com/
  4.  
  5.  
  6. PLEASE DO NOT,
  7. remove the credits; claim as your own; use as a base, take parts
  8. of the theme.
  9. YOU CAN:
  10. edit as much as you want for your own personal use only.
  11.  
  12.  
  13. CREDITS,
  14. shythemes:
  15. scrollbar style, like and reblog (fix by cyantists),
  16. short notecount, search bar, video resize, pixel union photoset
  17.  
  18. base code by sorrism
  19. postnotes by havingthemes
  20. smooth scroll by zacharyfury
  21. time stamp by bychloethemes
  22. icon font by honeybee.suiomi.com
  23. unnest captions by neothm, magnustheme
  24. pixel union photoset by gukthemes cathms
  25. --------------------------------------------->
  26.  
  27. <!DOCTYPE html>
  28. <head>
  29.  
  30. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  31. <title>{block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  32.  
  33. <link rel="shortcut icon" href="{favicon}">
  34. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  35. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  36.  
  37.  
  38.  
  39. <!--Default Variables-->
  40.  
  41. <meta name="color:Background" content="#ffffff"/>
  42. <meta name="color:Bold" content="#C3ABA6">
  43. <meta name="color:Italic" content="#DACCC9">
  44. <meta name="color:Text" content="#000000"/>
  45. <meta name="color:Tags" content="#000000">
  46. <meta name="color:Body Link" content="#A7A7A7"/>
  47. <meta name="color:Body Link Hover" content="#C1BAB9"/>
  48. <meta name="color:Liked Text" content="#E2C5Bf">
  49. <meta name="color:Scrollbar" content="#EDEDED" />
  50. <meta name="color:Borders" content="#F5F5F5"/>
  51. <meta name="color:Posts Background" content="#FFFFFF">
  52. <meta name="color:Container Background" content="#FBFBFB">
  53. <meta name="color:Sidebar Background" content="#FFFFFF">
  54. <meta name="color:Sidebar Link" content="#C3ABA6"/>
  55. <meta name="color:Sidebar Link Hover" content="#C1BAB9"/>
  56. <meta name="color:Sidebar Link BG" content="#FFFFFF">
  57. <meta name="color:Title" content="#C3ABA6">
  58. <meta name="color:Title Background" content="#FFFFFF">
  59.  
  60.  
  61. <meta name="image:Sidebar" content=""/>
  62. <meta name="image:Icon 1" content=""/>
  63. <meta name="image:Icon 2" content=""/>
  64. <meta name="image:Icon 3" content=""/>
  65. <meta name="image:Background" content="" />
  66. <meta name="image:Container Background" content=""/>
  67.  
  68.  
  69. <meta name="select:Description Text Position" content="justify" title="justify">
  70. <meta name="select:Description Text Position" content="center" title="center">
  71. <meta name="select:Description Text Position" content="left" title="left">
  72. <meta name="select:Description Text Position" content="right" title="right">
  73.  
  74. <meta name="select:Description Text Transform" content="uppercase" title="uppercase">
  75. <meta name="select:Description Text Transform" content="lowercase" title="lowercase">
  76. <meta name="select:Description Text Transform" content="capitalize" title="capitalize">
  77.  
  78. <meta name="select:Links Position" content="right" title="top">
  79. <meta name="select:Links Position" content="center" title="center">
  80. <meta name="select:Links Position" content="left" title="bottom">
  81.  
  82. <meta name="select:Title Position" content="right" title="top">
  83. <meta name="select:Title Position" content="center" title="center">
  84. <meta name="select:Title Position" content="left" title="bottom">
  85.  
  86. <meta name="select:Tags Position" content="center" title="center">
  87. <meta name="select:Tags Position" content="left" title="left">
  88. <meta name="select:Tags Position" content="right" title="right">
  89.  
  90. <meta name="select:Date Position" content="center" title="center">
  91. <meta name="select:Date Position" content="left" title="left">
  92. <meta name="select:Date Position" content="right" title="right">
  93.  
  94. <meta name="select:Date Text Transform" content="uppercase" title="uppercase">
  95. <meta name="select:Date Text Transform" content="lowercase" title="lowercase">
  96. <meta name="select:Date Text Transform" content="capitalize" title="capitalize">
  97.  
  98. <meta name="select:Tags Text Transform" content="uppercase" title="uppercase">
  99. <meta name="select:Tags Text Transform" content="lowercase" title="lowercase">
  100. <meta name="select:Tags Text Transform" content="capitalize" title="capitalize">
  101.  
  102. <meta name="if:Show Icon Links" content="1"/>
  103. <meta name="if:Show Icon Links 2" content="0"/>
  104. <meta name="if:Show Unnest Captions" content="1"/>
  105.  
  106.  
  107. <meta name="if:Show Title" content="1" />
  108. <meta name="if:Show Sidebar Icons" content="1"/>
  109. <meta name="if:Show Images Black and White" content="0" />
  110. <meta name="if:Show Images Opacity" content="0" />
  111. <meta name="if:Show 540px posts" content="1" />
  112. <meta name="if:Show 500px posts" content="0" />
  113. <meta name="if:Show 400px posts" content="0" />
  114.  
  115.  
  116. <meta name="if:Show Link1" content="1" />
  117. <meta name="if:Show Link2" content="1" />
  118. <meta name="if:Show Link3" content="1" />
  119. <meta name="if:Show Link4" content="1" />
  120.  
  121.  
  122. <meta name="text:Title" content="ipsum consectetuer mattis porta urna, adipiscing elit">
  123. <meta name="text:Opacity" content="0.7">
  124. <meta name="text:Small Text Size" content="10.5px">
  125. <meta name="text:Body Font" content="'Roboto',Helvetica,Arial,sans-serif"/>
  126. <meta name="text:Body Font Size" content="10.5px"/>
  127. <meta name="text:Description Font" content="'Hind',Calibri,sans-serif"/>
  128. <meta name="text:Description Font Size" content="7px"/>
  129. <meta name="text:Description Text Spacing" content="1px">
  130. <meta name="text:Date Font" content="'Hind',Calibri,sans-serif"/>
  131. <meta name="text:Date Text Size" content="8px">
  132. <meta name="text:Date Text Spacing" content="1px">
  133. <meta name="text:Tags Font" content="'Hind',Calibri,sans-serif"/>
  134. <meta name="text:Tags Text Size" content="8px">
  135. <meta name="text:Tags Text Spacing" content="1px">
  136.  
  137. <meta name="text:index hover" content="home">
  138. <meta name="text:index url" content="/">
  139. <meta name="text:ask hover" content="questions">
  140. <meta name="text:ask url" content="/ask">
  141.  
  142. <meta name="text:link 1 url" content="/">
  143. <meta name="text:link 2 url" content="/">
  144. <meta name="text:link 3 url" content="/">
  145. <meta name="text:link 4 url" content="/">
  146.  
  147. <meta name="text:link 1 hover" content="link1">
  148. <meta name="text:link 2 hover" content="link2">
  149. <meta name="text:link 3 hover" content="link3">
  150. <meta name="text:link 4 hover" content="link4">
  151.  
  152.  
  153. <meta name="text:index text" content="home">
  154. <meta name="text:index url" content="/">
  155. <meta name="text:ask text" content="questions">
  156. <meta name="text:ask url" content="/ask">
  157. <meta name="text:link 1 text" content="Link 1">
  158. <meta name="text:link 1 url" content="/">
  159. <meta name="text:link 2 text" content="Link 2">
  160. <meta name="text:link 2 url" content="/">
  161. <meta name="text:link 3 text" content="Link 3">
  162. <meta name="text:link 3 url" content="/">
  163. <meta name="text:link 4 text" content="Link 4">
  164. <meta name="text:link 4 url" content="/">
  165.  
  166.  
  167.  
  168.  
  169.  
  170. <!----- fonts ---->
  171.  
  172. <link href="https://fonts.googleapis.com/css?family=Hind:400,700|Muli:400,400i,700,700i|Open+Sans:400,400i,700,700i|Poppins:400,400i,700,700i,900,900i|Lato:400,400i,700,700i|Roboto:400,400i,700,700i" rel="stylesheet">
  173.  
  174. <link href="//solrainha.github.io/saturnicons/saturnicons.css" rel="stylesheet">
  175.  
  176. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
  177.  
  178.  
  179.  
  180. <!----- scripts ---->
  181.  
  182. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  183. <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  184.  
  185. <script type="text/javascript" src="https://static.tumblr.com/i5s2zks/9Acok8oo2/bct-timeago.min.js"></script>
  186.  
  187. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  188. </script><script src="https://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
  189.  
  190. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  191.  
  192. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  193. <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  194. <link href="//static.tumblr.com/wupwnyt/qWVoc4phj/resizing.css" rel="stylesheet" type="text/css"/>
  195.  
  196.  
  197.  
  198.  
  199. <!----- pxu photosets ---->
  200.  
  201. <script>
  202. // PXU Photoset Script by Pixel Union
  203. $(document).ready(function(){
  204. $('.photo-slideshow').pxuPhotoset({
  205. lightbox:true,
  206. rounded:false,
  207. gutter:'0px',
  208. borderRadius:'0px',
  209. photoset:'.photo-slideshow',
  210. photoWrap:'.photo-data',
  211. photo:'.pxu-photo'
  212. });
  213. });
  214. </script>
  215.  
  216.  
  217.  
  218.  
  219.  
  220.  
  221. <!----- time stamp style ---->
  222.  
  223. <script type="text/javascript">
  224. $(document).ready(function() {
  225. $(".time-ago").timeAgo({
  226. time: "letter", // can be "letter" "short" or "word"
  227. spaces: true, // adds spaces between words and numbers
  228. words: false, // turns numbers to words
  229. prefix: "", // adds a prefix to the outputted string. could be "~" or "about"
  230. suffix: "", // adds a suffix to the outputted string. could be "ago"
  231. });
  232. });
  233. </script>
  234.  
  235.  
  236.  
  237.  
  238.  
  239. <!----- search ---->
  240.  
  241. <script>
  242. $(document).ready(function(){
  243. $('.search').submit(function(event){
  244. var value = $('input:first').val();
  245. location.replace('http://{Name}.tumblr.com/tagged/' + value);
  246. });
  247. });
  248. </script>
  249.  
  250.  
  251. <!--
  252. NPF IMAGES READJUSTMENT | @glenthemes
  253. v2.0 [last updated: 2021-04-18]
  254. -->
  255. <link href="//dl.dropbox.com/s/bnoj86mka0bkplb/npf-override.css" rel="stylesheet">
  256. <script src="//dl.dropbox.com/s/vwrm94pcg4c9e71/npf-evenize.js"></script>
  257.  
  258.  
  259.  
  260.  
  261. <!----- caption unnest ---->
  262. {block:ifShowUnnestCaptions}
  263. <script>
  264. $(document).ready(function(){ $('.posts').unnest({
  265. yourCaption: ".caption",
  266. wrapName: ".cap",
  267. newCaptionUsername: true,
  268. originalPostCaptionUsername: false,
  269. tumblrAvatars: false,
  270. tumblrAvatarClass: ".unnesticon",
  271. usernameColon: false
  272. });
  273.  
  274. }); </script>
  275.  
  276. {/block:ifShowUnnestCaptions}
  277. <!----- caption unnest ---->
  278.  
  279.  
  280. <style type="text/css">
  281.  
  282. :root {
  283. --NPF-Image-Spacing:4px;
  284. /*--NPF-Bottom-Gap-From-Captions:1em;*/
  285. }
  286.  
  287. /* scrollbar */
  288.  
  289. ::-webkit-scrollbar {
  290. width:7px;
  291. height:7px;
  292. }
  293. ::-webkit-scrollbar {
  294. background-color:{color:Container Background};
  295. }
  296. ::-webkit-scrollbar-track {
  297. border:8px solid {color:Container Background};
  298. background-color:{color:Container Background};
  299. }
  300. ::-webkit-scrollbar-thumb {
  301. border:3px solid {color:Container Background};
  302. background-color:{color:Scrollbar};
  303. min-height:24px;
  304. min-width:24px;
  305. }
  306.  
  307.  
  308.  
  309. /* tooltip */
  310.  
  311. .ui-tooltip {
  312. position:Absolute;
  313. z-index:9999;
  314. padding-top:10px;
  315. }
  316.  
  317. .ui-tooltip-content {
  318. background:{color:background};
  319. padding:5px;
  320. color:{color:Text};
  321. text-transform:lowercase;
  322. border-bottom:1px solid {color:borders};
  323. }
  324.  
  325.  
  326.  
  327.  
  328. /* captions */
  329.  
  330. {block:ifShowUnnestCaptions}
  331.  
  332. /* to style the reblogged urls */
  333. .tumblr_blog {
  334. color:{color:bold};
  335. vertical-align:bottom;
  336. display:block;
  337. line-height:21px;
  338. margin-bottom:0px;
  339. font-style: none;
  340. font-weight:bold;
  341. text-transform:lowercase;
  342. }
  343.  
  344.  
  345. .tumblr_blog a {
  346. color:{color:Bold};
  347. vertical-align:bottom;
  348. }
  349.  
  350. .tumblr_blog a:hover {
  351. text-decoration:none;
  352. color:{color:Body Link Hover};
  353. }
  354.  
  355. .unnesticon {
  356. width:21px;
  357. height:21px;
  358. margin-right:8px;
  359. display:inline-block;
  360. float:left;
  361. border-radius:2px;
  362. }
  363.  
  364.  
  365. .cap {
  366. margin: 3px 0px 5px;
  367. {block:ifShow540pxposts}
  368. width:540px;
  369. {/block:ifShow540pxposts}
  370. {block:ifShow500pxposts}
  371. width:500px;
  372. {/block:ifShow500pxposts}
  373. {block:ifShow400pxposts}
  374. width:400px;
  375. {/block:ifShow400pxposts}
  376. }
  377.  
  378. .cap blockquote {
  379. {block:ifShow540pxposts}
  380. width:540px;
  381. {/block:ifShow540pxposts}
  382. {block:ifShow500pxposts}
  383. width:500px;
  384. {/block:ifShow500pxposts}
  385. {block:ifShow400pxposts}
  386. width:400px;
  387. {/block:ifShow400pxposts}
  388. margin: 3px 0px 5px;
  389. }
  390.  
  391.  
  392. .cap blockquote img {
  393. max-width:540px;
  394. }
  395. {/block:ifShowUnnestCaptions}
  396.  
  397.  
  398. .cap p {
  399. display: block;
  400. margin-block-start: 0em;
  401. }
  402.  
  403. .cap img {
  404. margin-block-end: 1em;
  405. }
  406.  
  407.  
  408. {block:ifNotShowUnnestCaptions}
  409. .caption {
  410. margin-top:5px;
  411. }
  412.  
  413.  
  414. /* to style the reblogged urls */
  415. .tumblr_blog {
  416. color:{color:bold}!important;
  417. vertical-align:top;
  418. font-style: none;
  419. font-weight:bold;
  420. text-transform:lowercase;
  421. }
  422.  
  423.  
  424. .tumblr_blog a {
  425. color:{color:bold}!important;
  426. }
  427.  
  428.  
  429.  
  430.  
  431. blockquote {
  432. border-left:1px solid {color:Borders};
  433. padding-left:8px;
  434. margin:5px 10px 10px 5px;
  435. {block:ifShow540pxposts}
  436. width:500px;
  437. {/block:ifShow540pxposts}
  438. {block:ifShow500pxposts}
  439. width:470px;
  440. {/block:ifShow500pxposts}
  441. {block:ifShow400pxposts}
  442. width:370px;
  443. {/block:ifShow400pxposts}
  444.  
  445. }
  446. {/block:ifNotShowUnnestCaptions}
  447.  
  448.  
  449.  
  450.  
  451.  
  452.  
  453.  
  454. body {
  455. -webkit-font-smoothing: antialiased;
  456. -moz-osx-font-smoothing: grayscale;
  457. color:{color:text};
  458. font-size: {text:Body Font Size};
  459. font-family: {text:Body Font};
  460. word-wrap:break-word;
  461. margin:0;
  462. line-height:1.4em;
  463. background-color:{color:Background};
  464. background-image:url('{image:background}');
  465. background-repeat: repeat;
  466. background-attachment: fixed;
  467. background-position:center;
  468. }
  469.  
  470. a {
  471. color:{color:Body Link};
  472. text-decoration:none;
  473. transition:all .3s linear;
  474. -webkit-transition:all .3s linear;
  475. -o-transition:all .3s linear;
  476. -moz-transition:all .3s linear;
  477. }
  478.  
  479.  
  480. a:hover {
  481. color:{color:Body Link Hover};
  482. text-decoration:none;
  483. }
  484.  
  485.  
  486. img {
  487. opacity:1;
  488. margin-top:1px;
  489. border:0;
  490. text-decoration:none;
  491. max-width:100%;
  492. height:auto;
  493. display:block;
  494. {block:ifShowImagesBlackandWhite}
  495. -webkit-filter: grayscale(100%);
  496. {/block:ifShowImagesBlackandWhite}
  497. -webkit-transition: all 0.9s ease-in-out;
  498. -moz-transition: all 0.9s ease-in-out;
  499. -o-transition: all 0.9s ease-in-out;
  500. -ms-transition: all 0.9s ease-in-out;
  501. transition: all 0.9s ease-in-out;
  502. {block:ifShowImagesOpacity}
  503. opacity:{text:Opacity};
  504. {/block:ifShowImagesOpacity}
  505. }
  506.  
  507. img:hover {
  508. -webkit-filter: grayscale(0%);
  509. -webkit-transition: all 0.9s ease-in-out;
  510. -moz-transition: all 0.9s ease-in-out;
  511. -o-transition: all 0.9s ease-in-out;
  512. -ms-transition: all 0.9s ease-in-out;
  513. transition: all 0.9s ease-in-out;
  514. }
  515.  
  516. .html_photoset, .photo-slideshow:hover img {
  517. -webkit-filter: grayscale(0%);
  518. }
  519.  
  520.  
  521.  
  522. pre {
  523. padding:0;
  524. margin:0;
  525. line-height:inherit!important;
  526. background:transparent;
  527. font-family:inherit!Important;
  528. font-size:inherit!important;
  529. white-space:pre-wrap;
  530. white-space:-moz-pre-wrap;
  531. white-space:-pre-wrap;
  532. white-space:-o-pre-wrap;
  533. word-wrap:break-word;
  534. }
  535.  
  536.  
  537. b, strong {
  538. font-weight:bold;
  539. color: {color:bold}!important;
  540. }
  541.  
  542. i, italic {
  543. color: {color:italic};
  544. }
  545.  
  546.  
  547. small, sub, pre {
  548. font-size: {text:Small Text Size};
  549. line-height:1.4em!important;
  550. vertical-align:baseline!important;
  551. }
  552.  
  553. h1 {
  554. margin-bottom:10px;
  555. font-size:calc({text:Body Font Size} + 3px);
  556. text-align:left;
  557. letter-spacing:0px;
  558. text-transform:none;
  559. color:{color:Bold};
  560. font-weight:bold;
  561. }
  562.  
  563. h2 {
  564. font-size:calc({text:Body Font Size} + 3px);
  565. text-align:left;
  566. letter-spacing:0px;
  567. text-transform:none;
  568. font-weight:bold;
  569. }
  570.  
  571.  
  572. hr {
  573. width:100px;
  574. margin:10px 0 10px 0;
  575. border-width: 1px 0px 0px 0px;
  576. border-style: solid;
  577. border-color: {color:Borders};
  578. }
  579.  
  580.  
  581.  
  582.  
  583.  
  584.  
  585. /* sidebar */
  586.  
  587.  
  588. .sidebar {
  589. width:374px;
  590. font-size: {text:Body Font Size};
  591. font-family: {text:Body Font};
  592. height:570px;
  593. position:fixed;
  594. outline:1px solid {color:Borders};
  595. }
  596.  
  597.  
  598. .leftsidebar {
  599. width:20px;
  600. {block:ifNotShowTitle}
  601. width:55px;
  602. {/block:ifNotShowTitle}
  603. height:540px;
  604. overflow:hidden;
  605. position:absolute;
  606. float:left;
  607. padding:15px;
  608. outline:1px solid {color:Borders};
  609. background-color:{color:Sidebar Link BG};
  610. z-index:9;
  611. }
  612.  
  613. .leftsidebar .th {
  614. {block:ifNotShowTitle}
  615. margin-left:19px;
  616. {/block:ifNotShowTitle}
  617. font-size: 16px;
  618. font-weight:bold;
  619. font-family: {text:Body Font};
  620. }
  621.  
  622. .leftsidebar li {
  623. {block:ifNotShowTitle}
  624. margin-top:35px;
  625. {/block:ifNotShowTitle}
  626. margin-bottom:25px;
  627. list-style:none;
  628. display:block;
  629. }
  630.  
  631.  
  632. .leftsidebar a {
  633. color: {color:Sidebar Link};
  634. padding:5px;
  635. -moz-transition-duration: 0.5s;
  636. -o-transition-duration: 0.5s;
  637. -webkit-transition-duration: 0.5s;
  638. transition-duration: 0.5s;
  639. }
  640.  
  641. .leftsidebar a:hover {
  642. color: {color:Sidebar Link Hover};
  643. text-decoration:none;
  644. -moz-transition-duration: 0.5s;
  645. -o-transition-duration: 0.5s;
  646. -webkit-transition-duration: 0.5s;
  647. transition-duration: 0.5s;
  648. }
  649.  
  650.  
  651. .leftsidebar2 {
  652. width:540px;
  653. height:15px;
  654. {block:ifNotShowTitle}
  655. height:55px;
  656. {/block:ifNotShowTitle}
  657. overflow:hidden;
  658. text-align:{select:Links Position};
  659. position:absolute;
  660. float:right;
  661. transform: rotate(270deg);
  662. transform-origin: left top 0;
  663. top:570px;
  664. padding:15px;
  665. outline:1px solid {color:Borders};
  666. background-color:{color:Sidebar Link BG};
  667. z-index:9;
  668. }
  669.  
  670. .leftsidebar2 .th {
  671. {block:ifNotShowTitle}
  672. margin-top:20px;
  673. {/block:ifNotShowTitle}
  674. font-size: 16px;
  675. font-weight:bold;
  676. font-family: {text:Body Font};
  677. }
  678. .leftsidebar2 li {
  679. list-style:none;
  680. display: inline-block;
  681. }
  682.  
  683.  
  684. .leftsidebar2 a {
  685. margin-right:10px;
  686. color: {color:Sidebar Link};
  687. padding:5px;
  688. -moz-transition-duration: 0.5s;
  689. -o-transition-duration: 0.5s;
  690. -webkit-transition-duration: 0.5s;
  691. transition-duration: 0.5s;
  692. }
  693.  
  694. .leftsidebar2 a:hover {
  695. color: {color:Sidebar Link Hover};
  696. text-decoration:none;
  697. -moz-transition-duration: 0.5s;
  698. -o-transition-duration: 0.5s;
  699. -webkit-transition-duration: 0.5s;
  700. transition-duration: 0.5s;
  701. }
  702.  
  703.  
  704. .leftsidebar3 {
  705. font-size: {text:Body Font Size};
  706. font-family: {text:Body Font};
  707. width:540px;
  708. height:15px;
  709. {block:ifNotShowTitle}
  710. height:35px;
  711. {/block:ifNotShowTitle}
  712. overflow:hidden;
  713. text-align:{select:Links Position};
  714. position:absolute;
  715. float:right;
  716. transform: rotate(270deg);
  717. transform-origin: left top 0;
  718. top:570px;
  719. padding:15px;
  720. {block:ifNotShowTitle}
  721. padding-top:35px;
  722. {/block:ifNotShowTitle}
  723. outline:1px solid {color:Borders};
  724. background-color:{color:Sidebar Link BG};
  725. z-index:9;
  726. }
  727.  
  728. .leftsidebar3 a {
  729. margin-right:10px;
  730. color: {color:Sidebar Link};
  731. padding:5px;
  732. -moz-transition-duration: 0.5s;
  733. -o-transition-duration: 0.5s;
  734. -webkit-transition-duration: 0.5s;
  735. transition-duration: 0.5s;
  736. }
  737.  
  738. .leftsidebar3 a:hover {
  739. color: {color:Sidebar Link Hover};
  740. text-decoration:none;
  741. -moz-transition-duration: 0.5s;
  742. -o-transition-duration: 0.5s;
  743. -webkit-transition-duration: 0.5s;
  744. transition-duration: 0.5s;
  745. }
  746.  
  747.  
  748.  
  749. .title {
  750. width:540px;
  751. height:10px;
  752. overflow:hidden;
  753. font-size: 20px;
  754. font-weight:bold;
  755. text-align:{select:Title Position};
  756. font-family: {text:Body Font};
  757. position:absolute;
  758. float:right;
  759. transform: rotate(270deg);
  760. transform-origin: left top 0;
  761. top:570px;
  762. left:45px;
  763. padding:15px;
  764. color:{color:Title};
  765. background-color:{color:Title Background};
  766. }
  767.  
  768.  
  769. .rightsidebar {
  770. overflow:hidden;
  771. width:268px;
  772. position:relative;
  773. height:550px;
  774. float:right;
  775. padding:10px;
  776. background-color:{color:Sidebar Background};
  777. outline:1px solid {color:Borders};
  778. }
  779.  
  780.  
  781. .rightsidebarcontent {
  782. outline:px solid {color:Borders};
  783. margin-top:15px;
  784. padding:5px 0;
  785. }
  786.  
  787. .sidebarimage {
  788. width:268px;
  789. margin:0 0 10px 0;
  790. -webkit-filter: grayscale(0%);
  791. }
  792.  
  793. .sidebaricons {
  794. margin: 0 0 0;
  795. width:268px;
  796. }
  797.  
  798. .sidebaricons img {
  799. display:inline;
  800. padding:5px;
  801. width:70px;
  802. height:70px;
  803. margin-left:5px;
  804. object-fit: cover;
  805. border:1px solid {color:Borders};
  806. background-color:{color:Posts Background};
  807. }
  808.  
  809. .description {
  810. overflow:hidden;
  811. width:228px;
  812. padding:20px;
  813. font-weight:none;
  814. line-height:1.5em;
  815. color:{color:Text};
  816. background-color:{color:Posts Background};
  817. text-align:{select:Description Text Position};
  818. font-size:{text:Description Font Size};
  819. font-family:{text:Description Font};
  820. text-transform:{select:Description Text Transform};
  821. letter-spacing:{text:Description Text Spacing};
  822. margin:10px 0 10px 0;
  823. outline:1px solid {color:Borders};
  824. }
  825.  
  826. .description a:hover {
  827. color:{color:Body Link Hover};
  828. }
  829.  
  830.  
  831.  
  832.  
  833. .search .query {
  834. width:258px;
  835. border: 0;
  836. outline: 0;
  837. padding:5px;
  838. text-align:center;
  839. font-size: {text:Body Font Size};
  840. font-family: {text:Body Font};
  841. color:{color:Text};
  842. background-color: transparent;
  843. text-transform:uppercase;
  844. margin:5px 0 0 0;
  845. outline:1px solid {color:Borders};
  846. background-color:{color:Posts Background};
  847. }
  848.  
  849. input:focus::-webkit-input-placeholder {color: transparent; }
  850. input:focus:-moz-placeholder {color: transparent;}
  851. input:focus::-moz-placeholder {color: transparent;}
  852. input:focus:-ms-input-placeholder { color: transparent;}
  853.  
  854.  
  855.  
  856.  
  857. .border {
  858. border-bottom: 1px solid {color:Borders};
  859. width:90px;
  860. }
  861.  
  862. .border2 {
  863. border-color: {color:Borders};
  864. display: inline-block;
  865. width:35px;
  866. margin:2px 5px 2px 5px;
  867. border-width: 1px 0px 0px 0px;
  868. border-style: solid;
  869. }
  870.  
  871.  
  872.  
  873.  
  874. /* posts */
  875.  
  876.  
  877. .container {
  878. {block:ifShow540pxposts}
  879. width:1016px;
  880. {/block:ifShow540pxposts}
  881. {block:ifShow500pxposts}
  882. width:976px;
  883. {/block:ifShow500pxposts}
  884. {block:ifShow400pxposts}
  885. width:876px;
  886. {/block:ifShow400pxposts}
  887. height:570px;
  888. margin:30px auto;
  889. outline:1px solid {color:Borders};
  890. }
  891.  
  892.  
  893. .thecontainer {
  894. height:570px;
  895. }
  896.  
  897. .postscontainer {
  898. {block:ifShow540pxposts}
  899. width:640px;
  900. {/block:ifShow540pxposts}
  901. {block:ifShow500pxposts}
  902. width:600px;
  903. {/block:ifShow500pxposts}
  904. {block:ifShow400pxposts}
  905. width:500px;
  906. {/block:ifShow400pxposts}
  907. margin:0 0 0 375px;
  908. position:fixed;
  909. height:570px;
  910. overflow-y:scroll;
  911. overflow-x:hidden;
  912. background-color:{color:Container Background};
  913. background-image:url('{image:Container background}');
  914. background-repeat: repeat;
  915. background-attachment: fixed;
  916. background-position:center;
  917. }
  918.  
  919. .posts {
  920. {block:ifShow540pxposts}
  921. width:540px;
  922. {/block:ifShow540pxposts}
  923. {block:ifShow500pxposts}
  924. width:500px;
  925. {/block:ifShow500pxposts}
  926. {block:ifShow400pxposts}
  927. width:400px;
  928. {/block:ifShow400pxposts}
  929. padding:25px;
  930. margin:25px;
  931. margin-bottom:90px;
  932. background-color:{color:Posts Background};
  933. outline:1px solid {color:Borders};
  934. text-align:justify;
  935. {block:ifShowPostsBorder}
  936. outline:1px solid {color:Borders};
  937. {/block:ifShowPostsBorder}
  938. }
  939.  
  940. .npf_row {
  941. {block:ifShow540pxposts}
  942. width:540px;
  943. {block:ifNotShowUnnestCaptions}
  944. width:520px;
  945. {/block:ifNotShowUnnestCaptions}
  946. {/block:ifShow540pxposts}
  947. {block:ifShow500pxposts}
  948. width:500px;
  949. {block:ifNotShowUnnestCaptions}
  950. width:480px;
  951. {/block:ifNotShowUnnestCaptions}
  952. {/block:ifShow500pxposts}
  953. {block:ifShow400pxposts}
  954. width:400px;
  955. {block:ifNotShowUnnestCaptions}
  956. width:380px;
  957. {/block:ifNotShowUnnestCaptions}
  958. {/block:ifShow400pxposts}
  959. padding-left:20px;
  960. }
  961.  
  962.  
  963.  
  964. /* style for pixel union photosets
  965. i recomend not changing if you don't know what you're doing */
  966.  
  967. .set {
  968. margin-bottom:-8px;
  969. }
  970.  
  971. .photo-slideshow {
  972. width:auto!important;
  973. }
  974.  
  975. {block:ifShow540pxposts}
  976. .photo-slideshow .count-1 {
  977. margin-bottom:4px!important;
  978. width:540px;
  979. }
  980.  
  981. .photo-slideshow .count-2 {
  982. margin-left:4px!important;
  983. margin-bottom:4px!important;
  984. width:268px!important;
  985. }
  986.  
  987. .photo-slideshow .count-2:first-child {
  988. margin-left:0!important;
  989. }
  990.  
  991. .photo-slideshow .count-3 {
  992. margin-left:4px!important;
  993. margin-bottom:4px!important;
  994. width:177px!important;
  995. }
  996.  
  997. .photo-slideshow .count-3:first-child {
  998. margin-left:0!important;
  999. }
  1000.  
  1001. .photo-slideshow .count-3:nth-child(2) {
  1002. width:177px!important;
  1003. }
  1004. {/block:ifShow540pxposts}
  1005.  
  1006.  
  1007. {block:ifShow500pxposts}
  1008. .photo-slideshow .count-1 {
  1009. margin-bottom:4px!important;
  1010. width:500px;
  1011. }
  1012.  
  1013. .photo-slideshow .count-2 {
  1014. margin-left:4px!important;
  1015. margin-bottom:4px!important;
  1016. width:245px!important;
  1017. }
  1018.  
  1019. .photo-slideshow .count-2:first-child {
  1020. margin-left:0!important;
  1021. }
  1022.  
  1023. .photo-slideshow .count-3 {
  1024. margin-left:4px!important;
  1025. margin-bottom:4px!important;
  1026. width:160px!important;
  1027. }
  1028.  
  1029. .photo-slideshow .count-3:first-child {
  1030. margin-left:0!important;
  1031. }
  1032.  
  1033. .photo-slideshow .count-3:nth-child(2) {
  1034. width:160px!important;
  1035. }
  1036. {/block:ifShow500pxposts}
  1037.  
  1038. {block:ifShow400pxposts}
  1039. .photo-slideshow .count-1 {
  1040. margin-bottom:4px!important;
  1041. width:400px;
  1042. }
  1043.  
  1044. .photo-slideshow .count-2 {
  1045. margin-left:4px!important;
  1046. margin-bottom:4px!important;
  1047. width:49%!important;
  1048. }
  1049.  
  1050. .photo-slideshow .count-2:first-child {
  1051. margin-left:0!important;
  1052. }
  1053.  
  1054. .photo-slideshow .count-3 {
  1055. margin-left:4px!important;
  1056. margin-bottom:4px!important;
  1057. width:32%!important;
  1058. }
  1059.  
  1060. .photo-slideshow .count-3:first-child {
  1061. margin-left:0!important;
  1062. }
  1063.  
  1064. .photo-slideshow .count-3:nth-child(2) {
  1065. width:32%!important;
  1066. }
  1067. {/block:ifShow400pxposts}
  1068.  
  1069.  
  1070.  
  1071.  
  1072.  
  1073. /* permalink and notes */
  1074.  
  1075.  
  1076. .info {
  1077. {block:ifShow540pxposts}
  1078. width:540px;
  1079. {/block:ifShow540pxposts}
  1080. {block:ifShow500pxposts}
  1081. width:500px;
  1082. {/block:ifShow500pxposts}
  1083. {block:ifShow400pxposts}
  1084. width:400px;
  1085. {/block:ifShow400pxposts}
  1086. margin-top:15px;
  1087. margin-bottom:2px;
  1088. text-align:{select:Date Position};
  1089. font-size:{text:Date Text Size};
  1090. font-family:{text:Date Font};
  1091. letter-spacing:{text:Date Text Spacing};
  1092. text-transform:{select:Date Text Transform};
  1093. color:{color:text};
  1094. background-color:{color:Posts Background};
  1095. padding-top:10px;
  1096. border-top:1px solid {color:Borders};
  1097. }
  1098.  
  1099. .info a {
  1100. color:{color:text};
  1101. padding:3px;
  1102. }
  1103.  
  1104. .info a:hover {
  1105. text-decoration:none;
  1106. }
  1107.  
  1108. .info .sf {
  1109. font-size:7px;
  1110. color:{color:bold};
  1111. margin-left:1px;
  1112. display:inline-block;
  1113. }
  1114.  
  1115. .notecount {
  1116. letter-spacing:{text:Date Text Spacing};
  1117. }
  1118.  
  1119. .time-ago {
  1120. color:{color:bold};
  1121. font-weight:bold;
  1122. }
  1123.  
  1124.  
  1125. .right {
  1126. color:{color:bold};
  1127. font-weight:bold;
  1128. float:right;
  1129. margin-top:-0.3em;
  1130. display:inline-block;
  1131. }
  1132.  
  1133. .like-b {
  1134. position:relative;
  1135. display:inline-block;
  1136. height:1px;
  1137. line-height:1px;
  1138. overflow:;
  1139. margin-bottom:;
  1140. font-weight:bold;
  1141. color:{color:bold}!important;
  1142. }
  1143.  
  1144.  
  1145. .like-b .like_button iframe {
  1146. position:absolute;
  1147. top:0;
  1148. left:0;
  1149. bottom:0;
  1150. right:0;
  1151. z-index:2;
  1152. opacity:0.000001;
  1153. }
  1154.  
  1155. .like-b .liked + .b {
  1156. color:{color:Liked Text};
  1157. }
  1158.  
  1159. .like-b .liked + .b:after {
  1160. content:'d';
  1161. }
  1162.  
  1163.  
  1164. .tags {
  1165. text-transform:none;
  1166. position:static;
  1167. letter-spacing:0px;
  1168. font-weight:400;
  1169. text-align:{select:Tags Position};
  1170. font-size:{text:Tags Text Size};
  1171. font-family:{text:Tags Font};
  1172. letter-spacing:{text:Tags Text Spacing};
  1173. text-transform:{select:Tags Text Transform};
  1174. }
  1175.  
  1176. .tags a {
  1177. margin:0 5px 0 4px;
  1178. background-color:none;
  1179. color:{color:Tags};
  1180. }
  1181.  
  1182. .tags a:hover {
  1183. text-decoration:none;
  1184. color:{color:Body Link Hover};
  1185. }
  1186.  
  1187.  
  1188.  
  1189. .postsnote {
  1190. position:absolute;
  1191. margin-left:-25px;
  1192. background-color:{color:Posts Background};
  1193. }
  1194.  
  1195. .postsnote ol, .notes-bottom ul {
  1196. margin: 5px;
  1197. padding: 0;
  1198. list-style: none;
  1199. }
  1200.  
  1201. .postsnote li {
  1202. width:45%;
  1203. padding: 2px 0 5px 10px;
  1204. margin:2px;
  1205. font-size: {text:Body Font Size};
  1206. font-family: {text:Body Font};
  1207. float:left;
  1208. text-align:left;
  1209. }
  1210.  
  1211. .postsnote li img.avatar {
  1212. border:none;
  1213. margin:;
  1214. width:0;
  1215. padding:0;
  1216. }
  1217.  
  1218. .postsnote .note .action {
  1219. }
  1220.  
  1221. .postsnote .note .retags {
  1222. display:none;
  1223. visibility:hidden;
  1224. }
  1225.  
  1226. .postsnote blockquote {
  1227. display:none;
  1228. }
  1229.  
  1230.  
  1231. .more_notes_link {
  1232. list-style: none;
  1233. text-transform:uppercase;
  1234. letter-spacing:0.5px;
  1235. font-size:8px;
  1236. font-size: {text:Body Font Size};
  1237. font-family: {text:Body Font};
  1238. margin-top:10px;
  1239. font-weight:bold;
  1240. padding:3px;
  1241. position:relative;
  1242. float:left;
  1243. border-top:1px solid {color:Borders};
  1244. }
  1245.  
  1246.  
  1247.  
  1248.  
  1249.  
  1250.  
  1251.  
  1252. /* quote */
  1253.  
  1254. p.npf_quote {
  1255. font-size: {text:Body Font Size};
  1256. font-family: {text:Body Font};
  1257. }
  1258.  
  1259. .source {
  1260. margin-top:5px;
  1261. }
  1262.  
  1263.  
  1264.  
  1265.  
  1266.  
  1267.  
  1268. /* chat */
  1269.  
  1270. p.npf_chat {
  1271. font-size: {text:Body Font Size};
  1272. font-family: {text:Body Font};
  1273. }
  1274.  
  1275. .chat ol {
  1276. font-size: {text:Body Font Size};
  1277. font-family: {text:Body Font};
  1278. line-height:190%;
  1279. padding:5px;
  1280. margin:0 0 0 -10px;
  1281. list-style:none;
  1282. }
  1283.  
  1284. .lines {
  1285. display:block;
  1286. line-height:120%;
  1287. padding:0 5px 0 5px;
  1288. }
  1289.  
  1290. .label {
  1291. font-weight:bold;
  1292. text-transform:none;
  1293. font-size: {text:Body Font Size};
  1294. font-family: {text:Body Font};
  1295. letter-spacing:0px;
  1296. color:{color:Bold};
  1297. padding:5px;
  1298. }
  1299.  
  1300. .line.odd {
  1301. padding:4px;
  1302. margin-bottom:2px;
  1303. }
  1304.  
  1305. .line.even {
  1306. padding:4px;
  1307. margin-bottom:2px;
  1308. }
  1309.  
  1310.  
  1311.  
  1312.  
  1313.  
  1314.  
  1315.  
  1316. /* audio */
  1317.  
  1318. .player {
  1319. width:25px;
  1320. height:24px;
  1321. position:absolute;
  1322. left:10px;
  1323. top:calc(50% - 15px);
  1324. display:block;
  1325. overflow:hidden;
  1326. }
  1327.  
  1328. .hold {
  1329. text-align:left;
  1330. background:{color:background};
  1331. border:1px solid {color:borders};
  1332. position:relative;
  1333. display:block;
  1334. min-height:24px;
  1335. padding:15px;
  1336. }
  1337.  
  1338. .audio_info {
  1339. vertical-align:middle;
  1340. line-height:12px;
  1341. margin-left:35px;
  1342. max-width:calc(100% - 35px);
  1343. }
  1344.  
  1345. .audio_info span {
  1346. white-space:nowrap;
  1347. overflow:hidden;
  1348. text-overflow:ellipsis;
  1349. display:block;
  1350. }
  1351.  
  1352. .hold .track {color:{color:title};}
  1353.  
  1354.  
  1355.  
  1356.  
  1357.  
  1358.  
  1359.  
  1360. /* asks */
  1361.  
  1362. .ask {
  1363. text-align:left;
  1364. padding:15px;
  1365. margin-bottom:2em;
  1366. border-bottom:1px solid {color:borders};
  1367. }
  1368.  
  1369.  
  1370. .ask .sf {
  1371. font-size:7px;
  1372. color:{color:bold};
  1373. margin-left:1px;
  1374. display:inline-block;
  1375. }
  1376.  
  1377. .asker {
  1378. font-size:calc({text:Body Font Size} + 3px);
  1379. font-weight:bold;
  1380. display:block;
  1381. text-transform:lowercase;
  1382. color:{color:Bold};
  1383. }
  1384.  
  1385. .asker a {
  1386. color:{color:Bold};
  1387. }
  1388.  
  1389. .asker a:hover {
  1390. color:{color:Body Link Hover};
  1391. }
  1392.  
  1393.  
  1394.  
  1395.  
  1396.  
  1397.  
  1398.  
  1399.  
  1400. /* quote */
  1401.  
  1402. .quote {
  1403. font-size:calc({text:Body Font Size} + 3px);
  1404. font-family: {text:Body Font};
  1405. margin-top:5px;
  1406. color:{color:Bold};
  1407. font-weight:bold;
  1408. text-transform:none;
  1409. line-height:120%;
  1410. text-align:center;
  1411. }
  1412.  
  1413. .quote .sf {
  1414. font-size:8px;
  1415. color:{color:bold};
  1416. margin-left:1px;
  1417. display:inline-block;
  1418. vertical-align:bottom;
  1419. }
  1420.  
  1421.  
  1422. .source {
  1423. text-align:center;
  1424. font-size:8px;
  1425. font-family: {text:Body Font};
  1426. letter-spacing:0.5px;
  1427. text-transform:uppercase;
  1428. }
  1429.  
  1430.  
  1431.  
  1432.  
  1433.  
  1434. /* lists */
  1435.  
  1436. ul li {
  1437. color:{color:Text};
  1438. margin-left:-25px;
  1439. list-style:none;
  1440. }
  1441.  
  1442. ul li:before {
  1443. color:{color:Bold};
  1444. content:'\e083';
  1445. font-family:'saturnicons';
  1446. margin-right:6px;
  1447. font-size:7px;
  1448. display:inline-block;
  1449. vertical-align:middle;
  1450. position:relative;
  1451. }
  1452.  
  1453. ol {
  1454. color:{color:Text};
  1455. margin-left:-25px;
  1456. }
  1457.  
  1458.  
  1459.  
  1460.  
  1461.  
  1462.  
  1463.  
  1464. /* pagination */
  1465.  
  1466. .pagination {
  1467. margin-top:-50px;
  1468. margin-bottom:20px;
  1469. text-transform:uppercase;
  1470. letter-spacing:1px;
  1471. font-size:calc({text:Body Font Size} - 0.1px);
  1472. font-family: {text:Body Font};
  1473. }
  1474.  
  1475.  
  1476. .pagination a {
  1477. padding:5px;
  1478. }
  1479.  
  1480. .pagination a:hover {
  1481. color:{color:Body Link Hover};
  1482. }
  1483.  
  1484. .current_page {
  1485. color:{color:Bold};
  1486. font-weight:bold;
  1487. font-size:calc({text:Body Font Size} + 2px);
  1488. }
  1489.  
  1490. .jump_page {
  1491. color:{color:Text};
  1492. }
  1493.  
  1494. footer {
  1495. {block:ifShow540pxposts}
  1496. width:540px;
  1497. {/block:ifShow540pxposts}
  1498. {block:ifShow500pxposts}
  1499. width:500px;
  1500. {/block:ifShow500pxposts}
  1501. {block:ifShow400pxposts}
  1502. width:400px;
  1503. {/block:ifShow400pxposts}
  1504. text-align:center;
  1505. color:{color:Text};
  1506. background-color:{color:Posts Background};
  1507. }
  1508.  
  1509. footer a {
  1510. color:{color:Text};
  1511. }
  1512.  
  1513. footer .sf {
  1514. font-size:8px;
  1515. margin-top:2px;
  1516. }
  1517.  
  1518. footer span {
  1519. text-align:center;
  1520. display:inline-block;
  1521. }
  1522.  
  1523.  
  1524.  
  1525.  
  1526.  
  1527.  
  1528.  
  1529. /* DO NOT REMOVE */
  1530.  
  1531. .credito {
  1532. position:fixed;
  1533. right:5px;
  1534. bottom:18px;
  1535. text-transform:uppercase;
  1536. text-align:center;
  1537. padding:5px;
  1538. background-color: {color:Posts Background};
  1539. border:1px solid {color:Borders};
  1540. border-bottom:3px solid {color:Borders};
  1541. border-right:2px solid {color:Borders};
  1542. }
  1543.  
  1544. .credito .th {
  1545. font-size:20px;
  1546. }
  1547.  
  1548. .credito a {
  1549. color:{color:Bold};
  1550. padding:3px;
  1551. background-color: {color:Posts Background};
  1552. font-style:normal;
  1553. padding:3px;
  1554. -moz-transition-duration:0.5s;
  1555. -webkit-transition-duration:0.5s;
  1556. -o-transition-duration:0.5s;
  1557. }
  1558.  
  1559.  
  1560. {CustomCSS}
  1561.  
  1562. </style>
  1563. </head>
  1564.  
  1565.  
  1566. <body>
  1567. <div class="container">
  1568. <div class="thecontainer">
  1569. <aside class="sidebar">
  1570. {block:ifShowIconLinks}
  1571. <nav class="leftsidebar">
  1572. <li><a href="{text:index url}" title="{text:index hover}">
  1573. <span class="th th-home-o"></span></a></li>
  1574. <li><a href="{text:ask url}" title="{text:ask hover}">
  1575. <span class="th th-envelope-o"></span></a></li>
  1576. {block:ifShowLink1}
  1577. <li><a href="{text:link 1 url}" title="{text:link 1 hover}">
  1578. <span class="th th-list-o"></span></a></li>
  1579. {/block:ifShowLink1}
  1580. {block:ifShowLink2}
  1581. <li><a href="{text:link 2 url}" title="{text:link 2 hover}">
  1582. <span class="th th-users-o"></span></a></li>
  1583. {/block:ifShowLink2}
  1584. {block:ifShowLink3}
  1585. <li><a href="{text:link 3 url}" title="{text:link 3 hover}">
  1586. <span class="th th-edit-o"></span></a></li>
  1587. {/block:ifShowLink3}
  1588. {block:ifShowLink4}
  1589. <li><a href="{text:link 4 url}" title="{text:link 4 hover}">
  1590. <span class="th th-heart-1-o"></span></a></li>
  1591. {/block:ifShowLink4}
  1592. </nav>
  1593. {/block:ifShowIconLinks}
  1594.  
  1595.  
  1596. {block:ifShowIconLinks2}
  1597. <nav class="leftsidebar2">
  1598. <li><a href="{text:index url}" title="{text:index hover}">
  1599. <span class="th th-home-o"></span></a></li>
  1600. <li><a href="{text:ask url}" title="{text:ask hover}">
  1601. <span class="th th-envelope-o"></span></a></li>
  1602. {block:ifShowLink1}
  1603. <li><a href="{text:link 1 url}" title="{text:link 1 hover}">
  1604. <span class="th th-list-o"></span></a></li>
  1605. {/block:ifShowLink1}
  1606. {block:ifShowLink2}
  1607. <li><a href="{text:link 2 url}" title="{text:link 2 hover}">
  1608. <span class="th th-users-o"></span></a></li>
  1609. {/block:ifShowLink2}
  1610. {block:ifShowLink3}
  1611. <li><a href="{text:link 3 url}" title="{text:link 3 hover}">
  1612. <span class="th th-edit-o"></span></a></li>
  1613. {/block:ifShowLink3}
  1614. {block:ifShowLink4}
  1615. <li><a href="{text:link 4 url}" title="{text:link 4 hover}">
  1616. <span class="th th-heart-1-o"></span></a></li>
  1617. {/block:ifShowLink4}
  1618. </nav>
  1619. {/block:ifShowIconLinks2}
  1620.  
  1621.  
  1622. {block:ifNotShowIconLinks}
  1623. {block:ifNotShowIconLinks2}
  1624. <nav class="leftsidebar3">
  1625. <a href="{text:index url}">{text:index text}</a>
  1626. <a href="{text:ask url}">{text:ask text}</a>
  1627. {block:ifShowLink1}
  1628. <a href="{text:link 1 url}">{text:link 1 text}</a>
  1629. {/block:IfShowLink1}
  1630. {block:ifShowLink2}
  1631. <a href="{text:link 2 url}">{text:link 2 text}</a>
  1632. {/block:IfShowLink2}
  1633. {block:ifShowLink3}
  1634. <a href="{text:link 3 url}">{text:link 3 text}</a>
  1635. {/block:IfShowLink3}
  1636. {block:ifShowLink4}
  1637. <a href="{text:link 4 url}">{text:link 4 text}</a>
  1638. {/block:IfShowLink4}
  1639. </nav>
  1640. {/block:ifNotShowIconLinks2}
  1641. {/block:ifNotShowIconLinks}
  1642. {block:ifShowTitle}
  1643. <div class="title">
  1644. {text:Title}
  1645. </div>
  1646. {/block:ifShowTitle}
  1647. <div class="rightsidebar">
  1648. <div class="rightsidebarcontent">
  1649. {block:ifNotShowSidebarIcons}
  1650. <div class="sidebarimage">
  1651. <center>
  1652. <img src="{image:sidebar}">
  1653. </center>
  1654. </div>
  1655. {/block:ifNotShowSidebarIcons}
  1656.  
  1657. {block:ifShowSidebarIcons}
  1658. <div class="sidebaricons">
  1659. <img src="{image:icon 1}">
  1660. <img src="{image:icon 2}">
  1661. <img src="{image:icon 3}">
  1662. </div>
  1663. {/block:ifShowSidebarIcons}
  1664. <div class="description">
  1665. {Description}
  1666. </div>
  1667. <form class="search" action="javascript:return false">
  1668. <input type="text" class="query" placeholder="search tags">
  1669. </form>
  1670. </div>
  1671. </div>
  1672. </aside>
  1673.  
  1674. <section class="postscontainer" id="{PostID}" post-type="{PostType}">
  1675. {block:posts}
  1676. <article class="posts {block:caption}captioned{/block:caption} id="{PostID}>
  1677.  
  1678. {block:Text}
  1679. {block:Title}<h2>{Title}</h2>{/block:Title}
  1680. <div class="caption">
  1681. {Body}
  1682. </div>
  1683. {/block:Text}
  1684.  
  1685.  
  1686. {block:Quote}
  1687. <div class="quote">{quote} <span class="sf sf-quotation-mark"></span></div>
  1688. {block:Source}<div class="source">{source}</div>{/block:Source}
  1689. {/block:Quote}
  1690.  
  1691.  
  1692.  
  1693. {block:Link}
  1694. <h2><a href="{URL}">{Name}</a></h2>
  1695. {block:Description}{Description}{/block:Description}
  1696. {/block:Link}
  1697.  
  1698.  
  1699. {block:Chat}
  1700. {block:Title}<h2>{Title}</h2>{/block:Title}
  1701. <div class="chat">
  1702. <ol>{block:Lines}
  1703. <li class="line {Alt}">
  1704. {block:Label}
  1705. <span class="label">{Label}</span>
  1706. {/block:Label} <span class="lines">{Line}</span></li>
  1707. {/block:Lines}
  1708. </ol></div>{/block:Chat}
  1709.  
  1710.  
  1711. {block:Photo}
  1712. {linkopentag}
  1713. <img src="{photoURL-HighRes}" alt="{PhotoAlt}"/>
  1714. {linkclosetag}
  1715. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1716. {/block:Photo}
  1717.  
  1718. {block:Photoset}
  1719. <div class="set"><center><div class="pxu"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}
  1720. <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></div></center>
  1721. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1722. {/block:Photoset}
  1723.  
  1724.  
  1725. {block:Video}<div class="video">{Video-500}</div>
  1726. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1727. {/block:Video}
  1728.  
  1729. {block:Audio}
  1730. {block:audioplayer}
  1731. <div class="hold">
  1732. <div class="player">{audioplayerwhite}</div>
  1733. <div class="audio_info">
  1734. {block:trackname}<span class="track">{trackname}</span>{/block:trackname}
  1735. {block:artist}<span class="artist">{artist}</span>{/block:artist}
  1736. </div>
  1737. </div>
  1738. {/block:audioplayer}
  1739. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1740. {/block:Audio}
  1741.  
  1742.  
  1743. {block:Answer}
  1744. <div class="ask">
  1745. <span class="asker">{Asker}</span> <span class="sf sf-question-mark"></span>
  1746. {question}
  1747. </div>
  1748. <div class="caption">
  1749. <div class="answer">{Answer}</div>
  1750. </div>
  1751. {/block:Answer}
  1752.  
  1753.  
  1754. {block:Date}
  1755. <div class="info">
  1756. <a href="{Permalink}"><span class="time-ago">{TimeStamp}</span></a>
  1757. {block:NoteCount} <span class="notecount">{NoteCount}</span>{/block:NoteCount}
  1758. <span class="border2"></span>
  1759. <a href="{ReblogURL}" target="_blank" class="details">reblog</a> <a class="like-b" href="#">{LikeButton}<span class="b">like</span></a>
  1760. {block:RebloggedFrom}{block:Permalink}
  1761.  
  1762. <a href="{ReblogParentURL}">{ReblogParentName}</a>  
  1763. {block:ContentSource} <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}{/block:Permalink}
  1764. {/block:RebloggedFrom}
  1765. </div>
  1766. {/block:Date}
  1767.  
  1768.  
  1769. {block:HasTags}
  1770. <div class="tags">
  1771. {block:Tags}<span style="color:{color:bold};"> <span class="sf sf-check"></span> <a href="{TagURL}">{Tag}</a>{/block:Tags}
  1772. </div>
  1773. {/block:HasTags}
  1774.  
  1775.  
  1776. {block:PostNotes}
  1777. <article class="posts postsnote">
  1778. {PostNotes}
  1779. </article>
  1780. {/block:PostNotes}
  1781. </article>
  1782. <span style="clear:both"></span>
  1783. {/block:Posts}
  1784.  
  1785.  
  1786.  
  1787. {block:Pagination}
  1788. <footer class="posts pagination">
  1789. {block:PreviousPage}
  1790. <a href="{PreviousPage}"><span style="font-weight:bold;color:{color:Bold}"> previous </span></a>
  1791. {/block:PreviousPage}
  1792. {block:JumpPagination length="6"}
  1793. {block:CurrentPage}
  1794. <span class="current_page">{PageNumber}</span>
  1795. {/block:CurrentPage}
  1796. {block:JumpPage}
  1797. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1798. {/block:JumpPage}
  1799. {/block:JumpPagination}
  1800. {block:NextPage}
  1801. <a href="{NextPage}"><span style="font-weight:bold;color:{color:Bold}"> forward </span></a>
  1802. {/block:NextPage}
  1803. </footer>
  1804. {/block:Pagination}
  1805. </section>
  1806.  
  1807. <script>
  1808. $(document).ready(function(){
  1809. $('body').tooltip({track:true});
  1810. $('iframe.tumblr_audio_player').load( function() {
  1811. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:background} !important} </style>"));
  1812. });
  1813. });
  1814. </script>
  1815.  
  1816. <script type="text/javascript">
  1817. var $container = $('.postscontainer');
  1818. $container.find('.notecount').each(function(){
  1819. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  1820. if (n > 999) {
  1821. n = Math.floor(n / 100) / 10;
  1822. $(this).text(n + 'k');
  1823. }
  1824. });
  1825. </script>
  1826.  
  1827. <div class="credito"><a href="https://tylergaciaposey.tumblr.com/" title="tylergaciaposey's theme"><span class="th th-coffee-2-o"></span></a></div>
  1828.  
  1829. {block:ContentSource}
  1830. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1831. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1832. {/block:SourceLogo}
  1833. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1834. {/block:ContentSource}
  1835. </div>
  1836. </div>
  1837. </body></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!