API tools faq
paste
mogimochi

Theme [37] Interphase

mogimochi
Dec 10th, 2015
49,211
3
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 105.86 KB | None | 3 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!-----------------------------------------------------------------------
  6.  
  7. Theme 37 Interphase
  8. by yukoki/s-ekki
  9.  
  10. 1. Light/Heavy CSS editting is allowed.
  11. 2. Do not use as base code.
  12. 3. Do not remove credit.
  13. 4. Do not claim theme as your own.
  14.  
  15. ---------------------------------------------------------- VER 051117 -->
  16.  
  17. <meta name="color:scrollbar" content="#9D86A3">
  18. <meta name="color:tooltips text" content="#ffffff">
  19. <meta name="color:tooltips background" content="#000000">
  20. <meta name="color:background" content="#000000">
  21. <meta name="color:window background" content="#ffffff">
  22. <meta name="color:window border" content="#ffffff">
  23. <meta name="color:window title" content="#ffffff">
  24. <meta name="color:window title bg" content="#ffffff">
  25. <meta name="color:window title buttons" content="#ffffff">
  26. <meta name="color:window title buttons background" content="#ffffff">
  27. <meta name="color:taskbar background" content="#ffffff">
  28. <meta name="color:taskbar icon" content="#dddddd">
  29. <meta name="color:taskbar icon hover bg" content="#ffffff">
  30. <meta name="color:taskbar widgets on right" content="#ffffff">
  31. <meta name="color:system menu background" content="#000000">
  32. <meta name="color:system menu link" content="#dddddd">
  33. <meta name="color:system menu link hover" content="#ffffff">
  34. <meta name="color:desktop icon" content="#ffffff">
  35. <meta name="color:desktop icon title" content="#ffffff">
  36. <meta name="color:desktop icon background" content="#ffffff">
  37. <meta name="color:desktop icon select bg" content="#ffffff">
  38. <meta name="color:sticky note title" content="#ffffff">
  39. <meta name="color:sticky note text" content="#ffffff">
  40. <meta name="color:sticky note background" content="#ffffff">
  41. <meta name="color:post nav text" content="#ffffff">
  42. <meta name="color:post nav hover" content="#ffffff">
  43. <meta name="color:current folder" content="#ffffff">
  44. <meta name="color:inactive folder" content="#f0f0f0">
  45. <meta name="color:post background" content="#ffffff">
  46. <meta name="color:body text" content="#ffffff">
  47. <meta name="color:body bold" content="#000000">
  48. <meta name="color:body italic" content="#000000">
  49. <meta name="color:body links" content="#000000">
  50. <meta name="color:body links hover" content="#000000">
  51. <meta name="color:blockquote" content="#ffffff">
  52. <meta name="color:permalink actions" content="#ffffff">
  53. <meta name="color:post title" content="#ffffff">
  54. <meta name="color:post desc" content="#ffffff">
  55. <meta name="color:post desc bg" content="#000000">
  56.  
  57. <meta name="if:2 column 250px posts" content="1">
  58. <meta name="if:cover wallpaper" content="0">
  59. <meta name="if:cover window background" content="0">
  60. <meta name="if:display sticky notes instantly" content="0">
  61. <meta name="if:different window background" content="0">
  62. <meta name="if:built in music player" content="0">
  63.  
  64. <meta name="image:about icon" content="">
  65. <meta name="image:wallpaper" content="">
  66. <meta name="image:window background" content="">
  67. <meta name="image:photo upload 1" content="">
  68. <meta name="image:photo upload 2" content="">
  69. <meta name="image:photo upload 3" content="">
  70. <meta name="image:photo upload 4" content="">
  71. <meta name="image:photo upload 5" content="">
  72.  
  73. <meta name="text:url" content="url">
  74. <meta name="text:name" content="name">
  75. <meta name="text:birthday" content="00/00/00">
  76. <meta name="text:country" content="country">
  77. <meta name="text:personality" content="mbti">
  78. <meta name="text:status" content="active">
  79. <meta name="text:billy music player code" content="">
  80. <meta name="text:link 1" content="">
  81. <meta name="text:link 1 url" content="">
  82. <meta name="text:link 1 icon" content="">
  83. <meta name="text:link 2" content="">
  84. <meta name="text:link 2 url" content="">
  85. <meta name="text:link 2 icon" content="">
  86. <meta name="text:link 3" content="">
  87. <meta name="text:link 3 url" content="">
  88. <meta name="text:link 3 icon" content="">
  89. <meta name="text:link 4" content="">
  90. <meta name="text:link 4 url" content="">
  91. <meta name="text:link 4 icon" content="">
  92. <meta name="text:link 5" content="">
  93. <meta name="text:link 5 url" content="">
  94. <meta name="text:link 5 icon" content="">
  95. <meta name="text:link 6" content="">
  96. <meta name="text:link 6 url" content="">
  97. <meta name="text:link 6 icon" content="">
  98. <meta name="text:photo upload 1 title" content="">
  99. <meta name="text:photo upload 1 width" content="180px">
  100. <meta name="text:photo upload 2 title" content="">
  101. <meta name="text:photo upload 2 width" content="180px">
  102. <meta name="text:photo upload 3 title" content="">
  103. <meta name="text:photo upload 3 width" content="180px">
  104. <meta name="text:photo upload 4 title" content="">
  105. <meta name="text:photo upload 4 width" content="180px">
  106. <meta name="text:photo upload 5 title" content="">
  107. <meta name="text:photo upload 5 width" content="180px">
  108. <meta name="text:sticky note 1 width" content="140px">
  109. <meta name="text:sticky note 1 text" content="">
  110. <meta name="text:sticky note 2 width" content="160px">
  111. <meta name="text:sticky note 2 text" content="">
  112. <meta name="text:sticky note 3 width" content="200px">
  113. <meta name="text:sticky note 3 text" content="">
  114.  
  115. <!-- script for tooltips -->
  116. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  117. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  118. <script>
  119. (function($){
  120. $(document).ready(function(){
  121. $("a[title]").style_my_tooltips({
  122. tip_follows_cursor:true,
  123. tip_delay_time:0,
  124. tip_fade_speed:0,
  125. attribute:"title"
  126. });
  127. });
  128. })(jQuery);
  129. </script>
  130. <!-- end script for tooltips -->
  131.  
  132. <!-- script for time -->
  133. <script type="text/javascript">
  134. function GetClock(){
  135. var d=new Date();
  136. var nhour=d.getHours(),nmin=d.getMinutes(),ap;
  137. if(nhour==0){ap=" AM";nhour=12;}
  138. else if(nhour<12){ap=" AM";}
  139. else if(nhour==12){ap=" PM";}
  140. else if(nhour>12){ap=" PM";nhour-=12;}
  141.  
  142. if(nmin<=9) nmin="0"+nmin;
  143.  
  144. document.getElementById('clockbox').innerHTML=""+nhour+":"+nmin+ap+"";
  145. }
  146.  
  147. window.onload=function(){
  148. GetClock();
  149. setInterval(GetClock,1000);
  150. }
  151. </script>
  152. <!-- end script for time -->
  153.  
  154. <!-- script for moving java -->
  155. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  156. <script>
  157. $(document).ready(function(){
  158. $("#closesbimg1").click(function(){$("#sbimg1").fadeOut();}); /** closing sb image 1 **/
  159. $("#opensbimg1").click(function(){$("#sbimg1").fadeIn();}); /** opening sb image 1 **/
  160. $("#closesbimg2").click(function(){$("#sbimg2").fadeOut();}); /** closing sb image 2 **/
  161. $("#opensbimg2").click(function(){$("#sbimg2").fadeIn();}); /** opening sb image 2 **/
  162. $("#closesbimg3").click(function(){$("#sbimg3").fadeOut();}); /** closing sb image 3 **/
  163. $("#opensbimg3").click(function(){$("#sbimg3").fadeIn();}); /** opening sb image 3 **/
  164. $("#closesbimg4").click(function(){$("#sbimg4").fadeOut();}); /** closing sb image 4 **/
  165. $("#opensbimg4").click(function(){$("#sbimg4").fadeIn();}); /** opening sb image 4 **/
  166. $("#closesbimg5").click(function(){$("#sbimg5").fadeOut();}); /** closing sb image 5 **/
  167. $("#opensbimg5").click(function(){$("#sbimg5").fadeIn();}); /** opening sb image 5 **/
  168. $("#closearchivepop").click(function(){$("#archivepop").fadeOut();}); /** closing archive pop up **/
  169. $("#openarchivepop").click(function(){$("#archivepop").fadeIn();}); /** opening archive pop up **/
  170. $("#closeaboutpop").click(function(){$("#aboutpop").fadeOut();}); /** closing about pop up **/
  171. $("#openaboutpop").click(function(){$("#aboutpop").fadeIn();}); /** opening about pop up **/
  172. $("#closeaskboxpop").click(function(){$("#askboxpop").fadeOut();}); /** closing askbox pop up **/
  173. $("#openaskboxpop").click(function(){$("#askboxpop").fadeIn();}); /** opening askbox pop up **/
  174. $("#closeblogrollpop").click(function(){$("#blogrollpop").fadeOut();}); /** closing blogroll pop up **/
  175. $("#openblogrollpop").click(function(){$("#blogrollpop").fadeIn();}); /** opening blogroll pop up **/
  176. $("#closesticky1").click(function(){$("#sticky1").fadeOut();}); /** closing sticky1 **/
  177. $("#opensticky").click(function(){$("#sticky1").fadeIn();}); /** opening sticky1 **/
  178. $("#closesticky2").click(function(){$("#sticky2").fadeOut();}); /** closing sticky2 **/
  179. $("#opensticky").click(function(){$("#sticky2").fadeIn();}); /** opening sticky2 **/
  180. $("#closesticky3").click(function(){$("#sticky3").fadeOut();}); /** closing sticky3 **/
  181. $("#opensticky").click(function(){$("#sticky3").fadeIn();}); /** opening sticky3 **/
  182. $("#closecontentpop").click(function(){$("#contentpop").fadeOut();}); /** closing content pop up **/
  183. $("#opencontentpop").click(function(){$("#contentpop").fadeIn();}); /** opening conten tpop up **/
  184.  
  185. $("#openpost1").click(function(){$("#postpop1").fadeIn();});
  186. $("#closepost1").click(function(){$("#postpop1").fadeOut();});
  187. $("#openpost2").click(function(){$("#postpop2").fadeIn();});
  188. $("#closepost2").click(function(){$("#postpop2").fadeOut();});
  189. $("#openpost3").click(function(){$("#postpop3").fadeIn();});
  190. $("#closepost3").click(function(){$("#postpop3").fadeOut();});
  191. $("#openpost4").click(function(){$("#postpop4").fadeIn();});
  192. $("#closepost4").click(function(){$("#postpop4").fadeOut();});
  193. $("#openpost5").click(function(){$("#postpop5").fadeIn();});
  194. $("#closepost5").click(function(){$("#postpop5").fadeOut();});
  195. $("#openpost6").click(function(){$("#postpop6").fadeIn();});
  196. $("#closepost6").click(function(){$("#postpop6").fadeOut();});
  197. $("#openpost7").click(function(){$("#postpop7").fadeIn();});
  198. $("#closepost7").click(function(){$("#postpop7").fadeOut();});
  199. $("#openpost8").click(function(){$("#postpop8").fadeIn();});
  200. $("#closepost8").click(function(){$("#postpop8").fadeOut();});
  201. $("#openpost9").click(function(){$("#postpop9").fadeIn();});
  202. $("#closepost9").click(function(){$("#postpop9").fadeOut();});
  203. $("#openpost10").click(function(){$("#postpop10").fadeIn();});
  204. $("#closepost10").click(function(){$("#postpop10").fadeOut();});
  205. $("#openpost11").click(function(){$("#postpop11").fadeIn();});
  206. $("#closepost11").click(function(){$("#postpop11").fadeOut();});
  207. $("#openpost12").click(function(){$("#postpop12").fadeIn();});
  208. $("#closepost12").click(function(){$("#postpop12").fadeOut();});
  209. $("#openpost13").click(function(){$("#postpop13").fadeIn();});
  210. $("#closepost13").click(function(){$("#postpop13").fadeOut();});
  211. $("#openpost14").click(function(){$("#postpop14").fadeIn();});
  212. $("#closepost14").click(function(){$("#postpop14").fadeOut();});
  213. $("#openpost15").click(function(){$("#postpop15").fadeIn();});
  214. $("#closepost15").click(function(){$("#postpop15").fadeOut();});
  215.  
  216. $("#openpost1a").click(function(){$("#postpop1").fadeIn();});
  217. $("#openpost2a").click(function(){$("#postpop2").fadeIn();});
  218. $("#openpost3a").click(function(){$("#postpop3").fadeIn();});
  219. $("#openpost4a").click(function(){$("#postpop4").fadeIn();});
  220. $("#openpost5a").click(function(){$("#postpop5").fadeIn();});
  221. $("#openpost6a").click(function(){$("#postpop6").fadeIn();});
  222. $("#openpost7a").click(function(){$("#postpop7").fadeIn();});
  223. $("#openpost8a").click(function(){$("#postpop8").fadeIn();});
  224. $("#openpost9a").click(function(){$("#postpop9").fadeIn();});
  225. $("#openpost10a").click(function(){$("#postpop10").fadeIn();});
  226. $("#openpost11a").click(function(){$("#postpop11").fadeIn();});
  227. $("#openpost12a").click(function(){$("#postpop12").fadeIn();});
  228. $("#openpost13a").click(function(){$("#postpop13").fadeIn();});
  229. $("#openpost14a").click(function(){$("#postpop14").fadeIn();});
  230. $("#openpost15a").click(function(){$("#postpop15").fadeIn();});
  231. });
  232.  
  233. $(document).ready(function(){
  234. $(".taskbariconi").click(function(){$(".systempopup").fadeToggle();});
  235. $(".taskbariconi").click(function(){$(".taskbariconi").toggleClass("tbibg2");});
  236. });
  237. </script>
  238. <!-- end script for moving java -->
  239.  
  240. <!-- drag script -->
  241. <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  242. <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  243. <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  244. <script>
  245.  
  246. $(function() {
  247. $( "#sbimg1" ).draggable({ handle: "div.dragimg1" });
  248. $( "#sbimg2" ).draggable({ handle: "div.dragimg2" });
  249. $( "#sbimg3" ).draggable({ handle: "div.dragimg3" });
  250. $( "#sbimg4" ).draggable({ handle: "div.dragimg4" });
  251. $( "#sbimg5" ).draggable({ handle: "div.dragimg5" });
  252. $( "#archivepop" ).draggable({ handle: "div.dragarchive" });
  253. $( "#contentpop" ).draggable({ handle: "div.dragcontent" });
  254. $( "#aboutpop" ).draggable({ handle: "div.dragabout" });
  255. $( "#askboxpop" ).draggable({ handle: "div.dragaskbox" });
  256. $( "#blogrollpop" ).draggable({ handle: "div.dragblogroll" });
  257. $( ".shortcut" ).draggable({ grid: [ 100, 98 ] });
  258. $( "#sticky1" ).draggable({ handle: "div.dragsticky1" });
  259. $( "#sticky2" ).draggable({ handle: "div.dragsticky2" });
  260. $( "#sticky3" ).draggable({ handle: "div.dragsticky3" });
  261. });
  262.  
  263. </script>
  264. <!-- end drag script -->
  265.  
  266. <title>{title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  267. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  268. <link rel="shortcut icon" href="{Favicon}" />
  269.  
  270. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  271.  
  272. <style type="text/css">
  273.  
  274. @font-face { font-family: "ebit"; src: url('https://dl.dropboxusercontent.com/s/n9ry4w2f8tl60t3/8bitoperator.ttf'); }
  275. @font-face { font-family: "pix"; src: url('https://dl.dropboxusercontent.com/s/68bdyrv4fsayhg8/04B_03__.TTF'); }
  276. @font-face { font-family: "bit"; src: url('https://dl.dropboxusercontent.com/s/sq28ejp56rarabs/BitxMap%20Font%20tfb.ttf'); }
  277.  
  278. ::-webkit-scrollbar { width: 4px; }
  279. ::-webkit-scrollbar-track-piece { background-color: transparent; }
  280. ::-webkit-scrollbar-thumb:vertical {
  281. width: 4px;
  282. background-color: {color:scrollbar};
  283. opacity: 0.4;
  284. }
  285.  
  286. #s-m-t-tooltip {
  287. z-index: 1000000000000000000000000000000000000;
  288. max-width: 300px;
  289. background-color: rgba({RGBcolor:tooltips background},0.6);
  290. color: {color:tooltips text};
  291. text-transform: uppercase;
  292. letter-spacing: 1px;
  293. font-family: ebit;
  294. font-size: 8px;
  295. padding: 6px 8px;
  296. margin: 20px 0 0 20px;
  297. }
  298.  
  299. body {
  300. background-color: {color:background};
  301. background-image: url({image:wallpaper});
  302. {block:ifcoverwallpaper}background-size:cover;{/block:ifcoverwallpaper}
  303. background-attachment: fixed;
  304. margin: 0;
  305. word-wrap: break-word;
  306. }
  307. a { text-decoration:none; }
  308.  
  309. #sbimg1, #sbimg2, #sbimg3, #sbimg4, #sbimg5, #archivepop, #askboxpop, #aboutpop, #blogrollpop, #contentpop {
  310. position: fixed;
  311. top: 140px;
  312. left: 180px;
  313. display: block;
  314. width: 180px;
  315. padding: 20px;
  316. background-color: rgba({RGBcolor:window background},0.2);
  317. border: 1px solid rgba({RGBcolor:window border},0.2);
  318. border-radius: 0 0 8px 8px;
  319. }
  320. #sbimg1, #sbimg2, #sbimg3, #sbimg4, #sbimg5 { display: none; }
  321. #sbimg1 {z-index: 1005;top: 140px; left: 320px;}
  322. #sbimg2 {z-index: 1004;top: 80px; left: 500px;}
  323. #sbimg3 {z-index: 1003;top: 100px; left: 560px;}
  324. #sbimg4 {z-index: 1002;top: 230px; left: 100px;}
  325. #sbimg5 {z-index: 1001;top: 300px; left: 300px;}
  326.  
  327. .sbimg2, .sbimg3, .sbimg4, .sbimg5 { display: block; }
  328.  
  329. .blogt1, .blogt2, .blogt3, .blogt4, .blogt5, .blogtarchive, .blogtaskbox, .blogtabout, .blogtblogroll, .blogtcontent {
  330. font-family: pix;
  331. font-size: 8px;
  332. color: {color:window title};
  333. letter-spacing: 1px;
  334. padding: 10px 21px 8px 21px;
  335. width: 180px;
  336. position: absolute;
  337. background-color: rgba({RGBcolor:window title bg},0.3);
  338. text-transform: uppercase;
  339. margin: -47px -21px;
  340. border-radius: 8px 8px 0 0;
  341. }
  342.  
  343. .menubtn1, .menubtn2, .menubtn3, .menubtn4, .menubtn5, .menubtnarchive, .menubtnaskbox, .menubtnabout, .menubtnblogroll, .menubtncontent {
  344. font-family: pix;
  345. font-size: 10px;
  346. color: {color:window title buttons};
  347. text-align: right;
  348. width: 180px;
  349. position: absolute;
  350. margin-top: -46px;
  351. margin-left: 4px;
  352. letter-spacing: 3px;
  353. z-index: 1;
  354. }
  355.  
  356. .menubtnarchive, .blogtarchive { width: 580px; }
  357. .menubtnaskbox, .blogtaskbox { width: 500px; }
  358. .menubtnabout, .blogtabout { width: 500px; }
  359. .menubtnblogroll, .blogtblogroll { width: 500px; }
  360. .menubtncontent, .blogtcontent {
  361. {block:if2column250pxposts}
  362. {block:indexpage}width: 860px;{/block:indexpage}
  363. {block:permalinkpage}width: 680px;{/block:permalinkpage}
  364. {/block:if2column250pxposts}
  365. {block:ifnot2column250pxposts}
  366. width: 680px;
  367. {/block:ifnot2column250pxposts}
  368. }
  369.  
  370. .sbimg1, #sbimg1, .menubtn1, .blogt1 {width:{text:photo upload 1 width};}
  371. .sbimg2, #sbimg2, .menubtn2, .blogt2 {width:{text:photo upload 2 width};}
  372. .sbimg3, #sbimg3, .menubtn3, .blogt3 {width:{text:photo upload 3 width};}
  373. .sbimg4, #sbimg4, .menubtn4, .blogt4 {width:{text:photo upload 4 width};}
  374. .sbimg5, #sbimg5, .menubtn5, .blogt5 {width:{text:photo upload 5 width};}
  375.  
  376. .mbt {color: {color:window title buttons}; background-color: rgba({RGBcolor:window title buttons background},0.1);padding:2px 6px 4px 7px;letter-spacing: 2px;margin-left:1px;}
  377.  
  378. .menubtn1 a, .menubtn2 a, .menubtn3 a, .menubtn4 a, .menubtn5 a, .menubtnarchive a, .menubtnaskbox a, .menubtnabout a, .menubtnblogroll a, .menubtncontent a { color: {color:window title buttons}; background-color: rgba({RGBcolor:window title buttons background},0.2);padding:2px 6px 4px 7px;letter-spacing: 2px;margin-left:1px; }
  379.  
  380. #taskbar {
  381. width: 100%;
  382. position: fixed;
  383. bottom: 0;
  384. left: 0;
  385. padding: 0 20px 0 0;
  386. background-color: rgba({RGBcolor:taskbar background},0.4);
  387. z-index: 10000;
  388. }
  389.  
  390. .taskbaricon, .taskbariconi {
  391. padding: 10px;
  392. background-color: rgba({RGBcolor:taskbar icon hover bg},0.1);
  393. width: 20px;
  394. height: 20px;
  395. text-align: center;
  396. line-height: 20px;
  397. color: {color:taskbar icon};
  398. font-size: 14px;
  399. transition: 0.8s;
  400. }
  401. .taskbaricon {background-color: rgba({RGBcolor:taskbar icon hover bg},0); }
  402. .tbibg2 {background-color: rgba({RGBcolor:taskbar icon hover bg},0.2); }
  403.  
  404. #system {width: 40px;}
  405.  
  406. .systempopup {
  407. position: absolute;
  408. background-color: rgba({RGBcolor:system menu background},0.7);
  409. font-family: ebit;
  410. font-size: 8px;
  411. text-transform: uppercase;
  412. letter-spacing: 1px;
  413. color: {color:system menu link};
  414. width: 140px;
  415. margin: -160px 0;
  416. padding: 10px 0;
  417. display: none;
  418. background-attachment: fixed;
  419. }
  420.  
  421. .syslink {
  422. color: {color:system menu link};
  423. padding: 7px 10px;
  424. transition: 0.8s;
  425. }
  426.  
  427. .syslink:hover {
  428. color: {color:system menu link hover};
  429. background-color: rgba({RGBcolor:system menu background},0.6);
  430. }
  431.  
  432. .sputri {
  433. position: absolute;
  434. color: rgba({RGBcolor:system menu background},0.7);
  435. font-size: 30px;
  436. margin-top: -10px;
  437. margin-left: 8px;
  438. }
  439.  
  440. #system, #task {
  441. float: left;
  442. margin-right: 10px;
  443. }
  444.  
  445. #task:hover .taskbaricon {
  446. background-color: rgba({RGBcolor:taskbar icon hover bg},0.1);
  447. }
  448.  
  449. #taskbarright {
  450. margin-right: 20px;
  451. float: right;
  452. line-height: 40px;
  453. color: {color:taskbar widgets on right};
  454. height: 40px;
  455. }
  456.  
  457. #clockbox {
  458. text-align: right;
  459. font-size: 14px;
  460. font-family: ebit;
  461. float: left;
  462. margin-left: 20px;
  463. color: {color:taskbar widgets on right};
  464. }
  465.  
  466. .tbbattery, .tbvolume {float: left;}
  467. .tbvolume {margin-right: 20px;}
  468.  
  469. .bimh:hover .bimp { opacity: 1; margin: -50px -40px; }
  470. .bimh:hover .bimptri { opacity: 1; margin-top: -34px; }
  471.  
  472. .bimp {
  473. float: left;
  474. background-color: rgba({RGBcolor:system menu background},0.8);
  475. position: absolute;
  476. margin: -40px -40px;
  477. height: 30px;
  478. width: 160px;
  479. overflow: hidden;
  480. opacity: 0;
  481. transition: 0.8s;
  482. }
  483.  
  484. .bimptri {
  485. color: rgba({RGBcolor:system menu background},0.8);
  486. position: absolute;
  487. margin-top: -24px;
  488. opacity: 0;
  489. transition: 0.8s;
  490. }
  491.  
  492. .muse {margin-top: -10px;padding: 0 10px;}
  493.  
  494. #desktop, #desktop2, #desktop3 {
  495. position: fixed;
  496. top: 0;
  497. left: 0;
  498. }
  499.  
  500. #desktop2 {left: 100px; }
  501. #desktop3 { left: 200px; }
  502.  
  503. .shortcut {
  504. margin: 8px 0 0 10px;
  505. width: 90px;
  506. height: 90px;
  507. text-align: center;
  508. }
  509.  
  510. .shortcuticon {
  511. color: {color:desktop icon};
  512. font-size: 30px;
  513. text-align: center;
  514. }
  515.  
  516. .shortcuticon a { color: {color:desktop icon}; }
  517.  
  518. .shortcutname {
  519. font-family: pix;
  520. font-size: 8px;
  521. text-transform: uppercase;
  522. letter-spacing: 1px;
  523. color: {color:desktop icon title};
  524. line-height: 15px;
  525. margin-top: 6px;
  526. }
  527.  
  528. .scn, .senpie {
  529. position: relative;
  530. top: 50%;
  531. transform: translateY(-50%);
  532. }
  533.  
  534. .scnbg {
  535. padding: 4px 5px 3px 7px;
  536. background-color: rgba({RGBcolor:desktop icon background},0.1);
  537. }
  538.  
  539. .shortcut:hover {background-color: rgba({RGBcolor:desktop icon select bg},0.04);}
  540. .shortcut:active {background-color: rgba({RGBcolor:desktop icon select bg},0.1);}
  541.  
  542. .smolsbimg {
  543. margin-bottom: -2px;
  544. max-height: 40px;
  545. max-width: 70px;
  546. }
  547.  
  548. #archivepop, #askboxpop, #aboutpop, #blogrollpop, #contentpop {
  549. width: 580px;
  550. height: 400px;
  551. position: fixed;
  552. top: 100px;
  553. left: 400px;
  554. z-index: 1100;
  555. }
  556.  
  557. #askboxpop, #aboutpop, #blogrollpop {
  558. width: 500px;
  559. height: 200px;
  560. top: 130px;
  561. left: 530px;
  562. }
  563.  
  564. #aboutpop { height: 300px; top: 150px; }
  565. #askboxpop { top: 210px; }
  566. #blogrollpop { top: 150px; }
  567.  
  568. #askboxpop, #aboutpop, #archivepop, #blogrollpop { display:none; }
  569.  
  570. #aboutwrap, #blogrollwrap {
  571. width: 500px;
  572. height: 300px;
  573. padding: 20px;
  574. background-attachment: fixed;
  575. opacity: 0.8;
  576. margin: -20px;
  577. border-radius: 0 0 8px 8px;
  578. {block:ifnotdifferentwindowbackground}
  579. background-color: {color:background};
  580. background-image: url({image:wallpaper});
  581. {block:ifcoverwallpaper}background-size:cover;{/block:ifcoverwallpaper}
  582. {/block:ifnotdifferentwindowbackground}
  583. {block:ifdifferentwindowbackground}
  584. background-color: {color:window background};
  585. background-image: url({image:window background});
  586. {block:ifcoverwindowbackground}background-size:cover;{/block:ifcoverwindowbackground}
  587. {/block:ifdifferentwindowbackground}
  588. }
  589.  
  590. .leftabout {
  591. width: 160px;
  592. height: 300px;
  593. float: left;
  594. position: absolute;
  595. z-index: 1;
  596. }
  597.  
  598. .labimgs {
  599. padding: 10px 20px 30px 20px;
  600. }
  601.  
  602. .labimg {
  603. width: 120px;
  604. height: 120px;
  605. display: block;
  606. border-radius: 1000px;
  607. }
  608.  
  609. .aboutinfo {
  610. font-family: bit;
  611. font-size: 10px;
  612. color: {color:body text};
  613. text-transform: uppercase;
  614. }
  615.  
  616. .aboutinfo b,strong, .desc b,strong {
  617. color: {color:body bold};
  618. font-weight: 400;
  619. }
  620.  
  621. .rightabout {
  622. width: 300px;
  623. height: 260px;
  624. overflow: auto;
  625. margin-left: 200px;
  626. position: absolute;
  627. z-index: 1;
  628. border-left: 1px solid rgba({RGBcolor:window border},0.5);
  629. margin: 20px 0 20px 180px;
  630. }
  631.  
  632. .desc {
  633. margin: 20px 20px 20px 30px;
  634. font-family: bit;
  635. font-size: 10px;
  636. color: {color:body text};
  637. }
  638.  
  639. .desc i,em {
  640. color: {color:body italic};
  641. }
  642.  
  643. .desc a {
  644. color: {color:body links};
  645. text-decoration: underline;
  646. }
  647.  
  648. .desc a:hover { color: {color:body links hover}; }
  649.  
  650. #blogrollpop {width:500px;height: 300px;}
  651. #blogrollwrap {z-index:1;position: absolute;}
  652.  
  653. .followingu {
  654. height: 48px;
  655. position: relative;
  656. z-index: 2;
  657. float: left;
  658. width: 215px;
  659. background-color: rgba({RGBcolor:post background},0.055);
  660. padding: 10px;
  661. margin: 0 5px 10px 5px;r
  662. }
  663. .foimg {
  664. width: 48px;
  665. height: 48px;
  666. display: block;
  667. position: absolute;
  668. }
  669. .senpai {
  670. font-family: ebit;
  671. font-size: 10px;
  672. text-transform: uppercase;
  673. line-height: 12px;
  674. color: {color:body text};
  675. width: 137px;
  676. height: 48px;
  677. margin-left: 58px;
  678. }
  679.  
  680. .kouhai {
  681. font-size: 8px;
  682. text-transform: uppercase;
  683. letter-spacing: 1px;
  684. font-family: pix;
  685. line-height: 8px;
  686. margin-top: 2px;
  687. }
  688.  
  689. #blogrollt {
  690. height: 300px;
  691. overflow:auto;
  692. position: relative;
  693. z-index:2;
  694. }
  695.  
  696. #sticky1, #sticky2, #sticky3 {
  697. position: fixed;
  698. top: 120px;
  699. width: 160px;
  700. padding: 10px;
  701. background-color: rgba({RGBcolor:sticky note background},0.4);
  702. color: {color:sticky note text};
  703. font-family: ebit;
  704. font-size: 9px;
  705. letter-spacing: 1px;
  706. z-index: 1001;
  707. {block:ifnotdisplaystickynotesinstantly}
  708. display: none;
  709. {/block:ifnotdisplaystickynotesinstantly}
  710. }
  711.  
  712. #sticky1 {
  713. top: 50px;
  714. right: 30px;
  715. }
  716.  
  717. #sticky2 {
  718. top: 170px;
  719. right: 30px;
  720. }
  721.  
  722. #sticky3 {
  723. top: 200px;
  724. right: 30px;
  725. }
  726.  
  727. .stickyt1, .stickyt2, .stickyt3 {
  728. position: absolute;
  729. background-color: rgba({RGBcolor:sticky note background},0.6);
  730. margin: -34px -10px;
  731. padding: 8px 10px;
  732. font-family: pix;
  733. font-size: 8px;
  734. text-transform: uppercase;
  735. width: 160px;
  736. letter-spacing: 1px;
  737. }
  738.  
  739. .menubtnsticky1, .menubtnsticky2, .menubtnsticky3 {
  740. text-align: right;
  741. width: 160px;
  742. padding: 8px 10px;
  743. font-family: pix;
  744. position: absolute;
  745. margin: -34px -10px;
  746. z-index: 1;
  747. }
  748.  
  749. #sticky1, .stickyt1, .menubtnsticky1 {width:{text:sticky note 1 width};}
  750. #sticky2, .stickyt2, .menubtnsticky2 {width:{text:sticky note 2 width};}
  751. #sticky3, .stickyt3, .menubtnsticky3 {width:{text:sticky note 3 width};}
  752.  
  753. #contentpop {
  754. top: 90px;
  755. left: 350px;
  756. position: fixed;
  757. z-index: 1000;
  758. {block:ifnot2column250pxposts}
  759. width: 680px;
  760. {/block:ifnot2column250pxposts}
  761. {block:if2column250pxposts}
  762. {block:indexpage}width: 860px;{/block:indexpage}
  763. {block:permalinkpage}width: 680px;{/block:permalinkpage}
  764. {/block:if2column250pxposts}
  765. height: 400px;
  766. }
  767.  
  768. .contentwrap {
  769. {block:ifnot2column250pxposts}
  770. width: 680px;
  771. {/block:ifnot2column250pxposts}
  772. {block:if2column250pxposts}
  773. {block:indexpage}width: 860px;{/block:indexpage}
  774. {block:permalinkpage}width: 680px;{/block:permalinkpage}
  775. {/block:if2column250pxposts}
  776. height: 400px;
  777. padding: 20px;
  778. margin: -20px;
  779. background-attachment: fixed;
  780. opacity: 0.95;
  781. position: absolute;
  782. border-radius: 0 0 8px 8px;
  783. z-index: 0;
  784. {block:ifnotdifferentwindowbackground}
  785. background-color: {color:background};
  786. background-image: url({image:wallpaper});
  787. {block:ifcoverwallpaper}background-size:cover;{/block:ifcoverwallpaper}
  788. {/block:ifnotdifferentwindowbackground}
  789. {block:ifdifferentwindowbackground}
  790. background-color: {color:window background};
  791. background-image: url({image:window background});
  792. {block:ifcoverwindowbackground}background-size:cover;{/block:ifcoverwindowbackground}
  793. {/block:ifdifferentwindowbackground}
  794. }
  795.  
  796. .contentleft {
  797. width: 160px;
  798. height: 400px;
  799. overflow: auto;
  800. padding-right: 10px;
  801. position: absolute;
  802. z-index: 1;
  803. color: {color:post nav text};
  804. border-right: 1px solid rgba({RGBcolor:window border},0.3);
  805. }
  806.  
  807. .postnav {
  808. font-family: bit;
  809. font-size: 10px;
  810. color: {color:post nav text};
  811. padding: 3px 10px 6px 10px;
  812. transition: 0.8s;
  813. width: 140px;
  814. height: 14px;
  815. line-height: 16px;
  816. overflow: hidden;
  817. margin-bottom: 2px;
  818. }
  819.  
  820. .postnav:hover {background-color: rgba({RGBcolor:postnavhover},0.3);}
  821. .postnav a { color: {color:post nav text}; }
  822. .posticon {float: left;margin-right: 10px;}
  823. .pnex {width: 300px;}
  824.  
  825. .currentfolder, .inactivefolder {
  826. width: 160px;
  827. font-family: bit;
  828. font-size: 11px;
  829. text-transform: uppercase;
  830. margin-bottom: 8px;
  831. color: {color:current folder};
  832. }
  833.  
  834. .inactivefolder a { color: {color:inactive folder}; }
  835.  
  836. .folderbline {
  837. background-color: rgba({RGBcolor:window border},0.3);
  838. height: 1px;
  839. width: 80px;
  840. margin-left: 80px;
  841. position: absolute;
  842. margin-top: -6px;
  843. }
  844.  
  845. .totalfoldercount {
  846. font-family: pix;
  847. font-size: 8px;
  848. color: {color:post nav text};
  849. text-transform: uppercase;
  850. letter-spacing: 1px;
  851. padding: 10px 0;
  852. text-align: center;
  853. border-top: 1px solid rgba({RGBcolor:window border},0.1);
  854. margin-top: 10px;
  855. }
  856.  
  857. #postpop2, #postpop1, #postpop3, #postpop4, #postpop5, #postpop6, #postpop7, #postpop8, #postpop9, #postpop10, #postpop11, #postpop12, #postpop13, #postpop14, #postpop15 {
  858. position: fixed;
  859. top: 0;
  860. left: 0;
  861. width: 100%;
  862. height: 100%;
  863. z-index: 9999;
  864. background-color: {color:background};
  865. background-image: url({image:wallpaper});
  866. {block:ifcoverwallpaper}background-size:cover;{/block:ifcoverwallpaper}
  867. display: none;
  868. overflow: auto;
  869. }
  870.  
  871. .popuppost {
  872. z-index: 2;
  873. width: 500px;
  874. position: relative;
  875. padding: 20px;
  876. background-color: rgba({RGBcolor:post background},0.1);
  877. margin: 40px 0 20px 0;
  878. }
  879.  
  880. .text {
  881. font-family: bit;
  882. font-size: 12px;
  883. color: {color:body text};
  884. text-align: left;
  885. }
  886.  
  887. .text a, .qsrc a, .asker, #notescon a, #sticky1 a, #sticky2 a, #sticky3 a {
  888. color: {color:body links};
  889. text-decoration: underline;
  890. }
  891.  
  892. .text a:hover, .qsrc a:hover, .asker:hover, #notescon a:hover, #sticky1 a:hover, #sticky2 a:hover, #sticky3 a:hover {
  893. color: {color:body links hover};
  894. }
  895.  
  896. .text b,strong, .qsrc b,strong {
  897. color: {color:body bold};
  898. }
  899.  
  900. .text i,em, .qsrc i,em {
  901. color: {color:body italic};
  902. }
  903.  
  904. .text blockquote {
  905. border-left: 1px solid {color:blockquote};
  906. margin: 5px;
  907. padding: 0 20px;
  908. }
  909.  
  910. .itags {
  911. font-family: ebit;
  912. font-size: 8px;
  913. text-transform: uppercase;
  914. letter-spacing: 1px;
  915. color: {color:body text};
  916. margin: 14px 0 4px 0;
  917. text-align: center;
  918. width: 500px;
  919. line-height: 24px;
  920. }
  921.  
  922. .itags a {
  923. color: {color:body text};
  924. background-color: rgba({RGBcolor:post background},0.055);
  925. padding: 4px 10px;
  926. transition: 0.4s;
  927. margin: 0 4px;
  928. }
  929.  
  930. .itags a:hover {background-color: rgba({RGBcolor:post background},0.3);}
  931.  
  932. .clopo {
  933. font-size: 20px;
  934. font-family: ebit;
  935. color: #fff;
  936. position: fixed;
  937. top: 20px;
  938. right: 20px;
  939. width: 40px;
  940. height: 40px;
  941. text-align: center;
  942. line-height: 40px;
  943. background-color: rgba(0,0,0,0.4);
  944. }
  945.  
  946. .permaactions {
  947. margin-bottom: 160px;
  948. width: 500px;
  949. margin-left: 175px;
  950. }
  951.  
  952. #perbtn:hover { color: #FAF193; border: 2px solid #FAF193; }
  953. #rbgbtn:hover { color: #90D494; border: 2px solid #90D494; }
  954. #likbtn:hover { color: #ED7E7E; border: 2px solid #ED7E7E; }
  955. #perbtn:hover .paction { color: #FAF193; }
  956. #rbgbtn:hover .paction { color: #90D494; }
  957. #likbtn:hover .paction { color: #ED7E7E; }
  958.  
  959. .permact {
  960. float: left;
  961. margin: 0 10px;
  962. padding: 4px 10px;
  963. border: 2px solid {color:permalink actions};
  964. color: {color:permalink actions};
  965. font-family: ebit;
  966. font-size: 10px;
  967. text-transform: uppercase;
  968. }
  969.  
  970. .paction {
  971. margin-right: 6px;
  972. font-size: 12px;
  973. color: {color:permalink actions};
  974. line-height: 10px;
  975. }
  976.  
  977. .permact a, .paction a { color: {color:permalink actions}; }
  978.  
  979. .lkbtn {
  980. float: left;
  981. margin-right: 6px;
  982. line-height: 10px;
  983. }
  984.  
  985. .photo img { width: 100%; }
  986.  
  987. .pquote {
  988. font-family: ebit;
  989. font-size: 16px;
  990. color:{color:post title};
  991. }
  992.  
  993. .qsrc {
  994. font-family: pix;
  995. font-size: 8px;
  996. margin-top: 10px;
  997. text-align: center;
  998. letter-spacing: 2px;
  999. color: {color:body text};
  1000. text-transform: uppercase;
  1001. }
  1002.  
  1003. .ptitle {
  1004. font-family: ebit;
  1005. font-size: 14px;
  1006. color:{color:post title};
  1007. }
  1008.  
  1009. .text ul {list-style-type: square;}
  1010.  
  1011. .askerportrait {
  1012. max-width: 64px;
  1013. max-height: 64px;
  1014. float: left;
  1015. }
  1016.  
  1017. .a {
  1018. margin-left: 60px;
  1019. padding: 13px 10px;
  1020. background-color: rgba({RGBcolor:post background},0.1);
  1021. font-family: bit;
  1022. font-size: 10px;
  1023. min-height: 14px;
  1024. color: {color:body text};
  1025. text-align: left;
  1026. margin-bottom: 10px;
  1027. }
  1028.  
  1029. .askerm {font-style: italic;padding-right: 3px;}
  1030. .asker { padding-left:3px; }
  1031. .q {margin-top: 10px;}
  1032. .asktri {
  1033. color: rgba({RGBcolor:post background},0.1);
  1034. font-size: 24px;
  1035. position: absolute;
  1036. margin: 2px 43px;
  1037. transition: 0.6s;
  1038. }
  1039.  
  1040. .line {
  1041. padding: 10px;
  1042. background-color: rgba({RGBcolor:post background},0.1);
  1043. margin-bottom: 6px;
  1044. }
  1045.  
  1046. .popperma {
  1047. font-family: ebit;
  1048. font-size: 12px;
  1049. color: {color:body text};
  1050. margin: 20px 0;
  1051. width: 500px;
  1052. }
  1053.  
  1054. .permapostinfo {
  1055. font-family: pix;
  1056. font-size: 8px;
  1057. color: {color:body text};
  1058. text-transform: uppercase;
  1059. letter-spacing: 1px;
  1060. }
  1061.  
  1062. .permapostinfo a {color: {color:body links};}
  1063. .permapostinfo a:hover {color: {color:body links hover};}
  1064.  
  1065. .permapostinfo blockquote {
  1066. border-left: 1px solid {color:blockquote};
  1067. margin: 0 0 5px 15px;
  1068. padding: 0 0 0 10px;
  1069. }
  1070.  
  1071. #notescon {
  1072. width: 400px;
  1073. font-family: bit;
  1074. font-size: 10px;
  1075. color: {color:body text};
  1076. text-align: left;
  1077. margin-left: -40px;
  1078. margin-top: 10px;
  1079. }
  1080.  
  1081. .notes li {
  1082. width: 400px;
  1083. font-family: bit;
  1084. font-size: 10px;
  1085. padding: 10px 20px;
  1086. margin-bottom: 5px;
  1087. background-color: rgba({RGBcolor:post background},0.1);
  1088. }
  1089.  
  1090. .notes img {
  1091. margin-right: 10px;
  1092. float: left;
  1093. width: 13px;
  1094. height: 13px;
  1095. }
  1096.  
  1097. ol.notes {
  1098. width: 400px;
  1099. list-style-type: none;
  1100. padding: 10px 20px;
  1101. line-height: 15px;
  1102. position: absolute;
  1103. }
  1104.  
  1105. #contentright {
  1106. position: absolute;
  1107. margin-left: 161px;
  1108. padding: 0 35px;
  1109. height: 400px;
  1110. overflow: auto;
  1111. {block:permalinkpage}width:439px;{/block:permalinkpage}
  1112. {block:if2column250pxposts}
  1113. {block:indexpage}width: 624px;{/block:indexpage}
  1114. {block:permalinkpage}width:439px;{/block:permalinkpage}
  1115. {/block:if2column250pxposts}
  1116. {block:ifnot2column250pxposts}
  1117. width: 439px;
  1118. {/block:ifnot2column250pxposts}
  1119. }
  1120.  
  1121. .post {
  1122. background-color: rgba({RGBcolor:post background},0.1);
  1123. padding: 20px;
  1124. float: left;
  1125. {block:if2column250pxposts}
  1126. {block:indexpage}
  1127. width: 250px;
  1128. height: 250px;
  1129. margin: 0 10px 20px 10px;
  1130. {/block:indexpage}
  1131. {block:permalinkpage}width: 400px;{/block:permalinkpage}
  1132. {/block:if2column250pxposts}
  1133. {block:ifnot2column250pxposts}
  1134. width: 400px;
  1135. margin-bottom: 20px;
  1136. {/block:ifnot2column250pxposts}
  1137. }
  1138.  
  1139. .post img {
  1140. {block:if2column250pxposts}
  1141. {block:indexpage}
  1142. max-width: 250px;
  1143. {/block:indexpage}
  1144. {block:permalinkpage}max-width: 400px;{/block:permalinkpage}
  1145. {/block:if2column250pxposts}
  1146. {block:ifnot2column250pxposts}
  1147. max-width: 400px;
  1148. {/block:ifnot2column250pxposts}
  1149. height: auto;
  1150. }
  1151.  
  1152. .post blockquote img {max-width: 100%;}
  1153.  
  1154. .postc {
  1155. {block:if2column250pxposts}
  1156. max-width: 250px;
  1157. max-height: 250px;
  1158. overflow: hidden;
  1159. position: relative;
  1160. top: 50%;
  1161. transform: translateY(-50%);
  1162. {/block:if2column250pxposts}
  1163. }
  1164.  
  1165. .postdesci {
  1166. font-family: pix;
  1167. font-size: 8px;
  1168. text-transform: uppercase;
  1169. letter-spacing: 1px;
  1170. position: absolute;
  1171. float: right;
  1172. width: 250px;
  1173. text-align: right;
  1174. z-index: 2;
  1175. margin-top: 230px;
  1176. overflow: hidden;
  1177. {block:ifnot2column250pxposts}
  1178. display: none;
  1179. {/block:ifnot2column250pxposts}
  1180. }
  1181.  
  1182. .postdescicon {
  1183. width: 300px;
  1184. margin-left: -50px;
  1185. height: 20px;
  1186. line-height: 20px;
  1187. }
  1188.  
  1189. .postdesci a, .postdesu a {
  1190. color: {color:post desc};
  1191. background-color: rgba({RGBcolor:post desc bg},0.6);
  1192. padding: 8px 10px;
  1193. }
  1194.  
  1195. .postdesu {
  1196. font-family: pix;
  1197. font-size: 8px;
  1198. text-transform: uppercase;
  1199. letter-spacing: 1px;
  1200. margin-top: 14px;
  1201. }
  1202.  
  1203. .audem .tumblr_audio_player {
  1204. {block:if2column250pxposts}
  1205. {block:indexpage}height:60px;width:250px;{/block:indexpage}
  1206. {/block:if2column250pxposts}
  1207. {block:ifnot2column250pxposts}
  1208. {block:indexpage}height:60px;width:400px;{/block:indexpage}
  1209. {/block:ifnot2column250pxposts}
  1210. }
  1211. .tumblr_audio_player {width: 500px;}
  1212.  
  1213. .aline {
  1214. padding: 10px 20px;
  1215. margin-bottom: 5px;
  1216. background-color: rgba({RGBcolor:post background},0.1);
  1217. color: {color:body text};
  1218. font-family: bit;
  1219. font-size: 12px;
  1220. overflow: hidden;
  1221. }
  1222.  
  1223. #opensticky, #closesticky1, #closesticky2, #closesticky3, #closepost1, #closepost2, #closepost3, #closepost4, #closepost5, #closepost6, #closepost7, #closepost8, #closepost9, #closepost10, #closepost11, #closepost12, #closepost13, #closepost14, #closepost5, #closesbimg1, #closesbimg2, #closesbimg3, #closesbimg4, #closesbimg5, #closeaskboxpop, #closearchivepop, #closecontentpop, #closeblogrollpop, #closeaboutpop, .taskbariconi, .shortcut {
  1224. cursor: pointer;
  1225. text-decoration: none;
  1226. }
  1227.  
  1228.  
  1229. {CustomCSS}
  1230.  
  1231. </style>
  1232. </head>
  1233. <body>
  1234.  
  1235. <div id="contentpop">
  1236. <div class="dragcontent"><div class="menubtncontent"><span class="mbt">_</span><span class="mbt">□</span><a id="closecontentpop">X</a></div>
  1237. <div class="blogtcontent">> {text:url}'s documents</div></div>
  1238. <div class="contentwrap"></div>
  1239.  
  1240. <div id="contentright"><!--actual post content below!-->
  1241.  
  1242. {block:Posts}
  1243. <div class="post"><!-- actual posts ---------------------------------------->
  1244.  
  1245. {block:if2column250pxposts}
  1246. {block:indexpage}<div class="postdesci"><div class="postdescicon">
  1247. {block:Post1}<a title="file size: {NoteCount} B" id="openpost1a">{/block:Post1}{block:Post2}<a title="file size: {NoteCount} B" id="openpost2a">{/block:Post2}{block:Post3}<a title="file size: {NoteCount} B" id="openpost3a">{/block:Post3}{block:Post4}<a title="file size: {NoteCount} B" id="openpost4a">{/block:Post4}{block:Post5}<a title="file size: {NoteCount} B" id="openpost5a">{/block:Post5}{block:Post6}<a title="file size: {NoteCount} B" id="openpost6a">{/block:Post6}{block:Post7}<a title="file size: {NoteCount} B" id="openpost7a">{/block:Post7}{block:Post8}<a title="file size: {NoteCount} B" id="openpost8a">{/block:Post8}{block:Post9}<a title="file size: {NoteCount} B" id="openpost9a">{/block:Post9}{block:Post10}<a title="file size: {NoteCount} B" id="openpost10a">{/block:Post10}{block:Post11}<a title="file size: {NoteCount} B" id="openpost11a">{/block:Post11}{block:Post12}<a title="file size: {NoteCount} B" id="openpost12a">{/block:Post12}{block:Post13}<a title="file size: {NoteCount} B" id="openpost13a">{/block:Post13}{block:Post14}<a title="file size: {NoteCount} B" id="openpost14a">{/block:Post14}{block:Post15}<a title="file size: {NoteCount} B" id="openpost15a">{/block:Post15}
  1248. {Block:Text}<i class="fa fa-font"></i> {block:title}{title}{/block:title}.txt{/Block:Text}
  1249. {block:photo}<i class="fa fa-image"></i> img_{DayOfMonthWithZero}{MonthNumberWithZero}{ShortYear}{24HourWithZero}{Minutes}.jpg{/block:photo}
  1250. {block:photoset}<i class="fa fa-th-large"></i> photoset_{DayOfMonthWithZero}{MonthNumberWithZero}{ShortYear}{24HourWithZero}{Minutes}{/block:photoset}
  1251. {block:video}<i class="fa fa-fast-forward"></i> vid_{DayOfMonthWithZero}{MonthNumberWithZero}{ShortYear}{24HourWithZero}{Minutes}.mp4{/block:video}
  1252. {block:link}<i class="fa fa-link"></i> {Name}{/block:link}
  1253. {Block:Audio}<i class="fa fa-music"></i> {block:TrackName}{TrackName}{/block:TrackName}.mp3{/Block:Audio}
  1254. {block:chat}<i class="fa fa-comment-o"></i> chat_log_{DayOfMonthWithZero}{MonthNumberWithZero}{ShortYear}{/block:chat}
  1255. {block:quote}<i class="fa fa-quote-left"></i> quote.txt{/block:quote}
  1256. {Block:Answer}<i class="fa fa-envelope-o"></i> mail received on {DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}{/Block:Answer}
  1257. </a></div></div>{/block:indexpage}
  1258. {/block:if2column250pxposts}
  1259.  
  1260. {block:indexpage}<div class="postc">{/block:indexpage}
  1261.  
  1262. {Block:Quote}<div class="pquote">{Quote}</div>{block:source}<div class="qsrc"><i class="fa fa-quote-left"></i> {Source} <i class="fa fa-quote-right"></i></div>{/block:source}{/block:Quote}
  1263.  
  1264. {Block:Text}
  1265. {Block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{Body}</div>
  1266. {/block:Text}
  1267.  
  1268. {Block:Photo}
  1269. {block:indexpage}
  1270. {block:if2column250pxposts}<img src="{PhotoURL-250}">{/block:if2column250pxposts}{block:ifnot2column250pxposts}<img src="{PhotoURL-400}">{/block:ifnot2column250pxposts}
  1271. {/block:indexpage}
  1272. {block:permalinkpage}<img src="{PhotoURL-400}">{/block:permalinkpage}
  1273. {block:if2column250pxposts}
  1274. {block:permalinkpage}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:permalinkpage}
  1275. {/block:if2column250pxposts}
  1276. {block:ifnot2column250pxposts}
  1277. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  1278. {/block:ifnot2column250pxposts}
  1279. {/block:Photo}
  1280.  
  1281. {block:Photoset}
  1282. {block:indexpage}
  1283. {block:if2column250pxposts}{Photoset-250}{/block:if2column250pxposts}
  1284. {block:ifnot2column250pxposts}{Photoset-400}{/block:ifnot2column250pxposts}
  1285. {/block:indexpage}
  1286. {block:permalinkpage}{Photoset-400}{/block:permalinkpage}
  1287. {block:if2column250pxposts}
  1288. {block:permalinkpage}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:permalinkpage}
  1289. {/block:if2column250pxposts}
  1290. {block:ifnot2column250pxposts}
  1291. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  1292. {/block:ifnot2column250pxposts}
  1293. {/block:Photoset}
  1294.  
  1295. {Block:Audio}{block:AudioEmbed}<div class="audem">{AudioEmbed}</div>{/block:AudioEmbed}{Block:indexpage}{Block:TrackName}<div class="aline">Track: {TrackName}</div>{/block:TrackName}{Block:Album}<div class="aline">Album: {Album}</div>{/block:Album}{Block:Artist}<div class="aline">Artist: {Artist}</div>{/block:Artist}{/block:indexpage}
  1296. {block:if2column250pxposts}
  1297. {block:permalinkpage}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:permalinkpage}
  1298. {/block:if2column250pxposts}
  1299. {block:ifnot2column250pxposts}
  1300. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  1301. {/block:ifnot2column250pxposts}
  1302. {/Block:Audio}
  1303.  
  1304. {block:Video}
  1305. {block:indexpage}
  1306. {block:if2column250pxposts}{Video-250}{/block:if2column250pxposts}
  1307. {block:ifnot2column250pxposts}{Video-400}{/block:ifnot2column250pxposts}
  1308. {/block:indexpage}
  1309. {block:permalinkpage}{Video-400}{/block:permalinkpage}
  1310. {block:if2column250pxposts}
  1311. {block:permalinkpage}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:permalinkpage}
  1312. {/block:if2column250pxposts}
  1313. {block:ifnot2column250pxposts}
  1314. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  1315. {/block:ifnot2column250pxposts}
  1316. {/block:Video}
  1317.  
  1318. {block:Answer}<img class="askerportrait" src="{AskerPortraitURL-40}"><div class="asktri">◀</div><div class="a"><span class="askerm"><span class="fa fa-quote-left"></span> {Asker} sent -</span><span class="q">{Question}</span></div><div class="text">{Answer}</div>
  1319. {/block:Answer}
  1320.  
  1321. {Block:Link}
  1322. <a href="{URL}"><div class="ptitle"><i class="fa fa-link"></i> {Name} <i class="fa fa-angle-right"></i></div></a>{block:Description}<div class="text">{Description}</div>{/block:Description}
  1323. {/block:Link}
  1324.  
  1325. {block:Chat}{block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{block:Lines}<div class="{Alt}"><div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br /></div></div>{/block:Lines}</div>
  1326. {/block:Chat}
  1327.  
  1328. {block:indexpage}</div><!--postc-->{/block:indexpage}
  1329.  
  1330. {block:ifnot2column250pxposts}
  1331. {block:indexpage}<div class="postdesu">
  1332. {block:Post1}<a title="file size: {NoteCount} B" id="openpost1a">{/block:Post1}{block:Post2}<a title="file size: {NoteCount} B" id="openpost2a">{/block:Post2}{block:Post3}<a title="file size: {NoteCount} B" id="openpost3a">{/block:Post3}{block:Post4}<a title="file size: {NoteCount} B" id="openpost4a">{/block:Post4}{block:Post5}<a title="file size: {NoteCount} B" id="openpost5a">{/block:Post5}{block:Post6}<a title="file size: {NoteCount} B" id="openpost6a">{/block:Post6}{block:Post7}<a title="file size: {NoteCount} B" id="openpost7a">{/block:Post7}{block:Post8}<a title="file size: {NoteCount} B" id="openpost8a">{/block:Post8}{block:Post9}<a title="file size: {NoteCount} B" id="openpost9a">{/block:Post9}{block:Post10}<a title="file size: {NoteCount} B" id="openpost10a">{/block:Post10}{block:Post11}<a title="file size: {NoteCount} B" id="openpost11a">{/block:Post11}{block:Post12}<a title="file size: {NoteCount} B" id="openpost12a">{/block:Post12}{block:Post13}<a title="file size: {NoteCount} B" id="openpost13a">{/block:Post13}{block:Post14}<a title="file size: {NoteCount} B" id="openpost14a">{/block:Post14}{block:Post15}<a title="file size: {NoteCount} B" id="openpost15a">{/block:Post15}
  1333. {Block:Text}<i class="fa fa-font"></i> {block:title}{title}{/block:title}.txt{/Block:Text}
  1334. {block:photo}<i class="fa fa-image"></i> img_{DayOfMonthWithZero}{MonthNumberWithZero}{ShortYear}{24HourWithZero}{Minutes}.jpg{/block:photo}
  1335. {block:photoset}<i class="fa fa-th-large"></i> photoset_{DayOfMonthWithZero}{MonthNumberWithZero}{ShortYear}{24HourWithZero}{Minutes}{/block:photoset}
  1336. {block:video}<i class="fa fa-fast-forward"></i> vid_{DayOfMonthWithZero}{MonthNumberWithZero}{ShortYear}{24HourWithZero}{Minutes}.mp4{/block:video}
  1337. {block:link}<i class="fa fa-link"></i> {Name}{/block:link}
  1338. {Block:Audio}<i class="fa fa-music"></i> {block:TrackName}{TrackName}{/block:TrackName}.mp3{/Block:Audio}
  1339. {block:chat}<i class="fa fa-comment-o"></i> chat_log_{DayOfMonthWithZero}{MonthNumberWithZero}{ShortYear}{/block:chat}
  1340. {block:quote}<i class="fa fa-quote-left"></i> quote.txt{/block:quote}
  1341. {Block:Answer}<i class="fa fa-envelope-o"></i> mail received on {DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}{/Block:Answer}
  1342. </a></div>{/block:indexpage}
  1343. {/block:ifnot2column250pxposts}
  1344.  
  1345. {block:permalinkpage}
  1346. {block:PostNotes}
  1347. <div id="notescon">{PostNotes-16}</div>
  1348. {/block:PostNotes}
  1349. {/block:permalinkpage}
  1350.  
  1351. </div><!--post-->
  1352. {/block:Posts}
  1353.  
  1354. </div><!--contentright-->
  1355.  
  1356. <div class="contentleft">
  1357.  
  1358. <!--permalinkpage folders-->
  1359.  
  1360. {block:permalinkpage}
  1361. {block:Posts}
  1362. {Block:Text}<div class="postnav"><div class="pnex"><div class="posticon"><i class="fa fa-font"></i></div> {block:title}{title}{/block:title}.txt</div></div><!--postnav-->{/Block:Text}
  1363. {block:photo}<div class="postnav"><div class="pnex"><div class="posticon"><i class="fa fa-image"></i></div> img_{DayOfMonthWithZero}{MonthNumberWithZero}{ShortYear}{24HourWithZero}{Minutes}.jpg</div></div><!--postnav-->{/block:photo}
  1364. {block:photoset}<div class="postnav"><div class="pnex"><div class="posticon"><i class="fa fa-th-large"></i></div> photoset_{DayOfMonthWithZero}{MonthNumberWithZero}{ShortYear}{24HourWithZero}{Minutes}</div></div><!--postnav-->{/block:photoset}
  1365. {block:video}<div class="postnav"><div class="pnex"><div class="posticon"><i class="fa fa-fast-forward"></i></div> vid_{DayOfMonthWithZero}{MonthNumberWithZero}{ShortYear}{24HourWithZero}{Minutes}.mp4</div></div><!--postnav-->{/block:video}
  1366. {block:link}<div class="postnav"><div class="pnex"><div class="posticon"><i class="fa fa-link"></i></div> {Name}</div></div><!--postnav-->{/block:link}
  1367. {Block:Audio}<div class="postnav"><div class="pnex"><div class="posticon"><i class="fa fa-music"></i></div> {block:TrackName}{TrackName}{/block:TrackName}.mp3</div></div><!--postnav-->{/Block:Audio}
  1368. {block:chat}<div class="postnav"><div class="pnex"><div class="posticon"><i class="fa fa-comment-o"></i></div> chat_log_{DayOfMonthWithZero}{MonthNumberWithZero}{ShortYear}</div></div><!--postnav-->{/block:chat}
  1369. {block:quote}<div class="postnav"><div class="pnex"><div class="posticon"><i class="fa fa-quote-left"></i></div> {Quote}.txt</div></div><!--postnav-->{/block:quote}
  1370. {Block:Answer}<div class="postnav"><div class="pnex"><div class="posticon"><i class="fa fa-envelope-o"></i></div> mail received on {DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</div></div><!--postnav-->{/Block:Answer}
  1371. {block:permalinkpage}<div class="permapostinfo">
  1372. {block:date}
  1373. <blockquote>
  1374. posted: {DayOfMonth} {Month} {Year}<br>
  1375. notes: {NoteCount}
  1376. </blockquote>
  1377. {block:RebloggedFrom}
  1378. <blockquote>
  1379. via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1380. <br>originally <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1381. </blockquote>
  1382. {/block:RebloggedFrom}
  1383. {Block:HasTags}
  1384. <blockquote>
  1385. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  1386. </blockquote>
  1387. {/Block:HasTags}
  1388. </blockquote>
  1389. {/block:date}
  1390. <br><a href="/"><i class="fa fa-angle-double-left"></i> back to main</a>
  1391. </div><!--permapostinfo-->{/block:permalinkpage}
  1392. </a><!-- openpost x end link -->
  1393. {/block:Posts}
  1394. {/block:permalinkpage}
  1395.  
  1396. <!--end permalinkpage folders-->
  1397.  
  1398.  
  1399. {block:Pagination}<div class="folders">
  1400. {block:JumpPagination length="5"}
  1401. {block:CurrentPage}
  1402. <div class="currentfolder"><span style="margin-right:6px;"><i class="fa fa-caret-down"></i></span> folder {CurrentPage}<div class="folderbline"></div></div>
  1403. {block:Posts}
  1404. {block:Post1}<a title="file size: {NoteCount} B" id="openpost1">{/block:Post1}{block:Post2}<a title="file size: {NoteCount} B" id="openpost2">{/block:Post2}{block:Post3}<a title="file size: {NoteCount} B" id="openpost3">{/block:Post3}{block:Post4}<a title="file size: {NoteCount} B" id="openpost4">{/block:Post4}{block:Post5}<a title="file size: {NoteCount} B" id="openpost5">{/block:Post5}{block:Post6}<a title="file size: {NoteCount} B" id="openpost6">{/block:Post6}{block:Post7}<a title="file size: {NoteCount} B" id="openpost7">{/block:Post7}{block:Post8}<a title="file size: {NoteCount} B" id="openpost8">{/block:Post8}{block:Post9}<a title="file size: {NoteCount} B" id="openpost9">{/block:Post9}{block:Post10}<a title="file size: {NoteCount} B" id="openpost10">{/block:Post10}{block:Post11}<a title="file size: {NoteCount} B" id="openpost11">{/block:Post11}{block:Post12}<a title="file size: {NoteCount} B" id="openpost12">{/block:Post12}{block:Post13}<a title="file size: {NoteCount} B" id="openpost13">{/block:Post13}{block:Post14}<a title="file size: {NoteCount} B" id="openpost14">{/block:Post14}{block:Post15}<a title="file size: {NoteCount} B" id="openpost15">{/block:Post15}
  1405. {Block:Text}<div class="postnav"><div class="pnex"><div class="posticon"><i class="fa fa-font"></i></div> {block:title}{title}{/block:title}.txt</div></div><!--postnav-->{/Block:Text}
  1406. {block:photo}<div class="postnav"><div class="pnex"><div class="posticon"><i class="fa fa-image"></i></div> img_{DayOfMonthWithZero}{MonthNumberWithZero}{ShortYear}{24HourWithZero}{Minutes}.jpg</div></div><!--postnav-->{/block:photo}
  1407. {block:photoset}<div class="postnav"><div class="pnex"><div class="posticon"><i class="fa fa-th-large"></i></div> photoset_{DayOfMonthWithZero}{MonthNumberWithZero}{ShortYear}{24HourWithZero}{Minutes}</div></div><!--postnav-->{/block:photoset}
  1408. {block:video}<div class="postnav"><div class="pnex"><div class="posticon"><i class="fa fa-fast-forward"></i></div> vid_{DayOfMonthWithZero}{MonthNumberWithZero}{ShortYear}{24HourWithZero}{Minutes}.mp4</div></div><!--postnav-->{/block:video}
  1409. {block:link}<div class="postnav"><div class="pnex"><div class="posticon"><i class="fa fa-link"></i></div> {Name}</div></div><!--postnav-->{/block:link}
  1410. {Block:Audio}<div class="postnav"><div class="pnex"><div class="posticon"><i class="fa fa-music"></i></div> {block:TrackName}{TrackName}{/block:TrackName}.mp3</div></div><!--postnav-->{/Block:Audio}
  1411. {block:chat}<div class="postnav"><div class="pnex"><div class="posticon"><i class="fa fa-comment-o"></i></div> chat_log_{DayOfMonthWithZero}{MonthNumberWithZero}{ShortYear}</div></div><!--postnav-->{/block:chat}
  1412. {block:quote}<div class="postnav"><div class="pnex"><div class="posticon"><i class="fa fa-quote-left"></i></div> {Quote}.txt</div></div><!--postnav-->{/block:quote}
  1413. {Block:Answer}<div class="postnav"><div class="pnex"><div class="posticon"><i class="fa fa-envelope-o"></i></div> mail received on {DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</div></div><!--postnav-->{/Block:Answer}
  1414. {block:date}{block:permalinkpage}<div class="permapostinfo">
  1415. <blockquote>
  1416. posted: {DayOfMonth} {Month} {Year}<br>
  1417. notes: {NoteCount}
  1418. </blockquote>
  1419. {block:RebloggedFrom}
  1420. <blockquote>
  1421. via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1422. <br>originally <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1423. </blockquote>
  1424. {/block:RebloggedFrom}
  1425. {Block:HasTags}
  1426. <blockquote>
  1427. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  1428. </blockquote>
  1429. {/Block:HasTags}
  1430. </blockquote>
  1431. <br><a href="/"><i class="fa fa-angle-double-left"></i> back to main</a>
  1432. </div><!--permapostinfo-->{/block:permalinkpage}{/block:date}
  1433. </a><!-- openpost x end link -->
  1434. {/block:Posts}
  1435. <div style="height:10px;"></div>
  1436. {/block:CurrentPage}
  1437. {block:JumpPage}
  1438. <a class="jump_page" href="{URL}"><div class="inactivefolder"><span style="margin-right:6px;"><i class="fa fa-caret-right"></i></span> folder {PageNumber}</div></a>
  1439. {/block:JumpPage}
  1440. {/block:JumpPagination}
  1441. <div class="totalfoldercount">total {TotalPages} folders</div>
  1442. </div><!--folders-->{/block:Pagination}
  1443.  
  1444. </div><!--contentleft-->
  1445.  
  1446.  
  1447. </div><!-- contentpop -->
  1448.  
  1449. {block:ifstickynote1text}<div id="sticky1">
  1450. <div class="dragsticky1"><div class="menubtnsticky1"><a id="closesticky1">X</a></div>
  1451. <div class="stickyt1">> sticky note 1</div></div>
  1452. {text:sticky note 1 text}
  1453. </div><!-- end sticky note 1 -->{/block:ifstickynote1text}
  1454.  
  1455. {block:ifstickynote2text}<div id="sticky2">
  1456. <div class="dragsticky2"><div class="menubtnsticky2"><a id="closesticky2">X</a></div>
  1457. <div class="stickyt2">> sticky note 2</div></div>
  1458. {text:sticky note 2 text}
  1459. </div><!-- end sticky note 2 -->{/block:ifstickynote2text}
  1460.  
  1461. {block:ifstickynote3text}<div id="sticky3">
  1462. <div class="dragsticky3"><div class="menubtnsticky3"><a id="closesticky3">X</a></div>
  1463. <div class="stickyt3">> sticky note 3</div></div>
  1464. {text:sticky note 3 text}
  1465. </div><!-- end sticky note 3 -->{/block:ifstickynote3text}
  1466.  
  1467. {block:Following}<div id="blogrollpop">
  1468. <div class="dragblogroll"><div class="menubtnblogroll"><span class="mbt">_</span><span class="mbt">□</span><a id="closeblogrollpop">X</a></div>
  1469. <div class="blogtblogroll">> contacts</div></div><!--dragblogroll-->
  1470. <div id="blogrollwrap"></div><!--blogrollwrap-->
  1471. <div id="blogrollt">
  1472. {block:Followed}<a href="{FollowedURL}"><div class="followingu">
  1473. <img class="foimg" src="{FollowedPortraitURL-48}">
  1474. <div class="senpai"><div class="senpie"><span style="font-size: 15px;"><i class="fa fa-angle-double-right"></i></span> {FollowedName}<br><div class="kouhai">{FollowedTitle}</div></div></div>
  1475. </div><!--followingu--></a>{/block:Followed}
  1476. </div><!--blogrollt-->
  1477. </div><!--archivepop-->{/block:Following}
  1478.  
  1479. <div id="aboutpop">
  1480. <div class="dragabout"><div class="menubtnabout"><span class="mbt">_</span><span class="mbt">□</span><a id="closeaboutpop">X</a></div>
  1481. <div class="blogtabout">> user information</div></div><!--dragabout-->
  1482. <div class="leftabout">
  1483. <div class="labimgs"><img class="labimg" src="{image:about icon}"></div>
  1484. <div class="aboutinfo">
  1485. <b>name</b> {text:name}</p>
  1486. <p><b>birthday</b> {text:birthday}</p>
  1487. <p><b>location</b> {text:country}</p>
  1488. <p><b>mbti</b> {text:personality}</p>
  1489. <p><b>status</b> {text:status}</p>
  1490. </div><!--aboutinfo-->
  1491. </div><!--leftabout-->
  1492. <div class="rightabout"><div class="desc">{description}</div></div>
  1493. <div id="aboutwrap"></div><!--aboutwrap-->
  1494. </div><!--aboutpop-->
  1495.  
  1496. <div id="archivepop">
  1497. <div class="dragarchive"><div class="menubtnarchive"><span class="mbt">_</span><span class="mbt">□</span><a id="closearchivepop">X</a></div>
  1498. <div class="blogtarchive">> archives</div></div><!--dragarchive-->
  1499. <iframe src="http://{text:url}.tumblr.com/archive" width="580" height="400"></iframe>
  1500. </div><!--archivepop-->
  1501.  
  1502. <div id="askboxpop">
  1503. <div class="dragaskbox"><div class="menubtnaskbox"><span class="mbt">_</span><span class="mbt">□</span><a id="closeaskboxpop">X</a></div>
  1504. <div class="blogtaskbox">> send a message</div></div><!--dragaskbox-->
  1505. <iframe frameborder="0" scrolling="no" width="100%" height="200" src="http://www.tumblr.com/ask_form/{text:url}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  1506. </div><!--askboxpop-->
  1507.  
  1508. <div id="sbimg1">
  1509. <div class="dragimg1"><div class="menubtn1"><span class="mbt">_</span><span class="mbt">□</span><a id="closesbimg1">X</a></div>
  1510. <div class="blogt1">> {text:photo upload 1 title}</div></div><!--drag1-->
  1511. <img class="sbimg1" src="{image:photo upload 1}">
  1512. </div><!--sbimg1-->
  1513. <div id="sbimg2">
  1514. <div class="dragimg2"><div class="menubtn2"><span class="mbt">_</span><span class="mbt">□</span><a id="closesbimg2">X</a></div>
  1515. <div class="blogt2">> {text:photo upload 2 title}</div></div><!--drag2-->
  1516. <img class="sbimg2" src="{image:photo upload 2}">
  1517. </div><!--sbimg2-->
  1518. <div id="sbimg3">
  1519. <div class="dragimg3"><div class="menubtn3"><span class="mbt">_</span><span class="mbt">□</span><a id="closesbimg3">X</a></div>
  1520. <div class="blogt3">> {text:photo upload 3 title}</div></div><!--drag3-->
  1521. <img class="sbimg3" src="{image:photo upload 3}">
  1522. </div><!--sbimg3-->
  1523. <div id="sbimg4">
  1524. <div class="dragimg4"><div class="menubtn4"><span class="mbt">_</span><span class="mbt">□</span><a id="closesbimg4">X</a></div>
  1525. <div class="blogt4">> {text:photo upload 4 title}</div></div><!--drag4-->
  1526. <img class="sbimg4" src="{image:photo upload 4}">
  1527. </div><!--sbimg4-->
  1528. <div id="sbimg5">
  1529. <div class="dragimg5"><div class="menubtn5"><span class="mbt">_</span><span class="mbt">□</span><a id="closesbimg5">X</a></div>
  1530. <div class="blogt5">> {text:photo upload 5 title}</div></div><!--drag5-->
  1531. <img class="sbimg5" src="{image:photo upload 5}">
  1532. </div><!--sbimg5-->
  1533.  
  1534. <div id="desktop3"><!------------------------------------- start desktop 3 -->
  1535.  
  1536. {block:ifphotoupload1title}<div class="shortcut"><!-- sb image 1 -->
  1537. <div class="scn">
  1538. <div class="shortcuticon"><a id="opensbimg1"><img class="smolsbimg" src="{image:photo upload 1}"></a></div>
  1539. <div class="shortcutname"><a id="opensbimg1"><span class="scnbg">{text:photo upload 1 title}</span></a></div>
  1540. </div>
  1541. </div><!--shortcut-->{/block:ifphotoupload1title}
  1542.  
  1543. {block:ifphotoupload2title}<div class="shortcut"><!-- sb image 2 -->
  1544. <div class="scn">
  1545. <div class="shortcuticon"><a id="opensbimg2"><img class="smolsbimg" src="{image:photo upload 2}"></a></div>
  1546. <div class="shortcutname"><a id="opensbimg2"><span class="scnbg">{text:photo upload 2 title}</span></a></div>
  1547. </div>
  1548. </div><!--shortcut-->{/block:ifphotoupload2title}
  1549.  
  1550. {block:ifphotoupload3title}<div class="shortcut"><!-- sb image 3 -->
  1551. <div class="scn">
  1552. <div class="shortcuticon"><a id="opensbimg3"><img class="smolsbimg" src="{image:photo upload 3}"></a></div>
  1553. <div class="shortcutname"><a id="opensbimg3"><span class="scnbg">{text:photo upload 3 title}</span></a></div>
  1554. </div>
  1555. </div><!--shortcut-->{/block:ifphotoupload3title}
  1556.  
  1557. {block:ifphotoupload4title}<div class="shortcut"><!-- sb image 4 -->
  1558. <div class="scn">
  1559. <div class="shortcuticon"><a id="opensbimg4"><img class="smolsbimg" src="{image:photo upload 4}"></a></div>
  1560. <div class="shortcutname"><a id="opensbimg4"><span class="scnbg">{text:photo upload 4 title}</span></a></div>
  1561. </div>
  1562. </div><!--shortcut-->{/block:ifphotoupload4title}
  1563.  
  1564. {block:ifphotoupload5title}<div class="shortcut"><!-- sb image 5 -->
  1565. <div class="scn">
  1566. <div class="shortcuticon"><a id="opensbimg5"><img class="smolsbimg" src="{image:photo upload 5}"></a></div>
  1567. <div class="shortcutname"><a id="opensbimg5"><span class="scnbg">{text:photo upload 5 title}</span></a></div>
  1568. </div>
  1569. </div><!--shortcut-->{/block:ifphotoupload5title}
  1570.  
  1571. </div><!----------------------------------------------------------desktop3-->
  1572.  
  1573. <div id="desktop2"><!------------------------------------ start desktop 2 -->
  1574.  
  1575. {block:iflink1}<div class="shortcut">
  1576. <div class="scn">
  1577. <div class="shortcuticon"><a href="{text:link 1 url}"><i class="fa fa-{text:link 1 icon}"></i></a></div>
  1578. <a href="{text:link 1 url}"><div class="shortcutname"><span class="scnbg">{text:link 1}</span></div></a>
  1579. </div>
  1580. </div><!--shortcut-->{/block:iflink1}
  1581.  
  1582. {block:iflink2}<div class="shortcut">
  1583. <div class="scn">
  1584. <div class="shortcuticon"><a href="{text:link 2 url}"><i class="fa fa-{text:link 2 icon}"></i></a></div>
  1585. <a href="{text:link 2 url}"><div class="shortcutname"><span class="scnbg">{text:link 2}</span></div></a>
  1586. </div>
  1587. </div><!--shortcut-->{/block:iflink2}
  1588.  
  1589. {block:iflink3}<div class="shortcut">
  1590. <div class="scn">
  1591. <div class="shortcuticon"><a href="{text:link 3 url}"><i class="fa fa-{text:link 3 icon}"></i></a></div>
  1592. <a href="{text:link 3 url}"><div class="shortcutname"><span class="scnbg">{text:link 3}</span></div></a>
  1593. </div>
  1594. </div><!--shortcut-->{/block:iflink3}
  1595.  
  1596. {block:iflink4}<div class="shortcut">
  1597. <div class="scn">
  1598. <div class="shortcuticon"><a href="{text:link 4 url}"><i class="fa fa-{text:link 4 icon}"></i></a></div>
  1599. <a href="{text:link 4 url}"><div class="shortcutname"><span class="scnbg">{text:link 4}</span></div></a>
  1600. </div>
  1601. </div><!--shortcut-->{/block:iflink4}
  1602.  
  1603. {block:iflink5}<div class="shortcut">
  1604. <div class="scn">
  1605. <div class="shortcuticon"><a href="{text:link 5 url}"><i class="fa fa-{text:link 5 icon}"></i></a></div>
  1606. <a href="{text:link 5 url}"><div class="shortcutname"><span class="scnbg">{text:link 5}</span></div></a>
  1607. </div>
  1608. </div><!--shortcut-->{/block:iflink5}
  1609.  
  1610. {block:iflink6}<div class="shortcut">
  1611. <div class="scn">
  1612. <div class="shortcuticon"><a href="{text:link 6 url}"><i class="fa fa-{text:link 6 icon}"></i></a></div>
  1613. <a href="{text:link 6 url}"><div class="shortcutname"><span class="scnbg">{text:link 6}</span></div></a>
  1614. </div>
  1615. </div><!--shortcut-->{/block:iflink6}
  1616.  
  1617. </div><!------------------------------------------------------end desktop2-->
  1618.  
  1619. <div id="desktop"><!------------------------------------- start desktop 1 -->
  1620.  
  1621. <div class="shortcut"><!--archive - trash bin icon -->
  1622. <div class="scn">
  1623. <div class="shortcuticon"><a id="openarchivepop"><i class="fa fa-trash-o"></i></a></div>
  1624. <a id="openarchivepop"><div class="shortcutname"><span class="scnbg">archives</span></div></a>
  1625. </div>
  1626. </div><!--shortcut-->
  1627.  
  1628. <div class="shortcut"><!-- blog posts - open folder icon -->
  1629. <div class="scn">
  1630. <div class="shortcuticon"><a id="opencontentpop"><i class="fa fa-folder-open-o"></i></a></div>
  1631. <a id="opencontentpop"><div class="shortcutname"><span class="scnbg">documents</span></div></a>
  1632. </div>
  1633. </div><!--shortcut-->
  1634.  
  1635. <div class="shortcut"><!-- about -- user icon -->
  1636. <div class="scn">
  1637. <div class="shortcuticon"><a id="openaboutpop"><i class="fa fa-user"></i></a></div>
  1638. <a id="openaboutpop"><div class="shortcutname"><span class="scnbg">user info</span></div></a>
  1639. </div>
  1640. </div><!--shortcut-->
  1641.  
  1642. <div class="shortcut"><!-- askbox -- envelope icon -->
  1643. <div class="scn">
  1644. <div class="shortcuticon"><a id="openaskboxpop"><i class="fa fa-envelope-o"></i></a></div>
  1645. <a href="openaskboxpop"><div class="shortcutname"><span class="scnbg">check mail</span></div></a>
  1646. </div>
  1647. </div><!--shortcut-->
  1648.  
  1649. {block:following}<div class="shortcut"><!--blogroll - book icon -->
  1650. <div class="scn">
  1651. <div class="shortcuticon"><a id="openblogrollpop"><i class="fa fa-book"></i></a></div>
  1652. <a id="openblogrollpop"><div class="shortcutname"><span class="scnbg">contacts</span></div></a>
  1653. </div>
  1654. </div><!--shortcut-->{/block:following}
  1655.  
  1656. <div class="shortcut">
  1657. <div class="scn">
  1658. <div class="shortcuticon"><a href="http://yukoki.tumblr.com"><i class="fa fa-code"></i></a></div>
  1659. <a href="http://yukoki.tumblr.com"><div class="shortcutname"><span class="scnbg">theme credit</span></div></a>
  1660. </div>
  1661. </div><!--shortcut-->
  1662.  
  1663. </div><!------------------------------------------------------end desktop1-->
  1664.  
  1665. <div id="taskbar"><!-------------------------------------- start taskbar -->
  1666.  
  1667. <div id="system">
  1668. <div class="systempopup">
  1669. <a href="http://tumblr.com"><div class="syslink">dashboard</div></a>
  1670. <a href="http://tumblr.com/follow/{text:url}"><div class="syslink">follow {text:url}</div></a>
  1671. <a href="/"><div class="syslink">restart system</div></a>
  1672. <a href="http://tumblr.com/logout"><div class="syslink">log out</div></a>
  1673. <div class="sputri">▼</div>
  1674. </div><!--systempopup-->
  1675. <div class="taskbariconi"><i class="fa fa-power-off"></i></div>
  1676. </div><!--system-->
  1677.  
  1678. <div id="task">
  1679. <a title="send a message" href="/ask"><div class="taskbaricon"><i class="fa fa-inbox"></i></div></a>
  1680. </div><!--task-->
  1681.  
  1682. <div id="task">
  1683. <a title="submit" href="/submit"><div class="taskbaricon"><i class="fa fa-upload"></i></div></a>
  1684. </div><!--task-->
  1685.  
  1686. <div id="task">
  1687. <a title="access history" href=""><div class="taskbaricon"><i class="fa fa-calendar"></i></div></a>
  1688. </div><!--task-->
  1689.  
  1690. {block:iflink1}<div id="task">
  1691. <a title="{text:link 1}" href="{text:link 1 url}"><div class="taskbaricon"><i class="fa fa-{text:link 1 icon}"></i></div></a>
  1692. </div><!--task-->{/block:iflink1}
  1693.  
  1694. {block:iflink2}<div id="task">
  1695. <a title="{text:link 2}" href="{text:link 2 url}"><div class="taskbaricon"><i class="fa fa-{text:link 2 icon}"></i></div></a>
  1696. </div><!--task-->{/block:iflink2}
  1697.  
  1698. {block:iflink3}<div id="task">
  1699. <a title="{text:link 3}" href="{text:link 3 url}"><div class="taskbaricon"><i class="fa fa-{text:link 3 icon}"></i></div></a>
  1700. </div><!--task-->{/block:iflink3}
  1701.  
  1702. {block:iflink4}<div id="task">
  1703. <a title="{text:link 4}" href="{text:link 4 url}"><div class="taskbaricon"><i class="fa fa-{text:link 4 icon}"></i></div></a>
  1704. </div><!--task-->{/block:iflink4}
  1705.  
  1706. {block:iflink5}<div id="task">
  1707. <a title="{text:link 5}" href="{text:link 5 url}"><div class="taskbaricon"><i class="fa fa-{text:link 5 icon}"></i></div></a>
  1708. </div><!--task-->{/block:iflink5}
  1709.  
  1710. {block:iflink6}<div id="task">
  1711. <a title="{text:link 6}" href="{text:link 6 url}"><div class="taskbaricon"><i class="fa fa-{text:link 6 icon}"></i></div></a>
  1712. </div><!--task-->{/block:iflink6}
  1713.  
  1714.  
  1715.  
  1716. <div id="task">
  1717. <a title="sticky notes" id="opensticky"><div class="taskbaricon"><i class="fa fa-sticky-note-o"></i></div></a>
  1718. </div><!--task-->
  1719.  
  1720. <div id="taskbarright">
  1721. {block:ifbuiltinmusicplayer}
  1722. <span class="bimh"><div class="bimptri">▼</div><div class="bimp"><div class="muse">{text:billy music player code}</div></div>
  1723. {/block:ifbuiltinmusicplayer}
  1724. <div class="tbvolume">
  1725. <script language="JavaScript">
  1726. /*
  1727. Random Image Script- By JavaScript Kit (http://www.javascriptkit.com)
  1728. Over 400+ free JavaScripts here!
  1729. Keep this notice intact please
  1730. */
  1731. function random_imglink(){
  1732. var tbvol=new Array()
  1733.  
  1734. tbvol[1]="up"
  1735. tbvol[2]="down"
  1736. {block:ifnotbuiltinmusicplayer}tbvol[3]="off"{/block:ifnotbuiltinmusicplayer}
  1737.  
  1738. var ry=Math.floor(Math.random()*tbvol.length)
  1739. if (ry==0)
  1740. ry=1
  1741. document.write('<i class="fa fa-volume-'+tbvol[ry]+' "></i>')
  1742. }
  1743. random_imglink()
  1744. //-->
  1745. </script>
  1746. </div><!--tbvolume--></span>
  1747. <div class="tbbattery">
  1748. <script language="JavaScript">
  1749. /*
  1750. Random Image Script- By JavaScript Kit (http://www.javascriptkit.com)
  1751. Over 400+ free JavaScripts here!
  1752. Keep this notice intact please
  1753. */
  1754.  
  1755. function random_imglink(){
  1756. var battno=new Array()
  1757.  
  1758. battno[1]="quarter"
  1759. battno[2]="half"
  1760. battno[3]="three-quarters"
  1761. battno[4]="full"
  1762.  
  1763. var ry=Math.floor(Math.random()*battno.length)
  1764. if (ry==0)
  1765. ry=1
  1766. document.write('<i class="fa fa-battery-'+battno[ry]+' "></i>')
  1767. }
  1768. random_imglink()
  1769. //-->
  1770. </script>
  1771. </div><!--tbbattery-->
  1772. <div id="clockbox"></div>
  1773. </div><!--taskbarright-->
  1774.  
  1775. </div><!----------------------------------------------------- end taskbar -->
  1776.  
  1777. {block:ContentSource}
  1778. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1779. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1780. {/block:SourceLogo}
  1781. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1782. {/block:ContentSource}
  1783.  
  1784. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom}-->
  1785.  
  1786. <div id="postpop1"><a id="closepost1"><div class="clopo">X</div></a><center>
  1787. {block:Posts}{Block:Post1}
  1788. <div class="popuppost">
  1789. {Block:Quote}<div class="pquote">{Quote}</div>{block:source}<div class="qsrc"><i class="fa fa-quote-left"></i> {Source} <i class="fa fa-quote-right"></i></div>{/block:source}{/block:Quote}
  1790. {Block:Text}{Block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{Body}</div>{/block:Text}
  1791. {Block:Photo}<img src="{PhotoURL-500}">{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photo}
  1792. {block:Photoset}<div class="photo">{Photoset-500}</div>{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photoset}
  1793. {Block:Audio}{Block:AudioEmbed}{AudioEmbed-500}{/Block:AudioEmbed}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/Block:Audio}
  1794. {block:Video}{Video-500}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Video}
  1795. {block:Answer}<img class="askerportrait" src="{AskerPortraitURL-40}"><div class="asktri">◀</div><div class="a"><span class="askerm"><span class="fa fa-quote-left"></span> {Asker} sent -</span><span class="q">{Question}</span></div><div class="text">{Answer}</div>{/block:Answer}
  1796. {Block:Link}<a href="{URL}"><div class="ptitle"><i class="fa fa-link"></i> {Name} <i class="fa fa-angle-right"></i></div></a>{block:Description}<div class="text">{Description}</div>{/block:Description}{/block:Link}
  1797. {block:Chat}{block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{block:Lines}<div class="{Alt}"><div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br /></div></div>{/block:Lines}</div>{/block:Chat}
  1798. </div><!--popuppost-->
  1799. <div class="popperma">Posted {timeago} with {NoteCountWithLabel}.
  1800. {Block:HasTags}<div class="itags">{block:Tags}<a href="{TagURL}"><span class="fa fa-tag"></span> {Tag}</a>{/block:Tags}</div>{/Block:HasTags}
  1801. </div><!--popperma-->
  1802. <div class="permaactions">
  1803. <a href="{Permalink}"><div class="permact" id="perbtn"><span class="paction"><i class="fa fa-external-link"></i></span>permalink</div></a>
  1804. <a href="{ReblogURL}"><div class="permact" id="rbgbtn"><span class="paction"><i class="fa fa-retweet"></i></span>reblog</div></a>
  1805. <a title="click the heart to like this post!"><div class="permact" id="likbtn"><span class="lkbtn">{LikeButton size="13"}</span> Like</div></a>
  1806. </div>
  1807. {/Block:Post1}{/block:Posts}</center></div><!--postpop1-->
  1808.  
  1809.  
  1810. <div id="postpop2"><a id="closepost2"><div class="clopo">X</div></a><center>
  1811. {block:Posts}{Block:Post2}
  1812. <div class="popuppost">
  1813. {Block:Quote}<div class="pquote">{Quote}</div>{block:source}<div class="qsrc"><i class="fa fa-quote-left"></i> {Source} <i class="fa fa-quote-right"></i></div>{/block:source}{/block:Quote}
  1814. {Block:Text}{Block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{Body}</div>{/block:Text}
  1815. {Block:Photo}<img src="{PhotoURL-500}">{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photo}
  1816. {block:Photoset}<div class="photo">{Photoset-500}</div>{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photoset}
  1817. {Block:Audio}{Block:AudioEmbed}{AudioEmbed-500}{/Block:AudioEmbed}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/Block:Audio}
  1818. {block:Video}{Video-500}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Video}
  1819. {block:Answer}<img class="askerportrait" src="{AskerPortraitURL-40}"><div class="asktri">◀</div><div class="a"><span class="askerm"><span class="fa fa-quote-left"></span> {Asker} sent -</span><span class="q">{Question}</span></div><div class="text">{Answer}</div>{/block:Answer}
  1820. {Block:Link}<a href="{URL}"><div class="ptitle"><i class="fa fa-link"></i> {Name} <i class="fa fa-angle-right"></i></div></a>{block:Description}<div class="text">{Description}</div>{/block:Description}{/block:Link}
  1821. {block:Chat}{block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{block:Lines}<div class="{Alt}"><div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br /></div></div>{/block:Lines}</div>{/block:Chat}
  1822. </div><!--popuppost-->
  1823. <div class="popperma">Posted {timeago} with {NoteCountWithLabel}.
  1824. {Block:HasTags}<div class="itags">{block:Tags}<a href="{TagURL}"><span class="fa fa-tag"></span> {Tag}</a>{/block:Tags}</div>{/Block:HasTags}
  1825. </div><!--popperma-->
  1826. <div class="permaactions">
  1827. <a href="{Permalink}"><div class="permact" id="perbtn"><span class="paction"><i class="fa fa-external-link"></i></span>permalink</div></a>
  1828. <a href="{ReblogURL}"><div class="permact" id="rbgbtn"><span class="paction"><i class="fa fa-retweet"></i></span>reblog</div></a>
  1829. <a title="click the heart to like this post!"><div class="permact" id="likbtn"><span class="lkbtn">{LikeButton size="13"}</span> Like</div></a>
  1830. </div>
  1831. {/Block:Post2}{/block:Posts}</center></div><!--postpop2-->
  1832.  
  1833.  
  1834. <div id="postpop3"><a id="closepost3"><div class="clopo">X</div></a><center>
  1835. {block:Posts}{Block:Post3}
  1836. <div class="popuppost">
  1837. {Block:Quote}<div class="pquote">{Quote}</div>{block:source}<div class="qsrc"><i class="fa fa-quote-left"></i> {Source} <i class="fa fa-quote-right"></i></div>{/block:source}>{/block:Quote}
  1838. {Block:Text}{Block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{Body}</div>{/block:Text}
  1839. {Block:Photo}<img src="{PhotoURL-500}">{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photo}
  1840. {block:Photoset}<div class="photo">{Photoset-500}</div>{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photoset}
  1841. {Block:Audio}{Block:AudioEmbed}{AudioEmbed-500}{/Block:AudioEmbed}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/Block:Audio}
  1842. {block:Video}{Video-500}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Video}
  1843. {block:Answer}<img class="askerportrait" src="{AskerPortraitURL-40}"><div class="asktri">◀</div><div class="a"><span class="askerm"><span class="fa fa-quote-left"></span> {Asker} sent -</span><span class="q">{Question}</span></div><div class="text">{Answer}</div>{/block:Answer}
  1844. {Block:Link}<a href="{URL}"><div class="ptitle"><i class="fa fa-link"></i> {Name} <i class="fa fa-angle-right"></i></div></a>{block:Description}<div class="text">{Description}</div>{/block:Description}{/block:Link}
  1845. {block:Chat}{block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{block:Lines}<div class="{Alt}"><div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br /></div></div>{/block:Lines}</div>{/block:Chat}
  1846. </div><!--popuppost-->
  1847. <div class="popperma">Posted {timeago} with {NoteCountWithLabel}.
  1848. {Block:HasTags}<div class="itags">{block:Tags}<a href="{TagURL}"><span class="fa fa-tag"></span> {Tag}</a>{/block:Tags}</div>{/Block:HasTags}
  1849. </div><!--popperma-->
  1850. <div class="permaactions">
  1851. <a href="{Permalink}"><div class="permact" id="perbtn"><span class="paction"><i class="fa fa-external-link"></i></span>permalink</div></a>
  1852. <a href="{ReblogURL}"><div class="permact" id="rbgbtn"><span class="paction"><i class="fa fa-retweet"></i></span>reblog</div></a>
  1853. <a title="click the heart to like this post!"><div class="permact" id="likbtn"><span class="lkbtn">{LikeButton size="13"}</span> Like</div></a>
  1854. </div>
  1855. {/Block:Post3}{/block:Posts}</center></div><!--postpop3-->
  1856.  
  1857.  
  1858. <div id="postpop4"><a id="closepost4"><div class="clopo">X</div></a><center>
  1859. {block:Posts}{Block:Post4}
  1860. <div class="popuppost">
  1861. {Block:Quote}<div class="pquote">{Quote}</div>{block:source}<div class="qsrc"><i class="fa fa-quote-left"></i> {Source} <i class="fa fa-quote-right"></i></div>{/block:source}>{/block:Quote}
  1862. {Block:Text}{Block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{Body}</div>{/block:Text}
  1863. {Block:Photo}<img src="{PhotoURL-500}">{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photo}
  1864. {block:Photoset}<div class="photo">{Photoset-500}</div>{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photoset}
  1865. {Block:Audio}{Block:AudioEmbed}{AudioEmbed-500}{/Block:AudioEmbed}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/Block:Audio}
  1866. {block:Video}{Video-500}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Video}
  1867. {block:Answer}<img class="askerportrait" src="{AskerPortraitURL-40}"><div class="asktri">◀</div><div class="a"><span class="askerm"><span class="fa fa-quote-left"></span> {Asker} sent -</span><span class="q">{Question}</span></div><div class="text">{Answer}</div>{/block:Answer}
  1868. {Block:Link}<a href="{URL}"><div class="ptitle"><i class="fa fa-link"></i> {Name} <i class="fa fa-angle-right"></i></div></a>{block:Description}<div class="text">{Description}</div>{/block:Description}{/block:Link}
  1869. {block:Chat}{block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{block:Lines}<div class="{Alt}"><div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br /></div></div>{/block:Lines}</div>{/block:Chat}
  1870. </div><!--popuppost-->
  1871. <div class="popperma">Posted {timeago} with {NoteCountWithLabel}.
  1872. {Block:HasTags}<div class="itags">{block:Tags}<a href="{TagURL}"><span class="fa fa-tag"></span> {Tag}</a>{/block:Tags}</div>{/Block:HasTags}
  1873. </div><!--popperma-->
  1874. <div class="permaactions">
  1875. <a href="{Permalink}"><div class="permact" id="perbtn"><span class="paction"><i class="fa fa-external-link"></i></span>permalink</div></a>
  1876. <a href="{ReblogURL}"><div class="permact" id="rbgbtn"><span class="paction"><i class="fa fa-retweet"></i></span>reblog</div></a>
  1877. <a title="click the heart to like this post!"><div class="permact" id="likbtn"><span class="lkbtn">{LikeButton size="13"}</span> Like</div></a>
  1878. </div>
  1879. {/Block:Post4}{/block:Posts}</center></div><!--postpop4-->
  1880.  
  1881.  
  1882. <div id="postpop5"><a id="closepost5"><div class="clopo">X</div></a><center>
  1883. {block:Posts}{Block:Post5}
  1884. <div class="popuppost">
  1885. {Block:Quote}<div class="pquote">{Quote}</div>{block:source}<div class="qsrc"><i class="fa fa-quote-left"></i> {Source} <i class="fa fa-quote-right"></i></div>{/block:source}>{/block:Quote}
  1886. {Block:Text}{Block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{Body}</div>{/block:Text}
  1887. {Block:Photo}<img src="{PhotoURL-500}">{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photo}
  1888. {block:Photoset}<div class="photo">{Photoset-500}</div>{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photoset}
  1889. {Block:Audio}{Block:AudioEmbed}{AudioEmbed-500}{/Block:AudioEmbed}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/Block:Audio}
  1890. {block:Video}{Video-500}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Video}
  1891. {block:Answer}<img class="askerportrait" src="{AskerPortraitURL-40}"><div class="asktri">◀</div><div class="a"><span class="askerm"><span class="fa fa-quote-left"></span> {Asker} sent -</span><span class="q">{Question}</span></div><div class="text">{Answer}</div>{/block:Answer}
  1892. {Block:Link}<a href="{URL}"><div class="ptitle"><i class="fa fa-link"></i> {Name} <i class="fa fa-angle-right"></i></div></a>{block:Description}<div class="text">{Description}</div>{/block:Description}{/block:Link}
  1893. {block:Chat}{block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{block:Lines}<div class="{Alt}"><div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br /></div></div>{/block:Lines}</div>{/block:Chat}
  1894. </div><!--popuppost-->
  1895. <div class="popperma">Posted {timeago} with {NoteCountWithLabel}.
  1896. {Block:HasTags}<div class="itags">{block:Tags}<a href="{TagURL}"><span class="fa fa-tag"></span> {Tag}</a>{/block:Tags}</div>{/Block:HasTags}
  1897. </div><!--popperma-->
  1898. <div class="permaactions">
  1899. <a href="{Permalink}"><div class="permact" id="perbtn"><span class="paction"><i class="fa fa-external-link"></i></span>permalink</div></a>
  1900. <a href="{ReblogURL}"><div class="permact" id="rbgbtn"><span class="paction"><i class="fa fa-retweet"></i></span>reblog</div></a>
  1901. <a title="click the heart to like this post!"><div class="permact" id="likbtn"><span class="lkbtn">{LikeButton size="13"}</span> Like</div></a>
  1902. </div>
  1903. {/Block:Post5}{/block:Posts}</center></div><!--postpop5-->
  1904.  
  1905.  
  1906. <div id="postpop5"><a id="closepost5"><div class="clopo">X</div></a><center>
  1907. {block:Posts}{Block:Post5}
  1908. <div class="popuppost">
  1909. {Block:Quote}<div class="pquote">{Quote}</div>{block:source}<div class="qsrc"><i class="fa fa-quote-left"></i> {Source} <i class="fa fa-quote-right"></i></div>{/block:source}>{/block:Quote}
  1910. {Block:Text}{Block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{Body}</div>{/block:Text}
  1911. {Block:Photo}<img src="{PhotoURL-500}">{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photo}
  1912. {block:Photoset}<div class="photo">{Photoset-500}</div>{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photoset}
  1913. {Block:Audio}{Block:AudioEmbed}{AudioEmbed-500}{/Block:AudioEmbed}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/Block:Audio}
  1914. {block:Video}{Video-500}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Video}
  1915. {block:Answer}<img class="askerportrait" src="{AskerPortraitURL-40}"><div class="asktri">◀</div><div class="a"><span class="askerm"><span class="fa fa-quote-left"></span> {Asker} sent -</span><span class="q">{Question}</span></div><div class="text">{Answer}</div>{/block:Answer}
  1916. {Block:Link}<a href="{URL}"><div class="ptitle"><i class="fa fa-link"></i> {Name} <i class="fa fa-angle-right"></i></div></a>{block:Description}<div class="text">{Description}</div>{/block:Description}{/block:Link}
  1917. {block:Chat}{block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{block:Lines}<div class="{Alt}"><div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br /></div></div>{/block:Lines}</div>{/block:Chat}
  1918. </div><!--popuppost-->
  1919. <div class="popperma">Posted {timeago} with {NoteCountWithLabel}.
  1920. {Block:HasTags}<div class="itags">{block:Tags}<a href="{TagURL}"><span class="fa fa-tag"></span> {Tag}</a>{/block:Tags}</div>{/Block:HasTags}
  1921. </div><!--popperma-->
  1922. <div class="permaactions">
  1923. <a href="{Permalink}"><div class="permact" id="perbtn"><span class="paction"><i class="fa fa-external-link"></i></span>permalink</div></a>
  1924. <a href="{ReblogURL}"><div class="permact" id="rbgbtn"><span class="paction"><i class="fa fa-retweet"></i></span>reblog</div></a>
  1925. <a title="click the heart to like this post!"><div class="permact" id="likbtn"><span class="lkbtn">{LikeButton size="13"}</span> Like</div></a>
  1926. </div>
  1927. {/Block:Post5}{/block:Posts}</center></div><!--postpop5-->
  1928.  
  1929.  
  1930. <div id="postpop6"><a id="closepost6"><div class="clopo">X</div></a><center>
  1931. {block:Posts}{Block:Post6}
  1932. <div class="popuppost">
  1933. {Block:Quote}<div class="pquote">{Quote}</div>{block:source}<div class="qsrc"><i class="fa fa-quote-left"></i> {Source} <i class="fa fa-quote-right"></i></div>{/block:source}>{/block:Quote}
  1934. {Block:Text}{Block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{Body}</div>{/block:Text}
  1935. {Block:Photo}<img src="{PhotoURL-500}">{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photo}
  1936. {block:Photoset}<div class="photo">{Photoset-500}</div>{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photoset}
  1937. {Block:Audio}{Block:AudioEmbed}{AudioEmbed-500}{/Block:AudioEmbed}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/Block:Audio}
  1938. {block:Video}{Video-500}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Video}
  1939. {block:Answer}<img class="askerportrait" src="{AskerPortraitURL-40}"><div class="asktri">◀</div><div class="a"><span class="askerm"><span class="fa fa-quote-left"></span> {Asker} sent -</span><span class="q">{Question}</span></div><div class="text">{Answer}</div>{/block:Answer}
  1940. {Block:Link}<a href="{URL}"><div class="ptitle"><i class="fa fa-link"></i> {Name} <i class="fa fa-angle-right"></i></div></a>{block:Description}<div class="text">{Description}</div>{/block:Description}{/block:Link}
  1941. {block:Chat}{block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{block:Lines}<div class="{Alt}"><div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br /></div></div>{/block:Lines}</div>{/block:Chat}
  1942. </div><!--popuppost-->
  1943. <div class="popperma">Posted {timeago} with {NoteCountWithLabel}.
  1944. {Block:HasTags}<div class="itags">{block:Tags}<a href="{TagURL}"><span class="fa fa-tag"></span> {Tag}</a>{/block:Tags}</div>{/Block:HasTags}
  1945. </div><!--popperma-->
  1946. <div class="permaactions">
  1947. <a href="{Permalink}"><div class="permact" id="perbtn"><span class="paction"><i class="fa fa-external-link"></i></span>permalink</div></a>
  1948. <a href="{ReblogURL}"><div class="permact" id="rbgbtn"><span class="paction"><i class="fa fa-retweet"></i></span>reblog</div></a>
  1949. <a title="click the heart to like this post!"><div class="permact" id="likbtn"><span class="lkbtn">{LikeButton size="13"}</span> Like</div></a>
  1950. </div>
  1951. {/Block:Post6}{/block:Posts}</center></div><!--postpop6-->
  1952.  
  1953.  
  1954. <div id="postpop7"><a id="closepost7"><div class="clopo">X</div></a><center>
  1955. {block:Posts}{Block:Post7}
  1956. <div class="popuppost">
  1957. {Block:Quote}<div class="pquote">{Quote}</div>{block:source}<div class="qsrc"><i class="fa fa-quote-left"></i> {Source} <i class="fa fa-quote-right"></i></div>{/block:source}>{/block:Quote}
  1958. {Block:Text}{Block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{Body}</div>{/block:Text}
  1959. {Block:Photo}<img src="{PhotoURL-500}">{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photo}
  1960. {block:Photoset}<div class="photo">{Photoset-500}</div>{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photoset}
  1961. {Block:Audio}{Block:AudioEmbed}{AudioEmbed-500}{/Block:AudioEmbed}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/Block:Audio}
  1962. {block:Video}{Video-500}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Video}
  1963. {block:Answer}<img class="askerportrait" src="{AskerPortraitURL-40}"><div class="asktri">◀</div><div class="a"><span class="askerm"><span class="fa fa-quote-left"></span> {Asker} sent -</span><span class="q">{Question}</span></div><div class="text">{Answer}</div>{/block:Answer}
  1964. {Block:Link}<a href="{URL}"><div class="ptitle"><i class="fa fa-link"></i> {Name} <i class="fa fa-angle-right"></i></div></a>{block:Description}<div class="text">{Description}</div>{/block:Description}{/block:Link}
  1965. {block:Chat}{block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{block:Lines}<div class="{Alt}"><div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br /></div></div>{/block:Lines}</div>{/block:Chat}
  1966. </div><!--popuppost-->
  1967. <div class="popperma">Posted {timeago} with {NoteCountWithLabel}.
  1968. {Block:HasTags}<div class="itags">{block:Tags}<a href="{TagURL}"><span class="fa fa-tag"></span> {Tag}</a>{/block:Tags}</div>{/Block:HasTags}
  1969. </div><!--popperma-->
  1970. <div class="permaactions">
  1971. <a href="{Permalink}"><div class="permact" id="perbtn"><span class="paction"><i class="fa fa-external-link"></i></span>permalink</div></a>
  1972. <a href="{ReblogURL}"><div class="permact" id="rbgbtn"><span class="paction"><i class="fa fa-retweet"></i></span>reblog</div></a>
  1973. <a title="click the heart to like this post!"><div class="permact" id="likbtn"><span class="lkbtn">{LikeButton size="13"}</span> Like</div></a>
  1974. </div>
  1975. {/Block:Post7}{/block:Posts}</center></div><!--postpop7-->
  1976.  
  1977.  
  1978. <div id="postpop8"><a id="closepost8"><div class="clopo">X</div></a><center>
  1979. {block:Posts}{Block:Post8}
  1980. <div class="popuppost">
  1981. {Block:Quote}<div class="pquote">{Quote}</div>{block:source}<div class="qsrc"><i class="fa fa-quote-left"></i> {Source} <i class="fa fa-quote-right"></i></div>{/block:source}>{/block:Quote}
  1982. {Block:Text}{Block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{Body}</div>{/block:Text}
  1983. {Block:Photo}<img src="{PhotoURL-500}">{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photo}
  1984. {block:Photoset}<div class="photo">{Photoset-500}</div>{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photoset}
  1985. {Block:Audio}{Block:AudioEmbed}{AudioEmbed-500}{/Block:AudioEmbed}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/Block:Audio}
  1986. {block:Video}{Video-500}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Video}
  1987. {block:Answer}<img class="askerportrait" src="{AskerPortraitURL-40}"><div class="asktri">◀</div><div class="a"><span class="askerm"><span class="fa fa-quote-left"></span> {Asker} sent -</span><span class="q">{Question}</span></div><div class="text">{Answer}</div>{/block:Answer}
  1988. {Block:Link}<a href="{URL}"><div class="ptitle"><i class="fa fa-link"></i> {Name} <i class="fa fa-angle-right"></i></div></a>{block:Description}<div class="text">{Description}</div>{/block:Description}{/block:Link}
  1989. {block:Chat}{block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{block:Lines}<div class="{Alt}"><div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br /></div></div>{/block:Lines}</div>{/block:Chat}
  1990. </div><!--popuppost-->
  1991. <div class="popperma">Posted {timeago} with {NoteCountWithLabel}.
  1992. {Block:HasTags}<div class="itags">{block:Tags}<a href="{TagURL}"><span class="fa fa-tag"></span> {Tag}</a>{/block:Tags}</div>{/Block:HasTags}
  1993. </div><!--popperma-->
  1994. <div class="permaactions">
  1995. <a href="{Permalink}"><div class="permact" id="perbtn"><span class="paction"><i class="fa fa-external-link"></i></span>permalink</div></a>
  1996. <a href="{ReblogURL}"><div class="permact" id="rbgbtn"><span class="paction"><i class="fa fa-retweet"></i></span>reblog</div></a>
  1997. <a title="click the heart to like this post!"><div class="permact" id="likbtn"><span class="lkbtn">{LikeButton size="13"}</span> Like</div></a>
  1998. </div>
  1999. {/Block:Post8}{/block:Posts}</center></div><!--postpop8-->
  2000.  
  2001.  
  2002. <div id="postpop9"><a id="closepost9"><div class="clopo">X</div></a><center>
  2003. {block:Posts}{Block:Post9}
  2004. <div class="popuppost">
  2005. {Block:Quote}<div class="pquote">{Quote}</div>{block:source}<div class="qsrc"><i class="fa fa-quote-left"></i> {Source} <i class="fa fa-quote-right"></i></div>{/block:source}>{/block:Quote}
  2006. {Block:Text}{Block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{Body}</div>{/block:Text}
  2007. {Block:Photo}<img src="{PhotoURL-500}">{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photo}
  2008. {block:Photoset}<div class="photo">{Photoset-500}</div>{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photoset}
  2009. {Block:Audio}{Block:AudioEmbed}{AudioEmbed-500}{/Block:AudioEmbed}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/Block:Audio}
  2010. {block:Video}{Video-500}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Video}
  2011. {block:Answer}<img class="askerportrait" src="{AskerPortraitURL-40}"><div class="asktri">◀</div><div class="a"><span class="askerm"><span class="fa fa-quote-left"></span> {Asker} sent -</span><span class="q">{Question}</span></div><div class="text">{Answer}</div>{/block:Answer}
  2012. {Block:Link}<a href="{URL}"><div class="ptitle"><i class="fa fa-link"></i> {Name} <i class="fa fa-angle-right"></i></div></a>{block:Description}<div class="text">{Description}</div>{/block:Description}{/block:Link}
  2013. {block:Chat}{block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{block:Lines}<div class="{Alt}"><div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br /></div></div>{/block:Lines}</div>{/block:Chat}
  2014. </div><!--popuppost-->
  2015. <div class="popperma">Posted {timeago} with {NoteCountWithLabel}.
  2016. {Block:HasTags}<div class="itags">{block:Tags}<a href="{TagURL}"><span class="fa fa-tag"></span> {Tag}</a>{/block:Tags}</div>{/Block:HasTags}
  2017. </div><!--popperma-->
  2018. <div class="permaactions">
  2019. <a href="{Permalink}"><div class="permact" id="perbtn"><span class="paction"><i class="fa fa-external-link"></i></span>permalink</div></a>
  2020. <a href="{ReblogURL}"><div class="permact" id="rbgbtn"><span class="paction"><i class="fa fa-retweet"></i></span>reblog</div></a>
  2021. <a title="click the heart to like this post!"><div class="permact" id="likbtn"><span class="lkbtn">{LikeButton size="13"}</span> Like</div></a>
  2022. </div>
  2023. {/Block:Post9}{/block:Posts}</center></div><!--postpop9-->
  2024.  
  2025.  
  2026. <div id="postpop10"><a id="closepost10"><div class="clopo">X</div></a><center>
  2027. {block:Posts}{Block:Post10}
  2028. <div class="popuppost">
  2029. {Block:Quote}<div class="pquote">{Quote}</div>{block:source}<div class="qsrc"><i class="fa fa-quote-left"></i> {Source} <i class="fa fa-quote-right"></i></div>{/block:source}>{/block:Quote}
  2030. {Block:Text}{Block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{Body}</div>{/block:Text}
  2031. {Block:Photo}<img src="{PhotoURL-500}">{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photo}
  2032. {block:Photoset}<div class="photo">{Photoset-500}</div>{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photoset}
  2033. {Block:Audio}{Block:AudioEmbed}{AudioEmbed-500}{/Block:AudioEmbed}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/Block:Audio}
  2034. {block:Video}{Video-500}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Video}
  2035. {block:Answer}<img class="askerportrait" src="{AskerPortraitURL-40}"><div class="asktri">◀</div><div class="a"><span class="askerm"><span class="fa fa-quote-left"></span> {Asker} sent -</span><span class="q">{Question}</span></div><div class="text">{Answer}</div>{/block:Answer}
  2036. {Block:Link}<a href="{URL}"><div class="ptitle"><i class="fa fa-link"></i> {Name} <i class="fa fa-angle-right"></i></div></a>{block:Description}<div class="text">{Description}</div>{/block:Description}{/block:Link}
  2037. {block:Chat}{block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{block:Lines}<div class="{Alt}"><div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br /></div></div>{/block:Lines}</div>{/block:Chat}
  2038. </div><!--popuppost-->
  2039. <div class="popperma">Posted {timeago} with {NoteCountWithLabel}.
  2040. {Block:HasTags}<div class="itags">{block:Tags}<a href="{TagURL}"><span class="fa fa-tag"></span> {Tag}</a>{/block:Tags}</div>{/Block:HasTags}
  2041. </div><!--popperma-->
  2042. <div class="permaactions">
  2043. <a href="{Permalink}"><div class="permact" id="perbtn"><span class="paction"><i class="fa fa-external-link"></i></span>permalink</div></a>
  2044. <a href="{ReblogURL}"><div class="permact" id="rbgbtn"><span class="paction"><i class="fa fa-retweet"></i></span>reblog</div></a>
  2045. <a title="click the heart to like this post!"><div class="permact" id="likbtn"><span class="lkbtn">{LikeButton size="13"}</span> Like</div></a>
  2046. </div>
  2047. {/Block:Post10}{/block:Posts}</center></div><!--postpop10-->
  2048.  
  2049.  
  2050. <div id="postpop11"><a id="closepost11"><div class="clopo">X</div></a><center>
  2051. {block:Posts}{Block:Post11}
  2052. <div class="popuppost">
  2053. {Block:Quote}<div class="pquote">{Quote}</div>{block:source}<div class="qsrc"><i class="fa fa-quote-left"></i> {Source} <i class="fa fa-quote-right"></i></div>{/block:source}>{/block:Quote}
  2054. {Block:Text}{Block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{Body}</div>{/block:Text}
  2055. {Block:Photo}<img src="{PhotoURL-500}">{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photo}
  2056. {block:Photoset}<div class="photo">{Photoset-500}</div>{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photoset}
  2057. {Block:Audio}{Block:AudioEmbed}{AudioEmbed-500}{/Block:AudioEmbed}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/Block:Audio}
  2058. {block:Video}{Video-500}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Video}
  2059. {block:Answer}<img class="askerportrait" src="{AskerPortraitURL-40}"><div class="asktri">◀</div><div class="a"><span class="askerm"><span class="fa fa-quote-left"></span> {Asker} sent -</span><span class="q">{Question}</span></div><div class="text">{Answer}</div>{/block:Answer}
  2060. {Block:Link}<a href="{URL}"><div class="ptitle"><i class="fa fa-link"></i> {Name} <i class="fa fa-angle-right"></i></div></a>{block:Description}<div class="text">{Description}</div>{/block:Description}{/block:Link}
  2061. {block:Chat}{block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{block:Lines}<div class="{Alt}"><div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br /></div></div>{/block:Lines}</div>{/block:Chat}
  2062. </div><!--popuppost-->
  2063. <div class="popperma">Posted {timeago} with {NoteCountWithLabel}.
  2064. {Block:HasTags}<div class="itags">{block:Tags}<a href="{TagURL}"><span class="fa fa-tag"></span> {Tag}</a>{/block:Tags}</div>{/Block:HasTags}
  2065. </div><!--popperma-->
  2066. <div class="permaactions">
  2067. <a href="{Permalink}"><div class="permact" id="perbtn"><span class="paction"><i class="fa fa-external-link"></i></span>permalink</div></a>
  2068. <a href="{ReblogURL}"><div class="permact" id="rbgbtn"><span class="paction"><i class="fa fa-retweet"></i></span>reblog</div></a>
  2069. <a title="click the heart to like this post!"><div class="permact" id="likbtn"><span class="lkbtn">{LikeButton size="13"}</span> Like</div></a>
  2070. </div>
  2071. {/Block:Post11}{/block:Posts}</center></div><!--postpop11-->
  2072.  
  2073.  
  2074. <div id="postpop12"><a id="closepost12"><div class="clopo">X</div></a><center>
  2075. {block:Posts}{Block:Post12}
  2076. <div class="popuppost">
  2077. {Block:Quote}<div class="pquote">{Quote}</div>{block:source}<div class="qsrc"><i class="fa fa-quote-left"></i> {Source} <i class="fa fa-quote-right"></i></div>{/block:source}>{/block:Quote}
  2078. {Block:Text}{Block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{Body}</div>{/block:Text}
  2079. {Block:Photo}<img src="{PhotoURL-500}">{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photo}
  2080. {block:Photoset}<div class="photo">{Photoset-500}</div>{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photoset}
  2081. {Block:Audio}{Block:AudioEmbed}{AudioEmbed-500}{/Block:AudioEmbed}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/Block:Audio}
  2082. {block:Video}{Video-500}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Video}
  2083. {block:Answer}<img class="askerportrait" src="{AskerPortraitURL-40}"><div class="asktri">◀</div><div class="a"><span class="askerm"><span class="fa fa-quote-left"></span> {Asker} sent -</span><span class="q">{Question}</span></div><div class="text">{Answer}</div>{/block:Answer}
  2084. {Block:Link}<a href="{URL}"><div class="ptitle"><i class="fa fa-link"></i> {Name} <i class="fa fa-angle-right"></i></div></a>{block:Description}<div class="text">{Description}</div>{/block:Description}{/block:Link}
  2085. {block:Chat}{block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{block:Lines}<div class="{Alt}"><div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br /></div></div>{/block:Lines}</div>{/block:Chat}
  2086. </div><!--popuppost-->
  2087. <div class="popperma">Posted {timeago} with {NoteCountWithLabel}.
  2088. {Block:HasTags}<div class="itags">{block:Tags}<a href="{TagURL}"><span class="fa fa-tag"></span> {Tag}</a>{/block:Tags}</div>{/Block:HasTags}
  2089. </div><!--popperma-->
  2090. <div class="permaactions">
  2091. <a href="{Permalink}"><div class="permact" id="perbtn"><span class="paction"><i class="fa fa-external-link"></i></span>permalink</div></a>
  2092. <a href="{ReblogURL}"><div class="permact" id="rbgbtn"><span class="paction"><i class="fa fa-retweet"></i></span>reblog</div></a>
  2093. <a title="click the heart to like this post!"><div class="permact" id="likbtn"><span class="lkbtn">{LikeButton size="13"}</span> Like</div></a>
  2094. </div>
  2095. {/Block:Post12}{/block:Posts}</center></div><!--postpop12-->
  2096.  
  2097.  
  2098. <div id="postpop13"><a id="closepost13"><div class="clopo">X</div></a><center>
  2099. {block:Posts}{Block:Post13}
  2100. <div class="popuppost">
  2101. {Block:Quote}<div class="pquote">{Quote}</div>{block:source}<div class="qsrc"><i class="fa fa-quote-left"></i> {Source} <i class="fa fa-quote-right"></i></div>{/block:source}>{/block:Quote}
  2102. {Block:Text}{Block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{Body}</div>{/block:Text}
  2103. {Block:Photo}<img src="{PhotoURL-500}">{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photo}
  2104. {block:Photoset}<div class="photo">{Photoset-500}</div>{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photoset}
  2105. {Block:Audio}{Block:AudioEmbed}{AudioEmbed-500}{/Block:AudioEmbed}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/Block:Audio}
  2106. {block:Video}{Video-500}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Video}
  2107. {block:Answer}<img class="askerportrait" src="{AskerPortraitURL-40}"><div class="asktri">◀</div><div class="a"><span class="askerm"><span class="fa fa-quote-left"></span> {Asker} sent -</span><span class="q">{Question}</span></div><div class="text">{Answer}</div>{/block:Answer}
  2108. {Block:Link}<a href="{URL}"><div class="ptitle"><i class="fa fa-link"></i> {Name} <i class="fa fa-angle-right"></i></div></a>{block:Description}<div class="text">{Description}</div>{/block:Description}{/block:Link}
  2109. {block:Chat}{block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{block:Lines}<div class="{Alt}"><div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br /></div></div>{/block:Lines}</div>{/block:Chat}
  2110. </div><!--popuppost-->
  2111. <div class="popperma">Posted {timeago} with {NoteCountWithLabel}.
  2112. {Block:HasTags}<div class="itags">{block:Tags}<a href="{TagURL}"><span class="fa fa-tag"></span> {Tag}</a>{/block:Tags}</div>{/Block:HasTags}
  2113. </div><!--popperma-->
  2114. <div class="permaactions">
  2115. <a href="{Permalink}"><div class="permact" id="perbtn"><span class="paction"><i class="fa fa-external-link"></i></span>permalink</div></a>
  2116. <a href="{ReblogURL}"><div class="permact" id="rbgbtn"><span class="paction"><i class="fa fa-retweet"></i></span>reblog</div></a>
  2117. <a title="click the heart to like this post!"><div class="permact" id="likbtn"><span class="lkbtn">{LikeButton size="13"}</span> Like</div></a>
  2118. </div>
  2119. {/Block:Post13}{/block:Posts}</center></div><!--postpop13-->
  2120.  
  2121.  
  2122. <div id="postpop14"><a id="closepost14"><div class="clopo">X</div></a><center>
  2123. {block:Posts}{Block:Post14}
  2124. <div class="popuppost">
  2125. {Block:Quote}<div class="pquote">{Quote}</div>{block:source}<div class="qsrc"><i class="fa fa-quote-left"></i> {Source} <i class="fa fa-quote-right"></i></div>{/block:source}>{/block:Quote}
  2126. {Block:Text}{Block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{Body}</div>{/block:Text}
  2127. {Block:Photo}<img src="{PhotoURL-500}">{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photo}
  2128. {block:Photoset}<div class="photo">{Photoset-500}</div>{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photoset}
  2129. {Block:Audio}{Block:AudioEmbed}{AudioEmbed-500}{/Block:AudioEmbed}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/Block:Audio}
  2130. {block:Video}{Video-500}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Video}
  2131. {block:Answer}<img class="askerportrait" src="{AskerPortraitURL-40}"><div class="asktri">◀</div><div class="a"><span class="askerm"><span class="fa fa-quote-left"></span> {Asker} sent -</span><span class="q">{Question}</span></div><div class="text">{Answer}</div>{/block:Answer}
  2132. {Block:Link}<a href="{URL}"><div class="ptitle"><i class="fa fa-link"></i> {Name} <i class="fa fa-angle-right"></i></div></a>{block:Description}<div class="text">{Description}</div>{/block:Description}{/block:Link}
  2133. {block:Chat}{block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{block:Lines}<div class="{Alt}"><div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br /></div></div>{/block:Lines}</div>{/block:Chat}
  2134. </div><!--popuppost-->
  2135. <div class="popperma">Posted {timeago} with {NoteCountWithLabel}.
  2136. {Block:HasTags}<div class="itags">{block:Tags}<a href="{TagURL}"><span class="fa fa-tag"></span> {Tag}</a>{/block:Tags}</div>{/Block:HasTags}
  2137. </div><!--popperma-->
  2138. <div class="permaactions">
  2139. <a href="{Permalink}"><div class="permact" id="perbtn"><span class="paction"><i class="fa fa-external-link"></i></span>permalink</div></a>
  2140. <a href="{ReblogURL}"><div class="permact" id="rbgbtn"><span class="paction"><i class="fa fa-retweet"></i></span>reblog</div></a>
  2141. <a title="click the heart to like this post!"><div class="permact" id="likbtn"><span class="lkbtn">{LikeButton size="13"}</span> Like</div></a>
  2142. </div>
  2143. {/Block:Post14}{/block:Posts}</center></div><!--postpop14-->
  2144.  
  2145.  
  2146. <div id="postpop15"><a id="closepost15"><div class="clopo">X</div></a><center>
  2147. {block:Posts}{Block:Post15}
  2148. <div class="popuppost">
  2149. {Block:Quote}<div class="pquote">{Quote}</div>{block:source}<div class="qsrc"><i class="fa fa-quote-left"></i> {Source} <i class="fa fa-quote-right"></i></div>{/block:source}>{/block:Quote}
  2150. {Block:Text}{Block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{Body}</div>{/block:Text}
  2151. {Block:Photo}<img src="{PhotoURL-500}">{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photo}
  2152. {block:Photoset}<div class="photo">{Photoset-500}</div>{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photoset}
  2153. {Block:Audio}{Block:AudioEmbed}{AudioEmbed-500}{/Block:AudioEmbed}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/Block:Audio}
  2154. {block:Video}{Video-500}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Video}
  2155. {block:Answer}<img class="askerportrait" src="{AskerPortraitURL-40}"><div class="asktri">◀</div><div class="a"><span class="askerm"><span class="fa fa-quote-left"></span> {Asker} sent -</span><span class="q">{Question}</span></div><div class="text">{Answer}</div>{/block:Answer}
  2156. {Block:Link}<a href="{URL}"><div class="ptitle"><i class="fa fa-link"></i> {Name} <i class="fa fa-angle-right"></i></div></a>{block:Description}<div class="text">{Description}</div>{/block:Description}{/block:Link}
  2157. {block:Chat}{block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{block:Lines}<div class="{Alt}"><div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br /></div></div>{/block:Lines}</div>{/block:Chat}
  2158. </div><!--popuppost-->
  2159. <div class="popperma">Posted {timeago} with {NoteCountWithLabel}.
  2160. {Block:HasTags}<div class="itags">{block:Tags}<a href="{TagURL}"><span class="fa fa-tag"></span> {Tag}</a>{/block:Tags}</div>{/Block:HasTags}
  2161. </div><!--popperma-->
  2162. <div class="permaactions">
  2163. <a href="{Permalink}"><div class="permact" id="perbtn"><span class="paction"><i class="fa fa-external-link"></i></span>permalink</div></a>
  2164. <a href="{ReblogURL}"><div class="permact" id="rbgbtn"><span class="paction"><i class="fa fa-retweet"></i></span>reblog</div></a>
  2165. <a title="click the heart to like this post!"><div class="permact" id="likbtn"><span class="lkbtn">{LikeButton size="13"}</span> Like</div></a>
  2166. </div>
  2167. {/Block:Post15}{/block:Posts}</center></div><!--postpop15-->
  2168.  
  2169. </body>
  2170. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!