API tools faq
paste
SkyMails08

Free CSS: Poppy Feathers

SkyMails08
Feb 13th, 2018
175
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.91 KB | None | 0 0
raw download clone embed print report
  1. <center><div style="width: 750px; height: 780px; background: url('http://umad.com/img/2015/6/poppy-flowers-wallpaper-background-7708-8051-hd-wallpapers.jpg'); background-size: 750px 780px; border: none; color: #000000; border-radius: 30px; overflow: hidden"><h4>&#8195; Title Here</h4>
  2. <div id="updates"><h5><a class="info">Physical<span>100%
  3. Your body, dear.</span></a> / <a class="info">Mental<span>100%
  4. Your mind, dear!</span></a> / <a class="info">Emotional<span>100%
  5. Your heart, dear!!</span></a> / <a class="info">Note<span>Note from player...</span></a></h5><div style="width:720px;height:110px;overflow:auto;padding:5px;font-size:10px;line-height:100%">
  6. <basicbar>I</basicbar> <basic>[size=14]Tuesday 13th February 2018[/size]</basic> <basicbar>I</basicbar>
  7. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer in sapien eleifend diam volutpat dictum. Suspendisse vel nulla gravida, gravida tortor ut, euismod risus. Pellentesque lobortis lorem nunc, eget cursus nulla viverra at. Donec non rhoncus erat, vulputate tincidunt nibh. Suspendisse convallis, augue vitae condimentum commodo, magna ligula fringilla tortor, eget dignissim nisi sem eu quam. Pellentesque at eros enim. Ut sed diam congue, dignissim augue vel, rutrum diam. Donec egestas finibus convallis. Curabitur tincidunt dapibus nulla ac pellentesque. Fusce sit amet est ac ligula faucibus semper. Phasellus in turpis pulvinar, varius felis nec, lacinia turpis. In id scelerisque elit. Nulla eget suscipit nulla. Vivamus ipsum arcu, luctus at nisi non, consequat vehicula felis. Curabitur id tincidunt mi. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
  8.  
  9. Cras eget est sit amet diam tincidunt vestibulum. Suspendisse eros est, aliquam id diam a, ullamcorper sodales nibh. Praesent non nunc maximus, volutpat odio vitae, ultrices massa. Sed volutpat pretium arcu, nec porta nisi feugiat in. Suspendisse potenti. Aenean sapien libero, consectetur ac finibus vitae, scelerisque id turpis. Etiam aliquet, orci in sagittis iaculis, lorem ipsum aliquet elit, a feugiat libero libero ac ex. Aliquam quis facilisis tortor. Maecenas maximus magna malesuada gravida porta. Aliquam ullamcorper quam urna, hendrerit vehicula mauris tempor eu.
  10. </div>
  11. </div><div id="basics"><div style="width:180px;height:390px;padding:5px;line-height:50%"><a href="javascript:;" onmousedown="for(var i=0;i<5;i++){document.getElementsByClassName('tab')[i].style.display='none';};document.getElementById('1').style.display='inline';">I</a>
  12.  
  13. <a href="javascript:;" onmousedown="for(var i=0;i<5;i++){document.getElementsByClassName('tab')[i].style.display='none';};document.getElementById('2').style.display='inline';">II</a>
  14.  
  15. <a href="javascript:;" onmousedown="for(var i=0;i<5;i++){document.getElementsByClassName('tab')[i].style.display='none';};document.getElementById('3').style.display='inline';">III</a>
  16.  
  17. <a href="javascript:;" onmousedown="for(var i=0;i<5;i++){document.getElementsByClassName('tab')[i].style.display='none';};document.getElementById('4').style.display='inline';">IV</a>
  18.  
  19. <a href="javascript:;" onmousedown="for(var i=0;i<5;i++){document.getElementsByClassName('tab')[i].style.display='none';};document.getElementById('5').style.display='inline';">V</a>
  20.  
  21. </div></div><div id="infobox"><div style="width:522px;height:490px;overflow:auto;padding:5px;"><span id="1" class="tab" style="display:inline"><header>&#9753; Identity &#10087;</header>
  22. <basic>Name</basic> <basicbar>I</basicbar> ...
  23.  
  24. <basic>Forest Symbol</basic> <basicbar>I</basicbar> <a href="http://tale-of-tales.com/TheEndlessForest/register/pictogram.php?username=">PictoName</a>
  25.  
  26. <basic>Aliases</basic> <basicbar>I</basicbar> ...
  27.  
  28. <basic>Gender</basic> <basicbar>I</basicbar> ...
  29.  
  30. <basic>Age</basic> <basicbar>I</basicbar> ...
  31.  
  32. <basic>Species</basic> <basicbar>I</basicbar> ...
  33.  
  34. <basic>Scent</basic> <basicbar>I</basicbar> ...
  35.  
  36. <basic>Diet</basic> <basicbar>I</basicbar> ...
  37.  
  38. <basic>Size</basic> <basicbar>I</basicbar> <a href="http://orig01.deviantart.net/4a1b/f/2015/094/4/b/hjortstorlekar_frg_1_by_khyros-d8ocs6d.png">#??</a>
  39.  
  40. <basic>Reference</basic> <basicbar>I</basicbar> <a href="URL">Here</a>
  41.  
  42. <basic>In-Forest Appearance</basic> <basicbar>I</basicbar> ...
  43. </span><span id="2" class="tab" style="display:none"><header>&#9753; In-Depth &#10087;</header>
  44. <basic>[size=14]Trait <basicbar>I</basicbar> Trait <basicbar>I</basicbar> Trait <basicbar>I</basicbar> Trait <basicbar>I</basicbar> Trait <basicbar>I</basicbar> Trait<basicbar>I</basicbar> Trait <basicbar>I</basicbar> Trait <basicbar>I</basicbar> Trait <basicbar>I</basicbar> Trait <basicbar>I</basicbar> Trait <basicbar>I</basicbar> Trait <basicbar>I</basicbar> Trait[/size]</basic>
  45.  
  46. Give us more info!
  47. </span><span id="3" class="tab" style="display:none"><header>&#9753; Bonds &#10087;</header>
  48. <basicbar>I</basicbar> <basic>Companions</basic> <basicbar>I</basicbar>
  49.  
  50. <basic>[size=14]Name[/size]</basic>
  51. Text text teeeeext!!!
  52.  
  53.  
  54. <basicbar>I</basicbar> <basic>Positive</basic> <basicbar>I</basicbar>
  55.  
  56. <basic>[size=14]Name[/size]</basic>
  57. Text text teeeeext!!!
  58.  
  59.  
  60. <basicbar>I</basicbar> <basic>Memorized</basic> <basicbar>I</basicbar>
  61.  
  62. <basic>[size=14]Name[/size]</basic>
  63. Text text teeeeext!!!
  64.  
  65.  
  66. <basicbar>I</basicbar> <basic>Negative</basic> <basicbar>I</basicbar>
  67.  
  68. <basic>[size=14]Name[/size]</basic>
  69. Text text teeeeext!!!
  70.  
  71.  
  72. <basicbar>I</basicbar> <basic>Avoided</basic> <basicbar>I</basicbar>
  73.  
  74. <basic>[size=14]Name[/size]</basic>
  75. Text text teeeeext!!!
  76. </span><span id="4" class="tab" style="display:none"><header>&#9753; Other &#10087;</header>
  77. <basicbar>I</basicbar> <basic>History</basic> <basicbar>I</basicbar>
  78. ...
  79.  
  80. <basicbar>I</basicbar> <basic>Goods</basic> <basicbar>I</basicbar>
  81. <basic>[size=14]Item[/size]</basic>
  82. Text text teeeeext!!!
  83.  
  84. <basic>[size=14]Item[/size]</basic>
  85. Text text teeeeext!!!
  86.  
  87. <basic>[size=14]Item[/size]</basic>
  88. Text text teeeeext!!!
  89.  
  90. </span><span id="5" class="tab" style="display:none"><header>&#9753; Extra &#10087;</header>
  91. <center><basicbar>I</basicbar> <basic>Artwork</basic> <basicbar>I</basicbar>
  92. Sire, we need art!
  93.  
  94.  
  95.  
  96. </center>
  97. </span></div></div><div id="disclaimer">CSS by <a href="http://endlessforest.org/community/node/105672">Kamaya</a>.
  98. Disclaimer here!
  99. </div></div></center>
  100.  
  101. <div style="display: none"><style>#updates {width: 730px; height: 150px; background:rgba(255,255,255,0.5); border: none; box-shadow: 0px 0px 10px rgba(255,255,255,0.5); border-radius: 10px;position: relative; top: -14px; left: 0px; text-align: justify} #basics {width:190px; height: 500px; background:rgba(255,255,255,0.5); border: none; box-shadow: 0px 0px 10px rgba(255,255,255,0.5); border-radius: 100px; font-size: 100px; position: relative; left: -270px; top: 0px; overflow: hidden;} #infobox {width: 532px; height: 500px; background:rgba(255,255,255,0.5); border: none; box-shadow: 0px 0px 10px rgba(255,255,255,0.5); border-radius: 10px; position: relative; left: 100px; top: -500px; overflow: hidden; text-align: justify; font-size: 11px; line-height: 100%}#disclaimer {width: 750px; height: 60px; background:rgba(255,255,255,0.5); border: none; box-shadow: 0px 0px 10px rgba(255,255,255,0.5); position: relative; left-280px;top:-485px;top-line:2px black;text-align:justify;font-size:10px;padding:5px;line-height:100%}</style>
  102.  
  103. <style>::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 2px darkred;background-color:darkred;} ::-webkit-scrollbar{width: 8px;background-color:darkred;} ::-webkit-scrollbar-thumb{ -webkit-box-shadow: inset 0 0 6px red;background-color: red;}</style>
  104.  
  105. <style>header {color: red; text-align: center; padding: 20px; font-size: 50px; font-family: Handscript SF; border-bottom: 1px solid red} h4 {background: transparent; color: #FFFFFF; text-align: left; font-family: Handscript SF; font-size: 18pt; padding: 5px} h5 {background: transparent; color: #FFFFFF; text-align: left; font-family: Lucida Calligraphy; font-size: 14pt; padding: 5px} basic {font-family: Century Gothic; font-size: 13pt; color: red} basicbar {font-family: Bird Feather; font-size: 25pt; color: red}</style>
  106.  
  107. <style>a:link, a:visited, ul.pager a{color:red; font-family:Century Gothic;font-weight:normal;!important;-webkit-transition: all 0.5s ease-in-out!important; -moz-transition: all 0.5s ease-in-out!important; } a:link:hover, a:visited:hover, ul.pager a:hover{color:darkred; text-decoration:none; !important;-webkit-transition: all 0.5s ease-in-out!important; -moz-transition: all 0.5s ease-in-out!important; text-shadow: 0px 0px 10px}</style>
  108.  
  109. <style>#basics a:link, #basics a:visited, #basics ul.pager a{color:red; font-family:Bird Feather;font-weight:normal;!important;-webkit-transition: all 0.5s ease-in-out!important; -moz-transition: all 0.5s ease-in-out!important; } #basics a:link:hover, #basics a:visited:hover, #basics ul.pager a:hover{color:darkred; text-decoration:none; !important;-webkit-transition: all 0.5s ease-in-out!important; -moz-transition: all 0.5s ease-in-out!important; text-shadow: 0px 0px 10px}</style>
  110.  
  111. <style> a.info { position:relative; z-index:24; text-decoration: none; color: #FFFFFF; font-size:14px;font-family:Lucida Calligraphy} a.info:hover { z-index:25; background-color:red; color: #FFFFFF} a.info span { display: none; } a.info:hover span { display:block; position:absolute; top:2em; left:0em; width:100px; color: #000000; border:none; background-color:rgba(255,255,255,0.7); font-family:Verdana; font-size: 10px; padding: 5px; border-radius: 20px;text-align:center}</style>
  112.  
  113. <style>.node .links {text-align:center;} .node {border-bottom:none} .comment.odd,tr.odd,.comment.even,tr.even{background:url('http://umad.com/img/2015/6/poppy-flowers-wallpaper-background-7708-8051-hd-wallpapers.jpg'),white;background-size:1000px 1000px;background-opacity:0.5;width:45%; margin-left:0px; margin:0px auto; margin-top:8px; margin-bottom:0px;color:#FFFFFF;border-radius:30px} .comment{border:none} span.submitted {color:#000000} .comment div.links{background:none} .new {color:red;text-shadow:0px 0px 5px}</style></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!