API tools faq
paste
Advertisement
strangebesidethepond

A Trail Of Hope

strangebesidethepond
Apr 5th, 2017
8,410
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.45 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4.  
  5. theme #032 by Rose @ cytharat.tumblr.com
  6. Please do not copy or claim as your own
  7. Do not remove this credit from the code
  8. Thank you :3
  9.  
  10. Special thanks go to Perxis https://perxis.com
  11. for their icons found on https://linearicons.com
  12.  
  13. -->
  14.  
  15. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  16.  
  17. <head>
  18.  
  19.  
  20. <!-- DEFAULT VARIABLES -->
  21.  
  22. <meta name="color:accent" content="#fec768" />
  23. <meta name="color:asktext" content="#433743" />
  24. <meta name="color:background" content="#ffffff" />
  25. <meta name="color:bold" content="#433743" />
  26. <meta name="color:border" content="#e9e8e7" />
  27. <meta name="color:descriptiontext" content="#797979" />
  28. <meta name="color:entries" content="#f3f3f3" />
  29. <meta name="color:infolink" content="#433743" />
  30. <meta name="color:infotext" content="#797979" />
  31. <meta name="color:italics" content="#b6b6b6" />
  32. <meta name="color:link" content="#ff9833" />
  33. <meta name="color:posts" content="#ffffff" />
  34. <meta name="color:sidebar" content="#ffffff" />
  35. <meta name="color:tags" content="#433743" />
  36. <meta name="color:text" content="#767676" />
  37.  
  38. <meta name="image:background" content="" />
  39. <meta name="image:sidebarbg" content="" />
  40.  
  41. <meta name="text:blogtitle" content="" />
  42. <meta name="text:asker" content="said" />
  43. <meta name="text:bodyfontsize" content="11px" />
  44. <meta name="text:Link1" content="" />
  45. <meta name="text:Link1 Title" content="" />
  46. <meta name="text:Link2" content="" />
  47. <meta name="text:Link2 Title" content="" />
  48. <meta name="text:Link3" content="" />
  49. <meta name="text:Link3 Title" content="" />
  50. <meta name="text:Link4" content="" />
  51. <meta name="text:Link4 Title" content="" />
  52. <meta name="text:Link5" content="" />
  53. <meta name="text:Link5 Title" content="" />
  54. <meta name="text:Link6" content="" />
  55. <meta name="text:Link6 Title" content="" />
  56.  
  57.  
  58. <title>{Title}{block:PostSummary} | {PostSummary}{/block:PostSummary}</title>
  59. <link rel="shortcut icon" href="{Favicon}">
  60. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  61. {block:Description}
  62. <meta name="description" content="{MetaDescription}" />
  63. {/block:Description}
  64.  
  65. <link href="https://fonts.googleapis.com/css?family=Anton&amp;subset=latin-ext" rel="stylesheet">
  66.  
  67. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  68.  
  69. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>
  70.  
  71. <script src="https://cdn.linearicons.com/free/1.0.0/svgembedder.min.js"></script>
  72.  
  73. <script type="text/javascript">
  74. <!--
  75. function handleThis(formElm)
  76. {
  77. window.location="http://{Name}.tumblr.com/tagged/"+formElm.number.value+"";
  78. return false;
  79. }
  80. // -->
  81. </script>
  82.  
  83. <script src="http://static.tumblr.com/xgofl0y/O7Fm1ufj3/jquery.style-my-tooltips.js" type="text/javascript"></script>
  84. <script>
  85. $().ready(function() {
  86. $("[title]").style_my_tooltips({
  87. tip_follows_cursor: "on", //on/off
  88. tip_delay_time: 200 //milliseconds
  89. });
  90. });
  91. </script>
  92.  
  93.  
  94. <style type="text/css">
  95.  
  96. body {background-color:{color:background}; color:{color:text}; font-family: Tahoma; font-size: {text:bodyfontsize}; line-height:128%; text-align:justify; letter-spacing: 1px; margin:0px; background-image:url('{image:background}'); background-attachment: fixed;}
  97.  
  98. a, a:link, a:active, a:visited {color:{color:link}; text-decoration: none;}
  99. a:hover {color:{color:text}; text-decoration: none; -webkit-transition: all 0.9s ease-in-out; -moz-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out;}
  100.  
  101. img a {border:0px;}
  102. b, strong{font-weight: bold; color:{color:bold};letter-spacing: 0px;}
  103. i, em {font-style: italic; color:{color:italics};}
  104. s, strike, del {color: {color:italics};}
  105. u {font-style:underline; border-bottom: 1px dashed {color:accent}; color: {color:text};}
  106. p {margin-top: 6px;}
  107. blockquote {padding-left: 5px; margin: 5px 0 5px 5px; border-left: 1px solid {color:border}; word-wrap: break-word;}
  108. blockquote img {max-width:100%;}
  109. pre {width:95%; margin: 10px auto; font-family: Courier; font-size:11px; padding: 6px 7px 6px 7px; word-wrap: break-word; background-color:{color:navibar}; color: {color:entries}; border: 1px solid {color:border}; max-height:150px!important; overflow-y:auto;}
  110.  
  111. h1 {
  112. width: 400px;
  113. height: auto;
  114. margin: 2px auto 5px auto;
  115. font-family:'Anton', sans-serif;
  116. font-weight:normal;
  117. font-style:italic;
  118. font-size:28px;
  119. text-align:left;
  120. color: {color:accent};
  121. }
  122.  
  123.  
  124. #s-m-t-tooltip {
  125. position: absolute;
  126. max-width: 300px;
  127. padding: 1px 8px 1px 8px;
  128. z-index: 99999;
  129. display: inline-block;
  130. font-family: 'Calibri', sans-serif;
  131. font-size: 9px;
  132. text-transform: uppercase;
  133. color: {color:accent};
  134. background-color:{color:posts};
  135. border: 1px solid {color:entries};
  136. box-shadow: 2px 2px 8px #222;
  137. }
  138.  
  139.  
  140. /* SIDEBAR */
  141.  
  142. #sidebar {
  143. position:fixed;
  144. width: 450px;
  145. height: 100%;
  146. margin: 0;
  147. text-align:center;
  148. background-image: url('{image:sidebarbg}');
  149. background-attachment:fixed;
  150. background-size:450px auto;
  151. background-position:bottom left;
  152. background-repeat:no-repeat;
  153. background-color: {color:sidebar};
  154. }
  155.  
  156. #description {
  157. width: 450px;
  158. height: auto;
  159. bottom: 20px;
  160. position: absolute;
  161. text-align:center;
  162. background-color: transparent;
  163. }
  164.  
  165. #sidetri {
  166. font-size: 28px;
  167. color: {color:entries};
  168. position:absolute;
  169. margin: 0px auto auto 410px;
  170. }
  171.  
  172. #blogtitle {
  173. width: 410px;
  174. height: auto;
  175. padding: 7px 10px;
  176. margin: 0 auto 0px auto;
  177. font-family: 'Anton', sans-serif;
  178. font-size: 35px;
  179. letter-spacing: 1px;
  180. line-height: 36px;
  181. color: {color:accent};
  182. text-shadow: -1px -1px 0px {color:entries};
  183. }
  184.  
  185. #desclinks {
  186. width: 410px;
  187. height: auto;
  188. padding: 0px 10px;
  189. margin: 0 auto 5px auto;
  190. background-color:transparent;
  191. text-align:center;
  192. }
  193.  
  194. #desclinks a {
  195. display: inline-block;
  196. font-family: 'Anton', sans-serif;
  197. text-transform: uppercase;
  198. font-size: 11px;
  199. line-height: 11px;
  200. padding: 4px 7px;
  201. color: {color:tags};
  202. background-color: {color:entries};
  203. margin: 0 2px;
  204. letter-spacing: 2px;
  205. }
  206.  
  207. #desclinks a:hover {
  208. color: {color:infotext};
  209. background-color: {color:sidebar};
  210. }
  211.  
  212. #desc {
  213. width: 340px;
  214. height: auto;
  215. padding: 20px;
  216. margin: 0 auto 5px auto;
  217. background-color: {color:entries};
  218. color: {color:descriptiontext};
  219. font-family: Tahoma, Arial, sans-serif;
  220. font-size: 11px;
  221. text-align:justify;
  222. }
  223.  
  224. /*SEARCH BAR */
  225.  
  226. #description .searchbox {
  227. display:block;
  228. width:380px;
  229. height:25px;
  230. margin:5px auto;
  231. overflow:hidden;
  232. background-color: {color:entries};
  233. }
  234.  
  235. #description .searchbox input {
  236. display:block;
  237. width:350px;
  238. height:25px;
  239. padding:0px 10px;
  240. letter-spacing: 3px;
  241. font-family:'Anton', sans-serif;
  242. font-size:11px!important;
  243. letter-spacing: 3px;
  244. color: {color:descriptiontext}!important;
  245. background-color:transparent;
  246. border:none;
  247. outline:none;
  248. }
  249.  
  250. #description .searchbox input.sbutton {
  251. display:block;
  252. position:absolute;
  253. width:30px;
  254. height:25px;
  255. padding:0px;
  256. margin-top:-25px;
  257. margin-left:350px;
  258. cursor:pointer;
  259. font-family:'Linearicons-Free';
  260. text-align:center;
  261. line-height:27px;
  262. font-size:13px!important;
  263. font-weight:normal;
  264. z-index:9;
  265. outline:none;
  266. border:none;
  267. background:{color:entries};
  268. border-left:1px solid {color:sidebar};
  269. }
  270.  
  271. ::-webkit-input-placeholder{color:{color:descriptiontext};opacity:0.5;
  272. letter-spacing:1px;}
  273. ::-moz-input-placeholder{color:{color:descriptiontext};opacity:0.5;
  274. letter-spacing:1px;}
  275. ::-o-input-placeholder{color:{color:descriptiontext};opacity:0.5;
  276. letter-spacing:1px;}
  277. ::-ms-input-placeholder{color:{color:descriptiontext};opacity:0.5;
  278. letter-spacing:1px;}
  279.  
  280. /* MAIN CONTAINER */
  281.  
  282. #main {
  283. position:absolute;
  284. width: 690px;
  285. height: auto;
  286. margin: 0px 0 0 450px;
  287. background-color: {color:entries};
  288. }
  289.  
  290. /* POSTS */
  291.  
  292. #entries {
  293. width: 560px;
  294. height: 100%;
  295. padding-bottom: 30px;
  296. margin: 10px auto 20px auto;
  297. background-color: {color:entries};
  298. }
  299.  
  300. #entry {
  301. width: 540px;
  302. height: auto;
  303. padding: 10px;
  304. margin: 0 auto 0px auto;
  305. }
  306.  
  307. #posts {
  308. width:500px;
  309. height: auto;
  310. padding:20px;
  311. background-color: {color:posts};
  312. }
  313.  
  314. /* INFO */
  315.  
  316. #infobox {
  317. width: 540px;
  318. height: auto;
  319. padding: 0;
  320. margin: 25px auto 0px auto;
  321. font-family: 'Anton', sans-serif;
  322. font-size:15px;
  323. line-height:15px;
  324. text-align:right;
  325. text-transform:uppercase;
  326. letter-spacing: 1px;
  327. color: {color:infotext};
  328. }
  329.  
  330. #infobox a {
  331. font-family: 'Anton', sans-serif;
  332. font-size:14px;
  333. line-height:14px;
  334. color: {color:infolink};
  335. }
  336.  
  337. #infobox a:hover {
  338. color: {color:infotext};
  339. }
  340.  
  341. /* BUTTONS */
  342.  
  343. #buttons {
  344. width: 30px;
  345. height: 60px;
  346. position: absolute;
  347. margin: 20px 0 0 565px;
  348. }
  349.  
  350. .likebutton {
  351. width:16px;
  352. height:16px;
  353. padding: 3px;
  354. background-color: {color:posts};
  355. }
  356.  
  357. .reblogbutton {
  358. width:16px;
  359. height:16px;
  360. padding: 3px;
  361. margin-top:4px;
  362. background-color: {color:posts};
  363. }
  364.  
  365. /* TAGS */
  366.  
  367. #tagbox {
  368. width: 520px;
  369. height: auto;
  370. padding: 5px 10px;
  371. margin: 15px auto 0 auto;
  372. font-family:Arial;
  373. font-size:7px;
  374. color: {color:infotext};
  375. background-color: {color:entries};
  376. }
  377.  
  378. #tagbox a {
  379. font-family: 'Anton', sans-serif;
  380. font-size:9px;
  381. line-height: 10px;
  382. padding: 1px 3px;
  383. color: {color:tags};
  384. background-color: {color:posts};
  385. }
  386.  
  387. #tagbox a:hover {
  388. color: {color:infotext};}
  389.  
  390. #bottomtri {
  391. position:absolute;
  392. margin: -5px auto auto 10px;
  393. color: {color:posts};
  394. font-size:28px;
  395. }
  396.  
  397. /* SIDEBAR LINKS */
  398.  
  399. #sidelinks {
  400. width: 500px;
  401. height: auto;
  402. position:fixed;
  403. margin-left: 690px;
  404. bottom: 20px;
  405. letter-spacing: 2px;
  406. }
  407.  
  408. #sidelinks a {
  409. display:inline-block;
  410. font-family: 'Anton', sans-serif;
  411. font-size: 11px;
  412. line-height:11px;
  413. text-transform:uppercase;
  414. padding: 6px 9px;
  415. margin-bottom:9px;
  416. color: {color:infolink};
  417. background-color: {color:entries};
  418. -webkit-transition: all 0.4s ease-in-out;
  419. -moz-transition: all 0.4s ease-in-out;
  420. -o-transition: all 0.4s ease-in-out;
  421. transition: all 0.4s ease-in-out;
  422. }
  423.  
  424. #sidelinks a:hover {
  425. padding-left: 25px;
  426. color: {color:infotext};
  427. -webkit-transition: all 0.4s ease-in-out;
  428. -moz-transition: all 0.4s ease-in-out;
  429. -o-transition: all 0.4s ease-in-out;
  430. transition: all 0.4s ease-in-out;
  431. }
  432.  
  433. /* PAGINATION */
  434.  
  435. #pagination {
  436. width: 250px;
  437. height: auto;
  438. margin: 10px 0 0 0;
  439. }
  440.  
  441. #pagination a {
  442. display:inline-block;
  443. font-family: 'Anton', sans-serif;
  444. font-size: 11px;
  445. line-height:11px;
  446. text-transform:uppercase;
  447. padding: 6px 9px;
  448. margin-bottom:9px;
  449. letter-spacing: 3px;
  450. color: {color:accent};
  451. background-color: {color:entries};
  452. -webkit-transition: all 0.4s ease-in-out;
  453. -moz-transition: all 0.4s ease-in-out;
  454. -o-transition: all 0.4s ease-in-out;
  455. transition: all 0.4s ease-in-out;
  456. }
  457.  
  458. #pagination a:hover {
  459. padding-left: 25px;
  460. color: {color:infotext};
  461. -webkit-transition: all 0.4s ease-in-out;
  462. -moz-transition: all 0.4s ease-in-out;
  463. -o-transition: all 0.4s ease-in-out;
  464. transition: all 0.4s ease-in-out;
  465. }
  466.  
  467. /* CONTENT */
  468.  
  469. #titled {
  470. text-align:center;
  471. font-family: 'Anton', sans-serif;
  472. font-size: 28px;
  473. line-height:28px;
  474. margin: 10px auto 20px auto;
  475. color: {color:italics};
  476. }
  477.  
  478. #titled a {
  479. font-family: 'Anton', sans-serif;
  480. font-size: 28px;
  481. line-height:28px;
  482. color: {color:accent};
  483. }
  484.  
  485. #titled a:hover {
  486. color: {color:italics};
  487. }
  488.  
  489. #question {
  490. margin: 0 auto 20px auto;
  491. width: 460px;
  492. padding: 5px;
  493. border-bottom: 0px solid {color:border};
  494. border-top: 0px solid {color:border};
  495. }
  496.  
  497. .askicon {
  498. width: 52px;
  499. height: 52px;
  500. margin: auto;
  501. position:relative;
  502. text-align:center;
  503. }
  504.  
  505. .askicon img {
  506. width: 48px;
  507. height: 48px;
  508. margin: auto;
  509. border: 7px solid {color:entries};
  510. border-radius: 100%;
  511. }
  512.  
  513. .ask {
  514. margin-left:70px;
  515. width:425px;
  516. padding:5px;
  517. font-size:11px;
  518. line-height:13px;
  519. letter-spacing:1px;
  520. color: {color:asktext};
  521. }
  522.  
  523. .asker {
  524. display:inline-block;
  525. font-family: 'Anton', sans-serif;
  526. font-size:22px;
  527. line-height:23px;
  528. margin: 0px;
  529. text-transform:lowercase;
  530. font-weight:normal;
  531. padding: 0;
  532. }
  533.  
  534. #question a {
  535. color: {color:accent};
  536. }
  537.  
  538. #answer {
  539. width: 500px;
  540. height: auto;
  541. margin: 20px auto 0 auto;
  542. }
  543.  
  544. .image {
  545. opacity: 0.98;
  546. -webkit-transition: all 0.5s ease-in-out;
  547. -moz-transition: all 0.5s ease-in-out;
  548. -o-transition: all 0.5s ease-in-out;
  549. transition: all 0.5s ease-in-out;
  550. }
  551.  
  552. .image:hover {
  553. opacity:1;
  554. -webkit-transition: all 0.5s ease-in-out;
  555. -moz-transition: all 0.5s ease-in-out;
  556. -o-transition: all 0.5s ease-in-out;
  557. transition: all 0.5s ease-in-out;
  558. }
  559.  
  560. .qqmarkleft {
  561. font-size: 80px;
  562. font-family: Georgia;
  563. font-weight: bold;
  564. line-height: 100px;
  565. position: relative;
  566. margin: 0px 0 -70px 30px;
  567. color: {color:entries};
  568. opacity: 0.8;
  569. }
  570.  
  571. .qqmarkright {
  572. font-family: Georgia;
  573. font-size: 80px;
  574. font-weight: bold;
  575. padding-right: 0px;
  576. line-height: 30px;
  577. text-align: right;
  578. position: relative;
  579. margin:0 30px 0 -10px;
  580. color: {color:entries};
  581. opacity: 0.8;
  582. }
  583.  
  584. .qquote {
  585. width: 75%;
  586. font-family: 'Anton', sans-serif;
  587. font-size: 22px;
  588. text-align: justify;
  589. padding-top: 10px;
  590. letter-spacing: 1px;
  591. line-height: 25px;
  592. text-transform: none;
  593. text-indent: 15px;
  594. margin: 0px 10px;
  595. margin-bottom: 10px;
  596. position: relative;
  597. }
  598.  
  599. .qquote:first-letter {
  600. font-size: 110%;
  601. color: {color:accent};
  602. }
  603.  
  604. .qusource {
  605. width: 95%;
  606. text-align:right;
  607. font-size: 10px;
  608. font-family: Tahoma;
  609. color: {color:text};
  610. line-height: 10px;
  611. opacity: 0.7;
  612. margin-bottom:15px;
  613. padding: 2px;
  614. }
  615. .qusource a {
  616. text-align:right;
  617. font-size: 9px;
  618. line-height: 9px;
  619. padding: 1px 1px;
  620. color: {color:link};
  621. opacity: 0.9;
  622. }
  623. .qusource a:hover {
  624. opacity: 1;
  625. padding: 1px 3px;
  626. color: {color:text};
  627. background-color:transparent;
  628. }
  629.  
  630. #audio {
  631. margin-bottom: 0px;
  632. width: 490px;
  633. height:100px;
  634. padding: 5px;
  635. background-color: transparent;
  636. }
  637.  
  638. .cover {
  639. width: 100px;
  640. height: 100px;
  641. position: absolute;
  642. margin-left: 390px;
  643. }
  644.  
  645. .cover img {
  646. width: 100px;
  647. height: 100px;
  648. float: left;
  649. }
  650.  
  651. .playercontainer {
  652. width:80px;
  653. height:80px;
  654. position:absolute;
  655. display:block;
  656. background-color: #ffffff;
  657. z-index:6;
  658. opacity:0.6;
  659. -webkit-transition:all 0.7s ease-in-out;
  660. -moz-transition:all 0.7s ease-in-out;
  661. -o-transition:all 0.7s ease-in-out;
  662. -ms-transition:all 0.7s ease-in-out;
  663. transition:all 0.7s ease-in-out;
  664. margin-left: 400px;
  665. margin-top: 10px;
  666. }
  667.  
  668. .playercontainer:hover {
  669. opacity:0.8;
  670. -webkit-transition:all 0.7s ease-in-out;
  671. -moz-transition:all 0.7s ease-in-out;
  672. -o-transition:all 0.7s ease-in-out;
  673. -ms-transition:all 0.7s ease-in-out;
  674. transition:all 0.7s ease-in-out;
  675. }
  676.  
  677. .player {
  678. width: 25px;
  679. height: 25px;
  680. overflow: hidden;
  681. margin: 26px 27px;
  682. background-color:#ffffff;
  683. }
  684.  
  685. .sugarbabylove {
  686. margin-left:0px;
  687. float:left;
  688. width:373px;
  689. height: 90px;
  690. padding:5px;
  691. margin-bottom:5px;
  692. font-size:10px;
  693. line-height:13px;
  694. letter-spacing:0px;
  695. color: {color:bold};
  696. background-color:{color:entries};
  697. text-align:right;
  698. }
  699.  
  700. .sugarbabylove small {
  701. font-family: Helvetica;
  702. font-size:8px;
  703. color: {color:infotext};
  704. }
  705.  
  706. .trackname {
  707. text-align:right;
  708. font-family: 'Anton', sans-serif;
  709. font-size:24px;
  710. line-height:24px;
  711. color: {color:accent};
  712. padding: 15px 0px 13px 0px;
  713. }
  714.  
  715. .chat .line {
  716. margin: 1px 2px;
  717. padding: 2px;
  718. line-height:150%;
  719. color: {color:italics};
  720. }
  721.  
  722. .chat .line.odd {
  723. color: {color:text};
  724. }
  725.  
  726. .label {
  727. font-family: 'Anton', sans-serif;
  728. font-size:105%;
  729. font-weight:bold;
  730. color:{color:asktext};
  731. }
  732.  
  733. .cap {
  734. margin: 15px auto 0 auto;
  735. padding: 0 10px;
  736. }
  737.  
  738. #notes {background-color: transparent; width:520px; margin: 50px auto 10px auto; padding:15px; color: {color:infotext};}
  739. #notestext {width: 500px; margin: 5px auto 5px auto; background-color: transparent; padding:5px 0; text-align: left; font-size:11px;}
  740. #notes blockquote a {color:{color:link}; font-weight:normal; background-color: {color:posts}; padding: 5px; margin:0; font-style:italic;}
  741. #notes a {color:{color:infolink};}
  742.  
  743. ol.notes {list-style: none; padding:0px;}
  744. ol.notes li {background-color: {color:entries}; margin: 0 px; padding: 5px; color: {color:italics};}
  745. ol.notes .avatar {border: 1px solid {color:posts}; height: 10px; padding: 0px; width: 10px;}
  746. ol.notes li .clear {height: 0px!important;}
  747. ol.notes li blockquote {border-color: {color:border}!important; background-color: {color:posts}; padding: 5px; width:90%; margin: 4px auto 0px auto; }
  748.  
  749. ::-webkit-scrollbar-corner {
  750. background-color:{color:background};
  751. }
  752.  
  753. ::-webkit-scrollbar-thumb:vertical {
  754. background-color: {color:accent};
  755. width:7px;
  756. height:auto;
  757. border: 1px solid {color:accent};
  758. -webkit-border-radius: 1px;
  759. }
  760.  
  761. ::-webkit-scrollbar-thumb:horizontal {
  762. background-color: {color:accent};
  763. width:auto;
  764. height:7px;
  765. border: 1px solid {color:accent};
  766. -webkit-border-radius: 1px;
  767. }
  768.  
  769. ::-webkit-scrollbar {
  770. height:7px;
  771. width:7px;
  772. background-color:{color:background};
  773. }
  774.  
  775. ::-moz-selection {background-color:{color:bold}; color:{color:posts};}
  776. ::selection {background-color: {color:bold}; color: {color:posts};}
  777.  
  778.  
  779. .source {
  780. display:none;
  781. }
  782.  
  783.  
  784. {CustomCSS}
  785.  
  786.  
  787. </style>
  788.  
  789.  
  790. </head>
  791.  
  792. <body>
  793.  
  794.  
  795. <div id="sidebar">
  796.  
  797. <div id="description">
  798.  
  799. <div id="blogtitle">{text:blogtitle}</div>
  800.  
  801. <div id="desclinks">
  802.  
  803. {block:IndexPage} <div id="sidetri">◄</div>{/block:IndexPage}
  804.  
  805. <a href="/">home</a>
  806. <a href="/ask">message</a>
  807. {block:SubmissionsEnabled}<a href="/submit">submit</a>{/block:SubmissionsEnabled}
  808. <a href="/archive">archive</a>
  809. <a href="http://itsacrimetheme.tumblr.com" title="theme by itsacrimetheme" target="_blank">theme</a>
  810. </div>
  811.  
  812. <div id="desc">
  813. {Description}</div>
  814.  
  815. <div class="searchbox">
  816. <form onsubmit="return handleThis(this)" method="get" name="theform">
  817. <input type="text" name="number" value="{SearchQuery}" placeholder="SEARCH ..." />
  818. <input type="submit" value="&#xe86f;" class="sbutton" />
  819. </form>
  820. </div>
  821.  
  822. </div> <!-- description //-->
  823.  
  824. </div> <!-- sidebar //-->
  825.  
  826.  
  827.  
  828. <div id="main">
  829.  
  830. {block:IndexPage}
  831. <div id="sidelinks">
  832.  
  833. {block:HasPages}{block:Pages}
  834. <a href="{URL}">{Label}</a><br>{/block:Pages} {/block:HasPages}
  835.  
  836. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a><br>{/block:ifLink1}
  837. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a><br>{/block:ifLink2}
  838. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a><br>{/block:ifLink3}
  839. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a><br>{/block:ifLink4}
  840. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a><br>{/block:ifLink5}
  841. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a><br>{/block:ifLink6}
  842.  
  843. {block:Pagination}
  844. <div id="pagination">
  845. {block:PreviousPage}<a href="{PreviousPage}" title="Previous Page">&laquo; prev</a><br>{/block:PreviousPage}
  846. {block:NextPage}<a href="{NextPage}" title="Next Page">next &raquo;</a>{/block:NextPage}
  847. </div>
  848. {/block:Pagination}
  849. </div>
  850. {/block:IndexPage}
  851.  
  852.  
  853. <div id="entries">
  854.  
  855. {block:Posts}
  856.  
  857. {block:Date}
  858. <div id="infobox">
  859. {block:text}{block:RebloggedFrom} reblogged {/block:RebloggedFrom}{block:NotReblog} posted{/block:NotReblog}{/block:text}
  860. {block:photo}{block:RebloggedFrom} reblogged {/block:RebloggedFrom}{block:NotReblog} posted{/block:NotReblog}{/block:photo}
  861. {block:photoset}{block:RebloggedFrom} reblogged {/block:RebloggedFrom}{block:NotReblog} posted{/block:NotReblog}{/block:photoset}
  862. {block:quote}{block:RebloggedFrom} reblogged {/block:RebloggedFrom}{block:NotReblog} posted{/block:NotReblog}{/block:quote}
  863. {block:audio}{block:RebloggedFrom} reblogged {/block:RebloggedFrom}{block:NotReblog} posted{/block:NotReblog}{/block:audio}
  864. {block:video}{block:RebloggedFrom} reblogged {/block:RebloggedFrom}{block:NotReblog} posted{/block:NotReblog}{/block:video}
  865. {block:chat}{block:RebloggedFrom} reblogged {/block:RebloggedFrom}{block:NotReblog} posted{/block:NotReblog}{/block:chat}
  866. {block:link}{block:RebloggedFrom} reblogged {/block:RebloggedFrom}{block:NotReblog} posted{/block:NotReblog}{/block:link}
  867. {block:answer}{block:RebloggedFrom} reblogged {/block:RebloggedFrom}{block:NotReblog} answered{/block:NotReblog}{/block:answer}
  868. <a href="{Permalink}" title="Permalink to this post">{DayOfMonthWithZero} {Month}</a> {Year}
  869.  
  870. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentTitle}">via</a>/<a href="{ReblogRootURL}" title="{ReblogRootTitle}">src</a>{/block:RebloggedFrom} {block:NoteCount}&hearts; {NoteCount}{/block:NoteCount}
  871.  
  872. </div>
  873.  
  874. <div id="buttons">
  875. <div class="likebutton">{LikeButton color="black" size="16"}</div>
  876.  
  877. <div class="reblogbutton">{ReblogButton color="black" size="16"}</div>
  878. </div>{/block:Date}
  879.  
  880. <div id="entry">
  881.  
  882.  
  883. <div id="posts">
  884.  
  885.  
  886. {block:Quote}
  887. <div class="qqmarkleft">“</div><center><div class="qquote">{Quote}</div></center><div class="qqmarkright">”</div>
  888. {block:Source}
  889. <div class="qusource"> {Source} &nbsp; &nbsp; </div>
  890. {/block:Source}
  891. {/block:Quote}
  892.  
  893. {block:Text}
  894. {block:Title}<div id="titled">{Title}</div>
  895. {/block:Title}
  896. {Body}
  897. {/block:Text}
  898.  
  899. {block:Link}
  900. <div id="titled"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}{Description}{/block:Description}
  901. {/block:Link}
  902.  
  903. {block:Photo}
  904. <div class="image"><center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}</center></div>
  905. {/block:Photo}
  906.  
  907. {block:Photoset}
  908. <div class="image"><center>{Photoset-500}</center></div>
  909. {/block:Photoset}
  910.  
  911. {block:Chat}
  912. {block:Title}<div id="titled"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  913. <div class="chat">
  914. {block:Lines}<div class="chat"><div class="line {Alt}">
  915. <div class="{Alt} user_{UserNumber}">
  916. {block:Label}
  917. <span class="label">{Label}</span>
  918. {/block:Label}
  919. {Line}</div>
  920. </div></div>
  921. {/block:Lines}
  922. </div>
  923. {/block:Chat}
  924.  
  925. {block:Video}
  926. {Video-500}
  927. {/block:Video}
  928.  
  929. {block:Answer}
  930. <div id="question"><table>
  931. <tr>
  932. <td class="askicon"><img src="{AskerPortraitURL-48}"></td>
  933. <td class="ask"><span class="asker">{Asker} {text:asker}:</span> <br>
  934. {Question}</td>
  935. </tr>
  936. </table></div>
  937.  
  938. {Replies}
  939.  
  940. {/block:Answer}
  941.  
  942. {block:Audio}<div id="audio">
  943. <div class="cover"><img src="http://static.tumblr.com/ougddg1/R5Emaxcio/defaultmusic.png"></div>
  944. {block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  945. {block:AudioPlayer}<div class="playercontainer"><div class="player">{AudioPlayerWhite}</div>
  946. </div>{/block:AudioPlayer}
  947. <div class="sugarbabylove">
  948. {block:TrackName}<div class="trackname">{TrackName}</div>{/block:TrackName}
  949. {block:Artist}{Artist}{/block:Artist}
  950. {block:Album} <small>&&</small> {Album}{/block:Album}
  951. {block:PlayCount}<small><br>{PlayCountWithLabel}</small>{/block:PlayCount}
  952. </div>
  953. </div>
  954. {/block:Audio}
  955.  
  956.  
  957. {block:Photo}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:Photo}
  958. {block:Video}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:Video}
  959. {block:Photoset}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:Photoset}
  960. {block:Audio}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:Audio}
  961.  
  962.  
  963. <div class="source">
  964. {block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo} <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>{/block:ContentSource}
  965. </div>
  966.  
  967.  
  968. </div> <!-- posts //-->
  969.  
  970.  
  971. {block:HasTags}
  972.  
  973. <div id="bottomtri">▼</div>
  974.  
  975. <div id="tagbox">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>
  976. {/block:HasTags}
  977.  
  978.  
  979. </div> <!-- entry //-->
  980.  
  981. {/block:Posts}
  982.  
  983. {block:PostNotes}
  984. <div id="notes"><div id="notestext">{PostNotes}</div></div>
  985. {/block:PostNotes}
  986.  
  987. </div> <!-- entries //-->
  988.  
  989. </div> <!-- main //-->
  990.  
  991.  
  992. </body>
  993. </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!