added live data to panel view hover state; put js that search & supporter share into separate files
Andromeda Yelton
parent
3c33ca8bfa
commit
ba45db0e78
|
|
@ -5,19 +5,8 @@
|
|||
<link rel="stylesheet" href="/static/css/book_panel.css">
|
||||
|
||||
<script type="text/javascript" src="/static/js/wishlist.js"></script>
|
||||
|
||||
<!-- Beware of fadeIn/fadeOut jQuery animations; they add an inline "display: block"
|
||||
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");
|
||||
});
|
||||
$('#toggle-panel').click(function(){
|
||||
$('div.listview').addClass("panelview").removeClass("listview");
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<script type="text/javascript" src="/static/js/greenpanel.js"></script>
|
||||
<script type="text/javascript" src="/static/js/toggle.js"></script>
|
||||
{% endblock %}
|
||||
|
||||
{% block title %}Search Results{% endblock %}
|
||||
|
|
|
|||
|
|
@ -8,81 +8,12 @@
|
|||
<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();
|
||||
$j(document).ready(function(){
|
||||
$j('.user-block-hide').hide();
|
||||
$j('.user-block1 a').click(
|
||||
function() {
|
||||
$j(this).toggleClass("active");
|
||||
$j(".user-block-hide").slideToggle(300);
|
||||
}
|
||||
);
|
||||
$j('.tabs1').click(function(){
|
||||
$j('.tabs').find('.active').removeClass('active');
|
||||
$j(this).addClass('active');
|
||||
$j('.content-block-content').find('.active').removeClass('active');
|
||||
$j('.tabs-1').addClass('active').show(300);
|
||||
$j('.tabs-2').hide(200);
|
||||
$j('.tabs-3').hide(200);
|
||||
});
|
||||
$j('.tabs2').click(function(){
|
||||
$j('.tabs').find('.active').removeClass('active');
|
||||
$j(this).addClass('active');
|
||||
$j('.content-block-content').find('.active').removeClass('active');
|
||||
$j('.tabs-2').addClass('active').show(300);
|
||||
$j('.tabs-1').hide(200);
|
||||
$j('.tabs-3').hide(200);
|
||||
});
|
||||
$j('.tabs3').click(function(){
|
||||
$j('.tabs').find('.active').removeClass('active');
|
||||
$j(this).addClass('active');
|
||||
$j('.content-block-content').find('.active').removeClass('active');
|
||||
$j('.tabs-3').addClass('active').show(300);
|
||||
$j('.tabs-2').hide(200);
|
||||
$j('.tabs-1').hide(200);
|
||||
});
|
||||
$j('.empty-wishlist span.bounce-search').click(function(){
|
||||
$j('div.js-search-inner').effect("bounce", 500, function() {
|
||||
$j('div.js-search-inner input[type="text"]').focus();
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Beware of fadeIn/fadeOut jQuery animations; they add an inline "display: block"
|
||||
which overrides display: none in the stylesheet. Sneaky! -->
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function(){
|
||||
$('#toggle-list').click(function(){
|
||||
$('.panelview').addClass("listview").removeClass("panelview");
|
||||
});
|
||||
$('#toggle-panel').click(function(){
|
||||
$('.listview').addClass("panelview").removeClass("listview");
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<script type="text/javascript" src="/static/js/greenpanel.js"></script>
|
||||
<script type="text/javascript" src="/static/js/toggle.js"></script>
|
||||
<script type="text/javascript" src="/static/js/tabs.js"></script>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
|
|
@ -273,19 +204,53 @@ how do I integrate the your wishlist thing with the tabs thing?
|
|||
<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 class="unglued_white">
|
||||
{% if work.first_ebook %}
|
||||
<b>AVAILABLE!</b>
|
||||
{% else %}
|
||||
<b>{{ work.last_campaign_status }}</b>
|
||||
{% if work.last_campaign_status == 'SUCCESSFUL' %}
|
||||
<p><b>On:</b> {{ work.last_campaign.deadline|date:"M d, Y" }}</p>
|
||||
<p><b>Raised:</b> {{ work.last_campaign.current_total }}</p>
|
||||
{% else %}{% if work.last_campaign_status == 'ACTIVE' %}
|
||||
<p><b>Until:</b> {{ work.last_campaign.deadline|date:"M d, Y" }}</p>
|
||||
<p><b>Raised:</b> {{ work.last_campaign.current_total }}</p>
|
||||
{% else %}{% if work.last_campaign_status == 'INITIALIZED' %}
|
||||
<p>Campaign coming soon!</p>
|
||||
{% else %}{% if work.last_campaign_status == 'SUSPENDED' %}
|
||||
<p>This campaign was suspended on {{ work.last_campaign.suspended }}.</p>
|
||||
{% else %}{% if work.last_campaign_status == 'WITHDRAWN' %}
|
||||
<p>This campaign was withdrawn on {{ work.last_campaign.withdrawn }}.</p>
|
||||
{% else %}{% if work.last_campaign_status == 'UNSUCCESSFUL' %}
|
||||
<p>{{ work.last_campaign.deadline }}</p>
|
||||
<p>Watch for a new campaign.</p>
|
||||
{% endif %}{% endif %}{% endif %}{% endif %}{% endif %}{% endif %}{% endif %}
|
||||
</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>
|
||||
{% if work.first_ebook %}
|
||||
<div class="read_itbutton"><a href="{{ work.first_ebook.url }}">Read it Now</a> </div>
|
||||
{% else %}
|
||||
<div class="read_itbutton_fail"><span>No ebook yet</span> </div>
|
||||
{% endif %}
|
||||
{% ifequal supporter request.user %}
|
||||
<div class="moreinfo remove-wishlist"><div id="{{ work.id }}">Remove</div></div>
|
||||
{% else %}{% if work in shared_works %}
|
||||
<div class="moreinfo on-wishlist">
|
||||
<a href="#">On Your Wishlist!</a>
|
||||
</div>
|
||||
{% else %}{% if request.user.is_anonymous %}
|
||||
<div class="moreinfo create-account">
|
||||
<a href="#">Add to Wishlist</a>
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="moreinfo add-wishlist">
|
||||
<a href="#" id="{{ work.editions.all.0.googlebooks_id }}">Add to Wishlist</a>
|
||||
</div>
|
||||
{% endif %}{% endif %}{% endifequal %}
|
||||
<div class="white_text"> <p><a href="{% url work work.id %}">{{ work.title }}</a></p>
|
||||
<p>{{ work.author }}</p>
|
||||
</div>
|
||||
<div class="moreinfo">
|
||||
<a href="#">More Info</a>
|
||||
<a href="{% url work work.id %}">More Info</a>
|
||||
</div>
|
||||
</div>
|
||||
</span>
|
||||
|
|
|
|||
|
|
@ -30,6 +30,17 @@
|
|||
text-decoration: none;
|
||||
color: #3d4e53;
|
||||
}
|
||||
.readit {
|
||||
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;
|
||||
}
|
||||
@charset "utf-8";
|
||||
* {
|
||||
padding: 0px;
|
||||
|
|
@ -65,18 +76,6 @@
|
|||
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;
|
||||
|
|
@ -162,6 +161,7 @@ div.panelview.side2 > div {
|
|||
margin: 0px auto;
|
||||
margin-bottom: 5px;
|
||||
padding: 10px 0px;
|
||||
height: 48px;
|
||||
}
|
||||
.read_itbutton {
|
||||
width: 118px;
|
||||
|
|
@ -182,20 +182,46 @@ div.panelview.side2 > div {
|
|||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
background: url(/static/images/book-panel/book_icon.png) no-repeat 10% center;
|
||||
background: "/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;
|
||||
.read_itbutton_fail {
|
||||
width: 118px;
|
||||
height: 35px;
|
||||
padding: 0px 0px;
|
||||
margin: 15px auto;
|
||||
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;
|
||||
}
|
||||
.add_towish a {
|
||||
.read_itbutton_fail span {
|
||||
line-height: 40px;
|
||||
font-size: 11px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 10px center;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
background: none;
|
||||
padding: 0px 0px 0px 15px;
|
||||
color: #73a334;
|
||||
}
|
||||
.read_itbutton_fail span:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.add_towish {
|
||||
width: 130px;
|
||||
height: 30px;
|
||||
padding: 0px;
|
||||
margin: 15px 0 0;
|
||||
}
|
||||
.add_towish div {
|
||||
line-height: 40px;
|
||||
font-size: 11px;
|
||||
background-repeat: no-repeat;
|
||||
|
|
@ -203,8 +229,8 @@ div.panelview.side2 > div {
|
|||
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;
|
||||
background-image: url("/static/images/book-panel/add_wish_icon.png");
|
||||
padding: 0px 5px 12px 20px;
|
||||
color: #FFFFFF;
|
||||
border-top-width: 1px;
|
||||
border-bottom-width: 1px;
|
||||
|
|
@ -212,8 +238,11 @@ div.panelview.side2 > div {
|
|||
border-bottom-style: solid;
|
||||
border-top-color: #FFFFFF;
|
||||
border-bottom-color: #FFFFFF;
|
||||
overflow: visible;
|
||||
width: 75px;
|
||||
height: 24px;
|
||||
}
|
||||
.add_towish a:hover {
|
||||
.add_towish div:hover {
|
||||
text-decoration: none;
|
||||
color: #3d4e53;
|
||||
}
|
||||
|
|
@ -231,6 +260,11 @@ div.panelview.side2 > div {
|
|||
text-decoration: none;
|
||||
color: #3d4e53;
|
||||
}
|
||||
.white_text p {
|
||||
line-height: 16px;
|
||||
max-height: 32px;
|
||||
overflow: hidden;
|
||||
}
|
||||
/*more info*/
|
||||
.moreinfo {
|
||||
width: 130px;
|
||||
|
|
@ -238,7 +272,7 @@ div.panelview.side2 > div {
|
|||
padding: 0px;
|
||||
margin: 15px 0 0;
|
||||
}
|
||||
.moreinfo a {
|
||||
.moreinfo div {
|
||||
line-height: 40px;
|
||||
font-size: 11px;
|
||||
background-repeat: no-repeat;
|
||||
|
|
@ -246,9 +280,8 @@ div.panelview.side2 > div {
|
|||
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;
|
||||
background-image: url("/static/images/book-panel/more_icon.png");
|
||||
padding: 0px 42px 12px 20px;
|
||||
color: #FFFFFF;
|
||||
border-top-width: 1px;
|
||||
border-bottom-width: 1px;
|
||||
|
|
@ -256,8 +289,11 @@ div.panelview.side2 > div {
|
|||
border-bottom-style: solid;
|
||||
border-top-color: #FFFFFF;
|
||||
border-bottom-color: #FFFFFF;
|
||||
overflow: visible;
|
||||
width: 75px;
|
||||
height: 24px;
|
||||
}
|
||||
.moreinfo a:hover {
|
||||
.moreinfo div:hover {
|
||||
text-decoration: none;
|
||||
color: #3d4e53;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,14 @@
|
|||
$(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');
|
||||
}));
|
||||
|
||||
});
|
||||
|
|
@ -0,0 +1,39 @@
|
|||
var $j = jQuery.noConflict();
|
||||
$j(document).ready(function(){
|
||||
$j('.user-block-hide').hide();
|
||||
$j('.user-block1 a').click(
|
||||
function() {
|
||||
$j(this).toggleClass("active");
|
||||
$j(".user-block-hide").slideToggle(300);
|
||||
}
|
||||
);
|
||||
$j('.tabs1').click(function(){
|
||||
$j('.tabs').find('.active').removeClass('active');
|
||||
$j(this).addClass('active');
|
||||
$j('.content-block-content').find('.active').removeClass('active');
|
||||
$j('.tabs-1').addClass('active').show(300);
|
||||
$j('.tabs-2').hide(200);
|
||||
$j('.tabs-3').hide(200);
|
||||
});
|
||||
$j('.tabs2').click(function(){
|
||||
$j('.tabs').find('.active').removeClass('active');
|
||||
$j(this).addClass('active');
|
||||
$j('.content-block-content').find('.active').removeClass('active');
|
||||
$j('.tabs-2').addClass('active').show(300);
|
||||
$j('.tabs-1').hide(200);
|
||||
$j('.tabs-3').hide(200);
|
||||
});
|
||||
$j('.tabs3').click(function(){
|
||||
$j('.tabs').find('.active').removeClass('active');
|
||||
$j(this).addClass('active');
|
||||
$j('.content-block-content').find('.active').removeClass('active');
|
||||
$j('.tabs-3').addClass('active').show(300);
|
||||
$j('.tabs-2').hide(200);
|
||||
$j('.tabs-1').hide(200);
|
||||
});
|
||||
$j('.empty-wishlist span.bounce-search').click(function(){
|
||||
$j('div.js-search-inner').effect("bounce", 500, function() {
|
||||
$j('div.js-search-inner input[type="text"]').focus();
|
||||
});
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
/* Beware of fadeIn/fadeOut jQuery animations; they add an inline "display: block"
|
||||
which overrides display: none in the stylesheet. Sneaky! */
|
||||
$(document).ready(function(){
|
||||
$('#toggle-list').click(function(){
|
||||
$('.panelview').addClass("listview").removeClass("panelview");
|
||||
});
|
||||
$('#toggle-panel').click(function(){
|
||||
$('.listview').addClass("panelview").removeClass("listview");
|
||||
});
|
||||
});
|
||||
|
|
@ -32,6 +32,47 @@
|
|||
color:@text-blue;
|
||||
}
|
||||
|
||||
.readit {
|
||||
width:118px;
|
||||
height:35px;
|
||||
padding:0px 0px;
|
||||
background:#FFFFFF;
|
||||
margin:0px;
|
||||
.border-radius(4px, 4px, 4px, 4px);
|
||||
border: 1px solid #81bb38;
|
||||
}
|
||||
|
||||
.readit_inner (@image, @padding) {
|
||||
.greenpanelactionitems(10px);
|
||||
background: @image;
|
||||
padding:0px 0px 0px @padding;
|
||||
color:@dark-green;
|
||||
|
||||
&:hover {
|
||||
text-decoration:none;
|
||||
}
|
||||
}
|
||||
|
||||
.banners (@image, @right) {
|
||||
width:130px;
|
||||
height:30px;
|
||||
padding:0px;
|
||||
margin:15px 0 0;
|
||||
|
||||
div {
|
||||
.greenpanelactionitems(left);
|
||||
background-image: url(@image);
|
||||
padding:0px @right 12px 20px;
|
||||
color:#FFFFFF;
|
||||
.greenpanelactionborders;
|
||||
overflow: visible;
|
||||
width: 75px;
|
||||
height: 24px;
|
||||
|
||||
&:hover { .panelhoverlink;}
|
||||
}
|
||||
}
|
||||
|
||||
@charset "utf-8";
|
||||
*{
|
||||
padding:0px;
|
||||
|
|
@ -69,7 +110,6 @@
|
|||
color: @text-blue;
|
||||
border: 5px solid @pale-blue;
|
||||
position: relative;
|
||||
// float: left;
|
||||
|
||||
&:hover {
|
||||
color: @text-blue;
|
||||
|
|
@ -79,18 +119,6 @@
|
|||
padding:5px 0px;
|
||||
margin:0px;
|
||||
}
|
||||
|
||||
/* 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 {
|
||||
|
|
@ -182,45 +210,27 @@ div.panelview.side2 > div {
|
|||
margin: 0px auto;
|
||||
margin-bottom:5px;
|
||||
padding: 10px 0px;
|
||||
height:48px;
|
||||
}
|
||||
|
||||
.read_itbutton {
|
||||
width:118px;
|
||||
height:35px;
|
||||
padding:0px 0px;
|
||||
background:#FFFFFF;
|
||||
margin:0px;
|
||||
.border-radius(4px, 4px, 4px, 4px);
|
||||
border: 1px solid #81bb38;
|
||||
|
||||
a {
|
||||
.greenpanelactionitems(10px);
|
||||
background: url(/static/images/book-panel/book_icon.png) no-repeat 10% center;
|
||||
padding:0px 0px 0px 30px;
|
||||
color:@dark-green;
|
||||
|
||||
&:hover {
|
||||
text-decoration:none;
|
||||
}
|
||||
}
|
||||
.readit;
|
||||
a {
|
||||
.readit_inner("/static/images/book-panel/book_icon.png) no-repeat 10% center", 30px);
|
||||
}
|
||||
}
|
||||
|
||||
.read_itbutton_fail {
|
||||
.readit;
|
||||
|
||||
span {
|
||||
.readit_inner(none, 15px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.add_towish {
|
||||
width:125px;
|
||||
height:30px;
|
||||
padding:0px 0px;
|
||||
margin:15px auto;
|
||||
|
||||
a {
|
||||
.greenpanelactionitems(left);
|
||||
background-image: url(/static/images/book-panel/add_wish_icon.png);
|
||||
padding:8px 5px 8px 21px;
|
||||
color:#FFFFFF;
|
||||
.greenpanelactionborders();
|
||||
|
||||
&:hover{ .panelhoverlink;}
|
||||
}
|
||||
.banners("/static/images/book-panel/add_wish_icon.png", 5px);
|
||||
}
|
||||
|
||||
.white_text {
|
||||
|
|
@ -235,25 +245,17 @@ div.panelview.side2 > div {
|
|||
|
||||
&:hover { .panelhoverlink;}
|
||||
}
|
||||
|
||||
p {
|
||||
line-height:16px;
|
||||
max-height:32px;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
/*more info*/
|
||||
.moreinfo {
|
||||
width:130px;
|
||||
height:30px;
|
||||
padding:0px;
|
||||
margin:15px 0 0;
|
||||
|
||||
a {
|
||||
.greenpanelactionitems(left);
|
||||
background-image: url(/static/images/book-panel/more_icon.png);
|
||||
padding:8px 42px 8px 20px;
|
||||
padding-left:20px;
|
||||
color:#FFFFFF;
|
||||
.greenpanelactionborders;
|
||||
|
||||
&:hover { .panelhoverlink;}
|
||||
}
|
||||
.banners("/static/images/book-panel/more_icon.png", 42px);
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -347,6 +347,32 @@ div.content-block-content {
|
|||
text-decoration: none;
|
||||
color: #3d4e53;
|
||||
}
|
||||
.readit {
|
||||
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;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
border: 1px solid #81bb38;
|
||||
}
|
||||
@charset "utf-8";
|
||||
* {
|
||||
padding: 0px;
|
||||
|
|
@ -386,18 +412,6 @@ div.content-block-content {
|
|||
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;
|
||||
|
|
@ -487,6 +501,7 @@ div.panelview.side2 > div {
|
|||
margin: 0px auto;
|
||||
margin-bottom: 5px;
|
||||
padding: 10px 0px;
|
||||
height: 48px;
|
||||
}
|
||||
.read_itbutton {
|
||||
width: 118px;
|
||||
|
|
@ -513,6 +528,30 @@ div.panelview.side2 > div {
|
|||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
border: 1px solid #81bb38;
|
||||
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;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
-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;
|
||||
|
|
@ -529,20 +568,136 @@ div.panelview.side2 > div {
|
|||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
background: url(/static/images/book-panel/book_icon.png) no-repeat 10% center;
|
||||
background: "/static/images/book-panel/book_icon.png) no-repeat 10% center";
|
||||
padding: 0px 0px 0px 30px;
|
||||
color: #73a334;
|
||||
line-height: 40px;
|
||||
font-size: 11px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 10px center;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
line-height: 40px;
|
||||
font-size: 11px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 10px center;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
background: "/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;
|
||||
.read_itbutton a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.add_towish a {
|
||||
.read_itbutton_fail {
|
||||
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;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
border: 1px solid #81bb38;
|
||||
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;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
-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_fail span {
|
||||
line-height: 40px;
|
||||
font-size: 11px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 10px center;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
line-height: 40px;
|
||||
font-size: 11px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 10px center;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
background: none;
|
||||
padding: 0px 0px 0px 15px;
|
||||
color: #73a334;
|
||||
line-height: 40px;
|
||||
font-size: 11px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 10px center;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
line-height: 40px;
|
||||
font-size: 11px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 10px center;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
background: none;
|
||||
padding: 0px 0px 0px 15px;
|
||||
color: #73a334;
|
||||
}
|
||||
.read_itbutton_fail span:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.read_itbutton_fail span:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.add_towish {
|
||||
width: 130px;
|
||||
height: 30px;
|
||||
padding: 0px;
|
||||
margin: 15px 0 0;
|
||||
width: 130px;
|
||||
height: 30px;
|
||||
padding: 0px;
|
||||
margin: 15px 0 0;
|
||||
}
|
||||
.add_towish div {
|
||||
line-height: 40px;
|
||||
font-size: 11px;
|
||||
background-repeat: no-repeat;
|
||||
|
|
@ -557,8 +712,8 @@ div.panelview.side2 > div {
|
|||
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;
|
||||
background-image: url("/static/images/book-panel/add_wish_icon.png");
|
||||
padding: 0px 5px 12px 20px;
|
||||
color: #FFFFFF;
|
||||
border-top-width: 1px;
|
||||
border-bottom-width: 1px;
|
||||
|
|
@ -572,8 +727,51 @@ div.panelview.side2 > div {
|
|||
border-bottom-style: solid;
|
||||
border-top-color: #FFFFFF;
|
||||
border-bottom-color: #FFFFFF;
|
||||
overflow: visible;
|
||||
width: 75px;
|
||||
height: 24px;
|
||||
}
|
||||
.add_towish a:hover {
|
||||
.add_towish div:hover {
|
||||
text-decoration: none;
|
||||
color: #3d4e53;
|
||||
text-decoration: none;
|
||||
color: #3d4e53;
|
||||
}
|
||||
.add_towish div {
|
||||
line-height: 40px;
|
||||
font-size: 11px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
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: 0px 5px 12px 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;
|
||||
border-top-width: 1px;
|
||||
border-bottom-width: 1px;
|
||||
border-top-style: solid;
|
||||
border-bottom-style: solid;
|
||||
border-top-color: #FFFFFF;
|
||||
border-bottom-color: #FFFFFF;
|
||||
overflow: visible;
|
||||
width: 75px;
|
||||
height: 24px;
|
||||
}
|
||||
.add_towish div:hover {
|
||||
text-decoration: none;
|
||||
color: #3d4e53;
|
||||
text-decoration: none;
|
||||
|
|
@ -595,14 +793,23 @@ div.panelview.side2 > div {
|
|||
text-decoration: none;
|
||||
color: #3d4e53;
|
||||
}
|
||||
.white_text p {
|
||||
line-height: 16px;
|
||||
max-height: 32px;
|
||||
overflow: hidden;
|
||||
}
|
||||
/*more info*/
|
||||
.moreinfo {
|
||||
width: 130px;
|
||||
height: 30px;
|
||||
padding: 0px;
|
||||
margin: 15px 0 0;
|
||||
width: 130px;
|
||||
height: 30px;
|
||||
padding: 0px;
|
||||
margin: 15px 0 0;
|
||||
}
|
||||
.moreinfo a {
|
||||
.moreinfo div {
|
||||
line-height: 40px;
|
||||
font-size: 11px;
|
||||
background-repeat: no-repeat;
|
||||
|
|
@ -617,9 +824,8 @@ div.panelview.side2 > div {
|
|||
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;
|
||||
background-image: url("/static/images/book-panel/more_icon.png");
|
||||
padding: 0px 42px 12px 20px;
|
||||
color: #FFFFFF;
|
||||
border-top-width: 1px;
|
||||
border-bottom-width: 1px;
|
||||
|
|
@ -633,8 +839,51 @@ div.panelview.side2 > div {
|
|||
border-bottom-style: solid;
|
||||
border-top-color: #FFFFFF;
|
||||
border-bottom-color: #FFFFFF;
|
||||
overflow: visible;
|
||||
width: 75px;
|
||||
height: 24px;
|
||||
}
|
||||
.moreinfo a:hover {
|
||||
.moreinfo div:hover {
|
||||
text-decoration: none;
|
||||
color: #3d4e53;
|
||||
text-decoration: none;
|
||||
color: #3d4e53;
|
||||
}
|
||||
.moreinfo div {
|
||||
line-height: 40px;
|
||||
font-size: 11px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
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: 0px 42px 12px 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;
|
||||
border-top-width: 1px;
|
||||
border-bottom-width: 1px;
|
||||
border-top-style: solid;
|
||||
border-bottom-style: solid;
|
||||
border-top-color: #FFFFFF;
|
||||
border-bottom-color: #FFFFFF;
|
||||
overflow: visible;
|
||||
width: 75px;
|
||||
height: 24px;
|
||||
}
|
||||
.moreinfo div:hover {
|
||||
text-decoration: none;
|
||||
color: #3d4e53;
|
||||
text-decoration: none;
|
||||
|
|
@ -1633,6 +1882,32 @@ div.content-block-content {
|
|||
text-decoration: none;
|
||||
color: #3d4e53;
|
||||
}
|
||||
.readit {
|
||||
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;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
border: 1px solid #81bb38;
|
||||
}
|
||||
@charset "utf-8";
|
||||
* {
|
||||
padding: 0px;
|
||||
|
|
@ -1672,18 +1947,6 @@ div.content-block-content {
|
|||
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;
|
||||
|
|
@ -1773,6 +2036,7 @@ div.panelview.side2 > div {
|
|||
margin: 0px auto;
|
||||
margin-bottom: 5px;
|
||||
padding: 10px 0px;
|
||||
height: 48px;
|
||||
}
|
||||
.read_itbutton {
|
||||
width: 118px;
|
||||
|
|
@ -1799,6 +2063,30 @@ div.panelview.side2 > div {
|
|||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
border: 1px solid #81bb38;
|
||||
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;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
-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;
|
||||
|
|
@ -1815,20 +2103,136 @@ div.panelview.side2 > div {
|
|||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
background: url(/static/images/book-panel/book_icon.png) no-repeat 10% center;
|
||||
background: "/static/images/book-panel/book_icon.png) no-repeat 10% center";
|
||||
padding: 0px 0px 0px 30px;
|
||||
color: #73a334;
|
||||
line-height: 40px;
|
||||
font-size: 11px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 10px center;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
line-height: 40px;
|
||||
font-size: 11px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 10px center;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
background: "/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;
|
||||
.read_itbutton a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.add_towish a {
|
||||
.read_itbutton_fail {
|
||||
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;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
border: 1px solid #81bb38;
|
||||
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;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
-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_fail span {
|
||||
line-height: 40px;
|
||||
font-size: 11px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 10px center;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
line-height: 40px;
|
||||
font-size: 11px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 10px center;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
background: none;
|
||||
padding: 0px 0px 0px 15px;
|
||||
color: #73a334;
|
||||
line-height: 40px;
|
||||
font-size: 11px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 10px center;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
line-height: 40px;
|
||||
font-size: 11px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 10px center;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
background: none;
|
||||
padding: 0px 0px 0px 15px;
|
||||
color: #73a334;
|
||||
}
|
||||
.read_itbutton_fail span:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.read_itbutton_fail span:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.add_towish {
|
||||
width: 130px;
|
||||
height: 30px;
|
||||
padding: 0px;
|
||||
margin: 15px 0 0;
|
||||
width: 130px;
|
||||
height: 30px;
|
||||
padding: 0px;
|
||||
margin: 15px 0 0;
|
||||
}
|
||||
.add_towish div {
|
||||
line-height: 40px;
|
||||
font-size: 11px;
|
||||
background-repeat: no-repeat;
|
||||
|
|
@ -1843,8 +2247,8 @@ div.panelview.side2 > div {
|
|||
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;
|
||||
background-image: url("/static/images/book-panel/add_wish_icon.png");
|
||||
padding: 0px 5px 12px 20px;
|
||||
color: #FFFFFF;
|
||||
border-top-width: 1px;
|
||||
border-bottom-width: 1px;
|
||||
|
|
@ -1858,8 +2262,51 @@ div.panelview.side2 > div {
|
|||
border-bottom-style: solid;
|
||||
border-top-color: #FFFFFF;
|
||||
border-bottom-color: #FFFFFF;
|
||||
overflow: visible;
|
||||
width: 75px;
|
||||
height: 24px;
|
||||
}
|
||||
.add_towish a:hover {
|
||||
.add_towish div:hover {
|
||||
text-decoration: none;
|
||||
color: #3d4e53;
|
||||
text-decoration: none;
|
||||
color: #3d4e53;
|
||||
}
|
||||
.add_towish div {
|
||||
line-height: 40px;
|
||||
font-size: 11px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
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: 0px 5px 12px 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;
|
||||
border-top-width: 1px;
|
||||
border-bottom-width: 1px;
|
||||
border-top-style: solid;
|
||||
border-bottom-style: solid;
|
||||
border-top-color: #FFFFFF;
|
||||
border-bottom-color: #FFFFFF;
|
||||
overflow: visible;
|
||||
width: 75px;
|
||||
height: 24px;
|
||||
}
|
||||
.add_towish div:hover {
|
||||
text-decoration: none;
|
||||
color: #3d4e53;
|
||||
text-decoration: none;
|
||||
|
|
@ -1881,14 +2328,23 @@ div.panelview.side2 > div {
|
|||
text-decoration: none;
|
||||
color: #3d4e53;
|
||||
}
|
||||
.white_text p {
|
||||
line-height: 16px;
|
||||
max-height: 32px;
|
||||
overflow: hidden;
|
||||
}
|
||||
/*more info*/
|
||||
.moreinfo {
|
||||
width: 130px;
|
||||
height: 30px;
|
||||
padding: 0px;
|
||||
margin: 15px 0 0;
|
||||
width: 130px;
|
||||
height: 30px;
|
||||
padding: 0px;
|
||||
margin: 15px 0 0;
|
||||
}
|
||||
.moreinfo a {
|
||||
.moreinfo div {
|
||||
line-height: 40px;
|
||||
font-size: 11px;
|
||||
background-repeat: no-repeat;
|
||||
|
|
@ -1903,9 +2359,8 @@ div.panelview.side2 > div {
|
|||
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;
|
||||
background-image: url("/static/images/book-panel/more_icon.png");
|
||||
padding: 0px 42px 12px 20px;
|
||||
color: #FFFFFF;
|
||||
border-top-width: 1px;
|
||||
border-bottom-width: 1px;
|
||||
|
|
@ -1919,8 +2374,51 @@ div.panelview.side2 > div {
|
|||
border-bottom-style: solid;
|
||||
border-top-color: #FFFFFF;
|
||||
border-bottom-color: #FFFFFF;
|
||||
overflow: visible;
|
||||
width: 75px;
|
||||
height: 24px;
|
||||
}
|
||||
.moreinfo a:hover {
|
||||
.moreinfo div:hover {
|
||||
text-decoration: none;
|
||||
color: #3d4e53;
|
||||
text-decoration: none;
|
||||
color: #3d4e53;
|
||||
}
|
||||
.moreinfo div {
|
||||
line-height: 40px;
|
||||
font-size: 11px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
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: 0px 42px 12px 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;
|
||||
border-top-width: 1px;
|
||||
border-bottom-width: 1px;
|
||||
border-top-style: solid;
|
||||
border-bottom-style: solid;
|
||||
border-top-color: #FFFFFF;
|
||||
border-bottom-color: #FFFFFF;
|
||||
overflow: visible;
|
||||
width: 75px;
|
||||
height: 24px;
|
||||
}
|
||||
.moreinfo div:hover {
|
||||
text-decoration: none;
|
||||
color: #3d4e53;
|
||||
text-decoration: none;
|
||||
|
|
|
|||
Loading…
Reference in New Issue