API tools faq
paste
sexycullen

theme 210 light

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