yellowstone
by bug
for use by user:
ShortAxel
only.
<div class="credits"> <p><b>Coding</b> by:<br>[user=Bug]</p> <p><b>Overlay</b> by:<br>[user=fill this in]</p> <p><b>Writing</b> by:<br>[user=ShortAxel]</p> </div> <img src="https://i.imgur.com/yX4uI7J.png"> <div class="yt-info"><h1>Yellowstone</h1><p>The Glade Anyu<br>Owner: [user=ShortAxel]<br>Born: May 17th, 2015</p><img src="http://i.imgur.com/QINUUvf.png"></div> <div class="yt-resources"> <div class="yt-resources-tab">More Resources (hover)</div> <div class="yt-st">Section Title</div> <a href="https://www.nps/gov/yell/">Example Link</a> <a href="https://www.nps/gov/yell/">Example Link</a> <a href="https://www.nps/gov/yell/">Example Link</a> <div class="yt-st">Section Title</div> <a href="https://www.nps/gov/yell/">Example Link</a> <a href="https://www.nps/gov/yell/">Example Link</a> <a href="https://www.nps/gov/yell/">Example Link</a> <div class="yt-st">Section Title</div> <a href="https://www.nps/gov/yell/">Example Link</a> <a href="https://www.nps/gov/yell/">Example Link</a> <a href="https://www.nps/gov/yell/">Example Link</a> </div> <style type="text/css"> @import url('https://fonts.googleapis.com/css?family=Neucha'); /*** CODING BY BUG --- do not steal ***/ html,body{height:100%;width:100%;margin:0;padding:0;} *{box-sizing:border-box;font-family:'Neucha',sans-serif;} body{background-image:url('https://i.imgur.com/zWPf5h4.jpg');background-size:cover;background-position:top center;background-repeat:no-repeat;background-attachment:fixed;padding-right:300px;padding-top:20px;overflow:auto;} #menu,#sidebar,#postcards,#bookmarks,#rightbg,#header,#column_3,iframe,br[clear='all'],#pet_image,h2,#column_1 br,.pet_wco_info_date{display:none!important;} #page,#content,.container-fluid{width:100%!important;height:auto!important;position:relative;background:none;margin:0!important;padding:0!important;} #column_2{position:absolute;} #column_2 *{display:none;} #column_1,.yt-info,#column_3,#pet_friends,#pet_desc{padding:0;} #column_1,.yt-info{position:fixed;right:50px;width:200px;} #column_1{z-index:999;}.yt-info{top:20px;height:220px;} #column_1{top:270px;height:190px;}#pet_info{width:900px;margin-right:0;}#pet_desc img{width:50%;}#pet_minion img{display:block;margin-left:auto;margin-right:auto;background-color:#fff;border-radius:6px;margin-top:9px;margin-bottom:9px;} #pet_desc,#pet_treasure,#column_1,.yt-info{border:20px solid transparent;padding:15px;border-image:url('https://i.imgur.com/qjzcA5I.jpg') 30% round;background-image:url('https://i.imgur.com/6oErzYG.jpg');box-shadow:0 0 15px rgba(255,255,255,0.6);} #pet_desc,#pet_treasure{margin-bottom:30px;width:800px;text-align:center;overflow:auto;margin-left:auto;}.pet_spotlight,.credits{position:fixed;display:block!important;top:270px;right:60px;width:180px;height:190px;border:7px solid #e9c68c;margin:0;background-color:#fff;opacity:0.8;transition:opacity 1s,top 1s;} .pet_spotlight:hover,.credits:hover{z-index:995;opacity:1.0;top:460px;transition:opacity 1s,top 1s;} .pet_spotlight:after,.credits:after{position:absolute;display:block;padding:0;font-size:110%;height:35px;bottom:-35px;line-height:40px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;background-color:#e9c68c;} .pet_spotlight:after{content:'Spotlight';right:0;width:90px;} .credits:after{content:'Credits';width:60px;} .treasure_item span{display:block;font-size:0;} .treasure_item{display:inline-block;vertical-align:top;width:auto;height:auto;float:none;}.treasure_item img {height:74px;width:56px;margin:1px!important;border-radius:0!important;background-color:#111!important;padding-top:7px;padding-left:3px;padding-right:3px;padding-bottom:20px;box-shadow:0 0 13px #999;opacity:0.5;}.treasure_item:nth-child(odd) img{transform:rotate(-2deg);z-index:99;} .treasure_item:nth-child(even) img{transform:rotate(1deg);} .treasure_item:nth-child(odd):hover img{transform:rotate(6deg);box-shadow:0 0 10px #fff;z-index:100;opacity:1.0;} .treasure_item:nth-child(even):hover img{transform:rotate(6deg);box-shadow:0 0 10px #fff;z-index:100;opacity:1.0;}.treasure_item br{display:none;} .treasure_item img[title='Invisible Man'],treasure_item:hover img[title='Invisible Man']{opacity:0!important;width:50px;} .treasure_item img[title='By Meteor Puzzle Sticker'],.treasure_item img[title='Twilight Deco-Feli Sticker'],.treasure_item:hover img[title='By Meteor Puzzle Sticker'],.treasure_item:hover img[title='Twilight Deco-Feli Sticker']{width:875px;opacity:0!important;height:1px;padding:0;border:0!important;margin:0;}.treasure_item img[title='Twilight Deco-Feli Sticker']+br+span:before{display:block;background-color:#c49b67;height:5px;width:100%;content:' ';border-radius:2px;margin-bottom:25px;margin-top:10px;} .treasure_item img[title='A Sticker'],.treasure_item img[title='B Sticker'],.treasure_item img[title='C Sticker'],.treasure_item img[title='D Sticker'],.treasure_item img[title='E Sticker'],.treasure_item img[title='F Sticker'],.treasure_item img[title='G Sticker'],.treasure_item img[title='H Sticker'],.treasure_item img[title='I Sticker'],.treasure_item img[title='K Sticker'],.treasure_item img[title='L Sticker'],.treasure_item img[title='N Sticker'],.treasure_item img[title='O Sticker'],.treasure_item img[title='P Sticker'],.treasure_item img[title='R Sticker'],.treasure_item img[title='S Sticker'],.treasure_item img[title='T Sticker'],.treasure_item img[title='W Sticker'],.treasure_item img[title='Y Sticker']{padding:1px;border-radius:50%;margin:5px;box-shadow:0 0 5px #333; background-color:#fff;height:50px;width:50px;opacity:1.0;} .treasure_item img[title='Birthday Card Sticker'],.treasure_item img[title='Cutesy Shooting Star Sticker'],.treasure_item img[title='Rainbow Talky Sticker'],.treasure_item img[title='Heart Talky Sticker'],.treasure_item img[title='Ice Cream Love Sticker'],.treasure_item img[title='Purple Octopus Sticker'],.treasure_item:hover img[title='Birthday Card Sticker'],.treasure_item:hover img[title='Cutesy Shooting Star Sticker'],.treasure_item:hover img[title='Rainbow Talky Sticker'],.treasure_item:hover img[title='Heart Talky Sticker'],.treasure_item:hover img[title='Ice Cream Love Sticker'],.treasure_item:hover img[title='Purple Octopus Sticker']{width:875px;opacity:0;height:1px;padding:0;border:0!important;margin:0;} .treasure_item img[title='Birthday Card Sticker']+br+span:before,.treasure_item img[title='Cutesy Shooting Star Sticker']+br+span:before,.treasure_item img[title='Rainbow Talky Sticker']+br+span:before,.treasure_item img[title='Heart Talky Sticker']+br+span:before,.treasure_item img[title='Ice Cream Love Sticker']+br+span:before,.treasure_item img[title='Purple Octopus Sticker']+br+span:before{ display:block;width:50%;margin-left:auto;margin-right:auto;padding:20px;box-shadow:inset 2px 2px 10px rgba(0,0,0,0.5);font-size:12pt;margin-bottom:10px;margin-bottom:20px;border-radius:5px;letter-spacing:0.02em;} .yt-resources{position:fixed;background-color:rgba(63,86,14,1.0);color:#eacb94;z-index:99999999;bottom:0;right:50px;width:200px;height:40px;box-shadow:0 0 20px #fff;border-top-right-radius:15px;border-top-left-radius:15px;opacity:0.8;transition:height 1s,border-top-right-radius 1s,border-top-left-radius 1s,opacity 1s;-webkit-transition:height 1s,border-top-right-radius 1s,border-top-left-radius 1s,opacity 1s;-moz-transition:height 1s,border-top-right-radius 1s,border-top-left-radius 1s,opacity 1s;} .yt-resources-tab{font-weight:700;height:40px;line-height:40px;text-align:center;} .yt-resources:hover{height:100%;opacity:0.97;border-top-right-radius:0;border-top-left-radius:0;transition:height 1s,border-top-right-radius 1s,border-top-left-radius 1s,opacity 1s;-webkit-transition:height 1s,border-top-right-radius 1s,border-top-left-radius 1s,opacity 1s;-moz-transition:height 1s,border-top-right-radius 1s,border-top-left-radius 1s,opacity 1s;} .yt-st{text-transform:uppercase;margin-top:16px;margin-bottom:6px;} .yt-resources a{text-decoration:none;color:#fff;display:block;text-align:center;}.yt-resources a:hover{font-weight:bold;letter-spacing:0.15em;} /*** CONTENT SECTIONS BELOW ***/ .treasure_item img[title='Birthday Card Sticker']+br+span:before{content:'Intro paragraph goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi fringilla, urna porta feugiat consectetur, odio neque porttitor dolor, quis euismod elit dolor eleifend lacus. Nullam tristique, risus vitae commodo laoreet, est nibh vehicula metus, et pretium eros est non nisi. Suspendisse potenti. Etiam molestie mollis molestie.';} .treasure_item img[title='Cutesy Shooting Star Sticker']+br+span:before{content:'What To Bring content goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi fringilla, urna porta feugiat consectetur, odio neque porttitor dolor, quis euismod elit dolor eleifend lacus. Nullam tristique, risus vitae commodo laoreet, est nibh vehicula metus, et pretium eros est non nisi. Suspendisse potenti. Etiam molestie mollis molestie.';} .treasure_item img[title='Rainbow Talky Sticker']+br+span:before{content:'What to See content goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi fringilla, urna porta feugiat consectetur, odio neque porttitor dolor, quis euismod elit dolor eleifend lacus. Nullam tristique, risus vitae commodo laoreet, est nibh vehicula metus, et pretium eros est non nisi. Suspendisse potenti. Etiam molestie mollis molestie.';} .treasure_item img[title='Heart Talky Sticker']+br+span:before{content:'What to do content goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi fringilla, urna porta feugiat consectetur, odio neque porttitor dolor, quis euismod elit dolor eleifend lacus. Nullam tristique, risus vitae commodo laoreet, est nibh vehicula metus, et pretium eros est non nisi. Suspendisse potenti. Etiam molestie mollis molestie.';} .treasure_item img[title='Ice Cream Love Sticker']+br+span:before{content:'Respect the park content goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi fringilla, urna porta feugiat consectetur, odio neque porttitor dolor, quis euismod elit dolor eleifend lacus. Nullam tristique, risus vitae commodo laoreet, est nibh vehicula metus, et pretium eros est non nisi. Suspendisse potenti. Etiam molestie mollis molestie.';} .treasure_item img[title='Purple Octopus Sticker']+br+span:before{content:'Respect the wildlife content goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi fringilla, urna porta feugiat consectetur, odio neque porttitor dolor, quis euismod elit dolor eleifend lacus. Nullam tristique, risus vitae commodo laoreet, est nibh vehicula metus, et pretium eros est non nisi. Suspendisse potenti. Etiam molestie mollis molestie.';} </style>