heylittletrains

Updated - 6: SATELLITE HEART

Dec 8th, 2014
980
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.45 KB | None | 0 0
  1. <!--
  2. Theme #06: SATELLITE HEART
  3. Creator: llovesagame
  4. Disclaimer: Edit all you want, just don't repost and claim as your own
  5. or delete any credits
  6. -->
  7.  
  8. <head>
  9.  
  10.  
  11. <meta name="color:Background" content="#FFFFFF">
  12. <meta name="color:Link" content="#9a9a9a">
  13. <meta name="color:Hover" content="#313131">
  14. <meta name="color:Text" content="#9a9a9a">
  15. <meta name="color:Tags" content="#9a9a9a">
  16. <meta name="color:Scrollbar" content="#f1f0f0">
  17. <meta name="color:Border" content="#f1f0f0">
  18. <meta name="color:Title" content="#000000" >
  19.  
  20. <meta name="image:Sidebar Image" content=""/>
  21.  
  22. <meta name="if:400px" content="0"/>
  23.  
  24. <meta name="text:Link1" content="/" />
  25. <meta name="text:Link1 title" content="link 1" />
  26. <meta name="text:Link2" content="/" />
  27. <meta name="text:Link2 title" content="link 2" />
  28. <meta name="text:Link3" content="/" />
  29. <meta name="text:Link3 title" content="link 3" />
  30. <meta name="text:Link4" content="/" />
  31. <meta name="text:Link4 title" content="link 4" />
  32. <meta name="text:Link5" content="/" />
  33. <meta name="text:Link5 title" content="link 5" />
  34.  
  35. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  36.  
  37. <script type="text/javascript" src="http://static.tumblr.com/ko1mcho/PMbmlkh9e/jquery.style-my-tooltips.js"></script>
  38.  
  39. <script>
  40. (function($){
  41. $(document).ready(function(){
  42. $("[title],a[title],img[title]").style_my_tooltips({
  43. tip_follows_cursor:"true",
  44. tip_delay_time:100,
  45. tip_fade_speed:100,
  46. attribute:"title"
  47. });
  48. });
  49. })(jQuery);
  50. </script>
  51.  
  52.  
  53. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  54. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  55. <link rel="shortcut icon" href="{Favicon}" />
  56. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  57.  
  58. <script type="text/javascript">
  59. WebFontConfig = {
  60. google: { families: [ 'Lobster::latin' ] }
  61. };
  62. (function() {
  63. var wf = document.createElement('script');
  64. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  65. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  66. wf.type = 'text/javascript';
  67. wf.async = 'true';
  68. var s = document.getElementsByTagName('script')[0];
  69. s.parentNode.insertBefore(wf, s);
  70. })(); </script>
  71.  
  72. <style type="text/css">
  73.  
  74.  
  75. a {
  76. color:{color:link};
  77. text-decoration:none;
  78. -moz-transition-duration:0.5s;
  79. -webkit-transition-duration:0.5s;
  80. -o-transition-duration:0.5s;
  81. }
  82.  
  83. a:hover {
  84. color:{color:hover};
  85. text-decoration:none;
  86. -moz-transition-duration:0.5s;
  87. -webkit-transition-duration:0.5s;
  88. -o-transition-duration:0.5s;
  89. }
  90.  
  91.  
  92. ::-webkit-scrollbar{height: 9px; width: 9px; -webkit-border-radius: 0px; background-color:{color:background};}
  93. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
  94. ::-webkit-scrollbar-track{background-color:{color:background};}
  95.  
  96.  
  97. body {
  98. background-color:{color:background};
  99. font-family:cambria;
  100. font-weight:normal;
  101. font-size:9px;
  102. }
  103.  
  104. h1 {
  105. color:{color:text};
  106. font-size:10px;
  107. font-family:cambria;
  108. font-style:normal;
  109. letter-spacing:0px;
  110. font-weight:normal;
  111. text-align:center;
  112. }
  113.  
  114. h1 a {
  115. color:{color:link};
  116. }
  117.  
  118. h2 {
  119. font-weight:normal;
  120. text-transform:normal;
  121. text-align:center;
  122. font-size:8px;
  123. font-family:cambria;
  124. letter-spacing:0px;
  125. line-height:150%;
  126. text-transform:uppercase;
  127. letter-spacing:2px;
  128. margin-top:10px;
  129. border-bottom:1px solid {color:border};
  130. padding:15px;
  131. }
  132.  
  133. blockquote {
  134. padding:7px;
  135. margin:5px;
  136. margin-top:10px;
  137. border:1px solid {color:border};
  138. }
  139.  
  140. #sidebar {
  141. top:0;
  142. padding-right:100px;
  143. border-right:1px solid {color:border};
  144. position:fixed;
  145. width:100px;
  146. height:100%;
  147. margin-left:240px;
  148. }
  149.  
  150. #sidebar img {
  151. width:100px;
  152. height:100px;
  153. margin-top:170px;
  154. border-radius:100px;
  155. }
  156.  
  157.  
  158. #title {
  159. font-style:italic;
  160. font-family:'Lobster', cursive;
  161. font-size:13px;
  162. width:200px;
  163. text-align:center;
  164. margin-top:10px;
  165. margin-left:-50px;
  166. letter-spacing:0px;
  167. color:{color:title};
  168. font-weight:normal;
  169. }
  170.  
  171. .links {
  172. width:200px;
  173. margin-left:-50px;
  174. margin-top:10px;
  175. font-family:cambria;
  176. font-size:9px;
  177. text-transform:normal;
  178. font-style:normal;
  179. text-align:center;
  180. line-height:170%;
  181. -moz-transition-duration:.4s;
  182. -webkit-transition-duration:.4s;
  183. -o-transition-duration:.4s;
  184. }
  185.  
  186. .links a {
  187. padding:4px;
  188. letter-spacing:0px;
  189. text-decoration:none;
  190. -moz-transition-duration:.6s;
  191. -webkit-transition-duration:.6s;
  192. -o-transition-duration:.6s;
  193. }
  194.  
  195. .links a:hover{
  196. opacity:.6;
  197. -moz-transition-duration:.3s;
  198. -webkit-transition-duration:.3s;
  199. -o-transition-duration:.3s;
  200. color:{color:Sidebar link text hover};
  201. }
  202.  
  203. #s-m-t-tooltip{
  204. font-family:cambria;
  205. font-size:8px;
  206. letter-spacing:2px;
  207. text-align:center;
  208. text-transform:uppercase;
  209. height:10px;
  210. width:auto;
  211. padding:5px;
  212. margin-top:15px;
  213. margin-left:15px;
  214. background:{color:title};
  215. line-height:120%;
  216. position:absolute;
  217. z-index:100;
  218. color:{color:background};
  219. }
  220.  
  221. .desc:first-letter {
  222. border:1px solid {color:border};
  223. padding:5px 7px;
  224. font-size:15px;
  225. float:left;
  226. margin-right:5px;
  227. }
  228.  
  229. .desc {
  230. margin-top:10px;
  231. width:200px;
  232. margin-left:-50px;
  233. text-align:justify;
  234. font-size:9px;
  235. font-family:cambria;
  236. font-style:italic;
  237. letter-spacing:0px;
  238. line-height:150%;
  239. color:{color:text};
  240. }
  241.  
  242. .desc a {
  243. color:{color:link};
  244. }
  245.  
  246. .pagination {
  247. width:200px;
  248. font-size:8px;
  249. margin-left:-50px;
  250. margin-top:20px;
  251. text-transform:uppercase;
  252. text-align:center;
  253. letter-spacing:3px;
  254. padding:0px;
  255. }
  256.  
  257. .pagination a {
  258. padding:2px 5px;
  259. color:{color:link};
  260. }
  261.  
  262. .pagination a.currentpage {
  263. border:1px solid {color:border};
  264. }
  265.  
  266.  
  267. #stuffcontainer {
  268. float:left;
  269. margin-left:450px;
  270. margin-top:-50px;
  271. text-align:center;
  272. color:{color:text};
  273. margin-bottom:60px;
  274. padding:30px;
  275. }
  276.  
  277. #stuff {
  278. width:500px;
  279. {block:if400px}
  280. width:400px;
  281. {/block:if400px}
  282. margin-top:80px;
  283. text-align:justify;
  284. font-size:10px;
  285. line-height:100%;
  286. letter-spacing:0px;
  287. padding:5px;
  288. color:{color:text};
  289. }
  290.  
  291. .caption {
  292. width:500px;
  293. {block:if400px}
  294. width:400px;
  295. {/block:if400px}
  296. text-align:center;
  297. line-height:120%;
  298. }
  299.  
  300. #asker {
  301. font-weight:normal;
  302. text-transform:normal;
  303. text-align:right;
  304. font-size:8px;
  305. font-family:cambria;
  306. letter-spacing:0px;
  307. line-height:150%;
  308. text-transform:uppercase;
  309. letter-spacing:2px;
  310. margin-top:10px;
  311. border-bottom:1px solid {color:border};
  312. padding-bottom:4px;
  313. }
  314.  
  315. #asker a {
  316. color:{color:link};
  317. text-transform:uppercase;
  318. letter-spacing:2px;
  319. font-size:8px;
  320. }
  321.  
  322. #asker a:hover {
  323. color:{color:hover};
  324. }
  325.  
  326. #ask {
  327. font-weight:normal;
  328. text-transform:normal;
  329. text-align:justify;
  330. font-size:10px;
  331. font-family:cambria;
  332. letter-spacing:0px;
  333. line-height:150%;
  334. padding:0px;
  335. }
  336.  
  337. #ans {
  338. font-weight:normal;
  339. text-transform:normal;
  340. text-align:justify;
  341. font-size:10px;
  342. font-family:cambria;
  343. letter-spacing:0px;
  344. line-height:150%;
  345. padding:0px;
  346. }
  347.  
  348. .audio {
  349. width:500px;
  350. {block:if400px}
  351. width:400px;
  352. {/block:if400px}
  353. }
  354.  
  355. .albumart {
  356. float:left;
  357. padding:0px 10px 10px 0px;
  358. }
  359.  
  360. .albumart img {
  361. width:50px;
  362. height:50px;
  363. border-radius:100px;
  364. }
  365.  
  366. .playercontainer {
  367. width:500px;
  368. {block:if400px}
  369. width:400px;
  370. {/block:if400px}
  371. text-align:justify;
  372. }
  373.  
  374. .audioinfo {
  375. font-size:8px;
  376. color:{color:text};
  377. line-height:220%;
  378. letter-spacing:2px;
  379. text-transform:uppercase;
  380. }
  381.  
  382. .audcap {
  383. text-align:left;
  384. margin-top:11px;
  385. font-size:10px;
  386. }
  387.  
  388. #postinfo {
  389. margin-top:10px;
  390. width:490px;
  391. {block:if400px}
  392. width:390px;
  393. {/block:if400px}
  394. padding:5px;
  395. padding-bottom:15px;
  396. font-size:8px;
  397. font-style:normal;
  398. text-transform:uppercase;
  399. letter-spacing:2px;
  400. text-align:left;
  401. -moz-transition-duration:0.5s;
  402. -webkit-transition-duration:0.5s;
  403. -o-transition-duration:0.5s;
  404. color:{color:link};
  405. border-bottom:1px solid {color:border};
  406. }
  407.  
  408. #postinfo a {
  409. color:{color:link};
  410. text-align:center;
  411. font-size:8px;
  412. letter-spacing:2px;
  413. font-style:normal;
  414. padding:5px;
  415. border:1px solid {color:background};
  416. }
  417.  
  418. #postinfo a:hover {
  419. color:{color:hover};
  420. border:1px solid {color:border};
  421. }
  422.  
  423. ol.notes {
  424. padding:0px;
  425. margin:25px 0px;
  426. list-style-type:none;
  427. }
  428.  
  429. ol.notes li.note {
  430. padding: 10px;
  431. }
  432.  
  433. ol.notes li.note img.avatar {
  434. vertical-align:-4px;
  435. border-radius:100%;
  436. margin-right:10px;
  437. width:16px;
  438. height:16px;
  439. }
  440.  
  441. ol.notes li.note span.action {
  442. font-weight:normal;
  443. }
  444.  
  445. ol.notes li.note .answer_content {
  446. font-weight:normal;
  447. }
  448.  
  449. ol.notes li.note blockquote {
  450. padding:9px 6px 9px 6px;
  451. margin:10px 0px 0px 25px;
  452. }
  453.  
  454. .tags {
  455. width:500px;
  456. {block:if400px}
  457. width:400px;
  458. {/block:if400px}
  459. font-family:cambria;
  460. font-style:italic;
  461. font-size:9px;
  462. letter-spacing:0px;
  463. line-height:120%;
  464. text-transform:lowercase;
  465. text-align:left;
  466. padding:7px;
  467. -moz-transition-duration:0.5s;
  468. -webkit-transition-duration:0.5s;
  469. -o-transition-duration:0.5s;
  470. color:{color:text};
  471. }
  472.  
  473. .tags a {
  474. padding:1px;
  475. color:{color:tags};
  476. }
  477.  
  478. .tags a:hover {
  479. color:{color:hover};
  480. }
  481.  
  482. .chat ol {
  483. line-height:170%;
  484. list-style:none;
  485. width:500px;
  486. {block:if400px}
  487. width:400px;
  488. {/block:if400px}
  489. margin-left:-40px;
  490. }
  491.  
  492. .line.odd {
  493. background:#f6f6f6;
  494. margin-bottom:2px;
  495. padding:4px;
  496. }
  497.  
  498. .line.even {
  499. background:#fafafa;
  500. margin-bottom:2px;
  501. padding:4px;
  502. }
  503.  
  504. .label {
  505. padding-right:2px;
  506. text-transform:normal;
  507. font-weight:bold;
  508. color:{color:link};
  509. }
  510.  
  511. #cred {
  512. font-style:normal;
  513. position:fixed;
  514. font-family:cambria;
  515. font-size:8px;
  516. font-style:uppercase;
  517. font-weight:normal;
  518. line-height:140%;
  519. letter-spacing:2px;
  520. right:10px;
  521. bottom:15px;
  522. text-transform:uppercase;
  523. text-align:center;
  524. }
  525.  
  526. #cred a {
  527. padding:5px;
  528. -moz-transition-duration:0.5s;
  529. -webkit-transition-duration:0.5s;
  530. -o-transition-duration:0.5s;
  531. color:{color:link};
  532. background-color:{color:bg};
  533. }
  534.  
  535. #cred a:hover {
  536. -moz-transition-duration:0.5s;
  537. -webkit-transition-duration:0.5s;
  538. -o-transition-duration:0.5s;
  539. color:{color:hover};
  540. }
  541.  
  542. {CustomCSS}
  543.  
  544. </style></head>
  545.  
  546. <body>
  547. <div id="sidebar">
  548. <img src="{image:sidebar image}">
  549. <div id="title">{title}</div>
  550. <div class="links">
  551. {block:ifLink1}<a href="{text:link1}" title="{text:link1 title}">i.</a>{/block:ifLink1}
  552. {block:ifLink2}<a href="{text:link2}" title="{text:link2 title}">ii.</a>{/block:ifLink2}
  553. {block:ifLink3}<a href="{text:link3}" title="{text:link3 title}">iii.</a>{/block:ifLink3}
  554. {block:ifLink4}<a href="{text:link4}" title="{text:link4 title}">vi.</a>{/block:ifLink4}
  555. {block:ifLink5}<a href="{text:link5}" title="{text:link5 title}">v.</a>{/block:ifLink5}
  556. </div>
  557. <div class="desc">
  558. {Description}
  559. </div>
  560. <div class="pagination">
  561. {block:PreviousPage}
  562. <a href="{PreviousPage}">←</a>
  563. {/block:PreviousPage}
  564.  
  565. {block:JumpPagination length="4"}
  566. {block:CurrentPage}
  567. <span class="current_page">{PageNumber}</span>
  568. {/block:CurrentPage}
  569.  
  570. {block:JumpPage}
  571. <a class="jump_page" href="{URL}">{PageNumber}</a>
  572. {/block:JumpPage}
  573. {/block:JumpPagination}
  574.  
  575. {block:NextPage}
  576. <a href="{NextPage}">→</a>
  577. {/block:NextPage}
  578. {/block:Pagination}
  579. </div>
  580. </div>
  581. </div>
  582.  
  583. <div id="stuffcontainer">
  584.  
  585. {block:Posts}
  586.  
  587. <div id="stuff">
  588.  
  589. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  590.  
  591. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  592.  
  593. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  594. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  595.  
  596. {block:Photo}{block:ifnot400px}<img src="{PhotoURL-500}"/>{/block:ifnot400px}{block:if400px}<img src="{PhotoURL-400}"/>{/block:if400px}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  597.  
  598. {block:Photoset}{block:ifnot400px}{Photoset-500}{/block:ifnot400px}{block:if400px}{Photoset-400}{/block:if400px}
  599. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  600.  
  601. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}<div class="chat"><ol>{block:Lines}<li class="line {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}</ol></div>{/block:Chat}
  602.  
  603. {block:Video}{block:ifnot400px}{video-500}{/block:ifnot400px}{block:if400px}{video-400}{/block:if400px}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  604.  
  605. {block:Answer}
  606. <div id="ask">{Question}</div>
  607. <div id="asker">Asked By: {Asker}</div>
  608. <div id="ans">{Answer}</div>
  609. {/block:answer}
  610.  
  611. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  612. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  613. {/block:ExternalAudio}<b><b>Played:</b></b> {PlayCount} times</div>
  614. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  615. <div class="audcap">{block:Caption}{Caption}{/block:Caption}</div><br>{/block:Audio}
  616.  
  617.  
  618.  
  619. {block:Date}<div id="postinfo">
  620. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a> {block:NoteCount} &nbsp <a href="{Permalink}">{NoteCountWithLabel}</a> &nbsp {/block:NoteCount} {block:RebloggedFrom}
  621. <a title ="{ReblogParentName}" href="{ReblogParentURL}">Via</a>
  622. {/block:RebloggedFrom}
  623.  
  624. {block:ContentSource} &nbsp
  625. <a title ="{SourceTitle}" href="{SourceURL}">Source</a>
  626. {/block:ContentSource}
  627. &nbsp {/block:Date}
  628.  
  629. </div>
  630.  
  631. {block:HasTags}
  632.  
  633.  
  634. <div class="tags">
  635. <font style="font-style:normal;">{block:Tags}<a href="{TagURL}">{Tag}&nbsp &nbsp &nbsp &nbsp</a>{/block:Tags}</div>
  636. {/block:HasTags}
  637.  
  638.  
  639. <!— {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} —>{/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}{block:PostNotes}{PostNotes}
  640. {/block:PostNotes}
  641.  
  642.  
  643. </div>
  644. {/block:Posts}
  645.  
  646.  
  647. </div>
  648. </div>
  649.  
  650. <div id="cred"><a href="http://llovesagame.tumblr.com/">© Theme</a></div>
  651.  
  652. </div>
  653. </body>
  654. </html>
Advertisement
Add Comment
Please, Sign In to add comment