API tools faq
paste
Advertisement
fagunts

Realest Theme

fagunts
Aug 30th, 2014
254
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.75 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. REALEST theme by susan (fagunts)
  3. please don't remove the credits. feel free to edit this theme as much as you'd like!
  4.  
  5. for any questions go to fagunts.com or themesbyfagunts.tumblr.com
  6. -->
  7.  
  8.  
  9. <head>
  10.  
  11. <title>{title}</title>
  12. <link rel="shortcut icon" href="{Favicon}"/>
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  15.  
  16.  
  17. <meta name="color:Background" content="#ffffff"/>
  18. <meta name="color:Text" content="#000000"/>
  19. <meta name="color:Link" content="#555555"/>
  20. <meta name="color:Link hover" content="#cccccc"/>
  21. <meta name="color:Header" content="#fff"/>
  22. <meta name="text:Quote" content=""/>
  23. <meta name="text:Link 1 url" content="/"/>
  24. <meta name="text:Link 1 title" content="link 1"/>
  25. <meta name="text:Link 2 url" content="/"/>
  26. <meta name="text:Link 2 title" content="link 2"/>
  27. <meta name="text:Link 3 url" content="/"/>
  28. <meta name="text:Link 3 title" content="link 3"/>
  29. <meta name="if:Show link 1" content="1"/>
  30. <meta name="if:Show link 2" content="1"/>
  31. <meta name="if:Show link 3" content="1"/>
  32. <meta name="if:Show description" content="0"/>
  33. <meta name="if:Show quote" content="1"/>
  34. <meta name="if:Font 1" content="1"/>
  35. <meta name="if:Font 2" content="0"/>
  36. <meta name="if:Rainbow links on hover" content="0"/>
  37.  
  38. <style type="text/css">
  39. body{
  40. color:{color:Text};
  41. {block:iffont1}font-family:consolas;{/block:iffont1}
  42. {block:iffont2}font-family:calibri;{/block:iffont2}
  43. font-size:10px;
  44. background-color:{color:Background};
  45. }
  46.  
  47. #post{
  48. width:600px;
  49. margin-right:auto;
  50. background-color:#fff;
  51. padding:5px;
  52. left:28.7%;
  53. }
  54.  
  55. a{color:{color:Link};text-decoration:none;} a:hover{color:{color:Link Hover};}
  56.  
  57. .entry{
  58. padding:2px;
  59. background-color:#fff;
  60. width:250px;
  61. float:center;
  62. margin:15px;
  63. }
  64.  
  65. .entry img{
  66. float:center;
  67. margin:2px;
  68. }
  69.  
  70. .entry .perm{
  71. background:#fff;
  72. padding:5px;
  73. text-align:center;
  74. margin-top:3px;
  75. margin-left:-20px;
  76. position:absolute;
  77. opacity:0.0;
  78.  
  79. }
  80.  
  81. .entry:hover .perm{opacity:.7;margin-left:0px; }
  82.  
  83. #header {
  84. position:fixed;
  85. z-index:1;
  86. overflow:hidden;
  87. top:0px;
  88. left:0px;
  89. padding:7px;
  90. width:100%;
  91. height:auto;
  92. text-align:center;
  93. background-color:{color:Header};
  94. opacity:.7;
  95.  
  96. }
  97.  
  98. blogtitle{
  99. font-weight:bold;
  100. font-size:11px;
  101. text-transform:uppercase;
  102. }
  103.  
  104. description{
  105. width:50px;
  106. height:auto;
  107. text-align:center;
  108. }
  109.  
  110.  
  111.  
  112.  
  113.  
  114. {block:ifshowquote}
  115. #quote{
  116. font-size:13px;
  117. right:100px;
  118. top:100px;
  119. width:220px;
  120. float:center;
  121. position:fixed;
  122. padding:3px;
  123. }
  124. {/block:ifshowquote}
  125.  
  126.  
  127.  
  128. .pagination {
  129. display: none;
  130. }
  131.  
  132.  
  133.  
  134.  
  135. {CustomCSS]
  136.  
  137. </style>
  138.  
  139. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  140.  
  141. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  142.  
  143. <script>
  144. $(function(){
  145. var $container = $('#post');
  146. $container.imagesLoaded(function(){
  147. $container.masonry({
  148. itemSelector: '.entry',
  149. });
  150. });
  151. $container.infinitescroll({
  152. itemSelector : ".entry",
  153. navSelector : "div.pagination",
  154. nextSelector : ".pagination a#next",
  155. loadingImg : "",
  156. loadingText : "<em></em>",
  157. bufferPx : 10000,
  158. extraScrollPx: 12000,
  159. },
  160. // trigger Masonry as a callback
  161. function( newElements ) {
  162. var $newElems = $( newElements ).css({ opacity: 0 });
  163. // ensure that images load before adding to masonry layout
  164. $newElems.imagesLoaded(function(){
  165. $newElems.animate({ opacity: 1 });
  166. $container.masonry( 'appended', $newElems, true );
  167. });
  168. }
  169. );
  170. });
  171. </script>
  172.  
  173. {block:ifrainbowlinksonhover}
  174. <script type='text/javascript'>
  175. //<![CDATA[
  176. var rate = 50;
  177. if (document.getElementById)
  178. window.onerror=new Function("return true")
  179.  
  180. var objActive; // The object which event occured in
  181. var act = 0; // Flag during the action
  182. var elmH = 0; // Hue
  183. var elmS = 128; // Saturation
  184. var elmV = 255; // Value
  185. var clrOrg; // A color before the change
  186. var TimerID; // Timer ID
  187. if (document.all) {
  188. document.onmouseover = doRainbowAnchor;
  189. document.onmouseout = stopRainbowAnchor;
  190. }
  191. else if (document.getElementById) {
  192. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  193. document.onmouseover = Mozilla_doRainbowAnchor;
  194. document.onmouseout = Mozilla_stopRainbowAnchor;
  195. }
  196. function doRainbow(obj)
  197. {
  198. if (act == 0) {
  199. act = 1;
  200. if (obj)
  201. objActive = obj;
  202. else
  203. objActive = event.srcElement;
  204. clrOrg = objActive.style.color;
  205. TimerID = setInterval("ChangeColor()",100);
  206. }
  207. }
  208. function stopRainbow()
  209. {
  210. if (act) {
  211. objActive.style.color = clrOrg;
  212. clearInterval(TimerID);
  213. act = 0;
  214. }
  215. }
  216. function doRainbowAnchor()
  217. {
  218. if (act == 0) {
  219. var obj = event.srcElement;
  220. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  221. obj = obj.parentElement;
  222. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  223. break;
  224. }
  225. if (obj.tagName == 'A' && obj.href != '') {
  226. objActive = obj;
  227. act = 1;
  228. clrOrg = objActive.style.color;
  229. TimerID = setInterval("ChangeColor()",100);
  230. }
  231. }
  232. }
  233. function stopRainbowAnchor()
  234. {
  235. if (act) {
  236. if (objActive.tagName == 'A') {
  237. objActive.style.color = clrOrg;
  238. clearInterval(TimerID);
  239. act = 0;
  240. }
  241. }
  242. }
  243. function Mozilla_doRainbowAnchor(e)
  244. {
  245. if (act == 0) {
  246. obj = e.target;
  247. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  248. obj = obj.parentNode;
  249. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  250. break;
  251. }
  252. if (obj.nodeName == 'A' && obj.href != '') {
  253. objActive = obj;
  254. act = 1;
  255. clrOrg = obj.style.color;
  256. TimerID = setInterval("ChangeColor()",100);
  257. }
  258. }
  259. }
  260. function Mozilla_stopRainbowAnchor(e)
  261. {
  262. if (act) {
  263. if (objActive.nodeName == 'A') {
  264. objActive.style.color = clrOrg;
  265. clearInterval(TimerID);
  266. act = 0;
  267. }
  268. }
  269. }
  270. function ChangeColor()
  271. {
  272. objActive.style.color = makeColor();
  273. }
  274. function makeColor()
  275. {
  276. // Don't you think Color Gamut to look like Rainbow?
  277. // HSVtoRGB
  278. if (elmS == 0) {
  279. elmR = elmV; elmG = elmV; elmB = elmV;
  280. }
  281. else {
  282. t1 = elmV;
  283. t2 = (255 - elmS) * elmV / 255;
  284. t3 = elmH % 60;
  285. t3 = (t1 - t2) * t3 / 60;
  286. if (elmH < 60) {
  287. elmR = t1; elmB = t2; elmG = t2 + t3;
  288. }
  289. else if (elmH < 120) {
  290. elmG = t1; elmB = t2; elmR = t1 - t3;
  291. }
  292. else if (elmH < 180) {
  293. elmG = t1; elmR = t2; elmB = t2 + t3;
  294. }
  295. else if (elmH < 240) {
  296. elmB = t1; elmR = t2; elmG = t1 - t3;
  297. }
  298. else if (elmH < 300) {
  299. elmB = t1; elmG = t2; elmR = t2 + t3;
  300. }
  301. else if (elmH < 360) {
  302. elmR = t1; elmG = t2; elmB = t1 - t3;
  303. }
  304. else {
  305. elmR = 0; elmG = 0; elmB = 0;
  306. }
  307. }
  308. elmR = Math.floor(elmR).toString(16);
  309. elmG = Math.floor(elmG).toString(16);
  310. elmB = Math.floor(elmB).toString(16);
  311. if (elmR.length == 1) elmR = "0" + elmR;
  312. if (elmG.length == 1) elmG = "0" + elmG;
  313. if (elmB.length == 1) elmB = "0" + elmB
  314. elmH = elmH + rate;
  315. if (elmH >= 360)
  316. elmH = 0;
  317. return '#' + elmR + elmG + elmB;
  318. }
  319. //]]>
  320. </script>
  321. {/block:ifrainbowlinksonhover}
  322.  
  323. </head>
  324. <body>
  325.  
  326. <div id="header">
  327. {block:iffont1}<blogtitle><a href="/">{title}</a></blogtitle>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  328.  
  329. <a href="/ask">message</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  330. {block:ifshowlink1}<a href="{text:link 1 url}">{text:link 1 title}</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {/block:ifshowlink1}
  331. {block:ifshowlink2}<a href="{text:link 2 url}">{text:link 2 title}</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{/block:ifshowlink2}
  332. {block:ifshowlink3}<a href="{text:link 3 url}">{text:link 3 title}</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {/block:ifshowlink3}
  333. <a href="/archive">archive</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  334. <a href="http://fagunts.com">theme</a>
  335. <br>
  336. {block:ifshowdescription}<description>{description}</description>{/block:ifshowdescription}{/block:iffont1}
  337.  
  338.  
  339.  
  340.  
  341. {block:iffont2}<blogtitle>{Title}</blogtitle>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  342. <a href="/ask">message</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  343. {block:ifshowlink1}<a href="{text:link 1 url}">{text:link 1 title}</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;{/block:ifshowlink1}
  344. {block:ifshowlink2}<a href="{text:link 2 url}">{text:link 2 title}</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{/block:ifshowlink2}
  345. {block:ifshowlink3}<a href="{text:link 3 url}">{text:link 3 title}</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {/block:ifshowlink3}
  346. <a href="/archive">archive</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  347. <a href="http://fagunts.com">theme</a>
  348. <br>
  349. {block:ifshowdescription}<description>{description}</description>{/block:ifshowdescription}{/block:iffont2}
  350.  
  351. </div></div>
  352.  
  353.  
  354. {block:ifshowquote}<div id="quote">“ &nbsp;{text:quote}&nbsp;”</div>{/block:ifshowquote}
  355.  
  356.  
  357.  
  358.  
  359.  
  360. <div id="post">
  361. {block:Posts}
  362. <div class="entry">
  363.  
  364. <div class="perm"><a href="{Permalink}">{TimeAgo}</a> <a href="{ReblogURL}">Reblog</a><br><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  365.  
  366. {block:Title}<h1>{Title}</h1>{/block:Title}
  367.  
  368. {block:Text}{Body}{/block:Text}
  369.  
  370. {block:Photo}
  371. <a href="{permalink}"><img src="{PhotoURL-500}" width="250"/></a>
  372. {/block:Photo}
  373.  
  374. {block:Photoset}
  375. {Photoset-250}
  376. {/block:Photoset}
  377.  
  378.  
  379. {block:Quote}
  380. {Quote}
  381. <div align="right">
  382. {block:Source}-{Source}{/block:Source}
  383. </div>
  384. {/block:Quote}
  385.  
  386.  
  387. {block:Video}
  388. {Video-250}
  389. <br>
  390. {PlayCountWithLabel}
  391. {/block:Video}
  392.  
  393.  
  394. {block:Link}
  395. <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  396. {block:Description}{Description}{/block:Description}
  397. {/block:Link}
  398.  
  399. {block:Chat}
  400. {block:Lines}
  401. {block:Label}
  402. <br>{Label}
  403. {/block:Label}
  404. &nbsp;{Line}
  405. {/block:Lines}
  406. {/block:Chat}
  407.  
  408. {block:Audio}
  409. {AudioPlayerGrey}
  410. <br><div align="right">{block:Artist}
  411. Artist: {Artist}</div>
  412. {/block:Artist}<br>
  413. {block:Caption}{Caption}{/block:Caption}
  414. {/block:Audio}
  415.  
  416.  
  417. {block:Answer}
  418. {Asker} asked <b>{Question}</b><Br>
  419. {Answer}
  420. {/block:Answer}
  421.  
  422. {block:PermalinkPage}
  423. {block:Caption}
  424. {Caption}
  425. {/block:Caption}
  426. <br>
  427. {block:NoteCount}
  428. {NoteCount} notes
  429. {/block:NoteCount}
  430. <Br>
  431. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  432. {/block:PermalinkPage}
  433. </div>
  434.  
  435. {/block:Posts}
  436.  
  437. </div>
  438.  
  439. <div class="pagination">
  440. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  441. </div>
  442.  
  443.  
  444. <div style="bottom:5px;left:10px;position:fixed;font-size:8px;"><a href="http://fagunts.com" title="theme by fagunts">&#x2730;</a></div>
  445. </body>
  446. </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!