API tools faq
paste
mellywheats

Perception theme!

mellywheats
Jun 9th, 2016
393
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.72 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4. * Thanks for choosing melly's themes! :)
  5. * Please keep the 'theme' link
  6. * This theme is realy simple and almost everything is customizable
  7. * Enjoy!!
  8. -->
  9.  
  10.  
  11.  
  12.  
  13.  
  14. <head>
  15. <link href='https://fonts.googleapis.com/css?family=Source+Code+Pro:200' rel='stylesheet' type='text/css'>
  16.  
  17. <link href='https://fonts.googleapis.com/css?family=Unica+One' rel='stylesheet' type='text/css'>
  18.  
  19. <link href='https://fonts.googleapis.com/css?family=Sniglet' rel='stylesheet' type='text/css'>
  20.  
  21. <link href='https://fonts.googleapis.com/css?family=Sintony' rel='stylesheet' type='text/css'>
  22.  
  23. <link href='https://fonts.googleapis.com/css?family=Roboto:500' rel='stylesheet' type='text/css'>
  24.  
  25. <title>{title}</title>
  26.  
  27. <!-- meta -->
  28. <!-- colours -->
  29. <meta name="color:title" content="#000">
  30. <meta name="color:header links" content="#ccc">
  31. <meta name="color:post links" content="#ccffdd">
  32. <meta name="color:link hover" content="#fff">
  33. <meta name="color:border" content="#000">
  34. <meta name="color:notes" content="#000">
  35. <meta name="color:notes hover background" content="lightblue">
  36. <meta name="color:scrollbar" content="#662277">
  37. <meta name="color:background" content="#fff">
  38. <meta name="color:page navigation colours" content="#662277">
  39.  
  40. <!-- if -->
  41. <meta name="if:link 1" content="0">
  42. <meta name="if:link 2" content="0">
  43. <meta name="if:link 3" content="0">
  44. <meta name="if:link 4" content="0">
  45. <meta name="if:link 5" content="0">
  46. <meta name="if:link 6" content="0">
  47. <meta name="if:rounded links" content="0">
  48. <meta name="if:submit page" content="0">
  49. <meta name="if:show divider" content="1">
  50. <meta name="if:body font" content="1">
  51. <meta name="if:description font" content="1">
  52. <meta name="if:post borders" content="0">
  53. <meta name="if:notes hover background" content="1">
  54. <meta name="if:3 columns" content="0">
  55. <meta name="if:2 columns" content="0">
  56. <meta name="if:infinite scroll" content="1">
  57. <!-- links -->
  58. <meta name="text:link 1" content="/">
  59. <meta name="text:link 1 title" content="home">
  60. <meta name="text:link 2" content="/ask">
  61. <meta name="text:link 2 title" content="ask">
  62. <meta name="text:link 3" content="">
  63. <meta name="text:link 3 title" content="">
  64. <meta name="text:link 4" content="">
  65. <meta name="text:link 4 title" content="">
  66. <meta name="text:link 5" content="">
  67. <meta name="text:link 5 title" content="">
  68. <meta name="text:link 6" content="">
  69. <meta name="text:link 6 title" content="">
  70. <meta name="text:submit title" content="submit"
  71. <!--fonts-->
  72. <meta name="font:body" content="Arial, Helvetica, sans-serif">
  73. <meta name="font:description" content="Arial, Helvetica, sans-serif">
  74. <!-- images -->
  75. <meta name="image:divider" content="http://wallup.net/wp-content/uploads/2015/01/milky-way-galaxy-blue-nebula-clouds-736x459.jpg">
  76. <!-- size thngy -->
  77. <meta name="text:text size" content="13px">
  78.  
  79.  
  80.  
  81.  
  82.  
  83. <!-- end meta -->
  84.  
  85.  
  86. <style type=text/css>
  87.  
  88. @font-face{
  89. font-family:Sniglet;
  90. src:url(https://fonts.googleapis.com/css?family=Sniglet);
  91. }
  92.  
  93.  
  94. *, body, a, a:hover {cursor: url(http://i1258.photobucket.com/albums/ii535/MellyWheats/lol-im-gonna-make-this-cute_zpsiwwqhce5.png), auto;}
  95.  
  96.  
  97.  
  98.  
  99. ::-webkit-scrollbar {width: 5px; height: 5px; background: {color:background}; }
  100. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar};
  101. -webkit-border-radius: 5px; }
  102.  
  103.  
  104.  
  105.  
  106.  
  107.  
  108.  
  109.  
  110.  
  111.  
  112.  
  113.  
  114.  
  115.  
  116.  
  117. h1{
  118. font-family: 'Source Code Pro',monospace;
  119. font-size:50px;
  120. text-transform:uppercase;
  121. letter-spacing:5px;
  122. }
  123. h2{
  124. {block:ifdescriptionfont}font-family: 'Unica One', cursive;{/block:ifdescriptionfont}
  125. {block:ifnotdescriptionfont}font-family:{font:description};{/block:ifnotdescriptionfont}
  126. font-size:20px;
  127. font-weight:100;
  128.  
  129. }
  130. #link a{
  131. background:transparent;
  132. height:20px;
  133. text-decoration:none;
  134. padding:1px 4px;
  135. margin-left:10px;
  136. font-family: 'Sniglet', cursive;
  137. border:1px dashed black;
  138. color:{color:header links};
  139. {block:ifroundedlinks}
  140. border-radius:10px;
  141. {/block:ifroundedlinks}
  142. {block:ifnotroundedlinks}
  143. border-radius:0px;
  144. {/block:ifnotroundedlinks}
  145. transition:letter-spacing .2s;
  146. -webkit-transition-duration:.2s;
  147. }
  148.  
  149. #link a:hover{
  150. letter-spacing:3px;
  151. }
  152. #link{
  153. border:1px dotted transparent;
  154. padding:5px;
  155.  
  156. }
  157. #potter{
  158. height:20px;
  159. width:100%;
  160. background-image:url('{image:divider}');
  161. background-size:cover;
  162. background-repeat:repeat-x;
  163. background-position:center center;
  164. }
  165. #entries{
  166. width:400px;
  167. margin:0 auto;
  168. {block:if3columns}width:1300px;{/block:if3columns}
  169. {block:if2columns}width:900px;{/block:if2columns}
  170. }
  171. #posts{
  172. width:400px;
  173. {block:ifpostborders}border:1px dotted {color:border};{/block:ifpostborders}
  174. margin:5px;
  175. padding:5px;
  176. {block:if3columns}float:left;{/block:if3columns}
  177. {block:if2columns}float:left;{/block:if2columns}
  178.  
  179. }
  180. #weasley {
  181. border:5px solid transparent;
  182. width:100%;
  183. height:auto;
  184. }
  185. h3 {
  186. font-family: 'Source Code Pro',monospace;
  187. font-size:20px;
  188. text-transform:uppercase;
  189. text-align:center;
  190. }
  191. body {
  192. {block:ifnotbodyfont}font-family:{font:body};{/block:ifnotbodyfont}
  193. {block:ifbodyfont}font-family: 'sintony', sans-serif;{/block:ifbodyfont}
  194. font-size:{text:text size};
  195. }
  196.  
  197. body a{
  198. text-decoration:none;
  199. color:{color:post links};
  200. }
  201.  
  202. body a:hover{
  203. color:{color:link hover};
  204. }
  205.  
  206. #malfoy {
  207. font-family: 'Roboto', sans-serif;
  208. margin:5px;
  209. }
  210.  
  211. #lovegood {
  212. list-style-type:none;
  213. }
  214.  
  215. #granger {
  216. max-width:400px;
  217. max-height:250px;
  218. overflow:hidden;
  219. margin:2px;
  220.  
  221. }
  222. #evans {
  223. text-transform:uppercase;
  224. font-size:10px;
  225. text-align:right;
  226. {block:ifnotbodyfont}font-family:{font:body};{/block:ifnotbodyfont}
  227. {block:ifbodyfont}font-family: 'sintony', sans-serif;{/block:ifbodyfont}
  228. position:bottom;
  229. }
  230.  
  231. #evans a{
  232. color:{color:notes};
  233. }
  234.  
  235. #evans a:hover{
  236. {block:ifnoteshoverbackground}background:{color:notes hover background};{/block:ifnoteshoverbackground}
  237. color:{color:link hover};
  238. }
  239. #dumbledore {
  240. position:bottom;
  241. text-align:center;
  242. }
  243.  
  244. #dumbledore a{
  245. color:{color:page navigation colours};
  246. }
  247.  
  248. #dumbledore a:hover{
  249. color:{color:link hover};
  250. }
  251.  
  252. #hagrid {
  253. border:1px solid transparent;
  254. text-transform:uppercase;
  255.  
  256. }
  257.  
  258. #black {
  259.  
  260. }
  261. #question{
  262. border:1px solid transparent;
  263. }
  264. #snape{
  265. border:1px solid transparent;
  266.  
  267. }
  268.  
  269.  
  270.  
  271.  
  272.  
  273.  
  274.  
  275.  
  276.  
  277. {customcss}
  278. </style>
  279.  
  280. </head>
  281.  
  282.  
  283. <body>
  284. <div id=weasley>
  285. <center><h1>{title}</h1></center>
  286. <center><h2>{description}</h2></center>
  287. <div id=head>
  288. <div id=link><center>
  289. {block:iflink1}
  290. <a href="{text:link 1}">{text:link 1 title}</a>
  291. {/block:iflink1}
  292. {block:iflink2}
  293. <a href="{text:link 2}">{text:link 2 title}</a>
  294. {/block:iflink2}
  295. {block:iflink3}
  296. <a href="{text:link 3}">{text:link 3 title}</a>
  297. {/block:iflink3}
  298. {block:iflink4}
  299. <a href="{text:link 4}">{text:link 4 title}</a>
  300. {/block:iflink4}
  301. {block:iflink5}
  302. <a href="{text:link 5}">{text:link 5 title}</a>
  303. {/block:iflink5}
  304. {block:iflink6}
  305. <a href="{text:link 6}">{text:link 6 title}</a>
  306. {/block:iflink6}
  307. {block:ifsubmitpage}
  308. <a href="/submit">{text:submit title}</a>
  309. {/block:ifsubmitpage}
  310. <a href="http://mellysthemes.tumblr.com">theme</a>
  311. </center></div>
  312. </div>
  313.  
  314. {block:ifshowdivider}<div id=potter></div>{/block:ifshowdivider}
  315. </div>
  316.  
  317. <!--posts-->
  318. <div id=entries>
  319.  
  320.  
  321. {block:ififinitescroll}
  322. {block:IndexPage}<div class="column navigation" id="navigation">
  323. {block:Pagination}
  324. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  325. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  326. </div>{/block:IndexPage}
  327. {/block:ififinitescroll}
  328.  
  329.  
  330.  
  331. {block:posts}
  332. <div id=posts>
  333.  
  334.  
  335.  
  336.  
  337.  
  338.  
  339.  
  340.  
  341.  
  342.  
  343.  
  344. {block:text}
  345. {block:title}<h3>{title}</h3>{/block:title}
  346. {body}
  347.  
  348.  
  349.  
  350.  
  351.  
  352.  
  353. {block:PermalinkPage}
  354. {block:HasTags}
  355. {block:Tags}
  356. <a href="{TagURL}">#{Tag}</a>
  357. {/block:Tags}
  358. {/block:HasTags}
  359. {/block:PermalinkPage}
  360.  
  361.  
  362. {/block:text}
  363.  
  364. {block:photo}
  365. <img src="{photourl-400}">
  366. {block:caption}<div id=granger>{caption}</div>{/block:caption}
  367.  
  368. {block:PermalinkPage}
  369. {block:HasTags}
  370. {block:Tags}
  371. <a href="{TagURL}">#{Tag}</a>
  372. {/block:Tags}
  373. {/block:HasTags}
  374. {/block:PermalinkPage}
  375.  
  376.  
  377. {/block:photo}
  378.  
  379. {block:video}
  380. {video-400}
  381. {block:caption}<div id=granger>{caption}</div>{/block:caption}
  382.  
  383. {block:PermalinkPage}
  384. {block:HasTags}
  385. {block:Tags}
  386. <a href="{TagURL}">#{Tag}</a>
  387. {/block:Tags}
  388. {/block:HasTags}
  389. {/block:PermalinkPage}
  390.  
  391.  
  392.  
  393. {/block:video}
  394.  
  395. {block:photoset}
  396. {photoset-400}
  397. {block:caption}<div id=granger>{caption}</div>{/block:caption}
  398.  
  399. {block:PermalinkPage}
  400. {block:HasTags}
  401. {block:Tags}
  402. <a href="{TagURL}">#{Tag}</a>
  403. {/block:Tags}
  404. {/block:HasTags}
  405. {/block:PermalinkPage}
  406.  
  407.  
  408.  
  409. {/block:photoset}
  410.  
  411. {block:audio}
  412. {audioplayer}
  413.  
  414. {block:PermalinkPage}
  415. {block:HasTags}
  416. {block:Tags}
  417. <a href="{TagURL}">#{Tag}</a>
  418. {/block:Tags}
  419. {/block:HasTags}
  420. {/block:PermalinkPage}
  421.  
  422.  
  423. {/block:audio}
  424.  
  425. {block:quote}
  426. <h3>{quote}</h3>
  427. {block:source}~{source}{/block:source}
  428.  
  429.  
  430. {block:PermalinkPage}
  431. {block:HasTags}
  432. {block:Tags}
  433. <a href="{TagURL}">#{Tag}</a>
  434. {/block:Tags}
  435. {/block:HasTags}
  436. {/block:PermalinkPage}
  437.  
  438.  
  439. {/block:quote}
  440.  
  441. {block:chat}
  442. {block:title}<h3>{title}</h3>{/block:title}
  443. <ul id=lovegood>
  444. {block:lines}
  445. <li>
  446. <span id=malfoy>{block:label}{label}</span>{/block:label}{line}
  447. </li>
  448. {/block:lines}
  449. </ul>
  450.  
  451.  
  452.  
  453. {block:PermalinkPage}
  454. {block:HasTags}
  455. {block:Tags}
  456. <a href="{TagURL}">#{Tag}</a>
  457. {/block:Tags}
  458. {/block:HasTags}
  459. {/block:PermalinkPage}
  460.  
  461.  
  462.  
  463. {/block:chat}
  464.  
  465. {block:link}
  466. <a href="{url}" target="{target}">{name}</a>
  467. {block:description}{description}{/block:description}
  468.  
  469. {block:PermalinkPage}
  470. {block:HasTags}
  471. {block:Tags}
  472. <a href="{TagURL}">#{Tag}</a>
  473. {/block:Tags}
  474. {/block:HasTags}
  475. {/block:PermalinkPage}
  476.  
  477. {/block:link}
  478.  
  479.  
  480.  
  481.  
  482. {block:Answer}
  483. <div id=question>
  484. <table>
  485. <td><a href="{permalink}"><div id=hagrid>{Asker}: </div></a></td>
  486. <td><div id=snape>{Question}</div></td>
  487. </table>
  488. <hr>
  489.  
  490. {block:Answerer}
  491. <table>
  492. <td><div id=hagrid>{Answerer}:</div></td>
  493. <td><div id=black>{Answer}</div></td>
  494. </table>
  495. {/block:Answerer}
  496. {Replies}
  497.  
  498.  
  499.  
  500. {block:PermalinkPage}
  501. {block:HasTags}
  502. {block:Tags}
  503. <a href="{TagURL}">#{Tag}</a>
  504. {/block:Tags}
  505. {/block:HasTags}
  506. {/block:PermalinkPage}
  507.  
  508. </div>
  509. {/block:Answer}
  510.  
  511.  
  512.  
  513.  
  514.  
  515.  
  516.  
  517.  
  518.  
  519.  
  520. <div id="evans">
  521. <a href="{Permalink}">
  522. {shortmonth} {dayofmonthwithzero}
  523. {block:NoteCount} | {NoteCount}{/block:NoteCount}
  524. </a>
  525. </div>
  526.  
  527.  
  528. {block:PostNotes}
  529. {PostNotes}
  530. {/block:PostNotes}
  531.  
  532.  
  533.  
  534.  
  535.  
  536.  
  537. </div>
  538. {/block:posts}
  539.  
  540.  
  541.  
  542.  
  543.  
  544.  
  545. </div>
  546. <!--end posts-->
  547.  
  548. <!------ S C R I P T S! ------>
  549.  
  550. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  551. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  552. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  553.  
  554. <script type="text/javascript">
  555. $(window).load(function(){
  556. var $wall = $('#entries');
  557. $wall.imagesLoaded(function(){
  558. $wall.masonry({
  559. itemSelector: '#posts',
  560. isAnimated : true
  561. });
  562. });
  563. $wall.infinitescroll({
  564. navSelector : "div#navigation",
  565. nextSelector : "div#navigation a#nextPage",
  566. itemSelector : '#posts',
  567. loadingImg : "",
  568. loadingText : " ",
  569. donetext : " ",
  570. extraScrollPx : 0,
  571. bufferPx : 10000,
  572. debug : false,
  573. errorCallback: function() {
  574. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  575. }},
  576. function( newElements ) {
  577. var $newElems = $( newElements );
  578. $newElems.hide();
  579. $newElems.imagesLoaded(function(){
  580. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 250, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  581. });
  582. }); $('#entries').show(500);
  583. });
  584. </script>
  585.  
  586. <script language="JavaScript">
  587. function function1(){
  588. window.scrollTo(0,5);
  589. }
  590. function function2(){
  591. window.scroll(0,2);
  592. }
  593. </script>
  594. <!---- end masonry scripts -->
  595.  
  596.  
  597. {block:ifnotinfinitescroll}
  598. <div id=dumbledore>
  599. {block:PreviousPage}<a href="{PreviousPage}">« {lang:Previous}</a>{/block:PreviousPage}
  600.  
  601. {block:NextPage}<a href="{NextPage}">{lang:Next} »</a>{/block:NextPage}
  602. </div>
  603. {/block:ifnotinfinitescroll}
  604.  
  605.  
  606.  
  607.  
  608.  
  609. </body>
  610. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!