API tools faq
paste
alisonrobin

Korra TEFc Bio Code

alisonrobin
Aug 26th, 2014
436
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 8.87 KB | None | 0 0
raw download clone embed print report
  1. <div id="holder">
  2.  
  3. <div id="updates" class="blackbox"><div id="innerupdates" class="innerscroll"><span class="fancytext">What's New?</span>
  4. UPDATES HERE</div></div>
  5.  
  6. <div id="picto"><img src="PICTOGRAM HERE 130px by 130px"></div>
  7.  
  8. <div id="musicbox"><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="20"><param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" /><param name="bgcolor" value="#1b1e20" /><param name="FlashVars" value="mp3=YOURSONGGOESHERE" /></object><br><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="20"><param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" /><param name="bgcolor" value="#1b1e20" /><param name="FlashVars" value="YOURSONGGOESHERE" /></object></div>
  9.  
  10. <div id="basicinfo" class="blackbox"><div id="innerbasicinfo" class="innerscroll"><span class="fancytext">The Need-To-Knows</span>
  11. Name: Has one
  12. Age: Gradually
  13. Sex: mhm
  14. Trait: Info
  15. Trait: Info
  16. Trait: Info
  17. </div></div>
  18.  
  19. <div id="portrait"><img src="YOURPICTUREHERE"></div>
  20.  
  21. <div id="depthinfo" class="blackbox"><div id="innerdepthinfo" class="innerscroll"><span id="one" class="tab" style="display:inline;"><span class="fancytext">Basics</span>
  22. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer non tincidunt eros. Proin dapibus blandit dolor. Nunc sit amet feugiat risus. Donec ligula turpis, pretium quis fringilla at, placerat at dui. Quisque ante ligula, vestibulum eu mollis at, porta ut mauris. Nullam aliquet elit nec mollis adipiscing. Suspendisse et neque ac nisl posuere tincidunt tincidunt eget justo. Phasellus in pellentesque tellus. Nam vel tortor sit amet nibh imperdiet gravida. Pellentesque in tortor dictum, fermentum lacus vitae, bibendum risus. Maecenas imperdiet, sem nec rutrum dictum, ligula tellus porttitor leo, et venenatis nulla nisl quis mi.</span><span id="two" class="tab" style="display:none;"><span class="fancytext">About</span>
  23. Have I got a story to tell you!</span><span id="three"class="tab" style="display:none;"><span class="fancytext">Relationships</span>
  24. Name - Information about that person</span><span id="four"class="tab" style="display:none;"><span class="fancytext">Hisotry</span>
  25. Lots to know!</span><span id="five"class="tab" style="display:none;"><span class="fancytext">Arts</span>
  26. A whole gallery someday!</span></div></div>
  27.  
  28. <div id="basictab" class="blackbox" onmousedown="for(var i=0;i<5;i++){document.getElementsByClassName('tab')[i].style.display='none';};document.getElementById('one').style.display='inline';"><br><br><span class="fancytab">BASICS</span></div>
  29. <div id="abouttab" class="blackbox" onmousedown="for(var i=0;i<5;i++){document.getElementsByClassName('tab')[i].style.display='none';};document.getElementById('two').style.display='inline';"><br><br><span class="fancytab" >ABOUT</span></div>
  30. <div id="relationstab" class="blackbox" onmousedown="for(var i=0;i<5;i++){document.getElementsByClassName('tab')[i].style.display='none';};document.getElementById('three').style.display='inline';"><br><br><span class="fancytab"  >RELATIONSHIPS</span></div>
  31. <div id="historytab" class="blackbox" onmousedown="for(var i=0;i<5;i++){document.getElementsByClassName('tab')[i].style.display='none';};document.getElementById('four').style.display='inline';"><br><br><span class="fancytab"  >HISTORY</span></div>
  32. <div id="artstab" class="blackbox" onmousedown="for(var i=0;i<5;i++){document.getElementsByClassName('tab')[i].style.display='none';};document.getElementById('five').style.display='inline';"><br><br><span class="fancytab" >ARTS</span></div>
  33.  
  34. <div id="linkbar" class="fancytext"><a href="http://endlessforest.org/community/">Home</a> ~ <a href="http://endlessforest.org/community/tracker">Recent Posts</a> ~ <a href="http://endlessforest.org/community/current-map-forest">Map</a> ~ <a href="http://endlessforest.org/community/node/97787/edit">Edit</a></div>
  35.  
  36.  
  37. <head><link href='http://fonts.googleapis.com/css?family=Flavors' rel='stylesheet' type='text/css'></head><style>/* --SECTION 0: Welcome! Code from AlisonRobin for 7x :)-- */ /*Color notes: #3aedd8 bright teal #1b1e20 background*/ /* --SECTION 1: New CSS not changing the TEFc stuff-- */ /*invisible box to hold things*/ #holder {width:900px;height:700px;overflow:hidden;} /*class for divs*/ .blackbox {border: 3px solid #3aedd8;background:#000000;overflow:hidden;position:absolute;} /*class for headers*/ .fancytext {font-size:18px;font-family:flavors;color:#3aedd8;} /*class for tab links*/ .fancytab {font-size:28px;font-family:flavors;color:#3aedd8;text-decoration:none;} /*class for hidden scrolls*/ .innerscroll {overflow:scroll;padding:10px;} /*update box and hidden scroll box*/ #updates {width:200px;height:180px;top:10px;left:10px;} #innerupdates{width:200px;height:180px;} /*holds the pictogram image*/ #picto {width:130px;height:130px;position:absolute;top:10px;left:255px;} /*holds the music*/ #musicbox {width:200px;height:40px;position:absolute;top:150px;left:220px;margin:0 auto;} /*the need to know div and its hidden scroll*/ #basicinfo {width:200px;height:200px;left:220px;top:200px;} #innerbasicinfo {width:200px;height:200px;} /*box for holding the picture*/ #portrait {width:440px;height:400px;position:absolute;left:450px;top:10px;} /*box that holds the tab info and hidden scroll*/ #depthinfo {height:280px;width:680px;top:410px;left:220px;} #innerdepthinfo{height:280px;width:680px;} /*the five tabs*/ #basictab {height:90px;width:200px;left:10px;top:200px;text-align:center;} #abouttab {height:90px;width:200px;left:10px;top:300px;text-align:center;} #relationstab {height:90px;width:200px;left:10px;top:400px;text-align:center;} #historytab {height:90px;width:200px;left:10px;top:500px;text-align:center;} #artstab {height:90px;width:200px;left:10px;top:600px;text-align:center;} /*the links at the bottom*/ #linkbar {height:20px;position:absolute;top:715px;left:600px;} /* --SECTION 2: Codes that change TEFc CSS-- */ /*The body of the page. Underlying stuff as well as stuff that is pagewide.*/ body {background:#1b1e20;background-image: url('http://i.imgur.com/plNDE7S.jpg');background-attachment: fixed;background-repeat:no-repeat;background-position:left-bottom;color:#ffffff;} /*The area around the node. This part affects things related to node size and look.*/ #wrapper #container #center .right-corner .left-corner{background:transparent;position:relative;margin:auto;width:900px;} /*These contribute to the centering of the blog. Thanks to Unplugged!*/ #wrapper #container #center {float:none;position:absolute} body.sidebar-left #center, body.sidebar-left #squeeze {margin-left:0px} /*The node itself. Border-bottom is an annoying blue line.*/ .node {background:transparent;border-bottom:none;width:900px;} /*The text inside the node*/ .node .content {margin:0px;} /*The area hidden behind the comments*/ #comments {border: 3px solid #3aedd8;background:#000000;padding-bottom:10px;} /*The odd and even comments. Odd comes first, even is second, odd is third, and so on. Just like numbers*/ .comment.odd, tr.odd, tr.info {background:transparent;border:none;margin-left:-35px;} tr.even, .comment.even {background:transparent;border:none;margin-left:-35px;} /*The "new" on new comments*/ .new {background:transparent;color:#ffffff;} /*These are the places where it prompts one to edit or reply*/ .comment div.links {background:transparent;} /*the text that says when a comment was posted*/ .comment .submitted {color:#3aedd8;} /*This is the area around the avatar*/ .picture {background:transparent;} /*This is the ares specifically around the avatar of the first poster*/ .node .picture {display:none;} /*This is where it says when something was submitted. Immune to color changes*/ .submitted {background:transparent;} /*Changes the color of the font in the submission areas*/ span.submitted {color:#000000;} /*Affects the look of every link on the page. Thanks Unplugged!*/ #block-menu-primary-links a,#tabs-wrapper a,#squeeze h2,a:link,a:visited {color:#3aedd8;text-decoration:underline;}  ul.pager a {color:#3aedd8;} /*The part at the bottom of the blog allowing add new comment*/ .links {background:transparent;} /* --SECTION 3: TEFc site stuff I hide-- */ /*sidebar*/ .sidebar {display:none;}/*title of the thread. Border-bottom is a line.*/ #tabs-wrapper{display:none;border-bottom:none;} /*The oak leaf that appears in the title.*/ #squeeze h2:before {display:none;} /*The text part of the title.*/ #squeeze h2 {display:none;} /*Header area*/ #header {display:none;} /*Area around the TEF Logo*/ #logo {display:none;} /*TEF Logo itself*/ #header img {display:none;} /*Top navigation Tale of Tales bar*/ #header-region {display:none;} /*This area refers specifically to the submission info for the original post*/ .node .submitted{display:none;} /*This is a part of a blog that normally directs a viwer to the poster's blog*/  .breadcrumb {display:none;}</style>
  38. </div>
Advertisement
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!