API tools faq
paste
Advertisement
bljrps

THEME 006: PAREIDOLIA

bljrps
May 26th, 2015
750
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.14 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head><title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  10.  
  11. <!-- A THEME BY BILLYLEWISJRRPS.
  12. " P A R E I D O L I A "
  13. ✌
  14. DON'T REDISTRUBTE EVER, OKAY? THANKS! -->
  15.  
  16. <meta name="color:Background" content="#ffffff"/>
  17. <meta name="color:Text" content="#a8a8a8"/>
  18. <meta name="color:Sidebar Links" content="#b8b8b8"/>
  19. <meta name="color:Title" content="#b8b8b8"/>
  20. <meta name="color:DescriptionText" content="#b8b8b8"/>
  21. <meta name="color:Border" content="#dddddd"/>
  22. <meta name="color:Hover" content="#f2f2f2"/>
  23. <meta name="color:Scrollbar" content="#000000"/>
  24. <meta name="color:ScrollbarBg" content="#ffffff"/>
  25. <meta name="color:Post Links" content="#c0bfbf"/>
  26. <meta name="color:Answer Backg" content="#000000"/>
  27. <meta name="color:secondary" content="#f2f2f2"/>
  28. <meta name="color:shadow" content="#111111" />
  29. <meta name="image:Sidebar" content=""/>
  30. <meta name="image:bbar" content="" />
  31. <meta name="image:Background" content=""/>
  32. <meta name="text:Home Text" content="" />
  33. <meta name="text:Ask Text" content="" />
  34. <meta name="text:Link 1" content="" />
  35. <meta name="text:Link 1 Text" content="" />
  36. <meta name="text:Link 2" content="" />
  37. <meta name="text:Link 2 Text" content="" />
  38. <meta name="text:Link 3" content="" />
  39. <meta name="text:Link 3 Text" content="" />
  40.  
  41.  
  42. <style type="text/css">
  43.  
  44. ::-webkit-scrollbar-thumb {
  45. height:auto;
  46. background-color:{color:Scrollbar};
  47. }
  48.  
  49. ::-webkit-scrollbar {
  50. height:4px;
  51. width:5px;
  52. background-color:{color:ScrollbarBg};
  53. }
  54.  
  55. pre {padding: 5px;
  56. height:15px;
  57. color: {color:title};
  58. font-family:arial;
  59. text-shadow: 1px 1px 0px {color:shadow};
  60. line-height:60%;
  61. text-align:center;
  62. letter-spacing:-1px;
  63. font-size: 30px;
  64. font-weight: bold;
  65. font-style:italic;
  66. text-transform: uppercase;
  67. white-space: pre-wrap;
  68. margin-top: 3px;
  69. margin-bottom:5px;}
  70.  
  71. body {
  72. background:{color:background};
  73. margin:0px;
  74. color:{color:text};
  75. font-family:calibri;
  76. font-size:10px;
  77. line-height:100%;
  78. letter-spacing:0px;
  79. text-align:justify;
  80. background-image:url('{image:Background}');
  81. }
  82.  
  83. a {
  84. text-decoration:none;
  85. outline:none;
  86. -moz-outline-style:none;
  87. color:{color:Post Links};
  88. }
  89.  
  90. img {
  91. border:none;
  92. }
  93.  
  94. blockquote {border-left:1px solid; padding-left:9px; margin:4px 5px 1px 9px; word-wrap: break-word;}
  95. }
  96.  
  97. h1 {size:25px;}
  98.  
  99. a:hover {
  100. color:#000000;
  101. -moz-transition-duration:0.3s;
  102. -webkit-transition-duration:0.3s;
  103. -o-transition-duration:0.3s;
  104. }
  105.  
  106.  
  107. /*ENTRIES*/
  108.  
  109. #entries {
  110. padding:10px;
  111. width:500px;
  112. margin-left:502px;
  113. margin-top:5px;
  114. font-size:10px;
  115. font-family:'arial';
  116. letter-spacing:0px;
  117. }
  118.  
  119. #post {
  120. width:500px;
  121. padding-bottom:40px;
  122. padding:25px;
  123. margin-top:10px;
  124. }
  125.  
  126. #post_title {font-size:25px; font-family:arial; text-shadow:1px 1px 0px {color:shadow}; text-transform:uppercase; color:{color:title}; font-style:italic; font-weight:bold; margin-bottom:3px;}
  127.  
  128.  
  129. /*SIDEBAR*/
  130.  
  131. #sidebar {
  132. position:fixed;
  133. margin-top:95px;
  134. margin-left:105px;
  135. }
  136.  
  137. #sidebarimage {
  138. padding:20px;
  139. background-color:white;
  140. width 230px;
  141. border:1px solid {color:border};
  142. }
  143.  
  144. #sidebarimage img {
  145. width:230px;
  146. height:230px;
  147. border:1px solid {color:border};
  148. animation: transform-9 1s infinite alternate;
  149. transform: perspective(400px) rotate3d(1,1,0,0deg);
  150. -moz-transition-duration:0.6s;
  151. -webkit-transition-duration:0.6s;
  152. -o-transition-duration:0.6s;
  153. }
  154.  
  155. #sidebarimage img:hover {
  156. opacity:0.3;animation: transform-9 1s infinite alternate;
  157. transform: perspective(400px) rotate3d(1,1,0,180deg);
  158. -moz-transition-duration:0.6s;
  159. -webkit-transition-duration:0.6s;
  160. -o-transition-duration:0.6s;
  161. }
  162.  
  163. .links { margin-left:80px; margin-top:50px;
  164. width:300px;
  165. font-family:arial;
  166. padding: 4px;
  167. text-align:center;
  168. text-transform:uppercase;
  169. font-style:italic;
  170. text-shadow:1px 1px 0px {color:shadow};
  171. position:fixed;}
  172.  
  173. .links a {
  174. width:94px;
  175. padding:3px;
  176. margin-left:12px;
  177. font-weight:bold;
  178. font-size:29px;
  179. margin-right:10px;
  180. letter-spacing:0px;
  181. color:{color:Sidebar Links};
  182. }
  183.  
  184. .links a:hover {
  185. -moz-transition-duration:0.3s;
  186. -webkit-transition-duration:0.3s;
  187. -o-transition-duration:0.3s;
  188. color:{color:Hover};
  189. }
  190.  
  191. #bbar {position:fixed; background-image: url('{image:bbar}'); height:300px; width:300px; margin-left:85px; margin-top:75px; background-color:{color:secondary}; overflow:hidden; padding:5px; border:1px solid {color:border}}
  192.  
  193. #description {
  194. text-align:justify;
  195. font-family:'Arial';
  196. width:305px;
  197. height:160px;
  198. overflow:auto;
  199. margin-top:320px;
  200. margin-left:-3px;
  201. font-size:9px;
  202. padding:5px;
  203. position:fixed;
  204. text-shadow:none;
  205. text-transform:none;
  206. color:{color:DescriptionText};
  207. }
  208.  
  209. #pagination {margin-top:569px;
  210. margin-left:150px;
  211. position:fixed;
  212. font-style:italic;
  213. font-size:29px;
  214. height:30px;
  215. font-style:bold;
  216. padding:2px;
  217. text-shadow: 1px 1px 0px {color:shadow};
  218. font-family:'arial';
  219. letter-spacing:0px;
  220. text-align:center;
  221. padding:2px;
  222. color:{color:sidebar links};
  223. text-transform:lowercase;
  224. }
  225.  
  226. #pagination a {
  227. width:94px;
  228. padding:3px;
  229. margin-left:12px;
  230. font-weight:bold;
  231. font-size:29px;
  232. margin-right:10px;
  233. letter-spacing:0px;
  234. color:{color:title};
  235. }
  236.  
  237. #pagination a:hover {
  238. -moz-transition-duration:0.3s;
  239. -webkit-transition-duration:0.3s;
  240. -o-transition-duration:0.3s;
  241. color:{color:Sidebar Links};
  242. }
  243.  
  244. div#qTip {
  245. font-family:arial;
  246. color:white;
  247. font-size:8px;
  248. margin-top:9px;
  249. display:none;
  250. text-transform:uppercase;
  251. font-weight:bold;
  252. text-align:center;
  253. position:absolute;
  254. z-index:99;
  255. letter-spacing:2px;
  256. background:black;
  257. padding:3px 4px;
  258. opacity:0.9; }
  259.  
  260. #audios {
  261. width:100%;
  262. height:100px;
  263. margin-bottom:12px}
  264.  
  265. .albumart {
  266. float:left;
  267. width:100px;
  268. height:100px}
  269.  
  270. .player {
  271. width:25px;
  272. height:25px;
  273. margin-top:34px;
  274. margin-left:33px;
  275. overflow:hidden;
  276. position:absolute;
  277. padding:3px;
  278. opacity:0.4;
  279. -webkit-transition:all 0.4s ease-in-out;
  280. -moz-transition:all 0.4s ease-in-out;
  281. -o-transition:all 0.4s ease-in-out;
  282. -ms-transition: all 0.4s ease-in-out;
  283. transition:all 0.5s ease-in-out}
  284.  
  285. .player:hover {
  286. opacity:0.7;
  287. -webkit-transition:all 0.4s ease-in-out;
  288. -moz-transition:all 0.4s ease-in-out;
  289. -o-transition:all 0.4s ease-in-out;
  290. -ms-transition: all 0.4s ease-in-out;
  291. transition:all 0.5s ease-in-out}
  292.  
  293. .audioinfo {
  294. margin-left:120px;
  295. line-height:150%;
  296. font-family:calibri;
  297. font-size:10px}
  298. /*POST INFO*/
  299.  
  300. #info {
  301. width:500px;
  302. text-align:left;
  303. font-family:'trebuchet ms';
  304. margin-top:3px;
  305. margin-left:px;
  306. letter-spacing:1px;
  307. font-size:7px;
  308. font-style:none;
  309. padding:1px;
  310. line-height:10px;
  311. text-transform:uppercase;
  312. border-top:1px solid;
  313. border-color:{color:Border};
  314. }
  315.  
  316. #info a {
  317. text-align:center;
  318. color:{color:Post Links};
  319. }
  320.  
  321. #info a:hover {
  322. -moz-transition-duration:0.3s;
  323. -webkit-transition-duration:0.3s;
  324. -o-transition-duration:0.3s;
  325. color:{color:Hover}
  326. }
  327.  
  328. #tags {
  329. float:left;
  330. width:489px;
  331. margin-top:-9px;
  332. margin-left:-5px;
  333. text-align:left;
  334. font-size:7px;
  335. padding:5px;
  336. font-size:8px;
  337. opacity:0;
  338. -moz-transition-duration:0.3s;
  339. -webkit-transition-duration:0.3s;
  340. -o-transition-duration:0.3s;
  341. }
  342. #tags:hover {float:left;
  343. width:489px;
  344. margin-top:-1px;
  345. opacity:1;
  346. -moz-transition-timing-function: ease;
  347. -o-transition-timing-function: ease;
  348. -webkit-transition-timing-function: ease;
  349. transition-timing-function: ease;
  350. }
  351.  
  352.  
  353. #tags a {
  354. letter-spacing:0px;
  355. font-size:8px;
  356. text-align:center;
  357. font-family:'CALIBRI';
  358. text-decoration:none;
  359. display:inline-block;
  360. color:{color:post links};
  361. }
  362.  
  363. #tags a:hover {
  364. background-color:#fff;
  365. -moz-transition-duration:0.3s;
  366. -webkit-transition-duration:0.3s;
  367. -o-transition-duration:0.3s;
  368. color:{color:Hover};
  369. }
  370.  
  371. .user_1 {margin-left:35px;color:{color:secondary};padding:9px; background-color:{color:text};margin-bottom:4px; text-transform:uppercase; text-align:right;}
  372. .user_1 .label {color:{color:post links};text-align:right text-transform:uppercase; font-weight:bold}
  373. .user_2 .label {color:{color:SBLinks}; text-transform:uppercase; font-weight:bold}
  374. .user_2 {margin-left:-30px; margin-right:35px; color:{color:secondary};padding:9px; background-color:{color:title};margin-bottom:4px; text-transform:uppercase; }
  375. .user_3 {margin-left:35px; color:{color:secondary};padding:9px; background-color:{color:text};margin-bottom:4px; text-transform:uppercase; text-align:right;}
  376. .user_3 .label {color:{color:post links};text-align:right text-transform:uppercase; font-weight:bold}
  377. .user_4 .label {color:{color:SBLinks}; text-transform:uppercase; font-weight:bold}
  378. .user_4 {margin-left:-30px; margin-right:35px; color:{color:secondary};padding:9px; background-color:{color:title};margin-bottom:4px; text-transform:uppercase; }
  379. .user_5 {margin-left:35px;color:{color:secondary};padding:9px; background-color:{color:text};margin-bottom:4px; text-transform:uppercase; text-align:right;}
  380. .user_5 .label {color:{color:post links};text-align:right text-transform:uppercase; font-weight:bold}
  381. .user_6 .label {color:{color:SBLinks}; text-transform:uppercase; font-weight:bold}
  382. .user_6 {margin-left:-30px; margin-right:35px; color:{color:secondary};padding:9px; background-color:{color:title};margin-bottom:4px; text-transform:uppercase; }
  383. .user_7 {margin-left:35px;color:{color:secondary};padding:9px; background-color:{color:text};margin-bottom:4px; text-transform:uppercase; text-align:right;}
  384. .user_7 .label {color:{color:post links};text-align:right text-transform:uppercase; font-weight:bold}
  385. .user_8 .label {color:{color:SBLinks}; text-transform:uppercase; font-weight:bold}
  386. .user_8 {margin-left:-30px; margin-right:35px; color:{color:secondary};padding:9px; background-color:{color:title};margin-bottom:4px; text-transform:uppercase; }
  387. .user_9 {margin-left:35px;color:{color:secondary};padding:9px; background-color:{color:text};margin-bottom:4px; text-transform:uppercase; text-align:right;}
  388. .user_9 .label {color:{color:post links};text-align:right text-transform:uppercase; font-weight:bold}
  389. .user_10 .label {color:{color:SBLinks}; text-transform:uppercase; font-weight:bold}
  390. .user_10 {margin-left:-30px; margin-right:35px; color:{color:secondary};padding:9px; background-color:{color:title};margin-bottom:4px; text-transform:uppercase; }
  391. .user_11 {margin-left:35px;color:{color:secondary};padding:9px; background-color:{color:text};margin-bottom:4px; text-transform:uppercase; text-align:right;}
  392. .user_11 .label {color:{color:post links};text-align:right text-transform:uppercase; font-weight:bold}
  393. .user_12 .label {color:{color:SBLinks}; text-transform:uppercase; font-weight:bold}
  394. .user_12 {margin-left:-30px; margin-right:35px; color:{color:secondary};padding:9px; background-color:{color:title};margin-bottom:4px; text-transform:uppercase; }
  395. .user_13 {margin-left:35px;color:{color:secondary};padding:9px; background-color:{color:text};margin-bottom:4px; text-transform:uppercase; text-align:right;}
  396. .user_13 .label {color:{color:post links};text-align:right text-transform:uppercase; font-weight:bold}
  397.  
  398. /*QUESTION*/
  399.  
  400. #asker {
  401. margin-top:0px;
  402. padding:20px;
  403. background-color:{color:Answer Backg};
  404. background-image:url('{image:bbar}');
  405. border:1px solid {color:border};
  406. }
  407.  
  408. #question {
  409. color:{color:text};
  410. padding:18px;
  411. font-family:'georgia';
  412. font-weight:bold;
  413. font-style:italic;
  414. text-shadow: 1px 1px 0px {color:background};
  415. font-size:15px;
  416. letter-spacing:0px;
  417. text-align:left;
  418. margin-top:0px;
  419. text-transform:lowercase;
  420. line-height:100%;
  421. background-color:{color:Answer Backg};
  422. }
  423.  
  424.  
  425. /* credit do not touch */
  426. .creditup a{font-family:arial;
  427. font-size:9px;
  428. bottom:5px;
  429. right:7px;
  430. position:fixed;
  431. font-weight:bold;
  432. center;
  433. text-transform:uppercase;
  434. color:{color:scrollbar};
  435. text-align:justify;
  436. text-decoration:none;}
  437. .creditup span{letter-spacing:1.3px; font-family:georgia;}
  438. .creditup a:hover{color:{color:hover};}
  439.  
  440.  
  441. {CustomCSS}</style></head><body>{block:Pagination}
  442. <div id="pagination">
  443. {block:PreviousPage}<a href="{PreviousPage}">new</a>{/block:PreviousPage}
  444. — {block:NextPage}<a href="{NextPage}">older</a>{/block:NextPage}{/block:Pagination}</div><div id="bbar"></div>
  445.  
  446. <div id="sidebar">
  447.  
  448. <div id="sidebarimage">
  449. <a title="HOMEPAGE." href="/">
  450. <img src="{image:Sidebar}">
  451. </a>
  452. </div></div></div>
  453.  
  454. <div class="links">
  455. <a href="/" title="{text:Home Text}.">I.</a>
  456. <a href="/ask" title="{text:Ask Text}.">II.</a>
  457. {block:ifLink1}<a href="{text:Link 1}" title="{text:Link 1 Text}.">III.</a>{/block:ifLink1}
  458. {block:ifLink2}<a href="{text:Link 2}" title="{text:Link 2 Text}.">IV.</a>{/block:ifLink2}
  459. {block:ifLink3}<a href="{text:Link 3}" title="{text:Link 3 Text}.">V.</a>{/block:ifLink3}
  460.  
  461. <div id="description">{Description}
  462. </div>
  463. </div>
  464. </div>
  465. </div>
  466.  
  467. <div id="entries">
  468. {block:Posts}
  469. <div id="post">
  470.  
  471. {block:Quote}
  472. <div id="post_title">❝ {Quote} ❞</div>
  473. {block:Source} <div style="text-transform:uppercase; text-align:right; font-size:10px; font-style:italic; text-shadow:none;">— {Source}</div>{/block:Source}
  474. {/block:Quote}
  475.  
  476. {block:Title}<div id="post_title">{Title}</div>{/block:Title}
  477.  
  478. {block:Text}{Body}{/block:Text}
  479.  
  480. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  481. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  482.  
  483. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  484. {/block:Caption}{/block:Photoset}
  485.  
  486. {block:Link}
  487. <div id="post_title"><a href="{URL}" class="link" {Target}>— {Name}</a></div>{block:Description}<div class="description">{Description}</div>{/block:Description}
  488. {/block:Link}
  489.  
  490. {block:Chat}
  491.  
  492. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  493. {/block:Chat}
  494. {/block:Chat}
  495.  
  496. {block:Audio}
  497. <div id="audios">
  498. <div class="player">{AudioPlayerWhite}</div>
  499. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  500. <div class="audioinfo"><br>
  501. <b>SONG:</b> {block:TrackName}{TrackName}{/block:TrackName}<br>
  502. <b>ARTIST:</b> {block:Artist}{Artist}{/block:Artist}<br>
  503. <b>ALBUM:</b> {block:Album}{Album}{/block:Album}<br>
  504. <b>PLAYS:</b> {PlayCount}</div></div>
  505. {block:Caption}{Caption}{/block:Caption}
  506. {/block:Audio}<br>
  507.  
  508. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  509.  
  510. {block:Answer}<div id="asker"><div id="question">{Question}<br> <div style="text-transform:uppercase; text-align:right; font-size:10px; font-style:italic; text-shadow:none;"><b><i>— {Asker}</i></b><br></div></div> </div><left><div style="padding:4px;margin-top:3px;font-size:11px;"><font face="arial">{Answer}</font></div>{/block:Answer}
  511.  
  512. <div id="info">
  513. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a> —
  514. {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  515. and {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}
  516. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  517. with {NoteCountWithLabel}</a>
  518. {block:HasTags}<div id="tags">
  519.  
  520. {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}
  521. </div>{block:HasTags}
  522. </div>
  523. </div>
  524. {/block:Posts}
  525. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  526. {/block:Posts}</div></div></div>
  527. <br><br><br><br>
  528.  
  529. <div class="creditup"><a href="http://billylewisjrrps.tumblr.com"><span>BLJRPS</span><br>t h e m e</a></div>
  530. </div>
  531. </div>
  532.  
  533.  
  534.  
  535. </body></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!