API tools faq
paste
Advertisement
jaesoonie

THEME #40 YURA

jaesoonie
Apr 17th, 2014
4,526
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.71 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!--
  5.  
  6.  
  7.  
  8. ᴛʜᴇᴍᴇ #40;
  9. © ᴍᴀᴅᴇ ʙʏ ᴄʜʟᴏᴇ
  10. [ ʏᴏɴɢ.ᴄᴏ.ᴠᴜ ] & [ sᴏᴏɴᴊᴜɴs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ ]
  11.  
  12. ᴛʜᴇᴍᴇs ᴄᴀɴ ʙᴇ ғᴏᴜɴᴅ ᴀᴛ:
  13. [ sᴏᴏɴ-co.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ ]
  14.  
  15.  
  16. - ᴅᴏɴ'ᴛ sᴛᴇᴀʟ ɪᴛ.
  17. - ᴘʟᴇᴀsᴇ ʟᴇᴀᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ ᴏɴ ᴛʜᴇ ᴛʜᴇᴍᴇ.
  18.  
  19.  
  20.  
  21. -->
  22.  
  23. <title>{title}</title>
  24. <link rel="shortcut icon" href="{Favicon}">
  25. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><script type="text/javascript"
  26. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  27.  
  28.  
  29. <script type="text/javascript"
  30. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  31. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  32. <script>
  33. (function($){
  34. $(document).ready(function(){
  35. $("[title]").style_my_tooltips();
  36. });
  37. })(jQuery);
  38. </script>
  39.  
  40. <meta name="font:Body" content="trebuchet ms, sans-serif"/>
  41. <meta name="color:Blog Background" content="#f5f5f5" />
  42. <meta name="color:Posts Background" content="#ffffff" />
  43. <meta name="color:Sidebar Background" content="#ffffff" />
  44. <meta name="color:Sidebar Border" content="#ffffff" />
  45. <meta name="color:Title Font" content="#ffffff" />
  46. <meta name="color:Title Background" content="#ffffff" />
  47. <meta name="color:Description Font" content="#ffffff" />
  48. <meta name="color:Description Borders" content="#ffffff" />
  49. <meta name="color:Post Title Font" content="#333" />
  50. <meta name="color:Post Title" content="#222222" />
  51. <meta name="color:Post Borders" content="#f4f4f4" />
  52. <meta name="color:All General Text" content="#565656" />
  53. <meta name="color:Bold Text" content="#6f6e6e" />
  54. <meta name="color:Italic Text" content="#b9b8b8" />
  55. <meta name="color:Hyperlinks" content="#fbb58b"/>
  56. <meta name="color:Hyperlinks Hover" content="#eee" />
  57. <meta name="color:BlockquoteAndCaption" content="#f5f5f5" />
  58. <meta name="color:Info Font" content="#444444" />
  59. <meta name="color:Info Background" content="#ffffff" />
  60. <meta name="color:Notes Font" content="#111111" />
  61. <meta name="color:Tooltip Background" content="#222" />
  62. <meta name="color:Tooltip Font" content="#ffffff" />
  63. <meta name="color:Pagination Font" content="#ffffff" />
  64. <meta name="color:Question Background" content="#f5f5f5" />
  65. <meta name="image:Blog Background" content="" />
  66. <meta name="image:Sidebar Picture" content="" />
  67. <meta name="image:Special Cursor Default" content="" />
  68. <meta name="image:Special Cursor Pointer" content="" />
  69. <meta name="text:Title Size" content="35px" />
  70. <meta name="text:Opacity Value" content="1"/>
  71. <meta name="text:Home" content="home" />
  72. <meta name="text:Ask" content="message" />
  73. <meta name="text:Archive" content="archive" />
  74. <meta name="text:Archive Link" content="/archive" />
  75. <meta name="text:Link1" content="/" />
  76. <meta name="text:Link1 Title" content="link 1" />
  77. <meta name="text:Link2" content="/" />
  78. <meta name="text:Link2 Title" content="link 2" />
  79. <meta name="text:Link3" content="/" />
  80. <meta name="text:Link3 Title" content="link 3" />
  81. <meta name="if:2Columns250px" content="0"/>
  82. <meta name="if:250px" content="0"/>
  83. <meta name="if:400px" content="0"/>
  84. <meta name="if:500px" content="1"/>
  85. <meta name="if:InfiniteScroll" content="0">
  86. <meta name="if:Caption" content="1">
  87. <meta name="if:Greyscale" content="0"/>
  88. <meta name="if:TinyCursor" content="0"/>
  89. <meta name="if:SpecialCursor" content="0"/>
  90. <meta name="if:NoTitleBackground" content="1"/>
  91.  
  92. <style type="text/css">
  93.  
  94. #s-m-t-tooltip {display: block;background: {color:Tooltip Background};font-size: 8px;font-family: calibri;letter-spacing: 2px;text-transform: uppercase;line-height:100%;color: {color:Tooltip Font};text-align: center;margin-left: 22px;padding:5px 6px 5px 6px;min-width: 40px;max-width: 200px;z-index: 999999;}
  95.  
  96. iframe#tumblr_controls {right:0px !important;position:fixed !important;opacity:0.5;z-index:99;-webkit-filter:invert(100%);-webkit-transition-duration:0.8s;-moz-transition-duration: 0.8s;}
  97. iframe#tumblr_controls:hover {opacity:1;-webkit-transition-duration:0.8s;-moz-transition-duration: 0.8s;}
  98.  
  99. ::-webkit-scrollbar-track {background-color:#fff;}
  100. ::-webkit-scrollbar-thumb {background-color:#111;}
  101. ::-webkit-scrollbar {width:7px;height:7px;}
  102.  
  103. ::selection {color: #fff; background: #111; }
  104. ::-moz-selection {color: #fff; background: #111; }
  105. ::-webkit-selection {color: #fff; background: #111; }
  106.  
  107. {block:iftinycursor}
  108. body{cursor:url('http://www.totallylayouts.com/cursors/random/tiny_cursor.png'), auto;}
  109. a, a:hover,a:link, a:active, a:visited, #navigation a:hover, #pagination a:hover {cursor:url('http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif'), auto;}
  110. {/block:iftinycursor}
  111. {block:ifspecialcursor}
  112. body{cursor:url('{image:Special Cursor Default}'), auto;}
  113. a, a:hover,a:link, a:active, a:visited, #navigation a:hover, #pagination a:hover {cursor:url('{image:Special Cursor Pointer}'), auto;}
  114. {/block:ifspecialcursor}
  115.  
  116. body{
  117. margin:0px;
  118. font-family:{font:Body};
  119. line-height:100%;
  120. color:{color:All General Text};
  121. word-wrap: break-word;
  122. font-size:10px;
  123. background: {color:Blog Background} url('{image:Blog Background}') fixed repeat;
  124. }
  125.  
  126. a { text-decoration:none;
  127. cursor:pointer;
  128. color:{color:Hyperlinks};
  129. -webkit-transition: all 0.7s ease-in-out;
  130. -moz-transition: all 0.7s ease-in-out;
  131. -o-transition: all 0.7s ease-in-out;
  132. -ms-transition: all 0.7s ease-in-out;
  133. transition: all 0.7s ease-in-out;}
  134.  
  135. a:link, a:active, a:visited {
  136. color: {color:Hyperlinks};
  137. -webkit-transition: all 0.7s ease-in-out;
  138. -moz-transition: all 0.7s ease-in-out;
  139. -o-transition: all 0.7s ease-in-out;
  140. -ms-transition: all 0.7s ease-in-out;
  141. transition: all 0.7s ease-in-out;}
  142.  
  143. a:hover {color:{color:Hyperlinks Hover};}
  144.  
  145. b, strong {
  146. font-weight:700;
  147. color:{color:Bold Text};}
  148.  
  149. i, em {
  150. font-weight:light;
  151. color:{color:Italic Text};}
  152.  
  153. h2 {font:bold 15px arial; }
  154.  
  155. blockquote {
  156. margin: 3px;
  157. padding:0px 3px 0px 3px;
  158. line-height:90%;
  159. border-left: 2px solid #fff;
  160. background-color:{color:BlockquoteAndCaption};}
  161.  
  162. blockquote img {
  163. {block:indexpage}
  164. max-width:220px;
  165. {/block:indexpage}
  166. {block:permalinkpage}
  167. max-width:410px;
  168. {/block:permalinkpage}
  169. overflow: auto;}
  170.  
  171. #caption{
  172. padding: 4px 10px 4px 10px;
  173. color:{color:All General Text};
  174. background-color:{color:BlockquoteAndCaption};
  175. margin-top:5px;
  176. text-align:justify;
  177. border:1px double #f3f3f3;}
  178.  
  179. pre, xmp, plaintext, listing {
  180. display: block;
  181. white-space: pre;
  182. padding: 5px;
  183. word-wrap: break-word;
  184. font: 9px lucida console;}
  185.  
  186. /********* sidebar **********/
  187.  
  188. .sidebar {
  189. position:fixed;
  190. top:0px;
  191. left:0px;
  192. width:350px;
  193. height:100%;
  194. border-right:3px solid {color:Sidebar Border};
  195. background:{color:Sidebar Background} url('{image:Sidebar Picture}');
  196. background-position:center;
  197. background-size:cover;}
  198.  
  199. @font-face {
  200. font-family: 'justus';
  201. src: url('justus.ttf');
  202. src: url('http://dl.dropbox.com/s/5zuhnbkjrtwnnm7/Oranienbaum.ttf');}
  203.  
  204. #title {
  205. position:relative;
  206. font: {text:Title Size} 'justus';
  207. letter-spacing:8px;
  208. line-height:100%;
  209. margin-top:70px;
  210. margin-bottom:10px;
  211. text-align:center;
  212. text-transform:uppercase;
  213. padding:15px;
  214. width:320px;
  215. background:{color:Title Background};
  216. color:{color:Title Font};
  217. z-index:99;
  218. {block:ifnotitlebackground}
  219. background:transparent;
  220. {/block:ifnotitlebackground}
  221. {block:permalinkpage} margin-top:130px;{/block:permalinkpage}
  222. {block:ifinfinitescroll} margin-top:130px;{/block:ifinfinitescroll}}
  223.  
  224. #description {
  225. position:relative;
  226. margin:auto;
  227. width: 190px;
  228. height:auto;
  229. font: 9px arial;
  230. letter-spacing:2px;
  231. line-height:120%;
  232. text-align: justify;
  233. border-top:2px solid {color:Description Borders};
  234. border-bottom:2px solid {color:Description Borders};
  235. color:{color:Description Font};
  236. z-index:22;
  237. padding:10px;
  238. opacity:1;
  239. margin-bottom:10px;}
  240.  
  241. #navigation{
  242. margin:auto;
  243. width: 200px;
  244. margin-top:0px;
  245. margin-bottom:0px;
  246. text-align:center;
  247. position:relative;
  248. z-index:55;
  249.  
  250. -webkit-transition: all 0.9s ease-in-out;
  251. -moz-transition: all 0.9s ease-in-out;
  252. -o-transition: all 0.9s ease-in-out;
  253. -ms-transition: all 0.9s ease-in-out;
  254. transition: all 0.9s ease-in-out;}
  255.  
  256. #navigation a{
  257. width:50px;
  258. margin-bottom:20px;
  259. text-align:center;
  260. padding:4px;
  261. display:inline-block;}
  262.  
  263. #navigation img {width:20px;}
  264.  
  265. #pagination {
  266. {block:Pagination}
  267. margin:auto;
  268. position:relative;
  269. text-align:center;
  270. font:bold 11px consolas;
  271. padding:5px;
  272. margin-top:40px;
  273. letter-spacing:3px;
  274. opacity:0;
  275. text-transform:uppercase;
  276. width: 190px;
  277. border-bottom:1px solid {color:Pagination Font};
  278. -webkit-transition: all 0.5s ease-in-out;
  279. -moz-transition: all 0.5s ease-in-out;
  280. transition: all 0.5s ease-in-out;
  281. {/block:Pagination}
  282. {block:permalinkpage}display:none;{/block:permalinkpage}
  283. {block:ifinfinitescroll}display:none;{/block:ifinfinitescroll}}
  284.  
  285. #pagn {display:inline-block;text-align:right;padding:2px 4px 2px 4px;}
  286. #pagp {display:inline-block;text-align:left;padding:2px 4px 2px 4px;}
  287.  
  288. #pagination a{color:{color:Pagination Font}; cursor:pointer;}
  289.  
  290. .sidebar:hover #pagination {opacity:1;}
  291.  
  292. /********* posts **********/
  293.  
  294. #container{
  295. padding:50px 0px 40px 0px;
  296. margin-top:0px;
  297. z-index:999;
  298. margin-left:420px;
  299. {block:indexpage}
  300. {block:if2Columns250px}
  301. width:750px;
  302. {/block:if2Columns250px}
  303. {block:if250px}
  304. width:250px;
  305. {/block:if250px}
  306. {block:if400px}
  307. width:400px;
  308. {/block:if400px}
  309. {block:if500px}
  310. width:500px;
  311. {/block:if500px}
  312. {/block:indexpage}
  313. {block:permalinkpage}
  314. width:500px;
  315. {/block:permalinkpage}}
  316.  
  317. #posts{
  318. position:relative;
  319. z-index:9999;
  320. padding:25px;
  321. background:white;
  322. border:1px solid {color:Post Borders};
  323. {block:indexpage}
  324. {block:if2Columns250px}
  325. width:250px; margin-bottom:60px;margin-left:60px;float:left;
  326. {/block:if2Columns250px}
  327. {block:if250px}
  328. width:250px; margin-bottom:60px;
  329. {/block:if250px}
  330. {block:if400px}
  331. width:400px;margin-bottom:80px;
  332. {/block:if400px}
  333. {block:if500px}
  334. width:500px; margin-bottom:90px;
  335. {/block:if500px}
  336. {/block:indexpage}
  337. {block:PermalinkPage}
  338. width:500px;margin-bottom:20px;line-height:120%;
  339. {/block:PermalinkPage}}
  340.  
  341. .titles{
  342. color:{color:Post Title Font};
  343. font: bold oblique 20px 'justus';
  344. letter-spacing:1px;
  345. line-height: 100%;
  346. text-align:justify;
  347. padding:4px;
  348. text-transform:lowercase;
  349. {block:PermalinkPage}
  350. margin-bottom:0px;
  351. {/block:PermalinkPage}}
  352.  
  353. #opandgrey {
  354. opacity:{text:Opacity Value};
  355. -webkit-transition-duration:0.8s;
  356. -moz-transition-duration: 0.8s;
  357. transition: all 0.8s ease-in-out;
  358. {block:ifgreyscale}
  359. 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");filter: gray;
  360. -webkit-filter: grayscale(100%);-webkit-transition-duration:0.8s;-moz-transition-duration: 0.8s;transition: all 0.8s ease-in-out;{/block:ifgreyscale}}
  361. #opandgrey:hover{{block:indexpage}opacity:1;-webkit-transition-duration:0.8s;-moz-transition-duration: 0.8s;-webkit-filter: grayscale(0%);{/block:indexpage}}
  362.  
  363. #posts img {
  364. {block:if2Columns250px}
  365. max-width:220px;
  366. {/block:if2Columns250px}
  367. {block:if250px}
  368. max-width:220px;
  369. height:auto;
  370. {/block:if250px}
  371. {block:if400px}
  372. max-width:360px;
  373. height:auto;
  374. {/block:if400px}
  375. {block:if500px}
  376. max-width:470px;
  377. height:auto;
  378. {/block:if500px}
  379. {block:permalinkpage}max-width:470px;height:auto;{/block:permalinkpage};}
  380.  
  381. #text {padding:0px 15px 0px 15px;text-align:justify;line-height:110%;}
  382.  
  383. #quote {
  384. text-align:center;
  385. font: bold oblique 17px 'justus';
  386. letter-spacing:1px;
  387. line-height: 100%;
  388. margin-bottom: 0px;
  389. padding:20px 15px 15px 15px;
  390. background:{color:Text Posts Background};}
  391.  
  392. #source {font: oblique 8px cambria;letter-spacing:2px; text-align:center;padding: 7px; margin-top:10px;color:#888;background:#fff;}
  393.  
  394. .chat ul{padding:0px 0px 0px 0px;margin:0px;}
  395. .chat li{margin-bottom:1px;padding:5px;list-style-type:none;}
  396. .chat li.odd {background:#f5f5f5;}
  397. .chat li.even {background:#fbfbfb;}
  398. span.chats {font: 10px consolas; font-weight:700;letter-spacing:1px;text-transform:uppercase;}
  399.  
  400. .audioplayer {position:relative;display:inline-block;width:100%;}
  401. .player {left: 5px;top: 5px;padding:10px;background:#f5f5f5;overflow:hidden;border-right:10px solid #f5f5f5;}
  402. .button {position: relative;width: 40px;height: 40px;}
  403. .tumblr_audio_player {margin-left:60px;width: 500px;height:40px;background:#111; {block:if2Columns250px}width:250px;{/block:if2Columns250px}{block:if250px}width: 250px;{/block:if250px}{block:if400px}width: 400px;{/block:if400px}{block:if500px}width: 500px;{/block:if500px}{block:PermalinkPage}width: 500px;{/block:PermalinkPage}}
  404. .audioalbum {position: absolute;left: 5px;top: 5px;overflow: hidden;width: 40px;height: 40px;border:5px solid #fff;border-radius:50%;}
  405. .audioalbum img {width: 100%;height: auto;}
  406. .audioinfo {width:auto;margin-top:10px; padding:0px;text-align:center; font-family:consolas;letter-spacing:1px;font-size:9px;font-weight:bold;color:#777;text-transform:uppercase;overflow:hidden;}
  407.  
  408. #asker {
  409. padding:5px;
  410. text-align:center;
  411. line-height: 100%;
  412. font:bold 11px calibri;
  413. letter-spacing:8px;
  414. text-transform:uppercase;
  415. color:#222;
  416. margin-top:-7px;
  417. margin-bottom:10px;
  418. -webkit-transition: all 0.7s ease-in-out;
  419. -moz-transition: all 0.7s ease-in-out;
  420. -o-transition: all 0.7s ease-in-out;
  421. -ms-transition: all 0.7s ease-in-out;
  422. transition: all 0.7s ease-in-out;}
  423.  
  424. #asker img {width:20px;height:20px;border-radius:50%;border:4px solid #f5f5f5;padding:2px;background:#fff;vertical-align:-12px;margin-right:8px;}
  425. #questions {
  426. text-align:justify;
  427. padding:20px;
  428. font-family:arial;
  429. letter-spacing:1px;
  430. font-size:10px;
  431. font-weight:bold;
  432. font-style:oblique;
  433. margin-bottom:5px;
  434. background: {color:Question Background};}
  435.  
  436. #asker a {color:#222;}
  437. #asker a:hover {color:#666;}
  438.  
  439. /*info*/
  440.  
  441. .info {
  442. {block:indexpage}
  443. position:absolute;
  444. {block:if2Columns250px}
  445. width:292px;
  446. {/block:if2Columns250px}
  447. {block:if250px}
  448. width:292px;
  449. {/block:if250px}
  450. {block:if400px}
  451. width:442px;
  452. {/block:if400px}
  453. {block:if500px}
  454. width:542px;
  455. {/block:if500px}
  456. text-align:center;
  457. padding:3px 4px 4px 4px;
  458. text-transform:uppercase;
  459. letter-spacing:2px;
  460. font: bold 8px consolas;
  461. color:{color:info font};
  462. margin-top:-50px;
  463. margin-left:-25px;
  464. background:{color:Info Background};
  465. opacity:0;
  466. -webkit-transition: all 0.5s ease-in-out;
  467. -moz-transition: all 0.5s ease-in-out;
  468. -o-transition: all 0.5s ease-in-out;
  469. -ms-transition: all 0.5s ease-in-out;
  470. transition: all 0.5s ease-in-out;
  471. {/block:indexpage}
  472. {block:PermalinkPage}
  473. display:none;
  474. {/block:PermalinkPage}}
  475.  
  476. #posts:hover .info {opacity:1;}
  477.  
  478. .tagging{
  479. {block:indexpage}
  480. position:absolute;
  481. letter-spacing:1px;
  482. text-transform:uppercase;
  483. font-family: consolas;
  484. font-size:8px;
  485. color:#444;
  486. opacity:0;
  487. text-align:center;
  488. padding-top:5px;
  489. word-wrap: break-word;
  490. {block:if2Columns250px}
  491. width:250px;
  492. {/block:if2Columns250px}
  493. {block:if250px}
  494. width:250px;
  495. {/block:if250px}
  496. {block:if400px}
  497. width:400px;
  498. {/block:if400px}
  499. {block:if500px}
  500. width:500px;
  501. {/block:if500px}
  502. {/block:indexpage}
  503. {block:PermalinkPage}
  504. display:none;
  505. {/block:PermalinkPage}
  506. -webkit-transition: all 0.5s ease-in-out;
  507. -moz-transition: all 0.5s ease-in-out;
  508. -o-transition: all 0.5s ease-in-out;
  509. -ms-transition: all 0.5s ease-in-out;
  510. transition: all 0.5s ease-in-out;}
  511.  
  512.  
  513. #posts:hover .tagging{opacity:1;}
  514. .info a{color:{color:info font};}
  515. .tagging a{color:#444;}
  516.  
  517. /*permalink*/
  518.  
  519. #infoperm{
  520. font-family: consolas;
  521. font-size:9px;
  522. text-transform:uppercase;
  523. letter-spacing:2px;
  524. text-align:center;
  525. margin-top:10px;
  526. padding-left: 13px;
  527. padding-right: 13px;
  528. padding-top: 8px;
  529. padding-bottom: 8px;
  530. background-color: #f5f5f5;
  531. {block:permalinkpage}width:474px;{/block:permalinkpage}}
  532.  
  533. #tagperm{
  534. font-family:calibri;
  535. text-transform:normal;
  536. text-transform:uppercase;
  537. font-size:8px;
  538. letter-spacing: 1px;
  539. text-align:left;
  540. margin-top: 3px;
  541. padding: 13px;
  542. background-color: #f5f5f5;}
  543.  
  544. #notecount{
  545. font:bold 20px consolas;
  546. text-transform:normal;
  547. letter-spacing: -1px;
  548. text-align:center;
  549. margin-top:5px;
  550. margin-bottom: 10px;
  551. padding: 1px;
  552. color:#333;
  553. background-color:#f5f5f5;}
  554.  
  555. #infoperm a {{color:hyperlinks};}
  556. #tagperm a {{color:hyperlinks};}
  557. #tagperm a:hover {color:{color:hyperlinks hover};}
  558.  
  559. .pnotes {
  560. background:transparent;
  561. width:500px;
  562. text-align: left;
  563. overflow:auto;
  564. line-height:15px;
  565. padding:5px;
  566. margin-left: -20px;}
  567.  
  568. .pnotes img{width:26px;margin:5px;border:3px solid #f5f5f5;}
  569. .pnotes li{list-style-type:none; padding:4px;margin-right: 20px;margin-bottom:2px;}
  570. ol.notes {margin: 25px 0px;}
  571. img.avatar {
  572. vertical-align: -18px;
  573. width: 26px;
  574. height: 26px;
  575. padding: 1px;}
  576.  
  577. #cr {font-size:8px;font-family:arial;text-align:center;padding: 4px;z-index:99999;position:fixed;bottom:5px;left:130px;letter-spacing:3px;opacity:0;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
  578. #cr a {color:{color:Pagination Font};}
  579. .sidebar:hover #cr {opacity:1;}
  580.  
  581.  
  582. </style>
  583.  
  584. </head>
  585. <body>
  586.  
  587. <div class="sidebar">
  588.  
  589. {block:Pagination}
  590. <div id="pagination">
  591. {block:PreviousPage}<div id="pagp"><a href="{PreviousPage}">◄ previous</a></div>{/block:PreviousPage}
  592. {block:NextPage}<div id="pagn"><a href="{NextPage}">next ►</a></div>{/block:NextPage}</div>
  593. {/block:Pagination}
  594.  
  595. <div id="title">{Title}</div>
  596.  
  597. <div id="description">{block:Description}{Description}{/block:Description}</div>
  598.  
  599. <div id="navigation">
  600. <a href="/" title="{text:home}"><img src="http://static.tumblr.com/camqjbz/2kTn41xl7/home.png"></a>
  601. <a href="/ask" title="{text:ask}"><img src="http://static.tumblr.com/camqjbz/0EDn41xlg/message.png"></a>
  602. <a href="{text:archive link}" title="{text:archive}"><img src="http://static.tumblr.com/camqjbz/5kVn41xro/archive.png"></a>
  603. {block:ifLink1}<a href="{text:Link1}" title="{text:Link1 Title}"><img src="http://static.tumblr.com/camqjbz/boCn41xmy/tag.png"></a>{/block:ifLink1}
  604. {block:ifLink2}<a href="{text:Link2}" title="{text:Link2 Title}"><img src="http://static.tumblr.com/camqjbz/pdJn41xlx/folder.png"></a>{/block:ifLink2}
  605. {block:ifLink3}<a href="{text:Link3}" title="{text:Link3 Title}"><img src="http://static.tumblr.com/camqjbz/fDNn41xs0/heart.png"></a>{/block:ifLink3}
  606. </div>
  607.  
  608. <div id="cr" title="theme by soonjun"><a href="http://soon-co.tumblr.com/">theme credit</a></div>
  609. </div></div>
  610.  
  611. <div id="container">
  612. {block:Posts}
  613. <div id="posts">
  614.  
  615. {block:Quote}
  616. <div class="info">
  617. {block:Date}<a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date}{block:NoteCount} ▴ [<span style="font:bold 10px consolas;color:{color:Notes Font};">{NoteCountWithLabel}</span>]{/block:NoteCount}{/block:RebloggedFrom} ▴ <a href="{ReblogURL}" title="reblog this post">reblog</a></div>
  618. <div id="quote">{Quote}<div id="source">{Source}</div></div>
  619. <div class="tagging">
  620. {block:HasTags}{block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  621. {/block:Quote}
  622.  
  623. {block:Photo}
  624. {block:indexpage}
  625. <div class="info">
  626. {block:Date}<a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date}{block:NoteCount} ▴ [<span style="font:bold 10px consolas;color:{color:Notes Font};">{NoteCountWithLabel}</span>]{/block:NoteCount} ▴ <a href="{ReblogURL}" title="reblog this post">reblog</a></div>
  627. <div id="opandgrey">
  628. <center>{LinkOpenTag}<img src="{PhotoURL-500}" style="{block:if2Columns250px}max-width:250px;{/block:if2Columns250px}{block:if250px}max-width:250px;{/block:if250px}{block:if400px}max-width:400px;{/block:if400px}{block:if500px}max-width:500px;
  629. {/block:if500px}"/>{LinkCloseTag}</center></div>
  630. {block:ifcaption}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}
  631. <div class="tagging">
  632. {block:HasTags}Tags: {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  633. {/block:indexpage}
  634. {block:permalinkpage}
  635. <center><img src="{PhotoURL-500}" alt="{PhotoAlt}" style="max-width:500px;"></center>
  636. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  637. {/block:permalinkpage}
  638. {/block:Photo}
  639.  
  640. {block:Photoset}
  641. {block:indexpage}
  642. <div class="info">
  643. {block:Date}<a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date}{block:NoteCount} ▴ [<span style="font:bold 10px consolas;color:{color:Notes Font};">{NoteCountWithLabel}</span>]{/block:NoteCount} ▴ <a href="{ReblogURL}" title="reblog this post">reblog</a></div>
  644. <div style="background:#fff;"><div id="opandgrey">
  645. <center>
  646. {block:if2Columns250px}{Photoset-250}{/block:if2Columns250px}
  647. {block:if250px}{Photoset-250}
  648. {/block:if250px}{block:if400px}{Photoset-400}
  649. {/block:if400px}{block:if500px}{Photoset-500}
  650. {/block:if500px}</center></div></div>
  651. {block:ifcaption}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}
  652. <div class="tagging">
  653. {block:HasTags}Tags:>{block:Tags} <a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  654. {/block:indexpage}
  655. {block:permalinkpage}
  656. <center>{Photoset-500}</center>
  657. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  658. {/block:permalinkpage}
  659. {/block:Photoset}
  660.  
  661. {block:Link}
  662. <div class="info">
  663. {block:Date}<a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date}{block:NoteCount} ▴ [<span style="font:bold 10px consolas;color:{color:Notes Font};">{NoteCountWithLabel}</span>]{/block:NoteCount} ▴ <a href="{ReblogURL}" title="reblog this post">reblog</a></div>
  664. <a href="{URL}" class="link" {Target}><div class="titles">{Name} ►</div></a>
  665. {block:Description}<div id="text">{Description}</div>{/block:Description}
  666. <div class="tagging">
  667. {block:HasTags}<br/><br/>{block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  668. {block:Link}
  669.  
  670. {block:Chat}
  671. <div class="info">
  672. {block:Date}<a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date}{block:NoteCount} ▴ [<span style="font:bold 10px consolas;color:{color:Notes Font};">{NoteCountWithLabel}</span>]{/block:NoteCount} ▴ <a href="{ReblogURL}" title="reblog this post">reblog</a></div>
  673. {block:Title}<div class="titles">{Title}</div>{/block:Title}
  674. <div class="chat">
  675. <ul>{block:Lines}
  676. <li class="{Alt} {UserNumber}">
  677. {block:Label}<span class="chats">{Label}</span>{/block:Label}
  678. {Line}</li>
  679. {/block:Lines}</ul></div>
  680. {/block:Label}
  681. <div class="tagging">
  682. {block:HasTags}{block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  683. {/block:Chat}
  684.  
  685. {block:Audio}
  686. <div class="info">
  687. {block:Date}<a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date}{block:NoteCount} ▴ [<span style="font:bold 10px consolas;color:{color:Notes Font};">{NoteCountWithLabel}</span>]{/block:NoteCount} ▴ <a href="{ReblogURL}" title="reblog this post">reblog</a></div>
  688. {block:AudioPlayer}<div class="audioplayer">{block:AlbumArt}<div class="audioalbum"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  689. <div class="player"><div class="button">{AudioPlayerWhite}</div></div>
  690. <div class="audioinfo">{block:TrackName}{TrackName}{/block:TrackName}{block:Artist} // {Artist}{/block:Artist} {block:PlayCount}// {PlayCountWithLabel}{/block:PlayCount}
  691. </div></div>{/block:AudioPlayer}
  692. {block:ifcaption}{block:Caption}<br><br><div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}
  693. <div class="tagging">
  694. {block:HasTags}{block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  695. {/block:Audio}
  696.  
  697. {block:Text}
  698. {block:indexpage}
  699. <div class="info">
  700. {block:Date}<a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date}{block:NoteCount} ▴ [<span style="font:bold 10px consolas;color:{color:Notes Font};">{NoteCountWithLabel}</span>]{/block:NoteCount} ▴ <a href="{ReblogURL}" title="reblog this post">reblog</a></div>
  701. {block:Title}
  702. <div class="titles">{Title}</div>
  703. {/block:Title}
  704. <div id="opandgrey">
  705. <div id="text">{Body}</div></div>
  706. <div class="tagging">
  707. {block:HasTags}{block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  708. {/block:indexpage}
  709. {block:permalinkpage}
  710. {block:Title}
  711. <div class="titles">{Title}</div>
  712. {/block:Title}
  713. <div id="text">{Body}</div>
  714. {/block:permalinkpage}
  715. {/block:Text}
  716.  
  717. {block:Video}
  718. {block:indexpage}
  719. <div class="info">
  720. {block:Date}<a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date}{block:NoteCount} ▴ [<span style="font:bold 10px consolas;color:{color:Notes Font};">{NoteCountWithLabel}</span>]{/block:NoteCount} ▴ <a href="{ReblogURL}" title="reblog this post">reblog</a></div>
  721. <center>
  722. {block:if2Columns250px}{Video-250}{/block:if2Columns250px}{block:if250px}{Video-250}{/block:if250px}{block:if400px}{Video-400}{/block:if400px}{block:if500px}{Video-500}{/block:if500px}</center>
  723. {block:ifcaption}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}
  724. <div class="tagging">
  725. {block:HasTags}{block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  726. {/block:indexpage}
  727. {block:permalinkpage}
  728. <center>{Video-500}</center>
  729. {block:Caption}{Caption}{/block:Caption}
  730. {/block:permalinkpage}
  731. {block:Video}
  732.  
  733. {block:Answer}
  734. <div class="info">
  735. {block:Date}<a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date}{block:NoteCount} ▴ [<span style="font:bold 10px consolas;color:{color:Notes Font};">{NoteCountWithLabel}</span>]{/block:NoteCount} ▴ <a href="{ReblogURL}" title="reblog this post">reblog</a></div>
  736. <div id="asker"><img src="{AskerPortraitURL-30}">{Asker}:</div>
  737. <div id="questions">{Question}</div>
  738. <div id="text">{Answer}</div>
  739. <div class="tagging">
  740. {block:HasTags}{block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  741. {/block:Answer}
  742.  
  743. <!------------------------------------------------------------------->
  744.  
  745. {block:permalinkpage}
  746. <div id="infoperm">
  747. {block:Date}Posted on {Month} {DayOfMonth}, {Year} at {24Hour}:{Minutes}{/block:Date}
  748. {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a> {block:ContentSource} originally created by <a href="{URL}">{SourceLink}</a>{/block:ContentSource}{/block:RebloggedFrom}
  749. </div>
  750.  
  751. {block:HasTags}
  752. <div id="tagperm">
  753. File tagged as:{block:Tags} <a href="{TagURL}"> <small>#</small>{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  754.  
  755. <div id="notecount">{block:NoteCount}<p>{NoteCountWithLabel}{/block:NoteCount}</div>
  756.  
  757. <div class="pnotes">
  758. {block:PostNotes}
  759. {PostNotes-64}
  760. {/block:PostNotes}
  761. </div>
  762. {/block:permalinkpage}</div>
  763. {/block:Posts}
  764. </div>
  765.  
  766. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  767. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  768. <script type="text/javascript">
  769. $(window).load(function () {
  770. $('#container').masonry({
  771. itemSelector : "#posts",
  772. },
  773. function() { $('#container').masonry({ appendedContent: $(this) }); },
  774. // trigger Masonry as a callback
  775. function( newElements ) {
  776. var $newElems = $( newElements ).css({ opacity: 0 });
  777. // ensure that images load before adding to masonry layout
  778. $newElems.imagesLoaded(function(){
  779. $newElems.animate({ opacity: 1 });
  780. $container.masonry( 'appended', $newElems, true );
  781. });
  782. }
  783. );
  784. });
  785. </script>
  786.  
  787. {block:ifinfinitescroll}
  788. {block:indexpage}
  789.  
  790. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  791. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  792. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  793. <script type="text/javascript">
  794. $(window).load(function(){
  795. var $wall = $('#container');
  796. $wall.imagesLoaded(function(){
  797. $wall.masonry({
  798. itemSelector: '#posts',
  799. isAnimated : true
  800. });
  801. });
  802.  
  803. $wall.infinitescroll({
  804. navSelector : '#page-nav',
  805. nextSelector : '#page-nav a',
  806. itemSelector : '#posts',
  807. bufferPx : 1000,
  808. debug : true,
  809. errorCallback: function() {
  810. $('#infscr-loading').fadeOut('linear');
  811. }},
  812. function( newElements ) {
  813. var $newElems = $( newElements );
  814. $newElems.hide();
  815. $newElems.imagesLoaded(function(){
  816. $wall.masonry( 'appended', $newElems,{isAnimated: true}, function(){$newElems.fadeIn('slow');} );
  817. });
  818. }); $('#content').show(400);
  819. });
  820. </script>
  821.  
  822. {/block:indexpage}
  823. {/block:ifinfinitescroll}
  824.  
  825.  
  826. </body>
  827. </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!