Subversion Repositories SmartDukaan

<style>
* {
  padding: 0;
  margin: 0;
}
a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0.1);
  color: #000;
}
input,
select,
a,
div {
  -webkit-tap-highlight-color: rgba(0,0,0,0.2);
}
input:active,
select:active,
a:active,
.btn:active {
  background: rgba(0,0,0,0.2);
}


input {
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}
input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}


* html .clearfix {
  height: 1px;
}
select::-ms-expand {
  display: none;
  color: #ffffff;
}
select::selection {
  background-color: black;
}
input[type="checkbox"]::-ms-check {
  display: none;
}

select {
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  border: #e5e6e0 solid 1px;
  color: #555555;
  border-radius: 0;
  outline: none;
  padding: 5px;
  display: block;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  /*font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;*/
  margin: 2px 0 8px 0;
  background: url('../images/dropdown.PNG') no-repeat 99% 16px, #ffffff;
  background-size: 20px, 100%;
}
.shipping-cont {
  margin:10px;
  padding: 10px 5px;
  background: #f2f3ef;
}
.shipping-cont form {
  padding: 5px 0;
}
.shipping-cont form fieldset {
  border: none;
}
.shipping-cont label {
  font-weight: bold;
  display: block;
  /*font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;*/
  color: #555555;
  margin-top: 5px;
}
.shipping-cont label span {
  color: red;
}
/*.shipping-cont input[type="submit"] {
  float: left;
  width: 100%;
  margin: 10px 0;
  background: #ff7201;
  color: #ffffff;
  font: normal 1.8em/1.2em Helvetica, Arial, sans-serif;
  text-align: center;
  padding: 5px 0;
  text-transform: uppercase;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
}*/

input[type="text"],
input[type="number"],
input[type="date"] {
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: #E5E6E0 solid 1px;
  color: #555;
  border-radius: 0;
  outline: none;
  padding: 5px;
  display: block;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;
  margin: 2px 0 8px 0;
}

.error_msg {
  padding: 5px 5px 5px 28px;
  display: block;
  border: #fc1f1f dashed 1px;
  color: #fc1f1f;
  font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;
  margin: 0 5px;
  /*background: url(../images/error-notification.png) no-repeat 5px center;*/
  background-size: 20px;
  margin-bottom: 10px;
}

.btn-success{
        width:100%;
}



</style>

<div class='container'>
        <div class='row'>
                <div class='col-xs-12'>

                        <div class="shipping-cont">

                                <legend>Add New Address: </legend>
                        <div id="error" class="error_msg" style="display:none">
                </div>
                        <form method="post" action="<?php echo $base_url;?>shipping/change" class="address-form" 
                                <fieldset>
                                        <label>Name<span>*</span></label>
                                        <input type="text" id="name" name="name" required/>
                                        <label>Address Line 1<span>*</span></label>
                                        <input type="text" id="line1" name="line1" required/>
                                        <label>Address Line 2</label>
                                        <input type="text" id="line2" name="line2" required/>
                                        <label>City<span>*</span></label>
                                <input type="text" id="city" name="city" required/>
                                        <label>State<span>*</span></label>
                                        <select id="state" name="state" required>
                                                <option value="">Select State</option>
                                                <option value="Andaman &amp; Nicobar Island">Andaman &amp; Nicobar Island</option>
                                                <option value="Andhra Pradesh">Andhra Pradesh</option>
                                                <option value="Arunachal Pradesh">Arunachal Pradesh</option>
                                                <option value="Assam">Assam</option>
                                                <option value="Bihar">Bihar</option>
                                                <option value="Chandigarh">Chandigarh</option>
                                                <option value="Chhattisgarh">Chhattisgarh</option>
                                                <option value="Dadra &amp; Nagar Haveli">Dadra &amp; Nagar Haveli</option>
                                                <option value="Daman &amp; Diu">Daman &amp; Diu</option>
                                                <option value="Delhi">Delhi</option>
                                                <option value="Goa">Goa</option>
                                                <option value="Gujarat">Gujrat</option>
                                                <option value="Haryana">Haryana</option>
                                                <option value="Himachal Pradesh">Himachal Pradesh</option>
                                                <option value="Jammu &amp; Kashmir">Jammu &amp; Kashmir</option>
                                                <option value="Jharkhand">Jharkhand</option>
                                                <option value="Karnataka">Karnataka</option>
                                                <option value="Kerala">Kerala</option>
                                                <option value="Lakshadweep">Lakshadweep</option>
                                                <option value="Madhya Pradesh">Madhya Pradesh</option>
                                                <option value="Maharashtra">Maharashtra</option>s
                                                <option value="Manipur">Manipur</option>
                                                <option value="Meghalaya">Meghalaya</option>
                                                <option value="Mizoram">Mizoram</option>
                                                <option value="Nagaland">Nagaland</option>
                                                <option value="Orissa">Orissa</option>
                                                <option value="Pondicherry">Pondicherry</option>
                                                <option value="Punjab">Punjab</option>
                                                <option value="Rajasthan">Rajasthan</option>
                                                <option value="Sikkim">Sikkim</option>
                                                <option value="Tamil Nadu">Tamil Nadu</option>
                                                <option value="Tripura">Tripura</option>
                                                <option value="Uttar Pradesh">Uttar Pradesh</option>
                                                <option value="Uttarakhand">Uttarakhand</option>
                                                <option value="West Bengal">West Bengal</option>
                                        </select>
                                        
                                        <label>Pincode<span>*</span></label>
                                        <input type="number" id="pin" name="pin" required/>
                                        <label>Phone<span>*</span></label>
                                        <input type="number" id="phone" name="phone" required/>
                                        
                                        <input type="submit" name="submit" value="Save" class='btn btn-success' />
                                </fieldset>
                        </form>


                </div>
        </div>
</div>