API tools faq
paste
Advertisement
krissysarfati

b*tch on insta

krissysarfati
Jan 4th, 2019
165
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.51 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head>
  5.  
  6.  
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12.  
  13. <!--- THEME NUMBER T H R E E BY KRISSY
  14. 'b*tch on insta'
  15. part one / four of my 300 followers pack!
  16. bascode credit: musecentral
  17.  
  18. BOTTOM IMAGES TEMPLATE: https://www.deviantart.com/cliiivage/art/INSTA-B-TCH-TEMPLATE-779733735
  19.  
  20. ps. edit all u want, do not claim as your own
  21. and DO NOT REMOVE MY OR THE BASE CODES CREDITING. --->
  22.  
  23.  
  24.  
  25. <!--- colors ---->
  26.  
  27. <meta name="color:background" content=""/>
  28. <meta name="color:text" content=""/>
  29. <meta name="color:bold" content=""/>
  30. <meta name="color:italic" content=""/>
  31. <meta name="color:shadow" content=""/>
  32. <meta name="color:border" content=""/>
  33. <meta name="color:desc text" conetent=""/>
  34. <meta name="color:links" content=""/>
  35.  
  36. <!--- images ---->
  37.  
  38. <meta name="image:background" content=""/>
  39. <meta name="image:pattern" content=""/>
  40. <meta name="image:sidephoto" content=""/>
  41. <meta name="image:one" content=""/>
  42. <meta name="image:bottom" content=""/>
  43.  
  44. <!--- text ---->
  45.  
  46. <meta name="text:link2" content="/">
  47. <meta name="text:link2 text" content="/">
  48. <meta name="text:link3" content="/">
  49. <meta name="text:link3 text" content="/">
  50. <meta name="text:link4" content="/">
  51. <meta name="text:link4 text" content="/">
  52. <meta name="text:name" content="name here">
  53. <meta name="text:sidebar" content="lallaalalala">
  54. <meta name="text:posts" content="# # #">
  55. <meta name="text:followers" content="# # #">
  56. <meta name="text:following" content="# # #">
  57. <meta name="text:bio" content="bio goes here">
  58. <meta name="text:next" content="ur cute ass">
  59. <meta name="text:title1" content="title">
  60. <meta name="text:title2" content="title">
  61. <meta name="text:title3" content="title">
  62. <meta name="text:title4" content="title">
  63.  
  64. <style type="text/css">
  65.  
  66.  
  67. @font-face { font-family: "bebas neue"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  68.  
  69.  
  70. @font-face { font-family: "Freight Sans Light"; src: url('https://dl.dropboxusercontent.com/s/cvkjrw9onu9urka/Freight%20Sans%20Light.otf'); ;}
  71.  
  72.  
  73. /* scrollbar! */
  74.  
  75. ::-webkit-scrollbar-thumb {
  76. background-image: linear-gradient(to bottom right, #D66CAF, #DC3171 ,#F16F40, #F99D4C );
  77. }
  78.  
  79. ::-webkit-scrollbar {
  80. height:1px;
  81. width:4px;
  82. }
  83.  
  84.  
  85.  
  86. /* body stuff! */
  87.  
  88. body {
  89. background:{color:background};
  90. color:{color:text};
  91. font-family: "Freight Sans Light";
  92. line-height:100%;
  93. font-size:12px;
  94. text-align:justify;
  95. background-size:100%;
  96. background-attachment: fixed;
  97. background-repeat:repeat;
  98. background-image:url('{image:background}') ;
  99. }
  100.  
  101. a {
  102. letter-spacing:1px;
  103. text-decoration:none;
  104. color:{color:links};
  105. }
  106.  
  107.  
  108. img {
  109. border:none;
  110. max-width:100%;
  111. }
  112.  
  113.  
  114.  
  115. /* text styles! */
  116.  
  117. b {
  118. color:{color:bold};
  119. font-size:11px;
  120. line-height:11px;
  121. letter-spacing:1px;
  122. }
  123.  
  124. strong {
  125. color:#000000;
  126. font-family:arial;
  127. font-weight:bold;
  128. font-size:11px;
  129. line-height:11px;
  130. letter-spacing:-1px;
  131. text-transform:uppercase;}
  132.  
  133. i {
  134. font-style:italic;
  135. color:{color:italic};
  136. font-weight:lighter;
  137. font-size:11px;
  138. line-height:11px;}
  139.  
  140.  
  141. big {
  142. font-style:italic;
  143. color:{color:text};
  144. font-weight:bold;
  145. font-size:13px;
  146. letter-spacing:-1px;
  147. line-height:11px;}
  148.  
  149.  
  150. small {
  151. color:{color:shadow};
  152. font-weight:lighter;
  153. font-size:9px;
  154. letter-spacing:1px;
  155. line-height:11px;
  156. text-transform:uppercase;}
  157.  
  158.  
  159. u {
  160. color:{color:text};
  161. font-family:impact;
  162. font-size:9px;
  163. text-decoration:none;
  164. }
  165.  
  166. h1{
  167. font-size:49px;
  168. text-align:center;
  169. font-weight:lighter;
  170. color:{color:accent3};
  171. height:20px;
  172. text-transform:normal;
  173. letter-spacing:-4px;
  174. margin:0px;
  175. line-height:3px;
  176. }
  177.  
  178. ul, li {
  179. font-size:8px;
  180. line-height:140%;
  181. }
  182.  
  183. h2 {
  184. font-size:30px;
  185. text-align:center;
  186. color:{color:bold};
  187. font-weight:lighter;
  188. text-transform:normal;
  189. letter-spacing:-1px;
  190. margin:0px;
  191. padding-left:5px;
  192. padding-right:10px;
  193. padding-top:1px;
  194. }
  195.  
  196.  
  197. h3 {
  198. color:#fff;
  199. font-family:consolas;
  200. text-align:center;
  201. font-weight:lighter;
  202. font-size:8px;
  203. letter-spacing:5px;
  204. line-height:9px;
  205. text-transform:uppercase;}
  206.  
  207. hr {
  208. height:6px;
  209. border:1px solid {color:text};
  210. }
  211.  
  212. pre {
  213. background-color:{color:shadow};
  214. color:{color:bold};
  215. text-align:center;
  216. font-size:8px;
  217. letter-spacing:2px;
  218. line-height:9px;
  219. text-transform:uppercase;}
  220.  
  221.  
  222. blockquote {
  223. border-left:1px solid {color:text};
  224. padding-left:5px;
  225. text-align:justify;
  226. word-wrap: break-word;
  227. opacity:0.5;
  228. }
  229.  
  230. span {
  231. font-style:bold;
  232. }
  233.  
  234.  
  235.  
  236. /* tootips! */
  237.  
  238. #s-m-t-tooltip {
  239. max-width:300px;
  240. padding:3px 4px 5px 4px;
  241. margin:20px 0px 0px 20px;
  242. background-color:{color:accent2};
  243. font-family:arial;
  244. font-size:9px;
  245. letter-spacing:2px;
  246. text-transform:uppercase;
  247. color:{color:accent1};
  248. z-index:1;
  249. }
  250.  
  251.  
  252.  
  253. /* images! */
  254.  
  255. .container {
  256. background-color:#fff;
  257. position:absolute;
  258. margin-top:-280px;
  259. margin-left:-545px;
  260. width:890px;
  261. height:620px;
  262. }
  263.  
  264. .container img {
  265. width:890px;
  266. height:620px;
  267. }
  268.  
  269. .sidephoto {
  270. background-image: linear-gradient(to bottom right, #D66CAF, #DC3171 ,#F16F40, #F99D4C );
  271. position:absolute;
  272. margin-top:-272px;
  273. margin-left:-520px;
  274. width:215px;
  275. height:215px;
  276. border-radius:100%;
  277. }
  278.  
  279. .sidephoto img {
  280. width:205px;
  281. height:205px;
  282. margin-top:5px;
  283. margin-left:-2px;
  284. border-radius:100%;
  285. }
  286.  
  287.  
  288. .one {
  289. background-image:url('{image:one}') ;
  290. border:double 6px #fff;
  291. position:absolute;
  292. margin-top:-45px;
  293. margin-left:-520px;
  294. padding-top:37px;
  295. font-size:70px;
  296. width:77px;
  297. height:39px;
  298. border-radius:100%;
  299. }
  300.  
  301. .title1 {
  302. font-family: "Freight Sans Light";
  303. color:{color:text};
  304. font-size:12px;
  305. letter-spacing:1px;
  306. position:absolute;
  307. text-transform:uppercase;
  308. margin-top:45px;
  309. margin-left:-493px;
  310. }
  311.  
  312. .two {
  313. background-image:url('{image:one}') ;
  314. border:double 6px #fff;
  315. position:absolute;
  316. margin-top:-45px;
  317. margin-left:-422px;
  318. font-size:67px;
  319. width:77px;
  320. height:77px;
  321. border-radius:100%;
  322. }
  323.  
  324. .title2 {
  325. font-family: "Freight Sans Light";
  326. color:{color:text};
  327. font-size:12px;
  328. letter-spacing:1px;
  329. position:absolute;
  330. text-transform:uppercase;
  331. margin-top:45px;
  332. margin-left:-400px;
  333. }
  334.  
  335.  
  336. .three {
  337. background-image:url('{image:one}') ;
  338. border:double 6px #fff;
  339. position:absolute;
  340. margin-top:-45px;
  341. margin-left:-320px;
  342. padding-top:37px;
  343. font-size:70px;
  344. width:77px;
  345. height:39px;
  346. border-radius:100%;
  347. }
  348.  
  349. .title3 {
  350. color:{color:text};
  351. font-family: "Freight Sans Light";
  352. font-size:12px;
  353. letter-spacing:1px;
  354. position:absolute;
  355. text-transform:uppercase;
  356. margin-top:45px;
  357. margin-left:-310px;
  358. }
  359.  
  360. .four {
  361. background-image:url('{image:one}') ;
  362. border:double 6px #fff;
  363. position:absolute;
  364. margin-top:-45px;
  365. margin-left:-222px;
  366. padding-top:37px;
  367. font-size:70px;
  368. width:77px;
  369. height:39px;
  370. border-radius:100%;
  371. }
  372.  
  373. .title4 {
  374. font-family: "Freight Sans Light";
  375. color:{color:text};
  376. font-size:12px;
  377. letter-spacing:1px;
  378. position:absolute;
  379. text-transform:uppercase;
  380. margin-top:45px;
  381. margin-left:-187px;
  382. }
  383.  
  384. .bottom {
  385. background-image:url('{image:bottom}') ;
  386. position:absolute;
  387. margin-top:60px;
  388. margin-left:-520px;
  389. width:400px;
  390. height:260px;
  391. }
  392.  
  393.  
  394. /* posts */
  395.  
  396.  
  397. #entries {
  398. position:absolute;
  399. padding:10px;
  400. z-index:9999;
  401. margin-left:640px;
  402. margin-top:10px;
  403. height:590px;
  404. width:453px;
  405. overflow:auto;
  406. }
  407.  
  408. #post {
  409. width:400px;
  410. background-color: {color:post background};
  411. margin-top:8px;
  412. padding:20px;
  413. margin-bottom:10px;
  414. color: {color:text};
  415. text-align:justify;
  416. word-wrap: break-word;
  417. }
  418.  
  419.  
  420. /* ur sidebar! */
  421.  
  422. #sidebar{
  423. padding:10px;
  424. z-index:9999;
  425. text-align:center;
  426. position:absolute;
  427. margin-top:280px;
  428. font-size:10px;
  429. margin-left:740px;
  430. width:443px;
  431. height:150px;
  432. color:black;
  433. font-family:arial;
  434. color:{color:background};
  435. }
  436.  
  437.  
  438. #name {
  439. width:400px;
  440. font-size:33px;
  441. font-family: "Freight Sans Light";
  442. font-weight:lighter;
  443. overflow:none;
  444. position:absolute;
  445. text-align:center;
  446. line-height:100%;
  447. padding:5px;
  448. margin-top:-200px;
  449. margin-left:-445px;
  450. color:{color:text};
  451. }
  452.  
  453. #verfied {
  454. background-color:#3596F0;
  455. width:10px;
  456. font-size:9px;
  457. font-family: "Freight Sans Light";
  458. font-weight:lighter;
  459. overflow:none;
  460. position:absolute;
  461. text-align:center;
  462. line-height:100%;
  463. padding:5px;
  464. margin-top:-187px;
  465. margin-left:-179px;
  466. color:#fff;
  467. border-radius:100%;
  468. }
  469.  
  470. #posts {
  471. width:390px;
  472. font-size:9px;
  473. font-family: "Freight Sans Light";
  474. font-weight:lighter;
  475. overflow:none;
  476. position:absolute;
  477. text-align:center;
  478. line-height:100%;
  479. letter-spacing:1px;
  480. padding:5px;
  481. margin-top:-165px;
  482. margin-left:-410px;
  483. color:{color:text};
  484. opacity: 0.5;
  485. }
  486.  
  487. #bio {
  488. width:160px;
  489. height:70px;
  490. letter-spacing:1px;
  491. font-size:10px;
  492. font-family: "Freight Sans Light";
  493. font-weight:lighter;
  494. overflow:auto;
  495. position:absolute;
  496. text-align:justify;
  497. line-height:100%;
  498. padding:5px;
  499. margin-top:-148px;
  500. margin-left:-300px;
  501. color:{color:text};
  502. opacity: 0.5;
  503. }
  504.  
  505. #next {
  506. width:400px;
  507. font-size:11px;
  508. font-family: "Freight Sans Light";
  509. font-style:lighter;
  510. overflow:none;
  511. position:absolute;
  512. text-align:center;
  513. line-height:100%;
  514. letter-spacing:1px;
  515. padding:5px;
  516. margin-top:-70px;
  517. margin-left:-413px;
  518. color:{color:text};
  519. opacity: 0.5;
  520. }
  521.  
  522.  
  523.  
  524. /* navigation! */
  525.  
  526. #links{
  527. margin-top:580px;
  528. position:absolute;
  529. z-index:9999;
  530. display:block;
  531. margin-left:165px;
  532. height:80px;
  533. width:420px;
  534. }
  535.  
  536. #links a{
  537. text-decoration:none;
  538. z-index:99999999999999;
  539. padding-top:10px;
  540. font-size:45px;
  541. margin-top:-60px;
  542. width:100px;
  543. letter-spacing:-4px;
  544. text-align:center;
  545. text-transform:lowercase;
  546. font-style:italic;
  547. font-family: times;
  548. color:{color:links};
  549. display:inline-block;
  550. -webkit-transition: all 0.4s ease-in-out;
  551. -moz-transition: all 0.4s ease-in-out;
  552. -o-transition: all 0.4s ease-in-out;
  553. -ms-transition: all 0.4s ease-in-out;
  554. transition: all 0.4s ease-in-out;
  555. }
  556.  
  557. #links a:hover{
  558. text-decoration:underline;
  559. color:{color:accent2};
  560. -webkit-transition: all 0.4s ease-in-out;
  561. -moz-transition: all 0.4s ease-in-out;
  562. -o-transition: all 0.4s ease-in-out;
  563. -ms-transition: all 0.4s ease-in-out;
  564. transition: all 0.4s ease-in-out;
  565. }
  566.  
  567. /* post info! */
  568.  
  569. #info {
  570. width:426px;
  571. text-align:center;
  572. margin-top:7px;
  573. margin-left:-20px;
  574. letter-spacing:-3px;
  575. color:{color:shadow};
  576. font-size:10px;
  577. font-style:none;
  578. padding:7px;
  579. text-transform:uppercase;
  580. z-index:99999;
  581. }
  582.  
  583. #info a {
  584. font-size:8px;
  585. line-height:10px;
  586. letter-spacing:2px;
  587. padding:3px;
  588. color:{color:links};
  589. text-align:center;
  590. opacity: 0.5;
  591. }
  592.  
  593. #info a:hover {
  594. -moz-transition-duration:0.3s;
  595. -webkit-transition-duration:0.3s;
  596. -o-transition-duration:0.3s;
  597. }
  598.  
  599. #tags {
  600. float:left;
  601. width:430px;
  602. margin-top:0px;
  603. margin-left:-7px;
  604. letter-spacing:10px;
  605. font-size:10px;
  606. padding:5px;
  607. padding-bottom:10px;
  608. font-size:8px;
  609. opacity:1;
  610. transition-duration: 0.5s;
  611. -moz-transition-duration: 0.5s;
  612. -webkit-transition-duration: 0.5s;
  613. -o-transition-duration: 0.5s
  614. }
  615.  
  616. #tags a {
  617. font-size:6px;
  618. height:7px;
  619. padding:3px;
  620. text-align:center;
  621. letter-spacing:1px;
  622. text-decoration:none;
  623. display:inline-block;
  624. color:{color:text};
  625. opacity: 0.5;
  626. }
  627.  
  628. #tags a:hover {
  629. -moz-transition-duration:0.3s;
  630. -webkit-transition-duration:0.3s;
  631. -o-transition-duration:0.3s;
  632. }
  633.  
  634.  
  635. ol.notes {
  636. display:block;
  637. text-align:center;
  638. list-style-type:none;
  639. margin-left:15px;
  640. background-color:{color:Info Background};
  641. }
  642.  
  643. ol.notes li.note{
  644. margin-left:15px;
  645. margin-bottom:5px;
  646. background-color:{color:Info Background};
  647. line-height:110%;
  648. }
  649.  
  650. .pagenotes {
  651. text-align:left;
  652. margin-top:15px;
  653. background:none;
  654. margin-left:15px;
  655. background-color:{color:Info Background};
  656. }
  657.  
  658. .pagenotes img{
  659. padding-right:5px;
  660. padding-top:5px;
  661. margin-bottom:-5px;
  662. }
  663.  
  664.  
  665.  
  666. /* chat coding - THE IMESSAGE CODING IS NOT MINE*/
  667.  
  668.  
  669. .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:#e5e5ea;color:#000;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 #e5e5ea;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:#e8f3f9;color:#000}.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 #e8f3f9;border-bottom-left-radius:1em .5em}.me p,.answer,.asked span{padding:0;margin:0}.answer{overflow:hidden}
  670. .asked p {
  671. text-align: left;
  672. margin: 0 0px 10px 0px;
  673. padding: 0;
  674. color: #666666;
  675. font-family: 'Inconsolata', Inconsolata;
  676. font-size: 12px;
  677. line-height: 0px;
  678. }
  679. .footerright .viasrc {
  680. float: left;
  681. }
  682. .asked a {
  683. margin:0;padding:0;
  684. }
  685. .user_4{background-color:#55caff;color:#fff}.user_4::after{border-color:#55caff}.user_6{background-color:#60f246;color:#fff}.user_6::after{border-color:#60f246}.user_5{background-color:#9ff3fc;color:#000}.user_5::after{border-color:#9ff3fc}.user_3{background-color:#25c413;color:#fff}.user_3::after{border-color:#25c413}.user_7{background-color:#9b9b9b;color:#fff}.user_7::after{border-color:#9b9b9b}.user_8{background-color:#0d9321;color:#fff}.user_8::after{border-color:#0d9321}.user_9{background-color:#606060;color:#fff}.user_9::after{border-color:#606060}
  686. .convo {
  687. overflow: hidden;
  688. list-style-type: none;
  689. padding: 0;
  690. margin: 0;
  691. }
  692.  
  693. /* quote post! */
  694.  
  695. .quote{
  696. font-size:20px;
  697. font-family:arial black;
  698. text-align:center;
  699. line-height:100%;
  700. background:transparent;
  701. }
  702.  
  703. .qsource{
  704. text-align:right;
  705. margin-bottom:10px;
  706. color:{color:links};
  707. text-align:center;
  708. font-size:9px;
  709. font-family:arial;
  710. text-decoration:lowercase;
  711. padding:7px;
  712. }
  713.  
  714. /* music post! */
  715.  
  716. .songart{
  717. float:left;
  718. margin-right:10px;
  719. }
  720.  
  721. .songart img{
  722. width:77px;
  723. height:77px;
  724. }
  725.  
  726. .audio {
  727. margin-top:-10px;
  728. }
  729.  
  730. .songtitle{
  731. margin-bottom:10px;
  732. margin-left:90px;
  733. text-shadow: 1px 1px 0px {color:shadow};
  734. }
  735.  
  736. .songauthor{
  737. margin-bottom:10px;
  738. font-size:8px;
  739. margin-left:90px;
  740. }
  741.  
  742. .tumblr_audio_player {
  743. height: 50px;
  744. border-radius:3px;
  745. }
  746.  
  747.  
  748. /* ask post! */
  749.  
  750. .askimg {
  751. display:inline-block;
  752. }
  753.  
  754. .askimg img{
  755. border-radius:100%;
  756. border:double 1px #fff;
  757. }
  758.  
  759. .question span {
  760. text-shadow: 1px 1px 0px rgba(90, 90, 90, .6);
  761. text-transform:uppercase;
  762. }
  763. .question {
  764. background-image: linear-gradient(to bottom right, #D66CAF, #DC3171 ,#F16F40, #F99D4C );
  765. max-width:82%;
  766. font-size:12px;
  767. max-height:40%;
  768. border:double 5px #fff;
  769. padding:10px;
  770. margin-top:-70px;
  771. margin-left:70px;
  772. }
  773.  
  774. .answer {
  775. width:96%;
  776. padding:10px;
  777. margin-top:0px;
  778. }
  779.  
  780.  
  781.  
  782. /* pagi! */
  783. #pagination {
  784. width:340px;
  785. font-size:18px;
  786. z-index:999999999999;
  787. color:{color:accent2};
  788. position:absolute;
  789. margin-left:254px;
  790. height:20px;
  791. margin-top:600px;
  792. }
  793.  
  794. #pagination a {
  795. color:{color:accent2};
  796. margin-left:30px;
  797. font-size:13px;
  798. width:50px;
  799. font-family:ms gothic;
  800. z-index:999999999999;
  801. }
  802.  
  803.  
  804. /* credit - do not remove */
  805.  
  806. #cred {
  807. position:fixed;
  808. left:9px;
  809. bottom:9px;
  810. padding:4px;
  811. }
  812.  
  813.  
  814. #cred a {
  815. position:fixed;
  816. color:{color:text};
  817. font-family: "bebas neue";
  818. letter-spacing:2px;
  819. font-size:10px;
  820. left:9px;
  821. bottom:9px;
  822. padding:4px;
  823. }
  824.  
  825.  
  826.  
  827. {CustomCSS}
  828.  
  829.  
  830. </style></head>
  831.  
  832. <body>
  833.  
  834.  
  835. <!--- this is your tooltip scripts ---->
  836.  
  837. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  838. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  839. <script>
  840.  
  841. (function($){
  842.  
  843. $(document).ready(function(){
  844.  
  845. $("a[title]").style_my_tooltips({
  846.  
  847. tip_follows_cursor:true,
  848.  
  849. tip_delay_time:50,
  850.  
  851. tip_fade_speed:600,
  852.  
  853. attribute:"title"
  854.  
  855. });
  856.  
  857. });
  858.  
  859. })(jQuery);
  860.  
  861. </script>
  862.  
  863.  
  864.  
  865. <script>
  866. function openAlytut(evt, alytutName) {
  867. var i, x, tablinks;
  868. x = document.getElementsByClassName("alytut");
  869. for (i = 0; i < x.length; i++) {
  870. x[i].style.display = "none";
  871. }
  872. tablinks = document.getElementsByClassName("tablink");
  873. for (i = 0; i < x.length; i++) {
  874. tablinks[i].className = tablinks[i].className.replace(" tabzact", "");
  875. }
  876. document.getElementById(alytutName).style.display = "block";
  877. evt.currentTarget.className += " tabzact";
  878. }
  879. </script>
  880.  
  881.  
  882.  
  883.  
  884.  
  885. <!---- start of your html ---->
  886.  
  887.  
  888. <div id="sidebar">
  889.  
  890.  
  891. <div class="sidephoto">
  892. <img src="{image:sidephoto}">
  893. </div>
  894.  
  895. <div class="one">
  896. </div>
  897.  
  898. <div class="title1"><a href="DIRECT URL HERE">{text:title1}</a>
  899. </div>
  900.  
  901. <div class="two">
  902. </div>
  903.  
  904. <div class="title2"><a href="DIRECT URL HERE">{text:title2}</a>
  905. </div>
  906.  
  907. <div class="three">
  908. </div>
  909.  
  910. <div class="title3"><a href="DIRECT URL HERE">{text:title3}</a>
  911. </div>
  912.  
  913. <div class="four">
  914. </div>
  915.  
  916. <div class="title4"><a href="DIRECT URL HERE">{text:title4}</a>
  917. </div>
  918.  
  919.  
  920. <div class="bottom">
  921. <img src="{image:bottom}">
  922. </div>
  923.  
  924.  
  925. <div id="name">{text:name}</div>
  926. <div id="verfied">✓</div>
  927. <div id="posts"><b>{text:posts}</b> Posts <b>{text:followers}</b> Followers <b>{text:following}</b> Following </div>
  928. <div id="bio">{text:bio}</div>
  929. <div id="next">Followed by <b>{text:next}</b></div>
  930.  
  931.  
  932.  
  933. </div>
  934.  
  935.  
  936. <div id="pagination">{block:Pagination}
  937. {block:PreviousPage}
  938. <a href="{PreviousPage}">back</a>
  939. {/block:PreviousPage}
  940. {block:NextPage}<a href="{NextPage}">forth</a>
  941. {/block:NextPage}
  942. {/block:Pagination}</div>
  943.  
  944.  
  945. <!--- the start of your posts ---->
  946.  
  947. <div id="box">
  948. <div id="entries">
  949. {block:Posts}
  950. <div id="post">
  951.  
  952. <!--- TEXT POSTS ---->
  953.  
  954. {block:Text}
  955. {block:Title}<h1>{Title}</h1>{/block:Title}
  956. {Body}{/block:Text}
  957.  
  958. <!--- PHOTO POSTS ---->
  959.  
  960. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}
  961. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  962.  
  963. <!--- PHOTOSET POSTS ---->
  964.  
  965. {block:Photoset}{Photoset-400}{block:Caption}{Caption}
  966. {/block:Caption}{/block:Photoset}
  967.  
  968. <!--- QUOTE POSTS ---->
  969.  
  970. {block:Quote}<div class="quote">❝ {Quote} ❞</div>
  971. {block:Source}<div class="qsource"> —{Source}</div>
  972. {/block:Source}{/block:Quote}
  973.  
  974. <!--- LINK POSTS ---->
  975.  
  976. {block:Link}<h1><a href="{URL}" {Target}><b>{Name}</b></a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  977.  
  978. <!--- CHAT POSTS ---->
  979.  
  980. {block:Chat}
  981. {block:Title}
  982. <h1>{Title}</h1>{/block:Title}<br>
  983. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  984. {Line}</li>{/block:Lines}</ul>
  985. {/block:Chat}
  986.  
  987. <!--- AUDIO POSTS ---->
  988.  
  989. {block:Audio}{block:AlbumArt}<div class="songart"><img src="{AlbumArtURL}" align="left" style="margin-right:10px" /></div>{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</span>
  990. {block:TrackName}
  991. <b style="font-size:9px;"><u>Title:</u></b> <span style="color:{color:accent2};">{TrackName}</span><br>{/block:TrackName}
  992. {block:Artist}<b style="font-size:9px;"><u>Artist:</u></b> <span style="color:{color:accent2};">{Artist}</span>{/block:Artist}
  993. {/block:ExternalAudio}
  994. {block:Caption}{Caption}{/block:Caption}
  995. {/block:Audio}
  996.  
  997. <!--- VIDEO POSTS ---->
  998.  
  999. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1000.  
  1001. <!--- ASK POSTS ---->
  1002.  
  1003.  
  1004. {block:Answer}
  1005. <div class="askimg"><img src="{AskerPortraitURL-64}"></div><div class="question"><span>{Asker} shouted: </span><br><center> {Question}</center></div><div class="answer">{Answer}</div>
  1006. {/block:Answer}
  1007.  
  1008. <!--- INFO & TAGS ---->
  1009.  
  1010. <div id="info">
  1011. <a href="{Permalink}">{TimeAgo}</a> <a href="{Permalink}">{NoteCount}</a>
  1012. <div id="tags">
  1013. {block:HasTags}{block:Tags} <a href="{TagURL}" >#{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  1014.  
  1015.  
  1016.  
  1017. </div>
  1018. </div>
  1019.  
  1020. <!--- POSTNOTES ---->
  1021.  
  1022. {block:Posts}
  1023. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  1024. {/block:Posts}</div></div></div>
  1025. <br><br><br><br>
  1026.  
  1027. <!--- CREDIT ---->
  1028.  
  1029. <div id="cred">
  1030. <a href="http://www.sarfatirps.tumblr.com/">krissy</a>
  1031. </div>
  1032. </body>
  1033.  
  1034.  
  1035.  
  1036.  
  1037. </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!