API tools faq
paste
Advertisement
celestyl

charm theme

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