API tools faq
paste
Advertisement
kailana

ariana source

kailana
Oct 11th, 2015
166
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.26 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3.  
  4. <html><head>
  5. <title>{Title}</title>
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7. <link rel="shortcut icon" href="{Favicon}" />
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  9. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  10.  
  11.  
  12. <meta name="color:scrollbar" content="#D1CECE" />
  13. <meta name="color:scrollbar background" content="#FFFFFF" />
  14. <meta name="color:scrollbar hover" content="#BEBEBE" />
  15.  
  16. <meta name="color:text" content="#000000" />
  17. <meta name="color:link" content="#606060" />
  18. <meta name="color:hover" content="#6F7BB0" />
  19. <meta name="color:border" content="#E7E7E7" />
  20.  
  21. <meta name="color:highlight" content="#DCDCDC" />
  22. <meta name="color:highlight text" content="#000000" />
  23.  
  24. <meta name="color:background" content="#FFFFFF" />
  25. <meta name="color:container" content="#F5F5F5" />
  26. <meta name="color:entries" content="#FFFFFF" />
  27.  
  28. <meta name="color:tags" content="#F3F3F3" />
  29. <meta name="color:tags text" content="#8C8C8C" />
  30.  
  31. <meta name="color:title" content="#000000" />
  32. <meta name="color:navigate link" content="#000000" />
  33. <meta name="color:navigate" content="#FFFFFF" />
  34.  
  35. <meta name="color:sidebar" content="#FFFFFF" />
  36. <meta name="color:sidebar title background" content="#000000" />
  37. <meta name="color:sidebar title" content="#000000" />
  38. <meta name="color:sidebar link" content="#000000" />
  39. <meta name="color:sidebar link hover" content="#000000" />
  40. <meta name="color:star" content="#FFB700" />
  41. <meta name="color:icons background" content="#FCFCFC" />
  42. <meta name="color:icons" content="#000000" />
  43.  
  44. <meta name="color:audio" content="#FCFCFC" />
  45. <meta name="color:audio text" content="#000000" />
  46.  
  47. <meta name="color:italic" content="#000000" />
  48. <meta name="color:bold" content="#000000" />
  49.  
  50. <meta name="color:question" content="#F5F5F5" />
  51. <meta name="color:question text" content="#000000" />
  52.  
  53. <meta name="color:chat person 1" content="#EDEDED" />
  54. <meta name="color:chat person 2" content="#E7E7E7" />
  55. <meta name="color:chat text" content="#000000"/>
  56.  
  57. <meta name="if:Lazy Load" content="0" />
  58.  
  59.  
  60.  
  61. <meta name="text:font family body" content="calibri"/>
  62. <meta name="text:font family navigate" content="calibri"/>
  63.  
  64. <link href='https://fonts.googleapis.com/css?family=Playfair+Display:700' rel='stylesheet' type='text/css'>
  65.  
  66. <!-------------------------LAZY LOAD--------------------------->
  67.  
  68. {block:ifLazyLoad}
  69. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  70. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  71. <script type="text/javascript" charset="utf-8">
  72. var $j = jQuery.noConflict();
  73. $j(function() {
  74. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  75. $j("img").lazyload({
  76. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  77. effect: "fadeIn",
  78. });
  79. });
  80. </script>
  81. {/block:ifLazyLoad}
  82.  
  83. <!-------------------------TOOLTIPS--------------------------->
  84.  
  85. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  86.  
  87. <script type="text/javascript" src="http://static.tumblr.com/ko1mcho/PMbmlkh9e/jquery.style-my-tooltips.js"></script>
  88.  
  89. <script>
  90. (function($){
  91. $(document).ready(function(){
  92. $("[title],a[title],img[title]").style_my_tooltips({
  93. tip_follows_cursor:"true",
  94. tip_delay_time:100,
  95. tip_fade_speed:100,
  96. attribute:"title"
  97. });
  98. });
  99. })(jQuery);
  100. </script>
  101.  
  102.  
  103.  
  104. <SCRIPT TYPE="text/javascript">
  105. <!--
  106. function clickIE() {if (document.all) {(message);return false;}}
  107. function clickNS(e) {if
  108. (document.layers||(document.getElementById&&!document.all)) {
  109. if (e.which==2||e.which==3) {(message);return false;}}}
  110. if (document.layers)
  111. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  112. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  113. document.oncontextmenu=new Function("return false")
  114. // -->
  115. </script>
  116.  
  117.  
  118. <style type="text/css">
  119.  
  120.  
  121. u, underline {padding:3px; text-transform:uppercase; text-decoration: none; color:#fff; background-color: #e6ded8;}
  122.  
  123.  
  124.  
  125. #s-m-t-tooltip {
  126. color:{color:text};
  127. background-color:{color:background};
  128. display:none;
  129. text-align:left;
  130. position:absolute;
  131. z-index:9999;
  132. font-size:8px;
  133. font-family:arial;
  134. text-transform:uppercase;
  135. padding:1px 5px 1px 3px;
  136. margin-top:27px;
  137. -webkit-transition:all 0.2s ease-out
  138. -moz-transition:all 0.2s ease-out;
  139. transition:all 0.2s ease-out;
  140. }
  141.  
  142. iframe#tumblr_controls {
  143. white-space:nowrap;
  144. -webkit-filter: invert(100%);
  145. -moz-filter: invert(100%);
  146. -o-filter: invert(100%);
  147. -ms-filter: invert(100%); filter: invert(100%);
  148. opacity:1;
  149. transition: .8s ease-in-out;
  150. -webkit-transition: .8s ease-in-out;
  151. -moz-transition: .8s ease-in-out;
  152. -o-transition: .8s ease-in-out;
  153. }
  154.  
  155. /*<!-------------------------SCROLLBAR--------------------------->*/
  156.  
  157. ::-webkit-scrollbar {
  158. width:6px;
  159. height:8px!important
  160. }
  161.  
  162. ::-webkit-scrollbar-track {
  163. background-color:{color:scrollbar background};
  164. }
  165.  
  166. ::-webkit-scrollbar-thumb {
  167. background-color:{color:scrollbar};
  168. }
  169.  
  170. ::-webkit-scrollbar-thumb:hover {
  171. background-color:{color:scrollbar hover};
  172. }
  173.  
  174. ::-webkit-scrollbar-thumb:horizontal {
  175. background-color:{color:scrollbar};
  176. height:7px!important
  177. }
  178.  
  179. ::selection {
  180. background: {color:highlight};
  181. }
  182.  
  183. ::-moz-selection {
  184. background: {color:highlight};
  185. }
  186.  
  187.  
  188. /*<!-------------------------ENTRIES TEXT----------------------->*/
  189.  
  190. h1 {
  191. color:{color:text};
  192. font-size:18px;
  193. margin-top:-3px;
  194. letter-spacing:1px;
  195. font-family:{text:font family body};
  196. margin-left:-3px;
  197. font-style:italic;
  198. text-transform:uppercase;
  199. background-color:{color:container};
  200. padding:12px;
  201. line-height:18px;
  202. -webkit-transition:opacity 0.8s linear;
  203. -webkit-transition:all 0.5s ease-out;
  204. -moz-transition:all 0.5s ease-out;
  205. transition:all 0.5s ease-out;
  206. }
  207.  
  208. h2 {
  209. font-size:15px;
  210. line-height:18px;
  211. width:490px;
  212. font-family:{text:font family body};
  213. text-transform:uppercase;
  214. text-align:left;
  215. margin-top:0px;
  216. color:{color:link};
  217. font-weight:normal;
  218. }
  219.  
  220. /*<!-------------------------QUOTE--------------------------->*/
  221.  
  222. h3 {
  223. font-size:14px;
  224. line-height:17px;
  225. letter-spacing:1px;
  226. font-family:{text:font family body};
  227. font-weight:bold;
  228. font-style:italic;
  229. text-transform:lowercase;
  230. text-align:justify;
  231. width:450px;
  232. margin-left:25px;
  233. margin-top:20px;
  234. margin-bottom:40px;
  235. }
  236.  
  237. /*<!-------------------------SIDEBAR--------------------------->*/
  238.  
  239. #sidebar {
  240. position:absolute;
  241. border:1px solid {color:border};
  242. margin-left:25px;
  243. width:300px;
  244. padding:0px 15px 15px 15px;
  245. background-color:{color:sidebar};
  246. letter-spacing:0px;
  247. margin-top:15px;
  248. }
  249.  
  250. /*<!--------------------------SIDEBAR PIC---------------------------->*/
  251.  
  252. #sidebarpic img {
  253. margin-left:-15px;
  254. width:308px;
  255. height:150px;
  256. }
  257.  
  258. /*<!-------------------------SIDEBAR TITLE--------------------------->*/
  259.  
  260. h4 {
  261. color: #797979;
  262. border-bottom: 1px solid #dcdcdc;
  263. margin-top:-10px;
  264. padding:10px;
  265. width:280px;
  266. text-align:center;
  267. font-weight:none;
  268. font-family: 'Playfair Display', serif;
  269. text-transform: uppercase;
  270. font-weight: 400;
  271. font-size: 12px;
  272. letter-spacing:1px;}
  273. }
  274.  
  275. /*<!-------------------------SIDEBAR CONTENT--------------------------->*/
  276.  
  277. h5 {
  278. width:240px;
  279. line-height:15px;
  280. padding:20px;
  281. margin-top:5px;
  282. margin-bottom:5px;
  283. font-weight:normal;
  284. font-size:10px;
  285. margin-left:-5px;
  286. }
  287.  
  288. /*<!-------------------------SIDEBAR CONTENT--------------------------->*/
  289.  
  290.  
  291. h6 {
  292. width:240px;
  293. line-height:15px;
  294. padding:13px 20px 13px 20px;
  295. margin-top:5px;
  296. margin-bottom:5px;
  297. letter-spacing:-1px;
  298. font-size:16px;
  299. font-family:arial;
  300. text-transform:lowercase;
  301. text-align:left;
  302. margin-left:-5px;
  303. color:{color:sidebar title};
  304. }
  305.  
  306.  
  307. /*<!-------------------------fuckin info--------------------------->*/
  308.  
  309.  
  310. #cute a {
  311. width:240px;
  312.  
  313. margin-top:5px;
  314. margin-bottom:5px;
  315.  
  316. font-size:10px;
  317. font-family:'Calibri';
  318. text-align:left;
  319. margin: 0px 10px 0px 0px;
  320. color:#797979;
  321. }
  322.  
  323. #cute a:hover {
  324. width:240px;
  325.  
  326. margin-top:5px;
  327. margin-bottom:5px;
  328.  
  329. font-size:10px;
  330. font-family:'Calibri';
  331. text-align:left;
  332. margin: 0px 10px 0px 0px;
  333. color:#a29790;
  334. transition: all 0.5s;
  335. -webkit-transition: all 0.5s;
  336. -moz-transition: all 0.5s;
  337. }
  338. /*<!-------------------------SOCIAL MEDIA---------------------------->*/
  339.  
  340. #icons {
  341. text-align:center;
  342. }
  343.  
  344. #icons a {
  345. display:inline-block;
  346. background-color:{color:icons background};
  347. color:{color:icons};
  348. padding:12px;
  349. margin-left:2px;
  350. margin-right:2px;
  351. width:25px;
  352. border:1px solid {color:border};
  353. border-radius:10px;
  354. }
  355.  
  356. #icons a:hover {
  357. opacity:0.5;
  358. }
  359.  
  360. /*<!-------------------------SIDEBAR LINKS--------------------------->*/
  361.  
  362. #sidebarlink {
  363. color: #797979;
  364. list-style: none;
  365. padding:6px;
  366. border-bottom: 1px solid #eee;}
  367.  
  368.  
  369.  
  370. #sidebarlink a {
  371. font-weight:normal;
  372. font-size:10px;
  373. display:block;
  374. text-transform:uppercase;
  375. font-family:{text:font family body};
  376. width:250px;
  377. padding-bottom:10px;
  378. padding-top:10px;
  379. color: #797979;
  380. border-bottom:1px solid {color:border};
  381. }
  382.  
  383. #sidebarlink a:hover {
  384. background: #e6ded8;
  385. color:#a29790;
  386. transition: all 0.5s;
  387. -webkit-transition: all 0.5s;
  388. -moz-transition: all 0.5s;
  389. }
  390.  
  391.  
  392.  
  393.  
  394. /*<!-------------------------BASICS--------------------------->*/
  395.  
  396. b {
  397. color:{color:bold};
  398. }
  399.  
  400. i {
  401. color:{color:italic};
  402. font-weight:bold;
  403. }
  404.  
  405. @font-face { font-family: cute; src:url(http://static.tumblr.com/1mj0gtj/fXDnvshc5/bodonixt.ttf); }
  406.  
  407. body {
  408. background:url(http://img.pixady.com/2015/10/722534_untitled1.png) fixed; background-repeat: no-repeat; background-position: center top; margin: 29px 0 15px 0;
  409. margin: 0px;
  410. color: #797979;
  411. font-family: 'Arimo', sans-serif;
  412. font-size: 11px;
  413. line-height: 150%;
  414. word-wrap: break-word;
  415. }
  416.  
  417.  
  418. a {
  419. color: 606060;
  420. cursor:help;
  421. text-decoration:none;
  422. -webkit-transition:opacity 0.8s linear;
  423. -webkit-transition:all 0.5s ease-out;
  424. -moz-transition:all 0.5s ease-out;
  425. transition:all 0.5s ease-out;
  426. }
  427.  
  428. a:hover {
  429. color:{color:hover};
  430. -webkit-transition:opacity 0.8s linear;
  431. -webkit-transition:all 0.5s ease-out;
  432. -moz-transition:all 0.5s ease-out;
  433. transition:all 0.5s ease-out;}
  434.  
  435. #container {
  436. width:1050px;
  437. height: 700%;
  438. margin:0 auto;
  439. z-index:-1000;
  440. height: 700%;
  441. min-height:4003px;
  442. background-color:{color:container};
  443. border:1px solid {color:border};
  444. }
  445.  
  446. #entries {
  447. text-align:justify;
  448. width:500px;
  449. z-index:99999;
  450. margin-left:465px;
  451. margin-top:20px;
  452. }
  453.  
  454. #entries p img, .entry blockquote img {
  455. max-width:100%;
  456. }
  457.  
  458. pre {
  459. white-space:pre-wrap;
  460. white-space:-moz-pre-wrap;
  461. white-space:-pre-wrap;
  462. white-space:-o-pre-wrap;
  463. word-wrap:break-word;
  464. }
  465.  
  466. #posts {
  467. width:500px;
  468. z-index:99999;
  469. color:{color:text};
  470. background:{color:entries};
  471. padding:15px;
  472. border:1px solid {color:border};
  473. }
  474.  
  475.  
  476.  
  477.  
  478. /*<!------------------------PAGINATION-------------------------->*/
  479.  
  480. #pagination {
  481. font-size:14px;
  482. margin-top:10px;
  483. margin-bottom:20px;
  484. font-family:{text:font family body};
  485. letter-spacing:1px;
  486. font-weight:bold;
  487. width:530px;
  488. text-align:center;
  489. }
  490.  
  491. #pagination a {
  492. padding:4px 8px;
  493. font-weight:bold;
  494. color:{color:text};
  495. font-family:{text:font family body};
  496. font-size:14px;
  497. text-decoration:none;
  498. }
  499.  
  500. .current {
  501. padding:4px 8px;
  502. font-weight:bold;
  503. color:{color:text};
  504. font-family:{text:font family body};
  505. font-size:14px;
  506. text-decoration:none;
  507. }
  508.  
  509. /*<!-------------------------POSTINFO--------------------------->*/
  510.  
  511. .perma {
  512. padding: 10px;
  513. font-family:arial;
  514. letter-spacing: 0px;
  515. text-transform: normal;
  516. font-size: 9px;
  517. line-height:150%;
  518. background:#F3F3F3;}
  519.  
  520. .perma a:hover {
  521. color:#CCCCCC;}
  522.  
  523. .perma a {
  524. color: #000000;}
  525.  
  526.  
  527.  
  528. #tags {
  529. padding:6px 15px 6px 15px;
  530. margin-top:10px;
  531. font-size:9px;
  532. margin-left:-15px;
  533. font-family:{text:font family body};
  534. width:500px;
  535. letter-spacing:1px;
  536. font-weight:bold;
  537. background-color: #F3F3F3;
  538. margin-bottom:0px;
  539. color:{color:tags text};
  540. text-transform:uppercase;
  541. }
  542.  
  543. #tags a {
  544. text-align:left;
  545. font-size:9px;
  546. font-weight:bold;
  547. font-family:{text:font family body};
  548. letter-spacing:1px;
  549. color:{color:tags text};
  550. text-transform:uppercase;
  551. }
  552.  
  553. #date {
  554. padding:6px 15px 6px 15px;
  555. margin-top:10px;
  556. font-size:9px;
  557. margin-left:-15px;
  558. font-family:{text:font family body};
  559. width:500px;
  560. letter-spacing:1px;
  561. font-weight:bold;
  562. background-color: #F3F3F3;
  563. margin-bottom:0px;
  564.  
  565. text-transform:uppercase;
  566. color:{color:link};
  567. }
  568.  
  569. #date a {
  570.  
  571. font-size:9px;
  572. text-transform:uppercase;
  573. color:{color:link};
  574. }
  575.  
  576. /*<!-------------------------HEADER--------------------------->*/
  577.  
  578. #header {
  579. margin: 0 auto;
  580. width: 100%;
  581. height: 640px;
  582. overflow: hidden;
  583. background-image: url("http://img.pixady.com/2015/10/272364_agt012.png");
  584. background-repeat:no-repeat;
  585. background-position:top center;
  586. -webkit-box-shadow: 00 20px 0 rgba(0,0,0,0.07);
  587. box-shadow: 0 0 20px 0 rgba(0,0,0,0.07);
  588.  
  589. }
  590.  
  591.  
  592.  
  593. /* -------------------------FOOTER------------------------- */
  594.  
  595. #footer {
  596. width:100%;
  597. height: 40px;
  598. clear:both;
  599. color: #fff;
  600. height: auto;
  601. overflow: auto;
  602. padding: 20px 0;
  603. margin-top: 10px;
  604. }
  605.  
  606. #footer .inner {
  607. font-size:11px;
  608. font-family: 'Playfair Display', serif;
  609. letter-spacing: 2px;
  610. padding: 5px 0px 20px 0px;
  611. text-transform:uppercase;
  612. text-align:center;
  613. margin:0 auto;}
  614.  
  615. #footer .inner a {
  616. color: #fff;
  617. margin: 0 5px;
  618. padding-bottom: 5px;}
  619.  
  620. #footer .inner a:hover {
  621. border-bottom: 2px solid #ffffff;}
  622.  
  623. #footer { padding: 30px 0px; clear: both; }
  624. #footer blockquote { margin: 10px 0px; }
  625.  
  626.  
  627.  
  628.  
  629. * ----------------- LINKS ----------------- */
  630.  
  631. a, a:active, a:visited, a:link {
  632. color: #555555;
  633. text-decoration: none;
  634. -webkit-transition: all 0.2s ease-in;
  635. -moz-transition: all 0.2s ease-in;
  636. -o-transition: all 0.2s ease-in; }
  637.  
  638. a:hover {
  639. color: #333;
  640. -webkit-transition: all 0.2s ease-in;
  641. -moz-transition: all 0.2s ease-in;
  642. -o-transition: all 0.2s ease-in; }
  643.  
  644. /*<!-----------------------navigate-------------------------->*/
  645.  
  646.  
  647.  
  648.  
  649. #navigate {
  650. padding:20px;
  651. z-index:99999;
  652. width:1010px;
  653. margin-left:-1px;
  654. margin-bottom:0px;
  655. border:1px solid {color:border};
  656. background-color:{color:navigate};
  657. margin-top:-57px;
  658. color:#aea9a9;
  659. letter-spacing:1px;
  660. font-family:georgia;
  661. text-align:center;
  662. text-transform:uppercase;
  663. font-size:9px;
  664.  
  665. }
  666.  
  667. #navigate a {
  668. color:#aea9a9;
  669. letter-spacing:1px;
  670. padding-left:2px;
  671. border-bottom:1px solid {color:border};
  672. padding-right:2px;
  673. margin-left:100px;
  674. padding-bottom:3px;
  675. font-family:georgia;
  676. text-align:center;
  677. text-transform:uppercase;
  678. font-size:9px;
  679.  
  680. }
  681.  
  682. #navigate a:hover {
  683. opacity:0.6;
  684. font-style:italic;
  685. -webkit-transition: all 250ms linear;
  686. -moz-transition: all 250ms linear;
  687. -ms-transition: all 250ms linear;
  688. -o-transition: all 250ms linear;
  689. transition: all 250ms linear;
  690.  
  691. }
  692.  
  693.  
  694.  
  695. /*<!-------------------------BLOCKQUOTE--------------------------->*/
  696.  
  697. blockquote {
  698. margin-left:0px;
  699. letter-spacing:1px;
  700. padding-left:10px;
  701. border-left:1px solid {color:text};
  702. {block:IfNotPosts400px}
  703. width:375px;
  704. {/block:IfNotPosts400px}
  705. {block:IfPosts400px}
  706. width:375px;
  707. {/block:IfPosts400px}
  708. }
  709.  
  710. blockquote blockquote {
  711. padding: 0 0 0 10px;
  712. margin: 0 0 0 0px;
  713. color:{color:text};
  714. }
  715.  
  716. blockquote, small {
  717. font-size:10px;
  718. letter-spacing:1px;
  719. }
  720.  
  721. blockquote img {
  722. max-width:300px;
  723. height:auto;
  724. }
  725.  
  726. /*<!-------------------------CHAT--------------------------->*/
  727.  
  728. .chat {
  729. list-style:none;
  730. margin-top:0px;
  731. margin-bottom:0px;
  732. font-size:10px;
  733. {block:IfNotPosts400px}
  734. width:500px;
  735. {/block:IfNotPosts400px}
  736. {block:IfPosts400px}
  737. width:400px;
  738. {/block:IfPosts400px}
  739. }
  740.  
  741. .chat ul {
  742. line-height:15px;
  743. list-style:none;
  744. padding:0px;
  745. line-height:17px;
  746. }
  747.  
  748. .person1, .person3, .person5, .person7, .person9, .person11, .person13{
  749. background-color:{color:chat person 1};
  750. padding:5px 10px 5px 10px;
  751. color:{color:chat text};
  752. border-bottom:2px solid {color:background};
  753. }
  754.  
  755. .person2, .person4, .person6, .person8, .person10, .person12, .person14{
  756. padding:5px 10px 5px 10px;
  757. background-color:{color:chat person 2};
  758. border-bottom:2px solid {color:background};
  759. color:{color:chat text};
  760. }
  761.  
  762.  
  763. /*<!-------------------------ASK--------------------------->*/
  764.  
  765. #question {
  766. background-color:{color:question};
  767. color:{color:question text};
  768. padding:20px 20px 20px 60px;
  769. margin-top:0px;
  770. width:420px;
  771. margin-bottom:5px;
  772. line-height:20px;
  773. font-size:10px;
  774. font-weight:bold;
  775. font-family:{text:font family body};
  776. text-align:left;
  777. }
  778.  
  779. #question img {
  780. position:absolute;
  781. padding:4px;
  782. background-color:{color:background};
  783. margin-left:-45px;
  784. margin-top:-6px;
  785. float:left;
  786. }
  787.  
  788. #question a {
  789. color:{color:question text};
  790. font-weight:bold;
  791.  
  792. }
  793.  
  794. #answer a {
  795. text-decoration:underline;
  796. font-weight:bold;
  797. }
  798.  
  799. /*<!-------------------------AUDIO--------------------------->*/
  800.  
  801. .audioplayer {
  802. width:25px;
  803. height:25px;
  804. margin-top:13px;
  805. position:absolute;
  806. margin-left:10px;
  807. overflow:hidden;
  808. padding:3px;
  809. }
  810.  
  811. .info {
  812. width:440px;
  813. height:50px;
  814. margin-left:0px;
  815. display:block;
  816. line-height:20px;
  817. margin-top:0px;
  818. padding-top:10px;
  819. font-family:{text:font family body};
  820. font-size:12px;
  821. letter-spacing:0px;
  822. font-weight:400;
  823. letter-spacing:1px;
  824. padding-right:55px;
  825. text-align:right;
  826. margin-bottom:0px;
  827. color:{color:audio text};
  828. background-color:{color:audio};
  829. }
  830.  
  831. /*<!-------------------------NOTES--------------------------->*/
  832.  
  833. ol.notes {
  834. padding:0px;
  835. width:530px;
  836. margin-top:5px;
  837. list-style-type:none;
  838. background-color:{color:entries};
  839. border-bottom: 3px solid {color:border};
  840. }
  841.  
  842. ol.notes li.note {
  843. border-bottom:2px solid {color:container};
  844. padding:10px;
  845. }
  846.  
  847. ol.notes li.note img.avatar {
  848. vertical-align:-4px;
  849. margin-right:10px;
  850. width:16px;
  851. height:16px;
  852. }
  853.  
  854. ol.notes li.note blockquote {
  855. padding:4px 10px;
  856. margin:10px 0px 0px 25px;
  857. }
  858.  
  859. /*<!-------------------------AFFI--------------------------->*/
  860.  
  861. #outer img {
  862. transition:0.3s ease-in-out;
  863. width:60px;
  864. height:50px;
  865. }
  866.  
  867. #affi img:hover {
  868. opacity:0.8;
  869. transition:0.7s ease-in-out;
  870. -webkit-transition:0.7s ease-in-out;
  871. -moz-transition:0.7s ease-in-out;
  872. -o-transition:0.7s ease-in-out;
  873. }
  874.  
  875. #affi {
  876. text-align:center;
  877. margin-top:0px;
  878. }
  879.  
  880. #outer {
  881. overflow:auto;
  882. width:300px;
  883. margin-left:-10px;
  884. padding:0px;
  885. height:105px;
  886. margin-top:0px;
  887. background:{color:sidebar};
  888. }
  889.  
  890.  
  891. /*<!----------------------wlcm------------------------>*/
  892.  
  893.  
  894.  
  895.  
  896. #hello {
  897. position: relative;
  898.  
  899. background: #e6ded8;
  900. margin: 5px;
  901. width:250;
  902. padding: 20px;
  903. font-size: 8pt;
  904. line-height: 12pt;
  905. color: #a29790;
  906. text-align: justify;
  907. -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
  908. box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);}
  909.  
  910. /*<!----------------------SEARCH BAR------------------------>*/
  911.  
  912. input[type="search"] {
  913. -webkit-appearance:textfield;
  914. -moz-box-sizing:content-box;
  915. -webkit-box-sizing:content-box;
  916. box-sizing:content-box;
  917. }
  918.  
  919. input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
  920.  
  921. .search {
  922. border:none;
  923. display:block;
  924. width:350px;
  925. position:Relative;
  926. line-height:50px!important;
  927. }
  928.  
  929. .left .search {float:right;}
  930.  
  931. .right .search {float:left;}
  932.  
  933. .search input {
  934. width:328px;
  935. position:Relative;
  936. padding:0 10px!important;
  937. height:15px!important;
  938. line-height:15px!important;
  939. font-size:9px;
  940. margin:1px 0;
  941. background:transparent;
  942. text-transform:uppercase;
  943. font-family:georgia;
  944. letter-spacing:2px;
  945. display:block;
  946. outline:none;
  947. border:0;
  948. border-left:1px solid rgba(174,169,169,1);
  949. transition:all .4s linear;
  950. -webkit-transition:all .4s linear;
  951. -o-transition:all .4s linear;
  952. -moz-transition:all .4s linear;
  953. }
  954.  
  955. .search input[type=text] {color:#777;}
  956. .search input:focus{
  957. outline:none;
  958. background:#fff;
  959. border-color:#aea9a9;
  960. }
  961.  
  962. ::-webkit-input-placeholder, ::-moz-placeholder, :-moz-placeholder, :-ms-input-placeholder {
  963. color:rgba(255,255,255,.7);
  964. transition:all .4s linear;
  965. -webkit-transition:all .4s linear;
  966. -o-transition:all .4s linear;
  967. -moz-transition:all .4s linear;
  968. }
  969.  
  970. :focus::-webkit-input-placeholder {
  971. color:#ffffff;
  972. transition:all .4s linear;
  973. -webkit-transition:all .4s linear;
  974. -o-transition:all .4s linear;
  975. -moz-transition:all .4s linear;
  976. }
  977.  
  978. :focus::-moz-placeholder {
  979. color:#ffffff;
  980. transition:all .4s linear;
  981. -webkit-transition:all .4s linear;
  982. -o-transition:all .4s linear;
  983. -moz-transition:all .4s linear;
  984. }
  985.  
  986. :focus:-moz-placeholder {
  987. color:#ffffff;
  988. transition:all .4s linear;
  989. -webkit-transition:all .4s linear;
  990. -o-transition:all .4s linear;
  991. -moz-transition:all .4s linear;
  992. }
  993.  
  994. :focus::-ms-input-placeholder {
  995. color:#ffffff;
  996. transition:all .4s linear;
  997. -webkit-transition:all .4s linear;
  998. -o-transition:all .4s linear;
  999. -moz-transition:all .4s linear;
  1000. }
  1001.  
  1002.  
  1003.  
  1004.  
  1005.  
  1006.  
  1007.  
  1008.  
  1009.  
  1010.  
  1011.  
  1012. </style>
  1013.  
  1014.  
  1015.  
  1016.  
  1017.  
  1018.  
  1019. </style><style type="text/css">{CustomCSS}</style>
  1020.  
  1021. </head><body>
  1022.  
  1023.  
  1024. <div style="margin-top:-10px;">
  1025. <!------------------------HEADER---------------------------->
  1026.  
  1027. <div id="header">
  1028. </div>
  1029.  
  1030. <div id="container">
  1031.  
  1032.  
  1033. <!-------navigate----->
  1034.  
  1035. <div id="navigate" class="right">
  1036.  
  1037. <form action="/search" class="search" method="get"><input id="searchField" name="q" placeholder="Search" type="text" value=""/></form>
  1038.  
  1039. <a href="/">home</a>
  1040. <a href="/ask">ariana</a>
  1041. <a href="/archive">music</a>
  1042. <a href="/">contact</a>
  1043. </div>
  1044.  
  1045. <!------------------------SIDEBAR--------------------------->
  1046.  
  1047. <div id="sidebar">
  1048.  
  1049.  
  1050.  
  1051.  
  1052.  
  1053.  
  1054.  
  1055.  
  1056. <!----ABOUT---->
  1057. <BR>
  1058. <h4>
  1059. <i class="fa fa-angle-right" style="color:{color:sidebar title}"></i> WELCOME</h4>
  1060.  
  1061.  
  1062.  
  1063. <div id="hello">
  1064. Welcome to your best online source for teen models, young designers of Kendall & Kylie x PacSun, Metal Haven and Kendall & Kylie x Madden Girl Collection, authors of ‘The City of Indra’, and reality stars of E!’s ‘Keeping Up With The Kardashians’. Here at NewsJenner, you can find daily news and updates, photos, videos and more! Thank you for visiting and supporting us, and we hope to see you again. If you have any questions or concerns, you can always send us an email.
  1065.  
  1066.  
  1067. </div>
  1068. <br>
  1069.  
  1070.  
  1071. <!--SOCIAL MEDIA-->
  1072.  
  1073. <h4><i class="fa fa-angle-right" style="color:{color:sidebar title}"></i> SOCIAL MEDIA</h4>
  1074.  
  1075. <div id="sidebarlink">
  1076. <a href="URL">TWITTER</a>
  1077. <a href="URL">INSTAGRAM</a>
  1078. <a href="URL">OFFICIAL WEBSITE</a>
  1079. <a href="URL">YOUTUBE</a>
  1080. <a href="URL">FACEBOOK</a>
  1081. <a href="URL">VEVO</a>
  1082. </div>
  1083.  
  1084. <br>
  1085. <br>
  1086.  
  1087.  
  1088. <!------PROJECTS------->
  1089.  
  1090. <h4><i class="fa fa-angle-right" style="color:{color:sidebar title}"></i> PROJECTS</h4>
  1091.  
  1092. <div style="margin-top:-10px;">
  1093.  
  1094. <h5>
  1095.  
  1096. <!--start of project 1-->
  1097. <img style="float: left; margin: 0px 10px 0px 0px;" src="http://i.imgur.com/D5bhfIO.png"/> <b>Scream Queens </b><BR>
  1098. <i>Chanel #2</i> <br />
  1099. <u>Airing</u><BR>
  1100. A member of Kappa Kappa Tau and one of Chanel's minions <BR>
  1101.  
  1102. <div id="cute"><a href="/screamqueens"><i class="fa fa-info" style="color:{color:sidebar title}"></i> More Information</a> &nbsp;&nbsp;
  1103. <a href="/tagged/scream-queens"><i class="fa fa-photo"></i> Photos</a> &nbsp;&nbsp;
  1104. <a href="http://www.imdb.com/title/tt4145384/"><i class="fa fa-external-link"></i> IMDb</a></div>
  1105.  
  1106. <br style="clear:both" /><BR>
  1107. <!--end of project 1-->
  1108.  
  1109.  
  1110. <!--start of project 2-->
  1111. <img style="float: left; margin: 0px 10px 0px 0px;" src="http://i.imgur.com/0NMIcpW.png"/> <b>Ari By Ariana Grande</b><BR>
  1112. <i>Fragrance</i> <br />
  1113. <u>Released</u><BR>
  1114. An ultra-feminine floralcy, passionately spun with musks, woods, and an addictive hint of marshmallow.<BR>
  1115.  
  1116. <div id="cute"><a href="/"><i class="fa fa-info" style="color:{color:sidebar title}"></i> More Information</a> &nbsp;&nbsp;
  1117. <a href="/tagged/ari"><i class="fa fa-photo"></i> Photos</a> &nbsp;&nbsp;
  1118. <a href="http://www.ulta.com/ulta/browse/productDetail.jsp?productId=xlsImpprod13001021"><i class="fa fa-external-link"></i> Order</a></div>
  1119.  
  1120. <br style="clear:both" /><BR>
  1121. <!--end of project 2 -->
  1122.  
  1123.  
  1124. <!--start of project 3-->
  1125. <img style="float: left; margin: 0px 10px 0px 0px;" src="http://i.imgur.com/IEVkNxq.png"/> <b>Focus</b><BR>
  1126. <i>Single</i> <br />
  1127. <u>October 30th, 2015</u><BR>
  1128. Focus is Ariana's newest single from her junior album, Moonlight, being released October 30th, 2015!<BR>
  1129.  
  1130. <div id="cute"><a href="/"><i class="fa fa-info"></i> More Information</a> &nbsp;&nbsp;
  1131. <a href="/"><i class="fa fa-photo"></i> Photos</a> </div>
  1132.  
  1133.  
  1134. <br style="clear:both" /><BR>
  1135. <!--end of project 3 -->
  1136.  
  1137. <br>
  1138.  
  1139. </h5>
  1140.  
  1141. </div>
  1142.  
  1143. <!----affi----->
  1144.  
  1145. <h4><i class="fa fa-angle-right" style="color:{color:sidebar title}"></i> affiliates</h4>
  1146.  
  1147. <h5>
  1148.  
  1149. <div id="affi">
  1150.  
  1151. <a href="BLOG URL"><img src="http://i62.tinypic.com/6jovw9.jpg" width="50"/></a>
  1152. <a href="BLOG URL"><img src="http://i61.tinypic.com/2e3ahqh.jpg" width="50"/></a>
  1153. <a href="BLOG URL"><img src="http://i59.tinypic.com/311uba0.jpg" width="50"/></a>
  1154. <a href="BLOG URL"><img src="http://i57.tinypic.com/fu1fup.jpg" width="50"/></a>
  1155. <a href="BLOG URL"><img src="http://i57.tinypic.com/25g7znn.jpg" width="50"/></a>
  1156. <a href="BLOG URL"><img src="http://i61.tinypic.com/x1bogo.jpg" width="50"/></a>
  1157. <a href="BLOG URL"><img src="http://i62.tinypic.com/28bfejr.jpg" width="50"/></a>
  1158. <a href="BLOG URL"><img src="http://i62.tinypic.com/4gm90x.jpg" width="50"/></a>
  1159. <a href="BLOG URL"><img src="http://i59.tinypic.com/2q0j8ep.jpg" width="50"/></a>
  1160. <a href="BLOG URL"><img src="http://i61.tinypic.com/2e3ahqh.jpg" width="50"/></a>
  1161.  
  1162. <br>
  1163.  
  1164. </div>
  1165.  
  1166. </h5>
  1167.  
  1168.  
  1169.  
  1170.  
  1171.  
  1172.  
  1173. <!---BLOG MEMBERS--->
  1174.  
  1175. <h4><i class="fa fa-angle-right" style="color:{color:sidebar title}"></i> TEAM</h4>
  1176.  
  1177. <h5>
  1178.  
  1179. {block:GroupMembers}
  1180. {block:GroupMember}
  1181. <img src="{GroupMemberPortraitURL-40}" style="width:40px;">
  1182. <div style="margin-top:-40px;margin-left:55px;text-transform:uppercase;font.size:8px;letter-spacing:1px;">
  1183. <a href="{GroupMemberURL}"><b>{GroupMemberName}</b></a>
  1184. <br>{GroupMemberTitle}</div> <br><br>
  1185. {/block:GroupMember}
  1186. {/block:GroupMembers}</a>
  1187. <div style="margin-bottom:-23px;"></div>
  1188. </h5>
  1189.  
  1190. <!------SITE INFO------->
  1191.  
  1192. <h4> <i class="fa fa-angle-right" style="color:{color:sidebar title}"></i> SITE INFO</h4>
  1193.  
  1194. <h5>
  1195. <b>Celebrity:</b> Ariana Grande
  1196. <br>
  1197. <b>Established:</b> Feburary 15th, 2012
  1198. <br>
  1199. <div id="cute"><b>Currently Online:</b> <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5057695";
  1200. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  1201. fhs.src = "http://freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=Online User&e2=Online Users&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  1202. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  1203. </script>
  1204. <br>
  1205. <b>Website Visits:</b> <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "2999851";
  1206. fhsh.src = "http://freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=Hits&a=1";
  1207. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  1208. </script>
  1209. </div>
  1210.  
  1211. <br> <br>
  1212.  
  1213. Images and information on this blog belong to their respectful owners. No copyright infringement is intended.
  1214.  
  1215. </h5>
  1216.  
  1217. </div>
  1218.  
  1219. <!------------------------ENTRIES--------------------------->
  1220.  
  1221. <div id="entries">
  1222.  
  1223. {block:Posts}
  1224.  
  1225. <div id="posts">
  1226.  
  1227. {block:Text}
  1228. {block:Title}
  1229. <h1>{Title}</h1>
  1230. {/block:Title}
  1231. {Body}
  1232. {/block:Text}
  1233.  
  1234. {block:Quote}
  1235. <h3>
  1236. <font style="font-family:times;font-size:15px;">&#8220; </font> {Quote} <font style="font-family:times;font-size:15px;">”</font> - {Source}</h3>
  1237. {/block:Quote}
  1238.  
  1239. {block:Link}
  1240. <a href="{URL}"><h1>{Name}</h1></a>{block:Description}
  1241. {Description}{/block:Description}
  1242. {/block:Link}
  1243.  
  1244. {block:Photo}<img src="{PhotoURL-500}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1245.  
  1246. {block:Photoset}
  1247. {Photoset-500}{block:Caption}{Caption}{/block:Caption}
  1248. {/block:Photoset}
  1249.  
  1250. {block:Video}
  1251. {Video-500}{block:Caption}{Caption}{/block:Caption}
  1252. {/block:Video}
  1253.  
  1254. {block:Chat}
  1255. {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  1256. <div class="chat"><ul>{block:Lines}<li class="person{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  1257. {/block:Chat}
  1258.  
  1259. {block:Answer}
  1260. <div id="question">
  1261. <img src="{AskerPortraitURL-24}">
  1262. <b>{asker}:</b>
  1263. {Question}
  1264. </div>
  1265. <div id="answer">
  1266. {answer}
  1267. </div>
  1268. {/block:Answer}
  1269.  
  1270. {block:Audio}
  1271. <div class="audio">
  1272. <div class="audioplayer">{AudioPlayerWhite}</div>
  1273. <div class="info">
  1274. {block:TrackName}
  1275. <font style="text-transform:lowercase;letter-spacing:1px;font-weight:bold;color:{color:bold};font-family:arial;font-size:10px;font-style:italic;">{TrackName}&nbsp;&nbsp;&nbsp;&nbsp;</font>{/block:TrackName}<br>
  1276. {block:Artist}<small>{Artist}</small>{/block:Artist}
  1277. </div>
  1278. {block:Caption}{Caption}{/block:Caption}
  1279. </div>
  1280. {/block:Audio}
  1281.  
  1282.  
  1283.  
  1284. <!------POSTINFO------->
  1285.  
  1286. <div class="perma" style="border-top: 0px solid #f1f1f1; padding-top: 10px;"> Filed under:
  1287. {block:Tags}<a href="/tagged/{Tag}"> &nbsp;#{Tag}</a>{/block:Tags}
  1288.  
  1289. <BR>
  1290. {block:GroupMembers}Posted by <a href="{PostAuthorURL}">{PostAuthorName}</a>{/block:GroupMembers}
  1291. {block:Date} on
  1292. <a href="{Permalink}" title="{Month} {DayOfMonthWithZero}, {Year}">{MonthNumberWithZero}/{DayOfMonthWithZero}/{ShortYear} at {12Hour}:{Minutes}{CapitalAmPm}</a>
  1293. {block:NoteCount}<a href="{Permalink}"> with {notecountwithlabel} &nbsp; </a>{/block:Notecount}
  1294.  
  1295. <font style="float:right;">
  1296. {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}">via </a><a href="{ReblogRootURL}" title="{ReblogRootName}">- source</a>{/block:RebloggedFrom}
  1297. </font>
  1298.  
  1299. {block:ContentSource}
  1300. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1301. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1302. {/block:SourceLogo}
  1303. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1304. {/block:ContentSource}
  1305. {/block:Date}
  1306.  
  1307. </div>
  1308.  
  1309. </div>
  1310.  
  1311.  
  1312.  
  1313. <br>
  1314. <br>
  1315.  
  1316.  
  1317. {block:PostNotes}
  1318. {PostNotes}
  1319. {/block:PostNotes}
  1320.  
  1321.  
  1322.  
  1323. {/block:Posts}
  1324.  
  1325.  
  1326. <!------PAGINATION------->
  1327.  
  1328. <br>
  1329. <br>
  1330.  
  1331.  
  1332. <br>
  1333. <br>
  1334.  
  1335.  
  1336. <div id="pagination">
  1337. {block:Pagination}
  1338. {block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}
  1339. {block:JumpPagination length="5"}
  1340. {block:CurrentPage}<span class="current">{PageNumber}</span>{/block:CurrentPage}
  1341. {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1342. {block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}
  1343. {/block:Pagination}
  1344. </div>
  1345.  
  1346.  
  1347.  
  1348. <br>
  1349. <br>
  1350.  
  1351. <br>
  1352. <br>
  1353.  
  1354. <br>
  1355. <br>
  1356.  
  1357.  
  1358.  
  1359.  
  1360. </div>
  1361. </div></div>
  1362. </div>
  1363.  
  1364.  
  1365.  
  1366. <div id="footer">
  1367. <div class="inner">
  1368. Ariana Source &nbsp / &nbsp
  1369. <a href="http://superbads.tumblr.com/">Designed by</a> &nbsp / &nbsp
  1370. All rights reserved © 2015
  1371. </div>
  1372.  
  1373. <script type="text/javascript">
  1374. function recent_tweets(data) {
  1375. for (i=0; i<data.length; i++) {
  1376. if(i==0) {
  1377. $("#twitter .userImg").css("background-image","url('" + data[i].user.profile_image_url + "')");
  1378. $("#twitter .userName").html("<a href='http://twitter.com/" + data[i].user.screen_name + "' target='_blank'>@" + data[i].user.screen_name + "</a>");
  1379. $("#twitter .userFollowing").html(data[i].user.friends_count);
  1380. $("#twitter .userFollowers").html(data[i].user.followers_count);
  1381. }
  1382. if (i<4) {
  1383. document.getElementById("tweets").innerHTML =
  1384. document.getElementById("tweets").innerHTML + "<li><a href='http://twitter.com/{TwitterUsername}/status/" +
  1385. (data[i].id_str ? data[i].id_str : data[i].id) + "'>" + data[i].text + "</a></li>";
  1386. }
  1387. }
  1388. }
  1389. $(document).ready(function() {
  1390. $('.banner').unslider();
  1391. });
  1392. </script>
  1393. {block:Twitter}
  1394. <script type="text/javascript" src="/tweets.js"></script>
  1395. {/block:Twitter}
  1396.  
  1397. </body>
  1398. </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!