API tools faq
paste
Guest User

Untitled

a guest
May 29th, 2018
237
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.61 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <title>
  4. </title>
  5. <link rel="stylesheet" type="text/css" href="mobstyle.css">
  6. </head>
  7. <meta name="viewport" content="width=device-width, initial-scale=1" />
  8. <body>
  9.  
  10. <div id="container">
  11. <div id="head">
  12. <div id="title1"></div>
  13. <a href="index.htm"><div id="title2"><b><center>OpenMarket.co.uk</center></b></div></a>
  14. <div id="title3" onclick="menuFunction()" style="menuimg"><center><b></b></center></div>
  15. </div>
  16.  
  17. <div id="menu">
  18. <div id="menuitemholder">
  19. <a href="index.htm"><div id="menuitem1">Homepage</div></a>
  20. <a href="account.htm"><div id="menuitem2">Account</div></a>
  21. <a href="contact.htm"><div id="menuitem3">Contact</div></a>
  22. <div id="menuitem4">
  23. <form action="search.php" method="post">
  24. <input type="search" name="search" class="search" placeholder="Ticker/User...">
  25. <input type="submit" id="searchbuttonid" class="searchbutton" value="">
  26. </form>
  27. </div>
  28. </div>
  29. </div>
  30.  
  31. <div id="loggedon">Hi Dazbrad. Logout?</div>
  32.  
  33. <div id="body">
  34. <div id="account">
  35. <div id="accreg" onclick="myFunction1()"><center>Register</center></div>
  36. <div id="linkspacer"></div>
  37. <div id="acclog" onclick="myFunction2()"><center>Sign In</center></div>
  38. <div id="linkspacer"></div>
  39. <div id="accfor" onclick="myFunction3()"><center>Forgot?</center></div>
  40. <br>
  41.  
  42. <div id="register">
  43. <br>
  44. <form action="register.php" method="post">
  45. <br><br>Username:<br>
  46. <input type="text" name="user" placeholder="Enter a username..." required><br>
  47. <br>Email Address:<br>
  48. <input type="email" name="email" placeholder="Enter an email address..." required><br>
  49. <br>Password:<br>
  50. <input type="password" name="pass" placeholder="Enter a password..." required><br>
  51. <br>Retype Password:<br>
  52. <input type="password" name="passconfirm" placeholder="Confirm your password..." required><br>
  53. <br><br>
  54. <input type="submit" value="Register">
  55. </form>
  56. </div>
  57. <div id="login">
  58. <br>
  59. <form action="login.php" method="post">
  60. <br><br>Email Address:<br>
  61. <input type="email" name="email" placeholder="Enter your email address..." required><br>
  62. <br>Password:<br>
  63. <input type="password" name="pass" placeholder="Enter your password..." required><br>
  64. <br><br>
  65. <input type="submit" value="Sign In">
  66. </form>
  67. </div>
  68. <div id="forgotten">
  69. <br>
  70. <form action="forgotten.php" method="post">
  71. <br><br>Email Address:<br>
  72. <input type="email" name="email" placeholder="Enter your email address..." required><br>
  73. <br><br>
  74. <input type="submit" value="Submit">
  75. </form>
  76. </div>
  77. </div>
  78.  
  79. <script>
  80. function menuFunction(){
  81. var x = document.getElementById("menu");
  82. var y = document.getElementById("menuitemholder");
  83. if (x.style.height === "38px"){
  84. x.style.height = "285px";
  85. y.style.display = "block"
  86. }
  87. else{
  88. x.style.height = "38px";
  89. y.style.display = "none"
  90. }
  91. }
  92. </script>
  93. <script>
  94. function myFunction1(){
  95. var x = document.getElementById("register");
  96. var y = document.getElementById("login");
  97. var z = document.getElementById("forgotten");
  98. if (x.style.display === "none") {
  99. x.style.display = "block";
  100. y.style.display = "none";
  101. z.style.display = "none";
  102. document.getElementById("accreg").style.backgroundColor="lightblue";
  103. document.getElementById("acclog").style.backgroundColor="blue";
  104. document.getElementById("accfor").style.backgroundColor="blue";
  105. }
  106. else{
  107. x.style.display = "none";
  108. document.getElementById("accreg").style.backgroundColor="blue";
  109. }
  110. }
  111. </script>
  112. <script>
  113. function myFunction2(){
  114. var x = document.getElementById("register");
  115. var y = document.getElementById("login");
  116. var z = document.getElementById("forgotten");
  117. if (y.style.display === "none") {
  118. y.style.display = "block";
  119. x.style.display = "none";
  120. z.style.display = "none";
  121. document.getElementById("accreg").style.backgroundColor="blue";
  122. document.getElementById("acclog").style.backgroundColor="lightblue";
  123. document.getElementById("accfor").style.backgroundColor="blue";
  124. }
  125. else{
  126. y.style.display = "none";
  127. document.getElementById("acclog").style.backgroundColor="blue";
  128. }
  129. }
  130. </script>
  131. <script>
  132. function myFunction3(){
  133. var x = document.getElementById("register");
  134. var y = document.getElementById("login");
  135. var z = document.getElementById("forgotten");
  136. if (z.style.display === "none") {
  137. z.style.display = "block";
  138. x.style.display = "none";
  139. y.style.display = "none";
  140. document.getElementById("accreg").style.backgroundColor="blue";
  141. document.getElementById("acclog").style.backgroundColor="blue";
  142. document.getElementById("accfor").style.backgroundColor="lightblue";
  143. }
  144. else{
  145. z.style.display = "none";
  146. document.getElementById("accfor").style.backgroundColor="blue";
  147. }
  148. }
  149. </script>
  150.  
  151.  
  152.  
  153. </div>
  154. <div id="foot"><center>Copyright© 2018. All rights reserved.</center></div>
  155. </div>
  156.  
  157. </body>
  158. </html>
  159.  
  160. body{
  161. background-color:blue;
  162. margin:0px;
  163. }
  164.  
  165. h1{
  166. color:white;
  167. text-align:center;
  168. }
  169.  
  170. p{
  171. font-family:verdana;
  172. font-size:20px;
  173. }
  174.  
  175. div#title1{
  176. width:15%;
  177. height:39px;
  178. background-color:blue;
  179. color:white;
  180. float:left;
  181. }
  182.  
  183. div#title2{
  184. width:70%;
  185. height:auto;
  186. background-color:blue;
  187. padding-top:10px;
  188. padding-bottom:10px;
  189. color:white;
  190. float:left;
  191. }
  192.  
  193. div#title3{
  194. width:15%;
  195. height:39px;
  196. background-color:blue;
  197. background-image:url('Website/images/menuIcon.png');
  198. background-repeat:no-repeat;
  199. background-position:center center;
  200. color:white;
  201. float:left;
  202. }
  203.  
  204. div#menu{
  205. width:100%;
  206. height:38px;
  207. background-color:#999999;
  208. //background-color:grey;
  209. color:white;
  210. border-bottom:1px solid black;
  211. }
  212.  
  213.  
  214. div#menuitemholder{
  215. width:100%;
  216. height:auto;
  217. background-color:red;
  218. display:none;
  219. padding-left:10px;
  220. padding-right:10px;
  221. }
  222.  
  223. div#menuitem1{
  224. width: -webkit-calc(100% - 20px);
  225. width: -moz-calc(100% - 20px);
  226. width: calc(100% - 20px);
  227. height:40px;
  228. background-color:#999999;
  229. background-image:url('Website/images/home999.png');
  230. background-repeat:no-repeat;
  231. background-position:center right;
  232. padding-top:18px;
  233. border-bottom:1px solid lightgrey;
  234. float:left;
  235. color:white;
  236. }
  237.  
  238. div#menuitem2{
  239. width: -webkit-calc(100% - 20px);
  240. width: -moz-calc(100% - 20px);
  241. width: calc(100% - 20px);
  242. height:40px;
  243. background-color:#999999;
  244. background-image:url('Website/images/user999.png');
  245. background-repeat:no-repeat;
  246. background-position:center right;
  247. padding-top:18px;
  248. border-bottom:1px solid lightgrey;
  249. float:left;
  250. color:white;
  251. }
  252.  
  253. div#menuitem3{
  254. width: -webkit-calc(100% - 20px);
  255. width: -moz-calc(100% - 20px);
  256. width: calc(100% - 20px);
  257. height:40px;
  258. background-color:#999999;
  259. background-image:url('Website/images/email999.png');
  260. background-repeat:no-repeat;
  261. background-position:center right;
  262. padding-top:18px;
  263. border-bottom:1px solid lightgrey;
  264. float:left;
  265. color:white;
  266. }
  267.  
  268. div#menuitem4{
  269. width: -webkit-calc(100% - 10px);
  270. width: -moz-calc(100% - 10px);
  271. width: calc(100% - 10px);
  272. height:40px;
  273. background-color:#999999;
  274. padding-top:13px;
  275. float:left;
  276. }
  277.  
  278. .search{
  279. width:70%;
  280. float:left;
  281. }
  282.  
  283. .searchbutton{
  284. margin-left:10px;
  285. width: -webkit-calc(30% - 20px);
  286. width: -moz-calc(30% - 20px);
  287. width: calc(30% - 20px);
  288. background-image:url('Website/images/search.png');
  289. background-color:#666666;
  290. background-repeat:no-repeat;
  291. background-position:center center;
  292. }
  293.  
  294. #searchbuttonid{
  295. background-color:#666666;
  296. border:1px solid #666666;
  297. }
  298.  
  299. div#loggedon{
  300. width:100%;
  301. height:25px;
  302. color:white;
  303. background-color:#666666;
  304. padding-top:5px;
  305. //display:none;
  306. }
  307.  
  308. div#account{
  309. width:100%;
  310. height:auto;
  311. min-height:38px;
  312. background-color:red;
  313. border-left:1px solid #ccc;
  314. border-right:1px solid #ccc;
  315. border-bottom:1px solid #ccc;
  316. }
  317.  
  318. div#accreg{
  319. width:33%;
  320. padding-top:10px;
  321. padding-bottom:10px;
  322. background-color:lightblue;
  323. float:left;
  324. color:white;
  325. }
  326.  
  327. div#acclog{
  328. width:33%;
  329. padding-top:10px;
  330. padding-bottom:10px;
  331. background-color:blue;
  332. float:left;
  333. color:white;
  334. }
  335.  
  336. div#accfor{
  337. width:33%;
  338. padding-top:10px;
  339. padding-bottom:10px;
  340. background-color:blue;
  341. float:left;
  342. color:white;
  343. }
  344.  
  345. div#linkspacer{
  346. width:0.5%;
  347. height:40px;
  348. background-color:white;
  349. float:left;
  350. }
  351.  
  352. div#register{
  353. height:auto;
  354. background-color:white;
  355. display:block;
  356. padding:10px;
  357. }
  358.  
  359. div#login{
  360. height:auto;
  361. background-color:white;
  362. display:none;
  363. padding:10px;
  364. }
  365.  
  366. div#forgotten{
  367. height:auto;
  368. background-color:white;
  369. display:none;
  370. padding:10px;
  371. }
  372.  
  373. input{
  374. font-size:16px;
  375. width:100%;
  376. padding:10px;
  377. box-sizing:border-box;
  378. border:1px solid #ccc;
  379. border-radius:4px;
  380. background-color:#f8f8f8;
  381. resize:none;
  382. }
  383.  
  384. input[type=text], input[type=email], input[type=password]{
  385. box-shadow:inset 0 1px 2px rgba(0,0,0,.39), 0 -1px 1px #FFF, 0 1px 0 #FFF;
  386. background-color:white;
  387. }
  388.  
  389. input[type=submit]{
  390. background-color:#4CAF50;
  391. border:1px solid #4CAF50;
  392. color:white;
  393. padding:10px;
  394. text-decoration:none;
  395. cursor:pointer;
  396. }
  397.  
  398. div#container{
  399. background-color:white;
  400. }
  401.  
  402. div#head{
  403. width:100%;
  404. height:auto;
  405. background-color:red;
  406. padding:0px;
  407. color:white;
  408. }
  409.  
  410. div#body{
  411. background-color:white;
  412. padding:10px;
  413. padding-top:30px;
  414. padding-bottom:30px;
  415. }
  416.  
  417. div#foot{
  418. background-color:blue;
  419. padding:10px;
  420. color:white;
  421. }
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!