Merge branch 'master' of github.com:Gluejar/regluit into goodreads
Raymond Yee
commit
274d4f691c
|
|
@ -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')
|
||||
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;}
|
||||
*/
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Reference in New Issue