Advertisement
marshallsmyth

StarBright 12/12/22

Dec 12th, 2022 (edited)
1,042
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.97 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">StarBright<br>
  34.  <div class="text" style="margin-top:-33px;"><h2>1st pup of Brawnt+Lum</h2></div>
  35.  <center><img src="https://i.imgur.com/y8nUVmo.jpg
  36.  " style="width:25%;"></center></div>
  37.  
  38.  
  39.  
  40. <div id="1" class="content">
  41. <div class="header">Quick Stats</div><br>
  42. <div class="text"><div style="padding:0 77px 0 77px;">
  43. <br>Name: <span style="float:right;"><i>StarBright</i></span>
  44. <br>Nickname(s): <span style="float:right;"><i>Star<i></span>
  45. <br>Mother: <span style="float:right;">Princess Lum female in the pack</span>
  46. <br>Father:<span style="float:right;">Brawnt, Alpha male of the pack</span>
  47. <br>Age: <span style="float:right;">Still a playful kid</span>
  48. <br>Species: <span style="float:right;">Hybrid Wolf/Oni Anthro</span>
  49. <br>Gender: <span style="float:right;">Female</span>
  50. <br>Orientation: <span style="float:right;">Probably takes after her mom</span>
  51. <br>Status: <span style="float:right;">Kid</span>
  52. <br>Dominant/Submissive: <span style="float:right;">Can't tell yet</span>
  53. <br>Height:<span style="float:right;"> Growing</span>
  54. <br>Occupation:<span style="float:right;"> Playing </span>
  55. <br>Alingment:<span style="float:right;"> With the pack</span><br></div></div></div>
  56.  
  57.  
  58.  
  59. <div id="3" class="content"><div class="header">Gallery </div> <div class="text">
  60.  
  61. <center><br>StarBright<br><img src="https://i.imgur.com/y8nUVmo.jpg " style="width:33%;"></center>
  62. <center><br>My mom <br><img src=" https://i.imgur.com/RnutaxY.jpg " style="width:33%;"></center>
  63. <center><br>My dad<br><img src="https://cdn5-images.motherlessmedia.com/images/C9E0709.jpg " style="width:33%;"></center>
  64. <center><br>Grownups settin out for a hunt<br>
  65. <img src="https://townsquare.media/site/499/files/2022/08/attachment-wolf-getty-images-waitandshoot.jpg?w=980&q=75 " style="width:77%;">
  66. </center>
  67. <center><br>...<br><img src=" " style="width:77%;"></center><p><br> </div></div>
  68.  
  69.  
  70.  
  71. <div id="6" class="content"><div class="header">OOC</div><div class="text"><p>
  72. <br>1) Apologizes for not being a para roleplayer, but I can snowball up some to a few sentences.
  73. <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!
  74. <br>3) PM passionate/friendly/</span> </span>
  75. </div>
  76.  
  77.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement