API tools faq
paste
Advertisement
lexaofrp

THEME 2: VALERIE

lexaofrp
Aug 6th, 2014
351
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.13 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4.  
  5. *********************Theme 2: Valerie by lexaofrp***********************
  6.  
  7. Please do not redistribute or claim as your own
  8. Do not edit and redistribute or use this as a base code for your own themes
  9. thanks bunches! c: I'm watching you (● ‿ ●✿)
  10.  
  11. *********************Theme 2: Valerie by lexaofrp***********************
  12. -->
  13.  
  14. <head>
  15. <title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. {block:Description}
  19. <meta name="description" content="{MetaDescription}" />
  20. {/block:Description}
  21.  
  22. <meta name="image:background" content="">
  23. <meta name="image:sidebar" content="">
  24. <meta name="image:AskBG" content="">
  25.  
  26. <meta name="color:Background" content="#000000"/>
  27. <meta name="color:PostBG" content=""/>
  28. <meta name="color:Text" content=""/>
  29. <meta name="color:SBLinks" content="" />
  30. <meta name="color:SBLinksBG" content=""/>
  31. <meta name="color:Post Links" content=""/>
  32. <meta name="color:Hover" content=""/>
  33. <meta name="color:Scrollbar" content=""/>
  34. <meta name="color:ScrollbarBg" content=""/>
  35. <meta name="color:InfoBG" content=""/>
  36. <meta name="color:DescBG" content=""/>
  37. <meta name="color:DescHover" content="#000000"/>
  38.  
  39. <meta name="text:URL1" content="/">
  40. <meta name="text:Link1" content="Link4">
  41. <meta name="text:URL2" content="/">
  42. <meta name="text:Link2" content="Link3">
  43. <meta name="text:URL3" content="/">
  44. <meta name="text:Link3" content="Ask">
  45. <meta name="text:URL4" content="/">
  46. <meta name="text:Link4" content="Home">
  47.  
  48.  
  49. <style type="text/css">
  50.  
  51. blockquote {
  52. font-size:10px;
  53. font-family:'courier new';
  54. max-width:500px;
  55. border-left:3px solid{color:Background};
  56. padding:10px;
  57. color:{color:Background};
  58. background-color:{color:Text};}
  59.  
  60. code {
  61. font-size:9px;
  62. font-family:'Courier New';
  63. color:{color:Scrollbar};
  64. text-transform:uppercase;}
  65.  
  66. pre {
  67. font-family:'Courier New';
  68. text-align:center;
  69. font-size:10px;
  70. max-width:500px;
  71. padding:10px ;
  72. color:{color:Post Links};
  73. background-color: {color:PostBG};}
  74. h1{
  75. font-family:'courier new';
  76. font-size:15px;
  77. text-align:center;
  78. text-transform:uppercase;
  79. background-color:{color:infobg};
  80. color:{color:postBG};
  81. border-top:5px solid {color:PostBG};
  82. padding-top:8px;
  83. padding-bottom:5px;}
  84.  
  85. /*GENERAL*/
  86.  
  87. body {
  88. font-family:courier;
  89. font-size:10px;
  90. background-image:url('{image:background}');
  91. background-attachment:fixed;
  92. color:{color:background};
  93. background-color:{color:background}; }
  94.  
  95. a {
  96. color:{color:SBlinks};
  97. text-decoration:none;
  98. -webkit-transition:all 0.5s ease-in-out;
  99. -moz-transition:all 0.5s ease-in-out;
  100. -o-transition:all 0.5s ease-in-out;
  101. transition:all 0.5s ease-in-out;}
  102.  
  103. a:hover {
  104. color:{color:Hover};
  105. text-decoration:underline;
  106. -webkit-transition:all 0.5s ease-in-out;
  107. -moz-transition:all 0.5s ease-in-out;
  108. -o-transition:all 0.5s ease-in-out;
  109. transition:all 0.5s ease-in-out;}
  110.  
  111.  
  112. /*END GENERAL*/
  113.  
  114. /*SIDEBAR*/
  115.  
  116. .wrapper {
  117. position:fixed;
  118. background-color:{color:DescHover};
  119. margin-top:79px;
  120. z-index:999;
  121. -webkit-transition:all 0.9s ease-in-out;
  122. -moz-transition:all 0.9s ease-in-out;
  123. -o-transition:all 0.9s ease-in-out;
  124. transition:all 0.9 ease-in-out;}
  125.  
  126. .links {
  127. position:fixed;
  128. margin-top:101px;
  129. margin-bottom:80px;
  130. margin-left:50px;
  131. opacity:0;
  132. width:480px;
  133. height:410px;
  134. background-color:{color:DescHover};
  135. z-index:9999;
  136. -webkit-transition:all 0.9s ease-in-out;
  137. -moz-transition:all 0.9s ease-in-out;
  138. -o-transition:all 0.9s ease-in-out;
  139. transition:all 0.9s ease-in-out;}
  140.  
  141. .wrapper:hover .links, .wrapper:focus .links {
  142. opacity:.977;
  143. z-index:9999;
  144. }
  145.  
  146. .sidebar {
  147. position:fixed;
  148. width:520px;
  149. height:409px;
  150. margin-left:50px;
  151. margin-top:0px;
  152. text-align:center;
  153. color:{color:text};
  154. background-color:{color:PostBG};
  155. transition-duration: 0.5s;}
  156.  
  157. .title {
  158. position:relative;
  159. display:block;
  160. text-align:center;
  161. padding-top:12px;
  162. padding-bottom:5px;
  163. margin-top:403px;
  164. font-family:'courier new';
  165. font-style:normal;
  166. font-weight:normal;
  167. text-transform:uppercase;
  168. font-size:15px;
  169. color:{color:text};
  170. background-color:{color:PostBG};
  171. z-index:-99;}
  172.  
  173. .sidebarimg {
  174. position:fixed;
  175. margin-top:-438px;
  176. margin-left; 10px;
  177. z-index:999999;
  178. }
  179.  
  180. .sidebarimg img {
  181. width:520px;
  182. height:410px;
  183. }
  184.  
  185. .links {
  186. position:fixed;
  187. display:inline-block;
  188. text-align:center;
  189. margin-top:-80px;
  190. z-index:9999;}
  191.  
  192. .links a {
  193. display:block;
  194. position:right;
  195. margin-left:95px;
  196. margin-right:0px;
  197. margin-top:80px;
  198. margin-bottom:-121px;
  199. padding:5px;
  200. width:240px;
  201. font-family:'courier new';
  202. font-style:normal;
  203. font-weight:normal;
  204. text-decoration:none;
  205. text-transform:uppercase;
  206. font-size:10px;
  207. color:{color:SBLinks};
  208. background-color:{color:SBLinksBg};
  209. z-index:9999;
  210. -webkit-transition:all 0.5s ease-in-out;
  211. -moz-transition:all 0.5s ease-in-out;
  212. -o-transition:all 0.5s ease-in-out;
  213. transition:all 0.5s ease-in-out;}
  214.  
  215. .links a:hover {
  216. text-decoration:none;
  217. color:{color:Hover};
  218. background-color: {color:background};
  219. -webkit-transition:all 0.5s ease-in-out;
  220. -moz-transition:all 0.5s ease-in-out;
  221. -o-transition:all 0.5s ease-in-out;
  222. transition:all 0.5s ease-in-out;}
  223.  
  224. .description {
  225. display:block;
  226. height:196px;
  227. width:290px;
  228. padding:10px;
  229. margin-top:35px;
  230. margin-left:65px;
  231. text-align:left;
  232. font-size:15px;
  233. font-family:'courier new';
  234. overflow:auto;
  235. color:{color:PostBG};
  236. background-color:{color:descBG};
  237. z-index:9999;
  238. }
  239.  
  240. .pagination {
  241. font-size:50px;
  242. padding:5px;
  243. position:absolute;
  244. text-align:center;
  245. width:390px;
  246. height:12px;
  247. font-family:'courier new';
  248. margin-top:-2px;
  249. margin-left:60px;
  250. background-color:{color:Links};
  251. }
  252.  
  253. .pagination a {
  254. color:{color:PostBG};
  255. padding:2px 5px;
  256. }
  257.  
  258. .pagination a:hover{
  259. text-decoration:none;
  260. color:{color:hover};
  261. -webkit-transition:all 0.5s ease-in-out;
  262. -moz-transition:all 0.5s ease-in-out;
  263. -o-transition:all 0.5s ease-in-out;
  264. transition:all 0.5s ease-in-out;}
  265.  
  266. /*END SIDEBAR*/
  267.  
  268. /*POSTS*/
  269.  
  270. .posts {
  271. width:520px;
  272. margin-left:620px;
  273. margin-top:120px;
  274. }
  275.  
  276. .entries {
  277. width:500px;
  278. padding:10px;
  279. background-color:{color:PostBG}; }
  280.  
  281. .info {
  282. display:block;
  283. padding:10px;
  284. font-family:'courier new';
  285. font-style:italic;
  286. color:{color:Post links};
  287. background-color:{color:InfoBG};
  288. margin-bottom:20px;}
  289.  
  290. .info a {
  291. color:{color:Post Links};
  292. -webkit-transition:all 0.5s ease-in-out;
  293. -moz-transition:all 0.5s ease-in-out;
  294. -o-transition:all 0.5s ease-in-out;
  295. transition:all 0.5s ease-in-out;}
  296.  
  297. .info a:hover {
  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. .tags a {
  305. display:inline-block;
  306. margin-right:5px;
  307. background-color:{color:InfoBG};
  308. color:{color:Post Links};}
  309.  
  310. .post_title {
  311. display:block;
  312. padding:5px;
  313. text-align:center;
  314. font-size:15px;
  315. font-family:'courier new';
  316. text-transform:uppercase;
  317. font-style:italic;}
  318.  
  319. .text {
  320. display:block;
  321. padding:5px;
  322. text-align:justify;
  323. color:{color:text};
  324. }
  325.  
  326. .photo img {
  327. display:block;
  328. margin-bottom:5px; }
  329.  
  330. .quote {
  331. display:block;
  332. padding:10px;
  333. text-align:center;
  334. font-size:20px;
  335. font-family:'cambria';
  336. font-style:italic;
  337. border-top:5px solid {color:scrollbar};
  338. color:{color:postbg};
  339. background-color:{color:InfoBG};}
  340.  
  341. .source {
  342. display:block;
  343. padding:5px;
  344. text-align:right;
  345. font-size:9px;}
  346.  
  347. .chat li {
  348. display:block;
  349. padding:5px;
  350. color:{color:text};}
  351.  
  352. .audioimg img {
  353. width:100px;
  354. height:100px;
  355. color:{color:text};
  356. font-family:'helvetica';
  357. text-align:center;
  358. text-transform:uppercase;}
  359.  
  360. .audioinfo {
  361. color:{color:Text};}
  362.  
  363. .question {
  364. display:block;
  365. margin-top:15px;
  366. text-align:center;
  367. text-transform:Uppercase;
  368. font-size:12px;
  369. font-family:'courier new'';
  370. font-style:normal;
  371. min-height:70px;
  372. width:500px;
  373. color:{color:PostBG};
  374. background-color:{color:Text};
  375. line-height:290%;}
  376.  
  377. .question img {
  378. background-color:{color:PostBG};
  379. margin-right:5px;;
  380. margin-bottom:-28px;
  381. color:{color:PostBG};}
  382.  
  383. .asker{
  384. color:{color:SBLinksBG};
  385. font-family:'Courier New';
  386. font-size:15px;
  387. display:block;
  388. text-transform:uppercase;
  389. text-align:center;
  390. margin-top:-15px;
  391. background-image:url('{image:AskBG}');
  392. background-color:{color:ScrollbarBG};
  393. padding:-5px;
  394. letter-spacing:2px;}
  395. /*END POSTS*/
  396.  
  397. /*CREDIT DO NOT REMOVE*/
  398. .credit{
  399. position:fixed;
  400. font-family:'cambria';
  401. text-transform:lowercase;
  402. font-style:italic;
  403. text-align:center;
  404. font-size:14px;
  405. background-color:{color:PostBG};
  406. color:{color:text};
  407. width:50px;
  408. bottom:2px;
  409. right:2px;
  410. height:15px;
  411. padding:5px;
  412. border:2px solid {color:DescBG};}
  413.  
  414. #cred a {
  415. color:{color:PostBG};
  416. }
  417.  
  418. /*SCROLLBAR*/
  419.  
  420. ::-webkit-scrollbar {
  421. height:7px;
  422. width:7px;
  423. background-color:{color:scrollbar};}
  424.  
  425. ::-webkit-scrollbar-thumb {
  426. height:auto;
  427. background-color:{color:scrollbarbg};}
  428.  
  429. /*END SCROLLBAR*/
  430.  
  431. </style>
  432.  
  433. </head>
  434.  
  435. <body>
  436.  
  437. <!--SIDEBAR-->
  438. </ul>
  439.  
  440. </div>
  441. </div>
  442. <div class="wrapper">
  443. <ul class="links">
  444. <img src="{image:HoverBG}"/>
  445. <div class="description">
  446. {Description}
  447. </div>
  448. {block:ifLink4}<a href="{text:URL4}">{text:Link4}</a>{/block:ifLink4}
  449. {block:ifLink3}<a href="{text:URL3}">{text:Link3}</a>{/block:ifLink3}
  450. {block:ifLink2}<a href="{text:URL2}">{text:Link2}</a>{/block:ifLink2}
  451. {block:ifLink1}<a href="{text:URL1}">{text:Link1}</a>{/block:ifLink1}
  452. </div>
  453. <div class="sidebar">
  454.  
  455. <div class="title">{Title}</div>
  456. <div class="sidebarimg">
  457. <img src="{image:sidebar}"/>
  458. </div>
  459.  
  460. {block:Pagination}
  461. <div class="pagination">
  462. {block:PreviousPage}
  463. <a href="{PreviousPage}">←</a>
  464. {/block:PreviousPage}
  465.  
  466. {block:NextPage}
  467. <a href="{NextPage}">→</a>
  468. {/block:NextPage}
  469. </div>
  470. {/block:Pagination}
  471.  
  472. </div>
  473.  
  474. <!--END SIDEBAR-->
  475.  
  476. <!--POSTS-->
  477.  
  478. <div class="posts">
  479.  
  480. {block:Posts}
  481.  
  482. <div class="entries">
  483.  
  484. <!--TEXT POSTS-->
  485.  
  486. {block:Text}
  487.  
  488. {block:Title}<div class="post_title">{Title}</div>{/block:Title}
  489. <div class="text">{Body}</div>
  490.  
  491. {/block:Text}
  492.  
  493. <!--END TEXT POSTS-->
  494.  
  495. <!--PHOTO POSTS-->
  496.  
  497. {block:Photo}
  498.  
  499. <div class="photo"><center><img src="{PhotoURL-500}"/></center></div>
  500. <div class="text">{Caption}</div>
  501.  
  502. {/block:Photo}
  503.  
  504. <!--END PHOTO POSTS-->
  505.  
  506. <!--PHOTOSET POSTS-->
  507.  
  508. {block:Photoset}
  509.  
  510. <center><div class="photo">{Photoset-500}</div></center>
  511. <div class="text">{Caption}</div>
  512.  
  513. {/block:Photoset}
  514.  
  515. <!--END PHOTOSET POSTS-->
  516.  
  517. <!--QUOTE POSTS-->
  518.  
  519. {block:Quote}
  520.  
  521. <div class="quote">"{Quote}"</div>
  522. <div class="source">{Source}</div>
  523.  
  524. {/block:Quote}
  525.  
  526. <!--END QUOTE POSTS-->
  527.  
  528. <!--LINK POSTS-->
  529.  
  530. {block:Link}
  531.  
  532. <div class="post_title"><a href="{URL}">{Name} &rarr;</a></div>
  533. {block:Description}<div class="text">{Description}</div>{/block:Description}
  534.  
  535. {/block:Link}
  536.  
  537. <!--END LINK POSTS-->
  538.  
  539. <!--CHAT POSTS-->
  540.  
  541. {block:Chat}
  542.  
  543. {block:Title}<div class="post_title">{Title}</div>{/block:Title}
  544. <div class="chat">
  545. <ul>
  546. {block:Lines}<li class="{Alt}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</li>{/block:Lines}
  547. </ul>
  548. </div>
  549.  
  550. {/block:Chat}
  551.  
  552. <!--END CHAT POSTS-->
  553.  
  554. <!--AUDIO POSTS-->
  555.  
  556. {block:Audio}
  557.  
  558. <table>
  559. <tr>
  560. <td>
  561. {block:AlbumArt}<div class="audioimg"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  562. </td>
  563. <td>
  564. <div class="audioplayer">{AudioPlayerBlack}</div>
  565. <div class="audioinfo">{block:Artist}<b>Name</b>: {Artist}{/block:Artist}<br>
  566. {block:Album}<b>Album</b>: {Album}{/block:Album}<br>
  567. {block:TrackName}<b>Track</b>: {TrackName}{/block:TrackName}</div>
  568. </td>
  569. </tr>
  570. </table>
  571. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  572.  
  573. {/block:Audio}
  574.  
  575. <!--END AUDIO POSTS-->
  576.  
  577. <!--VIDEO POSTS-->
  578.  
  579. {block:Video}
  580.  
  581. <center><div class="photo">{VideoEmbed-500}</div></center>
  582. <div class="text">{Caption}</div>
  583.  
  584. {/block:Video}
  585.  
  586. <!--END VIDEO POSTS-->
  587.  
  588. <!--ANSWER POSTS-->
  589.  
  590. {block:Answer}
  591.  
  592. <div class="question">{Asker} {Question}</div>
  593. <div class="text">{Answer}</div>
  594.  
  595. {/block:Answer}
  596.  
  597. <!--END ANSWER POSTS-->
  598.  
  599. </div>
  600.  
  601. <div class="info">
  602. 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>
  603. {block:HasTags}
  604. <div class="tags">tagged as: {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>
  605. {/block:HasTags}
  606. </div>
  607.  
  608. {/block:Posts}
  609.  
  610. </div>
  611. <div class="credit">
  612. <a href="http://lexaofrp.tumblr.com/" title="THEME BY LEXAOFRP">lexaofrp</a>
  613.  
  614. <!--END POSTS-->
  615.  
  616. </body>
  617.  
  618. </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!