Advertisement
lexaofrp

THEME 1O: ELIZABETH

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