css, etc from karen

This commit is contained in:
Sanj 2011-10-10 16:27:41 +05:30
parent cc38eb0573
commit e66c2a991f
3 changed files with 87 additions and 8 deletions

View File

@ -6,7 +6,8 @@ width:100%;}
{width:960px; {width:960px;
margin-right:auto; margin-right:auto;
margin-left:auto; margin-left:auto;
position:relative;} position:relative;
}
#leftColumn #leftColumn
{width:296px; {width:296px;
@ -20,6 +21,8 @@ border-radius:8px;
-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;
border-top:1px solid #d3d3d3;
border-bottom:1px solid #d3d3d3;
position:relative; position:relative;
float:left; float:left;
padding-right:6px; padding-right:6px;
@ -272,7 +275,9 @@ margin-top:-8px;
margin-left:36px; margin-left:36px;
margin-bottom:20px; margin-bottom:20px;
float:left; float:left;
position:relative;} position:relative;
border-top:1px solid #d3d3d3;
}
#pin #pin
{position:absolute; {position:absolute;
@ -408,5 +413,74 @@ background-color:#FFF;
padding:15px; padding:15px;
z-index:1001;} /*must have the highest z-index, just more than the lightbox*/ z-index:1001;} /*must have the highest z-index, just more than the lightbox*/
#searchContainer {
width:960px;
min-height:500px;
background-color:#FFF;
border-radius:12px;
margin-top:-8px;
margin-bottom:20px;
border-top:1px solid #d3d3d3;
border-bottom:1px solid #d3d3d3;
box-shadow:2px 3px 20px #252425;}
#searchContent {
width:400px; /*SANJ, is it ok to give this width?*/
margin:0 auto;
font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
font-size:14px;
color:#3B3B39;
padding:20px;
}
#searchContent h2 {
font-weight:bold;
font-size:16px;
padding-bottom:4px;
}
#id_q {
width:150px;
height:16px;
border:1px solid #f0f0f0;
background:url(/static/images/noel/search-icon.png) no-repeat right;
padding:2px 2px 2px 4px;
font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
font-size:12px;
color:#7d7d7d;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
-moz-box-shadow:inset 2px 2px 6px #d7d7d7;
-webkit-box-shadow:inset 2px 2px 6px #d7d7d7;
box-shadow:inset 2px 2px 6px #d7d7d7;}
#id_q:focus
{outline:none;
border:1px solid #999;}
#searchItf label:last-child
{color:#F7BD00;
}
#searchItf a {
display:block;
font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
font-size:14px;
text-decoration:none;
padding-bottom:8px;}
#searchItf a:visited {
color:#666;}
#searchItf a:hover {
text-decoration:underline;}
#searchItf a:active {
color:#F7BD00;}
#searchItf h3 {
font-weight:bold;
padding-bottom:10px;}
/* End LightBox CSS */

View File

@ -1,4 +1,4 @@
<link rel="stylesheet" href="../static/css/modules/tabsinnerright.css" type="text/css" /> <link rel="stylesheet" href="/static/css/modules/tabsinnerright.css" type="text/css" />
<ul class="tabsInnerRight"> <ul class="tabsInnerRight">
<!-- <!--

View File

@ -1,9 +1,11 @@
{% extends 'noel/base.html' %} {% extends 'noel/insidepage.html' %}
{% block content %} {% block content_inner %}
<div id="searchContainer">
<div id="searchContent">
<h2>Search</h2> <h2>Search</h2>
<form method="get" action="."> <form method="get" action="." id="searchItf">
<table> <table>
{{ form.as_table }} {{ form.as_table }}
<tr> <tr>
@ -36,4 +38,7 @@
{# Show some example queries to run, maybe query syntax, something else? #} {# Show some example queries to run, maybe query syntax, something else? #}
{% endif %} {% endif %}
</form> </form>
</div><!-- SEARCH CONTENT CLOSING -->
</div><!-- SEARCH CONTAINER CLOSING -->
{% endblock %} {% endblock %}