Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <background>
- <!--[if gte IE 9]>
- <style type="text/css">
- .gradient {
- filter: none;
- }
- </style>
- <![endif]-->
- <style>
- ::-webkit-scrollbar
- {
- height: 12px;
- width: 12px;
- background: #ffffff;
- }
- ::-webkit-scrollbar-thumb
- {
- background: #333333;
- -webkit-border-radius: .8ex;
- -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
- }
- ::-webkit-scrollbar-corner
- {
- background: #000;
- }
- Background
- {
- position:absolute;
- top:0px;
- left:0px;
- width:100%;
- height:100%;
- background-color:#3D3D00;
- }
- #Menu, .gradient
- {
- overflow:hidden;
- margin-bottom:8px;
- margin-right:5px;
- margin-left:20px;
- margin-top:10px;
- height:450px;
- width:250px;
- background-color:#fff;
- display:block;
- -webkit-box-shadow: 8px 6px 2px 8px rgba(0, 0, 0, 0.7);
- box-shadow: 8px 6px 2px 8px rgba(0, 0, 0, 0.7);
- float:left;
- background: rgb(181,189,200);
- background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyMSUiIHN0b3AtY29sb3I9IiNiNWJkYzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MyUiIHN0b3AtY29sb3I9IiM4MjhjOTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjgzNDNiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
- background: -moz-linear-gradient(top, rgba(181,189,200,1) 21%, rgba(130,140,149,1) 63%, rgba(40,52,59,1) 100%);
- 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)));
- background: -webkit-linear-gradient(top, rgba(181,189,200,1) 21%,rgba(130,140,149,1) 63%,rgba(40,52,59,1) 100%);
- background: -o-linear-gradient(top, rgba(181,189,200,1) 21%,rgba(130,140,149,1) 63%,rgba(40,52,59,1) 100%);
- background: -ms-linear-gradient(top, rgba(181,189,200,1) 21%,rgba(130,140,149,1) 63%,rgba(40,52,59,1) 100%);
- background: linear-gradient(to bottom, rgba(181,189,200,1) 21%,rgba(130,140,149,1) 63%,rgba(40,52,59,1) 100%);
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 );
- }
- Dash
- {
- border-bottom: 2px dashed #999;
- border-bottom-width: 1px;
- border-bottom-style: dashed;
- border-bottom-color: #999;
- line-spacing: 0px;
- width:100%;
- }
- .spread
- {
- letter-spacing:normal;
- }
- .spread:hover
- {
- letter-spacing:6px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- #a
- {
- display: block;
- width: 75%;
- height: 15px;
- float: left;
- opacity:1;
- color: white;
- font-size: 8px;
- text-align: center;
- border-bottom: 0px solid#B7DFC8;
- border-bottom-width: 0px;
- border-bottom-style: solid;
- border-bottom-color: #B7DFC8;
- padding-top: 5px;
- padding-bottom: 5px;
- font-family:times new roman;
- }
- #a:hover
- {
- -webkit-transition: all 0.5s ease-in-out;
- -webkit-transition-property: all;
- -webkit-transition-duration: 0.5s;
- -webkit-transition-timing-function: ease-in-out;
- -webkit-transition-delay: initial;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- width:100%;
- text-decoration:underline;
- }
- fff, f, white
- {
- color:#fff;
- }
- small, #text_two
- {
- font-family:arial;
- font-size:8px;
- }
- #Textbox
- {
- padding:8px;
- text-align:left;
- Height:500px;
- width:700px;
- top:50px;
- left:270px;
- position:Absolute;
- margin-bottom:25px;
- margin-right:50px;
- margin-left:10px;
- margin-top:25px;
- background-color:#fff;
- -webkit-box-shadow: 2px 1px 0.3px 2px , 0.3);
- box-shadow: 2px 1px 0.3px 2px , 0.3);
- background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
- background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
- background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
- background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
- background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
- background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
- background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
- }
- h1, h2, h3, h4, h5, h6
- {
- font-weight:normal;
- color:white;
- font-family: 'La Belle Aurore';
- text-align:center;
- }
- </style>
- <link href="http://fonts.googleapis.com/css?family=La+Belle+Aurore" rel="stylesheet">
- <div id="Menu"><div class="spread"><center><dash>Menu</dash></center></div>
- <hr WIDTH="100%" align="center" color="#ffffff">
- <center><span onclick=
- "document.getElementById('info').innerHTML=document.getElementById('1').innerHTML; "><div id="a" style="background-color:#626262" ;>About Me</div></span><br>
- <span onclick=
- "document.getElementById('info').innerHTML=document.getElementById('2').innerHTML; "><div id="a" style="background-color:#626262" ;>Friends</div></span><br>
- <span onclick=
- "document.getElementById('info').innerHTML=document.getElementById('3').innerHTML; "><div id="a" style="background-color:#626262" ;>Misc</div></span><br>
- <span onclick=
- "document.getElementById('info').innerHTML=document.getElementById('4').innerHTML; "><div id="a" style="background-color:#626262" ;>Read Theses</div></span><br>
- <span onclick=
- "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">
- <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>
- </div>
- <div id="textbox"><h1>Your Name</h1>
- <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>
- <div id="1" style="display:none"><small><f>1</f></small></div>
- <div id="2" style="display:none"><small><f>2</f></small></div>
- <div id="3" style="display:none"><small><f>3</f></small></div>
- <div id="4" style="display:none"><small><f>4</f></small></div>
- <div id="5" style="display:none"><small><f>5</f></small></div>
- </div>
- <link href="http://pastebin.com/raw.php?i=CDzwchgb" rel="stylesheet"></html>
Advertisement
Add Comment
Please, Sign In to add comment