API tools faq
paste
Advertisement
lexaofrp

Theme O3: Ariella

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