API tools faq
paste
Advertisement
pjo06

Theme #013 - No Waves

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