API tools faq
paste
quiddittch

Oblivion

quiddittch
Feb 15th, 2015
1,381
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.24 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!--
  5.  
  6. theme by jaebium (amyspond.co.vu)
  7. ---------------------------------
  8.  
  9. pls follow the rules and thank u for using!!
  10.  
  11. ---->
  12.  
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17.  
  18. <meta name="color:Background" content="#f9f9f9" />
  19. <meta name="color:Text" content="#6b6b6b" />
  20. <meta name="color:Links" content="#474545" />
  21. <meta name="color:Hover" content="#a0a0a0" />
  22. <meta name="color:Sidebar BG" content="#ffffff" />
  23. <meta name="color:Border" content="#dadada" />
  24. <meta name="color:Scrollbar" content="#b8b8b8" />
  25.  
  26. <meta name="text:Title" content="Sidebar Title" />
  27.  
  28. <meta name="text:Link 1" content="" />
  29. <meta name="text:Link 1 URL" content="/" />
  30. <meta name="text:Link 2" content="" />
  31. <meta name="text:Link 2 URL" content="/" />
  32. <meta name="text:Link 3" content="" />
  33. <meta name="text:Link 3 URL" content="/" />
  34. <meta name="text:Link 4" content="" />
  35. <meta name="text:Link 4 URL" content="/" />
  36.  
  37. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  38.  
  39. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  40.  
  41. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  42.  
  43. <script>
  44.  
  45. (function($){
  46.  
  47. $(document).ready(function(){
  48.  
  49. $("a[title]").style_my_tooltips({
  50.  
  51. tip_follows_cursor:true,
  52.  
  53. tip_delay_time:30,
  54.  
  55. tip_fade_speed:300,
  56.  
  57. attribute:"title"
  58.  
  59. });
  60.  
  61. });
  62.  
  63. })(jQuery);
  64.  
  65. </script>
  66.  
  67.  
  68. <style type="text/css">
  69.  
  70. #s-m-t-tooltip{
  71. font-size:7px;
  72. position:absolute;
  73. margin-top:-30px;
  74. margin-left:10px;
  75. z-index:9999999;
  76. background:{color:sidebar bg};
  77. padding:3px 6px 3px 6px;
  78. text-transform:uppercase;
  79. letter-spacing:1.5px;
  80. color:{color:Links};
  81. }
  82.  
  83. ::selection {color: {color:Hover}; background: {color:Sidebar bg};}
  84. ::-moz-selection {color: {color:Hover}; background: {color:Sidebar bg};}
  85. ::-webkit-selection {color: {color:Hover}; background: {color:Sidebar bg};}
  86.  
  87. ::-webkit-scrollbar {
  88. width: 6px; height: 3px; background: {color:background};
  89. }
  90.  
  91. ::-webkit-scrollbar-thumb {
  92. background-color:{color:scrollbar};
  93. }
  94.  
  95. /*BASICS*/
  96.  
  97. body {
  98. margin:0;
  99. font-size:10px;
  100. letter-spacing:.5px;
  101. font-family: arial;
  102. line-height:170%;
  103. background:{color:Background};
  104. color:{color:Text};
  105. }
  106.  
  107. a {
  108. color:{color:Links};
  109. text-decoration:none;
  110. -webkit-transition:0.3s all;
  111. -moz-transition:0.3s all;
  112. -o-transition:0.3s all;
  113. transition:0.3s all;
  114. }
  115.  
  116. a:hover {
  117. color:{color:Hover};
  118. -webkit-transition:0.3s all;
  119. -moz-transition:0.3s all;
  120. -o-transition:0.3s all;
  121. transition:0.3s all;
  122. }
  123.  
  124. h1 {
  125. text-align:left;
  126. font-size:11px;
  127. text-transform:uppercase;
  128. letter-spacing:1px;
  129. }
  130.  
  131. blockquote {
  132. margin-left:30px;
  133. padding:2px 20px 2px 20px;
  134. border-left:1px solid {color:Border};
  135. }
  136.  
  137. li {
  138. list-style-type:square;
  139. }
  140.  
  141. img {max-width:100%;}
  142.  
  143. pre {
  144. white-space: pre-wrap;
  145. white-space: -moz-pre-wrap;
  146. white-space: -pre-wrap;
  147. white-space: -o-pre-wrap;
  148. word-wrap: break-word;
  149. }
  150.  
  151. #center {
  152. position:relative;
  153. margin:0px auto;
  154. width:400px;
  155. }
  156.  
  157. /*SIDEBAR*/
  158.  
  159. #sidebar {
  160. position:fixed;
  161. width:150px;
  162. text-align:center;
  163. bottom:10%;
  164. margin-left:380px;
  165. }
  166.  
  167. #title {
  168. font-size:10px;
  169. letter-spacing:3px;
  170. text-transform:uppercase;
  171. text-align:center;
  172. font-weight:bold;
  173. }
  174.  
  175. #title a {
  176. padding:5px 7px 5px 4px;
  177. -webkit-transition:0.6s all;
  178. -moz-transition:0.6s all;
  179. -o-transition:0.6s all;
  180. transition:0.6s all;
  181. }
  182.  
  183. #title a:hover {
  184. letter-spacing:4px;
  185. -webkit-transition:0.6s all;
  186. -moz-transition:0.6s all;
  187. -o-transition:0.6s all;
  188. transition:0.6s all;
  189. }
  190.  
  191. #description {
  192. font-size:9px;
  193. letter-spacing:1px;
  194. margin-top:5px;
  195. margin-left:-4px;
  196. width:119px;
  197. text-align:justify;
  198. background:{color:Sidebar BG};
  199. border:1px solid {color:border};
  200. padding:15px;
  201. }
  202.  
  203. #links {
  204. font-size:7px;
  205. font-weight:bold;
  206. word-spacing:0px;
  207. text-transform:uppercase;
  208. margin-left:-7px;
  209. }
  210.  
  211. #links a {
  212. display:inline-block;
  213. width:59px;
  214. margin-top:5px;
  215. margin-left:1px;
  216. letter-spacing:2px;
  217. background:{color:Sidebar BG};
  218. padding:6px;
  219. border:1px solid {color:border};
  220. -webkit-transition:0.6s all;
  221. -moz-transition:0.6s all;
  222. -o-transition:0.6s all;
  223. transition:0.6s all;
  224. }
  225.  
  226. #links a:hover {
  227. color:{color:Links};
  228. background:{color:Background};
  229. -webkit-transition:0.6s all;
  230. -moz-transition:0.6s all;
  231. -o-transition:0.6s all;
  232. transition:0.6s all;
  233. }
  234.  
  235. /*PAGINATION*/
  236.  
  237. #pagination {
  238. padding:5px;
  239. margin-left:-4px;
  240. margin-top:5px;
  241. text-align:center;
  242. background:{color:Background};
  243. text-transform:uppercase;
  244. letter-spacing:2px;
  245. width:140px;
  246. font-size:7px;
  247. word-spacing:3px;
  248. bottom:0%;
  249. border-top:0px solid {color:Border};
  250. }
  251.  
  252. /*POSTS*/
  253.  
  254. #posts {
  255. margin-top:110px;
  256. margin-left:-140px;
  257. }
  258.  
  259. .entry {
  260. width:400px;
  261. margin-bottom:70px;
  262. }
  263.  
  264. /*INFO*/
  265.  
  266. .info {
  267. {block:IndexPage}
  268. text-align:center;
  269. {/block:IndexPage}
  270. font-weight:bold;
  271. text-transform:uppercase;
  272. letter-spacing:1px;
  273. font-size:8px;
  274. padding:2px 8px 8px 0px;
  275. border-top:0px solid {color:Border};
  276. margin-top:10px;
  277. }
  278.  
  279. #perm {
  280. text-align:center;
  281. font-weight:bold;
  282. text-transform:lowercase;
  283. font-style:italic;
  284. font-size:8px;
  285. }
  286.  
  287. .tags {
  288. {block:IndexPage}
  289. opacity:0;
  290. margin-left:-5px;
  291. font-size:7px;
  292. {/block:IndexPage}
  293. text-transform:none;
  294. text-align:center;
  295. font-style:italic;
  296. font-size:8px;
  297. margin-top:3px;
  298. -webkit-transition:0.3s all;
  299. -moz-transition:0.3s all;
  300. -o-transition:0.3s all;
  301. transition:0.3s all;
  302. }
  303.  
  304. .entry:hover .tags {
  305. {block:IndexPage}
  306. opacity:1;
  307. margin-left:1px;
  308. {/block:IndexPage}
  309. -webkit-transition:0.3s all;
  310. -moz-transition:0.3s all;
  311. -o-transition:0.3s all;
  312. transition:0.3s all;
  313. }
  314.  
  315. /*QUOTE POSTS*/
  316.  
  317. #quote {
  318. font-size:11px;
  319. font-style:italic;
  320. padding:2px;
  321. letter-spacing:1px;
  322. }
  323.  
  324. #source {
  325. padding:10px;
  326. text-align:center;
  327. }
  328.  
  329. /*AUDIO POSTS*/
  330.  
  331. #play {
  332. position:absolute;
  333. width:30px;
  334. height:30px;
  335. overflow:hidden;
  336. border-radius:30px;
  337. opacity:.5;
  338. margin:19px 19px;
  339. background:black;
  340. }
  341.  
  342. .pic {
  343. width:70px;
  344. height:70px;
  345. border:1px solid {color:Border};
  346. }
  347.  
  348. #by {
  349. position:absolute;
  350. width:305px;
  351. height:50px;
  352. margin-left:71px;
  353. margin-top:-77px;
  354. padding:10px 10px 10px 15px;
  355. border:1px solid {color:Border};
  356. background:{color:Sidebar bg};
  357. font-size:7px;
  358. font-weight:bold;
  359. text-transform:uppercase;
  360. letter-spacing:1px;
  361. }
  362.  
  363. /*ASK POSTS*/
  364.  
  365. #ask {
  366. background:{color:sidebar bg};
  367. border:1px solid {color:Border};
  368. margin-top:0px;
  369. padding:6px 10px 10px 10px;
  370. text-transform:lowercase;
  371. }
  372.  
  373. #asker {
  374. font-weight:bold;
  375. letter-spacing:1px;
  376. font-size:9px;
  377. display:inline;
  378. }
  379.  
  380. /*PERMALINK*/
  381.  
  382. .notes {
  383. width:400px;
  384. text-transform:lowercase;
  385. font-weight:bold;
  386. }
  387.  
  388. .notes li {
  389. padding:7px;
  390. list-style-type:decimal-leading-zero;
  391. }
  392.  
  393. .notes img {
  394. display:none;
  395. }
  396.  
  397. /*CREDIT*/
  398.  
  399. #credit {
  400. position:fixed;
  401. bottom:20px;
  402. right:20px;
  403. padding:1px 6px 1px 6px;
  404. text-align:right;
  405. font-size:11px;
  406. letter-spacing:1px;
  407. text-transform:uppercase;
  408. -webkit-transition: all 0.7s;
  409. -moz-transition: all 0.7s;
  410. -o-transition: all 0.7s;
  411. transition: all 0.7s;
  412. }
  413.  
  414. {CustomCSS}</style></head><body>
  415.  
  416. <div id="center">
  417. <div id="sidebar">
  418. <div id="title"><a href="/">{text:Title}</a></div>
  419. <div id="description">{Description}</div>
  420. <div id="links">
  421. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  422. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  423. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  424. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  425. </div>
  426.  
  427. {block:Pagination}
  428. <div id="pagination">
  429. {block:PreviousPage}
  430. <a href="{PreviousPage}">back</a>
  431. {/block:PreviousPage}
  432.  
  433. {block:JumpPagination length="3"}
  434. {block:CurrentPage}
  435. <span class="current_page">{PageNumber}</span>
  436. {/block:CurrentPage}
  437. {block:JumpPage}
  438. <a class="jump_page" href="{URL}">{PageNumber}</a>
  439. {/block:JumpPage}
  440. {/block:JumpPagination}
  441.  
  442. {block:NextPage}
  443. <a href="{NextPage}" class="jump_page">next</a>
  444. {/block:NextPage}
  445. </div>
  446. {/block:Pagination}
  447. </div>
  448.  
  449. <div id="posts">
  450. {block:Posts}
  451. <div class="entry">
  452.  
  453. {block:ContentSource}
  454. <!------ {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  455. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  456. {/block:SourceLogo}
  457. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  458. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  459.  
  460. {block:ContentSource}
  461. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  462. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  463. {/block:SourceLogo}
  464. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  465. {/block:ContentSource}
  466.  
  467. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinKCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  468.  
  469. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  470.  
  471. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  472.  
  473. {block:Quote}<div id="quote">"{Quote}"</div>{block:Source}<div id="source">{Source}</div>{/block:Source}{/block:Quote}
  474.  
  475. {block:Link}<a href="{URL}">{Name}</a> {block:Description}{Description}{/block:Description}{/block:Link}
  476.  
  477. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines} {block:Label}<b>{Label}</b> {/block:Label}{Line}<br>{/block:Lines}{/block:Chat}
  478.  
  479. {block:Audio}
  480. <div id="play">{AudioPlayerBlack}</div>
  481. {block:AlbumArt}<img src="{AlbumArtURL}" class="pic">{/block:AlbumArt}
  482.  
  483. <div id="by">
  484. {block:Artist}
  485. <b>Artist:</b> {Artist}<br>
  486. {/block:Artist}
  487. {block:TrackName}
  488. <b>Track:</b> {TrackName}<br>
  489. {/block:TrackName}
  490. {block:PlayCount}
  491. <b>{PlayCount} PLAYS </b>{/block:PlayCount}
  492. </div>
  493.  
  494. {block:Caption}{Caption}{/block:Caption}
  495. {/block:Audio}
  496.  
  497. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  498.  
  499. {block:Answer}<div id="ask"><div id="asker">{Asker}</div> inquired: {Question}</div>
  500. {Answer}
  501. {block:Answerer}{Answerer}{/block:Answerer}
  502. {/block:Answer}
  503.  
  504. {block:Date}
  505. <div class="info">
  506. {block:IndexPage}
  507. <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}</a>
  508. {block:NoteCount} / {NoteCount}{/block:NoteCount}
  509. {block:HasTags}
  510. <div class="tags">
  511. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  512. {/block:Tags}
  513. </div>
  514. {/block:HasTags}
  515. {/block:IndexPage}
  516.  
  517. {block:Permalink}
  518. <div id="perm">
  519. posted on {Month} {DayOfMonthWithZero} at {24Hour}:{Minutes}
  520. {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  521. <br>via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  522. </div>
  523.  
  524. {block:HasTags}
  525. <div class="tags">
  526. {block:Tags}<a href="{TagURL}">{Tag}</a>,
  527. {/block:Tags}
  528. </div>
  529. {/block:HasTags}
  530. {/block:Permalink}
  531. </div>
  532. {/block:Date}
  533.  
  534. </div>
  535. {/block:Posts}
  536.  
  537. {block:PermalinkPage}<div class="notes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  538.  
  539. </div>
  540. </div>
  541.  
  542. <!------dont touch this ty------>
  543. <div id="credit">
  544. <a href="http://jaebium.tumblr.com" title="jaebium" target="_blank">+</a>
  545. </div>
  546.  
  547. </body>
  548. </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!