Advertisement
curlyrps

"jaded", theme 9 by harryassists

Mar 20th, 2014
1,633
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.80 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head><title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9. <!---
  10. theme 9 "JADED" by harryassists
  11. • do NOT redistribute
  12. • editing for personal use is totally welcome
  13. • come to me if you'd like to release an edited version
  14. • taking little snippets and putting them into your own coding is STILL stealing and i WILL ask you to take said snippet down
  15. • don't take images from the static preview
  16. • thank you for using this theme, have fun! :-)
  17. --->
  18.  
  19. <meta name="color:Background" content="#ffffff"/>
  20. <meta name="color:Text" content="#a8a8a8"/>
  21. <meta name="color:postbg" content="#000000"/>
  22. <meta name="color:Border" content="#dddddd"/>
  23. <meta name="color:links" content=""/>
  24. <meta name="color:accent" content="#f2f2f2"/>
  25. <meta name="color:Scrollbar" content="#000000"/>
  26. <meta name="color:Post Links" content="#c0bfbf"/>
  27. <meta name="color:postcontainer" content=""/>
  28.  
  29. <meta name="image:Background" content=""/>
  30. <meta name="image:sidebar" content=""/>
  31. <meta name="image:safetybg" content=""/>
  32.  
  33. <meta name="text:asklabel" content=""/>
  34. <meta name="text:link 1 label" content="" />
  35. <meta name="text:link 2 label" content="" />
  36. <meta name="text:link 3 label" content="" />
  37. <meta name="text:link 4 label" content="" />
  38. <meta name="text:link 5 label" content="" />
  39. <meta name="text:link 1" content=""/>
  40. <meta name="text:link 2" content=""/>
  41. <meta name="text:link 3" content=""/>
  42. <meta name="text:link 4" content=""/>
  43. <meta name="text:link 5" content=""/>
  44.  
  45. <style type="text/css">
  46.  
  47. @font-face {
  48. font-family: 'SILK';
  49. src: url('http://static.tumblr.com/53qqekh/EQEn19w3o/slkscr.ttf') format('truetype');
  50. font-weight: normal;
  51. font-style: normal;
  52.  
  53. }
  54.  
  55. #tumblr_controls{
  56.  
  57. position:fixed !important;
  58.  
  59. -webkit-filter: invert(100%);
  60.  
  61. }
  62.  
  63. ::-webkit-scrollbar-thumb {
  64. height:9px;
  65. background-color:{color:scrollbar};
  66. border:1px solid {color:postcontainer};
  67. }
  68.  
  69. ::-webkit-scrollbar {
  70. margin-right:5px;
  71. width:7px;
  72. height:5px;
  73. border:3px solid {color:postcontainer};
  74. background-color:{color:scrollbar};
  75. }
  76.  
  77.  
  78. body {
  79. background:{color:background};
  80. margin:0px;
  81. color:{color:text};
  82. font-family:"silk";
  83. font-size:8px;
  84. line-height:100%;
  85. letter-spacing:0px;
  86. text-align:justify;
  87. background-image:url('{image:background}');
  88. background-attachment:fixed;
  89. }
  90.  
  91. small {
  92. font-size:8px;
  93. font-family:"silk";
  94. }
  95.  
  96. li {
  97. list-style-type:square;
  98. }
  99.  
  100. a {
  101. text-decoration:none;
  102. outline:none;
  103. -moz-outline-style:none;
  104. color:{color:Post Links};
  105. }
  106.  
  107. sub {
  108. font-size:8px;
  109. }
  110.  
  111. sup {
  112. font-size:8px;
  113. }
  114.  
  115. img {
  116. max-width:100%;
  117. }
  118.  
  119. blockquote {
  120. padding:10px;
  121. border-left:4px solid {color:postcontainer};
  122. width:auto;
  123. background-color:{color:accent};
  124. color:{color:postbg};
  125. -webkit-border-top-right-radius: 4px;
  126. -webkit-border-bottom-right-radius: 4px;
  127. -moz-border-radius-topright: 4px;
  128. -moz-border-radius-bottomright: 4px;
  129. border-top-right-radius: 4px;
  130. border-bottom-right-radius: 4px;
  131. }
  132.  
  133. blockquote a{
  134. color:{color:postbg};
  135. text-decoration:underline;
  136. }
  137.  
  138. pre {
  139. width:auto;
  140. word-wrap:break-word;
  141. text-transform:uppercase;
  142. text-align:center;
  143. background-color:{color:postcontainer};
  144. padding:3px;
  145. color:{color:postbg};
  146. border-top:4px solid {color:accent};
  147. -webkit-border-top-left-radius: 4px;
  148. -webkit-border-top-right-radius: 4px;
  149. -moz-border-radius-topleft: 2px;
  150. -moz-border-radius-topright: 2px;
  151. border-top-left-radius: 4px;
  152. border-top-right-radius: 4px;
  153. }
  154.  
  155. h1 {
  156. font-size:8px;
  157. font-family:'silk';
  158. text-decoration:none;
  159. border-left:4px solid {color:postcontainer};
  160. width:auto;
  161. background-color:{color:background};
  162. text-align:left;
  163. color:{color:postbg};
  164. padding:5px;
  165. font-weight:normal;
  166. }
  167.  
  168. h1 a{
  169. color:{color:post links};
  170. }
  171.  
  172. h2 {
  173. font-size:8px;
  174. font-family:'silk';
  175. font-style:none;
  176. width:auto;
  177. background-color:{color:background};
  178. text-align:center;
  179. color:{color:postbg};
  180. padding:5px;
  181. }
  182.  
  183. h2 a{
  184. color:{color:post links};
  185. }
  186.  
  187. a:hover {
  188. color:{color:accent};
  189. -moz-transition-duration:0.3s;
  190. -webkit-transition-duration:0.3s;
  191. -o-transition-duration:0.3s;
  192. }
  193.  
  194. #s-m-t-tooltip {
  195.  
  196. max-width:300px;
  197. background-color:{color:postbg};
  198. font-size:9px;
  199. font:"SILK";
  200. color:{color:text};
  201. letter-spacing:1px;
  202. text-transform:lowercase;
  203. padding:5px;
  204. margin:20px 0px 0px 20px;
  205. z-index:9999999999999999999999;
  206. }
  207.  
  208. #more {
  209. width:auto;
  210. text-transform:uppercase;
  211. text-align:center;
  212. background-color:{color:postcontainer};
  213. padding:3px;
  214. color:{color:postbg};
  215. border-bottom:4px solid {color:accent};
  216. -webkit-border-bottom-right-radius: 4px;
  217. -webkit-border-bottom-left-radius: 4px;
  218. -moz-border-radius-bottomright: 4px;
  219. -moz-border-radius-bottomleft: 4px;
  220. border-bottom-right-radius: 4px;
  221. border-bottom-left-radius: 4px;
  222. }
  223.  
  224. /*ENTRIES*/
  225.  
  226. #entries {
  227. padding:10px;
  228. width:570px;
  229. margin-left:65px;
  230. padding-left:283px;
  231. position:fixed;
  232. margin-top:45px;
  233. height:550px;
  234. overflow:auto;
  235. border:10px solid {color:postcontainer};
  236. font-size:8px;
  237. background-color:{color:postcontainer};
  238. font-family:"silk";
  239. letter-spacing:0px;
  240. -webkit-border-bottom-right-radius: 4px;
  241. -webkit-border-bottom-left-radius: 4px;
  242. -moz-border-radius-bottomright: 4px;
  243. -moz-border-radius-bottomleft: 4px;
  244. border-bottom-right-radius: 4px;
  245. border-bottom-left-radius: 4px;
  246. }
  247.  
  248. #post {
  249. margin-bottom:20px;
  250. margin-left:15px;
  251. width:500px;
  252. padding-left:25px;
  253. padding-right:25px;
  254. padding-top:25px;
  255. margin-top:-6px;
  256. background-color:{color:postbg};
  257. border-top:4px solid {color:accent};
  258. -webkit-border-radius: 5px;
  259. -moz-border-radius: 5px;
  260. border-radius: 5px;
  261. }
  262.  
  263. /*SIDEBAR*/
  264.  
  265. #sidebar {
  266. margin-top:62px;
  267. margin-left:82px;
  268. position:fixed;
  269. z-index:99999;
  270. outline:1px solid {color:border};
  271. outline-offset:4px;
  272. }
  273.  
  274. .slinks {
  275. position:fixed;
  276. margin-top:65px;
  277. margin-left:950px;
  278. }
  279.  
  280. .slinks a {
  281. width:315px;
  282. margin-bottom:-3px;
  283. height:8px;
  284. text-align:center;
  285. padding:6px;
  286. letter-spacing:3px;
  287. color:{color:postbg};
  288. font-family:'silk';
  289. background-color:{color:links};
  290. font-size:8px;
  291. text-transform:uppercase;
  292. display:block;
  293. border-top:4px solid {color:border};
  294. -webkit-border-radius: 4px;
  295. -moz-border-radius: 4px;
  296. border-radius: 4px;
  297. -moz-transition-duration:0.8s;
  298. -webkit-transition-duration:0.8s;
  299. -o-transition-duration:0.8s;
  300. }
  301.  
  302. .slinks a:hover {
  303. letter-spacing:10px;
  304. -webkit-box-shadow:inset 400px 0px {color:accent};
  305. -moz-transition-duration:0.8s;
  306. -webkit-transition-duration:0.8s;
  307. -o-transition-duration:0.8s;}
  308.  
  309. #othertext {
  310. font-size:8px;
  311. height:170px;
  312. margin-left:950px;
  313. position:fixed;
  314. text-transform:none;
  315. background-color:{color:accent};
  316. border-top:4px solid {color:postbg};
  317. color:text;
  318. padding:10px;
  319. width:310px;
  320. margin-top:425px;
  321. position:fixed;
  322. overflow:auto;
  323. z-index:9999999;
  324. -webkit-border-radius: 4px;
  325. -moz-border-radius: 4px;
  326. border-radius: 4px;
  327. }
  328.  
  329. #description {
  330. font-size:8px;
  331. height:100px;
  332. margin-left:950px;
  333. position:fixed;
  334. text-transform:none;
  335. background-color:{color:accent};
  336. border-top:4px solid {color:postbg};
  337. color:text;
  338. padding:10px;
  339. width:310px;
  340. margin-top:250px;
  341. position:fixed;
  342. overflow:auto;
  343. z-index:9999999;
  344. -webkit-border-radius: 4px;
  345. -moz-border-radius: 4px;
  346. border-radius: 4px;
  347. }
  348.  
  349. #description a{
  350. color:{color:postbg};
  351. }
  352.  
  353. #pagination {
  354. margin-top:387px;
  355. margin-left:951px;
  356. position:fixed;
  357. width:315px;
  358. height:10px;
  359. padding:6px;
  360. font-family:"silk";
  361. color:{color:text};
  362. background-color:{color:accent};
  363. font-size:8px;
  364. text-transform:uppercase;
  365. text-align:center;
  366. z-index:999999;
  367. border-top:4px solid {color:border};
  368. -webkit-border-radius: 4px;
  369. -moz-border-radius: 4px;
  370. border-radius: 4px;
  371. }
  372.  
  373. #pagination a {
  374. color:{color:text};
  375. }
  376.  
  377. #thingscontainer {
  378. background-color:{color:postcontainer};
  379. width:331px;
  380. padding:10px;
  381. height:570px;
  382. margin-top:45px;
  383. margin-left:943px;
  384. position:fixed;
  385. z-index:-9999;
  386. -webkit-border-bottom-right-radius: 4px;
  387. -webkit-border-bottom-left-radius: 4px;
  388. -moz-border-radius-bottomright: 4px;
  389. -moz-border-radius-bottomleft: 4px;
  390. border-bottom-right-radius: 4px;
  391. border-bottom-left-radius: 4px;
  392. }
  393.  
  394. #title {
  395. background-color:{color:accent};
  396. padding:10px;
  397. height:7px;
  398. margin-top:14px;
  399. font-family:courier;
  400. text-align:center;
  401. font-size:12px;
  402. letter-spacing:30px;
  403. text-transform:uppercase;
  404. font-weight:bold;
  405. margin-left:64px;
  406. width:1210px;
  407. position:fixed;
  408. z-index:9999;
  409. -webkit-border-top-left-radius: 4px;
  410. -webkit-border-top-right-radius: 4px;
  411. -moz-border-radius-topleft: 2px;
  412. -moz-border-radius-topright: 2px;
  413. border-top-left-radius: 4px;
  414. border-top-right-radius: 4px;
  415. border-top:4px solid {color:border};
  416. }
  417.  
  418. /*POST INFO*/
  419.  
  420. #info {
  421. width:540px;
  422. text-align:right;
  423. font-family:'silk';
  424. margin-top:0px;
  425. margin-left:-25px;
  426. padding-top:3px;
  427. color:{color:postbg};
  428. font-size:9px;
  429. font-style:none;
  430. padding:5px;
  431. line-height:10px;
  432. text-transform:uppercase;
  433. z-index:99999;
  434. background-color:{color:background};
  435. -webkit-border-bottom-right-radius: 4px;
  436. -webkit-border-bottom-left-radius: 4px;
  437. -moz-border-radius-bottomright: 4px;
  438. -moz-border-radius-bottomleft: 4px;
  439. border-bottom-right-radius: 4px;
  440. border-bottom-left-radius: 4px;
  441. }
  442.  
  443. #info a {
  444. text-align:center;
  445. color:{color:postbg};
  446. }
  447.  
  448. #info a:hover {
  449. -moz-transition-duration:0.3s;
  450. -webkit-transition-duration:0.3s;
  451. -o-transition-duration:0.3s;
  452. color:{color:accent}
  453. }
  454.  
  455. #tags {
  456. background-color:{color:background};
  457. text-align:left;
  458. width:511px;
  459. margin-top:2px;
  460. margin-left:-1px;
  461. text-align:left;
  462. font-family:'silk';
  463. font-size:8px;
  464. padding-left:30px;
  465. font-size:8px;
  466. opacity:1;
  467. transition-duration: 0.5s;
  468. -moz-transition-duration: 0.5s;
  469. -webkit-transition-duration: 0.5s;
  470. -o-transition-duration: 0.5s
  471. color:{color:postbg};
  472. -webkit-border-bottom-right-radius: 4px;
  473. -webkit-border-bottom-left-radius: 4px;
  474. -moz-border-radius-bottomright: 4px;
  475. -moz-border-radius-bottomleft: 4px;
  476. border-bottom-right-radius: 4px;
  477. border-bottom-left-radius: 4px;
  478. }
  479.  
  480. #tags a {
  481. letter-spacing:0px;
  482. font-size:8px;
  483. text-align:center;
  484. font-family:'SILK';
  485. text-decoration:none;
  486. display:inline-block;
  487. color:{color:postbg};
  488. }
  489.  
  490. #tags a:hover {
  491. -moz-transition-duration:0.3s;
  492. -webkit-transition-duration:0.3s;
  493. -o-transition-duration:0.3s;
  494. color:{color:accent};
  495. }
  496.  
  497. /*QUESTION*/
  498.  
  499. #ask {
  500. background-color:{color:background};
  501. padding:14px;
  502. font-family:"silk";
  503. font-size:8px;
  504. letter-spacing:0px;
  505. text-align:center;
  506. margin-top:0px;
  507. margin-left:0px;
  508. text-transform:lowercase;
  509. line-height:100%;
  510. color:{color:postbg};
  511. -webkit-border-top-left-radius: 4px;
  512. -webkit-border-top-right-radius: 4px;
  513. -moz-border-radius-topleft: 4px;
  514. -moz-border-radius-topright: 4px;
  515. border-top-left-radius: 4px;
  516. border-top-right-radius: 4px;
  517. }
  518.  
  519. #ask a{
  520. color:{color:text};
  521. }
  522.  
  523. #asker {
  524. color:{color:postbg};
  525. padding-bottom:5px;
  526. font-family:'silk';
  527. text-transform:uppercase;
  528. padding-left:5px;
  529. font-size:8px;
  530. letter-spacing:1px;
  531. text-align:center;
  532. padding-right:5px;
  533. width:490px;
  534. margin-top:0px;
  535. background-color:{color:accent};
  536. padding-top:15px;
  537. padding-bottom:15px;
  538. -webkit-border-bottom-right-radius: 4px;
  539. -webkit-border-bottom-left-radius: 4px;
  540. -moz-border-radius-bottomright: 4px;
  541. -moz-border-radius-bottomleft: 4px;
  542. border-bottom-right-radius: 4px;
  543. border-bottom-left-radius: 4px;
  544. }
  545.  
  546. #asker a{
  547. color:{color:postcontainer};
  548. }
  549. /*CREDIT*/
  550.  
  551. #cred {
  552. position:fixed;
  553. font-size:10px;
  554. font-family:'helvetica';
  555. background-color:{color:postbg};
  556. right:9px;
  557. bottom:9px;
  558. padding:5px;
  559. z-index:9999999999999999999999999;
  560. -webkit-border-radius: 4px;
  561. -moz-border-radius: 4px;
  562. border-radius: 4px;
  563. }
  564.  
  565. {CustomCSS}</style></head><body>
  566.  
  567. <!-- start of script tooltip -->
  568. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  569.  
  570. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  571.  
  572. <script>
  573.  
  574. (function($){
  575.  
  576. $(document).ready(function(){
  577.  
  578. $("a[title]").style_my_tooltips({
  579.  
  580. tip_follows_cursor:true,
  581.  
  582. tip_delay_time:10,
  583.  
  584. tip_fade_speed:60,
  585.  
  586. attribute:"title"
  587.  
  588. });
  589.  
  590. });
  591.  
  592. })(jQuery);
  593.  
  594. </script>
  595.  
  596. <img src="{image:safetybg}"
  597. style="position:fixed;margin-top:0px;right:0px;z-index:-9999999999;" /></a>
  598.  
  599. <div id="sidebar"><img src="{image:sidebar}"/></div>
  600.  
  601. <div id="thingscontainer"></div>
  602.  
  603. <div class="slinks">
  604. <a href="{text:link 1}">{text:link 1 label}</a><br><br>
  605. <a href="{text:link 2}">{text:link 2 label}</a><br><br>
  606. <a href="{text:link 3}">{text:link 3 label}</a><br><br>
  607. <a href="{text:link 4}">{text:link 4 label}</a><br><br>
  608. <a href="{text:link 5}">{text:link 5 label}</a></div>
  609.  
  610. <div id="othertext">
  611. <h1>edit this in the html</h1>
  612. <p>heey- here's how to format text.</p>
  613. <h1>without the spaces, < h1 > will give you this effect. end the effect with < / h1 >.</h1>
  614. <blockquote>without the spaces, < blockquote > will give you this effect. end the effect with < / blockquote >.</blockquote>
  615. <p>this is <b>bolded text</b> and this is <i>italicized text</i>.</p>
  616. <p>this message will repeat until a scrollbar shows up.</p>
  617. <p>heey- here's how to format text.</p>
  618. <h1>without the spaces, < h1 > will give you this effect. end the effect with < / h1 >.</h1>
  619. <blockquote>without the spaces, < blockquote > will give you this effect. end the effect with < / blockquote >.</blockquote>
  620. <p>this is <b>bolded text</b> and this is <i>italicized text</i>.</p>
  621. <p>this message will repeat until a scrollbar shows up.</p>
  622. <p>heey- here's how to format text.</p>
  623. <h1>without the spaces, < h1 > will give you this effect. end the effect with < / h1 >.</h1>
  624. <blockquote>without the spaces, < blockquote > will give you this effect. end the effect with < / blockquote >.</blockquote>
  625. <p>this is <b>bolded text</b> and this is <i>italicized text</i>.</p>
  626. <p>this message will repeat until a scrollbar shows up.</p>
  627. </p>
  628.  
  629. </div>
  630.  
  631. </div>
  632.  
  633. <div id="description">{Description}</div>
  634.  
  635. </div>
  636.  
  637. <div id="title">{Title}</div>
  638.  
  639. <div id="pagination">
  640. {block:Pagination}{block:PreviousPage}
  641. <a href="{PreviousPage}"> « </a>
  642. {/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}
  643. <span class="current_page">{PageNumber}</span>
  644. {/block:CurrentPage}{block:JumpPage}
  645. <a class="jump_page" href="{URL}">{PageNumber}</a>
  646. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  647. <a href="{NextPage}"> » </a>
  648. {/block:NextPage}{/block:Pagination}
  649. </div>
  650.  
  651. <div id="entries">
  652. {block:Posts}
  653. <div id="post">
  654.  
  655. {block:Text}
  656. {block:Title}<h1>{Title}</h1>{/block:Title}
  657. {Body}{/block:Text}
  658.  
  659. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  660. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  661.  
  662. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  663. {/block:Caption}{/block:Photoset}
  664.  
  665. {block:Quote}<h2>"{Quote}"</h2>
  666. {block:Source}<div class="qsource"> —{Source}</div>
  667. {/block:Source}{/block:Quote}
  668.  
  669. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  670.  
  671. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  672.  
  673. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  674. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  675. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  676. {/block:ExternalAudio}<b>Played:</b> {PlayCount}<br>
  677. {/block:Audio}<br>
  678.  
  679. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  680.  
  681. {block:Answer}<div id="ask"><p>"{Question}",</div><div id="asker">{text:asklabel} {Asker}.</div>{Answer}{/block:answer}
  682.  
  683. {block:More}<div id="more"><a href="{Permalink}">READ MORE</a></div>{/block:More}
  684.  
  685. <p></p><p>
  686. <div id="info">
  687. <a href="{Permalink}">{TimeAgo}</a> ▴
  688. {block:RebloggedFrom} <a href="{ReblogParentURL}"> via </a>{/block:RebloggedFrom} ▴ {block:ContentSource} <a href="{SourceURL}"> source </a>{/block:ContentSource}
  689. ▴ {NoteCount}</a>
  690. {block:HasTags}<div id="tags">
  691.  
  692. {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}
  693. </div>{block:HasTags}
  694. </div>
  695. </div>
  696. {/block:Posts}
  697. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  698. {/block:Posts}</div></div></div>
  699. <br><br><br><br>
  700.  
  701. <div id="cred">
  702. <a href="http://harryassists.tumblr.com/"><big><big>☯ ☯ ☯</big></big></a>
  703. </div>
  704. </div>
  705.  
  706. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement