API tools faq
paste
Advertisement
strangebesidethepond

Here Lies The Abyss

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