API tools faq
paste
Advertisement
lexaofrp

Theme O7: COSETTE

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