API tools faq
paste
Advertisement
destinatia

「 ✩ * º ╳ DRUGS AND CANDY by becca. 」

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