API tools faq
paste
Advertisement
babesthetique

LIVII theme - not for release

babesthetique
Feb 6th, 2016
95
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.54 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. Theme made for LIVII. Role Play purposes only.
  4. Farahmir base code.
  5.  
  6. -->
  7.  
  8. <!DOCTYPE html>
  9. <head>
  10.  
  11.  
  12. <title>{Title}</title>
  13.  
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17.  
  18. <!--Default Variables-->
  19.  
  20. <meta name="color:Background" content="#ffffff"/>
  21. <meta name="color:Title" content="#ffffff"/>
  22. <meta name="color:Text" content="#aaaaaa"/>
  23. <meta name="color:Link" content="#bb0000"/>
  24. <meta name="color:Link hover" content="#ffffff"/>
  25. <meta name="color:Desc text" content="#000000"/>
  26. <meta name="color:Selection" content="#bb0000"/>
  27.  
  28. <meta name="image:Sidebar Image" content=""/>
  29.  
  30. <meta name="text:Ask box title" content="Ask me anything"/>
  31. <meta name="text:Submit title" content="Send me stuff?"/>
  32. <meta name="text:About" content="About content here. Ask for help if you need any."/>
  33. <meta name="text:More" content="More content here. This can be a tags pop up if you want. like with the tags of-- stuff. answered asks, fc pictures etc. yeah. Need any help, you know where to find me."/>
  34.  
  35.  
  36.  
  37. <!-- jquery for tooltips-->
  38.  
  39.  
  40. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  41.  
  42. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  43.  
  44. <script>
  45.  
  46. (function($){
  47.  
  48. $(document).ready(function(){
  49.  
  50. $("a[title]").style_my_tooltips({
  51.  
  52. tip_follows_cursor:true,
  53.  
  54. tip_delay_time:30,
  55.  
  56. tip_fade_speed:300,
  57.  
  58. attribute:"title"
  59.  
  60. });
  61.  
  62. });
  63.  
  64. })(jQuery);
  65.  
  66. </script>
  67.  
  68.  
  69.  
  70. <script type="text/javascript"
  71. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  72. <script>
  73. $(document).ready(function() {
  74. //
  75. $('a.poplight[href^=#]').click(function() {
  76. var popID = $(this).attr('rel'); //Get Popup Name
  77. var popURL = $(this).attr('href'); //Get Popup href to define size
  78. var query= popURL.split('?');
  79. var dim= query[1].split('&');
  80. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  81. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  82. var popMargTop = ($('#' + popID).height() + 80) / 2;
  83. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  84. //Apply Margin to Popup
  85. $('#' + popID).css({
  86. 'margin-top' : -popMargTop,
  87. 'margin-left' : -popMargLeft
  88. });
  89. $('body').append('<div id="fade"></div>');
  90. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  91. return false;
  92. });
  93. $('a.close, #fade').live('click', function() {
  94. $('#fade , .popup_block').fadeOut(function() {
  95. $('#fade, a.close').remove(); //fade them both out
  96. });
  97. return false;
  98. });
  99. });
  100. </script>
  101.  
  102.  
  103.  
  104.  
  105. <!--CSS customization here. -->
  106.  
  107.  
  108. <style type="text/css">
  109.  
  110.  
  111. /* GASARA */
  112. @font-face { font-family: "gasara"; src: url('https://dl.dropbox.com/s/9mird7ef2oyhzbc/gasara.ttf'); }
  113.  
  114. /* BEBAS NEUE */
  115. @font-face { font-family: "bebas neue"; src: url('https://dl.dropboxusercontent.com/u/67800931/bebasneue.otf'); }
  116.  
  117.  
  118.  
  119. ::selection {
  120. background:{color:selection};
  121. color:#fff;
  122. text-shadow: 0px 0px 3px #13bea6;
  123. }
  124.  
  125. ::-moz-selection {
  126. background:{color:selection};
  127. color:#fff;
  128. text-shadow: 0px 0px 3px #13bea6;
  129. }
  130.  
  131. ::-webkit-selection {
  132. background:{color:selection};
  133. color:#fff;
  134. text-shadow: 0px 0px 3px #13bea6;
  135. }
  136.  
  137.  
  138. ::-webkit-scrollbar-thumb {
  139. height:auto;
  140. background-color: #fff;
  141. box-shadow:0px 0px 3px {color:link};
  142. }
  143.  
  144. ::-webkit-scrollbar {
  145. height:9px;
  146. width:6px;
  147. background-color: transparent;
  148. }
  149.  
  150.  
  151. #s-m-t-tooltip{
  152. max-width:250px;
  153. margin-top:25px;
  154. margin-left:15px;
  155. padding-left:4px;
  156. padding-right:4px;
  157. z-index:9999999;
  158. background-color: #fff;
  159. color: #000000;
  160. font-family: "Gasara";
  161. font-size:8px;
  162. letter-spacing:0px;
  163. text-transform:uppercase;
  164. text-align:center;
  165. line-height:14px;
  166. border-left: 3px solid {color:link};
  167. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  168. -moz-transition:all ease-in-out 0.7s;
  169. -webkit-transition:all ease-in-out 0.7s;
  170. -o-transition:all ease-in-out 0.7s;
  171. transition:all ease-in-out 0.7s;
  172. }
  173.  
  174.  
  175.  
  176. /*basics*/
  177. blockquote {
  178. padding:0px 0 0px 10px;
  179. border-left:3px solid {color:text};
  180. margin-left:5px;
  181. width:90%;
  182. }
  183.  
  184. blockquote blockquote {
  185. width:85%;
  186. }
  187.  
  188. body {
  189. background:{color:background};
  190. color:{color:text};
  191. font-family:verdana;
  192. font-size:11px;
  193. text-align:justify;
  194. margin:0;
  195. line-height:16px;}
  196.  
  197.  
  198. a {
  199. color:{color:link};
  200. text-decoration:none;
  201. -moz-transition:all ease-in-out 0.7s;
  202. -webkit-transition:all ease-in-out 0.7s;
  203. -o-transition:all ease-in-out 0.7s;
  204. transition:all ease-in-out 0.7s;
  205. }
  206.  
  207. a:hover {
  208. text-decoration:none;
  209. color:{color:link hover};
  210. -moz-transition:all ease-in-out 0.7s;
  211. -webkit-transition:all ease-in-out 0.7s;
  212. -o-transition:all ease-in-out 0.7s;
  213. transition:all ease-in-out 0.7s;
  214. text-shadow:0px 0px 3px {color:link};
  215.  
  216. }
  217.  
  218. img{opacity:1;
  219. border:none;
  220. text-decoration:none}
  221.  
  222.  
  223. small {
  224. font-size:8px;
  225. font-family:'gasara';
  226. }
  227.  
  228. big {
  229. font-size:12px;
  230.  
  231. }
  232.  
  233.  
  234. #title {font-size:12px;
  235. line-height:18px;
  236. font-weight:bold;
  237. margin-bottom:10px;
  238. margin-top:10px;
  239. font-family:'bebas neue';
  240. font-size:36px;
  241. font-weight:bold;
  242. color:{color:title};
  243. text-shadow:0px 0px 3px {color:link};
  244. text-align:center;
  245.  
  246. }
  247.  
  248.  
  249. /*sidebar*/
  250.  
  251. #sidebar {text-align:left;
  252. position:fixed;
  253. margin-left:0px;
  254. margin-top:100px;
  255. width:125px;
  256. }
  257.  
  258. #sidebarim {margin-bottom:20px}
  259.  
  260. #sidebarim img {width:125px}
  261.  
  262. #blogt {
  263. position:fixed;
  264. margin-top:190px;
  265. margin-left:-60px;
  266. font-family:'bebas neue';
  267. font-size:56px;
  268. font-weight:bold;
  269. color:{color:title};
  270. text-shadow:0px 0px 3px {color:link};
  271.  
  272. }
  273.  
  274. #linksline {
  275. position:fixed;
  276. margin-top:260px;
  277. margin-left:-60px;
  278. background-color:{color:selection};
  279. width:60px;
  280. height:3px;
  281. -moz-transition:all ease-in-out 0.7s;
  282. -webkit-transition:all ease-in-out 0.7s;
  283. -o-transition:all ease-in-out 0.7s;
  284. transition:all ease-in-out 0.7s;
  285. }
  286.  
  287. #sidebar:hover #linksline {
  288. width:71px;
  289. -moz-transition:all ease-in-out 0.7s;
  290. -webkit-transition:all ease-in-out 0.7s;
  291. -o-transition:all ease-in-out 0.7s;
  292. transition:all ease-in-out 0.7s;
  293. }
  294.  
  295. #links {
  296. position:fixed;
  297. margin-top:254px;
  298. margin-left:10px;
  299. font-family:'bebas neue';
  300. line-height:16px;
  301. text-transform:uppercase;
  302. }
  303.  
  304.  
  305. #links a {
  306. margin-right:5px;
  307. display:inline-block;
  308. margin-bottom:5px;
  309. }
  310.  
  311. #description {
  312. position:fixed;
  313. margin-top:220px;
  314. margin-left:-60px;
  315. font-family:'gasara';
  316. font-size:8px;
  317. width:200px;
  318. color:{color:desc text};
  319. }
  320.  
  321.  
  322. /*pagination*/
  323. #pagination {
  324. margin-left:420px;
  325. text-transform:uppercase;
  326. font-weight:bold;
  327. font-family:'bebas neue';
  328. font-size:20px;
  329. text-shadow:0px 0px 3px {color:link};
  330. }
  331. #pagination a {
  332. color:{color:title};
  333. padding:0 15px;
  334. }
  335.  
  336. /*container*/
  337. #con {
  338. left:50%;
  339. margin-left:-330px;
  340. position:absolute;
  341. }
  342.  
  343.  
  344.  
  345. /*posts*/
  346.  
  347.  
  348. #box {
  349. padding: 2px;
  350. margin-left: -100px;
  351. margin-top: 150px;
  352. height: 370px;
  353. width: 800px;
  354. overflow: auto;
  355. background-image: url('http://i.imgur.com/hIaOXSa.png');
  356. background-repeat: no-repeat;
  357. background-position: left top;
  358. }
  359.  
  360.  
  361. #entries {
  362. margin-top:30px;
  363. width:250px;
  364. }
  365.  
  366.  
  367.  
  368. #posts {
  369. padding:10px;
  370. background-color:#fff;
  371. margin-left:420px;
  372. width:250px;
  373. {block:IndexPage}
  374. margin-bottom:30px;
  375. {/block:IndexPage}
  376. {block:PermalinkPage}
  377. margin-bottom:50px;
  378. {/block:PermalinkPage}
  379. opacity:0.6;
  380. -moz-transition:all ease-in-out 0.7s;
  381. -webkit-transition:all ease-in-out 0.7s;
  382. -o-transition:all ease-in-out 0.7s;
  383. transition:all ease-in-out 0.7s;
  384. border-top:3px solid {color:link};
  385.  
  386. }
  387.  
  388. #posts:hover {
  389. opacity:1.0;
  390. -moz-transition:all ease-in-out 0.7s;
  391. -webkit-transition:all ease-in-out 0.7s;
  392. -o-transition:all ease-in-out 0.7s;
  393. transition:all ease-in-out 0.7s;
  394.  
  395. }
  396. #posts img {
  397. max-width:250px;
  398. }
  399.  
  400. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  401. .caption {width:100%;
  402. margin-top:10px;
  403.  
  404. }
  405.  
  406. /*quote*/
  407.  
  408. #titlequote{text-align:left;
  409. font-size:14px;
  410. line-height:18px;
  411. font-weight:bold;
  412. }
  413. #source {
  414. margin-top:15px;
  415. margin-left:15px;}
  416.  
  417. /*audio*/
  418.  
  419. .audio {
  420. width:250px;
  421. padding-bottom:10px;
  422. background-color:{color:infobg};
  423. }
  424.  
  425. .albumart {
  426. margin-top:12px;
  427. float:left;
  428. padding:0px 10px 10px 0px;
  429. }
  430.  
  431. .albumart img {
  432. width:45px;
  433. height:45px;
  434. }
  435.  
  436. .playercontainer {
  437. margin-top:-10px;
  438. text-align:left;
  439. padding:10px;
  440. background-color:#ffffff;
  441. width:230px;
  442. }
  443.  
  444. .audioinfo {
  445. margin-top:-12px;
  446. font-family:'gasara';
  447. font-size:8px;
  448. padding:10px;
  449. color:{color:text};
  450. }
  451.  
  452. /*asks*/
  453. .q {margin-bottom:10px;
  454. }
  455. .as {
  456. font-weight:bold;}
  457.  
  458. .a {
  459. margin-top:10px;
  460. }
  461.  
  462.  
  463. /*chat*/
  464.  
  465. .chat ol {
  466. padding:0;
  467. list-style:none;
  468. }
  469. .line {padding:5px 0;}
  470.  
  471. .label {font-weight:bold;
  472. }
  473.  
  474.  
  475.  
  476.  
  477.  
  478. /*permalink and notes*/
  479.  
  480. #permalink {
  481. font-family:'bebas neue';
  482. margin-top:10px;
  483. margin-bottom:-5px;
  484. font-size:10px;
  485. text-transform:uppercase;
  486. text-align:right;
  487. }
  488. #permalink a {
  489. margin-right:10px;
  490. }
  491.  
  492.  
  493. .tags {
  494. margin-top:5px;
  495. margin-bottom:-3px;
  496. text-align:left;
  497. word-break:break-all;
  498. font-size:8px;
  499. font-family:'gasara';
  500. font-style:italic;
  501. border-top:1px solid {color:link};
  502. }
  503.  
  504. .tags a{
  505. margin-right:5px;
  506. }
  507.  
  508. .pagenotes {
  509. {block:IndexPage}
  510. display: none!important;
  511. {/block:IndexPage}
  512. width:400px;
  513. text-align:left;
  514.  
  515. }
  516. .pagenotes img {
  517. display:none!important;}
  518. .pagenotes li {
  519. list-style-type:none;
  520. padding:5px 0px;
  521. text-align:left;
  522. margin:0 0 0 -40px;
  523. }
  524.  
  525.  
  526.  
  527. .popup_block{
  528. display:none;
  529. background:#fff;
  530. padding:20px;
  531. border:1px solid #eee; /* if you want a solid white pop-up, delete this */
  532. float:left;
  533. position:fixed;
  534. top:50%;left:50%;
  535. z-index: 99999;
  536. -webkit-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  537. -moz-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  538. box-shadow: 0px 0px 20px #000; /* delete for solid white */
  539. }
  540.  
  541. *html #fade {position: absolute;}
  542. *html .popup_block {position: absolute;}
  543. #fade {
  544. display:none;
  545. position:fixed;
  546. left:0px;
  547. top:0px;
  548. width:100%;
  549. height:100%;
  550. z-index:9999;
  551. background:#000; /* change to #fff for solid white */
  552. opacity:0.5; /* change to opacity:1; */
  553. }
  554.  
  555.  
  556. {CustomCSS}
  557.  
  558.  
  559. </style>
  560.  
  561.  
  562. </head>
  563.  
  564. <body>
  565.  
  566. <div id="con">
  567.  
  568. <div id="sidebar">
  569. <div id="sidebarim"><img src="{image:Sidebar Image}"></div>
  570. <div id="blogt">{Title}</div>
  571. <div id="description">{Description}</div>
  572. <div id="linksline"></div>
  573. <div id="links">
  574. <a href="/">home</a>
  575. <a href="#?w=300" rel="box1" class="poplight">ask</a>
  576. <a href="/submit">submit</a>
  577. <a href="#?w=300" rel="box3" class="poplight">about</a>
  578. <a href="#?w=300" rel="box4" class="poplight">more</a>
  579. </div>
  580.  
  581.  
  582.  
  583.  
  584. </div>
  585.  
  586.  
  587.  
  588. <div id="box">
  589.  
  590.  
  591. <div id="entries">
  592.  
  593. {block:Posts}
  594. <div id="posts">
  595.  
  596.  
  597. {block:Quote}
  598.  
  599.  
  600. <div id="titlequote"><span style="font-family:bebas neue; font-size:30px; color:#fff; text-shadow:0px 0px 3px {color:link};">“{Quote}”</span></div>
  601. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  602. {/block:Quote}
  603.  
  604.  
  605.  
  606. {block:Text}
  607.  
  608. {block:Title}
  609. <div id="title">{Title}</div>{/block:Title}
  610. {Body}
  611. {/block:Text}
  612.  
  613. {block:Link}
  614. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  615. {/block:Link}
  616.  
  617. {block:Chat}
  618. {block:Title}
  619. <h1>{Title}</h1>
  620. {/block:Title}
  621. <div class="chat">
  622. <ol>{block:Lines}
  623. <li class="line {Alt}">
  624. {block:Label}
  625. <span class="label">
  626. {Label}</span>
  627. {/block:Label}{Line}</li>
  628. {/block:Lines}
  629. </ol></div>
  630. {/block:Chat}
  631.  
  632. {block:Photo}
  633. {LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{LinkCloseTag}
  634. {/block:Photo}
  635.  
  636. {block:Photoset}
  637. {Photoset-250}
  638. {/block:Photoset}
  639.  
  640. {block:Video}
  641. {Video-250}
  642. {/block:Video}
  643.  
  644. {block:Audio}
  645. <div class="audio">
  646. {block:AlbumArt}
  647. <div class="albumart"><img src="{AlbumArtURL}"/></div>
  648. {/block:AlbumArt}
  649. <div class="audioinfo">
  650. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  651. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  652. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  653. {/block:Audio}
  654.  
  655. {block:Answer}
  656. <div class="q">
  657. <div class="as"><span style="font-family:bebas neue; font-size:30px; color:#fff; text-shadow:0px 0px 3px {color:link};">{Asker} said:</span> </div>
  658. <span style="font-family:gasara; font-size:8px;">{Question}</span></div>
  659. <div class="a">{Answer}</div>
  660. {/block:Answer}
  661.  
  662. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  663.  
  664. {block:Date}
  665. <div id="permalink">
  666.  
  667. <a href="{Permalink}" title="{block:NoteCount}with {NoteCount} notes{/block:NoteCount}">{12Hour}:{Minutes} {AmPm}</a>
  668.  
  669.  
  670. <span style="margin-left:-12px;"><a href="{ReblogParentURL}"title="{ReblogParentName}">
  671. <a href="{ReblogURL}" target="_blank">reblog</a></span>
  672.  
  673. </div>
  674. {/block:Date}
  675.  
  676.  
  677. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  678.  
  679. </div>
  680.  
  681.  
  682. {block:PostNotes}
  683. <div class="pagenotes">
  684. {PostNotes}
  685. </div>
  686. {/block:PostNotes}
  687.  
  688.  
  689. {/block:Posts}
  690.  
  691. <div id="pagination">
  692. {block:Pagination}
  693. {block:PreviousPage}
  694. <a href="{PreviousPage}"> previous </a>
  695. {/block:PreviousPage}
  696.  
  697.  
  698. {block:NextPage}
  699. <a href="{NextPage}">next </a>
  700. {/block:NextPage}
  701. {/block:Pagination}
  702.  
  703. </div>
  704.  
  705. <br>
  706. <br>
  707. <br>
  708.  
  709. </div>
  710.  
  711. </div>
  712. </div>
  713.  
  714.  
  715. {block:ContentSource}
  716. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  717. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  718. {/block:SourceLogo}
  719. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  720. {/block:ContentSource}
  721.  
  722. </body>
  723.  
  724. <div id="box1" class="popup_block">
  725.  
  726. <Center><span style="font-family:bebas neue; font-size:40; color:#fff; text-shadow:0px 0px 3px {color:selection}">{text:ask box title}<p></span><iframe frameborder="0" scrolling="yes" width="100%" height="auto" src="http://www.tumblr.com/ask_form/liviith.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form">
  727. </center></div>
  728.  
  729. </div>
  730.  
  731. </div></div></div></div></div></div></div></div></div></div>
  732.  
  733. <div id="box2" class="popup_block">
  734.  
  735. <span style="font-family:bebas neue; font-size:40; color:#fff; text-shadow:0px 0px 3px {color:selection}">{text:submit title}</span><iframe frameborder="0" border="0" scrolling="no" width="300" height="375" allowtransparency="true" src="http://www.tumblr.com/submit_form/liviith.tumblr.com" style="background-color:transparent; overflow:hidden;">
  736. </iframe>
  737.  
  738. </div>
  739.  
  740. </div></div></div></div></div></div></div></div></div></div>
  741.  
  742.  
  743. <div id="box3" class="popup_block">
  744.  
  745. <span style="over-flow:auto; text-align:left; max-height:250px;">{text:About}</span>
  746.  
  747. </div>
  748.  
  749. </div></div></div></div></div></div></div></div></div></div>
  750.  
  751.  
  752. <div id="box4" class="popup_block">
  753.  
  754. <span style="over-flow:auto; text-align:center; max-height:250px;">{text:more}</span>
  755.  
  756. </div>
  757.  
  758. </div></div></div></div></div></div></div></div></div></div>
  759.  
  760.  
  761. </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!