From ce2600f50cc107dbae42c2ade959142ec04c2270 Mon Sep 17 00:00:00 2001 From: Athul Suresh Date: Tue, 2 Sep 2014 12:36:38 +0530 Subject: [PATCH 1/2] added register page --- css/main.css | 117 +++++++++++++++++++++++++++++++++++++++++++++++++- register.html | 27 ++++++++++++ 2 files changed, 142 insertions(+), 2 deletions(-) diff --git a/css/main.css b/css/main.css index 5d3158a..46e4310 100644 --- a/css/main.css +++ b/css/main.css @@ -1251,12 +1251,125 @@ footer #sociallinks a { /** Register form **/ +#headerbar { + padding: 50px; + padding-bottom: 10px; + padding-left: 150px; +} -#headerbar { - height: 200px; +#headerbar img { + height: 150px; + +} + +#regform { + + background: #fff; + padding: 50px; +} + + +/**regform styles **/ + +#regform { + margin-left:auto; + margin-right:auto; + + /*max-width: 500px;*/ + background: #F8F8F8; + padding: 30px 30px 20px 30px; + font: 12px Arial, Helvetica, sans-serif; + color: #666; + border-radius: 5px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; +} +#regform h1 { + font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif; + padding: 20px 0px 20px 40px; + display: block; + margin: -30px -30px 10px -30px; + color: #FFF; + background: #9DC45F; + text-shadow: 1px 1px 1px #949494; + border-radius: 5px 5px 0px 0px; + -webkit-border-radius: 5px 5px 0px 0px; + -moz-border-radius: 5px 5px 0px 0px; + border-bottom:1px solid #89AF4C; + +} +#regform h1>span { + display: block; + font-size: 11px; + color: #FFF; +} + +#regform label { + display: block; + margin: 0px 0px 5px; +} +#regform label>span { + float: left; + margin-top: 10px; + color: #5E5E5E; } +#regform input[type="text"], #regform input[type="email"], #regform textarea, #regform select { + color: #555; + height: 30px; + line-height:15px; + width: 100%; + padding: 0px 0px 0px 10px; + margin-top: 2px; + border: 1px solid #E5E5E5; + background: #FBFBFB; + outline: 0; + -webkit-box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2); + box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2); + font: normal 14px/14px Arial, Helvetica, sans-serif; +} +#regform textarea{ + height:100px; + padding-top: 10px; +} +#regform select { + background: url('down-arrow.png') no-repeat right, -moz-linear-gradient(top, #FBFBFB 0%, #E9E9E9 100%); + background: url('down-arrow.png') no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(100%,#E9E9E9)); + appearance:none; + -webkit-appearance:none; + -moz-appearance: none; + text-indent: 0.01px; + text-overflow: ''; + width:100%; + height:30px; +} +#regform .button { + background-color: #9DC45F; + border-radius: 5px; + -webkit-border-radius: 5px; + -moz-border-border-radius: 5px; + border: none; + padding: 10px 25px 10px 25px; + color: #FFF; + text-shadow: 1px 1px 1px #949494; +} +#regform .button:hover { + background-color:#80A24A; +} + + + +/**end regform style**/ + + + + + + + + + #header-logo { margin-left: 50px; diff --git a/register.html b/register.html index 9bf2d58..26c2fa6 100644 --- a/register.html +++ b/register.html @@ -158,6 +158,7 @@
+
@@ -175,6 +176,32 @@

Register Now

+
+
+
+Fill out my online form. +
+
Use Wufoo integrations and get your data to your favorite apps.
+ + +
+
+ + + +
+
+
+
+
+
+
+
+ + + + + + + + \ No newline at end of file