API tools faq
paste
Advertisement
lexaofrp

THEME O9: TIFFANY

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