Advertisement
benedictcumbvrbatch

neighbourhood (#20)

Jul 29th, 2014
2,729
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.51 KB | None | 0 0
  1. <!--theme by rachael (tietjens.co.vu)
  2.  
  3. do not steal or copy or u know just dont-->
  4.  
  5. <!DOCTYPE html>
  6. <head>
  7.  
  8.  
  9. <title>{Title}</title>
  10.  
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14.  
  15. <!--Default Variables-->
  16.  
  17. <meta name="image:Background Image" content=""/>
  18.  
  19. <meta name="color:Background" content="#ffffff"/>
  20. <meta name="color:Text" content="#ffffff"/>
  21. <meta name="color:hover" content="#aeaeae"/>
  22. <meta name="color:scrollbar" content="#def4f9"/>
  23. <meta name="color:border" content="#def4f9"/>
  24. <meta name="color:Link" content="#555555"/>
  25. <meta name="color:title" content="#ffffff"/>
  26. <meta name="color:post border" content="#c6c6c6"/>
  27. <meta name="color:ask background" content="#dadada"/>
  28. <meta name="color:tooltip background" content="#d7d7d7"/>
  29.  
  30. <meta name="text:Body Font Size" content="9px"/>
  31. <meta name="text:links Font Size" content="9px"/>
  32. <meta name="text:Title Font Size" content="20px"/>
  33.  
  34. <meta name="if:Black and White Posts" content="0"/>
  35. <meta name="if:500pxposts" content="0"/>
  36.  
  37. <meta name="text:home name" content="index"/>
  38.  
  39. <meta name="text:ask name" content="message"/>
  40.  
  41. <meta name="text:Link3 Url" content="http://"/>
  42. <meta name="text:Link3 Name" content="link 3"/>
  43.  
  44. <meta name="text:Link4 Url" content="http://"/>
  45. <meta name="text:Link4 Name" content="link 4"/>
  46.  
  47. <meta name="text:Link5 Url" content="http://"/>
  48. <meta name="text:Link5 Name" content="link 5"/>
  49.  
  50. <meta name="text:Link6 Url" content="http://"/>
  51. <meta name="text:Link6 Name" content="link 6"/>
  52.  
  53.  
  54.  
  55.  
  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:{color:background}; }
  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. background:{color:tooltip background};
  107. padding:3px;
  108. border: solid 1px #aeaeae;
  109. }
  110.  
  111.  
  112.  
  113. /*basics*/
  114. blockquote {padding:5px 0 5px 30px;
  115. border-left:1px solid {color:text};
  116. margin-left:30px;
  117. }
  118.  
  119. body {
  120. background:{color:background};
  121. color:{color:text};
  122. font-family:helvetica;
  123. font-size: {text:Body Font Size};
  124. text-align:justify;
  125. margin:0;
  126. line-height:16px;}
  127.  
  128. html {
  129. background: url({image:Background Image}) no-repeat center center fixed;
  130. -webkit-background-size: cover;
  131. -moz-background-size: cover;
  132. -o-background-size: cover;
  133. background-size: cover;
  134. }
  135.  
  136.  
  137. a {
  138. color:{color:link};
  139. text-decoration:none;
  140. }
  141.  
  142. a:hover {
  143. color:{color:hover};}
  144.  
  145. img{opacity:1;
  146. border:none;
  147. text-decoration:none}
  148.  
  149.  
  150. small {
  151. font-size:9px;}
  152.  
  153. big {
  154. font-size:12px;}
  155.  
  156.  
  157. #title {font-size:12px;
  158. line-height:18px;
  159. font-weight:bold;
  160. margin-bottom:10px;
  161. text-transform:uppercase;
  162. text-align:left;}
  163.  
  164.  
  165. /*sidebar*/
  166. #sidebar {text-align:left;
  167. position:fixed;
  168. margin-left:-100px;
  169. margin-top:100px;
  170. width:200px;
  171. }
  172.  
  173. #blogt {font-size: {text:Title Font Size};
  174. color:{color:title};
  175. letter-spacing:1px;
  176. text-align:right;
  177. font-family: 'Francois One', sans-serif;
  178. width:200px;
  179. -webkit-transition: all 0.7s;
  180. -moz-transition: all 0.7s;
  181. -ms-transition:all 0.7s;
  182. -o-transition: all 0.7s;
  183. transition: all 0.7s;
  184. }
  185.  
  186. #blogt:hover {
  187. letter-spacing:3px;
  188. -webkit-transition: all 0.7s;
  189. -moz-transition: all 0.7s;
  190. -ms-transition:all 0.7s;
  191. -o-transition: all 0.7s;
  192. transition: all 0.7s;
  193. }
  194.  
  195. #links {
  196. position:fixed;
  197. font-family:times;
  198. width:110px;
  199. margin-top:10px;
  200. font-size:{text:links font size}
  201. text-transform:lowercase;
  202. text-align:center;
  203. line-height:170%;
  204. }
  205.  
  206. #links a{
  207. line-height:170%;
  208. padding:1px;
  209. margin-top:1px;
  210. margin-left:2px;
  211. letter-spacing:1px;
  212. color:{color:link};
  213. -moz-transition-duration:.7s;
  214. -webkit-transition-duration:.7s;
  215. -o-transition-duration:.7s;
  216. }
  217.  
  218.  
  219.  
  220.  
  221. #description {
  222. margin-top:35px;
  223. width:200px;
  224. font-size:10px;
  225. font-family:times;
  226. opacity:1;
  227. text-align:right;
  228. color:{color:Description Text};
  229. -webkit-transition-duration:0.7s;
  230. -moz-transition-duration:0.7s;
  231. -o-transition-duration:0.7s;
  232. }
  233.  
  234.  
  235.  
  236.  
  237. /*pagination*/
  238. #pagination {
  239. position:fixed;
  240. text-align:right;
  241. color:{color:text};
  242. width:80px;
  243. font-size:8px;
  244. padding:15px
  245. text-transform:uppercase;
  246. {block:if500pxposts}margin-left:730px;{/block:if500pxposts}
  247. {block:ifnot500pxposts}margin-left:630px;{/block:ifnot500pxposts}
  248. margin-top:500px;
  249. background: rgba(223,223,223,0.5);
  250. box-shadow:rgba(223,223,223,0.1)7px 7px;
  251. }
  252. #pagination a{
  253. padding:10px;
  254. }
  255.  
  256. /*container*/
  257. #con {
  258. left:50%;
  259. margin-left:-350px;
  260. position:absolute;
  261. }
  262.  
  263.  
  264.  
  265. /*posts*/
  266.  
  267. #entries {
  268. margin-top:100px;
  269. position:relative;
  270. {block:if500pxposts}width:500px;{/block:if500pxposts}
  271. {block:ifnot500pxposts}width:400px;{/block:ifnot500pxposts}
  272. {block:IfBlackandWhitePosts}
  273. -webkit-filter: grayscale(100%);
  274. -moz-filter: grayscale(100%);
  275. filter: grayscale(100%);
  276. -webkit-transition:all 0.5s;
  277. -moz-transition:all 0.5s;
  278. -ms-transition:all 0.5s;
  279. -o-transition:all 0.5s;
  280. transition:all 0.5s;
  281. }
  282.  
  283. #entries:hover {
  284. background-color:transparent;
  285. -webkit-transition:all 0.5s;
  286. -moz-transition:all 0.5s;
  287. -ms-transition:all 0.5s;
  288. -o-transition:all 0.5s;
  289. transition:all 0.5s;
  290. -webkit-filter: grayscale(0%);
  291. -moz-filter: grayscale(0%);
  292. filter: grayscale(0%);
  293. {/block:IfBlackandWhitePosts}}
  294.  
  295.  
  296.  
  297.  
  298. #posts {
  299. background: rgba(223,223,223,0.4);
  300. box-shadow:rgba(223,223,223,0.1)7px 7px;
  301. border:solid 1px {color:post border};
  302. margin-bottom:35px;
  303. {block:if500pxposts} margin-left:140px;{/block:if500pxposts}
  304. {block:ifnot500pxposts} margin-left:120px; {/block:ifnot500pxposts}
  305. {block:if500pxposts}width:500px;{/block:if500pxposts}
  306. {block:ifnot500pxposts}width:400px;{/block:ifnot500pxposts}
  307. {block:IndexPage}
  308. margin-bottom:75px;
  309. {/block:IndexPage}
  310. {block:PermalinkPage}
  311. margin-bottom:50px;
  312. {/block:PermalinkPage}
  313. padding:15px;
  314. }
  315.  
  316.  
  317. #posts img {
  318. max-width:400px;
  319.  
  320. }
  321.  
  322. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  323. .caption {width:100%;
  324. padding:1px;
  325. margin-top:10px;
  326.  
  327. }
  328.  
  329. /*quote*/
  330.  
  331. #titlequote{text-align:left;
  332. font-size:14px;
  333. line-height:18px;
  334. font-weight:bold;
  335. }
  336. #source {
  337. margin-top:15px;
  338. margin-left:15px;}
  339.  
  340. /*audio*/
  341.  
  342. .player {
  343. width:25px;
  344. height:25px;
  345. overflow:hidden;
  346. position:absolute;
  347. background:white;}
  348.  
  349. .audioinfo {
  350. margin-left:50px;
  351. }
  352.  
  353.  
  354. /*asks*/
  355. .q {margin-bottom:10px;
  356. background-color:{color:ask background};
  357. border: 1px dotted;
  358. padding:3px;
  359. }
  360. .as {
  361. font-weight:bold;}
  362.  
  363. .a {
  364. margin-top:10px;
  365. }
  366.  
  367.  
  368. /*chat*/
  369.  
  370. .chat ol {
  371. padding:0;
  372. list-style:none;
  373. }
  374. .line {padding:5px 0;}
  375.  
  376. .label {font-weight:bold;
  377. }
  378.  
  379.  
  380. /*permalink and notes*/
  381. #permalink {
  382. font-size:10px;
  383. text-align:center;
  384. margin-top:10px;
  385. background: rgba(225,225,225,0.6);
  386. padding:5px;
  387. {block:indexpage}
  388. opacity:0;
  389. {/block:indexpage}
  390. transition-duration: 0.6s;
  391. -moz-transition:all ease-in-out 0.6s;
  392. -ms-transition:all ease-in-out 0.6s;
  393. -o-transition:all ease-in-out 0.6s;
  394. transition:all ease-in-out 0.6s;
  395. }
  396.  
  397. .tags {
  398. text-align:center;
  399. font-size:9px;
  400. background: rgba(225,225,225,0.0);
  401. font-weight:normal;
  402. {block:if500pxposts}width:500px;{/block:if500pxposts}
  403. {block:ifnot500pxposts}width:400px;{/block:ifnot500pxposts}
  404. margin-top:5px;
  405. }
  406. .tags a {
  407. margin-left:2px;
  408. }
  409.  
  410. #posts:hover #permalink {
  411. opacity:1;
  412. transition-duration: 0.6s;
  413. -moz-transition:all ease-in-out 0.6s;
  414. -ms-transition:all ease-in-out 0.6s;
  415. -o-transition:all ease-in-out 0.6s;
  416. transition:all ease-in-out 0.6s;
  417. }
  418. .pagenotes {
  419. {block:IndexPage}
  420. display: none!important;
  421. {/block:IndexPage}
  422. width:400px;
  423. text-align:left;
  424. margin-left:40px;
  425. }
  426. .pagenotes img {
  427. display:none!important;}
  428. .pagenotes li {
  429. list-style-type:none;
  430. padding:5px 0px;
  431. text-align:left;
  432. margin-left:40px;
  433. }
  434.  
  435.  
  436.  
  437. {CustomCSS}
  438.  
  439.  
  440. </style>
  441.  
  442.  
  443.  
  444. </head>
  445.  
  446. <script type="text/javascript">
  447. WebFontConfig = {
  448. google: { families: [ 'Francois+One::latin' ] }
  449. };
  450. (function() {
  451. var wf = document.createElement('script');
  452. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  453. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  454. wf.type = 'text/javascript';
  455. wf.async = 'true';
  456. var s = document.getElementsByTagName('script')[0];
  457. s.parentNode.insertBefore(wf, s);
  458. })(); </script>
  459.  
  460.  
  461. <script>
  462. $(document).ready(function() {
  463. $('.t').click(function() {
  464. $('.same').fadeToggle(400);
  465. });
  466. $('.ab').click(function() {
  467. $("#description").slideToggle(500);
  468. });
  469. $('.li').click(function() {
  470. $("#links").slideToggle(500);
  471. });
  472. });
  473. </script>
  474.  
  475.  
  476.  
  477. <body>
  478. <div id="con">
  479.  
  480. <div id="sidebar">
  481. <div id="blogt">{Title}</div>
  482. <div id="links">
  483. <form name="gotolocation1" method="POST" ACTION=URI>
  484. <select onchange='location=this.options[this.selectedIndex].value;' style='width:200px;background-color:transparent;margin-left:7px; border:1px solid #fff; padding:2px; font-size:10px;font-family:calibri; height:20px; letter-spacing:2.5px; color:#ffffff; background-color:transparent;'
  485. <option>navigation</option>
  486. <option value="">navigation</option>
  487. <option value="/">{text:home name}</option>
  488. <option value="/ask">{text:ask name}</option>
  489. <option value="{text:Link3 Url}">{text:Link3 Name}</option>
  490. <option value="{text:Link4 Url}">{text:Link4 Name}</option>
  491. <option value="{text:Link5 Url}">{text:Link5 Name}</option>
  492. <option value="{text:Link6 Url}">{text:Link6 Name}</option>
  493. </select>
  494. </div>
  495.  
  496. <div id="description">{Description}</div>
  497.  
  498. </div>
  499.  
  500. <div id="pagination">
  501. {block:Pagination}
  502. {block:PreviousPage}
  503. <a href="{PreviousPage}">&larr;BACK</a>
  504. {/block:PreviousPage}
  505.  
  506.  
  507. {block:NextPage}
  508. <a href="{NextPage}">NEXT &rarr;</a>
  509. {/block:NextPage}
  510. {/block:Pagination}
  511. </div>
  512.  
  513. <div id="entries">
  514.  
  515. {block:Posts}
  516. <div id="posts">
  517.  
  518.  
  519.  
  520.  
  521. {block:Quote}
  522.  
  523.  
  524. <div id="titlequote">“{Quote}”</div>
  525. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  526. {/block:Quote}
  527.  
  528.  
  529.  
  530. {block:Text}
  531.  
  532. {block:Title}
  533. <div id="title">{Title}</div>{/block:Title}
  534. {Body}
  535. {/block:Text}
  536.  
  537. {block:Link}
  538. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  539. {/block:Link}
  540.  
  541. {block:Chat}
  542. {block:Title}
  543. <h1>{Title}</h1>
  544. {/block:Title}
  545. <div class="chat">
  546. <ol>{block:Lines}
  547. <li class="line {Alt}">
  548. {block:Label}
  549. <span class="label">
  550. {Label}</span>
  551. {/block:Label}{Line}</li>
  552. {/block:Lines}
  553. </ol></div>
  554. {/block:Chat}
  555.  
  556. {block:Photo}
  557. {LinkOpenTag}<img src="{block:if500pxposts}{PhotoURL-500}{/block:if500pxposts}
  558. {block:ifnot500pxposts}{PhotoURL-400}{/block:ifnot500pxposts}"
  559. {block:if500pxposts}width="500"{/block:if500pxposts}
  560. {block:ifnot500pxposts}width="400"{/block:ifnot500pxposts}
  561. >{LinkCloseTag}
  562. {/block:Photo}
  563.  
  564. {block:Photoset}
  565. {block:if500pxposts}{Photoset-500}{/block:if500pxposts} {block:ifnot500pxposts}{Photoset-400}{/block:ifnot500pxposts}
  566. {/block:Photoset}
  567.  
  568. {block:Video}
  569. {block:if500pxposts}{Video-500}{/block:if500pxposts}{block:ifnot500pxposts}{Video-400}{/block:ifnot500pxposts}
  570. {/block:Video}
  571.  
  572. {block:Audio}
  573. <div class="player">{AudioPlayerWhite}</div>
  574. <div class="audioinfo">
  575. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  576. </div>
  577. {/block:Audio}
  578.  
  579. {block:Answer}
  580. <div class="q">
  581. <div class="as">{Asker} enquired: </div>
  582. {Question}</div>
  583. <div class="a">{Answer}</div>
  584. {/block:Answer}
  585.  
  586. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  587.  
  588. {block:Date}
  589. <div id="permalink">
  590. <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}
  591. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  592. </div>
  593. {/block:Date}
  594.  
  595.  
  596.  
  597. </div>
  598.  
  599.  
  600.  
  601.  
  602. {block:PostNotes}
  603. <div class="pagenotes">
  604. {PostNotes}
  605. </div>
  606. {/block:PostNotes}
  607.  
  608.  
  609. {/block:Posts}
  610.  
  611.  
  612. </div>
  613.  
  614.  
  615.  
  616.  
  617.  
  618.  
  619. {block:ContentSource}
  620. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  621. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  622. {/block:SourceLogo}
  623. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  624. {/block:ContentSource}
  625.  
  626. </body>
  627.  
  628.  
  629.  
  630. <div style="background: rgba(223,223,223,0.5);
  631. box-shadow:rgba(223,223,223,0.1)7px 7px; position:fixed;bottom:10px; right:13px; font-size:9px; letter-spacing:1px; font-family:calibri;padding:4px;"><a href="http://tietjens.co.vu/">BCV THEMES</a></center></div>
  632.  
  633.  
  634. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement