API tools faq
paste
Advertisement
mebuckner

Custom Order - serpentJuliet

mebuckner
Aug 10th, 2020 (edited)
158
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.22 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.  
  5. body {
  6. background-color:#232426;
  7. background-repeat:no-repeat;
  8. background-attachment:fixed;
  9. margin: 0;
  10. overflow:auto;
  11. background-image:url('https://i.imgur.com/QsEKytp.jpg');
  12. background-size:cover;
  13. }
  14.  
  15. table, tr, td, li, p, div, .profileInfo td.text {
  16.     font-size: 10px;
  17.     color: #717171;
  18.     font-family: 'Poppins', sans-serif;}
  19.  
  20. i{
  21. color:#e4c4d0;
  22. }
  23.  
  24. b{
  25. color:#2a221e;
  26. }
  27.  
  28. .container {
  29. width:900px;
  30. height:600px;
  31. position:absolute;
  32. left:0;
  33. right:0;
  34. top:0;
  35. bottom:0;
  36. overflow:hidden;
  37. margin:auto;
  38. color:#fff;
  39. background-color:#2a221e;
  40. font-family: 'Abel', sans-serif;
  41. }
  42.  
  43. a:link, a:active, a:visited {
  44.     color: #e4c4d0;
  45.     font-family: Georgia;
  46.     font-size: 12px;
  47.     font-style: italic;
  48.     margin-left: 12px;
  49.     text-decoration: none;
  50. }
  51.  
  52. a:hover{
  53. text-decoration:none;
  54. color:#2a201b;
  55. }
  56.  
  57. h1{
  58. color: #fff;
  59. display: inline-block;
  60. margin-left: 15px;
  61. margin-right: 15px;
  62. font-family: Georiga;
  63. font-size: 20px;
  64. }
  65.  
  66. h2{
  67. color: #e4c4d0;
  68. display: inline-block;
  69. margin-left: 10px;
  70. margin-right: 15px;
  71. font-family: Georiga;
  72. font-size: 39px;
  73. margin-top: -138px;
  74. width: 212px;
  75. text-transform: uppercase;
  76. text-shadow: 2px 2px #00000073;
  77. }
  78.  
  79. h3{
  80. color: #e4c4d0;
  81. display: block;
  82. margin-left: 10px;
  83. margin-right: 15px;
  84. font-family: Georiga;
  85. font-size: 31px;
  86. width: 253px;
  87. text-transform: uppercase;
  88. text-shadow: 2px 2px #00000073;
  89. margin: 0;
  90. text-align: center;
  91. }
  92.  
  93. h4{
  94. color: #fff;
  95. display: block;
  96. margin-left: 10px;
  97. margin-right: 15px;
  98. font-family: Georiga;
  99. font-size: 21px;
  100. width: 127px;
  101. text-transform: uppercase;
  102. text-shadow: 2px 2px #00000073;
  103. margin: 0;
  104. text-align: center;
  105. background: #e4c4d0;
  106. margin-bottom: 10px;
  107. }
  108.  
  109. .divider {
  110. position: relative; left: 0; top: -4px; width: 325px; height: 2px; border-bottom: 2px solid #fff; opacity: .4; display: inline-block;
  111. }
  112.  
  113. ::-webkit-scrollbar-thumb:vertical {height:12px; background:#2a221e; border-top:10px solid #767066; border-bottom:10px solid #767066;}
  114. ::-webkit-scrollbar-thumb:horizontal {background-color:#2a221e;}
  115. ::-webkit-scrollbar {width:5px; height:7px;}
  116.  
  117.  
  118. .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>
  119. </style>
  120.  
  121.  
  122.  
  123.  
  124.  <!--like to meet-->
  125. <html>
  126. <body>
  127. <div class="container">
  128. <div style="width:900px; height:50px;">
  129. <div style="width: 900px; height: 50px; display: inline-block; vertical-align: top; background-color: #767066;">
  130. <h1>serpent<i>juliet</i></h1>
  131. <div class="divider"></div>
  132. <a href="/">home</a>
  133. <a href="/">message</a>
  134. <a href="/">comment</a>
  135. <a href="/">photos</a>
  136. <a href="/">stream</a>
  137. <a href="/">bulletins</a>
  138. <a href="/">blog</a>
  139. </div>
  140. <div style="width:290px; height:150px; background:#2a221e; display:inline-block; vertical-align:top;">
  141. <div style="width:250px; height:510px; margin-left:20px; margin-top:20px;">
  142. <img src="https://i.imgur.com/Xr3sPqI.png">
  143. <h2>Ultimate Wild card</h2>
  144. </div>
  145. </div>
  146. <div style="width: 607px; height: 150px; background:#2a221e; display:inline-block; vertical-align:top;">
  147. <div style="width: 600px; height: 100px; background: #fff; margin-top: 20px; margin-bottom: -10px;"><img src="https://i.imgur.com/wCOBm5k.png"></div>
  148. <img src="https://i.imgur.com/mVUxaht.gif" width="150px" style="margin-top:20px;">
  149. <div style="width: 258px; height: 167px; background: #767066; display: inline-block; vertical-align: top; margin-right: 10px; margin-left: 10px; margin-top: 20px; overflow:auto; font-family:Georgia; font-size:12px; color:#fff; text-align:justify; padding:10px;">
  150. <h3>Season One</h3>
  151. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here.
  152.  
  153. <h3>Season Two</h3>
  154. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here.
  155.  
  156. <h3>Season Three</h3>
  157. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here.
  158.  
  159. <h3>Season Four</h3>
  160. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here. about season here.
  161.  
  162. </div><img src="https://i.imgur.com/QwGLkbY.gif" width="150px" style="margin-top:20px;">
  163.  
  164. <div style="width: 110px; height: 179px; background: #767066; margin-top: 10px; display: inline-block; vertical-align: top; overflow: auto; font-family: Georgia; font-size: 12px; text-align: justify; color: #fff; padding:10px;"><h3 style="width:110px;">Basic Info</h3>
  165. <b>◆ Name:</b> Elizabeth <I>Betty</i> Cooper
  166. <br>
  167. <b>◆Nicknames:</b> B,Ms. Guyver, Saint Betty, Betts, Juliet, Cooper, The Girl Next Door, Poirot, Tracy Flick, Dark Betty, Season 5 Betty Draper, Nightmare Smurfette, Dumpty, Bride of Hobo, Invisible Woman, Betty Snooper, Nancy Drew, Benedict Betty, Northside Princess, Serpent Queen, Ponytail, Gryphon Queen
  168. <br>
  169. <b>◆Age:</b>17 years old
  170. <br>
  171. <b>◆Occupation:</b> Student, Gang Member, Cheerleader, Student Newspaper Editor
  172. <br>
  173. <b>◆Status:</b>Alive
  174. <br>
  175. <b>◆Affiliates:</b>Affiliation, Southside Serpents, River Vixens, The Blue and Gold
  176. <br>
  177. <b>◆Relatives:</b> Barnabas B. Blossom, Louis Cooper, Hal Cooper, Alice Cooper, Charles Smith, Polly Cooper, Juniper and Dagwood, Rose Blossom, Cliff Blossom, Claudius Blossom, Penelope Blossom, Cheryl Blossom, Jason Blossom
  178.  
  179. </div>
  180.  
  181.  
  182. <div style="width: 98px; height: 179px; background: #767066; margin-top: 10px; display: inline-block; margin-left:10px; vertical-align: top; overflow: auto; font-family: Georgia; font-size: 12px; text-align: justify; color: #fff; padding:10px;"><h3 style="width:98px;font-size: 13px;">Personality</h3>
  183. talk about your personality here. talk about your personality here. talk about your personality here. talk about your personality here. talk about your personality here. talk about your personality here. talk about your personality here. talk about your personality here. talk about your personality here. talk about your personality here. talk about your personality here. talk about your personality here. talk about your personality here. talk about your personality here. talk about your personality here. talk about your personality here. talk about your personality here. talk about your personality here. talk about your personality here. talk about your personality here. talk about your personality here. talk about your personality here. talk about your personality here. talk about your personality here. talk about your personality here. talk about your personality here. talk about your personality here. talk about your personality here. talk about your personality here. talk about your personality here. talk about your personality here. talk about your personality here.
  184. </div>
  185.  
  186.  
  187. <div style="width: 337px; height: 209px; display: inline-block; vertical-align: top; overflow: auto; font-family: Georgia; font-size: 12px; text-align: justify; color: #fff; margin-left: -2px;">
  188.  
  189. <div style="width: 122px; height: 84px; background: #767066; margin-top: 10px; display: inline-block; vertical-align: top; overflow: auto; font-family: Georgia; font-size: 12px; text-align: justify; color: #fff; margin-left: 10px; padding:5px;">
  190. <h4>love</h4>
  191. <b>status:</b> here <br>
  192. <b>to whom:</b> here.<br>
  193. <b>since when:</b> here<br>
  194. <b>comments:</b> here
  195. </div>
  196.  
  197. <div style="width: 182px; height: 94px; background: #767066; margin-top: 10px; display: inline-block; vertical-align: top; overflow: auto; font-family: Georgia; font-size: 12px; text-align: justify; color: #fff; margin-left: 10px;">
  198. <img src="https://i.imgur.com/NBy6KP3.gif">
  199. </div>
  200. <br>
  201. <div style="width: 182px; height: 94px; background: #767066; margin-top: 10px; display: inline-block; vertical-align: top; overflow: auto; font-family: Georgia; font-size: 12px; text-align: justify; color: #fff; margin-left: 10px;">
  202. <img src="https://i.imgur.com/yncyZby.gif">
  203. </div>
  204.  
  205. <div style="width: 132px; height: 94px; background: #767066; margin-top: 10px; display: inline-block; vertical-align: top; overflow: auto; font-family: Georgia; font-size: 12px; text-align: justify; color: #fff; margin-left: 10px;">
  206. <h4>first last</h4>
  207. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here.
  208.  
  209. <h4>first last</h4>
  210. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here.
  211.  
  212. <h4>first last</h4>
  213. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here.
  214.  
  215. <h4>first last</h4>
  216. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here.
  217.  
  218. <h4>first last</h4>
  219. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here.
  220. </div>
  221.  
  222.  
  223. </div>
  224. </div>
  225.  
  226.  
  227. </div>
  228.  
  229. </div>
  230. </div>
  231. </body>
  232. </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!