pelides

52 // R E L I G I O N

Nov 22nd, 2015
957
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.70 KB | None | 0 0
  1. <html>
  2. <head>
  3.  
  4. <title>{Title}</title>
  5.  
  6.  
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  9.  
  10. <!--------------------------------------------
  11.  
  12. 52 // R E L I G I O N
  13. ,,,,,,,,,,, by chircn
  14.  
  15. --------------------------------------------->
  16.  
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}
  20. <meta name="description" content="{MetaDescription}"/>
  21. {/block:Description}
  22.  
  23.  
  24. <meta name="color:background" content="#fff">
  25. <meta name="color:hover" content="#4c4c4c">
  26. <meta name="color:links" content="#767575">
  27. <meta name="color:scrollbar" content="#000000">
  28. <meta name="image:sidebar" content="https://placehold.it/64x64">
  29. <meta name="if:sidebar" content="1">
  30. <meta name="color:text" content="#929090">
  31. <meta name="text:link 1" content="">
  32. <meta name="text:link 1 title" content="link 1">
  33. <meta name="text:link 2" content="">
  34. <meta name="text:link 2 title" content="link 2">
  35.  
  36. <link href='http://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
  37.  
  38. <link href='http://fonts.googleapis.com/css?family=Cousine' rel='stylesheet' type='text/css'>
  39.  
  40. <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic' rel='stylesheet' type='text/css'>
  41.  
  42. <style type="text/css">
  43.  
  44. .description {
  45. text-align:justify;
  46. margin-bottom:5px;
  47. margin-top:20px;
  48. border:0px solid #777;
  49. padding:5px;
  50. border-top:1px solid #f7f7f7;
  51. padding-top:15px;
  52. font-size:8.5px;
  53. line-height:180%;
  54. font-family:'Open Sans';
  55. }
  56.  
  57. ::-webkit-scrollbar {
  58. width:11px;
  59. background-color:#fff;
  60. }
  61.  
  62. ::-webkit-scrollbar-thumb {
  63. background-color:{color:scrollbar};
  64. border:5px solid #fff;
  65. }
  66.  
  67. .boyfriends{
  68. text-align:center;
  69. font-family:arial;
  70. letter-spacing:0.3px;
  71. font-size:8px;
  72. padding-top:10px;
  73. font-style:italic;
  74. color:{color:text};
  75. opacity:0.9;
  76. }
  77.  
  78. .boyfriends a{
  79. cursor:crosshair;
  80. font-family:arial;
  81. }
  82.  
  83.  
  84. h1 {
  85. margin-bottom:12px;
  86. padding:5px;
  87. padding-bottom:10px;
  88. font-size:8px;
  89. letter-spacing:1px;
  90. border-bottom:1px solid #f3f3f3;
  91. font-weight:600;
  92. text-transform:uppercase;
  93. font-family:'open sans';
  94. font-style:italic;
  95. line-height:200%;
  96. color:{color:Text};
  97. }
  98.  
  99. h2 {
  100. margin-bottom:12px;
  101. padding:5px;
  102. padding-bottom:10px;
  103. font-size:8px;
  104. letter-spacing:1px;
  105. border-bottom:1px solid #f3f3f3;
  106. font-weight:600;
  107. text-transform:uppercase;
  108. font-family:'open sans';
  109. font-style:italic;
  110. line-height:200%;
  111. color:{color:Text};
  112. }
  113.  
  114. pre {
  115. width:400px;
  116. text-align: left;
  117. word-wrap: break-word;
  118. color:{color:Text};
  119. }
  120.  
  121. blockquote {
  122. border-left:1px solid #e8e8e8;
  123. padding-left:6px;
  124. }
  125.  
  126. body {
  127. font-family:'Open Sans';
  128. font-size:8.5px;
  129. margin-left:100px;
  130. color: {color:Text};
  131. background-color:{color:background};
  132. background-image:url({image:background});
  133. }
  134.  
  135. a {
  136. color: {color:links};
  137. text-decoration: none;
  138. }
  139.  
  140. a:hover {
  141. color:{color:Hover};
  142. }
  143.  
  144. #sidebar{
  145. position:fixed;
  146. margin-top:30px;
  147. margin-left:200px;
  148. width:130px;
  149. height:350px;
  150. padding:20px;
  151. text-align:justify;
  152. }
  153.  
  154. #sidebar img {
  155. width:48px;
  156. border-radius:5px;
  157. background:#fff;
  158. margin-left:40px;
  159. margin-top:10px;
  160. margin-bottom:10px;
  161. }
  162.  
  163. #larry {
  164. border:1px solid #f3f3f3;
  165. margin-top:20px;
  166. padding:10px;
  167. border-radius:5px;
  168. }
  169.  
  170. #cold {
  171. margin:0 auto;
  172. line-height:120%;
  173. }
  174.  
  175. #cold a{
  176. cursor:help;
  177. }
  178.  
  179. #tit{
  180. margin-top:10px;
  181. letter-spacing:1px;
  182. margin-bottom:15px;
  183. font-size:8px;
  184. font-family:'open sans';
  185. text-transform:lowercase;
  186. text-align:center;
  187. font-style:normal;
  188. }
  189.  
  190. #tit a{
  191. font-family:helvetica;
  192. text-transform:uppercase;
  193. cursor:help;
  194. color:#444;
  195. font-size:9px;
  196. font-weight:300;
  197. letter-spacing:1px;
  198. margin-bottom:-5px;
  199. border-bottom:1px solid {color:text};
  200. }
  201.  
  202. #pagination {
  203. text-align:center;
  204. padding:5px;
  205. font-size:8px;
  206. text-transform:uppercase;
  207. font-style:italic;
  208. border-top:1px solid #f3f3f3;
  209. letter-spacing:3px;
  210. margin-top:-25px;
  211. margin-bottom:20px;
  212. padding-top:30px;
  213. padding-bottom:40px;
  214. font-family:'open sans';
  215. }
  216.  
  217. #pagination a {
  218. padding:7px;
  219. -moz-transition-duration: 0.5s;
  220. -o-transition-duration: 0.5s;
  221. -webkit-transition-duration: 0.5s;
  222. transition-duration: 0.5s;
  223. color:{color:text};
  224. }
  225.  
  226. #pagination a:hover {
  227. -moz-transition-duration: 0.5s;
  228. -o-transition-duration: 0.5s;
  229. -webkit-transition-duration: 0.5s;
  230. transition-duration: 0.5s;
  231. }
  232.  
  233. /*audio*/
  234.  
  235. #song {
  236. padding:5px;
  237. text-align:right;
  238. margin-bottom:-10px;
  239. }
  240.  
  241. .audiop {
  242. padding:15px;
  243. background:#000;
  244. position:relative;
  245. }
  246.  
  247. .audioinfo {
  248. color:#fff;
  249. text-align:right;
  250. text-transform:uppercase;
  251. font-size:9px;
  252. letter-spacing:1px;
  253. line-height:150%;
  254. }
  255.  
  256. .player {
  257. width:15px;
  258. vertical-align:middle;
  259. margin-top:-5px;
  260. margin-left:-10px;
  261. height:15px;
  262. border-radius:400px;
  263. padding:10px;
  264. overflow:hidden;
  265. }
  266.  
  267. .playerb {
  268. margin-top:-10px;
  269. width:40px;
  270. border-radius:400px;
  271. height:40px;
  272. z-index:3;
  273. vertical-align:middle;
  274. position:absolute;
  275. opacity:1;
  276. -webkit-transition:all 0.6s ease-out;
  277. -moz-transition:all 0.6s ease-out;
  278. transition:all 0.6s ease-out;
  279. }
  280.  
  281. .audiop:hover .playerb {
  282. opacity:0.5;
  283. -webkit-transition:all 0.6s ease-out;
  284. -moz-transition:all 0.6s ease-out;
  285. transition:all 0.6s ease-out;}
  286.  
  287.  
  288. #container {
  289. padding:10px;
  290. padding-right:5px;
  291. width:405px;
  292. margin-top:100px;
  293. border: 1px solid #f3f3f3;
  294. margin-left:450px;
  295. background:#fff;
  296. margin-bottom:50px;
  297. font-family:'Open Sans';
  298. }
  299.  
  300. .postscontainer {
  301. max-width:400px;
  302. margin: auto;
  303. margin-top:-40px;
  304. margin-left:0px;
  305. font-family:'Open Sans';
  306. margin-bottom:-40px;
  307. }
  308.  
  309. .posts {
  310. width:400px;
  311. line-height:150%;
  312. font-size:9px;
  313. margin-top:40px;
  314. margin-bottom:10px;
  315. text-align:justify;
  316. font-family:'Open Sans';
  317. }
  318.  
  319. .posts a:hover {
  320. color:{color:Hover};
  321. }
  322.  
  323. .posts img {
  324. max-width:400px;
  325. }
  326.  
  327. #info {
  328. margin-top:10px;
  329. padding:10px;
  330. border-top:1px solid #f3f3f3;
  331. font-family:'helvetica';
  332. text-align:left;
  333. text-transform:uppercase;
  334. font-size:8px;
  335. letter-spacing:1px;
  336. }
  337.  
  338. #info a{
  339. font-size:9px;
  340. color:{color:text};
  341. }
  342.  
  343. #info a:hover {
  344. color:{color:text};
  345. }
  346.  
  347.  
  348. .tags {
  349. text-align:center;
  350. letter-spacing:0px;
  351. font-size:10px;
  352. font-style:italic;
  353. display:inline;
  354. text-transform:none;
  355. }
  356.  
  357. .tags a {
  358. margin:0px 10px 0px 0px;
  359. }
  360.  
  361. .tags a:hover {
  362. font-style:italic;
  363. cursor:help;
  364. }
  365.  
  366. .postnote {
  367. width:{text:Post Size}px;
  368. text-transform:lowercase;
  369. font-family:'Open Sans';
  370. text-align:left;
  371. line-height:120%;
  372. margin-top:40px;
  373. }
  374.  
  375. .postnote li {
  376. list-style-type:none;
  377. padding:10px;
  378. font-family:'Open Sans';
  379. text-align:justify;
  380. font-style:italic;
  381. text-transform:uppercase;
  382. font-size:8px;
  383. letter-spacing:1px;
  384. margin-left:-45px;
  385. -moz-transition-duration:0.5s;
  386. -webkit-transition-duration:0.5s;
  387. -o-transition-duration:0.5s;
  388. }
  389.  
  390. .postnote a{
  391. color:{color:text};
  392. }
  393.  
  394. .postnote img {
  395. width:15px;
  396. font-family:'Open Sans';
  397. padding: 3px;
  398. margin:2px 7px -3px 6px;
  399. text-align:left;
  400. }
  401.  
  402. .postnote img:hover {
  403. background:transparent;
  404. font-family:'Open Sans';
  405. }
  406.  
  407. .quote {
  408. padding:20px;
  409. line-height:120%;
  410. text-align:center;
  411. font-family:'Open Sans';
  412. text-transform:uppercase;
  413. font-size:8px;
  414. letter-spacing:1px;
  415. font-style:italic;
  416. color:{color:text};
  417. }
  418.  
  419. .source {
  420. margin-top:10px;
  421. line-height:150%;
  422. text-transform:lowercase;
  423. letter-spacing:1px;
  424. font-size:9px;
  425. margin-bottom:20px;
  426. text-align:center;
  427. }
  428.  
  429. .chat ol {
  430. line-height:150%;
  431. text-align:justify;
  432. padding:0px;
  433. list-style:none;
  434. font-family:'Open Sans';
  435. }
  436.  
  437. .label {
  438. text-transform:uppercase;
  439. padding-right:5px;
  440. color:{color:Text};
  441. font-family:'Open Sans';
  442. }
  443.  
  444. .line.odd {
  445. padding:5px;
  446. margin-bottom:2px;
  447. font-family:'Open Sans';
  448. }
  449.  
  450. .line.even {
  451. padding:5px;
  452. margin-bottom:2px;
  453. font-family:'Open Sans';
  454. background-color:#f9f9f9;
  455. }
  456.  
  457. #answer {
  458. width:400px;
  459. margin-top:15px;
  460. font-family:'Open Sans';
  461. }
  462.  
  463. #questions {
  464. text-align:right;
  465. font-weight:normal;
  466. line-height:100%;
  467. font-family:'Open Sans';
  468. border:1px solid #f3f3f3;
  469. padding:20px;
  470. text-transform:uppercase;
  471. font-size:8px;
  472. letter-spacing:1px;
  473. font-style:italic;
  474. color:{color:text};
  475. }
  476.  
  477. .credit {
  478. position:fixed;
  479. font-weight:normal;
  480. line-height:150%;
  481. bottom:10px;
  482. right:5px;
  483. font-family:'open sans';
  484. font-style:italic;
  485. text-align:center;
  486. -moz-transition-duration: 0.4s;
  487. -o-transition-duration: 0.4s;
  488. -webkit-transition-duration: 0.4s;
  489. transition-duration: 0.4s;
  490. }
  491.  
  492. .credit a {
  493. cursor:help;
  494. text-transform:uppercase;
  495. letter-spacing:1px;
  496. font-size:9px;
  497. color:{color:links};
  498. padding:5px;
  499. font-family:'open sans';
  500. font-style:italic;
  501. }
  502.  
  503. .credit:hover {
  504. background:transparent;
  505. }
  506.  
  507. </style>
  508. </head>
  509.  
  510. <body>
  511. <div id="sidebar">
  512. <img src="{image:sidebar}">
  513. <div id="tit"><a href="/">{title}</a></div>
  514. <div id="larry">
  515. <div class="boyfriends">
  516. <a href="/">index</a>
  517. <a href="/ask">inbox</a>
  518. <a href="{text:link 1}">{text:link 1 title}</a>
  519. <a href="{text:link 2}">{text:link 2 title}</a></div>
  520. <div class="description">{description}</div>
  521. </div>
  522. </div>
  523.  
  524. <div id="container">
  525.  
  526. <div class="postscontainer">
  527. {block:Posts}
  528.  
  529. {block:ContentSource}
  530.  
  531. <!— {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  532.  
  533. {/block:SourceLogo}
  534.  
  535. {block:NoSourceLogo}{/block:NoSourceLogo} —>
  536.  
  537. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  538. <div class="posts">
  539.  
  540. {block:Text}
  541. {block:Title}<h2>{Title}</h2>{/block:Title}
  542. {Body}
  543. {/block:Text}
  544.  
  545. {block:Quote}<div class="quote">&#8220;{Quote}&#8221; </div><div class="source">— {block:Source}{Source}{/block:Source}</div> {/block:Quote}
  546.  
  547. {/block:Quote}
  548.  
  549. {block:Link}
  550. <h2><a href="{URL}">{Name}</a></h2>
  551. {block:Description}{Description}{/block:Description}
  552. {/block:Link}
  553.  
  554. {block:Chat}{block:Title}<h2>{Title}</h2>{/block:Title}<div class="chat"><ol>{block:Lines}<li class="line {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}
  555. </ol></div>{/block:Chat}
  556.  
  557. {block:Answer}<div id="questions"><span style="text-transform:uppercase; letter-spacing:1px; padding-bottom:1px; border-bottom:1px solid #aaa; font-size:8px;">{asker}</span><br><br>
  558. {Question}<br></div>
  559. <div id="answer">
  560. {Answer}</div>
  561. {/block:Answer}
  562.  
  563. {block:Photo}
  564. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}
  565. {/block:Photo}
  566.  
  567. {block:Photoset}
  568. {Photoset-400}
  569. {block:Caption}{Caption}{/block:Caption}
  570. {/block:Photoset}
  571.  
  572. {block:Audio}
  573. <div class="audiop">
  574. <div class="playerb" style="vertical-align:middle;"><div class="player" style="vertical-align:middle;">
  575. {AudioPlayerBlack}
  576. </div></div>
  577. <div class="audioinfo">
  578. {block:TrackName}<div id="song"><i>{TrackName}</i>{/block:TrackName}
  579. {block:Artist} ({Artist}){/block:Artist}</div></div><br></div>
  580. {/block:Audio}
  581.  
  582. {block:Video}
  583. {Video-400}
  584. {block:Caption}{Caption}{/block:Caption}
  585. {/block:Video}
  586.  
  587. {block:Date}
  588. <div id="info">
  589. <a href="{Permalink}" title="{TimeAgo}">{ShortDayofWeek}, {24Hour}:{Minutes}</a>{/block:Date}{block:NoteCount} <a href="{Permalink}"> <span style="float:right;">{NoteCount}N</a></span>{/block:NoteCount}<br><div style="padding-top:5px;">{block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}</span></div>
  590. </div>
  591. {/block:Date}
  592.  
  593.  
  594. <div class="postnote">
  595. {block:PostNotes}
  596. <center>
  597. {block:ContentSource}
  598. source: <a href="{SourceURL}">{SourceTitle}</a>,
  599. {/block:ContentSource}
  600. {block:RebloggedFrom}
  601. via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br><br><br><br>
  602. {/block:RebloggedFrom}
  603. </center>
  604. {PostNotes}{/block:PostNotes}
  605. </div>
  606. {/block:Posts}
  607.  
  608. {block:Pagination}
  609. <div id="pagination">
  610. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">back</a>{/block:PreviousPage}
  611. {block:NextPage}<a href="{NextPage}" class="jump_page">next</a>{/block:NextPage}
  612. </div>
  613. {/block:Pagination}
  614.  
  615. <div class="credit"><a href="http://chircn.tumblr.com/" title="( theme @ chircn )">ch.</a></div>
  616.  
  617. </div>
  618. </div>
  619. </div>
  620. </body>
Advertisement
Add Comment
Please, Sign In to add comment