API tools faq
paste
Advertisement
destinatia

THEME 025: 「 ✩ * º ╳ GHOST DREAM」— desveladas

destinatia
Oct 31st, 2017
1,553
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 40.29 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!-- ✧ * ☾ desveladas ™ * ✧
  6. aka bec -->
  7.  
  8. {block:Description}
  9. <meta name="description" content="{MetaDescription}" />
  10. {/block:Description}
  11. <meta charset="utf-8">
  12. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  13. <title>{Title}{block:TagPage} // {Tag} {/block:TagPage} {block:SearchPage} // {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary} // {PostSummary} {/block:PostSummary}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16.  
  17. <!---------------------- ✕ color customization ✕ ----------------------->
  18.  
  19. <meta name="color:background" content="#ffffff" />
  20. <meta name="color:container bg" content="#ddd" />
  21. <meta name="color:posts" content="#ffffff" />
  22. <meta name="color:text" content="#000000" />
  23. <meta name="color:links" content="#000000" />
  24. <meta name="color:links hover" content="#a0a0a0" />
  25. <meta name="color:description" content="#ffffff" />
  26. <meta name="color:desc text" content="#ddd" />
  27. <meta name="color:title text" content="#fff" />
  28. <meta name="color:title bg" content="#ddd" />
  29.  
  30. <meta name="color:accent" content="#ffffff" />
  31. <meta name="color:accent 2" content="#7bb5bb" />
  32. <meta name="color:borders" content="#fff" />
  33.  
  34. <meta name="color:updates text" content="#fff" />
  35. <meta name="color:navigation link" content="#fff" />
  36.  
  37.  
  38. <!--------------------------- ✕ texts ✕ ------------------------------->
  39.  
  40.  
  41. <meta name="text:description" content="this is an alternative description, and you can find it on the dropdown thingy." />
  42. <meta name="text:2nd title" content="your title" />
  43.  
  44. <meta name="text:link 1" content="/" />
  45. <meta name="text:link 2" content="/ask" />
  46. <meta name="text:link 3" content="/more" />
  47. <meta name="text:link 4" content="/plus" />
  48.  
  49. <meta name="text:link 1 title" content="something" />
  50. <meta name="text:link 2 title" content="something" />
  51. <meta name="text:link 3 title" content="something" />
  52. <meta name="text:link 4 title" content="something" />
  53.  
  54. <meta name="text:online count" content="sumthing" />
  55. <meta name="text:huge navigation text" content="MORE" />
  56. <meta name="text:huge navigation text link" content="#" />
  57. <meta name="text:one word title line 1" content="after" />
  58. <meta name="text:one word title line 2" content="dark" />
  59. <meta name="text:1st update title" content="update" />
  60. <meta name="text:1st update" content="update update update" />
  61. <meta name="text:2nd update title" content="update" />
  62. <meta name="text:2nd update" content="update update update" />
  63. <meta name="text:3rd update title" content="update" />
  64. <meta name="text:3rd update" content="update update update" />
  65.  
  66. <!---------------------------- ✕ images ✕ ----------------------------->
  67.  
  68. <meta name="image:sidebar icon" content="" />
  69. <meta name="image:header icon" content="" />
  70. <meta name="image:sidebar picture" content="" />
  71. <meta name="image:navigation pic 1" content="" />
  72. <meta name="image:navigation pic 2" content="" />
  73. <meta name="image:navigation pic 3" content="" />
  74. <meta name="image:navigation pic 4" content="" />
  75.  
  76. <meta name="if:updates" content="0"/>
  77. <meta name="if:400px posts" content="1"/>
  78.  
  79. <!---------------------- ✕ tooltip script ! ✕ ----------------------->
  80.  
  81.  
  82. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  83. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  84. <script>
  85. (function($){
  86. $(document).ready(function(){
  87. $("a[title]").style_my_tooltips({
  88. tip_follows_cursor:true,
  89. tip_delay_time:90,
  90. tip_fade_speed:600,
  91. attribute:"title"
  92. });
  93. });
  94. })(jQuery);
  95. </script>
  96.  
  97. <script>
  98. $(document).ready(function(){
  99. {block:PermalinkPage}
  100. // pxu photosets
  101. $('.photo-slideshow').pxuPhotoset({
  102. lightbox: true,
  103. rounded: false,
  104. gutter: '1px',
  105. photoset: '.photo-slideshow',
  106. photoWrap: '.photo-data',
  107. photo: '.pxu-photo'
  108. });
  109. {/block:PermalinkPage}
  110. </script>
  111.  
  112. <!---------------------- ✕ imported scripts ✕ ----------------------->
  113.  
  114. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  115.  
  116. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  117.  
  118. <link href="https://file.myfontastic.com/DcfqceUudTWXik9Ue2LfGV/icons.css" rel="stylesheet">
  119.  
  120. <script src="https://file.myfontastic.com/DcfqceUudTWXik9Ue2LfGV/icons.js"></script>
  121.  
  122. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  123.  
  124. <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
  125.  
  126. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  127.  
  128. <link href="https://fonts.googleapis.com/css?family=Montserrat:200,700,900" rel="stylesheet">
  129.  
  130. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  131.  
  132. <script src="https://cdn.linearicons.com/free/1.0.0/svgembedder.min.js"></script>
  133.  
  134. <link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" />
  135.  
  136. <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
  137.  
  138.  
  139. <style type="text/css">
  140.  
  141.  
  142. /* ---------------------- ✕ imported fonts ✕ ----------------------- */
  143.  
  144. @font-face { font-family: "ahattom"; src: url('https://dl.dropboxusercontent.com/s/c8o0nru9ah0j9mk/Ahattom%20Demo.otf?dl=0'); format("truetype");}
  145.  
  146. @font-face { font-family: "prime time"; src: url('https://dl.dropboxusercontent.com/s/dy9ju64pyc69rcj/PRIMETIME%20%E2%88%8F%20PERSONAL%20USE%20ONLY.ttf?dl=0'); format("truetype");}
  147.  
  148. @font-face { font-family: "otella"; src: url('https://dl.dropboxusercontent.com/s/dmrqnt3b1ax2v3r/Otella.ttf?dl=0'); format("truetype");}
  149.  
  150. /* ------------------------ ✕ selection tool ✕ ----------------------- */
  151.  
  152. ::-moz-selection {
  153. background: {color:accent 2};
  154. color: {color:background};
  155. }
  156.  
  157. ::selection {
  158. background: {color:accent 2};
  159. color: {color:background};
  160. }
  161.  
  162. /* ------------------------ ✕ scrollbar ✕ ----------------------- */
  163. ::-webkit-scrollbar {
  164. width: 0px;
  165. visibility:none;
  166. }
  167.  
  168. ::-webkit-scrollbar-track {
  169. border-radius:50%;
  170. visibility:none;
  171. }
  172.  
  173. ::-webkit-scrollbar-thumb {
  174. background:{color:accent};
  175. visibility:none;
  176. }
  177. ::-webkit-scrollbar-thumb:window-inactive {
  178. background: transparent;
  179. }
  180.  
  181. /* ------------------------ ✕ tooltip style ✕ ----------------------- */
  182.  
  183.  
  184. #s-m-t-tooltip {
  185. max-width:300px;
  186. padding:5px;
  187. margin:10px 0px 0px 10px;
  188. border:1px solid {color:accent 2};
  189. background: {color:container bg};
  190. font-size:7px;
  191. color:{color:links};
  192. letter-spacing:1px;
  193. font-family:'montserrat', sans-serif;
  194. border-radius:0px 7px 7px 7px;
  195. z-index:999999999999999999999999999999999999;
  196. }
  197.  
  198.  
  199. /* ---------------------------- ✕ basics ✕ -------------------------- */
  200.  
  201. .tmblr-iframe.iframe-controls--desktop {
  202. top:0%!important;
  203. right:0%!important;
  204. position:fixed!important;
  205. z-index:999999999!important;
  206. transform:scale(0.6);
  207. text-shadow:none;
  208. }
  209.  
  210. .tmblr-iframe--desktop-logged-in-controls {
  211. opacity:0.3;
  212. transform:scale(0.6);
  213. text-shadow:none;
  214. }
  215.  
  216. body {
  217. background-color:{color:background};
  218. color: {color:text};
  219. overflow-y:hidden;
  220. overflow-x:auto;
  221. font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  222. font-size: 9px;
  223. text-transform:auto;
  224. margin: 0;
  225. letter-spacing:3px;
  226. padding: 0;
  227. word-wrap: break-word;
  228. line-height:160%;
  229. background-image:url('{image:background}');
  230. }
  231.  
  232. blockquote {
  233. background:transparent;
  234. margin: 10px;
  235. padding-left:20px;
  236. border-left: 2px solid {color:accent};
  237. }
  238.  
  239. blockquote a{
  240. color:{color:accent 2};
  241. }
  242.  
  243. blockquote b{
  244. color:{color:accent 2};
  245. }
  246.  
  247. blockquote i{
  248. color:{color:accent 2};
  249. }
  250.  
  251. blockquote s{
  252. color:{color:accent 2};
  253. }
  254.  
  255. blockquote u{
  256. color:{color:accent 2};
  257. }
  258.  
  259. iframe {
  260. max-width: 100%;
  261. }
  262.  
  263. img, embed, object, video {
  264. max-width: 100%;
  265. width:auto;
  266. height:auto;
  267. }
  268.  
  269. p{
  270. margin-bottom:10px;
  271. }
  272.  
  273.  
  274. ul{
  275. list-style-type:circle;
  276. }
  277.  
  278. ol{
  279. list-style-type:;
  280. }
  281.  
  282. /* ------------------------ ✕ text styles ! ✕ ----------------------- */
  283.  
  284. a {
  285. color: {color:links};
  286. text-decoration: none;
  287. }
  288.  
  289. b, strong {
  290. color: {color:accent};
  291. font-family: 'Quicksand', sans-serif;
  292.  
  293. }
  294.  
  295. i, em,italic {
  296. color: {color:accent 2};
  297. font-family: 'Quicksand', sans-serif;
  298.  
  299. }
  300.  
  301. s, strike {
  302. color: {color:accent};
  303. font-family: 'Quicksand', sans-serif;
  304.  
  305. }
  306.  
  307. u,underline {
  308. color: {color:accent 2};
  309. font-family: 'Quicksand', sans-serif;
  310.  
  311. }
  312.  
  313. sup, sub, small {
  314. font-size:8.5px;
  315. line-height:160%;
  316. }
  317.  
  318. h2 {
  319. font-family:'montserrat', sans serif;
  320. font-size:18px;
  321. font-style:italic;
  322. text-align:center;
  323. color: {color:accent};
  324. }
  325.  
  326. h1{
  327. text-transform:uppercase;
  328. font-size:13px;
  329. }
  330.  
  331. /* ------------------------ ✕ posts bruh ! ✕ ----------------------- */
  332.  
  333. .vignette, #vignette {
  334. opacity:0;
  335. }
  336. .lightbox-image, #tumblr_lightbox img {
  337. box-shadow:none !important;
  338. border-radius:0 !important;
  339. max-width:none;
  340. }
  341.  
  342. .tmblr-lightbox, #tumblr_lightbox {
  343. background-color:rgba(245,245,245,.98) !important;
  344. }
  345.  
  346. .lightbox-caption, #tumblr_lightbox_caption {
  347. visibility:hidden;
  348. }
  349.  
  350. article {
  351. float:left;
  352. background: {color:posts};
  353. border:1px solid rgba({RGBcolor:everythin}, 0.8);
  354. padding: 10px;
  355. letter-spacing:0.5px;
  356. font-weight:lighter;
  357. font-family:'montserrat', sans-serif;
  358. {block:if400pxposts}
  359. width: 400px;
  360. {/block:if400pxposts}
  361. {block:ifnot400pxposts}
  362. width: 300px;
  363. {/block:ifnot400pxposts}
  364. z-index:9;
  365. text-align:justify;
  366. margin-top:28px;
  367. margin-bottom:20px;
  368. }
  369.  
  370. .postitle {
  371. text-align:right;
  372. font-size:18px;
  373. line-height:100%;
  374. text-transform:uppercase;
  375. font-family:'quicksand';
  376. margin-top:20px;
  377. margin-bottom:20px;
  378. padding:5px;
  379. letter-spacing:1px;
  380. background:{color:title bg};
  381. width:auto;
  382. color:{text:title text};
  383. -ms-transform: rotate(-2deg); /* IE 9 */
  384. -webkit-transform: rotate(-2deg); /* Chrome, Safari, Opera */
  385. transform: rotate(-2deg);
  386. }
  387.  
  388. .postitle a{
  389. text-transform:uppercase;
  390. color:{color:title text};
  391. }
  392.  
  393. /* --------------------- ✕ permalinks i think ! ✕ -------------------- */
  394.  
  395. .perms {
  396. font-family: 'Quicksand', sans-serif;
  397. color:{color:title text};
  398. font-size:9px;
  399. margin-left:10px;
  400. text-transform:lowercase;
  401. }
  402.  
  403. /* ------------------------ ✕ post info ! ✕ ----------------------- */
  404.  
  405. .gryffindor{
  406. {block:if400pxposts}
  407. width: 411px;
  408. {/block:if400pxposts}
  409. {block:ifnot400pxposts}
  410. width: 311px;
  411. {/block:ifnot400pxposts}
  412. margin-left:-11px;
  413. margin-top:-35px;
  414. font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  415. letter-spacing:2px;
  416. padding:5px;
  417. margin-bottom:10px;
  418. background: {color:accent 2};
  419. }
  420.  
  421. .gryffindor a{
  422. color:{color:container bg};
  423. }
  424.  
  425. .gryffindor i{
  426. color:{color:container bg};
  427. }
  428.  
  429. .btton{
  430. float:right;
  431. margin-right:5px;
  432. font-size:12px;
  433. }
  434.  
  435. .btton a{
  436. color:{color:container bg};
  437. }
  438.  
  439. .postinfo{
  440. margin-top:10px;
  441. text-align:center;
  442. font-weight:bold;
  443. padding-top:8px;
  444. text-transform:uppercase;
  445. }
  446.  
  447. .tags {
  448. margin-top:5px;
  449. padding:5px;
  450. font-size:9px;
  451. background: {color:accent};
  452. letter-spacing:1px;
  453. font-weight:normal;
  454. -webkit-transition: all .7s;
  455. -moz-transition: all .7s;
  456. -o-transition: all .7s;
  457. -ms-transition: all .7s;
  458. transition: all .7s;
  459. }
  460.  
  461. .tags a{
  462. color:{color:posts};
  463. font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  464. }
  465.  
  466. .tags i{
  467. color:{color:posts};
  468. }
  469.  
  470.  
  471.  
  472. /* ---------------------- ✕ notes and shit ! ✕ ----------------------- */
  473.  
  474. ol.notes {
  475. display:block;
  476. text-align:left;
  477. list-style-type:none;
  478. margin-left:-40px;
  479. }
  480.  
  481. ol.notes li.note{
  482. margin-bottom:5px;
  483. }
  484.  
  485. .pagenotes {
  486. text-align:left;
  487. margin-top:15px;
  488. }
  489.  
  490. .pagenotes img{
  491. padding-right:5px;
  492. padding-top:5px;
  493. margin-bottom:-5px;
  494. }
  495.  
  496. /* ------------------------ ✕ post types ! ✕ ----------------------- */
  497.  
  498. /* ------------------------ ✕ chat posts ! ✕ ------------------------ */
  499.  
  500.  
  501. .odd, .even {
  502. padding:5px;
  503. height:auto;
  504. font-size:8px;
  505. letter-spacing:2px;
  506. border-radius:10px;
  507. text-transform:uppercase;
  508. }
  509. .odd {
  510. color:{color:updates text};
  511. background: {color:accent 2};
  512. font-size:8px;
  513. padding:5px;
  514. text-align:left;
  515. width:220px;
  516. border-radius:10px 10px 10px 0px;
  517. margin-top:5px;
  518. }
  519.  
  520. .even {
  521. color: {color:accent 2};
  522. background:{color:updates text};
  523. font-size:8px;
  524. padding:5px;
  525. margin-top:5px;
  526. text-align:right;
  527. width:220px;
  528. border-radius:10px 10px 0px 10px;
  529. text-align:left;
  530. {block:if400pxposts}
  531. margin-left:170px;
  532. {/block:if400pxposts}
  533. {block:ifnot400pxposts}
  534. margin-left:70px;
  535. {/block:ifnot400pxposts}
  536. }
  537.  
  538. ul.chat{
  539. list-style:none;
  540. margin-left:-40px;
  541. margin-bottom:-5px;
  542. }
  543.  
  544. .chat span {
  545. float: left;
  546. }
  547.  
  548. /* ------------------------ ✕ quotations ! ✕ ------------------------ */
  549.  
  550. .sourcepic {
  551. text-align:center;
  552. font-size:12px;
  553. color:{color:accent};
  554. }
  555.  
  556. .quotesource{
  557. text-align:center;
  558. font-size:8px;
  559. padding:5px;
  560. opacity:0.7;
  561. margin-bottom:10px;
  562. font-family: 'montserrat', sans serif;
  563. text-transform:lowercase;
  564. }
  565. /* ----------------------- ✕ questions ! ✕ ------------------------ */
  566.  
  567. #asker {
  568. padding-bottom:10px;
  569. letter-spacing:1px;
  570. text-align:left;
  571. margin-top:20px;
  572. font-size:60px;
  573. margin-left:10px;
  574. color:{color:links};
  575. font-family: 'otella';
  576. text-transform:lowercase;
  577. }
  578.  
  579. .answer {
  580. font-size:9px;
  581. }
  582.  
  583. .question{
  584. text-transform:uppercase;
  585. color:{color:accent};
  586. padding:10px;
  587. border-radius:10px 10px 10px 0px;
  588. font-size:8px;
  589. border:1px solid {color:borders};
  590. background: {color:container bg};
  591. margin-top:-20px;
  592. }
  593.  
  594. /* ----------------------- ✕ audio bruh ! ✕ ----------------------- */
  595.  
  596. .playerbuttonbg {
  597. position: absolute;
  598. left: 20px;
  599. top: 20px;
  600. width: 19px;
  601. height: 19px;
  602. background-color: {color:posts};
  603. padding: 10px;
  604. -webkit-border-radius: 40px;
  605. -moz-border-radius: 40px;
  606. border-radius: 40px;
  607. opacity: .4;
  608. filter: alpha(opacity=40);
  609. -moz-opacity: 0.4;
  610. -khtml-opacity: 0.4;
  611. transition: opacity .7s ease-in-out;
  612. -moz-transition: opacity .7s ease-in-out;
  613. -webkit-transition: opacity .7s ease-in-out;
  614. }
  615.  
  616. .playerbuttonbg:hover {
  617. opacity: 1;
  618. filter: alpha(opacity=100);
  619. -moz-opacity: 1;
  620. -khtml-opacity: 1;
  621. }
  622.  
  623. .newplayerbutton {
  624. position: relative;
  625. width: 19px;
  626. height: 19px;
  627. overflow: hidden;
  628. }
  629.  
  630. .playerbuttonhug {
  631. position: absolute;
  632. top: -18px;
  633. left: -7px;
  634. }
  635.  
  636. .tumblr_audio_player {
  637. height: 90px;
  638. width: 270px;
  639. -moz-transform: scale(0.60, 0.60);
  640. -webkit-transform: scale(0.60, 0.60);
  641. -o-transform: scale(0.60, 0.60);
  642. -ms-transform: scale(0.60, 0.60);
  643. transform: scale(0.60, 0.60);
  644. -moz-transform-origin: top left;
  645. -webkit-transform-origin: top left;
  646. -o-transform-origin: top left;
  647. -ms-transform-origin: top left;
  648. transform-origin: top left;
  649. }
  650.  
  651. .audioimgwrapper {
  652. position: absolute;
  653. left: 0px;
  654. top: 0px;
  655. -webkit-border-radius: 40px;
  656. -moz-border-radius: 40px;
  657. border-radius: 40px;
  658. overflow: hidden;
  659. width: 79px;
  660. height: 79px;
  661. }
  662.  
  663. .audioimgwrapper img {
  664. width: 100%;
  665. height: auto;
  666. -webkit-border-radius: 40px;
  667. -moz-border-radius: 40px;
  668. border-radius: 40px;
  669. }
  670.  
  671. .trackdetails {
  672. width: 280px;
  673. height:auto;
  674. margin-top:8px;
  675. background:{color:wrap borders};
  676. display:inline-block;
  677. margin-left: 90px;
  678. padding:10px;
  679. margin-bottom:17px;
  680. }
  681.  
  682. .audiowrapper {
  683. position: relative;
  684. display:inline-block;
  685. }
  686.  
  687. /* ----------------------- ✕ post container ✕ ----------------------- */
  688.  
  689. #postcontainer {
  690. position:fixed;
  691. top:50%;
  692. left:50%;
  693. transform:translate(-50%,-50%);
  694. z-index:9;
  695. margin-right:auto;
  696. height: 270px;
  697. margin-top:35px;
  698. overflow-y:auto;
  699. position:fixed;
  700. background-color:none;
  701. overflow-x:hidden;
  702. margin-bottom:200px;
  703. {block:if400pxposts}
  704. width: 425px;
  705. margin-left:130px;
  706. {/block:if400pxposts}
  707. {block:ifnot400pxposts}
  708. width: 325px;
  709. margin-left:76px;
  710. {/block:ifnot400pxposts}
  711. }
  712.  
  713. /* ----------------------- ✕ don't do the do ✕ ----------------------- */
  714.  
  715. #yo {
  716. color: {color:container bg};
  717. font-size:9px;
  718. float:right;
  719. right:0;
  720. bottom:0;
  721. margin-right:10px;
  722. height:15px;
  723. overflow:hidden;
  724. margin-bottom:20px;
  725. padding:10px;
  726. text-transform:uppercase;
  727. position:fixed;
  728. background-color:transparent;
  729. font-weight:bold;
  730. text-align:center;
  731. -webkit-transition: all .7s;
  732. -moz-transition: all .7s;
  733. -o-transition: all .7s;
  734. -ms-transition: all .7s;
  735. transition: all .7s;
  736.  
  737. }
  738.  
  739. #yo:hover{
  740. height:50px;
  741. -webkit-transition: all .7s;
  742. -moz-transition: all .7s;
  743. -o-transition: all .7s;
  744. -ms-transition: all .7s;
  745. transition: all .7s;
  746. }
  747.  
  748. /* -------------------------- ✕ pagination ✕ ------------------------- */
  749.  
  750. .pagi{
  751. width:120px;
  752. height:20px;
  753. margin-top:-120px;
  754. {block:if400pxposts}
  755. margin-left:75px;
  756. {/block:if400pxposts}
  757. {block:ifnot400pxposts}
  758. margin-left:35px;
  759. {/block:ifnot400pxposts}
  760. z-index:99999999;
  761. color:{color:links};
  762. overflow:hidden;
  763. word-spacing:1px;
  764. background:transparent;
  765. font-size:8px;
  766. letter-spacing:2px;
  767. text-align:center;
  768. text-transform:uppercase;
  769. position:fixed;
  770. top:50%;
  771. left:50%;
  772. transform:translate(-50%,-50%);
  773. -webkit-transition: all .7s;
  774. -moz-transition: all .7s;
  775. -o-transition: all .7s;
  776. -ms-transition: all .7s;
  777. transition: all .7s;
  778. }
  779.  
  780. .pagi a{
  781. color:{color:links};
  782. }
  783.  
  784. .pagi i{
  785. color:{color:accent 2};
  786. font-family: 'montserrat', sans-serif;
  787. font-weight:bold;
  788. }
  789.  
  790. .pagi b{
  791. color:{color:accent 2};
  792. font-family: 'montserrat', sans-serif;
  793. font-weight:bold;
  794. }
  795.  
  796. .pagi u{
  797. color:{color:accent 2};
  798. font-family: 'montserrat', sans-serif;
  799. font-weight:bold;
  800. }
  801.  
  802. .pagi s{
  803. color:{color:accent 2};
  804. font-family: 'montserrat', sans-serif;
  805. font-weight:bold;
  806. }
  807.  
  808. /* ------------------------- ✕ header ✕ ----------------------- */
  809.  
  810. #hz {
  811. width:239px;
  812. height:342px;
  813. margin-left:-224px;
  814. margin-top:0px;
  815. position:fixed;
  816. top:50%;
  817. left:50%;
  818. transform:translate(-50%,-50%);
  819. background-image:url('{image:sidebar picture}') ;
  820. z-index:9;
  821.  
  822. }
  823.  
  824.  
  825. .hbar {
  826. width:190px;
  827. height:20px;
  828. position:fixed;
  829. padding-top:3px;
  830. z-index:9;
  831. margin-left:-10px;
  832. border-radius:100px;
  833. margin-top:148px;
  834. background-color:transparent;
  835. border:1px solid #fff;
  836. top:50%;
  837. left:50%;
  838. transform:translate(-50%,-50%);
  839. }
  840.  
  841. /* ------------------------- ✕ hover content ✕ ----------------------- */
  842.  
  843. .more {
  844. position:fixed;
  845. z-index: 999999;
  846. width: 240px;
  847. height:347px;
  848. margin-left:-345px;
  849. margin-top:-180px;
  850. overflow: hidden;
  851. }
  852. .inst {
  853. position :fixed;
  854. z-index: 999999;
  855. word-spacing:5px;
  856. overflow:hidden;
  857. text-align:center;
  858. margin-left:-344px;
  859. margin-top:-180px;
  860. border-top: 10px solid {color:background};
  861. background-color: {color:container bg};
  862. width: 240px;
  863. height: 0px;
  864. -webkit-transition: all .7s;
  865. -moz-transition: all .7s;
  866. -o-transition: all .7s;
  867. -ms-transition: all .7s;
  868. transition: all .7s;
  869. }
  870.  
  871. .inst:hover {
  872. height: 347px;
  873. -webkit-transition: all .7s;
  874. -moz-transition: all .7s;
  875. -o-transition: all .7s;
  876. -ms-transition: all .7s;
  877. transition: all .7s;
  878. }
  879.  
  880.  
  881. /* ------------------------- ✕ icon bar ✕ ----------------------- */
  882.  
  883. #iconbar{
  884. width: 240px;
  885. margin-top:65px;
  886. height: 50px;
  887. padding-bottom:7px;
  888. padding-top:7px;
  889. background:#eee;
  890. border-bottom:1px solid #fff;
  891. }
  892.  
  893. .icb{
  894. width:50px;
  895. height:50px;
  896. border-radius:50%;
  897. -webkit-transition: all .7s;
  898. -moz-transition: all .7s;
  899. -o-transition: all .7s;
  900. -ms-transition: all .7s;
  901. transition: all .7s;
  902. }
  903.  
  904. .icb:hover {
  905. animation: dark 1.5s infinite;
  906. -webkit-transition: all .7s;
  907. -moz-transition: all .7s;
  908. -o-transition: all .7s;
  909. -ms-transition: all .7s;
  910. transition: all .7s;
  911. }
  912.  
  913. @keyframes dark {
  914. 0% {transform:none;}
  915. 50% {transform:scale(1.1);}
  916. 100% {transform:none;}
  917. }
  918.  
  919. /* ------------------------- ✕ . ✕ ----------------------- */
  920.  
  921. #instavid {
  922. width: 240px;
  923. border-bottom:1px solid #fff;
  924. background-color:{color:accent 2};
  925. height:100px;
  926. }
  927.  
  928. #tinstavid {
  929. width: 240px;
  930. height:100px;
  931. position:absolute;
  932. margin-top:-5px;
  933. font-family:'prime time';
  934. font-size:26px;
  935. display: table;
  936. vertical-align: middle;
  937. text-align: center;
  938. }
  939.  
  940. #tinstavid a{
  941. color:{color:navigation link};
  942. }
  943.  
  944. /* ----------------------- ✕ titlezzz ✕ ----------------------- */
  945.  
  946. .xtitle {
  947. z-index:999;
  948. letter-spacing:0px;
  949. font-size:26px;
  950. font-family:'prime time';
  951. margin:8px 60px;
  952. line-height:20px;
  953. color:{color:accent 2};
  954. position:absolute;
  955. text-align: center;
  956. }
  957. /* ------------------------- ✕ sidebar ✕ ----------------------- */
  958.  
  959. #sidebar {
  960. float:left;
  961. z-index:99;
  962. position:fixed;
  963. }
  964.  
  965. .sbarpic {
  966. width:50px;
  967. height:50px;
  968. margin-top:-15px;
  969. margin-left:10px;
  970. z-index:9;
  971. position:fixed;
  972. border-radius:50%;
  973. }
  974.  
  975. .sbarpic img {
  976. width:40px;
  977. height:40px;
  978. border-radius:50%;
  979. -webkit-transition: all .3s;
  980. -moz-transition: all .3s;
  981. -o-transition: all .3s;
  982. -ms-transition: all .3s;
  983. transition: all .3s;
  984. }
  985.  
  986. .sbarpic img:hover {
  987. -ms-transform: rotate(7deg); /* IE 9 */
  988. -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
  989. transform: rotate(7deg);
  990. -webkit-transition: all .3s;
  991. -moz-transition: all .3s;
  992. -o-transition: all .3s;
  993. -ms-transition: all .3s;
  994. transition: all .3s;
  995. }
  996.  
  997. /* ----------------------- ✕ updates ??? ✕ ----------------------- */
  998.  
  999. #updatebar{
  1000. position:fixed;
  1001. width:130px;
  1002. overflow:auto;
  1003. margin-top:150px;
  1004. margin-left:20px;
  1005. opacity:0.6;
  1006. height:100px;
  1007. padding:10px;
  1008. letter-spacing:1px;
  1009. word-spacing:0.5px;
  1010. background:transparent;
  1011. text-align:justify;
  1012. {block:ifnotupdates}
  1013. display:none;
  1014. {/block:ifnotupdates}
  1015. color:{color:updates text};
  1016. }
  1017.  
  1018.  
  1019. .update {
  1020. display: table;
  1021. vertical-align: middle;
  1022. }
  1023.  
  1024. .updatetext{
  1025. display: table;
  1026. vertical-align: middle;
  1027. }
  1028.  
  1029. .upbar{
  1030. position:fixed;
  1031. z-index:999;
  1032. top:50%;
  1033. left:50%;
  1034. transform:translate(-50%,-50%);
  1035. margin-top:8px;
  1036. width:auto;
  1037. height:auto;
  1038. font-weight:bold;
  1039. border-radius:10px 0px 0px 0px;
  1040. margin-left:26px;
  1041. background:transparent;
  1042. letter-spacing:1px;
  1043. text-transform:lowercase;
  1044. font-family:'roboto', sans-serif;
  1045. }
  1046.  
  1047. .upbar b {
  1048. color:{color:updates text};
  1049. }
  1050.  
  1051. .upbar span {
  1052. font-size:14px;
  1053. margin-left:65px;
  1054. }
  1055.  
  1056.  
  1057. #livebar{
  1058. position:fixed;
  1059. z-index:99;
  1060. top:50%;
  1061. left:50%;
  1062. transform:translate(-50%,-50%);
  1063. margin-top:-162px;
  1064. width:auto;
  1065. font-weight:bold;
  1066. border-radius:10px 0px 0px 0px;
  1067. margin-left:-312px;
  1068. background:transparent;
  1069. letter-spacing:1px;
  1070. color:#fff;
  1071. text-transform:lowercase;
  1072. font-family:'roboto', sans-serif;
  1073. }
  1074.  
  1075. .live {
  1076. background: fuchsia; /* For browsers that do not support gradients */
  1077. background: -webkit-linear-gradient(left top, fuchsia, red); /* For Safari 5.1 to 6.0 */
  1078. background: -o-linear-gradient(bottom right, fuchsia, red); /* For Opera 11.1 to 12.0 */
  1079. background: -moz-linear-gradient(bottom right, fuchsia, red); /* For Firefox 3.6 to 15 */
  1080. background: linear-gradient(to bottom right, fuchsia, red); /* Standard syntax */
  1081. padding:3px;
  1082. border-radius:3px;
  1083. margin-left:100px;
  1084. font-size:7px;
  1085. margin-top:5px;
  1086. position:fixed;
  1087. text-transform:uppercase;
  1088. }
  1089.  
  1090. .online {
  1091. padding:3px;
  1092. width:65px;
  1093. border-radius:3px;
  1094. margin-left:130px;
  1095. font-size:7px;
  1096. margin-top:5px;
  1097. position:fixed;
  1098. text-align:justify;
  1099. text-transform:uppercase;
  1100. display:inline-block;
  1101. background:rgba(0, 0, 0, 0.6);
  1102. }
  1103.  
  1104. .online a{
  1105. color:#fff;
  1106. }
  1107.  
  1108. /* ----------------------- ✕ description ??? ✕ ----------------------- */
  1109.  
  1110. .xdescription{
  1111. float:left;
  1112. overflow:auto;
  1113. text-transform:uppercase;
  1114. z-index:9;
  1115. font-size:8px;
  1116. line-height:15px;
  1117. text-align:justify;
  1118. border-top:#fff solid 1px;
  1119. margin-left:0px;
  1120. margin-top:-1px;
  1121. font-size:7px;
  1122. width: 230px;
  1123. height:110px;
  1124. padding:5px;
  1125. background-color:{color:container bg};
  1126. color:{color:desc text};
  1127. opacity:1;
  1128. }
  1129.  
  1130. .xdescription a{
  1131. color:{color:accent 2};
  1132. }
  1133.  
  1134. .xdescription b{
  1135. color:{color:accent 2};
  1136. }
  1137.  
  1138. .xdescription i{
  1139. color:{color:accent 2};
  1140. }
  1141.  
  1142. .xdescription u{
  1143. color:{color:accent 2};
  1144. }
  1145.  
  1146. .xdescription s{
  1147. color:{color:accent 2};
  1148. }
  1149.  
  1150.  
  1151. /* ------------------------ ✕ sbar ! ✕ ----------------------- */
  1152.  
  1153. .box {
  1154. width:255px;
  1155. height:300px;
  1156. margin-left:-350px;
  1157. margin-top:-150px;
  1158. top:50%;
  1159. left:50%;
  1160. transform:translate(-50%,-50%);
  1161. position:fixed;
  1162. background-image:url('{image:background}');
  1163. text-align:center;
  1164. z-index:0;
  1165. -webkit-transition: all .5s;
  1166. -moz-transition: all .5s;
  1167. -o-transition: all .5s;
  1168. -ms-transition: all .5s;
  1169. transition: all .5s;
  1170. opacity:1;
  1171. -webkit-backface-visibility: hidden;
  1172. -webkit-transform: translateZ(0) scale(1.0, 1.0);
  1173. }
  1174.  
  1175.  
  1176. /* ------------------------------ ✕ coso ✕ -------------------------- */
  1177.  
  1178. #hund {
  1179. width:223px;
  1180. height:47px;
  1181. position:fixed;
  1182. overflow:hidden;
  1183. padding:10px;
  1184. top:50%;
  1185. left:50%;
  1186. text-align:right;
  1187. font-size:56px;
  1188. color:{color:accent 2};
  1189. font-family:'prime time';
  1190. transform:translate(-50%,-50%);
  1191. margin-top:-143px;
  1192. z-index:99;
  1193. {block:if400pxposts}
  1194. margin-left:70px;
  1195. {/block:if400pxposts}
  1196. {block:ifnot400pxposts}
  1197. margin-left:26px;
  1198. {/block:ifnot400pxposts}
  1199. }
  1200.  
  1201. #huni {
  1202. width:67px;
  1203. height:67px;
  1204. position:fixed;
  1205. background:none;
  1206. top:50%;
  1207. left:50%;
  1208. transform:translate(-50%,-50%);
  1209. margin-top:-143px;
  1210. z-index:99999999;
  1211. {block:if400pxposts}
  1212. margin-left:242px;
  1213. {/block:if400pxposts}
  1214. {block:ifnot400pxposts}
  1215. margin-left:192px;
  1216. {/block:ifnot400pxposts}
  1217. }
  1218.  
  1219. #huni img{
  1220. border-radius:0% 50% 50% 50%;
  1221. }
  1222.  
  1223. /* ------------------------- ✕ theme cont ✕ ----------------------- */
  1224.  
  1225. #bish {
  1226. {block:if400pxposts}
  1227. width:725px;
  1228. margin-left:-0px;
  1229. {/block:if400pxposts}
  1230. {block:ifnot400pxposts}
  1231. width:625px;
  1232. margin-left:-50px;
  1233. {/block:ifnot400pxposts}
  1234. height:400px;
  1235. background-color:{color:container bg};
  1236. position:fixed;
  1237. border-radius:10px 10px 10px 10px;
  1238. top:50%;
  1239. left:50%;
  1240. border:1px solid rgba({RGBcolor:everythin}, 0.5);
  1241. transform:translate(-50%,-50%);
  1242. z-index:9;
  1243. -webkit-transition: all .7s;
  1244. -moz-transition: all .7s;
  1245. -o-transition: all .7s;
  1246. -ms-transition: all .7s;
  1247. transition: all .7s;
  1248. background-image:url('{image:container bg}');
  1249. }
  1250.  
  1251. /* ------------------------- ✕ theme cont ✕ ----------------------- */
  1252.  
  1253. #universe {
  1254. position:fixed;
  1255. transform:translate(-50%,-50%);
  1256. top:50%;
  1257. left:50%;
  1258. margin-left:50px;
  1259. }
  1260.  
  1261. /* ------------------------ ✕ custom css ! ✕ ----------------------- */
  1262. {CustomCSS}
  1263. </style>
  1264. </head>
  1265.  
  1266. <body>
  1267.  
  1268.  
  1269. <div id="universe">
  1270. <div id="bish"></div>
  1271.  
  1272. <!----------------------------- header ---------------------------->
  1273.  
  1274. <a href="/"><div id="hund">{text:one word title line 1} <span style="letter-spacing:0px;font-size:66px;font-family:'ahattom';color:{color:accent};text-shadow: 2px 0 0 #fff, -2px 0 0 {color:container bg}, 0 2px 0 {color:container bg}, 0 -2px 0 {color:container bg}, 1px 1px {color:container bg}, -1px -1px 0 {color:container bg}, 1px -1px 0 {color:container bg}, -1px 1px 0 {color:container bg};">{text:one word title line 2}</span></div></a>
  1275. <div id="huni"><img src="{image:header icon}"></div>
  1276.  
  1277. <div id="hz">
  1278. </div>
  1279.  
  1280. <!----------------------------- sidebar ---------------------------->
  1281.  
  1282. <div id="sidebar">
  1283.  
  1284. <div class="inst">
  1285.  
  1286. <div class="xtitle">
  1287. {text:2nd title}
  1288. </div>
  1289.  
  1290. <div id="iconbar">
  1291. <a title="{text:link 1 title}" href="{text:link 1}"> <img src="{image:navigation pic 1}" class="icb"> </a>
  1292. <a title="{text:link 2 title}" href="{text:link 2}"> <img src="{image:navigation pic 2}" class="icb"></a>
  1293. <a title="{text:link 3 title}" href="{text:link 3}"> <img src="{image:navigation pic 3}" class="icb"></a>
  1294. <a title="{text:link 4 title}" href="{text:link 4}"> <img src="{image:navigation pic 4}" class="icb"></a>
  1295. </div>
  1296.  
  1297. <div id="tinstavid">
  1298. <span style="display: table-cell; vertical-align: middle; text-align: center;"><a href="{text:huge navigation text link}">{text:huge navigation text}</span></a>
  1299. </div>
  1300. <div id="instavid"></div>
  1301.  
  1302. <div class="xdescription">{text:description}</div>
  1303.  
  1304. </div>
  1305.  
  1306. <!----------------------------- updates ---------------------------->
  1307. <div class="box">
  1308.  
  1309. <div id="updatebar">
  1310.  
  1311. <!--- in case you want to add (or remove) an update, you just need to copy from the little <3 symbol to </3. next, you just need to either copy and paste, or delete your selection depending on your wanted results — but remember you'll need to replace the "{text:..." area with the update title and text that you want, if you want to add more updates-->
  1312.  
  1313. <span class="update">
  1314. <!-- <3 -->
  1315. <span style="display: table-cell; vertical-align: middle;margin-top:-20px;"> <img style="width:30px;height:30px; border-radius:50%;vertical-align: middle;float:left;" src="{image:header icon}">
  1316. <span style="padding-left:5px;"><b>{text:1st update title}</b></br></span><span style="padding-left:5px">{text:1st update}</span></span><br>
  1317. </span>
  1318. <!-- </3 -->
  1319.  
  1320. <!-- <3 -->
  1321. <span class="update">
  1322. <span style="display: table-cell; vertical-align: middle;margin-top:-20px;"> <img style="width:30px;height:30px; border-radius:50%;vertical-align: middle;float:left;" src="{image:header icon}">
  1323. <span style="padding-left:5px;"><b>{text:2nd update title}</b></br></span><span style="padding-left:5px">{text:2nd update}</span></span><br>
  1324. </span>
  1325. <!-- </3 -->
  1326.  
  1327. <!-- <3 -->
  1328. <span class="update">
  1329. <span style="display: table-cell; vertical-align: middle;margin-top:-20px;"> <img style="width:30px;height:30px; border-radius:50%;vertical-align: middle;float:left;" src="{image:header icon}">
  1330. <span style="padding-left:5px;"><b>{text:3rd update title}</b></br></span><span style="padding-left:5px">{text:3rd update}</span></span><br>
  1331. </span>
  1332. <!-- </3 -->
  1333.  
  1334. </div>
  1335.  
  1336. <div class="hbar">
  1337. <span class="lnr lnr-magnifier"style="margin-top:0px;position:fixed;padding:3px;background-color:transparent;margin-left:-84px;color:{color:updates text};"></span>
  1338. <form action="/search" method="get">
  1339. <input type="text" style="z-index:9999;margin-left:30px;width:130px;border:none;height:10px; padding:5px 0px 5px 20px; font-size:8px;border-radius:50px;background:transparent; color:{color:updates text}" name="q" value=""/></form>
  1340.  
  1341. <span style="position:Fixed;color:{color:updates text};font-size:20px;margin-left:100px;margin-top:-22px" class="icon-ios-heart-outline"></span>
  1342.  
  1343. </div>
  1344.  
  1345. <div class="sbarpic">
  1346. <img src="{image:sidebar icon}">
  1347. </div>
  1348.  
  1349. </div>
  1350.  
  1351. <div id="livebar">
  1352.  
  1353. <div class="upbar">
  1354.  
  1355. <b style="position:fixed;margin-top:0px">{name}</b>
  1356.  
  1357. </div>
  1358.  
  1359. <span class="live"> LIVE</span>
  1360.  
  1361. <span class="online"> <span class="lnr lnr-eye"></span> {text:online count} </span>
  1362.  
  1363.  
  1364.  
  1365. </div>
  1366.  
  1367. <!------------------------------- pagi -------------------------------->
  1368.  
  1369.  
  1370. <div class="pagi">
  1371. {block:PreviousPage}<a style="padding:0px;margin-top:0px;margin-left:0px;border:none;background:transparent;color:{color:accent}"href="{PreviousPage}"><span class="lnr lnr-chevron-left"></span></a>{/block:PreviousPage} PAGE {CurrentPage} {block:NextPage}<a href="{NextPage}"style="padding:0px;margin-top:0px;margin-left:3px;border:none;background:transparent;color:{color:accent}"><span class="lnr lnr-chevron-right"></span></a> {/block:NextPage}
  1372. {/block:Pagination}</div>
  1373. </div>
  1374.  
  1375. <!------------------------------- posts -------------------------------->
  1376.  
  1377. <div id="postcontainer">
  1378.  
  1379. {block:Posts}
  1380.  
  1381. <article>
  1382.  
  1383. <div class="gryffindor">
  1384.  
  1385. <a href="{Permalink}" class="perms">
  1386. {block:Date}
  1387. {ShortMonth} {DayOfMonth}
  1388. {/block:Date}
  1389. </a>
  1390.  
  1391. <div style="text-align:center;display:inline;">
  1392. <!--NOTES-->
  1393. {block:NoteCount}
  1394. <a style="color:{color:accent text}"href="{Permalink}"> <span class="icon-ios-heart"></span> <span style="font-size:10px;font-family: 'Helvetica Neue'; font-weight: lighter;">{NoteCount}</span> </a>
  1395. {/block:NoteCount}
  1396. </div>
  1397.  
  1398. <div class="btton">
  1399.  
  1400. <!-------------------------- via and source -------------------------->
  1401. {block:RebloggedFrom}
  1402. <a href="{ReblogParentURL}"><span style="margin:5px" class="icon-happy"></span></a>
  1403. {/block:RebloggedFrom}
  1404. {block:ContentSource}<a href="{SourceURL}"><span style="margin:5px" class="icon-chatbubble-working"></span></a>
  1405. {/block:ContentSource}
  1406. {block:RebloggedFrom} {/block:RebloggedFrom}<a href="{ReblogURL}" target="_blank" class="details"><span class="icon-android-share"></i></a>
  1407. </div>
  1408. </div>
  1409.  
  1410.  
  1411. <!-------------------------- text posts -------------------------->
  1412. {block:Text}
  1413. {block:Title}
  1414. <div class="postitle">
  1415. <a href="{Permalink}">{Title}</a></div>
  1416. {/block:Title}
  1417. {Body}
  1418. {/block:Text}
  1419.  
  1420.  
  1421. <!-------------------------- photo posts -------------------------->
  1422. {block:Photo}
  1423. {block:IndexPage}
  1424. {LinkOpenTag}
  1425. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  1426. {LinkCloseTag}
  1427. {/block:IndexPage}
  1428. {block:PermalinkPage}
  1429. {LinkOpenTag}
  1430. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  1431. {LinkCloseTag}{/block:PermalinkPage}
  1432. {/block:Photo}
  1433.  
  1434.  
  1435. <!-------------------------- photosets -------------------------->
  1436. {block:Photoset}
  1437. {block:IndexPage}{Photoset-500}{/block:IndexPage}
  1438. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  1439. {/block:Photoset}
  1440.  
  1441.  
  1442. <!-------------------------- quote posts -------------------------->
  1443.  
  1444. {block:Source}
  1445.  
  1446. <div class="sourcepic"><span class="icon-man-people-streamline-user"></span></div>
  1447.  
  1448. <div class="quotesource">{Source}</div>
  1449. {/block:Source}
  1450.  
  1451. {block:Quote}
  1452. <div style="padding:10px;border-radius:0px 7px 7px 7px; background:{color:accent};color:{color:accent text}">
  1453. {Quote}</div>
  1454. {/block:Quote}
  1455.  
  1456.  
  1457.  
  1458. <!-------------------------- link posts -------------------------->
  1459.  
  1460. {block:Link}
  1461. <div class="postitle"><a href="{URL}">{Name}</a></div>
  1462. {block:Description}{Description}{/block:Description}
  1463. {/block:Link}
  1464.  
  1465.  
  1466. <!-------------------------- chats ! -------------------------->
  1467. {block:Chat}
  1468.  
  1469. {block:Title}
  1470. <div class="postitle">
  1471. <a href="{Permalink}">{Title}</a></div>
  1472. {/block:Title}
  1473.  
  1474. <ul class="chat">
  1475. {block:Lines}<li class="{Alt}">{block:Label}<span class="label" style="text-transform:uppercase; font-weight:bold; ">{Label}</span>{/block:Label}<div style="text-transform:uppercase;">&nbsp;{Line}</div></li>{/block:Lines}
  1476. </ul>
  1477. {/block:Chat}
  1478.  
  1479.  
  1480. <!-------------------------- audio -------------------------->
  1481.  
  1482. {block:AudioPlayer}
  1483. <div class="audiowrapper">
  1484. {block:AlbumArt}
  1485. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  1486. {/block:AlbumArt}
  1487.  
  1488. <div class="playerbuttonbg">
  1489. <div class="newplayerbutton">
  1490. <div class="playerbuttonhug">
  1491.  
  1492. {AudioPlayerWhite}
  1493.  
  1494. </div>
  1495. </div>
  1496. </div>
  1497.  
  1498. <div class="trackdetails">
  1499.  
  1500. {block:TrackName}{TrackName}{/block:TrackName}<br/>
  1501. {block:Artist}<b><i>artist:</i></b> {Artist}{/block:Artist}<br/>
  1502. {block:Album}<i><b>album:</i></b {Album}{/block:Album}<br/>
  1503. {PlayCountWithLabel}
  1504.  
  1505. </div>
  1506. </div>
  1507. {/block:AudioPlayer}
  1508.  
  1509. {block:Caption}{/block:Caption}
  1510.  
  1511.  
  1512. <!-------------------------- videos -------------------------->
  1513.  
  1514. {block:Video}
  1515. <div class="video" style="text-align:center;">{Video-250}</div>
  1516. {block:Caption}{/block:Caption}
  1517. {/block:Video}
  1518.  
  1519.  
  1520. <!-------------------------- asks -------------------------->
  1521.  
  1522. {block:Answer}
  1523.  
  1524. <div id="asker">{Asker}</div><br>
  1525.  
  1526. <div class="question">{Question}</div>
  1527.  
  1528. <div class="answer"style="margin-top:5px;position:relative">{Answer}</div>
  1529.  
  1530.  
  1531. {/block:Answer}
  1532.  
  1533. <!-------------------------- captions -------------------------->
  1534.  
  1535. {block:Caption}
  1536. {Caption}
  1537. {/block:Caption}
  1538.  
  1539. <!-------------------------- post essentials -------------------------->
  1540. <div class="postinfo">
  1541.  
  1542. {block:HasTags}
  1543. <div class="tags">
  1544. <b style="text-transform:uppercase;"><span class="lnr lnr-tag"style="font-size:12px;color:{color:posts}"></span></b>
  1545. {block:Tags}
  1546. <a href="{TagURL}"><span class="lnr lnr-chevron-right"></span> {Tag}</a>
  1547. {/block:Tags}
  1548. </div>
  1549. {/block:HasTags}
  1550.  
  1551. </div>
  1552.  
  1553. {block:PostNotes}
  1554. <div class="pagenotes">{PostNotes-16}</div>
  1555. {/block:PostNotes}
  1556.  
  1557.  
  1558.  
  1559.  
  1560. </article>
  1561. {/block:Posts}
  1562.  
  1563.  
  1564.  
  1565.  
  1566.  
  1567. </div>
  1568. </div>
  1569. </div>
  1570.  
  1571. </div>
  1572.  
  1573. <!-------------------------- dont do the do !! ------------------------->
  1574.  
  1575. <a href="http://desveladas.tumblr.com/"target="_blank"><div id="yo"><span style="font-size:25px;"class="icon-cute-ghost"></span><br>code by<br> becca
  1576. </div></a>
  1577.  
  1578.  
  1579.  
  1580. </body>
  1581.  
  1582.  
  1583. </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!