css styling for contact.html

itf/frontpage/views.py

@@ -10,7 +10,7 @@ from django.forms.widgets import Textarea
 class ContactForm(forms.Form):
     email = forms.EmailField()
     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:

itf/static/css/noel/inner-details.css

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

itf/static/css/noel/inner.css

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

itf/static/css/noel/main.css

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

itf/static/css/register.css

@@ -6,7 +6,12 @@ height:680px;
 background:url(/static/images/noel/wooden1.jpg) repeat;
 display:table;
 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
@@ -23,16 +28,24 @@ border-radius:20px;
 -moz-box-shadow:2px 3px 20px #252425;
 -webkit-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
 {margin:0 auto;
-margin-bottom:8px;}
-
-th
-{color:#8A8A8A;
-font-weight:bold;}
-
+margin-bottom:8px;
+font-weight:600;
+}
 
 .registerLink:link, .registerLink:visited, .registerLink:active
  
@@ -48,3 +61,43 @@ padding-bottom:12px;}
 {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;
+}

itf/templates/registration/contact.html

@@ -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 %}
+
+

itf/templates/registration/registration_form.html

@@ -3,13 +3,16 @@
 
 
 {% 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>
     {{ form.as_table }}
     {% csrf_token %}
         <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>
     </table>
     </form>
+    
+
 {% endblock %}

itf/templates/search/search.html

@@ -2,12 +2,13 @@
 
 {% block extra_head %}
 <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 %}
 
 
 
 {% block content %}
+<div id="centerInner">
   <div id="searchContainer">	
    	 <div id="searchContent">
 	    <h2>Search</h2>
@@ -47,5 +48,6 @@
     </form>
 </div><!-- SEARCH CONTENT CLOSING -->
 </div><!-- SEARCH CONTAINER CLOSING -->
+</div><!-- CENTER INNER -->
 {% endblock %}