changes to form styling
This commit is contained in:
Karen
parent
6572afb7c8
commit
9d962cedd3
|
|
@ -11,7 +11,8 @@ def main(request, module_slug):
|
|||
try:
|
||||
formStr = default_tab.model_class().add_form
|
||||
has_add = True
|
||||
add_form = default_tab.model_class().get_add_form()
|
||||
add_form_class = default_tab.model_class().get_add_form()
|
||||
add_form = add_form_class()
|
||||
except:
|
||||
add_form = None
|
||||
has_add = False
|
||||
|
|
@ -22,7 +23,7 @@ def main(request, module_slug):
|
|||
'title': m.title,
|
||||
'about': m.about,
|
||||
'has_add': has_add,
|
||||
'add_form': add_form(),
|
||||
'add_form': add_form,
|
||||
'default_tab': tabs[0],
|
||||
'default_list': default_tab_list,
|
||||
'default_sorts': default_tab.get_dict()['sorts'],
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
#bottomRight
|
||||
{width:570px;
|
||||
height:100%; /*IS THIS REQUIRED??*/
|
||||
min-height:300px; /*IS THIS REQUIRED??*/
|
||||
background-color:#FFF;
|
||||
color:#3b3b39; /*was originally f7bd00*/
|
||||
font-family:'Arial Regular', Arial, Helvetica, sans-serif;
|
||||
|
|
|
|||
|
|
@ -40,12 +40,9 @@ padding-left:16px;}
|
|||
#topTextSpan
|
||||
{font-weight:bold;}
|
||||
|
||||
#plus
|
||||
.plus
|
||||
{font-size:24px;
|
||||
color:#ffb400;
|
||||
position:absolute;
|
||||
right:42px;
|
||||
top:6px;
|
||||
cursor:pointer;}
|
||||
|
||||
#plusTooltip /*SANJ, this is the basic CSS for your javascript tooltip; no element exists in the HTML doc*/
|
||||
|
|
@ -86,7 +83,7 @@ outline:none;
|
|||
|
||||
|
||||
.searchInnerField:focus
|
||||
{border:1px solid #999; }
|
||||
{border:none; }
|
||||
|
||||
#tabsInner /*tabs not touching because i would prefer not to give fixed width, shadow, etc.*/
|
||||
{font-size:14px;
|
||||
|
|
@ -399,7 +396,6 @@ position:fixed;
|
|||
top:0px;
|
||||
left:0px;
|
||||
bottom:0px;
|
||||
|
||||
right:0px;
|
||||
width:100%;
|
||||
height:100%;
|
||||
|
|
@ -408,14 +404,58 @@ z-index:1000;} /*everything except the lightbox panel should be below this z-ind
|
|||
#lightboxPanel {
|
||||
display:none;
|
||||
position:fixed;
|
||||
top:200px;
|
||||
top:140px;
|
||||
left:0;
|
||||
right:0;
|
||||
margin:0 auto;
|
||||
width:400px;
|
||||
width:600px;
|
||||
max-height:500px; /*SANJ, PLEASE DO THE RESIZE IN JS*/
|
||||
overflow-y:auto;
|
||||
background-color:#FFF;
|
||||
padding:15px;
|
||||
z-index:1001;} /*must have the highest z-index, just more than the lightbox*/
|
||||
z-index:1001;
|
||||
color:#737373;
|
||||
-moz-border-radius:12px;
|
||||
-webkit-border-radius:12px;
|
||||
border-radius:12px;} /*must have the highest z-index, just more than the lightbox*/
|
||||
|
||||
#addForm input, #addForm textarea {
|
||||
border:1px solid #e3e3e3;
|
||||
padding:2px 2px 2px 4px;
|
||||
-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;
|
||||
vertical-align:text-top;}
|
||||
|
||||
#addForm input:focus, #addForm textarea:focus
|
||||
{outline:none;
|
||||
border:1px solid #999;}
|
||||
|
||||
#addForm label
|
||||
{font-weight:bold;}
|
||||
|
||||
#addForm input[type=submit]
|
||||
{background-color:#f7bd00;
|
||||
color:#FFF;
|
||||
font-size:14px;
|
||||
-moz-border-radius:6px;
|
||||
-webkit-border-radius:6px;
|
||||
border-radius:6px;
|
||||
padding:3px 10px;
|
||||
border:1px solid transparent;
|
||||
margin-top:10px;}
|
||||
|
||||
input#id_law_image
|
||||
{border:none;
|
||||
box-shadow:1px 1px 1px transparent;}
|
||||
|
||||
input#id_law_image:focus
|
||||
{outline
|
||||
|
||||
|
||||
#searchContainer {
|
||||
width:960px;
|
||||
|
|
|
|||
|
|
@ -183,7 +183,7 @@ background-color:#ff8400;}
|
|||
{color:#FFF;}
|
||||
|
||||
#woodPng
|
||||
{width:40%;
|
||||
{width:30%;
|
||||
height:30%;
|
||||
position:absolute;
|
||||
left:0;
|
||||
|
|
|
|||
|
|
@ -79,7 +79,6 @@ margin-bottom:10px;}
|
|||
|
||||
#formItf textarea{
|
||||
vertical-align:text-top;
|
||||
|
||||
}
|
||||
|
||||
#formItf input:focus
|
||||
|
|
|
|||
|
|
@ -5,6 +5,11 @@
|
|||
<title>{% block title %} {% endblock %}</title>
|
||||
<link rel="stylesheet" href="/static/css/reset.css" type="text/css" />
|
||||
<link rel="stylesheet" href="/static/css/noel/main.css" type="text/css" />
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script type="text/javascript" src="/static/js/jquery.js"></script>
|
||||
{% block extra_head %}
|
||||
|
||||
|
|
|
|||
|
|
@ -28,6 +28,14 @@
|
|||
<form id="addForm" action="" method="POST" data-id="{{ default_tab.id }}">
|
||||
<table>
|
||||
{{ add_form.as_table }}
|
||||
<tr>
|
||||
<td>
|
||||
|
||||
</td>
|
||||
<td>
|
||||
<input type="submit" />
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</form>
|
||||
</div>
|
||||
|
|
@ -45,10 +53,11 @@
|
|||
<h3 id="topText">{{ title|format_title|safe }}</h3>
|
||||
|
||||
<div id="searchInnerDiv">
|
||||
<img src="/static/images/noel/search-inner.png" width="22" height="18" alt="search" class="searchInner">
|
||||
<img src="/static/images/noel/search-inner.png" width="22" height="18" id="aboutBtn" alt="About" class="searchInner">
|
||||
<!--<img src="/static/images/noel/search-inner.png" width="22" height="18" alt="search" class="searchInner">-->
|
||||
<img src="/static/images/noel/aboutus.gif" width="20" height="20" id="aboutBtn" alt="About">
|
||||
{% if has_add %}
|
||||
<img src="/static/images/noel/search-inner.png" width="22" height="18" id="addBtn" alt="Add" class="searchInner">
|
||||
<span class="plus" id="addBtn">+</span>
|
||||
|
||||
{% endif %}
|
||||
|
||||
<!--
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user