Advertisement
winchesterkirk

Toxic Theme

Mar 21st, 2014
379
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.24 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. Don't remove credit or I will gank you :)
  6.  
  7. Contact me if you have any questions or concerns
  8.  
  9. -->
  10.  
  11.  
  12. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js">
  13. </script>
  14. <script type="text/javascript">
  15. $(document).ready(function(){
  16. $(".links_body").hide();
  17. $(".links_head").click(function(){
  18. $(this).next(".links_body").slideToggle('fast');
  19. }); }); </script>
  20.  
  21.  
  22. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  23. <head><title>{Title}</title>
  24. <link rel="shortcut icon" href="{Favicon}">
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  27.  
  28.  
  29.  
  30. <meta name="image:sidebar" content=""/>
  31. <meta name="image:side image" content=""/>
  32.  
  33. <meta name="text:ask link" content="/ask" />
  34. <meta name="text:link 1" content="/" />
  35. <meta name="text:link 1 text" content="link 1" />
  36. <meta name="text:link 2" content="/" />
  37. <meta name="text:link 2 text" content="link 2" />
  38. <meta name="text:link 3" content="/" />
  39. <meta name="text:link 3 text" content="link 3" />
  40. <meta name="text:cursor code" content="http://media.tumblr.com/tumblr_m2wj6h0gSu1qfamg6.gif" />
  41. <meta name="text:side image width" content="200px" />
  42. <meta name="text:side image left" content="750px" />
  43. <meta name="text:side image bottom" content="300px" />
  44.  
  45. <meta name="if:ask link" content="1"/>
  46. <meta name="if:link one" content="1"/>
  47. <meta name="if:link two" content="1"/>
  48. <meta name="if:link three" content="1"/>
  49.  
  50. <meta name="color:background" content="#ffffff"/>
  51. <meta name="color:sidebar" content="#ffffff"/>
  52. <meta name="color:text" content="#a8a8a8"/>
  53. <meta name="color:link" content="#b8b8b8"/>
  54. <meta name="color:title" content="#ffffff"/>
  55. <meta name="color:link glow" content="#fe3b80"/>
  56. <meta name="color:hover" content="#f2f2f2"/>
  57. <meta name="color:line" content="#f2f2f2"/>
  58. <meta name="color:border" content="#f4f4f4"/>
  59. <meta name="color:highlight color" content="#fba3c2"/>
  60. <meta name="color:post" content="#ffffff"/>
  61. <meta name="color:shadow" content="#fba3c2"/>
  62. <meta name="color:main links" content="#ffffff"/>
  63. <meta name="color:links background" content="#fba3c2"/>
  64. <meta name="color:sidebar border" content="#fba3c2"/>
  65. <meta name="color:description border" content="#fba3c2"/>
  66. <meta name="color:info background" content="#fba3c2"/>
  67. <meta name="color:info text" content="#fff"/>
  68. <meta name="color:ask background" content="#fba3c2"/>
  69. <meta name="color:ask text" content="#fff"/>
  70. <meta name="color:scrollbar" content="#fba3c2"/>
  71.  
  72.  
  73. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  74.  
  75. <style>
  76. div#qTip {
  77. padding: 3px;
  78. display: none;
  79. font-style:none;
  80. text-align: center;
  81. position: absolute;
  82. font-size:8px;
  83. line-height:10px;
  84. font-family: calibri;
  85. z-index: 1000;
  86. background: white;
  87. z-index: 9999999;
  88. border: 1px solid #f4f4f4;
  89. color: {color:text};
  90. letter-spacing: 1px;
  91. max-width:150px;
  92. }
  93. </style>
  94.  
  95.  
  96. <style type="text/css">
  97.  
  98. ::-webkit-scrollbar {
  99. width:8px;
  100. height:6px;
  101. background-color:{color:background};
  102. }
  103. ::-webkit-scrollbar-track {
  104. background-color:{color:background};
  105. }
  106. ::-webkit-scrollbar-thumb {
  107. background-color:{color:scrollbar};
  108. border: 2px solid {color:background};
  109. }
  110.  
  111. ::selection { background:{color:highlight color}; }
  112. ::-moz-selection { background:{color:highlight color}; }
  113.  
  114. *, body, a, a:hover {cursor: url({text:cursor code}), auto;}
  115.  
  116. @font-face {font-family: "Tiny";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  117.  
  118. body {
  119. background:{color:background};
  120. margin:0px;
  121. color:{color:text};
  122. font-family:tiny;
  123. font-size:8px;
  124. word-wrap: break-word;
  125. line-height:100%;
  126. }
  127.  
  128. a {
  129. text-decoration:none;
  130. outline:none;
  131. -moz-outline-style:none;
  132. color:{color:link};
  133. }
  134.  
  135. img {
  136. max-width:100%;
  137. height:auto;
  138. }
  139.  
  140. blockquote {
  141. margin:0px 4px;
  142. padding:0em 1em;
  143. border-left:1px solid {color:blockquote};
  144. }
  145.  
  146. li {
  147. margin:0px 0px;
  148. padding:0em 0em;
  149. }
  150.  
  151. h1 {
  152. font-size:8px;
  153. text-transform:uppercase;
  154. color:{color:title};
  155. background-color:{color:info background};
  156. padding:10px;
  157. text-align:center;
  158. }
  159.  
  160. h2 {
  161. font-size:8px;
  162. text-transform:uppercase;
  163. color:{color:title};
  164. text-align:center;
  165. text-shadow: 0 0 0.3em {color:link glow};
  166. }
  167.  
  168. a:hover {
  169. opacity:10;
  170. text-shadow: 0 0 0.3em {color:link glow};
  171. color:{color:hover};
  172. -webkit-transition: all 0.7s ease;
  173. -moz-transition: all 0.7s ease;
  174. -o-transition: all 0.7s ease
  175. }
  176.  
  177.  
  178. #entries {
  179. padding:10px;
  180. width:250px;
  181. margin-left:450px;
  182. margin-top:40px;
  183. font-size:8px;
  184. }
  185.  
  186.  
  187. #post {
  188. width:250px;
  189. padding-bottom:20px;
  190. padding:10px;
  191. margin-top:15px;
  192. border:1px solid {color:border};
  193. background-color:{color:Post};
  194. -moz-box-shadow: 5px 0px 13px {color:shadow};
  195. -webkit-box-shadow: 5px 0px 13px {color:shadow};
  196. box-shadow: 5px 0px 13px {color:shadow};
  197.  
  198. }
  199.  
  200.  
  201. #sidebar {
  202. width:115px;
  203. position:fixed;
  204. margin-left:260px;
  205. margin-top:150px;
  206. opacity:.80;
  207. }
  208.  
  209. #sidebarimage {
  210. width 100px;
  211. }
  212.  
  213. #sidebarimage img {
  214. width:100px;
  215. border:solid 1px;
  216. padding:6px;
  217. border-color: {color:sidebar border};
  218. }
  219.  
  220. .links {
  221. display:block;
  222. width:50px;
  223. padding:2px 3px;
  224. margin-top:-4px;
  225. margin-left:30px;
  226. font-size:8px;
  227. font-family:tiny;
  228. text-transform:uppercase;
  229. letter-spacing:1px;
  230. color:#fff;
  231. line-height:1.36em;
  232. text-align:center;
  233. -webkit-transition: all 0.7s ease;
  234. -moz-transition: all 0.7s ease;
  235. -o-transition: all 0.7s ease;
  236. }
  237.  
  238. .links a {
  239. display:block;
  240. max-height:10px;
  241. width:40px;
  242. padding:0px 3px;
  243. margin:1px 12px 0px 0px;
  244. margin-left:35px;
  245. font-size:8px;
  246. font-family:tiny;
  247. text-transform:uppercase;
  248. letter-spacing:1px;
  249. background-color:{color:links background};
  250. color:{color:main links};
  251. line-height:1.36em;
  252. text-align:center;
  253. -webkit-transition: all 0.7s ease;
  254. -moz-transition: all 0.7s ease;
  255. -o-transition: all 0.7s ease;
  256. }
  257.  
  258. .links a:hover {
  259. text-shadow: 0 0 0.3em {color:link glow};
  260. background-color:#fff;
  261. }
  262.  
  263.  
  264. .links_head {
  265. display:block;
  266. max-height:10px;
  267. width:40px;
  268. padding:0px 3px;
  269. margin:1px 12px 0px 0px;
  270. margin-left:35px;
  271. font-size:8px;
  272. font-family:tiny;
  273. text-transform:uppercase;
  274. letter-spacing:1px;
  275. background-color:{color:links background};
  276. color:{color:main links};
  277. line-height:1.36em;
  278. text-align:center;
  279. }
  280.  
  281. #description {
  282. position:fixed;
  283. {block:iflinkthree}
  284. max-height:47px; overflow-y: auto; overflow-x: yes scroll;
  285. min-height:47px;{/block:iflinkthree}
  286. {block:ifnotlinkthree}
  287. max-height:36px; overflow-y: auto; overflow-x: yes scroll;
  288. min-height:36px;
  289. {/block:ifnotlinkthree}
  290. {block:ifnotlinktwo}
  291. max-height:25px; overflow-y: auto; overflow-x: yes scroll;
  292. min-height:25px;
  293. {/block:ifnotlinktwo}
  294. {block:ifnotlinkone}
  295. max-height:14px; overflow-y: auto; overflow-x: yes scroll;
  296. min-height:14px;
  297. {/block:ifnotlinkone}
  298. {block:ifnotasklink}
  299. max-height:36px; overflow-y: auto; overflow-x: yes scroll;
  300. min-height:36px;
  301. {/block:ifnotasklink}
  302. {block:ifnotasklink}{block:ifnotlinkthree}
  303. max-height:25px; overflow-y: auto; overflow-x: yes scroll;
  304. min-height:25px;
  305. {/block:ifnotlinkthree}{/block:ifnotasklink}
  306. {block:ifnotasklink}{block:ifnotlinktwo}
  307. max-height:14px; overflow-y: auto; overflow-x: yes scroll;
  308. min-height:14px;
  309. {/block:ifnotlinktwo}{/block:ifnotasklink}
  310. {block:ifnotasklink}{block:ifnotlinkone}
  311. max-height:3px; overflow-y: auto; overflow-x: yes scroll;
  312. min-height:3px;
  313. {/block:ifnotlinkone}{/block:ifnotasklink}
  314. font-family:tiny;
  315. line-height:90%;
  316. font-size:8px;
  317. border:1px solid {color:description border};
  318. margin-top:-1px;
  319. width:50px;
  320. padding:8px;
  321. margin-left:0px;
  322. text-align:justify;
  323. color:{color:text};
  324. }
  325.  
  326. #description a {color:{color:text}; -moz-transition-duration:0.4s;
  327. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;}
  328.  
  329. .links_body{
  330. text-align:center;
  331. text-transform:none;
  332. width:10px;
  333. margin-left:3px;
  334. color:{color:text};
  335.  
  336. }
  337.  
  338.  
  339. #sideimage {
  340. position:fixed;
  341. margin-top:{text:side image bottom};
  342. margin-left:{text:side image left};
  343. }
  344.  
  345. #sideimage img {
  346. width:{text:side image width};
  347. }
  348.  
  349.  
  350. #pagination {
  351. width:114px;
  352. font-size:8px;
  353. text-align:center;
  354. margin-left:0px;
  355. margin-top:-1px;
  356. position:fixed;
  357. color:{color:link};
  358. font-family:tiny;
  359. letter-spacing:0px;
  360. background-color:{color:links background};
  361. }
  362.  
  363. #info {
  364. text-align:center;
  365. font-family:tiny;
  366. margin-top:20px;
  367. padding:0px 5px 5px;
  368. background:{color:info background};
  369. color:{color:info text};
  370. text-transform:uppercase;
  371. font-size:8px;
  372. font-style:none;
  373. }
  374.  
  375.  
  376.  
  377. #tags {
  378. letter-spacing:0px;
  379. font-family:tiny;
  380. text-transform:lowercase;
  381. padding:6px 6px 6px 6px;
  382. background:{color:info background};
  383. color:{color:info text};
  384. font-size:8px;
  385. margin-top:2px;
  386. text-align:center;
  387. }
  388.  
  389. #tags
  390. a {display:inline;padding:-3px;text-align:center;
  391. -webkit-transition: all 0.6s ease-in-out;
  392. -moz-transition: all 0.6s ease-in-out;
  393. -o-transition: all 0.6s ease-in-out;
  394. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  395.  
  396. #asker {
  397. padding:5px;
  398. font-family:tiny;
  399. letter-spacing:1px;
  400. font-size:8px;
  401. text-align:center;
  402. background-color:{color:ask background};
  403. color:{color:ask text};
  404. }
  405.  
  406. .newplayerbutton {
  407. position: relative;
  408. width: 20px;
  409. height: 50px;
  410. overflow: hidden;
  411. }
  412.  
  413. .playerbuttonhug {
  414. position: absolute;
  415. top: -11px;
  416. left: -12px;
  417. }
  418.  
  419. .tumblr_audio_player {
  420. border: none;
  421. padding: 0px;
  422. height: 40px;
  423. width: 500px;
  424. margin:0px 40px 10px 4px;
  425. }
  426.  
  427.  
  428. .playerbuttonbg {
  429. position:absolute;
  430. left: 14px;
  431. top: 15px;
  432. width: 13px;
  433. height: 15px;
  434. background-color: #ffffff;
  435. padding: 20px;
  436. opacity: .4;
  437. filter: alpha(opacity=40);
  438. -moz-opacity: 0.4;
  439. -khtml-opacity: 0.4;
  440. transition: opacity .7s ease-in-out;
  441. -moz-transition: opacity .7s ease-in-out;
  442. -webkit-transition: opacity .7s ease-in-out;
  443. }
  444.  
  445. .playerbuttonbg:hover {
  446. opacity: 1;
  447. filter: alpha(opacity=100);
  448. -moz-opacity: 1;
  449. -khtml-opacity: 1;
  450. }
  451.  
  452. .audioimgwrapper {
  453. position: absolute;
  454. left: 0px;
  455. top: 0px;
  456. overflow: hidden;
  457. width: 80px;
  458. height: 80px;
  459. }
  460.  
  461. .audioimgwrapper img {
  462. width: 100%;
  463. height: auto;
  464.  
  465. }
  466.  
  467. .trackdetails {
  468. width: auto;
  469. display:inline-block;
  470. line-height:20px;
  471. margin-left: 100px;
  472. height:85px;
  473. }
  474.  
  475. .audiowrapper {
  476. position: relative;
  477. display:inline-block;
  478. }
  479.  
  480.  
  481. ol.notes {
  482. width:200px;
  483. text-align:left;
  484. line-height:20px;
  485. list-style:none;
  486. color:{color:link};
  487. }
  488.  
  489. ol.notes img {
  490. display:none;
  491. }
  492.  
  493. .sfm input {background-color: #f5f5f5;
  494. font-size: 8px;
  495. width:20px;
  496. border: 0px;
  497. text-transform: uppercase;
  498. margin-top: 0px;
  499. color: #999;
  500. margin-left:35px;
  501. letter-spacing: 1px;
  502. padding: 4px 8px;
  503. font-family:tiny;}
  504.  
  505. #sf {background: url('http://static.tumblr.com/f1skqpy/Oxbn13qun/search_icon.png') #f5f5f5 left center no-repeat; background-size: 10px 10px;padding-left:12px;}
  506.  
  507. {CustomCSS}</style></head><body>
  508.  
  509. <div id="sidebar">
  510. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  511.  
  512.  
  513. <div id="sideimage"><img src="{image:side image}"></div>
  514.  
  515. <div id="description">
  516. {Description}
  517. </div>
  518.  
  519.  
  520. <div class="links">
  521. <a href="/">home</a>
  522.  
  523. {block:ifasklink}<a href="{text:ask link}">contact</a>{/block:ifasklink}
  524.  
  525. <p class="links_head">search</p>
  526. <div class="links_body"><center>
  527. <br>
  528. <script language="javascript">
  529. function send()
  530. {document.theform.submit()}
  531. </script>
  532.  
  533. <form action="/search" method="get" class="sfm" name="theform">
  534. <input type="text" name="q" value="" id="sf"/>
  535. </form>
  536. <br>
  537. </center></div>
  538.  
  539. <a href="{text:link 1}">{text:link 1 text}</a>
  540.  
  541. <a href="{text:link 2}">{text:link 2 text}</a>
  542.  
  543. <a href="{text:link 3}">{text:link 3 text}</a>
  544. </div>
  545.  
  546.  
  547. {block:Pagination}<div id="pagination">
  548. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&nbsp;&nbsp;{/block:PreviousPage}
  549. {block:JumpPagination length="5"}
  550. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  551. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  552. {/block:JumpPagination}
  553. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  554. </div>{/block:Pagination}
  555.  
  556. </div>
  557.  
  558. <div id="entries">{block:Posts}<div id="post">
  559.  
  560. {block:Text}<h2>{block:Title}{Title}{/block:Title}</h2>{Body}{/block:Text}
  561.  
  562. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  563.  
  564. {block:Photoset}{Photoset-250}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  565.  
  566. {block:Quote}<div style="font-family: tiny; font-size:8px; padding:15px; background-color:{color:ask background}; color:{color:ask text};">❝{Quote}❞</div>{block:Source}<br><br> <div style="text-align: right;"> - {Source}</div>{/block:Source}{/block:Quote}
  567.  
  568. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  569.  
  570. {block:Chat}{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  571.  
  572. {block:AudioPlayer}
  573. <div class="audiowrapper">
  574. {block:AlbumArt}
  575. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  576. {/block:AlbumArt}
  577.  
  578. <div class="playerbuttonbg">
  579. <div class="newplayerbutton">
  580. <div class="playerbuttonhug">
  581.  
  582. {AudioPlayerWhite}
  583.  
  584. </div>
  585. </div>
  586. </div>
  587.  
  588. <div class="trackdetails">
  589.  
  590. {block:TrackName}{TrackName}{/block:TrackName}<br>
  591. {block:Artist}Artist: {Artist}{/block:Artist}<br>
  592. {block:Album}Album: {Album}{/block:Album}<br>
  593. {PlayCountWithLabel}
  594.  
  595. </div>
  596. </div>
  597. {block:Caption}{Caption}{/block:Caption}
  598. {/block:AudioPlayer}
  599.  
  600. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  601.  
  602. {block:Answer}<div id="asker"><span style="font-family:tiny;font-size:8px;">{Asker}: </span>{Question}</div><left><font face="tiny">{Answer}</font>{/block:Answer}
  603.  
  604. <div id="info">
  605. <br><a href="{Permalink}">{12Hour}:{Minutes} {DayOfWeek}, {DayOfMonth} </a>
  606.  
  607. {block:RebloggedFrom} <br><a href="{ReblogParentURL}">via:</a> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}<br><a href="{SourceURL}">orgin:</a> <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  608.  
  609. <br><a href="{Permalink}">{NoteCount}</a></div>
  610.  
  611. {block:HasTags}<div id="tags">{block:Tags} <img src="http://static.tumblr.com/qlfmldj/wOKmcnquv/untitled-2.png"><a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>
  612. {/block:Posts}
  613. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  614. {/block:Posts}</div></div></div>
  615.  
  616.  
  617. <div style="position:fixed;bottom:3px; left:3px; font-size:13px; letter-spacing:1px; font-family:cambria;"><a href="http://jimothykirk.tumblr.com/">☁</a></center></div>
  618.  
  619.  
  620. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement