API tools faq
paste
Advertisement
destinatia

「 ✩ * º ╳ FANGS by becca. 」

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