API tools faq
paste
pjo06

Theme #014 - Psyche's Dagger

pjo06
May 25th, 2016
373
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.36 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3.  
  4.  
  5. <!--
  6.  
  7.  
  8. THEME BY CLARKEQGRIFFIN
  9. #014 PSYCHE'S DAGGER
  10.  
  11.  
  12. PLEASE DONT REMOVE
  13. THE CREDIT :)
  14.  
  15.  
  16. -->
  17.  
  18.  
  19.  
  20. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  21.  
  22. <html>
  23. <head>
  24. <title>{Title}</title>
  25. <link rel="shortcut icon" href="{Favicon}">
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  28.  
  29. <!--TEST BLOG 4-->
  30. <meta name="image:Sidebar" content=""/>
  31. <meta name="color:bg" content="#ffffff" />
  32. <meta name="color:accent" content="#f8f8f8" />
  33. <meta name="color:outline" content="#f7f7f7" />
  34. <meta name="color:text" content="#5a5a5a" />
  35. <meta name="color:sidelinks" content="#5a5a5a" />
  36. <meta name="color:link" content="#5a5a5a" />
  37. <meta name="color:link hover" content="#c3c3c3" />
  38. <meta name="color:Scrollbar" content="#000000">
  39.  
  40. <meta name="select:Post Size" content="400" title="400px"/>
  41. <meta name="select:Post Size" content="450" title="450px"/>
  42. <meta name="select:Post Size" content="500" title="500px"/>
  43.  
  44.  
  45. <meta name="text:link 1 URL" content="/" />
  46. <meta name="text:link 1" content="" />
  47. <meta name="text:link 2 URL" content="/" />
  48. <meta name="text:link 2" content="" />
  49.  
  50.  
  51.  
  52.  
  53. <!--START-->
  54.  
  55. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  56. <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  57. <link href='https://fonts.googleapis.com/css?family=Karla' rel='stylesheet' type='text/css'>
  58.  
  59.  
  60.  
  61. <!--VIDEO RESIZE BY SHYTHEMES-->
  62. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  63. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  64.  
  65.  
  66.  
  67. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  68.  
  69.  
  70. <!--TOOLTIPS-->
  71. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  72. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  73. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  74. <script>
  75. (function($){
  76. $(document).ready(function(){
  77. $("[title]").style_my_tooltips({
  78. tip_follows_cursor:true,
  79. tip_delay_time:100,
  80. tip_fade_speed:200
  81. });
  82. });
  83. })(jQuery);
  84. </script>
  85.  
  86.  
  87. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  88. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  89. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  90.  
  91.  
  92.  
  93.  
  94. <script>
  95. $(document).ready(function(){
  96. $('.photo-slideshow').pxuPhotoset({
  97. lightbox: true,
  98. rounded: false,
  99. gutter: '3px',
  100. borderRadius: '0px',
  101. photoset: '.photo-slideshow',
  102. photoWrap: '.photo-data',
  103. photo: '.pxu-photo'
  104. });
  105. });
  106. </script>
  107.  
  108.  
  109.  
  110.  
  111.  
  112.  
  113.  
  114. <style type="text/css">
  115.  
  116.  
  117.  
  118. #s-m-t-tooltip {
  119. max-width:300px;
  120. margin:15px;
  121. padding:3px;
  122. /*border:1px solid #eaeaea;*/
  123. border-radius:0px;
  124. background:white;
  125. color:{color:text};
  126. z-index:999999;
  127. font-size:7px;
  128. font-style:none;
  129. font-weight:lighter;
  130. letter-spacing:1px;
  131. font-family:trebuchet ms;
  132. text-transform:uppercase;
  133. border:1px solid {color:outline};
  134. box-shadow:0px 0px 0px #f2f2f2;
  135. }
  136.  
  137. ::-webkit-scrollbar-thumb:vertical {
  138. background-color:{color:Scrollbar};
  139. height:5px;
  140. }
  141.  
  142. ::-webkit-scrollbar-thumb:horizontal {
  143. background-color:{color:Scrollbar};
  144. height:5px!important;
  145. }
  146.  
  147. ::-webkit-scrollbar {
  148. background-color:transparent;
  149. height:3px;
  150. width:3px;
  151. }
  152.  
  153.  
  154.  
  155. body {
  156. font-family: 'Karla', sans-serif;
  157. font-size:10px;
  158. font-weight:500;
  159. color:{color:text};
  160. background-color:{color:bg};
  161. }
  162.  
  163.  
  164. ::-moz-selection {
  165. background-color: {color:link hover};
  166. color: #fff;
  167. }
  168.  
  169. ::selection {
  170. background-color: {color:link hover};
  171. color: #fff;
  172. }
  173.  
  174. ul {
  175. list-style-type: circle;
  176. }
  177.  
  178. #entry {
  179. margin-bottom:120px;
  180. margin-left:0px;
  181. margin-top:-30px;
  182. }
  183.  
  184.  
  185.  
  186. /*SIDEBAR*/
  187.  
  188. #sidebar {
  189. width:280px;
  190. position:fixed;
  191. margin-left:160px;
  192. margin-top:70px;
  193. }
  194.  
  195. #sidebar img {
  196. width:70px;
  197. position:absolute;
  198. }
  199.  
  200.  
  201. #description {
  202. text-align:justify;
  203. width:185px;
  204. line-height:15px;
  205. font-size:10px;
  206. height:55px;
  207. overflow-y:scroll;
  208. background-color:{color:accent};
  209. border:1px solid {color:outline};
  210. margin-top:-1px;
  211. padding:8px 5px 7px 76px;
  212. }
  213.  
  214.  
  215.  
  216. #pagination {
  217. color:{color:link};
  218.  
  219. }
  220.  
  221. #pagination a {
  222. color:{color:link};
  223. }
  224.  
  225.  
  226. #pagination a:hover {
  227. color:{color:link};
  228. }
  229.  
  230.  
  231. /*SIDELINKS*/
  232.  
  233. .sidelinks {
  234. position:relative;
  235. z-index:99999999;
  236. font-size:8px;
  237. text-transform:uppercase;
  238. float:right;
  239. margin-top:4px;
  240. margin-right:15px;
  241. }
  242.  
  243.  
  244. .sidelinks a {
  245. color:{color:sidelinks};
  246. background-color:{color:accent};
  247. border:1px solid {color:outline};
  248. padding:4px;
  249. border-radius:0px;
  250. margin-right:-3px;
  251. -moz-transition-duration: 0.3s;
  252. -o-transition-duration: 0.3s;
  253. -webkit-transition-duration: 0.3s;
  254. transition-duration: 0.3s;
  255. }
  256.  
  257. .sidelinks a:hover {
  258. color:{color:sidelinks};
  259. border-bottom:1px solid {color:link hover};
  260. -moz-transition-duration: 0.3s;
  261. -o-transition-duration: 0.3s;
  262. -webkit-transition-duration: 0.3s;
  263. transition-duration: 0.3s;
  264. }
  265.  
  266.  
  267. a {
  268. text-decoration:none;
  269. color:{color:link};
  270. }
  271.  
  272. a:hover {
  273. color:{color:link hover};
  274. -moz-transition-duration: 0.3s;
  275. -o-transition-duration: 0.3s;
  276. -webkit-transition-duration: 0.3s;
  277. transition-duration: 0.3s;
  278. }
  279.  
  280. #title {
  281. text-align:left;
  282. font-size:8px;
  283. text-transform:uppercase;
  284. background-color:{color:accent};
  285. border:1px solid {color:outline};
  286. padding:5px;
  287. position:absolute;
  288. margin-top:-27px;
  289. margin-left:-1px;
  290. }
  291.  
  292.  
  293.  
  294. /*POSTS*/
  295.  
  296. #posts {
  297. width:{select:Post Size}px;
  298. margin-left:500px;
  299. margin-bottom:90px;
  300. background-color:{color:accent};
  301. border:1px solid {color:outline};
  302. {block:PostNotes}
  303. padding-bottom:20px;
  304. {/block:PostNotes}
  305. }
  306.  
  307.  
  308. #posts img {
  309. max-width:100%;
  310. height:auto;
  311. }
  312.  
  313.  
  314. #quote {
  315. font-style:italic;
  316. font-size: 15px;
  317. text-transform:uppercase;
  318. }
  319.  
  320. .source {
  321. font-style:italic;
  322. margin-bottom:-10px;
  323. }
  324.  
  325. .title {
  326. font-size:15px;
  327. font-weight:none;
  328. font-style:italic;
  329. padding-top:10px;
  330. text-transform:uppercase;
  331. }
  332.  
  333. .linkname {
  334. font-size:15px;
  335. font-style:italic;
  336. text-transform:uppercase;
  337. margin-bottom:-10px;
  338. }
  339.  
  340. /*AUDIO*/
  341.  
  342. #albumart {
  343. position:absolute;
  344. display:inline-block;
  345. z-index:999;
  346. margin-top:0px;
  347. margin-left:25px;
  348. padding:7px;
  349. }
  350.  
  351. .playbox {
  352. background-color:#fafafa;
  353. position:absolute;
  354. margin-left:58.5px;
  355. margin-top:34.5px;
  356. width:27px;
  357. height:27px;
  358. z-index:1000;
  359. opacity:.4;
  360. }
  361.  
  362. .playbutton {
  363. width: 27px;
  364. height: 27px;
  365. overflow: hidden;
  366. position: absolute;
  367. opacity:.7;
  368. -moz-transition-duration: 0.4s;
  369. -o-transition-duration: 0.4s;
  370. -webkit-transition-duration: 0.4s;
  371. transition-duration: 0.4s;
  372. }
  373.  
  374. .playbox:hover .playbutton {
  375. opacity:1;
  376. -moz-transition-duration: 0.4s;
  377. -o-transition-duration: 0.4s;
  378. -webkit-transition-duration: 0.4s;
  379. transition-duration: 0.4s;
  380. }
  381.  
  382. /*
  383. ORIGINAL
  384. .audiosrc {
  385. position:absolute;
  386. max-width:330px;
  387. margin-left:247px;
  388. margin-top:63px;
  389. font-size:9px;
  390. letter-spacing:1.5px;
  391. text-transform:uppercase;
  392. text-align:left;
  393. color:black;
  394.  
  395. }*/
  396.  
  397.  
  398. .audiosrc {
  399. position:absolute;
  400. display:inline-block;
  401. width:250px;
  402. margin-left:150px;
  403. top:20px;
  404. font-size:8px;
  405. letter-spacing:1.5px;
  406. line-height:11px;
  407. text-transform:uppercase;
  408. text-align:left;
  409. border-left:1px solid {color:outline};
  410. padding:20px 0px 20px 35px;
  411.  
  412. }
  413.  
  414. #srccontainer {
  415. position:relative;
  416. background-color:none;
  417. width:500px;
  418. height:100px;
  419. z-index:999;
  420. margin-bottom:15px;
  421. border-radius:6px;
  422. margin-top:15px;
  423. }
  424.  
  425.  
  426. /*QUESTION*/
  427.  
  428.  
  429. .question {
  430. background-color:#fafafa;
  431. width:500px;
  432. text-align:center;
  433. padding:10px;
  434. }
  435.  
  436. .asker {
  437. font-style:italic;
  438. text-transform:uppercase;
  439. font-size:12;
  440. text-align:center;
  441. }
  442.  
  443.  
  444.  
  445.  
  446. #postinfo {
  447. text-transform:uppercase;
  448. font-size:9px;
  449. text-align:left;
  450. line-height:12px;
  451. padding:7px 10px 0px 10px;
  452. border-top:1px solid {color:outline};
  453. {block:PostNotes}
  454. margin-bottom:30px;
  455. {/block:PostNotes}
  456. }
  457.  
  458. #postinfo a{
  459. border-bottom:0px;
  460. }
  461.  
  462.  
  463. #maininfo2 {
  464. font-size:8px;
  465. text-transform:uppercase;
  466. margin-bottom:18px;
  467. }
  468.  
  469.  
  470.  
  471. .tags {
  472. font-size:8px;
  473. text-transform:none;
  474. border-top:1px solid {color:outline};
  475. padding:7px 10px 7px 10px;
  476. width:calc({select:Post Size}px - 20px);
  477. margin-left:-10px;
  478. }
  479.  
  480.  
  481.  
  482. .notes ol, .notes li{
  483. list-style:none;
  484. }
  485.  
  486.  
  487. ol.notes li.note img.avatar {
  488. vertical-align:-8px;
  489. border-radius:100%;
  490. margin-right:10px;
  491. width:16px;
  492. height:16px;
  493. margin-top:4px;
  494. margin-bottom:4px;
  495. }
  496.  
  497.  
  498. blockquote {
  499. padding-left:5px;
  500. border-left:1px solid {color:text};
  501. margin-left:14px;
  502. }
  503.  
  504.  
  505. blockquote blockquote {
  506. padding-left:5px;
  507. border-left:1px solid {color:text};
  508. margin-left:14px;
  509. }
  510.  
  511. .captions {
  512. padding:0px 10px 0px 10px;
  513. }
  514.  
  515. .captions a {
  516. border-bottom:0px solid {color:link};
  517. }
  518.  
  519. .captions a:hover {
  520. border-bottom:0px solid {color:link hover};
  521. }
  522.  
  523. .txts {
  524. padding:10px 10px 10px 10px;
  525. }
  526.  
  527. .txts a {
  528. border-bottom:0px solid {color:link};
  529. }
  530.  
  531. .txts a:hover {
  532. border-bottom:0px solid {color:link hover};
  533. }
  534.  
  535.  
  536.  
  537.  
  538. #mastersrc {
  539. color:{color:text};
  540. position:fixed;
  541. bottom:10px;
  542. right:10px;
  543. padding:6px 8px 6px 8px;
  544. font-size:12px;
  545. border:1px solid {color:outline};
  546. background-color:{color:accent};
  547. opacity:1;
  548. width:10px;
  549. overflow:hidden;
  550. border-radius:100px;
  551. -moz-transition-duration: 0.4s;
  552. -o-transition-duration: 0.4s;
  553. -webkit-transition-duration: 0.4s;
  554. transition-duration: 0.4s;
  555. }
  556.  
  557. #srcname {
  558. color:{color:text};
  559. font-size:8px;
  560. text-transform:uppercase;
  561. margin-top:-11px;
  562. margin-left:22px;
  563. position:absolute;
  564. }
  565.  
  566. #mastersrc:hover {
  567. color:{color:text};
  568. width:85px;
  569. -moz-transition-duration: 0.4s;
  570. -o-transition-duration: 0.4s;
  571. -webkit-transition-duration: 0.4s;
  572. transition-duration: 0.4s;
  573. }
  574.  
  575. #mastersrc a:hover{
  576. color:{color:text};
  577. }
  578.  
  579.  
  580.  
  581. {CustomCSS}</style>
  582.  
  583.  
  584. </head>
  585. <body>
  586.  
  587. <div id="entry">
  588.  
  589.  
  590. <!--sidebar-->
  591.  
  592.  
  593. <!--<div id="dropdown1">link 1<br>link 2</div>-->
  594.  
  595.  
  596. <div id="sidebar">
  597.  
  598. <!--<div id="title"><a href="/">{Title}</a></div>-->
  599.  
  600.  
  601.  
  602. {block:IfSidebarImage}
  603. <img src="{image:sidebar}">
  604. {/block:IfSidebarImage}
  605.  
  606. <div id="description">
  607. {description}
  608. </div>
  609.  
  610.  
  611.  
  612.  
  613. <div class="sidelinks">
  614. <a href="/">index</a>
  615. <a href="/ask">ask</a>
  616. {block:IfLink1}<a href="{text:link 1 URL}">{text:link 1}</a>{/block:IfLink1}
  617. {block:IfLink2}<a href="{text:link 2 URL}">{text:link 2}</a>{/block:IfLink2}
  618.  
  619.  
  620. <span id="pagination">
  621. {block:Pagination}
  622. {block:PreviousPage}<a href="{PreviousPage}">prev&nbsp;</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  623. {/block:Pagination}
  624. </span>
  625.  
  626.  
  627. </div>
  628.  
  629.  
  630.  
  631.  
  632.  
  633. </div>
  634.  
  635.  
  636.  
  637.  
  638. </div>
  639.  
  640.  
  641. <!--posts-->
  642.  
  643. {block:posts} <div id="posts">
  644.  
  645. {block:Text}
  646. <div class="captions">
  647. <div class="title">{block:Title}{Title}{/block:Title}</div>{Body}
  648. </div>
  649. {/block:Text}
  650.  
  651. {block:Photo}
  652. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}<div class="captions">{Caption}</div>{/block:Caption}
  653. {/block:Photo}
  654.  
  655.  
  656. {block:Photoset}
  657. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  658.  
  659. {block:Caption}<div class="captions">{Caption}</div>{/block:Caption}
  660. {/block:Photoset}
  661.  
  662.  
  663.  
  664.  
  665.  
  666. {block:Quote}
  667. <div class="txts">
  668. <div id="quote">{Quote}</div><div class="source">{block:Source}<div class="txts">— {Source}</div>{/block:Source}</div>
  669. </div>
  670. {/block:Quote}
  671.  
  672. {block:Link}
  673. <div class="txts"><a href="{URL}"><div class="linkname">{Name}</div></a></div>{block:Description}<div class="captions">{description}</div>{/block:Description}
  674. {/block:Link}
  675.  
  676. {block:Chat}
  677.  
  678. <div class="txts">
  679. {block:title}<h2>{Title}</h2>{/block:title}{block:lines}{block:label}<b>{label}</b>{/block:label} {line} <br>{/block:lines}
  680. </div>
  681. {/block:Chat}
  682.  
  683.  
  684.  
  685. {block:Audio}
  686.  
  687. {block:AudioPlayer}
  688. <div class="audiocontainer">
  689. <div class="playbox"><div class="playbutton">{AudioPlayerWhite}</div></div>
  690. <div id="srccontainer">
  691. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" style="border-radius:0px;">{/block:AlbumArt}</div>
  692. <div class="audiosrc">
  693. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}<br>
  694. {block:Artist}{Artist}{/block:Artist} <i class="fa fa-repeat" aria-hidden="true" style="opacity:.6; font-size:6px;"></i> {block:PlayCount}{PlayCount}{/block:PlayCount}<br>
  695. </div></div></div>
  696. {/block:AudioPlayer}
  697.  
  698. {block:AudioEmbed}
  699. {AudioEmbed}
  700. {/block:AudioEmbed}
  701.  
  702. {block:Caption}<div class="captions">{Caption}</div>
  703. {/block:Caption}
  704. {/block:Audio}
  705.  
  706. <!--{block:video}
  707. {VideoEmbed-500}{block:Caption}<div class="captions">{caption}</div>{/block:Caption}
  708. {/block:video}-->
  709.  
  710. <div class="video">{Video-500}</div>
  711.  
  712.  
  713.  
  714. <!--{block:answer}
  715. <div class="question">
  716. <div class="asker">
  717. <b>{asker} said:</b></div>
  718. <br>{question}
  719. </div>
  720. {Answer}
  721. {/block:answer}-->
  722.  
  723.  
  724. <!--<div class="question">
  725.  
  726. <div class="asker">
  727. {Asker}
  728. </div>
  729. <div class="qa">
  730. {Question}
  731. <div class="tri"></div>
  732. </div>
  733. </div>
  734. {Answer}
  735. <div class="replies">
  736. {Replies}
  737. </div>-->
  738.  
  739.  
  740.  
  741.  
  742.  
  743.  
  744. <!--postinfo-->
  745.  
  746. <div id="postinfo">
  747.  
  748.  
  749. <div id="maininfo2">
  750.  
  751. <span style="float:left;">
  752. {block:Date}
  753. <span title="{DayOfMonthWithZero} {ShortMonth} {ShortYear}"><a href="{permalink}">posted {timeago}</span>
  754. {/block:Date}
  755.  
  756. <br>
  757. <a href="{Permalink}">{NoteCountWithLabel}</a>
  758. </span>
  759.  
  760. <span style="float:right;">
  761.  
  762.  
  763.  
  764. <a href="{ReblogURL}" style="float:right;">reblog</a>
  765. <br>
  766.  
  767. {block:RebloggedFrom}
  768. <a href="{ReblogParentURL}">
  769. {ReblogParentname}
  770. </a> —
  771. <a href="{ReblogRootURL}">
  772. {ReblogRootname}</a>
  773. {/block:RebloggedFrom}
  774.  
  775.  
  776. </span>
  777.  
  778. </div>
  779.  
  780.  
  781.  
  782.  
  783.  
  784. {block:ContentSource}
  785. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  786. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  787. {/block:SourceLogo}
  788. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  789. {/block:ContentSource}
  790.  
  791.  
  792. <br>
  793.  
  794. {block:HasTags}
  795. <div class="tags">
  796. {block:tags}
  797. <a href="{TagURL}">#&nbsp;{Tag}</a>&nbsp;&nbsp;&nbsp;
  798. {/block:tags}
  799. </div>
  800. {/block:HasTags}
  801.  
  802. </div>
  803.  
  804.  
  805.  
  806. <div class="notes">
  807. {block:PostNotes}{PostNotes}{/block:PostNotes}
  808. </div>
  809.  
  810.  
  811. </div>{/block:posts}
  812.  
  813. </div>
  814.  
  815. <div id="mastersrc"><i class="fa fa-cube" aria-hidden="true"></i>
  816. <a href="http://clarkeqgriffin.tumblr.com">
  817. <div id="srcname">clarkeqgriffin</div>
  818. </a>
  819. </div>
  820.  
  821. </body>
  822. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!