API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Apr 26th, 2015
174
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.45 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="https://38.media.tumblr.com/e6f2d1c8852ba7b4b71f8b4111640166/tumblr_inline_nn3t2a5sJy1qlalnb_500.gif">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12.  
  13. <!--- This is a base code by lexaofrp! You are free to remove any of my credit and replace it as your own. If you make minimal or no edits please leave the credit where it is and how it is! Do not redistribute if you made no major changes or no changes at all. Feel free too contact me fi you have any questions @ lexaofrp--->
  14.  
  15.  
  16. <!------These are the pictures you can insert into your theme------->
  17.  
  18. <meta name="image:Background" content="https://41.media.tumblr.com/310b5badcc1829e4c9644c07e30ea399/tumblr_inline_nnaqri4W2e1tqbaxc_540.png">
  19.  
  20. <!---colors. All of these are available to customize at the main screen so that's pretty nice. You can have as many as you want--->
  21.  
  22. <meta name="color:Background" content="#0a734e"/>
  23. <meta name="color:Text" content="#45966e"/>
  24. <meta name="color:SBLinks" content="#ffffff" />
  25. <meta name="color:SBLinksBG" content="#56bf4b"/>
  26. <meta name="color:Border" content="#347153"/>
  27. <meta name="color:Post Links" content="#ffffff"/>
  28. <meta name="color:Hover" content="#45993c"/>
  29. <meta name="color:Scrollbar" content="#56bf4b"/>
  30. <meta name="color:InfoBG" content="#56bc8a"/>
  31.  
  32. <!---These are your links. If you want more you have to add them here and in your html! --->
  33.  
  34. <meta name="text:Home URL" content="/">
  35. <meta name="text:Home" content="▼">
  36. <meta name="text:Ask URL" content="/">
  37. <meta name="text:Ask" content="▼">
  38. <meta name="text:Link 1 URL" content="/">
  39. <meta name="text:Link 1" content="▼">
  40. <meta name="text:Link 2 URL" content="/">
  41. <meta name="text:Link 2" content="▼">
  42. <meta name="text:Link 3 URL" content="/">
  43. <meta name="text:Link 3" content="▼">
  44. <meta name="text:Link 4 URL" content="/">
  45. <meta name="text:Link 4" content="▼">
  46. <meta name="image:thekey" content=""/>
  47.  
  48. <style type="text/css">
  49. #bite
  50. #bite a{
  51. display:block
  52. }
  53. #bite .death {
  54. margin-top:20px;filter: alpha(opacity = 0);
  55. opacity:0;-webkit-transition: all 0.5s ease-out;
  56. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  57. }
  58.  
  59. #bite:hover .death {
  60. margin-top:20px;
  61. -webkit-transition: all 0.8s ease-out;
  62. -moz-transition: all 0.8s ease-out;
  63. transition: all 0.8s ease-out;
  64. filter: alpha(opacity = 100);
  65. filter: alpha(opacity = 100);
  66. opacity:100;
  67. }
  68. blockquote { /*what your blockquotes will look like*/
  69. font-size:10px;
  70. font-family:'times new roman';
  71. max-width:500px;
  72. border-left:2px solid{color:text};
  73. padding:14px;
  74. color:{color:text};
  75. background-color:transparent;}
  76.  
  77. code {/*what your code will look like*/
  78. font-size:14px;
  79. font-family:'times new roman';
  80. color:{color:text};
  81. text-transform:uppercase;}
  82.  
  83. pre {/*what your pre will look like*/
  84. font-family:'times new roman';
  85. text-align:center;
  86. font-size:14px;
  87. max-width:500px;
  88. padding:10px ;
  89. color:{color:SBLinksBG};
  90. background-color: {color:SBLinks};}h1{/*what your h1 will look like*/
  91. font-family:'times new roman';
  92. font-size:15px;
  93. text-align:center;
  94. text-transform:uppercase;
  95. background-color:{color:infobg};
  96. color:{color:postBG};
  97. border-top:5px solid {color:PostBG};
  98. padding-top:8px;
  99. padding-bottom:5px;}
  100. /*YOUR THEME BASICS*/
  101. body {/*This is your body, if you want to change the font of your posts change it here*/
  102. font-family: 'times new roman';
  103. font-size:14px;
  104. background-image:url('{image:background}');
  105. background-attachment:top left;
  106. background-repeat: no-repeat;
  107. color:{color:background};
  108. background-color:{color:background}; }
  109. a {/*post links and things*/
  110. color:{color:SBLinksBG};
  111. text-decoration:none;
  112. -webkit-transition:all 0.5s ease-in-out;
  113. -moz-transition:all 0.5s ease-in-out;
  114. -o-transition:all 0.5s ease-in-out;
  115. transition:all 0.5s ease-in-out;}
  116. a:hover {
  117. color:{color:SBLinksBG};
  118. text-decoration:none;
  119. -webkit-transition:all 0.5s ease-in-out;
  120. -moz-transition:all 0.5s ease-in-out;
  121. -o-transition:all 0.5s ease-in-out;
  122. transition:all 0.5s ease-in-out;}
  123.  
  124.  
  125. /*END OF THE BASICS*/
  126.  
  127. /*SIDEBAR AND OTHER ESSENTIALS*/
  128.  
  129. .links {
  130. position:fixed;
  131. width:600px;
  132. height:20px;
  133. margin-left:190px;
  134. margin-top:0px;
  135. text-align:center;
  136. z-index:99999;/*the ease in-ease out properties have to do with transition duration. make sure you have all of the ones I have or the transition won't work on some browsers*/
  137. }
  138.  
  139. .links a {
  140. display:inline-block;/*the links will be in a column. you can make them be in two rows like i have by toggling the width of the links (not links a). you can also set it to block and the links will be in one row*/
  141. position:center;
  142. padding:7px;
  143. width:70px;
  144. font-family:'times new roman';
  145. font-style:normal;
  146. font-weight:normal;
  147. text-decoration:none;/*you can have underline, overline, line through or none*/
  148. text-transform:uppercase;
  149. font-size:45px;
  150. color:{color:SBLinks};
  151. background-color:transparent;
  152. -webkit-transition:all 0.5s ease-in-out;
  153. -moz-transition:all 0.5s ease-in-out;
  154. -o-transition:all 0.5s ease-in-out;
  155. transition:all 0.5s ease-in-out;}
  156.  
  157. .links a:hover {
  158. text-decoration:none;
  159. color:{color:Hover};
  160. -webkit-transition:all 0.5s ease-in-out;
  161. -moz-transition:all 0.5s ease-in-out;
  162. -o-transition:all 0.5s ease-in-out;
  163. transition:all 0.5s ease-in-out;}
  164. }
  165.  
  166. .pagination {/*your next page and back a page thing! It works like your links!*/
  167. display:block;
  168. position:fixed;
  169. margin-top:405px;
  170. margin-left:192px;
  171. width:120px;
  172. height:23px;
  173. padding-top:7px;
  174. z-index:9;
  175. text-align:center;}
  176.  
  177. .pagination a {
  178. display:inline-block;
  179. font-family:'times new roman';
  180. font-weight:normal;
  181. text-decoration:none;
  182. text-transform:uppercase;
  183. font-size:12px;
  184. color:{color:border};
  185. -webkit-transition:all 0.5s ease-in-out;
  186. -moz-transition:all 0.5s ease-in-out;
  187. -o-transition:all 0.5s ease-in-out;
  188. transition:all 0.5s ease-in-out;
  189. z-index:9;
  190. }
  191.  
  192. .pagination a:hover{
  193. text-decoration:none;
  194. color:{color:hover};
  195. -webkit-transition:all 0.5s ease-in-out;
  196. -moz-transition:all 0.5s ease-in-out;
  197. -o-transition:all 0.5s ease-in-out;
  198. transition:all 0.5s ease-in-out;}
  199.  
  200.  
  201. /*END SIDEBAR*/
  202.  
  203. /*POSTS*/
  204. .container{/*container for your posts. this is optional, if you don't want it delete this and the div in the html!*/
  205. position:fixed;
  206. overflow:auto;
  207. height:470px;
  208. width:530px;
  209. margin-left:224px;
  210. margin-top:76px;
  211. }
  212. .posts { /*your glorious posts!*/
  213. width:520px;
  214. color:{color:text};}
  215.  
  216. .entries {/*entries are INSIDE posts*/
  217. width:500px;
  218. padding:10px;
  219. padding-bottom:10px;
  220. color:{color:text};
  221. background-color:transparent;}
  222.  
  223. .info {/*# of notes, the time posted, etc*/
  224. display:block;
  225. padding:10px;
  226. font-family:'times new roman';
  227. font-style:none;
  228. text-align:center;
  229. color:{color:Post links};
  230. background-color:{color:InfoBG};
  231. margin-top:0px;
  232. margin-bottom:30px;
  233. margin-left:0px;
  234. width:500px;}
  235.  
  236. .info a {
  237. color:{color:Post Links};
  238. -webkit-transition:all 0.5s ease-in-out;
  239. -moz-transition:all 0.5s ease-in-out;
  240. -o-transition:all 0.5s ease-in-out;
  241. transition:all 0.5s ease-in-out;}
  242.  
  243. .info a:hover {
  244. color:{color:hover};
  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. .tags{
  251. text-align:center;
  252. }
  253.  
  254. .tags a {
  255. display:inline-block;
  256. margin-right:5px;
  257. background-color:{color:InfoBG};
  258. color:{color:Post Links};}
  259.  
  260. /*POST TYPES AND POST ATTRIBUTES*/
  261.  
  262. .post_title {
  263. display:block;
  264. padding:5px;
  265. text-align:center;
  266. font-size:20px;
  267. font-family:'times new roman';
  268. text-transform:uppercase;
  269. font-style:none;}
  270.  
  271. .text {
  272. display:block;
  273. padding:5px;
  274. text-align:justify;
  275. color:{color:Text};
  276. }
  277.  
  278. .photo img {
  279. display:block;
  280. margin-bottom:5px; }
  281.  
  282. .quote {
  283. display:block;
  284. padding:10px;
  285. text-align:center;
  286. font-size:20px;
  287. font-family:'cambria';
  288. font-style:italic;
  289. color:{color:text};
  290. background-color:transparent;}
  291.  
  292. .source {
  293. display:block;
  294. padding:5px;
  295. text-align:right;
  296. font-size:14px;}
  297.  
  298. .chat li {
  299. display:block;
  300. padding:5px;
  301. color:{color:text};}
  302.  
  303. .audioimg img {
  304. width:100px;
  305. height:100px;
  306. color:{color:text};
  307. font-family:'times new roman';
  308. text-align:center;
  309. text-transform:uppercase;}
  310.  
  311. .audioinfo {
  312. color:{color:Text};}
  313.  
  314. .question {
  315. display:block;
  316. margin-top:12px;
  317. text-align:center;
  318. text-transform:Uppercase;
  319. font-size:14px;
  320. font-family:'times new roman'';
  321. font-style:normal;
  322. min-height:40px;
  323. width:500px;
  324. color:{color:text};
  325. background-color:transparent;
  326. line-height:25px;}
  327.  
  328. .question img {
  329. margin-right:5px;
  330. margin-bottom:-10px;}
  331.  
  332. .asker{
  333. color:{color:text};
  334. font-family:'times new roman';
  335. font-size:14px;
  336. display:block;
  337. text-align:right;
  338. height:20px;
  339. padding-top:5px;
  340. margin-top:-7px;
  341. margin-bottom:-22px;
  342. background-color:transparent;
  343. padding-bottom:5px;
  344. letter-spacing:2px;
  345. z-index:99999;
  346. }
  347.  
  348. /*NOTES DO NOT REMOVE*/
  349. .notes {
  350. font-family:'times new roman';
  351. text-align:center;
  352. text-transform:uppercase;
  353. font-size:14px;
  354. width:520px;
  355. margin-left:-30px;
  356. margin-top:20px;
  357. color:{color:text};
  358. background-color:rgba(0,0,0,0);/*the rgba thing makes it transparent*/
  359. }
  360.  
  361. .notes a{
  362. color:{color:SBLINKSBG};
  363. }
  364.  
  365. .notes li{
  366. list-style-type:none;
  367. background-color:rgba(0,0,0,0);
  368. padding:5px;
  369. }
  370.  
  371. .notes img {
  372. opacity:0;
  373. display:none;
  374. }
  375. /*END NOTES*/
  376. /*END POSTS*/
  377.  
  378. ::-webkit-scrollbar {/*your scrollbar*/
  379. height:7px;
  380. width:7px;
  381. background-color:transparent;}
  382.  
  383. ::-webkit-scrollbar-thumb {
  384. height:auto;
  385. background-color:{color:scrollbar};}
  386. {CustomCSS}
  387. #actualnews {
  388. font-family:calibri;
  389. font-size:11px;
  390. color: #ffffff;
  391. width:100px;
  392. height:auto;
  393. padding-top:3px;
  394. border:1px solid #b8b8b8;
  395. margin-left: 30px;
  396. margin-top:10px;
  397. text-align:center;
  398. position:fixed;
  399. }
  400.  
  401. #thekey img{
  402. width:60px;
  403. margin-top: -40px;
  404. margin-left: 65px;
  405. position:fixed;
  406. }
  407. </style>
  408.  
  409. </head>
  410. <!--HTML-->
  411. <body>
  412.  
  413. </ul>
  414. <div class="links">
  415. {block:ifHome}<a href="{text:Home URL}">{text:Home}</a>{/block:ifHome}
  416. {block:ifAsk}<a href="{text:Ask URL}">{text:Ask}</a>{/block:ifAsk}
  417. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  418. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  419. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  420. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}
  421. <!--- add more links by copy and pasting whats above until you hav eyour desired amount!--->
  422.  
  423. </div>
  424.  
  425. {block:Pagination}
  426. <div class="pagination">
  427. {block:PreviousPage}
  428. <a href="{PreviousPage}">← sink</a>
  429. {/block:PreviousPage}
  430.  
  431. {block:NextPage}
  432. <a href="{NextPage}">float →</a>
  433. {/block:NextPage}
  434. </div>
  435. {/block:Pagination}
  436.  
  437. </div>
  438. </div></div>
  439. </div>
  440. <!--POSTS-->
  441. <div class="container">
  442. <div class="posts">
  443.  
  444. {block:Posts}
  445.  
  446. <div class="entries">
  447.  
  448. <!--TEXT POSTS-->
  449.  
  450. {block:Text}
  451.  
  452. {block:Title}<div class="post_title">{Title}</div>{/block:Title}
  453. <div class="text">{Body}</div>
  454.  
  455. {/block:Text}
  456.  
  457. <!--END TEXT POSTS-->
  458.  
  459. <!--PHOTO POSTS-->
  460.  
  461. {block:Photo}
  462.  
  463. <div class="photo"><center><img src="{PhotoURL-500}"/></center></div>
  464. <div class="text">{Caption}</div>
  465.  
  466. {/block:Photo}
  467.  
  468. <!--END PHOTO POSTS-->
  469.  
  470. <!--PHOTOSET POSTS-->
  471.  
  472. {block:Photoset}
  473.  
  474. <center><div class="photo">{Photoset-500}</div></center>
  475. <div class="text">{Caption}</div>
  476.  
  477. {/block:Photoset}
  478.  
  479. <!--END PHOTOSET POSTS-->
  480.  
  481. <!--QUOTE POSTS-->
  482.  
  483. {block:Quote}
  484.  
  485. <div class="quote">"{Quote}"</div>
  486. <div class="source">{Source}</div>
  487.  
  488. {/block:Quote}
  489.  
  490. <!--END QUOTE POSTS-->
  491.  
  492. <!--LINK POSTS-->
  493.  
  494. {block:Link}
  495.  
  496. <div class="post_title"><a href="{URL}">{Name} &rarr;</a></div>
  497. {block:Description}<div class="text">{Description}</div>{/block:Description}
  498.  
  499. {/block:Link}
  500.  
  501. <!--END LINK POSTS-->
  502.  
  503. <!--CHAT POSTS-->
  504.  
  505. {block:Chat}
  506.  
  507. {block:Title}<div class="post_title">{Title}</div>{/block:Title}
  508. <div class="chat">
  509. <ul>
  510. {block:Lines}<li class="{Alt}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</li>{/block:Lines}
  511. </ul>
  512. </div>
  513.  
  514. {/block:Chat}
  515.  
  516. <!--END CHAT POSTS-->
  517.  
  518. <!--AUDIO POSTS-->
  519.  
  520. {block:Audio}
  521.  
  522. <table>
  523. <tr>
  524. <td>
  525. {block:AlbumArt}<div class="audioimg"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  526. </td>
  527. <td>
  528. <div class="audioplayer">{AudioPlayerBlack}</div>
  529. <div class="audioinfo">{block:Artist}<b>Name</b>: {Artist}{/block:Artist}<br>
  530. {block:Album}<b>Album</b>: {Album}{/block:Album}<br>
  531. {block:TrackName}<b>Track</b>: {TrackName}{/block:TrackName}</div>
  532. </td>
  533. </tr>
  534. </table>
  535. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  536.  
  537. {/block:Audio}
  538.  
  539. <!--END AUDIO POSTS-->
  540.  
  541. <!--VIDEO POSTS-->
  542.  
  543. {block:Video}
  544.  
  545. <center><div class="photo">{VideoEmbed-500}</div></center>
  546. <div class="text">{Caption}</div>
  547.  
  548. {/block:Video}
  549.  
  550. <!--END VIDEO POSTS-->
  551.  
  552. <!--ANSWER POSTS-->
  553.  
  554. {block:Answer}<div id="answer">
  555. <div class="question">
  556. <div class="asker">{Asker}</div><br/><div class="q">{Question}</div></div>
  557. {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}
  558.  
  559. <!--END ANSWER POSTS-->
  560. </div>
  561. <div class="info">
  562. {12Hour}:{Minutes}{CapitalAmPm} | {TimeAgo}
  563. | <a><a href="{Permalink}">{NoteCountWithLabel}</a></a><br>
  564. {block:HasTags}
  565. <div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>
  566. {/block:HasTags}</div>
  567. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  568. {/block:Posts}
  569.  
  570. </div>
  571. {/block:PermalinkPage}
  572. </div>
  573.  
  574. </div>
  575. </div>
  576. </div>
  577. </div>
  578. <!--END POSTS-->
  579.  
  580. <div id="bite">
  581. <div id="thekey"><img src="{image:thekey}"></div>
  582. <div class="death">
  583. <div id="actualnews">
  584. Independent Selective Peridot rp blog from Steven's Universe
  585. <p>
  586. Please Read the rules.
  587. <p>
  588. Blog was made on 4/23/2015
  589. </div>
  590. </div></div>
  591.  
  592. </body>
  593. </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!