API tools faq
paste
sexycullen

# 193

sexycullen
Nov 8th, 2018 (edited)
3,121
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.82 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. <!--------------------------------------------
  8. SCOTTISBAE's THEMES #193
  9. THEME BY: http://scottisbae.tumblr.com/
  10.  
  11.  
  12. PLEASE DO NOT:
  13. remove the credits; claim as your own; use as a base, take parts
  14. of the theme.
  15. YOU CAN:
  16. edit as much as you want for your own personal use only.
  17.  
  18. CREDITS:
  19. saturnicons by themehive.
  20. font face by ddkinzart.
  21.  
  22. --------------------------------------------->
  23.  
  24. <title>{Title}</title>
  25. <link rel="shortcut icon" href="{Favicon}">
  26. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  27. <meta name="description" content="" />
  28. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  29.  
  30.  
  31. <!----- google fonts ---->
  32.  
  33. <link href="https://fonts.googleapis.com/css?family=Muli:400,400i,700,700i" rel="stylesheet">
  34.  
  35. <link href="https://fonts.googleapis.com/css?family=Hind:300,400,700" rel="stylesheet">
  36.  
  37. <link href="//solrainha.github.io/saturnicons/saturnicons.css" rel="stylesheet">
  38. <!----- google fonts ---->
  39.  
  40.  
  41.  
  42. <!----- tooltip ---->
  43. <script>
  44. (function($){
  45. $(document).ready(function(){
  46. $("a[title]").style_my_tooltips({
  47. tip_follows_cursor:true,
  48. tip_delay_time:90,
  49. tip_fade_speed:600,
  50. attribute:"title"
  51. });
  52. });
  53. })(jQuery);
  54. </script>
  55. <!----- tooltip ---->
  56.  
  57.  
  58. <style type="text/css">
  59.  
  60. ::-webkit-scrollbar-thumb {
  61. background-color:#151515;
  62. }
  63.  
  64. ::-webkit-scrollbar-track {
  65. background-color:#070707;
  66. }
  67.  
  68. ::-webkit-scrollbar {
  69. height:2px;
  70. width:2px;
  71. }
  72.  
  73.  
  74. /* if you don't want images black and white, set the grayscale to 0%
  75.  
  76. and if you don't want opacity, set opacity value to: 1 */
  77.  
  78. img {
  79. -webkit-filter: grayscale(100%);
  80. -webkit-transition: all 0.9s ease-in-out;
  81. -moz-transition: all 0.9s ease-in-out;
  82. -o-transition: all 0.9s ease-in-out;
  83. -ms-transition: all 0.9s ease-in-out;
  84. transition: all 0.9s ease-in-out;
  85. opacity:0.7;
  86. }
  87.  
  88. /* if you don't want images black and white, set the grayscale to 0%
  89.  
  90. and if you don't want opacity, set opacity value to: 1 */
  91.  
  92.  
  93. img:hover {
  94. -webkit-filter: grayscale(0%);
  95. -webkit-transition: all 0.9s ease-in-out;
  96. -moz-transition: all 0.9s ease-in-out;
  97. -o-transition: all 0.9s ease-in-out;
  98. -ms-transition: all 0.9s ease-in-out;
  99. transition: all 0.9s ease-in-out;
  100. }
  101.  
  102. body {
  103. color:#9f9f9f;
  104. font-family:'Muli', calibri;
  105. font-size:10px;
  106. background-color:#040404;
  107. background-image:url('{paste url of background here}');
  108. background-repeat: repeat;
  109. background-attachment: fixed;
  110. background-position:center;
  111. }
  112.  
  113.  
  114. b, strong {
  115. color: #c1c1c1;
  116. }
  117.  
  118. i, italic {
  119. color: #c3ced1;
  120. }
  121.  
  122. small, sup, sub {
  123. font-size: 10px;
  124. }
  125.  
  126. a {
  127. color: #bac2c6;
  128. text-decoration: none;
  129. -moz-transition-duration: 0.5s;
  130. -o-transition-duration: 0.5s;
  131. -webkit-transition-duration: 0.5s;
  132. transition-duration: 0.5s;
  133. }
  134.  
  135. a:hover {
  136. color: #838e94;
  137. text-decoration: none;
  138. -moz-transition-duration: 0.5s;
  139. -o-transition-duration: 0.5s;
  140. -webkit-transition-duration: 0.5s;
  141. transition-duration: 0.5s;
  142. }
  143.  
  144. ul li {
  145. color:#444;
  146. margin-left:-33px;
  147. list-style:none;
  148. }
  149.  
  150. ul li:before {
  151. color:#B2B9BE;
  152. content:'\e2bf';
  153. font-family:'saturnicons';
  154. margin-right:6px;
  155. font-size:7px;
  156. display:inline-block;
  157. vertical-align:middle;
  158. position:relative;
  159. }
  160.  
  161. ol {
  162. color:#444;
  163. margin-left:-25px;
  164. }
  165.  
  166. .sf {
  167. font-size:7px;
  168. color:{color:bold};
  169. }
  170.  
  171. .topsidebar {
  172. margin: auto;
  173. width:810px;
  174. overflow:hidden;
  175. padding:10px;
  176. background-color:#070707;
  177. border:1px solid #0a0a0a;
  178. }
  179.  
  180. @font-face{font-family:"selima";src:url('http://static.tumblr.com/it5srtk/CFPorxbpc/selima.otf');}
  181.  
  182. .title {
  183. margin:-10px 0 0 0;
  184. text-align:center;
  185. font-family:'selima', arial;
  186. font-size:23px;
  187. color: #c1c1c1;
  188. }
  189.  
  190.  
  191. .bottomsidebar {
  192. margin: auto;
  193. width:810px;
  194. overflow:hidden;
  195. padding:10px;
  196. background-color:#070707;
  197. border:1px solid #0a0a0a;
  198. }
  199.  
  200. .sidebarlinks {
  201. overflow:hidden;
  202. font-family:'hind', arial;
  203. font-size:8px;
  204. letter-spacing:1.5px;
  205. text-transform:uppercase;
  206. font-weight:bold;
  207. color: #c1c1c1;
  208. }
  209.  
  210. .sidebarlinks a {
  211. color: #c1c1c1;
  212. padding:2px;
  213. -moz-transition-duration: 0.5s;
  214. -o-transition-duration: 0.5s;
  215. -webkit-transition-duration: 0.5s;
  216. transition-duration: 0.5s;
  217. }
  218.  
  219.  
  220. .container {
  221. margin: auto;
  222. margin-top:40px;
  223. width: 900px;
  224. overflow:hidden;
  225. }
  226.  
  227.  
  228. /* main container */
  229. .thecontainer {
  230. width:810px;
  231. height:460px;
  232. overflow-y:scroll;
  233. margin: auto;
  234. padding:10px;
  235. margin-bottom:2px;
  236. margin-top:2px;
  237. background-color:#070707;
  238. border: solid 1px #0a0a0a;
  239. }
  240. /* main container */
  241.  
  242.  
  243.  
  244.  
  245.  
  246.  
  247.  
  248. /* EDIT CSS FROM THE MUSES BELOW */
  249.  
  250.  
  251.  
  252.  
  253. /* container where the muses are */
  254. .musewrap {
  255. overflow:hidden;
  256. margin: auto;
  257. width: 801px;
  258. border: solid 1px #0a0a0a;
  259. background: #040404;
  260. }
  261. /* container where the muses are */
  262.  
  263.  
  264. .muserow {
  265. overflow:hidden;
  266. margin: auto;
  267. }
  268.  
  269.  
  270. /* each muse box */
  271. .musecontainer {
  272. position:relative;
  273. float:left;
  274. margin:4px;
  275. width: 390px;
  276. height: 118px;
  277. background: #070707;
  278. border: solid 1px #0a0a0a;
  279. margin-top:10px;
  280. margin-bottom:10px;
  281. overflow-y:scroll;
  282. }
  283. /* each muse box */
  284.  
  285.  
  286.  
  287.  
  288. /* icons */
  289. .museimage {
  290. position:absolute;
  291. margin:8px;
  292. width: 100px;
  293. height: 100px;
  294. border: solid 1px #0a0a0a;
  295. }
  296.  
  297. .museimage img {
  298. object-fit:cover;
  299. }
  300. /* icons */
  301.  
  302.  
  303.  
  304. /* muse info on the right */
  305. .museinfo {
  306. width: 255px;
  307. height: 90px;
  308. padding:5px;
  309. margin:8px;
  310. margin-left:117px;
  311. background: #040404;
  312. border: solid 1px #0a0a0a;
  313. overflow-y:scroll;
  314. }
  315. /* muse info on the right */
  316.  
  317.  
  318.  
  319.  
  320. /* muse links */
  321. .links {
  322. margin: 5px 5px 5px 10px;
  323. text-transform: lowercase;
  324. text-align: left;
  325. }
  326.  
  327. .links a {
  328. margin: 0px 5px 0px 5px;
  329. }
  330. /* muse links */
  331.  
  332.  
  333.  
  334.  
  335. /* muse info extra text */
  336. .musetext {
  337. width: 365px;
  338. text-transform: lowercase;
  339. padding: 5px;
  340. margin:10px 0 10px 6px;
  341. text-align: center;
  342. border: solid 1px #0a0a0a;
  343. background: #040404;
  344. float:clear;
  345. }
  346. /* muse info extra text */
  347.  
  348.  
  349. .credit {
  350. position:relative;
  351. font-weight:bold;
  352. font-family:'hind', arial;
  353. font-size:8px;
  354. letter-spacing:1.5px;
  355. text-transform:uppercase;
  356. color: #a5997d;
  357. float:right;
  358. }
  359.  
  360. .credit a {
  361. color: #c1c1c1;
  362. padding:3px;
  363. }
  364.  
  365. </style>
  366. </head>
  367.  
  368.  
  369. <body>
  370. <div class="container">
  371. <div class="topsidebar">
  372. <div class="title">
  373. lorem ipsum consectetuer mattis porta urna, adipiscing elit
  374. </div>
  375. </div>
  376. <div class="thecontainer">
  377. <div class="musewrap">
  378. <div class="muserow">
  379.  
  380.  
  381. <!-- START CHARACTER #1 --->
  382. <div class="musecontainer">
  383. <img class="museimage" src="https://static.tumblr.com/9ec5290758f257f0f62d6642094175d8/0siu224/Jalphqa6c/tumblr_static_50cm9f5ofu4o4gcs48ww0oooc.png" />
  384. <div class="museinfo">
  385. <div style="text-transform: uppercase; margin: 5px 0 5px 0; padding: 0 0 5px 0; text-align: left; border-bottom: solid 1px #0a0a0a;">
  386. Name<strong> Last</strong>  CHARACTER <strong># 1</strong>
  387. </div>
  388. <div class="links">
  389. <a href="/tagged/">interactions</a> <a href="/tagged/">gallery</a> <a href="/tagged/">relate</a> <a href="/tagged/">starter</a> <a href="/tagged/">likes</a>
  390. </div>
  391. <div style="text-transform: lowercase; text-align: left; margin-bottom: 8px;">
  392. <strong>age:</strong> age here <strong>pronouns:</strong> she/her <strong>sexuality: </strong>sexuality <strong>traits:</strong> persuasive, amusing, ebullient, careless, flirtatious and materialistic <strong>faceclaim:</strong> faceclaim here
  393. </div>
  394. </div>
  395. <div class="musetext">
  396. <p><strong>&amp;.</strong> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo rerum nisi consequuntur fugit labore, omnis accusantium eos id unde in dignissimos aliquam, ducimus soluta sint, obcaecati rem at reiciendis debitis?</p>
  397. <p><strong>&amp;.</strong> Itaque, recusandae animi delectus ab ullam sunt in velit commodi quia ex similique et maxime dicta vero eaque accusantium odio eum distinctio esse accusamus, ipsum ipsa ducimus. Sunt, odio vel.</p>
  398. <p><strong>&amp;.</strong> Illo iure voluptate culpa vitae provident, ipsum officiis dolorem amet optio dolores reiciendis deleniti facere tempore velit perspiciatis non obcaecati consequuntur esse iusto atque rerum facilis. Blanditiis a veniam aut.</p>
  399. </div>
  400. </div>
  401. <!-- END CHARACTER #1 --->
  402.  
  403.  
  404.  
  405.  
  406.  
  407. <!-- START CHARACTER #2 --->
  408. <div class="musecontainer">
  409. <img class="museimage" src="https://static.tumblr.com/07ba328a4d421c9621f30aa842caed4e/0siu224/ph1phqa6c/tumblr_static_dg7scr7xz08wkwows84cswkk4.png" />
  410. <div class="museinfo">
  411. <div style="text-transform: uppercase; margin: 5px 0 5px 0; padding: 0 0 5px 0; text-align: left; border-bottom: solid 1px #0a0a0a;">
  412. Name<strong> Last</strong>  CHARACTER <strong># 2</strong>
  413. </div>
  414. <div class="links">
  415. <a href="/tagged/">interactions</a> <a href="/tagged/">gallery</a> <a href="/tagged/">relate</a> <a href="/tagged/">starter</a> <a href="/tagged/">likes</a>
  416. </div>
  417. <div style="text-transform: lowercase; text-align: left; margin-bottom: 8px;">
  418. <strong>age:</strong> age here <strong>pronouns:</strong> she/her <strong>sexuality: </strong>sexuality <strong>traits:</strong> persuasive, amusing, ebullient, careless, flirtatious and materialistic <strong>faceclaim:</strong> faceclaim here
  419. </div>
  420. </div>
  421. <div class="musetext">
  422. <p><strong>&amp;.</strong> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo rerum nisi consequuntur fugit labore, omnis accusantium eos id unde in dignissimos aliquam, ducimus soluta sint, obcaecati rem at reiciendis debitis?</p>
  423. <p><strong>&amp;.</strong> Itaque, recusandae animi delectus ab ullam sunt in velit commodi quia ex similique et maxime dicta vero eaque accusantium odio eum distinctio esse accusamus, ipsum ipsa ducimus. Sunt, odio vel.</p>
  424. <p><strong>&amp;.</strong> Illo iure voluptate culpa vitae provident, ipsum officiis dolorem amet optio dolores reiciendis deleniti facere tempore velit perspiciatis non obcaecati consequuntur esse iusto atque rerum facilis. Blanditiis a veniam aut.</p>
  425. </div>
  426. </div>
  427. <!-- END CHARACTER #2 --->
  428.  
  429.  
  430.  
  431.  
  432.  
  433. <!-- START CHARACTER #3 --->
  434. <div class="musecontainer">
  435. <img class="museimage" src="https://static.tumblr.com/07ba328a4d421c9621f30aa842caed4e/0siu224/ph1phqa6c/tumblr_static_dg7scr7xz08wkwows84cswkk4.png" />
  436. <div class="museinfo">
  437. <div style="text-transform: uppercase; margin: 5px 0 5px 0; padding: 0 0 5px 0; text-align: left; border-bottom: solid 1px #0a0a0a;">
  438. Name<strong> Last</strong>  CHARACTER <strong># 3</strong>
  439. </div>
  440. <div class="links">
  441. <a href="/tagged/">interactions</a> <a href="/tagged/">gallery</a> <a href="/tagged/">relate</a> <a href="/tagged/">starter</a> <a href="/tagged/">likes</a>
  442. </div>
  443. <div style="text-transform: lowercase; text-align: left; margin-bottom: 8px;">
  444. <strong>age:</strong> age here <strong>pronouns:</strong> she/her <strong>sexuality: </strong>sexuality <strong>traits:</strong> persuasive, amusing, ebullient, careless, flirtatious and materialistic <strong>faceclaim:</strong> faceclaim here
  445. </div>
  446. </div>
  447. <div class="musetext">
  448. <p><strong>&amp;.</strong> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo rerum nisi consequuntur fugit labore, omnis accusantium eos id unde in dignissimos aliquam, ducimus soluta sint, obcaecati rem at reiciendis debitis?</p>
  449. <p><strong>&amp;.</strong> Itaque, recusandae animi delectus ab ullam sunt in velit commodi quia ex similique et maxime dicta vero eaque accusantium odio eum distinctio esse accusamus, ipsum ipsa ducimus. Sunt, odio vel.</p>
  450. <p><strong>&amp;.</strong> Illo iure voluptate culpa vitae provident, ipsum officiis dolorem amet optio dolores reiciendis deleniti facere tempore velit perspiciatis non obcaecati consequuntur esse iusto atque rerum facilis. Blanditiis a veniam aut.</p>
  451. </div>
  452. </div>
  453. <!-- END CHARACTER #3 --->
  454.  
  455.  
  456.  
  457.  
  458.  
  459.  
  460. <!-- START CHARACTER #4 --->
  461. <div class="musecontainer">
  462. <img class="museimage" src="https://static.tumblr.com/9ec5290758f257f0f62d6642094175d8/0siu224/Jalphqa6c/tumblr_static_50cm9f5ofu4o4gcs48ww0oooc.png" />
  463. <div class="museinfo">
  464. <div style="text-transform: uppercase; margin: 5px 0 5px 0; padding: 0 0 5px 0; text-align: left; border-bottom: solid 1px #0a0a0a;">
  465. Name<strong> Last</strong>  CHARACTER <strong># 4</strong>
  466. </div>
  467. <div class="links">
  468. <a href="/tagged/">interactions</a> <a href="/tagged/">gallery</a> <a href="/tagged/">relate</a> <a href="/tagged/">starter</a> <a href="/tagged/">likes</a>
  469. </div>
  470. <div style="text-transform: lowercase; text-align: left; margin-bottom: 8px;">
  471. <strong>age:</strong> age here <strong>pronouns:</strong> she/her <strong>sexuality: </strong>sexuality <strong>traits:</strong> persuasive, amusing, ebullient, careless, flirtatious and materialistic <strong>faceclaim:</strong> faceclaim here
  472. </div>
  473. </div>
  474. <div class="musetext">
  475. <p><strong>&amp;.</strong> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo rerum nisi consequuntur fugit labore, omnis accusantium eos id unde in dignissimos aliquam, ducimus soluta sint, obcaecati rem at reiciendis debitis?</p>
  476. <p><strong>&amp;.</strong> Itaque, recusandae animi delectus ab ullam sunt in velit commodi quia ex similique et maxime dicta vero eaque accusantium odio eum distinctio esse accusamus, ipsum ipsa ducimus. Sunt, odio vel.</p>
  477. <p><strong>&amp;.</strong> Illo iure voluptate culpa vitae provident, ipsum officiis dolorem amet optio dolores reiciendis deleniti facere tempore velit perspiciatis non obcaecati consequuntur esse iusto atque rerum facilis. Blanditiis a veniam aut.</p>
  478. </div>
  479. </div>
  480. <!-- END CHARACTER #4 --->
  481.  
  482.  
  483.  
  484.  
  485.  
  486.  
  487.  
  488. <!-- START CHARACTER #5 --->
  489. <div class="musecontainer">
  490. <img class="museimage" src="https://static.tumblr.com/9ec5290758f257f0f62d6642094175d8/0siu224/Jalphqa6c/tumblr_static_50cm9f5ofu4o4gcs48ww0oooc.png" />
  491. <div class="museinfo">
  492. <div style="text-transform: uppercase; margin: 5px 0 5px 0; padding: 0 0 5px 0; text-align: left; border-bottom: solid 1px #0a0a0a;">
  493. Name<strong> Last</strong>  CHARACTER <strong># 5</strong>
  494. </div>
  495. <div class="links">
  496. <a href="/tagged/">interactions</a> <a href="/tagged/">gallery</a> <a href="/tagged/">relate</a> <a href="/tagged/">starter</a> <a href="/tagged/">likes</a>
  497. </div>
  498. <div style="text-transform: lowercase; text-align: left; margin-bottom: 8px;">
  499. <strong>age:</strong> age here <strong>pronouns:</strong> she/her <strong>sexuality: </strong>sexuality <strong>traits:</strong> persuasive, amusing, ebullient, careless, flirtatious and materialistic <strong>faceclaim:</strong> faceclaim here
  500. </div>
  501. </div>
  502. <div class="musetext">
  503. <p><strong>&amp;.</strong> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo rerum nisi consequuntur fugit labore, omnis accusantium eos id unde in dignissimos aliquam, ducimus soluta sint, obcaecati rem at reiciendis debitis?</p>
  504. <p><strong>&amp;.</strong> Itaque, recusandae animi delectus ab ullam sunt in velit commodi quia ex similique et maxime dicta vero eaque accusantium odio eum distinctio esse accusamus, ipsum ipsa ducimus. Sunt, odio vel.</p>
  505. <p><strong>&amp;.</strong> Illo iure voluptate culpa vitae provident, ipsum officiis dolorem amet optio dolores reiciendis deleniti facere tempore velit perspiciatis non obcaecati consequuntur esse iusto atque rerum facilis. Blanditiis a veniam aut.</p>
  506. </div>
  507. </div>
  508.  
  509. <!-- END CHARACTER #5 --->
  510.  
  511.  
  512.  
  513.  
  514.  
  515. <!-- START CHARACTER #6 --->
  516. <div class="musecontainer">
  517. <img class="museimage" src="https://static.tumblr.com/07ba328a4d421c9621f30aa842caed4e/0siu224/ph1phqa6c/tumblr_static_dg7scr7xz08wkwows84cswkk4.png" />
  518. <div class="museinfo">
  519. <div style="text-transform: uppercase; margin: 5px 0 5px 0; padding: 0 0 5px 0; text-align: left; border-bottom: solid 1px #0a0a0a;">
  520. Name<strong> Last</strong>  CHARACTER <strong># 6</strong>
  521. </div>
  522. <div class="links">
  523. <a href="/tagged/">interactions</a> <a href="/tagged/">gallery</a> <a href="/tagged/">relate</a> <a href="/tagged/">starter</a> <a href="/tagged/">likes</a>
  524. </div>
  525. <div style="text-transform: lowercase; text-align: left; margin-bottom: 8px;">
  526. <strong>age:</strong> age here <strong>pronouns:</strong> she/her <strong>sexuality: </strong>sexuality <strong>traits:</strong> persuasive, amusing, ebullient, careless, flirtatious and materialistic <strong>faceclaim:</strong> faceclaim here
  527. </div>
  528. </div>
  529. <div class="musetext">
  530. <p><strong>&amp;.</strong> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo rerum nisi consequuntur fugit labore, omnis accusantium eos id unde in dignissimos aliquam, ducimus soluta sint, obcaecati rem at reiciendis debitis?</p>
  531. <p><strong>&amp;.</strong> Itaque, recusandae animi delectus ab ullam sunt in velit commodi quia ex similique et maxime dicta vero eaque accusantium odio eum distinctio esse accusamus, ipsum ipsa ducimus. Sunt, odio vel.</p>
  532. <p><strong>&amp;.</strong> Illo iure voluptate culpa vitae provident, ipsum officiis dolorem amet optio dolores reiciendis deleniti facere tempore velit perspiciatis non obcaecati consequuntur esse iusto atque rerum facilis. Blanditiis a veniam aut.</p>
  533. </div>
  534. </div>
  535.  
  536. <!-- END CHARACTER #6 --->
  537.  
  538.  
  539.  
  540.  
  541.  
  542.  
  543.  
  544. <!-- START CHARACTER #7 --->
  545. <div class="musecontainer">
  546. <img class="museimage" src="https://static.tumblr.com/07ba328a4d421c9621f30aa842caed4e/0siu224/ph1phqa6c/tumblr_static_dg7scr7xz08wkwows84cswkk4.png" />
  547. <div class="museinfo">
  548. <div style="text-transform: uppercase; margin: 5px 0 5px 0; padding: 0 0 5px 0; text-align: left; border-bottom: solid 1px #0a0a0a;">
  549. Name<strong> Last</strong>  CHARACTER <strong># 7</strong>
  550. </div>
  551. <div class="links">
  552. <a href="/tagged/">interactions</a> <a href="/tagged/">gallery</a> <a href="/tagged/">relate</a> <a href="/tagged/">starter</a> <a href="/tagged/">likes</a>
  553. </div>
  554. <div style="text-transform: lowercase; text-align: left; margin-bottom: 8px;">
  555. <strong>age:</strong> age here <strong>pronouns:</strong> she/her <strong>sexuality: </strong>sexuality <strong>traits:</strong> persuasive, amusing, ebullient, careless, flirtatious and materialistic <strong>faceclaim:</strong> faceclaim here
  556. </div>
  557. </div>
  558. <div class="musetext">
  559. <p><strong>&amp;.</strong> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo rerum nisi consequuntur fugit labore, omnis accusantium eos id unde in dignissimos aliquam, ducimus soluta sint, obcaecati rem at reiciendis debitis?</p>
  560. <p><strong>&amp;.</strong> Itaque, recusandae animi delectus ab ullam sunt in velit commodi quia ex similique et maxime dicta vero eaque accusantium odio eum distinctio esse accusamus, ipsum ipsa ducimus. Sunt, odio vel.</p>
  561. <p><strong>&amp;.</strong> Illo iure voluptate culpa vitae provident, ipsum officiis dolorem amet optio dolores reiciendis deleniti facere tempore velit perspiciatis non obcaecati consequuntur esse iusto atque rerum facilis. Blanditiis a veniam aut.</p>
  562. </div>
  563. </div>
  564. <!-- END CHARACTER #7 --->
  565.  
  566.  
  567.  
  568.  
  569.  
  570.  
  571.  
  572.  
  573. <!-- START CHARACTER #8 --->
  574. <div class="musecontainer">
  575. <img class="museimage" src="https://static.tumblr.com/9ec5290758f257f0f62d6642094175d8/0siu224/Jalphqa6c/tumblr_static_50cm9f5ofu4o4gcs48ww0oooc.png" />
  576. <div class="museinfo">
  577. <div style="text-transform: uppercase; margin: 5px 0 5px 0; padding: 0 0 5px 0; text-align: left; border-bottom: solid 1px #0a0a0a;">
  578. Name<strong> Last</strong>  CHARACTER <strong># 8</strong>
  579. </div>
  580. <div class="links">
  581. <a href="/tagged/">interactions</a> <a href="/tagged/">gallery</a> <a href="/tagged/">relate</a> <a href="/tagged/">starter</a> <a href="/tagged/">likes</a>
  582. </div>
  583. <div style="text-transform: lowercase; text-align: left; margin-bottom: 8px;">
  584. <strong>age:</strong> age here <strong>pronouns:</strong> she/her <strong>sexuality: </strong>sexuality <strong>traits:</strong> persuasive, amusing, ebullient, careless, flirtatious and materialistic <strong>faceclaim:</strong> faceclaim here
  585. </div>
  586. </div>
  587. <div class="musetext">
  588. <p><strong>&amp;.</strong> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo rerum nisi consequuntur fugit labore, omnis accusantium eos id unde in dignissimos aliquam, ducimus soluta sint, obcaecati rem at reiciendis debitis?</p>
  589. <p><strong>&amp;.</strong> Itaque, recusandae animi delectus ab ullam sunt in velit commodi quia ex similique et maxime dicta vero eaque accusantium odio eum distinctio esse accusamus, ipsum ipsa ducimus. Sunt, odio vel.</p>
  590. <p><strong>&amp;.</strong> Illo iure voluptate culpa vitae provident, ipsum officiis dolorem amet optio dolores reiciendis deleniti facere tempore velit perspiciatis non obcaecati consequuntur esse iusto atque rerum facilis. Blanditiis a veniam aut.</p>
  591. </div>
  592. </div>
  593. <!-- END CHARACTER #8 --->
  594.  
  595.  
  596.  
  597.  
  598.  
  599.  
  600.  
  601.  
  602.  
  603. <!-- START CHARACTER #9 --->
  604. <div class="musecontainer">
  605. <img class="museimage" src="https://static.tumblr.com/9ec5290758f257f0f62d6642094175d8/0siu224/Jalphqa6c/tumblr_static_50cm9f5ofu4o4gcs48ww0oooc.png" />
  606. <div class="museinfo">
  607. <div style="text-transform: uppercase; margin: 5px 0 5px 0; padding: 0 0 5px 0; text-align: left; border-bottom: solid 1px #0a0a0a;">
  608. Name<strong> Last</strong>  CHARACTER <strong># 9</strong>
  609. </div>
  610. <div class="links">
  611. <a href="/tagged/">interactions</a> <a href="/tagged/">gallery</a> <a href="/tagged/">relate</a> <a href="/tagged/">starter</a> <a href="/tagged/">likes</a>
  612. </div>
  613. <div style="text-transform: lowercase; text-align: left; margin-bottom: 8px;">
  614. <strong>age:</strong> age here <strong>pronouns:</strong> she/her <strong>sexuality: </strong>sexuality <strong>traits:</strong> persuasive, amusing, ebullient, careless, flirtatious and materialistic <strong>faceclaim:</strong> faceclaim here
  615. </div>
  616. </div>
  617. <div class="musetext">
  618. <p><strong>&amp;.</strong> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo rerum nisi consequuntur fugit labore, omnis accusantium eos id unde in dignissimos aliquam, ducimus soluta sint, obcaecati rem at reiciendis debitis?</p>
  619. <p><strong>&amp;.</strong> Itaque, recusandae animi delectus ab ullam sunt in velit commodi quia ex similique et maxime dicta vero eaque accusantium odio eum distinctio esse accusamus, ipsum ipsa ducimus. Sunt, odio vel.</p>
  620. <p><strong>&amp;.</strong> Illo iure voluptate culpa vitae provident, ipsum officiis dolorem amet optio dolores reiciendis deleniti facere tempore velit perspiciatis non obcaecati consequuntur esse iusto atque rerum facilis. Blanditiis a veniam aut.</p>
  621. </div>
  622. </div>
  623.  
  624. <!-- END CHARACTER #9 --->
  625.  
  626.  
  627.  
  628.  
  629.  
  630.  
  631.  
  632.  
  633.  
  634. <!-- START CHARACTER #10 --->
  635. <div class="musecontainer">
  636. <img class="museimage" src="https://static.tumblr.com/07ba328a4d421c9621f30aa842caed4e/0siu224/ph1phqa6c/tumblr_static_dg7scr7xz08wkwows84cswkk4.png" />
  637. <div class="museinfo">
  638. <div style="text-transform: uppercase; margin: 5px 0 5px 0; padding: 0 0 5px 0; text-align: left; border-bottom: solid 1px #0a0a0a;">
  639. Name<strong> Last</strong>  CHARACTER <strong># 10</strong>
  640. </div>
  641. <div class="links">
  642. <a href="/tagged/">interactions</a> <a href="/tagged/">gallery</a> <a href="/tagged/">relate</a> <a href="/tagged/">starter</a> <a href="/tagged/">likes</a>
  643. </div>
  644. <div style="text-transform: lowercase; text-align: left; margin-bottom: 8px;">
  645. <strong>age:</strong> age here <strong>pronouns:</strong> she/her <strong>sexuality: </strong>sexuality <strong>traits:</strong> persuasive, amusing, ebullient, careless, flirtatious and materialistic <strong>faceclaim:</strong> faceclaim here
  646. </div>
  647. </div>
  648. <div class="musetext">
  649. <p><strong>&amp;.</strong> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo rerum nisi consequuntur fugit labore, omnis accusantium eos id unde in dignissimos aliquam, ducimus soluta sint, obcaecati rem at reiciendis debitis?</p>
  650. <p><strong>&amp;.</strong> Itaque, recusandae animi delectus ab ullam sunt in velit commodi quia ex similique et maxime dicta vero eaque accusantium odio eum distinctio esse accusamus, ipsum ipsa ducimus. Sunt, odio vel.</p>
  651. <p><strong>&amp;.</strong> Illo iure voluptate culpa vitae provident, ipsum officiis dolorem amet optio dolores reiciendis deleniti facere tempore velit perspiciatis non obcaecati consequuntur esse iusto atque rerum facilis. Blanditiis a veniam aut.</p>
  652. </div>
  653. </div>
  654. <!-- END CHARACTER #10 --->
  655. <!-- you can paste more chars below here --->
  656.  
  657.  
  658.  
  659.  
  660.  
  661.  
  662.  
  663.  
  664. </div>
  665. </div>
  666. </div>
  667. <!-- sidebar links here --->
  668. <div class="topsidebar">
  669. <div class="sidebarlinks">
  670. <span class="sf sf-cross-o"></span>
  671. <a href="/">back to blog</a> 
  672.  
  673. <span class="sf sf-check-o"></span>
  674. <a href="/dashboard">dashboard</a>   
  675.  
  676. <span class="sf sf-check-o"></span>
  677. <a href="/">link 1</a> 
  678.  
  679. <span class="sf sf-check-o"></span>
  680. <a href="/">link 2</a> 
  681.  
  682. <span class="sf sf-check-o"></span>
  683. <a href="/">link 3</a> 
  684.  
  685. <span class="sf sf-check-o"></span>
  686. <a href="/">link 4</a> 
  687.  
  688. <span class="sf sf-check-o"></span>
  689. <a href="/">link 5</a> 
  690. <!-- sidebar links here // copy and paste as many as it fits there --->
  691.  
  692.  
  693.  
  694.  
  695.  
  696.  
  697.  
  698. <span class="credit"><a href="http://scottisbae.tumblr.com/">scottisbae</a></span>
  699. </div>
  700. </div>
  701.  
  702.  
  703. </body>
  704. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!