API tools faq
paste
Advertisement
Guest User

Misc

a guest
Mar 30th, 2014
154
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.69 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Login Field | Demo</title>
  5. <style type="text/css">
  6. body {
  7. font-family: Arial;
  8. font-size: 14px;
  9. background-image: url("bg.png");
  10. }
  11. .title {
  12. background-color: white;
  13. border: 5px solid rgba(0, 0, 0, 0.2);
  14. border-radius: 5px;
  15. margin-top: 2%;
  16. margin-bottom: 10px;
  17. margin-left:auto;
  18. margin-right:auto;
  19. width:25%;
  20. text-align: center;
  21. color: #11ADF0;
  22. font-size: 30px;
  23. font-weight: bold;
  24. padding-top: 12px;
  25. padding-bottom: 12px;
  26. }
  27. .field {
  28. background-color: white;
  29. border: 5px solid rgba(0, 0, 0, 0.2);
  30. border-radius: 5px;
  31. height: 215px;
  32. margin-left:auto;
  33. margin-right:auto;
  34. width:25%;
  35. }
  36. .info {
  37. padding-left: 20px;
  38. padding-right: 20px;
  39. padding-top: 1px;
  40. padding-bottom: 1px;
  41. color: #11ADF0;
  42. font-size: 9px;
  43. text-align: center;
  44. margin: 0px;
  45. border-radius: 3px;
  46. font-weight: bold;
  47. }
  48. .linebreak {
  49. background-color: rgba(0, 0, 0, 0.1);
  50. height: 1px;
  51. width:95%;
  52. margin-right: auto;
  53. margin-left: auto;
  54. }
  55. .fieldInput {
  56. text-align: center;
  57. font-size: 16px;
  58. }
  59. .username, .password {
  60. border-radius: 5px;
  61. background: #fff;
  62. border: 1px solid #ccc;
  63. outline: none;
  64. padding:6px;
  65. margin-left: auto;
  66. margin-right: auto;
  67. width: 75%;
  68. margin-top: 12px;
  69. }
  70. .username:focus, .password:focus {
  71. border: 1px solid #56b4ef;
  72. box-shadow: 0px 0px 3px 1px #c8def0;
  73. border-radius: 5px;
  74. }
  75. .submitButton {
  76. padding: 8px;
  77. background-color: #56b4ef;
  78. width: 74%;
  79. margin-left: auto;
  80. margin-right: auto;
  81. border-radius: 3px;
  82. margin-top: 8px;
  83. border: 1px solid rgba(0, 0, 0, 0.1);
  84. }
  85. .submitButton > a {
  86. color: #fff;
  87. text-decoration: none;
  88. font-weight: bold;
  89. }
  90.  
  91. </style>
  92. </head>
  93.  
  94. <body>
  95. <div class="title">
  96. Administrative Login
  97. </div>
  98. <div class="field">
  99. <div class="info"><p>This specific login form is to be used by Administrators in order to access site configurations such as user account edits, priviledge management and loyality system settings.</p></div>
  100. <div class="linebreak"></div>
  101. <div class="fieldInput">
  102. <form><input type="text" name="user" class="username" placeholder='Enter a valid administrative username...'></form>
  103.  
  104. <form><input type="password" name="pass" class="password" placeholder='Enter a corrosponding password...'></form>
  105.  
  106. <div class="submitButton">
  107. <a href="#">Submit Login Request</a>
  108. </div>
  109.  
  110. </div>
  111. </body>
  112. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!