API tools faq
paste
destinatia

「 ✩ * º ╳ VALENTINE」— desveladas.

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