API tools faq
paste
Advertisement
destinatia

THEME 012: ✧ * º • ☾ FROST.❜ — destinatiia

destinatia
Aug 25th, 2016
2,985
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 45.37 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7. ✧ * ☾ destinatiia.tumblr.com * ✧
  8.  
  9. - you're allowed to edit as much as you want, but don't repost and claim as your own afterwards.
  10. - don't move the credit or put it in another page
  11. - pics don't belong to me !
  12. - don't take fragments from this code and paste it on your own. it's rude as i worked real hard on this one so.
  13. - enjoy !! and if you have any questions and/or problems just hmu
  14.  
  15. -->
  16.  
  17. {block:Description}
  18. <meta name="description" content="{MetaDescription}" />
  19. {/block:Description}
  20. <meta charset="utf-8">
  21. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  22. <title>{Title}{block:TagPage} // {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
  23. <link rel="shortcut icon" href="{Favicon}">
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25.  
  26. <meta name="color:background" content="#ffffff" />
  27. <meta name="color:links" content="#000000" />
  28. <meta name="color:links hover" content="#a0a0a0" />
  29. <meta name="color:text" content="#000000" />
  30. <meta name="color:posts" content="#ffffff" />
  31. <meta name="color:first lil dot" content="#d84e37" />
  32. <meta name="color:second lil dot" content="#fed000" />
  33. <meta name="color:third lil dot" content="#29a051" />
  34. <meta name="color:tab content" content="#f5f5f5" />
  35. <meta name="color:wrap borders" content="#ccc" />
  36. <meta name="color:tab title text" content="#ccc" />
  37. <meta name="color:inactive tabs" content="#e1e1e1" />
  38. <meta name="color:inactive tabs text" content="#ddd" />
  39. <meta name="color:accent" content="#ffffff" />
  40. <meta name="color:speech bubble" content="#ffffff" />
  41. <meta name="color:speech bubble text" content="#333" />
  42. <meta name="color:second speech bubble" content="#333" />
  43. <meta name="color:second speech bubble text" content="#ffffff" />
  44. <meta name="color:wrap" content="#f5f5f5" />
  45.  
  46. <meta name="text:bubble text" content="keep it brief" />
  47. <meta name="text:eeeeeeh" content="wtv u want lols ( this won't overflow so pls don't quote the bible here thx ! )" />
  48. <meta name="text:eeeeeeh x2" content="wtv u want lols ( this can be p long tbh )" />
  49. <meta name="text:first lil dot link" content="optional" />
  50. <meta name="text:first lil dot text" content="optional" />
  51. <meta name="text:second lil dot link" content="optional" />
  52. <meta name="text:second lil dot text" content="optional" />
  53. <meta name="text:third lil dot text" content="optional" />
  54. <meta name="text:link 1" content="/1" />
  55. <meta name="text:link 2" content="/2" />
  56. <meta name="text:link 3" content="/3" />
  57. <meta name="text:link 4" content="/4" />
  58. <meta name="text:link 5" content="/5" />
  59. <meta name="text:link 6" content="/6" />
  60. <meta name="text:link 1 text" content="link 1" />
  61. <meta name="text:link 2 text" content="link 2" />
  62. <meta name="text:link 3 text" content="link 3" />
  63. <meta name="text:link 4 text" content="link 4" />
  64. <meta name="text:link 5 text" content="link 5" />
  65. <meta name="text:link 6 text" content="link 6" />
  66. <meta name="text:tab title 1" content="one" />
  67. <meta name="text:tab title 2" content="two" />
  68. <meta name="text:tab title 3" content="three" />
  69.  
  70. <meta name="image:sidebar icon 1" content="" />
  71. <meta name="image:mun pic" content="" />
  72. <meta name="image:mun pic 2" content="" />
  73. <meta name="image:mun pic 3" content="" />
  74.  
  75. <meta name="if:round icons" content="1"/>
  76. <meta name="if:show navigation tab" content="1"/>
  77. <meta name="if:show muses tab" content="1"/>
  78. <meta name="if:dots as links" content="0"/>
  79. <meta name="if:400px posts" content="0"/>
  80.  
  81.  
  82.  
  83. <!-- IMPORTED SCRIPTS - DON'T REMOVE -->
  84.  
  85.  
  86. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  87.  
  88. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  89.  
  90. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  91.  
  92. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  93.  
  94. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  95.  
  96.  
  97. <!-- TOOLTIP SCRIPT (REMOVE ONYL IF YOU WANT STANDARD BROWSER TOOLTIPS) -->
  98.  
  99. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  100. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  101. <script>
  102. (function($){
  103. $(document).ready(function(){
  104. $("a[title]").style_my_tooltips({
  105. tip_follows_cursor:true,
  106. tip_delay_time:90,
  107. tip_fade_speed:600,
  108. attribute:"title"
  109. });
  110. });
  111. })(jQuery);
  112. </script>
  113. {block:ifnot400pxposts}
  114. <script type="text/javascript">
  115. /* Photoset Resize Code by Kevin - EXCOLO.TUMBLR.COM */
  116. $(document).ready(function() {
  117. function photosetResize() {
  118. $('iframe.photoset').each(function(){
  119. var newSize = 300;
  120. var newSrc = $(this).attr('src').replace('500',newSize);
  121. $(this).attr('src', newSrc).width(newSize);
  122. var high = $(this).css('height');
  123. var calculate = parseInt(high, 10)* newSize/500;
  124. $(this).css('height', calculate);
  125. });
  126. }
  127. photosetResize();
  128. });
  129. </script>
  130. {/block:ifnot400pxposts}
  131.  
  132. {block:if400pxposts}
  133. <script type="text/javascript">
  134. /* Photoset Resize Code by Kevin - EXCOLO.TUMBLR.COM */
  135. $(document).ready(function() {
  136. function photosetResize() {
  137. $('iframe.photoset').each(function(){
  138. var newSize = 400;
  139. var newSrc = $(this).attr('src').replace('500',newSize);
  140. $(this).attr('src', newSrc).width(newSize);
  141. var high = $(this).css('height');
  142. var calculate = parseInt(high, 10)* newSize/500;
  143. $(this).css('height', calculate);
  144. });
  145. }
  146. photosetResize();
  147. });
  148. </script>
  149. {/block:if400pxposts}
  150.  
  151.  
  152. <script type="text/javascript">
  153. $(document).ready(function(){
  154.  
  155. $('ul.tabs li').click(function(){
  156. var tab_id = $(this).attr('data-tab');
  157.  
  158. $('ul.tabs li').removeClass('current');
  159. $('.tab-content').removeClass('current');
  160.  
  161. $(this).addClass('current');
  162. $("#"+tab_id).addClass('current');
  163. })
  164.  
  165. })
  166. </script>
  167.  
  168. <style type="text/css">
  169.  
  170. /* ---------------------------- GENERAL ----------------------------- */
  171.  
  172. /* -------- SELECTION TOOL ------- */
  173.  
  174. ::-moz-selection {
  175. background: {color:text};
  176. color: {color:background};
  177. }
  178.  
  179. ::selection {
  180. background: {color:text};
  181. color: {color:background};
  182. }
  183.  
  184. /* -------- SCROLLBAR ------- */
  185.  
  186. ::-webkit-scrollbar {
  187. width: 2px;
  188. }
  189.  
  190. /* Track */
  191. ::-webkit-scrollbar-track {
  192. background:{color:background};
  193. }
  194.  
  195. /* Handle */
  196. ::-webkit-scrollbar-thumb {
  197. background:{color:second speech bubble};
  198. }
  199. ::-webkit-scrollbar-thumb:window-inactive {
  200. background: transparent;
  201. }
  202.  
  203.  
  204. /* ------- TOOLTIPS ------ */
  205.  
  206. #s-m-t-tooltip {
  207. max-width:300px;
  208. padding:5px;
  209. margin:10px 0px 0px 10px;
  210. background-color:{color:background};
  211. font-size:7px;
  212. z-index:999999999999999999999999999999999999;
  213. }
  214.  
  215.  
  216. /* -------- BASICS ------- */
  217.  
  218. body {
  219. background-color:{color:background};
  220. color: {color:text};
  221. overflow-y:hidden;
  222. overflow-x:auto;
  223. font-family: calibri;
  224. text-transform:none;
  225. font-size: 10px;
  226. margin: 0;
  227. letter-spacing:0.5px;
  228. padding: 0;
  229. word-wrap: break-word;
  230. line-height:160%;
  231. }
  232.  
  233. sup, sub, small {
  234. font-size:9px;
  235. }
  236.  
  237. h1 {
  238. font-family:'montserrat', sans serif;
  239. font-size:24px;
  240. text-align:center;
  241. color: {color:accent};
  242. }
  243.  
  244.  
  245. h2 {
  246. font-family:'montserrat', sans serif;
  247. font-size:18px;
  248. font-style:italic;
  249. text-align:center;
  250. color: {color:accent};
  251. }
  252.  
  253.  
  254. a {
  255. color: {color:links};
  256. text-decoration: none;
  257. -webkit-transition: all .3s;
  258. -moz-transition: all .3s;
  259. -o-transition: all .3s;
  260. -ms-transition: all .3s;
  261. transition: all .3s;
  262. }
  263.  
  264.  
  265. b, strong {
  266. color: {color:accent};
  267. font-family:'montserrat', sans serif;
  268.  
  269. }
  270.  
  271. i, em,italic {
  272. color: {color:accent};
  273. font-family:'montserrat', sans serif;
  274.  
  275. }
  276.  
  277. s, strike {
  278. color: {color:accent};
  279. font-family:'montserrat', sans serif;
  280.  
  281. }
  282.  
  283. u,underline {
  284. color: {color:accent};
  285. font-family:'montserrat', sans serif;
  286.  
  287. }
  288.  
  289. a:hover{
  290. color:{color:links hover};
  291. -webkit-transition: all .3s;
  292. -moz-transition: all .3s;
  293. -o-transition: all .3s;
  294. -ms-transition: all .3s;
  295. transition: all .3s;
  296. }
  297.  
  298. blockquote {
  299. background:{color:tab content};
  300. border-left:{color:accent} 1px solid;
  301. margin: 10px;
  302. padding-left:20px;
  303. padding-top:10px;
  304. padding-right:20px;
  305. padding-bottom:10px;
  306. }
  307.  
  308. iframe, img, embed, object, video {
  309. max-width: 100%;
  310. }
  311.  
  312. p{
  313. margin-bottom:10px;
  314. }
  315.  
  316. h1{
  317. text-transform:uppercase;
  318. font-size:13px;
  319. }
  320.  
  321. ul{
  322. list-style-type:circle;
  323. }
  324.  
  325. ol{
  326. list-style-type:;
  327. }
  328. #postcontainer {
  329. position:fixed;
  330. margin-top:30px;
  331. margin-left:0px;
  332. z-index:99;
  333. margin-right:auto;
  334. {block:ifnot400pxposts}
  335. width: 325px;
  336. {/block:ifnot400pxposts}
  337. {block:if400pxposts}
  338. width:425px;
  339. {/block:if400pxposts}
  340. overflow-y:auto;
  341. overflow-x:hidden;
  342. background-color:transparent;
  343. height: 375px;
  344. margin-bottom:200px;
  345. }
  346.  
  347. #sidebaricons {
  348. border-radius:50px;
  349. z-index:99;
  350. position:fixed;
  351. {block:if400pxposts}
  352. margin-left:485px;
  353. {/block:if400pxposts}
  354. {block:ifnot400pxposts}
  355. margin-left:385px;
  356. {/block:ifnot400pxposts}
  357. width:auto;
  358. word-spacing:80px;
  359. line-height:310px;
  360. margin-top:-28px;
  361. }
  362.  
  363. #sidebaricons img {
  364. border-radius:60px;
  365. text-align:center;
  366. position:fixed;
  367. width:70px;
  368. }
  369.  
  370. #sbtext {
  371. margin-top:170px;
  372. {block:if400pxposts}
  373. margin-left:470px;
  374. {/block:if400pxposts}
  375. position:fixed;
  376. {block:ifnot400pxposts}
  377. margin-left:370px;
  378. {/block:ifnot400pxposts}
  379. font-size:7.5px;
  380. text-align:justify;
  381. text-transform:uppercase;
  382. width:160px;
  383. height:290px;
  384. padding-top:10px;
  385. padding-left:10px;
  386. border-top:1px solid {color:wrap borders};
  387. padding-right:10px;
  388. z-index:999;
  389. overflow:auto;
  390. }
  391.  
  392. #sidelinks {
  393. position:fixed;
  394. {block:ifnot400pxposts}
  395. margin-left:510px;
  396. {/block:ifnot400pxposts}
  397. {block:if400pxposts}
  398. margin-left:610px;
  399. {/block:if400pxposts}
  400. margin-top:-15px;
  401. }
  402.  
  403. /* tabs ew ! */
  404.  
  405. .trash{
  406. {block:ifnot400pxposts}
  407. width:555px;
  408. {/block:ifnot400pxposts}
  409. {block:if400pxposts}
  410. width:655px;
  411. {/block:if400pxposts}
  412. font-size:8px;
  413. z-index:99;
  414. font-family:calibri;
  415. margin-top:20px;
  416. text-align:justify;
  417. background:{color:wrap};
  418. overflow:hidden;
  419. border-radius:7px 7px 2px 2px;
  420. border:4px solid {color:wrap borders};
  421. height:470px;
  422. line-height:180%;
  423. {block:ifnot400pxposts}
  424. margin-left:0px;
  425. {/block:ifnot400pxposts}
  426. {block:if400pxposts}
  427. margin-left:0px;
  428. {/block:if400pxposts}
  429. position:fixed;
  430. }
  431.  
  432. ul.tabs{
  433. margin: 0px;
  434. padding: 5px 0px 0px 65px;
  435. height:25px;
  436. background:{color:wrap borders};
  437. list-style: none;
  438. }
  439.  
  440. ul.tabs li{
  441. background: {color:inactive tabs};
  442. color: {color:inactive tabs text};
  443. width:52px;
  444. text-align:center;
  445. display: inline-block;
  446. height:12px;
  447. margin-left:0px;
  448. border-radius:15px 15px 0px 0px;
  449. padding: 6px 13px;
  450. margin-top:1px;
  451. cursor: pointer;
  452. }
  453.  
  454. ul.tabs li i,b,u,s{
  455. color:{color:inactive tabs text};
  456. }
  457.  
  458. ul.tabs li.current{
  459. background: {color:tab content};
  460. color: {color:tab title text};
  461. }
  462.  
  463. ul.tabs li.current i,b,u,s{
  464. color: {color:accent};
  465. }
  466.  
  467. .tab-content{
  468. display: none;
  469. {block:ifnot400pxposts}
  470. width:325px;
  471. {/block:ifnot400pxposts}
  472. {block:if400pxposts}
  473. width:425px;
  474. {/block:if400pxposts}
  475. background: {color:tab content};
  476. height:420px;
  477. margin-top:0px;
  478. margin-left:0px;
  479. overflow:auto;
  480. padding: 15px;
  481. }
  482.  
  483. .tab-content.current{
  484. display: inherit;
  485.  
  486. }
  487.  
  488.  
  489. /* --------------------------- POSTS (articles) --------------------- */
  490.  
  491. article {
  492. float:left;
  493. background:{color:posts};
  494. padding: 10px;
  495. {block:ifnot400pxposts}
  496. width: 300px;
  497. {/block:ifnot400pxposts}
  498. {block:if400pxposts}
  499. width: 400px;
  500. {/block:if400pxposts}
  501. z-index:9;
  502. text-align:justify;
  503. margin-bottom:20px;
  504. }
  505.  
  506.  
  507. /* ---------------------------- POST INFO -----------------------------*/
  508.  
  509. .postinfo{
  510. margin-top:10px;
  511. text-align:center;
  512. font-weight:bold;
  513. font-size:8.5px;
  514. padding-top:10px;
  515. text-transform:uppercase;
  516. letter-spacing:1px;
  517. }
  518.  
  519. .tags {
  520. margin-top:5px;
  521. background:{color:speech bubble};
  522. padding:5px;
  523. font-weight:normal;
  524. -webkit-transition: all .3s;
  525. -moz-transition: all .3s;
  526. -o-transition: all .3s;
  527. -ms-transition: all .3s;
  528. transition: all .3s;
  529. }
  530.  
  531. .tags a{
  532. color:{color:speech bubble text};
  533. }
  534.  
  535. .tags:hover{
  536. letter-spacing:1px;
  537. -webkit-transition: all .3s;
  538. -moz-transition: all .3s;
  539. -o-transition: all .3s;
  540. -ms-transition: all .3s;
  541. transition: all .3s;
  542. }
  543.  
  544.  
  545. /* ---------------------------- POST NOTES ------------------------- */
  546.  
  547. ol.notes {
  548. display:block;
  549. text-align:left;
  550. list-style-type:none;
  551. margin-left:-40px;
  552. }
  553.  
  554. ol.notes li.note{
  555. margin-bottom:5px;
  556. }
  557.  
  558. .pagenotes {
  559. text-align:left;
  560. margin-top:15px;
  561. }
  562.  
  563. .pagenotes img{
  564. padding-right:5px;
  565. padding-top:5px;
  566. margin-bottom:-5px;
  567. }
  568.  
  569.  
  570. /* -------------------------- POST TYPES -------------------------- */
  571.  
  572. /* CHAT */
  573.  
  574. .odd, .even {padding:5px;
  575. font-size:8px;
  576. padding:5px;
  577. background-color:{color:sidebar};
  578. }
  579. .odd {background-color:{color:speech bubble};color:{color:speech bubble text};font-size:8px;
  580. text-shadow: 2px 2px 5px {color:speech bubble};
  581. padding:5px;
  582. }
  583. ul.chat{
  584. list-style:none;
  585. margin-left:-40px;
  586. }
  587.  
  588. .chat span {
  589. float: left;
  590. }
  591.  
  592. /* QUOTES */
  593.  
  594. .quote{
  595. font-size:15px;
  596. padding:20px;
  597. line-height:150%;
  598. text-transform:uppercase;
  599. text-align:center;
  600. color:{color:accent};
  601. font-family: 'montserrat', sans serif;
  602. }
  603.  
  604. .quotesource{
  605. text-align:center;
  606. font-size:13px;
  607. padding:20px;
  608. opacity:0.7;
  609. border-top: 1px solid {color:accent};
  610. width:200px;
  611. margin:auto;
  612. font-family: 'montserrat', sans serif;
  613. text-transform:lowercase;
  614. }
  615.  
  616. /* QUESTIONS */
  617.  
  618. .question{
  619. margin-bottom:15px;
  620. padding:10px;
  621. }
  622.  
  623. .answer {
  624. font-size:11px;
  625. }
  626.  
  627. .askerimg{
  628. position:relative;
  629. display:inline-block;
  630.  
  631. margin-right:10px;
  632. }
  633.  
  634. /* AUDIO */
  635.  
  636. .playerbuttonbg {
  637. position: absolute;
  638. left: 20px;
  639. top: 20px;
  640. width: 19px;
  641. height: 19px;
  642. background-color: {color:posts};
  643. padding: 10px;
  644. -webkit-border-radius: 40px;
  645. -moz-border-radius: 40px;
  646. border-radius: 40px;
  647. opacity: .4;
  648. filter: alpha(opacity=40);
  649. -moz-opacity: 0.4;
  650. -khtml-opacity: 0.4;
  651. transition: opacity .7s ease-in-out;
  652. -moz-transition: opacity .7s ease-in-out;
  653. -webkit-transition: opacity .7s ease-in-out;
  654. }
  655.  
  656. .playerbuttonbg:hover {
  657. opacity: 1;
  658. filter: alpha(opacity=100);
  659. -moz-opacity: 1;
  660. -khtml-opacity: 1;
  661. }
  662.  
  663. .newplayerbutton {
  664. position: relative;
  665. width: 19px;
  666. height: 19px;
  667. overflow: hidden;
  668. }
  669.  
  670. .playerbuttonhug {
  671. position: absolute;
  672. top: -18px;
  673. left: -7px;
  674. }
  675.  
  676. .tumblr_audio_player {
  677. height: 90px;
  678. width: 270px;
  679. -moz-transform: scale(0.60, 0.60);
  680. -webkit-transform: scale(0.60, 0.60);
  681. -o-transform: scale(0.60, 0.60);
  682. -ms-transform: scale(0.60, 0.60);
  683. transform: scale(0.60, 0.60);
  684. -moz-transform-origin: top left;
  685. -webkit-transform-origin: top left;
  686. -o-transform-origin: top left;
  687. -ms-transform-origin: top left;
  688. transform-origin: top left;
  689. }
  690.  
  691. .audioimgwrapper {
  692. position: absolute;
  693. left: 0px;
  694. top: 0px;
  695. -webkit-border-radius: 40px;
  696. -moz-border-radius: 40px;
  697. border-radius: 40px;
  698. overflow: hidden;
  699. width: 79px;
  700. height: 79px;
  701. }
  702.  
  703. .audioimgwrapper img {
  704. width: 100%;
  705. height: auto;
  706. -webkit-border-radius: 40px;
  707. -moz-border-radius: 40px;
  708. border-radius: 40px;
  709. }
  710.  
  711. .trackdetails {
  712. width:180px;
  713. height:auto;
  714. margin-top:8px;
  715. background:{color:trash};
  716. display:inline-block;
  717. margin-left: 90px;
  718. padding:10px;
  719. margin-bottom:17px;
  720. }
  721.  
  722. .audiowrapper {
  723. position: relative;
  724. display:inline-block;
  725. }
  726.  
  727. /* ------------------------- PAGINATION ------------------------- */
  728.  
  729. #pagi {
  730. z-index:10;
  731. text-align:center;
  732. text-transform:uppercase;
  733. }
  734.  
  735.  
  736. /* -- don't delete Ever --*/
  737. #yo {
  738. color: {color:accent};
  739. font-size:7.5px;
  740. float:right;
  741. right:0;
  742. bottom:0;
  743. margin-right:10px;
  744. margin-bottom:10px;
  745. padding:10px;
  746. position:fixed;
  747. background-color:transparent;
  748. font-weight:bold;
  749. text-align:center;
  750.  
  751. }
  752.  
  753. #bigcon{
  754. width:520px;
  755. margin-left:-200px;
  756. margin-top:-360px;
  757. top:50%;
  758. left:50%;
  759. position:fixed;
  760. }
  761.  
  762. /* speech bubble stuff */
  763.  
  764. #ok {
  765. margin: 0 0 0.5em;
  766. border-radius: 1em;
  767. padding: 0.5em 1em;
  768. margin-top:0px;
  769. background: none;
  770. font-size:8px;
  771. clear: both;
  772. position: relative;
  773. z-index:99999;
  774. margin-left:10px;
  775. }
  776.  
  777. #ok.them {
  778. float: right;
  779. height:32px;
  780. width:50px;
  781. background-color: {color:second speech bubble};
  782. color: {color:second speech bubble text};
  783. }
  784.  
  785. #ok.them::after {
  786. content: "";
  787. position: absolute;
  788. right: -0.5em;
  789. bottom: 0;
  790. width: 0.5em;
  791. height: 1em;
  792. border-left: 0.5em solid {color:second speech bubble};
  793. border-bottom-left-radius: 1em
  794. }
  795.  
  796. #ok.me {
  797. float: left;
  798. width:50px;
  799. background-color: {color:speech bubble};
  800. color: {color:speech bubble text};
  801. }
  802. #ok.me::after {
  803. content: "";
  804. position: absolute;
  805. left: -0.5em;
  806. bottom: 0;
  807. width: 0.5em;
  808. height: 1em;
  809. border-right: 0.5em solid {color:speech bubble};
  810. border-bottom-right-radius: 1em 0.5em;
  811. }
  812.  
  813. #hovs {
  814. width:280px;
  815. position:fixed;
  816. padding:10px;
  817. z-index:999999;
  818. margin-left:4px;
  819. height:62px;
  820. background:{color:posts};
  821. opacity:0;
  822. text-align:center;
  823. -webkit-transition: all 1s;
  824. -moz-transition: all 1s;
  825. -o-transition: all 1s;
  826. -ms-transition: all 1s;
  827. transition: all 1s;
  828. }
  829.  
  830. #hovs:hover {
  831. opacity:0.9;
  832. -webkit-transition: all 1s;
  833. -moz-transition: all 1s;
  834. -o-transition: all 1s;
  835. -ms-transition: all 1s;
  836. transition: all 1s;
  837. }
  838.  
  839. #toolbar {
  840. position:fixed;
  841. margin-left:20px;
  842. margin-top:67px;
  843. z-index:999;
  844. word-spacing:10px;
  845. }
  846.  
  847. /* --------------------------- Custom CSS -------------------------- */
  848. {CustomCSS}
  849. </style>
  850. </head>
  851.  
  852. <body>
  853.  
  854. <div id="bigcon">
  855.  
  856. <div style="margin-top:100px;">
  857.  
  858. <div id="sbtext">{description}</div>
  859.  
  860. <div style="margin-top:107px; position:fixed;z-index:999">
  861. {block:IfRoundIcons}
  862. <div id="sidebaricons">
  863. <img src="{image:sidebar icon 1}"/>
  864. </div>
  865. {/block:IfRoundIcons}
  866.  
  867. {block:IfNotRoundIcons}
  868. <div id="sidebaricons">
  869. <img style="border-radius:0px" src="{image:sidebar icon 1}"/>
  870. </div>
  871. {/block:IfNotRoundIcons}
  872. </div>
  873.  
  874. <div id="ok" class="me" style="position:fixed;margin-top:95px;{block:ifnot400pxposts}margin-left:465px;{/block:ifnot400pxposts}{block:if400pxposts}margin-left:565px;{/block:if400pxposts}">
  875. {text:bubble text}
  876. </div>
  877.  
  878. <div id="toolbar"style="z-index:998;"><i style="color:{color:wrap}"class="fa fa-chevron-left" aria-hidden="true"></i>&nbsp;<i style="margin-left:-1px;color:{color:wrap}" class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp;<a href="/"><i class="fa fa-refresh" aria-hidden="true"></a></i></div>
  879.  
  880. <div id="toolbar"style="word-spacing:17px;">
  881. {block:pagination}{block:PreviousPage}<a style="margin-left:0px;"href="{PreviousPage}"><i class="fa fa-chevron-left" aria-hidden="true"></i></a>{/block:PreviousPage}
  882. </div>
  883.  
  884. <div id="toolbar">
  885. {block:NextPage}&nbsp;<span style="margin-left:7px;position:fixed;"><a href="{NextPage}"><i class="fa fa-chevron-right" aria-hidden="true"></i></a></span>{/block:NextPage}{/block:pagination}</div>
  886.  
  887. <div style="margin-top:65px;position:fixed;z-index:999;margin-left:80px;">
  888.  
  889. {block:ifnot400pxposts}
  890. <i class="fa fa-search" aria-hidden="true"style="margin-top:2px;position:fixed;padding:3px;background-color:{color:posts};margin-left:4px;"></i>
  891. <form action="/search" method="get">
  892. <input type="text" style="width:245px;border:none;height:10px; padding:5px 0px 5px 20px; font-size:8px;border-radius:50px;background-color:{color:posts}" name="q" value="{SearchQuery}"/>
  893. </form>
  894. {/block:ifnot400pxposts}
  895.  
  896. {block:if400pxposts}
  897. <i class="fa fa-search" aria-hidden="true"style="margin-top:2px;position:fixed;padding:3px;background-color:{color:posts};margin-left:4px;"></i>
  898. <form action="/search" method="get">
  899. <input type="text" style="width:345px;border:none;height:10px; padding:5px 0px 5px 20px; font-size:8px;border-radius:50px;background-color:{color:posts}" name="q" value="{SearchQuery}"/>
  900. </form>
  901. {/block:if400pxposts}
  902. </div>
  903.  
  904.  
  905. <div class="trash">
  906.  
  907. <ul class="tabs">
  908.  
  909. {block:ifdotsaslinks}
  910. <div style="position:fixed;margin-left:-50px;margin-top:3px;font-size:9px;"> <a href="{text:first lil dot link}"title="{text:first lil dot text}"><i style="color:{color:first lil dot}" class="fa fa-circle" aria-hidden="true"></i></a>&nbsp;<a title="{text:second lil dot text}" href="{text:second lil dot link}"><i style="color:{color:second lil dot}" class="fa fa-circle" aria-hidden="true"></i></a>&nbsp;<a title="{text:third lil dot text}" href="{text:third lil dot link}"><i style="color:{color:third lil dot}" class="fa fa-circle" aria-hidden="true"></i></a></div>
  911. {/block:ifdotsaslinks}
  912.  
  913. {block:ifnotdotsaslinks}
  914. <div style="position:fixed;margin-left:-50px;margin-top:3px;font-size:9px;"><i style="color:{color:first lil dot}" class="fa fa-circle" aria-hidden="true"></i>&nbsp;<i style="color:{color:second lil dot}" class="fa fa-circle" aria-hidden="true"></i>&nbsp;<i style="color:{color:third lil dot}" class="fa fa-circle" aria-hidden="true"></i></div>
  915. {/block:ifnotdotsaslinks}
  916.  
  917. <div style="float:right;margin-right:10px;font-size:7px;margin-top:3px;color:{color:inactive tab};text-align:right;width:180px;height:10px;overflow:hidden;text-transform:uppercase;"> {Title}{block:TagPage} <i style="color:{color:inactive tab}" class="fa fa-angle-right" aria-hidden="true"></i> {Tag} {/block:TagPage} {block:SearchPage} <i style="color:{color:inactive tab}" class="fa fa-angle-right" aria-hidden="true"></i> {lang:Search results for SearchQuery}{/block:SearchPage}</div>
  918.  
  919. <li class="tab-link current" data-tab="tab-1">{text:tab title 1}</li>
  920. {block:IfShowNavigationTab}<li class="tab-link" data-tab="tab-2">{text:tab title 2}</li>{/block:IfShowNavigationTab}{block:IfNotShowNavigationTab}{/block:IfNotShowNavigationTab}
  921. {block:IfShowMusesTab}<li class="tab-link" data-tab="tab-3"style="margin-left:-1px">{text:tab title 3}</li>{/block:IfShowMusesTab}{block:IfNotShowMusesTab}{/block:IfNotShowMusesTab}
  922. </ul>
  923.  
  924. <div id="tab-1" class="tab-content current">
  925.  
  926. <div id="postcontainer">
  927.  
  928. {block:Posts}
  929. <article>
  930.  
  931.  
  932.  
  933. <!--TEXT POST-->
  934. {block:Text}
  935. {block:Title}
  936. <h1 class="title" style="text-align:center;font-size:18px;line-height:100%;background:{color:sidebar};padding:5px;width:auto;margin:auto;">
  937. <a href="{Permalink}">{Title}</a></h1>
  938. {/block:Title}
  939. {Body}
  940. {/block:Text}
  941.  
  942.  
  943. <!--PHOTO POST-->
  944. {block:Photo}
  945. {block:IndexPage}
  946. {LinkOpenTag}
  947. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  948. {LinkCloseTag}
  949. {/block:IndexPage}
  950. {block:PermalinkPage}
  951. {LinkOpenTag}
  952. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  953. {LinkCloseTag}{/block:PermalinkPage}
  954. {/block:Photo}
  955.  
  956.  
  957. <!--PHOTOSET POST-->
  958. {block:Photoset}
  959. {block:IndexPage}{Photoset-500}{/block:IndexPage}
  960. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  961. {/block:Photoset}
  962.  
  963.  
  964. <!--QUOTE POST-->
  965. {block:Quote}
  966. <div class="quote">{Quote}</div>
  967. {block:Source}
  968. <div class="quotesource">{Source}</div>
  969. {/block:Source}
  970. {/block:Quote}
  971.  
  972.  
  973. <!--LINK POST-->
  974. {block:Link}
  975. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  976. {block:Description}{Description}{/block:Description}
  977. {/block:Link}
  978.  
  979.  
  980. <!--CHAT POST-->
  981. {block:Chat}
  982.  
  983. {block:Title}
  984. <h1 class="title" style="text-align:center;font-size:24px;line-height:100%;border-bottom:1px solid {color:accent};padding-bottom:15px;width:Auto;margin:auto;">
  985. <a href="{Permalink}">{Title}</a></h1>
  986. {/block:Title}
  987.  
  988. <ul class="chat">
  989. {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}
  990. </ul>
  991. {/block:Chat}
  992.  
  993.  
  994. <!--AUDIO POST-->
  995. {block:AudioPlayer}
  996. <div class="audiowrapper">
  997. {block:AlbumArt}
  998. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  999. {/block:AlbumArt}
  1000.  
  1001. <div class="playerbuttonbg">
  1002. <div class="newplayerbutton">
  1003. <div class="playerbuttonhug">
  1004.  
  1005. {AudioPlayerWhite}
  1006.  
  1007. </div>
  1008. </div>
  1009. </div>
  1010.  
  1011. <div class="trackdetails">
  1012.  
  1013. {block:TrackName}{TrackName}{/block:TrackName}<br/>
  1014. {block:Artist}<b><i>artist:</i></b> {Artist}{/block:Artist}<br/>
  1015. {block:Album}<i><b>album:</i></b {Album}{/block:Album}<br/>
  1016. {PlayCountWithLabel}
  1017.  
  1018. </div>
  1019. </div>
  1020. {/block:AudioPlayer}
  1021.  
  1022. {block:Caption}{/block:Caption}
  1023.  
  1024.  
  1025. <!--VIDEO POST-->
  1026. {block:Video}
  1027. <div class="video" style="text-align:center;">{Video-250}</div>
  1028. {block:Caption}{/block:Caption}
  1029. {/block:Video}
  1030.  
  1031.  
  1032. <!--ANSWER POST-->
  1033. {block:Answer}
  1034. <div class="askerimg"><img src="{AskerPortraitURL-40}" style="border-radius:50px;margin-left:10px;"></div>
  1035. <div style="padding:10px; background:{color:sidebar}; width:auto; height:auto;margin-left:60px;margin-top:-43px; margin-bottom:30px;text-transform:uppercase;">
  1036. <div style="padding-bottom:10px;border-bottom:solid 1px {color:accent}; text-align:center; font-size:16px; font-family:'montserrat',sans serif;"><b>{Asker} </b> whispered</span></div><br>
  1037. <span class="question"style="text-transform:none">{Question}</span></div>
  1038. <p><div class="answer">{Answer}</div>
  1039. {/block:Answer}
  1040.  
  1041. <!--CAPTIONS-->
  1042.  
  1043. {block:Caption}
  1044. {Caption}
  1045. {/block:Caption}
  1046.  
  1047. <!--POST INFORMATION-->
  1048. <div class="postinfo">
  1049.  
  1050. <!--PERMALINK-->
  1051. <a href="{Permalink}">
  1052. {block:Date}
  1053. <i class="fa fa-calendar" aria-hidden="true"></i> {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {12Hour}:{Minutes} {AmPm}
  1054. {/block:Date}
  1055. </a>
  1056.  
  1057. <!--NOTES-->
  1058. {block:NoteCount}
  1059. <a href="{Permalink}"> <i class="fa fa-heart" aria-hidden="true"></i> {NoteCount} </a>
  1060. {/block:NoteCount}
  1061.  
  1062. <!--VIA AND SOURCE-->
  1063. {block:RebloggedFrom}
  1064. ( <a href="{ReblogParentURL}">Via</a>
  1065. {/block:RebloggedFrom}
  1066. {block:ContentSource}
  1067. & <a href="{SourceURL}">Source</a>
  1068. {/block:ContentSource}
  1069. {block:RebloggedFrom} ){/block:RebloggedFrom} <a href="{ReblogURL}" target="_blank" class="details"><i class="fa fa-retweet" aria-hidden="true"></i></a>
  1070.  
  1071. <!--TAGS-->
  1072. {block:HasTags}
  1073. <div class="tags">
  1074. <b style="color:{color:speech bubble text};font-size:10px;text-transform:uppercase;">tagged as:</b>
  1075. {block:Tags}
  1076. <a href="{TagURL}">{Tag} <i style="color:{color:speech bubble text}"class="fa fa-angle-right" aria-hidden="true"></i></a>
  1077. {/block:Tags}
  1078. </div>
  1079. {/block:HasTags}
  1080.  
  1081. </div>
  1082.  
  1083. <!--POST NOTES-->
  1084. {block:PostNotes}
  1085. <div class="pagenotes">{PostNotes-16}</div>
  1086. {/block:PostNotes}
  1087.  
  1088.  
  1089.  
  1090.  
  1091. </article>
  1092. {/block:Posts}
  1093.  
  1094. </div>
  1095. <div style="margin-top:385px;text-align:center;">
  1096.  
  1097. </div>
  1098.  
  1099. </div>
  1100.  
  1101. {block:IfShowNavigationTab}
  1102. <div id="tab-2" class="tab-content">
  1103.  
  1104. {block:ifnot400pxposts}
  1105. <div style="margin-top:60px;margin-left:10px;">
  1106.  
  1107. <div id="hovs"><div style="margin-top:10px;">
  1108. {text:eeeeeeh}
  1109. </div>
  1110. </div>
  1111. <div style="text-align:center;"><img style="margin-left:-8px;"src="{image:mun pic}"></div>
  1112. <div style="margin-left:5px; width:90px; height:170px;padding:10px;background:#fff;margin-top:10px;overflow:auto;text-align:justify;">
  1113. {text:eeeeeeh x2}
  1114. </div>
  1115.  
  1116.  
  1117.  
  1118. <div style="margin-left: 30px;">
  1119. <div style="margin-top: -200px;">
  1120. <div style="margin-top: -10px; margin-left: 90px;">
  1121. <div style="max-width: 70px; margin: 10px 0px 0px 10px; background-color: #fff; padding: 5px; font-size: 10px; font-family: 'Montserrat', sans-serif; text-align: center;"><a style="color:{color:accent}" href="{text:link 1}">{text:link 1 text}</a></div>
  1122. <div style="max-width: 70px; margin: 10px 0px 0px 10px; background-color: #fff; padding: 5px; font-size: 10px; font-family: 'Montserrat', sans-serif; text-align: center;"><a style="color:{color:accent}" href="{text:link 2}">{text:link 2 text}</a></div>
  1123. <div style="margin-left: 91px; margin-top: -67px;">
  1124. <div style="max-width: 70px; margin: 10px 0px 0px 10px; background-color: #fff; padding: 5px; font-size: 10px; font-family: 'Montserrat', sans-serif; text-align: center;"><a style="color:{color:accent}" href="{text:link 3}">{text:link 3 text}</a></div>
  1125. <div style="max-width: 70px; margin: 10px 0px 0px 10px; background-color: #fff; padding: 5px; font-size: 10px; font-family: 'Montserrat', sans-serif; text-align: center;"><a style="color:{color:accent}" href="{text:link 4}">{text:link 4 text}</a></div>
  1126. <div style="margin-left: -91px;">
  1127. <div style="max-width: 70px; margin: 10px 0px 0px 10px; background-color: #fff; padding: 5px; font-size: 10px; font-family: 'Montserrat', sans-serif; text-align: center;"><a style="color:{color:accent}" href="{text:link 5}">{text:link 5 text}</a></div>
  1128. <div style="margin-left: 91px; margin-top: -34px;">
  1129. <div style="max-width: 70px; margin: 10px 0px 0px 10px; background-color: #fff; padding: 5px; font-size: 10px; font-family: 'Montserrat', sans-serif; text-align: center;"><a style="color:{color:accent}" href="{text:link 6}">{text:link 6 text}</a></div>
  1130. </div>
  1131. </div>
  1132. </div>
  1133. </div>
  1134. </div>
  1135. </div>
  1136.  
  1137.  
  1138. {block:IfRoundIcons}
  1139. <div style="border-radius:100px;margin-left:130px;margin-top:20px;">&nbsp;&nbsp;&nbsp;&nbsp;<img style="-webkit-filter: grayscale(0%);width:70px;border-radius:100px;"src="{image:mun pic 2}"/>&nbsp;&nbsp;&nbsp;&nbsp;
  1140. <img style="-webkit-filter: grayscale(0%);border-radius:100px;width:70px;" src="{image:mun pic 3}"/></div>
  1141. {/block:IfRoundIcons}
  1142.  
  1143. {block:IfNotRoundIcons}
  1144. <div style="border-radius:100px;margin-left:130px;margin-top:20px;">&nbsp;&nbsp;&nbsp;&nbsp;<img style="-webkit-filter: grayscale(0%);width:70px;border-radius:0px;"src="{image:mun pic 2}"/>&nbsp;&nbsp;&nbsp;&nbsp;
  1145. <img style="-webkit-filter: grayscale(0%);border-radius:0px;width:70px;" src="{image:mun pic 3}"/></div>
  1146. {/block:IfNotRoundIcons}
  1147.  
  1148.  
  1149. </div>
  1150. {/block:ifnot400pxposts}
  1151.  
  1152.  
  1153. {block:if400pxposts}
  1154. <div style="margin-top:60px;margin-left:10px;">
  1155.  
  1156. <div id="hovs" style="margin-left:54px;"><div style="margin-top:10px;">
  1157. {text:eeeeeeh}
  1158. </div>
  1159. </div>
  1160. <div style="text-align:center;"><img style="margin-left:-8px;"src="{image:mun pic}"></div>
  1161. <div style="margin-left:55px; width:90px; height:170px;padding:10px;background:#fff;margin-top:10px;overflow:auto;text-align:justify;">
  1162. {text:eeeeeeh x2}
  1163. </div>
  1164.  
  1165.  
  1166.  
  1167. <div style="margin-left: 80px;">
  1168. <div style="margin-top: -200px;">
  1169. <div style="margin-top: -10px; margin-left: 90px;">
  1170. <div style="max-width: 70px; margin: 10px 0px 0px 10px; background-color: #fff; padding: 5px; font-size: 10px; font-family: 'Montserrat', sans-serif; text-align: center;"><a style="color:{color:accent}" href="{text:link 1}">{text:link 1 text}</a></div>
  1171. <div style="max-width: 70px; margin: 10px 0px 0px 10px; background-color: #fff; padding: 5px; font-size: 10px; font-family: 'Montserrat', sans-serif; text-align: center;"><a style="color:{color:accent}" href="{text:link 2}">{text:link 2 text}</a></div>
  1172. <div style="margin-left: 91px; margin-top: -67px;">
  1173. <div style="max-width: 70px; margin: 10px 0px 0px 10px; background-color: #fff; padding: 5px; font-size: 10px; font-family: 'Montserrat', sans-serif; text-align: center;"><a style="color:{color:accent}" href="{text:link 3}">{text:link 3 text}</a></div>
  1174. <div style="max-width: 70px; margin: 10px 0px 0px 10px; background-color: #fff; padding: 5px; font-size: 10px; font-family: 'Montserrat', sans-serif; text-align: center;"><a style="color:{color:accent}" href="{text:link 4}">{text:link 4 text}</a></div>
  1175. <div style="margin-left: -91px;">
  1176. <div style="max-width: 70px; margin: 10px 0px 0px 10px; background-color: #fff; padding: 5px; font-size: 10px; font-family: 'Montserrat', sans-serif; text-align: center;"><a style="color:{color:accent}" href="{text:link 5}">{text:link 5 text}</a></div>
  1177. <div style="margin-left: 91px; margin-top: -34px;">
  1178. <div style="max-width: 70px; margin: 10px 0px 0px 10px; background-color: #fff; padding: 5px; font-size: 10px; font-family: 'Montserrat', sans-serif; text-align: center;"><a style="color:{color:accent}" href="{text:link 6}">{text:link 6 text}</a></div>
  1179. </div>
  1180. </div>
  1181. </div>
  1182. </div>
  1183. </div>
  1184. </div>
  1185.  
  1186.  
  1187. {block:IfRoundIcons}
  1188. <div style="border-radius:100px;margin-left:180px;margin-top:20px;">&nbsp;&nbsp;&nbsp;&nbsp;<img style="-webkit-filter: grayscale(0%);width:70px;border-radius:100px;"src="{image:mun pic 2}"/>&nbsp;&nbsp;&nbsp;&nbsp;
  1189. <img style="-webkit-filter: grayscale(0%);border-radius:100px;width:70px;" src="{image:mun pic 3}"/></div>
  1190. {/block:IfRoundIcons}
  1191.  
  1192. {block:IfNotRoundIcons}
  1193. <div style="border-radius:100px;margin-left:180px;margin-top:20px;">&nbsp;&nbsp;&nbsp;&nbsp;<img style="-webkit-filter: grayscale(0%);width:70px;border-radius:0px;"src="{image:mun pic 2}"/>&nbsp;&nbsp;&nbsp;&nbsp;
  1194. <img style="-webkit-filter: grayscale(0%);border-radius:0px;width:70px;" src="{image:mun pic 3}"/></div>
  1195. {/block:IfNotRoundIcons}
  1196.  
  1197.  
  1198. </div>
  1199. {/block:if400pxposts}
  1200.  
  1201.  
  1202. </div>
  1203. {/block:IfShowNavigationTab}
  1204. {block:IfNotShowNavigationTab}
  1205. {/block:IfNotShowNavigationTab}
  1206.  
  1207.  
  1208.  
  1209. {block:IfShowMusesTab}
  1210.  
  1211. <div id="tab-3" class="tab-content">
  1212.  
  1213. <!-- IF YOU CHOSE 300px EDIT THIS -->
  1214. {block:ifnot400pxposts}
  1215. <div style="margin-left:25px;height:365px;overflow:auto;margin-top:30px;">
  1216.  
  1217. <!-- muse ( 1 ) -->
  1218. <div style="margin-bottom:50px;">
  1219. <img style="margin-left:5px; margin-top:5px;width:70px;border-radius:100px;" src="http://i.imgur.com/FjFbLio.png"/>
  1220. <div style="margin-left:100px;margin-top:-70px;font-size:8px;text-transform:uppercase">
  1221. <a href="LINK"><i class="fa fa-user" aria-hidden="true"></i></a>&nbsp;<a href="LINK"><i class="fa fa-comment" aria-hidden="true"></i></a>&nbsp;<a href="LINK"><i style="margin-right:50px;" class="fa fa-heart" aria-hidden="true"></i></a>FIRST MIDDLE LAST
  1222. </div>
  1223. <div id="ok" class="me" style="width:150px;margin-top:0px;margin-left:95px;">
  1224. some brief description, quote, whatever you want !
  1225. </div>
  1226. </div>
  1227. <!-- muse ( 1 ) end -->
  1228.  
  1229. <!-- muse ( 2 ) -->
  1230. <div style="margin-bottom:50px;">
  1231. <img style="margin-left:185px; margin-top:5px;width:70px;border-radius:100px;" src="http://i.imgur.com/VMNuikd.png"/>
  1232. <div style="margin-left:20px;margin-top:-70px;font-size:8px;text-transform:uppercase">
  1233. <a href="LINK"><i class="fa fa-user" aria-hidden="true"></i></a>&nbsp;<a href="LINK"><i class="fa fa-comment" aria-hidden="true"></i></a>&nbsp;<a href="LINK"><i style="margin-right:50px;" class="fa fa-heart" aria-hidden="true"></i></a>FIRST MIDDLE LAST
  1234. </div>
  1235. <div id="ok" class="them" style="width:150px;margin-top:0px;margin-right:125px;">
  1236. some brief description, quote, whatever you want !
  1237. </div>
  1238. </div>
  1239. <!-- muse ( 2 ) end -->
  1240.  
  1241. <!-- muse ( 1 ) -->
  1242. <div style="margin-bottom:50px;">
  1243. <img style="margin-left:5px; margin-top:5px;width:70px;border-radius:100px;" src="http://i.imgur.com/FjFbLio.png"/>
  1244. <div style="margin-left:100px;margin-top:-70px;font-size:8px;text-transform:uppercase">
  1245. <a href="LINK"><i class="fa fa-user" aria-hidden="true"></i></a>&nbsp;<a href="LINK"><i class="fa fa-comment" aria-hidden="true"></i></a>&nbsp;<a href="LINK"><i style="margin-right:50px;" class="fa fa-heart" aria-hidden="true"></i></a>FIRST MIDDLE LAST
  1246. </div>
  1247. <div id="ok" class="me" style="width:150px;margin-top:0px;margin-left:95px;">
  1248. some brief description, quote, whatever you want !
  1249. </div>
  1250. </div>
  1251. <!-- muse ( 1 ) end -->
  1252.  
  1253. <!-- muse ( 2 ) -->
  1254. <div style="margin-bottom:50px;">
  1255. <img style="margin-left:185px; margin-top:5px;width:70px;border-radius:100px;" src="http://i.imgur.com/VMNuikd.png"/>
  1256. <div style="margin-left:20px;margin-top:-70px;font-size:8px;text-transform:uppercase">
  1257. <a href="LINK"><i class="fa fa-user" aria-hidden="true"></i></a>&nbsp;<a href="LINK"><i class="fa fa-comment" aria-hidden="true"></i></a>&nbsp;<a href="LINK"><i style="margin-right:50px;" class="fa fa-heart" aria-hidden="true"></i></a>FIRST MIDDLE LAST
  1258. </div>
  1259. <div id="ok" class="them" style="width:150px;margin-top:0px;margin-right:125px;">
  1260. some brief description, quote, whatever you want !
  1261. </div>
  1262. </div>
  1263. <!-- muse ( 2 ) end -->
  1264.  
  1265. <!-- muse ( 1 ) -->
  1266. <div style="margin-bottom:50px;">
  1267. <img style="margin-left:5px; margin-top:5px;width:70px;border-radius:100px;" src="http://i.imgur.com/FjFbLio.png"/>
  1268. <div style="margin-left:100px;margin-top:-70px;font-size:8px;text-transform:uppercase">
  1269. <a href="LINK"><i class="fa fa-user" aria-hidden="true"></i></a>&nbsp;<a href="LINK"><i class="fa fa-comment" aria-hidden="true"></i></a>&nbsp;<a href="LINK"><i style="margin-right:50px;" class="fa fa-heart" aria-hidden="true"></i></a>FIRST MIDDLE LAST
  1270. </div>
  1271. <div id="ok" class="me" style="width:150px;margin-top:0px;margin-left:95px;">
  1272. some brief description, quote, whatever you want !
  1273. </div>
  1274. </div>
  1275. <!-- muse ( 1 ) end -->
  1276.  
  1277. <!-- muse ( 2 ) -->
  1278. <div style="margin-bottom:50px;">
  1279. <img style="margin-left:185px; margin-top:5px;width:70px;border-radius:100px;" src="http://i.imgur.com/VMNuikd.png"/>
  1280. <div style="margin-left:20px;margin-top:-70px;font-size:8px;text-transform:uppercase">
  1281. <a href="LINK"><i class="fa fa-user" aria-hidden="true"></i></a>&nbsp;<a href="LINK"><i class="fa fa-comment" aria-hidden="true"></i></a>&nbsp;<a href="LINK"><i style="margin-right:50px;" class="fa fa-heart" aria-hidden="true"></i></a>FIRST MIDDLE LAST
  1282. </div>
  1283. <div id="ok" class="them" style="width:150px;margin-top:0px;margin-right:125px;">
  1284. some brief description, quote, whatever you want !
  1285. </div>
  1286. </div>
  1287. <!-- muse ( 2 ) end -->
  1288. </div>
  1289. {/block:ifnot400pxposts}
  1290.  
  1291.  
  1292.  
  1293. <!-- IF YOU CHOSE 400px EDIT THIS -->
  1294. {block:if400pxposts}
  1295. <div style="margin-left:85px;margin-top:30px;height:365px;overflow:auto">
  1296.  
  1297. <!-- muse ( 1 ) -->
  1298. <div style="margin-bottom:50px;">
  1299. <img style="margin-left:5px; margin-top:5px;width:70px;border-radius:100px;" src="http://i.imgur.com/FjFbLio.png"/>
  1300. <div style="margin-left:100px;margin-top:-70px;font-size:8px;text-transform:uppercase">
  1301. <a href="LINK"><i class="fa fa-user" aria-hidden="true"></i></a>&nbsp;<a href="LINK"><i class="fa fa-comment" aria-hidden="true"></i></a>&nbsp;<a href="LINK"><i style="margin-right:50px;" class="fa fa-heart" aria-hidden="true"></i></a>FIRST MIDDLE LAST
  1302. </div>
  1303. <div id="ok" class="me" style="width:150px;margin-top:0px;margin-left:95px;">
  1304. some brief description, quote, whatever you want !
  1305. </div>
  1306. </div>
  1307. <!-- muse ( 1 ) end -->
  1308.  
  1309. <!-- muse ( 2 ) -->
  1310. <div style="margin-bottom:50px;">
  1311. <img style="margin-left:185px; margin-top:5px;width:70px;border-radius:100px;" src="http://i.imgur.com/VMNuikd.png"/>
  1312. <div style="margin-left:20px;margin-top:-70px;font-size:8px;text-transform:uppercase">
  1313. <a href="LINK"><i class="fa fa-user" aria-hidden="true"></i></a>&nbsp;<a href="LINK"><i class="fa fa-comment" aria-hidden="true"></i></a>&nbsp;<a href="LINK"><i style="margin-right:50px;" class="fa fa-heart" aria-hidden="true"></i></a>FIRST MIDDLE LAST
  1314. </div>
  1315. <div id="ok" class="them" style="width:150px;margin-top:0px;margin-right:165px;">
  1316. some brief description, quote, whatever you want !
  1317. </div>
  1318. </div>
  1319. <!-- muse ( 2 ) end -->
  1320.  
  1321. <!-- muse ( 1 ) -->
  1322. <div style="margin-bottom:50px;">
  1323. <img style="margin-left:5px; margin-top:5px;width:70px;border-radius:100px;" src="http://i.imgur.com/FjFbLio.png"/>
  1324. <div style="margin-left:100px;margin-top:-70px;font-size:8px;text-transform:uppercase">
  1325. <a href="LINK"><i class="fa fa-user" aria-hidden="true"></i></a>&nbsp;<a href="LINK"><i class="fa fa-comment" aria-hidden="true"></i></a>&nbsp;<a href="LINK"><i style="margin-right:50px;" class="fa fa-heart" aria-hidden="true"></i></a>FIRST MIDDLE LAST
  1326. </div>
  1327. <div id="ok" class="me" style="width:150px;margin-top:0px;margin-left:95px;">
  1328. some brief description, quote, whatever you want !
  1329. </div>
  1330. </div>
  1331. <!-- muse ( 1 ) end -->
  1332.  
  1333. <!-- muse ( 2 ) -->
  1334. <div style="margin-bottom:50px;">
  1335. <img style="margin-left:185px; margin-top:5px;width:70px;border-radius:100px;" src="http://i.imgur.com/VMNuikd.png"/>
  1336. <div style="margin-left:20px;margin-top:-70px;font-size:8px;text-transform:uppercase">
  1337. <a href="LINK"><i class="fa fa-user" aria-hidden="true"></i></a>&nbsp;<a href="LINK"><i class="fa fa-comment" aria-hidden="true"></i></a>&nbsp;<a href="LINK"><i style="margin-right:50px;" class="fa fa-heart" aria-hidden="true"></i></a>FIRST MIDDLE LAST
  1338. </div>
  1339. <div id="ok" class="them" style="width:150px;margin-top:0px;margin-right:165px;">
  1340. some brief description, quote, whatever you want !
  1341. </div>
  1342. </div>
  1343. <!-- muse ( 2 ) end -->
  1344.  
  1345. <!-- muse ( 1 ) -->
  1346. <div style="margin-bottom:50px;">
  1347. <img style="margin-left:5px; margin-top:5px;width:70px;border-radius:100px;" src="http://i.imgur.com/FjFbLio.png"/>
  1348. <div style="margin-left:100px;margin-top:-70px;font-size:8px;text-transform:uppercase">
  1349. <a href="LINK"><i class="fa fa-user" aria-hidden="true"></i></a>&nbsp;<a href="LINK"><i class="fa fa-comment" aria-hidden="true"></i></a>&nbsp;<a href="LINK"><i style="margin-right:50px;" class="fa fa-heart" aria-hidden="true"></i></a>FIRST MIDDLE LAST
  1350. </div>
  1351. <div id="ok" class="me" style="width:150px;margin-top:0px;margin-left:95px;">
  1352. some brief description, quote, whatever you want !
  1353. </div>
  1354. </div>
  1355. <!-- muse ( 1 ) end -->
  1356.  
  1357. <!-- muse ( 2 ) -->
  1358. <div style="margin-bottom:50px;">
  1359. <img style="margin-left:185px; margin-top:5px;width:70px;border-radius:100px;" src="http://i.imgur.com/VMNuikd.png"/>
  1360. <div style="margin-left:20px;margin-top:-70px;font-size:8px;text-transform:uppercase">
  1361. <a href="LINK"><i class="fa fa-user" aria-hidden="true"></i></a>&nbsp;<a href="LINK"><i class="fa fa-comment" aria-hidden="true"></i></a>&nbsp;<a href="LINK"><i style="margin-right:50px;" class="fa fa-heart" aria-hidden="true"></i></a>FIRST MIDDLE LAST
  1362. </div>
  1363. <div id="ok" class="them" style="width:150px;margin-top:0px;margin-right:165px;">
  1364. some brief description, quote, whatever you want !
  1365. </div>
  1366. </div>
  1367. <!-- muse ( 2 ) end -->
  1368. </div>
  1369. {/block:if400pxposts}
  1370.  
  1371. </div>
  1372. {/block:IfShowMusesTab}
  1373. {block:IfNotShowMusesTab}
  1374. {/block:IfNotShowMusesTab}
  1375.  
  1376. <div id="yo">
  1377.  
  1378. <a href="http://destinatiia.tumblr.com/"target="_blank"> <i class="fa fa-moon-o fa-4x" style="color:{color:accent}"></i> </a>
  1379. </div>
  1380. </body>
  1381.  
  1382.  
  1383. </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!