API tools faq
paste
Advertisement
bramrps

THEME 29: THRILLER

bramrps
Oct 4th, 2015
466
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.97 KB | None | 0 0
raw download clone embed print report
  1. <!-- Theme #24 by bramrps -->
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7.  
  8. <link href='http://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css'>
  9.  
  10. <link href='http://fonts.googleapis.com/css?family=HeadVersusHeart' rel='stylesheet' type='text/css'>
  11.  
  12.  
  13. <head>
  14.  
  15. <title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18.  
  19.  
  20. <meta name="font:Body" content="Georgia" />
  21. <meta name="font:Answers" content="Courier new" />
  22. <meta name="color:Background" content="#fff" />
  23. <meta name="color:Body" content="#000" />
  24. <meta name="color:Borders" content="#000" />
  25. <meta name="color:Bold" content="#b67112" />
  26. <meta name="color:Link" content="#b67112" />
  27. <meta name="color:Sidelinks" content="#b55102" />
  28. <meta name="color:Link Hover" content="#e8ab4d" />
  29. <meta name="color:Sidebars" content="#e8ab4d" />
  30. <meta name="color:Info Bg" content="#b67112" />
  31. <meta name="color:Entry titles" content="#b67112" />
  32. <meta name="color:Title Color" content="#b67112" />
  33. <meta name="color:Scrollbar" content="#e8ab4d" />
  34. <meta name="color:Scrollbar2" content="#b67112" />
  35. <meta name="image:Image" content="" />
  36. <meta name="image:Background" content="" />
  37. <meta name="text:Link1" content="link" />
  38. <meta name="text:Link1 URL" content="/" />
  39. <meta name="text:Link2" content="link" />
  40. <meta name="text:Link2 URL" content="/" />
  41. <meta name="text:Link3" content="link" />
  42. <meta name="text:Link3 URL" content="/" />
  43.  
  44. <meta name="text:main" content="this is your main title" />
  45.  
  46.  
  47. <style type="text/css">
  48.  
  49. body {
  50. background: {color:Background};
  51. background-image: url('{image:Background}');
  52. background-attachment:fixed;
  53. position:absolute;
  54. font-size:12px;
  55. font-family: {font:Body};
  56. color:{color:Body};
  57. }
  58.  
  59. blockquote {
  60. margin-left: 15px;
  61. margin-right:15px;
  62. border-left: 2px solid {color:Title Color};
  63. padding-left:5px;
  64. text-align: justify;
  65. }
  66.  
  67.  
  68. b, strong {
  69. color:{color:Bold};
  70. }
  71.  
  72. i, em {
  73. color:{color:Body}
  74. text-shadow: 0px 0px 2px #000;
  75. }
  76.  
  77. a {
  78. text-decoration:none;
  79. outline:normal;
  80. color:{color:Link};
  81. -webkit-transition: all 0.5s ease-in-out;
  82. -moz-transition: all 0.5s ease-in-out;
  83. -o-transition: all 0.5s ease-in-out;
  84. }
  85.  
  86. a:hover {
  87. -webkit-transition: all 0.5s ease-in-out;
  88. -moz-transition: all 0.5s ease-in-out;
  89. -o-transition: all 0.5s ease-in-out;
  90. }
  91.  
  92. ::-webkit-scrollbar {
  93. height:6px;
  94. width:5px;
  95. background-color: {color:Scrollbar2};
  96. }
  97.  
  98. ::-webkit-scrollbar-thumb:vertical {
  99. background-color: {color:Scrollbar};
  100. border:1px solid {color:border}; }
  101.  
  102. ::-webkit-scrollbar-thumb:horizontal {
  103. background-color: {color:Scrollbar};
  104. }
  105.  
  106.  
  107. pre {
  108. font-family:courier;
  109. font-size:8px;
  110. text-transform:Uppercase;
  111. background-color:{color:Link Hover};
  112. padding:2px;
  113. padding-bottom:1px;
  114. margin-top:2px;
  115. text-align:center;
  116. color:{color:Body};
  117. border:1px solid {color:Sidelinks};
  118. }
  119.  
  120. h1 {
  121. margin-top:-3px;
  122. margin-bottom:5px;
  123. color:{color:Entry titles};
  124. font-family:'georgia';
  125. font-style:normal;
  126. text-align:left;
  127. text-transform:uppercase;
  128. font-size: 20px;
  129. color: {color:Entry titles};
  130. padding-bottom:0px;
  131. text-shadow: 1px 0px 0px #000;
  132. }
  133.  
  134. h2 {
  135. margin-top:0px;
  136. margin-bottom:5px;
  137. font-family:'georgia';
  138. text-transform:lowercase;
  139. letter-spacing:-2;
  140. text-align:left;
  141. font-size: 20px;
  142. color:{color:Entry titles};
  143. text-shadow: 1px 0px 0px #000;
  144. }
  145.  
  146. h3 {
  147. margin-top:-5px;
  148. margin-bottom:-5px;
  149. color:{color:Entry titles};
  150. font-family:'georgia';
  151. font-style:normal;
  152. text-align:center;
  153. text-transform:uppercase;
  154. font-size: 20px;
  155. text-shadow: 1px 0px 0px #000;
  156. color: {color:Entry titles};
  157. }
  158.  
  159.  
  160. img {
  161. border: 0;
  162. max-width: 100%;}
  163.  
  164. img:hover {
  165. opacity:0.7;
  166. -webkit-transition:all 0.4s ease-in-out;
  167. -moz-transition:all 0.4s ease-in-out;
  168. -o-transition:all 0.4s ease-in-out;
  169. -ms-transition: all 0.4s ease-in-out;
  170. transition:all 0.5s ease-in-out
  171. }
  172.  
  173.  
  174.  
  175. #toptitle {
  176. font-family:'georgia';
  177. font-size:20px;
  178. text-transform:normal;
  179. font-style:normal;
  180. text-shadow: 1px 0px 0px #000;
  181. text-align:center;
  182. margin-top:-2px;
  183. color:{color:Title Color};
  184. }
  185.  
  186. #titlebar {
  187. position:fixed;
  188. top:330px;
  189. left:140px;
  190. width:300px;
  191. height:40px;
  192. background-color:#fff;
  193. }
  194.  
  195.  
  196. #sidebar {
  197. position:fixed;
  198. top:350px;
  199. left:151px;
  200. width:260px;
  201. height:100px;
  202. background-color:transparent;
  203.  
  204. }
  205.  
  206.  
  207. #sidebar2 {
  208. position:fixed;
  209. top:450px;
  210. left:141px;
  211. width:300px;
  212. height:20px;
  213. padding-top:2px;
  214. background-color:transparent;
  215. }
  216.  
  217. #sidebar3 {
  218. position:fixed;
  219. top:430px;
  220. left:151px;
  221. width:260px;
  222. height:25px;
  223. background-color:transparent;
  224. }
  225.  
  226.  
  227. #image {
  228. z-index:3;
  229. position:fixed;
  230. top:165px;
  231. left:150px;
  232. width:280px;
  233. height:160px;
  234. background-image:url('{image:Image}');
  235. background-color:#fff;
  236. background-repeat:no-repeat;
  237. }
  238.  
  239.  
  240. #description {
  241. padding-top:5px;
  242. padding-right:10px;
  243. padding-left:10px;
  244. color:{color:Description};
  245. font-size:10px;
  246. text-align:justify;
  247. font-family:'georgia';
  248. }
  249.  
  250. #pagination {
  251. font-family:'georgia';
  252. font-size:8px;
  253. text-transform:uppercase;
  254. display:inline-block;
  255. margin-top:7px;
  256. color:{color:Body};
  257. -webkit-transition: all 0.2s ease-in-out;
  258. -moz-transition: all 0.2s ease-in-out;
  259. -o-transition: all 0.2s ease-in-out;
  260. }
  261.  
  262. #links {
  263. text-align:center;
  264. }
  265.  
  266.  
  267. #links a{
  268. font-family:'courier new';
  269. background-color:transparent;
  270. color:#fff;
  271. width:50px;
  272. height:20px;
  273. line-height:15px;
  274. font-size:15px;
  275. text-transform:uppercase;
  276. display:inline-block;
  277. color:{color:Sidelinks};
  278. -webkit-transition: all 0.2s ease-in-out;
  279. -moz-transition: all 0.2s ease-in-out;
  280. -o-transition: all 0.2s ease-in-out;
  281. }
  282.  
  283. #links a:hover{
  284. color:{color:Link Hover};
  285. text-transform:lowercase;
  286. -webkit-transition: opacity 0.7s linear;opacity: 1;
  287. -webkit-transition: all 0.3s ease-out;
  288. -moz-transition: all 0.3s ease-out;
  289. transition: all 0.3s ease-out;
  290. }
  291.  
  292. .user_1 .label {
  293. color:{color:Link};
  294. font-family:'georgia';
  295. font-size: 10px;
  296. padding: 5px;
  297. text-transform:uppercase;
  298. font-weight:bold
  299. }
  300.  
  301. .user_2 .label {
  302. color:{color:Entry titles};
  303. font-family:'georgia';
  304. font-size: 10px;
  305. padding: 5px;
  306. text-transform:uppercase;
  307. font-weight:bold
  308. }
  309.  
  310. .user_3 .label {
  311. color:{color:Link};
  312. font-family:'georgia';
  313. font-size: 10px;
  314. padding: 5px;
  315. text-transform:uppercase;
  316. font-weight:bold
  317. }
  318.  
  319. .user_4 .label {
  320. color:{color:Entry titles};
  321. font-family:'georgia';
  322. font-size: 10px;
  323. padding: 5px;
  324. text-transform:uppercase;
  325. font-weight:bold
  326. }
  327.  
  328. .user_5 .label {
  329. color:{color:Link};
  330. font-family:'georgia';
  331. font-size: 10px;
  332. padding: 5px;
  333. text-transform:uppercase;
  334. font-weight:bold
  335. }
  336.  
  337. .user_6 .label {
  338. color:{color:Entry titles};
  339. font-family:'georgia';
  340. font-size: 10px;
  341. padding: 5px;
  342. text-transform:uppercase;
  343. font-weight:bold
  344. }
  345.  
  346. .user_7 .label {
  347. color:{color:Link};
  348. font-family:'georgia';
  349. font-size: 10px;
  350. padding: 5px;
  351. text-transform:uppercase;
  352. font-weight:bold
  353. }
  354.  
  355. .user_8 .label {
  356. color:{color:Entry titles};
  357. font-family:'georgia';
  358. font-size: 10px;
  359. padding: 5px;
  360. text-transform:uppercase;
  361. font-weight:bold
  362. }
  363.  
  364. .user_9 .label {
  365. color:{color:Link};
  366. font-family:'georgia';
  367. font-size: 10px;
  368. padding: 5px;
  369. text-transform:uppercase;
  370. font-weight:bold
  371. }
  372.  
  373. .user_10 .label {
  374. color:{color:Entry titles};
  375. font-family:'georgia';
  376. font-size: 10px;
  377. padding: 5px;
  378. text-transform:uppercase;
  379. font-weight:bold
  380. }
  381.  
  382.  
  383. ul.chat, .chat ol, .chat li {
  384. list-style:none;
  385. margin-top:-8px;
  386. margin-bottom:0px;
  387. padding: 3px;
  388. }
  389.  
  390. p {
  391. margin-top:0px;
  392. margin-bottom:4px
  393. }
  394.  
  395.  
  396. #entries {
  397. position:absolute;
  398. margin-left:550px;
  399. margin-top:50px;
  400. font-size:10px;
  401. text-align:justify;
  402.  
  403. }
  404.  
  405. #post {
  406. background-color:transparent;
  407. padding:8px;
  408. padding-top:5px;
  409. padding-bottom:5px;
  410. margin-bottom:35px;
  411. width:500px;
  412. }
  413.  
  414.  
  415. #quotetext {
  416. font-family:'georgia';
  417. font-size:15px;
  418. color:{color:Borders};
  419. font-style:normal;
  420. text-align:center;
  421. margin-top:5px;
  422. padding:2px;
  423. }
  424.  
  425.  
  426. #asks {
  427. text-align:left;
  428. font-size:10px;
  429. font-family:'courier new';
  430. margin:5px;
  431. padding:10px;
  432. min-height:47px;
  433. background-color:transparent;
  434. box-shadow:3px 3px 3px {color:Info Bg};
  435. }
  436.  
  437. .asker {
  438. font-family:'georgia';
  439. color:{color:Entry titles};
  440. text-transform:uppercase;
  441. margin-top:2px;
  442. margin-bottom:-8px;
  443. font-size:14px;
  444. font-style:normal;
  445. text-shadow: 1px 0px 0px #000;
  446.  
  447. }
  448.  
  449. #askimage {
  450. height:50px;
  451. width:50px;
  452. float:left;
  453. margin-top:15px;
  454. margin-left:15px;
  455. padding-right:5px;
  456. opacity:0.5;
  457. -webkit-transition:all 0.4s ease-in-out;
  458. -moz-transition:all 0.4s ease-in-out;
  459. -o-transition:all 0.4s ease-in-out;
  460. -ms-transition: all 0.4s ease-in-out;
  461. transition:all 0.5s ease-in-out;
  462. }
  463.  
  464. #answers {
  465. font-family: {font:Answers};
  466. font-size:10px;
  467. padding-left:20px;
  468. padding-right:20px;
  469. margin-left:5px;
  470. margin-top:8px;
  471. margin-bottom:10px;
  472. text-align:justify;
  473. }
  474.  
  475. #audio {
  476. border-radius:100%;
  477. width:100%;
  478. height:100px;
  479. margin-bottom:5px
  480. }
  481.  
  482. .albumart {
  483. border-radius:50px;
  484. margin-top:15px;
  485. margin-left:15px;
  486. float:left;
  487. width:71px;
  488. height:71px
  489. }
  490.  
  491. .player {
  492. border-radius:50px;
  493. margin-left:10px;
  494. margin-top:10px;
  495. display:block;
  496. height:59px;
  497. width:59px;
  498. padding:11px;
  499. overflow:hidden;
  500. position:absolute;
  501. opacity:0.5;
  502. background:#fff;
  503. -webkit-transition:all 0.4s ease-in-out;
  504. -moz-transition:all 0.4s ease-in-out;
  505. -o-transition:all 0.4s ease-in-out;
  506. -ms-transition: all 0.4s ease-in-out;
  507. transition:all 0.5s ease-in-out
  508. }
  509.  
  510. .player:hover {
  511. opacity:0.9;
  512. -webkit-transition:all 0.4s ease-in-out;
  513. -moz-transition:all 0.4s ease-in-out;
  514. -o-transition:all 0.4s ease-in-out;
  515. -ms-transition: all 0.4s ease-in-out;
  516. transition:all 0.5s ease-in-out}
  517.  
  518. .audioplayer {
  519. width:30px;
  520. height:30px;
  521. margin-top:17px;
  522. margin-left:17px;
  523. overflow:hidden
  524.  
  525. }
  526.  
  527. .audioinfo {
  528. font-size:9px;
  529. font-family:georgia;
  530. text-transform:uppercase;
  531. color:{color:text};
  532. text-align:left;
  533. padding-top:22px;
  534. margin-left:90px;
  535. }
  536.  
  537. .audiotitle {
  538. color:{color:Entry titles};
  539. margin-top:-3px;
  540. margin-bottom:-6px;
  541. margin-left:5px;
  542. text-transform: uppercase;
  543. font-size: 20px;
  544. font-family:'georgia';
  545. font-weight:bold;
  546. text-shadow: 1px 1px 1px #000;
  547. }
  548.  
  549. #info {
  550. font-family:'courier new';
  551. font-size:8px;
  552. text-align: right;
  553. margin-bottom: 0px;
  554. margin-top: 5px;
  555. padding-right:5px;
  556. padding: 0px;
  557. padding-top: 2px;
  558. color:{color:Body};
  559. text-transform:uppercase;
  560. background-color:transparent;
  561. border-top:1px solid {color:Info Bg};
  562. }
  563.  
  564. #info2 {
  565. font-family:'courier new';
  566. font-size:8px;
  567. text-align: right;
  568. margin-bottom: -2px;
  569. padding: 0px;
  570. padding-top: 0px;
  571. padding-bottom:0px;
  572. padding-right:5px;
  573. color:{color:Body};
  574. text-transform:lowercase;
  575. font-style:italic;
  576. background-color:transparent;
  577. }
  578.  
  579. #credit a{
  580. position:fixed;
  581. right:3px;
  582. bottom:3px;
  583. padding:4px;
  584. background:white;
  585. font-size:11px;
  586. color:black;
  587. -moz-transition-duration:1s;
  588. -webkit-transition-duration:1s;
  589. -o-transition-duration:1s;
  590. }
  591.  
  592. #credit a:hover {
  593. opacity:1;
  594. color:white;
  595. background:black;
  596. -moz-transition-duration:1s;
  597. -webkit-transition-duration:1s;
  598. -o-transition-duration:1s;
  599. }
  600.  
  601.  
  602.  
  603.  
  604. </style>
  605. <style type="text/css">{CustomCSS}</style>
  606. </head>
  607.  
  608. <body>
  609.  
  610.  
  611.  
  612.  
  613. <div id="image">
  614.  
  615. <div id="titlebar"><div id="toptitle">{text:main}</div></div>
  616.  
  617. <div id="sidebar">
  618.  
  619. <div id="sidebar3"><center>
  620. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">backward</a>{/block:PreviousPage}&nbsp;—&nbsp;{block:NextPage}<a href="{NextPage}">forward</a>{/block:NextPage}{/block:Pagination}</div> </center></div>
  621.  
  622.  
  623. <div id="description">
  624. {block:Description}
  625. {block:Description}<div style="overflow:auto; width: 260px; height: 75px; text-align: justify; padding-right:5px;">
  626. {Description}</div>{/block:Description}
  627. </div></div>
  628.  
  629.  
  630. <div id="sidebar2">
  631. <div id="links">
  632. <a href="/">HOME.</a>
  633. <a href="/ask">ASK.</a>
  634. <a href="{text:Link3 URL}">{text:Link1}.</a>
  635. <a href="{text:Link4 URL}">{text:Link2}.</a>
  636. <a href="{text:Link5 URL}">{text:Link3}.</a>
  637.  
  638. </div>
  639.  
  640. </div></div>
  641.  
  642. </div>
  643.  
  644.  
  645.  
  646. </div>
  647.  
  648. </div>
  649.  
  650.  
  651.  
  652.  
  653. <div id="entries">
  654.  
  655. {block:Posts}
  656.  
  657. <div id="post">
  658.  
  659.  
  660. {block:Text}<h1>{title}</h1>{Body}{/block:Text}
  661.  
  662. {block:Quote}<div id="quotetext">&quot;{Quote}&quot; </div>
  663. <div style="font-family:georgia; font-size:10px; text-align:right; padding-bottom:2px;">— {Source}</div>{/block:Quote}
  664.  
  665. {block:Link}<a href="{URL}" class="link" {Target}> <h2>➝ {Name}</h2></a>
  666. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  667.  
  668. {block:Photo}<div style="padding-top:2px;"><center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}</div>{/block:Photo}
  669. {block:Photoset}<div style="padding-top:2px;"><center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}</div>{/block:Photoset}
  670.  
  671. {block:Chat}{block:Title}<h3>{Title}</h3>{/block:Title}<div style="padding:10px;">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}</ul></div>{/block:Chat}
  672.  
  673. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}<br></li>{/block:Lines}</ul>
  674.  
  675. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  676.  
  677.  
  678.  
  679.  
  680. {block:Audio}
  681. <div id="audio">
  682. <div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div>
  683. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100" style="border-radius: 50px">{/block:AlbumArt}</div>
  684. <div class="audioinfo">
  685. <div class="audiotitle">{block:TrackName}{TrackName} ➝{/block:TrackName}</div><br>
  686. <div style="padding-left:20px;">{block:Artist}⋆ <b>Artist:</b> {Artist}{/block:Artist} {block:Album}<br>
  687. ⋆ <b>Album:</b> {Album}{/block:Album}<br>
  688. ⋆ <b>Played:</b> {FormattedPlayCount} times</div></div>
  689. {block:Caption}{Caption}{/block:Caption}</div>
  690. {/block:Audio}
  691.  
  692. {block:Answer}
  693. <div id="askimage"><img src="{AskerPortraitURL-64}"></div>
  694. <div id="asks"><div style="font-family:'courier new'; text-transform:uppercase; font-size:14px; text-align:left; padding-top:5px; text-shadow: 1px 0px 0px #000; font-style:normal; color:{color:link};">{Asker} wondered »</div><p></p>
  695. <div style="margin-left:10px; text-align:justify; text-transform:normal; font-size:9px;">{Question}</div></div>
  696. <div id="answers">{Answer}</div>{/block:Answer}
  697.  
  698. <div id="info">{block:Date}<b><a href="{Permalink}">{TimeAgo}</a></b>{/block:Date}
  699. {block:NoteCount}with <i>{NoteCountWithLabel}</i>{/block:NoteCount}{/block:NoteCount}{block:RebloggedFrom} via (<b><a href="{ReblogParentURL}"><a href="{ReblogParentURL}"><a href="{ReblogParentURL}">{ReblogParentName}</a></b>){/block:RebloggedFrom}
  700. {block:ContentSource} <a href="{SourceURL}">♥</a> {block:ContentSource}{/block:RebloggedFrom}<br>
  701. <div id="info2">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  702. </div></div>
  703.  
  704. </div>
  705. {block:PostNotes}<div style="padding-left:20px;">{PostNotes}</div>{/block:PostNotes}
  706. {/block:Posts}
  707.  
  708.  
  709. </div></div>
  710.  
  711. </div>
  712.  
  713.  
  714.  
  715. <div id="credit"><a href="http://bramrps.tumblr.com">BRPS</a></div>
  716.  
  717.  
  718.  
  719. </body>
  720. </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!