API tools faq
paste
Advertisement
lexaofrp

THEME O4: CAITLIN

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