API tools faq
paste
Advertisement
benedictcumbvrbatch

fragments (#8)

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