API tools faq
paste
Advertisement
destinatia

「 ✩ * º ╳ DRIVE LIKE I DO by becca. 」

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