added ellipsis, list style image, changed select styling, line height for bottom right col.

This commit is contained in:
Karen 2011-08-27 02:25:30 +05:30
parent 77d376a997
commit 162d4ee8b6
2 changed files with 25 additions and 11 deletions

View File

@ -9,7 +9,7 @@ margin-left:auto;
position:relative;} position:relative;}
#leftColumn #leftColumn
{width:306px; {width:300px;
height:620px; /*SANJ to change height in JS according to screen*/ 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*/
@ -21,7 +21,8 @@ border-radius:8px;
-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;
position:relative; position:relative;
float:left;} float:left;
padding-right:6px;}
#topText #topText
{font-size:24px; {font-size:24px;
@ -149,27 +150,37 @@ clear:both;}
{padding-top:6px;} {padding-top:6px;}
.selectMenu select .selectMenu select
{color:#3B3B39; {border:1px solid #f7bd00;
background-color:#f7bd00;
color:#3B3B39;
-moz-border-radius:8px; -moz-border-radius:8px;
-webkit-border-radius:8px; -webkit-border-radius:8px;
border-radius:8px; border-radius:8px;
border:2px outset #f0f0f0; border:2px outset #f0f0f0;
background-color:#f0f0f0; /*background-color:#f0f0f0;*/
outline:none;} outline:none;}
.selectMenu select:focus .selectMenu select:focus
{border:1px solid #f7bd00; {}
background-color:#f7bd00;}
#listLeft #listLeft
{position:relative;} {position:relative;
}
.tabListItem
{text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
width:100%;}
#listLeft ul #listLeft ul
{color:#f7bd00; {color:#898989; /*was originally f7bd00*/
list-style-image:url(/static/images/noel/disc.png);
list-style-type:disc; list-style-type:disc;
list-style-position:inside; list-style-position:inside;
padding-left:16px; padding-left:16px;
overflow:hidden; /*this prevents the box shadow from sticking out on the right*/} overflow:hidden; /*this prevents the box shadow from sticking out on the right*/
}
#listLeft ul span #listLeft ul span
{color:#898989;} {color:#898989;}
@ -184,6 +195,8 @@ padding-bottom:6px;
cursor:pointer; cursor:pointer;
} }
#listLeft ul li a, #listLeft ul li a:link, #listLeft ul li a:visited, #listLeft ul li a:active #listLeft ul li a, #listLeft ul li a:link, #listLeft ul li a:visited, #listLeft ul li a:active
{color:#898989; {color:#898989;
text-decoration:none;} text-decoration:none;}
@ -288,7 +301,8 @@ clear:both;}
height:100%; /*IS THIS REQUIRED??*/ height:100%; /*IS THIS REQUIRED??*/
background-color:#FFF; background-color:#FFF;
color:#3b3b39; color:#3b3b39;
font-size:12.5px; font-size:14px;
line-height:16px;
font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif; font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
padding:20px; padding:20px;
margin-top:20px; margin-top:20px;

View File

@ -67,7 +67,7 @@
<ul> <ul>
<li id="loadingList">Loading...</li> <li id="loadingList">Loading...</li>
{% for l in default_list %} {% for l in default_list %}
<li class="tabListItem"><a href="{{ l.url }}" data-id="{{ l.id }}"><span>{{ l.title|slice:"30" }}{% if l.title|length > 30 %}...{% endif %}</span></a></li> <li class="tabListItem"><a href="{{ l.url }}" data-id="{{ l.id }}"><span>{{ l.title }}</span></a></li>
{% endfor %} {% endfor %}
<!-- <li><a href=""><span>The Mystery of vanishing rights<span></a></li> --> <!-- <li><a href=""><span>The Mystery of vanishing rights<span></a></li> -->
</ul> </ul>