Advertisement
Guest User

Untitled

a guest
Aug 29th, 2015
50
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.59 KB | None | 0 0
  1. <html>
  2. <head>
  3. <title>Removed</title>
  4. <link href="style.css" rel="stylesheet" type="text/css">
  5. </head>
  6. <body bgcolor="#800000">
  7. <center>
  8. <font color="#FFD700">
  9. <div id="container">
  10. <div id="header">
  11. <font size="16">Removed</font>
  12. <br><br>
  13. <a href="#" class="button"/>Home</a>
  14. <a href="#" class="button"/>About</a>
  15. </div>
  16. <div id="image"><img src="Removed" width="500"></div>
  17. <div id="title"><h1>Welcome to My Website!</h1></div>
  18. </center>
  19. <div id="about"><p>About information removed.</p></div>
  20. </font>
  21. </div>
  22. </body>
  23. </html>
  24.  
  25. @charset"utf-8";
  26.  
  27. #container{
  28. width:900px;
  29. }
  30.  
  31. #image{
  32. position: relative;
  33. padding-top:50px;
  34. padding-right: 500px;
  35. }
  36.  
  37. #title{
  38. position: relative;
  39. bottom: 275;
  40. left: 250;
  41. height: 100px;
  42. width: 400px;
  43. }
  44.  
  45. #margin{
  46. margin-left:10;
  47. }
  48.  
  49. #about{
  50. position: relative;
  51. bottom: 300;
  52. left: 820;
  53. height: 500px;
  54. width: 350px;
  55. border: 3px solid #FFFFFF;
  56. }
  57.  
  58. @font-face {
  59. font-family: myFirstFont;
  60. src: url(font.ttf);
  61. }
  62.  
  63. #header {
  64. width: 900px;
  65. height: 120px;
  66. position: relative;
  67. background-color: #787878;
  68. border-bottom: 2px solid #000000;
  69. font-family: myFirstFont;
  70. }
  71.  
  72. #footer {
  73. background-color: #FFD700;
  74. height:20px;
  75. left:0;
  76. bottom:0;
  77. position:absolute;
  78. bottom:0;
  79. width:100%;
  80. }
  81.  
  82. .button{text-decoration:none; text-align:center;
  83. padding:11px 32px;
  84. border:solid 1px #004F72;
  85. -webkit-border-radius:4px;
  86. -moz-border-radius:4px;
  87. border-radius: 4px;
  88. font:18px Arial, Helvetica, sans-serif;
  89. font-weight:bold;
  90. color:#E5FFFF;
  91. background-color:#3BA4C7;
  92. background-image: -moz-linear-gradient(top, #3BA4C7 0%, #1982A5 100%);
  93. background-image: -webkit-linear-gradient(top, #3BA4C7 0%, #1982A5 100%);
  94. background-image: -o-linear-gradient(top, #3BA4C7 0%, #1982A5 100%);
  95. background-image: -ms-linear-gradient(top, #3BA4C7 0% ,#1982A5 100%);
  96. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982A5', endColorstr='#1982A5',GradientType=0 );
  97. background-image: linear-gradient(top, #3BA4C7 0% ,#1982A5 100%);
  98. -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
  99. -moz-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
  100. box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
  101.  
  102. }.button:hover{
  103. padding:11px 32px;
  104. border:solid 1px #004F72;
  105. -webkit-border-radius:4px;
  106. -moz-border-radius:4px;
  107. border-radius: 4px;
  108. font:18px Arial, Helvetica, sans-serif;
  109. font-weight:bold;
  110. color:#E5FFFF;
  111. background-color:#3BA4C7;
  112. background-image: -moz-linear-gradient(top, #3BA4C7 0%, #1982A5 100%);
  113. background-image: -webkit-linear-gradient(top, #3BA4C7 0%, #1982A5 100%);
  114. background-image: -o-linear-gradient(top, #3BA4C7 0%, #1982A5 100%);
  115. background-image: -ms-linear-gradient(top, #3BA4C7 0% ,#1982A5 100%);
  116. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982A5', endColorstr='#1982A5',GradientType=0 );
  117. background-image: linear-gradient(top, #3BA4C7 0% ,#1982A5 100%);
  118. -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
  119. -moz-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
  120. box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
  121. }
  122.  
  123. #about{
  124. position: relative;
  125. bottom: 300; // missing the px
  126. left: 820; // missing the px
  127.  
  128. #about{
  129. position: relative;
  130. bottom: 300px;
  131. left: 820px;
  132.  
  133. #about {
  134. position: relative;
  135. width:350px;
  136. /* rest of code */
  137. }
  138.  
  139. #about {
  140. position: relative;
  141. width: 38%;
  142. /* rest of code */
  143. }
  144.  
  145. #title{
  146. position: relative;
  147. bottom: 275;
  148. left: 250;
  149. }
  150.  
  151. #title{
  152. position: relative;
  153. bottom: 275px;
  154. left: 250px;
  155. }
  156.  
  157. #container {
  158. width: 900px;
  159. margin: 0 auto;
  160. position: relative;
  161. }
  162.  
  163. #about {
  164. position: absolute;
  165. right: 0;
  166. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement