API tools faq
paste
Advertisement
benedictcumbvrbatch

elementary (#9)

benedictcumbvrbatch
Jun 18th, 2014
2,509
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.00 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. <!--theme by rachael (tietjens.co.vu)
  4. dont steal or copy codes etc-->
  5.  
  6. <!DOCTYPE html>
  7. <head>
  8.  
  9.  
  10. <title>{Title}</title>
  11.  
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  15.  
  16. <!--Default Variables-->
  17.  
  18.  
  19.  
  20. <meta name="image:Sidebar Image" content=""/>
  21. <meta name="color:Background" content="#000"/>
  22. <meta name="color:Text" content="#fff"/>
  23. <meta name="color:hover" content="#5ac9e1"/>
  24. <meta name="color:scrollbar" content="#fff"/>
  25. <meta name="color:Link" content="#fff"/>
  26. <meta name="color:tooltip background" content="#000"/>
  27. <meta name="color:title colour" content="#000000"/>
  28. <meta name="color:title hover" content="#5ac9e1"/>
  29. <meta name="color:description picture and links border" content="#fff"/>
  30. <meta name="text:Body Font Size" content="10px"/>
  31. <meta name="text:links Font Size" content="12px"/>
  32. <meta name="text:Title Font Size" content="20px"/>
  33. <meta name="text:pop up askbox title" content=""/>
  34.  
  35. <meta name="text:Link1 Title" content="index"/>
  36. <meta name="text:Link1 Name" content="uno"/>
  37.  
  38. <meta name="text:Link2 Title" content="message"/>
  39. <meta name="text:Link2 Name" content="due"/>
  40.  
  41. <meta name="text:Link3 Url" content="http://"/>
  42. <meta name="text:Link3 Title" content="Link 3 Title"/>
  43. <meta name="text:Link3 Name" content="tre"/>
  44.  
  45. <meta name="text:Link4 Url" content="http://"/>
  46. <meta name="text:Link4 Title" content="Link 4 Title"/>
  47. <meta name="text:Link4 Name" content="quattro"/>
  48.  
  49. <meta name="text:Link5 Url" content="http://"/>
  50. <meta name="text:Link5 Title" content="Link 5 Title"/>
  51. <meta name="text:Link5 Name" content="cinque"/>
  52.  
  53. <meta name="text:Link6 Url" content="http://"/>
  54. <meta name="text:Link6 Title" content="Link 6 Title"/>
  55. <meta name="text:Link6 Name" content="sei"/>
  56.  
  57. <!-- jquery for tooltips-->
  58.  
  59.  
  60. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  61.  
  62. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  63.  
  64. <script>
  65.  
  66. (function($){
  67.  
  68. $(document).ready(function(){
  69.  
  70. $("a[title]").style_my_tooltips({
  71.  
  72. tip_follows_cursor:true,
  73.  
  74. tip_delay_time:30,
  75.  
  76. tip_fade_speed:300,
  77.  
  78. attribute:"title"
  79.  
  80. });
  81.  
  82. });
  83.  
  84. })(jQuery);
  85.  
  86. </script>
  87.  
  88.  
  89.  
  90.  
  91.  
  92.  
  93. <!--CSS customization here. -->
  94.  
  95. <style type="text/css">
  96.  
  97. *, body, a, a:hover {cursor: url("http://www.totallylayouts.com/cursors/random/tiny_cursor.png"), auto }
  98.  
  99. ::-webkit-scrollbar {width: 2px; height: 4px; background:#000; }
  100. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar}; }
  101.  
  102. #s-m-t-tooltip{
  103. position:absolute;
  104. margin-top: 15px;
  105. z-index:9999;
  106. font-size:13px;
  107. background:{color:tooltip background};
  108. padding:10px;
  109. border: solid 1px #aeaeae;
  110. }
  111.  
  112.  
  113.  
  114. /*basics*/
  115. blockquote {padding:5px 0 5px 30px;
  116. border-left:1px solid {color:text};
  117. margin-left:30px;
  118. }
  119.  
  120. body {
  121. background:{color:background};
  122. color:{color:text};
  123. font-family:helvetica;
  124. font-size: {text:Body Font Size};
  125. text-align:justify;
  126. margin:0;
  127. line-height:16px;}
  128.  
  129.  
  130. a {
  131. color:{color:link};
  132. text-decoration:none;
  133. }
  134.  
  135. a:hover {
  136. color:{color:hover};
  137. -webkit-transition: all 0.6s;
  138. -moz-transition: all 0.6s;
  139. -ms-transition:all 0.6s;
  140. -o-transition: all 0.6s;
  141. transition: all 0.6s;
  142. }
  143.  
  144. img{opacity:1;
  145. border:none;
  146. text-decoration:none}
  147.  
  148.  
  149. small {
  150. font-size:9px;}
  151.  
  152. big {
  153. font-size:12px;}
  154.  
  155.  
  156. #title {font-size:12px;
  157. line-height:18px;
  158. font-weight:bold;
  159. margin-bottom:10px;
  160. text-transform:uppercase;
  161. text-align:left;}
  162.  
  163.  
  164. /*sidebar*/
  165. #sidebar {text-align:left;
  166. position:fixed;
  167. margin-left:-225px;
  168. margin-top:170px;
  169. width:125px;
  170. }
  171.  
  172. #sidebarim {margin-bottom:20px;
  173. }
  174.  
  175. #sidebarim img { width:120px;
  176. height:120px;
  177. display:none;
  178. border: solid 1px{color:description picture and links border};
  179. padding:20px;
  180. }
  181.  
  182. #blogt {font-size:{text:title font size};
  183. margin-top:40px;
  184. border:solid 1px;
  185. width:420px;
  186. background-color:{color:background};
  187. position:absolute;
  188. text-align:center;
  189. padding:20px;
  190. font-family: 'Philosopher', sans-serif;
  191. margin-left:-20px;
  192. color:{color:blog title};
  193. letter-spacing:1px;
  194. -moz-transition-duration:0.9s;
  195. -webkit-transition-duration:0.9s;
  196. -o-transition-duration:0.9s;
  197. }
  198.  
  199. #blogt:hover {
  200. cursor:help;
  201. letter-spacing:3px;
  202. box-shadow:inset 460px 0 0 {color:title hover};
  203. -moz-transition-duration:0.9s;
  204. -webkit-transition-duration:0.9s;
  205. -o-transition-duration:0.9s;}
  206.  
  207. #links {
  208. padding:20px;
  209. width:120px;
  210. border: solid 1px{color:description picture and links border};
  211. position:fixed;
  212. margin-left:720px;
  213. display:none;
  214. font-size:{text:links font size};
  215. margin-top:-270px;
  216. text-align:center;
  217. -moz-transition-duration:.7s;
  218. -webkit-transition-duration:.7s;
  219. -o-transition-duration:.7s;
  220. }
  221.  
  222.  
  223. #links a {
  224. margin-right:5px;
  225. width:50px;
  226. padding:2px;
  227. display:inline-block;
  228. margin-bottom:5px;
  229. cursor:crosshair;
  230. }
  231.  
  232. #links a:hover{
  233. color:{color:background};
  234. width:100px;
  235. box-shadow:inset 420px 0 0 {color:title hover};
  236. -moz-transition-duration:.7s;
  237. -webkit-transition-duration:.7s;
  238. -o-transition-duration:.7s;
  239. }
  240.  
  241. #description {
  242. margin:20px 0;
  243. width:120px;
  244. display:none;
  245. height:120px;
  246. overflow:scroll;
  247. border: solid 1px{color:description picture and links border};
  248. padding:20px;
  249. }
  250.  
  251.  
  252. /*pagination*/
  253. #pagination {
  254. margin:50px 0;
  255. text-transform:lowercase;
  256. font-weight:bold;
  257. }
  258. #pagination a {
  259. padding:0 15px;
  260. }
  261.  
  262. .intro {
  263. -moz-transition-duration:0.7s;
  264. -webkit-transition-duration:0.7s;
  265. -o-transition-duration:0.7s;
  266. }
  267.  
  268. /*container*/
  269. #con {
  270. left:50%;
  271. margin-left:-200px;
  272. position:absolute;
  273.  
  274. }
  275.  
  276.  
  277.  
  278. /*posts*/
  279.  
  280. #entries {
  281. margin-top:155px;
  282. width:400px;
  283.  
  284. }
  285.  
  286.  
  287.  
  288.  
  289. #posts {
  290. width:400px;
  291. {block:IndexPage}
  292. margin-bottom:75px;
  293. {/block:IndexPage}
  294. {block:PermalinkPage}
  295. margin-bottom:50px;
  296. {/block:PermalinkPage}
  297. padding:15px;
  298. }
  299.  
  300.  
  301. #posts img {
  302. max-width:400px;
  303.  
  304. }
  305.  
  306. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  307. .caption {width:100%;
  308. padding:1px;
  309. margin-top:10px;
  310.  
  311. }
  312.  
  313. /*quote*/
  314.  
  315. #titlequote{text-align:left;
  316. font-size:14px;
  317. line-height:18px;
  318. font-weight:bold;
  319. }
  320. #source {
  321. margin-top:15px;
  322. margin-left:15px;}
  323.  
  324. /*audio*/
  325.  
  326. .player {
  327. width:25px;
  328. height:25px;
  329. overflow:hidden;
  330. position:absolute;
  331. background:white;}
  332.  
  333. .audioinfo {
  334. margin-left:50px;
  335. }
  336.  
  337.  
  338. /*asks*/
  339. .q {margin-bottom:10px;
  340. border: 1px solid;
  341. padding:7px;
  342. width:400px;
  343. text-align:right;
  344. }
  345. .as {
  346. font-weight:bold;}
  347.  
  348. .a {
  349. margin-top:10px;
  350. }
  351.  
  352.  
  353. /*chat*/
  354.  
  355. .chat ol {
  356. padding:0;
  357. list-style:none;
  358. }
  359. .line {padding:5px 0;}
  360.  
  361. .label {font-weight:bold;
  362. }
  363.  
  364.  
  365. /*permalink and notes*/
  366. #permalink {
  367. font-size:{text:body font size};
  368. text-align:center;
  369. margin-top:10px;
  370. {block:indexpage}
  371. opacity:0;
  372. {/block:indexpage}
  373. transition-duration: 0.6s;
  374. -moz-transition:all ease-in-out 0.6s;
  375. -ms-transition:all ease-in-out 0.6s;
  376. -o-transition:all ease-in-out 0.6s;
  377. transition:all ease-in-out 0.6s;
  378. }
  379.  
  380. .tags {
  381. text-align:center;
  382. font-size:{text:body font size};
  383. font-weight:normal;
  384. width:400px;
  385. margin-top:5px;
  386. }
  387. .tags a {
  388. margin-left:2px;
  389. }
  390.  
  391. #posts:hover #permalink {
  392. opacity:1;
  393. transition-duration: 0.6s;
  394. -moz-transition:all ease-in-out 0.6s;
  395. -ms-transition:all ease-in-out 0.6s;
  396. -o-transition:all ease-in-out 0.6s;
  397. transition:all ease-in-out 0.6s;
  398. }
  399. .pagenotes {
  400. {block:IndexPage}
  401. display: none!important;
  402. {/block:IndexPage}
  403. width:400px;
  404. text-align:left;
  405.  
  406. }
  407. .pagenotes img {
  408. display:none!important;}
  409. .pagenotes li {
  410. list-style-type:none;
  411. padding:5px 0px;
  412. text-align:left;
  413. margin:0 0 0 -40px;
  414. }
  415.  
  416.  
  417.  
  418.  
  419. .popup_block{
  420. display:none;
  421. background:#fff;
  422. padding:20px;
  423. border:1px solid #eee; /* if you want a solid white pop-up, delete this */
  424. float:left;
  425. text-align:center;
  426. position:fixed;
  427. top:50%;left:50%;
  428. z-index: 99999;
  429. -webkit-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  430. -moz-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  431. box-shadow: 0px 0px 20px #000; /* delete for solid white */
  432. }
  433.  
  434. *html #fade {position: absolute;}
  435. *html .popup_block {position: absolute;}
  436. #fade {
  437. display:none;
  438. position:fixed;
  439. left:0px;
  440. top:0px;
  441. width:100%;
  442. height:100%;
  443. z-index:9999;
  444. background:#000; /* change to #fff for solid white */
  445. opacity:0.7; /* change to opacity:1; */
  446. }
  447.  
  448.  
  449. {CustomCSS}
  450.  
  451.  
  452. </style>
  453.  
  454.  
  455.  
  456. </head>
  457.  
  458. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  459. <script>
  460. $(document).ready(function(){
  461. $("#blogt").click(function(){
  462. $("#blogt").toggleClass('intro');
  463. });
  464.  
  465. $("#blogt").click(function(){
  466. $("#links").toggle('slow');
  467. });
  468.  
  469. $("#blogt").click(function(){
  470. $("#description").toggle('slow');
  471. });
  472.  
  473. $("#blogt").click(function(){
  474. $("#sidebarim img").toggle('slow');
  475. });
  476. });
  477. </script>
  478.  
  479.  
  480.  
  481. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
  482. <script type="text/javascript">
  483. $(function(){
  484. var stickyRibbonTop = $('#blogt').offset().top;
  485. $(window).scroll(function(){
  486. if( $(window).scrollTop() > stickyRibbonTop ) {
  487. $('#blogt').css({position: 'fixed', top: '-40px'});
  488. } else {
  489. $('#blogt').css({position: 'static', top: '0px'});
  490. }
  491. });
  492. });
  493. </script>
  494.  
  495. <script type="text/javascript">
  496. WebFontConfig = {
  497. google: { families: [ 'Philosopher:700:latin' ] }
  498. };
  499. (function() {
  500. var wf = document.createElement('script');
  501. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  502. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  503. wf.type = 'text/javascript';
  504. wf.async = 'true';
  505. var s = document.getElementsByTagName('script')[0];
  506. s.parentNode.insertBefore(wf, s);
  507. })(); </script>
  508.  
  509. <script type="text/javascript"
  510. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  511. <script>
  512. $(document).ready(function() {
  513. //
  514. $('a.poplight[href^=#]').click(function() {
  515. var popID = $(this).attr('rel'); //Get Popup Name
  516. var popURL = $(this).attr('href'); //Get Popup href to define size
  517. var query= popURL.split('?');
  518. var dim= query[1].split('&');
  519. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  520. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  521. var popMargTop = ($('#' + popID).height() + 80) / 2;
  522. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  523. //Apply Margin to Popup
  524. $('#' + popID).css({
  525. 'margin-top' : -popMargTop,
  526. 'margin-left' : -popMargLeft
  527. });
  528. $('body').append('<div id="fade"></div>');
  529. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  530. return false;
  531. });
  532. $('a.close, #fade').live('click', function() {
  533. $('#fade , .popup_block').fadeOut(function() {
  534. $('#fade, a.close').remove(); //fade them both out
  535. });
  536. return false;
  537. });
  538. });
  539. </script>
  540.  
  541. <body>
  542. <div id="con">
  543. <div id="blogt">{Title}</div>
  544. <div id="sidebar">
  545. <div id="sidebarim"><img src="{image:Sidebar Image}"></div>
  546. <div id="description">{Description}</div>
  547. <div id="links">
  548. <a href="/" title="{text:Link1 Title}" > {text:Link1 Name}</a>
  549. <a href="#?w=500" title="{text:Link2 Title}" rel="box2" class="poplight">{text:Link2 Name}</a>
  550. {/block:IfLink3Name}<a href="{text:Link3 URL}" title="{text:Link3 Title}">{text:Link3 Name}</a>{/block:IfLink3Name}
  551. {/block:IfLink4Name}<a href="{text:Link4 URL}" title="{text:Link4 Title}">{text:Link4 Name}</a>{/block:IfLink4Name}
  552. {/block:IfLink5Name}<a href="{text:Link5 URL}" title="{text:Link5 Title}">{text:Link5 Name}</a>{/block:IfLink5Name}
  553. {/block:IfLink6Name}<a href="{text:Link6 URL}" title="{text:Link6 Title}">{text:Link6 Name}</a>{/block:IfLink6Name}
  554.  
  555. </div>
  556. </div>
  557.  
  558.  
  559.  
  560.  
  561. <div id="entries">
  562.  
  563. {block:Posts}
  564. <div id="posts">
  565.  
  566.  
  567. {block:Quote}
  568.  
  569.  
  570. <div id="titlequote">“{Quote}”</div>
  571. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  572. {/block:Quote}
  573.  
  574.  
  575.  
  576. {block:Text}
  577.  
  578. {block:Title}
  579. <div id="title">{Title}</div>{/block:Title}
  580. {Body}
  581. {/block:Text}
  582.  
  583. {block:Link}
  584. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  585. {/block:Link}
  586.  
  587. {block:Chat}
  588. {block:Title}
  589. <h1>{Title}</h1>
  590. {/block:Title}
  591. <div class="chat">
  592. <ol>{block:Lines}
  593. <li class="line {Alt}">
  594. {block:Label}
  595. <span class="label">
  596. {Label}</span>
  597. {/block:Label}{Line}</li>
  598. {/block:Lines}
  599. </ol></div>
  600. {/block:Chat}
  601.  
  602. {block:Photo}
  603. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}
  604. {/block:Photo}
  605.  
  606. {block:Photoset}
  607. {Photoset-400}
  608. {/block:Photoset}
  609.  
  610. {block:Video}
  611. {Video-400}
  612. {/block:Video}
  613.  
  614. {block:Audio}
  615. <div class="player">{AudioPlayerWhite}</div>
  616. <div class="audioinfo">
  617. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  618. </div>
  619. {/block:Audio}
  620.  
  621. {block:Answer}
  622. <div class="q">
  623. <div class="as">{Asker} said: </div>
  624. {Question}</div>
  625. <div class="a">{Answer}</div>
  626. {/block:Answer}
  627.  
  628. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  629.  
  630. {block:Date}
  631. <div id="permalink">
  632. <a href="{Permalink}" >{12Hour}:{Minutes} {AmPm} | </a>{block:NoteCount}<a href="{Permalink}"> + {NoteCount}</a>{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"> | via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}"> | source</a>{/block:ContentSource}{/block:RebloggedFrom}
  633. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  634. </div>
  635. {/block:Date}
  636.  
  637.  
  638.  
  639. </div>
  640.  
  641.  
  642.  
  643.  
  644. {block:PostNotes}
  645. <div class="pagenotes">
  646. {PostNotes}
  647. </div>
  648. {/block:PostNotes}
  649.  
  650.  
  651. {/block:Posts}
  652.  
  653.  
  654. </div>
  655.  
  656.  
  657. <div id="pagination">
  658. {block:Pagination}
  659. {block:PreviousPage}
  660. <a href="{PreviousPage}">&larr; backwards</a>
  661. {/block:PreviousPage}
  662.  
  663.  
  664. {block:NextPage}
  665. <a href="{NextPage}"> onwards &rarr;</a>
  666. {/block:NextPage}
  667. {/block:Pagination}
  668. </div>
  669.  
  670.  
  671.  
  672. {block:ContentSource}
  673. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  674. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  675. {/block:SourceLogo}
  676. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  677. {/block:ContentSource}
  678.  
  679. </body>
  680.  
  681. <div id="box2" class="popup_block">
  682.  
  683. {text:pop up askbox title}
  684.  
  685. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>
  686.  
  687.  
  688.  
  689. </div>
  690.  
  691. </div></div></div></div></div></div></div></div></div></div>
  692.  
  693.  
  694. <div style="position:fixed;bottom:2px; right:3px; font-size:9px; letter-spacing:1px; font-family:calibri;border:1px solid #000;padding:4px;"><a href="http://tietjens.co.vu/">BCV THEMES</a></center></div>
  695.  
  696.  
  697. </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!