API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Apr 19th, 2014
408
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.50 KB | None | 0 0
raw download clone embed print report
  1. <!--HERES THE CODE... PLEASE
  2. DO NOT REMOVE THE CREDIT.
  3. ENJOY!!!! XX-->
  4.  
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  6. <html xmlns="http://www.w3.org/1999/xhtml">
  7. <head>
  8. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  9. <title>{title}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}
  13. <meta name="description" content="{MetaDescription}" />
  14. {/block:Description}
  15. <meta name="color:first color" content="#ACACAC" />
  16. <meta name="color:second color" content="#f8f8f8" />
  17. <meta name="color:third color" content="#ffffff" />
  18. <meta name="color:fourth color" content="#7d7d7d" />
  19. <meta name="color:fifth color" content="#8DEEEE" />
  20. <meta name="color:sixt color" content="#f1f1f1" />
  21.  
  22. <meta name="image:background" content="" />
  23.  
  24. <meta name="if:FadingImages" content="0"/>
  25.  
  26. <meta name="text:Link1URL" content=""/>
  27. <meta name="text:Link2URL" content=""/>
  28. <meta name="text:Link3URL" content=""/>
  29. <meta name="text:Link4URL" content=""/>
  30. <meta name="text:Link9URL" content=""/>
  31. <meta name="text:Link1" content=""/>
  32. <meta name="text:Link2" content=""/>
  33. <meta name="text:Link3" content=""/>
  34. <meta name="text:Link4" content=""/>
  35. <meta name="image:updatespic" content=”“/>
  36.  
  37.  
  38.  
  39.  
  40.  
  41. </head>
  42. <style>
  43.  
  44.  
  45.  
  46. #tab
  47.  
  48. #tab a{
  49. display:block
  50. }
  51.  
  52. #tab .update {
  53. margin-top:0px;filter: alpha(opacity = 0);
  54. opacity:0;-webkit-transition: all 0.5s ease-out;
  55. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  56. }
  57.  
  58. #tab:hover .update {
  59. margin-top:0px;
  60. -webkit-transition: all 0.8s ease-out;
  61. -moz-transition: all 0.8s ease-out;
  62. transition: all 0.8s ease-out;
  63. filter: alpha(opacity = 100);
  64. filter: alpha(opacity = 100);
  65. opacity:100;
  66.  
  67. }
  68.  
  69. #news {
  70. font-family:times new roman;
  71. font-size:8px;
  72. color: #454545;
  73. width:120px;
  74. line-height:170%;
  75. border:0px solid #f1f1f1;
  76. margin-left: 1075px;
  77. margin-top:360px;
  78. text-align:center;
  79. letter-spacing:1px;
  80. padding:5px;
  81. position:fixed;
  82. }
  83.  
  84. #updatespic img{
  85. width:100px;
  86. margin-top: 545px;
  87. margin-left: 1090px;
  88. position:fixed;
  89. }
  90.  
  91.  
  92.  
  93.  
  94.  
  95.  
  96.  
  97.  
  98.  
  99. body {
  100. background:url({image:background}) white;
  101. padding:0px;
  102. margin:0px;
  103. font-family:Arial, Helvetica, sans-serif;
  104. color:{color:first color};
  105. font-size:11px;
  106. }
  107.  
  108. a {
  109. color:{color:THIRD color};
  110. text-decoration:none;
  111. -webkit-transition: all 0.5s ease-in-out;
  112. -moz-transition: all 0.5s ease-in-out;
  113. -o-transition: all 0.5s ease-in-out;
  114. transition: all 0.5s ease-in-out;
  115. }
  116.  
  117. a:hover {
  118. color:{color:fourth color};
  119. }
  120.  
  121. blockquote {
  122. border-left:5px solid {color:first color};
  123. padding-left:5px;
  124. }
  125.  
  126. header {
  127. background:{color:fifth color};
  128. display:block;
  129. text-align:center;
  130.  
  131. }
  132.  
  133. img {
  134. display:block;
  135. margin:0px;
  136. max-width:100%;
  137. }
  138.  
  139. /* main menu styling */
  140.  
  141. /* menu container */
  142. menu {
  143. background:{color:first color};
  144. padding:5px;
  145. text-align:center;
  146. color:{color:third color};
  147. margin:0px;
  148. font-size:12px;
  149. font-weight:700;
  150. }
  151.  
  152. /* menu links */
  153. menu a {
  154. color:{color:third color};
  155. margin:5px;
  156. -webkit-transition: all 0.5s ease-in-out;
  157. -moz-transition: all 0.5s ease-in-out;
  158. -o-transition: all 0.5s ease-in-out;
  159. transition: all 0.5s ease-in-out;
  160. }
  161.  
  162. menu a:hover {
  163. background:{color:third color};
  164. color:{color:first color};
  165. margin:0px;
  166. padding:5px;
  167. padding-left:20px;
  168. padding-right:20px;
  169. }
  170.  
  171. /* blog's description style */
  172. .description {
  173. padding:10px;
  174. display:block;
  175. text-align:center;
  176. background:{color:sixt color};
  177. color:{color:fourth color};
  178. font-size:10px;
  179. margin-bottom:25px;
  180. }
  181.  
  182. /* posts container */
  183.  
  184. #content {
  185. margin-top:25px;
  186. margin-left:auto;
  187. margin-right:auto;
  188. width:650px;
  189. }
  190.  
  191. /* posts style */
  192. .post {
  193. padding:25px;
  194. width:500px;
  195. display:block;
  196. background:{color:third color};
  197. display:inline-block;
  198. }
  199.  
  200. /* post title */
  201. h2 {
  202. font-size:20px;
  203. font-weight:700;
  204. margin:0px 0px 10px 0px;
  205. color:{color:first color};
  206. }
  207.  
  208. a. h2 {
  209. color:{color:first color};
  210. }
  211.  
  212. /* posts info style */
  213.  
  214. .information {
  215. height:100%;
  216. background:#fff;
  217. color:gray;
  218. width:100px;
  219. text-align:center;
  220. }
  221.  
  222. /* posts info's links */
  223.  
  224. .information a {
  225. color:gray;
  226. }
  227.  
  228. /* note count */
  229.  
  230. .notec {
  231. text-align:center;
  232. padding:3px;
  233. border-top:1px DOTTED {color:fourth color};
  234. border-bottom:1px DOTTED{color:fourth color};
  235. margin-top:10px;
  236. display:block;
  237. }
  238.  
  239. /*fading images */
  240. {block:ifFadingImages}
  241. #content img, .html_photoset {
  242. opacity:.7;
  243. -webkit-transition: all 0.5s ease-in-out;
  244. -moz-transition: all 0.5s ease-in-out;
  245. -o-transition: all 0.5s ease-in-out;
  246. transition: all 0.5s ease-in-out;
  247. }
  248.  
  249. #content img:hover, .html_photoset:hover {
  250. opacity:1;
  251. }
  252. {/block:ifFadingImages}
  253.  
  254. /* date and month style */
  255. .date {
  256. font-size:16px;
  257. font-weight:700;
  258. display:block;
  259. }
  260.  
  261. .month {
  262. display:block;
  263. text-transform:lowercase;
  264. font-size:10px;
  265. font-weight:700;
  266. margin-top:10px;
  267. }
  268.  
  269. /* reblog and like button positioning */
  270.  
  271. .reblog {
  272. display:inline-block;
  273. margin:5px;
  274. margin-top:20px;
  275. }
  276.  
  277. /* quote posts style */
  278.  
  279. .quote {
  280. font-size:20px;
  281. }
  282.  
  283. /* ask posts style */
  284.  
  285. .ask {
  286. padding:5px;
  287. background:{color:second color};
  288. }
  289.  
  290. /* chat posts style */
  291. .chat ul {
  292. display:block;
  293. list-style:none;
  294. margin-left:-40px;
  295. }
  296.  
  297. /* chat lines style */
  298. .chat li {
  299. padding:3px;
  300. display:block;
  301. }
  302.  
  303. /* odd lines style */
  304. .chat .odd {
  305. background:{color:third color};
  306. }
  307.  
  308. /* even lines style */
  309. .chat .even {
  310. background:{color:second color};
  311. }
  312.  
  313. /* posts's tags style */
  314. #tags {
  315. margin-bottom:20px;
  316. margin-top:3px;
  317. padding:5px;
  318. background:#f2f2f2;
  319. font-size:11px;
  320. }
  321.  
  322. #tags a {
  323. color:{color:first color};
  324. }
  325.  
  326. #content table tr td {
  327. vertical-align:top;
  328. }
  329.  
  330. /* pagination styles */
  331.  
  332. #pagination {
  333. text-align:center;
  334. margin:20px;
  335. }
  336.  
  337. /* current page number */
  338.  
  339. #pagination span {
  340. background:{color:third color};
  341. color:{color:first color};
  342. padding:5px;
  343. width:15px;
  344. height:15px;
  345. display:inline-block;
  346. margin-left:2px;
  347. }
  348.  
  349. /* other page numbers styles */
  350.  
  351. #pagination a {
  352. background:#D5D5D5;
  353. color:{color:third color};
  354. padding:5px;
  355. width:15px;
  356. height:15px;
  357. display:inline-block;
  358. margin-left:2px;
  359. }
  360.  
  361. /* footer style */
  362.  
  363. footer {
  364. background:{color:first color};
  365. padding:10px;
  366. text-align:center;
  367. color:{color:second color};
  368. display:block;
  369. margin:0px;
  370. }
  371. </style>
  372. <body>
  373.  
  374.  
  375. <!-- YOUR UPDATES GO HERE
  376. AFTER NEWS AND BEFORE /SCRIPT
  377. YOU WON'T BE ABLE TO SEE THE
  378. TAB WHILE YOU'RE EDITING IT, SO
  379. BE SURE TO GET OUT OF CUSTOMIZE
  380. AND LOOK AT IT A FEW TIMES TO
  381. MAKE SURE EVERYTHING STILL FLOWS!-->
  382.  
  383.  
  384. <div id="tab">
  385.  
  386. <div id="updatespic"><img src="{image:updatespic}"></div>
  387.  
  388. <div class="update">
  389.  
  390. <div id="news">
  391.  
  392.  
  393. <center>
  394. <b>Updates</b>
  395. <p>
  396. Currently Watching!
  397. Some awesome show <br>
  398. Woo something else! <br>
  399. And something elseee! <br>
  400. ♡♡♡<br>
  401. Currently Reading!
  402. <br>
  403. a cool book<br>
  404. another good book or whatever<br>
  405.  
  406.  
  407. </script>
  408.  
  409. </center>
  410.  
  411. </div></div></div>
  412.  
  413.  
  414.  
  415.  
  416.  
  417.  
  418.  
  419.  
  420.  
  421. <!-- header -->
  422. <header>
  423. <center>
  424. <!-- HERE IS WHERE YOU CHANGE THE
  425. HEADER IMAGE....UPLOAD AN IMAGE TO
  426. TINYPIC OR POST IMAGE AND RIGHT CLICK
  427. AND COPY THE IMAGE ADDRESS AND REPLACE
  428. THE URL IN THE PARENTHESIS BELOW-->
  429. <!-- header image -->
  430. <img src="http://media.tumblr.com/70664895a7ddeb6a0b0491d6d4604163/tumblr_inline_mqr5p9zV1R1qz4rgp.png" />
  431. </center>
  432. </header>
  433.  
  434. <!-- main menu -->
  435. <!--YOU CAN CHANGE THE LINKS THAT
  436. SAY /ARCHIVE AND /MOBILE TO WHATEVER YOU WANT
  437. ADD LINKS USING THE APPEARANCE TAB OUT OF THE HTML
  438. CODE FOR LINKS 1-4 BUT ARCHIVE AND MOBILE
  439. CAN ONLY BE CHANGED FROM HERE...-->
  440. <menu>
  441. <a href="/">index</a>
  442. <a href="/ask">message</a>
  443. <a href="/archive">archive</a>
  444. <a href="/mobile">mobile</a>
  445. {block:iflink1}<a href="{text:Link1URL}">{text:Link1}</a>{/block:iflink1}
  446. {block:iflink2}<a href="{text:Link2URL}">{text:Link2}</a>{/block:iflink2}
  447. {block:iflink3}<a href="{text:Link3URL}">{text:Link3}</a>{/block:iflink3}
  448. {block:iflink4}<a href="{text:Link4URL}">{text:Link4}</a>{/block:iflink4}
  449. </menu>
  450.  
  451. <!-- content container -->
  452. <div id="content">
  453.  
  454. <!-- blog's description -->
  455. {block:description}
  456. <div class="description">
  457. {description}
  458. </div>
  459. {/block:description}
  460.  
  461. <!-- posts start -->
  462. {block:posts}
  463. <table>
  464. <tr>
  465. <!-- posts information -->
  466. <td class="information">
  467. <!-- posts's date -->
  468. {block:Date}
  469. <span class="month">{Month}</span>
  470. <a class="date" href="{permalink}">{DayOfMonthWithZero}<sup>{DayOfMonthSuffix}</sup></a>
  471. <span class="month">{Year}</span>
  472. {/block:Date}
  473. <!-- notes count -->
  474. {block:NoteCount}<a class="notec" href="{PostNotesURL}">{NoteCountWithLabel}</a>{/block:NoteCount}
  475. <!-- reblog and like button -->
  476. <div class="reblog">{ReblogButton}</div>
  477. <div class="reblog">{LikeButton}</div>
  478. </center>
  479. </td>
  480.  
  481. <td class="post">
  482.  
  483. <!-- text post -->
  484. {block:Text}
  485. {block:Title}
  486. <a href="{Permalink}">
  487. <h2>{Title}</h2>
  488. </a>
  489. {/block:Title}
  490. {Body}
  491. {/block:Text}
  492.  
  493. <!-- quote post -->
  494. {block:Quote}
  495. <div class="quote">
  496. “{Quote}” — <b><i>{Source}</i></b>
  497. </div>
  498. {/block:Quote}
  499.  
  500. <!-- link post -->
  501. {block:Link}
  502. <a href="{URL}">
  503. <h2>{Name} »</h2>
  504. </a>
  505. {block:Description}{Description}{/block:Description}
  506. {/block:Link}
  507.  
  508. <!-- photo post -->
  509. {block:Photo}
  510. <center>
  511. <a href="{PhotoURL-HighRes}"><img src="{PhotoURL-500}"/></a>
  512. </center>
  513. {block:Caption}{Caption}{/block:Caption}
  514. {/block:Photo}
  515.  
  516. <!-- photoset post -->
  517. {block:Photoset}
  518. <center>
  519. {Photoset-500}
  520. </center>
  521. {block:Caption}{Caption}{/block:Caption}
  522. {/block:Photoset}
  523.  
  524. <!-- chat post -->
  525. {block:Chat}
  526. <div class="chat">
  527. <ul>
  528. {block:Lines}
  529. <li class="{Alt}">
  530. {block:Label}<b>{Label}</b>{/block:Label}
  531. {Line}
  532. </li>
  533. {/block:Lines}
  534. </ul>
  535. </div>
  536. {/block:Chat}
  537.  
  538. <!-- video post -->
  539. {block:Video}
  540. {Video-500}
  541. {block:Caption}{Caption}{/block:Caption}
  542. {/block:Video}
  543.  
  544. <!-- audio post -->
  545. {block:Audio}
  546. {block:AlbumArt}
  547. <img src="{AlbumArtURL}" width="100" align="left" style="margin-right:5px">
  548. {/block:AlbumArt}
  549. {AudioPlayerBlack}
  550. {block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist}
  551. {block:TrackName}<b>Title:</b> {TrackName}{/block:TrackName}
  552. {block:Caption}{Caption}{/block:Caption}
  553. {/block:Audio}
  554.  
  555. <!-- ask post -->
  556. {block:Answer}
  557. <div class="ask">
  558. <b>{Asker} asked:</b> {question}
  559. </div>
  560. {Answer}
  561. {/block:Answer}
  562.  
  563.  
  564. </td>
  565. </tr>
  566. </table>
  567. <div id="tags">
  568. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}
  569. </div>
  570.  
  571. {block:PostNotes}{PostNotes}{/block:PostNotes}
  572.  
  573. {/block:posts}
  574. <!-- end posts -->
  575.  
  576. <!-- pagination -->
  577. {block:Pagination}
  578. <div id="pagination">
  579. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  580. {block:JumpPagination length="6"}
  581. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  582. {block:JumpPage}<a href="{URL}">{PageNumber}</a> {/block:JumpPage}
  583. {/block:JumpPagination}
  584. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  585. </div>
  586. {/block:Pagination}
  587.  
  588. </div>
  589. <!-- posts container ends -->
  590.  
  591. <!-- footer -->
  592. <footer>
  593. {CopyrightYears}<br>
  594. <a href="http://impossiblyamelia.tumblr.com">impossiblyamelia</a>
  595. <!-- please don't delete this -->
  596. </footer>
  597.  
  598. </body>
  599. </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!