Advertisement
Jessicakim

Haruharu - theme #015

Oct 27th, 2012
1,974
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.48 KB | None | 0 0
  1. <!---- haruharu theme made by madarathemes
  2. don't take off the credits
  3. don't steal any code
  4. don't use this theme as a base ---->
  5.  
  6. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  8. <head>
  9.  
  10. <!-- DEFAULTS COLORS -->
  11. <meta name="color:Background" content="#eee"/>
  12. <meta name="color:Scrollbar" content="#d6e68a"/>
  13. <meta name="color:Text" content="#000"/>
  14. <meta name="color:Link" content="#00cc77"/>
  15. <meta name="color:Link Hover" content="#000"/>
  16. <meta name="color:Blockquote" content="#d6e68a"/>
  17. <meta name="color:Postbox" content="#fff"/>
  18. <meta name="color:Postbox Border" content="#eee"/>
  19. <meta name="color:Title" content="#777"/>
  20. <meta name="color:Title Bar Hover" content="#eee"/>
  21. <meta name="color:Asker Border" content="#eee"/>
  22. <meta name="color:Ask" content="#999"/>
  23. <meta name="color:Asker Link" content="#00cc77"/>
  24. <meta name="color:Permalink Box" content="#d6e68a"/>
  25. <meta name="color:Permalink Text" content="#000"/>
  26. <meta name="color:Tag Box" content="#fff"/>
  27. <meta name="color:Tag Text" content="#000"/>
  28. <meta name="color:Topbar" content="#000"/>
  29. <meta name="color:Navigation" content="#fff"/>
  30. <meta name="color:Navigation Border" content="#d6e68a"/>
  31. <meta name="color:Navigation Text" content="#000"/>
  32. <meta name="color:Picture Border" content="#fff"/>
  33. <meta name="color:Description" content="#f5f5f5"/>
  34. <meta name="color:Blog Name" content="#fff"/>
  35. <meta name="color:Pagination" content="#fff"/>
  36. <meta name="color:Selection BG" content="#d6e68a"/>
  37. <meta name="color:Selection Text" content="#fff"/>
  38. <meta name="color:Menu" content="#fff"/>
  39.  
  40. <!-- DEFAULTS LINKS -->
  41. <meta name="text:URL 01" content="http://"/>
  42. <meta name="text:URL 01 Title" content="Link 1"/>
  43. <meta name="text:URL 02" content="/"/>
  44. <meta name="text:URL 02 Title" content="Link 2"/>
  45. <meta name="text:URL 03" content="http://"/>
  46. <meta name="text:URL 03 Title" content="Link 3"/>
  47. <meta name="text:URL 04" content="/"/>
  48. <meta name="text:URL 04 Title" content="Link 4"/>
  49. <meta name="text:URL 05" content="http://"/>
  50. <meta name="text:URL 05 Title" content="Link 5"/>
  51. <meta name="text:URL 06" content="/"/>
  52. <meta name="text:URL 06 Title" content="Link 6"/>
  53. <meta name="text:URL 07" content="http://"/>
  54. <meta name="text:URL 07 Title" content="Link 7"/>
  55. <meta name="text:URL 08" content="/"/>
  56. <meta name="text:URL 08 Title" content="Link 8"/>
  57. <meta name="text:ask" content="ask"/>
  58.  
  59. <!-- DEFAULTS -->
  60. <meta name="if:Caption" content="1"/>
  61. <meta name="if:Fade Hover" content="0"/>
  62. <meta name="if:Gray Scale" content="0"/>
  63. <meta name="if:Tags" content="0"/>
  64. <meta name="if:Submit" content="1"/>
  65. <meta name="if:Archive" content="1"/>
  66. <meta name="if:EndlessScrolling" content="0"/>
  67. <meta name="if:2 Columns" content="0"/>
  68.  
  69. <!-- DEFAULT IMAGE -->
  70. <meta name="image:Background" content="http://static.tumblr.com/z9nrs6q/tAtmcj1t5/pinstripe.png"/>
  71. <meta name="image:Picture" content="http://static.tumblr.com/z9nrs6q/O3Amcj2k0/bzd.png"/>
  72.  
  73. <title>{Title}</title>
  74. <link rel="shortcut icon" href="{Favicon}">
  75. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  76.  
  77. <style type="text/css">
  78.  
  79. @font-face {
  80. font-family: "bebas";
  81. src: url('https://dl.dropboxusercontent.com/u/109376002/bebas__.ttf');
  82. }
  83.  
  84. @font-face{
  85. font-family: 'muncie';
  86. src: url('https://dl.dropboxusercontent.com/u/109376002/muncie.ttf');
  87. }
  88.  
  89. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  90.  
  91. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  92.  
  93. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  94. #infscr-loading {display:none;}
  95. .navigation {display:none!important;}
  96.  
  97. ::-webkit-scrollbar-thumb {
  98. background-color:{color:Scrollbar};
  99. height:100px;
  100. }
  101.  
  102. ::-webkit-scrollbar {
  103. height:4px;
  104. width:4px;
  105. background-color: #fff;
  106. }
  107.  
  108. ::-moz-selection { color: #d6e68a; background: #eee;}
  109. ::selection { color: #d6e68a; background: #eee; }
  110.  
  111. body {
  112. font-family:'calibri';
  113. font-size:11px;
  114. color:{color:Text};
  115. background-color:{color:Background};
  116. background-image:url('{image:Background}');
  117. background-position: fixed;
  118. background-attachment:fixed;
  119. background-repeat:repeat;}
  120.  
  121. a:link,a:active,a:visited {
  122. text-decoration: none;
  123. color: {color:Link};
  124. -webkit-transition: all 0.5s ease-out;
  125. -moz-transition: all 0.5s ease-out;
  126. -o-transition: all 0.5s ease-out;
  127. }
  128.  
  129. a:hover {
  130. color: {color:Link Hover};
  131. text-shadow: 2px 0 .3px {color:Link}, -2px 0 .3px #ddd;
  132. -webkit-transition: all 0.5s ease-out;
  133. -moz-transition: all 0.5s ease-out;
  134. -o-transition: all 0.5s ease-out;
  135. }
  136.  
  137. blockquote {
  138. padding: 1px;
  139. padding-left: 8px;
  140. font:11px arial;
  141. letter-spacing: 1px;
  142. margin-right: 10px;
  143. margin-left: 5px;
  144. border-left: 5px solid {color:Blockquote};
  145. color:{color:Text};
  146. }
  147.  
  148. pre
  149. {overflow: auto;
  150. margin-bottom:5px;
  151. padding: 5px;
  152. background: transparent;
  153. color: {color:Text};
  154. max-height: 220px;}
  155.  
  156. pre::-webkit-scrollbar
  157. {width: 4px; height: 4px; background-color: {color:Postbox};}
  158.  
  159. pre::-webkit-scrollbar-track-piece
  160. {background-color: {color:Postbox};}
  161.  
  162. pre::-webkit-scrollbar-thumb
  163. {background-color: {color:Scrollbar};}
  164.  
  165. #postar{
  166. width:575px;
  167. {block:IndexPage}
  168. {block:If2Columns}width:670px;{/block:If2Columns}
  169. {/block:IndexPage}
  170. padding: 1px;
  171. margin-top: 280px;
  172. margin-left: 390px;
  173. {block:IndexPage}{block:If2Columns}margin-left:360px;{/block:If2Columns}{/block:IndexPage}
  174. {block:PermalinkPage}margin-left: 390px;{/block:PermalinkPage}
  175. }
  176.  
  177. .posts img{
  178. {block:IndexPage}
  179. max-width:500px;
  180. {block:If2Columns}max-width:250px;{/block:If2Columns}
  181. {/block:IndexPage}
  182. {block:PermalinkPage}max-width:500px;{/block:PermalinkPage}
  183. }
  184.  
  185. .posts blockquote img{
  186. {block:IndexPage}
  187. max-width:450px;
  188. {block:If2Columns}max-width:215px;{/block:If2Columns}
  189. {/block:IndexPage}
  190. {block:PermalinkPage}max-width:450px;{/block:PermalinkPage}
  191. }
  192.  
  193. .posts{
  194. float:left;
  195. overflow: hidden;
  196. {block:IndexPage}width:500px;
  197. {block:If2Columns}width:250px;{/block:If2Columns}{/block:IndexPage}
  198. {block:PermalinkPage}width: 500px;{/block:PermalinkPage}
  199. padding: 25px;
  200. margin-left:12px;
  201. margin-bottom:12px;
  202. color: {color:Text};
  203. background: {color:Postbox};
  204. border: 1px solid {color:Postbox Border};
  205. }
  206.  
  207. .imghover{{block:IfGrayScale}{block:IndexPage}filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  208. filter: gray; /* IE6-9 */
  209. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  210. -webkit-transition: all 0.5s ease-in;
  211. -moz-transition: all 0.5s ease-in;
  212. -o-transition: all 0.5s ease-in;{/block:IndexPage}{/block:IfGrayScale}
  213. {block:IfFadeHover}{block:IndexPage}opacity:0.75;
  214. -webkit-transition: all 0.5s ease-in;
  215. -moz-transition: all 0.5s ease-in;
  216. -o-transition: all 0.5s ease-in;{/block:IndexPage}{/block:IfFadeHover}}
  217.  
  218. .imghover:hover{filter: none; opacity:1; -webkit-filter: grayscale(0%); -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in;}
  219.  
  220. .titulo{
  221. font: 30px 'muncie';
  222. letter-spacing:1px;
  223. text-align:left;
  224. margin-left:0px;
  225. padding:5px;
  226. border-left: 5px solid {color:Blockquote};
  227. -webkit-transition: all 0.5s ease-in;
  228. -moz-transition: all 0.5s ease-in;
  229. -o-transition: all 0.5s ease-in;
  230. }
  231.  
  232. .posts:hover .titulo{
  233. border-left: 25px solid {color:Title Bar Hover};
  234. -webkit-transition: all 0.5s ease-in;
  235. -moz-transition: all 0.5s ease-in;
  236. -o-transition: all 0.5s ease-in}
  237.  
  238. .titulo a{
  239. color:{color:Title};
  240. text-decoration:none;
  241. padding-left:5px;
  242. -webkit-transition: all 0.5s ease-in;
  243. -moz-transition: all 0.5s ease-in;
  244. -o-transition: all 0.5s ease-in;
  245. }
  246.  
  247. .titulo a:hover{
  248. color:{color:Title Hover};
  249. text-shadow: 2px 0 .5px #ddd, -2px 0 .5px #eee;
  250. -webkit-transition: all 0.6s ease-in;
  251. -moz-transition: all 0.6s ease-in;
  252. -o-transition: all 0.6s ease-in;
  253. }
  254.  
  255. .linku{
  256. font: 30px 'muncie';
  257. letter-spacing:1px;
  258. text-align:left;
  259. margin-left:0px;
  260. padding:5px;
  261. -webkit-transition: all 0.5s ease-in;
  262. -moz-transition: all 0.5s ease-in;
  263. -o-transition: all 0.5s ease-in;
  264. }
  265.  
  266. .linku a{
  267. color:{color:Title};
  268. text-decoration:none;
  269. padding-left:5px;
  270. border-bottom:4px double {color:Blockquote};
  271. -webkit-transition: all 0.5s ease-in;
  272. -moz-transition: all 0.5s ease-in;
  273. -o-transition: all 0.5s ease-in;
  274. }
  275.  
  276. .linku a:hover{
  277. color:{color:Link Title};
  278. text-shadow: 2px 0 .5px #ddd, -2px 0 .5px #eee;
  279. border-bottom:2px solid {color:Blockquote};
  280. -webkit-transition: all 0.6s ease-in;
  281. -moz-transition: all 0.6s ease-in;
  282. -o-transition: all 0.6s ease-in;
  283. }
  284.  
  285. .quote{
  286. font:16px 'century gothic';
  287. text-align: center;
  288. display:block;
  289. }
  290.  
  291. #audio{
  292. width:25px;
  293. height:25px;
  294. overflow:hidden;
  295. background:#e5e5e5;
  296. padding:0px;
  297. position:absolute;
  298. {block:IndexPage}
  299. margin-left:255px;
  300. border:110px solid #e5e5e5;
  301. border-right:110px solid #e5e5e5;
  302. border-top: 110px solid #e5e5e5;
  303. border-bottom:115px solid #e5e5e5;
  304. {block:If2Columns}
  305. margin-left:130px;
  306. border:40px solid #e5e5e5;
  307. border-right:53px solid #e5e5e5;
  308. border-top:50px solid #e5e5e5;
  309. border-bottom:50px solid #e5e5e5;
  310. {/block:If2Columns}
  311. {/block:IndexPage}
  312. {block:PermalinkPage}
  313. margin-left:255px;
  314. border:110px solid #e5e5e5;
  315. border-right:110px solid #e5e5e5;
  316. border-top: 110px solid #e5e5e5;
  317. border-bottom:115px solid #e5e5e5;
  318. {/block:PermalinkPage}
  319. margin-top:1px;
  320. opacity: 0.8;filter:alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;
  321. }
  322.  
  323. #audiopic{
  324. background: url('http://static.tumblr.com/7qjmkr5/RJWm88a26/musicpost.png'); width:200px; height:200px; {block:If2Columns}width:125px; height:125px;{/block:If2Columns} margin:1px;
  325. }
  326.  
  327. #asker{
  328. float:left;
  329. background:transparent;
  330. border:5px solid {color:Asker Border};
  331. padding:5px;
  332. border-radius:50px;
  333. margin:0px 5px 15px 3px;
  334. }
  335.  
  336. #ask{
  337. text-align: left;
  338. background: transparent;
  339. position: relative;
  340. font: 11px 'calibri';
  341. color: {color:Ask};
  342. margin-bottom:10px;
  343. min-height:80px;
  344. }
  345.  
  346. .asker{
  347. font:12px 'calibri';
  348. text-transform:uppercase;
  349. letter-spacing:1px;
  350. color:#888;
  351. margin-bottom:4px;
  352. }
  353. .asker a{color:{color:Asker Link}; background:{color:Asker Border};}
  354.  
  355. #date{
  356. float:left;
  357. width:500px;
  358. padding:25px;
  359. background:{color:Postbox};
  360. margin-left:12px;
  361. margin-bottom:10px;
  362. font: 12px 'cambria';
  363. color:{color:Text};
  364. border: 1px solid {color:Postbox Border};
  365. }
  366.  
  367. .data{
  368. padding:5px;
  369. border-bottom: 4px double {color:Scrollbar};
  370. font:16px 'cambria';
  371. color:{color:Text};
  372. margin-bottom:7px;
  373. }
  374.  
  375. #note{
  376. float:left;
  377. width:510px;
  378. max-height:500px;
  379. background:{color:Postbox};
  380. padding-left:30px;
  381. padding-right:10px;
  382. margin-left:12px;
  383. font:11px 'trebuchet ms';
  384. color:{color:Text};
  385. border: 1px solid {color:Postbox Border};
  386. }
  387. #note a{color: {color:Link};}
  388.  
  389. ol.notes{
  390. padding: 0px;
  391. margin: 25px 0px;
  392. list-style-type: none;
  393. }
  394.  
  395. #haru{
  396. position:fixed;
  397. float:center;
  398. top:30px;
  399. z-index:99999;
  400. left:320px;
  401. {block:IfNotEndlessScrolling}left:280px;{/block:IfNotEndlessScrolling}
  402. }
  403.  
  404. .haru{
  405. width:700px;
  406. height:200px;
  407. padding:20px;
  408. z-index:9999;
  409. font:11px 'trebuchet ms';
  410. color:#fff;
  411. text-align:left;
  412. background:{color:Topbar};
  413. {block:IfNotEndlessScrolling}border-left:35px solid {color:Pagination};border-right:35px solid {color:Pagination};{/block:IfNotEndlessScrolling}
  414. -webkit-transition: all 0.6s ease-in;
  415. -moz-transition: all 0.6s ease-in;
  416. -o-transition: all 0.6s ease-in;
  417. }
  418.  
  419. .hborder{
  420. height:170px;
  421. border: 10px outset {color:Picture Border};
  422. padding:5px;
  423. background: transparent;
  424. margin: 0px 3px;
  425. float:left;
  426. }
  427.  
  428. #container{
  429. width:250px;
  430. float:left;
  431. }
  432. .haruname{
  433. border-bottom:1px dotted {color:Blog Name};
  434. text-align:center;
  435. width:250px;
  436. margin-bottom:0px;
  437.  
  438. }
  439. .haruname a{
  440. text-align:center;
  441. width:250px;
  442. font: 24px 'cambria';
  443. color:{color:Blog Name};
  444. text-shadow: 2px 0 .2px {color:Scrollbar}, -1px 0 .1px #ddd;
  445. }
  446.  
  447. .menu a{
  448. float:left;
  449. width:40px;
  450. height:9px;
  451. color:{color:Menu};
  452. font: 9px 'trebuchet ms';
  453. padding:5px;
  454. padding-top:7px;
  455. text-align:center;
  456. text-transform:uppercase;
  457. letter-spacing:1px;
  458. overflow:hidden;
  459. {block:IfSubmit}{block:IfNotArchive}margin-left:23px;{/block:IfNotArchive}{/block:IfSubmit}
  460. {block:IfSubmit}{block:IfArchive}margin-left:10px;{block:IfArchive}{/block:IfSubmit}
  461. {block:IfNotSubmit}{block:IfArchive}margin-left:23px;{/block:IfArchive}{/block:IfNotSubmit}
  462. border-radius: 0px 0px 10px 10px;
  463. webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}
  464.  
  465. .menu a:hover{
  466. float:left;
  467. color:{color:Navigation Text};
  468. webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}
  469.  
  470. .harudescr{
  471. float:left;
  472. width:200px;
  473. height:115px;
  474. font:11px 'calibri';
  475. padding-right:10px;
  476. color:{color:Description};
  477. margin-top:10px;
  478. margin-left:20px;
  479. text-align:center;
  480. }
  481.  
  482. #linksp{
  483. float:left;
  484. position:fixed;
  485. top:50px;
  486. left:810px;
  487. width:250px;
  488. }
  489.  
  490. .links{
  491. float:left;
  492. width:92px;
  493. height:21px;
  494. font: 10px 'calibri';
  495. letter-spacing:1px;
  496. margin:5px;
  497. background:{color:Navigation};
  498. border-left:8px solid {color:Navigation Border};
  499. border-right:0px solid {color:Navigation Border};
  500. color:{color:Navigation Text};
  501. text-transform:uppercase;
  502. padding:13px 3px 3px 3px;
  503. text-align:center;
  504. -webkit-transition: all 0.4s ease-in;
  505. -moz-transition: all 0.4s ease-in;
  506. -o-transition: all 0.4s ease-in;
  507. }
  508.  
  509. .links:hover{
  510. float:left;
  511. color:{color:Navigation Text};
  512. text-shadow: 2px 0 .2px #999, -2px 0 .2px #eee;
  513. border-right:8px solid {color:Navigation Border};
  514. border-left:0px solid {color:Navigation Border};
  515. -webkit-transition: all 0.4s ease-in;
  516. -moz-transition: all 0.4s ease-in;
  517. -o-transition: all 0.4s ease-in;
  518. }
  519.  
  520. .byebar{
  521. position:fixed;
  522. width:100%;
  523. top:0px;
  524. left:0px;
  525. height:30px;
  526. background-color:{color:Background};
  527. background-image:url('{image:Background}');
  528. background-position: fixed;
  529. background-attachment:fixed;
  530. background-repeat:repeat;
  531. }
  532.  
  533. .perma{
  534. background:{color:Permalink Box};
  535. padding:5px;
  536. position: absolute;
  537. text-transform:uppercase;
  538. font: 8px 'consolas';
  539. letter-spacing: 2px;
  540. color:{color:Permalink Text};
  541. top:-10px;
  542. left:-10px;
  543. z-index:99;
  544. opacity:0;
  545. -webkit-transition: all 0.5s ease-in;
  546. -moz-transition: all 0.5s ease-in;
  547. -o-transition: all 0.5s ease-in;
  548. }
  549. .perma a{color:{color:Permalink Text};}
  550. .posts:hover .perma{
  551. top:10px;
  552. left:10px;
  553. opacity: 0.75;
  554. filter:alpha(opacity=75);
  555. -webkit-transition: all 0.5s ease-in;
  556. -moz-transition: all 0.5s ease-in;
  557. -o-transition: all 0.5s ease-in;}
  558.  
  559. .posts .perma:hover{
  560. opacity: 1; filter:alpha(opacity= 100);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;}
  561.  
  562. #tags {
  563. width: 550px;
  564. {block:If2Columns}width:270px;{/block:If2Columns}
  565. font-size: 8px;
  566. padding-bottom:5px;
  567. padding-top:3px;
  568. font-family: 'consolas';
  569. color:{color:Link};
  570. text-transform: uppercase;
  571. background-color: {color:Tag Box};
  572. margin-left: -25px;
  573. bottom:0px;
  574. position: absolute;
  575. letter-spacing: 2px;
  576. text-align: center;
  577. -webkit-transition: all 0.5s ease-out;
  578. -moz-transition: all 0.5s ease-out;
  579. -o-transition: all 0.5s ease-out;
  580. opacity:0; filter: alpha(opacity = 0); zoom: 1;}
  581.  
  582. #tags a{color: {color:Tag Text};}
  583.  
  584. .posts:hover #tags {
  585. opacity: 0.75;
  586. filter:alpha(opacity=75);
  587. z-index:3;
  588. padding-bottom:10px;
  589. }
  590.  
  591. .posts #tags:hover{
  592. opacity: 1;
  593. filter:alpha(opacity= 100);
  594. -webkit-transition: all 0.5s ease-out;
  595. -moz-transition: all 0.5s ease-out;
  596. -o-transition: all 0.5s ease-out;
  597. }
  598.  
  599. .pagination {
  600. float:left;
  601. background:transparent;
  602. width:250px;
  603. height:35px;
  604. padding:8px;
  605. padding-bottom:15px;
  606. text-align:Center;
  607. font: 14px 'consolas';
  608. color:{color:Pagination};
  609. }
  610.  
  611. .pagination a{
  612. font: 18px 'consolas';
  613. color:{color:Pagination};
  614. }
  615.  
  616. {CustomCSS}
  617.  
  618. </style>
  619. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  620. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  621. {block:IfEndlessScrolling}<script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>{/block:IfEndlessScrolling}
  622. <script type="text/javascript">
  623. $(window).load(function () {
  624. $('#postar').masonry(),
  625. $('.masonryWrap').infinitescroll({
  626. itemSelector : ".posts",
  627. navSelector : "div.navigation",
  628. nextSelector : ".navigation a#next",
  629. bufferPx : 10000,
  630. extraScrollPx: 10000,
  631. loadingImg : "",
  632. loadingText : "",
  633. },
  634. function() { $('#postar').masonry({ appendedContent: $(this) });
  635. });
  636. });</script>
  637.  
  638. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  639. </head>
  640.  
  641. <body>
  642. <div id="top"></div>
  643. <a style="position:fixed;bottom:5px;left:5px; font:11px 'consolas';color:{color:Text}; text-transform:uppercase;" href="http://madarathemes.tumblr.com/">theme ☁</a>
  644. <div id="postar">
  645. {block:Posts}
  646.  
  647. <div class="posts">
  648.  
  649. {block:IndexPage}<div class="perma"><a href="{Permalink}">{NoteCountWithLabel}</a> · <a href="{ReblogURL}" target="_blank">Reblog</a></div>
  650. {block:IfTags}{block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:IfTags}
  651. {/block:IndexPage}
  652.  
  653. {block:Text}
  654. {block:Title}<div class="titulo"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  655. {Body}
  656. {/block:Text}
  657.  
  658. {block:Photo}
  659. {block:IndexPage}<div class="imghover"><a href="{Permalink}"><img src="{PhotoURL-500}" border="0" width="500px"/></a></div>{/block:IndexPage}
  660. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" border="0" width="500px"/>{LinkCloseTag}{/block:PermalinkPage}
  661. {block:IfCaption} {block:Caption}
  662. {Caption}
  663. {/block:Caption}{/block:IfCaption}
  664.  
  665. {block:IfNotCaption}{block:PermalinkPage}{block:Caption}
  666. {Caption}
  667. {/block:Caption}{/block:PermalinkPage}{/block:IfNotCaption}
  668. {/block:Photo}
  669.  
  670. {block:Photoset}
  671.  
  672. {block:IndexPage}
  673. {block:IfNot2Columns}<div class="imghover">{Photoset-500}</div>{/block:IfNot2Columns}
  674. {block:If2Columns}<div class="imghover">{Photoset-250}</div>{/block:If2Columns}{/block:IndexPage}
  675.  
  676. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  677.  
  678. {block:IfCaption} {block:Caption}
  679. {Caption}
  680. {/block:Caption}{/block:IfCaption}
  681.  
  682. {block:IfNotCaption}{block:PermalinkPage}{block:Caption}
  683. {Caption}
  684. {/block:Caption}{/block:PermalinkPage}{/block:IfNotCaption}
  685. {/block:Photoset}
  686.  
  687. {block:Quote}
  688. <div class="quote">❝{Quote}❞</div>
  689. {block:Source}
  690. <div align="right">- {Source}</div>
  691. {/block:Source}
  692. {/block:Quote}
  693.  
  694. {block:Link}
  695. <div class="linku"><a href="{URL}" class="link" {Target}>{Name} →</a></div>
  696. {block:Description}
  697. {Description}
  698. {/block:Description}
  699. {/block:Link}
  700.  
  701. {block:Chat}
  702. {block:Title}<div class="titulo"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  703. <div style="margin-left:16px;">{block:Lines}{block:Label}<b><span style="color:{color:Scrollbar};">{Label}</span></b>{/block:Label} {Line}<br>{/block:Lines}</div>
  704. {/block:Chat}
  705.  
  706. {block:Audio}
  707.  
  708. <div id= "audio">{AudioPlayerGrey}</div>
  709. <div id="audiopic">{block:AlbumArt}
  710. <div class="imghover"><img src="{AlbumArtURL}" {block:If2Columns}width="125"{/block:If2Columns} width="250"></div>
  711. {/block:AlbumArt}</div>
  712.  
  713. {block:IfCaption}
  714. {block:IfNot2Columns}<br><br><br><br>{/block:IfNot2Columns}{block:Caption}
  715. {Caption}
  716. {/block:Caption}{/block:IfCaption}
  717.  
  718. {block:IfNotCaption}{block:PermalinkPage}{block:Caption}
  719. {Caption}
  720. {/block:Caption}{/block:PermalinkPage}{/block:IfNotCaption}
  721.  
  722. {/block:Audio}
  723.  
  724. {block:Video}
  725.  
  726. {block:IndexPage}{block:IfNot2Columns}{Video-500}{/block:IfNot2Columns}
  727. {block:If2Columns}{Video-250}{/block:If2Columns}{/block:IndexPage}
  728. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  729.  
  730. {block:IfCaption} {block:Caption}
  731. {Caption}
  732. {/block:Caption}{/block:IfCaption}
  733.  
  734. {block:IfNotCaption}{block:PermalinkPage}{block:Caption}
  735. {Caption}
  736. {/block:Caption}{/block:PermalinkPage}{/block:IfNotCaption}
  737. {/block:Video}
  738.  
  739. {block:Answer}
  740.  
  741. <div id="ask" align="right"><div id="asker"><img style="border-radius:50px;" src="{AskerPortraitURL-64}" align="left"></div>
  742. <div class="asker">{Asker} said:</div>❝ {Question} ❞</div>
  743. <div style="border-bottom: 1px dotted {color:Link}; margin-bottom:5px; margin-top:10px;"></div>
  744. {Answer}
  745.  
  746. {/block:Answer}
  747.  
  748. </div>
  749.  
  750. {block:PermalinkPage}{block:Date}
  751. <div id="date"><div class="data">
  752. {Month} {DayOfMonthWithZero}, {Year} - {12Hour}:{Minutes}{AmPm} [{TimeAgo}]</div>
  753. {NoteCountWithLabel}<br>
  754. {block:RebloggedFrom}
  755. <b>via:</b> <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> <br>
  756. <b>source:</b> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a> <br>{/block:RebloggedFrom}
  757. {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  758. </div>{/block:Date}
  759.  
  760. {block:PostNotes}<div id="note" style="overflow:auto; line-height:100%">{PostNotes}</div>{/block:PostNotes}{/block:PermalinkPage}
  761.  
  762. {block:ContentSource}
  763. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  764. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  765. {/block:SourceLogo}
  766. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  767. {/block:ContentSource}
  768.  
  769. {/block:Posts}
  770. </div>
  771. </div>
  772.  
  773. <div class="navigation">
  774. {block:Pagination}
  775. {block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older ?</a>{/block:NextPage}
  776. {block:PreviousPage}<a style="float:left" href="{PreviousPage}">? Newer</a></p>{/block:PreviousPage}
  777. {/block:Pagination}
  778. </div>
  779.  
  780. <div id="haru">
  781. <div class="haru">
  782. <img src="{image:Picture}" class="hborder" height='170' width='170'>
  783. <div id="container">
  784. <div class="haruname"><a href="/">{title}</a></div>
  785. <div class="menu"><a href="/"><b>home</b></a></div>
  786. <div class="menu"><a href="/ask">{text:ask}</a></div>
  787. {block:IfSubmit}<div class="menu"><a href="/submit">submit</a></div>{/block:IfSubmit}
  788. {block:IfArchive}<div class="menu"><a href="/archive">archive</a></div>{/block:IfArchive}
  789.  
  790. <br>
  791. <div class="harudescr" style="overflow:auto; line-height:120%">{description}</div>
  792.  
  793. {block:IfNotEndlessScrolling}
  794. <div class="pagination">
  795. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}{/block:Pagination}
  796. {block:JumpPagination length="5"}
  797. {block:CurrentPage}<b>☁</b>{/block:CurrentPage}
  798. {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
  799. {/block:JumpPagination}
  800. {block:Pagination}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
  801. </div>{/block:IfNotEndlessScrolling}
  802.  
  803. </div>
  804.  
  805. <div id="linksp">
  806. {block:IfURL01}<a href="{text:URL 01}"><div class="links">{text:URL 01 Title}</div></a>{/block:IfURL01}
  807. {block:IfURL02}<a href="{text:URL 02}"><div class="links">{text:URL 02 Title}</div></a>{/block:IfURL02}
  808. {block:IfURL03}<a href="{text:URL 03}"><div class="links">{text:URL 03 Title}</div></a>{/block:IfURL03}
  809. {block:IfURL04}<a href="{text:URL 04}"><div class="links">{text:URL 04 Title}</div></a>{/block:IfURL04}
  810. {block:IfURL05}<a href="{text:URL 05}"><div class="links">{text:URL 05 Title}</div></a>{/block:IfURL05}
  811. {block:IfURL06}<a href="{text:URL 06}"><div class="links">{text:URL 06 Title}</div></a>{/block:IfURL06}
  812. {block:IfURL07}<a href="{text:URL 07}"><div class="links">{text:URL 07 Title}</div></a>{/block:IfURL07}
  813. {block:IfURL08}<a href="{text:URL 08}"><div class="links">{text:URL 08 Title}</div></a>{/block:IfURL08}
  814. </div></div></div>
  815.  
  816. <div class="byebar"></div>
  817.  
  818.  
  819. {block:IfEndlessScrolling}{block:IndexPage}<a style="position:fixed; bottom:10px; right:10px;font:18px 'courier new';" href="#top">▲ TOP</a>{/block:IndexPage}{block:IfEndlessScrolling}
  820.  
  821. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement