API tools faq
paste
Advertisement
ofalderaan

leia theme

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