Advertisement
marshallsmyth

Format Wolf Family 12/13/22

Dec 13th, 2022
1,174
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 3.73 KB | None | 0 0
  1. <style> @import url(https://fonts.googleapis.com/css?family=Handlee|Macondo);
  2. ::-webkit-scrollbar { width:3px; } ::-webkit-scrollbar-track {background:#ff0; }
  3. ::-webkit-scrollbar-thumb { border-radius:2px;background:lightgreen; } body {background:#4b3b8e;}
  4.  
  5.  .header {font-family:macondo, arial black;font-size:99px;margin-top:70px;text-align:center;color:green;}
  6.  .text {font-family:macondo, handlee;font-size:33px;color:lightgreen;line-height:40px;padding:0 88px 0 88px;text-indent:44px; }
  7.  
  8. #navi {position:absolute;top:3%;left:82%;width:1%;height:1%;line-height:11px;z-index:300;}
  9.  
  10. a.nav:link, a.nav:active, a.nav:visited {letter-spacing:1px;text-transform:2s;display:inline-block;width:11vw;height:1.5vw;color:lightgreen;
  11. font-family:macondo, "handlee";margin:1.9vw;margin-top:5px;background:#71f;border:3px solid blue;border-radius:10vw;text-align:center;
  12. line-height:2vw;font-size:2vw;word-spacing:0px;padding:11px 24px 17px 17px;text-decoration:none;-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;}
  13. a.nav:hover{background:#000;text-decoration:none;}
  14.  
  15. .content {position:absolute;z-index:-1;left:1vw;top:1vw;border:5px solid blue;height:42vw;width:80vw;background:#717;overflow:auto;
  16. font-family:macondo, "handlee";font-size:3vw;text-align:justified;line-height:4vw;padding:6px;opacity:0;color:#dfd;border-radius:1vw;transition:1s;}
  17. .content:target{position:absolute;z-index:60;opacity:1;transition:1s;}
  18.  
  19. b {color:blue;}
  20. a {color: #c59;text-decoration: none;}
  21. a:hover {color:red;}
  22.  
  23. </style>
  24.  
  25.  
  26.  <div id="navi"><center>
  27. <a class="nav" href="#1">Stats</a>
  28. <a class="nav" href="#3">Gallery</a>
  29. <a class="nav" href="#6">OOC</a>
  30. <a class="nav" href="#7">Reset</a>
  31. </center></div>
  32.  
  33.  <div class="header" style="margin-top:0px"> ... <br>
  34.  <div class="text" style="margin-top:-33px;"><h2> ... </h2></div>
  35.  <center><img src=" ... " style="width:25%;"></center></div>
  36.  
  37.  
  38.  
  39. <div id="1" class="content">
  40. <div class="header">Quick Stats</div><br>
  41. <div class="text"><div style="padding:0 77px 0 77px;">
  42. <br>Name: <span style="float:right;"><i>...</i></span>
  43. <br>Nickname(s): <span style="float:right;"><i>...<i></span>
  44. <br>Mother: <span style="float:right;">..</span>
  45. <br>Father:<span style="float:right;">Brawnt, Alpha male of the pack</span>
  46. <br>Age: <span style="float:right;">...</span>
  47. <br>Species: <span style="float:right;">Hybrid Anthro/Human</span>
  48. <br>Gender: <span style="float:right;">...</span>
  49. <br>Orientation: <span style="float:right;">...</span>
  50. <br>Status: <span style="float:right;">...</span>
  51. <br>Dominant/Submissive: <span style="float:right;">...</span>
  52. <br>Height:<span style="float:right;"> ...</span>
  53. <br>Occupation:<span style="float:right;"> ... </span>
  54. <br>Alingment:<span style="float:right;"> ...</span><br></div></div></div>
  55.  
  56.  
  57.  
  58. <div id="3" class="content"><div class="header">Gallery </div> <div class="text">
  59.  
  60. <center><br>...<br><img src="... " style="width:33%;"></center>
  61. <center><br>Mother <br><img src="... " style="width:33%;"></center>
  62. <center><br>My dad<br><img src="https://cdn5-images.motherlessmedia.com/images/C9E0709.jpg " style="width:33%;"></center>
  63. <center><br>Grownups settin out for a hunt<br>
  64. <img src="https://townsquare.media/site/499/files/2022/08/attachment-wolf-getty-images-waitandshoot.jpg?w=980&q=75 " style="width:44%;">
  65. </center>
  66. <center><br>...<br><img src=" " style="width:77%;"></center><p><br> </div></div>
  67.  
  68.  
  69.  
  70. <div id="6" class="content"><div class="header">OOC</div><div class="text"><p>
  71. <br>1) Apologizes for not being a para roleplayer, but I can snowball up some to a few sentences.
  72. <br>2) ooc and ic: This typist is full of passion, and the lines between ic and ooc might get blurry. Don't get mad, get glad!
  73. <br>3) PM passionate/friendly/   </div>
  74.  
  75.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement