API tools faq
paste
Advertisement
celestyl

okie dokie theme

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