Advertisement
mebuckner

Custom Order - Overdose - Layout

Nov 12th, 2020
1,431
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 15.00 KB | None | 0 0
  1. <!--about me-->
  2. <style type="text/css">
  3.  
  4.   @import url('https://fonts.googleapis.com/css?family=Playfair+Display&display=swap');
  5.  
  6. .editsByM  { Background }
  7. table, tr, td {
  8. background-color:transparent;
  9. font-family: 'Montserrat', sans-serif;
  10. text-transform:uppercase;
  11. font-size:10px;
  12. }
  13.  
  14.  
  15. .editsByM   { Body }
  16. body {
  17. background-image:url("https://i.imgur.com/ZCR71dD.png");
  18. background-size:cover;
  19. background-attachment:fixed;
  20. background-repeat:repeat;
  21. background-position: bottom left;
  22. margin-top:10px;
  23. margin-left:300px;
  24. }
  25.  
  26.  
  27. h1{
  28.     font-family: Playfair Display;
  29.     text-align: center;
  30.     margin: 0;
  31.     color: #fff;
  32.     font-weight: 100;
  33.     text-transform: uppercase;
  34.     font-size: 45px;
  35.     background: #2a1a1d;
  36. }
  37.  
  38. h2{
  39.     font-family: Playfair Display;
  40.     text-align: center;
  41.     margin: 0;
  42.     color: #fff;
  43.     font-weight: 100;
  44.     text-transform: uppercase;
  45.     font-size: 25px;
  46.     background: #2a1a1d;
  47. }
  48.  
  49.  
  50. h3{
  51.     font-family: Playfair Display;
  52.     text-align: center;
  53.     margin: 0;
  54.     color: #fff;
  55.     font-weight: 100;
  56.     text-transform: uppercase;
  57.     font-size: 25px;
  58. }
  59.  
  60. h4{
  61.     font-family: Playfair Display;
  62.     text-align: center;
  63.     margin: 0;
  64.     color: #fff;
  65.     font-weight: 100;
  66.     text-transform: uppercase;
  67.     font-size: 25px;
  68.     background: #2a1a1d;
  69. }
  70.  
  71. a.drabbleLinks:link, a.drabbleLinks:visited{
  72.     font-family: Playfair Display;
  73.     font-size: 12px;
  74.     color: #fff;
  75.     text-decoration: none;
  76.     font-weight: 100;
  77.     text-transform: uppercase;
  78.     /* width: 73px; */
  79.     display: inline-block;
  80.     text-align: center;
  81.     background: #2a1a1d;
  82.     /* margin-bottom: 5px; */
  83.     padding-top: 10px;
  84.     padding-bottom: 10px;
  85.     padding-left: 8px;
  86.     padding-right: 9px;
  87.     margin-right: -4px;
  88.     width: 210px;
  89.     margin-top: 5px;
  90.     margin-left: 5px;
  91. }
  92.  
  93. a.drabbleLinks:hover{
  94.     color:#000;
  95. }
  96.  
  97.  
  98. a.navigationalLinks:link, a.navigationalLinks:visited{
  99.     font-family: Playfair Display;
  100.     font-size: 12px;
  101.     color: #fff;
  102.     text-decoration: none;
  103.     font-weight: 100;
  104.     text-transform: uppercase;
  105.     /* width: 73px; */
  106.     display: inline-block;
  107.     text-align: center;
  108.     background: #2a1a1d;
  109.     /* margin-bottom: 5px; */
  110.     padding-top: 10px;
  111.     padding-bottom: 10px;
  112.     padding-left: 8px;
  113.     padding-right: 9px;
  114.     margin-right: -4px;
  115. }
  116.  
  117. a.navigationalLinks:hover{
  118.     color:#000;
  119. }
  120.  
  121. body, td, li, p, div, textarea{
  122. font-family:Playfair Display;
  123. font-size:12px;
  124. color:#fff;
  125. }
  126.  
  127.  
  128. .bioContainer{
  129.     width: 239px;
  130.     height: 282px;
  131.     position: absolute;
  132.     top: 22px;
  133.     font-family: 'Playfair Display';
  134.     font-size: 12px;
  135.     color: #fff;
  136.     text-align: justify;
  137.     overflow:auto;
  138. }
  139.  
  140. .pictureBox{
  141.     width: 186px;
  142.     height: 100px;
  143.         font-family: 'Playfair Display';
  144.     font-size: 12px;
  145.     text-align: justify;
  146.     color: #fff;
  147.     background: #0d0d0d;
  148.     display: inline-block;
  149.     vertical-align: top;
  150. }
  151.  
  152. .textBoxArea{
  153.     width: 196px;
  154.     height: 166px;
  155.     font-family: 'Playfair Display';
  156.     font-size: 12px;
  157.     text-align: justify;
  158.     color: #fff;
  159.     background: #0d0d0d;
  160.     display: inline-block;
  161.     vertical-align: top;
  162.     overflow: auto;
  163.     margin-bottom: 20px;
  164.     margin-top: 20px;
  165.     margin-left: 10px;
  166. }
  167.  
  168.  
  169. .editsByM   { Scrollbar }
  170. ::-webkit-scrollbar {
  171.     display: none;
  172. }
  173.  
  174.  
  175. table.profileInfo {display:none;}
  176.  
  177. .mygen { Tables }
  178. td.text table table {
  179. position:static;
  180. }
  181.  
  182. table table table table{
  183. border:10px solid #2a1a1d;
  184. background-color:#0d0d0d;
  185. }
  186.  
  187.  
  188.  
  189.  div[id="googlebar"],div div select{opacity:0;filter:alpha(opacity=0);display:none !important;position:absolute !important;bottom:2000px !important;} .clearfix {display:none !important;position:absolute!important;} table table br {line-height:3px} table table table br {line-height:5px;} .a {hide top search bar} div div select, div div form {display:none !important;} select { visibility:hidden!important; WIDTH:0px!important;} .note {bring the tables up more} td.text table {position:relative; top: -20px;} td.text table table {position:static;} .lightbluetext8 {display:none;}table table table table td {width:0px;}.contactTable td, table table td.text table td,table table table table table td {width:auto;} /*HIDECODES*/ table .nametext {display:none;} .extendednetwork{display:none;} .blurbs{display:none;} .userprofileurl{display:none;} .userprofiledetail{display:none;} .interestsanddetails{display:none;} .latestblogentry{display:none;} .mslogo{display:none;} .friendscomments{display:none;} .friendspace{display:none;} .contacttable{display:none;} .lightbluetext8{display:none;} .Do Not Hide The Profile Ads{display:none;} .userAlbums{display:none;} td.text table {position:relative; top: -11px;} td.text table table {position:static;} .lightbluetext8 {display:none;}table table table table td {width:0px;} .contactTable td, table table td.text table td,table table table table table td {width:auto;} div td {display:none;} table {top:-6px; position:relative;} table table {top:0px; position:relative;} table.profileInfo table td {white-space:wrap !important;} table.profileInfo table tr:last-child {display:none;} #footerWarpper{display: none;} .profileInfo .text {font:12px 'Archivo Narrow'; color:#696969; line-height:12px;} #jm a {background-image:url("")!important; background-repeat:no-repeat!important; width:58px!important; height:13px!important; background-color:transparent!important; position:fixed!important; bottom:0px!important; left:0px!important; opacity:0.3!important;} a:hover {opacity:1!important;}table table table table {position:static;}
  190.  
  191.  
  192. .mygen {space} table table br {display:none;} table table table br {display:block;} table table table {margin-top:4px;} table table table table {margin-top:0px;}
  193. </style>
  194.  
  195.  
  196.  
  197.  
  198.  
  199.  
  200.  
  201. <!--like to meet-->
  202. </td>
  203. </tr>
  204. </table>
  205. </td>
  206. </tr>
  207. </table>
  208. <br />
  209. <table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="500" bgcolor="ffffff" border="0">
  210. <tr>
  211. <td class="text" valign="left" align="left" width="500" bgcolor="ffffff" height="0" style="word-wrap:break-word">
  212. </td>
  213. </tr>
  214. <tr>
  215. <td>
  216. <table bordercolor="000000" cellspacing="0" cellpadding="0" width="500" align="left" bgcolor="ffffff" border="0">
  217. <td valign="top" align="left" width="500" bgcolor="ffffff" style="word-wrap:break-word">
  218. <h1>Gabriel Ilan Otxoa</h1>
  219.  
  220.  
  221. </td>
  222. </tr>
  223. </table>
  224. </td>
  225. </tr>
  226. </table>
  227. <br />
  228. <table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="500" bgcolor="ffffff" border="0">
  229. <tr>
  230. <td class="text" valign="left" align="left" width="500" bgcolor="ffffff" height="0" style="word-wrap:break-word">
  231. </td>
  232. </tr>
  233. <tr>
  234. <td>
  235. <table bordercolor="000000" cellspacing="0" cellpadding="0" width="500" align="left" bgcolor="ffffff" border="0">
  236. <td valign="top" align="left" width="500" bgcolor="ffffff" style="word-wrap:break-word">
  237. <img src="https://i.imgur.com/C7ODfPP.png" width="480px">
  238. <div class="bioContainer">
  239.  
  240. <ul style="width:176px;">
  241. <li>
  242. This is a fact here, just keep writing as much as you want and it'll fit.
  243. </li>
  244. <li>
  245. This is a fact here, just keep writing as much as you want and it'll fit.
  246. </li>
  247. <li>
  248. This is a fact here, just keep writing as much as you want and it'll fit.
  249. </li>
  250. <li>
  251. This is a fact here, just keep writing as much as you want and it'll fit.
  252. </li>
  253. <li>
  254. This is a fact here, just keep writing as much as you want and it'll fit.
  255. </li>
  256. <li>
  257. This is a fact here, just keep writing as much as you want and it'll fit.
  258. </li>
  259. <li>
  260. This is a fact here, just keep writing as much as you want and it'll fit.
  261. </li>
  262. <li>
  263. This is a fact here, just keep writing as much as you want and it'll fit.
  264. </li>
  265. </ul>
  266. </div>
  267.  
  268.  
  269.  
  270. </td>
  271. </tr>
  272. </table>
  273. </td>
  274. </tr>
  275. </table>
  276. <br />
  277. <table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="500" bgcolor="ffffff" border="0">
  278. <tr>
  279. <td class="text" valign="left" align="left" width="500" bgcolor="ffffff" height="0" style="word-wrap:break-word">
  280. </td>
  281. </tr>
  282. <tr>
  283. <td>
  284. <table bordercolor="000000" cellspacing="0" cellpadding="0" width="500" align="left" bgcolor="ffffff" border="0">
  285. <td valign="top" align="left" width="500" bgcolor="ffffff" style="word-wrap:break-word">
  286. <h4>You have my whole heart</h4>
  287.  
  288.  
  289.  
  290.  
  291. </td>
  292. </tr>
  293. </table>
  294. </td>
  295. </tr>
  296. </table>
  297. <br />
  298. <table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="500" bgcolor="ffffff" border="0">
  299. <tr>
  300. <td class="text" valign="left" align="left" width="500" bgcolor="ffffff" height="0" style="word-wrap:break-word">
  301. </td>
  302. </tr>
  303. <tr>
  304. <td>
  305. <table bordercolor="000000" cellspacing="0" cellpadding="0" width="500" align="left" bgcolor="ffffff" border="0">
  306. <td valign="top" align="left" width="500" bgcolor="ffffff" style="word-wrap:break-word">
  307. <div style="height: 140px; width:237px; overflow:auto; position: relative; display: inline-block; vertical-align: top; margin-bottom:10px;">
  308. <h3>Drabbles</h3>
  309. <a href="/" class="drabbleLinks">drabble</a>
  310. <a href="/" class="drabbleLinks">drabble</a>
  311. <a href="/" class="drabbleLinks">drabble</a>
  312. <a href="/" class="drabbleLinks">drabble</a>
  313. <a href="/" class="drabbleLinks">drabble</a>
  314. <a href="/" class="drabbleLinks">drabble</a>
  315. <a href="/" class="drabbleLinks">drabble</a>
  316. <a href="/" class="drabbleLinks">drabble</a>
  317. <a href="/" class="drabbleLinks">drabble</a>
  318. <a href="/" class="drabbleLinks">drabble</a>
  319. <a href="/" class="drabbleLinks">drabble</a>
  320. <a href="/" class="drabbleLinks">drabble</a>
  321. <a href="/" class="drabbleLinks">drabble</a>
  322. <a href="/" class="drabbleLinks">drabble</a>
  323. <a href="/" class="drabbleLinks">drabble</a>
  324. <a href="/" class="drabbleLinks">drabble</a>
  325. <a href="/" class="drabbleLinks">drabble</a>
  326. <a href="/" class="drabbleLinks">drabble</a>
  327. <a href="/" class="drabbleLinks">drabble</a>
  328.  
  329. </div>
  330.  
  331. <div style="height: 140px; width:237px; overflow:auto; position: relative; display: inline-block; vertical-align: top; margin-bottom:10px;">
  332. <h3>extra box</h3>
  333. put whatever you want here.
  334. </div>
  335.  
  336.  
  337.  
  338.  
  339.  
  340.  
  341.  
  342.  
  343. <!--interests-->
  344. </table>
  345. </td>
  346. </tr>
  347. </table>
  348. <br />
  349. <table bordercolor="black" cellspacing="0" cellpadding="0" width="400" bgcolor="black" border="0">
  350. <tr>
  351. <td class="text" valign="" align="left" width="400" bgcolor="0" height="0" style="word-wrap:break-word">
  352. <span class="orangetext15">
  353. </td>
  354. </tr>
  355. <tr>
  356. <td>
  357. <table bordercolor="0" cellspacing="0" cellpadding="0" width="400" align="" bgcolor="black" border="0">
  358. <td valign="top" align="" width="400" bgcolor="black" style="word-wrap:break-word">
  359. <a href="/home.php" class="navigationalLinks">Home</a>
  360. <a href="/send_message.php?member_id=" class="navigationalLinks">Message</a>
  361. <a href="/add_comment.php?member_id=" class="navigationalLinks">Comments</a>
  362. <a href="/view_member_blog.php?member_id=" class="navigationalLinks">Blog</a>
  363. <a href="/status_stream.php?member_id=" class="navigationalLinks">Stream</a>
  364. <a href="/albums.php?member_id=" class="navigationalLinks">Photos</a>
  365.  
  366.  
  367.  
  368.  
  369.  
  370.  
  371.  
  372.  
  373.  
  374.  
  375.  
  376. </table>
  377. </td>
  378. </tr>
  379. </table>
  380. <br />
  381. <table bordercolor="black" cellspacing="0" cellpadding="0" width="400" bgcolor="black" border="0">
  382. <tr>
  383. <td class="text" valign="" align="left" width="400" bgcolor="0" height="0" style="word-wrap:break-word">
  384. <span class="orangetext15">
  385. </td>
  386. </tr>
  387. <tr>
  388. <td>
  389. <table bordercolor="0" cellspacing="0" cellpadding="0" width="400" align="" bgcolor="black" border="0">
  390. <div class="pictureBox"><img src="https://i.imgur.com/IBPC8Ha.gif"></div>
  391. <div class="textBoxArea" style="margin-left: 8px;">
  392. <h3>Character stats</h3>
  393. <b>stat</b> write about it here. <br>
  394. <b>stat</b> write about it here. <br>
  395. <b>stat</b> write about it here. <br>
  396. <b>stat</b> write about it here. <br>
  397. <b>stat</b> write about it here. <br>
  398. <b>stat</b> write about it here. <br>
  399. <b>stat</b> write about it here. <br>
  400. <b>stat</b> write about it here. <br>
  401. <b>stat</b> write about it here. <br>
  402. <b>stat</b> write about it here. <br>
  403. <b>stat</b> write about it here. <br>
  404.  
  405. </div>
  406.  
  407.  
  408.  
  409.  
  410. </table>
  411. </td>
  412. </tr>
  413. </table>
  414. <br />
  415. <table bordercolor="black" cellspacing="0" cellpadding="0" width="400" bgcolor="black" border="0">
  416. <tr>
  417. <td class="text" valign="" align="left" width="400" bgcolor="0" height="0" style="word-wrap:break-word">
  418. <span class="orangetext15">
  419. </td>
  420. </tr>
  421. <tr>
  422. <td>
  423. <table bordercolor="0" cellspacing="0" cellpadding="0" width="400" align="" bgcolor="black" border="0">
  424. <div class="textBoxArea" style="margin-right: 8px;">
  425. <h3>Character traits</h3>
  426. you can write about his traits here. Be as detailed as you could possibly want to be. you can write about his traits here. Be as detailed as you could possibly want to be. you can write about his traits here. Be as detailed as you could possibly want to be. you can write about his traits here. Be as detailed as you could possibly want to be. you can write about his traits here. Be as detailed as you could possibly want to be. you can write about his traits here. Be as detailed as you could possibly want to be. you can write about his traits here. Be as detailed as you could possibly want to be. you can write about his traits here. Be as detailed as you could possibly want to be. you can write about his traits here. Be as detailed as you could possibly want to be. you can write about his traits here. Be as detailed as you could possibly want to be. you can write about his traits here. Be as detailed as you could possibly want to be. you can write about his traits here. Be as detailed as you could possibly want to be. you can write about his traits here. Be as detailed as you could possibly want to be. you can write about his traits here. Be as detailed as you could possibly want to be. you can write about his traits here. Be as detailed as you could possibly want to be. you can write about his traits here. Be as detailed as you could possibly want to be. you can write about his traits here. Be as detailed as you could possibly want to be. you can write about his traits here. Be as detailed as you could possibly want to be. you can write about his traits here. Be as detailed as you could possibly want to be. you can write about his traits here. Be as detailed as you could possibly want to be. you can write about his traits here. Be as detailed as you could possibly want to be. you can write about his traits here. Be as detailed as you could possibly want to be. you can write about his traits here. Be as detailed as you could possibly want to be. you can write about his traits here. Be as detailed as you could possibly want to be.
  427. </div>
  428. <div class="pictureBox">
  429. <img src="https://i.imgur.com/6XSc3SK.gif">
  430. </div>
  431.  
  432.  
  433. </table>
  434. </td>
  435. </tr>
  436. </table>
  437. <br />
  438. <table bordercolor="black" cellspacing="0" cellpadding="0" width="400" bgcolor="black" border="0">
  439. <tr>
  440. <td class="text" valign="" align="left" width="400" bgcolor="0" height="0" style="word-wrap:break-word">
  441. <span class="orangetext15">
  442. </td>
  443. </tr>
  444. <tr>
  445. <td>
  446. <table bordercolor="0" cellspacing="0" cellpadding="0" width="400" align="" bgcolor="black" border="0">
  447. <div style="width: 398px; height: 103px; background: #fff;">
  448. <img src="https://i.imgur.com/vbDwTga.png">
  449. </div>
  450.  
  451.  
  452.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement