daily pastebin goal
61%
SHARE
TWEET

Theme 12: Girl Like You

WildflowerDesigns Jul 16th, 2018 (edited) 268 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!--------
  5.  
  6. // theme 'girl like you' BY ISABELLEVRPS / WILDFLOWERDESIGNS
  7. * DO NOT STEAL!
  8. * DO NOT CLAIM AS YOUR OWN!
  9. * DO NOT REMOVE CREDIT!
  10. * DO NOT USE AS A BASE CODE!
  11.  
  12. // more themes @ wildflowerdesigns.tumblr.com
  13.  
  14. CREDITS:
  15. http://cyantists.tumblr.com/ - Tumblr controls
  16. http://shythemes.tumblr.com/ - Custom like & reblog buttons
  17. https://kryogenix.org/ - Smoothscroll
  18. https://jiapps.com/ - Latest posts
  19.  
  20. -------->
  21.  
  22. <title>{Title}</title>
  23. <link rel="shortcut icon" href="{Favicon}">
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  26.  
  27. <!---------------------------Default Variables--------------------------->
  28.  
  29. <meta name="image:header" content="" />
  30. <meta name="image:project 1" content="" />
  31. <meta name="image:project 2" content="" />
  32. <meta name="image:project 3" content="" />
  33.  
  34. <meta name="color:background" content="#f8f8f8"/>
  35. <meta name="color:top" content="#e6ddcf"/>
  36. <meta name="color:sidebar titles" content="#000000"/>
  37. <meta name="color:text" content="#666666"/>
  38. <meta name="color:link" content="#888888"/>
  39. <meta name="color:link hover" content="#e79d96"/>
  40. <meta name="color:bold" content="#737373"/>
  41. <meta name="color:italic" content="#e6ddcf"/>
  42. <meta name="color:underline" content="#80b993"/>
  43. <meta name="color:border" content="#ededed"/>
  44.  
  45. <meta name="if:show header" content="0">
  46. <meta name="if:show facebook icon" content="0">
  47. <meta name="if:show twitter icon" content="0">
  48. <meta name="if:show instagram icon" content="0">
  49. <meta name="if:show apple icon" content="0">
  50. <meta name="if:show spotify icon" content="0">
  51.  
  52. <meta name="text:title" content="girl like you"/>
  53. <meta name="text:subtitle" content="I need a girl like you"/>
  54. <meta name="text:blog username" content="username"/>
  55.  
  56. <meta name="text:link 1" content="link 1"/>
  57. <meta name="text:link 1 url" content="link 1 url"/>
  58. <meta name="text:link 2" content="link 2"/>
  59. <meta name="text:link 2 url" content="link 2 url"/>
  60. <meta name="text:link 3" content="link 3"/>
  61. <meta name="text:link 3 url" content="link 3 url"/>
  62. <meta name="text:link 4" content="link 4"/>
  63. <meta name="text:link 4 url" content="link 4 url"/>
  64. <meta name="text:link 5" content="link 5"/>
  65. <meta name="text:link 5 url" content="link 5 url"/>
  66. <meta name="text:facebook url" content="facebook url"/>
  67. <meta name="text:twitter url" content="twitter url"/>
  68. <meta name="text:instagram url" content="instagram url"/>
  69. <meta name="text:apple url" content="instagram url"/>
  70. <meta name="text:spotify url" content="instagram url"/>
  71.  
  72. <!---------------------------Scripts--------------------------->
  73.  
  74. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  75.  
  76. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  77. <script>
  78.    (function($){
  79.        $(document).ready(function(){
  80.            $("[title]").style_my_tooltips({
  81.                tip_follows_cursor:true,
  82.                tip_delay_time:200,
  83.                tip_fade_speed:300
  84.            }
  85.                );
  86.        });
  87.    })(jQuery);
  88. </script>
  89.  
  90. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />
  91.  
  92. <script type="text/javascript" src="https://kryogenix.org/code/browser/smoothscroll/smoothscroll.js"></script>
  93.  
  94. <link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Lato|Montserrat" rel="stylesheet">
  95.  
  96. <!---------------------------CSS Start--------------------------->
  97.  
  98. <style type="text/css">
  99.  
  100. #s-m-t-tooltip {
  101. max-width:300px;
  102. margin:15px;
  103. padding:2px 8px;
  104. border:1px solid #eee
  105. border-radius:4px;
  106. background:#fff;
  107. color:{color:text};
  108. z-index:999999;
  109. font-size:8px;
  110. text-transform:lowercase;
  111. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  112. }
  113.  
  114. /*---scrollbar---*/
  115. ::-webkit-scrollbar {
  116. width: 2px;
  117. background: #f8f8f8;
  118. border: 0px solid #000;
  119. }
  120.  
  121. ::-webkit-scrollbar-thumb {
  122. background: {color:top};
  123. border: 0px solid #000;
  124. }
  125.  
  126. /*---basics---*/
  127. body {
  128. background: {color:background};
  129. margin: 0px;
  130. color: {color:text};
  131. font-family: 'Montserrat', sans-serif;
  132. font-size: 11px;
  133. line-height: 150%;
  134. text-align: left;
  135. }
  136.  
  137. a {
  138. color:{color:link};
  139. text-decoration:none;
  140. }
  141.  
  142. a:hover {
  143. color:{color:link hover};
  144. text-decoration:none;
  145. }
  146.  
  147. b {
  148. color: {color:bold};
  149. }
  150.  
  151. i {
  152. color: {color:italic};
  153. }
  154.  
  155. u {
  156. color: {color:underline};
  157. }
  158.  
  159. h1 {
  160. font-family: 'Lato', sans-serif;
  161. font-size: 14px;
  162. font-weight:normal;
  163. text-transform:uppercase;
  164. letter-spacing:3px;    
  165. }
  166.  
  167. h2 {
  168. font-family: 'Abril Fatface', cursive;
  169. font-size: 16px;
  170. font-weight:normal;
  171. text-transform:lowercase;
  172. letter-spacing:3px;    
  173. }
  174.  
  175. blockquote {
  176. padding-left:10px;
  177. margin:10px;
  178. border-left:1px solid #eee;
  179. }
  180.  
  181. /*---top navigation---*/
  182. #topnav {
  183. background:{color:top};
  184. width: 100%;
  185. height: 32px;
  186. }
  187.  
  188. .topnav {
  189. padding-top:8px;    
  190. padding-left:150px;    
  191. }
  192.  
  193. #topnav a {
  194. margin-right:35px;    
  195. font-family: 'Lato', sans-serif;
  196. font-size: 8px;
  197. text-transform:uppercase;
  198. letter-spacing:3px;
  199. }
  200.  
  201. /*---top---*/
  202. #top {
  203. background:#fff;
  204. width: 100%;
  205. height: 160px;
  206. margin-bottom: 0px;  
  207. z-index: 999;
  208. background-position: center;
  209. color:#000;
  210. }
  211.  
  212. .title {
  213. font-family: 'Abril Fatface', cursive;
  214. text-transform:uppercase;
  215. text-align:center;
  216. font-size:38px;
  217. padding-top:60px;
  218. }
  219.  
  220. .subtitle {
  221. font-family: 'Lato', sans-serif;    
  222. text-transform:uppercase;
  223. text-align:center;
  224. font-size:8px;
  225. padding-top:20px;
  226. letter-spacing:3px;
  227. }
  228.  
  229. /*---top navigation---*/
  230. #navigation {
  231. margin:auto;
  232. padding-bottom:20px;
  233. background:#fff;
  234. width: 100%;
  235. color:#000;
  236. }
  237.  
  238. .navigation {
  239. margin:auto;
  240. padding:10px;
  241. background:#fff;  
  242. width:60%;
  243. border-top: 1px solid {color:border};
  244. border-bottom: 1px solid {color:border};
  245. text-align:center;
  246. }
  247.  
  248. #navigation a {
  249. margin-left:17px;    
  250. margin-right:17px;    
  251. font-family: 'Lato', sans-serif;
  252. text-transform:uppercase;
  253. font-size:9px;
  254. letter-spacing:3px;
  255. color:{color:link};
  256. }
  257.  
  258. #navigation a:hover {
  259. color:{color:link hover};    
  260. }
  261.  
  262. #navigation i {
  263. color:{color:link};
  264. font-size:12px;
  265. }
  266.  
  267. /*---header---*/
  268. #header {
  269. width:100%;
  270. height:375px;
  271. background-image:url({image:header});
  272. background-position: center;
  273. background-repeat:repeat;    
  274. }
  275.  
  276. /*---latest posts---*/
  277. #latestposts {
  278. margin:auto;
  279. {block:Ifshowheader}
  280. margin-top:-50px;
  281. {/block:Ifshowheader}
  282. padding-top:20px;
  283. {block:Ifshowheader}
  284. width: 85%;
  285. {/block:Ifshowheader}
  286. height: 115px;
  287. background:#fff;
  288. }
  289.  
  290. .desc {
  291. float:left;
  292. margin-left:270px;
  293. margin-top:10px;
  294. padding:10px;
  295. width: 85px;
  296. height:75px;
  297. }
  298.  
  299. .desctitle {
  300. font-family: 'Lato', sans-serif;
  301. text-transform:uppercase;
  302. font-size:9px;    
  303. letter-spacing:2px;
  304. }
  305.  
  306. .desctitle span {
  307. font-family: 'Abril Fatface', cursive;
  308. font-size:18px;
  309. text-transform:uppercase;
  310. color:#000;
  311. letter-spacing:0px;
  312. margin-right:5px;
  313. }    
  314.  
  315. .gallery {
  316. float:right;
  317. padding:10px;
  318. margin-right:180px;
  319. width:49%;
  320. height:85px;
  321. }
  322.  
  323. .ji-tumblr-photos img {
  324. margin-right:5px;    
  325. padding:2px;
  326. border: 1px solid {color:border};
  327. }
  328.  
  329. .ji-tumblr-photos img:hover {
  330. opacity:0.4;
  331. transition: all 0.5s;
  332. -webkit-transition: all 0.5s;
  333. -moz-transition: all 0.5s;
  334. }
  335.  
  336. /*---search---*/
  337. .search {
  338. margin-left:30%;    
  339. margin-top:-19px;
  340. }
  341.  
  342. .searchbox input {
  343. background-color:#fff;
  344. font-family: 'Lato', sans-serif;
  345. text-transform:uppercase;
  346. font-size:9px;  
  347. border: 0px;
  348. margin-top: 0px;
  349. color: {color:text};
  350. letter-spacing: 1px;
  351. padding: 4px 8px;
  352. }
  353.  
  354. /*---container---*/
  355. #container {
  356. margin:auto;
  357. margin-top:35px;
  358. padding:0px;
  359. width:1200px;
  360. background:{color:background};
  361. min-height:3100px;  
  362. }
  363.  
  364. /*---entries---*/
  365. #entries {
  366. float:right;
  367. margin-top:0px;
  368. margin-bottom:20px;
  369. background:#fff;
  370. padding:20px;
  371. width:56%;
  372. min-height:3010px;
  373. }
  374.  
  375. /*---sidebar---*/
  376. #sidebar {
  377. left:calc(50% - 600px);
  378. position:absolute;
  379. width:450px;
  380. background:#fff;
  381. min-height:3050px;
  382. }
  383.  
  384. .category {
  385. width:400px;
  386. padding:25px;
  387. }
  388.  
  389. .categorytitle {
  390. font-family: 'Abril Fatface', cursive;
  391. font-size:14px;
  392. text-transform:uppercase;
  393. padding:10px;
  394. text-align:center;
  395. }
  396.  
  397. .categorytitle span {
  398. text-align:center;
  399. padding:6px;
  400. padding-right:9px;
  401. padding-left:9px;
  402. background: {color:top};
  403. color:{color:sidebar titles};
  404. }
  405.  
  406. .about {
  407. padding-top:10px;    
  408. }
  409.  
  410. .upcoming {
  411. padding-top:10px;    
  412. }
  413.  
  414. .upcoming span {
  415. display: inline-block;
  416. background:#fafafa;
  417. width: 50px;
  418. margin-right:25px;
  419. border-top: 1px dashed {color:border};
  420. border-bottom: 1px dashed {color:border};
  421. font-family: 'Abril Fatface', cursive;
  422. text-transform:uppercase;
  423. font-weight:bold;
  424. letter-spacing:1px;
  425. text-align:center;
  426. }
  427.  
  428. .project {
  429. padding-top:10px;    
  430. }
  431.  
  432. .project span {
  433. display: inline-block;
  434. background:#fafafa;
  435. width: 150px;  
  436. font-family: 'Abril Fatface', cursive;
  437. text-transform:uppercase;
  438. font-weight:bold;
  439. letter-spacing:1px;
  440. text-align:center;
  441. }
  442.  
  443. .project img {
  444. width:390px;
  445. height:120px;
  446. padding:2px;
  447. border: 1px solid {color:border};
  448. }
  449.  
  450. .members {
  451. padding-top:10px;    
  452. }
  453.  
  454. .members img {
  455. margin-right:25px;    
  456. padding:2px;
  457. border: 1px solid {color:border};    
  458. }
  459.  
  460. .affiliates {
  461. padding-top:10px;    
  462. }
  463.  
  464. .affiliates img {
  465. width:50px;
  466. height:50px;
  467. margin-right:5px;    
  468. padding:2px;
  469. border: 1px solid {color:border};    
  470. }
  471.  
  472. .stats {
  473. padding-top:10px;  
  474. }
  475.  
  476. .stats span {
  477. display: inline-block;
  478. width: 100px;
  479. margin-right:25px;
  480. font-family: 'Lato', sans-serif;
  481. text-transform:uppercase;
  482. letter-spacing:1px;
  483. }
  484.  
  485. /*---tumblr controls---*/
  486. iframe.tmblr-iframe {
  487. z-index:99999999999999!important;
  488. top:-2px!important;
  489. right:0!important;
  490. opacity:0;
  491. padding-right:38px;
  492. transform:scale(0.65);
  493. transform-origin:100% 0;
  494. -webkit-transform:scale(0.65);
  495. -webkit-transform-origin:100% 0;
  496. -o-transform:scale(0.65);
  497. -o-transform-origin:100% 0;
  498. -moz-transform:scale(0.65);
  499. -moz-transform-origin:100% 0;
  500. -ms-transform:scale(0.65);
  501. -ms-transform-origin:100% 0;
  502. }
  503.  
  504. iframe.tmblr-iframe:hover {
  505. opacity:0.6!important;
  506. }
  507.  
  508. .hcontrols {
  509. position:fixed;
  510. top:0;
  511. right:0;
  512. z-index:999999999;
  513. }
  514.  
  515. .hcontrols svg {
  516. width:14px;
  517. height:14px;
  518. padding:9px;
  519. }
  520.  
  521. .hcontrols svg path {
  522. fill:{color:link};
  523. }
  524.  
  525. /*---posts---*/
  526. #posts {
  527. margin:auto;
  528. margin-top:5px;
  529. background:#fff;
  530. width:500px;
  531. }
  532.  
  533. .posts img, .posts li, .posts blockquote {
  534. max-width: 100%;
  535. }
  536.  
  537. .posts li {
  538. list-style: square;
  539. }
  540.  
  541. blockquote img {
  542. max-width:320px!important;
  543. }
  544.  
  545. /*---info---*/
  546. .info {
  547. margin-bottom:15px;
  548. padding:10px;    
  549. font-family: 'Abril Fatface', cursive;
  550. font-size:14px;
  551. text-transform:uppercase;
  552. text-align:center;
  553. }
  554.  
  555. .info a {
  556. color:#000;    
  557. }
  558.  
  559. .info a:hover {
  560. color:#000;    
  561. }
  562.  
  563. .info span {
  564. text-align:center;
  565. padding:6px;
  566. padding-right:9px;
  567. padding-left:9px;
  568. background: {color:top};
  569. color:{color:sidebar titles};
  570. }
  571.  
  572. /*---reblog & like---*/
  573. .controls {
  574. margin-top:10px;    
  575. padding:3px;
  576. }
  577.  
  578. .controls svg {
  579. width:10px;
  580. height:auto;
  581. opacity:.5;
  582. padding:1px;
  583. display:block;
  584. overflow:visible;
  585. margin-top:7px;
  586. }
  587.  
  588. .controls a {
  589. position:relative;
  590. display:inline-block;
  591. overflow:hidden;
  592. padding:5px;
  593. width:12px;
  594. height:12px;
  595. }
  596.  
  597. .controls .reblog {
  598. opacity:.93;
  599. }
  600.  
  601. .controls .reblog svg {
  602. width:9px;
  603. margin-top:7px;
  604. }
  605.  
  606. .controls .like .liked + svg {
  607. opacity:1;
  608. }
  609.  
  610. .controls .like .liked + svg path {
  611. fill:#ec5a5a;
  612. }
  613.  
  614. .controls .like .like_button {
  615. position:relative;
  616. }
  617.  
  618. .controls .like .like_button iframe {
  619. position:absolute;
  620. top:0;
  621. left:0;
  622. bottom:0;
  623. right:0;
  624. z-index:2;
  625. opacity:0.000001;
  626. }
  627.  
  628. /*---tags---*/
  629. .tags {
  630. margin-top:40px;
  631. margin-bottom:40px;
  632. text-align:center;
  633. text-transform:lowercase;
  634. letter-spacing:1px;
  635. }
  636.  
  637. .tags span {
  638. display: inline-block;      
  639. font-family: 'Lato', sans-serif;    
  640. text-align:center;
  641. padding:6px;
  642. padding-right:9px;
  643. padding-left:9px;
  644. margin-bottom:5px;
  645. background: {color:background};
  646. color:{color:sidebar titles};    
  647. }
  648.  
  649. /*---notes---*/
  650. ol.notes {
  651. margin-left:-30px;
  652. list-style-type:none;
  653. font-family: 'Lato', sans-serif;
  654. text-transform:lowercase;
  655. }
  656.  
  657. ol.notes li.note {
  658. width:490px;
  659. padding:2px;
  660. border-bottom:1px solid {color:border};
  661. }
  662.  
  663. ol.notes li.note img.avatar {
  664. margin-left:-25px;
  665. width:16px;
  666. height:16px;
  667. border-radius:9px;
  668. padding:2px;
  669. }
  670.  
  671. ol.notes li.note span.action {
  672. margin-left:5px;
  673. font-weight:none;
  674. }
  675.  
  676. ol.notes li.note .answer_content {
  677. font-weight:normal;
  678. }
  679.  
  680. ol.notes li.note blockquote {
  681. padding:4px 10px;
  682. margin:10px 0px 0px 25px;
  683. }
  684.  
  685. ol.notes li.note blockquote a {
  686. text-decoration:none;
  687. }
  688.  
  689. /*---quotes---*/
  690. .quote {
  691. font-size:14px;
  692. text-align:center;
  693. }
  694.  
  695. .quotesource {
  696. text-align:center;
  697. padding:20px;
  698. letter-spacing:1px;
  699. }
  700.  
  701. /*---chat---*/
  702. .chat {
  703. line-height:20px;
  704. list-style:none;
  705. margin-bottom:20px;
  706. }
  707.  
  708. .line.odd {
  709. list-style:none;
  710. background:#fafafa;
  711. padding:5px;
  712. margin-left:5px;
  713. font-size:10px;
  714. }
  715.  
  716. .line.even {
  717. list-style:none;
  718. background:#fff;
  719. padding:5px;
  720. margin-left:5px;
  721. font-size:10px;
  722. }
  723.  
  724. .label {
  725. padding-right:1px;
  726. text-transform:uppercase;
  727. font-weight:bold;
  728. }
  729.  
  730. /*---questions---*/
  731. .question {
  732. background:#fafafa;
  733. padding:10px;
  734. font-family: 'Lato', sans-serif;
  735. font-size:11px;
  736. letter-spacing:1px;
  737. }
  738.  
  739. .asker {
  740. color:{color:text};    
  741. letter-spacing:1px;
  742. text-align:center;
  743. line-height:150%;
  744. }
  745.  
  746. .answer {
  747. margin-top:25px;
  748. }
  749.  
  750. /*---audio---*/
  751. .audio {
  752. position:relative;
  753. margin-left:45px;  
  754. }
  755.    
  756. .playbutton {
  757. position:relative;
  758. margin-top:40px;
  759. margin-left:25px;
  760. z-index:9;
  761. width:33px;
  762. height:30px;
  763. overflow:hidden;}
  764.    
  765. .albumart img {
  766. position:relative;
  767. margin-top:-55px;
  768. margin-left:0px
  769. height:80px;
  770. width:80px;}    
  771.            
  772. .trackinfo {
  773. color:{color:text};
  774. top:35px;
  775. position:relative;
  776. margin-left:40px;
  777. height:120px;
  778. margin-top:-120px;}
  779.  
  780. .trackname {
  781. position:relative;
  782. padding-top:30px;
  783. font-family: 'Lato', sans-serif;
  784. text-align:center;
  785. font-size:12px;
  786. text-transform:uppercase;
  787. font-weight: bold;
  788. letter-spacing:1px;}  
  789.  
  790. .artist {
  791. text-align:center;
  792. font-size:12px;
  793. text-transform:uppercase;
  794. letter-spacing:4px;}
  795.  
  796. .album {
  797. text-align:center;
  798. font-style: italic;
  799. letter-spacing:4px;}
  800.  
  801. /*---pagination---*/
  802. #pages {
  803. text-align:center;    
  804. margin-top:30px;
  805. margin-bottom:50px;
  806. text-transform:lowercase;
  807. font-size:14px;
  808. }
  809.  
  810. #pages span {
  811. background:#fafafa;
  812. border-right:1px solid #eaeaea;
  813. border-bottom:1px solid #eaeaea;
  814. padding:5px;
  815. margin-right:5px;
  816. font-size:12px;
  817. text-transform:uppercase;
  818. }    
  819.  
  820. /*---scroll---*/
  821. .scroll {
  822. position:fixed;
  823. bottom:10px;
  824. right:20px;
  825. padding:2px;
  826. font-size:18px;
  827. font-weight:bold;
  828. z-index:10;
  829. text-align:right;
  830. letter-spacing:3px;
  831. }
  832.  
  833. /*-------------------------CSS END------------------------*/
  834. </style>
  835. </head>
  836.  
  837. <!-------------------------HTML START------------------------>
  838. <body>
  839.  
  840. <div id="topnav">
  841. <div class="topnav">
  842. <a href="/"> home</a>
  843. <a href="/ask"> message</a>
  844. <a href="/archive"> archive</a>
  845. </div>
  846. <div class="search">
  847. <form action="/search" method="get" class="searchbox">
  848. <input type="text" name="q" value="{SearchQuery}" id="sf"/>
  849. <input type="submit" value="Search" id="sb"/>
  850. </form>
  851. </div></div>
  852.  
  853. <div id="top">
  854. <div class="title">{text:title}</div>
  855. <div class="subtitle">{text:subtitle}</div>
  856. </div>
  857.  
  858. <div id="navigation">
  859. <div class="navigation">
  860. <a href="{text:link 1 url}"> {text:link 1}</a>
  861. <a href="{text:link 2 url}"> {text:link 2}</a>
  862. <a href="{text:link 3 url}"> {text:link 3}</a>
  863. <a href="{text:link 4 url}"> {text:link 4}</a>
  864. <a href="{text:link 5 url}"> {text:link 5}</a>
  865. <a href="{text:link 6 url}"> {text:link 6}</a>
  866.  
  867. {block:Ifshowfacebookicon}
  868. <a href="{text:facebook url}" target="_blank"><i class="fa fa-facebook-f"></i></a>
  869. {/block:Ifshowfacebookicon}
  870.  
  871. {block:Ifshowtwittericon}
  872. <a href="{text:twitter url}" target="_blank"><i class="fa fa-twitter"></i></a>
  873. {/block:Ifshowtwittericon}
  874.  
  875. {block:Ifshowinstagramicon}
  876. <a href="{text:instagram url}" target="_blank"><i class="fa fa-instagram"></i></a>
  877. {/block:Ifshowinstagramicon}
  878.  
  879. {block:Ifshowappleicon}
  880. <a href="{text:apple url}" target="_blank"><i class="fa fa-apple"></i></a>
  881. {/block:Ifshowappleicon}
  882.  
  883. {block:Ifshowspotifyicon}
  884. <a href="{text:spotify url}" target="_blank"><i class="fa fa-spotify"></i></a>
  885. {/block:Ifshowspotifyicon}
  886. </div></div>
  887.  
  888. {block:Ifshowheader}
  889. <div id="header"></div>
  890. {/block:Ifshowheader}
  891. <div id="latestposts">
  892. <div class="desc">
  893. <div class="desctitle">
  894. <span>latest posts</span><br>
  895. <i>gallery</i>
  896. </div>
  897. </div>
  898. <div class="gallery">
  899. <div class='ji-tumblr-photos'><a id='ji-tumblr-url-gallery-1' href=''><img border='0' style='margin:3px' id='ji-tumblr-photo-gallery-1' src='' alt='' /></a><a id='ji-tumblr-url-gallery-2' href=''><img border='0' style='margin:3px' id='ji-tumblr-photo-gallery-2' src='' alt='' /></a><a id='ji-tumblr-url-gallery-3' href=''><img border='0' style='margin:3px' id='ji-tumblr-photo-gallery-3' src='' alt='' /></a><a id='ji-tumblr-url-gallery-4' href=''><img border='0' style='margin:3px' id='ji-tumblr-photo-gallery-4' src='' alt='' /></a><a id='ji-tumblr-url-gallery-5' href=''><img border='0' style='margin:3px' id='ji-tumblr-photo-gallery-5' src='' alt='' /></a><a id='ji-tumblr-url-gallery-6' href=''><img border='0' style='margin:3px' id='ji-tumblr-photo-gallery-6' src='' alt='' /></a>
  900. </div>
  901. <script type='text/javascript' src='http://{text:blog username}.tumblr.com/api/read/json?number=6&type=photo'></script>
  902. <script type='text/javascript'>
  903. document.getElementById('ji-tumblr-photo-gallery-1').setAttribute('src', tumblr_api_read.posts[0]['photo-url-75']);
  904. document.getElementById('ji-tumblr-url-gallery-1').setAttribute('href', tumblr_api_read.posts[0]['url-with-slug']);
  905. document.getElementById('ji-tumblr-photo-gallery-2').setAttribute('src', tumblr_api_read.posts[1]['photo-url-75']);
  906. document.getElementById('ji-tumblr-url-gallery-2').setAttribute('href', tumblr_api_read.posts[1]['url-with-slug']);
  907. document.getElementById('ji-tumblr-photo-gallery-3').setAttribute('src', tumblr_api_read.posts[2]['photo-url-75']);
  908. document.getElementById('ji-tumblr-url-gallery-3').setAttribute('href', tumblr_api_read.posts[2]['url-with-slug']);
  909. document.getElementById('ji-tumblr-photo-gallery-4').setAttribute('src', tumblr_api_read.posts[3]['photo-url-75']);
  910. document.getElementById('ji-tumblr-url-gallery-4').setAttribute('href', tumblr_api_read.posts[3]['url-with-slug']);
  911. document.getElementById('ji-tumblr-photo-gallery-5').setAttribute('src', tumblr_api_read.posts[4]['photo-url-75']);
  912. document.getElementById('ji-tumblr-url-gallery-5').setAttribute('href', tumblr_api_read.posts[4]['url-with-slug']);
  913. document.getElementById('ji-tumblr-photo-gallery-6').setAttribute('src', tumblr_api_read.posts[5]['photo-url-75']);
  914. document.getElementById('ji-tumblr-url-gallery-6').setAttribute('href', tumblr_api_read.posts[5]['url-with-slug']);
  915. </script>
  916. </div>
  917. </div>
  918.  
  919. <div id="container">
  920. <!---------------------------CONTAINER--------------------------->
  921. <div id="sidebar">
  922. <!---------------------------SIDEBAR--------------------------->
  923.  
  924. <div class="category">
  925. <div class="categorytitle"><span>welcome</span></div>
  926. <div class="about">      
  927. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin varius est sed dolor faucibus efficitur. Donec lacinia nisl dolor, quis aliquam elit blandit quis. Nam id pharetra lectus. Fusce non gravida dui. Aliquam quis nulla aliquet, ultrices purus in, tincidunt nulla. Integer vel egestas mauris, at rutrum turpis. Morbi eget mi id eros bibendum fringilla. Pellentesque auctor augue et ullamcorper convallis. Nunc laoreet eu enim sit amet cursus.
  928. </div></div>
  929.  
  930. <div class="category">
  931. <div class="categorytitle"><span>instagram</span></div>
  932. <div class="about">      
  933. <!-- InstaWidget -->
  934. <a href="https://instawidget.net/v/user/arianagrande" id="link-644dedb985b85561056424af0aa0958c7205f4b15e4bf73b8be04a07de3c7ce9">@arianagrande</a>
  935. <script src="https://instawidget.net/js/instawidget.js?u=644dedb985b85561056424af0aa0958c7205f4b15e4bf73b8be04a07de3c7ce9&width=400px"></script> <!--get yuor widget at https://instawidget.net/generate -->
  936. </div></div>
  937.  
  938. <div class="category">
  939. <div class="categorytitle"><span>upcoming events</span></div>
  940. <div class="upcoming">
  941. <p><span>08/11</span> <b>tba</b> tba</p>
  942. <p><span>07/13</span> <b>god is a woman</b> release</p>
  943. <p><span>06/14</span> <b>bed ft. Nicki Minaj</b> release</p>
  944. </div></div>
  945.  
  946. <div class="category">
  947. <div class="categorytitle"><span>projects</span></div>
  948. <div class="project">      
  949.  
  950. <!--Project 1-->
  951. <img src="{image:project 1}"/>
  952. <center><p><span>
  953. god is a woman
  954. </span></p></center>
  955.  
  956. <blockquote>
  957. Morbi eget mi id eros bibendum fringilla. Pellentesque auctor augue et ullamcorper convallis. Nunc laoreet eu enim sit amet cursus.
  958. </blockquote>
  959. <center><i>
  960. <a href="/">related posts</a> / <a href="/">spotify</a>
  961. </i></center>
  962. <br><br>
  963.  
  964. <!--Project 2-->    
  965. <img src="{image:project 2}"/>
  966. <center><p><span>
  967. project 2
  968. </span></p></center>
  969.  
  970. <blockquote>
  971. Morbi eget mi id eros bibendum fringilla. Pellentesque auctor augue et ullamcorper convallis. Nunc laoreet eu enim sit amet cursus.
  972. </blockquote>
  973. <center><i>
  974. <a href="/">related posts</a> / <a href="/">spotify</a>
  975. </i></center>
  976. <br><br>
  977.  
  978. <!--Project 3-->    
  979. <img src="{image:project 3}"/>
  980. <center><p><span>
  981. project 3
  982. </span></p></center>
  983.  
  984. <blockquote>
  985. Morbi eget mi id eros bibendum fringilla. Pellentesque auctor augue et ullamcorper convallis. Nunc laoreet eu enim sit amet cursus.
  986. </blockquote>
  987. <center><i>
  988. <a href="/">related posts</a> / <a href="/">spotify</a>
  989. </i></center>
  990.  
  991. </div></div>
  992.  
  993. <div class="category">
  994. <div class="categorytitle"><span>affiliates</span></div>
  995. <div class="affiliates">  
  996. <center>
  997. <a href="/" target="_blank" title="title"> <img src="http://placehold.it/50x50"/></a>
  998. <a href="/" target="_blank" title="title"> <img src="http://placehold.it/50x50"/></a>
  999. <a href="/" target="_blank" title="title"> <img src="http://placehold.it/50x50"/></a>
  1000. <a href="/" target="_blank" title="title"> <img src="http://placehold.it/50x50"/></a>
  1001. <a href="/" target="_blank" title="title"> <img src="http://placehold.it/50x50"/></a>
  1002. <a href="/" target="_blank" title="title"> <img src="http://placehold.it/50x50"/></a>
  1003. <a href="/" target="_blank" title="title"> <img src="http://placehold.it/50x50"/></a>
  1004. <a href="/" target="_blank" title="title"> <img src="http://placehold.it/50x50"/></a>
  1005. <a href="/" target="_blank" title="title"> <img src="http://placehold.it/50x50"/></a>
  1006. <a href="/" target="_blank" title="title"> <img src="http://placehold.it/50x50"/></a>
  1007. <a href="/" target="_blank" title="title"> <img src="http://placehold.it/50x50"/></a>
  1008. <a href="/" target="_blank" title="title"> <img src="http://placehold.it/50x50"/></a>
  1009. <a href="/" target="_blank" title="title"> <img src="http://placehold.it/50x50"/></a>
  1010. <a href="/" target="_blank" title="title"> <img src="http://placehold.it/50x50"/></a>
  1011. <a href="/" target="_blank" title="title"> <img src="http://placehold.it/50x50"/></a>
  1012. <a href="/" target="_blank" title="title"> <img src="http://placehold.it/50x50"/></a>
  1013. <a href="/" target="_blank" title="title"> <img src="http://placehold.it/50x50"/></a>
  1014. <a href="/" target="_blank" title="title"> <img src="http://placehold.it/50x50"/></a>
  1015. </center>
  1016. </div></div>
  1017.  
  1018. <div class="category">
  1019. <div class="categorytitle"><span>members</span></div>
  1020. <div class="members">      
  1021. {block:GroupMembers}
  1022. <table>
  1023. {block:GroupMember}
  1024. <tr>
  1025. <td>
  1026. <img src="{GroupMemberPortraitURL-40}">
  1027. </td>
  1028. <td>
  1029. <a href="{GroupMemberURL}"><b>{GroupMemberName}</b></a><br>{GroupMemberTitle}
  1030. </tr>
  1031. {/block:GroupMember}
  1032. </table>
  1033. {/block:GroupMembers}
  1034. </div></div>
  1035.  
  1036. <div class="category">
  1037. <div class="categorytitle"><span>stats</span></div>
  1038. <div class="stats">      
  1039. <p><span>about:</span> Ariana Grande</p>
  1040. <p><span>established:</span> July 16, 2018</p>
  1041. <p><span>admin:</span> Isabelle</p>
  1042. <p><span>online:</span> <!-- get your script at http://freehostedscripts.net/onlinecounter/ --></p>
  1043. <p><span>visits:</span> <!-- get your script at http://freehostedscripts.net/texthitcounter/ --></p>
  1044. <!--- DO NOT REMOVE ---><p><span>theme by:</span>  <a href="http://wildflowerdesigns.tumblr.com/" target="_blank">Wildflower Designs</i></a><!--- DO NOT REMOVE --->
  1045. <p><span>disclaimer:</span></p>
  1046. We claim no credit for any images posted unless stated otherwise. Images and information on this blog are copyright to their respectful owners. If there is any content appearing on this blog that belongs to you and you do not wish for it to appear on this blog, please message us with a link to say which post and it will be promptly removed.
  1047. </div></div>
  1048.  
  1049. <!---------------------------SIDEBAR--------------------------->
  1050. </div>
  1051.  
  1052.  
  1053. <div id="entries">
  1054. <!---------------------------ENTRIES--------------------------->
  1055. {block:Posts}
  1056. <div id="posts">
  1057.  
  1058. <div class="info">
  1059. {block:Date}
  1060. <span><a href="{Permalink}">{NoteCount}</a></span> <span>Posted on {Month} {DayOfMonth}, {Year} by {PostAuthorName}</span>
  1061. <div class="controls">
  1062. <a href="{ReblogURL}" target="_blank" class="reblog">
  1063. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333    c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5    s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733    C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617    c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6    c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg>
  1064. </a>
  1065. <a href="#" class="like">{LikeButton}
  1066. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95    c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1    c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1    c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z     M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4    c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5    c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767    c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45    c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg>
  1067. </a>
  1068. </div>
  1069. {/block:Date}
  1070. </div>
  1071.  
  1072. {block:Text}
  1073. <h1>{block:Title}{Title}{/block:Title}</h1>
  1074. {Body}{/block:Text}
  1075.  
  1076.  
  1077. {block:Photo}
  1078. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  1079. {block:Caption}{Caption}{/block:Caption}
  1080. {/block:Photo}
  1081.  
  1082.  
  1083. {block:Photoset}
  1084. {Photoset-500}
  1085. {block:Caption}{Caption}{/block:Caption}
  1086. {/block:Photoset}
  1087.  
  1088.  
  1089. {block:Quote}
  1090. <div class="quote">"{Quote}"</div>
  1091. {block:Source}<div class="quotesource"> — {Source}</div>
  1092. {/block:Source}{/block:Quote}
  1093.  
  1094.  
  1095. {block:Link}
  1096. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  1097. {block:Description}{Description}{/block:Description}
  1098. {/block:Link}
  1099.  
  1100.  
  1101. {block:Chat}
  1102. {block:Title}<h1>{Title}</h1>{/block:Title}
  1103. <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  1104. {/block:Chat}
  1105.  
  1106.  
  1107. {block:Audio}
  1108. {block:AudioPlayer}
  1109. <div class="audio">
  1110. <div class="playbutton">{AudioPlayerGrey}</div>
  1111. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  1112. <div class="trackinfo">
  1113. <div class="trackname">
  1114. {block:TrackName}{TrackName}{/block:TrackName}
  1115. </div>
  1116. <div class="artist">
  1117. {block:Artist}{Artist}{/block:Artist}
  1118. </div>
  1119. <div class="album">
  1120. {block:Album}{Album}{/block:Album}
  1121. </div>
  1122. </div>
  1123. </div>
  1124. {/block:AudioPlayer}
  1125. {block:Caption}{Caption}{/block:Caption}
  1126. {/block:Audio}
  1127.  
  1128. {block:Video}
  1129. {Video-500}
  1130. {block:Caption}{Caption}{/block:Caption}
  1131. {/block:Video}
  1132.  
  1133. {block:Answer}
  1134. <div class="question">
  1135. <div class="asker"><br><b>{Asker} said:</b></div>
  1136. <blockquote>{Question}</blockquote></div>
  1137. <div class="answer">
  1138. {Answer}</div>
  1139. {/block:Answer}
  1140.  
  1141. {block:HasTags}
  1142. <div class="tags">
  1143. {block:Tags}
  1144. <span><a href="{TagURL}">{Tag}</a></span>
  1145. {/block:Tags}
  1146. </div>
  1147. {/block:HasTags}
  1148.  
  1149.  
  1150. {block:PostNotes}
  1151. <div class="notes">{PostNotes}</div>{/block:PostNotes}
  1152. {/block:Posts}
  1153.  
  1154. <div id="pages">
  1155. <center>    
  1156. {block:Pagination}
  1157. {block:PreviousPage}<span><a href="{PreviousPage}">previous</a></span>{/block:PreviousPage}
  1158. {block:JumpPagination length="5"}
  1159. {block:CurrentPage}
  1160. <span class="current_page">{PageNumber}</span>
  1161. {/block:CurrentPage}
  1162. {block:JumpPage}
  1163. <span><a class="jump_page" href="{URL}">{PageNumber}</a></span>
  1164. {/block:JumpPage}
  1165. {/block:JumpPagination} {block:NextPage}<span><a href="{NextPage}">next</a></span>{/block:NextPage}
  1166. {/block:Pagination}
  1167. </div>    
  1168.  
  1169. </div>
  1170. </div>
  1171.  
  1172. <!--- tumblr controls by http://cyantists.tumblr.com/ --->
  1173. <div class="hcontrols"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M106.6,134c14.3,0,26-11.7,26-26s-11.7-26-26-26s-26,11.7-26,26S92.2,134,106.6,134z M106.6,94c7.7,0,14,6.3,14,14s-6.3,14-14,14s-14-6.3-14-14S98.9,94,106.6,94z M40.4,124.6l7.2,3.3c3,1.4,4.4,4.8,3.3,7.9l-2.8,7.4c-2.1,5.7-1.4,11.8,2.1,16.7c3.4,5,9,7.9,15,7.9c2.2,0,4.4-0.4,6.5-1.2l7.4-2.8c0.7-0.3,1.4-0.4,2.2-0.4c2.4,0,4.7,1.4,5.7,3.7l3.3,7.2c3,6.6,9.4,10.7,16.6,10.7s13.6-4.1,16.6-10.7l3.3-7.2c1-2.2,3.2-3.7,5.7-3.7c0.7,0,1.5,0.1,2.2,0.4l7.4,2.8c2.1,0.8,4.3,1.2,6.5,1.2c0,0,0,0,0,0c5.9,0,11.5-3,15-7.9c3.4-5,4.2-11.1,2.1-16.7l-2.8-7.4c-1.1-3.1,0.3-6.5,3.3-7.9l7.2-3.3c6.6-3,10.7-9.4,10.7-16.6s-4.1-13.6-10.7-16.6l-7.2-3.3c-3-1.4-4.4-4.8-3.3-7.9l2.8-7.4c2.1-5.7,1.4-11.8-2.1-16.7c-3.4-5-9-7.9-15-7.9c-2.2,0-4.4,0.4-6.5,1.2l-7.4,2.8c-0.7,0.3-1.4,0.4-2.2,0.4c-2.4,0-4.7-1.4-5.7-3.7l-3.3-7.2c-3-6.6-9.4-10.7-16.6-10.7S93,35.2,90,41.8l-3.3,7.2c-1,2.2-3.2,3.7-5.7,3.7c-0.7,0-1.5-0.1-2.2-0.4l-7.4-2.8c-2.1-0.8-4.3-1.2-6.5-1.2c-5.9,0-11.5,3-15,7.9c-3.4,5-4.2,11.1-2.1,16.7l2.8,7.4c1.1,3.1-0.3,6.5-3.3,7.9l-7.2,3.3c-6.6,3-10.7,9.4-10.7,16.6S33.8,121.6,40.4,124.6z M45.3,102.3l7.2-3.3c8.7-4,12.9-14.1,9.5-23l-2.8-7.4c-1-2.7,0-4.7,0.7-5.7c1.6-2.4,4.6-3.4,7.4-2.3l7.4,2.8c2.1,0.8,4.2,1.2,6.4,1.2c0,0,0,0,0,0c7.1,0,13.6-4.2,16.6-10.7l3.3-7.2c1.5-3.4,4.7-3.7,5.7-3.7s4.1,0.3,5.7,3.7l3.3,7.2c3,6.5,9.5,10.7,16.6,10.7c2.2,0,4.3-0.4,6.4-1.2l7.4-2.8c2.8-1,5.7,0,7.4,2.3c0.7,1,1.7,3,0.7,5.7l-2.8,7.4c-3.3,8.9,0.8,19,9.5,23l7.2,3.3c3.4,1.5,3.7,4.7,3.7,5.7s-0.3,4.1-3.7,5.7l-7.2,3.3c-8.7,4-12.9,14.1-9.5,23l2.8,7.4c1,2.7,0,4.7-0.7,5.7c-1.6,2.4-4.6,3.4-7.4,2.3l-7.4-2.8c-2.1-0.8-4.2-1.2-6.4-1.2c-7.1,0-13.6,4.2-16.6,10.7l-3.3,7.2c-1.5,3.4-4.7,3.7-5.7,3.7s-4.1-0.3-5.7-3.7l-3.3-7.2c-3-6.5-9.5-10.7-16.6-10.7c-2.2,0-4.3,0.4-6.4,1.2l-7.4,2.8c-2.8,1-5.7,0-7.4-2.3c-0.7-1-1.7-3-0.7-5.7l2.8-7.4c3.3-8.9-0.8-19-9.5-23l-7.2-3.3c-3.4-1.5-3.7-4.7-3.7-5.7S41.9,103.9,45.3,102.3z"/></svg></div>
  1174.  
  1175. <div class="scroll">
  1176. <a href="#top"><i class="fa fa-arrow-up"></i></a></div>
  1177. </body>
RAW Paste Data
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
 
Top