Isandria

Omega's Theme

Jan 15th, 2016
145
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 105.83 KB | None | 0 0
  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 141215 -->
  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("http://i.imgur.com/cz60G6s.png");
  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. .labimg {
  599. width: 120px;
  600. height: 120px;
  601. display: block;
  602. border-radius: 1000px;
  603. padding: 10px 20px 30px 20px;
  604. }
  605.  
  606. .aboutinfo {
  607. font-family: bit;
  608. font-size: 10px;
  609. color: {color:body text};
  610. text-transform: uppercase;
  611. }
  612.  
  613. .aboutinfo b,strong, .desc b,strong {
  614. color: {color:body bold};
  615. font-weight: 400;
  616. }
  617.  
  618. .rightabout {
  619. width: 300px;
  620. height: 260px;
  621. overflow: auto;
  622. margin-left: 200px;
  623. position: absolute;
  624. z-index: 1;
  625. border-left: 1px solid rgba({RGBcolor:window border},0.5);
  626. margin: 20px 0 20px 180px;
  627. }
  628.  
  629. .desc {
  630. margin: 20px 20px 20px 30px;
  631. font-family: bit;
  632. font-size: 10px;
  633. color: {color:body text};
  634. }
  635.  
  636. .desc i,em {
  637. color: {color:body italic};
  638. }
  639.  
  640. .desc a {
  641. color: {color:body links};
  642. text-decoration: underline;
  643. }
  644.  
  645. .desc a:hover { color: {color:body links hover}; }
  646.  
  647. #blogrollpop {width:500px;height: 300px;}
  648. #blogrollwrap {z-index:1;position: absolute;}
  649.  
  650. .followingu {
  651. height: 48px;
  652. position: relative;
  653. z-index: 2;
  654. float: left;
  655. width: 215px;
  656. background-color: rgba({RGBcolor:post background},0.055);
  657. padding: 10px;
  658. margin: 0 5px 10px 5px;r
  659. }
  660. .foimg {
  661. width: 48px;
  662. height: 48px;
  663. display: block;
  664. position: absolute;
  665. }
  666. .senpai {
  667. font-family: ebit;
  668. font-size: 10px;
  669. text-transform: uppercase;
  670. line-height: 12px;
  671. color: {color:body text};
  672. width: 137px;
  673. height: 48px;
  674. margin-left: 58px;
  675. }
  676.  
  677. .kouhai {
  678. font-size: 8px;
  679. text-transform: uppercase;
  680. letter-spacing: 1px;
  681. font-family: pix;
  682. line-height: 8px;
  683. margin-top: 2px;
  684. }
  685.  
  686. #blogrollt {
  687. height: 300px;
  688. overflow:auto;
  689. position: relative;
  690. z-index:2;
  691. }
  692.  
  693. #sticky1, #sticky2, #sticky3 {
  694. position: fixed;
  695. top: 120px;
  696. width: 160px;
  697. padding: 10px;
  698. background-color: rgba({RGBcolor:sticky note background},0.4);
  699. color: {color:sticky note text};
  700. font-family: ebit;
  701. font-size: 9px;
  702. letter-spacing: 1px;
  703. z-index: 1001;
  704. {block:ifnotdisplaystickynotesinstantly}
  705. display: none;
  706. {/block:ifnotdisplaystickynotesinstantly}
  707. }
  708.  
  709. #sticky1 {
  710. top: 50px;
  711. right: 30px;
  712. }
  713.  
  714. #sticky2 {
  715. top: 170px;
  716. right: 30px;
  717. }
  718.  
  719. #sticky3 {
  720. top: 200px;
  721. right: 30px;
  722. }
  723.  
  724. .stickyt1, .stickyt2, .stickyt3 {
  725. position: absolute;
  726. background-color: rgba({RGBcolor:sticky note background},0.6);
  727. margin: -34px -10px;
  728. padding: 8px 10px;
  729. font-family: pix;
  730. font-size: 8px;
  731. text-transform: uppercase;
  732. width: 160px;
  733. letter-spacing: 1px;
  734. }
  735.  
  736. .menubtnsticky1, .menubtnsticky2, .menubtnsticky3 {
  737. text-align: right;
  738. width: 160px;
  739. padding: 8px 10px;
  740. font-family: pix;
  741. position: absolute;
  742. margin: -34px -10px;
  743. z-index: 1;
  744. }
  745.  
  746. #sticky1, .stickyt1, .menubtnsticky1 {width:{text:sticky note 1 width};}
  747. #sticky2, .stickyt2, .menubtnsticky2 {width:{text:sticky note 2 width};}
  748. #sticky3, .stickyt3, .menubtnsticky3 {width:{text:sticky note 3 width};}
  749.  
  750. #contentpop {
  751. top: 90px;
  752. left: 350px;
  753. position: fixed;
  754. z-index: 1000;
  755. {block:ifnot2column250pxposts}
  756. width: 680px;
  757. {/block:ifnot2column250pxposts}
  758. {block:if2column250pxposts}
  759. {block:indexpage}width: 860px;{/block:indexpage}
  760. {block:permalinkpage}width: 680px;{/block:permalinkpage}
  761. {/block:if2column250pxposts}
  762. height: 400px;
  763. }
  764.  
  765. .contentwrap {
  766. {block:ifnot2column250pxposts}
  767. width: 680px;
  768. {/block:ifnot2column250pxposts}
  769. {block:if2column250pxposts}
  770. {block:indexpage}width: 860px;{/block:indexpage}
  771. {block:permalinkpage}width: 680px;{/block:permalinkpage}
  772. {/block:if2column250pxposts}
  773. height: 400px;
  774. padding: 20px;
  775. margin: -20px;
  776. background-attachment: fixed;
  777. opacity: 0.95;
  778. position: absolute;
  779. border-radius: 0 0 8px 8px;
  780. z-index: 0;
  781. {block:ifnotdifferentwindowbackground}
  782. background-color: {color:background};
  783. background-image: url({image:wallpaper});
  784. {block:ifcoverwallpaper}background-size:cover;{/block:ifcoverwallpaper}
  785. {/block:ifnotdifferentwindowbackground}
  786. {block:ifdifferentwindowbackground}
  787. background-color: {color:window background};
  788. background-image: url({image:window background});
  789. {block:ifcoverwindowbackground}background-size:cover;{/block:ifcoverwindowbackground}
  790. {/block:ifdifferentwindowbackground}
  791. }
  792.  
  793. .contentleft {
  794. width: 160px;
  795. height: 400px;
  796. overflow: auto;
  797. padding-right: 10px;
  798. position: absolute;
  799. z-index: 1;
  800. color: {color:post nav text};
  801. border-right: 1px solid rgba({RGBcolor:window border},0.3);
  802. }
  803.  
  804. .postnav {
  805. font-family: bit;
  806. font-size: 10px;
  807. color: {color:post nav text};
  808. padding: 3px 10px 6px 10px;
  809. transition: 0.8s;
  810. width: 140px;
  811. height: 14px;
  812. line-height: 16px;
  813. overflow: hidden;
  814. margin-bottom: 2px;
  815. }
  816.  
  817. .postnav:hover {background-color: rgba({RGBcolor:postnavhover},0.3);}
  818. .postnav a { color: {color:post nav text}; }
  819. .posticon {float: left;margin-right: 10px;}
  820. .pnex {width: 300px;}
  821.  
  822. .currentfolder, .inactivefolder {
  823. width: 160px;
  824. font-family: bit;
  825. font-size: 11px;
  826. text-transform: uppercase;
  827. margin-bottom: 8px;
  828. color: {color:current folder};
  829. }
  830.  
  831. .inactivefolder a { color: {color:inactive folder}; }
  832.  
  833. .folderbline {
  834. background-color: rgba({RGBcolor:window border},0.3);
  835. height: 1px;
  836. width: 80px;
  837. margin-left: 80px;
  838. position: absolute;
  839. margin-top: -6px;
  840. }
  841.  
  842. .totalfoldercount {
  843. font-family: pix;
  844. font-size: 8px;
  845. color: {color:post nav text};
  846. text-transform: uppercase;
  847. letter-spacing: 1px;
  848. padding: 10px 0;
  849. text-align: center;
  850. border-top: 1px solid rgba({RGBcolor:window border},0.1);
  851. margin-top: 10px;
  852. }
  853.  
  854. #postpop2, #postpop1, #postpop3, #postpop4, #postpop5, #postpop6, #postpop7, #postpop8, #postpop9, #postpop10, #postpop11, #postpop12, #postpop13, #postpop14, #postpop15 {
  855. position: fixed;
  856. top: 0;
  857. left: 0;
  858. width: 100%;
  859. height: 100%;
  860. z-index: 9999;
  861. background-color: {color:background};
  862. background-image: url({image:wallpaper});
  863. {block:ifcoverwallpaper}background-size:cover;{/block:ifcoverwallpaper}
  864. display: none;
  865. overflow: auto;
  866. }
  867.  
  868. .popuppost {
  869. z-index: 2;
  870. width: 500px;
  871. position: relative;
  872. padding: 20px;
  873. background-color: rgba({RGBcolor:post background},0.1);
  874. margin: 40px 0 20px 0;
  875. }
  876.  
  877. .text {
  878. font-family: bit;
  879. font-size: 12px;
  880. color: {color:body text};
  881. text-align: left;
  882. }
  883.  
  884. .text a, .qsrc a, .asker, #notescon a, #sticky1 a, #sticky2 a, #sticky3 a {
  885. color: {color:body links};
  886. text-decoration: underline;
  887. }
  888.  
  889. .text a:hover, .qsrc a:hover, .asker:hover, #notescon a:hover, #sticky1 a:hover, #sticky2 a:hover, #sticky3 a:hover {
  890. color: {color:body links hover};
  891. }
  892.  
  893. .text b,strong, .qsrc b,strong {
  894. color: {color:body bold};
  895. }
  896.  
  897. .text i,em, .qsrc i,em {
  898. color: {color:body italic};
  899. }
  900.  
  901. .text blockquote {
  902. border-left: 1px solid {color:blockquote};
  903. margin: 5px;
  904. padding: 0 20px;
  905. }
  906.  
  907. .itags {
  908. font-family: ebit;
  909. font-size: 8px;
  910. text-transform: uppercase;
  911. letter-spacing: 1px;
  912. color: {color:body text};
  913. margin: 14px 0 4px 0;
  914. text-align: center;
  915. width: 500px;
  916. line-height: 24px;
  917. }
  918.  
  919. .itags a {
  920. color: {color:body text};
  921. background-color: rgba({RGBcolor:post background},0.055);
  922. padding: 4px 10px;
  923. transition: 0.4s;
  924. margin: 0 4px;
  925. }
  926.  
  927. .itags a:hover {background-color: rgba({RGBcolor:post background},0.3);}
  928.  
  929. .clopo {
  930. font-size: 20px;
  931. font-family: ebit;
  932. color: #fff;
  933. position: fixed;
  934. top: 20px;
  935. right: 20px;
  936. width: 40px;
  937. height: 40px;
  938. text-align: center;
  939. line-height: 40px;
  940. background-color: rgba(0,0,0,0.4);
  941. }
  942.  
  943. .permaactions {
  944. margin-bottom: 160px;
  945. width: 500px;
  946. margin-left: 175px;
  947. }
  948.  
  949. #perbtn:hover { color: #FAF193; border: 2px solid #FAF193; }
  950. #rbgbtn:hover { color: #90D494; border: 2px solid #90D494; }
  951. #likbtn:hover { color: #ED7E7E; border: 2px solid #ED7E7E; }
  952. #perbtn:hover .paction { color: #FAF193; }
  953. #rbgbtn:hover .paction { color: #90D494; }
  954. #likbtn:hover .paction { color: #ED7E7E; }
  955.  
  956. .permact {
  957. float: left;
  958. margin: 0 10px;
  959. padding: 4px 10px;
  960. border: 2px solid {color:permalink actions};
  961. color: {color:permalink actions};
  962. font-family: ebit;
  963. font-size: 10px;
  964. text-transform: uppercase;
  965. }
  966.  
  967. .paction {
  968. margin-right: 6px;
  969. font-size: 12px;
  970. color: {color:permalink actions};
  971. line-height: 10px;
  972. }
  973.  
  974. .permact a, .paction a { color: {color:permalink actions}; }
  975.  
  976. .lkbtn {
  977. float: left;
  978. margin-right: 6px;
  979. line-height: 10px;
  980. }
  981.  
  982. .photo img { width: 100%; }
  983.  
  984. .pquote {
  985. font-family: ebit;
  986. font-size: 16px;
  987. color:{color:post title};
  988. }
  989.  
  990. .qsrc {
  991. font-family: pix;
  992. font-size: 8px;
  993. margin-top: 10px;
  994. text-align: center;
  995. letter-spacing: 2px;
  996. color: {color:body text};
  997. text-transform: uppercase;
  998. }
  999.  
  1000. .ptitle {
  1001. font-family: ebit;
  1002. font-size: 14px;
  1003. color:{color:post title};
  1004. }
  1005.  
  1006. .text ul {list-style-type: square;}
  1007.  
  1008. .askerportrait {
  1009. max-width: 64px;
  1010. max-height: 64px;
  1011. float: left;
  1012. }
  1013.  
  1014. .a {
  1015. margin-left: 60px;
  1016. padding: 13px 10px;
  1017. background-color: rgba({RGBcolor:post background},0.1);
  1018. font-family: bit;
  1019. font-size: 10px;
  1020. min-height: 14px;
  1021. color: {color:body text};
  1022. text-align: left;
  1023. margin-bottom: 10px;
  1024. }
  1025.  
  1026. .askerm {font-style: italic;padding-right: 3px;}
  1027. .asker { padding-left:3px; }
  1028. .q {margin-top: 10px;}
  1029. .asktri {
  1030. color: rgba({RGBcolor:post background},0.1);
  1031. font-size: 24px;
  1032. position: absolute;
  1033. margin: 2px 43px;
  1034. transition: 0.6s;
  1035. }
  1036.  
  1037. .line {
  1038. padding: 10px;
  1039. background-color: rgba({RGBcolor:post background},0.1);
  1040. margin-bottom: 6px;
  1041. }
  1042.  
  1043. .popperma {
  1044. font-family: ebit;
  1045. font-size: 12px;
  1046. color: {color:body text};
  1047. margin: 20px 0;
  1048. width: 500px;
  1049. }
  1050.  
  1051. .permapostinfo {
  1052. font-family: pix;
  1053. font-size: 8px;
  1054. color: {color:body text};
  1055. text-transform: uppercase;
  1056. letter-spacing: 1px;
  1057. }
  1058.  
  1059. .permapostinfo a {color: {color:body links};}
  1060. .permapostinfo a:hover {color: {color:body links hover};}
  1061.  
  1062. .permapostinfo blockquote {
  1063. border-left: 1px solid {color:blockquote};
  1064. margin: 0 0 5px 15px;
  1065. padding: 0 0 0 10px;
  1066. }
  1067.  
  1068. #notescon {
  1069. width: 400px;
  1070. font-family: bit;
  1071. font-size: 10px;
  1072. color: {color:body text};
  1073. text-align: left;
  1074. margin-left: -40px;
  1075. margin-top: 10px;
  1076. }
  1077.  
  1078. .notes li {
  1079. width: 400px;
  1080. font-family: bit;
  1081. font-size: 10px;
  1082. padding: 10px 20px;
  1083. margin-bottom: 5px;
  1084. background-color: rgba({RGBcolor:post background},0.1);
  1085. }
  1086.  
  1087. .notes img {
  1088. margin-right: 10px;
  1089. float: left;
  1090. width: 13px;
  1091. height: 13px;
  1092. }
  1093.  
  1094. ol.notes {
  1095. width: 400px;
  1096. list-style-type: none;
  1097. padding: 10px 20px;
  1098. line-height: 15px;
  1099. position: absolute;
  1100. }
  1101.  
  1102. #contentright {
  1103. position: absolute;
  1104. margin-left: 161px;
  1105. padding: 0 35px;
  1106. height: 400px;
  1107. overflow: auto;
  1108. {block:permalinkpage}width:439px;{/block:permalinkpage}
  1109. {block:if2column250pxposts}
  1110. {block:indexpage}width: 624px;{/block:indexpage}
  1111. {block:permalinkpage}width:439px;{/block:permalinkpage}
  1112. {/block:if2column250pxposts}
  1113. {block:ifnot2column250pxposts}
  1114. width: 439px;
  1115. {/block:ifnot2column250pxposts}
  1116. }
  1117.  
  1118. .post {
  1119. background-color: rgba({RGBcolor:post background},0.1);
  1120. padding: 20px;
  1121. float: left;
  1122. {block:if2column250pxposts}
  1123. {block:indexpage}
  1124. width: 250px;
  1125. height: 250px;
  1126. margin: 0 10px 20px 10px;
  1127. {/block:indexpage}
  1128. {block:permalinkpage}width: 400px;{/block:permalinkpage}
  1129. {/block:if2column250pxposts}
  1130. {block:ifnot2column250pxposts}
  1131. width: 400px;
  1132. margin-bottom: 20px;
  1133. {/block:ifnot2column250pxposts}
  1134. }
  1135.  
  1136. .post img {
  1137. {block:if2column250pxposts}
  1138. {block:indexpage}
  1139. max-width: 250px;
  1140. {/block:indexpage}
  1141. {block:permalinkpage}max-width: 400px;{/block:permalinkpage}
  1142. {/block:if2column250pxposts}
  1143. {block:ifnot2column250pxposts}
  1144. max-width: 400px;
  1145. {/block:ifnot2column250pxposts}
  1146. height: auto;
  1147. }
  1148.  
  1149. .post blockquote img {max-width: 100%;}
  1150.  
  1151. .postc {
  1152. {block:if2column250pxposts}
  1153. max-width: 250px;
  1154. max-height: 250px;
  1155. overflow: hidden;
  1156. position: relative;
  1157. top: 50%;
  1158. transform: translateY(-50%);
  1159. {/block:if2column250pxposts}
  1160. }
  1161.  
  1162. .postdesci {
  1163. font-family: pix;
  1164. font-size: 8px;
  1165. text-transform: uppercase;
  1166. letter-spacing: 1px;
  1167. position: absolute;
  1168. float: right;
  1169. width: 250px;
  1170. text-align: right;
  1171. z-index: 2;
  1172. margin-top: 230px;
  1173. overflow: hidden;
  1174. {block:ifnot2column250pxposts}
  1175. display: none;
  1176. {/block:ifnot2column250pxposts}
  1177. }
  1178.  
  1179. .postdescicon {
  1180. width: 300px;
  1181. margin-left: -50px;
  1182. height: 20px;
  1183. line-height: 20px;
  1184. }
  1185.  
  1186. .postdesci a, .postdesu a {
  1187. color: {color:post desc};
  1188. background-color: rgba({RGBcolor:post desc bg},0.6);
  1189. padding: 8px 10px;
  1190. }
  1191.  
  1192. .postdesu {
  1193. font-family: pix;
  1194. font-size: 8px;
  1195. text-transform: uppercase;
  1196. letter-spacing: 1px;
  1197. margin-top: 14px;
  1198. }
  1199.  
  1200. .audem .tumblr_audio_player {
  1201. {block:if2column250pxposts}
  1202. {block:indexpage}height:60px;width:250px;{/block:indexpage}
  1203. {/block:if2column250pxposts}
  1204. {block:ifnot2column250pxposts}
  1205. {block:indexpage}height:60px;width:400px;{/block:indexpage}
  1206. {/block:ifnot2column250pxposts}
  1207. }
  1208. .tumblr_audio_player {width: 500px;}
  1209.  
  1210. .aline {
  1211. padding: 10px 20px;
  1212. margin-bottom: 5px;
  1213. background-color: rgba({RGBcolor:post background},0.1);
  1214. color: {color:body text};
  1215. font-family: bit;
  1216. font-size: 12px;
  1217. overflow: hidden;
  1218. }
  1219.  
  1220. #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 {
  1221. cursor: pointer;
  1222. text-decoration: none;
  1223. }
  1224.  
  1225.  
  1226. {CustomCSS}
  1227.  
  1228. </style>
  1229. </head>
  1230. <body>
  1231.  
  1232. <div id="contentpop">
  1233. <div class="dragcontent"><div class="menubtncontent"><span class="mbt">_</span><span class="mbt">□</span><a id="closecontentpop">X</a></div>
  1234. <div class="blogtcontent">> {text:url}'s documents</div></div>
  1235. <div class="contentwrap"></div>
  1236.  
  1237. <div id="contentright"><!--actual post content below!-->
  1238.  
  1239. {block:Posts}
  1240. <div class="post"><!-- actual posts ---------------------------------------->
  1241.  
  1242. {block:if2column250pxposts}
  1243. {block:indexpage}<div class="postdesci"><div class="postdescicon">
  1244. {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}
  1245. {Block:Text}<i class="fa fa-font"></i> {block:title}{title}{/block:title}.txt{/Block:Text}
  1246. {block:photo}<i class="fa fa-image"></i> img_{DayOfMonthWithZero}{MonthNumberWithZero}{ShortYear}{24HourWithZero}{Minutes}.jpg{/block:photo}
  1247. {block:photoset}<i class="fa fa-th-large"></i> photoset_{DayOfMonthWithZero}{MonthNumberWithZero}{ShortYear}{24HourWithZero}{Minutes}{/block:photoset}
  1248. {block:video}<i class="fa fa-fast-forward"></i> vid_{DayOfMonthWithZero}{MonthNumberWithZero}{ShortYear}{24HourWithZero}{Minutes}.mp4{/block:video}
  1249. {block:link}<i class="fa fa-link"></i> {Name}{/block:link}
  1250. {Block:Audio}<i class="fa fa-music"></i> {block:TrackName}{TrackName}{/block:TrackName}.mp3{/Block:Audio}
  1251. {block:chat}<i class="fa fa-comment-o"></i> chat_log_{DayOfMonthWithZero}{MonthNumberWithZero}{ShortYear}{/block:chat}
  1252. {block:quote}<i class="fa fa-quote-left"></i> quote.txt{/block:quote}
  1253. {Block:Answer}<i class="fa fa-envelope-o"></i> mail received on {DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}{/Block:Answer}
  1254. </a></div></div>{/block:indexpage}
  1255. {/block:if2column250pxposts}
  1256.  
  1257. {block:indexpage}<div class="postc">{/block:indexpage}
  1258.  
  1259. {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}
  1260.  
  1261. {Block:Text}
  1262. {Block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{Body}</div>
  1263. {/block:Text}
  1264.  
  1265. {Block:Photo}
  1266. {block:indexpage}
  1267. {block:if2column250pxposts}<img src="{PhotoURL-250}">{/block:if2column250pxposts}{block:ifnot2column250pxposts}<img src="{PhotoURL-400}">{/block:ifnot2column250pxposts}
  1268. {/block:indexpage}
  1269. {block:permalinkpage}<img src="{PhotoURL-400}">{/block:permalinkpage}
  1270. {block:if2column250pxposts}
  1271. {block:permalinkpage}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:permalinkpage}
  1272. {/block:if2column250pxposts}
  1273. {block:ifnot2column250pxposts}
  1274. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  1275. {/block:ifnot2column250pxposts}
  1276. {/block:Photo}
  1277.  
  1278. {block:Photoset}
  1279. {block:indexpage}
  1280. {block:if2column250pxposts}{Photoset-250}{/block:if2column250pxposts}
  1281. {block:ifnot2column250pxposts}{Photoset-400}{/block:ifnot2column250pxposts}
  1282. {/block:indexpage}
  1283. {block:permalinkpage}{Photoset-400}{/block:permalinkpage}
  1284. {block:if2column250pxposts}
  1285. {block:permalinkpage}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:permalinkpage}
  1286. {/block:if2column250pxposts}
  1287. {block:ifnot2column250pxposts}
  1288. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  1289. {/block:ifnot2column250pxposts}
  1290. {/block:Photoset}
  1291.  
  1292. {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}
  1293. {block:if2column250pxposts}
  1294. {block:permalinkpage}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:permalinkpage}
  1295. {/block:if2column250pxposts}
  1296. {block:ifnot2column250pxposts}
  1297. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  1298. {/block:ifnot2column250pxposts}
  1299. {/Block:Audio}
  1300.  
  1301. {block:Video}
  1302. {block:indexpage}
  1303. {block:if2column250pxposts}{Video-250}{/block:if2column250pxposts}
  1304. {block:ifnot2column250pxposts}{Video-400}{/block:ifnot2column250pxposts}
  1305. {/block:indexpage}
  1306. {block:permalinkpage}{Video-400}{/block:permalinkpage}
  1307. {block:if2column250pxposts}
  1308. {block:permalinkpage}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:permalinkpage}
  1309. {/block:if2column250pxposts}
  1310. {block:ifnot2column250pxposts}
  1311. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  1312. {/block:ifnot2column250pxposts}
  1313. {/block:Video}
  1314.  
  1315. {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>
  1316. {/block:Answer}
  1317.  
  1318. {Block:Link}
  1319. <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}
  1320. {/block:Link}
  1321.  
  1322. {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>
  1323. {/block:Chat}
  1324.  
  1325. {block:indexpage}</div><!--postc-->{/block:indexpage}
  1326.  
  1327. {block:ifnot2column250pxposts}
  1328. {block:indexpage}<div class="postdesu">
  1329. {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}
  1330. {Block:Text}<i class="fa fa-font"></i> {block:title}{title}{/block:title}.txt{/Block:Text}
  1331. {block:photo}<i class="fa fa-image"></i> img_{DayOfMonthWithZero}{MonthNumberWithZero}{ShortYear}{24HourWithZero}{Minutes}.jpg{/block:photo}
  1332. {block:photoset}<i class="fa fa-th-large"></i> photoset_{DayOfMonthWithZero}{MonthNumberWithZero}{ShortYear}{24HourWithZero}{Minutes}{/block:photoset}
  1333. {block:video}<i class="fa fa-fast-forward"></i> vid_{DayOfMonthWithZero}{MonthNumberWithZero}{ShortYear}{24HourWithZero}{Minutes}.mp4{/block:video}
  1334. {block:link}<i class="fa fa-link"></i> {Name}{/block:link}
  1335. {Block:Audio}<i class="fa fa-music"></i> {block:TrackName}{TrackName}{/block:TrackName}.mp3{/Block:Audio}
  1336. {block:chat}<i class="fa fa-comment-o"></i> chat_log_{DayOfMonthWithZero}{MonthNumberWithZero}{ShortYear}{/block:chat}
  1337. {block:quote}<i class="fa fa-quote-left"></i> quote.txt{/block:quote}
  1338. {Block:Answer}<i class="fa fa-envelope-o"></i> mail received on {DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}{/Block:Answer}
  1339. </a></div>{/block:indexpage}
  1340. {/block:ifnot2column250pxposts}
  1341.  
  1342. {block:permalinkpage}
  1343. {block:PostNotes}
  1344. <div id="notescon">{PostNotes-16}</div>
  1345. {/block:PostNotes}
  1346. {/block:permalinkpage}
  1347.  
  1348. </div><!--post-->
  1349. {/block:Posts}
  1350.  
  1351. </div><!--contentright-->
  1352.  
  1353. <div class="contentleft">
  1354.  
  1355. <!--permalinkpage folders-->
  1356.  
  1357. {block:permalinkpage}
  1358. {block:Posts}
  1359. {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}
  1360. {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}
  1361. {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}
  1362. {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}
  1363. {block:link}<div class="postnav"><div class="pnex"><div class="posticon"><i class="fa fa-link"></i></div> {Name}</div></div><!--postnav-->{/block:link}
  1364. {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}
  1365. {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}
  1366. {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}
  1367. {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}
  1368. {block:date}{block:permalinkpage}<div class="permapostinfo">
  1369. <blockquote>
  1370. posted: {DayOfMonth} {Month} {Year}<br>
  1371. notes: {NoteCount}
  1372. </blockquote>
  1373. {block:RebloggedFrom}
  1374. <blockquote>
  1375. via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1376. <br>originally <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1377. </blockquote>
  1378. {/block:RebloggedFrom}
  1379. {Block:HasTags}
  1380. <blockquote>
  1381. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  1382. </blockquote>
  1383. {/Block:HasTags}
  1384. </blockquote>
  1385. <br><a href="/"><i class="fa fa-angle-double-left"></i> back to main</a>
  1386. </div><!--permapostinfo-->{/block:permalinkpage}{/block:date}
  1387. </a><!-- openpost x end link -->
  1388. {/block:Posts}
  1389. {/block:permalinkpage}
  1390.  
  1391. <!--end permalinkpage folders-->
  1392.  
  1393.  
  1394. {block:Pagination}<div class="folders">
  1395. {block:JumpPagination length="5"}
  1396. {block:CurrentPage}
  1397. <div class="currentfolder"><span style="margin-right:6px;"><i class="fa fa-caret-down"></i></span> folder {CurrentPage}<div class="folderbline"></div></div>
  1398. {block:Posts}
  1399. {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}
  1400. {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}
  1401. {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}
  1402. {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}
  1403. {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}
  1404. {block:link}<div class="postnav"><div class="pnex"><div class="posticon"><i class="fa fa-link"></i></div> {Name}</div></div><!--postnav-->{/block:link}
  1405. {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}
  1406. {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}
  1407. {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}
  1408. {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}
  1409. {block:date}{block:permalinkpage}<div class="permapostinfo">
  1410. <blockquote>
  1411. posted: {DayOfMonth} {Month} {Year}<br>
  1412. notes: {NoteCount}
  1413. </blockquote>
  1414. {block:RebloggedFrom}
  1415. <blockquote>
  1416. via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1417. <br>originally <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1418. </blockquote>
  1419. {/block:RebloggedFrom}
  1420. {Block:HasTags}
  1421. <blockquote>
  1422. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  1423. </blockquote>
  1424. {/Block:HasTags}
  1425. </blockquote>
  1426. <br><a href="/"><i class="fa fa-angle-double-left"></i> back to main</a>
  1427. </div><!--permapostinfo-->{/block:permalinkpage}{/block:date}
  1428. </a><!-- openpost x end link -->
  1429. {/block:Posts}
  1430. <div style="height:10px;"></div>
  1431. {/block:CurrentPage}
  1432. {block:JumpPage}
  1433. <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>
  1434. {/block:JumpPage}
  1435. {/block:JumpPagination}
  1436. <div class="totalfoldercount">total {TotalPages} folders</div>
  1437. </div><!--folders-->{/block:Pagination}
  1438.  
  1439. </div><!--contentleft-->
  1440.  
  1441.  
  1442. </div><!-- contentpop -->
  1443.  
  1444. {block:ifstickynote1text}<div id="sticky1">
  1445. <div class="dragsticky1"><div class="menubtnsticky1"><a id="closesticky1">X</a></div>
  1446. <div class="stickyt1">> sticky note 1</div></div>
  1447. {text:sticky note 1 text}
  1448. </div><!-- end sticky note 1 -->{/block:ifstickynote1text}
  1449.  
  1450. {block:ifstickynote2text}<div id="sticky2">
  1451. <div class="dragsticky2"><div class="menubtnsticky2"><a id="closesticky2">X</a></div>
  1452. <div class="stickyt2">> sticky note 2</div></div>
  1453. {text:sticky note 2 text}
  1454. </div><!-- end sticky note 2 -->{/block:ifstickynote2text}
  1455.  
  1456. {block:ifstickynote3text}<div id="sticky3">
  1457. <div class="dragsticky3"><div class="menubtnsticky3"><a id="closesticky3">X</a></div>
  1458. <div class="stickyt3">> sticky note 3</div></div>
  1459. {text:sticky note 3 text}
  1460. </div><!-- end sticky note 3 -->{/block:ifstickynote3text}
  1461.  
  1462. {block:Following}<div id="blogrollpop">
  1463. <div class="dragblogroll"><div class="menubtnblogroll"><span class="mbt">_</span><span class="mbt">□</span><a id="closeblogrollpop">X</a></div>
  1464. <div class="blogtblogroll">> contacts</div></div><!--dragblogroll-->
  1465. <div id="blogrollwrap"></div><!--blogrollwrap-->
  1466. <div id="blogrollt">
  1467. {block:Followed}<a href="{FollowedURL}"><div class="followingu">
  1468. <img class="foimg" src="{FollowedPortraitURL-48}">
  1469. <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>
  1470. </div><!--followingu--></a>{/block:Followed}
  1471. </div><!--blogrollt-->
  1472. </div><!--archivepop-->{/block:Following}
  1473.  
  1474. <div id="aboutpop">
  1475. <div class="dragabout"><div class="menubtnabout"><span class="mbt">_</span><span class="mbt">□</span><a id="closeaboutpop">X</a></div>
  1476. <div class="blogtabout">> user information</div></div><!--dragabout-->
  1477. <div class="leftabout">
  1478. <img class="labimg" src="{image:about icon}">
  1479. <div class="aboutinfo">
  1480. <b>name</b> {text:name}</p>
  1481. <p><b>birthday</b> {text:birthday}</p>
  1482. <p><b>location</b> {text:country}</p>
  1483. <p><b>mbti</b> {text:personality}</p>
  1484. <p><b>status</b> {text:status}</p>
  1485. </div><!--aboutinfo-->
  1486. </div><!--leftabout-->
  1487. <div class="rightabout"><div class="desc">{description}</div></div>
  1488. <div id="aboutwrap"></div><!--aboutwrap-->
  1489. </div><!--aboutpop-->
  1490.  
  1491. <div id="archivepop">
  1492. <div class="dragarchive"><div class="menubtnarchive"><span class="mbt">_</span><span class="mbt">□</span><a id="closearchivepop">X</a></div>
  1493. <div class="blogtarchive">> archives</div></div><!--dragarchive-->
  1494. <iframe src="http://{text:url}.tumblr.com/archive" width="580" height="400"></iframe>
  1495. </div><!--archivepop-->
  1496.  
  1497. <div id="askboxpop">
  1498. <div class="dragaskbox"><div class="menubtnaskbox"><span class="mbt">_</span><span class="mbt">□</span><a id="closeaskboxpop">X</a></div>
  1499. <div class="blogtaskbox">> send a message</div></div><!--dragaskbox-->
  1500. <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]-->
  1501. </div><!--askboxpop-->
  1502.  
  1503. <div id="sbimg1">
  1504. <div class="dragimg1"><div class="menubtn1"><span class="mbt">_</span><span class="mbt">□</span><a id="closesbimg1">X</a></div>
  1505. <div class="blogt1">> {text:photo upload 1 title}</div></div><!--drag1-->
  1506. <img class="sbimg1" src="{image:photo upload 1}">
  1507. </div><!--sbimg1-->
  1508. <div id="sbimg2">
  1509. <div class="dragimg2"><div class="menubtn2"><span class="mbt">_</span><span class="mbt">□</span><a id="closesbimg2">X</a></div>
  1510. <div class="blogt2">> {text:photo upload 2 title}</div></div><!--drag2-->
  1511. <img class="sbimg2" src="{image:photo upload 2}">
  1512. </div><!--sbimg2-->
  1513. <div id="sbimg3">
  1514. <div class="dragimg3"><div class="menubtn3"><span class="mbt">_</span><span class="mbt">□</span><a id="closesbimg3">X</a></div>
  1515. <div class="blogt3">> {text:photo upload 3 title}</div></div><!--drag3-->
  1516. <img class="sbimg3" src="{image:photo upload 3}">
  1517. </div><!--sbimg3-->
  1518. <div id="sbimg4">
  1519. <div class="dragimg4"><div class="menubtn4"><span class="mbt">_</span><span class="mbt">□</span><a id="closesbimg4">X</a></div>
  1520. <div class="blogt4">> {text:photo upload 4 title}</div></div><!--drag4-->
  1521. <img class="sbimg4" src="{image:photo upload 4}">
  1522. </div><!--sbimg4-->
  1523. <div id="sbimg5">
  1524. <div class="dragimg5"><div class="menubtn5"><span class="mbt">_</span><span class="mbt">□</span><a id="closesbimg5">X</a></div>
  1525. <div class="blogt5">> {text:photo upload 5 title}</div></div><!--drag5-->
  1526. <img class="sbimg5" src="{image:photo upload 5}">
  1527. </div><!--sbimg5-->
  1528.  
  1529. <div id="desktop3"><!------------------------------------- start desktop 3 -->
  1530.  
  1531. {block:ifphotoupload1title}<div class="shortcut"><!-- sb image 1 -->
  1532. <div class="scn">
  1533. <div class="shortcuticon"><a id="opensbimg1"><img class="smolsbimg" src="{image:photo upload 1}"></a></div>
  1534. <div class="shortcutname"><a id="opensbimg1"><span class="scnbg">{text:photo upload 1 title}</span></a></div>
  1535. </div>
  1536. </div><!--shortcut-->{/block:ifphotoupload1title}
  1537.  
  1538. {block:ifphotoupload2title}<div class="shortcut"><!-- sb image 2 -->
  1539. <div class="scn">
  1540. <div class="shortcuticon"><a id="opensbimg2"><img class="smolsbimg" src="{image:photo upload 2}"></a></div>
  1541. <div class="shortcutname"><a id="opensbimg2"><span class="scnbg">{text:photo upload 2 title}</span></a></div>
  1542. </div>
  1543. </div><!--shortcut-->{/block:ifphotoupload2title}
  1544.  
  1545. {block:ifphotoupload3title}<div class="shortcut"><!-- sb image 3 -->
  1546. <div class="scn">
  1547. <div class="shortcuticon"><a id="opensbimg3"><img class="smolsbimg" src="{image:photo upload 3}"></a></div>
  1548. <div class="shortcutname"><a id="opensbimg3"><span class="scnbg">{text:photo upload 3 title}</span></a></div>
  1549. </div>
  1550. </div><!--shortcut-->{/block:ifphotoupload3title}
  1551.  
  1552. {block:ifphotoupload4title}<div class="shortcut"><!-- sb image 4 -->
  1553. <div class="scn">
  1554. <div class="shortcuticon"><a id="opensbimg4"><img class="smolsbimg" src="{image:photo upload 4}"></a></div>
  1555. <div class="shortcutname"><a id="opensbimg4"><span class="scnbg">{text:photo upload 4 title}</span></a></div>
  1556. </div>
  1557. </div><!--shortcut-->{/block:ifphotoupload4title}
  1558.  
  1559. {block:ifphotoupload5title}<div class="shortcut"><!-- sb image 5 -->
  1560. <div class="scn">
  1561. <div class="shortcuticon"><a id="opensbimg5"><img class="smolsbimg" src="{image:photo upload 5}"></a></div>
  1562. <div class="shortcutname"><a id="opensbimg5"><span class="scnbg">{text:photo upload 5 title}</span></a></div>
  1563. </div>
  1564. </div><!--shortcut-->{/block:ifphotoupload5title}
  1565.  
  1566. </div><!----------------------------------------------------------desktop3-->
  1567.  
  1568. <div id="desktop2"><!------------------------------------ start desktop 2 -->
  1569.  
  1570. {block:iflink1}<div class="shortcut">
  1571. <div class="scn">
  1572. <div class="shortcuticon"><a href="{text:link 1 url}"><i class="fa fa-{text:link 1 icon}"></i></a></div>
  1573. <a href="{text:link 1 url}"><div class="shortcutname"><span class="scnbg">{text:link 1}</span></div></a>
  1574. </div>
  1575. </div><!--shortcut-->{/block:iflink1}
  1576.  
  1577. {block:iflink2}<div class="shortcut">
  1578. <div class="scn">
  1579. <div class="shortcuticon"><a href="{text:link 2 url}"><i class="fa fa-{text:link 2 icon}"></i></a></div>
  1580. <a href="{text:link 2 url}"><div class="shortcutname"><span class="scnbg">{text:link 2}</span></div></a>
  1581. </div>
  1582. </div><!--shortcut-->{/block:iflink2}
  1583.  
  1584. {block:iflink3}<div class="shortcut">
  1585. <div class="scn">
  1586. <div class="shortcuticon"><a href="{text:link 3 url}"><i class="fa fa-{text:link 3 icon}"></i></a></div>
  1587. <a href="{text:link 3 url}"><div class="shortcutname"><span class="scnbg">{text:link 3}</span></div></a>
  1588. </div>
  1589. </div><!--shortcut-->{/block:iflink3}
  1590.  
  1591. {block:iflink4}<div class="shortcut">
  1592. <div class="scn">
  1593. <div class="shortcuticon"><a href="{text:link 4 url}"><i class="fa fa-{text:link 4 icon}"></i></a></div>
  1594. <a href="{text:link 4 url}"><div class="shortcutname"><span class="scnbg">{text:link 4}</span></div></a>
  1595. </div>
  1596. </div><!--shortcut-->{/block:iflink4}
  1597.  
  1598. {block:iflink5}<div class="shortcut">
  1599. <div class="scn">
  1600. <div class="shortcuticon"><a href="{text:link 5 url}"><i class="fa fa-{text:link 5 icon}"></i></a></div>
  1601. <a href="{text:link 5 url}"><div class="shortcutname"><span class="scnbg">{text:link 5}</span></div></a>
  1602. </div>
  1603. </div><!--shortcut-->{/block:iflink5}
  1604.  
  1605. {block:iflink6}<div class="shortcut">
  1606. <div class="scn">
  1607. <div class="shortcuticon"><a href="{text:link 6 url}"><i class="fa fa-{text:link 6 icon}"></i></a></div>
  1608. <a href="{text:link 6 url}"><div class="shortcutname"><span class="scnbg">{text:link 6}</span></div></a>
  1609. </div>
  1610. </div><!--shortcut-->{/block:iflink6}
  1611.  
  1612. </div><!------------------------------------------------------end desktop2-->
  1613.  
  1614. <div id="desktop"><!------------------------------------- start desktop 1 -->
  1615.  
  1616. <div class="shortcut"><!--archive - trash bin icon -->
  1617. <div class="scn">
  1618. <div class="shortcuticon"><a id="openarchivepop"><i class="fa fa-trash-o"></i></a></div>
  1619. <a id="openarchivepop"><div class="shortcutname"><span class="scnbg">archives</span></div></a>
  1620. </div>
  1621. </div><!--shortcut-->
  1622.  
  1623. <div class="shortcut"><!-- blog posts - open folder icon -->
  1624. <div class="scn">
  1625. <div class="shortcuticon"><a id="opencontentpop"><i class="fa fa-folder-open-o"></i></a></div>
  1626. <a id="opencontentpop"><div class="shortcutname"><span class="scnbg">documents</span></div></a>
  1627. </div>
  1628. </div><!--shortcut-->
  1629.  
  1630. <div class="shortcut"><!-- about -- user icon -->
  1631. <div class="scn">
  1632. <div class="shortcuticon"><a id="openaboutpop"><i class="fa fa-user"></i></a></div>
  1633. <a id="openaboutpop"><div class="shortcutname"><span class="scnbg">user info</span></div></a>
  1634. </div>
  1635. </div><!--shortcut-->
  1636.  
  1637. <div class="shortcut"><!-- askbox -- envelope icon -->
  1638. <div class="scn">
  1639. <div class="shortcuticon"><a id="openaskboxpop"><i class="fa fa-envelope-o"></i></a></div>
  1640. <a href="openaskboxpop"><div class="shortcutname"><span class="scnbg">check mail</span></div></a>
  1641. </div>
  1642. </div><!--shortcut-->
  1643.  
  1644. {block:following}<div class="shortcut"><!--blogroll - book icon -->
  1645. <div class="scn">
  1646. <div class="shortcuticon"><a id="openblogrollpop"><i class="fa fa-book"></i></a></div>
  1647. <a id="openblogrollpop"><div class="shortcutname"><span class="scnbg">contacts</span></div></a>
  1648. </div>
  1649. </div><!--shortcut-->{/block:following}
  1650.  
  1651. <div class="shortcut">
  1652. <div class="scn">
  1653. <div class="shortcuticon"><a href="http://yukoki.tumblr.com"><i class="fa fa-code"></i></a></div>
  1654. <a href="http://yukoki.tumblr.com"><div class="shortcutname"><span class="scnbg">theme credit</span></div></a>
  1655. </div>
  1656. </div><!--shortcut-->
  1657.  
  1658. </div><!------------------------------------------------------end desktop1-->
  1659.  
  1660. <div id="taskbar"><!-------------------------------------- start taskbar -->
  1661.  
  1662. <div id="system">
  1663. <div class="systempopup">
  1664. <a href="http://tumblr.com"><div class="syslink">dashboard</div></a>
  1665. <a href="http://tumblr.com/follow/{text:url}"><div class="syslink">follow {text:url}</div></a>
  1666. <a href="/"><div class="syslink">restart system</div></a>
  1667. <a href="http://tumblr.com/logout"><div class="syslink">log out</div></a>
  1668. <div class="sputri">▼</div>
  1669. </div><!--systempopup-->
  1670. <div class="taskbariconi"><i class="fa fa-power-off"></i></div>
  1671. </div><!--system-->
  1672.  
  1673. <div id="task">
  1674. <a title="send a message" href="/ask"><div class="taskbaricon"><i class="fa fa-inbox"></i></div></a>
  1675. </div><!--task-->
  1676.  
  1677. <div id="task">
  1678. <a title="submit" href="/submit"><div class="taskbaricon"><i class="fa fa-upload"></i></div></a>
  1679. </div><!--task-->
  1680.  
  1681. <div id="task">
  1682. <a title="access history" href=""><div class="taskbaricon"><i class="fa fa-calendar"></i></div></a>
  1683. </div><!--task-->
  1684.  
  1685. {block:iflink1}<div id="task">
  1686. <a title="{text:link 1}" href="{text:link 1 url}"><div class="taskbaricon"><i class="fa fa-{text:link 1 icon}"></i></div></a>
  1687. </div><!--task-->{/block:iflink1}
  1688.  
  1689. {block:iflink2}<div id="task">
  1690. <a title="{text:link 2}" href="{text:link 2 url}"><div class="taskbaricon"><i class="fa fa-{text:link 2 icon}"></i></div></a>
  1691. </div><!--task-->{/block:iflink2}
  1692.  
  1693. {block:iflink3}<div id="task">
  1694. <a title="{text:link 3}" href="{text:link 3 url}"><div class="taskbaricon"><i class="fa fa-{text:link 3 icon}"></i></div></a>
  1695. </div><!--task-->{/block:iflink3}
  1696.  
  1697. {block:iflink4}<div id="task">
  1698. <a title="{text:link 4}" href="{text:link 4 url}"><div class="taskbaricon"><i class="fa fa-{text:link 4 icon}"></i></div></a>
  1699. </div><!--task-->{/block:iflink4}
  1700.  
  1701. {block:iflink5}<div id="task">
  1702. <a title="{text:link 5}" href="{text:link 5 url}"><div class="taskbaricon"><i class="fa fa-{text:link 5 icon}"></i></div></a>
  1703. </div><!--task-->{/block:iflink5}
  1704.  
  1705. {block:iflink6}<div id="task">
  1706. <a title="{text:link 6}" href="{text:link 6 url}"><div class="taskbaricon"><i class="fa fa-{text:link 6 icon}"></i></div></a>
  1707. </div><!--task-->{/block:iflink6}
  1708.  
  1709.  
  1710.  
  1711. <div id="task">
  1712. <a title="sticky notes" id="opensticky"><div class="taskbaricon"><i class="fa fa-sticky-note-o"></i></div></a>
  1713. </div><!--task-->
  1714.  
  1715. <div id="taskbarright">
  1716. {block:ifbuiltinmusicplayer}
  1717. <span class="bimh"><div class="bimptri">▼</div><div class="bimp"><div class="muse">{text:billy music player code}</div></div>
  1718. {/block:ifbuiltinmusicplayer}
  1719. <div class="tbvolume">
  1720. <script language="JavaScript">
  1721. /*
  1722. Random Image Script- By JavaScript Kit (http://www.javascriptkit.com)
  1723. Over 400+ free JavaScripts here!
  1724. Keep this notice intact please
  1725. */
  1726. function random_imglink(){
  1727. var tbvol=new Array()
  1728.  
  1729. tbvol[1]="up"
  1730. tbvol[2]="down"
  1731. {block:ifnotbuiltinmusicplayer}tbvol[3]="off"{/block:ifnotbuiltinmusicplayer}
  1732.  
  1733. var ry=Math.floor(Math.random()*tbvol.length)
  1734. if (ry==0)
  1735. ry=1
  1736. document.write('<i class="fa fa-volume-'+tbvol[ry]+' "></i>')
  1737. }
  1738. random_imglink()
  1739. //-->
  1740. </script>
  1741. </div><!--tbvolume--></span>
  1742. <div class="tbbattery">
  1743. <script language="JavaScript">
  1744. /*
  1745. Random Image Script- By JavaScript Kit (http://www.javascriptkit.com)
  1746. Over 400+ free JavaScripts here!
  1747. Keep this notice intact please
  1748. */
  1749.  
  1750. function random_imglink(){
  1751. var battno=new Array()
  1752.  
  1753. battno[1]="quarter"
  1754. battno[2]="half"
  1755. battno[3]="three-quarters"
  1756. battno[4]="full"
  1757.  
  1758. var ry=Math.floor(Math.random()*battno.length)
  1759. if (ry==0)
  1760. ry=1
  1761. document.write('<i class="fa fa-battery-'+battno[ry]+' "></i>')
  1762. }
  1763. random_imglink()
  1764. //-->
  1765. </script>
  1766. </div><!--tbbattery-->
  1767. <div id="clockbox"></div>
  1768. </div><!--taskbarright-->
  1769.  
  1770. </div><!----------------------------------------------------- end taskbar -->
  1771.  
  1772. {block:ContentSource}
  1773. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1774. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1775. {/block:SourceLogo}
  1776. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1777. {/block:ContentSource}
  1778.  
  1779. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom}-->
  1780.  
  1781. <div id="postpop1"><a id="closepost1"><div class="clopo">X</div></a><center>
  1782. {block:Posts}{Block:Post1}
  1783. <div class="popuppost">
  1784. {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}
  1785. {Block:Text}{Block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{Body}</div>{/block:Text}
  1786. {Block:Photo}<img src="{PhotoURL-500}">{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photo}
  1787. {block:Photoset}<div class="photo">{Photoset-500}</div>{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photoset}
  1788. {Block:Audio}{Block:AudioEmbed}{AudioEmbed-500}{/Block:AudioEmbed}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/Block:Audio}
  1789. {block:Video}{Video-500}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Video}
  1790. {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}
  1791. {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}
  1792. {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}
  1793. </div><!--popuppost-->
  1794. <div class="popperma">Posted {timeago} with {NoteCountWithLabel}.
  1795. {Block:HasTags}<div class="itags">{block:Tags}<a href="{TagURL}"><span class="fa fa-tag"></span> {Tag}</a>{/block:Tags}</div>{/Block:HasTags}
  1796. </div><!--popperma-->
  1797. <div class="permaactions">
  1798. <a href="{Permalink}"><div class="permact" id="perbtn"><span class="paction"><i class="fa fa-external-link"></i></span>permalink</div></a>
  1799. <a href="{ReblogURL}"><div class="permact" id="rbgbtn"><span class="paction"><i class="fa fa-retweet"></i></span>reblog</div></a>
  1800. <a title="click the heart to like this post!"><div class="permact" id="likbtn"><span class="lkbtn">{LikeButton size="13"}</span> Like</div></a>
  1801. </div>
  1802. {/Block:Post1}{/block:Posts}</center></div><!--postpop1-->
  1803.  
  1804.  
  1805. <div id="postpop2"><a id="closepost2"><div class="clopo">X</div></a><center>
  1806. {block:Posts}{Block:Post2}
  1807. <div class="popuppost">
  1808. {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}
  1809. {Block:Text}{Block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{Body}</div>{/block:Text}
  1810. {Block:Photo}<img src="{PhotoURL-500}">{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photo}
  1811. {block:Photoset}<div class="photo">{Photoset-500}</div>{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photoset}
  1812. {Block:Audio}{Block:AudioEmbed}{AudioEmbed-500}{/Block:AudioEmbed}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/Block:Audio}
  1813. {block:Video}{Video-500}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Video}
  1814. {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}
  1815. {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}
  1816. {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}
  1817. </div><!--popuppost-->
  1818. <div class="popperma">Posted {timeago} with {NoteCountWithLabel}.
  1819. {Block:HasTags}<div class="itags">{block:Tags}<a href="{TagURL}"><span class="fa fa-tag"></span> {Tag}</a>{/block:Tags}</div>{/Block:HasTags}
  1820. </div><!--popperma-->
  1821. <div class="permaactions">
  1822. <a href="{Permalink}"><div class="permact" id="perbtn"><span class="paction"><i class="fa fa-external-link"></i></span>permalink</div></a>
  1823. <a href="{ReblogURL}"><div class="permact" id="rbgbtn"><span class="paction"><i class="fa fa-retweet"></i></span>reblog</div></a>
  1824. <a title="click the heart to like this post!"><div class="permact" id="likbtn"><span class="lkbtn">{LikeButton size="13"}</span> Like</div></a>
  1825. </div>
  1826. {/Block:Post2}{/block:Posts}</center></div><!--postpop2-->
  1827.  
  1828.  
  1829. <div id="postpop3"><a id="closepost3"><div class="clopo">X</div></a><center>
  1830. {block:Posts}{Block:Post3}
  1831. <div class="popuppost">
  1832. {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}
  1833. {Block:Text}{Block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{Body}</div>{/block:Text}
  1834. {Block:Photo}<img src="{PhotoURL-500}">{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photo}
  1835. {block:Photoset}<div class="photo">{Photoset-500}</div>{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photoset}
  1836. {Block:Audio}{Block:AudioEmbed}{AudioEmbed-500}{/Block:AudioEmbed}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/Block:Audio}
  1837. {block:Video}{Video-500}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Video}
  1838. {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}
  1839. {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}
  1840. {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}
  1841. </div><!--popuppost-->
  1842. <div class="popperma">Posted {timeago} with {NoteCountWithLabel}.
  1843. {Block:HasTags}<div class="itags">{block:Tags}<a href="{TagURL}"><span class="fa fa-tag"></span> {Tag}</a>{/block:Tags}</div>{/Block:HasTags}
  1844. </div><!--popperma-->
  1845. <div class="permaactions">
  1846. <a href="{Permalink}"><div class="permact" id="perbtn"><span class="paction"><i class="fa fa-external-link"></i></span>permalink</div></a>
  1847. <a href="{ReblogURL}"><div class="permact" id="rbgbtn"><span class="paction"><i class="fa fa-retweet"></i></span>reblog</div></a>
  1848. <a title="click the heart to like this post!"><div class="permact" id="likbtn"><span class="lkbtn">{LikeButton size="13"}</span> Like</div></a>
  1849. </div>
  1850. {/Block:Post3}{/block:Posts}</center></div><!--postpop3-->
  1851.  
  1852.  
  1853. <div id="postpop4"><a id="closepost4"><div class="clopo">X</div></a><center>
  1854. {block:Posts}{Block:Post4}
  1855. <div class="popuppost">
  1856. {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}
  1857. {Block:Text}{Block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{Body}</div>{/block:Text}
  1858. {Block:Photo}<img src="{PhotoURL-500}">{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photo}
  1859. {block:Photoset}<div class="photo">{Photoset-500}</div>{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photoset}
  1860. {Block:Audio}{Block:AudioEmbed}{AudioEmbed-500}{/Block:AudioEmbed}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/Block:Audio}
  1861. {block:Video}{Video-500}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Video}
  1862. {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}
  1863. {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}
  1864. {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}
  1865. </div><!--popuppost-->
  1866. <div class="popperma">Posted {timeago} with {NoteCountWithLabel}.
  1867. {Block:HasTags}<div class="itags">{block:Tags}<a href="{TagURL}"><span class="fa fa-tag"></span> {Tag}</a>{/block:Tags}</div>{/Block:HasTags}
  1868. </div><!--popperma-->
  1869. <div class="permaactions">
  1870. <a href="{Permalink}"><div class="permact" id="perbtn"><span class="paction"><i class="fa fa-external-link"></i></span>permalink</div></a>
  1871. <a href="{ReblogURL}"><div class="permact" id="rbgbtn"><span class="paction"><i class="fa fa-retweet"></i></span>reblog</div></a>
  1872. <a title="click the heart to like this post!"><div class="permact" id="likbtn"><span class="lkbtn">{LikeButton size="13"}</span> Like</div></a>
  1873. </div>
  1874. {/Block:Post4}{/block:Posts}</center></div><!--postpop4-->
  1875.  
  1876.  
  1877. <div id="postpop5"><a id="closepost5"><div class="clopo">X</div></a><center>
  1878. {block:Posts}{Block:Post5}
  1879. <div class="popuppost">
  1880. {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}
  1881. {Block:Text}{Block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{Body}</div>{/block:Text}
  1882. {Block:Photo}<img src="{PhotoURL-500}">{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photo}
  1883. {block:Photoset}<div class="photo">{Photoset-500}</div>{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photoset}
  1884. {Block:Audio}{Block:AudioEmbed}{AudioEmbed-500}{/Block:AudioEmbed}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/Block:Audio}
  1885. {block:Video}{Video-500}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Video}
  1886. {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}
  1887. {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}
  1888. {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}
  1889. </div><!--popuppost-->
  1890. <div class="popperma">Posted {timeago} with {NoteCountWithLabel}.
  1891. {Block:HasTags}<div class="itags">{block:Tags}<a href="{TagURL}"><span class="fa fa-tag"></span> {Tag}</a>{/block:Tags}</div>{/Block:HasTags}
  1892. </div><!--popperma-->
  1893. <div class="permaactions">
  1894. <a href="{Permalink}"><div class="permact" id="perbtn"><span class="paction"><i class="fa fa-external-link"></i></span>permalink</div></a>
  1895. <a href="{ReblogURL}"><div class="permact" id="rbgbtn"><span class="paction"><i class="fa fa-retweet"></i></span>reblog</div></a>
  1896. <a title="click the heart to like this post!"><div class="permact" id="likbtn"><span class="lkbtn">{LikeButton size="13"}</span> Like</div></a>
  1897. </div>
  1898. {/Block:Post5}{/block:Posts}</center></div><!--postpop5-->
  1899.  
  1900.  
  1901. <div id="postpop5"><a id="closepost5"><div class="clopo">X</div></a><center>
  1902. {block:Posts}{Block:Post5}
  1903. <div class="popuppost">
  1904. {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}
  1905. {Block:Text}{Block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{Body}</div>{/block:Text}
  1906. {Block:Photo}<img src="{PhotoURL-500}">{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photo}
  1907. {block:Photoset}<div class="photo">{Photoset-500}</div>{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photoset}
  1908. {Block:Audio}{Block:AudioEmbed}{AudioEmbed-500}{/Block:AudioEmbed}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/Block:Audio}
  1909. {block:Video}{Video-500}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Video}
  1910. {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}
  1911. {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}
  1912. {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}
  1913. </div><!--popuppost-->
  1914. <div class="popperma">Posted {timeago} with {NoteCountWithLabel}.
  1915. {Block:HasTags}<div class="itags">{block:Tags}<a href="{TagURL}"><span class="fa fa-tag"></span> {Tag}</a>{/block:Tags}</div>{/Block:HasTags}
  1916. </div><!--popperma-->
  1917. <div class="permaactions">
  1918. <a href="{Permalink}"><div class="permact" id="perbtn"><span class="paction"><i class="fa fa-external-link"></i></span>permalink</div></a>
  1919. <a href="{ReblogURL}"><div class="permact" id="rbgbtn"><span class="paction"><i class="fa fa-retweet"></i></span>reblog</div></a>
  1920. <a title="click the heart to like this post!"><div class="permact" id="likbtn"><span class="lkbtn">{LikeButton size="13"}</span> Like</div></a>
  1921. </div>
  1922. {/Block:Post5}{/block:Posts}</center></div><!--postpop5-->
  1923.  
  1924.  
  1925. <div id="postpop6"><a id="closepost6"><div class="clopo">X</div></a><center>
  1926. {block:Posts}{Block:Post6}
  1927. <div class="popuppost">
  1928. {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}
  1929. {Block:Text}{Block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{Body}</div>{/block:Text}
  1930. {Block:Photo}<img src="{PhotoURL-500}">{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photo}
  1931. {block:Photoset}<div class="photo">{Photoset-500}</div>{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photoset}
  1932. {Block:Audio}{Block:AudioEmbed}{AudioEmbed-500}{/Block:AudioEmbed}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/Block:Audio}
  1933. {block:Video}{Video-500}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Video}
  1934. {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}
  1935. {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}
  1936. {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}
  1937. </div><!--popuppost-->
  1938. <div class="popperma">Posted {timeago} with {NoteCountWithLabel}.
  1939. {Block:HasTags}<div class="itags">{block:Tags}<a href="{TagURL}"><span class="fa fa-tag"></span> {Tag}</a>{/block:Tags}</div>{/Block:HasTags}
  1940. </div><!--popperma-->
  1941. <div class="permaactions">
  1942. <a href="{Permalink}"><div class="permact" id="perbtn"><span class="paction"><i class="fa fa-external-link"></i></span>permalink</div></a>
  1943. <a href="{ReblogURL}"><div class="permact" id="rbgbtn"><span class="paction"><i class="fa fa-retweet"></i></span>reblog</div></a>
  1944. <a title="click the heart to like this post!"><div class="permact" id="likbtn"><span class="lkbtn">{LikeButton size="13"}</span> Like</div></a>
  1945. </div>
  1946. {/Block:Post6}{/block:Posts}</center></div><!--postpop6-->
  1947.  
  1948.  
  1949. <div id="postpop7"><a id="closepost7"><div class="clopo">X</div></a><center>
  1950. {block:Posts}{Block:Post7}
  1951. <div class="popuppost">
  1952. {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}
  1953. {Block:Text}{Block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{Body}</div>{/block:Text}
  1954. {Block:Photo}<img src="{PhotoURL-500}">{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photo}
  1955. {block:Photoset}<div class="photo">{Photoset-500}</div>{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photoset}
  1956. {Block:Audio}{Block:AudioEmbed}{AudioEmbed-500}{/Block:AudioEmbed}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/Block:Audio}
  1957. {block:Video}{Video-500}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Video}
  1958. {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}
  1959. {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}
  1960. {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}
  1961. </div><!--popuppost-->
  1962. <div class="popperma">Posted {timeago} with {NoteCountWithLabel}.
  1963. {Block:HasTags}<div class="itags">{block:Tags}<a href="{TagURL}"><span class="fa fa-tag"></span> {Tag}</a>{/block:Tags}</div>{/Block:HasTags}
  1964. </div><!--popperma-->
  1965. <div class="permaactions">
  1966. <a href="{Permalink}"><div class="permact" id="perbtn"><span class="paction"><i class="fa fa-external-link"></i></span>permalink</div></a>
  1967. <a href="{ReblogURL}"><div class="permact" id="rbgbtn"><span class="paction"><i class="fa fa-retweet"></i></span>reblog</div></a>
  1968. <a title="click the heart to like this post!"><div class="permact" id="likbtn"><span class="lkbtn">{LikeButton size="13"}</span> Like</div></a>
  1969. </div>
  1970. {/Block:Post7}{/block:Posts}</center></div><!--postpop7-->
  1971.  
  1972.  
  1973. <div id="postpop8"><a id="closepost8"><div class="clopo">X</div></a><center>
  1974. {block:Posts}{Block:Post8}
  1975. <div class="popuppost">
  1976. {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}
  1977. {Block:Text}{Block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{Body}</div>{/block:Text}
  1978. {Block:Photo}<img src="{PhotoURL-500}">{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photo}
  1979. {block:Photoset}<div class="photo">{Photoset-500}</div>{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photoset}
  1980. {Block:Audio}{Block:AudioEmbed}{AudioEmbed-500}{/Block:AudioEmbed}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/Block:Audio}
  1981. {block:Video}{Video-500}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Video}
  1982. {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}
  1983. {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}
  1984. {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}
  1985. </div><!--popuppost-->
  1986. <div class="popperma">Posted {timeago} with {NoteCountWithLabel}.
  1987. {Block:HasTags}<div class="itags">{block:Tags}<a href="{TagURL}"><span class="fa fa-tag"></span> {Tag}</a>{/block:Tags}</div>{/Block:HasTags}
  1988. </div><!--popperma-->
  1989. <div class="permaactions">
  1990. <a href="{Permalink}"><div class="permact" id="perbtn"><span class="paction"><i class="fa fa-external-link"></i></span>permalink</div></a>
  1991. <a href="{ReblogURL}"><div class="permact" id="rbgbtn"><span class="paction"><i class="fa fa-retweet"></i></span>reblog</div></a>
  1992. <a title="click the heart to like this post!"><div class="permact" id="likbtn"><span class="lkbtn">{LikeButton size="13"}</span> Like</div></a>
  1993. </div>
  1994. {/Block:Post8}{/block:Posts}</center></div><!--postpop8-->
  1995.  
  1996.  
  1997. <div id="postpop9"><a id="closepost9"><div class="clopo">X</div></a><center>
  1998. {block:Posts}{Block:Post9}
  1999. <div class="popuppost">
  2000. {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}
  2001. {Block:Text}{Block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{Body}</div>{/block:Text}
  2002. {Block:Photo}<img src="{PhotoURL-500}">{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photo}
  2003. {block:Photoset}<div class="photo">{Photoset-500}</div>{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photoset}
  2004. {Block:Audio}{Block:AudioEmbed}{AudioEmbed-500}{/Block:AudioEmbed}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/Block:Audio}
  2005. {block:Video}{Video-500}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Video}
  2006. {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}
  2007. {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}
  2008. {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}
  2009. </div><!--popuppost-->
  2010. <div class="popperma">Posted {timeago} with {NoteCountWithLabel}.
  2011. {Block:HasTags}<div class="itags">{block:Tags}<a href="{TagURL}"><span class="fa fa-tag"></span> {Tag}</a>{/block:Tags}</div>{/Block:HasTags}
  2012. </div><!--popperma-->
  2013. <div class="permaactions">
  2014. <a href="{Permalink}"><div class="permact" id="perbtn"><span class="paction"><i class="fa fa-external-link"></i></span>permalink</div></a>
  2015. <a href="{ReblogURL}"><div class="permact" id="rbgbtn"><span class="paction"><i class="fa fa-retweet"></i></span>reblog</div></a>
  2016. <a title="click the heart to like this post!"><div class="permact" id="likbtn"><span class="lkbtn">{LikeButton size="13"}</span> Like</div></a>
  2017. </div>
  2018. {/Block:Post9}{/block:Posts}</center></div><!--postpop9-->
  2019.  
  2020.  
  2021. <div id="postpop10"><a id="closepost10"><div class="clopo">X</div></a><center>
  2022. {block:Posts}{Block:Post10}
  2023. <div class="popuppost">
  2024. {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}
  2025. {Block:Text}{Block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{Body}</div>{/block:Text}
  2026. {Block:Photo}<img src="{PhotoURL-500}">{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photo}
  2027. {block:Photoset}<div class="photo">{Photoset-500}</div>{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photoset}
  2028. {Block:Audio}{Block:AudioEmbed}{AudioEmbed-500}{/Block:AudioEmbed}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/Block:Audio}
  2029. {block:Video}{Video-500}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Video}
  2030. {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}
  2031. {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}
  2032. {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}
  2033. </div><!--popuppost-->
  2034. <div class="popperma">Posted {timeago} with {NoteCountWithLabel}.
  2035. {Block:HasTags}<div class="itags">{block:Tags}<a href="{TagURL}"><span class="fa fa-tag"></span> {Tag}</a>{/block:Tags}</div>{/Block:HasTags}
  2036. </div><!--popperma-->
  2037. <div class="permaactions">
  2038. <a href="{Permalink}"><div class="permact" id="perbtn"><span class="paction"><i class="fa fa-external-link"></i></span>permalink</div></a>
  2039. <a href="{ReblogURL}"><div class="permact" id="rbgbtn"><span class="paction"><i class="fa fa-retweet"></i></span>reblog</div></a>
  2040. <a title="click the heart to like this post!"><div class="permact" id="likbtn"><span class="lkbtn">{LikeButton size="13"}</span> Like</div></a>
  2041. </div>
  2042. {/Block:Post10}{/block:Posts}</center></div><!--postpop10-->
  2043.  
  2044.  
  2045. <div id="postpop11"><a id="closepost11"><div class="clopo">X</div></a><center>
  2046. {block:Posts}{Block:Post11}
  2047. <div class="popuppost">
  2048. {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}
  2049. {Block:Text}{Block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{Body}</div>{/block:Text}
  2050. {Block:Photo}<img src="{PhotoURL-500}">{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photo}
  2051. {block:Photoset}<div class="photo">{Photoset-500}</div>{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photoset}
  2052. {Block:Audio}{Block:AudioEmbed}{AudioEmbed-500}{/Block:AudioEmbed}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/Block:Audio}
  2053. {block:Video}{Video-500}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Video}
  2054. {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}
  2055. {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}
  2056. {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}
  2057. </div><!--popuppost-->
  2058. <div class="popperma">Posted {timeago} with {NoteCountWithLabel}.
  2059. {Block:HasTags}<div class="itags">{block:Tags}<a href="{TagURL}"><span class="fa fa-tag"></span> {Tag}</a>{/block:Tags}</div>{/Block:HasTags}
  2060. </div><!--popperma-->
  2061. <div class="permaactions">
  2062. <a href="{Permalink}"><div class="permact" id="perbtn"><span class="paction"><i class="fa fa-external-link"></i></span>permalink</div></a>
  2063. <a href="{ReblogURL}"><div class="permact" id="rbgbtn"><span class="paction"><i class="fa fa-retweet"></i></span>reblog</div></a>
  2064. <a title="click the heart to like this post!"><div class="permact" id="likbtn"><span class="lkbtn">{LikeButton size="13"}</span> Like</div></a>
  2065. </div>
  2066. {/Block:Post11}{/block:Posts}</center></div><!--postpop11-->
  2067.  
  2068.  
  2069. <div id="postpop12"><a id="closepost12"><div class="clopo">X</div></a><center>
  2070. {block:Posts}{Block:Post12}
  2071. <div class="popuppost">
  2072. {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}
  2073. {Block:Text}{Block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{Body}</div>{/block:Text}
  2074. {Block:Photo}<img src="{PhotoURL-500}">{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photo}
  2075. {block:Photoset}<div class="photo">{Photoset-500}</div>{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photoset}
  2076. {Block:Audio}{Block:AudioEmbed}{AudioEmbed-500}{/Block:AudioEmbed}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/Block:Audio}
  2077. {block:Video}{Video-500}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Video}
  2078. {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}
  2079. {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}
  2080. {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}
  2081. </div><!--popuppost-->
  2082. <div class="popperma">Posted {timeago} with {NoteCountWithLabel}.
  2083. {Block:HasTags}<div class="itags">{block:Tags}<a href="{TagURL}"><span class="fa fa-tag"></span> {Tag}</a>{/block:Tags}</div>{/Block:HasTags}
  2084. </div><!--popperma-->
  2085. <div class="permaactions">
  2086. <a href="{Permalink}"><div class="permact" id="perbtn"><span class="paction"><i class="fa fa-external-link"></i></span>permalink</div></a>
  2087. <a href="{ReblogURL}"><div class="permact" id="rbgbtn"><span class="paction"><i class="fa fa-retweet"></i></span>reblog</div></a>
  2088. <a title="click the heart to like this post!"><div class="permact" id="likbtn"><span class="lkbtn">{LikeButton size="13"}</span> Like</div></a>
  2089. </div>
  2090. {/Block:Post12}{/block:Posts}</center></div><!--postpop12-->
  2091.  
  2092.  
  2093. <div id="postpop13"><a id="closepost13"><div class="clopo">X</div></a><center>
  2094. {block:Posts}{Block:Post13}
  2095. <div class="popuppost">
  2096. {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}
  2097. {Block:Text}{Block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{Body}</div>{/block:Text}
  2098. {Block:Photo}<img src="{PhotoURL-500}">{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photo}
  2099. {block:Photoset}<div class="photo">{Photoset-500}</div>{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photoset}
  2100. {Block:Audio}{Block:AudioEmbed}{AudioEmbed-500}{/Block:AudioEmbed}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/Block:Audio}
  2101. {block:Video}{Video-500}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Video}
  2102. {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}
  2103. {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}
  2104. {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}
  2105. </div><!--popuppost-->
  2106. <div class="popperma">Posted {timeago} with {NoteCountWithLabel}.
  2107. {Block:HasTags}<div class="itags">{block:Tags}<a href="{TagURL}"><span class="fa fa-tag"></span> {Tag}</a>{/block:Tags}</div>{/Block:HasTags}
  2108. </div><!--popperma-->
  2109. <div class="permaactions">
  2110. <a href="{Permalink}"><div class="permact" id="perbtn"><span class="paction"><i class="fa fa-external-link"></i></span>permalink</div></a>
  2111. <a href="{ReblogURL}"><div class="permact" id="rbgbtn"><span class="paction"><i class="fa fa-retweet"></i></span>reblog</div></a>
  2112. <a title="click the heart to like this post!"><div class="permact" id="likbtn"><span class="lkbtn">{LikeButton size="13"}</span> Like</div></a>
  2113. </div>
  2114. {/Block:Post13}{/block:Posts}</center></div><!--postpop13-->
  2115.  
  2116.  
  2117. <div id="postpop14"><a id="closepost14"><div class="clopo">X</div></a><center>
  2118. {block:Posts}{Block:Post14}
  2119. <div class="popuppost">
  2120. {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}
  2121. {Block:Text}{Block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{Body}</div>{/block:Text}
  2122. {Block:Photo}<img src="{PhotoURL-500}">{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photo}
  2123. {block:Photoset}<div class="photo">{Photoset-500}</div>{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photoset}
  2124. {Block:Audio}{Block:AudioEmbed}{AudioEmbed-500}{/Block:AudioEmbed}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/Block:Audio}
  2125. {block:Video}{Video-500}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Video}
  2126. {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}
  2127. {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}
  2128. {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}
  2129. </div><!--popuppost-->
  2130. <div class="popperma">Posted {timeago} with {NoteCountWithLabel}.
  2131. {Block:HasTags}<div class="itags">{block:Tags}<a href="{TagURL}"><span class="fa fa-tag"></span> {Tag}</a>{/block:Tags}</div>{/Block:HasTags}
  2132. </div><!--popperma-->
  2133. <div class="permaactions">
  2134. <a href="{Permalink}"><div class="permact" id="perbtn"><span class="paction"><i class="fa fa-external-link"></i></span>permalink</div></a>
  2135. <a href="{ReblogURL}"><div class="permact" id="rbgbtn"><span class="paction"><i class="fa fa-retweet"></i></span>reblog</div></a>
  2136. <a title="click the heart to like this post!"><div class="permact" id="likbtn"><span class="lkbtn">{LikeButton size="13"}</span> Like</div></a>
  2137. </div>
  2138. {/Block:Post14}{/block:Posts}</center></div><!--postpop14-->
  2139.  
  2140.  
  2141. <div id="postpop15"><a id="closepost15"><div class="clopo">X</div></a><center>
  2142. {block:Posts}{Block:Post15}
  2143. <div class="popuppost">
  2144. {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}
  2145. {Block:Text}{Block:Title}<div class="ptitle">{Title}</div>{/block:Title}<div class="text">{Body}</div>{/block:Text}
  2146. {Block:Photo}<img src="{PhotoURL-500}">{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photo}
  2147. {block:Photoset}<div class="photo">{Photoset-500}</div>{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Photoset}
  2148. {Block:Audio}{Block:AudioEmbed}{AudioEmbed-500}{/Block:AudioEmbed}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/Block:Audio}
  2149. {block:Video}{Video-500}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Video}
  2150. {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}
  2151. {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}
  2152. {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}
  2153. </div><!--popuppost-->
  2154. <div class="popperma">Posted {timeago} with {NoteCountWithLabel}.
  2155. {Block:HasTags}<div class="itags">{block:Tags}<a href="{TagURL}"><span class="fa fa-tag"></span> {Tag}</a>{/block:Tags}</div>{/Block:HasTags}
  2156. </div><!--popperma-->
  2157. <div class="permaactions">
  2158. <a href="{Permalink}"><div class="permact" id="perbtn"><span class="paction"><i class="fa fa-external-link"></i></span>permalink</div></a>
  2159. <a href="{ReblogURL}"><div class="permact" id="rbgbtn"><span class="paction"><i class="fa fa-retweet"></i></span>reblog</div></a>
  2160. <a title="click the heart to like this post!"><div class="permact" id="likbtn"><span class="lkbtn">{LikeButton size="13"}</span> Like</div></a>
  2161. </div>
  2162. {/Block:Post15}{/block:Posts}</center></div><!--postpop15-->
  2163.  
  2164. </body>
  2165. </html>
Advertisement
Add Comment
Please, Sign In to add comment