dansmilth

Wanderlust

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