Advertisement
lexaofrp

THEME 24: CARPE NOCTEM

Jun 20th, 2015
512
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.71 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  3. <script src="http://static.tumblr.com/pq6sadp/72Dnoxbpp/jquery.style-my-tooltips.js"></script>
  4. <script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:100,tip_fade_speed:400
  5. }
  6. );
  7. });
  8. })(jQuery);
  9. </script>
  10.  
  11.  
  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. <!------CATALYST by Beatriceofrp/lexaofrp------->
  18.  
  19. <meta name="image:Background" content=""/>
  20. <meta name="image:Sidebar" content=""/>
  21.  
  22. <meta name="color:Background" content="#ffffff"/>
  23. <meta name="color:PostBG" content="#ffffff"/>
  24. <meta name="color:Text" content="#363636"/>
  25. <meta name="color:SBLinks" content="#ffffff" />
  26. <meta name="color:SBLinksBG" content="#d7d7d7"/>
  27. <meta name="color:Post Links" content="#bbbbbb"/>
  28. <meta name="color:Hover" content="#bbbbbb"/>
  29. <meta name="color:Scrollbar" content="#bbbbbb"/>
  30. <meta name="color:ScrollbarBg" content="#ffffff"/>
  31. <meta name="color:Desc Text" content="#bbbbbb"/>
  32. <meta name="color:Border" content="#bbbbbb"/>
  33.  
  34. <meta name="text:Home URL" content="/"/>
  35. <meta name="text:Home" content="Home"/>
  36. <meta name="text:Ask URL" content="/"/>
  37. <meta name="text:Ask" content="Ask"/>
  38. <meta name="text:Link 1 URL" content="/"/>
  39. <meta name="text:Link 1" content="Link 1"/>
  40. <meta name="text:Link 2 URL" content="/"/>
  41. <meta name="text:Link 2" content="Link 2"/>
  42.  
  43.  
  44. <style type="text/css">
  45.  
  46. small{
  47. font-size:10px;
  48. letter-spacing:0px;
  49. }
  50.  
  51. blockquote {
  52. font-size:10px;
  53. font-family:'helvetica';
  54. max-width:545px;
  55. margin-left:5px;
  56. margin-right:5px;
  57. letter-spacing:0px;
  58. border-left:2px solid{color:border};
  59. text-align:left;
  60. padding:5px;
  61. padding-left:5px;
  62. font-weight:normal;
  63. color:{color:Text};
  64. background-color:{color:postbg};
  65.  
  66. }
  67.  
  68. blockquote a{
  69. color:{color:post links};
  70. }
  71.  
  72. code {
  73. font-size:9px;
  74. font-family:'arial';
  75. color:{color:text};
  76. text-transform:none;
  77.  
  78. }
  79.  
  80. hr{
  81. border:none;
  82. border-top:dashed 1px {color:text};
  83. }
  84.  
  85. pre {
  86. font-family:arial;
  87. font-weight:bold;
  88. text-align:left;
  89. font-style:italic;
  90. letter-spacing:-1px;
  91. font-size:12px;
  92. max-width:500px;
  93. padding:5px ;
  94. margin-top:5px;
  95. color:{color:SBLinks}
  96. background-color: {color:SBLinksBG};
  97.  
  98. }
  99.  
  100. h1{
  101. font-family:'arial';
  102. font-weight:bold;
  103. font-size:15px;
  104. text-align:left;
  105. text-transform:uppercase;
  106. color:{color:text};
  107. padding-top:10px;
  108. padding-bottom:3px;
  109. margin-top:0px;
  110.  
  111.  
  112. }
  113.  
  114. h2{
  115. font-family:'times new roman';
  116. font-weight:bold;
  117. font-size:12px;
  118. text-align:right;
  119. text-transform:uppercase;
  120. color:{color:border};
  121. padding-top:10px;
  122. padding-bottom:3px;
  123. margin-top:0px;
  124.  
  125. }
  126.  
  127. h3{
  128. border-bottom:2px solid {color:text};
  129. color:{color:text};
  130. padding:5px;
  131. text-align:left;
  132. font-size:10px;
  133. font-family:'arial';
  134.  
  135.  
  136. }
  137.  
  138. h4{
  139. background-color:{color:sblinksbg};
  140. color:{color:sblinks};
  141. padding:5px;
  142. text-align:left;
  143. font-size:10px;
  144. font-family:'arial';
  145. margin-top:-10px;
  146.  
  147. }
  148.  
  149.  
  150.  
  151. #s-m-t-tooltip {
  152.  
  153. max-width:100px;
  154. margin-left:10px;
  155. padding:5px;
  156. background: {color:border};
  157. border:1px solid {color:text};
  158. font-family: arial;
  159. font-size:10px;
  160. letter-spacing:0px;
  161. text-transform:uppercase; /* can be none , lowercase or even uppercase!*/ color:{color:text};
  162. z-index:999999999999999999999999999999999999; }
  163.  
  164.  
  165. /*GENERAL*/
  166.  
  167. body, html {
  168. font-family:'arial';
  169. font-size:10px;
  170. background-image:url('{image:background}');
  171. background-attachment:fixed;
  172. color:{color:Text};
  173. font-weight:normal;
  174. text-align:left;
  175. letter-spacing:0px;
  176. letter-spacing:0px;
  177. background-color:{color:background};
  178. -webkit-font-smoothing: antialiased;}
  179.  
  180. a {
  181. color:{color:text};
  182. text-decoration:none;
  183. font-weight:normal;
  184. -webkit-transition:all 0.5s ease-in-out;
  185. -moz-transition:all 0.5s ease-in-out;
  186. -o-transition:all 0.5s ease-in-out;
  187. transition:all 0.5s ease-in-out;}
  188.  
  189. a:hover {
  190. color:{color:Hover};
  191. text-decoration:underline;
  192. -webkit-transition:all 0.5s ease-in-out;
  193. -moz-transition:all 0.5s ease-in-out;
  194. -o-transition:all 0.5s ease-in-out;
  195. transition:all 0.5s ease-in-out;}
  196.  
  197.  
  198. /*END GENERAL*/
  199.  
  200.  
  201. /*SIDEBAR*/
  202. .sidebar{
  203. position:fixed;
  204. margin-top:300px;
  205. left:150px;
  206.  
  207. }
  208. .sb{
  209. position:fixed;
  210. width:64px;
  211. height:64px;
  212. z-index:0;
  213. padding:5px;
  214. border:1px solid {color:border};
  215. z-index:9;
  216. }
  217.  
  218. .description{
  219. position:fixed;
  220. width:170px;
  221. padding:20px;
  222. padding-top:5px;
  223. margin-top:-80px;
  224. opacity:0;
  225. margin-left:0px;
  226. height:50px;
  227. overflow:auto;
  228. text-align:justify;
  229. color:{color:desc text};
  230. -webkit-transition:all 0.7s ease-in-out;
  231. -moz-transition:all 0.7s ease-in-out;
  232. -o-transition:all 0.7s ease-in-out;
  233. transition:all 0.7s ease-in-out;
  234. }
  235.  
  236. .sidebar:hover .description{
  237. margin-top:80px;
  238. opacity:1;
  239. }
  240.  
  241. .links a {
  242. display:inline-block;
  243. position:relative;
  244. text-align:center;
  245. margin-left:40px;
  246. margin-right:-30px;
  247. margin-top:0px;
  248. margin-bottom:10px;
  249. padding-top:7px;
  250. padding-left:3px;
  251. padding-bottom:5px;
  252. width:50px;
  253. height:10px;
  254. font-family:'times new roman';
  255. font-size:8px;
  256. font-weight:bold;
  257. text-decoration:none;
  258. text-transform:uppercase;
  259. letter-spacing:3px;
  260. color:{color:SBLInks};
  261. background:{color:sblinksbg};
  262. -webkit-transition:all 0.7s ease-in-out;
  263. -moz-transition:all 0.7s ease-in-out;
  264. -o-transition:all 0.7s ease-in-out;
  265. transition:all 0.7s ease-in-out;
  266. }
  267.  
  268. .links {
  269. position:fixed;
  270. display:inline-block;
  271. opacity:1;
  272. margin-top:300px;
  273. top:21px;
  274. width:140px;
  275. height:408px;
  276. padding-bottom:2px;
  277. font-weight:bold;
  278. opacity:1;
  279. margin-left:50px;
  280. z-index:9;
  281. -webkit-transition:all 0.5s ease-in-out;
  282. -moz-transition:all 0.5s ease-in-out;
  283. -o-transition:all 0.5s ease-in-out;
  284. transition:all 0.5s ease-in-out
  285.  
  286. }
  287.  
  288. .pagination {
  289. display:block;
  290. padding:5px;
  291. position:fixed;
  292. text-align:center;
  293. width:100px;
  294. height:10px;
  295. padding-top:0px;
  296. padding-bottom:16px;
  297. margin-top:280px;
  298. left:134px;
  299. z-index:99999999999999999999999999;
  300. }
  301.  
  302. .pagination a {
  303. display:inline-block;
  304. height:12px;
  305. width:30px;
  306. padding:5px;
  307. padding-bottom:0px;
  308. font-family:'arial';
  309. letter-spacing:1px;
  310. font-weight:bold;
  311. font-size:10px;
  312. text-transform:uppercase;
  313. color: {color:text};
  314.  
  315. }
  316.  
  317.  
  318. .pagination a:hover{
  319. text-decoration:none;
  320. color:{color:hover};
  321. -webkit-transition:all 0.5s ease-in-out;
  322. -moz-transition:all 0.5s ease-in-out;
  323. -o-transition:all 0.5s ease-in-out;
  324. transition:all 0.5s ease-in-out;}
  325.  
  326. .current_page {
  327. display:inline-block;
  328. color:{color:text};
  329. height:12px;
  330. margin-left:00px;
  331. width:30px;
  332. padding:5px;
  333. padding-bottom:0px;
  334. font-family:'arial';
  335. letter-spacing:1px;
  336. font-weight:bold;
  337. font-size:10px;
  338. border-bottom:2px solid {color:scrollbarbg};
  339. text-transform:uppercase;
  340. color: {color:hover};
  341. }
  342.  
  343. /*END SIDEBAR*/
  344.  
  345. /*POSTS*/
  346.  
  347. .posts {
  348. width:510px;
  349. margin-left:500px;
  350. margin-top:10px;
  351. color:{color:text};
  352. font-style:normal;
  353. text-align:left;
  354. -webkit-transition:all 0.5s ease-in-out;
  355. -moz-transition:all 0.5s ease-in-out;
  356. -o-transition:all 0.5s ease-in-out;
  357. transition:all 0.5s ease-in-out;
  358. }
  359.  
  360. .entries {
  361. width:500px;
  362. padding:10px;
  363. left:00px;
  364. padding-bottom:5px;
  365. margin-top:10px;
  366. color:{color:text};
  367. border:1px solid {color:border};
  368. background-color:{color:postbg};
  369. -webkit-transition:all 0.5s ease-in-out;
  370. -moz-transition:all 0.5s ease-in-out;
  371. -o-transition:all 0.5s ease-in-out;
  372. transition:all 0.5s ease-in-out;
  373. }
  374.  
  375. .noties{
  376. margin-top:10px;
  377. font-size:9px;
  378. text-align:left;
  379. height:10px;
  380. padding:10px;
  381. padding-left:0px;
  382. padding-bottom:5px;
  383. }
  384.  
  385. .noties a{
  386. font-weight:bold;
  387. color:{color:post links};
  388. }
  389.  
  390. .info {
  391. display:block;
  392. width: 500px;
  393. min-height:18px;
  394. padding:10px;
  395. margin-left:-10px;
  396. margin-top:-12px;
  397. padding-top: -2px;
  398. padding-bottom:0px;
  399. text-align:left;
  400. font-size:9px;
  401. font-family:'arial';
  402. color:{color:Post links};
  403.  
  404.  
  405. z-index:99;
  406. letter-spacing:0px;
  407. -webkit-transition:all 0.5s ease-in-out;
  408. -moz-transition:all 0.5s ease-in-out;
  409. -o-transition:all 0.5s ease-in-out;
  410. transition:all 0.5s ease-in-out;}
  411.  
  412. .info a {
  413. color:{color:Post Links};
  414. font-weight:bold;
  415. text-decoration:underline;
  416. -webkit-transition:all 0.5s ease-in-out;
  417. -moz-transition:all 0.5s ease-in-out;
  418. -o-transition:all 0.5s ease-in-out;
  419. transition:all 0.5s ease-in-out;
  420. }
  421.  
  422. .info a:hover {
  423. color:{color:hover};
  424. -webkit-transition:all 0.5s ease-in-out;
  425. -moz-transition:all 0.5s ease-in-out;
  426. -o-transition:all 0.5s ease-in-out;
  427. transition:all 0.5s ease-in-out;}
  428.  
  429. .tags{
  430. background-color:{color:postbg};
  431. text-align:justify;
  432. margin-top:-27px;
  433. margin-bottom:10px;
  434. max-width:470px;
  435. padding:10px;
  436. margin-left:20px;
  437. padding-left:0px;
  438. padding-bottom:2px;
  439. padding-top:10px;
  440. opacity:1;
  441. font-size:9px;
  442. min-height:10px;
  443. z-index:9;
  444. overflow:auto;
  445. font-weight:bold;
  446. -webkit-transition:all 0.5s ease-in-out;
  447. -moz-transition:all 0.5s ease-in-out;
  448. -o-transition:all 0.5s ease-in-out;
  449. transition:all 0.5s ease-in-out;
  450. }
  451.  
  452. .tags a{
  453. letter-spacing:0px;
  454. font-weight:bold;
  455. font-size:9px;
  456. padding-left:5px;
  457. padding-bottom:-2px;
  458. text-decoration:underline;
  459. color:{color:post links};
  460. -webkit-transition:all 0.5s ease-in-out;
  461. -moz-transition:all 0.5s ease-in-out;
  462. -o-transition:all 0.5s ease-in-out;
  463. transition:all 0.5s ease-in-out;
  464. }
  465.  
  466. .post_title {
  467. display:block;
  468. padding:5px;
  469. text-align:right;
  470. font-size:15px;
  471. font-family:'times new roman';
  472. font-weight:bold;
  473. letter-spacing:-1px;
  474. text-transform:lowercase;
  475. font-style:italic;
  476. background-color:{color:background};
  477. }
  478.  
  479. .text {
  480. display:block;
  481. padding:5px;
  482. text-align:justify;
  483. letter-spacing:0px;
  484. color:{color:Text};
  485. }
  486.  
  487. .photo img {
  488. display:block;
  489. margin-bottom:5px; }
  490.  
  491. .quote {
  492. display:block;
  493. padding:10px;
  494. text-align:center;
  495. font-size:20px;
  496. font-weight:bold;
  497. letter-spacing:-2px;
  498. font-family:'georgia';
  499. font-style:italic;
  500. border:2px solid {color:border};
  501. color:{color:text};
  502. background-color:{color:postbg};}
  503.  
  504. .source {
  505. display:block;
  506. padding:5px;
  507. text-align:right;
  508. font-size:9px;}
  509.  
  510. .chat li {
  511. display:block;
  512. padding:5px;
  513. letter-spacing:0px;
  514. color:{color:text};}
  515.  
  516. .audioimg img {
  517. width:100px;
  518. height:100px;
  519. color:{color:text};
  520. font-family:'arial';
  521. text-align:center;
  522. text-transform:uppercase;}
  523.  
  524. .audioinfo {
  525. color:{color:Text};}
  526.  
  527. .ask{
  528. font-family:arial;
  529. font-weight:bold;
  530. font-size:10px;
  531.  
  532. text-transform:uppercase;
  533. }
  534.  
  535. .question{margin-top:10px;
  536. min-height:10px;
  537. width:478px;
  538. background-color:{color:postbg};
  539. color:{color:text};
  540. text-transform:uppercase;
  541. padding:10px;
  542. text-align: left;
  543. font-family:'times new roman';
  544.  
  545. border-bottom:none;
  546. }
  547.  
  548. .asker{
  549. height:20px;
  550. width:498px;
  551. padding:0px;
  552. padding-bottom:0px;
  553. padding-top:10px;
  554. border-top:none;
  555. text-align:right;
  556. font-family:'times new roman';
  557. font-size:10px;
  558. border-top:1px solid {color:border};
  559. text-transform:uppercase;
  560. background-color:{color:postbg};
  561. }
  562.  
  563. .answerer{
  564. margin-left:0px;
  565. text-align:left;
  566. letter-spacing:0px;
  567. }
  568.  
  569. /*END POSTS*/
  570.  
  571. /*SCROLLBAR*/
  572.  
  573. ::-webkit-scrollbar {
  574. height:1px;
  575. width:1px;
  576. background-color:{color:scrollbarBG};}
  577.  
  578. ::-webkit-scrollbar-thumb {
  579. height:auto;
  580. background-color:{color:scrollbar};}
  581.  
  582.  
  583. .notes {
  584. font-family:'arial';
  585. text-align:center;
  586. text-transform:uppercase;
  587. font-size:8px;
  588. width:520px;
  589. margin-top:20px;
  590. color:{color:border};
  591. background-color:rgba(0,0,0,0);
  592. }
  593.  
  594. .notes li{
  595. list-style-type:none;
  596. background-color:rgba(0,0,0,0);
  597. padding:5px;
  598. }
  599.  
  600. .notes img {
  601. opacity:0;
  602. display:none;
  603. }
  604.  
  605. .notes a{
  606. color:{color:post links};
  607. }
  608.  
  609. #credit {
  610. position:fixed;
  611. font-family:'arial';
  612. color:{color:Border};
  613. text-transform:uppercase;
  614. font-weight:bold;
  615. font-size:11px;
  616. width:10px;
  617. height:10px;
  618. right:5px;
  619. bottom:5px;
  620. padding:5px;
  621. opacity:1;
  622. letter-spacing:4px;
  623. }
  624.  
  625.  
  626. /*END SCROLLBAR*/
  627.  
  628. </style>
  629. </ul>
  630.  
  631. </head>
  632. <body>
  633.  
  634. <!---thing2-->
  635.  
  636. <div class="sidebar"> <div class="sb"><img src="{image:sidebar}" style="width:64px;"/></div> <div class="description">{Description}</div> <div class="links">
  637. {block:ifHome}<a href="{text:Home URL}">{text:Home}</a>{/block:ifHome}
  638. {block:ifAsk}<a href="{text:Ask URL}">{text:Ask}</a>{/block:ifAsk}
  639. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  640. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  641.  
  642. </div>
  643.  
  644. </div>
  645. {block:Pagination}
  646. <div class="pagination">
  647. {block:PreviousPage}<a href="{PreviousPage}">☜</a>{/block:PreviousPage}
  648. {block:NextPage}<a href="{NextPage}">☞</a>{/block:NextPage}
  649. {/block:Pagination}
  650. </div>
  651. </div></div></div>
  652.  
  653.  
  654.  
  655.  
  656.  
  657. <!--SIDEBAR-->
  658.  
  659.  
  660.  
  661. <!--END SIDEBAR-->
  662.  
  663. <!--POSTS-->
  664.  
  665.  
  666. <div class="posts">
  667.  
  668. {block:Posts}
  669.  
  670. <div class="entries">
  671. <div class="info">
  672. <a><a href="{Permalink}">{TimeAgo}</a></a>
  673. <br>
  674. </div>
  675.  
  676.  
  677. <!--TEXT POSTS-->
  678.  
  679. {block:Text}
  680.  
  681. {block:Title}<div class="post_title">{Title}</div>{/block:Title}
  682. <div class="text">{Body}</div>
  683.  
  684. {/block:Text}
  685.  
  686. <!--END TEXT POSTS-->
  687.  
  688. <!--PHOTO POSTS-->
  689.  
  690. {block:Photo}
  691.  
  692. <div class="photo"><center><img src="{PhotoURL-500}"/></center></div>
  693. <div class="text">{Caption}</div>
  694.  
  695. {/block:Photo}
  696.  
  697. <!--END PHOTO POSTS-->
  698.  
  699. <!--PHOTOSET POSTS-->
  700.  
  701. {block:Photoset}
  702.  
  703. <center><div class="photo">{Photoset-500}</div></center>
  704. <div class="text">{Caption}</div>
  705.  
  706. {/block:Photoset}
  707.  
  708. <!--END PHOTOSET POSTS-->
  709.  
  710. <!--QUOTE POSTS-->
  711.  
  712. {block:Quote}
  713.  
  714. <div class="quote">"{Quote}"</div>
  715. <div class="source">{Source}</div>
  716.  
  717. {/block:Quote}
  718.  
  719. <!--END QUOTE POSTS-->
  720.  
  721. <!--LINK POSTS-->
  722.  
  723. {block:Link}
  724.  
  725. <div class="post_title"><a href="{URL}">{Name} &rarr;</a></div>
  726. {block:Description}<div class="text">{Description}</div>{/block:Description}
  727.  
  728. {/block:Link}
  729.  
  730. <!--END LINK POSTS-->
  731.  
  732. <!--CHAT POSTS-->
  733.  
  734. {block:Chat}
  735.  
  736. {block:Title}<div class="post_title">{Title}</div>{/block:Title}
  737. <div class="chat">
  738. <ul>
  739. {block:Lines}<li class="{Alt}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</li>{/block:Lines}
  740. </ul>
  741. </div>
  742.  
  743. {/block:Chat}
  744.  
  745. <!--END CHAT POSTS-->
  746.  
  747. <!--AUDIO POSTS-->
  748.  
  749. {block:Audio}
  750.  
  751. <table>
  752. <tr>
  753. <td>
  754. {block:AlbumArt}<div class="audioimg"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  755. </td>
  756. <td>
  757. <div class="audioplayer">{AudioPlayerBlack}</div>
  758. <div class="audioinfo">{block:Artist}<b>Name</b>: {Artist}{/block:Artist}<br>
  759. {block:Album}<b>Album</b>: {Album}{/block:Album}<br>
  760. {block:TrackName}<b>Track</b>: {TrackName}{/block:TrackName}</div>
  761. </td>
  762. </tr>
  763. </table>
  764. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  765.  
  766. {/block:Audio}
  767.  
  768. <!--END AUDIO POSTS-->
  769.  
  770. <!--VIDEO POSTS-->
  771.  
  772. {block:Video}
  773.  
  774. <center><div class="photo">{VideoEmbed-500}</div></center>
  775. <div class="text">{Caption}</div>
  776.  
  777. {/block:Video}
  778.  
  779. <!--END VIDEO POSTS-->
  780.  
  781. <!--ANSWER POSTS-->
  782. <div class="whole">
  783. {block:Answer}<div id="ask">
  784. <div class="question">{Question}</div>
  785. <div class="asker">{Asker}</div><br>
  786. {block:Answerer}{Answerer}{Answer}{/block:Answerer}</div>{/block:Answer}{Replies}</div>
  787.  
  788. <!--END ANSWER POSTS-->
  789.  
  790. <div class="noties">{NoteCount}</div>
  791. {block:HasTags}
  792. <div class="tags"> {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>
  793. {/block:HasTags}
  794. </div>
  795. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  796. {/block:Posts}
  797.  
  798. </div>
  799. {/block:PermalinkPage}
  800. </div>
  801. </div>
  802. </div>
  803. </div>
  804. <div id="credit">
  805. <a href="http://beatriceofrp.tumblr.com" title="beatriceofrp">©</a>
  806. </div>
  807. </div>
  808. </div>
  809. <!--END POSTS-->
  810.  
  811. </body>
  812.  
  813. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement