API tools faq
paste
Advertisement
strangebesidethepond

Dear me, Mr Holmes

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