API tools faq
paste
Advertisement
codesbyally

friends. ♡ ( page theme )

codesbyally
May 4th, 2019 (edited)
3,081
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.69 KB | None | 0 0
raw download clone embed print report
  1. <!---
  2.  
  3.  
  4.  
  5.  
  6. FRIENDS by ALLY
  7.  
  8. — don't steal anything from this code
  9. — don't remove the credit, it's very small, it won't hurt your aesthetic
  10. — don't redistribute or claim this theme as your own
  11.  
  12.  
  13.  
  14.  
  15. --->
  16.  
  17.  
  18.  
  19. <html><head>
  20.  
  21.  
  22.  
  23. <!------ scripts ------>
  24.  
  25.  
  26.  
  27.  
  28. <link rel="shortcut icon" href="{Favicon}" />
  29. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  30. <title>{Title}</title>
  31.  
  32.  
  33. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  34. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  35.  
  36. <script>
  37. (function($){
  38. $(document).ready(function() {
  39. $("a[title]").style_my_tooltips({
  40. tip_follows_cursor:false,
  41. tip_delay_time:90,
  42. tip_fade_speed:600,
  43. attribute:"title"
  44. });
  45. });
  46. })(jQuery);
  47. </script>
  48.  
  49. <script>
  50. (function($){
  51. $(document).ready(function(){
  52. $(“[title],a[title],img[title]”).style_my_tooltips({
  53. tip_follows_cursor:true,
  54. tip_delay_time:90,
  55. tip_fade_speed:600,
  56. attribute:“title”
  57. });
  58. });
  59. })(jQuery);
  60. </script>
  61.  
  62. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  63.  
  64. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  65.  
  66. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  67.  
  68. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
  69.  
  70. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.css">
  71.  
  72. <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  73.  
  74. <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  75.  
  76. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  77.  
  78. <link rel="stylesheet" href="https://static.tumblr.com/i5s2zks/6kOohwlux/pe-icon-7-stroke.css">
  79.  
  80. <link href="https://fonts.googleapis.com/css?family=ABeeZee" rel="stylesheet">
  81.  
  82. <link href="https://fonts.googleapis.com/css?family=Abril+Fatface" rel="stylesheet">
  83.  
  84.  
  85.  
  86. <style type="text/css">
  87.  
  88.  
  89.  
  90. /* ------ fonts ------ */
  91.  
  92.  
  93. @font-face { font-family: messy; src: url('https://dl.dropboxusercontent.com/s/7yz5qhv4qijqmvt/KGLifeisMessy.ttf') ;}
  94.  
  95.  
  96. /* ------ scrollbar ------ */
  97.  
  98.  
  99.  
  100. ::-webkit-scrollbar { width: 0px; height:0px; background:transparent; }
  101.  
  102. ::-webkit-scrollbar-thumb { background-color: transparent; }
  103.  
  104.  
  105.  
  106. /* ------ tooltip ------ */
  107.  
  108.  
  109.  
  110. #s-m-t-tooltip { max-width:250px; padding:4px; margin:-30px 12px; color:#666; background: rgba(255,255,255,.5); z-index:99999; font-size:7px; border-radius:4px; text-transform:uppercase; font-variant:none; letter-spacing:2px; font-weight:bold; }
  111.  
  112.  
  113.  
  114. /* ------ selection ------ */
  115.  
  116.  
  117.  
  118. ::-moz-selection { background:{color:links}; color:{color:linksbg}; }
  119.  
  120. ::selection { background:{color:links}; color:{color:linksbg}; }
  121.  
  122.  
  123.  
  124. /* ------ text styles ------ */
  125.  
  126.  
  127.  
  128. body { background:#e4e4e4; color:#777; font-family:'ABeeZee'; font-size:10px; line-height:16px; letter-spacing:.5px; text-align:justify; margin:0; }
  129.  
  130. a { color:#fff; text-decoration:none; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
  131.  
  132. a:hover { color:#777; text-decoration:none; }
  133.  
  134. h1 { margin-top:0px; margin-left:5px; text-align:left; text-transform:uppercase; font-size:18px; line-height:12px; color:#000; z-index:9; }
  135.  
  136.  
  137.  
  138. /* ------ container ------ */
  139.  
  140.  
  141.  
  142. .body { position:fixed; padding:0px; width:980px; height:550px; text-align:center; float:left; display:inline-block; border-radius:2px; overflow:scroll; margin:auto; top:0px; right:0px; bottom:0px; left:0px; }
  143.  
  144.  
  145.  
  146. /* ------ muses ------ */
  147.  
  148.  
  149.  
  150. .muse { width:300px; height:340px; margin:10px; border-radius:2px; display:inline-block; }
  151.  
  152. .topbar { background:#f3f3f3; height:40px; padding:20px; border-radius:2px; }
  153.  
  154. .name { width:auto; height:auto; font-family:'Abril Fatface', cursive; font-size:30px; text-align:center; color:#94bbb8; font-weight:300; text-shadow:none; z-index:9999999; -webkit-text-stroke: .8px #94bbb8; -webkit-text-fill-color: rgba(0, 0, 0, 0); font-weight:300; text-shadow:none; z-index:999999; }
  155.  
  156. .stats { width:auto; height:auto; text-align:center; margin-top:10px; font-style:italic; }
  157.  
  158. .bottombox { width:300px; height:250px; margin-top:10px; background:#f3f3f3; border-radius:2px; overflow:hidden; }
  159.  
  160. .bottombox img { width:300px; height:60px;margin-top:0px; }
  161.  
  162. .aesthetics { margin:20px 0px 0px 20px; width:200px; height:150px; font-size:9px; line-height:18px; border-radius:4px; overflow:scroll; text-align:justify; }
  163.  
  164. .muselinks { text-align:center; width:20px; line-height:40px; margin:-160px 0px 0px 250px; }
  165.  
  166. .muselinks a { color:#b2c897; font-size:30px; font-family:'Abril Fatface', cursive; }
  167.  
  168. .muselinks a:hover { -webkit-text-stroke: .8px #b2c897; -webkit-text-fill-color: rgba(0, 0, 0, 0); font-weight:300; text-shadow:none; }
  169.  
  170.  
  171.  
  172. /* ------ huney ------ */
  173.  
  174.  
  175.  
  176. #huney { text-align:center; font-size:14px; height:40px; width:80px; bottom:10px; left:10px; position:absolute; line-height:20px; padding:3px; letter-spacing:0px; overflow:hidden; z-index:5; }
  177.  
  178. #huney li { width:22px; height:22px; padding:8px; list-style:none; text-align:center; line-height:5px; background:#f3f3f3; border-radius:4px; margin-right:17px; float:left; }
  179.  
  180. #huney a { font-weight:500; line-height:14px; font-size:20px;letter-spacing:2px; color:#b2c897; -moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; z-index:99999999999999; }
  181.  
  182. ul.huney { position:absolute; overflow:hidden; list-style-type: none; margin: 0; padding: 0; background-color: transparent; right:28px; top:5px; z-index:999999999; }
  183.  
  184. ul.huney li { width: 20px; float:left; margin-left:2px; }
  185.  
  186. ul.huney li a { display:inline-block; color:#666; font-size:20px; padding:3px; border-radius:100px; margin:-3px 0px 0px -2px; }
  187.  
  188.  
  189.  
  190. </style>
  191.  
  192. </head>
  193.  
  194. <body>
  195.  
  196. <div class="body">
  197.  
  198. <!------ begin muse 01 ------>
  199. <div class="muse">
  200.  
  201. <div class="topbar">
  202. <div class="name"> viola galicia </div>
  203. <div class="stats"> ariana grande. xxii. the crimson.</div>
  204. </div>
  205. <div class="bottombox">
  206. <img src="https://66.media.tumblr.com/a75a9d0be65f1e6953becd7301691c8d/tumblr_pr0bjrhTQW1s1skyzo1_400.png"><!------ 300x60 ------>
  207. <div class="aesthetics"> the delicious lightheaded feeling brought on with a line of powdered bliss, <i>the blinding shutter of flashbulbs</i>, scarlet painted lips spread in a promise of mischief, <i>legacy and expectation carried in small, un-calloused hands</i>, a fortune cinched in a diamond noose around a slender throat, <i>the fragile neck of a champagne flute held precariously between manicured fingers</i>, slender shoulders peeking from behind the curtain of softly waving hair & <i>the feel of satin sliding softly across rosy skin</i> </div>
  208. <div class="muselinks">
  209. <a href="/">a</a><br>
  210. <a href="/">b</a><br>
  211. <a href="/">c</a><br>
  212. <a href="/">d</a><br>
  213. </div>
  214. </div>
  215.  
  216. </div>
  217. <!------ end muse 01 ------>
  218.  
  219. <!------ begin muse 02 ------>
  220. <div class="muse">
  221.  
  222. <div class="topbar">
  223. <div class="name"> first last </div>
  224. <div class="stats"> faceclaim. xxii. label.</div>
  225. </div>
  226. <div class="bottombox">
  227. <img src="https://66.media.tumblr.com/21fa7979540b638094e29de0cf00fe72/tumblr_pr0d1bYr1L1s1skyzo1_400.png"><!------ 300x60 ------>
  228. <div class="aesthetics"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pellentesque facilisis lobortis. Ut vel ligula scelerisque, imperdiet massa eu, tempus leo. Vivamus non vulputate magna, sit amet fermentum erat. Sed eu ante at velit volutpat varius. Nulla vitae molestie augue. Pellentesque sed hendrerit nisi. Aenean dignissim leo eu nulla auctor, ac feugiat ex tempus. Morbi massa diam, pulvinar id magna non, maximus ullamcorper augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc porttitor felis sapien, ac feugiat urna dictum a. </div>
  229. <div class="muselinks">
  230. <a href="/">a</a><br>
  231. <a href="/">b</a><br>
  232. <a href="/">c</a><br>
  233. <a href="/">d</a><br>
  234. </div>
  235. </div>
  236.  
  237. </div>
  238. <!------ end muse 02 ------>
  239.  
  240. <!------ begin muse 03 ------>
  241. <div class="muse">
  242.  
  243. <div class="topbar">
  244. <div class="name"> first last </div>
  245. <div class="stats"> faceclaim. xxii. label.</div>
  246. </div>
  247. <div class="bottombox">
  248. <img src="https://66.media.tumblr.com/21fa7979540b638094e29de0cf00fe72/tumblr_pr0d1bYr1L1s1skyzo1_400.png"><!------ 300x60 ------>
  249. <div class="aesthetics"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pellentesque facilisis lobortis. Ut vel ligula scelerisque, imperdiet massa eu, tempus leo. Vivamus non vulputate magna, sit amet fermentum erat. Sed eu ante at velit volutpat varius. Nulla vitae molestie augue. Pellentesque sed hendrerit nisi. Aenean dignissim leo eu nulla auctor, ac feugiat ex tempus. Morbi massa diam, pulvinar id magna non, maximus ullamcorper augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc porttitor felis sapien, ac feugiat urna dictum a. </div>
  250. <div class="muselinks">
  251. <a href="/">a</a><br>
  252. <a href="/">b</a><br>
  253. <a href="/">c</a><br>
  254. <a href="/">d</a><br>
  255. </div>
  256. </div>
  257.  
  258. </div>
  259. <!------ end muse 03 ------>
  260.  
  261. <!------ begin muse 04 ------>
  262. <div class="muse">
  263.  
  264. <div class="topbar">
  265. <div class="name"> first last </div>
  266. <div class="stats"> faceclaim. xxii. label.</div>
  267. </div>
  268. <div class="bottombox">
  269. <img src="https://66.media.tumblr.com/21fa7979540b638094e29de0cf00fe72/tumblr_pr0d1bYr1L1s1skyzo1_400.png"><!------ 300x60 ------>
  270. <div class="aesthetics"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pellentesque facilisis lobortis. Ut vel ligula scelerisque, imperdiet massa eu, tempus leo. Vivamus non vulputate magna, sit amet fermentum erat. Sed eu ante at velit volutpat varius. Nulla vitae molestie augue. Pellentesque sed hendrerit nisi. Aenean dignissim leo eu nulla auctor, ac feugiat ex tempus. Morbi massa diam, pulvinar id magna non, maximus ullamcorper augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc porttitor felis sapien, ac feugiat urna dictum a. </div>
  271. <div class="muselinks">
  272. <a href="/">a</a><br>
  273. <a href="/">b</a><br>
  274. <a href="/">c</a><br>
  275. <a href="/">d</a><br>
  276. </div>
  277. </div>
  278.  
  279. </div>
  280. <!------ end muse 04 ------>
  281.  
  282. <!------ begin muse 05 ------>
  283. <div class="muse">
  284.  
  285. <div class="topbar">
  286. <div class="name"> first last </div>
  287. <div class="stats"> faceclaim. xxii. label.</div>
  288. </div>
  289. <div class="bottombox">
  290. <img src="https://66.media.tumblr.com/21fa7979540b638094e29de0cf00fe72/tumblr_pr0d1bYr1L1s1skyzo1_400.png"><!------ 300x60 ------>
  291. <div class="aesthetics"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pellentesque facilisis lobortis. Ut vel ligula scelerisque, imperdiet massa eu, tempus leo. Vivamus non vulputate magna, sit amet fermentum erat. Sed eu ante at velit volutpat varius. Nulla vitae molestie augue. Pellentesque sed hendrerit nisi. Aenean dignissim leo eu nulla auctor, ac feugiat ex tempus. Morbi massa diam, pulvinar id magna non, maximus ullamcorper augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc porttitor felis sapien, ac feugiat urna dictum a. </div>
  292. <div class="muselinks">
  293. <a href="/">a</a><br>
  294. <a href="/">b</a><br>
  295. <a href="/">c</a><br>
  296. <a href="/">d</a><br>
  297. </div>
  298. </div>
  299.  
  300. </div>
  301. <!------ end muse 05 ------>
  302.  
  303. <!------ begin muse 06 ------>
  304. <div class="muse">
  305.  
  306. <div class="topbar">
  307. <div class="name"> first last </div>
  308. <div class="stats"> faceclaim. xxii. label.</div>
  309. </div>
  310. <div class="bottombox">
  311. <img src="https://66.media.tumblr.com/21fa7979540b638094e29de0cf00fe72/tumblr_pr0d1bYr1L1s1skyzo1_400.png"><!------ 300x60 ------>
  312. <div class="aesthetics"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pellentesque facilisis lobortis. Ut vel ligula scelerisque, imperdiet massa eu, tempus leo. Vivamus non vulputate magna, sit amet fermentum erat. Sed eu ante at velit volutpat varius. Nulla vitae molestie augue. Pellentesque sed hendrerit nisi. Aenean dignissim leo eu nulla auctor, ac feugiat ex tempus. Morbi massa diam, pulvinar id magna non, maximus ullamcorper augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc porttitor felis sapien, ac feugiat urna dictum a. </div>
  313. <div class="muselinks">
  314. <a href="/">a</a><br>
  315. <a href="/">b</a><br>
  316. <a href="/">c</a><br>
  317. <a href="/">d</a><br>
  318. </div>
  319. </div>
  320.  
  321. </div>
  322. <!------ end muse 06 ------>
  323.  
  324. <!------ begin muse 07 ------>
  325. <div class="muse">
  326.  
  327. <div class="topbar">
  328. <div class="name"> first last </div>
  329. <div class="stats"> faceclaim. xxii. label.</div>
  330. </div>
  331. <div class="bottombox">
  332. <img src="https://66.media.tumblr.com/21fa7979540b638094e29de0cf00fe72/tumblr_pr0d1bYr1L1s1skyzo1_400.png"><!------ 300x60 ------>
  333. <div class="aesthetics"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pellentesque facilisis lobortis. Ut vel ligula scelerisque, imperdiet massa eu, tempus leo. Vivamus non vulputate magna, sit amet fermentum erat. Sed eu ante at velit volutpat varius. Nulla vitae molestie augue. Pellentesque sed hendrerit nisi. Aenean dignissim leo eu nulla auctor, ac feugiat ex tempus. Morbi massa diam, pulvinar id magna non, maximus ullamcorper augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc porttitor felis sapien, ac feugiat urna dictum a. </div>
  334. <div class="muselinks">
  335. <a href="/">a</a><br>
  336. <a href="/">b</a><br>
  337. <a href="/">c</a><br>
  338. <a href="/">d</a><br>
  339. </div>
  340. </div>
  341.  
  342. </div>
  343. <!------ end muse 07 ------>
  344.  
  345. <!------ begin muse 08 ------>
  346. <div class="muse">
  347.  
  348. <div class="topbar">
  349. <div class="name"> first last </div>
  350. <div class="stats"> faceclaim. xxii. label.</div>
  351. </div>
  352. <div class="bottombox">
  353. <img src="https://66.media.tumblr.com/21fa7979540b638094e29de0cf00fe72/tumblr_pr0d1bYr1L1s1skyzo1_400.png"><!------ 300x60 ------>
  354. <div class="aesthetics"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pellentesque facilisis lobortis. Ut vel ligula scelerisque, imperdiet massa eu, tempus leo. Vivamus non vulputate magna, sit amet fermentum erat. Sed eu ante at velit volutpat varius. Nulla vitae molestie augue. Pellentesque sed hendrerit nisi. Aenean dignissim leo eu nulla auctor, ac feugiat ex tempus. Morbi massa diam, pulvinar id magna non, maximus ullamcorper augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc porttitor felis sapien, ac feugiat urna dictum a. </div>
  355. <div class="muselinks">
  356. <a href="/">a</a><br>
  357. <a href="/">b</a><br>
  358. <a href="/">c</a><br>
  359. <a href="/">d</a><br>
  360. </div>
  361. </div>
  362.  
  363. </div>
  364. <!------ end muse 08 ------>
  365.  
  366. <!------ begin muse 09 ------>
  367. <div class="muse">
  368.  
  369. <div class="topbar">
  370. <div class="name"> first last </div>
  371. <div class="stats"> faceclaim. xxii. label.</div>
  372. </div>
  373. <div class="bottombox">
  374. <img src="https://66.media.tumblr.com/21fa7979540b638094e29de0cf00fe72/tumblr_pr0d1bYr1L1s1skyzo1_400.png"><!------ 300x60 ------>
  375. <div class="aesthetics"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pellentesque facilisis lobortis. Ut vel ligula scelerisque, imperdiet massa eu, tempus leo. Vivamus non vulputate magna, sit amet fermentum erat. Sed eu ante at velit volutpat varius. Nulla vitae molestie augue. Pellentesque sed hendrerit nisi. Aenean dignissim leo eu nulla auctor, ac feugiat ex tempus. Morbi massa diam, pulvinar id magna non, maximus ullamcorper augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc porttitor felis sapien, ac feugiat urna dictum a. </div>
  376. <div class="muselinks">
  377. <a href="/">a</a><br>
  378. <a href="/">b</a><br>
  379. <a href="/">c</a><br>
  380. <a href="/">d</a><br>
  381. </div>
  382. </div>
  383.  
  384. </div>
  385. <!------ end muse 09 ------>
  386.  
  387. <!------ begin muse 10 ------>
  388. <div class="muse">
  389.  
  390. <div class="topbar">
  391. <div class="name"> first last </div>
  392. <div class="stats"> faceclaim. xxii. label.</div>
  393. </div>
  394. <div class="bottombox">
  395. <img src="https://66.media.tumblr.com/21fa7979540b638094e29de0cf00fe72/tumblr_pr0d1bYr1L1s1skyzo1_400.png"><!------ 300x60 ------>
  396. <div class="aesthetics"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pellentesque facilisis lobortis. Ut vel ligula scelerisque, imperdiet massa eu, tempus leo. Vivamus non vulputate magna, sit amet fermentum erat. Sed eu ante at velit volutpat varius. Nulla vitae molestie augue. Pellentesque sed hendrerit nisi. Aenean dignissim leo eu nulla auctor, ac feugiat ex tempus. Morbi massa diam, pulvinar id magna non, maximus ullamcorper augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc porttitor felis sapien, ac feugiat urna dictum a. </div>
  397. <div class="muselinks">
  398. <a href="/">a</a><br>
  399. <a href="/">b</a><br>
  400. <a href="/">c</a><br>
  401. <a href="/">d</a><br>
  402. </div>
  403. </div>
  404.  
  405. </div>
  406. <!------ end muse 10 ------>
  407.  
  408. <!------ begin muse 11 ------>
  409. <div class="muse">
  410.  
  411. <div class="topbar">
  412. <div class="name"> first last </div>
  413. <div class="stats"> faceclaim. xxii. label.</div>
  414. </div>
  415. <div class="bottombox">
  416. <img src="https://66.media.tumblr.com/21fa7979540b638094e29de0cf00fe72/tumblr_pr0d1bYr1L1s1skyzo1_400.png"><!------ 300x60 ------>
  417. <div class="aesthetics"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pellentesque facilisis lobortis. Ut vel ligula scelerisque, imperdiet massa eu, tempus leo. Vivamus non vulputate magna, sit amet fermentum erat. Sed eu ante at velit volutpat varius. Nulla vitae molestie augue. Pellentesque sed hendrerit nisi. Aenean dignissim leo eu nulla auctor, ac feugiat ex tempus. Morbi massa diam, pulvinar id magna non, maximus ullamcorper augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc porttitor felis sapien, ac feugiat urna dictum a. </div>
  418. <div class="muselinks">
  419. <a href="/">a</a><br>
  420. <a href="/">b</a><br>
  421. <a href="/">c</a><br>
  422. <a href="/">d</a><br>
  423. </div>
  424. </div>
  425.  
  426. </div>
  427. <!------ end muse 11 ------>
  428.  
  429. <!------ begin muse 12 ------>
  430. <div class="muse">
  431.  
  432. <div class="topbar">
  433. <div class="name"> first last </div>
  434. <div class="stats"> faceclaim. xxii. label.</div>
  435. </div>
  436. <div class="bottombox">
  437. <img src="https://66.media.tumblr.com/21fa7979540b638094e29de0cf00fe72/tumblr_pr0d1bYr1L1s1skyzo1_400.png"><!------ 300x60 ------>
  438. <div class="aesthetics"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pellentesque facilisis lobortis. Ut vel ligula scelerisque, imperdiet massa eu, tempus leo. Vivamus non vulputate magna, sit amet fermentum erat. Sed eu ante at velit volutpat varius. Nulla vitae molestie augue. Pellentesque sed hendrerit nisi. Aenean dignissim leo eu nulla auctor, ac feugiat ex tempus. Morbi massa diam, pulvinar id magna non, maximus ullamcorper augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc porttitor felis sapien, ac feugiat urna dictum a. </div>
  439. <div class="muselinks">
  440. <a href="/">a</a><br>
  441. <a href="/">b</a><br>
  442. <a href="/">c</a><br>
  443. <a href="/">d</a><br>
  444. </div>
  445. </div>
  446.  
  447. </div>
  448. <!------ end muse 12 ------>
  449.  
  450. <!------ begin muse 13 ------>
  451. <div class="muse">
  452.  
  453. <div class="topbar">
  454. <div class="name"> first last </div>
  455. <div class="stats"> faceclaim. xxii. label.</div>
  456. </div>
  457. <div class="bottombox">
  458. <img src="https://66.media.tumblr.com/21fa7979540b638094e29de0cf00fe72/tumblr_pr0d1bYr1L1s1skyzo1_400.png"><!------ 300x60 ------>
  459. <div class="aesthetics"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pellentesque facilisis lobortis. Ut vel ligula scelerisque, imperdiet massa eu, tempus leo. Vivamus non vulputate magna, sit amet fermentum erat. Sed eu ante at velit volutpat varius. Nulla vitae molestie augue. Pellentesque sed hendrerit nisi. Aenean dignissim leo eu nulla auctor, ac feugiat ex tempus. Morbi massa diam, pulvinar id magna non, maximus ullamcorper augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc porttitor felis sapien, ac feugiat urna dictum a. </div>
  460. <div class="muselinks">
  461. <a href="/">a</a><br>
  462. <a href="/">b</a><br>
  463. <a href="/">c</a><br>
  464. <a href="/">d</a><br>
  465. </div>
  466. </div>
  467.  
  468. </div>
  469. <!------ end muse 13 ------>
  470.  
  471. <!------ begin muse 14 ------>
  472. <div class="muse">
  473.  
  474. <div class="topbar">
  475. <div class="name"> first last </div>
  476. <div class="stats"> faceclaim. xxii. label.</div>
  477. </div>
  478. <div class="bottombox">
  479. <img src="https://66.media.tumblr.com/21fa7979540b638094e29de0cf00fe72/tumblr_pr0d1bYr1L1s1skyzo1_400.png"><!------ 300x60 ------>
  480. <div class="aesthetics"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pellentesque facilisis lobortis. Ut vel ligula scelerisque, imperdiet massa eu, tempus leo. Vivamus non vulputate magna, sit amet fermentum erat. Sed eu ante at velit volutpat varius. Nulla vitae molestie augue. Pellentesque sed hendrerit nisi. Aenean dignissim leo eu nulla auctor, ac feugiat ex tempus. Morbi massa diam, pulvinar id magna non, maximus ullamcorper augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc porttitor felis sapien, ac feugiat urna dictum a. </div>
  481. <div class="muselinks">
  482. <a href="/">a</a><br>
  483. <a href="/">b</a><br>
  484. <a href="/">c</a><br>
  485. <a href="/">d</a><br>
  486. </div>
  487. </div>
  488.  
  489. </div>
  490. <!------ end muse 14 ------>
  491.  
  492. <!------ begin muse 15 ------>
  493. <div class="muse">
  494.  
  495. <div class="topbar">
  496. <div class="name"> first last </div>
  497. <div class="stats"> faceclaim. xxii. label.</div>
  498. </div>
  499. <div class="bottombox">
  500. <img src="https://66.media.tumblr.com/21fa7979540b638094e29de0cf00fe72/tumblr_pr0d1bYr1L1s1skyzo1_400.png"><!------ 300x60 ------>
  501. <div class="aesthetics"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pellentesque facilisis lobortis. Ut vel ligula scelerisque, imperdiet massa eu, tempus leo. Vivamus non vulputate magna, sit amet fermentum erat. Sed eu ante at velit volutpat varius. Nulla vitae molestie augue. Pellentesque sed hendrerit nisi. Aenean dignissim leo eu nulla auctor, ac feugiat ex tempus. Morbi massa diam, pulvinar id magna non, maximus ullamcorper augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc porttitor felis sapien, ac feugiat urna dictum a. </div>
  502. <div class="muselinks">
  503. <a href="/">a</a><br>
  504. <a href="/">b</a><br>
  505. <a href="/">c</a><br>
  506. <a href="/">d</a><br>
  507. </div>
  508. </div>
  509.  
  510. </div>
  511. <!------ end muse 15 ------>
  512.  
  513. </div>
  514.  
  515.  
  516. <div id="huney"><ul class="huney"><li><a href="https://redjamies.tumblr.com" title="code by ally"><span class="sf sf-cloud-o"></span></a></li></ul></div>
  517.  
  518.  
  519.  
  520. </body>
  521.  
  522.  
  523. </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!