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

@ -1,39 +1,39 @@
# Create your views here. # Create your views here.
from django.shortcuts import render_to_response from django.shortcuts import render_to_response
from models import * from models import *
from settings import TWITTER_ID from settings import TWITTER_ID
import twitter import twitter
from django.template import RequestContext from django.template import RequestContext
from django import forms from django import forms
from django.forms.widgets import Textarea 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:
widgets = { widgets = {
'message': Textarea(attrs={'cols': 80, 'rows': 20}) 'message': Textarea(attrs={'cols': 80, 'rows': 20})
} }
''' '''
def index(request): def index(request):
try: try:
tApi = twitter.Api() tApi = twitter.Api()
statuses = tApi.GetUserTimeline(TWITTER_ID) statuses = tApi.GetUserTimeline(TWITTER_ID)
except: except:
statuses = [] statuses = []
boxes = SliderBox.objects.all() boxes = SliderBox.objects.all()
return render_to_response("noel/index.html", RequestContext(request, { return render_to_response("noel/index.html", RequestContext(request, {
'tweets': statuses[0:5], 'tweets': statuses[0:5],
'boxes': boxes 'boxes': boxes
})) }))
def contact(request): def contact(request):
# form = ContactForm() # form = ContactForm()
return render_to_response("registration/contact.html", RequestContext(request, { return render_to_response("registration/contact.html", RequestContext(request, {
'form': ContactForm() 'form': ContactForm()
})) }))

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

@ -1,50 +1,103 @@
#wooden #wooden
{width:100%; {width:100%;
height:680px; 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;
#regContent -moz-box-shadow:2px 3px 20px #252425;
{width:450px; -webkit-box-shadow:2px 3px 20px #252425;
background-color:#FFF; box-shadow:2px 3px 20px #252425;}
position:absolute;
right:0px;
left:0px; #regContent
display: table-cell; vertical-align: middle;margin:0 auto; {width:450px;
padding:30px; background-color:#FFF;
-moz-border-radius:20px; position:absolute;
-webkit-border-radius:20px; right:0px;
border-radius:20px; left:0px;
-moz-box-shadow:2px 3px 20px #252425; display: table-cell; vertical-align: middle;margin:0 auto;
-webkit-box-shadow:2px 3px 20px #252425; padding:30px;
box-shadow: 2px 3px 20px #252425; -moz-border-radius:20px;
margin-top:100px;} -webkit-border-radius:20px;
border-radius:20px;
table -moz-box-shadow:2px 3px 20px #252425;
{margin:0 auto; -webkit-box-shadow:2px 3px 20px #252425;
margin-bottom:8px;} box-shadow: 2px 3px 20px #252425;
margin-top:100px;
th font-family:'Century Gothic', Arial, Helvetica, 'DejaVu Sans', sans-serif;
{color:#8A8A8A; font-size:15px;
font-weight:bold;} color:#737373;}
#notMember
.registerLink:link, .registerLink:visited, .registerLink:active {font-size:24px;
padding-bottom:18px;
{text-decoration:none; text-align:center;}
font-size:12px;
color:#8A8A8A; .orangeForm
font-weight:bold; {color:#f7bd00;}
display:block;
padding-left:92px; table
padding-bottom:12px;} {margin:0 auto;
margin-bottom:8px;
.registerLink:hover font-weight:600;
{color:#F7BD00; }
font-weight:bold;}
.registerLink:link, .registerLink:visited, .registerLink:active
{text-decoration:none;
font-size:12px;
color:#8A8A8A;
font-weight:bold;
display:block;
padding-left:92px;
padding-bottom:12px;}
.registerLink:hover
{color:#F7BD00;
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

@ -1,16 +1,16 @@
{% extends "noel/base.html" %} {% extends "noel/base.html" %}
{% block extra_head %} {% block extra_head %}
<link rel="stylesheet" href="/static/css/register.css" /> <link rel="stylesheet" href="/static/css/register.css" />
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<div id="wooden"> <div id="wooden">
<div id="regContent"> <div id="regContent">
{% block reg_content %} {% block reg_content %}
{% endblock %} {% endblock %}
</div> </div>
</div> </div>
{% endblock %} {% endblock %}

View File

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

View File

@ -1,51 +1,53 @@
{% extends 'noel/base.html' %} {% extends 'noel/base.html' %}
{% 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="searchContainer"> <div id="centerInner">
<div id="searchContent"> <div id="searchContainer">
<h2>Search</h2> <div id="searchContent">
<h2>Search</h2>
<form method="get" action="." id="searchItf">
<table> <form method="get" action="." id="searchItf">
{{ form.as_table }} <table>
<tr> {{ form.as_table }}
<td>&nbsp;</td> <tr>
<td> <td>&nbsp;</td>
<input type="submit" value="Search"> <td>
</td> <input type="submit" value="Search">
</tr> </td>
</table> </tr>
</table>
{% if query %}
<h3>Results</h3> {% if query %}
<h3>Results</h3>
{% for result in page.object_list %}
<p> {% for result in page.object_list %}
<a href="{{ result.object.get_absolute_url }}">{{ result.object.title }}</a> <p>
</p> <a href="{{ result.object.get_absolute_url }}">{{ result.object.title }}</a>
{% empty %} </p>
<p>No results found.</p> {% empty %}
{% endfor %} <p>No results found.</p>
{% endfor %}
{% if page.has_previous or page.has_next %}
<div> {% if page.has_previous or page.has_next %}
{% if page.has_previous %}<a href="?q={{ query }}&amp;page={{ page.previous_page_number }}">{% endif %}&laquo; Previous{% if page.has_previous %}</a>{% endif %} <div>
| {% if page.has_previous %}<a href="?q={{ query }}&amp;page={{ page.previous_page_number }}">{% endif %}&laquo; Previous{% if page.has_previous %}</a>{% endif %}
{% if page.has_next %}<a href="?q={{ query }}&amp;page={{ page.next_page_number }}">{% endif %}Next &raquo;{% if page.has_next %}</a>{% endif %} |
</div> {% if page.has_next %}<a href="?q={{ query }}&amp;page={{ page.next_page_number }}">{% endif %}Next &raquo;{% if page.has_next %}</a>{% endif %}
{% endif %} </div>
{% else %} {% endif %}
{# Show some example queries to run, maybe query syntax, something else? #} {% else %}
{% endif %} {# Show some example queries to run, maybe query syntax, something else? #}
</form> {% endif %}
</div><!-- SEARCH CONTENT CLOSING --> </form>
</div><!-- SEARCH CONTAINER CLOSING --> </div><!-- SEARCH CONTENT CLOSING -->
{% endblock %} </div><!-- SEARCH CONTAINER CLOSING -->
</div><!-- CENTER INNER -->
{% endblock %}