API tools faq
paste
Guest User

LowLight'sFreeCSSTEF

a guest
Feb 12th, 2018
206
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.74 KB | None | 0 0
raw download clone embed print report
  1. <center><a href="javascript:;" onmousedown="if(document.getElementById('disclaimer').style.display == 'none') { document.getElementById('disclaimer').style.display = 'block'; } else { document.getElementById('disclaimer').style.display = 'none'; }">[font=Dancing Script][size=20] DISCLAIMER[/size][/font]</a><div id="disclaimer" style="display:none"><center>
  2. Coding put together by <a href=http://endlessforest.org/community/lowlights>LowLights</a> from <a href=http://endlessforest.org/community/link-collection-art-design-amp-coding>here.</a> Images from google.
  3.  
  4. <b><u>Warning!</u></b>
  5. Bio may contain mature content such as gore, abuse, sexual content and more. You're proceeding on your own terms while viewing this biography.
  6.  
  7. insert rest of disclaimer here</center></div>
  8. <style> #disclaimer{width:250px; text-align:left; padding:20px; background: rgba(0,0,0,0.5); border:1px solid rgba(255,255,255,0.5); border-radius:10px; font-size:10px; transition:all 1s}</style></center>
  9. <center>
  10. <style>hz{color: white; font-size: 60px; background: url('https://s-media-cache-ak0.pinimg.com/originals/b7/06/7b/b7067be674c0c7c128a783ddd616514c.gif') repeat;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-family: }</style>
  11.  
  12. <hz>Name</hz>
  13. <link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet">
  14.  
  15. <style> hz{font-family: 'Dancing Script', cursive;font-size: 80px;text-shadow:0px 0px 85px #000000}</style></center><center><div style="width: 580px; height: 480px; background: url('https://ak9.picdn.net/shutterstock/videos/13050323/thumb/4.jpg?i10c=img.resize(height:160)'); text-align:left; padding: 10px ; border: 2px solid #0F0F0F; overflow: hidden;"></br><center><a href="javascript:;" onmousedown="for(var ii=0;ii<5;ii++){document.getElementsByClassName('tab')[ii].style.display='none';};document.getElementById('one').style.display='inline';">[font=Dancing Script][color=#D4B68C][size=27]Events[/size][/color][/font]</a> <a href="javascript:;" onmousedown="for(var ii=0;ii<5;ii++){document.getElementsByClassName('tab')[ii].style.display='none';};document.getElementById('two').style.display='inline';">[font=Dancing Script][color=#D4B68C][size=27]Outside[/size][/color][/font]</a> <a href="javascript:;" onmousedown="for(var ii=0;ii<5;ii++){document.getElementsByClassName('tab')[ii].style.display='none';};document.getElementById('three').style.display='inline';">[font=Dancing Script][color=#D4B68C][size=27]Within[/size][/color][/font]</a> <a href="javascript:;" onmousedown="for(var ii=0;ii<5;ii++){document.getElementsByClassName('tab')[ii].style.display='none';};document.getElementById('four').style.display='inline';">[font=Dancing Script][color=#D4B68C][size=27]Ties[/size][/color][/font]</a> <a href="javascript:;" onmousedown="for(var ii=0;ii<5;ii++){document.getElementsByClassName('tab')[ii].style.display='none';};document.getElementById('five').style.display='inline';">[font=Dancing Script][color=#D4B68C][size=27]Other[/size][/color][/font]</a></center><center><div style="width: 430px; height: 400px; background: #030303; text-align:left; padding: 10px ; border: 2px solid #C4A88F; overflow: hidden; opacity: 0.9"><div style="width:410px;height:300px;padding:24px;overflow:auto;"><center>
  16. <span id="one" class="tab" style="display:inline;">[font=Dancing Script][size=27][color=#D1C1A7]Events[/color][/size][/font]
  17. <div id="status">P<span class="statustext">Pyschical.</span></div> [color=#D4B68C]|[/color] <div id="status">M<span class="statustext">Mental.</span></div> [color=#D4B68C]|[/color] <div id="status">E<span class="statustext">Emotional.</span></div>
  18. [font=Dancing Script][size=18][color=#B8935F]2018/??/??[/color][/size][/font]
  19. [color=#D4B68C]Making this a free CSS once all info is cleared.[/color]
  20.  
  21.  
  22. [font=Dancing Script][size=19][color=#D1C1A7]Past Updates[/color][/size][/font]
  23. [font=Dancing Script][size=15][color=#B8935F]????/??/??[/color][/size][/font]
  24.  
  25.  
  26. </span><span id="two" class="tab" style="display:none;">[font=Dancing Script][size=27][color=#D1C1A7]Outside[/color][/size][/font]
  27.  
  28. [font=Dancing Script][size=20][color=#D1C1A7]Name[/color][/size][/font] [color=#D4B68C]Name here.[/color]
  29. [font=Dancing Script][size=20][color=#D1C1A7]Sobriquets[/color][/size][/font] [color=#D4B68C]Nicknames here.[/color]
  30. [font=Dancing Script][size=20][color=#D1C1A7]Sex[/color][/size][/font] [color=#D4B68C]Biological sex here.[/color]
  31. [font=Dancing Script][size=20][color=#D1C1A7]Age[/color][/size][/font] [color=#D4B68C]Age here.[/color]
  32. [font=Dancing Script][size=20][color=#D1C1A7]Orientation[/color][/size][/font] [color=#D4B68C]Sexuality here.[/color]
  33. <a href=INSERT LINK>Insert Link here(For sounds, etc).</a>
  34. [font=Dancing Script][size=20][color=#D1C1A7]Voice Claim[/color][/size][/font] <a href=INSERT LINK>Link Voice Claim Here</a>
  35.  
  36. [font=Dancing Script][size=21][color=#D1C1A7]Appearance[/color][/size][/font] [color=#D4B68C]Insert appearance description here.[/color]
  37.  
  38. [font=Dancing Script][size=20][color=#D1C1A7]Forest Entry[/color][/size][/font] [color=#D4B68C]Insert forest entry here.[/color]
  39. [font=Dancing Script][size=20][color=#D1C1A7]Set[/color][/size][/font] [color=#D4B68C]Insert in-game set here.[/color]
  40. <a href=INSERT LINK>Pictogram Link</a>
  41. [font=Dancing Script][size=20][color=#D1C1A7]Size[/color][/size][/font] <a href=https://static1.e621.net/data/ee/96/ee96dc1620e392ad97f464e747fd99ee.png>Size Here</a>
  42.  
  43. </span><span id="three"class="tab" style="display:none;">[font=Dancing Script][size=27][color=#D1C1A7]Within[/color][/size][/font]
  44.  
  45. [font=Dancing Script][size=22][color=#B8935F]Trait - Trait - Trait - Trait - Trait - Trait[/color][/size][/font]
  46.  
  47. [font=Dancing Script][size=21][color=#D1C1A7]Facts[/color][/size][/font]
  48. [color=#D4B68C]Character facts here[/color]
  49.  
  50. [font=Dancing Script][size=21][color=#D1C1A7]Possessions[/color][/size][/font]
  51. [color=#D4B68C]...[/color]
  52.  
  53. </span><span id="four"class="tab" style="display:none;">[font=Dancing Script][size=27][color=#D1C1A7]Ties[/color][/size][/font]
  54.  
  55. [font=Dancing Script][size=20][color=#D1C1A7]Family[/color][/size][/font]
  56.  
  57. [font=Dancing Script][size=18]<a href="URL LINK">Name</a>[/size][/font] [color=#D4B68C]Thoughts[/color]
  58. [font=Dancing Script][size=18]<a href="URL LINK">Name</a>[/size][/font] [color=#D4B68C]Thoughts[/color]
  59. [font=Dancing Script][size=18]<a href="URL LINK">Name</a>[/size][/font] [color=#D4B68C]Thoughts[/color]
  60.  
  61.  
  62. [font=Dancing Script][size=20][color=#D1C1A7]Close[/color][/size][/font]
  63.  
  64. [font=Dancing Script][size=18]<a href="URL LINK">Name</a>[/size][/font] [color=#D4B68C]Thoughts[/color]
  65. [font=Dancing Script][size=18]<a href="URL LINK">Name</a>[/size][/font] [color=#D4B68C]Thoughts[/color]
  66. [font=Dancing Script][size=18]<a href="URL LINK">Name</a>[/size][/font] [color=#D4B68C]Thoughts[/color]
  67.  
  68.  
  69. [font=Dancing Script][size=20][color=#D1C1A7]Noted[/color][/size][/font]
  70.  
  71. [font=Dancing Script][size=18]<a href=INSERT LINK>Name</a>[/size][/font] [color=#D4B68C]Thoughts[/color]
  72. [font=Dancing Script][size=18]<a href=INSERT LINK>Name</a>[/size][/font] [color=#D4B68C]Thoughts[/color]
  73. [font=Dancing Script][size=18]<a href=INSERT LINK>Name</a>[/size][/font] [color=#D4B68C]Thoughts[/color]
  74. [font=Dancing Script][size=18]<a href="URL LINK">Name</a>[/size][/font] [color=#D4B68C]Thoughts[/color]
  75.  
  76.  
  77. [font=Dancing Script][size=20][color=#D1C1A7]Dislike[/color][/size][/font]
  78.  
  79. [font=Dancing Script][size=18]<a href="URL LINK">Name</a>[/size][/font] [color=#D4B68C]Thoughts[/color]
  80. [font=Dancing Script][size=18]<a href="URL LINK">Name</a>[/size][/font] [color=#D4B68C]Thoughts[/color]
  81. [font=Dancing Script][size=18]<a href="URL LINK">Name</a>[/size][/font] [color=#D4B68C]Thoughts[/color]
  82.  
  83.  
  84. [font=Dancing Script][size=20][color=#D1C1A7]Hate[/color][/size][/font]
  85.  
  86. [font=Dancing Script][size=18]<a href="URL LINK">Name</a>[/size][/font] [color=#D4B68C]Thoughts[/color]
  87. [font=Dancing Script][size=18]<a href="URL LINK">Name</a>[/size][/font] [color=#D4B68C]Thoughts[/color]
  88. [font=Dancing Script][size=18]<a href="URL LINK">Name</a>[/size][/font] [color=#D4B68C]Thoughts[/color]
  89.  
  90.  
  91. [font=Dancing Script][size=20][color=#D1C1A7]Killed[/color][/size][/font]
  92.  
  93. [font=Dancing Script][size=18]<a href="URL LINK">Name</a>[/size][/font] [color=#D4B68C]Thoughts[/color]
  94. [font=Dancing Script][size=18]<a href="URL LINK">Name</a>[/size][/font] [color=#D4B68C]Thoughts[/color]
  95. [font=Dancing Script][size=18]<a href="URL LINK">Name</a>[/size][/font] [color=#D4B68C]Thoughts[/color]
  96.  
  97. </span><span id="five"class="tab" style="display:none;">[font=Dancing Script][size=27][color=#D1C1A7]Art & Literature[/color][/size][/font]
  98.  
  99. [font=Dancing Script][size=20][color=#D1C1A7]Art[/color][/size][/font]
  100. [font=Dancing Script][size=18]<a href=INSERT LINK>Link Name Here</a>[/size][/font] <a href=INSERT LINK>x</a>
  101.  
  102. [font=Dancing Script][size=18]<a href=INSERT LINK>Link Name Here</a>[/size][/font] <a href=INSERT LINK>x</a>
  103.  
  104. [font=Dancing Script][size=20][color=#D1C1A7]Literature[/color][/size][/font]
  105. [font=Dancing Script][size=18]<a href=INSERT LINK>Link Name Here</a>[/size][/font] <a href=INSERT LINK>x</a>
  106. </span>
  107. </center></br>
  108.  
  109. </div>
  110. </div></center>
  111. <style>#status{display:inline-block; position:relative; color: #ffffff} #status .statustext{width:150px; position:absolute; padding:5px; z-index:25; top: 100%; left:50%; margin-left: -80px; background: rgba(0,0,0,0.5); color: #ffffff; opacity:0; transition: all 0.2s; text-align: center; border-radius:5px} #status:hover .statustext{opacity: 1}</style>
  112. <style>a:link, a:visited, #wrapper #container .breadcrumb:hover, #wrapper #container .breadcrumb a:hover,div#block-user-1.clear-block.block.block-user a:hover,div#sidebar-left.sidebar ul.menu a:hover,div#sidebar-left.sidebar a:hover,ul.pager a:hover{color:#B8935F;text-decoration:none}</style>
  113. <style>.node{border-bottom:none}</style><style>#tabs-wrapper{border-bottom:none}</style>
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!