API tools faq
paste
Advertisement
Guest User

sakdjsals

a guest
Aug 19th, 2019
206
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 83.40 KB | None | 0 0
raw download clone embed print report
  1. <!---
  2. CONVERSATIONS by ALLY
  3. — don't steal anything from this code
  4. — don't remove the credit, it's very small, it won't hurt your aesthetic
  5. — don't redistribute or claim this theme as your own
  6.  
  7.  
  8.  
  9.  
  10. --->
  11. <html><head>
  12. <!------ meta tags & scripts ------>
  13. <meta name="image:background" content=""/>
  14. <meta name="image:sidebar" content=""/>
  15. <meta name="image:tabimg" content=""/>
  16. <meta name="image:tabimg2" content=""/>
  17. <meta name="image:tabimg3" content=""/>
  18.  
  19. <meta name="image:muse1" content=""/>
  20. <meta name="image:muse2" content=""/>
  21. <meta name="image:muse3" content=""/>
  22. <meta name="image:muse4" content=""/>
  23. <meta name="image:muse5" content=""/>
  24. <meta name="image:muse6" content=""/>
  25. <meta name="image:muse7" content=""/>
  26. <meta name="image:muse8" content=""/>
  27. <meta name="image:muse9" content=""/>
  28. <meta name="image:muse10" content=""/>
  29. <meta name="image:muse11" content=""/>
  30. <meta name="image:muse12" content=""/>
  31. <meta name="image:muse13" content=""/>
  32. <meta name="image:muse14" content=""/>
  33. <meta name="image:muse15" content=""/>
  34. <meta name="image:muse16" content=""/>
  35. <meta name="image:muse17" content=""/>
  36. <meta name="image:muse18" content=""/>
  37. <meta name="image:muse19" content=""/>
  38. <meta name="image:muse20" content=""/>
  39. <meta name="image:muse21" content=""/>
  40. <meta name="image:muse22" content=""/>
  41. <meta name="image:muse23" content=""/>
  42. <meta name="image:muse24" content=""/>
  43. <meta name="image:muse25" content=""/>
  44. <meta name="color:background" content="#eaeaea"/>
  45. <meta name="color:contain" content="#f8f8f8"/>
  46. <meta name="color:postbg" content="#eaeaea"/>
  47. <meta name="color:title" content="#e2cd90"/>
  48. <meta name="color:desc" content="#898989"/>
  49. <meta name="color:descbg" content="#eaeaea"/>
  50. <meta name="color:bold" content="#d4caa2"/>
  51. <meta name="color:italic" content="#d4a587"/>
  52. <meta name="color:text" content="#a8a8a8"/>
  53. <meta name="color:links" content="#d4caa2"/>
  54. <meta name="color:hover" content="#f3f3f3"/>
  55. <meta name="color:border" content="#fff"/>
  56.  
  57. <meta name="text:title" content="i dreamt i fell in a lion's den"/>
  58. <meta name="text:desc" content="lorem ipsum"/>
  59.  
  60. <meta name="text:tablink1" content="/"/>
  61. <meta name="text:tablink2" content="/"/>
  62. <meta name="text:tablink3" content="/"/>
  63. <meta name="text:tablink4" content="/"/>
  64. <meta name="text:tablink5" content="/"/>
  65. <meta name="text:tablink6" content="/"/>
  66. <meta name="text:tablink7" content="/"/>
  67. <meta name="text:tablink8" content="/"/>
  68. <meta name="text:tablink9" content="/"/>
  69. <meta name="text:tablink10" content="/"/>
  70.  
  71. <meta name="text:muse1name" content="first last"/>
  72. <meta name="text:muse1info" content="faceclaim. age. pronouns. etc."/>
  73.  
  74. <meta name="text:muse2name" content="first last"/>
  75. <meta name="text:muse2info" content="faceclaim. age. pronouns. etc."/>
  76.  
  77. <meta name="text:muse3name" content="first last"/>
  78. <meta name="text:muse3info" content="faceclaim. age. pronouns. etc."/>
  79.  
  80. <meta name="text:muse4name" content="first last"/>
  81. <meta name="text:muse4info" content="faceclaim. age. pronouns. etc."/>
  82.  
  83. <meta name="text:muse5name" content="first last"/>
  84. <meta name="text:muse5info" content="faceclaim. age. pronouns. etc."/>
  85.  
  86. <meta name="text:muse6name" content="first last"/>
  87. <meta name="text:muse6info" content="faceclaim. age. pronouns. etc."/>
  88.  
  89. <meta name="text:muse7name" content="first last"/>
  90. <meta name="text:muse7info" content="faceclaim. age. pronouns. etc."/>
  91.  
  92. <meta name="text:muse8name" content="first last"/>
  93. <meta name="text:muse8info" content="faceclaim. age. pronouns. etc."/>
  94.  
  95. <meta name="text:muse9name" content="first last"/>
  96. <meta name="text:muse9info" content="faceclaim. age. pronouns. etc."/>
  97.  
  98. <meta name="text:muse10name" content="first last"/>
  99. <meta name="text:muse10info" content="faceclaim. age. pronouns. etc."/>
  100.  
  101. <meta name="text:muse11name" content="first last"/>
  102. <meta name="text:muse11info" content="faceclaim. age. pronouns. etc."/>
  103.  
  104. <meta name="text:muse12name" content="first last"/>
  105. <meta name="text:muse12info" content="faceclaim. age. pronouns. etc."/>
  106. <meta name="text:muse13name" content="first last"/>
  107. <meta name="text:muse13info" content="faceclaim. age. pronouns. etc."/>
  108. <meta name="text:muse14name" content="first last"/>
  109. <meta name="text:muse14info" content="faceclaim. age. pronouns. etc."/>
  110.  
  111. <meta name="text:muse15name" content="first last"/>
  112. <meta name="text:muse15info" content="faceclaim. age. pronouns. etc."/>
  113. <meta name="text:muse16name" content="first last"/>
  114. <meta name="text:muse16info" content="faceclaim. age. pronouns. etc."/>
  115. <meta name="text:muse17name" content="first last"/>
  116. <meta name="text:muse17info" content="faceclaim. age. pronouns. etc."/>
  117. <meta name="text:muse18name" content="first last"/>
  118. <meta name="text:muse18info" content="faceclaim. age. pronouns. etc."/>
  119.  
  120. <link rel="shortcut icon" href="{Favicon}" />
  121. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  122. <title>{Title}</title>
  123. {block:Description}<meta name="description" content="{MetaDescription}" />
  124. {/block:Description}
  125. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></
  126. script>
  127. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-mytooltips.js"></script>
  128. <script>
  129. (function($){
  130. $(document).ready(function() {
  131. $("a[title]").style_my_tooltips({
  132. tip_follows_cursor:false,
  133. tip_delay_time:90,
  134. tip_fade_speed:600,
  135. attribute:"title"
  136. });
  137. });
  138. })(jQuery);
  139. </script>
  140. <script>
  141. $(document).ready(function() {
  142. //
  143. $('a.poplight[href^=#]').click(function() {
  144. var popID = $(this).attr('rel'); //Get Popup Name
  145. var popURL = $(this).attr('href'); //Get Popup href to define size
  146. var query= popURL.split('?');
  147. var dim= query[1].split('&');
  148. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  149. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend();
  150. $('body').append('<div id="fade"></div>');
  151. $('#fade').css({'filter' : 'alpha(opacity=30)'}).fadeIn(); //Fade in the fade layer
  152. - .css({'filter' : 'alpha(opacity=30)'})
  153. return false;
  154. });
  155. $('a.close, #fade').live('click', function() {
  156. $('#fade, .popup_block').fadeOut(function() {
  157. $('#fade, a.close').remove(); //fade them both out
  158. });
  159. return false;
  160. });
  161. });
  162. </script>
  163. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></
  164. script>
  165. <script>
  166. function openCity(evt, cityName) {
  167. var i, tabcontent, tablinks;
  168. tabcontent = document.getElementsByClassName("tabcontent");
  169. for (i = 0; i < tabcontent.length; i++) {
  170. tabcontent[i].style.display = "none";
  171. }
  172. tablinks = document.getElementsByClassName("tablinks");
  173. for (i = 0; i < tablinks.length; i++) {
  174. tablinks[i].className = tablinks[i].className.replace(" active", "");
  175. }
  176. document.getElementById(cityName).style.display = "block";
  177. evt.currentTarget.className += " active";
  178. }
  179. </script>
  180. <script type="text/javascript">
  181. $(document).ready(function(){
  182.  
  183. $('ul.tabs li').click(function(){
  184. var tab_id = $(this).attr('data-tab');
  185. $('ul.tabs li').removeClass('current');
  186. $('.tab-content').removeClass('current');
  187. $(this).addClass('current');
  188. $("#"+tab_id).addClass('current');
  189. })
  190. })
  191. </script>
  192. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></
  193. script>
  194. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-mytooltips.js"></script>
  195. <script>
  196. (function($){
  197. $(document).ready(function(){
  198. $(“[title],a[title],img[title]”).style_my_tooltips({
  199. tip_follows_cursor:true,
  200. tip_delay_time:90,
  201. tip_fade_speed:600,
  202. attribute:“title”
  203. });
  204. });
  205. })(jQuery);
  206. </script>
  207. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  208. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  209. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/iconfont.min.css">
  210. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/
  211. all.css" integrity="sha384-
  212. mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU"
  213. crossorigin="anonymous">
  214. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simple-lineicons/2.4.1/css/simple-line-icons.css">
  215. <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/
  216. ionicons.min.css">
  217. <link href="https://fonts.googleapis.com/icon?family=Material+Icons"
  218. rel="stylesheet">
  219. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css"
  220. rel="stylesheet">
  221. <link rel="stylesheet" href="https://static.tumblr.com/i5s2zks/6kOohwlux/peicon-7-stroke.css">
  222. <link href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,
  223. 200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900"
  224. rel="stylesheet">
  225. <style type="text/css">
  226. /* ------ fonts ------ */
  227. @font-face { font-family: "coco"; src: url('https://dl.dropboxusercontent.com/s/
  228. h4xmli8klp2dub5/CerebriSans-Bold.ttf') ;}
  229. @font-face { font-family: "poppins"; src: url('https://dl.dropboxusercontent.com/s/
  230. 5tf8iw9skd99dgl/Poppins-Regular.ttf'); ;}
  231. @font-face{ font-family:"ultralight"; src: url('https://dl.dropboxusercontent.com/s/
  232. dlemvpokem5l5pz/HelveticaNeueUltraLight.ttfʼ)'); }
  233. @font-face{ font-family:"bambi"; src: url('https://dl.dropboxusercontent.com/s/
  234. toeth9rdgl48riy/X_BAMBI.TTFʼ)'); }
  235. @font-face { font-family: "vincentia"; src: url('https://dl.dropboxusercontent.com/
  236. s/lsokt12hrf59863/Vincentia.otf') ;}
  237. @font-face { font-family: "coco"; src: url('https://dl.dropboxusercontent.com/s/
  238. h4xmli8klp2dub5/CerebriSans-Bold.ttf') ;}
  239. @font-face { font-family: "cooper"; src: url('https://dl.dropboxusercontent.com/s/
  240. ibkt3c3hxhjc4sn/COOPBL.ttf') ;}
  241. @font-face { font-family: "coco"; src: url('https://dl.dropboxusercontent.com/s/
  242. h4xmli8klp2dub5/CerebriSans-Bold.ttf') ;}
  243. @font-face{ font-family:"ultralight"; src: url('https://dl.dropboxusercontent.com/s/
  244. dlemvpokem5l5pz/HelveticaNeueUltraLight.ttfʼ)'); }
  245. /* ------ scrollbar ------ */
  246. ::-webkit-scrollbar { width: 0px; height:0px; background:transparent; }
  247. ::-webkit-scrollbar-thumb { background-color: transparent; }
  248. /* ------ lightbox ------ */
  249. .vignette, #vignette { opacity:0; }
  250. .lightbox-image, #tumblr_lightbox img { box-shadow:none !important; borderradius:0 !important; max-width:none; border:5px solid #fff !important; -moz-boxsizing:border-box; box-sizing:border-box; }
  251. .tmblr-lightbox, #tumblr_lightbox { background-color:rgba(245,245,245,.84) !
  252. important; }
  253. .lightbox-caption, #tumblr_lightbox_caption { visibility:hidden; }
  254. /* ------ tooltip ------ */
  255. #s-m-t-tooltip { max-width:250px; padding:4px; margin:20px 15px; color:
  256. {color:text}; background:{color:descbg}; border:1px solid {color:border}; z-index:
  257. 99999; font-size:7px; border-radius:4px; text-transform:uppercase; fontvariant:none; letter-spacing:2px; font-weight:bold; font-variant:small-caps}
  258. /* ------ selection ------ */
  259. ::-moz-selection { background:{color:links}; color:{color:linksbg}; }
  260.  
  261. ::selection { background:{color:links}; color:{color:linksbg}; }
  262. /* ------ popup ------ */
  263. #fade { display: none; background: #ccc; position: fixed; margin:auto; top:0px;
  264. bottom:0px; left: 0; top: 0; width: 100%; height: 100%; opacity: .7; z-index: 999; }
  265. .popup_block { display: none; background:{color:background}; border:1px solid
  266. {color:border}; padding: 20px; height:390px; width:500px; border-radius:4px;
  267. font-size: 12px; position: absolute; margin:auto; top:0px; left:0px; bottom:0px;
  268. right:0px; overflow:hidden; z-index: 99999999999999999999999999999999; }
  269. .popup_block a { color:{color:links}; }
  270. .popup_block i { color:white; }
  271. .popup_block img { -webkit-filter:grayscale(0%); }
  272. img.btn_close { float: right; margin: 5px 5px 0 0; }
  273. *html #fade { position: absolute; }
  274. *html .popup_block { position: absolute; }
  275. /* ------ text styles ------ */
  276. body { background:{color:background}; margin:0px; font-weight:500; color:
  277. {color:text}; font-family:'montserrat'; font-size:10px; line-height:16px; letterspacing:6px; text-align:justify; background-image:url('{image:Background}'); fontvariant:small-caps}
  278.  
  279. a { text-decoration:none; color:{color:bold}; -moz-transition-duration:0.3s; -
  280. webkit-transition-duration:0.3s; -o-transition-duration:0.3s; }
  281. a:hover { color:{color:text}; -moz-transition-duration:0.3s; -webkit-transitionduration:0.3s; -o-transition-duration:0.3s; }
  282. b, strong { color:{color:bold}; font-weight:700; }
  283. em, i { color:{color:italic}; font-weight:600;font-variant:small-caps }
  284. strike { color:{color:bold}; }
  285. small { font-size:8px; font-variant:small-caps}
  286. big { color:{color:text}; font-weight:600; font-variant:small-caps; letter-spacing:
  287. 2px; font-variant:small-caps}
  288. sup { font-variant:small-caps; letter-spacing:2px; color:{color:bold}; fontweight:normal; font-variant:small-caps}
  289. sub { font-variant:small-caps; letter-spacing:2px; color:{color:bold}; fontweight:normal; font-variant:small-caps }
  290.  
  291. blockquote { margin-left:5px; padding-left:10px; width:365px; border-left:1px solid
  292. {color:hover}; font-variant:small-caps; }
  293.  
  294. blockquote blockquote { padding-left:10px; width:345px; border-left:1px solid
  295. {color:hover}; font-variant:small-caps;}
  296.  
  297. h1 { color:{color:bold}; font-size:8px; letter-spacing:2px; texttransform:uppercase;font-family:'montserrat'; font-style:none; line-height:10px;
  298. text-align:left; padding:0px; font-variant:small-caps}
  299. h2 { text-align: center; font-size:11px; letter-spacing:.5px; texttransform:lowercase; font-style:none; font-weight:400; line-height:14px; textalign:normal; padding:0px; font-variant:small-caps}
  300. h3 { font-family:'montserrat'; font-size:24px; text-align:center; texttransform:lowercase; font-weight:400; letter-spacing:0px; margin-top:5px; color:
  301. {color:italic}; font-variant:small-caps}
  302. /* ------ images ------ */
  303. img { border:none; max-width:100%; height:auto; border-radius:6px; -webkitfilter:grayscale(60%); opacity:9px; -moz-transition-duration:1s; -webkit-transitionduration:1s; -o-transition-duration:1s; }
  304. img:hover { -webkit-filter:grayscale(37%); -moz-transition-duration:1s; -webkittransition-duration:1s; -o-transition-duration:1s; }
  305.  
  306. resize { width: 300px; height:auto; }
  307. #posts img { -webkit-filter:grayscale(37%); -moz-transition-duration:1s; -webkittransition-duration:1s; -o-transition-duration:1s; }
  308. .photoset { width:100%; border-radius:6px; -webkit-filter:grayscale(77%); -moztransition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; }
  309. #posts img:hover { -webkit-filter:grayscale(77%); -moz-transition-duration:1s; -
  310. webkit-transition-duration:1s; -o-transition-duration:1s; }
  311. .photoset:hover { max-width:100%; -webkit-filter:grayscale(77%); -moz-transitionduration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; }
  312. /* ------ body ------ */
  313. #contain { width:860px; height:540px; margin:auto; left:0px; right:0px; top:0px;
  314. bottom:0px; position:absolute; border-radius:4px; z-index:1; background:
  315. {color:contain}; overflow:hidden; border:1px solid {color:border}; opacity: .9}
  316. #entries { border-radius:0px 0px 6px 0px; padding:10px; width:500px; height:
  317. 460px; right:0px; bottom:0px; font-size:10px; position:absolute; fontfamily:'montserrat'; overflow-x:hidden; overflow-y:auto; letter-spacing:2px; }
  318.  
  319. #post { margin:auto; top:-52px; right:0px; bottom:0px; left:0px; width:400px;
  320. background: {color:postbg}; padding:10px; position:relative; border-radius:6px;
  321. margin-top:40px; opacity: .9 }
  322. #post em, i { color:{color:italic}; font-weight:600; }
  323. /* ------ header ------ */
  324. .header { width:860px; height:60px; background:{color:postbg}; z-index:9999;
  325. position:absolute; border-bottom:1px solid {color:border}; }
  326. .title { position:absolute; top:175px; right:524px; width:340px; height:auto;
  327. padding:10px; letter-spacing:-2px; font-size:64px; line-height:26px; textalign:center; color:#dfd5d0; font-family:'vincentia'; font-weight:800; text-shadow:
  328. 4px -3px #dad9d7; text-transform:lowercase; font-style:normal; z-index:1; -
  329. webkit-text-stroke: 1px #b9a59b; -webkit-text-fill-color: rgba(0, 0, 0, 0);
  330. transform: rotate(-1deg); }
  331. .title2 { position:absolute; top:225px; right:505px; width:360px; height:auto;
  332. padding:10px; letter-spacing:-2px; font-size:53px; line-height:26px; textalign:center; color:#dfd5d0; font-family:'vincentia'; font-weight:800; text-shadow:
  333. 4px -3px #dad9d7; text-transform:lowercase; font-style:normal; z-index:1; -
  334. webkit-text-stroke: 1px #323232; -webkit-text-fill-color: rgba(0, 0, 0, 0); }
  335. .title3 { position:absolute; top:8px; right:-10px; width:520px; height:auto; padding:
  336. 10px; letter-spacing:-2px; font-size:26px; line-height:26px; text-align:center;
  337. color:#dfd5d0; font-family:'vincentia'; font-weight:800; text-shadow:4px -3px
  338. #dad9d7; text-transform:lowercase; font-style:normal; z-index:1; -webkit-textstroke: 1px #323232; -webkit-text-fill-color: rgba(0, 0, 0, 0); }
  339. .title4 { position:absolute; top:267px; right:512px; width:360px; height:auto;
  340. padding:10px; letter-spacing:-2px; font-size:65px; line-height:26px; textalign:center; color:#dfd5d0; font-family:'vincentia'; font-weight:800; text-shadow:
  341. 4px -3px #dad9d7; text-transform:lowercase; font-style:normal; z-index:1; -
  342. webkit-text-stroke: 1px #b9a59b; -webkit-text-fill-color: rgba(0, 0, 0, 0);
  343. transform: rotate(-1deg); }
  344. .navlink { border-radius:0px; position:absolute; text-align:left; padding:0px; width:
  345. 60px; height:60px; z-index:99999999999999; margin:0px; }
  346. ul.corner { position:relative; overflow:hidden; list-style-type: none; margin:auto;
  347. padding:0px; }
  348. ul.corner li { border-radius:0px; background:{color:italic}; width:40px; height:40px;
  349. padding:10px; float:left; }
  350. ul.corner li a { display:inline-block; color:{color:contain}; font-size:25px; fontweight:600; font-style:italic; margin:6px 0px 0px 7px; }
  351. ul.corner li i { color:{color:text}; }
  352. .sidelink {position:absolute; text-align:left; padding:0px; width:auto; height:auto;
  353. margin:5px 0px 0px 5px; padding-top:0px; border-radius:6px 0px 0px 0px; fontvariant:small-caps; letter-spacing:1px; font-size:9px; z-index:99999999999999; }
  354. .sidelink a { background:#A49385; border:1px solid {color:background};
  355. color:#e9eeee; width:auto; height:auto; line-height:auto; padding:10px; textalign:center; display:inline-block; border-radius:4px; font-size:7.8px; letterspacing:2px; margin:5px; text-transform:uppercase; -moz-transition-duration:
  356. 0.8s; -webkit-transition-duration:0.8s; -o-transition-duration:0.8s; z-index:
  357. 99999999999999; }
  358. .sidelink a:hover { background:#f8f8f8; color:{color:contain}; border:1px solid
  359. {color:bold}; -moz-transition-duration:0.8s; -webkit-transition-duration:0.8s; -otransition-duration:0.8s; }
  360. /* ------ sidebar ------ */
  361. #sidebar { background:{color:descbg}; width:340px; height:480px;
  362. position:absolute; left:0px; top:60px; }
  363. .sidebar img {
  364. background:{color:descbg};
  365. opacity: 0.9;
  366. filter: alpha(opacity=90); /* For IE8 and earlier */
  367. }
  368. .sidebar { position:absolute; left:0px; bottom:0px; width:320px; height:600px;
  369. overflow:hidden; background:{color:descbg}; }
  370. .sidebar img {
  371. position: absolute;
  372. left: 87px;
  373. top: 140px;
  374. border-radius: 50%;
  375. width: 150px;
  376. height: 150px;
  377. background:{color:descbg};
  378.  
  379. }
  380. .image {
  381. position: absolute;
  382. left: 81px;
  383. top: 134px;
  384. border-radius: 100%;
  385. -webkit-filter: grayscale(0%);
  386. border: 10px solid c5c6cc;
  387. border: 6px dashed #A49385;
  388. animation-name: spinning-circle;
  389. animation-duration: 20s;
  390. animation-iteration-count: infinite;
  391. width: 150px;
  392. height: 150px;
  393. outline-color: #EA3556;
  394. background:{color:descbg};
  395.  
  396. }
  397. @-webkit-keyframes spinning-circle {
  398. 0% {
  399. -webkit-transform: rotate(0deg);
  400. transform: rotate(0deg);
  401. }
  402. 100% {
  403. -webkit-transform: rotate(360deg);
  404. transform: rotate(360deg);
  405. }
  406. }
  407. .desc { background:{color:descbg}; font-weight:500; position:absolute; width:
  408. 230px; line-height:23px; height:120px; left:-10px; bottom:0px; border-bottom:
  409. 30px solid {color:descbg}; overflow:hidden; font-size:7.5px; color:{color:desc};
  410. padding:10px 60px 60px 60px; text-transform:uppercase; font-family:'montserrat';
  411. letter-spacing:1px; text-align:justify; z-index:99999; }
  412. .desc i { color:{color:italic}; font-weight:400; }
  413. .desc a { font-size:12px; font-weight:bold; }
  414. .desc b { font-size:8px; }
  415. /* ------ pagination ------ */
  416. #pagination { width:430px; position:relative; height:14px; padding:3px; paddingtop:5px; margin:auto; bottom:25px; left:0px; word-spacing:20px; text-align:center;
  417. color:{color:text}; z-index:999; }
  418. #pagination a { padding:5px; padding-left:8px; background:{color:postbg}; color:
  419. {color:text}; font-weight:bold; letter-spacing:5px; font-size:7px; border-radius:
  420. 6px; }
  421. /* ------ info / tags ------ */
  422. #side2{
  423. float: left;
  424. position: fixed;
  425. top: 25px
  426. left: 1050px
  427. background-image: url();
  428. width: 325px
  429. height: 610px;
  430. padding-left: 8px
  431. paddine-right: 6px
  432. padding-bottom: 3px;
  433. padding-top: 3px;
  434. -moz-box-shadow: 0 0 10px #668888;
  435. -webkit-box-shadow: 0 0 10px #668888;
  436. }
  437. #info { background:#A49385; width:auto; height:20px; text-align:left; margin-top:
  438. 8px; letter-spacing:1px; font-size:12px; font-style:none; padding:7px; line-height:
  439. 20px; text-transform:uppercase; color:#6d6d6d; border-radius:3px; }
  440.  
  441. #info a { color:{color:text}; -moz-transition-duration:1s; -webkit-transitionduration:1s; -o-transition-duration:1s; }
  442.  
  443. #info a:hover { -moz-transition-duration:1s; -webkit-transition-duration:1s; -otransition-duration:1s; color:{color:text}; background:transparent; }
  444. #tags { padding: 5px; color:{color:bold}; text-transform: none; font-style:none;
  445. font-size: 8px; text-align: center; letter-spacing: 1px; font-variant:small-caps;}
  446. #tags i { color:{color:bold}; }
  447. #tags a { color: {color:bold}; }
  448.  
  449. #tags a:hover { color: {color:bold}; background:transparent; }
  450. .textbody { margin-bottom:-15px; }
  451. #notes { width:275px; }
  452. /* ------ questions ------ */
  453. #question { border-radius:10px 10px 0px 0px; color:{color:contain}; padding:14px;
  454. font-family:'montserrat'; font-size:10px; font-weight:500; letter-spacing:.5px; textalign:center; margin-top:0px; text-transform:normal; line-height:16px;
  455. background-color:{color:text}; }
  456. #asker { font-size:12px; color:{color:bold}; padding:5px; background:
  457. {color:contain}; width:auto; text-align:right; text-transform:uppercase; borderradius:0px 0px 10px 10px; }
  458. #asker a { color:{color:bold}; }
  459. #asker b { color:{color:bold}; }
  460. #asker i { color:{color:bold}; }
  461. /* ------ music player ------ */
  462. .audio { width:400px; padding-bottom:10px; background-color:{color:border}; }
  463.  
  464. .audioinfo { background:{color:contain}; width:298px; height:40px; textalign:center; margin-left:70px; padding:16px; color:{color:text}; texttransform:lowercase; border-radius:0px 10px 10px 0px; }
  465. .audioinfo b, strong, i, em { color:{color:hover}; }
  466. .audioinfo h1 { text-align:center; font-size:20px; letter-spacing:0px; height:0px;
  467. font-weight:800; margin-top:10px; font-variant:none; text-transform:lowercase;
  468. color:{color:fl}; font-family:'montserrat';
  469. }
  470. .playerborderer { height:50px; width:50px; padding:15px; background:transparent;
  471. position:absolute;
  472. }
  473. .player { margin-top:-13px; margin-left:-13px; position:relative; text-align:center;
  474. width:6px; height:10px; overflow:hidden; padding:20px; background:transparent;
  475. opacity:.5; }
  476. .cover { border-radius:10px 0px 0px 10px; height:60px; width:60px; margin-right:
  477. 10px; margin-top:0px; border:6px solid #ddd; }
  478. /* ------ quote source ------ */
  479. .qsource { text-align:center; }
  480. .qsource i, em { color:{color:text}; }
  481. /* ------ huney ------ */
  482. #huney { text-align:center; font-size:14px; height:40px; width:80px; bottom:10px;
  483. left:10px; position:absolute; line-height:20px; padding:3px; letter-spacing:0px;
  484. overflow:hidden; z-index:5; }
  485. #huney li { width:22px; height:22px; padding:8px; list-style:none; textalign:center; line-height:5px; background:{color:postbg}; border-radius:4px;
  486. margin-right:17px; float:left; border:1px solid {color:#978476}; }
  487. #huney a { font-weight:bold; line-height:14px; font-size:20px;letter-spacing:2px;
  488. color:{color:italic}; -moz-transition-duration:1s; -webkit-transition-duration:1s; -otransition-duration:1s; z-index:99999999999999; }
  489. ul.huney { position:absolute; overflow:hidden; list-style-type: none; margin: 0;
  490. padding: 0; background-color: transparent; right:28px; top:5px; z-index:
  491. 999999999; }
  492. ul.huney li { width: 20px; float:left; margin-left:2px; }
  493. ul.huney li a{ display:inline-block; color:{color:desc}; font-size:20px; padding:3px;
  494. border-radius:100px; margin:-3px 0px 0px -2px; }
  495. /* ------ tab coding ------ */
  496. .close { position:absolute; top:55px; right:-30px; font-weight:600; color:
  497. {color:contain}; z-index:9999999; font-size:11px; text-align:center; -webkittransform:rotate(90deg); -moz-transition-duration:1.5s; -webkit-transitionduration:1.5s; -o-transition-duration:1.5s; }
  498. .close:hover { cursor: pointer; color:{color:bold}; -moz-transition-duration:1.5s; -
  499. webkit-transition-duration:1.5s; -o-transition-duration:1.5s; }
  500. .close b { color:{color:bold}; font-size:12px; -webkit-transform:rotate(0deg); }
  501. .tabcontent { overflow:hidden; display: none; height:375; width:360px; padding:
  502. 0px; margin-left:292px; margin-top:0px; background-color:transparent; z-index:
  503. 9999; -webkit-animation: fadeEffect 1s; animation: fadeEffect 1s; }
  504. .tabcontent.current{ display: inherit; -webkit-animation: fadeEffect 1s; animation:
  505. fadeEffect 1s; }
  506. @-webkit-keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} }
  507. @keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} }
  508. /* ------ navtab cosmetics ------ */
  509. #navtab { position:absolute; right:0px; top:61px; width: 520px; padding-top:20px;
  510. height:459px; background-color:{color:contain}; overflow:hidden; background-
  511. image:url('{image:contain}'); border-radius:0px 0px 6px 0px; }
  512. /* ------ navtab cosmetics 2.0 ------ */
  513. .navtitle { padding:10px; background:{color:contain}; position:absolute; textalign:justify; height:auto; width:auto; margin:60px 0px 0px -15px; fontvariant:none; text-transform:uppercase; letter-spacing:1px; line-height:20px; fontsize:20px; font-weight:700; z-index:9999; -webkit-transform:rotate(-90deg); }
  514. .navig8 { border:2px solid {color:descbg}; border-radius:4px; position:absolute;
  515. margin:0px 0px 0px 40px; width:185px; height:300px; background:transparent;
  516. padding:20px; }
  517. ul.navi { position:absolute; margin:0px; height:220px; width:auto; overflow:hidden;
  518. list-style-type: none; margin:auto; padding:0px; }
  519. ul.navi li { overflow:hidden; position:relative; height:20px; width:120px;
  520. background:{color:descbg}; border:2px solid {color:border}; padding:5px; borderradius:20px; float:left; margin:5px; -moz-transition-duration:1s; -webkit-transitionduration:1s; -o-transition-duration:1s; }
  521. ul.navi li a { display:inline-block; color:{color:text}; font-size:10px; font-weight:
  522. 600; font-style:italic; margin:3px 0px 0px 30px; }
  523. ul.navi li i { color:{color:text}; }
  524. ul.navi li:hover { background:{color:contain}; border:2px solid {color:descbg}; -
  525. moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:
  526. 1s; }
  527. .threadtitle { padding:10px; border-radius:4px; background:{color:contain};
  528. position:absolute; text-align:justify; height:auto; width:auto; right:40px; top:105px;
  529. font-variant:none; text-transform:uppercase; letter-spacing:1px; line-height:20px;
  530. font-size:20px; font-weight:700; z-index:9999; -webkit-transform:rotate(90deg); }
  531. .threads { position:absolute; right:80px; top:70px; background:{color:contain};
  532. border:2px solid {color:descbg}; border-radius:4px; padding:10px 20px 20px
  533. 20px; width:160px; height:40px; overflow:auto; }
  534. .threads h1 { color:{color:italic}; font-size:14px; font-family:'coco'; textalign:center; padding:5px; line-height:14px; }
  535. ul.tab { position:relative; overflow:hidden; list-style-type: none; margin:auto;
  536. padding:0px 0px 0px 15px; }
  537. ul.tab li { width:auto; float:left; margin-left:2px; }
  538. ul.tab li a { display:inline-block; color:{color:text}; font-size:10px; font-weight:600;
  539. -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transitionduration:0.5s; }
  540. ul.tab li i { color:{color:text}; }
  541. ul.tab li a:hover { font-style:italic; -webkit-transition-duration:0.5s; -o-transitionduration:0.5s; }
  542. .tabbox { position:absolute; bottom:30px; left:90px; width:350px; height:120px;
  543. background:{color:descbg}; border-bottom:30px solid {color:descbg}; padding:
  544. 20px 20px 0px 20px; border-radius:4px; text-transform:lowercase; font-size:9px;
  545. overflow:auto; }
  546. .boxtitle { padding:10px; border:2px solid{color:descbg}; background:
  547. {color:contain}; position:absolute; text-align:right; height:auto; border-radius:4px;
  548. width:auto; bottom:10px; right:30px; font-variant:none; text-transform:uppercase;
  549. letter-spacing:1px; line-height:20px; font-size:20px; font-weight:700; z-index:
  550. 9999; }
  551. /* ------ musetab cosmetics ------ */
  552. #musetab { position:absolute; right:0px; top:61px; width: 520px; padding-top:
  553. 20px; height:459px; background-color:{color:contain}; overflow:hidden;
  554. background-image:url('{image:contain}'); border-radius:0px 0px 6px 0px; }
  555. /* ------ musetab cosmetics 2.0 ------ */
  556. .muses { padding:20px; position:absolute; text-align:center; height:420px; width:
  557. 415px; margin:0px 0px 0px 30px; font-variant:none; text-transform:normal; letterspacing:1px; line-height:20px; font-size:8px; overflow:scroll; }
  558. .muse { position:relative; float:left; display:inline-block; width:300px; height:60px;
  559. border-radius:6px; padding:10px; border:2px solid {color:descbg};
  560. overflow:visible; text-align:justify; margin:0px 0px 40px 0px; }
  561. .muse img { position:absolute; border-radius:50%; background:black; right:30px;
  562. bottom:30px; width:100px; -webkit-filter:grayscale(10%); }
  563. .name { background:{color:contain}; border-radius:4px; padding:10px;
  564. position:absolute; float:right; top:-22px; left:20px; height:auto; width:auto; textalign:left; font-size:20px; font-weight:700; color:{color:text}; text-shadow:2px 0px
  565. {color:contain}; }
  566. .name a { color:{color:text}; }
  567. .name::first-letter { color:{color:italic}; }
  568. .museinfo { background:{color:descbg}; padding:10px; border-radius:4px;
  569. position:absolute; float:right; top:15px; left:30px; width:245px; height:30px; textalign:justify; overflow:scroll; line-height:18px; }
  570. .museinfo b { font-weight:600; color:{color:italic}; }
  571. /* ------ popup cosmetics ------ */
  572. .iphone { width:220px; height:390px; overflow:hidden; position:absolute; margin:
  573. 0px; }
  574. .phonedots { position:absolute; margin:2px 0px 0px 5px; width:120px; height:auto;
  575. background:transparent; overflow:hidden; z-index:2; font-size:5px; letter-spacing:
  576. 2px; color:white; }
  577. .wifi { position:absolute; margin:1.5px 0px 0px 43px; width:120px; height:auto;
  578. background:transparent; text-align:left; overflow:hidden; z-index:2; font-size:7px;
  579. letter-spacing:1px; color:white; font-family:'ultralight'; text-transform:uppercase; }
  580. .locked { position:absolute; width:35px; text-align:center; height:6px; margin:5.5px
  581. 0px 0px 90px; color:white; font-size:10px; border-radius:10px;
  582. background:rgba(255,255,255,.5); }
  583. .locked2 { position:absolute; width:35px; text-align:center; height:6px; margin:
  584. 374.5px 0px 0px 90px; color:white; font-size:10px; border-radius:10px;
  585. background:rgba(255,255,255,.5); }
  586. .battery { position:absolute; top:2px; right:5px; width:130px; height:auto; font-size:
  587. 8px; background:transparent; text-align:right; letter-spacing:1px; color:white; fontfamily:arial; text-transform:uppercase; }
  588. .time { position:absolute; margin:80px 0px 0px 0px; width:220px; height:auto;
  589. font-size:60px; letter-spacing:0px; text-align:center; font-family:'ultralight';
  590. color:white; }
  591. .date { position:absolute; margin:120px 0px 0px 0px; width:220px; height:auto;
  592. font-size:14px; letter-spacing:1px; text-transform:none; text-align:center; fontfamily:'ultralight'; color:white; }
  593. .unlock { position:absolute; margin:320px 0px 0px 0px; font-size:20px; fontfamily:'ultralight'; text-align:center; width:220px; height:auto; font-weight:200;
  594. color:white; opacity:.3; -moz-transition-duration:1s; -webkit-transition-duration:1s;
  595. -o-transition-duration:1s; }
  596. .unlock a { color:white; }
  597. .unlock:hover { opacity:.6; -moz-transition-duration:1s; -webkit-transitionduration:1s; -o-transition-duration:1s; }
  598. .insta { width:380px; height:430px; background:{color:descbg}; position:absolute;
  599. right:0px; top:0px; }
  600. .insta i { color:{color:text}; }
  601. .username { position:absolute; width:360px; height:auto; padding:10px; borderbottom:1px solid {color:background}; text-align:center; font-size:14px; color:
  602. {color:text}; font-weight:700; }
  603. .icon { width:70px; overflow:hidden; border-radius:50%; position:absolute; margin:
  604. 45px 0px 0px 30px; }
  605. .posts { width:50px; height:auto; font-size:14px; font-weight:700; textalign:center; position:absolute; margin:50px 0px 0px 140px; }
  606. .followers { width:50px; height:auto; font-size:14px; font-weight:700; textalign:center; position:absolute; margin:50px 0px 0px 215px; }
  607. .following { width:50px; height:auto; font-size:14px; font-weight:700; textalign:center; position:absolute; margin:50px 0px 0px 290px; }
  608. .message { position:absolute; margin:85px 0px 0px 140px; height:auto; textalign:center; padding:5px; width:112px; border-radius:4px; border:2px solid
  609. {color:background}; font-size:9px; font-weight:600; }
  610. .message:hover { background:{color:italic}; border:2px solid {color:border}; color:
  611. {color:contain}; }
  612. .user { color:{color:text}; text-align:center; font-size:12px; padding:5px; width:
  613. 20px; height:15px; border:2px solid {color:background}; position:absolute; top:
  614. 85px; right:76px; border-radius:4px; }
  615. .user i { color:{color:text}; padding:2px 0px 0px 2px; }
  616. .arrow { color:{color:text}; text-align:center; font-size:12px; padding:5px; width:
  617. 20px; height:15px; border:2px solid {color:background}; position:absolute; top:
  618. 85px; right:39px; border-radius:4px; }
  619. .arrow i { color:{color:text}; padding:2px 0px 0px 2px; }
  620. .displayname { position:absolute; margin:125px 0px 0px 20px; color:{color:text};
  621. font-size:14px; letter-spacing:0px; font-weight:600; text-align:left; width:auto;
  622. height:auto; }
  623. .bio { width:340px; height:10px; text-align:left; position:absolute; margin:145px
  624. 0px 0px 20px; font-size:9.5px; line-height:14px; }
  625. .bio a { color:{color:italic}; }
  626. .feed { position:absolute; bottom:0px; left:0px; width:auto; height:auto;
  627. display:inline-block; text-align:center; }
  628. .feed img { border-radius:0px; margin:auto; }
  629. /* ------ end of css coding ------ */
  630. {CustomCSS}</style></head><body>
  631. <!------ begin html coding ------>
  632. <!-- -------------------------- begin popup 01 ------------------------ -->
  633. <div id="01" class="popup_block">
  634. <div class="iphone">
  635. <!------ iphone wallpaper: 220x390 ------>
  636. <img src="https://static.tumblr.com/44458ab0d9e4c6ccda78256baa7249cc/
  637. 7jxlrzs/zHKpigxtc/tumblr_static_3n4mstu0ws2s0k44swggc0ccg.png"
  638. style="position:absolute;">
  639. <div class="phonedots"><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i
  640. class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i></
  641. div>
  642. <div class="wifi"> AT&T <i class="fa fa-wifi"></i></div>
  643. <div class="locked"></div>
  644. <div class="battery"> 54% <i class="fa fa-battery-half"></i></div>
  645. <div class="time"> 22Ä47 </div>
  646. <div class="date"> Tuesday, November 20 </div>
  647. <div class="unlock"><i class="fa fa-angle-right"></i>&nbsp; slide to unlock</div>
  648. <div class="locked2"></div>
  649. </div>
  650. <!------ instagram elements ------>
  651. <div class="insta">
  652. <i class="fa fa-angle-left" style="position:absolute; top:10px; left:15px; font-size:
  653. 16px;"></i>
  654. <i class="fa fa-ellipsis-h" style="position:absolute; top:10px; right:15px; font-size:
  655. 16px;"></i>
  656. <div class="username">
  657. vanessaanela
  658. </div>
  659. <!------ insta icon: 70px ------>
  660. <div class="icon"><img src="https://66.media.tumblr.com/
  661. 7bb329148c76cc7e09176bf5ae85e39f/
  662. tumblr_inline_pih0rj3cpM1rcw8fh_1280.png"></div>
  663. <div class="posts">
  664. 319
  665. </div>
  666. <div class="followers">
  667. 395k
  668. </div>
  669. <div class="following">
  670. 606
  671. </div>
  672. <!------ don't touch from here.. ------>
  673. <div style="position:absolute; width:50px; font-size:10px; opacity:.8; margin:65px
  674. 0px 0px 140px;text-align:center;">posts</div>
  675. <div style="position:absolute; width:50px; font-size:10px; opacity:.8; margin:65px
  676. 0px 0px 215px;text-align:center;">followers</div>
  677. <div style="position:absolute; width:50px; font-size:10px; opacity:.8; margin:65px
  678. 0px 0px 290px;text-align:center;">following</div>
  679. <div class="message"> Message </div>
  680. <div class="user"><i class="fas fa-user-check"></i></div>
  681. <div class="arrow"><i class="fas fa-caret-down"></i></div>
  682. <!------ ..to here! ------>
  683. <div class="displayname">
  684. Vanessa Moe
  685. </div>
  686. <div class="bio">
  687. my robbie name is hi <b>#wastehistime2k18</b> <br> <a href="/">https://
  688. moveon.org</a>
  689. </div>
  690. <!------ begin insta feed ------>
  691. <div class="feed">
  692. <!------ feed: 120px ------>
  693. <img src="https://66.media.tumblr.com/06e7eb24c4840156d2d1b00ca7af67fa/
  694. tumblr_inline_pih5x2dZNd1rcw8fh_1280.png">
  695. <img src="https://66.media.tumblr.com/ab8a77004be2f5389a24ba1d0fb61216/
  696. tumblr_inline_pih5x8OBCK1rcw8fh_1280.png">
  697. <img src="https://66.media.tumblr.com/673ddfe5e4b2acaa8f935816c4eb6aac/
  698. tumblr_inline_pih5xd3J231rcw8fh_1280.png">
  699. <img src="https://66.media.tumblr.com/fad77080527fa047ec681e8df16e998f/
  700. tumblr_inline_pih62v3rHJ1rcw8fh_1280.png">
  701. <img src="https://66.media.tumblr.com/6bfa42301f7b8a1ab3ae5080c4ff0268/
  702. tumblr_inline_pih635wvc31rcw8fh_1280.png">
  703. <img src="https://66.media.tumblr.com/f098a180cc73f38e39fc0d10dd8bef43/
  704. tumblr_inline_pih63cf6B11rcw8fh_1280.png">
  705. </div></div>
  706. </div>
  707. <!-- -------------------------- end popup 01 ------------------------ -->
  708. <!-- -------------------------- begin popup 02 ------------------------ -->
  709. <div id="02" class="popup_block">
  710. <div class="iphone">
  711. <!------ iphone wallpaper: 220x390 ------>
  712. <img src="https://static.tumblr.com/44458ab0d9e4c6ccda78256baa7249cc/
  713. 7jxlrzs/zHKpigxtc/tumblr_static_3n4mstu0ws2s0k44swggc0ccg.png"
  714. style="position:absolute;">
  715. <div class="phonedots"><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i
  716. class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i></
  717. div>
  718. <div class="wifi"> AT&T <i class="fa fa-wifi"></i></div>
  719. <div class="locked"></div>
  720. <div class="battery"> 54% <i class="fa fa-battery-half"></i></div>
  721. <div class="time"> 22Ä47 </div>
  722. <div class="date"> Tuesday, November 20 </div>
  723. <div class="unlock"><i class="fa fa-angle-right"></i>&nbsp; slide to unlock</div>
  724. <div class="locked2"></div>
  725. </div>
  726. <!------ instagram elements ------>
  727. <div class="insta">
  728. <i class="fa fa-angle-left" style="position:absolute; top:10px; left:15px; font-size:
  729. 16px;"></i>
  730. <i class="fa fa-ellipsis-h" style="position:absolute; top:10px; right:15px; font-size:
  731. 16px;"></i>
  732. <div class="username">
  733. vanessaanela
  734. </div>
  735. <!------ insta icon: 70px ------>
  736. <div class="icon"><img src="https://66.media.tumblr.com/
  737. 8997a4381895bdc5d474ab64f706a1eb/
  738. tumblr_inline_pih7o5Iz6l1rcw8fh_1280.png"></div>
  739. <div class="posts">
  740. 319
  741. </div>
  742. <div class="followers">
  743. 395k
  744. </div>
  745. <div class="following">
  746. 606
  747. </div>
  748. <!------ don't touch from here.. ------>
  749. <div style="position:absolute; width:50px; font-size:10px; opacity:.8; margin:65px
  750. 0px 0px 140px;text-align:center;">posts</div>
  751. <div style="position:absolute; width:50px; font-size:10px; opacity:.8; margin:65px
  752. 0px 0px 215px;text-align:center;">followers</div>
  753. <div style="position:absolute; width:50px; font-size:10px; opacity:.8; margin:65px
  754. 0px 0px 290px;text-align:center;">following</div>
  755. <div class="message"> Message </div>
  756. <div class="user"><i class="fas fa-user-check"></i></div>
  757. <div class="arrow"><i class="fas fa-caret-down"></i></div>
  758. <!------ ..to here! ------>
  759. <div class="displayname">
  760. Vanessa Moe
  761. </div>
  762. <div class="bio">
  763. my robbie name is hi <b>#wastehistime2k18</b> <br> <a href="/">https://
  764. moveon.org</a>
  765. </div>
  766. <!------ begin insta feed ------>
  767. <div class="feed">
  768. <!------ feed: 120px ------>
  769. <img src="https://66.media.tumblr.com/06e7eb24c4840156d2d1b00ca7af67fa/
  770. tumblr_inline_pih5x2dZNd1rcw8fh_1280.png">
  771. <img src="https://66.media.tumblr.com/ab8a77004be2f5389a24ba1d0fb61216/
  772. tumblr_inline_pih5x8OBCK1rcw8fh_1280.png">
  773. <img src="https://66.media.tumblr.com/673ddfe5e4b2acaa8f935816c4eb6aac/
  774. tumblr_inline_pih5xd3J231rcw8fh_1280.png">
  775. <img src="https://66.media.tumblr.com/fad77080527fa047ec681e8df16e998f/
  776. tumblr_inline_pih62v3rHJ1rcw8fh_1280.png">
  777. <img src="https://66.media.tumblr.com/6bfa42301f7b8a1ab3ae5080c4ff0268/
  778. tumblr_inline_pih635wvc31rcw8fh_1280.png">
  779. <img src="https://66.media.tumblr.com/f098a180cc73f38e39fc0d10dd8bef43/
  780. tumblr_inline_pih63cf6B11rcw8fh_1280.png">
  781. </div></div>
  782. </div>
  783. <!-- -------------------------- end popup 02 ------------------------ -->
  784. <!-- -------------------------- begin popup 03 ------------------------ -->
  785. <div id="03" class="popup_block">
  786. <div class="iphone">
  787. <!------ iphone wallpaper: 220x390 ------>
  788. <img src="https://static.tumblr.com/44458ab0d9e4c6ccda78256baa7249cc/
  789. 7jxlrzs/zHKpigxtc/tumblr_static_3n4mstu0ws2s0k44swggc0ccg.png"
  790. style="position:absolute;">
  791. <div class="phonedots"><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i
  792. class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i></
  793. div>
  794. <div class="wifi"> AT&T <i class="fa fa-wifi"></i></div>
  795. <div class="locked"></div>
  796. <div class="battery"> 54% <i class="fa fa-battery-half"></i></div>
  797. <div class="time"> 22Ä47 </div>
  798. <div class="date"> Tuesday, November 20 </div>
  799. <div class="unlock"><i class="fa fa-angle-right"></i>&nbsp; slide to unlock</div>
  800. <div class="locked2"></div>
  801. </div>
  802. <!------ instagram elements ------>
  803. <div class="insta">
  804. <i class="fa fa-angle-left" style="position:absolute; top:10px; left:15px; font-size:
  805. 16px;"></i>
  806. <i class="fa fa-ellipsis-h" style="position:absolute; top:10px; right:15px; font-size:
  807. 16px;"></i>
  808. <div class="username">
  809. vanessaanela
  810. </div>
  811. <!------ insta icon: 70px ------>
  812. <div class="icon"><img src="https://66.media.tumblr.com/
  813. 4e01caaa6f7a9bca6115ae2e135d6ec1/
  814. tumblr_inline_pih7o4cEyT1rcw8fh_1280.png"></div>
  815. <div class="posts">
  816. 319
  817. </div>
  818. <div class="followers">
  819. 395k
  820. </div>
  821. <div class="following">
  822. 606
  823. </div>
  824. <!------ don't touch from here.. ------>
  825. <div style="position:absolute; width:50px; font-size:10px; opacity:.8; margin:65px
  826. 0px 0px 140px;text-align:center;">posts</div>
  827. <div style="position:absolute; width:50px; font-size:10px; opacity:.8; margin:65px
  828. 0px 0px 215px;text-align:center;">followers</div>
  829. <div style="position:absolute; width:50px; font-size:10px; opacity:.8; margin:65px
  830. 0px 0px 290px;text-align:center;">following</div>
  831. <div class="message"> Message </div>
  832. <div class="user"><i class="fas fa-user-check"></i></div>
  833. <div class="arrow"><i class="fas fa-caret-down"></i></div>
  834. <!------ ..to here! ------>
  835. <div class="displayname">
  836. Vanessa Moe
  837. </div>
  838. <div class="bio">
  839. my robbie name is hi <b>#wastehistime2k18</b> <br> <a href="/">https://
  840. moveon.org</a>
  841. </div>
  842. <!------ begin insta feed ------>
  843. <div class="feed">
  844. <!------ feed: 120px ------>
  845. <img src="https://66.media.tumblr.com/06e7eb24c4840156d2d1b00ca7af67fa/
  846. tumblr_inline_pih5x2dZNd1rcw8fh_1280.png">
  847. <img src="https://66.media.tumblr.com/ab8a77004be2f5389a24ba1d0fb61216/
  848. tumblr_inline_pih5x8OBCK1rcw8fh_1280.png">
  849. <img src="https://66.media.tumblr.com/673ddfe5e4b2acaa8f935816c4eb6aac/
  850. tumblr_inline_pih5xd3J231rcw8fh_1280.png">
  851. <img src="https://66.media.tumblr.com/fad77080527fa047ec681e8df16e998f/
  852. tumblr_inline_pih62v3rHJ1rcw8fh_1280.png">
  853. <img src="https://66.media.tumblr.com/6bfa42301f7b8a1ab3ae5080c4ff0268/
  854. tumblr_inline_pih635wvc31rcw8fh_1280.png">
  855. <img src="https://66.media.tumblr.com/f098a180cc73f38e39fc0d10dd8bef43/
  856. tumblr_inline_pih63cf6B11rcw8fh_1280.png">
  857. </div></div>
  858. </div>
  859. <!-- -------------------------- end popup 03 ------------------------ -->
  860. <!-- -------------------------- begin popup 04 ------------------------ -->
  861. <div id="04" class="popup_block">
  862. <div class="iphone">
  863. <!------ iphone wallpaper: 220x390 ------>
  864. <img src="https://static.tumblr.com/44458ab0d9e4c6ccda78256baa7249cc/
  865. 7jxlrzs/zHKpigxtc/tumblr_static_3n4mstu0ws2s0k44swggc0ccg.png"
  866. style="position:absolute;">
  867. <div class="phonedots"><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i
  868. class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i></
  869. div>
  870. <div class="wifi"> AT&T <i class="fa fa-wifi"></i></div>
  871. <div class="locked"></div>
  872. <div class="battery"> 54% <i class="fa fa-battery-half"></i></div>
  873. <div class="time"> 22Ä47 </div>
  874. <div class="date"> Tuesday, November 20 </div>
  875. <div class="unlock"><i class="fa fa-angle-right"></i>&nbsp; slide to unlock</div>
  876. <div class="locked2"></div>
  877. </div>
  878. <!------ instagram elements ------>
  879. <div class="insta">
  880. <i class="fa fa-angle-left" style="position:absolute; top:10px; left:15px; font-size:
  881. 16px;"></i>
  882. <i class="fa fa-ellipsis-h" style="position:absolute; top:10px; right:15px; font-size:
  883. 16px;"></i>
  884. <div class="username">
  885. vanessaanela
  886. </div>
  887. <!------ insta icon: 70px ------>
  888. <div class="icon"><img src="https://66.media.tumblr.com/
  889. e8139e7e76f1f4412b6602f461ee2d84/
  890. tumblr_inline_pih7o52frn1rcw8fh_1280.png"></div>
  891. <div class="posts">
  892. 319
  893. </div>
  894. <div class="followers">
  895. 395k
  896. </div>
  897. <div class="following">
  898. 606
  899. </div>
  900. <!------ don't touch from here.. ------>
  901. <div style="position:absolute; width:50px; font-size:10px; opacity:.8; margin:65px
  902. 0px 0px 140px;text-align:center;">posts</div>
  903. <div style="position:absolute; width:50px; font-size:10px; opacity:.8; margin:65px
  904. 0px 0px 215px;text-align:center;">followers</div>
  905. <div style="position:absolute; width:50px; font-size:10px; opacity:.8; margin:65px
  906. 0px 0px 290px;text-align:center;">following</div>
  907. <div class="message"> Message </div>
  908. <div class="user"><i class="fas fa-user-check"></i></div>
  909. <div class="arrow"><i class="fas fa-caret-down"></i></div>
  910. <!------ ..to here! ------>
  911. <div class="displayname">
  912. Vanessa Moe
  913. </div>
  914. <div class="bio">
  915. my robbie name is hi <b>#wastehistime2k18</b> <br> <a href="/">https://
  916. moveon.org</a>
  917. </div>
  918. <!------ begin insta feed ------>
  919. <div class="feed">
  920. <!------ feed: 120px ------>
  921. <img src="https://66.media.tumblr.com/06e7eb24c4840156d2d1b00ca7af67fa/
  922. tumblr_inline_pih5x2dZNd1rcw8fh_1280.png">
  923. <img src="https://66.media.tumblr.com/ab8a77004be2f5389a24ba1d0fb61216/
  924. tumblr_inline_pih5x8OBCK1rcw8fh_1280.png">
  925. <img src="https://66.media.tumblr.com/673ddfe5e4b2acaa8f935816c4eb6aac/
  926. tumblr_inline_pih5xd3J231rcw8fh_1280.png">
  927. <img src="https://66.media.tumblr.com/fad77080527fa047ec681e8df16e998f/
  928. tumblr_inline_pih62v3rHJ1rcw8fh_1280.png">
  929. <img src="https://66.media.tumblr.com/6bfa42301f7b8a1ab3ae5080c4ff0268/
  930. tumblr_inline_pih635wvc31rcw8fh_1280.png">
  931. <img src="https://66.media.tumblr.com/f098a180cc73f38e39fc0d10dd8bef43/
  932. tumblr_inline_pih63cf6B11rcw8fh_1280.png">
  933. </div></div>
  934. </div>
  935. <!-- -------------------------- end popup 04 ------------------------ -->
  936. <!-- -------------------------- begin popup 05 ------------------------ -->
  937. <div id="05" class="popup_block">
  938. <div class="iphone">
  939. <!------ iphone wallpaper: 220x390 ------>
  940. <img src="https://static.tumblr.com/44458ab0d9e4c6ccda78256baa7249cc/
  941. 7jxlrzs/zHKpigxtc/tumblr_static_3n4mstu0ws2s0k44swggc0ccg.png"
  942. style="position:absolute;">
  943. <div class="phonedots"><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i
  944. class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i></
  945. div>
  946. <div class="wifi"> AT&T <i class="fa fa-wifi"></i></div>
  947. <div class="locked"></div>
  948. <div class="battery"> 54% <i class="fa fa-battery-half"></i></div>
  949. <div class="time"> 22Ä47 </div>
  950. <div class="date"> Tuesday, November 20 </div>
  951. <div class="unlock"><i class="fa fa-angle-right"></i>&nbsp; slide to unlock</div>
  952. <div class="locked2"></div>
  953. </div>
  954. <!------ instagram elements ------>
  955. <div class="insta">
  956. <i class="fa fa-angle-left" style="position:absolute; top:10px; left:15px; font-size:
  957. 16px;"></i>
  958. <i class="fa fa-ellipsis-h" style="position:absolute; top:10px; right:15px; font-size:
  959. 16px;"></i>
  960. <div class="username">
  961. vanessaanela
  962. </div>
  963. <!------ insta icon: 70px ------>
  964. <div class="icon"><img src="https://66.media.tumblr.com/
  965. 7bb329148c76cc7e09176bf5ae85e39f/
  966. tumblr_inline_pih0rj3cpM1rcw8fh_1280.png"></div>
  967. <div class="posts">
  968. 319
  969. </div>
  970. <div class="followers">
  971. 395k
  972. </div>
  973. <div class="following">
  974. 606
  975. </div>
  976. <!------ don't touch from here.. ------>
  977. <div style="position:absolute; width:50px; font-size:10px; opacity:.8; margin:65px
  978. 0px 0px 140px;text-align:center;">posts</div>
  979. <div style="position:absolute; width:50px; font-size:10px; opacity:.8; margin:65px
  980. 0px 0px 215px;text-align:center;">followers</div>
  981. <div style="position:absolute; width:50px; font-size:10px; opacity:.8; margin:65px
  982. 0px 0px 290px;text-align:center;">following</div>
  983. <div class="message"> Message </div>
  984. <div class="user"><i class="fas fa-user-check"></i></div>
  985. <div class="arrow"><i class="fas fa-caret-down"></i></div>
  986. <!------ ..to here! ------>
  987. <div class="displayname">
  988. Vanessa Moe
  989. </div>
  990. <div class="bio">
  991. my robbie name is hi <b>#wastehistime2k18</b> <br> <a href="/">https://
  992. moveon.org</a>
  993. </div>
  994. <!------ begin insta feed ------>
  995. <div class="feed">
  996. <!------ feed: 120px ------>
  997. <img src="https://66.media.tumblr.com/06e7eb24c4840156d2d1b00ca7af67fa/
  998. tumblr_inline_pih5x2dZNd1rcw8fh_1280.png">
  999. <img src="https://66.media.tumblr.com/ab8a77004be2f5389a24ba1d0fb61216/
  1000. tumblr_inline_pih5x8OBCK1rcw8fh_1280.png">
  1001. <img src="https://66.media.tumblr.com/673ddfe5e4b2acaa8f935816c4eb6aac/
  1002. tumblr_inline_pih5xd3J231rcw8fh_1280.png">
  1003. <img src="https://66.media.tumblr.com/fad77080527fa047ec681e8df16e998f/
  1004. tumblr_inline_pih62v3rHJ1rcw8fh_1280.png">
  1005. <img src="https://66.media.tumblr.com/6bfa42301f7b8a1ab3ae5080c4ff0268/
  1006. tumblr_inline_pih635wvc31rcw8fh_1280.png">
  1007. <img src="https://66.media.tumblr.com/f098a180cc73f38e39fc0d10dd8bef43/
  1008. tumblr_inline_pih63cf6B11rcw8fh_1280.png">
  1009. </div></div>
  1010. </div>
  1011. <!-- -------------------------- end popup 05 ------------------------ -->
  1012. <!-- -------------------------- begin popup 06 ------------------------ -->
  1013. <div id="06" class="popup_block">
  1014. <div class="iphone">
  1015. <!------ iphone wallpaper: 220x390 ------>
  1016. <img src="https://static.tumblr.com/44458ab0d9e4c6ccda78256baa7249cc/
  1017. 7jxlrzs/zHKpigxtc/tumblr_static_3n4mstu0ws2s0k44swggc0ccg.png"
  1018. style="position:absolute;">
  1019. <div class="phonedots"><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i
  1020. class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i></
  1021. div>
  1022. <div class="wifi"> AT&T <i class="fa fa-wifi"></i></div>
  1023. <div class="locked"></div>
  1024. <div class="battery"> 54% <i class="fa fa-battery-half"></i></div>
  1025. <div class="time"> 22Ä47 </div>
  1026. <div class="date"> Tuesday, November 20 </div>
  1027. <div class="unlock"><i class="fa fa-angle-right"></i>&nbsp; slide to unlock</div>
  1028. <div class="locked2"></div>
  1029. </div>
  1030. <!------ instagram elements ------>
  1031. <div class="insta">
  1032. <i class="fa fa-angle-left" style="position:absolute; top:10px; left:15px; font-size:
  1033. 16px;"></i>
  1034. <i class="fa fa-ellipsis-h" style="position:absolute; top:10px; right:15px; font-size:
  1035. 16px;"></i>
  1036. <div class="username">
  1037. vanessaanela
  1038. </div>
  1039. <!------ insta icon: 70px ------>
  1040. <div class="icon"><img src="https://66.media.tumblr.com/
  1041. 8997a4381895bdc5d474ab64f706a1eb/
  1042. tumblr_inline_pih7o5Iz6l1rcw8fh_1280.png"></div>
  1043. <div class="posts">
  1044. 319
  1045. </div>
  1046. <div class="followers">
  1047. 395k
  1048. </div>
  1049. <div class="following">
  1050. 606
  1051. </div>
  1052. <!------ don't touch from here.. ------>
  1053. <div style="position:absolute; width:50px; font-size:10px; opacity:.8; margin:65px
  1054. 0px 0px 140px;text-align:center;">posts</div>
  1055. <div style="position:absolute; width:50px; font-size:10px; opacity:.8; margin:65px
  1056. 0px 0px 215px;text-align:center;">followers</div>
  1057. <div style="position:absolute; width:50px; font-size:10px; opacity:.8; margin:65px
  1058. 0px 0px 290px;text-align:center;">following</div>
  1059. <div class="message"> Message </div>
  1060. <div class="user"><i class="fas fa-user-check"></i></div>
  1061. <div class="arrow"><i class="fas fa-caret-down"></i></div>
  1062. <!------ ..to here! ------>
  1063. <div class="displayname">
  1064. Vanessa Moe
  1065. </div>
  1066. <div class="bio">
  1067. my robbie name is hi <b>#wastehistime2k18</b> <br> <a href="/">https://
  1068. moveon.org</a>
  1069. </div>
  1070. <!------ begin insta feed ------>
  1071. <div class="feed">
  1072. <!------ feed: 120px ------>
  1073. <img src="https://66.media.tumblr.com/06e7eb24c4840156d2d1b00ca7af67fa/
  1074. tumblr_inline_pih5x2dZNd1rcw8fh_1280.png">
  1075. <img src="https://66.media.tumblr.com/ab8a77004be2f5389a24ba1d0fb61216/
  1076. tumblr_inline_pih5x8OBCK1rcw8fh_1280.png">
  1077. <img src="https://66.media.tumblr.com/673ddfe5e4b2acaa8f935816c4eb6aac/
  1078. tumblr_inline_pih5xd3J231rcw8fh_1280.png">
  1079. <img src="https://66.media.tumblr.com/fad77080527fa047ec681e8df16e998f/
  1080. tumblr_inline_pih62v3rHJ1rcw8fh_1280.png">
  1081. <img src="https://66.media.tumblr.com/6bfa42301f7b8a1ab3ae5080c4ff0268/
  1082. tumblr_inline_pih635wvc31rcw8fh_1280.png">
  1083. <img src="https://66.media.tumblr.com/f098a180cc73f38e39fc0d10dd8bef43/
  1084. tumblr_inline_pih63cf6B11rcw8fh_1280.png">
  1085. </div></div>
  1086. </div>
  1087. <!-- -------------------------- end popup 06 ------------------------ -->
  1088. <!-- -------------------------- begin popup 07 ------------------------ -->
  1089. <div id="07" class="popup_block">
  1090. <div class="iphone">
  1091. <!------ iphone wallpaper: 220x390 ------>
  1092. <img src="https://static.tumblr.com/44458ab0d9e4c6ccda78256baa7249cc/
  1093. 7jxlrzs/zHKpigxtc/tumblr_static_3n4mstu0ws2s0k44swggc0ccg.png"
  1094. style="position:absolute;">
  1095. <div class="phonedots"><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i
  1096. class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i></
  1097. div>
  1098. <div class="wifi"> AT&T <i class="fa fa-wifi"></i></div>
  1099. <div class="locked"></div>
  1100. <div class="battery"> 54% <i class="fa fa-battery-half"></i></div>
  1101. <div class="time"> 22Ä47 </div>
  1102. <div class="date"> Tuesday, November 20 </div>
  1103. <div class="unlock"><i class="fa fa-angle-right"></i>&nbsp; slide to unlock</div>
  1104. <div class="locked2"></div>
  1105. </div>
  1106. <!------ instagram elements ------>
  1107. <div class="insta">
  1108. <i class="fa fa-angle-left" style="position:absolute; top:10px; left:15px; font-size:
  1109. 16px;"></i>
  1110. <i class="fa fa-ellipsis-h" style="position:absolute; top:10px; right:15px; font-size:
  1111. 16px;"></i>
  1112. <div class="username">
  1113. vanessaanela
  1114. </div>
  1115. <!------ insta icon: 70px ------>
  1116. <div class="icon"><img src="https://66.media.tumblr.com/
  1117. 4e01caaa6f7a9bca6115ae2e135d6ec1/
  1118. tumblr_inline_pih7o4cEyT1rcw8fh_1280.png"></div>
  1119. <div class="posts">
  1120. 319
  1121. </div>
  1122. <div class="followers">
  1123. 395k
  1124. </div>
  1125. <div class="following">
  1126. 606
  1127. </div>
  1128. <!------ don't touch from here.. ------>
  1129. <div style="position:absolute; width:50px; font-size:10px; opacity:.8; margin:65px
  1130. 0px 0px 140px;text-align:center;">posts</div>
  1131. <div style="position:absolute; width:50px; font-size:10px; opacity:.8; margin:65px
  1132. 0px 0px 215px;text-align:center;">followers</div>
  1133. <div style="position:absolute; width:50px; font-size:10px; opacity:.8; margin:65px
  1134. 0px 0px 290px;text-align:center;">following</div>
  1135. <div class="message"> Message </div>
  1136. <div class="user"><i class="fas fa-user-check"></i></div>
  1137. <div class="arrow"><i class="fas fa-caret-down"></i></div>
  1138. <!------ ..to here! ------>
  1139. <div class="displayname">
  1140. Vanessa Moe
  1141. </div>
  1142. <div class="bio">
  1143. my robbie name is hi <b>#wastehistime2k18</b> <br> <a href="/">https://
  1144. moveon.org</a>
  1145. </div>
  1146. <!------ begin insta feed ------>
  1147. <div class="feed">
  1148. <!------ feed: 120px ------>
  1149. <img src="https://66.media.tumblr.com/06e7eb24c4840156d2d1b00ca7af67fa/
  1150. tumblr_inline_pih5x2dZNd1rcw8fh_1280.png">
  1151. <img src="https://66.media.tumblr.com/ab8a77004be2f5389a24ba1d0fb61216/
  1152. tumblr_inline_pih5x8OBCK1rcw8fh_1280.png">
  1153. <img src="https://66.media.tumblr.com/673ddfe5e4b2acaa8f935816c4eb6aac/
  1154. tumblr_inline_pih5xd3J231rcw8fh_1280.png">
  1155. <img src="https://66.media.tumblr.com/fad77080527fa047ec681e8df16e998f/
  1156. tumblr_inline_pih62v3rHJ1rcw8fh_1280.png">
  1157. <img src="https://66.media.tumblr.com/6bfa42301f7b8a1ab3ae5080c4ff0268/
  1158. tumblr_inline_pih635wvc31rcw8fh_1280.png">
  1159. <img src="https://66.media.tumblr.com/f098a180cc73f38e39fc0d10dd8bef43/
  1160. tumblr_inline_pih63cf6B11rcw8fh_1280.png">
  1161. </div></div>
  1162. </div>
  1163. <!-- -------------------------- end popup 07 ------------------------ -->
  1164. <!-- -------------------------- begin popup 08 ------------------------ -->
  1165. <div id="08" class="popup_block">
  1166. <div class="iphone">
  1167. <!------ iphone wallpaper: 220x390 ------>
  1168. <img src="https://static.tumblr.com/44458ab0d9e4c6ccda78256baa7249cc/
  1169. 7jxlrzs/zHKpigxtc/tumblr_static_3n4mstu0ws2s0k44swggc0ccg.png"
  1170. style="position:absolute;">
  1171. <div class="phonedots"><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i
  1172. class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i></
  1173. div>
  1174. <div class="wifi"> AT&T <i class="fa fa-wifi"></i></div>
  1175. <div class="locked"></div>
  1176. <div class="battery"> 54% <i class="fa fa-battery-half"></i></div>
  1177. <div class="time"> 22Ä47 </div>
  1178. <div class="date"> Tuesday, November 20 </div>
  1179. <div class="unlock"><i class="fa fa-angle-right"></i>&nbsp; slide to unlock</div>
  1180. <div class="locked2"></div>
  1181. </div>
  1182. <!------ instagram elements ------>
  1183. <div class="insta">
  1184. <i class="fa fa-angle-left" style="position:absolute; top:10px; left:15px; font-size:
  1185. 16px;"></i>
  1186. <i class="fa fa-ellipsis-h" style="position:absolute; top:10px; right:15px; font-size:
  1187. 16px;"></i>
  1188. <div class="username">
  1189. vanessaanela
  1190. </div>
  1191. <!------ insta icon: 70px ------>
  1192. <div class="icon"><img src="https://66.media.tumblr.com/
  1193. e8139e7e76f1f4412b6602f461ee2d84/
  1194. tumblr_inline_pih7o52frn1rcw8fh_1280.png"></div>
  1195. <div class="posts">
  1196. 319
  1197. </div>
  1198. <div class="followers">
  1199. 395k
  1200. </div>
  1201. <div class="following">
  1202. 606
  1203. </div>
  1204. <!------ don't touch from here.. ------>
  1205. <div style="position:absolute; width:50px; font-size:10px; opacity:.8; margin:65px
  1206. 0px 0px 140px;text-align:center;">posts</div>
  1207. <div style="position:absolute; width:50px; font-size:10px; opacity:.8; margin:65px
  1208. 0px 0px 215px;text-align:center;">followers</div>
  1209. <div style="position:absolute; width:50px; font-size:10px; opacity:.8; margin:65px
  1210. 0px 0px 290px;text-align:center;">following</div>
  1211. <div class="message"> Message </div>
  1212. <div class="user"><i class="fas fa-user-check"></i></div>
  1213. <div class="arrow"><i class="fas fa-caret-down"></i></div>
  1214. <!------ ..to here! ------>
  1215. <div class="displayname">
  1216. Vanessa Moe
  1217. </div>
  1218. <div class="bio">
  1219. my robbie name is hi <b>#wastehistime2k18</b> <br> <a href="/">https://
  1220. moveon.org</a>
  1221. </div>
  1222. <!------ begin insta feed ------>
  1223. <div class="feed">
  1224. <!------ feed: 120px ------>
  1225. <img src="https://66.media.tumblr.com/06e7eb24c4840156d2d1b00ca7af67fa/
  1226. tumblr_inline_pih5x2dZNd1rcw8fh_1280.png">
  1227. <img src="https://66.media.tumblr.com/ab8a77004be2f5389a24ba1d0fb61216/
  1228. tumblr_inline_pih5x8OBCK1rcw8fh_1280.png">
  1229. <img src="https://66.media.tumblr.com/673ddfe5e4b2acaa8f935816c4eb6aac/
  1230. tumblr_inline_pih5xd3J231rcw8fh_1280.png">
  1231. <img src="https://66.media.tumblr.com/fad77080527fa047ec681e8df16e998f/
  1232. tumblr_inline_pih62v3rHJ1rcw8fh_1280.png">
  1233. <img src="https://66.media.tumblr.com/6bfa42301f7b8a1ab3ae5080c4ff0268/
  1234. tumblr_inline_pih635wvc31rcw8fh_1280.png">
  1235. <img src="https://66.media.tumblr.com/f098a180cc73f38e39fc0d10dd8bef43/
  1236. tumblr_inline_pih63cf6B11rcw8fh_1280.png">
  1237. </div></div>
  1238. </div>
  1239. <!-- -------------------------- end popup 08 ------------------------ -->
  1240. <!-- -------------------------- begin popup 09 ------------------------ -->
  1241. <div id="09" class="popup_block">
  1242. <div class="iphone">
  1243. <!------ iphone wallpaper: 220x390 ------>
  1244. <img src="https://static.tumblr.com/44458ab0d9e4c6ccda78256baa7249cc/
  1245. 7jxlrzs/zHKpigxtc/tumblr_static_3n4mstu0ws2s0k44swggc0ccg.png"
  1246. style="position:absolute;">
  1247. <div class="phonedots"><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i
  1248. class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i></
  1249. div>
  1250. <div class="wifi"> AT&T <i class="fa fa-wifi"></i></div>
  1251. <div class="locked"></div>
  1252. <div class="battery"> 54% <i class="fa fa-battery-half"></i></div>
  1253. <div class="time"> 22Ä47 </div>
  1254. <div class="date"> Tuesday, November 20 </div>
  1255. <div class="unlock"><i class="fa fa-angle-right"></i>&nbsp; slide to unlock</div>
  1256. <div class="locked2"></div>
  1257. </div>
  1258. <!------ instagram elements ------>
  1259. <div class="insta">
  1260. <i class="fa fa-angle-left" style="position:absolute; top:10px; left:15px; font-size:
  1261. 16px;"></i>
  1262. <i class="fa fa-ellipsis-h" style="position:absolute; top:10px; right:15px; font-size:
  1263. 16px;"></i>
  1264. <div class="username">
  1265. vanessaanela
  1266. </div>
  1267. <!------ insta icon: 70px ------>
  1268. <div class="icon"><img src="https://66.media.tumblr.com/
  1269. 7bb329148c76cc7e09176bf5ae85e39f/
  1270. tumblr_inline_pih0rj3cpM1rcw8fh_1280.png"></div>
  1271. <div class="posts">
  1272. 319
  1273. </div>
  1274. <div class="followers">
  1275. 395k
  1276. </div>
  1277. <div class="following">
  1278. 606
  1279. </div>
  1280. <!------ don't touch from here.. ------>
  1281. <div style="position:absolute; width:50px; font-size:10px; opacity:.8; margin:65px
  1282. 0px 0px 140px;text-align:center;">posts</div>
  1283. <div style="position:absolute; width:50px; font-size:10px; opacity:.8; margin:65px
  1284. 0px 0px 215px;text-align:center;">followers</div>
  1285. <div style="position:absolute; width:50px; font-size:10px; opacity:.8; margin:65px
  1286. 0px 0px 290px;text-align:center;">following</div>
  1287. <div class="message"> Message </div>
  1288. <div class="user"><i class="fas fa-user-check"></i></div>
  1289. <div class="arrow"><i class="fas fa-caret-down"></i></div>
  1290. <!------ ..to here! ------>
  1291. <div class="displayname">
  1292. Vanessa Moe
  1293. </div>
  1294. <div class="bio">
  1295. my robbie name is hi <b>#wastehistime2k18</b> <br> <a href="/">https://
  1296. moveon.org</a>
  1297. </div>
  1298. <!------ begin insta feed ------>
  1299. <div class="feed">
  1300. <!------ feed: 120px ------>
  1301. <img src="https://66.media.tumblr.com/06e7eb24c4840156d2d1b00ca7af67fa/
  1302. tumblr_inline_pih5x2dZNd1rcw8fh_1280.png">
  1303. <img src="https://66.media.tumblr.com/ab8a77004be2f5389a24ba1d0fb61216/
  1304. tumblr_inline_pih5x8OBCK1rcw8fh_1280.png">
  1305. <img src="https://66.media.tumblr.com/673ddfe5e4b2acaa8f935816c4eb6aac/
  1306. tumblr_inline_pih5xd3J231rcw8fh_1280.png">
  1307. <img src="https://66.media.tumblr.com/fad77080527fa047ec681e8df16e998f/
  1308. tumblr_inline_pih62v3rHJ1rcw8fh_1280.png">
  1309. <img src="https://66.media.tumblr.com/6bfa42301f7b8a1ab3ae5080c4ff0268/
  1310. tumblr_inline_pih635wvc31rcw8fh_1280.png">
  1311. <img src="https://66.media.tumblr.com/f098a180cc73f38e39fc0d10dd8bef43/
  1312. tumblr_inline_pih63cf6B11rcw8fh_1280.png">
  1313. </div></div>
  1314. </div>
  1315. <!-- -------------------------- end popup 09 ------------------------ -->
  1316. <!-- -------------------------- begin popup 10 ------------------------ -->
  1317. <div id="10" class="popup_block">
  1318. <div class="iphone">
  1319. <!------ iphone wallpaper: 220x390 ------>
  1320. <img src="https://static.tumblr.com/44458ab0d9e4c6ccda78256baa7249cc/
  1321. 7jxlrzs/zHKpigxtc/tumblr_static_3n4mstu0ws2s0k44swggc0ccg.png"
  1322. style="position:absolute;">
  1323. <div class="phonedots"><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i
  1324. class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i></
  1325. div>
  1326. <div class="wifi"> AT&T <i class="fa fa-wifi"></i></div>
  1327. <div class="locked"></div>
  1328. <div class="battery"> 54% <i class="fa fa-battery-half"></i></div>
  1329. <div class="time"> 22Ä47 </div>
  1330. <div class="date"> Tuesday, November 20 </div>
  1331. <div class="unlock"><i class="fa fa-angle-right"></i>&nbsp; slide to unlock</div>
  1332. <div class="locked2"></div>
  1333. </div>
  1334. <!------ instagram elements ------>
  1335. <div class="insta">
  1336. <i class="fa fa-angle-left" style="position:absolute; top:10px; left:15px; font-size:
  1337. 16px;"></i>
  1338. <i class="fa fa-ellipsis-h" style="position:absolute; top:10px; right:15px; font-size:
  1339. 16px;"></i>
  1340. <div class="username">
  1341. vanessaanela
  1342. </div>
  1343. <!------ insta icon: 70px ------>
  1344. <div class="icon"><img src="https://66.media.tumblr.com/
  1345. 8997a4381895bdc5d474ab64f706a1eb/
  1346. tumblr_inline_pih7o5Iz6l1rcw8fh_1280.png"></div>
  1347. <div class="posts">
  1348. 319
  1349. </div>
  1350. <div class="followers">
  1351. 395k
  1352. </div>
  1353. <div class="following">
  1354. 606
  1355. </div>
  1356. <!------ don't touch from here.. ------>
  1357. <div style="position:absolute; width:50px; font-size:10px; opacity:.8; margin:65px
  1358. 0px 0px 140px;text-align:center;">posts</div>
  1359. <div style="position:absolute; width:50px; font-size:10px; opacity:.8; margin:65px
  1360. 0px 0px 215px;text-align:center;">followers</div>
  1361. <div style="position:absolute; width:50px; font-size:10px; opacity:.8; margin:65px
  1362. 0px 0px 290px;text-align:center;">following</div>
  1363. <div class="message"> Message </div>
  1364. <div class="user"><i class="fas fa-user-check"></i></div>
  1365. <div class="arrow"><i class="fas fa-caret-down"></i></div>
  1366. <!------ ..to here! ------>
  1367. <div class="displayname">
  1368. Vanessa Moe
  1369. </div>
  1370. <div class="bio">
  1371. my robbie name is hi <b>#wastehistime2k18</b> <br> <a href="/">https://
  1372. moveon.org</a>
  1373. </div>
  1374. <!------ begin insta feed ------>
  1375. <div class="feed">
  1376. <!------ feed: 120px ------>
  1377. <img src="https://66.media.tumblr.com/06e7eb24c4840156d2d1b00ca7af67fa/
  1378. tumblr_inline_pih5x2dZNd1rcw8fh_1280.png">
  1379. <img src="https://66.media.tumblr.com/ab8a77004be2f5389a24ba1d0fb61216/
  1380. tumblr_inline_pih5x8OBCK1rcw8fh_1280.png">
  1381. <img src="https://66.media.tumblr.com/673ddfe5e4b2acaa8f935816c4eb6aac/
  1382. tumblr_inline_pih5xd3J231rcw8fh_1280.png">
  1383. <img src="https://66.media.tumblr.com/fad77080527fa047ec681e8df16e998f/
  1384. tumblr_inline_pih62v3rHJ1rcw8fh_1280.png">
  1385. <img src="https://66.media.tumblr.com/6bfa42301f7b8a1ab3ae5080c4ff0268/
  1386. tumblr_inline_pih635wvc31rcw8fh_1280.png">
  1387. <img src="https://66.media.tumblr.com/f098a180cc73f38e39fc0d10dd8bef43/
  1388. tumblr_inline_pih63cf6B11rcw8fh_1280.png">
  1389. </div></div>
  1390. </div>
  1391. <!-- -------------------------- end popup 10 ------------------------ -->
  1392. <!-- -------------------------- begin popup 11 ------------------------ -->
  1393. <div id="11" class="popup_block">
  1394. <div class="iphone">
  1395. <!------ iphone wallpaper: 220x390 ------>
  1396. <img src="https://static.tumblr.com/44458ab0d9e4c6ccda78256baa7249cc/
  1397. 7jxlrzs/zHKpigxtc/tumblr_static_3n4mstu0ws2s0k44swggc0ccg.png"
  1398. style="position:absolute;">
  1399. <div class="phonedots"><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i
  1400. class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i></
  1401. div>
  1402. <div class="wifi"> AT&T <i class="fa fa-wifi"></i></div>
  1403. <div class="locked"></div>
  1404. <div class="battery"> 54% <i class="fa fa-battery-half"></i></div>
  1405. <div class="time"> 22Ä47 </div>
  1406. <div class="date"> Tuesday, November 20 </div>
  1407. <div class="unlock"><i class="fa fa-angle-right"></i>&nbsp; slide to unlock</div>
  1408. <div class="locked2"></div>
  1409. </div>
  1410. <!------ instagram elements ------>
  1411. <div class="insta">
  1412. <i class="fa fa-angle-left" style="position:absolute; top:10px; left:15px; font-size:
  1413. 16px;"></i>
  1414. <i class="fa fa-ellipsis-h" style="position:absolute; top:10px; right:15px; font-size:
  1415. 16px;"></i>
  1416. <div class="username">
  1417. vanessaanela
  1418. </div>
  1419. <!------ insta icon: 70px ------>
  1420. <div class="icon"><img src="https://66.media.tumblr.com/
  1421. 4e01caaa6f7a9bca6115ae2e135d6ec1/
  1422. tumblr_inline_pih7o4cEyT1rcw8fh_1280.png"></div>
  1423. <div class="posts">
  1424. 319
  1425. </div>
  1426. <div class="followers">
  1427. 395k
  1428. </div>
  1429. <div class="following">
  1430. 606
  1431. </div>
  1432. <!------ don't touch from here.. ------>
  1433. <div style="position:absolute; width:50px; font-size:10px; opacity:.8; margin:65px
  1434. 0px 0px 140px;text-align:center;">posts</div>
  1435. <div style="position:absolute; width:50px; font-size:10px; opacity:.8; margin:65px
  1436. 0px 0px 215px;text-align:center;">followers</div>
  1437. <div style="position:absolute; width:50px; font-size:10px; opacity:.8; margin:65px
  1438. 0px 0px 290px;text-align:center;">following</div>
  1439. <div class="message"> Message </div>
  1440. <div class="user"><i class="fas fa-user-check"></i></div>
  1441. <div class="arrow"><i class="fas fa-caret-down"></i></div>
  1442. <!------ ..to here! ------>
  1443. <div class="displayname">
  1444. Vanessa Moe
  1445. </div>
  1446. <div class="bio">
  1447. my robbie name is hi <b>#wastehistime2k18</b> <br> <a href="/">https://
  1448. moveon.org</a>
  1449. </div>
  1450. <!------ begin insta feed ------>
  1451. <div class="feed">
  1452. <!------ feed: 120px ------>
  1453. <img src="https://66.media.tumblr.com/06e7eb24c4840156d2d1b00ca7af67fa/
  1454. tumblr_inline_pih5x2dZNd1rcw8fh_1280.png">
  1455. <img src="https://66.media.tumblr.com/ab8a77004be2f5389a24ba1d0fb61216/
  1456. tumblr_inline_pih5x8OBCK1rcw8fh_1280.png">
  1457. <img src="https://66.media.tumblr.com/673ddfe5e4b2acaa8f935816c4eb6aac/
  1458. tumblr_inline_pih5xd3J231rcw8fh_1280.png">
  1459. <img src="https://66.media.tumblr.com/fad77080527fa047ec681e8df16e998f/
  1460. tumblr_inline_pih62v3rHJ1rcw8fh_1280.png">
  1461. <img src="https://66.media.tumblr.com/6bfa42301f7b8a1ab3ae5080c4ff0268/
  1462. tumblr_inline_pih635wvc31rcw8fh_1280.png">
  1463. <img src="https://66.media.tumblr.com/f098a180cc73f38e39fc0d10dd8bef43/
  1464. tumblr_inline_pih63cf6B11rcw8fh_1280.png">
  1465. </div></div>
  1466. </div>
  1467. <!-- -------------------------- end popup 11 ------------------------ -->
  1468. <!-- -------------------------- begin popup 12 ------------------------ -->
  1469. <div id="12" class="popup_block">
  1470. <div class="iphone">
  1471. <!------ iphone wallpaper: 220x390 ------>
  1472. <img src="https://static.tumblr.com/44458ab0d9e4c6ccda78256baa7249cc/
  1473. 7jxlrzs/zHKpigxtc/tumblr_static_3n4mstu0ws2s0k44swggc0ccg.png"
  1474. style="position:absolute;">
  1475. <div class="phonedots"><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i
  1476. class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i></
  1477. div>
  1478. <div class="wifi"> AT&T <i class="fa fa-wifi"></i></div>
  1479. <div class="locked"></div>
  1480. <div class="battery"> 54% <i class="fa fa-battery-half"></i></div>
  1481. <div class="time"> 22Ä47 </div>
  1482. <div class="date"> Tuesday, November 20 </div>
  1483. <div class="unlock"><i class="fa fa-angle-right"></i>&nbsp; slide to unlock</div>
  1484. <div class="locked2"></div>
  1485. </div>
  1486. <!------ instagram elements ------>
  1487. <div class="insta">
  1488. <i class="fa fa-angle-left" style="position:absolute; top:10px; left:15px; font-size:
  1489. 16px;"></i>
  1490. <i class="fa fa-ellipsis-h" style="position:absolute; top:10px; right:15px; font-size:
  1491. 16px;"></i>
  1492. <div class="username">
  1493. vanessaanela
  1494. </div>
  1495. <!------ insta icon: 70px ------>
  1496. <div class="icon"><img src="https://66.media.tumblr.com/
  1497. e8139e7e76f1f4412b6602f461ee2d84/
  1498. tumblr_inline_pih7o52frn1rcw8fh_1280.png"></div>
  1499. <div class="posts">
  1500. 319
  1501. </div>
  1502. <div class="followers">
  1503. 395k
  1504. </div>
  1505. <div class="following">
  1506. 606
  1507. </div>
  1508. <!------ don't touch from here.. ------>
  1509. <div style="position:absolute; width:50px; font-size:10px; opacity:.8; margin:65px
  1510. 0px 0px 140px;text-align:center;">posts</div>
  1511. <div style="position:absolute; width:50px; font-size:10px; opacity:.8; margin:65px
  1512. 0px 0px 215px;text-align:center;">followers</div>
  1513. <div style="position:absolute; width:50px; font-size:10px; opacity:.8; margin:65px
  1514. 0px 0px 290px;text-align:center;">following</div>
  1515. <div class="message"> Message </div>
  1516. <div class="user"><i class="fas fa-user-check"></i></div>
  1517. <div class="arrow"><i class="fas fa-caret-down"></i></div>
  1518. <!------ ..to here! ------>
  1519. <div class="displayname">
  1520. Vanessa Moe
  1521. </div>
  1522. <div class="bio">
  1523. my robbie name is hi <b>#wastehistime2k18</b> <br> <a href="/">https://
  1524. moveon.org</a>
  1525. </div>
  1526. <!------ begin insta feed ------>
  1527. <div class="feed">
  1528. <!------ feed: 120px ------>
  1529. <img src="https://66.media.tumblr.com/06e7eb24c4840156d2d1b00ca7af67fa/
  1530. tumblr_inline_pih5x2dZNd1rcw8fh_1280.png">
  1531. <img src="https://66.media.tumblr.com/ab8a77004be2f5389a24ba1d0fb61216/
  1532. tumblr_inline_pih5x8OBCK1rcw8fh_1280.png">
  1533. <img src="https://66.media.tumblr.com/673ddfe5e4b2acaa8f935816c4eb6aac/
  1534. tumblr_inline_pih5xd3J231rcw8fh_1280.png">
  1535. <img src="https://66.media.tumblr.com/fad77080527fa047ec681e8df16e998f/
  1536. tumblr_inline_pih62v3rHJ1rcw8fh_1280.png">
  1537. <img src="https://66.media.tumblr.com/6bfa42301f7b8a1ab3ae5080c4ff0268/
  1538. tumblr_inline_pih635wvc31rcw8fh_1280.png">
  1539. <img src="https://66.media.tumblr.com/f098a180cc73f38e39fc0d10dd8bef43/
  1540. tumblr_inline_pih63cf6B11rcw8fh_1280.png">
  1541. </div></div>
  1542. </div>
  1543. <!-- -------------------------- end popup 12 ------------------------ -->
  1544. <div id="contain">
  1545. <div class="header">
  1546. <div class="title">{text:title}</div>
  1547. <div class="title2">
  1548. ��������
  1549. </div>
  1550. <div class="title3">
  1551.  
  1552.  
  1553.  
  1554. ❛ ���� ����� �� ������� ������ ���� ����.
  1555.  
  1556.  
  1557.  
  1558.  
  1559.  
  1560. </div>
  1561. <div class="title4">
  1562. �� ������.
  1563. </div>
  1564. <div class="sidelink">
  1565. <a href="/" title="refresh">refresh</a>
  1566. <a href="/ask" title="message">message</a>
  1567. <a href="#" class="tablinks" onclick="openCity(event, 'navtab')"
  1568. title="guide">navigate</a>
  1569. <a href="#" class="tablinks" onclick="openCity(event, 'musetab')"
  1570. title="characters">muses</a>
  1571. </div>
  1572. </div>
  1573. <div class="sidebar">
  1574. <div class="image">
  1575. </div>
  1576. <img src="https://i.postimg.cc/LXVmRMg1/mishti-rahman-1515889110.png">
  1577. <img src="{image:sidebar}">
  1578. <div class="desc">{text:desc}</div>
  1579. </div>
  1580. <!------ navigation tab ------>
  1581. <div id="navtab" class="tabcontent">
  1582. <span onclick="this.parentElement.style.display='none'" class="close"> <span
  1583. class="sf sf-cross" style="-webkit-transform:rotate(-45); color:{color:text};
  1584. padding:5px; margin:2px 0px 0px 0px; font-size:7px; line-height:9px;"></span>
  1585. close the tab </span>
  1586. <div class="navtitle">navig8.</div>
  1587. <div class="navig8">
  1588. <ul class="navi">
  1589. <li><span class="sf sf-tags-o" style="position:absolute; font-size:14px; color:
  1590. {color:italic}; margin:1px 0px 0px 5px;"></span><a href="{text:tablink1}">navi.</
  1591. a></li>
  1592. <li><span class="sf sf-bee-o" style="position:absolute; font-size:14px; color:
  1593. {color:italic}; margin:1px 0px 0px 5px;"></span><a href="{text:tablink2}">rules.</
  1594. a></li>
  1595. <li><span class="sf sf-flame-o" style="position:absolute; font-size:16px; color:
  1596. {color:italic}; margin:1px 0px 0px 5px;"></span><a href="{text:tablink3}">wanted
  1597. plots.</a></li>
  1598. <li><span class="sf sf-star-o" style="position:absolute; font-size:16px; color:
  1599. {color:italic}; margin:1px 0px 0px 5px;"></span><a href="{text:tablink4}">recs.</
  1600. a></li>
  1601. <li><span class="sf sf-heart-o" style="position:absolute; font-size:16px; color:
  1602. {color:italic}; margin:1px 0px 0px 5px;"></span><a href="{text:tablink5}">ooc
  1603. posts</a></li>
  1604. </ul>
  1605. </div>
  1606. <div class="boxtitle">disclaimer.</div>
  1607. <div class="tabbox">
  1608. — please keep in mind that my blog may contain nsfw content, as well as triggers.
  1609. i try to tag anything that may be a trigger to someone with the word <b>'trigger'</
  1610. b> or if its sexual in any way with <b>'nsfw'</b> just so that there is a warning. i
  1611. also do not roleplay with anyone who is <b>underage or deceased</b> — just out
  1612. of respect. lastly, please keep in mind that i have a job and <b>real life
  1613. responsibilities</b> — therefore my response time can vary depending on the day,
  1614. my motivation and mood.
  1615. </div>
  1616. <div class="threadtitle">stats.</div>
  1617. <div class="threads">
  1618. <ul class="tab">
  1619. <li><span style="color:{color:bold}; padding-right:6px; font-weight:800; font-size:
  1620. 12px;">— muse count:</span>20</a></li><br>
  1621. <li><span style="color:{color:bold}; padding-right:6px; font-weight:800; font-size:
  1622. 12px;">— draft count:</span>01</a></li><br>
  1623. </ul>
  1624. </div>
  1625. <img src="{image:tabimg}" style="position:absolute; top:220px; right:185px;
  1626. border-radius:50%; -webkit-filter:grayscale(30%); width:50px; height:50px;">
  1627. <img src="{image:tabimg2}" style="position:absolute; top:220px; right:115px;
  1628. border-radius:50%; -webkit-filter:grayscale(30%); width:50px; height:50px;">
  1629. <img src="{image:tabimg3}" style="position:absolute; top:220px; right:45px;
  1630. border-radius:50%; -webkit-filter:grayscale(30%); width:50px; height:50px;">
  1631. </div>
  1632. <!------ end navigation tab ------>
  1633. <!------ begin muse tab ------>
  1634. <div id="musetab" class="tabcontent">
  1635. <span onclick="this.parentElement.style.display='none'" class="close"> <span
  1636. class="sf sf-cross" style="-webkit-transform:rotate(-45); color:{color:text};
  1637. padding:5px; margin:2px 0px 0px 0px; font-size:7px; line-height:9px;"></span>
  1638. close the tab </span>
  1639. <div class="muses">
  1640. <!------ begin muse 01 ------>
  1641. <div class="muse">
  1642. <div class="name">
  1643. <a href="/tagged/spencer+lawrence" rel="01" class="poplight">{text:muse1name}
  1644. </a>
  1645. </div>
  1646. <div class="museinfo">{text:muse1info}</div>
  1647. </div>
  1648. <!------ end muse 01 ------>
  1649. <!------ begin muse 02 ------>
  1650. <div class="muse">
  1651. <div class="name">
  1652. <a href="/tagged/troye+middleton" rel="02" class="poplight">{text:muse2name}
  1653. </a>
  1654. </div>
  1655. <div class="museinfo">{text:muse2info}</div>
  1656. </div>
  1657. <!------ end muse 02 ------>
  1658. <!------ begin muse 03 ------>
  1659. <div class="muse">
  1660. <div class="name">
  1661. <a href="/tagged/alessia+fields" rel="03" class="poplight">{text:muse3name}</
  1662. a>
  1663. </div>
  1664. <div class="museinfo">{text:muse3info}</div>
  1665. </div>
  1666. <!------ end muse 03 ------>
  1667. <!------ begin muse 04 ------>
  1668. <div class="muse">
  1669. <div class="name">
  1670. <a href="/tagged/lincoln+owens" rel="04" class="poplight">{text:muse4name}</
  1671. a>
  1672. </div>
  1673. <div class="museinfo">{text:muse4info}</div>
  1674. </div>
  1675. <!------ end muse 04 ------>
  1676. <!------ begin muse 05 ------>
  1677. <div class="muse">
  1678. <div class="name">
  1679. <a href="/tagged/tessa+stevenson" rel="05" class="poplight">{text:muse5name}
  1680. </a>
  1681. </div>
  1682. <div class="museinfo">{text:muse5info}</div>
  1683. </div>
  1684. <!------ end muse 05 ------>
  1685. <!------ begin muse 06 ------>
  1686. <div class="muse">
  1687. <div class="name">
  1688. <a href="/tagged/arlene+arroyo" rel="06" class="poplight">{text:muse6name}</
  1689. a>
  1690. </div>
  1691. <div class="museinfo">{text:muse6info}</div>
  1692. </div>
  1693. <!------ end muse 06 ------>
  1694. <!------ begin muse 07 ------>
  1695. <div class="muse">
  1696. <div class="name">
  1697. <a href="/tagged/kaila+gonzalez" rel="07" class="poplight">{text:muse7name}</
  1698. a>
  1699. </div>
  1700. <div class="museinfo">{text:muse7info}</div>
  1701. </div>
  1702. <!------ end muse 07 ------>
  1703. <!------ begin muse 08 ------>
  1704. <div class="muse">
  1705. <div class="name">
  1706. <a href="/tagged/amaya+hernandez" rel="08"
  1707. class="poplight">{text:muse8name}</a>
  1708. </div>
  1709. <div class="museinfo">{text:muse8info}</div>
  1710. </div>
  1711. <!------ end muse 08 ------>
  1712. <!------ begin muse 09 ------>
  1713. <div class="muse">
  1714. <div class="name">
  1715. <a href="/tagged/josefine+alvarez" rel="09" class="poplight">{text:muse9name}
  1716. </a>
  1717. </div>
  1718. <div class="museinfo">{text:muse9info}</div>
  1719. </div>
  1720. <!------ end muse 09 ------>
  1721. <!------ begin muse 10 ------>
  1722. <div class="muse">
  1723. <div class="name">
  1724. <a href="/tagged/lydia+meyers" rel="10" class="poplight">{text:muse10name}</
  1725. a>
  1726. </div>
  1727. <div class="museinfo">{text:muse10info}</div>
  1728. </div>
  1729. <!------ end muse 10 ------>
  1730. <div class="muse">
  1731. <div class="name">
  1732. <a href="/tagged/lydia+meyers" rel="11" class="poplight">{text:muse11name}</a>
  1733. </div>
  1734. <div class="museinfo">{text:muse11info}</div>
  1735. </div>
  1736. <!------ end muse 12 ------>
  1737. <div class="muse">
  1738. <div class="name">
  1739. <a href="/tagged/lydia+meyers" rel="12" class="poplight">{text:muse12name}</
  1740. a>
  1741. </div>
  1742. <div class="museinfo">{text:muse12info}</div>
  1743. </div>
  1744. <!------ begin muse 11 ------>
  1745. <div class="muse">
  1746. <div class="name">
  1747. <a href="/tagged/lydia+meyers" rel="13" class="poplight">{text:muse13name}</
  1748. a>
  1749. </div>
  1750. <div class="museinfo">{text:muse13info}</div>
  1751. </div>
  1752. <div class="muse">
  1753. <div class="name">
  1754. <a href="/tagged/lydia+meyers" rel="14" class="poplight">{text:muse14name}</
  1755. a>
  1756. </div>
  1757. <div class="museinfo">{text:muse14info}</div>
  1758. </div>
  1759. <div class="muse">
  1760. <div class="name">
  1761. <a href="/tagged/lydia+meyers" rel="15" class="poplight">{text:muse15name}</
  1762. a>
  1763. </div>
  1764. <div class="museinfo">{text:muse15info}</div>
  1765. </div>
  1766. <div class="muse">
  1767. <div class="name">
  1768. <a href="/tagged/lydia+meyers" rel="16" class="poplight">{text:muse16name}</
  1769. a>
  1770. </div>
  1771. <div class="museinfo">{text:muse16info}</div>
  1772. </div>
  1773. <div class="muse">
  1774. <div class="name">
  1775. <a href="/tagged/lydia+meyers" rel="17" class="poplight">{text:muse17name}</
  1776. a>
  1777. </div>
  1778. <div class="museinfo">{text:muse17info}</div>
  1779. </div>
  1780. <div class="muse">
  1781. <div class="name">
  1782. <a href="/tagged/lydia+meyers" rel="18" class="poplight">{text:muse18name}</
  1783. a>
  1784. </div>
  1785. <div class="museinfo">{text:muse18info}</div>
  1786. </div>
  1787. </div>
  1788. </div>
  1789. <!------ end muse tab ------>
  1790. <!------ begin entries ------>
  1791. <div id="entries">
  1792. {block:posts}
  1793. <!-- {block:NoRebloggedFrom}
  1794. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1795. {/block:NoRebloggedFrom} -->
  1796. {block:ContentSource}<!-- {SourceURL}
  1797. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}"
  1798. height="{LogoHeight}" alt="{Sourcetitle}" />{/block:SourceLogo}
  1799. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1800. {/block:ContentSource}
  1801. <div id="post">
  1802. {block:Text}
  1803. {block:title}<h3>{title}</h3>{/block:title}
  1804. <div class="textbody">{Body}</div>{/block:Text}
  1805. {block:Photo}<center><img src="{PhotoURL-400}"/></center>{block:Caption}
  1806. {Caption}{/block:Caption}{/block:Photo}
  1807. {block:Photoset}<center>{Photoset}</center>{block:Caption}{Caption}{/
  1808. block:Caption}{/block:Photoset}
  1809. {block:Quote}<h2>{Quote}</h2><br>
  1810. {block:Source}<div class="qsource"> — {Source}</div>
  1811. {/block:Source}{/block:Quote}
  1812. {block:Link}<h3><a href="{URL}" {Target}>{Name}</a></h3>{block:Description}
  1813. {Description}{/block:Description}{/block:Link}
  1814. {block:Chat}{block:title}<h3>{title}</h3>{/block:title}<br>{block:Lines}
  1815. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  1816. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" align="left"
  1817. class="cover" />{/block:AlbumArt}<div class="playerborderer"><div
  1818. class="player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</
  1819. div></div><div class="audioinfo">{block:TrackName}<h1>{TrackName}</h1>{/
  1820. block:TrackName}{block:Artist}— {Artist} —{/block:Artist}</div>{/block:Audio}
  1821. <br>
  1822. {block:Video}<div class="video">{Video-400}</div>{block:Caption}{Caption}{/
  1823. block:Caption}{/block:Video}
  1824. {block:Answer}<div id="question">{Question}</div><div
  1825. id="asker"><b><i>{Asker}</i></b><br></div>{Answer}{/block:Answer}
  1826.  
  1827. <div id="info">
  1828. <div style="float:left; border-bottom:2px solid {color:postbg}; paddingbottom:-1px; margin:-2px 0px 0px 5px; font-family:coco; font-weight:600; fontsize:10px;"><a href="{Permalink}" title="{TimeAgo}">{ShortMonth}
  1829. {DayOfMonthWithZero}</a></div>
  1830. <div style="float:right; padding-left:8px; padding-right:5px; font-family:coco;
  1831. font-weight:600; font-size:10px;"> <a href="{ReblogURL}" target="_blank"
  1832. class="details">REBLOG</span></a></span></div>{/block:NoteCount}
  1833. <div style="float:right; padding-right:5px; border-right:1px solid {color:postbg};
  1834. font-family:coco; font-weight:600; font-size:10px;"> <a href="{Permalink}"
  1835. title="{TimeAgo}">{NoteCount}N</a>&nbsp;</div></div>
  1836. {block:HasTags}<div id="tags">
  1837. {block:Tags}<i class="pe-7s-ticket"></i> <a href="/tagged/{Tag}">{Tag}</
  1838. a>&nbsp;&nbsp;{/block:Tags}
  1839. </div>{block:HasTags}
  1840. </div>
  1841. {/block:Posts}
  1842. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/
  1843. block:PostNotes}
  1844. {/block:Posts}
  1845.  
  1846. <div id="pagination">{block:Pagination}{block:PreviousPage}<a
  1847. href="{PreviousPage}">BACK</a>{/block:PreviousPage} {block:NextPage}<a
  1848. href="{NextPage}">NEXT</a><br />{/block:NextPage}{/block:Pagination}</div>
  1849. </div></div>
  1850. </div>
  1851.  
  1852. <div id="huney"><ul class="huney"><li><a href="https://redjamies.tumblr.com"
  1853. title="code by ally"><span class="sf sf-cloud-o"></span></a></li></ul></div>
  1854. </div>
  1855. <!------ end entries ------>
  1856. <!-- begin scripts ————— DO NOT DELETE! -->
  1857. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></
  1858. script>
  1859. <script>
  1860. $(document).ready(function(){
  1861. $('.video iframe').each(function(){
  1862. var scale = $(this).parents('.video').width() / 400;
  1863. $(this).attr({
  1864. width: Math.floor($(this).attr('width') * scale),
  1865. height: Math.floor($(this).attr('height') * scale)
  1866. });
  1867. });
  1868. });
  1869. </script>
  1870. <!-- TABS/ALL-INN-ONE SCRIPTS DO NOT REMOVE!!! -->
  1871. <script>
  1872. $(document).ready(function() {
  1873. $('.tabs .tab-links a').on('click', function(e) {
  1874. var currentAttrValue = $(this).attr('href');
  1875. // Show/Hide Tabs
  1876. $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
  1877. // Change/remove current tab to active
  1878. $(this).parent('li').addClass('active').siblings().removeClass('active');
  1879. e.preventDefault();
  1880. });
  1881. });
  1882. </script>
  1883. <script>
  1884. $(document).ready(function() {
  1885. $('#filterOptions li a').click(function() {
  1886. // fetch the class of the clicked item
  1887. var ourClass = $(this).attr('class');
  1888. // reset the active class on all the buttons
  1889. $('#filterOptions li').removeClass('active');
  1890. // update the active state on our clicked button
  1891. $(this).parent().addClass('active');
  1892. if(ourClass == 'all') {
  1893. // show all our items
  1894. $('#ourHolder').children('div.item').show();
  1895. }
  1896. else {
  1897. // hide all elements that don't share ourClass
  1898. $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
  1899. // show all elements that do share ourClass
  1900. $('#ourHolder').children('div.' + ourClass).show();
  1901. }
  1902. return false;
  1903. });
  1904. });
  1905. </script>
  1906.  
  1907. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!