API tools faq
paste
Advertisement
strangebesidethepond

The Remorseful Day

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