API tools faq
paste
rollyjogered

theme two: atlas

rollyjogered
Jul 12th, 2018
5,717
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.21 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!----
  5.  
  6. theme two: atlas by pirateskinned
  7.  
  8. please don't: edit & repost / claim as your own
  9. please don't: delete or move the credit
  10. please don't: steal bits of coding
  11.  
  12. if you need any help, feel free to
  13. message me at pirateskinned.tumblr.com
  14.  
  15. ---->
  16.  
  17. <title>{Title}</title>
  18.  
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  22.  
  23. <!---- meta tags ---->
  24.  
  25. <meta name="image:background" content=""/>
  26. <meta name="image:icon one" content=""/>
  27. <meta name="image:icon two" content=""/>
  28. <meta name="image:icon three" content=""/>
  29. <meta name="image:icon four" content=""/>
  30. <meta name="image:icon five" content=""/>
  31.  
  32. <meta name="color:background" content="#ffffff"/>
  33. <meta name="color:container" content="#eeeeee"/>
  34. <meta name="color:posts" content="#f6f6f6"/>
  35. <meta name="color:text" content="#1d1d1d"/>
  36. <meta name="color:link" content="#856c6c"/>
  37. <meta name="color:link hover" content="#1d1d1d"/>
  38. <meta name="color:bold" content="#7a848e"/>
  39. <meta name="color:italic" content="#9599a7"/>
  40. <meta name="color:border" content="#82787e"/>
  41. <meta name="color:accent" content="#6c7884"/>
  42. <meta name="color:side title" content="#6c7884"/>
  43. <meta name="color:side title shadow" content="#ffffff"/>
  44.  
  45. <meta name="if:background pattern" content="0"/>
  46. <meta name="if:500px posts" content="0"/>
  47.  
  48. <meta name="text:description title" content="description title" />
  49.  
  50. <meta name="text:link 1 url" content="/" />
  51. <meta name="text:link 1 title" content="home" />
  52. <meta name="text:link 2 url" content="/ask" />
  53. <meta name="text:link 2 title" content="ask" />
  54. <meta name="text:link 3 url" content="/" />
  55. <meta name="text:link 3 title" content="about" />
  56. <meta name="text:link 4 url" content="/" />
  57. <meta name="text:link 4 title" content="navigate" />
  58.  
  59. <!---- scripts ---->
  60.  
  61. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  62. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  63. <link href='https://static.tumblr.com/8pnyeus/sXxofi7lt/outicons.css' rel='stylesheet' type='text/css'>
  64.  
  65. <link href="https://fonts.googleapis.com/css?family=Playfair+Display:400i,700,700i" rel="stylesheet">
  66.  
  67. <!---- tooltips ---->
  68.  
  69. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  70.  
  71. <script>
  72. (function($){
  73. $(document).ready(function(){
  74. $("a[title]").style_my_tooltips({
  75. tip_follows_cursor:true,
  76. tip_delay_time:30,
  77. tip_fade_speed:300,
  78. attribute:"title"
  79. });
  80. });
  81. })(jQuery);
  82. </script>
  83.  
  84. <!---- photosets ---->
  85.  
  86. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  87.  
  88. <script>
  89. $(document).ready(function(){
  90. $('.photo-slideshow').pxuPhotoset({
  91. lightbox: true,
  92. rounded: false,
  93. gutter: '1px',
  94. borderRadius: '0px',
  95. photoset: '.photo-slideshow',
  96. photoWrap: '.photo-data',
  97. photo: '.pxu-photo'
  98. });
  99. });
  100. </script>
  101.  
  102. <style type="text/css">
  103.  
  104. /* --- fonts --- */
  105.  
  106. @font-face { font-family: "mellonydrybrush"; src: url('https://www.dropbox.com/s/xavbp5s7im3092z/mellony%20dry%20brush.ttf?dl=0'); format("truetype");}
  107.  
  108. /* --- basics --- */
  109.  
  110. #s-m-t-tooltip {
  111. position:absolute;
  112. margin-top: 15px;
  113. z-index:9999;
  114. padding:3px 5px;
  115. background:{color:posts};
  116. color:{color:text};
  117. border-radius:3px;
  118. font-size:10px;
  119. -webkit-box-shadow: 0px 0px 5px 0px rgba({RGBcolor:posts},0.8);
  120. -moz-box-shadow: 0px 0px 5px 0px rgba({RGBcolor:posts},0.8);
  121. box-shadow: 0px 0px 5px 0px rgba({RGBcolor:posts},0.8);
  122. }
  123.  
  124. ::-webkit-scrollbar-thumb:vertical {background-color:{color:border};border-radius:3px;}
  125. ::-webkit-scrollbar-button:horizontal {display:none;}
  126. ::-webkit-scrollbar {background-color:transparent; width:3px;}
  127.  
  128. body {
  129. background-color:{color:background};
  130. background-image:url('{image:background}');
  131. background-attachment:fixed;
  132. background-position:center center;
  133. {block:ifnotbackgroundpattern}
  134. background-repeat:no-repeat;
  135. background-size:cover;
  136. {/block:ifnotbackgroundpattern}
  137. {block:ifbackgroundpattern}
  138. background-repeat:repeat;
  139. background-size:auto;
  140. {/block:ifbackgroundpattern}
  141. color:{color:text};
  142. font-family:helvetica neue;
  143. font-size:10px;
  144. line-height:14px;
  145. font-weight:400;
  146. text-align:justify;
  147. margin:0;
  148. }
  149.  
  150. a {
  151. color:{color:link};
  152. text-decoration:none;
  153. -moz-transition-duration: 0.5s;
  154. -o-transition-duration: 0.5s;
  155. -webkit-transition-duration: 0.5s;
  156. transition-duration: 0.5s;
  157. }
  158.  
  159. a:hover {
  160. color:{color:link hover};
  161. text-decoration:none;
  162. }
  163.  
  164. img {
  165. border:none;
  166. text-decoration:none;
  167. border-radius:3px;
  168. }
  169.  
  170. b, strong, bold {
  171. font-family: 'Playfair Display', serif;
  172. color:{color:bold};
  173. }
  174.  
  175. i, em, italic {
  176. font-family: 'Playfair Display', serif;
  177. color:{color:italic};
  178. }
  179.  
  180. u {
  181. border-bottom:1px solid {color:border};
  182. text-decoration:none;
  183. }
  184.  
  185. s, strike {
  186. text-decoration-color:{color:accent};
  187. }
  188.  
  189. small, sub, sup, big {
  190. font-size:10px;
  191. line-height:14px;
  192. }
  193.  
  194. blockquote {
  195. padding:0px 5px 0px 20px;
  196. border-left:1px solid {color:border};
  197. margin-left:5px;
  198. margin-right:0px;
  199. }
  200.  
  201. blockquote img {
  202. max-width:360px;
  203. }
  204.  
  205. blockquote blockquote {
  206. margin-right:0px;
  207. }
  208.  
  209. blockquote blockquote img {
  210. max-width:350px;
  211. }
  212.  
  213. pre {
  214. font-family:calibri;
  215. font-size:10px;
  216. text-transform:uppercase;
  217. padding:10px;
  218. background-color:{color:accent};
  219. color:{color:posts};
  220. }
  221.  
  222. pre i, pre em {
  223. font-family:calibri;
  224. color:{color:posts};
  225. }
  226.  
  227. ul {
  228. padding-left:15px;
  229. }
  230.  
  231. ul li {
  232. list-style-type:none;
  233. }
  234.  
  235. ul li:before {
  236. content: "— ";
  237. text-indent: -5px;
  238. }
  239.  
  240. .firstletter {
  241. display:block;
  242. float:left;
  243. padding:12px 14px;
  244. background:{color:bold};
  245. color:{color:posts};
  246. font-family: 'Playfair Display', serif;
  247. font-weight:bold;
  248. text-transform:uppercase;
  249. font-size:14px;
  250. margin:0px 10px 0px 0px;
  251. }
  252.  
  253. .hover {
  254. -webkit-transition: 0.7s ease;
  255. transition: 0.7s ease;
  256. }
  257.  
  258. .hover:hover {
  259. transform: rotate(15deg) scale(1.1);
  260. -webkit-transform: rotate(15deg) scale(1.1);
  261. }
  262.  
  263. /* --- header styles --- */
  264.  
  265. h1 {
  266. font-family: 'Playfair Display', serif;
  267. margin:0px;
  268. font-weight:bold;
  269. color:{color:text};
  270. }
  271.  
  272. h2 {
  273. font-family: 'Playfair Display', serif;
  274. font-weight:normal;
  275. color:{color:accent};
  276. }
  277.  
  278. h2 b, b h2, h2 i, i h2 {
  279. color:{color:accent};
  280. }
  281.  
  282.  
  283. /* --- container --- */
  284.  
  285. .container {
  286. position:relative;
  287. margin:100px auto 0px auto;
  288. {block:ifnot500pxposts}
  289. width:800px;
  290. {/block:ifnot500pxposts}
  291. {block:if500pxposts}
  292. width:900px;
  293. {/block:if500pxposts}
  294. height:550px;
  295. background-color:rgba({RGBcolor:container},0.9);
  296. overflow:hidden;
  297. border-radius:3px;
  298. -webkit-box-shadow: 0px 0px 5px 0px rgba({RGBcolor:container},0.8);
  299. -moz-box-shadow: 0px 0px 5px 0px rgba({RGBcolor:container},0.8);
  300. box-shadow: 0px 0px 5px 0px rgba({RGBcolor:container},0.8);
  301. }
  302.  
  303. /* --- sidebar --- */
  304.  
  305. .sidebar {
  306. position:absolute;
  307. z-index:7;
  308. top:0px;
  309. left:0px;
  310. width:250px;
  311. height:550px;
  312. }
  313.  
  314. .side-icon-1 {
  315. position:absolute;
  316. top:20px;
  317. left:35px;
  318. z-index:5;
  319. background-image:url('{image:icon one}');
  320. background-size:150px 150px;
  321. border-radius:100px;
  322. width:150px;
  323. height:150px;
  324. -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  325. -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  326. box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  327. }
  328.  
  329. .side-icon-2 {
  330. position:absolute;
  331. top:45px;
  332. left:160px;
  333. z-index:6;
  334. background-image:url('{image:icon two}');
  335. background-size:110px 110px;
  336. border-radius:60px;
  337. width:110px;
  338. height:110px;
  339. -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  340. -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  341. box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  342. }
  343.  
  344. .side-icon-3 {
  345. position:absolute;
  346. top:150px;
  347. left:15px;
  348. z-index:7;
  349. background-image:url('{image:icon three}');
  350. background-size:100px 100px;
  351. border-radius:100px;
  352. width:100px;
  353. height:100px;
  354. -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  355. -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  356. box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  357. }
  358.  
  359. .side-icon-4 {
  360. position:absolute;
  361. top:390px;
  362. left:150px;
  363. z-index:5;
  364. background-image:url('{image:icon four}');
  365. background-size:140px 140px;
  366. border-radius:100px;
  367. width:140px;
  368. height:140px;
  369. -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  370. -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  371. box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  372. }
  373.  
  374. .side-icon-5 {
  375. position:absolute;
  376. top:450px;
  377. left:90px;
  378. z-index:5;
  379. background-image:url('{image:icon five}');
  380. background-size:90px 90px;
  381. border-radius:100px;
  382. width:90px;
  383. height:90px;
  384. -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  385. -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  386. box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  387. }
  388.  
  389. .side-accent-1 {
  390. position:absolute;
  391. top:175px;
  392. left:120px;
  393. z-index:10;
  394. background-color:{color:accent};
  395. width:55px;
  396. height:20px;
  397. transform: rotate(-15deg);
  398. -webkit-clip-path: polygon(0 40%, 100% 0, 100% 100%, 0 60%);
  399. clip-path: polygon(0 40%, 100% 0, 100% 100%, 0 60%);
  400. -webkit-transition: 0.2s linear;
  401. transition: 0.2s linear;
  402. }
  403.  
  404. .side-accent-1:hover {
  405. left:124px;
  406. top:171px;
  407. }
  408.  
  409. .side-accent-2 {
  410. position:absolute;
  411. top:195px;
  412. left:135px;
  413. z-index:10;
  414. background-color:{color:accent};
  415. width:35px;
  416. height:15px;
  417. transform: rotate(5deg);
  418. -webkit-clip-path: polygon(0 40%, 100% 0, 100% 100%, 0 60%);
  419. clip-path: polygon(0 40%, 100% 0, 100% 100%, 0 60%);
  420. -webkit-transition: 0.2s linear;
  421. transition: 0.2s linear;
  422. }
  423.  
  424. .side-accent-2:hover {
  425. left:139px;
  426. top:194px;
  427. }
  428.  
  429. .side-accent-3 {
  430. position:absolute;
  431. top:210px;
  432. left:122px;
  433. z-index:10;
  434. background-color:{color:accent};
  435. width:50px;
  436. height:20px;
  437. transform: rotate(20deg);
  438. -webkit-clip-path: polygon(0 40%, 100% 0, 100% 100%, 0 60%);
  439. clip-path: polygon(0 40%, 100% 0, 100% 100%, 0 60%);
  440. -webkit-transition: 0.2s linear;
  441. transition: 0.2s linear;
  442. }
  443.  
  444. .side-accent-3:hover {
  445. left:126px;
  446. top:214px;
  447. }
  448.  
  449. .sidetitle {
  450. position:absolute;
  451. top:45px;
  452. left:105px;
  453. width:150px;
  454. height:60px;
  455. text-align:center;
  456. z-index:8;
  457. transform: rotate(-8deg);
  458. }
  459.  
  460. .sidetitle h1 {
  461. font-family: "mellonydrybrush";
  462. font-size:30px;
  463. line-height:34px;
  464. font-weight:normal;
  465. color:{color:side title};
  466. text-shadow: -1px 1px 0px {color:side title shadow};
  467. }
  468.  
  469. .desc-title {
  470. position:absolute;
  471. top:165px;
  472. left:180px;
  473. width:110px;
  474. height:60px;
  475. text-align:center;
  476. z-index:8;
  477. transform: rotate(2deg);
  478. }
  479.  
  480. .desc-title h1 {
  481. font-family: "mellonydrybrush";
  482. font-size:28px;
  483. line-height:26px;
  484. font-weight:normal;
  485. color:{color:side title};
  486. text-shadow: -1px 1px 0px {color:side title shadow};
  487. }
  488.  
  489. .description {
  490. position:absolute;
  491. left:30px;
  492. top:230px;
  493. width:240px;
  494. height:150px;
  495. padding:25px 15px 10px 15px;
  496. box-sizing:border-box;
  497. background-color:{color:posts};
  498. border-radius:3px;
  499. font-size:10px;
  500. line-height:16px;
  501. overflow-x:hidden;
  502. overflow-y:auto;
  503. -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
  504. -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
  505. box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
  506. }
  507.  
  508. /* --- navigation --- */
  509.  
  510. .nav {
  511. position:absolute;
  512. left:30px;
  513. top:385px;
  514. width:150px;
  515. height:50px;
  516. }
  517.  
  518. .nav a {
  519. display:inline-block;
  520. float:left;
  521. background-color:{color:posts};
  522. width:50px;
  523. height:20px;
  524. margin:0px 5px 5px 0px;
  525. line-height:20px;
  526. text-transform:uppercase;
  527. text-align:center;
  528. font-weight:bold;
  529. border-radius:3px;
  530. -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
  531. -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
  532. box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
  533. }
  534.  
  535. /* --- pagination --- */
  536.  
  537. .pagination {
  538. width:60px;
  539. left:30px!important;
  540. bottom:30px;
  541. position:absolute;
  542. z-index:999;
  543. text-align:center;
  544. padding:0px!important;
  545. }
  546.  
  547. .pagination a {
  548. font-family: "mellonydrybrush";
  549. font-size:20px;
  550. line-height:20px;
  551. font-weight:normal;
  552. color:{color:side title};
  553. text-shadow: -1px 1px 0px {color:side title shadow};
  554. display:block;
  555. margin:5px 0px;
  556. }
  557.  
  558. /* --- container --- */
  559.  
  560. .entries {
  561. position:absolute;
  562. z-index:3;
  563. top:0px;
  564. right:0px;
  565. {block:ifnot500pxposts}
  566. width:520px;
  567. {/block:ifnot500pxposts}
  568. {block:if500pxposts}
  569. width:620px;
  570. {/block:if500pxposts}
  571. height:550px;
  572. overflow-x:hidden;
  573. overflow-y:auto;
  574. background-color:transparent;
  575. box-sizing:border-box;
  576. padding:40px;
  577. }
  578.  
  579. /* --- posts --- */
  580.  
  581. .post {
  582. {block:ifnot500pxposts}
  583. width:400px;
  584. {/block:ifnot500pxposts}
  585. {block:if500pxposts}
  586. width:500px;
  587. {/block:if500pxposts}
  588. padding:20px;
  589. overflow:hidden;
  590. {block:IndexPage}
  591. margin-bottom:75px;
  592. {/block:IndexPage}
  593. {block:PermalinkPage}
  594. margin-bottom:50px;
  595. {/block:PermalinkPage}
  596. background-color:{color:posts};
  597. border-radius:3px 3px 11px 11px;
  598. -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
  599. -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
  600. box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
  601. }
  602.  
  603. .post img {
  604. max-width:100%;
  605. }
  606.  
  607. /* --- texts --- */
  608.  
  609. .title {
  610. font-family: "mellonydrybrush";
  611. font-weight:normal;
  612. font-size:20px;
  613. line-height:24px;
  614. color:{color:accent};
  615. }
  616.  
  617. .title a {
  618. color:{color:accent};
  619. }
  620.  
  621. .more a {
  622. font-family: "mellonydrybrush";
  623. font-size:18px;
  624. color:{color:accent};
  625. }
  626.  
  627. .txt {
  628. margin-bottom:20px;
  629. }
  630.  
  631. /* --- photos --- */
  632.  
  633. .photo {
  634. margin:-20px -20px 0px -20px;
  635. }
  636.  
  637. .photo img {
  638. border-radius:3px 3px 0px 0px;
  639. }
  640.  
  641. .photo-slideshow {
  642. margin:-20px -20px 0px -20px;
  643. }
  644.  
  645. .photo-slideshow img {
  646. border-radius:0px;
  647. }
  648.  
  649. /* --- quotes --- */
  650.  
  651. .quote {
  652. font-family: "mellonydrybrush";
  653. text-align:left;
  654. font-size:18px;
  655. line-height:25px;
  656. }
  657.  
  658. .source {
  659. margin-top:4px;
  660. text-align:right;
  661. }
  662.  
  663.  
  664. /* --- audio --- */
  665.  
  666. .audio {
  667. float:left;
  668. width:70px;
  669. height:70px;
  670. position:relative;
  671. overflow:hidden;
  672. }
  673.  
  674. .audio:hover .play {opacity:1;width:30px;}
  675. .audio:hover img {margin-left:30px;}
  676.  
  677. .cover img {
  678. width:70px;
  679. position:absolute;
  680. transition:0.5s ease;
  681. -o-transition:0.5s ease;
  682. -moz-transition:0.5s ease;
  683. -webkit-transition:0.5s ease;
  684. }
  685.  
  686. .play {
  687. overflow:hidden;
  688. width:0px;
  689. height:30px;
  690. background:{color:posts};
  691. position:absolute;
  692. padding:20px 0px;
  693. transition:0.5s ease;
  694. -o-transition:0.5s ease;
  695. -moz-transition:0.5s ease;
  696. -webkit-transition:0.5s ease;
  697. }
  698.  
  699. .au b {
  700. color:{color:bold};
  701. font-weight:700;
  702. margin-right:2px;
  703. }
  704.  
  705. .au {
  706. height:45px;
  707. overflow:hidden;
  708. padding:12px 10px;
  709. line-height:15px;
  710. margin-left:70px;
  711. text-align:left;
  712. }
  713.  
  714. /* --- asks --- */
  715.  
  716. .asker {
  717. margin-right:15px;
  718. margin-bottom:-15px;
  719. float:right;
  720. font-family: "mellonydrybrush";
  721. font-size:25px;
  722. line-height:1px;
  723. font-weight:normal;
  724. text-shadow: -2px 2px 0px {color:side title shadow};
  725. color:{color:side title};
  726. background-color:{color:posts};
  727. padding:0px 5px 0px 7px;
  728. width:auto;
  729. display:block;
  730. }
  731.  
  732. .asker a {
  733. margin:0px;
  734. }
  735.  
  736. .question {
  737. margin-top:20px;
  738. margin-bottom:10px;
  739. border:1px solid {color:border};
  740. padding:20px;
  741. }
  742.  
  743. /* --- chat --- */
  744.  
  745. .chat ul {
  746. list-style-type:none;
  747. padding-left:0px;
  748. }
  749.  
  750. .chat ul li {
  751. margin-bottom:5px;
  752. }
  753.  
  754. .chat ul li:last-of-type {
  755. margin-bottom:0px;
  756. }
  757.  
  758. .chat ul li:before {
  759. content: none;
  760. text-indent: 0px;
  761. }
  762.  
  763. /* --- permalinks --- */
  764.  
  765. .permalink {
  766. margin:0px -20px -20px -20px;
  767. padding:9px 8px 10px;
  768. background:{color:accent};
  769. border-radius:0px 0px 10px 10px;
  770. letter-spacing:0.3px;
  771. color:{color:posts};
  772. }
  773.  
  774. .permalink a {
  775. display:inline-block;
  776. margin:0px 4px;
  777. font-size:8px;
  778. letter-spacing:0px;
  779. text-transform:uppercase;
  780. color:{color:posts};
  781. }
  782.  
  783. .reb {
  784. display:inline-block;
  785. vertical-align:middle;
  786. float:right;
  787. font-size:10px;
  788. }
  789.  
  790. .reb i {
  791. color:{color:posts};
  792. }
  793.  
  794. /* --- tags --- */
  795.  
  796. .tags {
  797. margin-top:0px;
  798. -webkit-transition-duration: 0.6s;
  799. transition-duration: 0.6s;
  800. }
  801.  
  802. .tags a {
  803. font-size:8.5px;
  804. text-transform:none;
  805. margin:2px 0px 0px 4px;
  806. letter-spacing:0.3px;
  807. color:{color:posts};
  808. border-bottom:1px solid transparent;
  809. }
  810.  
  811. .tags a:hover {
  812. border-bottom:1px solid {color:posts};
  813. }
  814.  
  815. /* --- notes --- */
  816.  
  817. .pagenotes {
  818. {block:IndexPage}
  819. display: none!important;
  820. {/block:IndexPage}
  821. {block:ifnot500pxposts}
  822. width:400px;
  823. {/block:ifnot500pxposts}
  824. {block:if500pxposts}
  825. width:500px;
  826. {/block:if500pxposts}
  827. text-align:left;
  828. }
  829.  
  830. .pagenotes img {display:none!important;}
  831.  
  832. /* --- credit --- */
  833.  
  834. .credit a {
  835. position:fixed;
  836. font-size:9px;
  837. text-transform:uppercase;
  838. font-weight:bold;
  839. right:10px;
  840. bottom:10px;
  841. text-align:center;
  842. background-color:rgba({RGBcolor:container},0.5);
  843. width:15px;
  844. height:15px;
  845. padding:5px;
  846. line-height:15px;
  847. border-radius:20px;
  848. color:{color:link};
  849. display:block;
  850. -webkit-box-shadow: 0px 0px 5px 0px rgba({RGBcolor:container},0.5);
  851. -moz-box-shadow: 0px 0px 5px 0px rgba({RGBcolor:container},0.5);
  852. box-shadow: 0px 0px 5px 0px rgba({RGBcolor:container},0.5);
  853. }
  854.  
  855.  
  856. {CustomCSS}
  857.  
  858. </style>
  859. </head>
  860. <body>
  861.  
  862.  
  863. <div class="container">
  864.  
  865. <!---- start of sidebar ---->
  866.  
  867. <div class="sidebar">
  868.  
  869. <div class="side-icon-1 hover"></div>
  870. <div class="side-icon-2 hover"></div>
  871. <div class="side-icon-3 hover"></div>
  872.  
  873. <div class="side-accent-1"></div>
  874. <div class="side-accent-2"></div>
  875. <div class="side-accent-3"></div>
  876.  
  877. <a href="/">
  878. <div class="sidetitle">
  879. <h1>{Title}</h1>
  880. </div>
  881. </a>
  882.  
  883. <div class="desc-title">
  884. <h1>{text:description title}</h1>
  885. </div>
  886.  
  887. <div class="description">{Description}</div>
  888.  
  889. <div class="side-icon-4 hover"></div>
  890. <div class="side-icon-5 hover"></div>
  891.  
  892. <div class="nav">
  893. <a href="{text:link 1 url}" title="{text:link 1 title}">01</a>
  894. <a href="{text:link 2 url}" title="{text:link 2 title}">02</a>
  895. <a href="{text:link 3 url}" title="{text:link 3 title}">03</a>
  896. <a href="{text:link 4 url}" title="{text:link 4 title}">04</a>
  897. </div>
  898.  
  899. {block:Pagination}
  900. <div class="pagination">
  901. {block:PreviousPage}
  902. <a href="{PreviousPage}">sink</a>
  903. {/block:PreviousPage}
  904.  
  905. {block:NextPage}
  906. <a href="{NextPage}">swim</a>
  907. {/block:NextPage}
  908. </div>
  909. {/block:Pagination}
  910.  
  911. </div>
  912.  
  913. <!---- start of posts ---->
  914.  
  915. <div class="entries">
  916.  
  917. {block:Posts}
  918. <div class="post" id="{PostID}">
  919.  
  920.  
  921. {block:Quote}
  922. <div class="txt">
  923. <div class="quote">{Quote}</div>
  924. {block:Source}
  925. <div class="source">&mdash; {Source}</div>
  926. {/block:Source}
  927. </div>
  928. {/block:Quote}
  929.  
  930.  
  931. {block:Text}
  932. <div class="txt">
  933. {block:Title}
  934. <div class="title">{Title}</div>
  935. {/block:Title}
  936.  
  937. {Body}
  938.  
  939. {block:More}
  940. <div class="more">
  941. <a href="{Permalink}">continue reading...</a>
  942. </div>
  943. {/block:More}
  944. </div>
  945. {/block:Text}
  946.  
  947. {block:Link}
  948. <div class="txt">
  949. <div class="title">
  950. <a href="{URL}">{Name}</a>
  951. </div>
  952.  
  953. {block:Description}{Description}{/block:Description}
  954. </div>
  955. {/block:Link}
  956.  
  957. {block:Chat}
  958. <div class="txt">
  959. {block:Title}
  960. <div class="title">{Title}</div>
  961. {/block:Title}
  962.  
  963. <div class="chat">
  964. <ul>
  965. {block:Lines}<li>{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  966. {Line}</li>{/block:Lines}
  967. </ul>
  968. </div>
  969. </div>
  970. {/block:Chat}
  971.  
  972. {block:Photo}
  973. <div class="photo">
  974. {LinkOpenTag}
  975. <img src="{PhotoURL-500}" alt="{PhotoAlt}">
  976. {LinkCloseTag}
  977. </div>
  978. {block:Caption}<div class="txt">{Caption}</div>{/block:Caption}
  979. {/block:Photo}
  980.  
  981. {block:Photoset}
  982. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  983. {block:Photos}
  984. <div class="photo-data">
  985. <div class="pxu-photo">
  986. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  987. </div>
  988.  
  989. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  990. </div>
  991. {/block:Photos}
  992. </div>
  993. {block:Caption}<div class="txt">{Caption}</div>{/block:Caption}
  994. {/block:Photoset}
  995.  
  996. {block:Video}
  997. <div class="photo">{Video-500}</div>
  998. {block:Caption}<div class="txt">{Caption}</div>{/block:Caption}
  999. {/block:Video}
  1000.  
  1001. {block:Audio}
  1002. <div class="txt">
  1003. <div class="audio">
  1004. {block:AlbumArt}
  1005. <div class="cover">
  1006. <img src="{AlbumArtURL}">
  1007. </div>
  1008. {/block:AlbumArt}
  1009.  
  1010. {block:AudioPlayer}
  1011. <div class="play">{AudioPlayerWhite}</div>
  1012. {/block:AudioPlayer}
  1013. </div>
  1014.  
  1015. <div class="au">
  1016. {block:TrackName}<b>Track:</b> {block:TrackName}{TrackName}<br>{/block:TrackName}
  1017. {block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist}
  1018. <b>Plays:</b> {FormattedPlayCount}
  1019. </div>
  1020.  
  1021. {block:Caption}{Caption}{/block:Caption}
  1022. </div>
  1023. {/block:Audio}
  1024.  
  1025. {block:Answer}
  1026. <div class="txt">
  1027. <div class="asker">{Asker}</div>
  1028. <div class="question">
  1029. {Question}
  1030. </div>
  1031. {Answer}
  1032. </div>
  1033. {/block:Answer}
  1034.  
  1035.  
  1036. {block:Date}
  1037. <div class="permalink">
  1038. <a href="{Permalink}">
  1039. posted {TimeAgo}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  1040. </a>
  1041.  
  1042. <a class="reb" href="{ReblogURL}">
  1043. <i class="oi-repeat" aria-hidden="true" style="font-size:11px;"></i>
  1044. </a>
  1045.  
  1046. <br>
  1047.  
  1048. {block:HasTags}
  1049. <div class="tags">
  1050. {block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}
  1051. </div>
  1052. {/block:HasTags}
  1053. </div>
  1054. {/block:Date}
  1055.  
  1056.  
  1057. </div> <!---- end of .post ---->
  1058.  
  1059.  
  1060. {block:PostNotes}
  1061. <div class="pagenotes">
  1062. {PostNotes}
  1063. </div>
  1064. {/block:PostNotes}
  1065.  
  1066.  
  1067. {/block:Posts}
  1068.  
  1069. </div> <!---- end of .entries ---->
  1070.  
  1071. </div> <!---- end of .container ---->
  1072.  
  1073.  
  1074.  
  1075. {block:ContentSource}
  1076. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1077. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1078. {/block:SourceLogo}
  1079. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1080. {/block:ContentSource}
  1081.  
  1082. {block:RebloggedFrom}
  1083. <!--<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
  1084.  
  1085. {block:ContentSource}
  1086. <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
  1087. {/block:ContentSource}
  1088.  
  1089. <a href="{ReblogURL}">reblog</a> -->
  1090. {/block:RebloggedFrom}
  1091.  
  1092. <div class="credit"><a href="http://pirateskinned.tumblr.com/" title="coded by pirateskinned">ps</a></div>
  1093.  
  1094. </body></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!