API tools faq
paste
enchantingly

Theme 49 - Scarlet Letters

enchantingly
Jul 20th, 2017
1,110
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.22 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!----
  5. Theme 49 - "Scarlet Letters" by Elowen (theghostoflove.tumblr.com)
  6.  
  7. Credit stays intact, please. If you get stuck, feel free to message me! Comments and suggestions are welcome.
  8. --->
  9.  
  10. <head>
  11.  
  12. <title>{Title}</title>
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  16.  
  17. <meta name="color:Background" content="#e7e7e7">
  18. <meta name="color:Border" content="#e7e7e7">
  19. <meta name="color:Entries" content="#282828">
  20. <meta name="color:Info" content="#e7e7e7">
  21. <meta name="color:Info bg" content="#282828">
  22. <meta name="color:Link" content="#810101">
  23. <meta name="color:Link Hover" content="#000000">
  24. <meta name="color:Links bar" content="#cc4646">
  25. <meta name="color:Pagi Link" content="#282828">
  26. <meta name="color:Pagi Link Hover" content="#c93e3e">
  27. <meta name="color:Pagi Link Bg" content="#c93e3e">
  28. <meta name="color:Pagi Link Bg Hover" content="#282828">
  29. <meta name="color:Post1" content="#e7e7e7">
  30. <meta name="color:Post2" content="#cc4646">
  31. <meta name="color:Post1 Body" content="#282828">
  32. <meta name="color:Post2 Body" content="#000000">
  33. <meta name="color:Scroll" content="#c93e3e">
  34. <meta name="color:Scroll Bg" content="#000000">
  35. <meta name="color:Sidebar" content="#282828">
  36. <meta name="color:Sidelinks Text" content="#000000">
  37. <meta name="color:Title" content="#c93e3e">
  38.  
  39. <meta name="if:Infinite Scroll" content="0">
  40. <meta name="if:Posts 400" content="0">
  41. <meta name="if:Show Tags" content="1">
  42.  
  43. <meta name="image:Background" content="">
  44. <meta name="image:Entries" content="">
  45. <meta name="image:Links bar" content="">
  46. <meta name="image:Sidebar" content="">
  47. <meta name="image:Sidebar Bg" content="">
  48.  
  49. <meta name="font:Body" content="'Trebuchet MS', sans-serif">
  50. <meta name="font:Quote" content="Garamond">
  51. <meta name="font:Text Title" content="'Amatic SC', cursive">
  52. <meta name="font:Title" content="'Amatic SC', cursive">
  53.  
  54. <meta name="text:Font Size Title" content="48px">
  55. <meta name="text:Font Size Body" content="12px">
  56.  
  57. <meta name="text:Link1" content="">
  58. <meta name="text:Link1URL" content="http://">
  59. <meta name="text:Link2" content="">
  60. <meta name="text:Link2URL" content="http://">
  61. <meta name="text:Link3" content="">
  62. <meta name="text:Link3URL" content="http://">
  63. <meta name="text:Link4" content="">
  64. <meta name="text:Link4URL" content="http://">
  65. <meta name="text:Link5" content="">
  66. <meta name="text:Link5URL" content="http://">
  67. <meta name="text:Link6" content="">
  68. <meta name="text:Link6URL" content="http://">
  69. <meta name="text:Link7" content="">
  70. <meta name="text:Link7URL" content="http://">
  71. <meta name="text:Link8" content="">
  72. <meta name="text:Link8URL" content="http://">
  73. <meta name="text:Link9" content="">
  74. <meta name="text:Link9URL" content="http://">
  75.  
  76. <style type="text/css">
  77.  
  78. /**BASICS**/
  79.  
  80. body {
  81. word-spacing:110%;
  82. text-align: justify;
  83. font: {text:Font Size Body}/150% {font:Body};
  84. width: 500px;
  85. background:{color:Background} url('{image:Background}');
  86. background-attachment: fixed;
  87. }
  88.  
  89. blockquote {
  90. border-left:2px solid {color:border};
  91. padding-left:5px;
  92. margin:0px 2px 0px 10px
  93. }
  94.  
  95. ::-webkit-scrollbar {width:8px; height:auto; background-color:{color:scroll bg}}
  96. ::-webkit-scrollbar-button {background:{color:scroll};}
  97. ::-webkit-scrollbar-thumb:vertical {background:{color:scroll};}
  98. ::-webkit-scrollbar-thumb:horizontal {background:{color:scroll};}
  99.  
  100. ::selection {color:{color:pagi link bg};background-color: {color:pagi link};}
  101. ::-moz-selection {color:{color:pagi link bg};background-color: {color:pagi link};}
  102. ::-webkit-selection {color:{color:pagi link bg};background-color:{color:pagi link};}
  103.  
  104. a {color:{color:link};text-decoration:none;-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
  105. a:hover {color:{color:link hover}}
  106.  
  107. /**MAIN STYLING**/
  108.  
  109. #sidebar {
  110. position: fixed;
  111. top: 0px; left: 0px;
  112. height: 100%; width: 400px;
  113. background: {color:Sidebar} url('{image:Sidebar Bg}') fixed;
  114. }
  115.  
  116. #sidebar img {
  117. width: 300px;
  118. opacity: .9;
  119. border: 1px solid {color:Title};
  120. -moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;
  121. }
  122. #sidebar img:hover {
  123. opacity: 1;
  124. }
  125.  
  126. #title {
  127. font: {text:font size title}/100% {font:Title};
  128. color: {color:Title};
  129. text-align: center;
  130. width: 350px;
  131. padding: 50px 25px;
  132. }
  133.  
  134. #title a {color:{color:title};}
  135.  
  136. #desc {
  137. width: 350px;
  138. padding: 50px 25px;
  139. color:{color:title};
  140. }
  141.  
  142. #links {
  143. position: fixed;
  144. top: 0px; left: 400px;
  145. height: 100%; width: 150px;
  146. background: {color:Links bar} url('{image:Links bar}') repeat fixed;
  147. }
  148. #links a {
  149. text-shadow:15px 0px transparent, -15px 0px transparent;
  150. display:block;
  151. width:150px;
  152. padding:8px 3px;
  153. text-align:center;
  154. letter-spacing:1px;
  155. text-transform:lowercase;
  156. -webkit-transition: all 0.6s ease-in-out;
  157. -moz-transition: all 0.6s ease-in-out;
  158. -o-transition: all 0.6s ease-in-out;
  159. -ms-transition: all 0.6s ease-in-out;
  160. transition: all 0.6s ease-in-out;
  161. color:{color:sidelinks text};
  162. }
  163. #links a:hover {
  164. text-shadow: 0px 0px {color:sidelinks text}, -0px 0px {color:sidelinks text}
  165. }
  166.  
  167. #links img {
  168. margin:100px 0px 50px;
  169. border-radius: 50%;
  170. height: 100px;
  171. opacity: .9;
  172. }
  173.  
  174. #entries {
  175. position: absolute;
  176. margin:0px 0px 0px 650px;
  177. background: {color:Entries} url('{image:Entries}') repeat fixed;
  178. }
  179.  
  180. #post {
  181. margin: 30px;
  182. width: {block:ifNotPosts400}500px;{/block:ifNotPosts400} {block:ifPosts400}400px;{/block:ifPosts400}
  183. padding: 30px;
  184. {block:odd}background-color:{color:post1};{/block:odd}
  185. {block:even}background-color:{color:post2};{/block:even}
  186. border: 1px solid transparent;
  187. -moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;
  188. }
  189. #post:hover {
  190. border: 1px solid {color:border};
  191. }
  192.  
  193. /**POST INFO**/
  194.  
  195. #info {
  196. z-index: 2;
  197. font-size: 10px; line-height: 130%;
  198. margin-top: -15px;
  199. margin-left: {block:ifNotPosts400} 582px; {/block:ifNotPosts400} {block:ifPosts400}482px;{/block:ifPosts400};
  200. text-align: center;
  201. width: 130px;
  202. padding: 5px;
  203. position: absolute;
  204. color:{color:info};
  205. background-color:{color:info bg};
  206. }
  207.  
  208. #info a {color:{color:info}}
  209.  
  210. .note {
  211. text-transform:normal;
  212. font-style:normal;
  213. letter-spacing:0px;
  214. font-size: 10px;
  215. text-align:left;
  216. line-height:80%;
  217. margin-left:-40px;
  218. }
  219.  
  220. .note li {
  221. list-style-type:none;
  222. text-align:left;
  223. padding:2px;
  224. margin:0px;
  225. -moz-transition-duration:0.5s;
  226. -webkit-transition-duration:0.5s;
  227. -o-transition-duration:0.5s;
  228. }
  229.  
  230. /**POST TYPES**/
  231.  
  232. #texttitle {
  233. font:normal 36px {font:Text Title};
  234. text-align:center;
  235. line-height:100%;
  236. margin:2px;
  237. }
  238.  
  239. #quote {
  240. margin:5px 0px;
  241. font-family:{font:Quote};
  242. text-align:center;
  243. letter-spacing:1px;
  244. }
  245.  
  246. #quote_short {font-size:20px; line-height:110%;}
  247. #quote_medium {font-size:18px; line-height:100%;}
  248. #quote_long {font-size:16px; line-height:100%;}
  249.  
  250. #quotesource {
  251. margin:10px 0px -10px 0px;
  252. font-family:'Georgia';
  253. font-size:14px;
  254. font-style:italic;
  255. text-align:right;
  256. padding:6px;
  257. }
  258.  
  259. #linkposts {
  260. height:80px;
  261. padding-bottom:10px; padding-top:10px;
  262. font-family:book antiqua;
  263. font-size:16px;
  264. border:1px solid {color:Border};
  265. margin-bottom:5px;
  266. background-color:rgba({text:RGB Post});
  267. }
  268.  
  269. #question {
  270. font-size:13px;
  271. letter-spacing:1px;
  272. padding:10px;
  273. border:1px solid {color:Border};
  274. background-color:rgba({text:RGB Post});
  275. }
  276. #asker {
  277. text-align:right;
  278. font-size:12px;
  279. letter-spacing:1px;
  280. padding-bottom:0px;
  281. margin-top:20px;
  282. }
  283. #asker img {
  284. vertical-align:left;
  285. float:right;
  286. margin-left:10px;
  287. margin-right:10px;
  288. margin-top:-10px;
  289. }
  290.  
  291. #audiopost {line-height:140%;border:1px solid {color:border}; background-color:rgba({text:RGB Post});}
  292. .album {position:absolute; margin-top:0px; width:100px; height:100px;}
  293. .album img {width:100px; height:100px;border-right:1px solid {color:border};}
  294. .audio {position:absolute;padding:35px 0px 0px 36px;height:30px;width:28px;overflow:hidden;opacity:.5;}
  295. .audiobox {height:100px;z-index:10; margin-left:110px;}
  296.  
  297. .chat {margin:3px 3px 10px 3px;}
  298. .chat .lines {margin-left:1px;border-top:1px solid {color:border};border-left:1px solid {color:border};border-right:1px solid {color:border};}
  299. .chat .lines .line {margin-bottom:1px;padding:3px 5px;color:{color:Chat1};border-bottom:1px solid {color:border};}
  300. .chat .lines .line.even{color:{color:Chat2};}
  301.  
  302. /**MISC**/
  303.  
  304. #pagi {
  305. width: {block:ifNotPosts400}615px;{/block:ifNotPosts400} {block:ifPosts400}515px;{/block:ifPosts400}
  306. text-align:right;
  307. margin:15px 0px;
  308. display:block;
  309. z-index:100;
  310. }
  311. #pagi a {
  312. text-align: center;
  313. border: 1px solid transparent;
  314. padding: 2px;
  315. background-color:{color:pagi link bg};
  316. color:{color:pagi link};
  317. }
  318. #pagi a:hover {
  319. border:1px solid {color:pagi link hover};
  320. background-color:{color:pagi link bg hover};
  321. color:{color:pagi link hover};
  322. }
  323. #currentpage {
  324. font-weight:bold;
  325. padding:2px;
  326. color: {color:pagi link hover};
  327. border:1px solid {color:pagi link hover};
  328. }
  329.  
  330. #s-m-t-tooltip {
  331. padding:5px;
  332. margin:20px 14px 7px 10px;
  333. border:1px solid {color:border};
  334. background-color:{color:pagi link bg};
  335. font-size:10px;
  336. letter-spacing:1px;
  337. color:{color:pagi link};
  338. z-index:99999999;
  339. }
  340.  
  341. #E {
  342. z-index:99999999999;
  343. font-weight:bold;
  344. text-align:center;
  345. font-size:20px;
  346. font-family:'Montez';
  347. position:fixed;
  348. bottom:5px; right:5px;
  349. }
  350. #E a {
  351. display:inline-block;
  352. height:20px; width:20px;
  353. padding:2px 3px;
  354. background-color:{color:pagi link bg};
  355. color:{color:pagi link};
  356. }
  357. #E a:hover {
  358. border-radius: 50%;
  359. background-color:{color:pagi link};
  360. color:{color:pagi link bg}};
  361. }
  362.  
  363. </style>
  364.  
  365. <link href='https://fonts.googleapis.com/css?family=Amatic+SC|Montez' rel='stylesheet' type='text/css'>
  366.  
  367. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  368.  
  369. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  370.  
  371. <script>
  372. (function($){
  373. $(document).ready(function(){
  374. $("a[title]").style_my_tooltips({
  375. tip_follows_cursor:true,
  376. tip_delay_time:0,
  377. tip_fade_speed:0,
  378. attribute:"title"
  379. });
  380. });
  381. })(jQuery);
  382. </script>
  383.  
  384. {block:ifInfiniteScroll}<script type="text/javascript" src="https://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>{/block:ifInfiniteScroll}
  385.  
  386. </head>
  387.  
  388. <body>
  389.  
  390. <div id="sidebar">
  391. <div id="title"><a href="/">{Title}</a></div>
  392. {block:ifSidebarImage}<center><img src="{image:Sidebar}"></center>{/block:ifSidebarImage}
  393. <div id="desc">{Description}</div>
  394. </div>
  395.  
  396. <div id="links">
  397. <center><img src="{Favicon}"></center>
  398. {block:ifLink1}<a href="{text:Link1URL}">{text:Link1}</a>{/block:ifLink1}
  399. {block:ifLink2}<a href="{text:Link2URL}">{text:Link2}</a>{/block:ifLink2}
  400. {block:ifLink3}<a href="{text:Link3URL}">{text:Link3}</a>{/block:ifLink3}
  401. {block:ifLink4}<a href="{text:Link4URL}">{text:Link4}</a>{/block:ifLink4}
  402. {block:ifLink5}<a href="{text:Link5URL}">{text:Link5}</a>{/block:ifLink5}
  403. {block:ifLink6}<a href="{text:Link6URL}">{text:Link6}</a>{/block:ifLink6}
  404. {block:ifLink7}<a href="{text:Link7URL}">{text:Link7}</a>{/block:ifLink7}
  405. {block:ifLink8}<a href="{text:Link8URL}">{text:Link8}</a>{/block:ifLink8}
  406. {block:ifLink9}<a href="{text:Link9URL}">{text:Link9}</a>{/block:ifLink9}
  407. {block:HasPages}{block:Pages}<a href="{URL}" class="page">{Label}</a>{/block:Pages}{/block:HasPages}
  408. </div>
  409. <div id="entries">
  410. {block:ifInfiniteScroll}<div class="autopagerize_page_element">{/block:ifInfiniteScroll}
  411. {block:Posts}
  412. {block:odd}<div id="post" style="background-color:{color:Post1}; color:{color:Post1 Body}">{/block:odd}
  413. {block:even}<div id="post" style="background-color:{color:Post2}; color:{color:Post2 Body}">{/block:even}
  414.  
  415. {block:IndexPage}<div id="info">{block:Date}
  416. <a href="{Permalink}" title="{DayOfMonth}{DayOfMonthSuffix} {ShortMonth} '{ShortYear} at {12Hour}.{Minutes}{ampm}">{TimeAgo} </a>
  417. {block:NoteCount}<br>
  418. <a href="{Permalink}">{NoteCountWithLabel} </a>
  419. {/block:NoteCount}
  420. {block:RebloggedFrom}<br> via: <a href="{ReblogParentURL}">{ReblogParentName} </a>{/block:RebloggedFrom}
  421. {block:Reblog}<br> origin: <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:Reblog}<br><a href="{ReblogURL}" target="_blank"> reblog</a>
  422. {/block:Date}
  423.  
  424. <center>{block:ifShowTags}{block:HasTags}<br>{block:Tags}<a href="{TagURL}">#{Tag} </a><br>{/block:Tags} {/block:HasTags}{/block:IfShowTags}</center></div>{/block:IndexPage}
  425.  
  426. <!--Text Posts-->
  427. {block:Text}
  428. {block:Title}<div id="texttitle">{Title}</div>{/block:Title}
  429. {Body}
  430. {/block:Text}
  431.  
  432. <!--Photo Posts-->
  433. {block:ifNotPosts400}
  434. {block:Photo}<center>
  435. {OpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  436. {LinkCloseTag}</center>
  437. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  438. {/block:ifNotPosts400}
  439.  
  440. {block:ifPosts400}
  441. {block:Photo}<center>
  442. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  443. {LinkCloseTag}</center>
  444. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  445. {/block:ifPosts400}
  446.  
  447. <!--Photosets-->
  448. {block:ifNotPosts400}
  449. {block:Photoset}<center>
  450. {Photoset-500}</center>
  451. {block:Caption}{Caption}{/block:Caption}
  452. {/block:Photoset}
  453. {/block:ifNotPosts400}
  454.  
  455. {block:ifPosts400}
  456. {block:Photoset}<center>
  457. {Photoset-400}</center>
  458. {block:Caption}{Caption}{/block:Caption}
  459. {/block:Photoset}
  460. {/block:ifPosts400}
  461.  
  462. <!--Quotes-->
  463. {block:Quote}<div id="quote">
  464. <div id="quote_{Length}">“{Quote}”</div>
  465. {block:Source}<div id="quotesource">- {Source}</div>{/block:Source}
  466. </div>{/block:Quote}
  467.  
  468. <!--Video Posts-->
  469. {block:ifNotPosts400}
  470. {block:Video}{Video-500}
  471. {block:Caption}{Caption}{/block:Caption}
  472. {/block:Video}
  473. {/block:ifNotPosts400}
  474.  
  475. {block:ifPosts400}
  476. {block:Video}{Video-400}
  477. {block:Caption}{Caption}{/block:Caption}
  478. {/block:Video}
  479. {/block:ifPosts400}
  480.  
  481. <!--Link Posts-->
  482. {block:Link}<div id="linkposts">
  483. <a href="{URL}" class="link" {Target}>
  484. <center>{Name} →</center></a><BR>
  485. <center><small><small>{block:Host}{Host}{/block:Host}</small></small></center>
  486. </div> <!--linkposts-->
  487.  
  488. {block:Description}{Description}{/block:Description}
  489. {/block:Link}
  490.  
  491. <!--Chat-->
  492. {block:Chat}
  493. {block:Title}<div id="texttitle">{Title}</div>{/block:Title}
  494. <div class="chat">
  495. <div class="lines">
  496. {block:Lines}
  497. <div class="line {Alt}">
  498. {block:Label}
  499. <strong>{Label}</strong>{/block:Label} {Line}
  500. </div> <!--line alt-->
  501. {/block:Lines}
  502. </div> <!--lines-->
  503. </div><!--chat-->
  504. {/block:Chat}
  505.  
  506. <!--Audio Posts -->
  507. {block:Audio}<div id="audiopost">
  508. {block:AlbumArt}
  509. <div class="album"><img src="{AlbumArtURL}"></div>
  510. {/block:AlbumArt}
  511.  
  512. <div class="audio"><center>{AudioPlayerWhite}</center></div>
  513.  
  514. <div class="audiobox">
  515. {block:TrackName}<br><big><b>Track name:</b>
  516. "{TrackName}"{/block:TrackName}
  517. {block:Artist}<br><b>Artist:</b> {Artist}{/block:Artist}
  518. {block:Album}<br><b>Album:</b> {Album}{/block:Album}
  519. {block:PlayCount}<br><b>Playcount:</b> {PlayCountWithLabel}
  520. {/block:PlayCount}
  521. </big>
  522. </div><!--audiobox-->
  523. </div><!--audiopost-->
  524. {block:Caption}{Caption}{/block:Caption}
  525. {/block:Audio}
  526.  
  527. <!--Asks-->
  528. {block:Answer}
  529. <div id="question">
  530. {Question}
  531. <div id="asker">
  532. <img src="{AskerPortraitURL-30}">- {Asker}</div><br>
  533. </div> <!--question-->
  534. <br>{Answer}<br>
  535. {/block:Answer}
  536.  
  537. {block:PostNotes}<div class="note"> {PostNotes}</div>{/block:PostNotes}
  538.  
  539. </div>
  540.  
  541.  
  542. {/block:Posts}
  543. <div id="pagi"><center>
  544. {block:PreviousPage}
  545. <a href="{PreviousPage}">← prev</a>
  546. {/block:PreviousPage}
  547. {block:JumpPagination length="5"}
  548. {block:CurrentPage}
  549. <span id="currentpage">{PageNumber}</span>
  550. {/block:CurrentPage}
  551. {block:JumpPage}
  552. <a class="jump_page" href="{URL}">{PageNumber}</a>
  553. {/block:JumpPage}
  554. {/block:JumpPagination}
  555. {block:NextPage}
  556. <a href="{NextPage}">next →</a>{/block:NextPage}
  557. </center></div><!--pagi-->
  558.  
  559.  
  560. </div>
  561.  
  562. </div></div>
  563.  
  564. {block:ifInfiniteScroll}</div>{/block:ifInfiniteScroll}
  565.  
  566. <div id="E"><a href="https://theghostoflove.tumblr.com" title="Enchantingly">E</a></div>
  567.  
  568. </body>
  569. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!