Advertisement
benedictcumbvrbatch

centuries (#13)

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