Lyend

Visual Basic

Nov 24th, 2012
199
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 8.16 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <background>
  4. <!--[if gte IE 9]>
  5.   <style type="text/css">
  6.     .gradient {
  7.        filter: none;
  8.     }
  9.   </style>
  10. <![endif]-->
  11. <style>
  12. ::-webkit-scrollbar
  13. {
  14.     height: 12px;
  15. width: 12px;
  16. background: #ffffff;
  17.     }
  18. ::-webkit-scrollbar-thumb
  19. {
  20.     background: #333333;
  21.     -webkit-border-radius: .8ex;
  22.     -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
  23. }
  24. ::-webkit-scrollbar-corner
  25. {
  26.     background: #000;
  27. }
  28. Background
  29. {
  30. position:absolute;
  31. top:0px;
  32. left:0px;
  33. width:100%;
  34. height:100%;
  35. background-color:#3D3D00;
  36. }
  37. #Menu, .gradient
  38. {
  39. overflow:hidden;
  40. margin-bottom:8px;
  41. margin-right:5px;
  42. margin-left:20px;
  43. margin-top:10px;
  44. height:450px;
  45. width:250px;
  46. background-color:#fff;
  47. display:block;
  48. -webkit-box-shadow:  8px 6px 2px 8px rgba(0, 0, 0, 0.7);
  49. box-shadow:  8px 6px 2px 8px rgba(0, 0, 0, 0.7);
  50. float:left;
  51. background: rgb(181,189,200);
  52. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyMSUiIHN0b3AtY29sb3I9IiNiNWJkYzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MyUiIHN0b3AtY29sb3I9IiM4MjhjOTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjgzNDNiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  53. background: -moz-linear-gradient(top,  rgba(181,189,200,1) 21%, rgba(130,140,149,1) 63%, rgba(40,52,59,1) 100%);
  54. background: -webkit-gradient(linear, left top, left bottom, color-stop(21%,rgba(181,189,200,1)), color-stop(63%,rgba(130,140,149,1)), color-stop(100%,rgba(40,52,59,1)));
  55. background: -webkit-linear-gradient(top,  rgba(181,189,200,1) 21%,rgba(130,140,149,1) 63%,rgba(40,52,59,1) 100%);
  56. background: -o-linear-gradient(top,  rgba(181,189,200,1) 21%,rgba(130,140,149,1) 63%,rgba(40,52,59,1) 100%);
  57. background: -ms-linear-gradient(top,  rgba(181,189,200,1) 21%,rgba(130,140,149,1) 63%,rgba(40,52,59,1) 100%);
  58. background: linear-gradient(to bottom,  rgba(181,189,200,1) 21%,rgba(130,140,149,1) 63%,rgba(40,52,59,1) 100%);
  59. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 );
  60. }
  61. Dash
  62. {
  63. border-bottom: 2px dashed #999;
  64. border-bottom-width: 1px;
  65. border-bottom-style: dashed;
  66. border-bottom-color: #999;
  67. line-spacing: 0px;
  68. width:100%;
  69. }
  70. .spread
  71. {
  72. letter-spacing:normal;
  73. }
  74. .spread:hover
  75. {
  76. letter-spacing:6px;
  77.     -webkit-transition: all 0.5s ease-in-out;
  78.     -moz-transition: all 0.5s ease-in-out;
  79.     -ms-transition: all 0.5s ease-in-out;
  80.     -o-transition: all 0.5s ease-in-out;
  81.     transition: all 0.5s ease-in-out;
  82. }
  83. #a
  84. {
  85. display: block;
  86. width: 75%;
  87. height: 15px;
  88. float: left;
  89. opacity:1;
  90. color: white;
  91. font-size: 8px;
  92. text-align: center;
  93. border-bottom: 0px solid#B7DFC8;
  94. border-bottom-width: 0px;
  95. border-bottom-style: solid;
  96. border-bottom-color: #B7DFC8;
  97. padding-top: 5px;
  98. padding-bottom: 5px;
  99. font-family:times new roman;
  100. }
  101. #a:hover
  102. {
  103. -webkit-transition: all 0.5s ease-in-out;
  104. -webkit-transition-property: all;
  105. -webkit-transition-duration: 0.5s;
  106. -webkit-transition-timing-function: ease-in-out;
  107. -webkit-transition-delay: initial;
  108. -moz-transition: all 0.5s ease-in-out;
  109. -o-transition: all 0.5s ease-in-out;
  110. -ms-transition: all 0.5s ease-in-out;
  111. transition: all 0.5s ease-in-out;
  112. width:100%;
  113. text-decoration:underline;
  114. }
  115. fff, f, white
  116. {
  117. color:#fff;
  118. }
  119. small, #text_two
  120. {
  121. font-family:arial;
  122. font-size:8px;
  123. }
  124. #Textbox
  125. {
  126. padding:8px;
  127. text-align:left;
  128. Height:500px;
  129. width:700px;
  130. top:50px;
  131. left:270px;
  132. position:Absolute;
  133. margin-bottom:25px;
  134. margin-right:50px;
  135. margin-left:10px;
  136. margin-top:25px;
  137. background-color:#fff;
  138. -webkit-box-shadow:  2px 1px 0.3px 2px , 0.3);
  139. box-shadow:  2px 1px 0.3px 2px , 0.3);
  140. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  141. background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
  142. background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
  143. background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
  144. background: -o-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
  145. background: -ms-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
  146. background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
  147. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
  148. }
  149. h1, h2, h3, h4, h5, h6
  150. {
  151. font-weight:normal;
  152. color:white;
  153. font-family: 'La Belle Aurore';
  154. text-align:center;
  155. }
  156. </style>
  157. <link href="http://fonts.googleapis.com/css?family=La+Belle+Aurore" rel="stylesheet">
  158. <div id="Menu"><div class="spread"><center><dash>Menu</dash></center></div>
  159. <hr WIDTH="100%" align="center" color="#ffffff">
  160. <center><span onclick=
  161. "document.getElementById('info').innerHTML=document.getElementById('1').innerHTML; "><div id="a" style="background-color:#626262" ;>About Me</div></span><br>
  162. <span onclick=
  163. "document.getElementById('info').innerHTML=document.getElementById('2').innerHTML; "><div id="a" style="background-color:#626262" ;>Friends</div></span><br>
  164. <span onclick=
  165. "document.getElementById('info').innerHTML=document.getElementById('3').innerHTML; "><div id="a" style="background-color:#626262" ;>Misc</div></span><br>
  166. <span onclick=
  167. "document.getElementById('info').innerHTML=document.getElementById('4').innerHTML; "><div id="a" style="background-color:#626262" ;>Read Theses</div></span><br>
  168. <span onclick=
  169. "document.getElementById('info').innerHTML=document.getElementById('5').innerHTML; "><div id="a" style="background-color:#626262" ;>Contact information</div></span><br><br><br><hr WIDTH="80%" align="center" color="#ffffff">
  170. <fff>Purchased from ChatangoServices.weebly.com<hr WIDTH="80%" align="center" color="#ffffff"><Small>Welcome to my profile. Feel free to look around, it's best viewed in Google chrome, IE (Internet Explorer) may not be able to view this. Click the text on the tabs above to navigate through. <br><br><i>Original edit by: Lyend</i></fff></small></center>
  171. </div>
  172. <div id="textbox"><h1>Your Name</h1>
  173. <div id="info"><small><f>Sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample sample</f></small></div>
  174. <div id="1" style="display:none"><small><f>1</f></small></div>
  175. <div id="2" style="display:none"><small><f>2</f></small></div>
  176. <div id="3" style="display:none"><small><f>3</f></small></div>
  177. <div id="4" style="display:none"><small><f>4</f></small></div>
  178. <div id="5" style="display:none"><small><f>5</f></small></div>
  179. </div>
  180. <link href="http://pastebin.com/raw.php?i=CDzwchgb" rel="stylesheet"></html>
Advertisement
Add Comment
Please, Sign In to add comment