Advertisement
strangebesidethepond

Never Never Land

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