sexycullen

theme 207

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