API tools faq
paste
Advertisement
mebuckner

Custom Order - layout - bookworm - two

mebuckner
Aug 1st, 2020 (edited)
182
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 12.98 KB | None | 0 0
raw download clone embed print report
  1. <!--about me-->
  2. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
  3. <style type="text/css">
  4. @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap');
  5.  
  6. body {
  7. background-color:#232426;
  8. background-repeat:no-repeat;
  9. background-attachment:fixed;
  10. margin: 0;
  11. overflow:auto;
  12. background-image:url('https://i.imgur.com/IFRPJQA.png');
  13. background-size:cover;
  14. }
  15.  
  16. table, tr, td, li, p, div, .profileInfo td.text {
  17. font-size: 11px;
  18. color: #272626;
  19. font-family: 'Poppins', sans-serif;
  20. }
  21.  
  22.  
  23. .container {
  24. width:900px;
  25. height:700px;
  26. position:absolute;
  27. left:0;
  28. right:0;
  29. top:0;
  30. bottom:0;
  31. overflow:hidden;
  32. margin:auto;
  33. color:#fff;
  34. background-color:#fff;
  35. font-family: 'Abel', sans-serif;
  36. border-bottom-right-radius: 46px;
  37. }
  38.  
  39. .roseIconTopLeft{
  40. width: 100px;
  41. height: 100px;
  42. background-color: #f7d0b8;
  43. border-radius: 50%;
  44. margin-left: -40px;
  45. z-index: 999;
  46. position: fixed;
  47. margin-top: -70px;
  48. border: solid 9px #fff;
  49. }
  50.  
  51. .topNavigationBar{
  52. width:900px;
  53. height:40px;
  54. background-color:#f7d0b8;
  55. text-align:right;
  56. }
  57.  
  58. a.topBarNavigationLinks:link, a.topBarNavigationLinks:visited {
  59.     background-color: #f7d0b8;
  60.     color: white;
  61.     width: 87px;
  62.     padding: 13px 25px;
  63.     text-align: center;
  64.     text-decoration: none;
  65.     display: inline-block;
  66. }
  67.  
  68. a.topBarNavigationLinks:hover, a.topBarNavigationLinks:active {
  69.   color: #acacab;
  70. }
  71.  
  72. .leftSideContainer{
  73. width:300px;
  74. height:660px;
  75. display:inline-block;
  76. vertical-align:top;
  77. }
  78.  
  79. .rightSideContainer{
  80. width:596px;
  81. height:660px;
  82. display:inline-block;
  83. vertical-align:top;
  84. }
  85.  
  86. h1{
  87. font-family: 'Poppins', sans-serif;
  88. text-transform: uppercase;
  89. color: #a08a7c;
  90. font-size: 26px;
  91. margin: 0;
  92. }
  93.  
  94.  
  95. h2{
  96. font-family: 'Poppins', sans-serif;
  97. text-transform: uppercase;
  98. background-color: #f7d0b8;
  99. font-size: 17px;
  100. margin: 0;
  101. text-align: center;
  102. letter-spacing: 9px;
  103. color: #fff;
  104. margin-bottom: 6px;
  105. }
  106.  
  107. h4{
  108. width: 100%;
  109. display: block;
  110. margin: 0;
  111. background: #abd4cc;
  112. padding: 5px;
  113. text-align: center;
  114. margin-top: 10px;
  115. }
  116.  
  117. ::-webkit-scrollbar-thumb:vertical {height:12px; background:#fff; border-top:10px solid #f7d0b8; border-bottom:10px solid #f7d0b8;}
  118. ::-webkit-scrollbar-thumb:horizontal {background-color:#fff;}
  119. ::-webkit-scrollbar {width:5px; height:7px;}
  120.  
  121.  
  122. .contacttable, .whitetext12, .nametext, .lightbluetext8, .orangetext15, .blacktext12, .btext, .redtext, .redbtext {display:none;height:0px;!important;visibility:hidden} td td td td {border:0px;width:0px;text-align:left;} table, td, tr {padding:0px;width:;background-color:transparent} table table table {padding:1px;height:.01%;width:100%;} table table,table table table table,table,tr,td {height:0px;!important;border:0px;!important} a.text, table div font a, .navbar font, tr td font {visibility:hidden;display:none;height:0px;!important;} #footerWarpper{display: none;} table table table table,table table table table td.text, td.text td.text table{display:none;} td.text table table{display:inline;visibility:visible;} table td table tr td.text table{visibility:hidden;} table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;} table.footer {display: none;} div table a.navbar img {display:none;} div table.navigationBar {margin-bottom:-30px;} .profileInfo {display:none;} .profileInfo td {text-align:left;} .profileInfo a img {position:relative; margin-bottom:-1px; margin-bottom:-2px; width:125px; margin-right:-6px; margin-top:4px; _margin-top:3px; display:block;} .profileInfo td td, .nametext, .msOnlineNow img {display:none;} .profileInfo td td.text {display:table-cell; _display:inline;} .profileInfo .text {font-size:7px; line-height:8px; text-transform:uppercase; font-family:small fonts;} .msOnlineNow {font-family:small fonts; letter-spacing:0px; font-size:7px; line-height:8px; padding:2px; padding-left:0px; text-transform:uppercase; font-weight:normal; display:none; text-decoration:blink; letter-spacing:2px;} .userAlbums {display:none;} div td {display:none;} </span>
  123. </style>
  124.  
  125.  
  126.  
  127. <!--like to meet-->
  128. <html>
  129. <body>
  130. <div class="container">
  131. <div class="topNavigationBar">
  132. <a href="" class="topBarNavigationLinks">home.</a> <a href="" class="topBarNavigationLinks">message.</a> <a href="" class="topBarNavigationLinks">comment.</a> <a href="" class="topBarNavigationLinks">photos.</a> <a href="" class="topBarNavigationLinks">stream.</a>
  133. </div>
  134. <div class="roseIconTopLeft">
  135. <span class="th th-rose" style="color:#fff; font-size:66px; margin-top:15px; margin-left:15px;"></span>
  136. </div>
  137. <div class="leftSideContainer">
  138. <img src="https://i.imgur.com/3E66wmf.png" style="margin-top: 10px; margin-left: 10px;">
  139. <center><h1>My Current Owes</h1>
  140. <div style="width:280px; height:120px; overflow:auto; margin-left:10px;text-align:justify;">
  141. <h2>I owe you</h2>
  142. <b>Name here</b> - <i>starter/reply</i> - 00/00 <br>
  143. <b>Name here</b> - <i>starter/reply</i> - 00/00 <br>
  144. <b>Name here</b> - <i>starter/reply</i> - 00/00 <br>
  145. <b>Name here</b> - <i>starter/reply</i> - 00/00 <br>
  146. <b>Name here</b> - <i>starter/reply</i> - 00/00 <br>
  147. </div>
  148. <div style="width:280px; height:120px; overflow:auto; margin-left:10px; text-align:justify;">
  149. <h2>You owe me</h2>
  150. <b>Name here</b> - <i>starter/reply</i> - 00/00 <br>
  151. <b>Name here</b> - <i>starter/reply</i> - 00/00 <br>
  152. <b>Name here</b> - <i>starter/reply</i> - 00/00 <br>
  153. <b>Name here</b> - <i>starter/reply</i> - 00/00 <br>
  154. <b>Name here</b> - <i>starter/reply</i> - 00/00 <br>
  155. </div>
  156. <h1>Last Updated: --/--</h1></center>
  157. </div>
  158.  
  159. <div class="rightSideContainer">
  160. <div style="width:283px; height:310px; display:inline-block;margin-top:10px; margin-left:10px; overflow:auto; text-align:justify; vertical-align:top;">
  161. <h2 style="letter-spacing: 5px;">tale as old as time</h2>
  162. <img src="https://i.imgur.com/1SzUYVY.png">
  163. Belle Sofia Devereaux was born to Maurice and Isabella Devereaux in a small village. When Belle was only an infant Isabella passed away due to illness leaving Maurice to raise Belle on his own. He was always a little quirky, always inventing things and fixing others. Belle grew up to be quirky in her own ways. She loved to read, always having her nose buried in a book. People around town thought she was odd and tried to keep away from her. As she grew up, she caught the eye of the very handsome Gaston. Every girl in the village was head over heels for him, except for Belle. He wanted to marry a girl and make her his little housewife which wasn’t the life Belle imagined for herself. Unfortunately, Gaston set his sights on her and was determined to make Belle his wife. She tried her best to politely turn him down, but he didn’t seem to want to listen.<br><br>
  164. One day when her father was off to the inventor’s fair their horse Filipe came back without her father. This worried Belle and she went out looking for him. Eventually she found him at a castle that seemed abandoned, except it wasn’t and he was being held prisoner for stealing a rose. Belle, feeling for her father, offered to take his place and the scary Beast agreed. She ended up falling in love with him despite his Beastly appearance. True love broke his curse and the curse on the castle, revealing the Beast was really Prince Adam. The two were married and then the war between good and evil swept across the land, ruining the time of happiness and peace they’d entered. Good won, of course. But they didn’t feel safe anymore. <br><br>
  165. When the idea of moving to a place where they’d be safe from the evil was floating around Bella and Adam jumped at the chance. Quickly moving to Old Bay where they hoped for a fresh start. A curse swept across the land once again, only this time it made Belle forget everything about her life in fairytale land, including Adam. As far as she was concerned, she was just Belle Devereaux, a girl living in a small town and taking care of her mentally ill father. She opened The Wilting Rose, a bar and club where she spent most of her time. She developed a bit of a drinking and drug problem, along with an affinity for partying. Having to care for her father made her life more difficult and he was suffering (at least that’s what she convinced herself of). She smothered him with a pillow one night to put him out of his misery. Now she’s 25 and living her best life, despite feeling like she didn’t belong and something just wasn’t right.
  166. </div>
  167. <div style="width:283px; height:310px; display:inline-block; margin-top:10px; margin-left:7px; vertical-align:top; overflow:auto;">
  168. <h2 style="letter-spacing: 4px;">Song as old as rhyme</h2>
  169. <img src="https://i.imgur.com/2veocRC.png">
  170. <b style="width: 64px; background-color: #abd4cc; display: inline-block; color: fff; padding: 3px; letter-spacing: 4px; margin-bottom:5px; margin-top:5px;">status:</b> single.<br>
  171. <b style="width: 64px; background-color: #abd4cc; display: inline-block; color: fff; padding: 3px; letter-spacing: 5px; margin-bottom:5px;">since:</b> forever.<br>
  172. <b style="width: 64px; background-color: #abd4cc; display: inline-block; color: fff; padding: 3px; letter-spacing: 9px; margin-bottom:5px;">who:</b> The Beast.<br>
  173. <b style="width: 64px; background-color: #abd4cc; display: inline-block; color: fff; padding: 3px;">Comments:</b> certain as the sun rising in the east. Tale as old as time, song as old as rhyme, Beauty and the Beast.
  174. </div>
  175. <br>
  176. <div style="width:283px; height:310px; display:inline-block; margin-top:10px; margin-left:10px; vertical-align:top; overflow:auto;">
  177. <h2 style="letter-spacing: 5px;">basic information</h2>
  178. <img src="https://i.imgur.com/rmGFBRo.png">
  179. <h4>Basic Information</h4>
  180. <ul>
  181. <li>
  182. <b>Full Name:</b> here
  183. </li>
  184. <li>
  185. <b>Nickname(s):</b> here
  186. </li>
  187. <li>
  188. <b>Age:</b> here
  189. </li>
  190. <li>
  191. <b>Date of Birth:</b> here
  192. </li>
  193. <li>
  194. <b>Hometown:</b> here
  195. </li>
  196. <li>
  197. <b>Current Location:</b> here
  198. </li>
  199. <li>
  200. <b>Ethnicity:</b> here
  201. </li>
  202. <li>
  203. <b>Nationality:</b> here
  204. </li>
  205. <li>
  206. <b>Gender:</b> here
  207. </li>
  208. <li>
  209. <b>Pronouns:</b> here
  210. </li>
  211. <li>
  212. <b>Orientation:</b> here
  213. </li>
  214. <li>
  215. <b>Religion:</b> here
  216. </li>
  217. <li>
  218. <b>Occupation:</b> here
  219. </li>
  220. </ul>
  221.  
  222. <h4>Physical Appearance</h4>
  223. <ul>
  224. <li>
  225. <b>Hair Color:</b> here
  226. </li>
  227. <li>
  228. <b>Eye Color:</b> here
  229. </li>
  230. <li>
  231. <b>Height:</b> here
  232. </li>
  233. <li>
  234. <b>Build:</b> here
  235. </li>
  236. <li>
  237. <b>Tattoos:</b> here
  238. </li>
  239. <li>
  240. <b>Piercings:</b> here
  241. </li>
  242. <li>
  243. <b>Clothing Style:</b> here
  244. </li>
  245. <li>
  246. <b>Distinguishing Characteristics:</b> here
  247. </li>
  248. </ul>
  249. <h4>Favorites</h4>
  250. <ul>
  251. <li>
  252. <b>Weather:</b> here
  253. </li>
  254. <li>
  255. <b>Color:</b> here
  256. </li>
  257. <li>
  258. <b>Music:</b> here
  259. </li>
  260. <li>
  261. <b>Sport:</b> here
  262. </li>
  263. <li>
  264. <b>Beverage:</b> here
  265. </li>
  266. <li>
  267. <b>Food:</b> here
  268. </li>
  269. </ul>
  270. </div>
  271. <div style="width:283px; height:310px; display:inline-block; margin-left:7px; vertical-align:top; margin-top:10px; overflow:auto;">
  272. <h2 style="letter-spacing: 5px;">the faithful friends</h2>
  273. <img src="https://i.imgur.com/aWTlIDr.png">
  274. <b style="width: 100px; background-color: #abd4cc; display: inline-block; color: fff; padding: 3px; letter-spacing: 4px; margin-bottom:5px; margin-top:5px;">name here</b> talk about the storyline here and what not so you can tell them how much you love and appreciate them/their storyline. talk about the storyline here and what not so you can tell them how much you love and appreciate them/their storyline. talk about the storyline here and what not so you can tell them how much you love and appreciate them/their storyline. <br><br>
  275. <b style="width: 100px; background-color: #abd4cc; display: inline-block; color: fff; padding: 3px; letter-spacing: 4px; margin-bottom:5px; margin-top:5px;">name here</b> talk about the storyline here and what not so you can tell them how much you love and appreciate them/their storyline. talk about the storyline here and what not so you can tell them how much you love and appreciate them/their storyline. talk about the storyline here and what not so you can tell them how much you love and appreciate them/their storyline. <br><br>
  276. <b style="width: 100px; background-color: #abd4cc; display: inline-block; color: fff; padding: 3px; letter-spacing: 4px; margin-bottom:5px; margin-top:5px;">name here</b> talk about the storyline here and what not so you can tell them how much you love and appreciate them/their storyline. talk about the storyline here and what not so you can tell them how much you love and appreciate them/their storyline. talk about the storyline here and what not so you can tell them how much you love and appreciate them/their storyline. <br><br>
  277. <b style="width: 100px; background-color: #abd4cc; display: inline-block; color: fff; padding: 3px; letter-spacing: 4px; margin-bottom:5px; margin-top:5px;">name here</b> talk about the storyline here and what not so you can tell them how much you love and appreciate them/their storyline. talk about the storyline here and what not so you can tell them how much you love and appreciate them/their storyline. talk about the storyline here and what not so you can tell them how much you love and appreciate them/their storyline. <br><br>
  278. </div>
  279. </div>
  280.  
  281.  
  282. </div>
  283. </body>
  284. </html>
  285.  
  286.  
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!