API tools faq
paste
Advertisement
quiddittch

Ethereal

quiddittch
Sep 21st, 2014
4,071
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.67 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <head>
  4.  
  5. <!------------------------------------------------------------------------
  6. THEME 03 BY JAEBIUM
  7. DONT STEAL/TAKE CREDIT
  8. EDIT AS MUCH AS YOU WANT
  9. ASK IF YOU HAVE PROBLEMS
  10. ------------------------------------------------------------------------->
  11.  
  12. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  13.  
  14. <link href='http://fonts.googleapis.com/css?family=Cabin' rel='stylesheet' type='text/css'>
  15. <link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
  16.  
  17. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
  18.  
  19. <Title>{Title}</Title>
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23.  
  24. <meta name="image:Sidebar" content="" />
  25.  
  26. <meta name="color:Background" content="#ffffff"/>
  27. <meta name="color:Text" content="#a0a0a0"/>
  28. <meta name="color:Title Shadow" content="#ffffff"/>
  29. <meta name="color:Links" content="#bb6666"/>
  30. <meta name="color:Hover" content="#000000"/>
  31. <meta name="color:Line" content="#a0a0a0"/>
  32. <meta name="color:Scrollbar" content="#ffffff"/>
  33.  
  34.  
  35. <meta name="if:Border" content="1"/>
  36. <meta name="if:250px Posts" content="1"/>
  37. <meta name="if:400px Posts" content="1"/>
  38. <meta name="if:500px Posts" content="1"/>
  39.  
  40.  
  41. <meta name="text:Link 1" content="" >
  42. <meta name="text:Link 1 URL" content="/" >
  43. <meta name="text:Link 2" content="" >
  44. <meta name="text:Link 2 URL" content="/" >
  45. <meta name="text:Link 3" content="" >
  46. <meta name="text:Link 3 URL" content="/" >
  47.  
  48. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  49.  
  50. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  51.  
  52. <script>
  53.  
  54. (function($){
  55.  
  56. $(document).ready(function(){
  57.  
  58. $("a[title]").style_my_tooltips({
  59.  
  60. tip_follows_cursor:true,
  61.  
  62. tip_delay_time:30,
  63.  
  64. tip_fade_speed:300,
  65.  
  66. attribute:"title"
  67.  
  68. });
  69.  
  70. });
  71.  
  72. })(jQuery);
  73.  
  74. </script>
  75.  
  76.  
  77.  
  78. <style type="text/css">
  79.  
  80. #s-m-t-tooltip{
  81. font-size:11px;
  82. position:absolute;
  83. margin-bottom: 20px;
  84. margin-left:10px;
  85. z-index:9999999;
  86. background:{color:background};
  87. padding:5px;
  88. text-transform:uppercase;
  89. font-style:italic;
  90. letter-spacing:1px;
  91. color:{color:text};
  92. }
  93.  
  94. ::selection {color: {color:links}; background: transparent;}
  95. ::-moz-selection {color: {color:links}; background: transparent;}
  96. ::-webkit-selection {color: {color:links}; background: transparent;}
  97.  
  98. #tumblr_controls{top: 1px !important; margin: 0 0 0 0; right: 6px !important; position: fixed !important;-webkit-filter: invert(100%) ;important;}
  99.  
  100. ::-webkit-scrollbar {
  101. width: 2px; height: 3px; background: {color:background};
  102. }
  103.  
  104. ::-webkit-scrollbar-thumb {
  105. background-color:{color:scrollbar}; border: 0px solid;
  106. }
  107.  
  108. body {
  109. margin:0px;
  110. text-align:justify;
  111. color:{color:text};
  112. background:{color:background};
  113. font-family: 'Source Sans Pro', sans-serif;
  114. font-size:11px;
  115. cursor: url(http://i.imgur.com/2qleX.jpg), auto;
  116. }
  117.  
  118. h1 {
  119. color:{color:text};
  120. text-transform:uppercase;
  121. letter-spacing:3px;
  122. font-size:15px;
  123. text-align:center;
  124. }
  125.  
  126. pre {
  127. white-space: pre-wrap;
  128. white-space: -moz-pre-wrap;
  129. white-space: -pre-wrap;
  130. white-space: -o-pre-wrap;
  131. word-wrap: break-word;
  132. }
  133.  
  134. blockquote {
  135. border-left:1px solid {color:Line};
  136. padding-left:7px;
  137. }
  138.  
  139. a {
  140. color:{color:Links};
  141. text-decoration:none;
  142. -webkit-transition: all 0.8s ease-out;
  143. -moz-transition: all 0.8s ease-out;transition all 0.8s ease-out;
  144. }
  145.  
  146. a:hover {
  147. color:{color:Hover};
  148. cursor: url(http://i.imgur.com/2qleX.jpg), auto;
  149. -webkit-transition: all 0.8s ease-out;
  150. -moz-transition: all 0.8s ease-out;transition all 0.8s ease-out;
  151. }
  152.  
  153. #border {
  154. {block:IfBorder}
  155. position:fixed;
  156. height:100%;
  157. margin-left:375px;
  158. margin-top:-140px;
  159. border-right:1px solid {color:line};
  160. {/block:IfBorder}
  161. }
  162.  
  163. #sidebar {
  164. position:fixed;
  165. width:220px;
  166. left:180px;
  167. bottom:90px;
  168. padding:20px;
  169. font-family:arial;
  170. color:{color:text};
  171. background-color:{color:background};
  172. }
  173.  
  174. #sidebar img {
  175. max-width:80px;
  176. padding:10px;
  177. margin-left:125px;
  178. border-radius:80px;
  179. -webkit-transition: opacity 0.8s linear;
  180. opacity: 1;
  181. }
  182.  
  183. #sidebar img:hover {
  184. -webkit-transition: opacity 0.8s linear;
  185. opacity: .7;
  186. }
  187.  
  188. #title {
  189. font-family: 'Cabin', sans-serif;
  190. text-shadow:2px -2px 0px {color:Title Shadow};
  191. text-align:right;
  192. text-transform:uppercase;
  193. display:block;
  194. letter-spacing:3px;
  195. color:{color:text};
  196. font-size:22px;
  197. text-decoration:none;
  198. padding-bottom:3px;
  199. }
  200.  
  201. .links {
  202. text-transform:uppercase;
  203. text-align:right;
  204. font-family: 'Lato', sans-serif;
  205. width:220px;
  206. height:auto;
  207. color:{color:Links};
  208. word-spacing:8px;
  209. font-size:8px;
  210. padding:4px;
  211. margin-left:-5px;
  212. text-decoration:none;
  213. }
  214.  
  215. #description {
  216. display:block;
  217. font-family: 'Source Sans Pro', sans-serif;
  218. color:{color:text};
  219. font-size:11px;
  220. padding-top:5px;
  221. text-align:right;
  222. width:200px;
  223. margin-left:20px;
  224. }
  225.  
  226. #entries {
  227. position:relative;
  228. width:100%;
  229. margin-top:140px;
  230. }
  231.  
  232. #entries img {
  233. -webkit-transition: opacity 0.8s linear;
  234. opacity: 1;
  235. }
  236.  
  237. #entries img:hover {
  238. -webkit-transition: opacity 0.8s linear;
  239. opacity: .8;
  240. }
  241.  
  242. #entries:hover .perma_hold {opacity:1;}
  243. .perma_hold {
  244. font-family: 'Cabin', sans-serif;
  245. width:100%;
  246. top:100%;
  247. margin-top:-15px;
  248. position:absolute;
  249. opacity:0;
  250. z-index:9999;
  251. background-color:transparent;
  252. transition:0.6s ease;
  253. -o-transition:0.6s ease;
  254. -moz-transition:0.6s ease;
  255. -webkit-transition:0.6s ease;
  256. }
  257.  
  258. .perma {
  259. font-family:helvetica;
  260. top:100%;
  261. position:relative;
  262.  
  263. font-size:8px;
  264. letter-spacing:0.5px;
  265. text-align:left;
  266. text-transform:uppercase;
  267. border-top:1px solid {color:line};
  268. padding:15px;
  269. }
  270.  
  271. .info a{position:relative; margin-top:-10px;}
  272. .info { margin-top:-12px;font-size:8px;letter-spacing:0.5px; word-spacing:6px; text-align:right;}
  273. .tags a{margin:0px 3px;}
  274. .tags {
  275. font-weight:normal;
  276. margin-top:12px;
  277. text-transform:none;
  278. font-size:9px;
  279. font-style:italic;
  280. }
  281.  
  282. #posts {
  283. margin-top:0px;
  284. margin-left:560px;
  285. {block:If250pxPosts}
  286. width:250px;
  287. {/block:If250pxPosts}
  288.  
  289. {block:If400pxPosts}
  290. width:400px;
  291. {/block:If400pxPosts}
  292.  
  293. {block:If500pxPosts}
  294. width:500px;
  295. {/block:If500pxPosts}
  296. }
  297.  
  298. #quote {
  299. font-style:italic;
  300. font-size:17px;
  301. text-align:justify;
  302. padding:10px;
  303. border-bottom:1px solid {color:line};
  304. }
  305.  
  306. #source {
  307. padding:10px 10px 0px 10px;
  308. text-align:right;
  309. }
  310.  
  311. .notes {
  312. list-style-type:none;
  313. text-align:left;
  314. line-height:130%;
  315. padding-top:25px;
  316. }
  317.  
  318. .notes img {
  319. display:none;
  320. }
  321.  
  322. .notes a {
  323. letter-spacing:1px;
  324. }
  325.  
  326. ol.notes, .notes li{
  327. margin:0px;
  328. padding:7px;
  329. border-bottom:1px solid {color:line};
  330.  
  331. }
  332.  
  333. #album img{
  334. width:70px;
  335. padding:10px;
  336. background-color:transparent;
  337. border:1px solid {color:line};
  338. }
  339.  
  340. #button {
  341. position:absolute;
  342. z-index:99999999999;
  343. width:30px;
  344. height:30px;
  345. overflow:hidden;
  346. margin-top:31px;
  347. margin-left:30px;
  348. }
  349.  
  350. #audioo {
  351. width:100%;
  352. height:90px;
  353. background-color:transparent;
  354. border:1px solid {color:line};
  355. margin-top:-95px;
  356. {block:If250pxPosts}
  357. font-size:9px;
  358. {/block:If250pxPosts}
  359.  
  360. {block:If400pxPosts}
  361. font-size:12px;
  362. {/block:If400pxPosts}
  363.  
  364. {block:If500pxPosts}
  365. font-size:12px;
  366. {/block:If500pxPosts}
  367. }
  368.  
  369. #details {
  370.  
  371. padding-left:110px;
  372. padding-top:22px;
  373. padding-bottom:22.5px;
  374. height:100%;
  375. }
  376.  
  377. #track {
  378. text-transform:uppercase;
  379. letter-spacing:2px;
  380. {block:If250pxPosts}
  381.  
  382. {/block:If250pxPosts}
  383. {block:If250pxPosts}
  384. font-size:10px;
  385. {/block:If250pxPosts}
  386.  
  387. {block:If400pxPosts}
  388. font-size:15px;
  389. {/block:If400pxPosts}
  390.  
  391. {block:If500pxPosts}
  392. font-size:15px;
  393. {/block:If500pxPosts}
  394. }
  395.  
  396. #trackdetails {
  397. font-style:italic;
  398. }
  399.  
  400. #ask {
  401. padding:15px;
  402. border-bottom:1px solid {color:line};
  403. }
  404.  
  405. #ask a {
  406. text-transform:uppercase;
  407. letter-spacing:1px;
  408. }
  409.  
  410. #answer {
  411. padding:0px 15px 6px 15px;
  412. }
  413.  
  414. #pagination {
  415. position:absolute;
  416. {block:NextPage}
  417. margin-left:375px;
  418. {/block:NextPage}
  419. {block:PreviousPage}
  420. margin-left:332px;
  421. {/block:PreviousPage}
  422. background-color:transparent;
  423. margin-bottom:69px;
  424. text-transform:uppercase;
  425. font-style:italic;
  426. font-size:10px;
  427. padding:10px;
  428. word-spacing:15px;
  429. }
  430.  
  431. #credit {
  432. position:fixed;
  433. font-size:17px;
  434. bottom:25px;
  435. right:25px;
  436. padding:5px 7px 5px 7px;
  437. text-shadow:2px 2px 0px {color:Title Shadow};
  438. }
  439.  
  440. {CustomCSS}</style></head><body>
  441.  
  442. <div id="border"></div>
  443. <div id="sidebar">
  444. <div id="sidebarimage"><a href="/"><img src="{image:sidebar}"/></a></div>
  445. <div id="title">{Title}</div>
  446.  
  447. <div class="links">
  448. <a href="/">Home</a>
  449. <a href="/ask">ask</a>
  450. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  451. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  452. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  453. </div>
  454.  
  455. <div id="description">{Description}</div>
  456. </div>
  457.  
  458. <div id="posts">
  459. {block:Posts}
  460. <div id="entries">
  461.  
  462. {block:Text}
  463. {block:Title}<h1>{Title}</h1>{/block:Title}
  464. {Body}
  465. {/block:Text}
  466.  
  467. {block:Photo}
  468. {LinkOpenTag}
  469. {block:If400pxPosts}
  470. <img src="{PhotoURL-400}">
  471. {/block:If400pxPosts}
  472. {block:If500pxPosts}
  473. <img src="{PhotoURL-500}">
  474. {/block:If500pxPosts}
  475. {block:If250pxPosts}
  476. <img src="{PhotoURL-250}">
  477. {block:If250pxPosts}
  478. {LinkCloseTag}
  479. {block:PermalinkPage}
  480. {block:Caption}{Caption}{/block:Caption}
  481. {/block:PermalinkPage}
  482. {/block:Photo}
  483.  
  484. {block:Photoset}
  485. {block:If250pxPosts}
  486. {Photoset-250}
  487. {/block:If250pxPosts}
  488.  
  489. {block:If400pxPosts}
  490. {Photoset-400}
  491. {/block:If400pxPosts}
  492.  
  493. {block:If500pxPosts}
  494. {Photoset-500}
  495. {/block:If500pxPosts}
  496.  
  497. {block:PermalinkPage}
  498. {block:Caption}{Caption}{/block:Caption}
  499. {/block:PermalinkPage}
  500. {/block:Photoset}
  501.  
  502. {block:Quote}
  503. <div id="quote">"{Quote}"</div> {block:Source}<div id="source">- {Source}</div>{/block:Source}
  504. {/block:Quote}
  505.  
  506.  
  507. {block:Link}
  508. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  509. {block:Description}{Description}{/block:Description}
  510. {/block:Link}
  511.  
  512.  
  513. {block:Chat}
  514. {block:Title}
  515. <h1>{Title}</h1>
  516. {/block:Title}
  517. {block:Lines}
  518. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  519. {/block:Lines}
  520. {/block:Chat}
  521.  
  522.  
  523. {block:Audio}{block:AudioPlayer}<div id="button">{AudioPlayerBlack}</div> {/block:AudioPlayer}
  524.  
  525. {block:AlbumArt}
  526. <div id="album">
  527. <img src="{AlbumArtURL}"/>
  528. </div>
  529. {/block:AlbumArt}
  530.  
  531. <div id="audioo">
  532. <div id="details">
  533. {block:TrackName}
  534. <div id="track">
  535. {TrackName}</div><br>
  536. {/block:TrackName}
  537.  
  538. <div id="trackdetails">
  539. {block:Artist}
  540. {Artist}
  541. {/block:Artist}
  542.  
  543. {block:Album}
  544. / {Album}
  545. {/block:Album}
  546. </div>
  547. </div>
  548. </div>
  549.  
  550. {/block:Audio}
  551.  
  552. {block:Video}
  553. {block:If250pxPosts}
  554. {Video-250}
  555. {/block:If250pxPosts}
  556.  
  557. {block:If400pxPosts}
  558. {Video-400}
  559. {/block:If400pxPosts}
  560.  
  561. {block:If500pxPosts}
  562. {Video-500}
  563. {/block:If500pxPosts}
  564.  
  565. {block:PermalinkPage}
  566. {block:Caption}{Caption}{/block:Caption}
  567. {/block:PermalinkPage}
  568. {/block:Video}
  569.  
  570. {block:Answer}
  571. <div id="ask">
  572. {Asker} inquired: {Question} </div><br>
  573. <div id="answer">
  574. {Answer}</div>
  575. {/block:Answer}
  576.  
  577.  
  578. <div class="notes">
  579. {block:PermalinkPage}
  580. {block:PostNotes}{PostNotes}{/block:PostNotes}
  581. {/block:PermalinkPage}
  582. </div>
  583.  
  584.  
  585. {block:IndexPage}
  586. <div id="borders"></div>
  587. <div class="perma_hold">
  588. <div class="perma">
  589. <a href="{Permalink}">{TimeAgo}</a> -
  590. <a href="{Permalink}">{NoteCount}</a>
  591.  
  592. <div class="info">
  593. {block:RebloggedFrom}
  594. <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
  595. <a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>
  596. {/block:RebloggedFrom}
  597. </div>
  598. {block:HasTags}<div class="tags">
  599. +
  600. {block:Tags}
  601. <a href="{TagURL}">{Tag}</a>.
  602. {/block:Tags}</div>{/block:HasTags}
  603. </div>
  604. </div>
  605. {/block:IndexPage}
  606.  
  607. {block:ContentSource}
  608. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  609. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  610. {/block:SourceLogo}
  611. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  612. {/block:ContentSource}
  613.  
  614. </div>
  615. {/block:Posts}
  616. </div>
  617. </div>
  618. </div>
  619.  
  620. <div id="pagination">
  621. {block:Pagination}
  622.  
  623. {block:PreviousPage}
  624. <a href="{PreviousPage}">back</a>
  625. {/block:PreviousPage}
  626.  
  627. {block:NextPage}
  628. <a href="{NextPage}">forth </a>
  629. {/block:NextPage}
  630. {/block:Pagination}
  631.  
  632.  
  633. </div><div id="credit"><a href="http://jaebium.tumblr.com" title="theme credit"><i class="fa fa-star-o"></i></a>
  634.  
  635. </div>
  636. </body>
  637.  
  638. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!