API tools faq
paste
Advertisement
quiddittch

Cosmic

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