css styling for contact.html

This commit is contained in:
Karen 2011-10-13 16:35:32 +05:30
parent 4f23c724be
commit 036fdc60f6
9 changed files with 251 additions and 179 deletions

View File

@ -10,7 +10,7 @@ from django.forms.widgets import Textarea
class ContactForm(forms.Form): class ContactForm(forms.Form):
email = forms.EmailField() email = forms.EmailField()
name = forms.CharField(max_length=255) name = forms.CharField(max_length=255)
message = forms.CharField(widget=Textarea(attrs={'cols': 80, 'rows': 20})) message = forms.CharField(widget=Textarea(attrs={'cols': 10, 'rows': 6}))
''' '''
class Meta: class Meta:

View File

@ -36,12 +36,6 @@ margin:10px;}
{background-color:#f7d76c; {background-color:#f7d76c;
padding:0px 2px 1px 1px;} padding:0px 2px 1px 1px;}
.orange
{color:#f7bd00;
font-weight:bold;
margin-bottom:8px;
}
.noListTitle a .noListTitle a
{color:#f7bd00; {color:#f7bd00;
font-weight:bold; font-weight:bold;

View File

@ -11,7 +11,6 @@ position:relative;
#leftColumn #leftColumn
{width:296px; {width:296px;
height:620px; /*SANJ to change height in JS according to screen*/
background-color:#FFF; background-color:#FFF;
margin-top:-8px; /*had to give this because of shadow*/ margin-top:-8px; /*had to give this because of shadow*/
margin-bottom:20px; margin-bottom:20px;
@ -417,11 +416,16 @@ z-index:1001;} /*must have the highest z-index, just more than the lightbox*/
width:960px; width:960px;
min-height:500px; min-height:500px;
background-color:#FFF; background-color:#FFF;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px; border-radius:12px;
margin-top:-8px; margin-top:-8px;
margin-bottom:20px; margin-bottom:20px;
margin:0 auto;
border-top:1px solid #d3d3d3; border-top:1px solid #d3d3d3;
border-bottom:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3;
-moz-box-shadow:2px 3px 20px #252425;
-webkit-box-shadow:2px 3px 20px #252425;
box-shadow:2px 3px 20px #252425;} box-shadow:2px 3px 20px #252425;}

View File

@ -29,6 +29,12 @@ color:#8a8a8a;}
{font-weight:bold; {font-weight:bold;
color:#f7bd00;} color:#f7bd00;}
.orange
{color:#f7bd00;
font-weight:bold;
margin-bottom:8px;
}
#search #search
{width:114px; {width:114px;
position:absolute; position:absolute;

View File

@ -6,7 +6,12 @@ height:680px;
background:url(/static/images/noel/wooden1.jpg) repeat; background:url(/static/images/noel/wooden1.jpg) repeat;
display:table; display:table;
overflow:hidden; overflow:hidden;
position:relative;} position:relative;
border-top:1px solid #d3d3d3;
border-bottom:1px solid #d3d3d3;
-moz-box-shadow:2px 3px 20px #252425;
-webkit-box-shadow:2px 3px 20px #252425;
box-shadow:2px 3px 20px #252425;}
#regContent #regContent
@ -23,16 +28,24 @@ border-radius:20px;
-moz-box-shadow:2px 3px 20px #252425; -moz-box-shadow:2px 3px 20px #252425;
-webkit-box-shadow:2px 3px 20px #252425; -webkit-box-shadow:2px 3px 20px #252425;
box-shadow: 2px 3px 20px #252425; box-shadow: 2px 3px 20px #252425;
margin-top:100px;} margin-top:100px;
font-family:'Century Gothic', Arial, Helvetica, 'DejaVu Sans', sans-serif;
font-size:15px;
color:#737373;}
#notMember
{font-size:24px;
padding-bottom:18px;
text-align:center;}
.orangeForm
{color:#f7bd00;}
table table
{margin:0 auto; {margin:0 auto;
margin-bottom:8px;} margin-bottom:8px;
font-weight:600;
th }
{color:#8A8A8A;
font-weight:bold;}
.registerLink:link, .registerLink:visited, .registerLink:active .registerLink:link, .registerLink:visited, .registerLink:active
@ -48,3 +61,43 @@ padding-bottom:12px;}
{color:#F7BD00; {color:#F7BD00;
font-weight:bold;} font-weight:bold;}
.errorlist
{font-size:12px;
color:#FF8400;}
#formItf input[type=text], #formItf input[type=password], #formItf textarea {
border:1px solid #e3e3e3;
padding:2px 2px 2px 4px;
width:200px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
-moz-box-shadow:inset 2px 2px 6px #d7d7d7;
-webkit-box-shadow:inset 2px 2px 6px #d7d7d7;
box-shadow:inset 2px 2px 6px #d7d7d7;
margin-bottom:10px;}
#formItf textarea{
vertical-align:text-top;
}
#formItf input:focus
{outline:none;
border:1px solid #999;}
#formItf input[type=submit]
{background-color:#f7bd00;
color:#FFF;
font-size:14px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
padding:3px 24px;
border:1px solid transparent;
margin-top:10px;}
#alreadyUser
{font-size:12px;
margin-left:70px;
}

View File

@ -1 +1,11 @@
boo {% extends 'registration/register_base.html' %}
{% block reg_content %}
<form action="" method="POST" id="formItf">
<table>
{{ form.as_table }}
</table>
</form>
{% endblock %}

View File

@ -3,13 +3,16 @@
{% block reg_content %} {% block reg_content %}
<form action="" method="POST"> <p id="notMember">Not a member? <span class="orangeForm">Register here.</span></p>
<form action="" method="POST" id="formItf">
<table> <table>
{{ form.as_table }} {{ form.as_table }}
{% csrf_token %} {% csrf_token %}
<tr> <tr>
<td colspan="2"><input type="submit" value="Submit" /></td> <td colspan="2"><span id="alreadyUser">Already a user? <span class="orangeForm">Click here. </span></span><input type="submit" value="Submit" /></td>
</tr> </tr>
</table> </table>
</form> </form>
{% endblock %} {% endblock %}

View File

@ -2,12 +2,13 @@
{% block extra_head %} {% block extra_head %}
<link rel="stylesheet" href="/static/css/noel/inner.css" type="text/css" /> <link rel="stylesheet" href="/static/css/noel/inner.css" type="text/css" />
<link rel="stylesheet" href="/static/css/noel/inner-details.css" type="text/css" />
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<div id="centerInner">
<div id="searchContainer"> <div id="searchContainer">
<div id="searchContent"> <div id="searchContent">
<h2>Search</h2> <h2>Search</h2>
@ -47,5 +48,6 @@
</form> </form>
</div><!-- SEARCH CONTENT CLOSING --> </div><!-- SEARCH CONTENT CLOSING -->
</div><!-- SEARCH CONTAINER CLOSING --> </div><!-- SEARCH CONTAINER CLOSING -->
</div><!-- CENTER INNER -->
{% endblock %} {% endblock %}