Advertisement
lexaofrp

THEME 1: BECKY

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