API tools faq
paste
Advertisement
destinatia

「 ✩ * º ╳ SOMEONE by becca. 」

destinatia
Apr 29th, 2017
2,709
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.48 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:accent" content="#ffffff" />
  28. <meta name="color:accent text" content="#ffffff" />
  29. <meta name="color:accent 2" content="#ffffff" />
  30. <meta name="color:title bar" content="#ffffff" />
  31. <meta name="color:asks borders" content="#eee" />
  32.  
  33. <!--------------------------- ✕ texts ✕ ------------------------------->
  34.  
  35. <meta name="text:link 1" content="/" />
  36. <meta name="text:link 2" content="/ask" />
  37. <meta name="text:link 3" content="/more" />
  38. <meta name="text:link 4" content="/and" />
  39.  
  40. <!---------------------------- ✕ images ✕ ----------------------------->
  41.  
  42. <meta name="image:container bg" content="" />
  43. <meta name="image:background" content="" />
  44.  
  45. <!---------------------------- ✕ options ✕ ----------------------------->
  46.  
  47. <meta name="if:400px posts" content="1"/>
  48. <meta name="if:repeat container bg" content="0"/>
  49. <meta name="if:bordered posts" content="1"/>
  50.  
  51.  
  52. <!---------------------- ✕ tooltip script ! ✕ ----------------------->
  53.  
  54.  
  55. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  56. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  57. <script>
  58. (function($){
  59. $(document).ready(function(){
  60. $("a[title]").style_my_tooltips({
  61. tip_follows_cursor:true,
  62. tip_delay_time:90,
  63. tip_fade_speed:600,
  64. attribute:"title"
  65. });
  66. });
  67. })(jQuery);
  68. </script>
  69.  
  70. <!---------------------- ✕ imported scripts ✕ ----------------------->
  71.  
  72. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  73.  
  74. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  75.  
  76. <link href="https://file.myfontastic.com/DcfqceUudTWXik9Ue2LfGV/icons.css" rel="stylesheet">
  77.  
  78. <script src="https://file.myfontastic.com/DcfqceUudTWXik9Ue2LfGV/icons.js"></script>
  79.  
  80. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  81.  
  82. <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
  83.  
  84. <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet">
  85.  
  86. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  87.  
  88. <script src="https://cdn.linearicons.com/free/1.0.0/svgembedder.min.js"></script>
  89.  
  90. <link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" />
  91.  
  92.  
  93. <style type="text/css">
  94.  
  95.  
  96. /* ---------------------- ✕ imported fonts ✕ ----------------------- */
  97.  
  98. @font-face { font-family: "ahattom"; src: url('https://dl.dropboxusercontent.com/s/c8o0nru9ah0j9mk/Ahattom%20Demo.otf?dl=0'); format("truetype");}
  99.  
  100. @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");}
  101. /* ------------------------ ✕ selection tool ✕ ----------------------- */
  102.  
  103. ::-moz-selection {
  104. background: transparent;
  105. color: {color:background};
  106. }
  107.  
  108. ::selection {
  109. background: transparent;
  110. color: {color:background};
  111. }
  112.  
  113. /* ------------------------ ✕ scrollbar ✕ ----------------------- */
  114. ::-webkit-scrollbar {
  115. width: 0px;
  116. visibility:none;
  117. }
  118.  
  119. ::-webkit-scrollbar-track {
  120. border-radius:50%;
  121. visibility:none;
  122. }
  123.  
  124. ::-webkit-scrollbar-thumb {
  125. background:{color:accent};
  126. visibility:none;
  127. }
  128. ::-webkit-scrollbar-thumb:window-inactive {
  129. background: transparent;
  130. }
  131.  
  132. /* ------------------------ ✕ tooltip style ✕ ----------------------- */
  133.  
  134. #s-m-t-tooltip {
  135. max-width:300px;
  136. padding:5px;
  137. margin:10px 0px 0px 10px;
  138. background-color:{color:background};
  139. font-size:7px;
  140. z-index:999999999999999999999999999999999999;
  141. }
  142.  
  143.  
  144. /* ---------------------------- ✕ basics ✕ -------------------------- */
  145.  
  146. body {
  147. background-color:{color:background};
  148. color: {color:text};
  149. overflow-y:hidden;
  150. overflow-x:auto;
  151. font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  152. font-size: 9px;
  153. text-transform:auto;
  154. margin: 0;
  155. letter-spacing:3px;
  156. padding: 0;
  157. word-wrap: break-word;
  158. line-height:160%;
  159. background-image:url('{image:background}');
  160. }
  161.  
  162. blockquote {
  163. background:transparent;
  164. margin: 10px;
  165. padding-left:20px;
  166. border-left: 2px solid {color:accent};
  167. }
  168.  
  169. blockquote a{
  170. color:{color:accent 2};
  171. }
  172.  
  173. blockquote b{
  174. color:{color:accent 2};
  175. }
  176.  
  177. blockquote i{
  178. color:{color:accent 2};
  179. }
  180.  
  181. blockquote s{
  182. color:{color:accent 2};
  183. }
  184.  
  185. blockquote u{
  186. color:{color:accent 2};
  187. }
  188.  
  189. iframe, img, embed, object, video {
  190. max-width: 100%;
  191. }
  192.  
  193. p{
  194. margin-bottom:10px;
  195. }
  196.  
  197.  
  198. ul{
  199. list-style-type:circle;
  200. }
  201.  
  202. ol{
  203. list-style-type:;
  204. }
  205.  
  206. /* ------------------------ ✕ text styles ! ✕ ----------------------- */
  207.  
  208. a {
  209. color: {color:links};
  210. text-decoration: none;
  211. }
  212.  
  213. b, strong {
  214. color: {color:accent};
  215. font-family: 'Quicksand', sans-serif;
  216.  
  217. }
  218.  
  219. i, em,italic {
  220. color: {color:accent};
  221. font-family: 'Quicksand', sans-serif;
  222.  
  223. }
  224.  
  225. s, strike {
  226. color: {color:accent};
  227. font-family: 'Quicksand', sans-serif;
  228.  
  229. }
  230.  
  231. u,underline {
  232. color: {color:accent};
  233. font-family: 'Quicksand', sans-serif;
  234.  
  235. }
  236.  
  237. sup, sub, small {
  238. font-size:8.5px;
  239. line-height:160%;
  240. }
  241.  
  242. h2 {
  243. font-family:'montserrat', sans serif;
  244. font-size:18px;
  245. font-style:italic;
  246. text-align:center;
  247. color: {color:accent};
  248. }
  249.  
  250. h1{
  251. text-transform:uppercase;
  252. font-size:13px;
  253. }
  254.  
  255. /* ------------------------ ✕ posts bruh ! ✕ ----------------------- */
  256.  
  257. article {
  258. float:left;
  259. background:{color:posts};
  260. padding: 10px;
  261. {block:ifnot400pxposts}
  262. width: 300px;
  263. {/block:ifnot400pxposts}
  264. {block:if400pxposts}
  265. width: 400px;
  266. {/block:if400pxposts}
  267. z-index:9;
  268. text-align:justify;
  269. {block:ifborderedposts}
  270. border:1px solid {color:accent 2};
  271. {/block:ifborderedposts}
  272. margin-bottom:20px;
  273. border-radius:7px 7px 0px 0px;
  274. }
  275.  
  276. .postitle {
  277. text-align:right;
  278. font-size:43px;
  279. line-height:100%;
  280. text-transform:lowercase;
  281. font-family: 'ahattom';
  282. padding:5px;
  283. letter-spacing:0px;
  284. width:auto;
  285. margin:auto;
  286. color:{text:title text};
  287. }
  288.  
  289. .postitle a{
  290. text-transform:lowercase;
  291. color:{color:title text};
  292. }
  293.  
  294. /* --------------------- ✕ permalinks i think ! ✕ -------------------- */
  295.  
  296. .perms {
  297. font-family: 'Quicksand', sans-serif;
  298. color:{color:title text};
  299. font-size:9px;
  300. margin-left:10px;
  301. text-transform:lowercase;
  302. }
  303.  
  304. /* ------------------------ ✕ post info ! ✕ ----------------------- */
  305.  
  306. .gryffindor{
  307. {block:ifnot400pxposts}
  308. width: 310px;
  309. margin-left:-10px;
  310. {/block:ifnot400pxposts}
  311. {block:if400pxposts}
  312. width: 410px;
  313. margin-left:-10px;
  314. {/block:if400pxposts}
  315. margin-top:-10px;
  316. padding:5px;
  317. margin-bottom:10px;
  318. border-radius:7px 7px 0px 0px;
  319. background:{color:accent 2};
  320. {block:ifborderedposts}
  321. {block:ifnot400pxposts}
  322. width: 310.5px;
  323. margin-left:-10.5px;
  324. {/block:ifnot400pxposts}
  325. {block:if400pxposts}
  326. width: 410.5px;
  327. margin-left:-10.5px;
  328. {/block:if400pxposts}
  329. border-radius:4px 4px 0px 0px;
  330. {/block:ifborderedposts}
  331. }
  332.  
  333. .gryffindor a{
  334. color:{color:accent text};
  335. }
  336.  
  337. .gryffindor i{
  338. color:{color:accent text};
  339. }
  340.  
  341. .btton{
  342. float:right;
  343. margin-right:5px;
  344. font-size:12px;
  345. }
  346.  
  347. .btton a{
  348. color:{color:accent text};
  349. }
  350.  
  351. .postinfo{
  352. margin-top:10px;
  353. text-align:center;
  354. font-weight:bold;
  355. padding-top:8px;
  356. text-transform:uppercase;
  357. }
  358.  
  359. .tags {
  360. margin-top:5px;
  361. background:{color:accent 2};
  362. padding:5px;
  363. font-size:9px;
  364. letter-spacing:1px;
  365. font-weight:normal;
  366. -webkit-transition: all .7s;
  367. -moz-transition: all .7s;
  368. -o-transition: all .7s;
  369. -ms-transition: all .7s;
  370. transition: all .7s;
  371. }
  372.  
  373. .tags a{
  374. color:{color:posts};
  375. }
  376.  
  377. .tags i{
  378. color:{color:posts};
  379. }
  380.  
  381.  
  382.  
  383. /* ---------------------- ✕ notes and shit ! ✕ ----------------------- */
  384.  
  385. ol.notes {
  386. display:block;
  387. text-align:left;
  388. list-style-type:none;
  389. margin-left:-40px;
  390. }
  391.  
  392. ol.notes li.note{
  393. margin-bottom:5px;
  394. }
  395.  
  396. .pagenotes {
  397. text-align:left;
  398. margin-top:15px;
  399. }
  400.  
  401. .pagenotes img{
  402. padding-right:5px;
  403. padding-top:5px;
  404. margin-bottom:-5px;
  405. }
  406.  
  407. /* ------------------------ ✕ post types ! ✕ ----------------------- */
  408.  
  409. /* ------------------------ ✕ chat posts ! ✕ ------------------------ */
  410.  
  411. .odd, .even {padding:5px;
  412. font-size:8px;
  413. padding:5px;
  414. color:{color:accent text};
  415. background-color:{color:accent};
  416. }
  417. .odd {
  418. background-color:{color:description};
  419. color:{color:desc text};
  420. font-size:8px;
  421. padding:5px;
  422. }
  423. ul.chat{
  424. list-style:none;
  425. margin-left:-40px;
  426. margin-bottom:-5px;
  427. }
  428.  
  429. .chat span {
  430. float: left;
  431. }
  432.  
  433. /* ------------------------ ✕ quotations ! ✕ ------------------------ */
  434.  
  435. .sourcepic {
  436. text-align:center;
  437. font-size:12px;
  438. color:{color:accent};
  439. }
  440.  
  441. .quotesource{
  442. text-align:center;
  443. font-size:8px;
  444. padding:5px;
  445. opacity:0.7;
  446. margin-bottom:10px;
  447. font-family: 'montserrat', sans serif;
  448. text-transform:lowercase;
  449. }
  450. /* ----------------------- ✕ questions ! ✕ ------------------------ */
  451.  
  452. #asker {
  453. padding-bottom:10px;
  454. letter-spacing:2px;
  455. text-align:left;
  456. margin-top:20px;
  457. font-size:26px;
  458. margin-left:10px;
  459. font-family: 'novitha script';
  460. text-transform:lowercase;
  461. }
  462.  
  463. .answer {
  464. font-size:9px;
  465. }
  466.  
  467. .question{
  468. text-transform:uppercase;
  469. background:{color:accent};
  470. color:{color:accent text};
  471. padding:10px;
  472. border-radius:10px;
  473. font-size:8px;
  474. margin-top:-20px;
  475. }
  476.  
  477. /* ----------------------- ✕ audio bruh ! ✕ ----------------------- */
  478.  
  479. .playerbuttonbg {
  480. position: absolute;
  481. left: 20px;
  482. top: 20px;
  483. width: 19px;
  484. height: 19px;
  485. background-color: {color:posts};
  486. padding: 10px;
  487. -webkit-border-radius: 40px;
  488. -moz-border-radius: 40px;
  489. border-radius: 40px;
  490. opacity: .4;
  491. filter: alpha(opacity=40);
  492. -moz-opacity: 0.4;
  493. -khtml-opacity: 0.4;
  494. transition: opacity .7s ease-in-out;
  495. -moz-transition: opacity .7s ease-in-out;
  496. -webkit-transition: opacity .7s ease-in-out;
  497. }
  498.  
  499. .playerbuttonbg:hover {
  500. opacity: 1;
  501. filter: alpha(opacity=100);
  502. -moz-opacity: 1;
  503. -khtml-opacity: 1;
  504. }
  505.  
  506. .newplayerbutton {
  507. position: relative;
  508. width: 19px;
  509. height: 19px;
  510. overflow: hidden;
  511. }
  512.  
  513. .playerbuttonhug {
  514. position: absolute;
  515. top: -18px;
  516. left: -7px;
  517. }
  518.  
  519. .tumblr_audio_player {
  520. height: 90px;
  521. width: 270px;
  522. -moz-transform: scale(0.60, 0.60);
  523. -webkit-transform: scale(0.60, 0.60);
  524. -o-transform: scale(0.60, 0.60);
  525. -ms-transform: scale(0.60, 0.60);
  526. transform: scale(0.60, 0.60);
  527. -moz-transform-origin: top left;
  528. -webkit-transform-origin: top left;
  529. -o-transform-origin: top left;
  530. -ms-transform-origin: top left;
  531. transform-origin: top left;
  532. }
  533.  
  534. .audioimgwrapper {
  535. position: absolute;
  536. left: 0px;
  537. top: 0px;
  538. -webkit-border-radius: 40px;
  539. -moz-border-radius: 40px;
  540. border-radius: 40px;
  541. overflow: hidden;
  542. width: 79px;
  543. height: 79px;
  544. }
  545.  
  546. .audioimgwrapper img {
  547. width: 100%;
  548. height: auto;
  549. -webkit-border-radius: 40px;
  550. -moz-border-radius: 40px;
  551. border-radius: 40px;
  552. }
  553.  
  554. .trackdetails {
  555. {block:ifnot400pxposts}
  556. width: 180px;
  557. {/block:ifnot400pxposts}
  558. {block:if400pxposts}
  559. width: 280px;
  560. {/block:if400pxposts}
  561. height:auto;
  562. margin-top:8px;
  563. background:{color:wrap borders};
  564. display:inline-block;
  565. margin-left: 90px;
  566. padding:10px;
  567. margin-bottom:17px;
  568. }
  569.  
  570. .audiowrapper {
  571. position: relative;
  572. display:inline-block;
  573. }
  574.  
  575. /* ----------------------- ✕ don't do the do ✕ ----------------------- */
  576.  
  577. #yo {
  578. color: {color:accent};
  579. font-size:9px;
  580. float:right;
  581. right:0;
  582. bottom:0;
  583. margin-right:10px;
  584. height:15px;
  585. overflow:hidden;
  586. margin-bottom:20px;
  587. padding:10px;
  588. text-transform:uppercase;
  589. position:fixed;
  590. background-color:transparent;
  591. font-weight:bold;
  592. text-align:center;
  593. -webkit-transition: all .7s;
  594. -moz-transition: all .7s;
  595. -o-transition: all .7s;
  596. -ms-transition: all .7s;
  597. transition: all .7s;
  598.  
  599. }
  600.  
  601. #yo:hover{
  602. height:50px;
  603. -webkit-transition: all .7s;
  604. -moz-transition: all .7s;
  605. -o-transition: all .7s;
  606. -ms-transition: all .7s;
  607. transition: all .7s;
  608. }
  609.  
  610. /* ----------------------- ✕ bouncy links ✕ ----------------------- */
  611.  
  612. .bouncy{
  613. position:fixed;
  614. z-index:999;
  615. top:50%;
  616. left:50%;
  617. transform:translate(-50%,-50%);
  618. margin-top:-220px;
  619. {block:if400pxposts}
  620. width:180px;
  621. height:50px;
  622. margin-left:-230px;
  623. {/block:if400pxposts}
  624. {block:ifnot400pxposts}
  625. width:170px;
  626. height:40px;
  627. margin-left:-200px;
  628. {/block:ifnot400pxposts}
  629. background:transparent;
  630. }
  631.  
  632. @-webkit-keyframes bounce {
  633. 16.65% {
  634. -webkit-transform: translateY(8px);
  635. transform: translateY(8px);
  636. }
  637.  
  638. 33.3% {
  639. -webkit-transform: translateY(-6px);
  640. transform: translateY(-6px);
  641. }
  642.  
  643. 49.95% {
  644. -webkit-transform: translateY(4px);
  645. transform: translateY(4px);
  646. }
  647.  
  648. 66.6% {
  649. -webkit-transform: translateY(-2px);
  650. transform: translateY(-2px);
  651. }
  652.  
  653. 83.25% {
  654. -webkit-transform: translateY(1px);
  655. transform: translateY(1px);
  656. }
  657.  
  658. 100% {
  659. -webkit-transform: translateY(0);
  660. transform: translateY(0);
  661. }
  662. }
  663.  
  664. @keyframes bounce {
  665. 16.65% {
  666. -webkit-transform: translateY(8px);
  667. transform: translateY(8px);
  668. }
  669.  
  670. 33.3% {
  671. -webkit-transform: translateY(-6px);
  672. transform: translateY(-6px);
  673. }
  674.  
  675. 49.95% {
  676. -webkit-transform: translateY(4px);
  677. transform: translateY(4px);
  678. }
  679.  
  680. 66.6% {
  681. -webkit-transform: translateY(-2px);
  682. transform: translateY(-2px);
  683. }
  684.  
  685. 83.25% {
  686. -webkit-transform: translateY(1px);
  687. transform: translateY(1px);
  688. }
  689.  
  690. 100% {
  691. -webkit-transform: translateY(0);
  692. transform: translateY(0);
  693. }
  694. }
  695.  
  696. .bounce {
  697. -webkit-transform: translateZ(0);
  698. transform: translateZ(0);
  699. box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  700. -webkit-backface-visibility: hidden;
  701. backface-visibility: hidden;
  702. -moz-osx-font-smoothing: grayscale;
  703. }
  704. .bounce:hover, .bounce:focus, .bounce:active {
  705. -webkit-animation-name: bounce;
  706. animation-name: bounce;
  707. -webkit-animation-duration: 1s;
  708. animation-duration: 1s;
  709. -webkit-animation-timing-function: ease-in-out;
  710. animation-timing-function: ease-in-out;
  711. -webkit-animation-iteration-count: 1;
  712. animation-iteration-count: 1;
  713. }
  714.  
  715. .woa {
  716. height: 38px;
  717. width: 38px;
  718. line-height:40px;
  719. font-size:13px;
  720. position:fixed;
  721. border-radius:50%;
  722. background-color: {color:accent};
  723. text-align: center;
  724. word-spacing:10px;
  725. text-transform: uppercase;
  726. }
  727.  
  728. .woa a{
  729. color:{color:accent text};
  730. }
  731.  
  732. #sepbounce {
  733. margin-left:10px;
  734. }
  735.  
  736. /* ----------------------- ✕ description ✕ ----------------------- */
  737.  
  738. .mierdita{
  739. float:left;
  740. position:fixed;
  741. top:50%;
  742. left:50%;
  743. transform:translate(-50%,-50%);
  744. overflow:auto;
  745. text-transform:uppercase;
  746. z-index:9;
  747. font-size:8px;
  748. line-height:20px;
  749. padding:10px;
  750. text-align:justify;
  751. {block:if400pxposts}
  752. margin-left:-220px;
  753. {/block:if400pxposts}
  754. {block:ifnot400pxposts}
  755. margin-left:-185px;
  756. {/block:ifnot400pxposts}
  757. width:205px;
  758. height:350px;
  759. color:{color:desc text};
  760. background:{color:description};
  761. opacity:0;
  762. -webkit-transition: all .7s;
  763. -moz-transition: all .7s;
  764. -o-transition: all .7s;
  765. -ms-transition: all .7s;
  766. transition: all .7s;
  767. }
  768.  
  769. .mierdita:hover{
  770. opacity:1;
  771. -webkit-transition: all .7s;
  772. -moz-transition: all .7s;
  773. -o-transition: all .7s;
  774. -ms-transition: all .7s;
  775. transition: all .7s;
  776. }
  777.  
  778. .mierdita a{
  779. color:{color:accent 2};
  780. }
  781.  
  782. .mierdita b{
  783. color:{color:accent 2};
  784. }
  785.  
  786. .mierdita i{
  787. color:{color:accent 2};
  788. }
  789.  
  790. .mierdita u{
  791. color:{color:accent 2};
  792. }
  793.  
  794. .mierdita s{
  795. color:{color:accent 2};
  796. }
  797.  
  798. /* ----------------------- ✕ post container ✕ ----------------------- */
  799.  
  800. #postcontainer {
  801. position:fixed;
  802. border-radius:7px 7px 0px 0px;
  803. top:50%;
  804. left:50%;
  805. transform:translate(-50%,-50%);
  806. z-index:9;
  807. margin-right:auto;
  808. {block:ifnot400pxposts}
  809. width: 325px;
  810. height: 360px;
  811. margin-left:100px;
  812. {/block:ifnot400pxposts}
  813. {block:if400pxposts}
  814. margin-left:110px;
  815. width:420px;
  816. height: 360px;
  817. {/block:if400pxposts}
  818. overflow-y:auto;
  819. position:fixed;
  820. background-color:transparent;
  821. overflow-x:hidden;
  822. margin-bottom:200px;
  823. }
  824.  
  825.  
  826. /* ---------------- ✕ bar w quote and pagination ✕ ------------- */
  827.  
  828. .pageing{
  829. {block:ifnot400pxposts}
  830. width:590px;
  831. margin-top:240px;
  832. margin-left:-10px;
  833. {/block:ifnot400pxposts}
  834. {block:if400pxposts}
  835. width:690px;
  836. margin-left:10px;
  837. margin-top:240px;
  838. {/block:if400pxposts}
  839. z-index:9;
  840. color:{color:accent text};
  841. overflow:hidden;
  842. word-spacing:1px;
  843. background-color:{color:title bar};
  844. font-size:24px;
  845. height:30px;
  846. letter-spacing:2px;
  847. border-radius:0px 0px 10px 10px;
  848. padding-top:10px;
  849. padding-bottom:2px;
  850. padding-left:5px;
  851. padding-right:5px;
  852. text-align:center;
  853. text-transform:uppercase;
  854. font-family: 'montserrat', sans-serif;
  855. font-weight:bold;
  856. position:fixed;
  857. top:50%;
  858. left:50%;
  859. transform:translate(-50%,-50%);
  860. -webkit-transition: all .7s;
  861. -moz-transition: all .7s;
  862. -o-transition: all .7s;
  863. -ms-transition: all .7s;
  864. transition: all .7s;
  865. }
  866.  
  867. .pageing a{
  868. color:{color:accent 2};
  869. }
  870.  
  871. .pageing i{
  872. color:{color:accent 2};
  873. font-family: 'montserrat', sans-serif;
  874. font-weight:bold;
  875. }
  876.  
  877. .pageing b{
  878. color:{color:accent 2};
  879. font-family: 'montserrat', sans-serif;
  880. font-weight:bold;
  881. }
  882.  
  883. .pageing u{
  884. color:{color:accent 2};
  885. font-family: 'montserrat', sans-serif;
  886. font-weight:bold;
  887. }
  888.  
  889. .pageing s{
  890. color:{color:accent 2};
  891. font-family: 'montserrat', sans-serif;
  892. font-weight:bold;
  893. }
  894.  
  895. /* ------------------------- ✕ nav links ✕ ----------------------- */
  896.  
  897. #navcont {
  898. height: 320px;
  899. overflow:hidden;
  900. width:100px;
  901. background:transparent;
  902. z-index:8;
  903. display:inline;
  904. position:fixed;
  905. top:50%;
  906. left:50%;
  907. transform:translate(-50%,-50%);
  908. margin-top:355px;
  909. {block:if400pxposts}
  910. margin-left:192px;
  911. {/block:if400pxposts}
  912. {block:ifnot400pxposts}
  913. margin-left:-250px;
  914. {/block:ifnot400pxposts}
  915.  
  916. }
  917.  
  918. #navcont a{
  919. color:{color:accent};
  920. font-size:13px;
  921. }
  922.  
  923. /* ------------------------- ✕ theme cont ✕ ----------------------- */
  924.  
  925. #bish {
  926. {block:if400pxposts}
  927. margin-left:10px;
  928. width:700px;
  929. {/block:if400pxposts}
  930. {block:ifnot400pxposts}
  931. width:600px;
  932. margin-left:-10px;
  933. {/block:ifnot400pxposts}
  934. height:440px;
  935. background-color:{color:container bg};
  936. background-image:url('{image:container bg}');
  937. {block:ifnotrepeatcontainerbg}
  938. background-repeat:no-repeat;
  939. {/block:ifnotrepeatcontainerbg}
  940. {block:ifrepeatcontainerbg}
  941. background-repeat:repeat;
  942. {/block:ifrepeatcontainerbg}
  943. position:fixed;
  944. border-radius:10px 10px 0px 0px;
  945. top:50%;
  946. left:50%;
  947. transform:translate(-50%,-50%);
  948. z-index:-999;
  949. }
  950.  
  951.  
  952. /* ------------------------ ✕ custom css ! ✕ ----------------------- */
  953. {CustomCSS}
  954. </style>
  955. </head>
  956.  
  957. <body>
  958.  
  959. <!----------------------------- container ---------------------------->
  960.  
  961. <div id="bish"></div>
  962.  
  963. <!----------------------------- sidebar ------------------------------>
  964.  
  965. <div class="bouncy">
  966.  
  967. <div id="sepbounce"><div class="woa bounce"><a href="{text:link 1}"><span class="lnr lnr-home"></span></a></div> </div>
  968.  
  969. <div id="sepbounce"><div style="margin-left:47px;position:fixed;"class="woa bounce"><a href="{text:link 2}"><span class="lnr lnr-bubble"></span></a></div> </div>
  970.  
  971. <div id="sepbounce"><div style="margin-left:94px;position:fixed;"class="woa bounce"><a href="{text:link 3}"><span class="icon-cocktail-mojito-streamline"></span></a></div> </div>
  972.  
  973. <div id="sepbounce"><div style="margin-left:142px;position:fixed;"class="woa bounce"><a href="{text:link 4}"><span class="lnr lnr-rocket"></span></a></div> </div></div>
  974.  
  975. <!------------------------------- pagi -------------------------------->
  976.  
  977. <div class="pageing">
  978. <div id="pagi">
  979. <!-- Prev Page Link -->
  980. {block:PreviousPage}
  981. <a style="padding:0px;margin-top:0px;margin-left:0px;border:none;background:transparent;color:{color:accent text}"href="{PreviousPage}"><span style="font-size:10px;"class="lnr lnr-chevron-left"></span></a>{/block:PreviousPage} {title}{block:NextPage}<a href="{NextPage}"style="padding:0px;margin-top:0px;color:{color:accent text};margin-left:3px;border:none;background:transparent;"><span style="font-size:10px;" class="lnr lnr-chevron-right"></span></a> {/block:NextPage}
  982. </div>
  983.  
  984. </div>
  985.  
  986. <!------------------------------- posts -------------------------------->
  987.  
  988. <div id="postcontainer">
  989.  
  990. {block:Posts}
  991.  
  992. <article>
  993.  
  994. <div class="gryffindor">
  995.  
  996. <!-------------------------- permalink -------------------------->
  997.  
  998. <a href="{Permalink}" class="perms">
  999. {block:Date}
  1000. {ShortMonth} {DayOfMonth}
  1001. {/block:Date}
  1002. </a>
  1003.  
  1004. <div style="text-align:center;display:inline;">
  1005. <!--NOTES-->
  1006. {block:NoteCount}
  1007. <a style="color:{color:accent text}"href="{Permalink}"> <span class="lnr lnr-heart"></span> <span style="font-size:10px;font-family: 'Helvetica Neue'; font-weight: lighter;">{NoteCount}</span> </a>
  1008. {/block:NoteCount}
  1009. </div>
  1010.  
  1011. <div class="btton">
  1012.  
  1013. <!-------------------------- via and source -------------------------->
  1014. {block:RebloggedFrom}
  1015. <a href="{ReblogParentURL}"><span style="margin:5px" class="lnr lnr-map-marker"></span></a>
  1016. {/block:RebloggedFrom}
  1017. {block:ContentSource}<a href="{SourceURL}"><span style="margin:5px" class="icon-speech-streamline-talk-user"></span></a>
  1018. {/block:ContentSource}
  1019. {block:RebloggedFrom} {/block:RebloggedFrom}<a href="{ReblogURL}" target="_blank" class="details"><span class="icon-streamline-sync"></i></a>
  1020. </div>
  1021. </div>
  1022.  
  1023.  
  1024. <!-------------------------- text posts -------------------------->
  1025. {block:Text}
  1026. {block:Title}
  1027. <div class="postitle">
  1028. <a href="{Permalink}">{Title}</a></div>
  1029. {/block:Title}
  1030. {Body}
  1031. {/block:Text}
  1032.  
  1033.  
  1034. <!-------------------------- photo posts -------------------------->
  1035. {block:Photo}
  1036. {block:IndexPage}
  1037. {LinkOpenTag}
  1038. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  1039. {LinkCloseTag}
  1040. {/block:IndexPage}
  1041. {block:PermalinkPage}
  1042. {LinkOpenTag}
  1043. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  1044. {LinkCloseTag}{/block:PermalinkPage}
  1045. {/block:Photo}
  1046.  
  1047.  
  1048. <!-------------------------- photosets -------------------------->
  1049. {block:Photoset}
  1050. {block:IndexPage}{Photoset-500}{/block:IndexPage}
  1051. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  1052. {/block:Photoset}
  1053.  
  1054.  
  1055. <!-------------------------- quote posts -------------------------->
  1056.  
  1057. {block:Source}
  1058.  
  1059. <div class="sourcepic"><span class="icon-man-people-streamline-user"></span></div>
  1060.  
  1061. <div class="quotesource">{Source}</div>
  1062. {/block:Source}
  1063.  
  1064. {block:Quote}
  1065. <div style="padding:10px;border-radius:0px 7px 7px 7px; background:{color:accent};color:{color:accent text}">
  1066. {Quote}</div>
  1067. {/block:Quote}
  1068.  
  1069.  
  1070.  
  1071. <!-------------------------- link posts -------------------------->
  1072.  
  1073. {block:Link}
  1074. <div class="postitle"><a href="{URL}">{Name}</a></div>
  1075. {block:Description}{Description}{/block:Description}
  1076. {/block:Link}
  1077.  
  1078.  
  1079. <!-------------------------- chats ! -------------------------->
  1080. {block:Chat}
  1081.  
  1082. {block:Title}
  1083. <div class="postitle">
  1084. <a href="{Permalink}">{Title}</a></div>
  1085. {/block:Title}
  1086.  
  1087. <ul class="chat">
  1088. {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}
  1089. </ul>
  1090. {/block:Chat}
  1091.  
  1092.  
  1093. <!-------------------------- audio -------------------------->
  1094.  
  1095. {block:AudioPlayer}
  1096. <div class="audiowrapper">
  1097. {block:AlbumArt}
  1098. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  1099. {/block:AlbumArt}
  1100.  
  1101. <div class="playerbuttonbg">
  1102. <div class="newplayerbutton">
  1103. <div class="playerbuttonhug">
  1104.  
  1105. {AudioPlayerWhite}
  1106.  
  1107. </div>
  1108. </div>
  1109. </div>
  1110.  
  1111. <div class="trackdetails">
  1112.  
  1113. {block:TrackName}{TrackName}{/block:TrackName}<br/>
  1114. {block:Artist}<b><i>artist:</i></b> {Artist}{/block:Artist}<br/>
  1115. {block:Album}<i><b>album:</i></b {Album}{/block:Album}<br/>
  1116. {PlayCountWithLabel}
  1117.  
  1118. </div>
  1119. </div>
  1120. {/block:AudioPlayer}
  1121.  
  1122. {block:Caption}{/block:Caption}
  1123.  
  1124.  
  1125. <!-------------------------- videos -------------------------->
  1126.  
  1127. {block:Video}
  1128. <div class="video" style="text-align:center;">{Video-250}</div>
  1129. {block:Caption}{/block:Caption}
  1130. {/block:Video}
  1131.  
  1132.  
  1133. <!-------------------------- asks -------------------------->
  1134.  
  1135. {block:Answer}
  1136.  
  1137. <div id="asker">{Asker}</div><br>
  1138.  
  1139. <div class="question">{Question}</div>
  1140.  
  1141. <div class="answer"style="margin-top:5px;position:relative">{Answer}</div>
  1142.  
  1143.  
  1144. {/block:Answer}
  1145.  
  1146. <!-------------------------- captions -------------------------->
  1147.  
  1148. {block:Caption}
  1149. {Caption}
  1150. {/block:Caption}
  1151.  
  1152. <!-------------------------- post essentials -------------------------->
  1153. <div class="postinfo">
  1154.  
  1155. {block:HasTags}
  1156. <div class="tags">
  1157. <b style="text-transform:uppercase;"><span class="lnr lnr-tag"style="font-size:12px;color:{color:posts}"></span></b>
  1158. {block:Tags}
  1159. <a href="{TagURL}"><span class="lnr lnr-chevron-right"></span> {Tag}</a>
  1160. {/block:Tags}
  1161. </div>
  1162. {/block:HasTags}
  1163.  
  1164. </div>
  1165.  
  1166. {block:PostNotes}
  1167. <div class="pagenotes">{PostNotes-16}</div>
  1168. {/block:PostNotes}
  1169.  
  1170.  
  1171.  
  1172.  
  1173. </article>
  1174. {/block:Posts}
  1175.  
  1176.  
  1177.  
  1178.  
  1179.  
  1180. </div>
  1181.  
  1182. </div>
  1183.  
  1184. <!-- dont ask me why the description is too far i dont even know myself -->
  1185.  
  1186.  
  1187. <div class="mierdita">
  1188. {description}
  1189. </div>
  1190.  
  1191. <!-------------------------- dont do the do !! ------------------------->
  1192.  
  1193. <a href="http://destinatiia.tumblr.com/"target="_blank"><div id="yo"><span style="font-size:25px;"class="lnr lnr-leaf"></span><br>code by<br> becca
  1194. </div></a>
  1195. </body>
  1196.  
  1197.  
  1198. </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!