API tools faq
paste
ptsdnick

the void theme

ptsdnick
Jan 22nd, 2016
446
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.77 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. base code by animecharacter.tumblr.com
  6.  
  7. The Void theme by shockjockeys
  8.  
  9. ----->
  10.  
  11. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  12.  
  13. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  14.  
  15. <script>
  16.  
  17.  
  18. (function($){
  19.  
  20. $(document).ready(function(){
  21.  
  22. $("a[title]").style_my_tooltips({
  23.  
  24. tip_follows_cursor:true,
  25.  
  26. tip_delay_time:30,
  27.  
  28. tip_fade_speed:300,
  29.  
  30. attribute:"title"
  31.  
  32. });
  33.  
  34. });
  35.  
  36. })(jQuery);
  37.  
  38. </script>
  39.  
  40. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">function blockquote_colors(){
  41. var colors = ["#e45c5c", "#ffcc66", "#d7e972", "#76e2c2", "#5dc6cd", "#be7ce4", "#e45c5c", "#ffcc66", "#d7e972"];
  42. $('body').find('blockquote').each( function (i) {
  43. $(this).css("border-left-color", colors[i % colors.length]);
  44. });
  45. }
  46.  
  47. blockquote_colors();
  48.  
  49. $( document ).ajaxComplete(function() {
  50. blockquote_colors();
  51. });</script>
  52.  
  53. {block:ifredirect}<script type="text/javascript"> if(location.href == 'http://{Name}.tumblr.com/') location.replace('http://{Name}.tumblr.com/tagged/{text:redirect tag}'); </script>{/block:ifredirect}
  54.  
  55. <meta charset="utf-8">
  56. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  57. {block:Description}
  58. <meta name="description" content="{MetaDescription}" />
  59. {/block:Description}
  60.  
  61. <title>{Title}</title>
  62.  
  63. <link rel="shortcut icon" href="{Favicon}">
  64. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  65. <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  66.  
  67. <meta name="image:sidebar" content="">
  68. <meta name="image:background" content="">
  69. <meta name="image:right image" content="">
  70. <meta name="image:left image" content="">
  71. <meta name="image:cursor" content""/>
  72.  
  73. <meta name="color:bg" content="#fff">
  74. <meta name="color:text" content="#fff">
  75. <meta name="color:post bg" content="fff">
  76. <meta name="color:sidebar bg" content="fff">
  77. <meta name="color:link" content="fff">
  78. <meta name="color:link hover" content="fff">
  79. <meta name="color:dropdown" content="fff">
  80. <meta name="color:footer bg" content="fff">
  81. <meta name="color:footer txt" content="fff">
  82. <meta name="color:dropdown border" content="fff">
  83. <meta name="color:dropdown text" content="fff">
  84. <meta name="color:border" content="#fff">
  85. <meta name="color:blockquote" content="">
  86. <meta name="color:tooltip text" content="#fff">
  87. <meta name="color:tooltip bg" content="#fff">
  88. <meta name="color:selection bg" content="">
  89. <meta name="color:selection text" content="">
  90. <meta name="color:scrollbar" content="">
  91. <meta name="color:scrollbar bg" content="">
  92.  
  93. <meta name="select:post width" content="300">
  94. <meta name="select:post width" content="325">
  95. <meta name="select:post width" content="350">
  96. <meta name="select:post width" content="400">
  97. <meta name="select:border type" content="dotted">
  98. <meta name="select:border type" content="dashed">
  99. <meta name="select:border type" content="solid">
  100.  
  101. <meta name="text:font size" content="">
  102. <meta name="text:font" content="">
  103. <meta name="text:dropdown text" content=""/>
  104. <meta name="text:footer divider" content="">
  105. <meta name="text:sidebar img hover" content="">
  106. <meta name="text:redirect tag" content=""/>
  107.  
  108. <meta name="if:border" content="">
  109. <meta name="if:max bg" content=""/>
  110. <meta name="if:tiled bg" content="">
  111. <meta name="if:custom cursor" content="" />
  112. <meta name="if:number links" content=""/>
  113. <meta name="if:dropdown links" content=""/>
  114. <meta name="if:footer date" content="">
  115. <meta name="if:footer time" content="">
  116. <meta name="if:redirect" content="" />
  117.  
  118. <meta name="text:Link 1" content="">
  119. <meta name="text:Link 1 url" content="/">
  120. <meta name="text:Link 2" content="">
  121. <meta name="text:Link 2 url" content="/">
  122. <meta name="text:Link 3" content="">
  123. <meta name="text:Link 3 url" content="/">
  124. <meta name="text:left image width" content=""/>
  125. <meta name="text:left image margin left" content="0"/>
  126. <meta name="text:left image margin bottom" content="0"/>
  127. <meta name="text:right image width" content=""/>
  128. <meta name="text:right image margin left" content="0"/>
  129. <meta name="text:right image margin bottom" content="0"/>
  130.  
  131. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  132.  
  133. <style type="text/css">
  134.  
  135.  
  136. /*
  137. general text styles, fonts and colours
  138. */
  139. ::selection {
  140. background: {color:Selection bg};
  141. color: {color:Selection text};
  142. }
  143.  
  144. ::-moz-selection {
  145. background: {color:Selection bg};
  146. color: {color:Selection text};
  147. }
  148.  
  149. ::-webkit-scrollbar {
  150. width:11px;
  151. height:0;
  152. background:{color:Scrollbar bg};
  153. border:1px solid {color:Scrollbar};
  154. }
  155. ::-webkit-scrollbar-thumb {background:{color:Scrollbar};border:1px solid {color:Scrollbar};}
  156.  
  157. div.songtitle::-webkit-scrollbar {
  158. width:7px;
  159. height:0;
  160. background:{color:Scrollbar bg};
  161. border:1px solid {color:Scrollbar};
  162. }
  163. div.songtitle::-webkit-scrollbar-thumb {background:{color:Scrollbar};border:1px solid {color:Scrollbar};}
  164.  
  165. div.notebox::-webkit-scrollbar {
  166. width:7px;
  167. height:0;
  168. background:{color:Scrollbar bg};
  169. border:1px solid {color:Scrollbar};
  170. }
  171. div.notebox::-webkit-scrollbar-thumb {background:{color:Scrollbar};border:1px solid {color:Scrollbar};}
  172.  
  173. #s-m-t-tooltip {max-width:300px;border-radius:0px ;padding:3px;border:1px {select:border type} {color:border};margin:20px 7px -2px 20px;background-color:{color:tooltip bg};font-size:13px;text-transform:normal;color:{color:tooltip text};z-index:999999999999999999999999999999999999;letter-spacing:.8px;}
  174.  
  175. body {
  176. margin:0px;
  177. background:{color:bg};
  178. font-family:{text:font};
  179. font-size:{text:font size}px;
  180. line-height:140%;
  181. color:{color:text};
  182. background-attachment:fixed;
  183. {block:ifmaxbg}background: {color:background} url('{image:Background}') no-repeat center center fixed;
  184. -webkit-background-size: cover;
  185. -moz-background-size: cover;
  186. -o-background-size: cover;
  187. background-size: cover;
  188. {/block:ifmaxbg}
  189. {block:iftiledbg}background: {color:Background} url('{image:Background}') top left fixed repeat;{/block:iftiledbg}
  190. {block:ifcustomcursor} cursor:url({image:cursor}),auto; {/block:ifcustomcursor}
  191. }
  192.  
  193. p{
  194. margin:0 0 10px 0;
  195. padding:0;
  196. }
  197.  
  198. pre {
  199. white-space: pre-wrap;
  200. white-space: -moz-pre-wrap;
  201. white-space: -pre-wrap;
  202. white-space: -o-pre-wrap;
  203. word-wrap: break-word;
  204. }
  205.  
  206. a{
  207. color:{color:link};
  208. text-decoration:none;
  209. {block:ifcustomcursor} cursor:url({image:cursor}),auto; {/block:ifcustomcursor}
  210. }
  211.  
  212. a:hover{
  213. color:{color:link hover};
  214. text-decoration:underline;
  215. {block:ifcustomcursor} cursor:url({image:cursor}),auto; {/block:ifcustomcursor}
  216. }
  217.  
  218. li{
  219. margin-left:-15px;
  220. }
  221.  
  222. /*
  223. containers etc
  224. */
  225. #wrapper{
  226. width:600px;
  227. margin:50px auto;
  228. }
  229.  
  230. #sidebar{
  231. margin: 150px 0 0 -100px;
  232. padding:10px;
  233. width:110px;
  234. position:fixed;
  235. font-size:{text:font size};
  236. font:{text:font};
  237. {block:ifborder}border:1px {select:border type} {color:border};{/block:ifborder}
  238. background-color:{color:sidebar bg};
  239. }
  240.  
  241. #content{
  242. width:450px;
  243. margin-left:200px;
  244. overflow:hidden;
  245. }
  246.  
  247. .post{
  248. width:{select:post width}px;
  249. padding:10px;
  250. {block:ifborder}
  251. border: 1px {select:border type} {color:border};{/block:ifborder}
  252. margin:0 0 50px 0;
  253. overflow:hidden;
  254. background-color:{color:post bg};
  255. }
  256.  
  257. #sidebar img, .post img{
  258. max-width:100%;
  259. }
  260.  
  261. #nav{
  262. margin:20px 0 0 0;
  263. border-top:solid 1px {color:border};
  264. }
  265.  
  266. #default{
  267. word-spacing:2px;
  268. padding:4px;
  269. line-height:150%;
  270. border: 1px solid {color:border};
  271. }
  272.  
  273. /*
  274. content in the body of the posts - quotes, asks, etc
  275. "media" contains photos, photosets, videos, audio posts
  276. */
  277. .media{
  278. margin:0 0 10px 0;
  279. }
  280.  
  281. .title{
  282. font-weight:normal;
  283. font-size:23px;
  284. margin:0 0 10px 0;
  285. border-bottom:solid 1px {color:border};
  286. padding-bottom:5px;
  287. }
  288.  
  289. #audio {
  290. width:100% {select:post width};
  291. height:50px;
  292. margin-bottom:10px;
  293. display:block;
  294. padding:5px;
  295. }
  296.  
  297. #audio .player{background:#FFF;height:25px;width:25px;padding:2px;overflow:hidden;position:absolute;margin-top:8px;margin-left:8px;border:2px solid #fff;opacity:0.8;z-index:2;}
  298.  
  299. .art{width:55px;height:55px; position:absolute;display:block;z-index:1;}
  300. .art img{width:50px;height:50px;}
  301.  
  302. .songtitle{margin-left:60px;height:40px;padding:5px 10px;line-height:13px;overflow:auto;font-size:11px;}
  303.  
  304. .quote{
  305. font-weight:normal;
  306. font-size:16px;
  307. font-style:italic;
  308. margin:0 0 10px 0;
  309. }
  310.  
  311. .question{
  312. margin-bottom:10px;
  313. padding:5px;
  314. border-bottom:1px solid {color:border};
  315. }
  316.  
  317. blockquote{
  318. margin:0 0 10px 10px;
  319. padding:0 0 0 10px;
  320. border-left:solid 1px {color:blockquote};
  321. }
  322.  
  323. /*
  324. post footers - date, tags, via and source
  325. */
  326. .post .footer{
  327. margin:0;
  328. text-align:left;
  329. background-color:{color:footer bg};
  330. padding: 5px;{block:ifborder}
  331. border:solid 1px {color:border};{/block:ifborder}
  332. color:{color:footer txt};
  333. }
  334.  
  335. /*
  336. post notes
  337. */
  338. ol.notes{
  339. list-style-type:none;
  340. padding:0;
  341. margin:0;
  342. }
  343.  
  344. ol.notes li.note img{
  345. width:16px;
  346. height:16px;
  347. }
  348.  
  349. ol.notes li.note{
  350. margin:0px;
  351. }
  352.  
  353. {CustomCSS}
  354. </style>
  355. </head>
  356.  
  357. <body>
  358. <div id="wrapper">
  359.  
  360.  
  361. <div id="sidebar">
  362. <center><a href="/" title="{text:Sidebar img hover}"> <img src="{image:Sidebar}"></a></center>
  363. {block:Description}
  364. <p><center>{Description}</center></p>
  365. {/block:Description}
  366.  
  367. {block:ifDropdownlinks}
  368. <center>
  369. <select style="width: 100px; border: 1px solid {color:dropdown border}; padding: 3px; color: {color:dropdown text}; background-color: {color:dropdown}; font-family: {text:font}; font-size: {text:font size};" onChange="location.href=this.options[this.selectedIndex].value;">
  370.  
  371. <option>{text:dropdown text}</option>
  372.  
  373. <option value="/">home</option>
  374.  
  375. <option value="/ask">ask</option>
  376.  
  377. {block:ifLink1}<option value="{text:Link 1 URL}">{text:Link 1}</option>{block:ifLink1}
  378.  
  379. {block:ifLink2}<option value="{text:Link 2 URL}">{text:Link 2}</option>{block:ifLink2}
  380.  
  381. {block:ifLink3}<option value="{text:Link 3 URL}">{text:Link 3}</option>{block:ifLink3}
  382.  
  383. </select>
  384. {/block:ifDropdownlinks}
  385.  
  386. {block:ifnumberlinks}
  387. <div id="default"><center>
  388. <b><a href="/" title="home">01</a>
  389. <a href="/ask" title="ask">02</a>
  390. {block:ifLink1}<a href="{text:Link 1 URL}" title="{text:link 1}" >03</a>{/block:ifLink1}
  391. {block:ifLink2}<a href="{text:Link 2 URL}" title="{text:link 2}" >04</a>{/block:ifLink2}
  392. {block:ifLink3}<a href="{text:Link 3 URL}" title="{text:link 3}" >05</a>{/block:ifLink3}
  393. </b>
  394. </center>
  395. </div>
  396. {/block:ifnumberlinks}
  397.  
  398. {block:Pagination}
  399. <div id="nav"><center>
  400. {block:PreviousPage}<b><a href="{PreviousPage}">Prev</a></b>{/block:PreviousPage}
  401. -
  402. {block:NextPage}<b><a href="{NextPage}">Next</a></a></b>{/block:NextPage}
  403. </center></div>
  404. {/block:Pagination}
  405.  
  406. </div>
  407.  
  408.  
  409.  
  410. <div id="content">
  411. {block:Posts}
  412.  
  413. <div class="post">
  414.  
  415. {block:Text}
  416. {block:Title}
  417. <div class="title">{Title}</div>
  418. {/block:Title}
  419. {Body}
  420. {/block:Text}
  421.  
  422. {block:Photo}
  423. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  424. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  425. {/block:Photo}
  426.  
  427. {block:Photoset}
  428. <div class="media">{Photoset}</div>
  429. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  430. {/block:Photoset}
  431.  
  432. {block:Quote}
  433. <div class="quote">"{Quote}"</div>
  434. {block:Source}
  435. <div class="quotesource">{Source}</div>
  436. {/block:Source}
  437. {/block:Quote}
  438.  
  439. {block:Link}
  440. <div class="title"><a href="{URL}">{Name}</a></div>
  441. {block:Description}
  442. <div class="description">{Description}</div>
  443. {/block:Description}
  444. {/block:Link}
  445.  
  446. {block:Chat}
  447. {block:Title}
  448. <div class="title">{Title}</div>
  449. {/block:Title}
  450.  
  451. {block:Lines}
  452. <div class="{Alt} user_{UserNumber}">
  453. {block:Label}
  454. <b>{Label}</b>{/block:Label}
  455. &nbsp;{Line}
  456. </div>
  457. {/block:Lines}
  458. {/block:Chat}
  459.  
  460. {block:Video}
  461. <div class="media">{Video-400}</div>
  462. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  463. {/block:Video}
  464.  
  465. {block:Audio}
  466. <div id="audio">
  467. <div class="art">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  468. <div class="player">{AudioPlayerWhite}</div>
  469. <div class="songtitle">
  470. {block:TrackName}<i>{TrackName}</i>{/block:TrackName}<br>
  471. {block:Artist}{Artist}{/block:Artist}<br>
  472. {block:Album}{Album}{/block:Album}</div></div>
  473. {block:Caption}{Caption}{/block:Caption}
  474. {/block:Audio}
  475.  
  476. {block:Answer}
  477. <div class="question">{Asker} asked: {Question}</div>
  478. <div class="caption">{Answer}</div>
  479. {/block:Answer}
  480.  
  481.  
  482. {block:Date}<br>
  483. <div class="footer">
  484. <center><a href="{Permalink}">{block:iffooterdate}{MonthNumber}.{DayOfMonth}.{Year}{/block:iffooterdate}{block:iffootertime}{TimeAgo}{/block:iffootertime} {block:NoteCount} {text:footer divider} {NoteCount}{/block:NoteCount} </a>
  485. {block:HasTags}<br>tagged as: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  486. </center>
  487. </div>
  488.  
  489. {block:PermalinkPage}
  490. {block:NoteCount}
  491. {block:PostNotes}{PostNotes}{/block:PostNotes}
  492. {/block:NoteCount}
  493. {/block:PermalinkPage}
  494. {/block:Date}
  495.  
  496. </div>
  497. {/block:Posts}
  498.  
  499. </div>
  500.  
  501. <div id="imageleft" style="position:fixed; bottom:{text:left image margin bottom}px; z-index:-1; left:{text:left image margin left}px;"><img src="{image:Left Image}"width="{text:left image width}"></div>
  502.  
  503. <div id="imageright" style="position:fixed; bottom:{text:right image margin bottom}px; right:{text:right image margin left}px; z-index:-1;"><img src="{image:right Image}"width="{text:right image width}"></div>
  504.  
  505. <a style="bottom:2px;right:2px;background:none;none;position:fixed;padding:2px;font-size:15px;color:{color:Link};text-decoration:none;" href="http://www.shockjockeys.tumblr.com" title="credit">🔪</a>
  506.  
  507. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  508. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  509.  
  510. </body>
  511. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!