API tools faq
paste
Advertisement
sexycullen

literarystorm

sexycullen
Sep 15th, 2019
225
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 67.96 KB | None | 0 0
raw download clone embed print report
  1. <!--------------------------------------------
  2. tylergaciaposey's theme #202
  3. http://tylergaciaposey.tumblr.com/
  4.  
  5.  
  6. PLEASE DO NOT,
  7. remove the credits; claim as your own; use as a base, take parts
  8. of the theme.
  9. YOU CAN:
  10. edit as much as you want for your own personal use only.
  11.  
  12.  
  13. CREDITS,
  14. shythemes:
  15. scrollbar style, like and reblog (fix by cyantists),
  16. short notecount, search bar, video resize, pixel union photoset
  17.  
  18. base code by sorrism
  19. tumblr controls by cyantists
  20. postnotes by havingthemes
  21. smooth scroll by zacharyfury
  22. time stamp by bychloethemes
  23. icon font by honeybee.suiomi.com
  24. unnest captions by neothm, magnustheme
  25. pixel union photoset by gukthemes cathms
  26. links custom hover by passo-html
  27. --------------------------------------------->
  28.  
  29. <!DOCTYPE html>
  30. <head>
  31.  
  32. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  33.  
  34. <!--THEME SEVEN BY LADYYLAUFEYSON
  35. Seriously if you remove the credit or anything I will be very upset because that’s just not cool and it takes a lot of fucking time to do this shit okay just dont steal, redistribute or remove the credit and we’ll get along fine. -->
  36.  
  37.  
  38.  
  39.  
  40.  
  41. <meta name="color:Updates Tab Navicon" content="#000"/>
  42. <meta name="color:Updates Tab BG" content="#fff"/>
  43. <meta name="color:Updates Tab Border" content="#fff"/>
  44. <meta name="color:Updates Tab Accent" content="#f8eeef"/>
  45. <meta name="color:Updates Tab Icons" content="#000"/>
  46. <meta name="color:Updates Tab Title" content="#000"/>
  47. <meta name="color:Updates Tab Content" content="#6d6d6d"/>
  48. <meta name="color:Updates Tab Link" content="#000"/>
  49. <meta name="color:Updates Tab Link Hover" content="#f8dcdd"/>
  50. <meta name="color:Updates Tab Link Border" content="#f8dcdd"/>
  51.  
  52. <meta name="select:Updates Tab Title" content="Muli" title="Muli"/>
  53. <meta name="select:Updates Tab Title" content="Hind" title="Hind"/>
  54. <meta name="select:Updates Tab Title" content="Roboto" title="Roboto"/>
  55. <meta name="select:Updates Tab Title" content="Inconsolata" title="Inconsolata"/>
  56. <meta name="select:Updates Tab Title" content="Lato" title="Lato"/>
  57. <meta name="select:Updates Tab Title" content="Karla" title="Karla">
  58. <meta name="select:Updates Tab Title" content="Vollkorn" title="Vollkorn"/>
  59. <meta name="select:Updates Tab Title" content="Playfair Display" title="Playfair Display">
  60. <meta name="select:Updates Tab Title" content="Cardo" title="Cardo"/>
  61.  
  62. <meta name="select:Updates Tab Content" content="Muli" title="Muli"/>
  63. <meta name="select:Updates Tab Content" content="Hind" title="Hind"/>
  64. <meta name="select:Updates Tab Content" content="Roboto" title="Roboto"/>
  65. <meta name="select:Updates Tab Content" content="Inconsolata" title="Inconsolata"/>
  66. <meta name="select:Updates Tab Content" content="Lato" title="Lato"/>
  67. <meta name="select:Updates Tab Content" content="Karla" title="Karla">
  68. <meta name="select:Updates Tab Content" content="Vollkorn" title="Vollkorn"/>
  69. <meta name="select:Updates Tab Content" content="Playfair Display" title="Playfair Display">
  70. <meta name="select:Updates Tab Content" content="Cardo" title="Cardo"/>
  71.  
  72. <meta name="if:Reveal Updates tab on click" content="0"/>
  73.  
  74.  
  75. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  76. <title>{block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  77.  
  78. <link rel="shortcut icon" href="{favicon}">
  79. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  80. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  81.  
  82.  
  83.  
  84. <!--Default Variables-->
  85.  
  86. <meta name="color:Background" content="#ffffff"/>
  87. <meta name="color:Sidebar Background" content="#FFFFFF">
  88. <meta name="color:Title" content="#C5BCAB">
  89. <meta name="color:Sidebar Link" content="#252525"/>
  90. <meta name="color:Sidebar Link Hover" content="#C5BCAB"/>
  91. <meta name="color:Bold" content="#AA9985">
  92. <meta name="color:Italic" content="#C5BCAB">
  93. <meta name="color:Body Text" content="#252525"/>
  94. <meta name="color:Body Link" content="#9A9A9A"/>
  95. <meta name="color:Body Link Hover" content="#C5BCAB"/>
  96. <meta name="color:Liked Text" content="#C5BCAB">
  97. <meta name="color:Tags" content="#252525">
  98. <meta name="color:Scrollbar" content="#EAE8E8" />
  99. <meta name="color:Borders" content="#E2E2E2"/>
  100. <meta name="color:Posts Background" content="#FFFFFF">
  101.  
  102.  
  103. <meta name="image:Sidebar" content=""/>
  104. <meta name="image:Background" content="" />
  105.  
  106.  
  107.  
  108. <meta name="select:Body Font" content="'Open Sans', Calibri,sans-serif" title="Open Sans">
  109. <meta name="select:Body Font" content="'Hind', Calibri,sans-serif" title="Hind">
  110. <meta name="select:Body Font" content="'Muli', Calibri,sans-serif" title="Muli">
  111. <meta name="select:Body Font" content="'Lato', Calibri,sans-serif" title="Lato">
  112. <meta name="select:Body Font" content="'Roboto', Arial,sans-serif" title="Roboto">
  113. <meta name="select:Body Font" content="Calibri, sans-serif" title="Calibri">
  114. <meta name="select:Body Font" content="'Helvetica Neue', Arial,sans-serif" title="Helvetica">
  115. <meta name="select:Body Font" content="Arial, sans-serif" title="Arial">
  116. <meta name="select:Body Font" content="Verdana, sans-serif" title="Verdana">
  117. <meta name="select:Body Font" content="Times New Roman, serif" title="Times New Roman">
  118. <meta name="select:Body Font" content="Georgian, serif" title="Georgia">
  119.  
  120.  
  121. <meta name="select:Title Font" content="'Open Sans', Calibri,sans-serif" title="Open Sans">
  122. <meta name="select:Title Font" content="'Hind', Calibri,sans-serif" title="Hind">
  123. <meta name="select:Title Font" content="'Muli', Calibri,sans-serif" title="Muli">
  124. <meta name="select:Title Font" content="'Lato', Calibri,sans-serif" title="Lato">
  125. <meta name="select:Title Font" content="'Roboto', Arial,sans-serif" title="Roboto">
  126. <meta name="select:Title Font" content="Calibri, sans-serif" title="Calibri">
  127. <meta name="select:Title Font" content="'Helvetica Neue', Arial,sans-serif" title="Helvetica">
  128. <meta name="select:Title Font" content="Arial, sans-serif" title="Arial">
  129. <meta name="select:Title Font" content="Verdana, sans-serif" title="Verdana">
  130. <meta name="select:Title Font" content="Times New Roman, serif" title="Times New Roman">
  131. <meta name="select:Title Font" content="Georgian, serif" title="Georgia">
  132.  
  133. <meta name="select:Title Text Transform" content="uppercase" title="uppercase">
  134. <meta name="select:Title Text Transform" content="none" title="none">
  135. <meta name="select:Title Text Transform" content="lowercase" title="lowercase">
  136. <meta name="select:Title Text Transform" content="capitalize" title="capitalize">
  137. <meta name="select:Title Font Weight" content="bold" title="bold">
  138. <meta name="select:Title Font Weight" content="normal" title="normal">
  139. <meta name="select:Title Font Style" content="normal" title="normal">
  140. <meta name="select:Title Font Style" content="italic" title="italic">
  141.  
  142. <meta name="select:Title Position" content="center" title="center">
  143. <meta name="select:Title Position" content="right" title="right">
  144. <meta name="select:Title Position" content="left" title="left">
  145.  
  146.  
  147. <meta name="select:Description Font" content="'Hind', Calibri,sans-serif" title="Hind">
  148. <meta name="select:Description Font" content="'Open Sans', Calibri,sans-serif" title="Open Sans">
  149. <meta name="select:Description Font" content="'Muli', Calibri,sans-serif" title="Muli">
  150. <meta name="select:Description Font" content="'Lato', Calibri,sans-serif" title="Lato">
  151. <meta name="select:Description Font" content="'Roboto', Arial,sans-serif" title="Roboto">
  152. <meta name="select:Description Font" content="Calibri, sans-serif" title="Calibri">
  153. <meta name="select:Description Font" content="'Helvetica Neue', Arial,sans-serif" title="Helvetica">
  154. <meta name="select:Description Font" content="Arial, sans-serif" title="Arial">
  155. <meta name="select:Description Font" content="Verdana, sans-serif" title="Verdana">
  156. <meta name="select:Description Font" content="Times New Roman, serif" title="Times New Roman">
  157. <meta name="select:Description Font" content="Georgian, serif" title="Georgia">
  158.  
  159. <meta name="select:Description Text Transform" content="uppercase" title="uppercase">
  160. <meta name="select:Description Text Transform" content="none" title="none">
  161. <meta name="select:Description Text Transform" content="lowercase" title="lowercase">
  162. <meta name="select:Description Text Transform" content="capitalize" title="capitalize">
  163.  
  164. <meta name="select:Description Font Style" content="normal" title="normal">
  165. <meta name="select:Description Font Style" content="italic" title="italic">
  166.  
  167. <meta name="select:Description Position" content="center" title="center">
  168. <meta name="select:Description Position" content="justify" title="justify">
  169. <meta name="select:Description Position" content="left" title="left">
  170. <meta name="select:Description Position" content="right" title="right">
  171.  
  172.  
  173.  
  174.  
  175. <meta name="select:Links Font" content="'Hind', Calibri,sans-serif" title="Hind">
  176. <meta name="select:Links Font" content="'Open Sans', Calibri,sans-serif" title="Open Sans">
  177. <meta name="select:Links Font" content="'Muli', Calibri,sans-serif" title="Muli">
  178. <meta name="select:Links Font" content="'Lato', Calibri,sans-serif" title="Lato">
  179. <meta name="select:Links Font" content="'Roboto', Arial,sans-serif" title="Roboto">
  180. <meta name="select:Links Font" content="Calibri, sans-serif" title="Calibri">
  181. <meta name="select:Links Font" content="'Helvetica Neue', Arial,sans-serif" title="Helvetica">
  182. <meta name="select:Links Font" content="Arial, sans-serif" title="Arial">
  183. <meta name="select:Links Font" content="Verdana, sans-serif" title="Verdana">
  184. <meta name="select:Links Font" content="Times New Roman, serif" title="Times New Roman">
  185. <meta name="select:Links Font" content="Georgian, serif" title="Georgia">
  186.  
  187. <meta name="select:Links Text Transform" content="uppercase" title="uppercase">
  188. <meta name="select:Links Text Transform" content="lowercase" title="lowercase">
  189. <meta name="select:Links Text Transform" content="capitalize" title="capitalize">
  190. <meta name="select:Links Text Transform" content="none" title="none">
  191.  
  192. <meta name="select:Links Font Weight" content="normal" title="normal">
  193. <meta name="select:Links Font Weight" content="bold" title="bold">
  194.  
  195. <meta name="select:Links Font Style" content="normal" title="normal">
  196. <meta name="select:Links Font Style" content="italic" title="italic">
  197.  
  198. <meta name="select:Links Position" content="center" title="center">
  199. <meta name="select:Links Position" content="right" title="right">
  200. <meta name="select:Links Position" content="left" title="left">
  201.  
  202.  
  203.  
  204.  
  205. <meta name="select:Date Font" content="'Hind', Calibri,sans-serif" title="Hind">
  206. <meta name="select:Date Font" content="'Open Sans', Calibri,sans-serif" title="Open Sans">
  207. <meta name="select:Date Font" content="'Muli', Calibri,sans-serif" title="Muli">
  208. <meta name="select:Date Font" content="'Lato', Calibri,sans-serif" title="Lato">
  209. <meta name="select:Date Font" content="'Roboto', Arial,sans-serif" title="Roboto">
  210. <meta name="select:Date Font" content="Calibri, sans-serif" title="Calibri">
  211. <meta name="select:Date Font" content="'Helvetica Neue', Arial,sans-serif" title="Helvetica">
  212. <meta name="select:Date Font" content="Arial, sans-serif" title="Arial">
  213. <meta name="select:Date Font" content="Verdana, sans-serif" title="Verdana">
  214. <meta name="select:Date Font" content="Times New Roman, serif" title="Times New Roman">
  215. <meta name="select:Date Font" content="Georgian, serif" title="Georgia">
  216.  
  217. <meta name="select:Date Text Transform" content="uppercase" title="uppercase">
  218. <meta name="select:Date Text Transform" content="lowercase" title="lowercase">
  219. <meta name="select:Date Text Transform" content="capitalize" title="capitalize">
  220.  
  221. <meta name="select:Date Font Style" content="normal" title="normal">
  222. <meta name="select:Date Font Style" content="italic" title="italic">
  223.  
  224.  
  225.  
  226. <meta name="select:Tags Font" content="'Open Sans', Calibri,sans-serif" title="Open Sans">
  227. <meta name="select:Tags Font" content="'Hind', Calibri,sans-serif" title="Hind">
  228. <meta name="select:Tags Font" content="'Muli', Calibri,sans-serif" title="Muli">
  229. <meta name="select:Tags Font" content="'Lato', Calibri,sans-serif" title="Lato">
  230. <meta name="select:Tags Font" content="'Roboto', Arial,sans-serif" title="Roboto">
  231. <meta name="select:Tags Font" content="Calibri, sans-serif" title="Calibri">
  232. <meta name="select:Tags Font" content="'Helvetica Neue', Arial,sans-serif" title="Helvetica">
  233. <meta name="select:Tags Font" content="Arial, sans-serif" title="Arial">
  234. <meta name="select:Tags Font" content="Verdana, sans-serif" title="Verdana">
  235. <meta name="select:Tags Font" content="Times New Roman, serif" title="Times New Roman">
  236. <meta name="select:Tags Font" content="Georgian, serif" title="Georgia">
  237.  
  238.  
  239. <meta name="select:Tags Text Transform" content="none" title="none">
  240. <meta name="select:Tags Text Transform" content="uppercase" title="uppercase">
  241. <meta name="select:Tags Text Transform" content="lowercase" title="lowercase">
  242. <meta name="select:Tags Text Transform" content="capitalize" title="capitalize">
  243.  
  244. <meta name="select:Tags Font Weight" content="normal" title="normal">
  245. <meta name="select:Tags Font Weight" content="bold" title="bold">
  246.  
  247. <meta name="select:Tags Font Style" content="italic" title="italic">
  248. <meta name="select:Tags Font Style" content="normal" title="normal">
  249.  
  250. <meta name="select:Tags Position" content="center" title="center">
  251. <meta name="select:Tags Position" content="left" title="left">
  252. <meta name="select:Tags Position" content="right" title="right">
  253.  
  254.  
  255. <meta name="select:Border Style" content="dotted" title="dotted">
  256. <meta name="select:Border Style" content="solid" title="solid">
  257. <meta name="select:Border Style" content="dashed" title="dashed">
  258. <meta name="select:Border Style" content="double" title="double">
  259. <meta name="select:Border Style" content="ridge" title="ridge">
  260.  
  261.  
  262. <meta name="text:Title" content="Literary Storm">
  263. <meta name="text:Opacity" content="0.7">
  264. <meta name="text:Small Text Size" content="11">
  265. <meta name="text:Body Font Size" content="11"/>
  266. <meta name="text:Body Text Spacing" content="0"/>
  267. <meta name="text:Body Word Spacing" content="0"/>
  268. <meta name="text:Title Font Size" content="11"/>
  269. <meta name="text:Title Text Spacing" content="1">
  270. <meta name="text:Title Word Spacing" content="0"/>
  271. <meta name="text:Links Font Size" content="8"/>
  272. <meta name="text:Links Text Spacing" content="2">
  273. <meta name="text:Links Word Spacing" content="0"/>
  274. <meta name="text:Description Font Size" content="8"/>
  275. <meta name="text:Description Text Spacing" content="2">
  276. <meta name="text:Description Word Spacing" content="0"/>
  277. <meta name="text:Date Font Size" content="8">
  278. <meta name="text:Date Text Spacing" content="2">
  279. <meta name="text:Date Word Spacing" content="0"/>
  280. <meta name="text:Tags Font Size" content="9.5">
  281. <meta name="text:Tags Text Spacing" content="0">
  282. <meta name="text:Tags Word Spacing" content="0"/>
  283. <meta name="text:Border Size" content="1"/>
  284.  
  285.  
  286. <meta name="if:Show Title" content="1" />
  287. <meta name="if:Show Sidebar Image" content="0" />
  288. <meta name="if:Show 245px Sidebar Image" content="0" />
  289. <meta name="if:Show Images Black and White" content="0" />
  290. <meta name="if:Show Images Opacity" content="0" />
  291. <meta name="if:Show Custom Controls" content="1"/>
  292. <meta name="if:Show Borders" content="0" />
  293. <meta name="if:Show Caption Border" content="0" />
  294. <meta name="if:Show Unnest Icon" content="0" />
  295. <meta name="if:Show Unnest Captions" content="1"/>
  296. <meta name="if:Show 540px posts" content="1" />
  297. <meta name="if:Show 500px posts" content="0" />
  298. <meta name="if:Show 400px posts" content="0" />
  299.  
  300. <meta name="if:Show Index" content="1" />
  301. <meta name="if:Show Ask" content="1" />
  302. <meta name="if:Show Link1" content="1" />
  303. <meta name="if:Show Link2" content="1" />
  304. <meta name="if:Show Link3" content="1" />
  305. <meta name="if:Show Link4" content="1" />
  306.  
  307. <meta name="text:Index Text" content="home">
  308. <meta name="text:Index URL" content="/">
  309. <meta name="text:Ask Text" content="questions">
  310. <meta name="text:Ask URL" content="/ask">
  311. <meta name="text:Link 1 Text" content="Link1">
  312. <meta name="text:Link 1 URL" content="/">
  313. <meta name="text:Link 2 Text" content="Link2">
  314. <meta name="text:Link 2 URL" content="/">
  315. <meta name="text:Link 3 Text" content="Link3">
  316. <meta name="text:Link 3 URL" content="/">
  317. <meta name="text:Link 4 Text" content="Link4">
  318. <meta name="text:Link 4 URL" content="/">
  319.  
  320.  
  321.  
  322.  
  323.  
  324. <!----- fonts ---->
  325.  
  326. <link href="https://fonts.googleapis.com/css?family=Hind:400,700|Muli:400,400i,700,700i|Open+Sans:400,400i,700,700i|Lato:400,400i,700,700i|Roboto:400,400i,700,700i" rel="stylesheet">
  327.  
  328. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  329.  
  330. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  331.  
  332. <link href='https://fonts.googleapis.com/css?family=Karla|Inconsolata|Vollkorn|Playfair+Display|Cardo' rel='stylesheet' type='text/css'>
  333.  
  334. <!----- scripts ---->
  335.  
  336. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  337.  
  338. <script src="https://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  339.  
  340. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  341.  
  342. <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  343.  
  344. <script type="text/javascript" src="https://static.tumblr.com/i5s2zks/9Acok8oo2/bct-timeago.min.js"></script>
  345.  
  346. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  347. </script><script src="https://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
  348.  
  349. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  350.  
  351. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  352. <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  353. <link href="//static.tumblr.com/wupwnyt/qWVoc4phj/resizing.css" rel="stylesheet" type="text/css"/>
  354.  
  355. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  356.  
  357.  
  358.  
  359.  
  360.  
  361. <!----- pxu photosets ---->
  362.  
  363. <script>
  364. // PXU Photoset Script by Pixel Union
  365. $(document).ready(function(){
  366. $('.photo-slideshow').pxuPhotoset({
  367. lightbox:true,
  368. rounded:false,
  369. gutter:'0px',
  370. borderRadius:'0px',
  371. photoset:'.photo-slideshow',
  372. photoWrap:'.photo-data',
  373. photo:'.pxu-photo'
  374. });
  375. });
  376. </script>
  377.  
  378.  
  379.  
  380.  
  381.  
  382.  
  383. <script>
  384. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  385. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  386. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  387. })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
  388.  
  389. ga('create', 'UA-82072022-1', 'auto');
  390. ga('send', 'pageview');
  391.  
  392. </script>
  393.  
  394.  
  395. <script type="text/javascript">function tb8_makeArray(n){this.length = n;return this.length;}tb8_messages = new tb8_makeArray(3);tb8_messages[0] = "Literary Storm";tb8_messages[1] = "Literary Storm";tb8_messages[2] = "Literary Storm";tb8_rptType = 'infinite';tb8_rptNbr = 5;tb8_speed = 100;tb8_delay = 2000;var tb8_counter=1;var tb8_currMsg=0;var tb8_tekst ="";var tb8_i=0;var tb8_TID = null;function tb8_pisi(){tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);document.title = tb8_tekst;tb8_sp=tb8_speed;tb8_i++;if (tb8_i==tb8_messages[tb8_currMsg].length){tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;}if (tb8_currMsg == tb8_messages.length){if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){clearTimeout(tb8_TID);return;}tb8_counter++;tb8_currMsg = 0;}tb8_TID = setTimeout("tb8_pisi()", tb8_sp);}tb8_pisi()</script>
  396.  
  397. <script type="text/javascript" src="https://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
  398. <script type="text/javascript">
  399. var jq = $.noConflict();
  400. jq(function(){
  401. jq('#updates_navicon').live('click',function(){
  402. jq('#updates').slideToggle();
  403. });
  404. });
  405. </script>
  406.  
  407.  
  408. <!----- time stamp style ---->
  409.  
  410. <script type="text/javascript">
  411. $(document).ready(function() {
  412. $(".time-ago").timeAgo({
  413. time: "letter", // can be "letter" "short" or "word"
  414. spaces: true, // adds spaces between words and numbers
  415. words: false, // turns numbers to words
  416. prefix: "", // adds a prefix to the outputted string. could be "~" or "about"
  417. suffix: "", // adds a suffix to the outputted string. could be "ago"
  418. });
  419. });
  420. </script>
  421.  
  422.  
  423.  
  424.  
  425. <!----- caption unnest ---->
  426. {block:ifShowUnnestCaptions}
  427. <script>
  428. $(document).ready(function(){ $('.posts').unnest({
  429. yourCaption: ".caption",
  430. wrapName: ".cap",
  431. newCaptionUsername: true,
  432. originalPostCaptionUsername: true,
  433. {block:ifShowUnnestIcon}
  434. tumblrAvatars: true,
  435. {/block:ifShowUnnestIcon}
  436. {block:ifNotShowUnnestIcon}
  437. tumblrAvatars: false,
  438. {/block:ifNotShowUnnestIcon}
  439. tumblrAvatarClass: ".unnesticon",
  440. usernameColon: false
  441. });
  442.  
  443. }); </script>
  444.  
  445. {/block:ifShowUnnestCaptions}
  446.  
  447.  
  448.  
  449.  
  450.  
  451. <style type="text/css">
  452.  
  453. * {
  454. margin: 0;
  455. padding: 0;
  456. }
  457.  
  458.  
  459. /* tumblr controls */
  460.  
  461. {block:ifShowCustomControls}
  462. iframe.tmblr-iframe {
  463. z-index:99999999999999!important;
  464. top:2px!important;
  465. right:0!important;
  466. opacity:0;
  467. padding-right:38px;
  468. transform:scale(0.75);
  469. transform-origin:100% 0;
  470. -webkit-transform:scale(0.75);
  471. -webkit-transform-origin:100% 0;
  472. -o-transform:scale(0.75);
  473. -o-transform-origin:100% 0;
  474. -moz-transform:scale(0.75);
  475. -moz-transform-origin:100% 0;
  476. -ms-transform:scale(0.75);
  477. -ms-transform-origin:100% 0;}
  478.  
  479. iframe.tmblr-iframe:hover {
  480. opacity:1!important;}
  481.  
  482. .hcontrols {
  483. position:fixed;
  484. top:0;
  485. right:0;
  486. z-index:999999999;}
  487.  
  488. .hcontrols svg {
  489. width:15px;
  490. height:15px;
  491. padding:10px;
  492. margin:5px 0;
  493. }
  494.  
  495. .hcontrols svg path {
  496. fill:#888888;/* change this to change the color of the icon
  497. ex: if you're gonna use a darker background color/image */}
  498. {/block:ifShowCustomControls}
  499.  
  500.  
  501.  
  502.  
  503.  
  504. /* scrollbar */
  505.  
  506. ::-webkit-scrollbar {
  507. width:7px;
  508. height:7px;
  509. }
  510. ::-webkit-scrollbar {
  511. background-color:{color:Background};
  512. }
  513. ::-webkit-scrollbar-track {
  514. border:8px solid {color:Background};
  515. background-color:{color:Background};
  516. }
  517. ::-webkit-scrollbar-thumb {
  518. border:3px solid {color:Background};
  519. background-color:{color:Scrollbar};
  520. min-height:24px;
  521. min-width:24px;
  522. }
  523.  
  524.  
  525.  
  526. /* tooltip */
  527.  
  528. .ui-tooltip {
  529. position:Absolute;
  530. z-index:9999;
  531. margin:0 auto;
  532. }
  533.  
  534. .ui-tooltip-content {
  535. background-color:{color:Posts Background};
  536. padding:10px;
  537. color:{color:Body Text};
  538. font-size: {text:Body Font Size}px;
  539. font-family: {select:Body Font};
  540. text-transform:lowercase;
  541. border-bottom:{text:Border Size}px {select:Border Style} {color:borders};
  542. }
  543.  
  544.  
  545.  
  546.  
  547. /* captions */
  548.  
  549. {block:ifShowUnnestCaptions}
  550.  
  551. /* to style the reblogged urls */
  552. .tumblr_blog {
  553. color:{color:Body Text};
  554. font-size: {text:Body Font Size}px;
  555. display:inline-block;
  556. line-height:18px;
  557. {block:ifShowUnnestIcon}
  558. margin-bottom:12.5px;
  559. {/block:ifShowUnnestIcon}
  560. {block:ifNotShowUnnestIcon}
  561. margin-bottom:5px;
  562. {/block:ifNotShowUnnestIcon}
  563. margin-right:2px;
  564. font-style: italic;
  565. font-weight:;
  566. text-transform:lowercase;
  567. {block:ifNotShowUnnestIcon}
  568. border-bottom:{text:Border Size}px {select:Border Style} {color:borders};
  569. {/block:ifNotShowUnnestIcon}
  570. }
  571.  
  572.  
  573. .tumblr_blog a {
  574. color:{color:Bold};
  575. vertical-align:bottom;
  576. }
  577.  
  578. .tumblr_blog a:hover {
  579. text-decoration:none;
  580. color:{color:Body Link Hover};
  581. }
  582.  
  583. .unnesticon {
  584. width:19px;
  585. height:19px;
  586. margin-right:8px;
  587. display:inline-block;
  588. float:left;
  589. border-radius:3px;
  590. }
  591.  
  592.  
  593. .cap {
  594. margin: 5px 0px 0px;
  595. padding:5px 20px;
  596. {block:ifShow540pxposts}
  597. max-width:540px;
  598. {/block:ifShow540pxposts}
  599. {block:ifShow500pxposts}
  600. max-width:480px;
  601. {/block:ifShow500pxposts}
  602. {block:ifShow400pxposts}
  603. max-width:400px;
  604. {/block:ifShow400pxposts}
  605. {block:ifShowCaptionBorder}
  606. outline: {text:Border Size}px {select:Border Style} {color:Borders};
  607. {/block:ifShowCaptionBorder}
  608. }
  609.  
  610. .cap blockquote {
  611. {block:ifShow540pxposts}
  612. max-width:540px;
  613. {/block:ifShow540pxposts}
  614. {block:ifShow500pxposts}
  615. max-width:480px;
  616. {/block:ifShow500pxposts}
  617. {block:ifShow400pxposts}
  618. max-width:400px;
  619. {/block:ifShow400pxposts}
  620. margin: 3px 0px 5px;
  621. }
  622.  
  623.  
  624.  
  625. .cap blockquote img {
  626. max-width:500px;
  627. }
  628. {/block:ifShowUnnestCaptions}
  629.  
  630.  
  631. .cap p {
  632. display: block;
  633. margin-block-start: 0em;
  634. }
  635.  
  636. .cap img {
  637. margin-block-end: 1em;
  638. }
  639.  
  640.  
  641. {block:ifNotShowUnnestCaptions}
  642. .caption {
  643. margin: 5px 0px 0px;
  644. padding:5px 20px;
  645. {block:ifShow540pxposts}
  646. max-width:540px;
  647. {/block:ifShow540pxposts}
  648. {block:ifShow500pxposts}
  649. max-width:480px;
  650. {/block:ifShow500pxposts}
  651. {block:ifShow400pxposts}
  652. max-width:380px;
  653. {/block:ifShow400pxposts}
  654. {block:ifShowCaptionBorder}
  655. outline: {text:Border Size}px {select:Border Style} {color:Borders};
  656. {/block:ifShowCaptionBorder}
  657. }
  658.  
  659.  
  660. /* to style the reblogged urls */
  661. .tumblr_blog {
  662. color:{color:Body Text};
  663. font-size: {text:Body Font Size}px;
  664. display:inline-block;
  665. line-height:18px;
  666. margin-bottom:5px;
  667. margin-right:2px;
  668. font-style: italic;
  669. font-weight:;
  670. text-transform:lowercase;
  671. border-bottom:{text:Border Size}px {select:Border Style} {color:borders};
  672. }
  673.  
  674.  
  675.  
  676. .tumblr_blog a {
  677. color:{color:Bold};
  678. vertical-align:bottom;
  679. }
  680.  
  681. .tumblr_blog a:hover {
  682. text-decoration:none;
  683. color:{color:Body Link Hover};
  684. }
  685.  
  686.  
  687. blockquote {
  688. border-left:{text:Border Size}px {select:Border Style} {color:Borders};
  689. padding-left:8px;
  690. margin:5px 10px 10px 5px;
  691. {block:ifShow540pxposts}
  692. max-width:500px;
  693. {/block:ifShow540pxposts}
  694. {block:ifShow500pxposts}
  695. max-width:440px;
  696. {/block:ifShow500pxposts}
  697. {block:ifShow400pxposts}
  698. max-width:340px;
  699. {/block:ifShow400pxposts}
  700.  
  701. }
  702. {/block:ifNotShowUnnestCaptions}
  703.  
  704.  
  705.  
  706. /* sctoll to top */
  707. #scrollToTop:link,#scrollToTop:visited {
  708. display: none;
  709. text-transform:lowercase;
  710. font-size: 12px;
  711. font-family: {select:Body Font};
  712. color:{color:Body Text};
  713. font-weight:none;
  714. }
  715. /* sctoll to top */
  716.  
  717.  
  718.  
  719.  
  720.  
  721.  
  722.  
  723. body {
  724. -webkit-font-smoothing: antialiased;
  725. font-smoothing: antialiased;
  726. color:{color:Body Text};
  727. font-size: {text:Body Font Size}px;
  728. font-family: {select:Body Font};
  729. word-wrap:break-word;
  730. margin:0;
  731. line-height:15px;
  732. background-color:{color:Background};
  733. background-image:url('{image:background}');
  734. background-repeat: repeat;
  735. background-attachment: fixed;
  736. background-position:center;
  737. }
  738.  
  739. a {
  740. color:{color:Body Link};
  741. text-decoration:none;
  742. transition:all .3s linear;
  743. -webkit-transition:all .3s linear;
  744. -o-transition:all .3s linear;
  745. -moz-transition:all .3s linear;
  746. }
  747.  
  748.  
  749. a:hover {
  750. color:{color:Body Link Hover};
  751. transition:all 0.3s;}
  752.  
  753.  
  754.  
  755. a.read_more {
  756. visibility: hidden;
  757. font-weight:bold;
  758. color:{color:Body Link};
  759. font-size:calc({text:Body Font Size}px + 1px);
  760. font-family: {select:Body Font};
  761. margin:20px 0;
  762. }
  763.  
  764. a.read_more:before {
  765. content: 'Keep Reading';
  766. visibility: visible;
  767. border-bottom:{text:Border Size}px {select:Border Style} {color:Borders};
  768. padding:5px 0;
  769. }
  770.  
  771. img {
  772. opacity:1;
  773. margin-top:1px;
  774. border:0;
  775. text-decoration:none;
  776. max-width:100%;
  777. height:auto;
  778. display:block;
  779. {block:ifShowImagesBlackandWhite}
  780. -webkit-filter: grayscale(100%);
  781. {/block:ifShowImagesBlackandWhite}
  782. -webkit-transition: all 0.9s ease-in-out;
  783. -moz-transition: all 0.9s ease-in-out;
  784. -o-transition: all 0.9s ease-in-out;
  785. -ms-transition: all 0.9s ease-in-out;
  786. transition: all 0.9s ease-in-out;
  787. {block:ifShowImagesOpacity}
  788. opacity:{text:Opacity};
  789. {/block:ifShowImagesOpacity}
  790. }
  791.  
  792. img:hover {
  793. -webkit-filter: grayscale(0%);
  794. -webkit-transition: all 0.9s ease-in-out;
  795. -moz-transition: all 0.9s ease-in-out;
  796. -o-transition: all 0.9s ease-in-out;
  797. -ms-transition: all 0.9s ease-in-out;
  798. transition: all 0.9s ease-in-out;
  799. }
  800.  
  801. .html_photoset, .photo-slideshow:hover img {
  802. -webkit-filter: grayscale(0%);
  803. }
  804.  
  805.  
  806. p {
  807. margin-top:3px;
  808. margin-bottom:7px;
  809. line-height:15px;
  810. }
  811.  
  812. pre {
  813. padding:0;
  814. margin:0;
  815. line-height:inherit!important;
  816. background:transparent;
  817. font-family:inherit!Important;
  818. font-size:inherit!important;
  819. white-space:pre-wrap;
  820. white-space:-moz-pre-wrap;
  821. white-space:-pre-wrap;
  822. white-space:-o-pre-wrap;
  823. word-wrap:break-word;
  824. }
  825.  
  826.  
  827. b, strong {
  828. font-weight:bold;
  829. color: {color:bold}!important;
  830. }
  831.  
  832. i, italic {
  833. color: {color:italic};
  834. }
  835.  
  836.  
  837. small, sub, sup, pre {
  838. font-size: {text:Small Text Size}px;
  839. line-height:1.4em!important;
  840. vertical-align:baseline!important;
  841. }
  842.  
  843. h1 {
  844. margin-bottom:10px;
  845. font-size:calc({text:Body Font Size}px + 3px);
  846. text-align:left;
  847. letter-spacing:0px;
  848. text-transform:none;
  849. color:{color:Bold};
  850. font-weight:bold;
  851. }
  852.  
  853. h2 {
  854. font-size:calc({text:Body Font Size}px + 3px);
  855. text-align:left;
  856. letter-spacing:0px;
  857. text-transform:none;
  858. font-weight:bold;
  859. color: {color:bold};
  860. margin: 5px 0px 0px;
  861. padding:5px 20px;
  862. }
  863.  
  864.  
  865. hr {
  866. width:100px;
  867. margin:10px 0 10px 0;
  868. border-width: {text:Border Size}px 0px 0px 0px;
  869. border-style: {select:Border Style};
  870. border-color: {color:Borders};
  871. }
  872.  
  873. ::-moz-selection {
  874. background-color: {color:Bold};
  875. color:#fff;
  876. }
  877.  
  878. ::selection {
  879. background-color: {color:Bold};
  880. color:#fff;
  881. }
  882.  
  883.  
  884.  
  885.  
  886. /* sidebar */
  887.  
  888.  
  889. .sidebar {
  890. width:400px;
  891. margin:100px 30px;
  892. overflow:hidden;
  893. position:fixed;
  894. padding:10px;
  895. background-color:{color:Sidebar Background};
  896. {block:ifShowBorders}
  897. outline: {text:Border Size}px {select:Border Style} {color:Borders};
  898. {/block:ifShowBorders}
  899. }
  900.  
  901.  
  902. .title {
  903. color:{color:Title};
  904. text-align:{select:Title Position};
  905. font-style:{select:Title Font Style};
  906. font-size:{text:Title Font Size}px;
  907. font-family:{select:Title Font};
  908. text-transform:{select:Title Text Transform};
  909. letter-spacing:{text:Title Text Spacing}px;
  910. word-spacing:{text:Title Word Spacing}px;
  911. font-weight:{select:Title Font Weight};
  912. padding:10px 0 0;
  913. }
  914.  
  915.  
  916. .sidebarimage {
  917. margin:0 auto;
  918. margin-top:15px;
  919. -webkit-filter: grayscale(0%);
  920. }
  921.  
  922. .sidebarimage img {
  923. {block:ifShow245pxSidebarImage}
  924. width:245px;
  925. {/block:ifShow245pxSidebarImage}
  926. {block:ifNotShow245pxSidebarImage}
  927. width:400px;
  928. {/block:ifNotShow245pxSidebarImage}
  929. margin:0 auto;
  930. }
  931.  
  932. .sidebarlinks {
  933. text-align:{select:Links Position};
  934. font-style:{select:Links Font Style};
  935. font-size:{text:Links Font Size}px;
  936. font-family:{select:Links Font};
  937. text-transform:{select:Links Text Transform};
  938. letter-spacing:{text:Links Text Spacing}px;
  939. word-spacing:{text:Links Word Spacing}px;
  940. padding:10px;
  941. margin:5px;
  942. }
  943.  
  944. .sidebarlinks a {
  945. font-weight:{select:Links Font Weight};
  946. color:{color:Sidebar Link};
  947. margin:0px;
  948. display:inline-block;
  949. position:relative;
  950. -moz-transition-duration: 0.5s;
  951. -o-transition-duration: 0.5s;
  952. -webkit-transition-duration: 0.5s;
  953. transition-duration: 0.5s;
  954. }
  955.  
  956. .sidebarlinks a:hover {
  957. color:{color:Sidebar Link Hover};
  958. text-decoration:none;
  959. -moz-transition-duration: 0.5s;
  960. -o-transition-duration: 0.5s;
  961. -webkit-transition-duration: 0.5s;
  962. transition-duration: 0.5s;
  963. }
  964.  
  965. .sidebarlinks a:before{
  966. content:'';
  967. position:absolute;
  968. width:0;
  969. height:1px;
  970. margin-left:0;
  971. margin-top:15px;
  972. background:{color:Sidebar Link Hover};
  973. transition:all 0.3s;}
  974.  
  975. .sidebarlinks a:hover:before{
  976. width:100%; opacity:;}
  977.  
  978.  
  979. .description {
  980. overflow:hidden;
  981. padding:10px;
  982. margin:5px;
  983. line-height:1.5em;
  984. text-align:{select:Description Position};
  985. color:{color:Body Text};
  986. font-style:{select:Description Font Style};
  987. font-size:{text:Description Font Size}px;
  988. font-family:{select:Description Font};
  989. text-transform:{select:Description Text Transform};
  990. letter-spacing:{text:Description Text Spacing}px;
  991. word-spacing:{text:Description Word Spacing}px;
  992. }
  993.  
  994. .description a:hover {
  995. color:{color:Body Link Hover};
  996. }
  997.  
  998.  
  999.  
  1000. .sidebarcontentborder {
  1001. width:55px;
  1002. margin:0 auto;
  1003. border-bottom: 1px {select:Border Style} {color:Borders};
  1004. }
  1005.  
  1006.  
  1007. .bordertags {
  1008. border-bottom: {text:Border Size}px {select:Border Style} {color:Borders};
  1009. width:90px;
  1010. margin:15px auto;
  1011. float:{select:Tags Position};
  1012. }
  1013.  
  1014.  
  1015.  
  1016.  
  1017. /* posts */
  1018.  
  1019.  
  1020. .container {
  1021. width:1300px;
  1022. margin:0 auto;
  1023. }
  1024.  
  1025. .postscontainer {
  1026. {block:ifShow540pxposts}
  1027. width:640px;
  1028. {/block:ifShow540pxposts}
  1029. {block:ifShow500pxposts}
  1030. width:600px;
  1031. {/block:ifShow500pxposts}
  1032. {block:ifShow400pxposts}
  1033. width:500px;
  1034. {/block:ifShow400pxposts}
  1035. padding:2px 0 5px;
  1036. margin:0 500px 0;
  1037. }
  1038.  
  1039. .posts {
  1040. {block:ifShow540pxposts}
  1041. width:540px;
  1042. {/block:ifShow540pxposts}
  1043. {block:ifShow500pxposts}
  1044. width:500px;
  1045. {/block:ifShow500pxposts}
  1046. {block:ifShow400pxposts}
  1047. width:400px;
  1048. {/block:ifShow400pxposts}
  1049. padding:25px;
  1050. margin:25px;
  1051. overflow: hidden;
  1052. margin-bottom:30px;
  1053. letter-spacing:{text:Body Text Spacing}px;
  1054. word-spacing:{text:Body Word Spacing}px;
  1055. background-color:{color:Posts Background};
  1056. text-align:justify;
  1057. {block:ifShowBorders}
  1058. outline: {text:Border Size}px {select:Border Style} {color:Borders};
  1059. {/block:ifShowBorders}
  1060. }
  1061.  
  1062.  
  1063. /* style for pixel union photosets
  1064. i recomend not changing if you don't know what you're doing */
  1065.  
  1066. .set {
  1067. margin-bottom:-8px;
  1068. }
  1069.  
  1070. .photo-slideshow {
  1071. width:auto!important;
  1072. }
  1073.  
  1074. {block:ifShow540pxposts}
  1075. .photo-slideshow .count-1 {
  1076. margin-bottom:4px!important;
  1077. width:540px;
  1078. }
  1079.  
  1080. .photo-slideshow .count-2 {
  1081. margin-left:4px!important;
  1082. margin-bottom:4px!important;
  1083. width:268px!important;
  1084. }
  1085.  
  1086. .photo-slideshow .count-2:first-child {
  1087. margin-left:0!important;
  1088. }
  1089.  
  1090. .photo-slideshow .count-3 {
  1091. margin-left:4px!important;
  1092. margin-bottom:4px!important;
  1093. width:177px!important;
  1094. }
  1095.  
  1096. .photo-slideshow .count-3:first-child {
  1097. margin-left:0!important;
  1098. }
  1099.  
  1100. .photo-slideshow .count-3:nth-child(2) {
  1101. width:177px!important;
  1102. }
  1103. {/block:ifShow540pxposts}
  1104.  
  1105.  
  1106. {block:ifShow500pxposts}
  1107. .photo-slideshow .count-1 {
  1108. margin-bottom:4px!important;
  1109. width:500px;
  1110. }
  1111.  
  1112. .photo-slideshow .count-2 {
  1113. margin-left:4px!important;
  1114. margin-bottom:4px!important;
  1115. width:245px!important;
  1116. }
  1117.  
  1118. .photo-slideshow .count-2:first-child {
  1119. margin-left:0!important;
  1120. }
  1121.  
  1122. .photo-slideshow .count-3 {
  1123. margin-left:4px!important;
  1124. margin-bottom:4px!important;
  1125. width:160px!important;
  1126. }
  1127.  
  1128. .photo-slideshow .count-3:first-child {
  1129. margin-left:0!important;
  1130. }
  1131.  
  1132. .photo-slideshow .count-3:nth-child(2) {
  1133. width:160px!important;
  1134. }
  1135. {/block:ifShow500pxposts}
  1136.  
  1137. {block:ifShow400pxposts}
  1138. .photo-slideshow .count-1 {
  1139. margin-bottom:4px!important;
  1140. width:400px;
  1141. }
  1142.  
  1143. .photo-slideshow .count-2 {
  1144. margin-left:4px!important;
  1145. margin-bottom:4px!important;
  1146. width:49%!important;
  1147. }
  1148.  
  1149. .photo-slideshow .count-2:first-child {
  1150. margin-left:0!important;
  1151. }
  1152.  
  1153. .photo-slideshow .count-3 {
  1154. margin-left:4px!important;
  1155. margin-bottom:4px!important;
  1156. width:32%!important;
  1157. }
  1158.  
  1159. .photo-slideshow .count-3:first-child {
  1160. margin-left:0!important;
  1161. }
  1162.  
  1163. .photo-slideshow .count-3:nth-child(2) {
  1164. width:32%!important;
  1165. }
  1166. {/block:ifShow400pxposts}
  1167.  
  1168.  
  1169.  
  1170. .npf_row {
  1171. {block:ifShow540pxposts}
  1172. width:500px;
  1173. {block:ifNotShowUnnestCaptions}
  1174. width:490px;
  1175. {/block:ifNotShowUnnestCaptions}
  1176. {/block:ifShow540pxposts}
  1177. {block:ifShow500pxposts}
  1178. width:460px;
  1179. {block:ifNotShowUnnestCaptions}
  1180. width:440px;
  1181. {/block:ifNotShowUnnestCaptions}
  1182. {/block:ifShow500pxposts}
  1183. {block:ifShow400pxposts}
  1184. width:360px;
  1185. {block:ifNotShowUnnestCaptions}
  1186. width:340px;
  1187. {/block:ifNotShowUnnestCaptions}
  1188. {/block:ifShow400pxposts}
  1189. padding-left:20px;
  1190. }
  1191.  
  1192.  
  1193.  
  1194. /* style for pixel union photosets
  1195. i recomend not changing if you don't know what you're doing */
  1196.  
  1197. .set {
  1198. margin-bottom:-8px;
  1199. }
  1200.  
  1201. .photo-slideshow {
  1202. width:auto!important;
  1203. }
  1204.  
  1205. {block:ifShow540pxposts}
  1206. .photo-slideshow .count-1 {
  1207. margin-bottom:4px!important;
  1208. width:540px;
  1209. }
  1210.  
  1211. .photo-slideshow .count-2 {
  1212. margin-left:4px!important;
  1213. margin-bottom:4px!important;
  1214. width:268px!important;
  1215. }
  1216.  
  1217. .photo-slideshow .count-2:first-child {
  1218. margin-left:0!important;
  1219. }
  1220.  
  1221. .photo-slideshow .count-3 {
  1222. margin-left:4px!important;
  1223. margin-bottom:4px!important;
  1224. width:177px!important;
  1225. }
  1226.  
  1227. .photo-slideshow .count-3:first-child {
  1228. margin-left:0!important;
  1229. }
  1230.  
  1231. .photo-slideshow .count-3:nth-child(2) {
  1232. width:177px!important;
  1233. }
  1234. {/block:ifShow540pxposts}
  1235.  
  1236.  
  1237. {block:ifShow500pxposts}
  1238. .photo-slideshow .count-1 {
  1239. margin-bottom:4px!important;
  1240. width:500px;
  1241. }
  1242.  
  1243. .photo-slideshow .count-2 {
  1244. margin-left:4px!important;
  1245. margin-bottom:4px!important;
  1246. width:245px!important;
  1247. }
  1248.  
  1249. .photo-slideshow .count-2:first-child {
  1250. margin-left:0!important;
  1251. }
  1252.  
  1253. .photo-slideshow .count-3 {
  1254. margin-left:4px!important;
  1255. margin-bottom:4px!important;
  1256. width:160px!important;
  1257. }
  1258.  
  1259. .photo-slideshow .count-3:first-child {
  1260. margin-left:0!important;
  1261. }
  1262.  
  1263. .photo-slideshow .count-3:nth-child(2) {
  1264. width:160px!important;
  1265. }
  1266. {/block:ifShow500pxposts}
  1267.  
  1268. {block:ifShow400pxposts}
  1269. .photo-slideshow .count-1 {
  1270. margin-bottom:4px!important;
  1271. width:400px;
  1272. }
  1273.  
  1274. .photo-slideshow .count-2 {
  1275. margin-left:4px!important;
  1276. margin-bottom:4px!important;
  1277. width:49%!important;
  1278. }
  1279.  
  1280. .photo-slideshow .count-2:first-child {
  1281. margin-left:0!important;
  1282. }
  1283.  
  1284. .photo-slideshow .count-3 {
  1285. margin-left:4px!important;
  1286. margin-bottom:4px!important;
  1287. width:32%!important;
  1288. }
  1289.  
  1290. .photo-slideshow .count-3:first-child {
  1291. margin-left:0!important;
  1292. }
  1293.  
  1294. .photo-slideshow .count-3:nth-child(2) {
  1295. width:32%!important;
  1296. }
  1297. {/block:ifShow400pxposts}
  1298.  
  1299.  
  1300.  
  1301. /* permalink and notes */
  1302.  
  1303.  
  1304. .info {
  1305. {block:ifShow540pxposts}
  1306. width:540px;
  1307. {/block:ifShow540pxposts}
  1308. {block:ifShow500pxposts}
  1309. width:500px;
  1310. {/block:ifShow500pxposts}
  1311. {block:ifShow400pxposts}
  1312. width:400px;
  1313. {/block:ifShow400pxposts}
  1314. font-style:{select:Date Font Style};
  1315. font-size:{text:Date Font Size}px;
  1316. font-family:{select:Date Font};
  1317. letter-spacing:{text:Date Text Spacing}px;
  1318. word-spacing:{text:Date Word Spacing}px;
  1319. text-transform:{select:Date Text Transform};
  1320. background-color:{color:Posts Background};
  1321. border-top:{text:Border Size}px {select:Border Style} {color:Borders};
  1322. margin: 10px 0 0 0;
  1323. overflow: hidden;
  1324. text-align:center;
  1325. }
  1326.  
  1327. .info a {
  1328. color:{color:Body Link};
  1329. padding:3px;
  1330. font-weight:normal;
  1331. }
  1332.  
  1333. .info a:hover {
  1334. color:{color:Body Link Hover};
  1335. text-decoration:none;
  1336. }
  1337.  
  1338. .info2 {
  1339. {block:ifShow540pxposts}
  1340. width:540px;
  1341. {/block:ifShow540pxposts}
  1342. {block:ifShow500pxposts}
  1343. width:500px;
  1344. {/block:ifShow500pxposts}
  1345. {block:ifShow400pxposts}
  1346. width:400px;
  1347. {/block:ifShow400pxposts}
  1348. margin: 0 auto;
  1349. overflow: hidden;
  1350. }
  1351.  
  1352. .info3 {
  1353. overflow: hidden;
  1354. vertical-align:middle;
  1355. display: inline-block;
  1356. padding: 10px 5px 5px 5px;
  1357. box-sizing: border-box;
  1358. {block:ifShow540pxposts}
  1359. margin: 0 20px;
  1360. {/block:ifShow540pxposts}
  1361. {block:ifShow500pxposts}
  1362. margin: 0 15px;
  1363. {/block:ifShow500pxposts}
  1364. {block:ifShow400pxposts}
  1365. margin: 0 10px;
  1366. {/block:ifShow400pxposts}
  1367. }
  1368.  
  1369. .info4 {
  1370. display:block;
  1371. font-weight:{select:Date Font Weight};
  1372. }
  1373.  
  1374. .info4 a {
  1375. font-weight:normal;
  1376. }
  1377.  
  1378. .reblog {
  1379. color:{color:Body Text}!important;
  1380. }
  1381.  
  1382. .reblog a {
  1383. color:{color:Body Text}!important;
  1384. }
  1385.  
  1386. .reblog a:hover {
  1387. color:{color:Body Link Hover}!important;
  1388. }
  1389.  
  1390.  
  1391. .like-b {
  1392. position:relative;
  1393. display:inline-block;
  1394. height:1px;
  1395. line-height:1px;
  1396. overflow:;
  1397. margin-bottom:;color:{color:Body Text}!important;
  1398. font-weight:{select:Date Font Weight};
  1399. }
  1400.  
  1401. .like-b a {
  1402. color:{color:Body Text}!important;
  1403. }
  1404.  
  1405. .like-b a:hover {
  1406. color:{color:Body Link Hover}!important;
  1407. }
  1408.  
  1409. .like-b .like_button iframe {
  1410. position:absolute;
  1411. top:0;
  1412. left:0;
  1413. bottom:0;
  1414. right:0;
  1415. z-index:2;
  1416. opacity:0.000001;
  1417. }
  1418.  
  1419. .like-b .liked + .b {
  1420. font-weight:bold;
  1421. color:{color:Liked Text};
  1422. }
  1423.  
  1424. .like-b .liked + .b:after {
  1425. content:'d';
  1426. }
  1427.  
  1428.  
  1429. .tags .th {
  1430. font-size:8.2px;
  1431. color:{color:bold};
  1432. display:inline-block;
  1433. }
  1434.  
  1435.  
  1436. .tags {
  1437. margin-top:15px;
  1438. position:static;
  1439. letter-spacing:0px;
  1440. font-style:{select:Tags Font Style};
  1441. font-weight:{select:Tags Font Weight};
  1442. text-align:{select:Tags Position};
  1443. font-size:{text:Tags Font Size}px;
  1444. font-family:{select:Tags Font};
  1445. letter-spacing:{text:Tags Text Spacing}px;
  1446. word-spacing:{text:Tags Word Spacing}px;
  1447. text-transform:{select:Tags Text Transform};
  1448. }
  1449.  
  1450. .tags a {
  1451. margin:0 5px 0 4px;
  1452. background-color:none;
  1453. color:{color:Tags};
  1454. }
  1455.  
  1456. .tags a:hover {
  1457. text-decoration:none;
  1458. color:{color:Body Link Hover};
  1459. }
  1460.  
  1461.  
  1462.  
  1463. .postsnote {
  1464. position:relative;
  1465. {block:ifShow540pxposts}
  1466. width:540px;
  1467. {/block:ifShow540pxposts}
  1468. {block:ifShow500pxposts}
  1469. width:500px;
  1470. {/block:ifShow500pxposts}
  1471. {block:ifShow400pxposts}
  1472. width:400px;
  1473. {/block:ifShow400pxposts}
  1474. padding:25px;
  1475. margin:-25px 25px 25px 25px;
  1476. overflow:auto;
  1477. margin-bottom:55px;
  1478. background-color:{color:Posts Background};
  1479. {block:ifShowBorders}
  1480. outline: {text:Border Size}px {select:Border Style} {color:Borders};
  1481. {/block:ifShowBorders}
  1482. }
  1483.  
  1484. .postsnote ol, .notes-bottom ul {
  1485. margin: 5px;
  1486. padding: 0;
  1487. list-style: none;
  1488. }
  1489.  
  1490. .postsnote li {
  1491. width:45%;
  1492. padding: 2px 0 5px 10px;
  1493. margin:2px;
  1494. font-size: {text:Body Font Size}px;
  1495. font-family: {select:Body Font};
  1496. letter-spacing:{text:Body Text Spacing}px;
  1497. word-spacing:{text:Body Word Spacing}px;
  1498. float:left;
  1499. text-align:center;
  1500. }
  1501.  
  1502. .postsnote li img.avatar {
  1503. border:none;
  1504. margin:;
  1505. width:0;
  1506. padding:0;
  1507. }
  1508.  
  1509. .postsnote .note .action {
  1510. }
  1511.  
  1512. .postsnote .note .retags {
  1513. display:none;
  1514. visibility:hidden;
  1515. }
  1516.  
  1517. .postsnote blockquote {
  1518. display:none;
  1519. }
  1520.  
  1521. .more_notes_link {
  1522. list-style: none;
  1523. text-transform:uppercase;
  1524. letter-spacing:0.5px;
  1525. font-size:8px;
  1526. font-size: {text:Body Font Size}px;
  1527. font-family: {select:Body Font};
  1528. margin-top:10px;
  1529. font-weight:bold;
  1530. padding:3px;
  1531. border-top:{text:Border Size}px {select:Border Style} {color:Borders};
  1532. }
  1533.  
  1534.  
  1535.  
  1536.  
  1537.  
  1538.  
  1539.  
  1540. /* quote */
  1541.  
  1542. p.npf_quote {
  1543. font-size: {text:Body Font Size}px;
  1544. font-family: {select:Body Font};
  1545. }
  1546.  
  1547.  
  1548. .quote {
  1549. font-size:calc({text:Body Font Size}px + 3px);
  1550. font-family: {select:Body Font};
  1551. margin:5px 0;
  1552. padding:14px;
  1553. color:{color:Bold};
  1554. font-weight:bold;
  1555. text-transform:none;
  1556. line-height:120%;
  1557. text-align:center;
  1558. {block:ifShowCaptionBorder}
  1559. outline: {text:Border Size}px {select:Border Style} {color:Borders};
  1560. {/block:ifShowCaptionBorder}
  1561. }
  1562.  
  1563. .quote .sf {
  1564. font-size:8px;
  1565. color:{color:bold};
  1566. margin-left:1px;
  1567. display:inline-block;
  1568. vertical-align:bottom;
  1569. }
  1570.  
  1571.  
  1572. .source {
  1573. text-align:center;
  1574. font-size:{text:Body Font Size}px;
  1575. font-family: {select:Body Font};
  1576. color:{color:Body Link};
  1577. letter-spacing:0.5px;
  1578. text-transform:uppercase;
  1579. }
  1580.  
  1581. .source a.tumblr_blog {
  1582. font-size:{text:Body Font Size}px;
  1583. font-family: {select:Body Font};
  1584. color:{color:Body Link};
  1585. font-weight:normal;
  1586. line-height:auto;
  1587. margin:-1px;
  1588. font-style: none;
  1589. text-transform:uppercase;
  1590. border-bottom:0px solid {color:borders};
  1591. }
  1592.  
  1593.  
  1594.  
  1595.  
  1596.  
  1597.  
  1598.  
  1599. /* chat */
  1600.  
  1601. p.npf_chat {
  1602. font-size: {text:Body Font Size}px;
  1603. font-family: {select:Body Font};
  1604. }
  1605.  
  1606. .chat ol {
  1607. font-size: {text:Body Font Size}px;
  1608. font-family: {select:Body Font};
  1609. line-height:190%;
  1610. margin: 5px 0px 0px;
  1611. padding:5px 20px;
  1612. list-style:none;
  1613. {block:ifShowCaptionBorder}
  1614. outline: {text:Border Size}px {select:Border Style} {color:Borders};
  1615. {/block:ifShowCaptionBorder}
  1616. }
  1617.  
  1618. .lines {
  1619. display:block;
  1620. line-height:120%;
  1621. margin: -5px 0;
  1622. padding:5px 10px;
  1623. }
  1624.  
  1625. .label {
  1626. font-weight:bold;
  1627. text-transform:none;
  1628. font-size: {text:Body Font Size}px;
  1629. font-family: {select:Body Font};
  1630. letter-spacing:0px;
  1631. color:{color:Bold};
  1632. padding:5px;
  1633. }
  1634.  
  1635. .line.odd {
  1636. padding:4px;
  1637. margin-bottom:2px;
  1638. }
  1639.  
  1640. .line.even {
  1641. padding:4px;
  1642. margin-bottom:2px;
  1643. }
  1644.  
  1645.  
  1646.  
  1647.  
  1648.  
  1649.  
  1650.  
  1651. /* audio */
  1652.  
  1653. .player {
  1654. width:25px;
  1655. height:24px;
  1656. position:absolute;
  1657. left:10px;
  1658. top:calc(50% - 15px);
  1659. display:block;
  1660. overflow:hidden;
  1661. }
  1662.  
  1663. .hold {
  1664. text-align:left;
  1665. background:{color:background};
  1666. border:{text:Border Size}px {select:Border Style} {color:borders};
  1667. position:relative;
  1668. display:block;
  1669. min-height:24px;
  1670. padding:15px;
  1671. }
  1672.  
  1673. .audio_info {
  1674. vertical-align:middle;
  1675. line-height:12px;
  1676. margin-left:35px;
  1677. max-width:calc(100% - 35px);
  1678. }
  1679.  
  1680. .audio_info span {
  1681. white-space:nowrap;
  1682. overflow:hidden;
  1683. text-overflow:ellipsis;
  1684. display:block;
  1685. }
  1686.  
  1687. .hold .track {color:{color:title};}
  1688.  
  1689.  
  1690.  
  1691.  
  1692.  
  1693.  
  1694.  
  1695. /* asks */
  1696.  
  1697. .ask {
  1698. text-align:left;
  1699. margin: 5px 0px 0px;
  1700. padding:10px 20px;
  1701. }
  1702.  
  1703.  
  1704. .asker {
  1705. color:{color:Body Text};
  1706. font-size: {text:Body Font Size}px;
  1707. margin-right:2px;
  1708. padding-bottom:2px;
  1709. font-style: italic;
  1710. text-transform:lowercase;
  1711. border-bottom:{text:Border Size}px {select:Border Style} {color:borders};
  1712. }
  1713.  
  1714. .asker a {
  1715. color:{color:Body Text};
  1716. }
  1717.  
  1718. .asker a:hover {
  1719. color:{color:Body Link Hover};
  1720. }
  1721.  
  1722. .askquestion {
  1723. display:block;
  1724. margin-top:10px;
  1725. }
  1726.  
  1727.  
  1728.  
  1729.  
  1730.  
  1731.  
  1732.  
  1733. /* lists */
  1734. ul {
  1735. color:{color:Body Text};
  1736. margin:10px 0px 10px 0px;
  1737. }
  1738.  
  1739. li {
  1740. list-style:none;
  1741. margin:0px 0px 0px 8px;
  1742. }
  1743.  
  1744. ul li:before {
  1745. color:{color:Bold};
  1746. content:'\e083';
  1747. font-family:'saturnicons';
  1748. margin-right:6px;
  1749. font-size:7px;
  1750. display:inline-block;
  1751. vertical-align:middle;
  1752. position:relative;
  1753. }
  1754.  
  1755. ol {
  1756. color:{color:Body Text};
  1757. margin:10px 0px 10px 5px;
  1758. }
  1759.  
  1760.  
  1761.  
  1762.  
  1763.  
  1764.  
  1765.  
  1766. /* pagination */
  1767.  
  1768. .pagination {
  1769. text-align:center;
  1770. margin-top:-50px;
  1771. margin-bottom:20px;
  1772. text-transform:uppercase;
  1773. letter-spacing:1px;
  1774. font-size:calc({text:Body Font Size}px - 0.1px);
  1775. font-family: {select:Body Font};
  1776. }
  1777.  
  1778.  
  1779. .pagination a {
  1780. padding:5px;
  1781. }
  1782.  
  1783. .pagination a:hover {
  1784. color:{color:Body Link Hover};
  1785. }
  1786.  
  1787. .current_page {
  1788. color:{color:Bold};
  1789. font-weight:bold;
  1790. font-size:calc({text:Body Font Size}px + 2px);
  1791. }
  1792.  
  1793. .jump_page {
  1794. color:{color:Body Text};
  1795. }
  1796.  
  1797. footer {
  1798. {block:ifShow540pxposts}
  1799. width:540px;
  1800. {/block:ifShow540pxposts}
  1801. {block:ifShow500pxposts}
  1802. width:500px;
  1803. {/block:ifShow500pxposts}
  1804. {block:ifShow400pxposts}
  1805. width:400px;
  1806. {/block:ifShow400pxposts}
  1807. text-align:center;
  1808. color:{color:Body Text};
  1809. background-color:{color:Posts Background};
  1810. }
  1811.  
  1812. footer a {
  1813. color:{color:Body Text};
  1814. }
  1815.  
  1816. footer .sf {
  1817. font-size:8px;
  1818. margin-top:2px;
  1819. }
  1820.  
  1821. footer span {
  1822. text-align:center;
  1823. display:inline-block;
  1824. }
  1825.  
  1826.  
  1827. /* DO NOT REMOVE */
  1828.  
  1829. .credito {
  1830. position:fixed;
  1831. right:5px;
  1832. bottom:18px;
  1833. padding:5px;
  1834. border:{text:Border Size}px {select:Border Style} {color:Borders};
  1835. background-color: {color:Posts Background};
  1836. }
  1837.  
  1838. .credito .th {
  1839. font-size:20px;
  1840. }
  1841.  
  1842. .credito a {
  1843. text-transform:lowercase;
  1844. text-align:center;
  1845. font-size:10px;
  1846. font-family:'Open Sans', Calibri, sans-serif;
  1847. color:{color:Body Text};
  1848. padding:3px;
  1849. font-style:normal;
  1850. padding:3px;
  1851. -moz-transition-duration:0.5s;
  1852. -webkit-transition-duration:0.5s;
  1853. -o-transition-duration:0.5s;
  1854. }
  1855.  
  1856.  
  1857. /* updates tab */
  1858.  
  1859. #updates_navicon {
  1860. position:fixed;
  1861. z-index:9999999999999999999;
  1862. right:20px; top:70px;
  1863. }
  1864.  
  1865. #updates {
  1866. position:fixed;
  1867. right:35px; top:70px;
  1868. width:180px;
  1869. height:auto;
  1870. padding:5px 8px 5px 5px;
  1871. text-align:justify;
  1872. z-index:9999999999999999999;
  1873. border:1px solid {color:Updates Tab Border};
  1874. background-color:{color:Updates Tab BG};
  1875. {block:ifRevealUpdatesTabonclick}display:none;{/block:ifRevealUpdatesTabonclick}
  1876. }
  1877.  
  1878. #updates a, #updates a:visited {
  1879. color:{color:Updates Tab Link};
  1880. text-decoration:none;
  1881. border-bottom:1px solid {color:Updates Tab Link Border};
  1882. -webkit-transition-duration: .5s;
  1883. -moz-transition-duration: .5s;
  1884. -o-transition-duration: .5s;
  1885. transition-duration: .5s;
  1886. }
  1887.  
  1888. #updates a:hover {
  1889. color:{color:Updates Tab Link Hover};
  1890. text-decoration:none;
  1891. -webkit-transition-duration: .5s;
  1892. -moz-transition-duration: .5s;
  1893. -o-transition-duration: .5s;
  1894. transition-duration: .5s;
  1895. }
  1896.  
  1897. #updates ul {list-style-type:none; margin:0 0 0 -40px;}
  1898.  
  1899. #updates ul > li:before {content:'—'; margin-right:5px;}
  1900.  
  1901. #updates ul > li li:before {margin-left:10px;}
  1902.  
  1903. .ui {display:inline-block;}
  1904.  
  1905. .updates_icon {text-align:center; display:table;}
  1906.  
  1907. @keyframes spin {to{transform:rotateZ(720deg)}}
  1908.  
  1909. .iconwrap:hover > i {animation:spin 3000ms;}
  1910.  
  1911. .iconspin {display:inline-block; transform-origin:50% 50%;}
  1912.  
  1913. #updates .fa:not(.fa-navicon) {
  1914. display:table-cell;
  1915. vertical-align:middle;
  1916. width:10px;
  1917. height:10px;
  1918. background-color:{color:Updates Tab Accent};
  1919. padding:8px;
  1920. color:{color:Updates Tab Icons};
  1921. font-size:10px;
  1922. -webkit-border-radius:20px;
  1923. -moz-border-radius:20px;
  1924. border-radius:20px;
  1925. }
  1926.  
  1927. #updates_navicon .fa-navicon {font-size:15px;}
  1928.  
  1929. .updates_title {
  1930. display:inline-block;
  1931. margin-left:-6px;
  1932. margin-top:4px;
  1933. width:80%;
  1934. padding-left:8px;
  1935. vertical-align:top;
  1936. font:bold 13px {select:Updates Tab Title};
  1937. letter-spacing:1px;
  1938. text-transform:lowercase;
  1939. border-bottom:1px solid {color:Updates Tab Accent};
  1940. color:{color:Updates Tab Title};
  1941. }
  1942.  
  1943. .updates_title:after, .container_content:last-of-type:after {
  1944. content:'';
  1945. width:6px;
  1946. height:6px;
  1947. background-color:{color:Updates Tab Accent};
  1948. -webkit-border-radius:20px;
  1949. -moz-border-radius:20px;
  1950. border-radius:20px;
  1951. }
  1952.  
  1953. .updates_title:after {
  1954. position:absolute;
  1955. right:0;
  1956. margin:13px 10px 0 0;
  1957. }
  1958.  
  1959. .container_content {
  1960. display:block;
  1961. border-left:1px solid {color:Updates Tab Accent};
  1962. margin-left:12px;
  1963. margin-top:-6px;
  1964. padding:0 2px;
  1965. }
  1966.  
  1967. .container_content:last-of-type {margin-bottom:-2px;}
  1968.  
  1969. .container_content:last-of-type:after {
  1970. display:block;
  1971. margin-left:-5px;
  1972. margin-top:-9px;
  1973. }
  1974.  
  1975. .updates_content {
  1976. padding:8px 2px 10px 7px;
  1977. font:9px {select:Updates Tab Content};
  1978. text-transform:uppercase;
  1979. letter-spacing:1px;
  1980. color:{color:Updates Tab Content};
  1981. }
  1982.  
  1983.  
  1984. {CustomCSS}
  1985.  
  1986. </style>
  1987. </head>
  1988.  
  1989.  
  1990. <body>
  1991.  
  1992. <div id="updates_navicon"><i class="fa fa-navicon" aria-hidden="true"></i></div>
  1993. <div id="updates">
  1994.  
  1995.  
  1996. <!---------------
  1997.  
  1998. 1. To install a new icon, visit https://fontawesome.io/icons/ and paste the name of your chosen icon over an existing one in the code, e.g. 'bookmark', 'clock-o', etc. I highly suggest choosing icons that have approximately the same width and height, otherwise they will have different background shapes = not pretty.
  1999.  
  2000. 2. To create a new section, copy everything between "<!-- section 1 -- >" and "<!-- end section 1 -- >" and paste it right after "<!-- end section 6 -- >"
  2001.  
  2002. --------------->
  2003.  
  2004.  
  2005. <!-- section 1 -->
  2006. <div class="ui"><div class="updates_icon iconwrap">
  2007. <i class="fa fa-star fa-fw iconspin" aria-hidden="true"></i>
  2008. </div></div>
  2009. <div class="updates_title">
  2010. hello friends. <!-- your title here -->
  2011. </div>
  2012. <div class="container_content"><div class="updates_content">
  2013. <li>6 wks until exams...wish me luck!</li>
  2014.  
  2015. <!-- your text here -->
  2016. </div></div>
  2017. <!-- end section 1 -->
  2018.  
  2019.  
  2020. <!--section 2-->
  2021. <div class="ui"><div class="updates_icon iconwrap">
  2022. <i class="fa fa-bookmark fa-fw iconspin" aria-hidden="true"></i>
  2023. </div></div>
  2024. <div class="updates_title">
  2025. currently reading. <!-- your title here -->
  2026. </div>
  2027. <div class="container_content"><div class="updates_content">
  2028.  
  2029.  
  2030. <li><a href="https://www.goodreads.com/book/show/36307634-king-of-scars">King of Scars</a><small><br>&nbsp;&nbsp;&nbsp;&nbsp;<i> by Leigh Bardugo</i></small></li>
  2031.  
  2032.  
  2033. </div></div>
  2034.  
  2035.  
  2036. <!--section 3-->
  2037. <div class="ui"><div class="updates_icon iconwrap">
  2038. <i class="fa fa-book fa-fw iconspin" aria-hidden="true"></i>
  2039. </div></div>
  2040. <div class="updates_title">
  2041. favourite reviews. <!-- your title here -->
  2042. </div>
  2043. <div class="container_content"><div class="updates_content">
  2044.  
  2045.  
  2046.  
  2047. <li><a href="https://literarystorm.tumblr.com/post/157267331434/title-a-handmaids-tale-author-margaret-atwood">A Handmaid's Tale</a><br>&nbsp;&nbsp;&nbsp;&nbsp;<small><i>by Margaret Atwood</i></small></li>
  2048. <li><a href="https://literarystorm.tumblr.com/post/158652583669/title-uprooted-author-naomi-novik">Uprooted</a><br>&nbsp;&nbsp;&nbsp;&nbsp;<small><i>by Naomi Novik</i></small></li>
  2049. <li><a href="https://literarystorm.tumblr.com/post/177606333569/title-eggshell-skull-author-bri-lee-genre">Eggshell Skull</a><br>&nbsp;&nbsp;&nbsp;&nbsp;<small><i>by Bri Lee </i></small></li>
  2050.  
  2051.  
  2052.  
  2053.  
  2054.  
  2055. </div></div>
  2056.  
  2057.  
  2058. <!--section 4-->
  2059. <div class="ui"><div class="updates_icon iconwrap">
  2060. <i class="fa fa-signal fa-fw iconspin" aria-hidden="true"></i>
  2061. </div></div>
  2062. <div class="updates_title">
  2063. stats. <!-- your title here -->
  2064. </div>
  2065.  
  2066. <div class="container_content"><div class="updates_content">
  2067.  
  2068. <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5343168";
  2069. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  2070. fhs.src = "//s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  2071. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  2072. </script>&nbsp;reader/s
  2073.  
  2074. <br><br><script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3164775";
  2075. fhsh.src = "//s1.freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=&a=1";
  2076. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  2077. </script>&nbsp;curious visits<!-- your text here -->
  2078.  
  2079.  
  2080. </div></div>
  2081.  
  2082. <!--reading challenge on goodreads-->
  2083.  
  2084. <div id="gr_challenge_8863" style="border: 2px solid #f8eeef; border-radius:10px; padding: 0px 7px 0px 7px; max-width:230px; min-height: 100px">
  2085. <div id="gr_challenge_progress_body_8863" style="font-size: 10px; font-family: muli;text-transform: uppercase;line-height: 15px">
  2086. <h3 style="margin: 4px 0 10px; font-weight: normal; text-align: center">
  2087. <a style="text-decoration: none; font-family: muli;font-style:italic; font-size: 1.1em" rel="nofollow" href="https://www.goodreads.com/challenges/8863-2019-reading-challenge">2019 Reading Challenge</a>
  2088. </h3>
  2089. <div class="challengePic">
  2090. <a rel="nofollow" href="https://www.goodreads.com/challenges/8863-2019-reading-challenge"><img alt="2019 Reading Challenge" style="float:left; margin-right: 10px; border: 0 none" src="https://images.gr-assets.com/challenges/1542320733p2/8863.jpg" /></a>
  2091. </div>
  2092. <div>
  2093. <a rel="nofollow" href="https://www.goodreads.com/user/show/56306556-samantha">Samantha</a> has
  2094. read 2 books toward
  2095. her goal of
  2096. 20 books.
  2097. </div>
  2098. <div style="width: 100px; margin: 4px 5px 5px 0; float: left; border: 1px solid #382110; height: 8px; overflow: hidden; background-color: #FFF">
  2099. <div style="width: 10%; background-color: #D7D2C4; float: left"><span style="visibility:hidden">hide</span></div>
  2100. </div>
  2101. <div style="font-family: arial, verdana, helvetica, sans-serif;font-size:90%">
  2102. <a rel="nofollow" href="https://www.goodreads.com/user_challenges/16167073">2 of 20 (10%)</a>
  2103. </div>
  2104. <div style="text-align: right;">
  2105. <a style="text-decoration: none; font-size: 10px;" rel="nofollow" href="https://www.goodreads.com/user_challenges/16167073">view books</a>
  2106. </div>
  2107. </div>
  2108. <script src="https://www.goodreads.com/user_challenges/widget/56306556-samantha?challenge_id=8863&v=2"></script>
  2109. </div>
  2110.  
  2111.  
  2112.  
  2113.  
  2114. </div></div>
  2115. </div>
  2116.  
  2117. <div class="container">
  2118. <header class="sidebar">
  2119. {block:IfShowTitle}
  2120. <div class="title">
  2121. {text:Title}
  2122. </div>
  2123. {/block:IfShowTitle}
  2124. {block:IfShowSidebarImage}
  2125. <a href="/"><div class="sidebarimage">
  2126. <img src="{image:sidebar}">
  2127. </div></a>
  2128. {/block:IfShowSidebarImage}
  2129. <nav class="sidebarlinks">
  2130.  
  2131. {block:ifShowIndex}
  2132. <a href="{text:Index URL}">{text:Index Text}</a>
  2133. {/block:ifShowIndex}
  2134.  
  2135. {block:ifShowAsk}
  2136. <a href="{text:Ask URL}">{text:Ask Text}</a>
  2137. {block:ifShowAsk}
  2138.  
  2139. ::
  2140.  
  2141. {block:ifShowLink1}
  2142. <a href="{text:Link 1 URL}">{text:Link 1 Text}</a>
  2143. {/block:IfShowLink1}
  2144.  
  2145. {block:ifShowLink2}
  2146. <a href="{text:Link 2 URL}">{text:Link 2 Text}</a>
  2147. {/block:IfShowLink2}
  2148.  
  2149. {block:ifShowLink3}
  2150. <a href="{text:Link 3 URL}">{text:Link 3 Text}</a>
  2151. {/block:IfShowLink3}
  2152.  
  2153. {block:ifShowLink4}
  2154. <a href="{text:Link 4 URL}">{text:Link 4 Text}</a>
  2155. {/block:IfShowLink4}
  2156. </nav>
  2157.  
  2158. <div class="sidebarcontentborder"></div>
  2159. <span style="clear:both;"></span>
  2160.  
  2161.  
  2162. <div class="description">
  2163. {Description}
  2164.  
  2165. <p><li style="margin:5px;display:inline-block;">
  2166. <a href="https://www.instagram.com/smnthlejeune/"><img src="https://cdn3.iconfinder.com/data/icons/free-social-icons/67/instagram_circle_black-512.png"title="Instagram" width="25" height="25"></a>
  2167. </li>
  2168. <li style="margin:5px;display:inline-block;">
  2169. <a href="https://www.goodreads.com/user/show/56306556-samantha"><img src="https://cdn4.iconfinder.com/data/icons/miu-black-social-2/60/goodreads-512.png"title="Goodreads" width="23" height="23"></a>
  2170. </li>
  2171. <li style="margin:5px;display:inline-block;">
  2172. <a href="https://twitter.com/thesxmxnthx"><img src="https://cdn3.iconfinder.com/data/icons/free-social-icons/67/twitter_circle_black-512.png"title="Twitter" width="25" height="25"></a>
  2173. </li></p>
  2174.  
  2175.  
  2176. <div class="sidebarcontentborder"></div>
  2177. <span style="clear:both;"></span>
  2178.  
  2179. <p><center><div id="pagination">
  2180. {block:Pagination}
  2181. {block:PreviousPage} <a href="{PreviousPage}">back</a> {/block:PreviousPage}
  2182. {block:NextPage} :: <a href="{NextPage}">next</a>{/block:NextPage}
  2183. {/block:Pagination}
  2184. </div></center></p>
  2185. </div>
  2186. </header>
  2187.  
  2188. <section class="postscontainer" id="{PostID}">
  2189. {block:posts}
  2190. <article class="posts {block:caption}captioned{/block:caption} id="{PostID}>
  2191.  
  2192. {block:Text}
  2193. {block:Title}<h2>{Title}</h2>{/block:Title}
  2194. <div class="caption">
  2195. {Body}
  2196. </div>
  2197. {/block:Text}
  2198.  
  2199.  
  2200. {block:Quote}
  2201. <div class="quote">{quote} <span class="sf sf-quotation-mark"></span></div>
  2202. {block:Source}<div class="source">{source}</div>{/block:Source}
  2203. {/block:Quote}
  2204.  
  2205.  
  2206.  
  2207. {block:Link}
  2208. <h2><a href="{URL}">{Name}</a></h2>
  2209. <div class="caption">
  2210. {block:Description}{Description}{/block:Description}
  2211. </div>
  2212. {/block:Link}
  2213.  
  2214.  
  2215. {block:Chat}
  2216. {block:Title}<h2>{Title}</h2>{/block:Title}
  2217. <div class="chat">
  2218. <ol>{block:Lines}
  2219. <li class="line {Alt}">
  2220. {block:Label}
  2221. <span class="label">{Label}</span>
  2222. {/block:Label} <span class="lines">{Line}</span></li>
  2223. {/block:Lines}
  2224. </ol></div>{/block:Chat}
  2225.  
  2226.  
  2227. {block:Photo}
  2228. {linkopentag}
  2229. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  2230. {linkclosetag}
  2231. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  2232. {/block:Photo}
  2233.  
  2234.  
  2235. {block:Photoset}
  2236. <div class="set"><center><div class="pxu"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}
  2237. <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>
  2238. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  2239. {/block:Photoset}
  2240.  
  2241.  
  2242. {block:Video}<div class="video">{Video-500}</div>
  2243. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  2244. {/block:Video}
  2245.  
  2246. {block:Audio}
  2247. {block:audioplayer}
  2248. <div class="hold">
  2249. <div class="player">{audioplayerwhite}</div>
  2250. <div class="audio_info">
  2251. {block:trackname}<span class="track">{trackname}</span>{/block:trackname}
  2252. {block:artist}<span class="artist">{artist}</span>{/block:artist}
  2253. </div>
  2254. </div>
  2255. {/block:audioplayer}
  2256. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  2257. {/block:Audio}
  2258.  
  2259.  
  2260. {block:Answer}
  2261. <div class="ask">
  2262. <span class="asker">{Asker} asked</span>
  2263. <span class="askquestion">
  2264. {question}
  2265. </span>
  2266. </div>
  2267. <div class="caption">
  2268. <div class="answer">{Answer}</div>
  2269. </div>
  2270. {/block:Answer}
  2271.  
  2272.  
  2273. {block:Date}
  2274. <div class="info">
  2275. <div class="info2">
  2276.  
  2277. <div class="info3">
  2278. <a href="{Permalink}"><span class="time-ago">{TimeAgo}</span></a>
  2279. <div class="info4">Posted
  2280. </div>
  2281. </div>
  2282.  
  2283.  
  2284. <div class="info3">
  2285. <div class="info4">
  2286. <a href="{ReblogURL}" target="_blank" class="reblog">reblog</a>
  2287. </div>
  2288.  
  2289. <div class="info4">
  2290. <a class="like-b" href="#">{LikeButton}<span class="b">like</span></a>
  2291. </div>
  2292. </div>
  2293.  
  2294.  
  2295. {block:RebloggedFrom}
  2296. <div class="info3">
  2297. <div class="info4">
  2298. <a href="{ReblogParentURL}">{ReblogParentName}</a>
  2299. </div>
  2300. {block:ContentSource}
  2301. <div class="info4">
  2302. <a href="{ReblogRootURL}">{ReblogRootName}</a>
  2303. </div>
  2304. {/block:ContentSource}
  2305. </div>
  2306. {/block:RebloggedFrom}
  2307.  
  2308.  
  2309. <div class="info3">
  2310. <a href="{Permalink}"><span class="notecount">{NoteCount}</span></a>
  2311. <div class="info4">Notes
  2312. </div>
  2313. </div>
  2314.  
  2315. </div>
  2316. </div>
  2317. {/block:Date}
  2318.  
  2319.  
  2320. {block:HasTags}
  2321. <div class="tags">
  2322. {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
  2323. </div>
  2324. <div class="bordertags"></div>
  2325. <span style="clear:both;"></span>
  2326. {/block:HasTags}
  2327. </article>
  2328.  
  2329. {block:PostNotes}
  2330. <article class="postsnote">
  2331. {PostNotes}
  2332. </article>
  2333. {/block:PostNotes}
  2334.  
  2335. {/block:Posts}
  2336.  
  2337.  
  2338. </section>
  2339.  
  2340.  
  2341. </div>
  2342. <script>
  2343. $(document).ready(function(){
  2344. $('body').tooltip({track:true});
  2345. $('iframe.tumblr_audio_player').load( function() {
  2346. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:background} !important} </style>"));
  2347. });
  2348. });
  2349. </script>
  2350.  
  2351. <script type="text/javascript">
  2352. var $container = $('.postscontainer');
  2353. $container.find('.notecount').each(function(){
  2354. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  2355. if (n > 999) {
  2356. n = Math.floor(n / 100) / 10;
  2357. $(this).text(n + 'k');
  2358. }
  2359. });
  2360. </script>
  2361.  
  2362. <div class="credito">
  2363. <a href="javascript:;" id="scrollToTop"><span style="font-size:8px;">
  2364. <span class="sf sf-chevron-up"></span></span></a>
  2365. <a href="http://tylergaciaposey.tumblr.com/">tylergaciaposey</a>
  2366. </div>
  2367.  
  2368. {block:ifShowCustomControls}
  2369. <div class="hcontrols"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M106.6,134c14.3,0,26-11.7,26-26s-11.7-26-26-26s-26,11.7-26,26S92.2,134,106.6,134z M106.6,94c7.7,0,14,6.3,14,14s-6.3,14-14,14s-14-6.3-14-14S98.9,94,106.6,94z M40.4,124.6l7.2,3.3c3,1.4,4.4,4.8,3.3,7.9l-2.8,7.4c-2.1,5.7-1.4,11.8,2.1,16.7c3.4,5,9,7.9,15,7.9c2.2,0,4.4-0.4,6.5-1.2l7.4-2.8c0.7-0.3,1.4-0.4,2.2-0.4c2.4,0,4.7,1.4,5.7,3.7l3.3,7.2c3,6.6,9.4,10.7,16.6,10.7s13.6-4.1,16.6-10.7l3.3-7.2c1-2.2,3.2-3.7,5.7-3.7c0.7,0,1.5,0.1,2.2,0.4l7.4,2.8c2.1,0.8,4.3,1.2,6.5,1.2c0,0,0,0,0,0c5.9,0,11.5-3,15-7.9c3.4-5,4.2-11.1,2.1-16.7l-2.8-7.4c-1.1-3.1,0.3-6.5,3.3-7.9l7.2-3.3c6.6-3,10.7-9.4,10.7-16.6s-4.1-13.6-10.7-16.6l-7.2-3.3c-3-1.4-4.4-4.8-3.3-7.9l2.8-7.4c2.1-5.7,1.4-11.8-2.1-16.7c-3.4-5-9-7.9-15-7.9c-2.2,0-4.4,0.4-6.5,1.2l-7.4,2.8c-0.7,0.3-1.4,0.4-2.2,0.4c-2.4,0-4.7-1.4-5.7-3.7l-3.3-7.2c-3-6.6-9.4-10.7-16.6-10.7S93,35.2,90,41.8l-3.3,7.2c-1,2.2-3.2,3.7-5.7,3.7c-0.7,0-1.5-0.1-2.2-0.4l-7.4-2.8c-2.1-0.8-4.3-1.2-6.5-1.2c-5.9,0-11.5,3-15,7.9c-3.4,5-4.2,11.1-2.1,16.7l2.8,7.4c1.1,3.1-0.3,6.5-3.3,7.9l-7.2,3.3c-6.6,3-10.7,9.4-10.7,16.6S33.8,121.6,40.4,124.6z M45.3,102.3l7.2-3.3c8.7-4,12.9-14.1,9.5-23l-2.8-7.4c-1-2.7,0-4.7,0.7-5.7c1.6-2.4,4.6-3.4,7.4-2.3l7.4,2.8c2.1,0.8,4.2,1.2,6.4,1.2c0,0,0,0,0,0c7.1,0,13.6-4.2,16.6-10.7l3.3-7.2c1.5-3.4,4.7-3.7,5.7-3.7s4.1,0.3,5.7,3.7l3.3,7.2c3,6.5,9.5,10.7,16.6,10.7c2.2,0,4.3-0.4,6.4-1.2l7.4-2.8c2.8-1,5.7,0,7.4,2.3c0.7,1,1.7,3,0.7,5.7l-2.8,7.4c-3.3,8.9,0.8,19,9.5,23l7.2,3.3c3.4,1.5,3.7,4.7,3.7,5.7s-0.3,4.1-3.7,5.7l-7.2,3.3c-8.7,4-12.9,14.1-9.5,23l2.8,7.4c1,2.7,0,4.7-0.7,5.7c-1.6,2.4-4.6,3.4-7.4,2.3l-7.4-2.8c-2.1-0.8-4.2-1.2-6.4-1.2c-7.1,0-13.6,4.2-16.6,10.7l-3.3,7.2c-1.5,3.4-4.7,3.7-5.7,3.7s-4.1-0.3-5.7-3.7l-3.3-7.2c-3-6.5-9.5-10.7-16.6-10.7c-2.2,0-4.3,0.4-6.4,1.2l-7.4,2.8c-2.8,1-5.7,0-7.4-2.3c-0.7-1-1.7-3-0.7-5.7l2.8-7.4c3.3-8.9-0.8-19-9.5-23l-7.2-3.3c-3.4-1.5-3.7-4.7-3.7-5.7S41.9,103.9,45.3,102.3z"/></svg></div>
  2370. {/block:ifShowCustomControls}
  2371.  
  2372. {block:ContentSource}
  2373. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  2374. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  2375. {/block:SourceLogo}
  2376. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  2377. {/block:ContentSource}
  2378. </div>
  2379. </div>
  2380. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!