diff --git a/frontend/templates/search.html b/frontend/templates/search.html index 4ae5da28..f207ae0c 100644 --- a/frontend/templates/search.html +++ b/frontend/templates/search.html @@ -5,19 +5,8 @@ - - - + + {% endblock %} {% block title %}Search Results{% endblock %} diff --git a/frontend/templates/supporter.html b/frontend/templates/supporter.html index c355f7bd..2ecc91a8 100644 --- a/frontend/templates/supporter.html +++ b/frontend/templates/supporter.html @@ -8,81 +8,12 @@ - + - - - - - - - + + + {% endblock %} @@ -273,19 +204,53 @@ how do I integrate the your wishlist thing with the tabs thing?
-
Unglued! -

Sept 12 2011

-

Raised: $12,000

+
+ {% if work.first_ebook %} + AVAILABLE! + {% else %} + {{ work.last_campaign_status }} + {% if work.last_campaign_status == 'SUCCESSFUL' %} +

On: {{ work.last_campaign.deadline|date:"M d, Y" }}

+

Raised: {{ work.last_campaign.current_total }}

+ {% else %}{% if work.last_campaign_status == 'ACTIVE' %} +

Until: {{ work.last_campaign.deadline|date:"M d, Y" }}

+

Raised: {{ work.last_campaign.current_total }}

+ {% else %}{% if work.last_campaign_status == 'INITIALIZED' %} +

Campaign coming soon!

+ {% else %}{% if work.last_campaign_status == 'SUSPENDED' %} +

This campaign was suspended on {{ work.last_campaign.suspended }}.

+ {% else %}{% if work.last_campaign_status == 'WITHDRAWN' %} +

This campaign was withdrawn on {{ work.last_campaign.withdrawn }}.

+ {% else %}{% if work.last_campaign_status == 'UNSUCCESSFUL' %} +

{{ work.last_campaign.deadline }}

+

Watch for a new campaign.

+ {% endif %}{% endif %}{% endif %}{% endif %}{% endif %}{% endif %}{% endif %}
-
Read it Now
-
Add to Wishlist
-
Nineteen Eighty-Four -

George Orwell

-

Genre: Sci-Fi

-

Status: In Progress

+ {% if work.first_ebook %} +
Read it Now
+ {% else %} +
No ebook yet
+ {% endif %} + {% ifequal supporter request.user %} +
Remove
+ {% else %}{% if work in shared_works %} +
+ On Your Wishlist! +
+ {% else %}{% if request.user.is_anonymous %} + + {% else %} +
+ Add to Wishlist +
+ {% endif %}{% endif %}{% endifequal %} +

{{ work.title }}

+

{{ work.author }}

- More Info + More Info
diff --git a/static/css/book_panel.css b/static/css/book_panel.css index 7fa3ede1..4934dfa2 100644 --- a/static/css/book_panel.css +++ b/static/css/book_panel.css @@ -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; } diff --git a/static/js/greenpanel.js b/static/js/greenpanel.js new file mode 100644 index 00000000..1f2d6178 --- /dev/null +++ b/static/js/greenpanel.js @@ -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'); + })); + + }); diff --git a/static/js/tabs.js b/static/js/tabs.js new file mode 100644 index 00000000..c6d9a578 --- /dev/null +++ b/static/js/tabs.js @@ -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(); + }); + }); + }); \ No newline at end of file diff --git a/static/js/toggle.js b/static/js/toggle.js new file mode 100644 index 00000000..c5983aa7 --- /dev/null +++ b/static/js/toggle.js @@ -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"); + }); +}); \ No newline at end of file diff --git a/static/less/book_panel.less b/static/less/book_panel.less index 3f5b0e9b..9ca26383 100644 --- a/static/less/book_panel.less +++ b/static/less/book_panel.less @@ -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); } diff --git a/static/less/layout.css b/static/less/layout.css index 0e759968..432bd191 100644 --- a/static/less/layout.css +++ b/static/less/layout.css @@ -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;