API tools faq
paste
JaqueRabbit

TEF - Carys

JaqueRabbit
Jun 16th, 2020
78
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.34 KB | None | 0 0
raw download clone embed print report
  1. <div id="topbar"><div class="tMenu"><a href="http://www.endlessforest.org/community/">Home</a> | <a href="http://www.endlessforest.org/community/tracker">Recent</a> | <a href="http://endlessforest.org/community/node/102262">Map</a> | <span class="tooltip">Disclaimer<span class="tooltiptext" style="line-height:15px; font-size:12px;margin-top:30px;">CSS and layout were made by <a href="http://endlessforest.org/community/node/110902">Sycamorre</a>.
  2.  
  3. Sidebar art by: <a href="https://ivanbelikov.com/">Ivan Belikov</a><br><br>
  4. Content warning: Alcohol Mention, Child Endangerment.<br>
  5. IC at all times unless Set is sneezed off + roaming as I will help other people get Sets. If I'm afk/unresponsive, please feel free to bump me on Discord at <b>JaqueRabbit#9280</b>!</span></span></div></div>
  6.  
  7. <center>[img=850x702]https://i.ibb.co/nBNRL36/Manticore-Carys-061520.png[/img]</center>
  8.  
  9.  
  10. <bioTtl>CARYS[img=80x80]https://i.ibb.co/b2nJcPF/The-Disapproving-Stare.png[/img]</bioTtl>
  11. <div class="biocontain"><div class="bioPic"></div>
  12.  
  13. <div class="bio1"><div class="updLeft">
  14. <tabTtl>06-15-2020</tabTtl>
  15.  
  16. <updX>• <span class="tooltip">Body<span class="tooltiptext">Cold & Hungry.</span></span> • <span class="tooltip">Mind<span class="tooltiptext">Irritated. Lonely</span></span> • <span class="tooltip">Note<span class="tooltiptext">Disoriented by her introduction to the Forest.</span></span> •
  17.  
  18. -----
  19.  
  20. "Not sure what kinda 'Gods' take a cub from her mother... Certainly not the kind I'd be Quick to worship."</updPME></div>
  21. <div class="updHap"><updX>Diary:</updX>
  22. <center><i>06/15/20</i><center><br>
  23. I found myself in the forest today. Not sure why. One minute I was with my mother, the next I was lost in the fog. <i>What is this place?</i> I'd really like to go home.
  24. ---
  25. After sitting and dozing on and off for a while, <a href="http://www.endlessforest.org/community/node/74628">a friendly big-fanged cat</a> came over and checked on me. His name is Hector and he reminds me a lot of Dad, which... I know he's <i>not</i> Dad, I know, but it brought me a little comfort at least. We talked for a bit, he caught me some fish, and then he introduced me to his family.
  26.  
  27. I didn't learn the names of the hatchlings, but <a href="https://toyhou.se/7026901.">one of them</a> did tear some of my feathers out. They'll grow back, eventually, but I don't mind. <a href="https://toyhou.se/7134152.sigel">The other one</a> played with me for a bit, but I got tired out fairly fast. I fell asleep on one of the rocks at the Ragged Clan's Den.
  28. </div></div>
  29.  
  30. <div class="bio2"><div class="tabcontainer"><span class="tab"><input type="radio" id="tab1" name="tabs" checked><label for="tab1" id="tl1">About</label><div class="tabcontent"><tabTtl>About</tabTtl>
  31. (Stats)
  32. (Information about Manticores and Original Universe)</div></span><span class="tab"><input type="radio" id="tab2" name="tabs"><label for="tab2" id="tl2">Bio</label><div class="tabcontent"><tabTtl>Bio</tabTtl>
  33.  
  34. Biography Text</div></span ><span class="tab"><input type="radio" id="tab3" name="tabs"><label for="tab3" id="tl3">Relationships</label><div class="tabcontent"><tabTtl>Relationships</tabTtl>
  35.  
  36. <b><a href="http://www.endlessforest.org/community/node/74628">H e c t o r</a></b>
  37. <i><center>One of the first creatures she met in the Forest. He reminds her of her own father, an imposingly large Manticore the color of stone and embers, and she finds comfort in his presence. She's a little in awe of his size and his hunting skills and hopes one day to possibly learn to be so precise.</center></i></div></span>
  38.  
  39. <div id= "CSS-Sycamorre" style="display:none;">
  40.  
  41. <!---- CSS BELOW ---->
  42.  
  43. -- SETTING UP
  44. <link href="https://fonts.googleapis.com/css?family=Bahiana|Caesar+Dressing|Crushed|Oxygen|Titillium+Web" rel="stylesheet">
  45. <style>.preview{border:none; background:none; padding:0;} body{background-image:none;} #header, #sidebar-left, #header-region, .breadcrumb {display:none; margin:auto;} #tabs-wrapper{position:absolute; border:none; padding:0; margin-left:-120px; opacity:0.5; transition:all 1s;} #tabs-wrapper:hover{opacity:1;} #wrapper #container #center {float:none; top:0px; margin:auto; position:static; margin-bottom:-16px;} body.sidebar-left #squeeze{padding:0; margin:0;} #wrapper #container #center .right-corner .left-corner {margin:0 auto; max-width:none; padding:0;} .node .picture, .node .submitted{display:none} .node{border-bottom: none;margin:0; padding:0;} .node .content {margin:0;} .links{padding:10px;} .with-tabs{display:none;} .comment{border:none; padding:20px 20px 25px 10px; margin:10px auto 0 auto} .comment div.links{background:none; padding-top:10px;} #comments{margin:0;} tbody{border:none; margin:0; padding:0px;} #squeeze h2{display:none;}</style>
  46.  
  47. -- COLORS
  48.  
  49. <style>body{background:#333; background-image:url('https://live.staticflickr.com/5219/5436444822_66525ce22d_b.jpg');} #wrapper #container #center .right-corner .left-corner {background:#111; color:#aaa; border-left: 3px solid #000; border-right: 3px solid #000;} a:link, a:visited{color: #a8b; transition: all 0.7s} a:link:hover, a:visited:hover{color: #ced; text-decoration:none;} .comment.odd, tr.odd, tr.info, tr.even, .comment.even{background:#0a0a0a;}</style>
  50.  
  51. -- BLOG WIDTH/EDITS
  52.  
  53. <style>#wrapper #container #center .right-corner .left-corner{width:930px; padding: 0 10px 20px 10px; font-family:'Titillium Web'; font-size:13px; box-shadow: 0 0 30px 5px #000;} .comment{width:900px; box-sizing: border-box;} .comment .content{margin-top:5px;}</style>
  54.  
  55. -- TOPBAR
  56. <style>#topbar{position:fixed; top:0; z-index:24;} .tMenu{position:absolute; margin-left:15px; z-index:25; top:0; width:200px; padding:5px; border-radius: 0 0 10px 10px; border:2px solid #000; border-top:none; background-color:rgba(0,0,0,0.8); line-height:40px; text-align:center;}</style>
  57.  
  58. -- BIO DIVS
  59.  
  60. <style>.biocontain{position:relative; width:900px; height:900px; margin:auto; border:2px solid #000;} .bioPic{box-sizing: border-box; position:absolute; left:0; top:0; width:300px; height:900px; border:2px solid #000; background-image:url('https://i.ibb.co/j4M7hfd/manticore1.png');} .bio1{box-sizing: border-box; position:absolute; right:0; top:0; width:600px; height:350px; padding:10px; background:#333; border:2px solid #000;} .bio2{box-sizing: border-box; position:absolute; right:0; bottom:0; width:600px; height:550px; padding:10px; background:#333; border:2px solid #000;}</style>
  61.  
  62. -- UPDATES
  63.  
  64. <style>.updLeft{position:absolute; left:10px; top:10px; height:94%; width:38%; text-align:center;} .updHap{position:absolute; right:10px; top:10px; height:94%; width:55%; overflow:auto;} updX{font-family:'Crushed';font-size:20px;}</style>
  65.  
  66. -- TABS
  67. <style>.tabcontainer{position:relative; width:100%; height:100%; margin:auto;} input[type=radio] {display: none;} .tabcontainer label {margin-left: 5px; margin-top:-10px; transition:all 0.3s ease-out; overflow:hidden; cursor:pointer; height:0px; background:#ddd; border-bottom:12px solid #000; border-radius:0 0 10px 10px; color: #222; padding:0 10px 0; position:relative; z-index:10; float:left; font-size:18px; font-family:'Crushed'; line-height:20px;} .tabcontent{opacity:0; position:absolute; bottom:0; margin:auto; width:556px; height:500px; padding:10px; overflow:auto;} label:hover{height:20px;padding:10px;} input[type=radio]:checked ~ label {background:#222; color:#ddd; border-color:#a8b;} input[type=radio]:checked ~ .tabcontent {z-index: 2; opacity:1;} #tl1{margin-left:100px;}</style>
  68.  
  69. -- TITLES AND TOOLTIPS
  70. <style>bioTtl{font-size:75px; font-family:'Caesar Dressing'; display:block; width:900px; text-align:right; letter-spacing:5px; margin:auto; color:#cad;} tabTtl{font-size:30px; font-family:'Crushed';} .tooltip {position: relative; display: inline-block; cursor: pointer; color:#879E7B} .tooltip .tooltiptext {opacity:0; transition:all 1s; visibility: hidden;width: 250px; background:rgba(0,0,0,0.7); color: #aaa;padding: 5px; border-radius: 6px;position: absolute; z-index: 1;margin: 20px 0 0 -125px; text-align:center;} .tooltip:hover .tooltiptext{opacity: 1; visibility: visible;} .tooltip:hover .tooltiptext2{opacity: 1; visibility: visible;}</style>
  71.  
  72. -- INVISIBLE SCROLLBAR
  73. <style>#center ::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #000;} #center ::-webkit-scrollbar{width: 0px; background-color: #000;} #center ::-webkit-scrollbar-thumb{background-color: #000000; border: 2px solid #555555;}</style>
  74.  
  75. </div>
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!