jaesoonie

THEME #39

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