restoring background color alternation of books in list view of supporter page after widgetization
Andromeda Yelton
parent
5f4496a290
commit
25d2177ca4
|
|
@ -2,28 +2,15 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>unglue.it: {{work.title}}</title>
|
||||
<link REL="SHORTCUT ICON" HREF="/static/images/favicon.ico">
|
||||
<link type="text/css" rel="stylesheet" href="/static/css/sitewide.css" />
|
||||
<link type="text/css" rel="stylesheet" href="/static/css/supporter_layout.css" />
|
||||
<link type="text/css" rel="stylesheet" href="/static/css/book_list.css" />
|
||||
<link type="text/css" rel="stylesheet" href="/static/css/book_panel.css" />
|
||||
<style type="text/css">
|
||||
.undefined {text-decoration:underline;}
|
||||
</style>
|
||||
|
||||
<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="application/x-javascript">
|
||||
jQuery(document).ready(function($) {
|
||||
$('.listview').addClass("panelview").removeClass("listview");
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
<script type="text/javascript" src="/static/js/wishlist.js"></script>
|
||||
<script type="text/javascript" src="/static/js/greenpanel.js"></script>
|
||||
<!-- <script type="text/javascript" src="/static/js/tabs.js"></script> -->
|
||||
|
||||
</head>
|
||||
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
{% else %}
|
||||
<div class="listview tabs tabs-3">
|
||||
{% endif %}{% endif %}
|
||||
<div class="listview book-list {% cycle 'row1' 'row2' %} side1">
|
||||
<div class="listview book-list side1">
|
||||
<span class="listview panelback side2">
|
||||
<div class="greenpanel2">
|
||||
<div class="unglued_white">
|
||||
|
|
|
|||
|
|
@ -234,8 +234,9 @@ how do I integrate the your wishlist thing with the tabs thing?
|
|||
{% else %}
|
||||
{% paginate 20 works %}
|
||||
{% for work in works %}
|
||||
<!-- classify which tab depending on work.last_campaign_status -->
|
||||
<div class="{% cycle 'row1' 'row2' %}">
|
||||
{% include "book_panel.html" %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
<br>
|
||||
<div class="pagination content-block-heading">
|
||||
|
|
|
|||
|
|
@ -14,6 +14,13 @@
|
|||
border-color: #FFFFFF;
|
||||
}
|
||||
/* Cross-browser language */
|
||||
/* rows in listview should alternate colors */
|
||||
.row1 .book-list.listview {
|
||||
background: #f6f9f9;
|
||||
}
|
||||
.row2 .book-list.listview {
|
||||
background: #fff;
|
||||
}
|
||||
div.book-list.listview {
|
||||
clear: both;
|
||||
display: block;
|
||||
|
|
@ -23,12 +30,10 @@ div.book-list.listview {
|
|||
margin: 0 5px 0 0;
|
||||
padding: 7px 0;
|
||||
position: relative;
|
||||
}
|
||||
div.book-list.listview.row1 {
|
||||
background: #f6f9f9;
|
||||
}
|
||||
div.book-list.listview.row2 {
|
||||
background: #fff;
|
||||
/* row is a container for divs with individual content elements */
|
||||
|
||||
/* these elements are styled differently to create list and panel views */
|
||||
|
||||
}
|
||||
div.book-list.listview div.unglue-this {
|
||||
float: left;
|
||||
|
|
@ -78,10 +83,7 @@ div.book-list.listview div.booklist-status {
|
|||
margin-right: 7px;
|
||||
float: left;
|
||||
}
|
||||
div.add-wishlist {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.remove-wishlist {
|
||||
div.add-wishlist, div.remove-wishlist {
|
||||
cursor: pointer;
|
||||
}
|
||||
.booklist-status.listview span.booklist-status-label {
|
||||
|
|
@ -221,7 +223,7 @@ ul.navigation li a:hover, ul.navigation li.active a {
|
|||
display: none;
|
||||
}
|
||||
div.content-block-content {
|
||||
padding-bottom: 200px;
|
||||
padding-bottom: 100px;
|
||||
}
|
||||
.listview.panelback, .listview.panelback div {
|
||||
display: none;
|
||||
|
|
|
|||
|
|
@ -8,6 +8,15 @@
|
|||
opacity:@op/100;
|
||||
}
|
||||
|
||||
/* rows in listview should alternate colors */
|
||||
.row1 .book-list.listview {
|
||||
background: #f6f9f9;
|
||||
}
|
||||
|
||||
.row2 .book-list.listview {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
div.book-list.listview{
|
||||
clear:both;
|
||||
display:block;
|
||||
|
|
@ -18,14 +27,8 @@ div.book-list.listview{
|
|||
// overflow:hidden;
|
||||
position: relative;
|
||||
|
||||
&.row1 {
|
||||
background:#f6f9f9;
|
||||
}
|
||||
|
||||
&.row2 {
|
||||
background:#fff;
|
||||
}
|
||||
|
||||
/* row is a container for divs with individual content elements */
|
||||
/* these elements are styled differently to create list and panel views */
|
||||
div {
|
||||
&.unglue-this {
|
||||
float: left;
|
||||
|
|
@ -80,11 +83,7 @@ div.book-list.listview{
|
|||
}
|
||||
}
|
||||
|
||||
div.add-wishlist {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
div.remove-wishlist {
|
||||
div.add-wishlist, div.remove-wishlist {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
|
@ -244,7 +243,7 @@ ul.navigation li a:hover, ul.navigation li.active a {
|
|||
}
|
||||
|
||||
div.content-block-content {
|
||||
padding-bottom: 200px;
|
||||
padding-bottom: 100px;
|
||||
}
|
||||
|
||||
.listview.panelback, .listview.panelback div {
|
||||
|
|
|
|||
Loading…
Reference in New Issue