API tools faq
paste
drunkblushed

adore you by drunkblushed

drunkblushed
Dec 21st, 2019 (edited)
3,933
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.50 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. ♡ ADORE YOU BY DRUNKBLUSHED ♡
  4.  
  5. — do not combine with other themes.
  6. — do not take copy or take parts of this theme.
  7. — do not remove credits and redistribute as your own.
  8.  
  9.  
  10. -->
  11.  
  12. <html>
  13. <head>
  14.  
  15.  
  16.  
  17.  
  18. <meta name="color:background" content="#e5e5e5"/>
  19. <meta name="color:container" content="#eaeaea"/>
  20. <meta name="color:posts" content="#f0f0f0"/>
  21. <meta name="color:accent" content="#94a0a8"/>
  22. <meta name="color:bold" content="#94a0a8"/>
  23. <meta name="color:italic" content="#676e73"/>
  24. <meta name="color:text" content="#363636"/>
  25. <meta name="color:sidebar text" content="#3c3c3c"/>
  26. <meta name="color:link" content="#f3f3f3"/>
  27. <meta name="color:borders" content="#e7e7e7"/>
  28. <meta name="color:permalink" content="#181818"/>
  29. <meta name="color:permalink bg" content="#b6bbbe"/>
  30.  
  31. <meta name="image:background" content=""/>
  32. <meta name="image:sidebar" content="https://via.placeholder.com/200x340"/>
  33. <meta name="image:side bg" content="https://via.placeholder.com/280x420"/>
  34. <meta name="image:wallpaper" content="https://via.placeholder.com/170x360"/>
  35. <meta name="image:social icon" content="https://via.placeholder.com/50x50"/>
  36. <meta name="image:ig tv 1" content="https://via.placeholder.com/80x140"/>
  37. <meta name="image:ig tv 2" content="https://via.placeholder.com/80x140"/>
  38. <meta name="image:tinder" content="https://via.placeholder.com/170x170"/>
  39. <meta name="image:snap 1" content="https://via.placeholder.com/170x360"/>
  40. <meta name="image:snap 2" content="https://via.placeholder.com/170x360"/>
  41. <meta name="image:snap 3" content="https://via.placeholder.com/170x360"/>
  42. <meta name="image:twitter" content="https://via.placeholder.com/105x65"/>
  43.  
  44.  
  45. <meta name="text:main title" content=""/>
  46. <meta name="text:side link title" content="extra" />
  47. <meta name="text:side link url" content="" />
  48. <meta name="text:tablink title1" content="link one" />
  49. <meta name="text:tablink url1" content="" />
  50. <meta name="text:tablink title2" content="link two" />
  51. <meta name="text:tablink url2" content="" />
  52. <meta name="text:tablink title3" content="link three" />
  53. <meta name="text:tablink url3" content="" />
  54. <meta name="text:tablink title4" content="link four" />
  55. <meta name="text:tablink url4" content="" />
  56.  
  57.  
  58. <title>{title}</title>
  59.  
  60.  
  61.  
  62.  
  63. <link href="https://fonts.googleapis.com/css?family=Roboto:100,400,700,900&display=swap" rel="stylesheet">
  64.  
  65. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
  66.  
  67. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  68. <script>
  69. $(document).ready(function(){
  70. $('.video iframe').each(function(){
  71. var scale = $(this).parents('.video').width() / 500;
  72. $(this).attr({
  73. width: Math.floor($(this).attr('width') * scale),
  74. height: Math.floor($(this).attr('height') * scale)
  75. });
  76. });
  77. });
  78. </script>
  79.  
  80. <style type="text/css">
  81.  
  82. /*----------------- FONTS -----------------*/
  83.  
  84. @font-face { font-family: "primetime"; src: url('https://dl.dropboxusercontent.com/s/uzoszwd2yfzqmmx/PRIMETIME.ttf');}
  85. @font-face { font-family:"tokyo"; src: url('https://dl.dropbox.com/s/jgq18n62iha87v6/Tokyo-Regular.ttf'); }
  86.  
  87. /*----------------- TEXT STYLES -----------------*/
  88.  
  89. body{
  90. background-color: {color:background};
  91. font-family: 'roboto', sans-serif;
  92. color:{color:text};
  93. letter-spacing:1px;
  94. background-image:url({image:background});
  95. }
  96.  
  97. a:link, a:active, a:visited{
  98. color: {color:Link};
  99. text-decoration:none;
  100. -webkit-transition: all 0.2s linear;
  101. -moz-transition: all 0.2s linear;
  102. transition: all 0.2s linear;
  103. }
  104.  
  105. a:hover {
  106. color:{color:Link Hover};
  107. -webkit-transition: all 0.2s linear;
  108. -moz-transition: all 0.2s linear;
  109. transition: all 0.2s linear;
  110. }
  111.  
  112. b,bold,strong{
  113. color:{color:bold};
  114. text-transform:uppercase;
  115. font-weight:700;
  116. }
  117.  
  118. em,i,italic{
  119. color:{color:italic};
  120. }
  121.  
  122. big{
  123. font-size:15px;
  124. font-family: 'roboto', sans-serif;
  125. }
  126.  
  127. small,sup, sub{
  128. font-size:9px;
  129. line-height:180%;
  130. }
  131.  
  132. h1{font-family: "primetime";
  133. letter-spacing:1px;
  134. padding:5px;
  135. text-align:center;
  136. font-size: 24px;
  137. text-transform:uppercase;
  138. line-height: 120%;
  139. color:{color:bold};}
  140.  
  141. h2{font-family: "primetime";
  142. letter-spacing:1px;
  143. padding:5px;
  144. text-align:right;
  145. font-size: 22px;
  146. text-transform:uppercase;
  147. line-height: 120%;
  148. color:{color:accent};}
  149.  
  150. h3{font-family: "primetime";
  151. letter-spacing:1px;
  152. padding:5px;
  153. text-align:right;
  154. font-size: 18px;
  155. text-transform:uppercase;
  156. line-height: 120%;
  157. color:{color:accent};}
  158.  
  159. .posttitle{
  160. font-family: "primetime";
  161. letter-spacing:1px;
  162. padding:5px;
  163. text-align:center;
  164. font-size: 30px;
  165. text-transform:uppercase;
  166. line-height: 120%;
  167. -webkit-text-stroke: 1.5px {color:bold};
  168. -webkit-text-fill-color: rgba(0, 0, 0, 0);
  169. }
  170.  
  171. blockquote{
  172. margin-left:0px;
  173. padding-left:15px;
  174. border-left: 1px solid {color:borders};
  175. width:95%;
  176. }
  177.  
  178.  
  179. .p { padding-top: 5px;}
  180. .ol, ul { margin-left: 30px; padding: 5px; }
  181. .ul { list-style-type: square; }
  182.  
  183. ::-webkit-scrollbar-thumb {
  184. display: none;
  185. }
  186.  
  187. ::-webkit-scrollbar {
  188. display: none;
  189. }
  190.  
  191. #s-m-t-tooltip {
  192. z-index: 999999999999999999;
  193. background: #fff;
  194. font-size: 8px;
  195. line-height: 13px;
  196. letter-spacing: 1.5px;
  197. text-transform: uppercase;
  198. color: {color:text};
  199. font-weight:900;
  200. background-color:{color:posts};
  201. border:1px solid {color:borders};
  202. max-width: 150px;
  203. word-wrap: break-word;
  204. padding: 2px 5px 2px 6px;
  205. display: block;
  206. margin: 24px 14px 7px 12px;
  207. -webkit-transition: all 0.2s linear;
  208. -moz-transition: all 0.2s linear;
  209. transition: all 0.2s linear;
  210. }
  211.  
  212. ::-moz-selection { background: {color:accent}; }
  213. ::selection { background: {color:accent}; }
  214.  
  215. /*----------------- CONTAINERS & POSTS -----------------*/
  216.  
  217. #bigcont{
  218. margin: auto;
  219. left:0px;
  220. top:0px;
  221. bottom:0px;
  222. right:0px;
  223. }
  224.  
  225. #entries{
  226. padding:30px;
  227. z-index:99;
  228. margin: auto;
  229. left:0px;
  230. top:0px;
  231. bottom:0px;
  232. right:0px;
  233. width:700px;
  234. position:absolute;
  235. height:400px;
  236. overflow-y:scroll;
  237. background-color:{color:container};
  238. overflow-x:hidden;
  239. border:1px solid {color:borders};
  240. }
  241.  
  242.  
  243. #post {
  244. font-size:9px;
  245. background-color:{color:posts};
  246. padding:25px;
  247. width:350px;
  248. z-index:99;
  249. margin-top:10px;
  250. margin-bottom:60px;
  251. margin-left:290px;
  252. line-height:180%;
  253. letter-spacing:1px;
  254. border:1px solid {color:borders};
  255. }
  256.  
  257. #post .tags {position:relative;
  258. text-align:left;
  259. color:{color:link};
  260. padding:8px;
  261. font-size:6.5px;
  262. letter-spacing:2px;
  263. font-family: 'roboto', sans-serif;
  264. text-transform:uppercase;
  265. -webkit-transition: all 0.2s linear;
  266. -moz-transition: all 0.2s linear;
  267. transition: all 0.2s linear;
  268. margin-bottom:-20px;
  269. margin-top:5px;
  270. margin-left:-8px;
  271. }
  272.  
  273. #post .tags a{
  274. color:{color:link};
  275. }
  276.  
  277. #post img{
  278. max-width:350px;
  279. height:auto;
  280. }
  281.  
  282.  
  283. #post:hover .tags {position:relative;
  284. text-align:left;opacity:1;
  285. color:{color:link};
  286. padding:8px; width:auto;
  287. text-transform:uppercase;-webkit-transition: all 0.2s linear;
  288. -moz-transition: all 0.2s linear;
  289. transition: all 0.2s linear;}
  290. .tags a {color:{color:text};text-transform:uppercase;}
  291.  
  292. .tags a:hover {color:{color:link hover};text-transform:uppercase;}
  293.  
  294.  
  295. .info{
  296. background:{color:permalink bg};
  297. position:relative;
  298. padding:12px;
  299. margin-top:20px;
  300. margin-bottom:0px;
  301. text-transform:uppercase;
  302. letter-spacing:2px;
  303. color:{color:permalink};
  304. font-size:8.5px;
  305. line-height:100%;
  306. }
  307.  
  308. .info span{
  309. text-align:left;
  310. padding-left:-20px;
  311. text-transform:uppercase;
  312. margin-top:2px;
  313. padding-right:5px;
  314. }
  315.  
  316. .info rb{
  317. right:0%;
  318. position:absolute;
  319. padding-right:0px;
  320. margin-top:-1px;
  321. }
  322.  
  323. .info b{
  324. font-weight:900;
  325. color:{color:permalink};
  326. }
  327.  
  328. .info a{
  329. margin-left:0px;
  330. font-size:8.5px;
  331. color: {color:permalink};
  332. }
  333.  
  334.  
  335. /*----------------- CUSTOMIZATIONS -----------------*/
  336.  
  337. #maintitle{
  338. font-family:"primetime";
  339. font-size:24px;
  340. position:fixed;
  341. margin-top:220px;
  342. margin-left:-15px;
  343. -webkit-text-stroke: 1px {color:sidebar text};
  344. -webkit-text-fill-color: rgba(0, 0, 0, 0);
  345. width:250px;
  346. height:100px;
  347. text-align:center;
  348. word-spacing:-3px;
  349. z-index:999;
  350. line-height:120%;
  351. }
  352.  
  353. #maintitle span{
  354. -webkit-text-fill-color: {color:sidebar text};
  355. }
  356.  
  357. #stats{
  358. font-family:"tokyo";
  359. font-size:9px;
  360. position:fixed;
  361. margin-top:380px;
  362. margin-left:680px;
  363. color:{color:bold};
  364. background-color:{color:posts};
  365. padding:5px 5px 8px 5px;
  366. max-width:100px;
  367. text-align:center;
  368. word-spacing:0px;
  369. font-weight:400;
  370. line-height:90%;
  371. z-index:9999999999999999999999999999999;
  372. }
  373.  
  374. .sideimage {position:fixed;z-index:99; width:200px; height:340px;margin-left:10px; margin-top:10px;}
  375.  
  376. .sideimage img {width:200px; height:340px; position:fixed;}
  377.  
  378. #sidebar {background:{color:sidebar}; width:280px; height:420px; position: fixed; margin-top:-30px; margin-left:-30px; overflow:hidden; background-image:url('{image:side bg}');}
  379.  
  380.  
  381.  
  382. /*----------------- NAVIGATION & PAGINATION -----------------*/
  383.  
  384. .tabs{
  385. width:270px;
  386. height:10px;
  387. font-size:9.5px;
  388. z-index:99999999999999999;
  389. position:fixed;
  390. text-transform:uppercase;
  391. margin-left:-30px;
  392. text-align:center;
  393. font-family:"tokyo";
  394. margin-top:390px;
  395. padding:15px 5px 15px 5px;
  396. letter-spacing:3px;
  397. line-height:110%;
  398. background-color:{color:permalink bg};
  399. }
  400.  
  401. .tabs a{
  402. color:{color:permalink};
  403. padding:5px;
  404. }
  405.  
  406. .tabs a:hover{
  407. padding-bottom:13px;
  408. border-bottom:2px solid {color:bold};
  409. }
  410.  
  411. #pagination {
  412. font-family: 'roboto', sans-serif;
  413. font-size:10px;
  414. font-weight:900;
  415. width:400px;
  416. color:{color:accent};
  417. margin-left:290px;
  418. text-align:center;
  419. }
  420.  
  421. #pagination a{
  422. display:inline-block;
  423. color:{color:link};
  424. padding:7px 10px 5px 10px;
  425. background-color:{color:posts};
  426. }
  427.  
  428. #pagination a:hover{
  429. color:{color:pagination Hover};}
  430.  
  431.  
  432.  
  433. /*----------------- ASK POSTS -----------------*/
  434.  
  435. .qt {
  436. padding:15px;
  437. background-color:transparent;
  438. border: 1px solid {color:borders};
  439. color:{color:text};
  440. padding-left:15px;
  441. margin-top:10px;
  442. margin-left:0px;
  443. width:320px;
  444. padding-bottom:20px;
  445. margin-bottom:20px;
  446. padding-top:20px;
  447. }
  448.  
  449. .as img {
  450. position:absolute;
  451. border-radius:50px;
  452. margin-left:-40px;
  453. margin-right:40px;
  454. margin-top:-5px;
  455. border:3px solid {color:accent};
  456. }
  457.  
  458. .as {
  459. padding-top:6px;
  460. background-color:{color:posts};
  461. padding:5px;
  462. color:{color:accent};
  463. font-size:16px;
  464. letter-spacing:1px;
  465. margin-left:16%;
  466. margin-top:-35px;
  467. display:inline;
  468. width:auto;
  469. position:absolute;
  470. margin-bottom:10px;
  471. text-transform:lowercase;
  472. font-family:"primetime";
  473. }
  474.  
  475. .as a{
  476. color:{color:accent};
  477. }
  478.  
  479. /*----------------- CHAT POSTS -----------------*/
  480.  
  481. .answer span,.convo li{margin:0 0 5px;border-radius:1em;padding:.5em 10px;max-width:75%;clear:both;position:relative}.answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11{float:left;background:{color:container};color:{color:text};left:3px}.me::after,.user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after{content:"";position:absolute;left:-.5em;bottom:0;width:.5em;height:1em;border-right:.5em solid {color:container};border-bottom-right-radius:1em .5em}.answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12{right:3px;float:right;background-color:{color:background};color:{color:text}}.them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after{content:"";position:absolute;right:-.5em;bottom:0;width:.5em;height:1em;border-left:.5em solid {color:background};border-bottom-left-radius:1em .5em}.me p,.answer,.asked span{padding:0;margin:0}.answer{overflow:hidden}
  482. .asked p {
  483. text-align: left;
  484. margin: 0 0px 10px 0px;
  485. padding: 0;
  486. color:{color:text};
  487. font-size: 12px;
  488. line-height: 0px;
  489. }
  490. .footerright .viasrc {
  491. float: left;
  492. }
  493. .asked a {
  494. margin:0;padding:0;
  495. }
  496. .user_4{background-color:{color:container};color{color:text}}.user_4::after{border-color:{color:container}}.user_6{background-color:{color:container};color{color:text}}.user_6::after{border-color:{color:container}}.user_5{background-color:{color:background};color:{color:text}}.user_5::after{border-color:{color:link}}.user_3{background-color:{color:container};color{color:text}}.user_3::after{border-color:{color:container}}.user_7{background-color:{color:container};color{color:text}}.user_7::after{border-color:{color:container}}.user_8{background-color:{color:container};color{color:text}}.user_8::after{border-color:{color:container}}.user_9{background-color:{color:container};color{color:text}}.user_9::after{border-color:{color:container}}
  497. .convo {
  498. overflow: hidden;
  499. list-style-type: none;
  500. padding: 0;
  501. margin: 0;
  502. }
  503.  
  504. /*----------------- PERMALINK PAGE -----------------*/
  505. ol.notes {
  506. width:350px;
  507. padding: 0px;
  508. margin: 0px 0px;
  509. list-style-type: none;
  510. margin-left:300px;
  511. margin-top:-10px;
  512. font-size:9px;}
  513.  
  514. ol.notes li.note {
  515. padding: 10px;
  516. }
  517.  
  518. ol.notes li.note img.avatar {
  519. vertical-align: -4px;
  520. margin-right: 10px;
  521. width: 16px;
  522. height: 16px;
  523. }
  524.  
  525.  
  526. ol.notes li.note .answer_content {
  527. font-weight: normal;
  528. }
  529.  
  530. ol.notes li.note blockquote {
  531. border-color: {color:posts};
  532. padding: 4px 10px;
  533. margin: 10px 0px 0px 25px;
  534. }
  535.  
  536. ol.notes li.note blockquote a {
  537. text-decoration: none;}
  538.  
  539. /*----------------- TABS BASE CODE BY NCIGHBOURHOOD -----------------*/
  540.  
  541.  
  542. .tabscon {
  543. margin: auto;
  544. left:290px;
  545. top:0px;
  546. bottom:0px;
  547. right:0px;
  548. padding:30px;
  549. position:absolute;
  550. width:410px;
  551. height:400px;
  552. color:{color:text};
  553. background-color:{color:container};
  554. z-index:999;
  555. animation: fadeEffect 1s;
  556. }
  557.  
  558. @-webkit-keyframes fadeEffect {
  559. from {opacity: 0;}
  560. to {opacity: .9;}
  561. }
  562.  
  563. @keyframes fadeEffect {
  564. from {opacity: 0;}
  565. to {opacity: .9;}
  566. }
  567.  
  568.  
  569.  
  570. .tabsclose {
  571. font-size:10px;
  572. padding:3px;
  573. color:{color:accent};
  574. margin-top:-13px;
  575. margin-right:-5px;
  576. float:right;
  577. }
  578.  
  579. .tabsclose:hover {
  580. cursor:pointer;
  581. }
  582.  
  583.  
  584. /*----------------- TABS STYLING -----------------*/
  585. #sociallinks{
  586. margin-top:10px;
  587. padding:10px;
  588. font-size:32px;
  589. height:80px;
  590. margin-left:205px;
  591. line-height:80%;
  592. position:fixed;
  593. color:{color:link};
  594. }
  595.  
  596. #sociallinks a{
  597. cursor:pointer;
  598. padding-right:15px;
  599. }
  600.  
  601. #tabdesc{
  602. margin-top:85px;
  603. margin-left:215px;
  604. width:190px;
  605. height:110px;
  606. background-color:{color:container};
  607. color:{color:text};
  608. position:fixed;
  609. font-size:9px;
  610. overflow-y:auto;
  611. text-align:justify;
  612. line-height:150%;
  613. }
  614.  
  615. #tabdesc b{
  616. background-color:{color:permalink bg};
  617. color:{color:permalink};
  618. padding:3px;
  619. margin-right:5px;
  620. line-height:220%;
  621. font-size:8px;
  622. }
  623.  
  624. #tablink{
  625. position:fixed;
  626. width:230px;
  627. height:200px;
  628. text-align:left;
  629. margin-left:215px;
  630. margin-top:210px;
  631. z-index:999999999999999999999999999;
  632. color:{color:link};
  633. font-size:28px;
  634. font-family:"primetime";
  635. text-transform:uppercase;
  636. }
  637.  
  638. #tablink a{
  639. -webkit-text-stroke: 1px {color:link};
  640. -webkit-text-fill-color: rgba(0, 0, 0, 0);
  641. -webkit-transition:.8s;
  642. -moz-transition:.8s;
  643. }
  644.  
  645. #tablink a:hover{
  646. -webkit-text-fill-color: {color:link};
  647. -webkit-transition:.8s;
  648. -moz-transition:.8s;
  649. }
  650.  
  651. #android {
  652. width:170px;
  653. height:360px;
  654. margin-top:0px;
  655. position:fixed;
  656. border-radius:20px;
  657. border:10px solid #202020;
  658. background-color: #202020;
  659. }
  660.  
  661. #android img{
  662. border-radius:10px;
  663. width:170px;
  664. height:360px;
  665. }
  666.  
  667. #time{
  668. font-size:42px;
  669. color:white;
  670. text-shadow:0px 0px 4px #202020;
  671. margin-top:15px;
  672. margin-left:20px;
  673. position:fixed;
  674. font-weight:100;
  675. font-family:'roboto';
  676. width:200px;
  677. text-align:left;
  678. }
  679.  
  680. #date{
  681. font-size:11px;
  682. color:white;
  683. text-shadow:0px 0px 4px #3e3e3e;
  684. margin-top:60px;
  685. margin-left:20px;
  686. width:200px;
  687. text-align:left;
  688. position:fixed;
  689. font-weight:400;
  690. font-family:'roboto';
  691. }
  692.  
  693. #spotify{
  694. font-size:11px;
  695. background-color:rgb(256,256,256,0.7);
  696. margin-top:310px;
  697. margin-left:25px;
  698. width:120px;
  699. height:20px;
  700. padding:10px;
  701. text-align:left;
  702. position:fixed;
  703. font-weight:400;
  704. font-family:'roboto';
  705. border-radius:10px;
  706. }
  707.  
  708. #spotify span{
  709. font-size:20px;
  710. color:{color:accent};
  711. padding-top:1px;
  712. padding-left:1px;
  713. }
  714.  
  715. #spotify p{
  716. margin-left:35px;
  717. line-height:110%;
  718. margin-top:-20px;
  719. color: #3e3e3e;
  720. font-size:9px;
  721. }
  722.  
  723. #spotify b{
  724. color: #3e3e3e;
  725. font-weight:800;
  726. }
  727.  
  728. #overlay{
  729. border-radius:20px;
  730. border:10px solid #202020;
  731. width:170px;
  732. height:360px;
  733. position:fixed;
  734. margin-left:-10px;
  735. margin-top:-10px;
  736. }
  737.  
  738. /*----------------- SOCIAL BASE -----------------*/
  739.  
  740.  
  741. .tabcontent {
  742. display: none;
  743. width:170px;
  744. height:360px;
  745. background-color:{color:posts};
  746. margin: auto;
  747. left:70px;
  748. top:0px;
  749. bottom:0px;
  750. right:0px;
  751. padding:0px;
  752. position:absolute;
  753. z-index:9999999999999999999;
  754. }
  755.  
  756. .tabcontent {
  757. animation: fadeEffect 1s;
  758. }
  759.  
  760. @keyframes fadeEffect {
  761. from {opacity: 0;}
  762. to {opacity: 1;}
  763. }
  764.  
  765. .tabclose {
  766. font-size:13px;
  767. padding:3px;
  768. color:{color:text};
  769. margin-top:7px;
  770. margin-left:4px;
  771. float:left;
  772. cursor:pointer;
  773. z-index:999999999999999;
  774. position:fixed;
  775. }
  776.  
  777. /*----------------- INSTAGRAM -----------------*/
  778.  
  779.  
  780. #instahead{
  781. font-size:10px;
  782. position:fixed;
  783. margin-top:10px;
  784. margin-left:26px;
  785. width:120px;
  786. text-align:center;
  787. height:20px;
  788. font-weight:bold;
  789. color:{color:accent};
  790. }
  791.  
  792. #instaicon{
  793. position:fixed;
  794. margin-top:35px;
  795. margin-left:10px;
  796. }
  797.  
  798. #instaicon img{
  799. width:40px;
  800. height:40px;
  801. border-radius:50%;
  802. }
  803.  
  804. #instastat1 span, #instastat2 span{
  805. font-size:9.5px;
  806. color:{color:italic};
  807. letter-spacing:0.5px;
  808. overflow:hidden;
  809. text-align:left;
  810. font-weight:bold;
  811. margin-left:0px;
  812. width:80px;
  813. }
  814.  
  815. #instastat1 {
  816. font-size:8px;
  817. color:{color:text};
  818. text-align left;
  819. font-weight:none;
  820. width:30px;
  821. height:10px;
  822. text-transform:uppercase;
  823. margin-left:60px; margin-top:45px;
  824. position:fixed;
  825. line-height:150%;
  826. }
  827.  
  828. #instastat2 {
  829. font-size:8px;
  830. color:{color:text};
  831. text-align left;
  832. font-weight:none;
  833. width:30px;
  834. height:10px;
  835. text-transform:uppercase;
  836. margin-left:100px; margin-top:45px;
  837. position:fixed;
  838. line-height:150%;
  839. }
  840.  
  841. #instadetails{
  842. position:fixed;
  843. width:150px;
  844. padding:10px;
  845. height:80px;
  846. margin-top:75px;
  847. font-size:8.5px;
  848. line-height:160%;
  849. }
  850.  
  851. #instadetails span{
  852. font-weight:bold;
  853. color:{color:accent};
  854. font-size:9px;
  855. padding-bottom:3px;
  856. }
  857.  
  858. #instatv{
  859. position:fixed;
  860. width:170px;
  861. padding:1px;
  862. margin-top:205px;
  863. margin-left:0px;
  864. text-align:center;
  865. }
  866.  
  867. #instatv img{
  868. width:80px;
  869. height:140px;
  870. margin-right:1px;
  871. }
  872.  
  873. #instatvcaption1{
  874. position:fixed;
  875. width:70px;
  876. height:20px;
  877. font-size:8px;
  878. margin-left:10px;
  879. margin-top:110px;
  880. color:white;
  881. text-shadow:0px 0px 4px #3e3e3e;
  882. text-align:left;
  883. }
  884.  
  885. #instatvcaption2{
  886. position:fixed;
  887. width:70px;
  888. height:20px;
  889. font-size:8px;
  890. margin-left:95px;
  891. margin-top:-35px;
  892. color:white;
  893. text-shadow:0px 0px 4px #3e3e3e;
  894. text-align:left;
  895. }
  896.  
  897.  
  898. .instabutton {
  899. margin-left:10px;
  900. position:fixed;
  901. margin-top:145px;
  902. }
  903.  
  904. .instabutton a{
  905. font-size:8px;
  906. text-transform:uppercase;
  907. width:53px;
  908. text-align:center;
  909. display:inline-block;
  910. padding:3px;
  911. margin-right:4px;
  912. border-radius:5px;
  913. border:1px solid {color:borders};
  914. color:{color:text};
  915. }
  916.  
  917. #instacategory{
  918. position:fixed;
  919. margin-top:170px;
  920. margin-left:17px;
  921. width:150px;
  922. height:80px;
  923. text-align:center;
  924. }
  925.  
  926. #instacategory span{
  927. font-size:14px;
  928. color:{color:accent};
  929. padding:10px;
  930. margin-right:10px;
  931. }
  932.  
  933.  
  934. /*----------------- TINDER -----------------*/
  935.  
  936. #tinderpic{
  937. width:170px;
  938. height:170px;
  939. position:fixed;
  940. }
  941.  
  942. #tinderpic img{
  943. width:170px;
  944. height:170px;
  945. border-radius:10px 10px 0px 0px;
  946. }
  947.  
  948. #tindername{
  949. position:fixed;
  950. margin-top:180px;
  951. margin-left:10px;
  952. font-size:18px;
  953. color:{color:accent};
  954. }
  955.  
  956. #tindername span{
  957. font-weight:700;
  958. font-size:20px;
  959. }
  960.  
  961. #tinderarrow a{
  962. background-color:{color:accent};
  963. color:{color:posts};
  964. border-radius:30px;
  965. padding-top:14px;
  966. padding:0px;
  967. width:35px;
  968. height:35px;
  969. font-size:15px;
  970. margin-top:150px;
  971. margin-left:125px;
  972. position:fixed;
  973. }
  974.  
  975. #tinderarrow span{
  976. padding:10px;
  977. padding-top:10px;
  978. }
  979.  
  980.  
  981. #tinderdetails{
  982. position:fixed;
  983. margin-top:200px;
  984. width:150px;
  985. height:80px;
  986. padding:10px;
  987. font-size:8.5px;
  988. line-height:160%;
  989. }
  990.  
  991. #tinderdetails span{
  992. color:{color:accent};
  993. margin-right:8px;
  994. }
  995.  
  996. #tinderbar{
  997. position:fixed;
  998. display:block;
  999. border-bottom:1px solid {color:borders};
  1000. width:170px;
  1001. height:5px;
  1002. margin-top:252px;
  1003. }
  1004.  
  1005. #tinderdesc{
  1006. position:fixed;
  1007. margin-top:257px;
  1008. width:150px;
  1009. height:80px;
  1010. padding:10px;
  1011. font-size:8.5px;
  1012. line-height:160%;
  1013. }
  1014.  
  1015. #tinderbuttons{
  1016. position:fixed;
  1017. margin-top:310px;
  1018. width:160px;
  1019. padding:5px;
  1020. height:80px;
  1021. text-align:center;
  1022. word-spacing:10px;
  1023. }
  1024.  
  1025. #tinderbuttons span{
  1026. font-size:14px;
  1027. background-color:{color:accent};
  1028. color:{color:posts};
  1029. padding:10px;
  1030. border-radius:50px;
  1031. }
  1032.  
  1033. /*----------------- SNAPCHAT -----------------*/
  1034.  
  1035. #snapchat img{
  1036. width:170px;
  1037. height:360px;
  1038. border-radius:10px;
  1039. position:absolute;
  1040. opacity:1;
  1041. }
  1042.  
  1043. .snaptext1{
  1044. opacity:1;
  1045. position:absolute;
  1046. z-index:99;
  1047. }
  1048.  
  1049. #snapchat2{
  1050. opacity:0;
  1051. position:absolute;
  1052. z-index:999;
  1053. }
  1054.  
  1055. #snapchat:hover #snapchat2, .snaptext2{
  1056. opacity:1;
  1057. transition-delay:2s;
  1058. z-index:999;
  1059. }
  1060.  
  1061. #snapchat3{
  1062. opacity:0;
  1063. position:absolute;
  1064. z-index:9999;
  1065. }
  1066.  
  1067. #snapchat:hover #snapchat3, .snaptext3{
  1068. opacity:1;
  1069. position:absolute;
  1070. transition-delay:4s;
  1071. z-index:9999;
  1072. }
  1073.  
  1074. .snapusername{
  1075. margin-left:25px;
  1076. margin-top:10px;
  1077. text-transform:uppercase;
  1078. color:white;
  1079. text-shadow:0px 0px 4px #3e3e3e;
  1080. position:fixed;
  1081. font-size:10px;
  1082. font-weight:bold;
  1083. z-index:99999;
  1084. }
  1085.  
  1086. .snaptime{
  1087. margin-left:25px;
  1088. margin-top:22px;
  1089. text-transform:uppercase;
  1090. color:white;
  1091. text-shadow:0px 0px 4px #3e3e3e;
  1092. position:fixed;
  1093. font-size:9px;
  1094. z-index:99999;
  1095. }
  1096.  
  1097. .snaptext1, .snaptext2, .snaptext3{
  1098. color:white;
  1099. background-color:rgb(0,0,0,0.4);
  1100. font-size:8.5px;
  1101. text-align:center;
  1102. padding:5px;
  1103. width:160px;
  1104. position:absolute;
  1105. margin-top: 250px;
  1106. }
  1107.  
  1108. /*----------------- TWITTER -----------------*/
  1109. #twitterheader{
  1110. position:fixed;
  1111. width:170px;
  1112. height:90px;
  1113. background-color:{color:bold};
  1114. border-radius:9px 9px 0px 0px;
  1115. }
  1116.  
  1117. #twitterdesign{
  1118. position:fixed;
  1119. width:170px;
  1120. margin-top:25px;
  1121. text-align:center;
  1122. font-family:"primetime";
  1123. font-size:18px;
  1124. -webkit-text-stroke: 1px {color:posts};
  1125. -webkit-text-fill-color: rgba(0, 0, 0, 0);
  1126. }
  1127.  
  1128. #twittericon{
  1129. position:fixed;
  1130. margin-top:65px;
  1131. margin-left:10px;
  1132. }
  1133.  
  1134. #twittericon img{
  1135. width:50px;
  1136. height:50px;
  1137. border-radius:50px;
  1138. border:2px solid {color:posts};
  1139. }
  1140.  
  1141.  
  1142. #twitterbutton{
  1143. width:60px;
  1144. padding:3px;
  1145. border-radius:20px;
  1146. font-size:8px;
  1147. text-transform:uppercase;
  1148. background-color:{color:accent};
  1149. color:{color:posts};
  1150. text-align:center;
  1151. line-height:100%;
  1152. padding-top:1px;
  1153. display:block;
  1154. position:fixed;
  1155. margin-left:90px;
  1156. margin-top:100px;
  1157. letter-spacing:1px;
  1158. }
  1159.  
  1160. #twitterusername{
  1161. font-size:12px;
  1162. letter-spacing:0.5px;
  1163. color:{color:accent};
  1164. margin-left:10px;
  1165. line-height:100%;
  1166. margin-top:125px;
  1167. position:fixed;
  1168. }
  1169.  
  1170. #twitterusername span{
  1171. font-size:8.5px;
  1172. font-family:'roboto';
  1173. letter-spacing:1px;
  1174. color:{color:text};
  1175. }
  1176.  
  1177. #twitterdetails{
  1178. position:fixed;
  1179. margin-top:155px;
  1180. margin-left:10px;
  1181. font-size:8.5px;
  1182. font-family:'roboto';
  1183. }
  1184.  
  1185. #twitterdetails span{
  1186. font-size:8.5px;
  1187. font-family:'roboto';
  1188. color:{color:accent};
  1189. }
  1190.  
  1191. #twittertabs{
  1192. width:160px;
  1193. padding:10px;
  1194. position:fixed;
  1195. margin-top:158px;
  1196. z-index:999;
  1197. }
  1198.  
  1199. #twittertabs a{
  1200. font-weight:bold;
  1201. margin-right:18px;
  1202. color:{color:text};
  1203. font-size:9px;
  1204. }
  1205.  
  1206. #twittertabs .tweets{
  1207. padding-bottom:9px;
  1208. border-bottom:3px solid {color:accent};
  1209. }
  1210.  
  1211. #twitterbase{
  1212. position:fixed;
  1213. margin-top:195px;
  1214. width:150px;
  1215. height:120px;
  1216. padding:10px;
  1217. border-top:1px solid {color:borders};
  1218. }
  1219.  
  1220. #twitterbaseicon img{
  1221. width:30px;
  1222. height:30px;
  1223. border-radius:50px;
  1224. float:left;
  1225. }
  1226.  
  1227. #tweet{
  1228. position:fixed;
  1229. margin-top:5px;
  1230. margin-left:40px;
  1231. font-size:8.5px;
  1232. width:105px;
  1233. }
  1234.  
  1235. #tweet b{
  1236. font-weight:bold;
  1237. }
  1238.  
  1239. #tweet img{
  1240. background-color:{color:accent};
  1241. border-radius:10px;
  1242. width:105px;
  1243. height:65px;
  1244. margin-top:10px;
  1245. }
  1246.  
  1247. #tweetreacts{
  1248. margin-top:10px;
  1249. font-size:9px;
  1250. }
  1251.  
  1252. #tweetreacts span{
  1253. margin-right:3px;
  1254. }
  1255.  
  1256. /*----------------- CREDITS / DO NOT TOUCH! -----------------*/
  1257. #credits{
  1258. position:fixed;
  1259. bottom:0px;
  1260. right:5px;
  1261. width:35px;
  1262. height:35px;
  1263. text-align:center;
  1264. }
  1265.  
  1266. #credits a{
  1267. font-family:"primetime";
  1268. font-size:18px;
  1269. -webkit-text-stroke: 1px {color:accent};
  1270. -webkit-text-fill-color: rgba(0, 0, 0, 0);
  1271. }
  1272.  
  1273. #credits a:hover{
  1274. font-family:"primetime";
  1275. -webkit-text-fill-color: {color:accent};
  1276. }
  1277.  
  1278.  
  1279. {CustomCSS}
  1280. </style>
  1281.  
  1282. <link rel="shortcut icon" href="{Favicon}">
  1283. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
  1284.  
  1285.  
  1286. </head>
  1287.  
  1288. <body>
  1289.  
  1290.  
  1291.  
  1292.  
  1293. <!-----------------------------NAVIGATION TAB----------------------------->
  1294. <div id="tabsNavigate" class="tabscon alytut" style="display:none">
  1295. <span onclick="this.parentElement.style.display='none'" class="tabsclose"><span class="th th-cross"></span></span>
  1296. <div style="margin-bottom:10px;"></div>
  1297.  
  1298. <!--android-->
  1299. <div id="android"><img src="{image:wallpaper}"></div>
  1300. <div id="time">3:09</div>
  1301. <div id="date">Tues, December 3</div>
  1302. <div id="spotify"><span class="th th-music"></span>
  1303. <p> <b>SONG TITLE</b> <br/> Arist
  1304. </div>
  1305. <div id="sociallinks">
  1306. <a class="tablinks" onclick="openCity(event, 'Instagram')"><span class="th th-instagram"></span></a>
  1307. <a class="tablinks" onclick="openCity(event, 'Tinder')"><span class="th th-tinder"></span></a>
  1308. <a class="tablinks" onclick="openCity(event, 'Snapchat')"><span class="th th-snapchat"></span></a>
  1309. <a class="tablinks" onclick="openCity(event, 'Twitter')"><span class="th th-twitter-o"></span></a>
  1310. </div>
  1311.  
  1312. <!--TAB DESCRIPTION-->
  1313. <div id="tabdesc">
  1314. <b>NAME</b> First Last <br/>
  1315. <b>AGE</b> xx years old <br/>
  1316. <b>OCCUPATION</b> Occupation <br/>
  1317. <b>LABEL</b> The Label <br/>
  1318. <i>place your character's aesthetic here! feel free to add a lot, because this overflows anyway! isn't that cool?</i>
  1319. </div>
  1320.  
  1321. <!--TAB LINKS-->
  1322. <div id="tablink">
  1323. <a href="{text:tablink url1}">{text:tablink title1}</a><br/>
  1324. <a href="{text:tablink url2}">{text:tablink title2}</a><br/>
  1325. <a href="{text:tablink url3}">{text:tablink title3}</a><br/>
  1326. <a href="{text:tablink url4}">{text:tablink title4}</a><br/>
  1327. </div>
  1328. </div><!--END NAVIGATION-->
  1329.  
  1330. <!----------INSTAGRAM------------>
  1331. <div id="Instagram" class="tabcontent">
  1332. <span onclick="this.parentElement.style.display='none'" class="tabclose"><span class="th th-chevron-left"></span></span>
  1333.  
  1334. <div id="overlay"></div>
  1335.  
  1336. <div id="instahead">@username</div>
  1337.  
  1338. <div id="instaicon"><img src="{image:social icon}"></div>
  1339.  
  1340. <div id="instastat1">
  1341. <span>450</span><br/>posts</div>
  1342.  
  1343. <div id="instastat2">
  1344. <span>145K</span><br/>followers</div>
  1345.  
  1346. <div id="instadetails">
  1347. <span>First Last</span><br/>
  1348. Instagram description here! It's best if you keep this at 3 lines to avoid too much space!
  1349. </div>
  1350.  
  1351. <div class="instabutton">
  1352. <a href="#">Following</a>
  1353. <a href="#">Message</a>
  1354. <a href="#" style="width:10px;"><span class="th th-chevron-down"></span></a>
  1355. </div>
  1356.  
  1357. <div id="instacategory">
  1358. <span class="th th-dial"></span>
  1359. <span class="th th-tv" style="padding-bottom:5px; border-bottom:2px solid {color:bold};"></span>
  1360. <span class="th th-user"></span>
  1361. </div>
  1362.  
  1363. <div id="instatv">
  1364. <div id="instatvcaption1">IG TV Caption Here!!</div>
  1365. <img src="{image:ig tv 1}">
  1366. <div id="instatvcaption2">IG TV Caption Here!</div>
  1367. <img src="{image:ig tv 2}">
  1368. </div>
  1369.  
  1370. </div><!----------END INSTAGRAM------------>
  1371.  
  1372.  
  1373. <!----------TINDER------------>
  1374. <div id="Tinder" class="tabcontent">
  1375. <span onclick="this.parentElement.style.display='none'" class="tabclose"><span class="th th-chevron-left"></span></span>
  1376.  
  1377. <div id="overlay"></div>
  1378.  
  1379. <div id="tinderpic"><img src="{image:tinder}"></div>
  1380. <div id="tindername"><span>Name</span> 21</div>
  1381.  
  1382. <div id="tinderarrow"><a href="#"><span class="th th-down-arrow"></span></a></div>
  1383.  
  1384. <div id="tinderdetails">
  1385. <span class="th th-briefcase-o"></span>Occupation, Workplace <br/>
  1386. <span class="th th-diploma-o"></span>University <br/>
  1387. <span class="th th-location-4-o"></span>2.5 kilometers away <br/>
  1388. </div>
  1389.  
  1390. <div id="tinderbar"></div>
  1391. <div id="tinderdesc">Tinder description here! It's best if you keep this at 3 lines to avoid too much space!</div>
  1392.  
  1393. <div id="tinderbuttons">
  1394. <span class="th th-cross" style="margin-right:8px;"></span>
  1395. <span class="th th-star" style="margin-right:8px;"></span>
  1396. <span class="th th-heart-1"></span>
  1397. </div>
  1398. </div><!----------END TINDER------------>
  1399.  
  1400. <!----------SNAPCHAT------------>
  1401. <div id="Snapchat" class="tabcontent">
  1402. <span onclick="this.parentElement.style.display='none'" class="tabclose"><span class="th th-chevron-left"></span></span>
  1403.  
  1404. <div id="overlay"></div>
  1405.  
  1406. <div id="snapchat">
  1407. <div class="snaptime">6h ago</div>
  1408. <div class="snapusername">First Last</div>
  1409. <div class="snaptext1">Snapchat caption here!</div>
  1410. <img src="{image:snap 1}"/>
  1411.  
  1412. <div id="snapchat2">
  1413. <div class="snaptext3">Snapchat caption here!</div>
  1414. <img src="{image:snap 2}"/>
  1415. </div>
  1416.  
  1417. <div id="snapchat3">
  1418. <div class="snaptext3">Snapchat caption here!</div>
  1419. <img src="{image:snap 3}"/>
  1420. </div>
  1421.  
  1422. </div></div><!----------END SNAPCHAT------------>
  1423.  
  1424. <!----------TWITTER------------>
  1425. <div id="Twitter" class="tabcontent">
  1426. <span onclick="this.parentElement.style.display='none'" class="tabclose"><span class="th th-chevron-left"></span></span>
  1427.  
  1428. <div id="overlay"></div>
  1429.  
  1430. <div id="twitterheader"></div>
  1431. <div id="twitterdesign">TITLE HERE</div>
  1432. <div id="twittericon"><img src="{image:social icon}"/></div>
  1433. <div id="twitterbutton">following</div>
  1434. <div id="twitterusername"><bold>Name</bold> <br/>
  1435. <span>@username</span></div>
  1436.  
  1437. <div id="twitterdetails">
  1438. <span>200</span> Following &nbsp;
  1439. <span>2.5K</span> Followers
  1440. </div>
  1441.  
  1442. <div id="twittertabs">
  1443. <a href="#" class="tweets">Tweets</a>
  1444. <a href="#">Media</a>
  1445. <a href="#">Likes</a>
  1446. </div>
  1447.  
  1448. <div id="twitterbase">
  1449. <div id="twitterbaseicon"><img src="{image:social icon}"/></div>
  1450. <div id="tweet">
  1451. <b>Name</b> @username <br/>
  1452. this is the tweet! keep this at 3 lines max, alright?
  1453. <img src="{image:twitter}"/>
  1454.  
  1455. <div id="tweetreacts">
  1456. <span class="th th-chat-bubble-o"></span>42 &nbsp;
  1457. <span class="th th-reblog"></span>15 &nbsp;
  1458. <span class="th th-heart-1-o"></span>101 &nbsp;
  1459. </div>
  1460.  
  1461. </div></div></div><!----------END TWITTER------------>
  1462.  
  1463.  
  1464. <!-------------------------------CONTAINER------------------------------->
  1465. <div id="entries">
  1466.  
  1467. <div class="tabs">
  1468. <a href="/">HOME</a>
  1469. <a href="/ask">INBOX</a>
  1470. <a href="#" class="tablink tabsact" onclick="openAlytut(event, 'tabsNavigate');">EXPLORE</a>
  1471. <a href="{text:side link url}">{text:side link title}</a>
  1472. </div>
  1473.  
  1474. <div class="sideimage"><img src="{image:sidebar}" draggable="false"></div>
  1475.  
  1476. <!---
  1477. <div id="stats">{text:stats}</div> --->
  1478.  
  1479. <div id="sidebar">
  1480. </div>
  1481.  
  1482. <div id="maintitle">{text:main title}</div>
  1483.  
  1484. {block:Posts}
  1485.  
  1486. <div id="post">
  1487.  
  1488. {block:text}
  1489. {block:Title}
  1490. <div class="posttitle">{Title}</div>
  1491. {/block:Title}
  1492. {Body}
  1493. {/block:text}
  1494.  
  1495. {block:Link}
  1496. <div class="posttitle">
  1497. <a href="{URL}">{Name}</a>
  1498. </div>
  1499. {block:Description}{Description}{/block:Description}
  1500. {/block:Link}
  1501.  
  1502. {block:Photo}
  1503. <center>
  1504. {LinkOpenTag}
  1505. <a href="{permalink}">
  1506. <img src="{PhotoURL-400}" alt="{PhotoAlt}" width="350"></a>
  1507. {LinkCloseTag}
  1508. </center>
  1509. {block:Caption}{Caption}{/block:Caption}
  1510. {block:ContentSource}
  1511. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1512. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1513. {/block:SourceLogo}
  1514. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1515. {/block:ContentSource}
  1516. {block:ReblogParentURL}
  1517. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1518. {/block:ReblogParentURL}
  1519. {/block:Photo}
  1520.  
  1521. {block:Photoset}
  1522. <div style="z-index:99999999999999999999;">{Photoset}</div>
  1523. {block:Caption}{Caption}{/block:Caption}
  1524. {/block:Photoset}
  1525.  
  1526. {block:Quote}
  1527. <h1>{Quote}</h1>
  1528. {block:Source}
  1529. <center>- {Source}</center>
  1530. {/block:Source}
  1531. {/block:Quote}
  1532.  
  1533. {block:Chat}
  1534. {block:Title}
  1535. <h1>{Title}</h1>{/block:Title}<br>
  1536. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  1537. {Line}</li>{/block:Lines}</ul>
  1538. {/block:Chat}
  1539.  
  1540. {block:Audio}
  1541. {block:AlbumArt}
  1542. <img src="{AlbumArtURL}" width="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}
  1543. <span class="audio">{AudioPlayerGrey}<br></span>
  1544. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  1545. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  1546. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times
  1547. {block:Caption}{Caption}{/block:Caption}
  1548. {/block:Audio}
  1549.  
  1550. {block:Video}
  1551. <div class="video">{Video-500}</div>
  1552. {block:Caption}{Caption}{/block:Caption}
  1553. {/block:Video}
  1554.  
  1555. {block:Answer}
  1556. <div class="pt"></div>
  1557. <div class="qt">{Question}</div>
  1558. <div class="as"><img src="{AskerPortraitURL-24}">{Asker}</div>
  1559. {Answer}{/block:Answer}
  1560.  
  1561.  
  1562. {block:IndexPage}
  1563. <div class="info">
  1564. {block:Date}
  1565. <span><a href="{Permalink}" title="{TimeAgo}">
  1566. <b>{ShortMonth}{DayOfMonthWithZero}{ShortYear}</b></a>
  1567. {block:NoteCount}with
  1568. <b><a href="{Permalink}">{NoteCountWithLabel}</b></a>{/block:NoteCount}</span>
  1569. {/block:Date}
  1570. <rb>
  1571. <span>
  1572.  
  1573. {block:RebloggedFrom}
  1574. <a href="{reblogparenturl}" title="via"><span class="th th-share-o"></span></a>{/block:RebloggedFrom}
  1575.  
  1576. {block:ContentSource}
  1577. <a href="{SourceURL}" title="source"><span class="th th-push-pin-o"></span></a>{/block:ContentSource}
  1578.  
  1579. <a href="{ReblogURL}" title="reblog" target="_blank" class="reblog"><span class="th th-reload"></span></a></span></rb>
  1580. </div>
  1581.  
  1582. <div class="tags">{block:HasTags}
  1583. {block:Tags}<a href="{TagURL}">#<font style="text-transform:uppercase;">{Tag}</font>&nbsp;</a>
  1584. {/block:Tags}
  1585. {/block:HasTags}</div>
  1586. {/block:IndexPage}
  1587.  
  1588.  
  1589. {block:PermalinkPage}
  1590. <div class="info">
  1591. {block:Date}<span>
  1592. <a href="{Permalink}">
  1593. <b>{ShortMonth}{DayOfMonthWithZero}{ShortYear}</b></a> with <b><a href="{Permalink}">{NoteCountWithLabel}</b></a></span>
  1594. {/block:Date}
  1595. <span>
  1596. </span>
  1597. </div>
  1598.  
  1599. <div class="tags">{block:HasTags}
  1600. {block:Tags}<a href="{TagURL}">#<font style="text-transform:uppercase;">{Tag}</font>&nbsp;</a>
  1601. {/block:Tags}
  1602. {/block:HasTags}</div>
  1603. {/block:PermalinkPage}
  1604.  
  1605.  
  1606. </div><!----POST END---->
  1607.  
  1608. {block:PostNotes}
  1609. {PostNotes}
  1610. {/block:PostNotes}
  1611. {/block:Posts}
  1612.  
  1613. {block:Pagination}
  1614. <div id="pagination">
  1615. <div style="margin-top:50px;margin-bottom:10px;">
  1616. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page"><span class="th th-chevron-left"></span></a>{/block:PreviousPage}
  1617. {block:JumpPagination length="3"}
  1618. {block:CurrentPage}<a><span class="current_page">{PageNumber}</span></a>{/block:CurrentPage}
  1619. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1620. {block:NextPage}<a href="{NextPage}" class="jump_page"><span class="th th-chevron-right"></span></a>{/block:NextPage}
  1621. </div></div>
  1622. {/block:Pagination}
  1623. </div>
  1624.  
  1625. </div><!----ENTRIES END---->
  1626. </div>
  1627.  
  1628. <div id="credits">
  1629. <a href="https://drunkblushed.tumblr.com/" title="theme by drunkblushed">DB.</a></div>
  1630.  
  1631.  
  1632. </body>
  1633. <script>
  1634. function openAlytut(evt, alytutName) {
  1635. var i, x, tablinks;
  1636. x = document.getElementsByClassName("alytut");
  1637. for (i = 0; i < x.length; i++) {
  1638. x[i].style.display = "none";
  1639. }
  1640. tablinks = document.getElementsByClassName("tablink");
  1641. for (i = 0; i < x.length; i++) {
  1642. tablinks[i].className = tablinks[i].className.replace(" tabsact", "");
  1643. }
  1644. document.getElementById(alytutName).style.display = "block";
  1645. evt.currentTarget.className += " tabsact";
  1646. }
  1647. </script>
  1648.  
  1649.  
  1650. <script>
  1651. function openCity(evt, cityName) {
  1652. var i, tabcontent, tablinks;
  1653. tabcontent = document.getElementsByClassName("tabcontent");
  1654. for (i = 0; i < tabcontent.length; i++) {
  1655. tabcontent[i].style.display = "none";
  1656. }
  1657. tablinks = document.getElementsByClassName("tablinks");
  1658. for (i = 0; i < tablinks.length; i++) {
  1659. tablinks[i].className = tablinks[i].className.replace(" active", "");
  1660. }
  1661. document.getElementById(cityName).style.display = "block";
  1662. evt.currentTarget.className += " active";
  1663. }
  1664. </script>
  1665.  
  1666. </html>
Advertisement
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!