ptsdnick

all spliced up theme

Mar 15th, 2016
357
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.99 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. base code by animecharacter.tumblr.com
  6.  
  7. all spliced up theme by eddie!
  8.  
  9. credit if used is not compulsory but it's nice if you mention where you got this
  10.  
  11. ----->
  12.  
  13. {text:statcounter code}
  14.  
  15. {block:ifredirect}<script type="text/javascript"> if(location.href == 'http://{Name}.tumblr.com/') location.replace('http://{Name}.tumblr.com/tagged/{text:redirect tag name}'); </script>{/block:ifredirect}
  16.  
  17. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  18.  
  19. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  20.  
  21. <script>
  22.  
  23.  
  24. (function($){
  25.  
  26. $(document).ready(function(){
  27.  
  28. $("a[title]").style_my_tooltips({
  29.  
  30. tip_follows_cursor:true,
  31.  
  32. tip_delay_time:30,
  33.  
  34. tip_fade_speed:300,
  35.  
  36. attribute:"title"
  37.  
  38. });
  39.  
  40. });
  41.  
  42. })(jQuery);
  43.  
  44. </script>
  45.  
  46. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">function blockquote_colors(){
  47. var colors = ["#e45c5c", "#ffcc66", "#d7e972", "#76e2c2", "#5dc6cd", "#be7ce4", "#e45c5c", "#ffcc66", "#d7e972"];
  48. $('body').find('blockquote').each( function (i) {
  49. $(this).css("border-left-color", colors[i % colors.length]);
  50. });
  51. }
  52.  
  53. blockquote_colors();
  54.  
  55. $( document ).ajaxComplete(function() {
  56. blockquote_colors();
  57. });</script>
  58.  
  59. <meta charset="utf-8">
  60. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  61. {block:Description}
  62. <meta name="description" content="{MetaDescription}" />
  63. {/block:Description}
  64.  
  65. <title>{Title}</title>
  66.  
  67. <link rel="shortcut icon" href="{image:favicon}">
  68. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  69. <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  70.  
  71. <meta name="image:background" content="">
  72. <meta name="image:sidebar" content="">
  73. <meta name="image:cursor" content=""/>
  74. <meta name="image:favicon" content=""/>
  75.  
  76. <meta name="color:bg" content="#fff">
  77. <meta name="color:post bg" content="fff">
  78. <meta name="color:sidebar bg" content="fff">
  79. <meta name="color:border" content="#fff">
  80. <meta name="color:ask bg" content="#BDBDBD">
  81. <meta name="color:text" content="">
  82. <meta name="color:link" content="fff">
  83. <meta name="color:link hover" content="fff">
  84. <meta name="color:link bg" content="#dcecf5"/>
  85. <meta name="color:dropdown" content="fff">
  86. <meta name="color:dropdown border" content="fff">
  87. <meta name="color:dropdown text" content="fff">
  88. <meta name="color:footer" content="">
  89. <meta name="color:footer txt" content="">
  90. <meta name="color:shadow" content="fff">
  91. <meta name="color:blockquote" content="#fff"/>
  92. <meta name="color:tooltip text" content="#fff">
  93. <meta name="color:tooltip bg" content="#fff">
  94. <meta name="color:scrollbar" content="fff">
  95. <meta name="color:scrollbar bg" content="fff">
  96.  
  97. <meta name="select:font size" content="11">
  98. <meta name="select:font size" content="12">
  99. <meta name="select:font size" content="13">
  100. <meta name="select:font size" content="14">
  101.  
  102. <meta name="select:font" content="helevetica">
  103. <meta name="select:font" content="tahoma">
  104. <meta name="select:font" content="courier">
  105. <meta name="select:font" content="gulim">
  106. <meta name="select:font" content="dotum">
  107. <meta name="select:font" content="arial">
  108. <meta name="select:font" content="lucida sans">
  109. <meta name="select:font" content="ms pgothic">
  110. <meta name="select:font" content="consolas">
  111.  
  112. <meta name="select:border thickness" content="1">
  113. <meta name="select:border thickness" content="2">
  114. <meta name="select:border thickness" content="3">
  115.  
  116. <meta name="select:border type" content="solid">
  117. <meta name="select:border type" content="dotted">
  118. <meta name="select:border type" content="dashed">
  119. <meta name="select:border type" content="none">
  120.  
  121. <meta name="select:post width" content="250">
  122. <meta name="select:post width" content="300">
  123. <meta name="select:post width" content="325">
  124. <meta name="select:post width" content="350">
  125. <meta name="select:post width" content="400">
  126.  
  127. <meta name="text:dropdown text" content=""/>
  128. <meta name="text:tag icon" content="#">
  129. <meta name="text:link icon" content="">
  130. <meta name="text:statcounter code" content="">
  131. <meta name="text:redirect tag name" content=""/>
  132.  
  133. <meta name="if:default links" content=""/>
  134. <meta name="if:dropdown links" content=""/>
  135.  
  136. <meta name="if:transparent" content="">
  137. <meta name="if:glowy links" content="">
  138. <meta name="if:max bg" content="" />
  139. <meta name="if:tiled bg" content="" />
  140. <meta name="if:link bg" content=""/>
  141. <meta name="if:round sidebar img" content=""/>
  142. <meta name="if:solid shadow" content=""/>
  143. <meta name="if:opaque shadow" content=""/>
  144. <meta name="if:custom cursor" content="" />
  145. <meta name="if:redirect" content="" />
  146.  
  147.  
  148. <meta name="text:Link 1" content="">
  149. <meta name="text:Link 1 url" content="/">
  150. <meta name="text:Link 2" content="">
  151. <meta name="text:Link 2 url" content="/">
  152. <meta name="text:Link 3" content="">
  153. <meta name="text:Link 3 url" content="/">
  154.  
  155. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  156.  
  157. <style type="text/css">
  158.  
  159.  
  160. /*
  161. general text styles, fonts and colours
  162. */
  163.  
  164. ::-webkit-scrollbar {
  165. width:15px;
  166. height:0;
  167. background:{color:Scrollbar bg};
  168. border:1px solid {color:Scrollbar};
  169. }
  170. ::-webkit-scrollbar-thumb {background:{color:Scrollbar};border:1px solid {color:Scrollbar};}
  171.  
  172. div.songtitle::-webkit-scrollbar {
  173. width:7px;
  174. height:0;
  175. background:{color:Scrollbar bg};
  176. border:1px solid {color:Scrollbar};
  177. }
  178. div.songtitle::-webkit-scrollbar-thumb {background:{color:Scrollbar};border:1px solid {color:Scrollbar};}
  179.  
  180. div.notebox::-webkit-scrollbar {
  181. width:7px;
  182. height:0;
  183. background:{color:Scrollbar bg};
  184. border:1px solid {color:Scrollbar};
  185. }
  186. div.notebox::-webkit-scrollbar-thumb {background:{color:Scrollbar};border:1px solid {color:Scrollbar};}
  187.  
  188. #s-m-t-tooltip {max-width:300px;background-color:{color:tooltip bg};border:1px solid {color:border};font-size:11px;color:{color:tooltip text};letter-spacing:1px;text-transform:normal;padding:3px;margin:15px 0px 0px 15px;z-index:999;-webkit-box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.3);
  189. -moz-box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.3);
  190. box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.3);}
  191.  
  192. {block:ifcustomcursor} *, body {cursor: url('{image:cursor}'), auto;} a, a:link,a:active,a:visited, a:hover {cursor: url('{image:cursor}'), auto;} {/block:ifcustomcursor}
  193.  
  194. body {
  195. margin:0px;
  196. background:{color:bg};
  197. font-family:{select:font};
  198. font-size:{select:font size}px;
  199. line-height:140%;
  200. color:{color:text};
  201. background-attachment:fixed;
  202. {block:ifmaxbg}background: {color:background} url('{image:Background}') no-repeat center center fixed;
  203. -webkit-background-size: cover;
  204. -moz-background-size: cover;
  205. -o-background-size: cover;
  206. background-size: cover;
  207. {/block:ifmaxbg}
  208. {block:iftiledbg}background: {color:Background} url('{image:Background}') top left fixed repeat;{/block:iftiledbg}
  209. }
  210.  
  211. p{
  212. margin:0 0 10px 0;
  213. padding:0;
  214. }
  215.  
  216. pre {
  217. white-space: pre-wrap;
  218. white-space: -moz-pre-wrap;
  219. white-space: -pre-wrap;
  220. white-space: -o-pre-wrap;
  221. word-wrap: break-word;
  222. }
  223.  
  224. a{
  225. color:{color:Link};
  226. text-decoration: none;
  227. {block:iflinkbg}background-color:{color:link bg};{/block:iflinkbg}
  228. {block:ifglowylinks}color:{color:link}; text-shadow: 0px 0px 10px;{/block:ifglowylinks};
  229. }
  230.  
  231. a:hover{
  232. color:{color:Link hover};
  233. -webkit-transition: 0.4s ease;transition: 0.4s ease;
  234. -o-transition: 0.4s ease;-moz-transition: 0.4s ease;
  235. }
  236.  
  237. li{
  238. margin-left:-15px;
  239. }
  240.  
  241. /*
  242. containers etc
  243. */
  244. #wrapper{
  245. width:600px;
  246. margin:50px auto;
  247. }
  248.  
  249. #sidebar{
  250. margin-left:-150px;
  251. margin-top:50px;
  252. width:160px;
  253. font-family:{select:font};
  254. font-size:{select:font size}px;
  255. line-height:140%;
  256. color:{color:text};
  257. position:fixed;
  258. padding:10px;
  259. border:{color:border} {select:border thickness}px {select:border type};
  260. background-color:{color:sidebar bg};
  261. color:{color:text};
  262. {block:ifsolidShadow}-webkit-box-shadow: 5px 5px 0px 0px {color:shadow};
  263. -moz-box-shadow: 5px 5px 0px 0px {color:shadow};
  264. box-shadow: 5px 5px 0px 0px {color:shadow};
  265. {/block:ifsolidShadow}
  266. {block:ifopaqueShadow}-webkit-box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.3);
  267. -moz-box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.3);
  268. box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.3);{/block:ifopaqueShadow}
  269. {block:iftransparent}
  270. background:{color:bg};
  271. {block:iftiledbg}background: {color:Background} url('{image:Background}') top left fixed repeat;{/block:iftiledbg}
  272. {block:ifmaxbg}background: {color:Background} url('{image:Background}') no-repeat center center fixed;
  273. -webkit-background-size: cover;
  274. -moz-background-size: cover;
  275. -o-background-size: cover;
  276. background-size: cover;
  277. {/block:ifmaxbg}
  278. {/block:iftransparent}
  279. }
  280.  
  281. #sidebar img{
  282. margin-top:-60px;
  283. margin-right:3px;
  284. border-radius:0px;
  285. {block:ifroundsidebarimg}
  286. border-radius:80px;{/block:ifroundsidebarimg};
  287. }
  288.  
  289. #content{
  290. width:500px;
  291. margin-left:200px;
  292. overflow:hidden;
  293. }
  294.  
  295. .post{
  296. width:{select:post width}px;
  297. margin:0 0 50px 0;
  298. overflow:hidden;
  299. padding:15px;
  300. font-family:{select:font};
  301. font-size:{select:font size}px;
  302. line-height:140%;
  303. color:{color:text};
  304. background-color:{color:post bg};
  305. border:{select:border type} {color:border} {select:border thickness}px;
  306. color:{color:text};
  307. {block:ifsolidShadow}-webkit-box-shadow: 5px 5px 0px 0px {color:shadow};
  308. -moz-box-shadow: 5px 5px 0px 0px {color:shadow};
  309. box-shadow: 5px 5px 0px 0px {color:shadow};
  310. {/block:ifsolidShadow}
  311. {block:ifopaqueShadow}-webkit-box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.3);
  312. -moz-box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.3);
  313. box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.3);{/block:ifopaqueShadow}
  314. {block:iftransparent}
  315. background:{color:bg};
  316. {block:iftiledbg}background: {color:Background} url('{image:Background}') top left fixed repeat;{/block:iftiledbg}
  317. {block:ifmaxbg}background: {color:Background} url('{image:Background}') no-repeat center center fixed;
  318. -webkit-background-size: cover;
  319. -moz-background-size: cover;
  320. -o-background-size: cover;
  321. background-size: cover;
  322. {/block:ifmaxbg}
  323. {/block:iftransparent}
  324. }
  325.  
  326. #sidebar img, .post img{
  327. max-width:100%;
  328. }
  329.  
  330. #nav{
  331. margin:5px 0 0 0;
  332. text-align:center;
  333. }
  334.  
  335. #links{
  336. margin:5px 0 0 0;
  337. text-align:left;
  338. }
  339.  
  340. #default{
  341. word-spacing:2px;
  342. padding:4px;
  343. line-height:150%;
  344. }
  345.  
  346.  
  347. /*
  348. content in the body of the posts - quotes, asks, etc
  349. "media" contains photos, photosets, videos, audio posts
  350. */
  351. .media{
  352. margin:0 0 10px 0;
  353. }
  354.  
  355. #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;}
  356.  
  357. .art{width:55px;height:55px; position:absolute;display:block;z-index:1;}
  358. .art img{width:45px;height:45px;}
  359.  
  360. .songtitle{margin-left:60px;height:40px;padding:5px 10px;line-height:13px;overflow:auto;font-size:13px;}
  361.  
  362. .video-container {
  363. position: center;
  364. overflow: hidden;
  365. }
  366.  
  367. .video-container iframe,
  368. .video-container object,
  369. .video-container embed {
  370. position: center;
  371. max-width:{select:Postwidth} ;
  372. max-height:{select:Postwidth} ;
  373. }
  374.  
  375. .video-wrapper {
  376. max-width:{select:Postwidth} ;
  377. max-height:{select:Postwidth} ;
  378. }
  379.  
  380. .title{
  381. font-weight:normal;
  382. font-size:18px;
  383. margin:0 0 10px 0;
  384. padding:5px;
  385. border-bottom:1px solid {color:border};
  386. }
  387.  
  388. .quote{
  389. font-weight:normal;
  390. font-size:16px;
  391. font-style:italic;
  392. margin:0 0 10px 0;
  393. }
  394.  
  395. .question{
  396. margin-bottom:10px;
  397. background-color:{color:ask bg};
  398. border-radius:15px;
  399. padding:5px;
  400. }
  401.  
  402. blockquote{
  403. margin:0 0 10px 10px;
  404. padding:0 0 0 10px;
  405. border-left:solid 1px {color:blockquote};
  406. }
  407.  
  408. #description{
  409. padding:4px;
  410. padding-bottom:1px;
  411. font-size:13px;
  412. text-align:center;
  413. font-family:{select:font};
  414. }
  415.  
  416. /*
  417. post footers - date, tags, via and source
  418. */
  419. .post .footer{
  420. margin:0;
  421. text-align:center;
  422. border-radius:10px;
  423. background-color:{color:footer};
  424. color:{color:footer txt};
  425. padding-left:8px;
  426. padding-right:8px;
  427. }
  428.  
  429. /*
  430. post notes
  431. */
  432. ol.notes{
  433. list-style-type:none;
  434. padding:0;
  435. margin:0;
  436. }
  437.  
  438. ol.notes li.note img{
  439. width:16px;
  440. height:16px;
  441. }
  442.  
  443. ol.notes li.note{
  444. margin:0px;
  445. }
  446.  
  447. {CustomCSS}
  448. </style>
  449. </head>
  450.  
  451. <body>
  452. <div id="wrapper">
  453.  
  454.  
  455. <div id="sidebar">
  456. <center><img src="{image:Sidebar}"></center>
  457. <div id="description">{block:Description}
  458. <p>{Description}</p>
  459. {/block:Description}</div>
  460. {block:ifdefaultlinks}<div id="default">
  461. <center>
  462. <a href="/">home</a> {text:link icon}
  463. <a href="/ask">ask</a>
  464. {block:ifLink1}{text:link icon} <a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  465. {block:ifLink2}{text:link icon} <a href="{text:Link 2 URL}" >{text:Link 2}</a>{/block:ifLink2}
  466. {block:ifLink3}{text:link icon} <a href="{text:Link 3 URL}">{text:Link 3}</a> {/block:ifLink3}
  467. </center>
  468. </div>
  469. {/block:ifdefaultlinks}
  470.  
  471. {block:ifDropdownlinks}
  472. <center>
  473. <select style="width: 110px; border: 1px solid {color:dropdown border}; padding: 5px; color: {color:dropdown text}; background-color: {color:dropdown}; font-family: {select:font}; font-size: {select:font size};" onChange="location.href=this.options[this.selectedIndex].value;">
  474.  
  475. <option>{text:dropdown text}</option>
  476.  
  477. <option value="/">home</option>
  478.  
  479. <option value="/ask">ask</option>
  480.  
  481. {block:ifLink1}<option value="{text:Link 1 URL}">{text:Link 1}</option>{block:ifLink1}
  482.  
  483. {block:ifLink2}<option value="{text:Link 2 URL}">{text:Link 2}</option>{block:ifLink2}
  484.  
  485. {block:ifLink3}<option value="{text:Link 3 URL}">{text:Link 3}</option>{block:ifLink3}
  486.  
  487. </select>
  488. {/block:ifDropdownlinks}
  489.  
  490. {block:Pagination}
  491. <div id="nav">
  492. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  493. /
  494. {block:NextPage} <a href="{NextPage}">next</a>{/block:NextPage}
  495. </div>
  496. {/block:Pagination}
  497.  
  498. </div>
  499.  
  500.  
  501.  
  502. <div id="content">
  503. {block:Posts}
  504.  
  505. {block:ContentSource}
  506. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  507. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  508. {/block:SourceLogo}
  509. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  510. {/block:ContentSource}
  511. {block:NoRebloggedFrom}
  512. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  513. {/block:NoRebloggedFrom}
  514.  
  515. <div class="post">
  516.  
  517. {block:Text}
  518. {block:Title}
  519. <div class="title">{Title}</div>
  520. {/block:Title}
  521. {Body}
  522. {/block:Text}
  523.  
  524. {block:Photo}
  525. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  526. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  527. {/block:Photo}
  528.  
  529. {block:Photoset}
  530. <div class="media">{Photoset}</div>
  531. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  532. {/block:Photoset}
  533.  
  534. {block:Quote}
  535. <div class="quote">"{Quote}"</div>
  536. {block:Source}
  537. <div class="quotesource">{Source}</div>
  538. {/block:Source}
  539. {/block:Quote}
  540.  
  541. {block:Link}
  542. <div class="title"><a href="{URL}">{Name}</a></div>
  543. {block:Description}
  544. <div class="description">{Description}</div>
  545. {/block:Description}
  546. {/block:Link}
  547.  
  548. {block:Chat}
  549. {block:Title}
  550. <div class="title">{Title}</div>
  551. {/block:Title}
  552.  
  553. {block:Lines}
  554. <div class="{Alt} user_{UserNumber}">
  555. {block:Label}
  556. <b>{Label}</b>{/block:Label}
  557. &nbsp;{Line}
  558. </div>
  559. {/block:Lines}
  560. {/block:Chat}
  561.  
  562. {block:Video}
  563. <div class="media">
  564. <div class="video-wrapper">
  565. <div class="video-container">{Video-400}</div>
  566. </div>
  567. </div>
  568. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  569. {/block:Video}
  570.  
  571. {block:Audio}
  572. <div id="audio">
  573. <div class="art">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  574. <div class="player">{AudioPlayerWhite}</div>
  575. <div class="songtitle">
  576. {block:TrackName}<i>{TrackName}</i>{/block:TrackName}<br>
  577. {block:Artist}{Artist}{/block:Artist}<br>
  578. {block:Album}{Album}{/block:Album}</div></div>
  579. {block:Caption}{Caption}{/block:Caption}
  580. {/block:Audio}
  581.  
  582. {block:Answer}
  583. <div class="question"><b>{Asker}</b> said: {Question}</div>
  584. <div class="caption">{Answer}</div>
  585. {/block:Answer}
  586.  
  587.  
  588. {block:Date}
  589. <div class="footer">
  590. <a href="{Permalink}" title="{TimeAgo}">{Month} {DayOfMonth}{DayOfMonthSuffix},{Year}</a>{block:NoteCount} {NoteCount}%{/block:NoteCount} {block:ContentSource}| <a href="{SourceURL}" title="{SourceTitle}">Src</a>{/block:ContentSource} |
  591. <a href="{ReblogURL}" target="_blank" class="details" title="reblog">reblog</a>
  592. {block:HasTags}<br>{block:Tags}{text:tag icon}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  593. </div>
  594.  
  595. {block:PermalinkPage}
  596. {block:NoteCount}
  597. {block:PostNotes}{PostNotes}{/block:PostNotes}
  598. {/block:NoteCount}
  599. {/block:PermalinkPage}
  600. {/block:Date}
  601.  
  602. </div>
  603. {/block:Posts}
  604.  
  605. </div>
  606.  
  607. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  608. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  609.  
  610. <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.outlastdlc.tumblr.com" title="credit">🔪</a>
  611.  
  612. </body>
  613. </html>
Advertisement
Add Comment
Please, Sign In to add comment