Advertisement
benedictcumbvrbatch

you are my soul (#23)

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