dansmilth

Outer Space

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