API tools faq
paste
Cromagna

Free Simple Bio CSS

Cromagna
Mar 1st, 2016
482
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.87 KB | None | 0 0
raw download clone embed print report
  1. <center><div style="height:540px; width:675px; border: 2px solid #ffffff; overflow:hidden; background: background-attachment:fixed; background:url('http://i.imgur.com/nBJf6g5.png'); padding:50px;"><div style="height:500px; width:315px; overflow:hidden; background: #ffffff; border: 2px solid #ffffff; opacity: 0.6; margin-right: 370px;"><div style="width:312px; height:470px; padding-right:20px; padding:10px; overflow:auto; color: #CCB0A3"><span id="one" class="tab" style="display:inline;">
  2. <h3><em>tab 1</em></h3>
  3. <h5>word</h5><a href="http://endlessforest.org/community/">link</a>
  4.  
  5. <h5>word</h5><a class=info target="_new">hover<span>words</a>
  6.  
  7. <h5>word</h5>words
  8.  
  9. text text text text text text text text
  10. text text text text text text text text
  11. text text text text text text text text
  12.  
  13. text text text text text text text text
  14. text text text text text text text text
  15. text text text text text text text text
  16.  
  17. text text text text text text text text
  18. text text text text text text text text
  19. text text text text text text text text
  20.  
  21. text text text text text text text text
  22. text text text text text text text text
  23. text text text text text text text text
  24.  
  25. text text text text text text text text
  26. text text text text text text text text
  27. text text text text text text text text
  28.  
  29. </span><span id="two" class="tab" style="display:none;">
  30. <h3><em>tab 2</em></h3>
  31. <h5>word</h5><a href="http://endlessforest.org/community/">link</a>
  32.  
  33. <h5>word</h5><a class=info target="_new">hover<span>words</a>
  34.  
  35. <h5>word</h5>words
  36.  
  37. text text text text text text text text
  38. text text text text text text text text
  39. text text text text text text text text
  40.  
  41. text text text text text text text text
  42. text text text text text text text text
  43. text text text text text text text text
  44.  
  45. text text text text text text text text
  46. text text text text text text text text
  47. text text text text text text text text
  48.  
  49. text text text text text text text text
  50. text text text text text text text text
  51. text text text text text text text text
  52.  
  53. text text text text text text text text
  54. text text text text text text text text
  55. text text text text text text text text
  56.  
  57. </span><span id="three"class="tab" style="display:none;">
  58. <h3><em>tab 3</em></h3>
  59. <h5>word</h5><a href="http://endlessforest.org/community/">link</a>
  60.  
  61. <h5>word</h5><a class=info target="_new">hover<span>words</a>
  62.  
  63. <h5>word</h5>words
  64.  
  65. text text text text text text text text
  66. text text text text text text text text
  67. text text text text text text text text
  68.  
  69. text text text text text text text text
  70. text text text text text text text text
  71. text text text text text text text text
  72.  
  73. text text text text text text text text
  74. text text text text text text text text
  75. text text text text text text text text
  76.  
  77. text text text text text text text text
  78. text text text text text text text text
  79. text text text text text text text text
  80.  
  81. text text text text text text text text
  82. text text text text text text text text
  83. text text text text text text text text
  84.  
  85. </span><span id="four"class="tab" style="display:none;">
  86. <h3><em>tab 4</em></h3>
  87. <h5>word</h5><a href="http://endlessforest.org/community/">link</a>
  88.  
  89. <h5>word</h5><a class=info target="_new">hover<span>words</a>
  90.  
  91. <h5>word</h5>words
  92.  
  93. text text text text text text text text
  94. text text text text text text text text
  95. text text text text text text text text
  96.  
  97. text text text text text text text text
  98. text text text text text text text text
  99. text text text text text text text text
  100.  
  101. text text text text text text text text
  102. text text text text text text text text
  103. text text text text text text text text
  104.  
  105. text text text text text text text text
  106. text text text text text text text text
  107. text text text text text text text text
  108.  
  109. text text text text text text text text
  110. text text text text text text text text
  111. text text text text text text text text
  112.  
  113. </span><span id="five"class="tab" style="display:none;">
  114. <h3><em>tab 5</em></h3>
  115. <h5>word</h5><a href="http://endlessforest.org/community/">link</a>
  116.  
  117. <h5>word</h5><a class=info target="_new">hover<span>words</a>
  118.  
  119. <h5>word</h5>words
  120.  
  121. text text text text text text text text
  122. text text text text text text text text
  123. text text text text text text text text
  124.  
  125. text text text text text text text text
  126. text text text text text text text text
  127. text text text text text text text text
  128.  
  129. text text text text text text text text
  130. text text text text text text text text
  131. text text text text text text text text
  132.  
  133. text text text text text text text text
  134. text text text text text text text text
  135. text text text text text text text text
  136.  
  137. text text text text text text text text
  138. text text text text text text text text
  139. text text text text text text text text
  140.  
  141. </span></div></div><div style="height:25px; width:300px; overflow:hidden; border:0px solid; margin-right:350px; margin-top:10px; word-spacing: 8px;"><h5><a href="javascript:;" onmousedown="for(var i=0;i<5;i++){document.getElementsByClassName('tab')[i].style.display='none';};document.getElementById('one').style.display='inline';"><font color="#947466">tab1</font></a> <a href="javascript:;" onmousedown="for(var i=0;i<5;i++){document.getElementsByClassName('tab')[i].style.display='none';};document.getElementById('two').style.display='inline';"><font color="#947466">tab2</font></a> <a href="javascript:;" onmousedown="for(var i=0;i<5;i++){document.getElementsByClassName('tab')[i].style.display='none';};document.getElementById('three').style.display='inline';"><font color="#947466">tab3</font></a> <a href="javascript:;" onmousedown="for(var i=0;i<5;i++){document.getElementsByClassName('tab')[i].style.display='none';};document.getElementById('four').style.display='inline';"><font color="#947466">tab4</font></a> <a href="javascript:;" onmousedown="for(var i=0;i<5;i++){document.getElementsByClassName('tab')[i].style.display='none';};document.getElementById('five').style.display='inline';"><font color="#947466">tab5</font></a></h5></div><div style="height:300px; width:300px; overflow:hidden; background: #ffffff; border:2px solid #fffffff; opacity:0.6; margin-left:370px; margin-top:-539px;"><div style="width:297px; height:270px; padding-right:20px; padding:10px; overflow:auto; color: #CCB0A3">
  142. <h3><em>updates</em></h3>
  143. <h5><a class=info target="_new">mental<span>words</a> / <a class=info target="_new">physical<span>words</a> / <a class=info target="_new">note<span>words</a></h5>
  144. text text text text text text text text
  145. text text text text text text text text
  146. text text text text text text text text
  147.  
  148. text text text text text text text text
  149. text text text text text text text text
  150. text text text text text text text text
  151.  
  152. text text text text text text text text
  153. text text text text text text text text
  154. text text text text text text text text</div></div></div><div style="width:0px; height:0px; position:relative; top:-250px; opacity:1.0; margin-left:180px; z-index:10;"><img src="http://www.mycollingwood.ca/images/2014/mycollingwood-you-are-here2.png" height="180px"></div>
  155. <a class=info target="_new"><h3>disclaimer</h3><span>codes by unplugged, shey, and aquilo.
  156. whatever else you want!</a></center>
  157.  
  158. <style>a:link, a:visited, ul.pager a{font-style:italic; color:#B38070; font-weight:normal;} a:link:hover, a:visited:hover, ul.pager a:hover{color:#80341D; }</style>
  159. <style>h5{background:transparent; font-style:bold; color:#947466; padding:4px; font-family: "Century Gothic"; font-size:15px;}</style><style>h6{background:transparent; font-style:bold; color:#ffffff; padding:4px; font-family: "Century Gothic"; font-size:15px;}</style>
  160. <style>a.info { position:relative; z-index:24; color:#B38070; text-decoration:none; font-style:italic;} a.info:hover { z-index:25; color:#80341D } a.info span { display: none; } a.info:hover span { display:block; position:absolute; margin-left:-140px; top:2em; left:2em; width:250px; color: #ffffff; border:0px solid; background-color:#947466; text-align: center; padding: 5px; opacity:0.8; font-style:normal}</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!