API tools faq
paste
sexycullen

theme 205

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