API tools faq
paste
Advertisement
celestyl

fog theme

celestyl
Dec 17th, 2015 (edited)
6,208
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.74 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <meta charset="UTF-8">
  4.  
  5. <!--
  6. FOG THEME © EMI
  7. ----------------------------------------------------------
  8. > do not repost my code, steal parts of it or use as a base
  9. > do not remove or alter credit in any way
  10. > if you find bugs please let me know
  11. ----------------------------------------------------------
  12. -->
  13.  
  14. <head>
  15.  
  16. <title>{Title}</title>
  17. <link rel="shortcut icon" href="{Favicon}"/>
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20.  
  21. <meta name="image:BgImg" content=""/>
  22. <meta name="image:SidebarImg" content=""/>
  23. <meta name="image:CustomCursor" content=""/>
  24. <meta name="image:CustomCursorHover" content=""/>
  25. <meta name="image:CornerImg" content=""/>
  26.  
  27. <meta name="color:Bg" content="#f9f9fb">
  28. <meta name="color:PostBg" content="#ffffff">
  29. <meta name="color:Border" content="#000000">
  30. <meta name="color:Text" content="#000000">
  31. <meta name="color:Link" content="#000000">
  32. <meta name="color:LinkHover" content="#000000">
  33. <meta name="color:LinkHoverShadow" content="#78777e">
  34. <meta name="color:Blockquote" content="#000000">
  35. <meta name="color:SelectionBg" content="#ffffe2">
  36. <meta name="color:SelectionText" content="#000000">
  37. <meta name="color:WebkitScrollbarThumb" content="#afacc9">
  38. <meta name="color:WebkitScrollbarTrack" content="#f9f9fb">
  39.  
  40. <meta name="if:250px" content="">
  41. <meta name="if:270px" content="1">
  42. <meta name="if:300px" content="">
  43. <meta name="if:350px" content="">
  44. <meta name="if:SidebarImgBorder" content="">
  45. <meta name="if:DescriptionBorder" content="">
  46. <meta name="if:HideDescription" content="">
  47. <meta name="if:HideCaptions" content="">
  48. <meta name="if:BreakNavlinks" content="1">
  49. <meta name="if:HideViaSrcReblog" content="">
  50. <meta name="if:RoundEdges" content="1">
  51. <meta name="if:InfiniteScroll" content="1">
  52. <meta name="if:WebkitScrollbar" content="1">
  53. <meta name="if:BgCover" content="">
  54. <meta name="if:CrosshairCursor" content="">
  55. <meta name="if:CustomCursor" content="">
  56. <meta name="if:UnderlineCaptionLinks" content="">
  57. <meta name="if:DisableLinkHoverShadow" content="">
  58. <meta name="if:WhiteAudioPlayer" content="1">
  59. <meta name="if:BlackAudioPlayer" content="">
  60.  
  61. <meta name="text:BodyFontSize" content="9">
  62. <meta name="text:HeadersFontSize" content="16">
  63. <meta name="text:FooterFontSize" content="9">
  64. <meta name="text:DescriptionFontSize" content="9">
  65. <meta name="text:NavlinkFontSize" content="9">
  66. <meta name="text:PaginationFontSize" content="16">
  67. <meta name="text:LetterSpacing" content="0">
  68. <meta name="text:SidebarMarginTop" content="100">
  69. <meta name="text:ViaText" content="re:" />
  70. <meta name="text:SourceText" content="src:" />
  71. <meta name="text:ReblogText" content="reblog?" />
  72. <meta name="text:TagSymbol" content="#" />
  73. <meta name="text:Divider" content=">" />
  74. <meta name="text:Link1Name" content="link 1">
  75. <meta name="text:Link1URL" content="/">
  76. <meta name="text:Link2Name" content="link 2">
  77. <meta name="text:Link2URL" content="/">
  78. <meta name="text:Link3Name" content="link 3">
  79. <meta name="text:Link3URL" content="/">
  80. <meta name="text:Link4Name" content="link 4">
  81. <meta name="text:Link4URL" content="/">
  82. <meta name="text:Link5Name" content="link 5">
  83. <meta name="text:Link5URL" content="/">
  84. <meta name="text:CornerImgSize" content="">
  85.  
  86. <meta name="select:Font" content="courier new" title="Courier">
  87. <meta name="select:Font" content="helvetica, arial" title="Helvetica">
  88. <meta name="select:Font" content="consolas, monospace" title="Consolas">
  89. <meta name="select:Font" content="dotum, gulim" title="Dotum">
  90. <meta name="select:Font" content="dotumche, gulimche" title="DotumChe">
  91. <meta name="select:Font" content="gulim, dotum" title="Gulim">
  92. <meta name="select:Font" content="gulimche, dotumche" title="GulimChe">
  93. <meta name="select:Font" content="tahoma, sans-serif" title="Tahoma">
  94. <meta name="select:Font" content="verdana, geneva" title="Verdana">
  95. <meta name="select:BorderStyle" content="1px dashed" title="Dashed">
  96. <meta name="select:BorderStyle" content="1px dotted" title="Dotted">
  97. <meta name="select:BorderStyle" content="1px solid" title="Solid">
  98. <meta name="select:BorderStyle" content="double" title="Double">
  99. <meta name="select:BlockquoteStyle" content="1px solid" title="1px Solid">
  100. <meta name="select:BlockquoteStyle" content="3px solid" title="3px Solid">
  101. <meta name="select:BlockquoteStyle" content="1px dashed" title="Dashed">
  102. <meta name="select:BlockquoteStyle" content="1px dotted" title="Dotted">
  103. <meta name="select:BlockquoteStyle" content="double" title="Double">
  104. <meta name="select:FooterStyle" content="none" title="Normal">
  105. <meta name="select:FooterStyle" content="lowercase" title="Lowercase">
  106. <meta name="select:FooterStyle" content="uppercase" title="Uppercase">
  107. <meta name="select:TooltipStyle" content="lowercase" title="Lowercase">
  108. <meta name="select:TooltipStyle" content="uppercase" title="Uppercase">
  109. <meta name="select:CreditPosition" content="right" title="Right">
  110. <meta name="select:CreditPosition" content="left" title="Left">
  111. <meta name="select:CornerImgPosition" content="right" title="Right">
  112. <meta name="select:CornerImgPosition" content="left" title="Left">
  113.  
  114. {block:ifInfiniteScroll}
  115. <script type="text/javascript" src="http://yourjavascript.com/21212225154/esz.js"></script>
  116. {/block:ifInfiniteScroll}
  117.  
  118. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  119. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  120. <script>
  121. (function($){
  122. $(document).ready(function(){
  123. $("a[title]").style_my_tooltips({
  124. tip_follows_cursor:true,
  125. tip_delay_time:90,
  126. tip_fade_speed:600,
  127. attribute:"title"
  128. });
  129. });
  130. })(jQuery);
  131. </script>
  132. <!--- --->
  133.  
  134. <!-- PXU PHOTOSET -->
  135. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  136. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  137. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  138.  
  139. <style type="text/css">
  140.  
  141. html {
  142. word-wrap: break-word;
  143. }
  144. #tumblr_lightbox img {
  145. border-radius:0 !important;
  146. }
  147. tooltip {
  148. display: inline;
  149. position: relative;
  150. }
  151. #s-m-t-tooltip {
  152. max-width: 300px;
  153. margin: 22px 7px -2px 22px;
  154. padding: 4px;
  155. background-color: {color:PostBg};
  156. color: {color:Text};
  157. text-align: center;
  158. text-transform: {select:FooterStyle};
  159. font-size: {text:FooterFontSize}px;
  160. letter-spacing: {text:LetterSpacing}px;
  161. z-index: 999999999999999999999999999999999999;
  162. border: {select:BorderStyle} {color:Border};
  163. {block:ifRoundEdges}
  164. border-radius: 3px;
  165. {/block:ifRoundEdges}
  166. }
  167. {block:ifWebkitScrollbar}
  168. ::-webkit-scrollbar {
  169. width: 3px;
  170. height: 8px;
  171. } ::-webkit-scrollbar-thumb {
  172. background-color: {color:WebkitScrollbarThumb};
  173. } ::-webkit-scrollbar-track {
  174. background-color: {color:WebkitScrollbarTrack};
  175. }
  176. {/block:ifWebkitScrollbar}
  177. ::selection {
  178. background-color: {color:SelectionBg};
  179. color: {color:SelectionText};
  180. } ::-moz-selection{
  181. background-color: {color:SelectionBg};
  182. color: {color:SelectionText};
  183. }
  184. /* --- DO NOT EDIT --- */
  185. #c {
  186. position: fixed;bottom: 12px;{select:CreditPosition}: 12px;font-family: helvetica, arial;font-size: 12px;z-index: 1;}#c a {text-decoration: none;}
  187. /* ------------------ */
  188. body {
  189. background-image: url({image:BgImg});
  190. background-attachment: fixed;
  191. background-size: repeat;
  192. {block:ifBgCover}
  193. background-size: cover;
  194. {/block:ifBgCover}
  195. background-color: {color:Bg};
  196. color: {color:Text};
  197. font-family: {select:Font};
  198. font-size: {text:BodyFontSize}px;
  199. margin: 0;
  200. {block:ifCustomCursor}
  201. cursor: url({image:CustomCursor}), auto;
  202. {/block:ifCustomCursor}
  203. {block:ifCrosshairCursor}
  204. cursor: crosshair;
  205. {/block:ifCrosshairCursor}
  206. letter-spacing: {text:LetterSpacing}px;
  207. }
  208. a {
  209. color: {color:Link};
  210. {block:ifCustomCursor}
  211. cursor: url({image:CustomCursorHover}), auto;
  212. {/block:ifCustomCursor}
  213. {block:ifCrosshairCursor}
  214. cursor: crosshair;
  215. {/block:ifCrosshairCursor}
  216. text-decoration: none;
  217. }
  218. a:hover {
  219. {block:ifCustomCursor}
  220. cursor: url({image:CustomCursorHover}), auto;
  221. {/block:ifCustomCursor}
  222. {block:ifCrosshairCursor}
  223. cursor: crosshair;
  224. {/block:ifCrosshairCursor}
  225. color: {color:LinkHover};
  226. {block:ifNotDisableLinkHoverShadow}
  227. text-shadow: 0px 0px 5px {color:LinkHoverShadow};
  228. {/block:ifNotDisableLinkHoverShadow}
  229. }
  230. img {max-width: 100%;border: none;outline: none;}
  231. p {margin: 0 0 3px 0;padding-top: -10px;}pre {font-family: {select:Font};}
  232.  
  233. blockquote {
  234. padding-left: 5px;
  235. margin: 0px;
  236. margin-bottom: -2px;
  237. border-left: {select:BlockquoteStyle} {color:Blockquote};
  238. }
  239. li {list-style-type: square;}ul {margin-left: -10px;}
  240. #stuff {margin-bottom: 10px;}
  241. #t {
  242. font-size: {text:HeadersFontSize}px;
  243. text-align: left;
  244. {block:if250px}width: 247px;{/block:if250px}{block:if270px}width:267px;{/block:if270px}{block:if300px}width: 297px;{/block:if300px}{block:if350px}width: 347px;{/block:if350px}
  245. font-weight: bold;
  246. margin-top: -10px;
  247. margin-bottom: 5px;
  248. border: {select:BorderStyle} {color:Border};
  249. {block:ifRoundEdges}
  250. border-radius: 3px;
  251. {/block:ifRoundEdges}
  252. background-color: {color:PostBg};
  253. padding: 3px 3px 3px 6px;
  254. }
  255. #txt {
  256. {block:if250px}width: 244px;{/block:if250px}{block:if270px}width: 264px;{/block:if270px}{block:if300px}width: 294px;{/block:if300px}{block:if350px}width: 344px;{/block:if350px}
  257. margin-top: 5px;
  258. padding: 0px 6px 4px 6px;
  259. border: {select:BorderStyle} {color:Border};
  260. {block:ifRoundEdges}border-radius: 3px;{/block:ifRoundEdges}
  261. background-color: {color:PostBg};
  262. } #txt a {{block:ifUnderlineCaptionLinks}text-decoration: underline;{/block:ifUnderlineCaptionLinks}}
  263. #cap {
  264. {block:if250px}width: 244px;{/block:if250px}{block:if270px}width: 264px;{/block:if270px}{block:if300px}width: 294px;{/block:if300px}{block:if350px}width: 344px;{/block:if350px}
  265. margin-top: 5px;
  266. padding: 2px 6px 4px 6px;
  267. border: {select:BorderStyle} {color:Border};
  268. {block:ifRoundEdges}border-radius: 3px;{/block:ifRoundEdges}
  269. background-color: {color:PostBg};
  270. }
  271. #cap img {height: 100%;}
  272. #cap a {
  273. {block:ifUnderlineCaptionLinks}
  274. text-decoration:underline;
  275. {/block:ifUnderlineCaptionLinks}
  276. }
  277.  
  278. #con {
  279. width: 400px;
  280. margin: auto;
  281. margin-top: 40px;
  282. }
  283. #posts {
  284. background-color: transparent;
  285. {block:if250px}width: 250px;{/block:if250px}{block:if270px}width:270px;{/block:if270px}{block:if300px}width: 300px;{/block:if300px}{block:if350px}width: 350px;{/block:if350px}
  286. margin-bottom: 80px;
  287. }
  288. #footer {
  289. {block:if250px}width:258px;{/block:if250px}{block:if270px}width: 278px;{/block:if270px}{block:if300px}width:308px;{/block:if300px}{block:if350px}width:358px;{/block:if350px}
  290. font-size: {text:FooterFontSize}px;
  291. text-transform: {select:FooterStyle};
  292. margin-top: -5px;
  293. margin-bottom: -10px;
  294. }
  295.  
  296. #sidebar {
  297. position: fixed;
  298. width: 108px;
  299. padding: 0px 3px 3px 3px;
  300. margin-left: -300px;
  301. margin-top: {text:SidebarMarginTop}px;
  302. text-align: center;
  303. }
  304. #sidebarimg {
  305. {block:ifSidebarImgBorder}
  306. border: {select:BorderStyle} {color:Border};
  307. padding: 3px 3px 0px 3px;
  308. background-color: {color:PostBg};
  309. {block:ifRoundEdges}
  310. border-radius: 3px;
  311. {/block:ifRoundEdges}
  312. {/block:ifSidebarImgBorder}
  313. } #sidebarimg img {{block:ifSidebarImgBorder}width: 100px;{/block:ifSidebarImgBorder}}
  314.  
  315. #desc {
  316. text-align: center;
  317. margin-top: 2px;
  318. font-size: {text:DescriptionFontSize}px;
  319. {block:ifDescriptionBorder}
  320. margin-top: 5px;
  321. border: {select:BorderStyle} {color:Border};
  322. background-color: {color:PostBg};
  323. {block:ifRoundEdges}border-radius: 3px;{/block:ifRoundEdges}
  324. {/block:ifDescriptionBorder}
  325. }
  326. #navlinks {
  327. margin-top: 3px;
  328. font-size: {text:NavlinkFontSize}px;
  329. }
  330.  
  331. #notecon {
  332. {block:if250px}width: 250px;{/block:if250px}{block:if270px}width:270px;{/block:if270px}{block:if300px}width: 300px;{/block:if300px}{block:if350px}width: 350px;{/block:if350px}
  333. padding: 3px;
  334. background-color: {color:PostBg};
  335. border: {select:BorderStyle} {color:Border};
  336. {block:ifRoundEdges}border-radius: 3px;{/block:ifRoundEdges}
  337. margin-top: -75px;
  338. margin-bottom: -70px;
  339. }
  340. #notenotes {
  341. overflow: auto;
  342. height: auto;
  343. max-height: 180px;
  344. }
  345. ol.notes {
  346. padding: 0;
  347. max-height: 293px;
  348. }
  349. ol.notes li.note {
  350. padding: 3px;
  351. margin-right: 5px;
  352. margin-top: -14px;
  353. margin-bottom: 8px;
  354. margin-left: -3px;
  355. }
  356. ol.notes li.note img.avatar {
  357. display: none;
  358. }
  359.  
  360. #pagination {
  361. {block:if250px}width: 252px;{/block:if250px}{block:if270px}width:272px;{/block:if270px}{block:if300px}width: 301px;{/block:if300px}{block:if350px}width: 352px;{/block:if350px}
  362. word-spacing: 5px;
  363. padding: 3px;
  364. font-size: {text:PaginationFontSize}px;
  365. text-align: center;
  366. margin-bottom: 5px;
  367. margin-top: -45px;
  368. }
  369.  
  370. #pic {
  371. {block:if250px}width: 250px;{/block:if250px}{block:if270px}width:270px;{/block:if270px}{block:if300px}width: 300px;{/block:if300px}{block:if350px}width: 350px;{/block:if350px}
  372. padding: 3px;
  373. border: {select:BorderStyle} {color:Border};
  374. {block:ifRoundEdges}border-radius: 3px;{/block:ifRoundEdges}
  375. background-color: {color:PostBg};
  376. }
  377. #pic img {
  378. {block:if250px}width: 250px;{/block:if250px}{block:if270px}width:270px;{/block:if270px}{block:if300px}width: 300px;{/block:if300px}{block:if350px}width: 350px;{/block:if350px}
  379. display: block;
  380. background-color: {color:PostBg};
  381. }
  382.  
  383. #photoset {
  384. {block:if250px}width: 250px;{/block:if250px}{block:if270px}width:270px;{/block:if270px}{block:if300px}width: 300px;{/block:if300px}{block:if350px}width: 350px;{/block:if350px}
  385. padding: 3px;
  386. margin-top: -10px;
  387. border: {select:BorderStyle} {color:Border};
  388. {block:ifRoundEdges}border-radius: 3px;{/block:ifRoundEdges}
  389. background-color: {color:PostBg};
  390. }
  391. #photoset iframe {display: block;}
  392.  
  393. #quote {
  394. {block:if250px}width: 250px;{/block:if250px}{block:if270px}width:270px;{/block:if270px}{block:if300px}width: 300px;{/block:if300px}{block:if350px}width: 350px;{/block:if350px}
  395. font-size: {text:HeadersFontSize}px;
  396. text-align: left;
  397. padding: 3px;
  398. font-weight: bold;
  399. margin-top: -10px;
  400. margin-bottom: 5px;
  401. border: {select:BorderStyle} {color:Border};
  402. {block:ifRoundEdges}border-radius: 3px;{/block:ifRoundEdges}
  403. background-color: {color:PostBg};
  404. }
  405. #source {
  406. {block:if250px}width: 250px;{/block:if250px}{block:if270px}width:270px;{/block:if270px}{block:if300px}width: 300px;{/block:if300px}{block:if350px}width: 350px;{/block:if350px}
  407. padding: 3px;
  408. border: {select:BorderStyle} {color:Border};
  409. {block:ifRoundEdges}border-radius: 3px;{/block:ifRoundEdges}
  410. background-color: {color:PostBg};
  411. }
  412. #chatt {
  413. {block:if250px}width: 250px;{/block:if250px}{block:if270px}width:270px;{/block:if270px}{block:if300px}width: 300px;{/block:if300px}{block:if350px}width: 350px;{/block:if350px}
  414. font-size: {text:HeadersFontSize}px;
  415. padding: 3px;
  416. margin-top: -15px;
  417. margin-bottom: 15px;
  418. background-color: {color:PostBg};
  419. border: {select:BorderStyle} {color:Border};
  420. {block:ifRoundEdges}border-radius: 3px;{/block:ifRoundEdges}
  421. font-weight: bold;
  422. }
  423. #chat {
  424. {block:if250px}width: 246px;{/block:if250px}{block:if270px}width: 266px;{/block:if270px}{block:if300px}width: 296px;{/block:if300px}{block:if350px}width: 346px;{/block:if350px}
  425. padding: 2px 5px 3px 5px;
  426. line-height: 14px;
  427. margin-top: -10px;
  428. margin-bottom: 10px;
  429. background-color: {color:PostBg};
  430. border: {select:BorderStyle} {color:Border};
  431. {block:ifRoundEdges}border-radius: 3px;{/block:ifRoundEdges}
  432. }
  433. #answerpost {
  434. {block:if250px}width: 246px;{/block:if250px}{block:if270px}width: 266px;{/block:if270px}{block:if300px}width: 295px;{/block:if300px}{block:if350px}width: 346px;{/block:if350px}border: {select:BorderStyle} {color:Border};padding: 2px 5px 1px 5px;{block:ifRoundEdges}border-radius: 3px;{/block:ifRoundEdges}background-color: {color:PostBg};margin-bottom: 10px;
  435. }
  436. #ask {padding-bottom: 2px;}
  437. #answer {
  438. margin-top: 3px;
  439. border-top: {select:BorderStyle} {color:Border};
  440. padding-top: 3px;
  441. }
  442. {block:ifUnderlineCaptionLinks}
  443. #answerpost a{
  444. text-decoration: underline;
  445. }
  446. {/block:ifUnderlineCaptionLinks}
  447.  
  448. #acon {
  449. {block:if250px}width: 250px;{/block:if250px}{block:if270px}width:270px;{/block:if270px}{block:if300px}width: 300px;{/block:if300px}{block:if350px}width: 350px;{/block:if350px}
  450. height: 40px;
  451. margin-top: -10px;
  452. {block:ifNotWhiteAudioPlayer}background-color: #e4e4e4;{/block:ifNotWhiteAudioPlayer}{block:ifNotBlackAudioPlayer}background-color: #e4e4e4;{/block:ifNotBlackAudioPlayer}{block:ifWhiteAudioPlayer}background-color: #ffffff;{/block:ifWhiteAudioPlayer}{block:ifBlackAudioPlayer}background-color: #000000;{/block:ifBlackAudioPlayer}border: {select:BorderStyle} {color:Border};{block:ifRoundEdges}border-radius: 3px;{/block:ifRoundEdges}padding: 3px;
  453. }
  454. #ap {
  455. position: absolute;
  456. {block:ifWhiteAudioPlayer}background-color: #ffffff;{/block:ifWhiteAudioPlayer}{block:ifBlackAudioPlayer}background-color: #000000;{/block:ifBlackAudioPlayer}color: {color:Text};{block:ifBlackAudioPlayer}color: white;{/block:ifBlackAudioPlayer}
  457. overflow: hidden;
  458. width: 30px;
  459. height: 30px;
  460. margin-left: 3px;
  461. margin-top: 6px;
  462. }
  463. #ai {
  464. position: absolute;
  465. background-color: transparent;
  466. {block:ifWhiteAudioPlayer}background-color: #ffffff;{/block:ifWhiteAudioPlayer}{block:ifBlackAudioPlayer}background-color: #000000;{/block:ifBlackAudioPlayer}color: {color:Text};{block:ifBlackAudioPlayer}color: white;{/block:ifBlackAudioPlayer}
  467. margin-left: 38px;
  468. position: relative;
  469. top: 50%;
  470. transform: translateY(-50%);
  471. overflow: auto;
  472. max-height: 40px;
  473. }
  474.  
  475. #vid {
  476. {block:if250px}width: 250px;{/block:if250px}{block:if270px}width:270px;{/block:if270px}{block:if300px}width: 300px;{/block:if300px}{block:if350px}width: 350px;{/block:if350px}
  477. padding: 3px;
  478. margin-top: -10px;
  479. border:{select:BorderStyle} {color:Border};
  480. {block:ifRoundEdges}border-radius: 3px;{/block:ifRoundEdges}
  481. background-color: {color:PostBg};
  482. }
  483. #vidcon {
  484. position: center;
  485. overflow: hidden;
  486. }
  487. #vidcon iframe, #vidcon object, #vidcon embed {
  488. {block:if250px}width: 250px;{/block:if250px}{block:if270px}width:270px;{/block:if270px}{block:if300px}width: 300px;{/block:if300px}{block:if350px}width: 350px;{/block:if350px}
  489. position: center;
  490. display: block;
  491. }
  492. #perms {margin-top: -7px;}
  493. #perms a {color: {color:FooterText};text-decoration: underline;text-align: left;} #perms a:hover {color: {color:FooterTextHover};text-decoration: none;text-decoration: underline;}
  494.  
  495. #cornerimg {
  496. position: fixed;
  497. bottom: -3px;
  498. width: {text:CornerImgSize}px;
  499. max-width: {text:CornerImgSize}px;
  500. {select:CornerImgPosition}: 0px;
  501. z-index: -1;
  502. }
  503.  
  504. {CustomCSS}
  505. </style>
  506. </head>
  507.  
  508. <body>
  509.  
  510. <div id="cornerimg">
  511. <img src="{image:CornerImg}"/>
  512. </div>
  513.  
  514. <div id="con">
  515.  
  516. <div id="sidebar">
  517. <div id="sidebarimg">
  518. <a href="/"><img src="{image:SidebarImg}"></a>
  519. </div>
  520.  
  521. {block:ifNotHideDescription}
  522. {block:Description}
  523. <div id="desc">{Description}</div>
  524. {/block:Description}
  525. {/block:ifNotHideDescription}
  526.  
  527. <div id="navlinks">
  528. <a href="{text:Link1URL}">{text:Link1Name}</a>{block:ifBreakNavlinks}<br>{/block:ifBreakNavlinks}
  529. <a href="{text:Link2URL}">{text:Link2Name}</a>{block:ifBreakNavlinks}<br>{/block:ifBreakNavlinks}
  530. <a href="{text:Link3URL}">{text:Link3Name}</a>{block:ifBreakNavlinks}<br>{/block:ifBreakNavlinks}
  531. <a href="{text:Link4URL}">{text:Link4Name}</a>{block:ifBreakNavlinks}<br>{/block:ifBreakNavlinks}
  532. <a href="{text:Link5URL}">{text:Link5Name}</a>
  533. </div>
  534.  
  535. </div>
  536.  
  537. <div class = "autopagerize_page_element" >
  538. {block:Posts}
  539.  
  540. <!-- {block:NoRebloggedFrom}
  541. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  542. {/block:NoRebloggedFrom} -->
  543. {block:ContentSource}<!-- {SourceURL}
  544. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  545. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  546. {/block:ContentSource}
  547.  
  548. <div id="posts">
  549.  
  550. {block:Text}
  551. {block:Title}
  552. <div id="t">
  553. {Title}
  554. </div>
  555. {/block:Title}
  556. {block:Body}
  557. <div id="txt">
  558. <p>
  559. {Body}
  560. </p>
  561. </div>
  562. {/block:Body}
  563. {/block:Text}
  564.  
  565. <div id="stuff">
  566. {block:Photo}
  567. <div id="pic">
  568. <center>
  569. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  570. </center>
  571. </div>
  572. {block:IndexPage}
  573. {block:ifNotHideCaptions}
  574. {block:Caption}
  575. <div id="cap">
  576. {Caption}
  577. </div>
  578. {/block:Caption}
  579. {/block:ifNotHideCaptions}
  580. {/block:IndexPage}
  581. {block:PermalinkPage}
  582. {block:Caption}
  583. <div id="cap">
  584. {Caption}
  585. </div>
  586. {/block:Caption}
  587. {/block:PermalinkPage}
  588. {/block:Photo}
  589. </div>
  590.  
  591. <div id="stuff">
  592. {block:Photoset}
  593. <div id="photoset">
  594. <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>
  595. </div>
  596. {block:IndexPage}
  597. {block:ifNotHideCaptions}
  598. {block:Caption}
  599. <div id="cap">
  600. {Caption}
  601. </div>
  602. {/block:Caption}
  603. {/block:ifNotHideCaptions}
  604. {/block:IndexPage}
  605. {block:PermalinkPage}
  606. {block:Caption}
  607. <div id="cap">
  608. {Caption}
  609. </div>
  610. {/block:Caption}
  611. {/block:PermalinkPage}
  612. {/block:Photoset}
  613. </div>
  614.  
  615.  
  616. {block:Quote}
  617. <div id="quote">
  618. "{Quote}"
  619. </div>
  620. <div align="left">
  621. {block:Source}
  622. <div id="source">
  623. -{Source}
  624. </div>
  625. {/block:Source}
  626. </div>
  627. {/block:Quote}
  628.  
  629. <div id="stuff">
  630. {block:Video}
  631. <div id="vid">
  632. <div id="vidcon">
  633. {Video-500}
  634. </div>
  635. </div>
  636. {block:ifNotHideCaptions}
  637. {block:Caption}
  638. <div id="cap">
  639. {Caption}
  640. </div>
  641. {/block:Caption}
  642. {/block:ifNotHideCaptions}
  643. {block:PermalinkPage}
  644. {block:Caption}
  645. <div id="cap">
  646. {Caption}
  647. </div>
  648. {/block:Caption}
  649. {/block:PermalinkPage}
  650. {/block:Video}
  651. </div>
  652.  
  653. {block:Link}
  654. <div id="t">
  655. <a href="{URL}" class="link" {Target}>{Name}</a></div>
  656. {block:Description}
  657. <div id="cap">
  658. {Description}
  659. </div>
  660. {/block:Description}
  661. {/block:Link}
  662.  
  663. {block:Chat}
  664. {block:Title}
  665. <div id="chatt">
  666. {Title}
  667. </div>
  668. {/block:Title}
  669. <div id="chat">
  670. {block:Lines}
  671. <div class="{Alt} user_{UserNumber}">
  672. {block:Label}
  673. <b>{Label}</b>
  674. {/block:Label}
  675. {Line}
  676. </div>
  677. {/block:Lines}
  678. </div>
  679. {/block:Chat}
  680.  
  681. <div id="stuff">
  682. {block:Audio}
  683. <div id="acon">
  684. <div id="ap">
  685. {block:ifWhiteAudioPlayer}
  686. {AudioPlayerWhite}
  687. {/block:ifWhiteAudioPlayer}
  688. {block:ifBlackAudioPlayer}
  689. {AudioPlayerBlack}
  690. {/block:ifBlackAudioPlayer}
  691. {block:ifNotWhiteAudioPlayer}
  692. {AudioPlayerGrey}
  693. {/block:ifNotwhiteAudioPlayer}
  694. {block:ifNotBlackAudioPlayer}
  695. {AudioPlayerGrey}
  696. {/block:ifNotBlackAudioPlayer}
  697. </div>
  698. <div id="ai">
  699. {block:TrackName}
  700. {TrackName}
  701. {/block:TrackName}
  702. <br>
  703. {block:Artist}
  704. {Artist}
  705. {/block:Artist}
  706. </div>
  707. </div>
  708. {/block:Audio}
  709. </div>
  710.  
  711.  
  712. {block:Answer}
  713. <div id="answerpost">
  714. <div id="ask">
  715. {Asker} sent: {Question}
  716. </div>
  717. <div id="answer">
  718. {Answer}
  719. </div>
  720. </div>
  721. {/block:Answer}
  722.  
  723. {block:Date}
  724. {block:IndexPage}
  725. <div id="footer">
  726. <a href="{Permalink}">{DayofMonthWithZero}:{MonthNumberWithZero}:{ShortYear} [{NoteCount}]</a> {block:HasTags}{block:Tags}<a href="{TagURL}">{text:TagSymbol}{Tag}</a> {/block:Tags}{/block:HasTags}
  727. {block:ifNotHideViaSrcReblog}
  728. <br>
  729. {block:NotReblog}[op]{/block:NotReblog}{block:RebloggedFrom}{text:ViaText} <a href="{ReblogParentURL}">{ReblogParentName}</a> {block:ContentSource} > {text:SourceText} <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource} > <a href="{ReblogURL}">{text:ReblogText}</a>{/block:RebloggedFrom}
  730. {/block:ifNotHideViaSrcReblog}
  731. </div>
  732. {/block:IndexPage}
  733. {block:PermalinkPage}
  734. <div id="footer">
  735. <div id="perms">
  736. {Timeago} with {NoteCountWithLabel} {block:RebloggedFrom}/ <a href="{ReblogParentURL}">via</a>{block:ContentSource} + <a href="{ReblogRootURL}">src</a>{/block:ContentSource}{/block:RebloggedFrom} {block:HasTags}<br>filed under: {block:Tags} <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  737. </div>
  738. </div>
  739. {/block:PermalinkPage}
  740. {/block:Date}
  741.  
  742. </div>
  743.  
  744. {block:PermalinkPage}
  745. {block:PostNotes}
  746. <div id="notecon">
  747. <div id="notenotes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  748. </div>
  749. {/block:PostNotes}
  750. {/block:PermalinkPage}
  751.  
  752. {/block:Posts}
  753.  
  754. {block:ifNotInfiniteScroll}
  755. {block:Pagination}
  756. <div id="pagination">
  757. {block:PreviousPage}
  758. <a href="{PreviousPage}">←</a>
  759. {/block:PreviousPage}
  760. {block:JumpPagination length="5"}
  761. {block:CurrentPage}
  762. <span class="current_page">{PageNumber}</span>
  763. {/block:CurrentPage}
  764. {block:JumpPage}
  765. <a class="jump_page" href="{URL}">{PageNumber}</a>
  766. {/block:JumpPage}
  767. {/block:JumpPagination}
  768. {block:NextPage}
  769. <a href="{NextPage}">→</a>
  770. {/block:NextPage}
  771. {/block:Pagination}
  772. </div>
  773. {/block:ifNotInfiniteScroll}
  774.  
  775. </div>
  776.  
  777. <!-- DO NOT REMOVE -->
  778. <div id="c">
  779. <a href="https://pastebin.com/u/celestyl" title="THEME">▬</a>
  780. </div>
  781. <!-- -->
  782.  
  783. <script>
  784. $(document).ready(function(){
  785. $('.photo-slideshow').pxuPhotoset({
  786. lightbox: true,
  787. rounded: false,
  788. gutter: '3px',
  789. borderRadius: '0px',
  790. photoset: '.photo-slideshow',
  791. photoWrap: '.photo-data',
  792. photo: '.pxu-photo'
  793. });
  794. });
  795. </script>
  796.  
  797. </body>
  798. </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!