API tools faq
paste
mebuckner

Custom Order - Enigma - Layout

mebuckner
Aug 23rd, 2020 (edited)
136
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 12.60 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=Alata&display=swap');
  5.  
  6. body {
  7. background-color:#232426;
  8. background-repeat:repeat;
  9. background-attachment:fixed;
  10. margin: 0;
  11. overflow:auto;
  12. background-image:url('https://i.imgur.com/qGOhHJU.png');
  13. background-size:cover;
  14. }
  15.  
  16. table, tr, td, li, p, div, .profileInfo td.text {
  17. font-size: 11px;
  18. color: #000;
  19. font-family: Georgia;}
  20.  
  21. h1{
  22. font-family: 'Alata', sans-serif; width: 100%; text-align: center; font-size: 15px; margin: 0; margin-top: 10px; letter-spacing: 20px;
  23. }
  24.  
  25. b { color: #fff; font-family: Georgia; font-size: 12px; background: #530202; padding: 5px; line-height: 31px; }
  26.  
  27.  
  28. h2{
  29. font-family: 'Alata', sans-serif; width: 100%; text-align: center; font-size: 16px; margin: 0; margin-top: 8px; letter-spacing: 9px; color: #530202;
  30. }
  31.  
  32. h3{
  33. font-family: 'Alata', sans-serif; width: 100%; text-align: center; font-size: 16px; margin: 0; margin-top: 8px; letter-spacing: 3px; color: #530202; margin-bottom:8px;
  34. }
  35.  
  36. h4{
  37. font-family: 'Alata', sans-serif; width: 576px; text-align: center; font-size: 16px; margin: 0; margin-top: 8px; letter-spacing: 3px; color: #fff; margin-bottom: 8px; background: #530202; padding: 5px; padding-top: 0px;
  38. }
  39.  
  40. a:link, a:active, a:visited { color: #000; font-family: Georgia; text-transform: uppercase; padding-left: 5px; padding-right: 5px; margin-top: 10px; display: inline-block; }
  41.  
  42. a:hover{text-decoration:none; color:red;}
  43.  
  44. .container {
  45. width:800px;
  46. height:700px;
  47. position:absolute;
  48. left:0;
  49. right:0;
  50. top:0;
  51. bottom:0;
  52. overflow:hidden;
  53. margin:auto;
  54. color:#000;
  55. background-color:#fff;
  56. font-family: 'Abel', sans-serif;
  57. }
  58.  
  59.  
  60.  
  61. ::-webkit-scrollbar-thumb:vertical {height:12px; background:#040202; border-top:10px solid #000; border-bottom:10px solid #000;}
  62. ::-webkit-scrollbar-thumb:horizontal {background-color:#040202;}
  63. ::-webkit-scrollbar {width:5px; height:7px;}
  64.  
  65.  
  66. .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>
  67. </style>
  68.  
  69.  
  70.  
  71.  
  72.  
  73.  
  74.  
  75.  
  76.  
  77.  
  78.  
  79. <!--like to meet-->
  80. <html>
  81. <body>
  82.  
  83.  
  84. <div class="container">
  85. <div style="width: 300px; height: 448px; display: inline-block; vertical-align: top;">
  86. <center>
  87. <h1>ENIGMA</h1>
  88. <img src="https://i.imgur.com/mwp4giH.png" style="margin-top:10px; width:200px;"><br>
  89. <a href="/">home</a> <a href="/">message</a> <a href="/">comment</a> <a href="/">photos</a> <a href="/">stream</a> <a href="/">blog</a> <a href="/">writing</a>
  90. <br>
  91. <h2>current owes</h2>
  92. <div style="margin-top:10px; width:200px; height:90px; overflow:auto; font-family:Georgia; font-size:12px; text-align:justify; color:#000;">
  93. <b>name</b> - I owe - 00/00 - starter/reply <br>
  94. <b>name</b> - They owe - 00/00 - starter/reply <br>
  95. <b>name</b> - I owe - 00/00 - starter/reply <br>
  96. <b>name</b> - They owe - 00/00 - starter/reply <br>
  97. <b>name</b> - I owe - 00/00 - starter/reply <br>
  98. <b>name</b> - They owe - 00/00 - starter/reply <br>
  99. <b>name</b> - I owe - 00/00 - starter/reply <br>
  100. <b>name</b> - They owe - 00/00 - starter/reply <br>
  101. <b>name</b> - I owe - 00/00 - starter/reply <br>
  102. <b>name</b> - They owe - 00/00 - starter/reply <br>
  103.  
  104. </center>
  105. </div>
  106.  
  107. <div style="width: 496px; height: 448px; text-align:center; display: inline-block; vertical-align: top;">
  108. <div style="width: 150px; height: 200px; display: inline-block; vertical-align: top; margin-top: 10px; font-family:Georgia; font-size:12px; text-align:justify; color:#000; overflow:auto;">
  109. <h3>basic info</h3>
  110. <b>Full Name</b> here
  111. <br><b>Nickname(s)</b> here
  112. <br><b>Age</b> here
  113. <br><b>birth place</b> here
  114. <br><b>Current Location</b> here
  115. <br><b>Gender</b> here
  116. <br><b>Orientation</b> here
  117. <br><b>Occupation</b> here
  118. <br><b>Species</b> here
  119. </div>
  120. <div style="width: 150px; height: 200px; display: inline-block; vertical-align: top; margin-left: 10px; margin-top: 10px;"><img src="https://i.imgur.com/ooZBAML.png"></div>
  121. <div style="width: 150px; height: 200px; display: inline-block; vertical-align: top; margin-left: 10px; margin-top: 10px; font-family:Georgia; font-size:12px; text-align:justify; color:#000; overflow:auto;">
  122. <h3>his story</h3>
  123. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here. type out your bio here.
  124. </div>
  125. <br><br>
  126. <h2>love of his life</h2>
  127. <div style="width: 265px; height: 169px; display: inline-block; vertical-align: top; margin-top: 10px;"><img src="https://i.imgur.com/mGCTEKm.png"></div>
  128.  
  129. <div style="width: 200px; height: 169px; display: inline-block; vertical-align: top; margin-left: 10px; margin-top: 10px; overflow:auto; text-align:justify; font-family:Georgia; font-size:12px; color:#000;">
  130. <b>status</b> here <br>
  131. <b>by whom</b> here <br>
  132. <b>since when</b> here <br>
  133. <b>comments</b> here
  134.  
  135. </div>
  136.  
  137.  
  138. </div>
  139.  
  140. <div style="width: 799px; height: 251px;">
  141.  
  142. <div style="width: 586px; height: 241px; display: inline-block; vertical-align: top; font-family:Georgia; font-size:12px; text-align:justify; color:#000; overflow:auto; padding:5px;">
  143. <h4>connection name here</h4>
  144. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here.
  145.  
  146. <h4>connection name here</h4>
  147. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here.
  148.  
  149. <h4>connection name here</h4>
  150. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here.
  151.  
  152. <h4>connection name here</h4>
  153. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here.
  154.  
  155. <h4>connection name here</h4>
  156. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here.
  157.  
  158. <h4>connection name here</h4>
  159. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here.
  160.  
  161.  
  162. </div>
  163.  
  164. <div style="margin-left:5px; width: 180px; height: 241px; display: inline-block; vertical-align: top; font-family:Georgia; font-size:12px; text-align:justify; color:#000; overflow:auto; padding:5px; padding-right:10px;">
  165. <h3>about the writer</h3>
  166.  
  167. talk about yourself here. talk about yourself here. talk about yourself here. talk about yourself here. talk about yourself here. talk about yourself here. talk about yourself here. talk about yourself here. talk about yourself here. talk about yourself here. talk about yourself here. talk about yourself here. talk about yourself here. talk about yourself here. talk about yourself here. talk about yourself here. talk about yourself here. talk about yourself here. talk about yourself here. talk about yourself here. talk about yourself here. talk about yourself here. talk about yourself here. talk about yourself here. talk about yourself here. talk about yourself here. talk about yourself here. talk about yourself here. talk about yourself here. talk about yourself here. talk about yourself here. talk about yourself here.
  168. </div>
  169.  
  170. </div>
  171.  
  172.  
  173. </div>
  174. </body>
  175. </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!