Advertisement
killuar

008. GLASSY SKY

Aug 29th, 2015
3,169
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.33 KB | None | 0 0
  1. <!--
  2.  
  3. 008. GLASSY SKY
  4. THEME BY KOUGMI
  5.  
  6. Please do not redistribute, use as base, remove credit, etc. You know the deal. Feel free to tweak to your liking.
  7.  
  8. If you have any problems, please message me - hope I can help!
  9.  
  10. -->
  11.  
  12. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  13. <html xmlns="http://www.w3.org/a1999/xhtml" xml:lang="en" lang="en">
  14.  
  15. <head>
  16.  
  17. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  18.  
  19. <link href='http://fonts.googleapis.com/css?family=Roboto:400,900,700' rel='stylesheet' type='text/css'>
  20.  
  21. <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
  22.  
  23. <link href='https://fonts.googleapis.com/css?family=Oxygen:400,300,700' rel='stylesheet' type='text/css'>
  24.  
  25. <title>{Title}</title>
  26. <link rel="shortcut icon" href="{Favicon}">
  27. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  28.  
  29. <meta name="color:Background" content="#FFFFFF"/>
  30. <meta name="color:Border" content="#FFFFFF"/>
  31. <meta name="color:Caption" content="#000000"/>
  32. <meta name="color:Ask" content="#000000"/>
  33. <meta name="color:Asker" content="#FFFFFF"/>
  34. <meta name="color:Navigation Link" content="#000000"/>
  35. <meta name="color:Navigation Hover" content="#000000"/>
  36. <meta name="color:Permabar" content="#000000"/>
  37. <meta name="color:Permalink" content="#000000"/>
  38. <meta name="color:Scrollbar" content="#FFFFFF"/>
  39. <meta name="color:Scrollbar Thumb" content="#000000"/>
  40. <meta name="color:Title" content="#000000"/>
  41. <meta name="color:Desc" content="#FFFFFF"/>
  42. <meta name="color:Text" content="#000000"/>
  43. <meta name="color:Link" content="#000000"/>
  44. <meta name="color:Link Hover" content="#000000"/>
  45. <meta name="color:Accent" content="#000000"/>
  46. <meta name="color:Selection" content="#000000"/>
  47. <meta name="color:Blockquote" content="#000000"/>
  48. <meta name="color:Bold" content="#000000"/>
  49. <meta name="color:Italic" content="#000000"/>
  50.  
  51. <meta name="image:Header" content=""/>
  52.  
  53. <meta name="text:Blog Title" content=""/>
  54. <meta name="text:Blog Description" content=""/>
  55.  
  56. <meta name="text:Link1" content="" />
  57. <meta name="text:Link1 Title" content="" />
  58. <meta name="text:Link2" content="" />
  59. <meta name="text:Link2 Title" content="" />
  60. <meta name="text:Link3" content="" />
  61. <meta name="text:Link3 Title" content="" />
  62. <meta name="text:Link4" content="" />
  63. <meta name="text:Link4 Title" content="" />
  64. <meta name="text:Link5" content="" />
  65. <meta name="text:Link5 Title" content="" />
  66. <meta name="text:Link6" content="" />
  67. <meta name="text:Link6 Title" content="" />
  68.  
  69. <style type="text/css">
  70.  
  71. ::selection {
  72. color:{color:Selection};
  73. }
  74. ::-moz-selection {
  75. color:{color:Selection};
  76. }
  77.  
  78. iframe#tumblr_controls {
  79. top:0% !important;
  80. right:0% !important;
  81. position: fixed !important;
  82. -webkit-filter:invert(100%);
  83. }
  84.  
  85. ::-webkit-scrollbar-thumb:vertical {
  86. border-left:2px solid {color:Scrollbar};
  87. border-right:2px solid {color:Scrollbar};
  88. background-color:{color:Scrollbar Thumb};
  89. }
  90.  
  91. ::-webkit-scrollbar {
  92. width:5px;
  93. background-color:{color:Scrollbar};
  94. }
  95.  
  96. h1 {
  97. margin-top:0px;
  98. font-weight:normal;
  99. font-size:12px;
  100. text-align:left;
  101. font-style:normal;
  102. line-height:120%;
  103. letter-spacing:1px;
  104. text-transform:none;
  105. padding-bottom:10px;
  106. color:{color:Text};
  107. }
  108.  
  109. h2 {
  110. margin-top:-10px;
  111. font-size:10px;
  112. text-align:left;
  113. line-height:120%;
  114. letter-spacing:1px;
  115. font-weight:normal;
  116. text-transform:none;
  117. padding-top:10px;
  118. color:{color:Text};
  119. }
  120.  
  121. h3 {
  122. margin-top:-10px;
  123. font-size:10px;
  124. text-align:left;
  125. line-height:120%;
  126. letter-spacing:1px;
  127. font-weight:normal;
  128. text-transform:none;
  129. color:{color:Text};
  130. }
  131.  
  132. h4 {
  133. margin-top:10px;
  134. font-size:10px;
  135. text-align:left;
  136. line-height:120%;
  137. letter-spacing:1px;
  138. font-weight:normal;
  139. text-transform:none;
  140. padding-top:10px;
  141. color:{color:Text};
  142. }
  143.  
  144. blockquote {
  145. border-left:1px solid {color:Blockquote};
  146. padding-left:10px;
  147. margin:5px 5px 5px 5px;
  148. }
  149.  
  150. body {
  151. background:{color:Background};
  152. background-image:url("");
  153. margin:0px;
  154. background-attachment:fixed;
  155. color:{color:Text};
  156. text-transform:none;
  157. font:11px Oxygen;
  158. line-height:120%;
  159. }
  160.  
  161. a {
  162. font-size:10px;
  163. letter-spacing:1px;
  164. font-family:Oxygen;
  165. text-decoration:none;
  166. outline:none;
  167. text-transform:none;
  168. color:{color:Link};
  169. transition:all 0.5s;
  170. }
  171.  
  172. a:hover {
  173. text-decoration:none;
  174. outline:none;
  175. color:{color:Link Hover};
  176. transition:all 0.5s;
  177. }
  178.  
  179. b, strong {
  180. color:{color:Bold};
  181. }
  182.  
  183. i, em {
  184. color:{color:Italic};
  185. }
  186.  
  187. e {
  188. color:{color:Italic};
  189. }
  190.  
  191. n {
  192. color:{color:Text};
  193. font-weight:bold;
  194. }
  195.  
  196. q {
  197. color:#fff;
  198. font-style:italic;
  199. }
  200.  
  201. v {
  202. color:#000;
  203. font-style:italic;
  204. text-transform:uppercase;
  205. }
  206.  
  207. c {
  208. color:{color:Text};
  209. text-align:right;
  210. }
  211.  
  212.  
  213. #post {
  214. width:500px;
  215. margin-top:70px;
  216. margin-bottom:0px;
  217. padding:10px;
  218. background:{color:Post Background};
  219. }
  220.  
  221. #container {
  222. width:540px;
  223. margin-left:auto;
  224. margin-right:auto;
  225. }
  226.  
  227. #entries {
  228. top:100%;
  229. margin-left:0px;
  230. margin-right:0px;
  231. position:absolute;
  232. margin-bottom:20px;
  233. background-color:{color:Background};
  234. {block:PermalinkPage}
  235. top:60px;
  236. {/block:PermalinkPage}
  237. }
  238.  
  239. #words {
  240. top:0px;
  241. margin-left:25px;
  242. text-align:left;
  243. }
  244.  
  245. #words a {
  246. color:{color:Link};
  247. transition:all 0.5s;
  248. }
  249.  
  250. #image {
  251. border-bottom:10px solid {color:Border};
  252. width:100%;
  253. height:540px;
  254. margin-top:60px;
  255. background-color:{color:Link};
  256. background-image:url('{image:Header}');
  257. background-repeat:repeat;
  258. background-attachment:fixed;
  259. background-position:top;
  260. z-index:-1;
  261. {block:PermalinkPage}
  262. height:0px;
  263. border-bottom:0px;
  264. {/block:PermalinkPage}
  265.  
  266. }
  267.  
  268. #header {
  269. width:100%;
  270. height:50px;
  271. top:0px;
  272. background-color:{color:Background};
  273. position:fixed;
  274. z-index:4;
  275. border-bottom:10px solid {color:Border};
  276. }
  277.  
  278. #title {
  279. font-family:Montserrat;
  280. font-size:40px;
  281. font-weight:bold;
  282. margin-left:auto;
  283. margin-right:auto;
  284. letter-spacing:6px;
  285. color:{color:Title};
  286. width:900px;
  287. text-align:center;
  288. margin-top:-340px;
  289. text-transform:uppercase;
  290. line-height:110%;
  291. z-index:9999999999;
  292. }
  293.  
  294. #desc {
  295. font-family:Oxygen;
  296. font-size:10px;
  297. letter-spacing:1.5px;
  298. color:{color:Desc};
  299. width:550px;
  300. margin-left:auto;
  301. margin-right:auto;
  302. text-align:center;
  303. margin-top:20px;
  304. line-height:50%;
  305. z-index:9999999999;
  306. }
  307.  
  308. #desc a {
  309. color:{color:Link};
  310. }
  311.  
  312. #navigation {
  313. margin-top:20px;
  314. width:100%;
  315. text-align:center;
  316. z-index:10;
  317. position:fixed;
  318. }
  319.  
  320. #navigation a {
  321. text-transform:uppercase;
  322. color:{color:Navigation Link};
  323. font-size:12px;
  324. font-weight:bold;
  325. font-family:Montserrat;
  326. display:inline;
  327. margin-left:20px;
  328. margin-right:20px;
  329. transition:all 0.5s;
  330. padding-bottom:16px;
  331. border-bottom:10px solid {color:Border};
  332. }
  333.  
  334. #navigation a:hover {
  335. transition:all 0.5s;
  336. border-bottom:10px solid {color:Navigation Hover};
  337. }
  338.  
  339. .caption {
  340. padding:20px 10px 15px 25px;
  341. background:{color:Caption};
  342. margin-top:-5px;
  343. margin-bottom:-10px;
  344. color:{color:Text};
  345. }
  346.  
  347.  
  348. .caption b, strong {
  349. color:{color:Bold};
  350. }
  351.  
  352. .caption i, em {
  353. color:{color:Italic};
  354. }
  355.  
  356. .caption a {
  357. color:{color:Link};
  358. }
  359.  
  360. .caption a:hover {
  361. color:{color:Link Hover};
  362. }
  363.  
  364. #permabar {
  365. font-family:Oxygen;
  366. word-spacing:1px;
  367. background:{color:Permabar};
  368. text-align:center;
  369. transition:all 0.5s;
  370. padding:10px 20px 10px 0px;
  371. width:480px;
  372. }
  373.  
  374. #permabar a {
  375. padding:5px 1px 3px 0px;
  376. color:{color:Permalink};
  377. font-size:9px;
  378. text-transform:uppercase;
  379. transition:all 0.5s;
  380. }
  381.  
  382. #permabar a:hover {
  383. color:{color:Link Hover};
  384. transition:all 0.5s;
  385. }
  386.  
  387. #inperma {
  388. margin:auto;
  389. width:500px;
  390. text-transform:uppercase;
  391. font-family:Oxygen;
  392. font-size:9px;
  393. color:{color:Text};
  394. padding:10px 0px 10px 0px;
  395. background:{color:Permabar};
  396. }
  397.  
  398. #inperma a {
  399. font-size:9px;
  400. color:{color:Permalink};
  401. text-transform:uppercase;
  402. text-align:center;
  403. transition:all 0.5s;
  404. }
  405.  
  406. #inperma a:hover {
  407. color:{color:Link Hover};
  408. transition:all 0.5s;
  409. }
  410.  
  411. #tags {
  412. width:480px;
  413. font-family:Oxygen;
  414. line-height:120%;
  415. text-align:center;
  416. margin-top:10px;
  417. font-size:9px;
  418. letter-spacing:1.5px;
  419. transition:all 0.5s;
  420. padding:0px 10px 8px 10px;
  421. color:{color:Text};
  422. margin-left:auto;
  423. margin-right:auto;
  424. }
  425.  
  426. #tags a {
  427. font-size:9px;
  428. text-transform:uppercase;
  429. color:{color:Link};
  430. transition:all 0.5s;
  431. }
  432.  
  433. #tags a:hover {
  434. color:{color:Link Hover};
  435. transition:all 0.5s;
  436. }
  437.  
  438. #notes {
  439. margin-top:10px;
  440. width:500px;
  441. margin:auto;
  442. overflow:auto;
  443. }
  444.  
  445. ol.notes {
  446. padding:0px;
  447. list-style-type:none;
  448. }
  449.  
  450. ol.notes li.note {
  451. text-transform:uppercase;
  452. margin-bottom:2px;
  453. text-align:right;
  454. padding:10px 0px 2px 5px;
  455. font-family:Oxygen;
  456. font-size:8px;
  457. letter-spacing:1px;
  458. font-style:normal!important;
  459. color:{color:Text};
  460. }
  461.  
  462. ol.notes li.note img.avatar {
  463. float:right;
  464. padding-bottom:2px;
  465. margin-left:10px;
  466. width:16px;
  467. height:16px;
  468. }
  469.  
  470. ol.notes li.note a {
  471. text-transform:uppercase;
  472. font-size:8px;
  473. color:{color:Link};
  474. }
  475.  
  476. ol.notes li.note blockquote {
  477. margin:10px 0 0 10px;
  478. padding:5px;
  479. right:0px;
  480. }
  481.  
  482. #chat {
  483. padding:20px 20px 10px 20px;
  484. }
  485.  
  486. .audio {
  487. position:relative;
  488. display:inline;
  489. }
  490.  
  491. .player {
  492. position:absolute;
  493. width:30px;
  494. height:30px;
  495. background-color:#000;
  496. padding:10px;
  497. }
  498.  
  499. .button {
  500. position:relative;
  501. padding:2px;
  502. width:20px;
  503. height:30px;
  504. overflow:hidden;
  505. }
  506.  
  507. .details {
  508. display:inline-block;
  509. text-transform:uppercase;
  510. font-size:10px;
  511. padding:5px 10px 3px 60px;
  512. }
  513.  
  514. #ask {
  515. margin-left:0px;
  516. font-size:10px;
  517. font-family:Oxygen;
  518. text-align:center;
  519. line-height:120%;
  520. letter-spacing:1px;
  521. text-transform:none;
  522. padding:20px;
  523. background:{color:Ask};
  524. width:460px;
  525. }
  526.  
  527. #person {
  528. margin-left:0px;
  529. font-size:10px;
  530. font-family:Oxygen;
  531. text-align:center;
  532. line-height:120%;
  533. letter-spacing:1px;
  534. text-transform:none;
  535. background:{color:Ask};
  536. color:{color:Asker};
  537. width:460px;
  538. padding:20px;
  539. margin-bottom:-50px;
  540. color:{color:Text};
  541. }
  542.  
  543. #person a {
  544. color:{color:Asker};
  545. }
  546.  
  547. #answer {
  548. text-align:center;
  549. padding:10px 10px 10px 10px;
  550. width:480px;
  551. margin-bottom:-10px;
  552. }
  553.  
  554. #quote {
  555. padding:30px 30px 0px;
  556. font-size:16px;
  557. font-family:Montserrat;
  558. line-height:100%;
  559. background:{color:Caption};
  560. }
  561.  
  562. #pre {
  563. word-wrap: break-word;
  564. }
  565.  
  566. #s-m-t-tooltip {
  567. max-width:200px;
  568. padding:5px 7px 4px 8px;
  569. margin:20px 0px 0px 20px;
  570. background-color:{color:Link};
  571. color:#fff;
  572. font-family:roboto;
  573. text-align:center;
  574. font-size:8px;
  575. letter-spacing:1px;
  576. text-transform:uppercase;
  577. z-index:99999;
  578. }
  579.  
  580. #pagination {
  581. margin-left:10px;
  582. padding-top:50px;
  583. padding-bottom:50px;
  584. font-weight:bold;
  585. font-size:8px;
  586. width:500px;
  587. text-align:center;
  588. }
  589.  
  590. #pagination a {
  591. font-size:14px;
  592. padding:5px 5px 5px 7px;
  593. text-transform:uppercase;
  594. font-family:Montserrat;
  595. letter-spacing:2px;
  596. color:{color:Link};
  597. text-decoration:none;
  598. transition:all 0.5s;
  599. }
  600.  
  601. #pagination a:hover {
  602. color:#000;
  603. transition:all 0.5s;
  604. }
  605.  
  606. .current_page {
  607. font-size:14px;
  608. padding:5px 5px 5px 7px;
  609. font-family:Montserrat;
  610. color:#000;
  611. }
  612.  
  613. #cred {
  614. bottom:10px;
  615. left:10px;
  616. position:fixed;
  617. }
  618.  
  619. </style>
  620.  
  621. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  622. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  623.  
  624. <script>
  625. (function($){
  626. $(document).ready(function(){
  627. $("a[title]").style_my_tooltips({
  628. tip_follows_cursor:true,
  629. tip_delay_time:40,
  630. tip_fade_speed:100,
  631. attribute:"title"});});
  632. })(jQuery);
  633. </script>
  634.  
  635. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  636.  
  637. </head>
  638.  
  639. <body>
  640.  
  641. <div id="header">
  642.  
  643. <div id="navigation">
  644. <a href="/">Index</a>
  645. <a href="/ask">Message</a>
  646. <a href="/submit">Submit</a>
  647. {block:iflink1}<a href="{text:Link1}" target="_self">{text:Link1 Title}</a>{/block:iflink1}
  648. {block:iflink2}<a href="{text:Link2}" target="_self">{text:Link2 Title}</a>{/block:iflink2}
  649. {block:iflink3}<a href="{text:Link3}" target="_self">{text:Link3 Title}</a>{/block:iflink3}
  650. {block:iflink4}<a href="{text:Link4}" target="_self">{text:Link4 Title}</a>{/block:iflink4}
  651. {block:iflink5}<a href="{text:Link5}" target="_self">{text:Link5 Title}</a>{/block:iflink5}
  652. {block:iflink6}<a href="{text:Link6}" target="_self">{text:Link6 Title}</a>{/block:iflink6}
  653. <a href="/archive">Archive</a>
  654. <a href="http://kougmi.tumblr.com" target="_blank">Theme</a>
  655. </div></div>
  656.  
  657. <div id="image">
  658. </div>
  659.  
  660. <div id="title">{text:Blog Title}</div>
  661. <div id="desc">{text:Blog Description}</div>
  662.  
  663. <div id="container">
  664.  
  665. <div id="entries">
  666.  
  667. {block:Posts}
  668.  
  669. <div id="pre"><div id="post">
  670.  
  671. {block:Text}<div class="caption">{block:Title}<h1>{Title}</h1>{/block:Title}<h3>{Body}</h3></div>
  672. {/block:Text}
  673.  
  674. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}</center>{block:Caption}<h2><div class="caption">{Caption}</div></h2>{/block:Caption}{/block:Photo}
  675.  
  676. {block:Photoset}{Photoset-500}{block:Caption}<h2><div class="caption">{Caption}</div></h2>{/block:Caption}{/block:Photoset}
  677.  
  678. {block:Quote}<div id="caption"><div id="quote">"{Quote}"{block:Source}<br><br><div style="text-align:right; padding-bottom:20px; font-size:10px;">— {Source}</div>{/block:Source}</div></div>{/block:Quote}
  679.  
  680. {block:Link}<h4><a href="{URL}" {Target}>{Name}</a></h4>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  681.  
  682. {block:Chat}<div id="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}{block:Label}<e>{Label}</e>{/block:Label} {Line}<br>{/block:Lines}<p></div>{/block:Chat}{hw}
  683.  
  684. {block:Audio}<div class="audio"><div class="player"><div class="button">{AudioPlayerBlack}</div></div><div class="details">{block:TrackName}<b>Title:</b> {TrackName}{/block:TrackName}<br>{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br><b>Plays:</b> {FormattedPlayCount}</div></div>{block:Caption}<h2><div class="caption">{Caption}</div></h2>{/block:Caption}{/block:Audio}
  685.  
  686. {block:Video}{Video-500}{block:Caption}<br><h2><div class="caption">{Caption}</div></h2>{/block:Caption}{/block:Video}
  687.  
  688. {block:Answer}<div id="asker"><div id="person">{Asker}</div><p><div id="ask"><q>{Question}</q></div><h2><div id="answer">{Answer}</div></h2>{/block:Answer}
  689.  
  690. {block:IndexPage}
  691.  
  692. <div id="permabar">
  693.  
  694. <a title="Permalink" target="_blank" href="{Permalink}"><b>{DayOfMonthWithZero}{ShortMonth}</b> {NoteCountWithLabel}</a>
  695.  
  696. <a href="{ReblogURL}" target="_blank" title="reblog"><c class="fa fa-retweet"></c></a>
  697.  
  698. {block:HasTags}
  699. <a title="{block:Tags} # {Tag}{/block:Tags}"><c class="fa fa-tags"></c></a>
  700. {/block:HasTags}
  701. </div>
  702.  
  703. {/block:IndexPage}
  704.  
  705. </div>
  706.  
  707. {block:PermalinkPage}
  708.  
  709. {block:Date}
  710.  
  711. <div id="inperma">
  712. <center>
  713.  
  714. {NoteCountWithLabel} &nbsp;/&nbsp; {TimeAgo}
  715.  
  716. {block:RebloggedFrom}&nbsp;/&nbsp; Via:&nbsp;<a title="{ReblogParentName}" target="_blank" href="{ReblogParentURL}"> {ReblogParentName}</a>{/block:RebloggedFrom}
  717.  
  718. {block:ContentSource}&nbsp;/&nbsp; Source:&nbsp;<a title="{SourceTitle}" target="_blank" href="{SourceURL}"> {SourceTitle}</a>{/block:ContentSource}
  719. &nbsp; / &nbsp;
  720. <a href="{ReblogURL}" target="_blank">Reblog</a>
  721.  
  722. </center>
  723.  
  724. </div>
  725. {/block:Date}
  726.  
  727. {block:HasTags}
  728. <div id="tags">
  729. {block:Tags}#<a href="{TagURL}" target="_blank">{Tag}</a>
  730. {/block:Tags}</div>
  731. {/block:HasTags}
  732.  
  733. {/block:PermalinkPage}
  734.  
  735. <div id="notes">
  736. {block:PostNotes}{PostNotes}{/block:PostNotes}
  737. </div></div>
  738. {/block:Posts}
  739.  
  740. {block:Pagination}
  741.  
  742. <div id="pagination">
  743.  
  744. {block:PreviousPage}
  745. <a href="{PreviousPage}" class="jump_page"><c class="fa fa-caret-left"</c></a>
  746. {/block:PreviousPage}
  747.  
  748. {block:JumpPagination length="4"}
  749. {block:CurrentPage}
  750. <span class="current_page">{PageNumber}</span>
  751. {/block:CurrentPage}
  752.  
  753. {block:JumpPage}
  754. <a class="jump_page" href="{URL}">{PageNumber}</a>
  755. {/block:JumpPage}
  756. {/block:JumpPagination}
  757.  
  758. {block:NextPage}
  759. <a href="{NextPage}" class="jump_page"><c class="fa fa-caret-right"</c></a>
  760. {/block:NextPage}
  761.  
  762. </div>
  763.  
  764. {/block:Pagination}
  765.  
  766. </div></div></div></div>
  767.  
  768. </body>
  769.  
  770.  
  771. <BODY ondragstart="return false;">
  772.  
  773. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement