Advertisement
victoria019

02 / honest-content

Oct 17th, 2019
192
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.43 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3. <meta charset="UTF-8">
  4. <title>{Title}</title>
  5. {block:Description}
  6. <meta name="description" content="{MetaDescription}" />
  7. {/block:Description}
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10.  
  11.  
  12. <!--
  13. theme 02 by @ honest-content on tumblr
  14. do not claim as your own;
  15. do not remove my credits;
  16. do not repost it;
  17.  
  18. * feel free do change this code (ONLY) for your personal use
  19. * thank you for choosing honest-content
  20. -->
  21.  
  22.  
  23. <!-- pop up box -->
  24.  
  25.  
  26. <script type="text/javascript"
  27. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  28.  
  29. <script>
  30. $(document).ready(function() {
  31. //
  32. $('a.poplight[href^=#]').click(function() {
  33. var popID = $(this).attr('rel');
  34. var popURL = $(this).attr('href');
  35. var query= popURL.split('?');
  36. var dim= query[1].split('&');
  37. var popWidth = dim[0].split('=')[1];
  38. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="https://upload.wikimedia.org/wikipedia/commons/f/f8/Tooltip-CloseButton.png" class="btn_close" title="escape" alt="escape" /></a>');
  39. var popMargTop = ($('#' + popID).height() + 80) / 2;
  40. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  41.  
  42. $('#' + popID).css({
  43. 'margin-top' : -popMargTop,
  44. 'margin-left' : -popMargLeft
  45. });
  46. $('body').append('<div id="fade"></div>');
  47. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  48. return false;
  49. });
  50. $('a.close, #fade').live('click', function() {
  51. $('#fade , .popup_block').fadeOut(function() {
  52. $('#fade, a.close').remove(); /
  53. });
  54. return false;
  55. });
  56. });
  57. </script>
  58.  
  59.  
  60. <!-- pop up box -->
  61.  
  62.  
  63. <meta name="color:background" content="#ffffff"/>
  64. <meta name="color:text" content="#000"/>
  65. <meta name="color:links" content="#000"/>
  66. <meta name="color:links hover" content="#eee"/>
  67. <meta name="color:borders" content="#eee"/>
  68.  
  69. <meta name="color:scrollbar bg" content="#ffffff"/>
  70. <meta name="color:scrollbar" content="#000"/>
  71.  
  72. <meta name="if:show Link 1" content="1" />
  73. <meta name="if:show Link 2" content="1" />
  74. <meta name="if:show Tags" content="1" />
  75.  
  76. <meta name="image:sidebarimage" content=""/>
  77.  
  78. <meta name="text:Link 1 URL" content="" />
  79. <meta name="text:Link 1" content="" />
  80. <meta name="text:Link 2 URL" content="" />
  81. <meta name="text:Link 2" content="" />
  82.  
  83.  
  84. <link href="https://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  85. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  86. <script src="https://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  87. <script>
  88. (function($){
  89. $(document).ready(function(){
  90. $("[title]").style_my_tooltips({
  91. tip_follows_cursor:true,
  92. tip_delay_time:200,
  93. tip_fade_speed:300
  94. });
  95. });
  96. })(jQuery);
  97. </script>
  98.  
  99.  
  100. <style type="text/css">
  101.  
  102. #fade {
  103. display: none;
  104. background: #fff;
  105. background-image: url('');
  106. position: fixed; left: 0; top: 0;
  107. width: 100%; height: 100%;
  108. opacity: .80;
  109. z-index: 9999;
  110. }
  111. .popup_block{
  112. display: none;
  113. background: #fff;
  114. padding: 20px;
  115. border: 1px solid #ddd;
  116. float: left;
  117. font-size: 12px;
  118. position: fixed;
  119. top: 50%; left: 50%;
  120. z-index: 99999;
  121. }
  122. img.btn_close {
  123. float: right;
  124. margin: -5px -5px 0 0;
  125. }
  126.  
  127. *html #fade {
  128. position: absolute;
  129. }
  130. *html .popup_block {
  131. position: absolute;
  132. }
  133.  
  134. #s-m-t-tooltip {
  135. max-width:300px;
  136. margin:15px;
  137. padding:5px;
  138. border:1px solid {color:borders};
  139. border-radius:0px;
  140. background:#ffffff;
  141. color:{color:text};
  142. z-index:999999;
  143. font-size:7px;
  144. font-style:none;
  145. font-weight:lighter;
  146. letter-spacing:2px;
  147. font-family:arial;
  148. text-transform:uppercase;
  149. box-shadow:1px 1px 3px rgba(0,0,0,.0);
  150. }
  151.  
  152. ::-webkit-scrollbar {
  153. background-color: {color:scrollbar bg};
  154. height:8px;
  155. width:5px
  156. }
  157.  
  158. ::-webkit-scrollbar-thumb:vertical {
  159. background-color:{color:scrollbar};
  160. height:50px
  161. }
  162.  
  163. ::-webkit-scrollbar-thumb:horizontal {
  164. background-color:{color:scrollbar bg};
  165. height:8px!important
  166. }
  167.  
  168.  
  169. body {
  170. background:{color:background};
  171. color:{color:text};
  172. font-family:arial;
  173. line-height:15px;
  174. font-size:10px;
  175. margin-top:100px;
  176. margin-left:400px;
  177. text-align:left;
  178. }
  179.  
  180. blockquote {
  181. padding-left:10px;
  182. border-left:1px {color:borders};
  183. border-color:{color:borders};
  184. margin:10px;
  185. }
  186.  
  187. a {
  188. font-size:10px;
  189. color:{color:links};
  190. text-decoration:none;
  191. -webkit-transition:all 0.5s;
  192. -moz-transition:all 0.5s;
  193. -ms-transition:all 0.5s;
  194. -o-transition:all 0.5s;
  195. }
  196.  
  197. a:hover {
  198. text-decoration:none;
  199. color: {color:links hover};
  200. -webkit-transition:all 0.5s;
  201. -moz-transition:all 0.5s;
  202. -ms-transition:all 0.5s;
  203. -o-transition:all 0.5s;
  204. }
  205.  
  206.  
  207. h1 {
  208. font-weight:bold;
  209. font-size:20px;
  210. text-align:left;
  211. font-style:none;
  212. line-height:50%;
  213. letter-spacing:1px;
  214. text-transform:normal;
  215. color:{color:text};
  216. }
  217.  
  218. h2 {
  219. font-size:15px;
  220. text-align:left;
  221. line-height:100%;
  222. letter-spacing:1px;
  223. color:{color:text};
  224. font-weight:bold;
  225. text-transform:uppercase;
  226. padding:5px;
  227. padding-bottom:2px;
  228. }
  229.  
  230. .sidebar {
  231. position:fixed;
  232. width:150px;
  233. margin-left:-300px;
  234. top:50px;
  235. padding:30px;
  236. }
  237.  
  238. .sidebarimage {
  239. width:90px;
  240. }
  241.  
  242. .sidebarimage img {
  243. width:90px;
  244. margin-bottom:1px;
  245. margin-left:-5px;
  246. padding:5px;
  247. border:1px solid {color:borders};
  248. -webkit-transition: opacity 0.8s linear;
  249. opacity: 0.80;
  250. }
  251.  
  252. .sidebarimage img:hover {
  253. -webkit-transition: opacity 0.8s linear;
  254. opacity: 1;
  255. }
  256.  
  257. .sidetitle {
  258. margin-top:5px;
  259. font-size:14px;
  260. text-transform:lowercase;
  261. font-weight:bold;
  262. width:150px;
  263. text-align:left;
  264. padding-bottom:10px;
  265. margin-left:-5px;
  266.  
  267. }
  268.  
  269. .description {
  270. font-family: arial;
  271. width:80px;
  272. border:1px solid {color:borders};
  273. line-height: 5px;
  274. text-transform:lowercase;
  275. line-height:10px;
  276. text-align:center;
  277. margin-top:10px;
  278. margin-left:110px;
  279. padding-top:15px;
  280. padding:5px;
  281. color:{color:links};
  282. -webkit-transition:all 0.6s;
  283. -moz-transition:all 0.6s;
  284. -ms-transition:all 0.6s;
  285. -o-transition:all 0.6s;
  286. }
  287.  
  288. .links {
  289. font-family: "Courier New";
  290. width:90px;
  291. border:1px solid {color:borders};
  292. line-height: 5px;
  293. text-transform:uppercase;
  294. text-align:center;
  295. margin-top:-105px;
  296. margin-left:110px;
  297. padding-top:10px;
  298. color:{color:links};
  299. -webkit-transition:all 0.6s;
  300. -moz-transition:all 0.6s;
  301. -ms-transition:all 0.6s;
  302. -o-transition:all 0.6s;
  303. }
  304.  
  305. .links a {
  306. -webkit-transition:all 0.6s;
  307. -moz-transition:all 0.6s;
  308. -ms-transition:all 0.6s;
  309. -o-transition:all 0.6s;
  310. }
  311.  
  312. .links a:hover {
  313. text-decoration:underline;
  314. color:{color:links};
  315. -webkit-transition:all 0.6s;
  316. -moz-transition:all 0.6s;
  317. -ms-transition:all 0.6s;
  318. -o-transition:all 0.6s;
  319. }
  320.  
  321. .pagination {
  322. width:150px;
  323. margin-top:20px;
  324. text-align:center;
  325. padding-top:15px;
  326. }
  327.  
  328. .container {
  329. margin-left:400px;
  330. }
  331.  
  332. .posts {
  333. {block:IndexPage}
  334. margin-bottom:80px;
  335. {/block:IndexPage}
  336. {block:PermalinkPage}
  337. margin-bottom:40px;
  338. {/block:PermalinkPage}
  339. width:500px;
  340. margin-left:200px;
  341. }
  342.  
  343. .entries {
  344. margin-left:-200px;
  345. width:500px;
  346. margin-top:50px;
  347. margin-bottom:50px;
  348. }
  349.  
  350. .posts img, .posts li, .posts blockquote {
  351. max-width: 100%;
  352. }
  353.  
  354. .posts li {
  355. list-style:circle;
  356. }
  357.  
  358. blockquote img {
  359. max-width:320px!important;
  360. }
  361.  
  362.  
  363. .info {
  364. font-family: "Courier New";
  365. border-top:1px solid {color:borders};
  366. padding-top:2px;
  367. border-bottom:1px solid {color:borders};
  368. border-left:1px solid {color:borders};
  369. border-right:1px solid {color:borders};
  370. font-size:5px;
  371. text-transform:lowercase;
  372. text-align:center;
  373. font-size:1px;
  374. letter-spacing:1px;
  375. margin-top:15px;
  376. }
  377.  
  378. .tags {
  379. margin-top:5px;
  380. font-size:5px;
  381. letter-spacing:1px;
  382. font-style:none;
  383. text-align:none;
  384. }
  385.  
  386. ol.notes {
  387. padding:0px;
  388. margin:25px 0px 0px -10px;
  389. list-style-type:none;
  390. }
  391.  
  392. ol.notes li.note {
  393. padding:10px;
  394. margin-left:200px;
  395. }
  396.  
  397. ol.notes li.note img.avatar {
  398. vertical-align:-4px;
  399. margin-right:10px;
  400. width:16px;
  401. height:16px;
  402. }
  403.  
  404. ol.notes li.note span.action {
  405. font-weight:none;
  406. }
  407.  
  408. ol.notes li.note .answer_content {
  409. font-weight:normal;
  410. }
  411.  
  412. ol.notes li.note blockquote {
  413. padding:4px 10px;
  414. margin:10px 0px 0px 25px;
  415. }
  416.  
  417. ol.notes li.note blockquote a {
  418. text-decoration:none;
  419. }
  420.  
  421. .quote {
  422. text-transform:normal;
  423. font-size:12px;
  424. font-weight:bold;
  425. text-align:center;
  426. }
  427.  
  428. .quotesource {
  429. text-align:center;
  430. margin-top:10px;
  431. }
  432.  
  433. .chat {
  434. line-height:20px;
  435. list-style:none;
  436. }
  437.  
  438. .line.odd {
  439. background:#fafafa;
  440. margin-bottom:2px;
  441. padding:5px;
  442. list-style:none;
  443. font-size:10px;
  444. }
  445.  
  446. .line.even {
  447. background:#ffffff;
  448. margin-bottom:2px;
  449. padding:5px;
  450. list-style:none;
  451. font-size:10px;
  452. }
  453.  
  454. .label {
  455. padding-right:1px;
  456. text-transform:uppercase;
  457. font-weight:bold;
  458. color:{color:links};
  459. }
  460.  
  461. .question {
  462. background:#eee;
  463. padding:10px;
  464. }
  465.  
  466. .asker {
  467. text-transform:lowercase;
  468. font-style:normal;
  469. font-size:10px;
  470. }
  471.  
  472. .answer {
  473. padding:10px;
  474. margin-top:-15px;
  475. }
  476.  
  477. .playerbutton {
  478. position:relative;
  479. width:30px;
  480. height:35px;
  481. overflow:hidden;
  482. }
  483.  
  484. .playerbuttonhug {
  485. position: absolute;
  486. top:-7px;
  487. left:2px;
  488. }
  489.  
  490. .tumblr_audio_player {
  491. height:50px;
  492. width:500px;
  493. }
  494.  
  495. .playerbuttonbg {
  496. position:absolute;
  497. width:35px;
  498. height:35px;
  499. background-color:#e4e4e4;
  500. padding:10px;
  501. }
  502.  
  503. .trackdetails {
  504. width:auto;
  505. display:inline-block;
  506. margin-left:70px;
  507. font-size:10px;
  508. letter-spacing:1px;
  509. text-transform:lowercase;
  510. padding:5px;
  511. line-height:15px;
  512. }
  513.  
  514. .audiowrapper {
  515. position:relative;
  516. display:inline-block;
  517. }
  518.  
  519. .credit {
  520. font-size:8px;
  521. position:fixed;
  522. font-weight:bold;
  523. bottom:5px;
  524. right:15px;
  525. z-index:10;
  526. text-align:right;
  527. letter-spacing:1px;
  528. padding:5px;
  529. border:1px solid {color:borders};
  530. }
  531.  
  532. .credit a {
  533. padding:5px;
  534. color:{color:links};
  535. text-decoration:none;
  536. }
  537.  
  538. .credit a:hover {
  539. padding:5px;
  540. color:{color:links};
  541. text-decoration:none;
  542. }
  543.  
  544. body, a:hover{cursor:url(‘httpss://78.media.tumblr.com/b30b27d40ad5935586c2c757a3a9ae35/tumblr_inline_p86aegLOYd1s14gux_540.png’), auto!important;}
  545.  
  546. </style>
  547. </head>
  548.  
  549. <body>
  550.  
  551.  
  552.  
  553.  
  554.  
  555. <div class="sidebar">
  556.  
  557. <div class="sidetitle">{Title}</div>
  558.  
  559.  
  560.  
  561.  
  562. <div class="sidebarimage">
  563. <img src="{image:sidebarimage}"></div>
  564. <div class="links">
  565.  
  566. {block:IfShowLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a> <p> {/block:IfShowLink1}
  567. {block:IfShowLink2}<a href="{text:Link 2 URL}" >{text:Link 2}</a> {/block:IfShowLink2}
  568.  
  569. </div>
  570.  
  571.  
  572. <div class="description">
  573. {Description}
  574. </div>
  575.  
  576. <div class="pagination">
  577. {block:Pagination}
  578. {block:PreviousPage}
  579. <a href="{PreviousPage}">↜</a>{/block:PreviousPage}
  580.  
  581. {block:NextPage}
  582. <a href="{NextPage}">↝</a>
  583. {/block:NextPage}
  584. {/block:Pagination}
  585. </div>
  586.  
  587.  
  588. </div>
  589.  
  590.  
  591.  
  592. <div class="entries">
  593. {block:Posts}
  594. <div class="posts">
  595.  
  596.  
  597. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  598.  
  599.  
  600. {block:Photo}
  601. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  602. {block:Caption}{Caption}{/block:Caption}
  603. {/block:Photo}
  604.  
  605.  
  606. {block:Photoset}
  607. {Photoset-500}
  608. {block:Caption}{Caption}{/block:Caption}
  609. {/block:Photoset}
  610.  
  611.  
  612.  
  613. {block:Quote}
  614. <div class="quote">"{Quote}"</div>
  615. {block:Source}<div class="quotesource"> {Source}</div>
  616. {/block:Source}{/block:Quote}
  617.  
  618.  
  619.  
  620. {block:Link}
  621. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  622. {block:Description}{Description}{/block:Description}
  623. {/block:Link}
  624.  
  625.  
  626.  
  627. {block:Chat}
  628. {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>
  629. {/block:Chat}
  630.  
  631.  
  632.  
  633.  
  634. {block:Audio}
  635. {block:AudioPlayer}
  636. <div class="audiowrapper">
  637. <div class="playerbuttonbg">
  638. <div class="playerbutton">
  639. <div class="playerbuttonhug">
  640. {AudioPlayerGrey}
  641. </div></div></div>
  642.  
  643. <div class="trackdetails">
  644. {block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}<br>
  645.  
  646. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>
  647.  
  648. <b>PLAYS:</b> {FormattedPlayCount}</div></div>
  649. {/block:AudioPlayer}
  650.  
  651. {block:Caption}
  652. <div class="caption">{Caption}</div>
  653. {/block:Caption}
  654. {/block:Audio}
  655.  
  656.  
  657.  
  658. {block:Video}
  659. {Video-500}
  660. {block:Caption}{Caption}{/block:Caption}
  661. {/block:Video}
  662.  
  663.  
  664.  
  665.  
  666.  
  667.  
  668. {block:Answer}
  669. <div class="question">
  670. <div class="asker"><b>{Asker} said:</b></div>
  671. {Question}</div><br>
  672. <div class="answer">
  673. {Answer}</div>
  674. {/block:Answer}
  675.  
  676.  
  677.  
  678.  
  679.  
  680. <div class="info">
  681. {block:Date}
  682. <b><a href="{Permalink}">{Month}</b></a>
  683. {/block:Date}
  684.  
  685.  
  686. <a href="{Permalink}">{NoteCount}</a>
  687. {block:RebloggedFrom}
  688. <a href="{ReblogParentURL}" title="{ReblogParenttitle}">via</a>
  689. {block:ContentSource} ・
  690. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRoottitle}">source</a>
  691. {/block:ContentSource}
  692. {/block:RebloggedFrom}
  693.  
  694.  
  695. <a href="{ReblogURL}" target="_blank" class="details">foward</a>
  696. </div>
  697.  
  698.  
  699. {block:HasTags}
  700. <div class="tags">
  701. {block:IfShowTags}
  702. {block:Tags}
  703. <a href="{TagURL}">{Tag},</a>
  704. {/block:Tags}
  705. {/block:IfShowTags}
  706. </div>
  707. {/block:HasTags}
  708. </div>
  709.  
  710.  
  711. {block:PostNotes}
  712. {PostNotes}
  713. {/block:PostNotes}
  714.  
  715. {/block:Posts}
  716.  
  717. {block:ContentSource}
  718. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  719. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  720. {/block:SourceLogo}
  721. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  722. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  723.  
  724.  
  725. <div class="credit">
  726. <a title="honest-content" href="httpss://honest-content.tumblr.com/" target="_blank">c.</a></div>
  727.  
  728. </body>
  729.  
  730. </div>
  731.  
  732. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement