Merge branch 'master' of github.com:Gluejar/regluit into goodreads

pull/1/head
Raymond Yee 2011-11-08 09:51:54 -08:00
commit 274d4f691c
13 changed files with 1588 additions and 224 deletions

View File

@ -171,6 +171,24 @@ class Work(models.Model):
status = percent;
return status;
def percent_unglued_number(self):
status = 0
if self.last_campaign() is not None:
if(self.last_campaign_status() == 'SUCCESSFUL'):
status = 100;
elif(self.last_campaign_status() == 'ACTIVE'):
target = float(self.campaigns.order_by('-created')[0].target)
if target <= 0:
status = 100
else:
total = float(self.campaigns.order_by('-created')[0].current_total)
percent = int(total/target)
if percent >= 100:
status = 100
else:
status = percent;
return status;
def first_pdf(self):
return self.first_ebook('pdf')

View File

@ -60,6 +60,9 @@ $(document).ready(function(){
{{ result.title }}
</span>
</div>
<div class="listview author">
<span id="{{ result.author }}">{{ result.author }}</span>
</div>
{% if request.user.is_anonymous %}
<div class="listview create-account">
<span>Add to Wishlist</span>

View File

@ -8,8 +8,26 @@
<link type="text/css" rel="stylesheet" href="/static/css/book_panel.css" />
<script type="text/javascript" src="/static/js/wishlist.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<!-- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> -->
<script type="text/javascript" src="/static/js/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="/static/js/jquery-1.6.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.book-list').bind("mouseenter", (function()
{
$(this).removeClass('side1').addClass('side2');
$(this).children('.panelback').removeClass('side2').addClass('side1');
}));
$('.book-list').bind("mouseleave", (function()
{
$(this).children('.panelback').removeClass('side1').addClass('side2');
$(this).removeClass('side2').addClass('side1');
}));
});
</script>
<script type="text/javascript">
var $j = jQuery.noConflict();
@ -58,10 +76,10 @@ which overrides display: none in the stylesheet. Sneaky! -->
<script type="text/javascript">
$(document).ready(function(){
$('#toggle-list').click(function(){
$('div.panelview').addClass("listview").removeClass("panelview");
$('.panelview').addClass("listview").removeClass("panelview");
});
$('#toggle-panel').click(function(){
$('div.listview').addClass("panelview").removeClass("listview");
$('.listview').addClass("panelview").removeClass("listview");
});
});
</script>
@ -252,7 +270,25 @@ how do I integrate the your wishlist thing with the tabs thing?
{% else %}
<div class="listview tabs tabs-3">
{% endif %}{% endif %}
<div class="listview book-list {% cycle 'row1' 'row2' %}">
<div class="listview book-list {% cycle 'row1' 'row2' %} side1">
<span class="listview panelback side2">
<div class="greenpanel2">
<div class="unglued_white"> <b>Unglued!</b>
<p>Sept 12 2011</p>
<p><b>Raised:</b> $12,000</p>
</div>
<div class="read_itbutton"> <a href="#">Read it Now</a> </div>
<div class="add_towish"> <a href="#">Add to Wishlist</a> </div>
<div class="white_text"> <b><a href="#">Nineteen Eighty-Four</a></b>
<p><a href="#">George Orwell</a></p>
<p><b>Genre:</b> Sci-Fi</p>
<p><b>Status:</b> In Progress</p>
</div>
<div class="moreinfo">
<a href="#">More Info</a>
</div>
</div>
</span>
<div class="listview book-thumb">
<a href="#"><img src="{{ work.cover_image_thumbnail }}" alt="Book name" title="book name" /></a>
</div>
@ -262,7 +298,7 @@ how do I integrate the your wishlist thing with the tabs thing?
</span>
</div>
<div class="listview author">
<span id="{{ work.author }}">{{ work.author }}</span>
<span class="{{ work.author }}">{{ work.author }}</span>
</div>
{% ifequal supporter request.user %}
<div class="listview remove-wishlist">
@ -286,9 +322,9 @@ how do I integrate the your wishlist thing with the tabs thing?
</div>
<div class="listview icons">
<div class="booklist-status-img">
<img src="/static/images/images/icon-book-37by25-4.png" title="book list status" alt="book list status" />
<img src="/static/images/images/icon-book-37by25-{{ work.percent_unglued }}.png" title="book list status" alt="book list status" />
</div>
<div class="booklist-status-label">100%</div>
<div class="booklist-status-label">{{ work.percent_unglued_number }}%</div>
<div class="right_add"><img src="/static/images/book-panel/add_gray.png" border="0" /></div>
</div>
<div class="listview ebooks">

View File

@ -60,7 +60,11 @@ Campaign for WORK TITLE GOES HERE
<div id="js-leftcol">
<div class="jsmodule rounded">
<div class="jsmod-content">
{% if work.last_campaign %}
Campaign in Progress: <br />${{ work.last_campaign.current_total }}/${{ work.last_campaign.target }}
{% else %}
XX Ungluers <br /> are WISHING
{% endif %}
</div>
</div>
{% include "explore.html" %}
@ -84,9 +88,13 @@ Campaign for WORK TITLE GOES HERE
<a class="find-group" href="#"><img src="/static/images/icons/group.png" align="" title="" /></a>
</div>
</div>
{% if work.last_campaign %}
<div class="pledged-info"><div class="pledged-group">{{ work.last_campaign.supporters.count }} Ungluers have pledged ${{ work.last_campaign.current_total }}</div><div class="status"><img src="/static/images/images/icon-book-37by25-{{ work.percent_unglued }}.png" /></div></div>
<!--<div class="btn_support"><a href="#">Support</a></div> -->
<div class="btn_support"><form action="{% url pledge work_id=work.id %}" method="get"><input type="submit" value="Support"/></form></div>
{% else %}
<div class="pledged-info"><div class="pledged-group">XX Ungluers have wished for this Work</div><div class="status"><img src="/static/images/images/icon-book-37by25-{{ work.percent_unglued }}.png" /></div></div>
<div class="btn_support">Add/drop from wishlist</div>
{% endif %}
</div>
</div>
<!-- needed to put 10px padding on this for supporter page but hurts here. disentangle. -->
@ -151,9 +159,11 @@ Campaign for WORK TITLE GOES HERE
<div class="jsmod-content">
<ul class="support menu">
{% for premium in premiums %}
<li class="{% if forloop.first %}first{% else %}{% if forloop.last %}last{% endif %}{% endif %}"><a href="{% url pledge work_id=work.id %}?premium_id={{premium.id}}">
<li class="{% if forloop.first %}first{% else %}{% if forloop.last %}last{% endif %}{% endif %}">
<a href="{% url pledge work_id=work.id %}?premium_id={{premium.id}}">
<span class="menu-item-price">${{ premium.amount }}</span>
<span class="menu-item-desc">{{ premium.description }}</span>
{% ifequal premium.type 'CU' %}<span class="custom-premium">exclusive!</span>{% endifequal %}
</a></li>
{% endfor %}
</ul>

View File

@ -1,31 +1,212 @@
.header-text{height:36px;line-height:36px;display:block;text-decoration:none;font-weight:bold;font-size:13px;letter-spacing:-0.05em;}
.panelborders{border-width:1px 0px;border-style:solid none;border-color:#FFFFFF;}
div.book-list.listview{clear:both;display:block;vertical-align:middle;height:43px;line-height:43px;margin:0 5px 0 0;padding:7px 0;position:relative;}div.book-list.listview.row1{background:#f6f9f9;}
div.book-list.listview.row2{background:#fff;}
div.book-list.listview div.unglue-this{float:left;}
div.book-list.listview div.book-thumb{margin-right:5px;float:left;}
div.book-list.listview div.book-name{width:260px;margin-right:10px;background:url("../images/booklist/booklist-vline.png") right center no-repeat;float:left;overflow:hidden;}div.book-list.listview div.book-name:hover{z-index:1000;overflow:visible;}
div.book-list.listview div.book-name span{display:block;line-height:normal;height:43px;line-height:43px;}
div.book-list.listview div.add-wishlist,div.book-list.listview div.remove-wishlist{margin-right:10px;padding-right:10px;background:url("../images/booklist/booklist-vline.png") right center no-repeat;float:left;}div.book-list.listview div.add-wishlist a,div.book-list.listview div.remove-wishlist a{font-weight:normal;color:#3d4e53;text-transform:none;background:url("../images/booklist/add-wishlist.png") left center no-repeat;padding-left:20px;}
div.book-list.listview div.booklist-status{margin-right:7px;float:left;}
.booklist-status.listview span.booklist-status-label{display:none;}
.booklist-status.listview span.booklist-status-text{float:left;display:block;padding-right:5px;text-transform:capitalize;}
div.unglue-this a{text-transform:uppercase;color:#3d4e53;font-size:11px;font-weight:bold;}
div.unglue-this.complete .unglue-this-inner1{background:url("/static/images/booklist/bg.png") 0 -84px no-repeat;height:42px;}
div.unglue-this.complete .unglue-this-inner2{background:url("/static/images/booklist/bg.png") 100% -126px no-repeat;margin-left:29px;height:42px;padding-right:10px;}
div.unglue-this.complete a{color:#fff;display:block;}
div.unglue-this.processing .unglue-this-inner1{background:url("/static/images/booklist/bg.png") 0 0 no-repeat;height:42px;}
div.unglue-this.processing .unglue-this-inner2{background:url("/static/images/booklist/bg.png") 100% -42px no-repeat;margin-left:25px;height:42px;padding-right:10px;}
ul.book-list-view{padding:0;margin:15px;float:right;list-style:none;}ul.book-list-view li{float:left;margin-right:10px;display:block;vertical-align:middle;line-height:22px;}
div.navigation{float:left;clear:both;width:100%;color:#37414d;}
ul.navigation{float:right;padding:0;margin:0;list-style:none;}ul.navigation li{float:left;line-height:normal;margin-right:5px;}ul.navigation li a{color:#37414d;font-weight:normal;}
ul.navigation li.arrow-l a{background:url("/static/images/booklist/bg.png") 0 -168px no-repeat;width:10px;height:15px;display:block;text-indent:-10000px;}
ul.navigation li.arrow-r a{background:url("/static/images/booklist/bg.png") -1px -185px no-repeat;width:10px;height:15px;display:block;text-indent:-10000px;}
ul.navigation li a:hover,ul.navigation li.active a{color:#8ac3d7;text-decoration:underline;}
.unglue-button{display:block;border:0;}
.book-thumb.listview a{display:block;height:50px;width:32px;overflow:hidden;position:relative;z-index:1;}.book-thumb.listview a:hover{overflow:visible;z-index:1000;border:none;}
.book-thumb.listview a img{position:absolute;}
.listview.author{display:none;}
.listview.icons{position:absolute;right:31px;}.listview.icons .booklist-status-img{-moz-border-radius:4px 4px 4px 4px;-webkit-border-radius:4px 4px 4px 4px;border-radius:4px 4px 4px 4px;background-color:#fff;margin-top:4px;height:37px;}.listview.icons .booklist-status-img img{padding:5px;}
.listview.icons .booklist-status-label,.listview.icons .right_add{display:none;}
div.content-block-content{padding-bottom:200px;}
.header-text {
height: 36px;
line-height: 36px;
display: block;
text-decoration: none;
font-weight: bold;
font-size: 13px;
letter-spacing: -0.05em;
}
.panelborders {
border-width: 1px 0px;
border-style: solid none;
border-color: #FFFFFF;
}
div.book-list.listview {
clear: both;
display: block;
vertical-align: middle;
height: 43px;
line-height: 43px;
margin: 0 5px 0 0;
padding: 7px 0;
position: relative;
}
div.book-list.listview.row1 {
background: #f6f9f9;
}
div.book-list.listview.row2 {
background: #fff;
}
div.book-list.listview div.unglue-this {
float: left;
}
div.book-list.listview div.book-thumb {
margin-right: 5px;
float: left;
}
div.book-list.listview div.book-name {
width: 260px;
margin-right: 10px;
background: url("../images/booklist/booklist-vline.png") right center no-repeat;
float: left;
overflow: hidden;
}
div.book-list.listview div.book-name span {
display: block;
line-height: normal;
height: 43px;
line-height: 43px;
}
div.book-list.listview div.add-wishlist, div.book-list.listview div.remove-wishlist {
margin-right: 10px;
padding-right: 10px;
background: url("../images/booklist/booklist-vline.png") right center no-repeat;
float: left;
}
div.book-list.listview div.add-wishlist a, div.book-list.listview div.remove-wishlist a {
font-weight: normal;
color: #3d4e53;
text-transform: none;
background: url("../images/booklist/add-wishlist.png") left center no-repeat;
padding-left: 20px;
}
div.book-list.listview div.booklist-status {
margin-right: 7px;
float: left;
}
.booklist-status.listview span.booklist-status-label {
display: none;
}
.booklist-status.listview span.booklist-status-text {
float: left;
display: block;
padding-right: 5px;
text-transform: capitalize;
}
div.unglue-this a {
text-transform: uppercase;
color: #3d4e53;
font-size: 11px;
font-weight: bold;
}
div.unglue-this.complete .unglue-this-inner1 {
background: url("/static/images/booklist/bg.png") 0 -84px no-repeat;
height: 42px;
}
div.unglue-this.complete .unglue-this-inner2 {
background: url("/static/images/booklist/bg.png") 100% -126px no-repeat;
margin-left: 29px;
height: 42px;
padding-right: 10px;
}
div.unglue-this.complete a {
color: #fff;
display: block;
}
div.unglue-this.processing .unglue-this-inner1 {
background: url("/static/images/booklist/bg.png") 0 0 no-repeat;
height: 42px;
}
div.unglue-this.processing .unglue-this-inner2 {
background: url("/static/images/booklist/bg.png") 100% -42px no-repeat;
margin-left: 25px;
height: 42px;
padding-right: 10px;
}
ul.book-list-view {
padding: 0;
margin: 15px;
float: right;
list-style: none;
}
ul.book-list-view li {
float: left;
margin-right: 10px;
display: block;
vertical-align: middle;
line-height: 22px;
}
div.navigation {
float: left;
clear: both;
width: 100%;
color: #37414d;
}
ul.navigation {
float: right;
padding: 0;
margin: 0;
list-style: none;
}
ul.navigation li {
float: left;
line-height: normal;
margin-right: 5px;
}
ul.navigation li a {
color: #37414d;
font-weight: normal;
}
ul.navigation li.arrow-l a {
background: url("/static/images/booklist/bg.png") 0 -168px no-repeat;
width: 10px;
height: 15px;
display: block;
text-indent: -10000px;
}
ul.navigation li.arrow-r a {
background: url("/static/images/booklist/bg.png") -1px -185px no-repeat;
width: 10px;
height: 15px;
display: block;
text-indent: -10000px;
}
ul.navigation li a:hover, ul.navigation li.active a {
color: #8ac3d7;
text-decoration: underline;
}
.unglue-button {
display: block;
border: 0;
}
.book-thumb.listview a {
display: block;
height: 50px;
width: 32px;
overflow: hidden;
position: relative;
z-index: 1;
}
.book-thumb.listview a:hover {
overflow: visible;
z-index: 1000;
border: none;
}
.book-thumb.listview a img {
position: absolute;
/* the excerpt you get looks cooler if you select from the middle, but
the popup version doesn't extend past the containing div's boundaries,
so the positioned part is cut off.
top:-20px;
left:-50px;
*/
}
.listview.author {
display: none;
}
.listview.icons {
position: absolute;
right: 31px;
}
.listview.icons .booklist-status-img {
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
background-color: #fff;
margin-top: 4px;
height: 37px;
}
.listview.icons .booklist-status-img img {
padding: 5px;
}
.listview.icons .booklist-status-label, .listview.icons .right_add {
display: none;
}
div.content-block-content {
padding-bottom: 200px;
}
.listview.panelback, .listview.panelback div {
display: none;
}

View File

@ -1,50 +1,473 @@
.header-text{height:36px;line-height:36px;display:block;text-decoration:none;font-weight:bold;font-size:13px;letter-spacing:-0.05em;}
.panelborders{border-width:1px 0px;border-style:solid none;border-color:#FFFFFF;}
.greenpanelstuff{font-family:Arial,Helvetica,sans-serif;font-size:12px;width:120px;line-height:16px;}
.greenpanelactionborders{border-top-width:1px;border-bottom-width:1px;border-top-style:solid;border-bottom-style:solid;border-top-color:#FFFFFF;border-bottom-color:#FFFFFF;}
.panelhoverlink{text-decoration:none;color:#3d4e53;}
.header-text {
height: 36px;
line-height: 36px;
display: block;
text-decoration: none;
font-weight: bold;
font-size: 13px;
letter-spacing: -0.05em;
}
.panelborders {
border-width: 1px 0px;
border-style: solid none;
border-color: #FFFFFF;
}
.greenpanelstuff {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
width: 120px;
line-height: 16px;
}
.greenpanelactionborders {
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #FFFFFF;
border-bottom-color: #FFFFFF;
}
.panelhoverlink {
text-decoration: none;
color: #3d4e53;
}
@charset "utf-8";
*{padding:0px;margin:0px;}
#main-wrapper{height:100%;width:725px;margin:0px;padding:0px 0px;}
.panelview.tabs{padding:5px 0px;margin:0px;width:142px;float:left;}.panelview.tabs span.active{padding:15px;margin:15px 0px;font-weight:bold;}
.panelview.book-list{font-family:Arial,Helvetica,sans-serif;font-size:12px;width:120px;line-height:16px;margin:auto;padding:0px 5px 5px 5px;height:300px;background-color:#ffffff;color:#3d4e53;border:5px solid #edf3f4;position:relative;}.panelview.book-list:hover{color:#3d4e53;}
.panelview.book-list img{padding:5px 0px;margin:0px;}
.panelview.remove-wishlist,.panelview.on-wishlist,.panelview.create-account,.panelview.add-wishlist{display:none;}
.panelview.book-name,.panelview.author{font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:16px;max-height:32px;color:#3d4e53;overflow:hidden;}
.panelview.booklist-status{color:#8dc63f;text-align:left;}.panelview.booklist-status .booklist-status-label{float:left;font-weight:bold;}
.panelview.icons{position:absolute;bottom:-3px;width:140px;}.panelview.icons .booklist-status-img{float:left;}
.panelview.icons .booklist-status-label{position:absolute;color:#8dc63f;padding-left:5px;left:40px;bottom:5px;}
.panelview.icons .right_add{float:right;padding:10px 10px 0 0;width:24px;}
.greenpanel2{font-family:Arial,Helvetica,sans-serif;font-size:12px;width:120px;line-height:16px;margin:0px auto;padding:10px;height:295px;background-color:#8dc63f;color:#ffffff;position:relative;}
.unglued_white{font-size:12px;margin:0px auto;margin-bottom:5px;padding:10px 0px;}
.read_itbutton{width:118px;height:35px;padding:0px 0px;background:#FFFFFF;margin:0px;-moz-border-radius:4px 4px 4px 4px;-webkit-border-radius:4px 4px 4px 4px;border-radius:4px 4px 4px 4px;border:1px solid #81bb38;}.read_itbutton a{line-height:40px;font-size:11px;background-repeat:no-repeat;background-position:10px center;font-weight:bold;text-decoration:none;text-transform:uppercase;background:url(/static/images/book-panel/book_icon.png) no-repeat left center;padding:0px 0px 0px 30px;color:#73a334;}.read_itbutton a:hover{text-decoration:none;}
.add_towish{width:125px;height:30px;padding:0px 0px;margin:15px auto;}.add_towish a{line-height:40px;font-size:11px;background-repeat:no-repeat;background-position:left center;font-weight:bold;text-decoration:none;text-transform:uppercase;background-image:url(/static/images/book-panel/add_wish_icon.png);padding:8px 5px 8px 21px;color:#FFFFFF;border-top-width:1px;border-bottom-width:1px;border-top-style:solid;border-bottom-style:solid;border-top-color:#FFFFFF;border-bottom-color:#FFFFFF;}.add_towish a:hover{text-decoration:none;color:#3d4e53;}
.white_text{width:130px;height:40px;padding:17px 0px;margin:0px;}.white_text a{color:#FFFFFF;text-decoration:none;}.white_text a:hover{text-decoration:none;color:#3d4e53;}
.moreinfo{width:130px;height:30px;padding:0px;margin:15px 0 0;}.moreinfo a{line-height:40px;font-size:11px;background-repeat:no-repeat;background-position:left center;font-weight:bold;text-decoration:none;text-transform:uppercase;background-image:url(/static/images/book-panel/more_icon.png);padding:8px 42px 8px 20px;padding-left:20px;color:#FFFFFF;border-top-width:1px;border-bottom-width:1px;border-top-style:solid;border-bottom-style:solid;border-top-color:#FFFFFF;border-bottom-color:#FFFFFF;}.moreinfo a:hover{text-decoration:none;color:#3d4e53;}
.graypanel{font-family:Arial,Helvetica,sans-serif;font-size:12px;margin:20px auto;padding:4px 5px;height:300px;width:130px;line-height:16px;background-color:#edf3f4;color:#3d4e53;border:5px solid #edf3f4;}
.unglued_white2{font-size:12px;margin:3px auto;padding:5px 0px;}
.green{color:#8dc63f;text-align:left;}
.graypanel a{text-decoration:none;color:#3d4e53;}
.graypanel a:hover{color:#8dc63f;text-decoration:none;}
.Unglue_itbutton{width:110px;height:40px;padding:0px 9px;background:#FFFFFF;margin:0px auto;-moz-border-radius:4px 4px 4px 4px;-webkit-border-radius:4px 4px 4px 4px;border-radius:4px 4px 4px 4px;border:1px solid #d4dcdd;}
.Unglue_itbutton a{line-height:40px;font-size:11px;background-repeat:no-repeat;background-position:2px center;font-weight:bold;text-decoration:none;text-transform:uppercase;background-image:url(/static/images/book-panel/unglue_icon.png);padding:5px 0px 0px 20px;color:#3d4e53;text-align:right;font-family:"LucidaGrandeBold";}
.Unglue_itbutton a:hover{text-decoration:none;}
.add_towish2{width:130px;height:30px;padding:0px 0px;margin:15px auto;}
.add_towish2 a{line-height:40px;font-size:11px;background-repeat:no-repeat;background-position:left center;font-weight:bold;text-decoration:none;text-transform:uppercase;background-image:url(/static/images/book-panel/add_gray.png);padding:8px 0px;padding-left:20px;color:#3d4e53;border-top-width:1px;border-bottom-width:1px;border-top-style:solid;border-bottom-style:solid;border-top-color:#FFFFFF;border-bottom-color:#FFFFFF;font-family:"LucidaGrandeBold";}
.add_towish2 a:hover{text-decoration:none;}
.white_text2{width:130px;height:40px;padding:13px 0px;margin:0px;}
.white_text2 a,a:hover{text-decoration:none;color:#3d4e53;}
.moreinfo2{width:130px;height:30px;padding:0px 20px 0px 0px;margin:15px auto;}
.moreinfo2 a{line-height:40px;font-size:12px;background-image:url(/static/images/book-panel/gray_more_info.png);background-repeat:no-repeat;background-position:left center;padding:8px 35px;font-weight:bold;padding-left:20px;color:#3d4e53;text-decoration:none;text-transform:uppercase;border-top-width:1px;border-bottom-width:1px;border-top-style:solid;border-bottom-style:solid;border-top-color:#FFFFFF;border-bottom-color:#FFFFFF;font-family:"LucidaGrandeBold";}
.moreinfo2 a:hover{text-decoration:none;color:#3d4e53;}
.read{margin:15px auto 5px auto;padding:0px;width:140px;color:#8dc63f;height:40px;line-height:25px;float:left;position:absolute;bottom:-15px;}
.read p{margin:0px;padding:10px 3px;width:50px;font-size:10pt;float:left;}
.read img{padding:5px 0px;margin:0px;float:left;}
.right_add{padding:10px;margin:0px;float:right;}
p.right_add{float:right;padding:10px 10px 0 0;width:24px;}
.read2{margin:15px auto;padding:0px;width:130px;color:#8dc63f;height:40px;line-height:25px;}
.read2 p{margin:0px;padding:10px 3px;width:50px;font-size:10pt;float:left;}
.read2 img{padding:0px;margin:0px;float:left;}
.right_add{padding:10px;margin:0px;float:right;}
.panelview.book-thumb{float:left;position:relative;margin:0px;padding:0px;left:0px;}.panelview.book-thumb img{z-index:100;width:120px;height:182px;}
.panelview.book-thumb span{position:absolute;bottom:0;left:-10px;top:-5px;z-index:1000;height:auto;}
* {
padding: 0px;
margin: 0px;
}
/*main_Css*/
#main-wrapper {
height: 100%;
width: 725px;
margin: 0px;
padding: 0px 0px;
}
.panelview.tabs {
padding: 5px 0px;
margin: 0px;
width: 142px;
float: left;
}
.panelview.tabs span.active {
padding: 15px;
margin: 15px 0px;
font-weight: bold;
}
.panelview.book-list {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
width: 120px;
line-height: 16px;
margin: auto;
padding: 0px 5px 5px 5px;
height: 300px;
background-color: #ffffff;
color: #3d4e53;
border: 5px solid #edf3f4;
position: relative;
/* might need this for panel hover state; don't want it for nonhover. hm.
a {
color: @dark-green;
text-decoration: none;
&:hover {
color: @green;
text-decoration: none;
}
}
*/
}
.panelview.book-list:hover {
color: #3d4e53;
}
.panelview.book-list img {
padding: 5px 0px;
margin: 0px;
}
.panelview.remove-wishlist,
.panelview.on-wishlist,
.panelview.create-account,
.panelview.add-wishlist {
display: none;
}
.panelview.book-name, .panelview.author {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
max-height: 32px;
color: #3d4e53;
overflow: hidden;
}
.panelview.booklist-status {
color: #8dc63f;
text-align: left;
}
.panelview.booklist-status .booklist-status-label {
float: left;
font-weight: bold;
}
.panelview.icons {
position: absolute;
bottom: -3px;
width: 140px;
}
.panelview.icons .booklist-status-img {
float: left;
}
.panelview.icons .booklist-status-label {
position: absolute;
color: #8dc63f;
padding-left: 5px;
left: 40px;
bottom: 5px;
}
.panelview.icons .right_add {
float: right;
padding: 10px 10px 0 0;
width: 24px;
}
/*2 start*/
.panelback {
position: relative;
}
span.panelview.panelback.side1, span.panelview.panelback.side1 div {
display: visible;
}
span.panelview.panelback.side2, span.panelview.panelback.side2 div {
display: none;
}
div.panelview.side1 > div {
display: visible;
}
div.panelview.side2 > div {
display: none;
}
.greenpanel2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
width: 120px;
line-height: 16px;
margin: 0px auto;
padding: 10px;
height: 295px;
background-color: #8dc63f;
color: #ffffff;
position: absolute;
top: -5px;
left: -10px;
}
.unglued_white {
font-size: 12px;
margin: 0px auto;
margin-bottom: 5px;
padding: 10px 0px;
}
.read_itbutton {
width: 118px;
height: 35px;
padding: 0px 0px;
background: #FFFFFF;
margin: 0px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
border: 1px solid #81bb38;
}
.read_itbutton a {
line-height: 40px;
font-size: 11px;
background-repeat: no-repeat;
background-position: 10px center;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
background: url(/static/images/book-panel/book_icon.png) no-repeat 10% center;
padding: 0px 0px 0px 30px;
color: #73a334;
}
.read_itbutton a:hover {
text-decoration: none;
}
.add_towish {
width: 125px;
height: 30px;
padding: 0px 0px;
margin: 15px auto;
}
.add_towish a {
line-height: 40px;
font-size: 11px;
background-repeat: no-repeat;
background-position: left center;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
background-image: url(/static/images/book-panel/add_wish_icon.png);
padding: 8px 5px 8px 21px;
color: #FFFFFF;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #FFFFFF;
border-bottom-color: #FFFFFF;
}
.add_towish a:hover {
text-decoration: none;
color: #3d4e53;
}
.white_text {
width: 130px;
height: 40px;
padding: 17px 0px;
margin: 0px;
}
.white_text a {
color: #FFFFFF;
text-decoration: none;
}
.white_text a:hover {
text-decoration: none;
color: #3d4e53;
}
/*more info*/
.moreinfo {
width: 130px;
height: 30px;
padding: 0px;
margin: 15px 0 0;
}
.moreinfo a {
line-height: 40px;
font-size: 11px;
background-repeat: no-repeat;
background-position: left center;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
background-image: url(/static/images/book-panel/more_icon.png);
padding: 8px 42px 8px 20px;
padding-left: 20px;
color: #FFFFFF;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #FFFFFF;
border-bottom-color: #FFFFFF;
}
.moreinfo a:hover {
text-decoration: none;
color: #3d4e53;
}
/*end of the more info/*
/*end the 2greenpanel*/
/*2 start*/
.graypanel {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 20px auto;
padding: 4px 5px;
height: 300px;
width: 130px;
line-height: 16px;
background-color: #edf3f4;
color: #3d4e53;
border: 5px solid #edf3f4;
}
.unglued_white2 {
font-size: 12px;
margin: 3px auto;
padding: 5px 0px;
}
.green {
color: #8dc63f;
text-align: left;
}
.graypanel a {
text-decoration: none;
color: #3d4e53;
}
.graypanel a:hover {
color: #8dc63f;
text-decoration: none;
}
.Unglue_itbutton {
width: 110px;
height: 40px;
padding: 0px 9px;
background: #FFFFFF;
margin: 0px auto;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
border: 1px solid #d4dcdd;
}
.Unglue_itbutton a {
line-height: 40px;
font-size: 11px;
background-repeat: no-repeat;
background-position: 2px center;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
background-image: url(/static/images/book-panel/unglue_icon.png);
padding: 5px 0px 0px 20px;
color: #3d4e53;
text-align: right;
font-family: "LucidaGrandeBold";
}
.Unglue_itbutton a:hover {
text-decoration: none;
}
.add_towish2 {
width: 130px;
height: 30px;
padding: 0px 0px;
margin: 15px auto;
}
.add_towish2 a {
line-height: 40px;
font-size: 11px;
background-repeat: no-repeat;
background-position: left center;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
background-image: url(/static/images/book-panel/add_gray.png);
padding: 8px 0px;
padding-left: 20px;
color: #3d4e53;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #FFFFFF;
border-bottom-color: #FFFFFF;
font-family: "LucidaGrandeBold";
}
.add_towish2 a:hover {
text-decoration: none;
}
.white_text2 {
width: 130px;
height: 40px;
padding: 13px 0px;
margin: 0px;
}
.white_text2 a, a:hover {
text-decoration: none;
color: #3d4e53;
}
/*more info*/
.moreinfo2 {
width: 130px;
height: 30px;
padding: 0px 20px 0px 0px;
margin: 15px auto;
}
.moreinfo2 a {
line-height: 40px;
font-size: 12px;
background-image: url(/static/images/book-panel/gray_more_info.png);
background-repeat: no-repeat;
background-position: left center;
padding: 8px 35px;
font-weight: bold;
padding-left: 20px;
color: #3d4e53;
text-decoration: none;
text-transform: uppercase;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #FFFFFF;
border-bottom-color: #FFFFFF;
font-family: "LucidaGrandeBold";
}
.moreinfo2 a:hover {
text-decoration: none;
color: #3d4e53;
}
/*end the 2greenpanel*/
.read {
margin: 15px auto 5px auto;
padding: 0px;
width: 140px;
color: #8dc63f;
height: 40px;
line-height: 25px;
float: left;
position: absolute;
bottom: -15px;
}
.read p {
margin: 0px;
padding: 10px 3px;
width: 50px;
font-size: 10pt;
float: left;
}
.read img {
padding: 5px 0px;
margin: 0px;
float: left;
}
.right_add {
padding: 10px;
margin: 0px;
float: right;
}
p.right_add {
float: right;
padding: 10px 10px 0 0;
width: 24px;
}
/**/
.read2 {
margin: 15px auto;
padding: 0px;
width: 130px;
color: #8dc63f;
height: 40px;
line-height: 25px;
}
.read2 p {
margin: 0px;
padding: 10px 3px;
width: 50px;
font-size: 10pt;
float: left;
}
.read2 img {
padding: 0px;
margin: 0px;
float: left;
}
.right_add {
padding: 10px;
margin: 0px;
float: right;
}
/* --------------- ( slideout hover state ) --------------------------------------------- */
.panelview.book-thumb {
position: relative;
margin: 0px;
padding: 0px;
left: 0px;
}
.panelview.book-thumb img {
z-index: 100;
width: 120px;
height: 182px;
}
.panelview.book-thumb span {
position: absolute;
bottom: 0;
left: -10px;
top: -5px;
z-index: 1000;
height: auto;
}

View File

@ -1,32 +1,230 @@
.header-text{height:36px;line-height:36px;display:block;text-decoration:none;font-weight:bold;font-size:13px;letter-spacing:-0.05em;}
.panelborders{border-width:1px 0px;border-style:solid none;border-color:#FFFFFF;}
#js-page-wrap{overflow:hidden;}
#main-container{margin-top:20px;}
#js-leftcol .jsmodule{margin-bottom:10px;}#js-leftcol .jsmodule.rounded{background:#edf3f4;-moz-border-radius:20px 20px 20px 20px;-webkit-border-radius:20px 20px 20px 20px;border-radius:20px 20px 20px 20px;}#js-leftcol .jsmodule.rounded .jsmod-content{padding:10px 20px;font-weight:bold;border:none;margin:0;}
.book-detail{float:left;width:100%;clear:both;display:block;}
.book-detail-img{float:left;margin-right:10px;width:151px;}.book-detail-img img{padding:5px;border:solid 5px #edf3f4;}
.book-detail-info{float:left;width:309px;}.book-detail-info h2.book-name,.book-detail-info h3.book-author,.book-detail-info h3.book-year{padding:0;margin:0;line-height:normal;}
.book-detail-info h2.book-name{font-size:18px;text-transform:capitalize;font-weight:bold;color:#3d4e53;}
.book-detail-info h3.book-author,.book-detail-info h3.book-year{font-size:12px;font-weight:normal;color:#6994a3;}
.book-detail-info>div{width:100%;clear:both;display:block;overflow:hidden;border-top:1px solid #edf3f4;padding:10px 0;}
.book-detail-info .find-book{margin-top:15px;}.book-detail-info .find-book label{float:left;line-height:31px;}
.book-detail-info .find-link{float:right;}
.book-detail-info .pledged-info{padding:0;}
.book-detail-info .pledged-group{padding:10px 40px 10px 0;float:left;}
.book-detail-info .status{float:right;padding-top:4px;}
.book-detail-info .btn_support a{background:url("/static/images/btn_bg.png") 0 0 no-repeat;width:104px;height:41px;line-height:41px;display:block;color:#fff;font-weight:bold;text-align:center;}
#tabs{border-bottom:4px solid #6994a3;clear:both;float:left;margin-top:10px;width:100%;}#tabs ul.book-list-view{margin-bottom:4px !important;}
#tabs-1,#tabs-2,#tabs-3{margin-left:10px;}
#tabs-2,#tabs-3,#tabs-4{display:none;}
ul.tabs{float:left;padding:0;margin:0;list-style:none;}ul.tabs li{float:left;height:46px;line-height:46px;margin-right:2px;margin-bottom:1px;}ul.tabs li a{height:46px;line-height:46px;display:block;text-align:center;padding:0 10px;min-width:80px;-moz-border-radius:7px 7px 0 0;-webkit-border-radius:7px 7px 0 0;border-radius:7px 7px 0 0;background:#d6dde0;color:#3d4e53;}
ul.tabs li a:hover,ul.tabs li.active a{background:#6994a3;color:#fff;}
#js-rightcol{float:right;width:235px;}#js-rightcol h3.jsmod-title{background:#a7c1ca;-moz-border-radius:10px 10px 10px 10px;-webkit-border-radius:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;padding:10px;height:auto;font-style:normal;font-size:14px;margin:0 0 10px 0;}#js-rightcol h3.jsmod-title span{padding:0;color:#fff;font-style:normal;}
#js-rightcol .jsmodule{margin-bottom:10px;}
#js-rightcol .jsmod-content{padding-left:10px;}
.js-rightcol-pad{border:1px solid #d6dde0;-moz-border-radius:10px 10px 10px 10px;-webkit-border-radius:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;padding:10px;}
#js-maincol{float:left;width:470px;margin:0 10px;}#js-maincol div.content-block{background:none;padding:0;}
ul.social li{padding:5px 0 5px 30px;height:28px;line-height:28px;}ul.social li.facebook{background:url("/static/images/icons/facebook.png") left center no-repeat;}
ul.social li.twitter{background:url("/static/images/icons/twitter.png") left center no-repeat;}
ul.social li.email{background:url("/static/images/icons/email.png") left center no-repeat;}
ul.support li{border-bottom:1px solid #d6dde0;padding:10px 15px 10px 0;}ul.support li span{display:block;}ul.support li span.menu-item-price{font-size:18px;}
a{color:#3d4e53;font-size:12px;}
.header-text {
height: 36px;
line-height: 36px;
display: block;
text-decoration: none;
font-weight: bold;
font-size: 13px;
letter-spacing: -0.05em;
}
.panelborders {
border-width: 1px 0px;
border-style: solid none;
border-color: #FFFFFF;
}
#js-page-wrap {
overflow: hidden;
}
#main-container {
margin-top: 20px;
}
#js-leftcol .jsmodule {
margin-bottom: 10px;
}
#js-leftcol .jsmodule.rounded {
background: #edf3f4;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
border-radius: 20px 20px 20px 20px;
}
#js-leftcol .jsmodule.rounded .jsmod-content {
padding: 10px 20px;
font-weight: bold;
border: none;
margin: 0;
}
.book-detail {
float: left;
width: 100%;
clear: both;
display: block;
}
.book-detail-img {
float: left;
margin-right: 10px;
width: 151px;
}
.book-detail-img img {
padding: 5px;
border: solid 5px #edf3f4;
}
.book-detail-info {
float: left;
/* if we want to nix the explore bar, width should be 544ish */
width: 309px;
}
.book-detail-info h2.book-name, .book-detail-info h3.book-author, .book-detail-info h3.book-year {
padding: 0;
margin: 0;
line-height: normal;
}
.book-detail-info h2.book-name {
font-size: 18px;
text-transform: capitalize;
font-weight: bold;
color: #3d4e53;
}
.book-detail-info h3.book-author, .book-detail-info h3.book-year {
font-size: 12px;
font-weight: normal;
color: #6994a3;
}
.book-detail-info > div {
width: 100%;
clear: both;
display: block;
overflow: hidden;
border-top: 1px solid #edf3f4;
padding: 10px 0;
}
.book-detail-info .find-book {
margin-top: 15px;
}
.book-detail-info .find-book label {
float: left;
line-height: 31px;
}
.book-detail-info .find-link {
float: right;
}
.book-detail-info .pledged-info {
padding: 0;
}
.book-detail-info .pledged-group {
padding: 10px 40px 10px 0;
float: left;
}
.book-detail-info .status {
float: right;
padding-top: 4px;
}
.book-detail-info .btn_support a {
background: url("/static/images/btn_bg.png") 0 0 no-repeat;
width: 104px;
height: 41px;
line-height: 41px;
display: block;
color: #fff;
font-weight: bold;
text-align: center;
}
#tabs {
border-bottom: 4px solid #6994a3;
clear: both;
float: left;
margin-top: 10px;
width: 100%;
}
#tabs ul.book-list-view {
margin-bottom: 4px !important;
}
#tabs-1, #tabs-2, #tabs-3 {
margin-left: 10px;
}
#tabs-2, #tabs-3, #tabs-4 {
display: none;
}
ul.tabs {
float: left;
padding: 0;
margin: 0;
list-style: none;
}
ul.tabs li {
float: left;
height: 46px;
line-height: 46px;
margin-right: 2px;
margin-bottom: 1px;
}
ul.tabs li a {
height: 46px;
line-height: 46px;
display: block;
text-align: center;
padding: 0 10px;
min-width: 80px;
-moz-border-radius: 7px 7px 0 0;
-webkit-border-radius: 7px 7px 0 0;
border-radius: 7px 7px 0 0;
background: #d6dde0;
color: #3d4e53;
}
ul.tabs li a:hover, ul.tabs li.active a {
background: #6994a3;
color: #fff;
}
#js-rightcol {
float: right;
width: 235px;
}
#js-rightcol h3.jsmod-title {
background: #a7c1ca;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
padding: 10px;
height: auto;
font-style: normal;
font-size: 14px;
margin: 0 0 10px 0;
}
#js-rightcol h3.jsmod-title span {
padding: 0;
color: #fff;
font-style: normal;
}
#js-rightcol .jsmodule {
margin-bottom: 10px;
}
#js-rightcol .jsmod-content {
padding-left: 10px;
}
.js-rightcol-pad {
border: 1px solid #d6dde0;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
padding: 10px;
}
#js-maincol {
float: left;
/* If we want to nuke the explore column, width should be 705ish */
width: 470px;
margin: 0 10px;
}
#js-maincol div.content-block {
background: none;
padding: 0;
}
ul.social li {
padding: 5px 0 5px 30px;
height: 28px;
line-height: 28px;
}
ul.social li.facebook {
background: url("/static/images/icons/facebook.png") left center no-repeat;
}
ul.social li.twitter {
background: url("/static/images/icons/twitter.png") left center no-repeat;
}
ul.social li.email {
background: url("/static/images/icons/email.png") left center no-repeat;
}
ul.support li {
border-bottom: 1px solid #d6dde0;
padding: 10px 15px 10px 0;
}
ul.support li span {
display: block;
}
ul.support li span.menu-item-price {
font-size: 18px;
}
/* differs from sitewide.css. should it? */
a {
color: #3d4e53;
font-size: 12px;
}

View File

@ -50,6 +50,7 @@ div.book-list.listview {
line-height: 43px;
margin: 0 5px 0 0;
padding: 7px 0;
position: relative;
}
div.book-list.listview.row1 {
background: #f6f9f9;
@ -69,6 +70,7 @@ div.book-list.listview div.book-name {
margin-right: 10px;
background: url("../images/booklist/booklist-vline.png") right center no-repeat;
float: left;
overflow: hidden;
}
div.book-list.listview div.book-name span {
display: block;
@ -275,7 +277,8 @@ ul.navigation li a:hover, ul.navigation li.active a {
display: none;
}
.listview.icons {
float: left;
position: absolute;
right: 31px;
}
.listview.icons .booklist-status-img {
-moz-border-radius: 4px 4px 4px 4px;
@ -306,6 +309,9 @@ ul.navigation li a:hover, ul.navigation li.active a {
.listview.icons .booklist-status-label, .listview.icons .right_add {
display: none;
}
div.content-block-content {
padding-bottom: 200px;
}
.header-text {
height: 36px;
line-height: 36px;
@ -407,7 +413,9 @@ ul.navigation li a:hover, ul.navigation li.active a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
max-height: 32px;
color: #3d4e53;
overflow: hidden;
}
.panelview.booklist-status {
color: #8dc63f;
@ -419,7 +427,7 @@ ul.navigation li a:hover, ul.navigation li.active a {
}
.panelview.icons {
position: absolute;
bottom: 0px;
bottom: -3px;
width: 140px;
}
.panelview.icons .booklist-status-img {
@ -914,7 +922,8 @@ h3.jsmod-title {
height: 73px;
}
h3.jsmod-title span {
background: url("/static/images/icon-h3.png") 90% center no-repeat;
/* background:url("@{image-base}icon-h3.png") 90% center no-repeat; */
font-size: 17px;
color: #fff;
padding: 26px 40px 27px 20px;
@ -1102,9 +1111,9 @@ a {
padding: 10px;
}
.js-search {
float: right;
width: 30%;
float: left;
padding-top: 25px;
margin-left: 81px;
}
.js-search input {
float: left;
@ -1674,7 +1683,9 @@ div.content-block-content {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
max-height: 32px;
color: #3d4e53;
overflow: hidden;
}
.panelview.booklist-status {
color: #8dc63f;
@ -1686,7 +1697,7 @@ div.content-block-content {
}
.panelview.icons {
position: absolute;
bottom: 0px;
bottom: -3px;
width: 140px;
}
.panelview.icons .booklist-status-img {

View File

@ -1,34 +1,253 @@
.header-text{height:36px;line-height:36px;display:block;text-decoration:none;font-weight:bold;font-size:13px;letter-spacing:-0.05em;}
.panelborders{border-width:1px 0px;border-style:solid none;border-color:#FFFFFF;}
body{background:url("/static/images/bg-body.png") 0 0 repeat-x;padding:0 0 20px 0;margin:0;font-size:12px;font-family:Lucida "Lucida Grande","Lucida Sans Unicode",sans-serif,Helvetica,sans-serif;color:#3d4e53;}
img{border:none;}
h2.content-heading{padding:15px;margin:0;font-size:19px;font-weight:normal;color:#3d4e53;float:left;width:50%;}h2.content-heading span{font-style:italic;}
h3.jsmod-title{background:url("/static/images/bg.png") 0 0 no-repeat;padding:0;margin:0;height:73px;}h3.jsmod-title span{font-size:17px;color:#fff;padding:26px 40px 27px 20px;display:block;}
ul.menu{list-style:none;padding:0;margin:0;}
a.readon{background:url("/static/images/bg.png") 100% -72px no-repeat;color:#fff;text-transform:capitalize;display:block;float:right;font-size:13px;font-weight:bold;}a.readon span{background:url("/static/images/bg.png") -770px -108px no-repeat;margin-right:34px;padding:0 5px 0 20px;height:36px;line-height:36px;display:block;}
a{font-weight:bold;font-size:13px;text-decoration:none;cursor:pointer;}
#js-header{height:90px;}
.js-main{width:960px;margin:0 auto;clear:both;padding:0;}
.js-logo{float:left;padding-top:10px;}.js-logo a img{border:none;}
.js-topmenu{float:right;padding-top:25px;}.js-topmenu ul li{float:left;padding:0 10px;}.js-topmenu ul li a{color:#3d4e53;height:36px;line-height:36px;display:block;text-decoration:none;font-weight:bold;font-size:13px;letter-spacing:-0.05em;}
.js-topmenu ul li span#welcome{color:#8dc63f;height:36px;line-height:36px;display:block;text-decoration:none;font-weight:bold;font-size:13px;letter-spacing:-0.05em;}
.js-topmenu ul li.last a{background:url("/static/images/bg.png") right top no-repeat;}.js-topmenu ul li.last a span{background:url("/static/images/bg.png") -770px -36px no-repeat;margin-right:29px;display:block;padding:0 5px 0 15px;}
#js-topsection{padding:15px 0;overflow:hidden;}
.js-topnews{float:left;width:100%;}
.js-topnews1{background:url("/static/images/header/header-m.png") 0 0 repeat-y;}
.js-topnews2{background:url("/static/images/header/header-t.png") 0 0 no-repeat;}
.js-topnews3{background:url("/static/images/header/header-b.png") 0 100% no-repeat;display:block;overflow:hidden;padding:10px;}
.js-search{float:left;padding-top:25px;margin-left:81px;}.js-search input{float:left;}
.js-search .inputbox{padding:0 0 0 15px;margin:0;border:none;outline:none;background:url("/static/images/bg.png") -645px -180px;height:36px;line-height:36px;float:left;color:#6994a3;}
.js-search .button{background:url("/static/images/bg.png") 100% -144px no-repeat;padding:0;margin:0;width:40px;height:36px;display:block;border:none;text-indent:-10000px;cursor:pointer;}
.js-search-inner{float:right;}
#js-leftcol{float:left;width:235px;}#js-leftcol a{font-weight:normal;}#js-leftcol a:hover{text-decoration:underline;}
#js-leftcol .jsmod-content{border:1px solid #edf3f4;margin-left:10px;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;}
#js-leftcol ul.level1>li>a{text-transform:uppercase;color:#3d4e53;font-size:12px;border-bottom:1px solid #edf3f4;border-top:1px solid #edf3f4;display:block;padding:10px;}
#js-leftcol ul.level2 li{padding:5px 10px;}#js-leftcol ul.level2 li a{color:#6994a3;}
#js-maincol-fr{float:right;width:725px;}
div.content-block{overflow:hidden;background:url("/static/images/bg.png") 100% -223px no-repeat;padding:0 0 0 7px;}
.content-block-heading a.block-link{float:right;padding:15px;font-size:11px;color:#3d4e53;text-decoration:underline;font-weight:normal;}
div.content-block-content{width:100%;overflow:hidden;padding-left:10px;}div.content-block-content .cols3 .column{width:33.33%;float:left;}
#footer{border-top:7px solid #edf3f4;clear:both;height:90px;text-align:center;padding-top:5px;}
#footer a{color:#3d4e53;}
.header-text {
height: 36px;
line-height: 36px;
display: block;
text-decoration: none;
font-weight: bold;
font-size: 13px;
letter-spacing: -0.05em;
}
.panelborders {
border-width: 1px 0px;
border-style: solid none;
border-color: #FFFFFF;
}
body {
background: url("/static/images/bg-body.png") 0 0 repeat-x;
padding: 0 0 20px 0;
margin: 0;
font-size: 12px;
font-family: Lucida "Lucida Grande", "Lucida Sans Unicode", sans-serif, Helvetica, sans-serif;
color: #3d4e53;
}
img {
border: none;
}
h2.content-heading {
padding: 15px;
margin: 0;
font-size: 19px;
font-weight: normal;
color: #3d4e53;
float: left;
width: 50%;
}
h2.content-heading span {
font-style: italic;
}
h3.jsmod-title {
background: url("/static/images/bg.png") 0 0 no-repeat;
padding: 0;
margin: 0;
height: 73px;
}
h3.jsmod-title span {
/* background:url("@{image-base}icon-h3.png") 90% center no-repeat; */
font-size: 17px;
color: #fff;
padding: 26px 40px 27px 20px;
display: block;
}
ul.menu {
list-style: none;
padding: 0;
margin: 0;
}
a.readon {
background: url("/static/images/bg.png") 100% -72px no-repeat;
color: #fff;
text-transform: capitalize;
display: block;
float: right;
font-size: 13px;
font-weight: bold;
}
a.readon span {
background: url("/static/images/bg.png") -770px -108px no-repeat;
margin-right: 34px;
padding: 0 5px 0 20px;
height: 36px;
line-height: 36px;
display: block;
}
a {
font-weight: bold;
font-size: 13px;
text-decoration: none;
cursor: pointer;
}
#js-header {
height: 90px;
}
.js-main {
width: 960px;
margin: 0 auto;
clear: both;
padding: 0;
}
.js-logo {
float: left;
padding-top: 10px;
}
.js-logo a img {
border: none;
}
.js-topmenu {
float: right;
padding-top: 25px;
}
.js-topmenu ul li {
float: left;
padding: 0 10px;
}
.js-topmenu ul li a {
color: #3d4e53;
height: 36px;
line-height: 36px;
display: block;
text-decoration: none;
font-weight: bold;
font-size: 13px;
letter-spacing: -0.05em;
}
.js-topmenu ul li span#welcome {
color: #8dc63f;
height: 36px;
line-height: 36px;
display: block;
text-decoration: none;
font-weight: bold;
font-size: 13px;
letter-spacing: -0.05em;
}
.js-topmenu ul li.last a {
background: url("/static/images/bg.png") right top no-repeat;
}
.js-topmenu ul li.last a span {
background: url("/static/images/bg.png") -770px -36px no-repeat;
margin-right: 29px;
display: block;
padding: 0 5px 0 15px;
}
#js-topsection {
padding: 15px 0;
overflow: hidden;
}
.js-topnews {
float: left;
width: 100%;
}
.js-topnews1 {
background: url("/static/images/header/header-m.png") 0 0 repeat-y;
}
.js-topnews2 {
background: url("/static/images/header/header-t.png") 0 0 no-repeat;
}
.js-topnews3 {
background: url("/static/images/header/header-b.png") 0 100% no-repeat;
display: block;
overflow: hidden;
padding: 10px;
}
.js-search {
float: left;
padding-top: 25px;
margin-left: 81px;
}
.js-search input {
float: left;
}
.js-search .inputbox {
padding: 0 0 0 15px;
margin: 0;
border: none;
outline: none;
background: url("/static/images/bg.png") -645px -180px;
height: 36px;
line-height: 36px;
float: left;
color: #6994a3;
}
.js-search .button {
background: url("/static/images/bg.png") 100% -144px no-repeat;
padding: 0;
margin: 0;
width: 40px;
height: 36px;
display: block;
border: none;
text-indent: -10000px;
cursor: pointer;
}
.js-search-inner {
float: right;
}
#js-leftcol {
float: left;
width: 235px;
}
#js-leftcol a {
font-weight: normal;
}
#js-leftcol a:hover {
text-decoration: underline;
}
#js-leftcol .jsmod-content {
border: 1px solid #edf3f4;
margin-left: 10px;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
}
#js-leftcol ul.level1 > li > a {
text-transform: uppercase;
color: #3d4e53;
font-size: 12px;
border-bottom: 1px solid #edf3f4;
border-top: 1px solid #edf3f4;
display: block;
padding: 10px;
}
#js-leftcol ul.level2 li {
padding: 5px 10px;
}
#js-leftcol ul.level2 li a {
color: #6994a3;
}
#js-maincol-fr {
float: right;
width: 725px;
}
div.content-block {
overflow: hidden;
background: url("/static/images/bg.png") 100% -223px no-repeat;
padding: 0 0 0 7px;
}
.content-block-heading a.block-link {
float: right;
padding: 15px;
font-size: 11px;
color: #3d4e53;
text-decoration: underline;
font-weight: normal;
}
div.content-block-content {
width: 100%;
overflow: hidden;
padding-left: 10px;
}
div.content-block-content .cols3 .column {
width: 33.33%;
float: left;
}
#footer {
border-top: 7px solid #edf3f4;
clear: both;
height: 90px;
text-align: center;
padding-top: 5px;
}
#footer a {
color: #3d4e53;
}

View File

@ -1,44 +1,258 @@
.header-text{height:36px;line-height:36px;display:block;text-decoration:none;font-weight:bold;font-size:13px;letter-spacing:-0.05em;}
.panelborders{border-width:1px 0px;border-style:solid none;border-color:#FFFFFF;}
.block-inner{padding-right:10px;}
.user-block{width:100%;clear:both;}
.user-block-hide{float:left;width:100%;clear:both;}.user-block-hide .block{float:left;width:33%;}
.user-block-hide input{float:left;margin:3px 10px 0 0;}
.user-block-hide label{float:left;width:90%;}
.user-block1{float:left;width:25%;}
.user-block2{color:#6994a3;font-size:11px;line-height:normal;float:left;width:25%;}
.user-block3,.user-block4{float:right;width:25%;margin-top:10px;}
img.user-avatar{float:left;margin-right:10px;}
.social{width:100%;padding-left:35px;}
span.user-name,span.user-date,span.user-short-info{display:block;}
span.user-name,span.user-name a,a{font-size:12px;color:#3d4e53;}
span.user-status-title{float:left;margin-right:8px;padding-top:5px;}
span.rounded{border:1px solid #d4d4d4;-moz-border-radius:7px 7px 7px 7px;-webkit-border-radius:7px 7px 7px 7px;border-radius:7px 7px 7px 7px;padding:1px;color:#fff;margin:0 8px 0 0;display:inline-block;}span.rounded>span{padding:7px 10px;min-width:15px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;text-align:center;display:inline-block;}
span.blue{background:#a7d26a url("/static/images/header-button-blue.png") left bottom repeat-x;}
span.orange{background:#eabc7c url("/static/images/header-button-orange.png") left bottom repeat-x;}
span.grey{background:#bacfd6 url("/static/images/header-button-grey.png") left bottom repeat-x;}
div.check-list{float:left;width:100%;padding-bottom:7px;}
a.profile-edit{display:block;background:url("/static/images/header/icon-edit.png") right top no-repeat;}
div.profile-save{padding-top:15px;border:none;}
input.profile-save{background:url("/static/images/header/save-setting.png") 0 0 no-repeat;width:116px;height:42px;display:block;text-indent:-100000px;border:none;}
a.my-setting{background:#d6dde0 url("/static/images/header/explane.png") 90% center no-repeat;border-radius:7px;height:50px;line-height:50px;display:block;padding:0 0 0 10px;font-size:20px;}
a.my-setting.active{background:#d6dde0 url("/static/images/header/collspane.png") 90% center no-repeat;}
#tabs{border-bottom:4px solid #8dc63f;clear:both;float:left;margin-left:10px;margin-top:10px;width:100%;}
#tabs ul.book-list-view{margin-bottom:4px !important;}
#tabs-1,#tabs-2,#tabs-3{margin-left:10px;}
ul.tabs{float:left;padding:0;margin:0;list-style:none;}ul.tabs li{float:left;height:46px;line-height:46px;margin-right:10px;}ul.tabs li a{height:46px;line-height:46px;display:block;text-align:center;padding:0 10px;min-width:80px;border-radius:7px 7px 0 0;background:url("/static/images/header/bg-tabs1.png") left bottom repeat-x;}
ul.tabs li a:hover,ul.tabs li.active a{background:url("/static/images/header/bg-tabs.png") left bottom repeat-x;color:#fff;}
.book-list span.rounded>span{line-height:normal;width:75px;}.book-list span.rounded>span a{text-transform:capitalize;}
div.content-block-content{padding-left:10px;}
.js-news-text{float:left;width:70%;font-size:16px;color:#3d4e53;font-family:lucida grande;}
.js-news-links{float:right;width:30%;}
.column-left .item{margin:0 10px 10px 0;}
.column-center .item{margin:0 5px 10px 5px;}
.column-right .item{margin:0 0 10px 10px;}
.column .item{border:7px solid #edf3f4;padding:10px;}
.book-image{padding:0 0 10px 0;}
.book-info{padding:0 0 10px 0;line-height:125%;position:relative;}.book-info span.book-new{background:url(/static/images/images/icon-new.png) 0 0 no-repeat;width:38px;height:36px;display:block;position:absolute;right:10px;top:0;}
.book-name{color:#3d4e53;font-weight:bold;}
.book-author{color:#6994a3;}
.book-status{margin:0 -10px;border-top:1px solid #edf3f4;padding:15px 10px 0 10px;position:relative;}.book-status span.unglue{font-style:italic;}
.book-status span.status{position:absolute;right:10px;bottom:-5px;width:37px;height:25px;display:block;}
.header-text {
height: 36px;
line-height: 36px;
display: block;
text-decoration: none;
font-weight: bold;
font-size: 13px;
letter-spacing: -0.05em;
}
.panelborders {
border-width: 1px 0px;
border-style: solid none;
border-color: #FFFFFF;
}
.block-inner {
padding-right: 10px;
}
.user-block {
width: 100%;
clear: both;
}
.user-block-hide {
float: left;
width: 100%;
clear: both;
}
.user-block-hide .block {
float: left;
width: 33%;
}
.user-block-hide input {
float: left;
margin: 3px 10px 0 0;
}
.user-block-hide label {
float: left;
width: 90%;
}
.user-block1 {
float: left;
width: 25%;
}
.user-block2 {
color: #6994a3;
font-size: 11px;
line-height: normal;
float: left;
width: 25%;
}
.user-block3, .user-block4 {
float: right;
width: 25%;
margin-top: 10px;
}
img.user-avatar {
float: left;
margin-right: 10px;
}
.social {
width: 100%;
padding-left: 35px;
}
span.user-name, span.user-date, span.user-short-info {
display: block;
}
span.user-name, span.user-name a, a {
font-size: 12px;
color: #3d4e53;
}
span.user-status-title {
float: left;
margin-right: 8px;
padding-top: 5px;
}
span.rounded {
border: 1px solid #d4d4d4;
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
padding: 1px;
color: #fff;
margin: 0 8px 0 0;
display: inline-block;
}
span.rounded > span {
padding: 7px 10px;
min-width: 15px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
text-align: center;
display: inline-block;
}
span.blue {
background: #a7d26a url("/static/images/header-button-blue.png") left bottom repeat-x;
}
span.orange {
background: #eabc7c url("/static/images/header-button-orange.png") left bottom repeat-x;
}
span.grey {
background: #bacfd6 url("/static/images/header-button-grey.png") left bottom repeat-x;
}
div.check-list {
float: left;
width: 100%;
padding-bottom: 7px;
}
a.profile-edit {
display: block;
background: url("/static/images/header/icon-edit.png") right top no-repeat;
}
div.profile-save {
padding-top: 15px;
border: none;
}
input.profile-save {
background: url("/static/images/header/save-setting.png") 0 0 no-repeat;
width: 116px;
height: 42px;
display: block;
text-indent: -100000px;
border: none;
}
a.my-setting {
background: #d6dde0 url("/static/images/header/explane.png") 90% center no-repeat;
border-radius: 7px;
height: 50px;
line-height: 50px;
display: block;
padding: 0 0 0 10px;
font-size: 20px;
}
a.my-setting.active {
background: #d6dde0 url("/static/images/header/collspane.png") 90% center no-repeat;
}
#tabs {
border-bottom: 4px solid #8dc63f;
clear: both;
float: left;
margin-left: 10px;
margin-top: 10px;
width: 100%;
}
#tabs ul.book-list-view {
margin-bottom: 4px !important;
}
#tabs-1, #tabs-2, #tabs-3 {
margin-left: 10px;
}
ul.tabs {
float: left;
padding: 0;
margin: 0;
list-style: none;
}
ul.tabs li {
float: left;
height: 46px;
line-height: 46px;
margin-right: 10px;
}
ul.tabs li a {
height: 46px;
line-height: 46px;
display: block;
text-align: center;
padding: 0 10px;
min-width: 80px;
border-radius: 7px 7px 0 0;
background: url("/static/images/header/bg-tabs1.png") left bottom repeat-x;
}
ul.tabs li a:hover, ul.tabs li.active a {
background: url("/static/images/header/bg-tabs.png") left bottom repeat-x;
color: #fff;
}
.book-list span.rounded > span {
line-height: normal;
width: 75px;
}
.book-list span.rounded > span a {
text-transform: capitalize;
}
div.content-block-content {
padding-left: 10px;
}
.js-news-text {
float: left;
width: 70%;
font-size: 16px;
color: #3d4e53;
font-family: lucida grande;
}
.js-news-links {
float: right;
width: 30%;
}
.column-left .item {
margin: 0 10px 10px 0;
}
.column-center .item {
margin: 0 5px 10px 5px;
}
.column-right .item {
margin: 0 0 10px 10px;
}
.column .item {
border: 7px solid #edf3f4;
padding: 10px;
}
.book-image {
padding: 0 0 10px 0;
}
.book-info {
padding: 0 0 10px 0;
line-height: 125%;
position: relative;
}
.book-info span.book-new {
background: url(/static/images/images/icon-new.png) 0 0 no-repeat;
width: 38px;
height: 36px;
display: block;
position: absolute;
right: 10px;
top: 0;
}
.book-name {
color: #3d4e53;
font-weight: bold;
}
.book-author {
color: #6994a3;
}
.book-status {
margin: 0 -10px;
border-top: 1px solid #edf3f4;
padding: 15px 10px 0 10px;
position: relative;
}
.book-status span.unglue {
font-style: italic;
}
.book-status span.status {
position: absolute;
right: 10px;
bottom: -5px;
width: 37px;
height: 25px;
display: block;
}
/* Do I even still need this?
.book-status span.percent99{ background:url(../images/images/icon-book1.png) 0 0 no-repeat;}
.book-status span.percent60{ background:url(../images/images/icon-book2.png) 0 0 no-repeat;}
.book-status span.percent22{ background:url(../images/images/icon-book3.png) 0 0 no-repeat;}
.book-status span.percent7{ background:url(../images/images/icon-book4.png) 0 0 no-repeat;}
.book-status span.percent62{ background:url(../images/images/icon-book5.png) 0 0 no-repeat;}
.book-status span.percent21{ background:url(../images/images/icon-book6.png) 0 0 no-repeat;}
*/

View File

@ -33,11 +33,6 @@ div.book-list.listview{
float: left;
overflow: hidden;
&:hover {
z-index: 1000;
overflow: visible;
}
span {
display:block;
line-height:normal;
@ -228,3 +223,7 @@ ul.navigation li a:hover, ul.navigation li.active a {
div.content-block-content {
padding-bottom: 200px;
}
.listview.panelback, .listview.panelback div {
display: none;
}

View File

@ -146,6 +146,26 @@
/*2 start*/
.panelback {
position: relative;
}
span.panelview.panelback.side1, span.panelview.panelback.side1 div {
display:visible;
}
span.panelview.panelback.side2, span.panelview.panelback.side2 div {
display:none;
}
div.panelview.side1 > div {
display: visible;
}
div.panelview.side2 > div {
display: none;
}
.greenpanel2 {
.greenpanelstuff;
margin: 0px auto;
@ -153,7 +173,9 @@
height: 295px;
background-color: @green;
color: #ffffff;
position:relative;
position:absolute;
top:-5px;
left:-10px;
}
.unglued_white {
font-size: 12px;
@ -173,7 +195,7 @@
a {
.greenpanelactionitems(10px);
background: url(/static/images/book-panel/book_icon.png) no-repeat left center;
background: url(/static/images/book-panel/book_icon.png) no-repeat 10% center;
padding:0px 0px 0px 30px;
color:@dark-green;
@ -407,7 +429,6 @@ p.right_add { float:right; padding:10px 10px 0 0; width:24px; }
}
/* --------------- ( slideout hover state ) --------------------------------------------- */
.panelview.book-thumb {
float: left;
position: relative;
margin:0px;
padding:0px;

View File

@ -72,10 +72,6 @@ div.book-list.listview div.book-name {
float: left;
overflow: hidden;
}
div.book-list.listview div.book-name:hover {
z-index: 1000;
overflow: visible;
}
div.book-list.listview div.book-name span {
display: block;
line-height: normal;
@ -316,6 +312,9 @@ ul.navigation li a:hover, ul.navigation li.active a {
div.content-block-content {
padding-bottom: 200px;
}
.listview.panelback, .listview.panelback div {
display: none;
}
.header-text {
height: 36px;
line-height: 36px;
@ -450,6 +449,21 @@ div.content-block-content {
width: 24px;
}
/*2 start*/
.panelback {
position: relative;
}
span.panelview.panelback.side1, span.panelview.panelback.side1 div {
display: visible;
}
span.panelview.panelback.side2, span.panelview.panelback.side2 div {
display: none;
}
div.panelview.side1 > div {
display: visible;
}
div.panelview.side2 > div {
display: none;
}
.greenpanel2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
@ -464,7 +478,9 @@ div.content-block-content {
height: 295px;
background-color: #8dc63f;
color: #ffffff;
position: relative;
position: absolute;
top: -5px;
left: -10px;
}
.unglued_white {
font-size: 12px;
@ -513,7 +529,7 @@ div.content-block-content {
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
background: url(/static/images/book-panel/book_icon.png) no-repeat left center;
background: url(/static/images/book-panel/book_icon.png) no-repeat 10% center;
padding: 0px 0px 0px 30px;
color: #73a334;
}
@ -863,7 +879,6 @@ p.right_add {
}
/* --------------- ( slideout hover state ) --------------------------------------------- */
.panelview.book-thumb {
float: left;
position: relative;
margin: 0px;
padding: 0px;
@ -1720,6 +1735,21 @@ div.content-block-content {
width: 24px;
}
/*2 start*/
.panelback {
position: relative;
}
span.panelview.panelback.side1, span.panelview.panelback.side1 div {
display: visible;
}
span.panelview.panelback.side2, span.panelview.panelback.side2 div {
display: none;
}
div.panelview.side1 > div {
display: visible;
}
div.panelview.side2 > div {
display: none;
}
.greenpanel2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
@ -1734,7 +1764,9 @@ div.content-block-content {
height: 295px;
background-color: #8dc63f;
color: #ffffff;
position: relative;
position: absolute;
top: -5px;
left: -10px;
}
.unglued_white {
font-size: 12px;
@ -1783,7 +1815,7 @@ div.content-block-content {
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
background: url(/static/images/book-panel/book_icon.png) no-repeat left center;
background: url(/static/images/book-panel/book_icon.png) no-repeat 10% center;
padding: 0px 0px 0px 30px;
color: #73a334;
}
@ -2133,7 +2165,6 @@ p.right_add {
}
/* --------------- ( slideout hover state ) --------------------------------------------- */
.panelview.book-thumb {
float: left;
position: relative;
margin: 0px;
padding: 0px;