making campaign activity data display properly in search results
parent
baa7c05400
commit
acc2a6a1f8
|
@ -2,6 +2,7 @@
|
|||
{% block extra_css %}
|
||||
<link rel="stylesheet" href="/static/css/book_list.css">
|
||||
<link rel="stylesheet" href="/static/css/book_panel.css">
|
||||
<link rel="stylesheet" href="/static/css/search.css">
|
||||
{% endblock %}
|
||||
{% block extra_head %}
|
||||
<script type="text/javascript" src="/static/js/wishlist.js"></script>
|
||||
|
|
|
@ -13,6 +13,31 @@
|
|||
border-style: solid none;
|
||||
border-color: #FFFFFF;
|
||||
}
|
||||
.rounded {
|
||||
border: 1px solid #d4d4d4;
|
||||
-moz-border-radius: 7px;
|
||||
-webkit-border-radius: 7px;
|
||||
border-radius: 7px;
|
||||
padding: 1px;
|
||||
color: #fff;
|
||||
margin: 0 8px 0 0;
|
||||
display: inline-block;
|
||||
}
|
||||
.rounded > span {
|
||||
padding: 7px 7px;
|
||||
min-width: 15px;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
}
|
||||
.rounded > span .hovertext {
|
||||
display: none;
|
||||
}
|
||||
.rounded > span:hover .hovertext {
|
||||
display: inline;
|
||||
}
|
||||
.mediaborder {
|
||||
padding: 5px;
|
||||
border: solid 5px #EDF3F4;
|
||||
|
|
|
@ -13,6 +13,31 @@
|
|||
border-style: solid none;
|
||||
border-color: #FFFFFF;
|
||||
}
|
||||
.rounded {
|
||||
border: 1px solid #d4d4d4;
|
||||
-moz-border-radius: 7px;
|
||||
-webkit-border-radius: 7px;
|
||||
border-radius: 7px;
|
||||
padding: 1px;
|
||||
color: #fff;
|
||||
margin: 0 8px 0 0;
|
||||
display: inline-block;
|
||||
}
|
||||
.rounded > span {
|
||||
padding: 7px 7px;
|
||||
min-width: 15px;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
}
|
||||
.rounded > span .hovertext {
|
||||
display: none;
|
||||
}
|
||||
.rounded > span:hover .hovertext {
|
||||
display: inline;
|
||||
}
|
||||
.mediaborder {
|
||||
padding: 5px;
|
||||
border: solid 5px #EDF3F4;
|
||||
|
|
|
@ -13,6 +13,31 @@
|
|||
border-style: solid none;
|
||||
border-color: #FFFFFF;
|
||||
}
|
||||
.rounded {
|
||||
border: 1px solid #d4d4d4;
|
||||
-moz-border-radius: 7px;
|
||||
-webkit-border-radius: 7px;
|
||||
border-radius: 7px;
|
||||
padding: 1px;
|
||||
color: #fff;
|
||||
margin: 0 8px 0 0;
|
||||
display: inline-block;
|
||||
}
|
||||
.rounded > span {
|
||||
padding: 7px 7px;
|
||||
min-width: 15px;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
}
|
||||
.rounded > span .hovertext {
|
||||
display: none;
|
||||
}
|
||||
.rounded > span:hover .hovertext {
|
||||
display: inline;
|
||||
}
|
||||
.mediaborder {
|
||||
padding: 5px;
|
||||
border: solid 5px #EDF3F4;
|
||||
|
|
|
@ -13,6 +13,37 @@
|
|||
border-style: solid none;
|
||||
border-color: #FFFFFF;
|
||||
}
|
||||
.rounded {
|
||||
border: 1px solid #d4d4d4;
|
||||
-moz-border-radius: 7px;
|
||||
-webkit-border-radius: 7px;
|
||||
border-radius: 7px;
|
||||
-moz-border-radius: 7px;
|
||||
-webkit-border-radius: 7px;
|
||||
border-radius: 7px;
|
||||
padding: 1px;
|
||||
color: #fff;
|
||||
margin: 0 8px 0 0;
|
||||
display: inline-block;
|
||||
}
|
||||
.rounded > span {
|
||||
padding: 7px 7px;
|
||||
min-width: 15px;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
}
|
||||
.rounded > span .hovertext {
|
||||
display: none;
|
||||
}
|
||||
.rounded > span:hover .hovertext {
|
||||
display: inline;
|
||||
}
|
||||
.mediaborder {
|
||||
padding: 5px;
|
||||
border: solid 5px #EDF3F4;
|
||||
|
@ -69,6 +100,37 @@
|
|||
border-style: solid none;
|
||||
border-color: #FFFFFF;
|
||||
}
|
||||
.rounded {
|
||||
border: 1px solid #d4d4d4;
|
||||
-moz-border-radius: 7px;
|
||||
-webkit-border-radius: 7px;
|
||||
border-radius: 7px;
|
||||
-moz-border-radius: 7px;
|
||||
-webkit-border-radius: 7px;
|
||||
border-radius: 7px;
|
||||
padding: 1px;
|
||||
color: #fff;
|
||||
margin: 0 8px 0 0;
|
||||
display: inline-block;
|
||||
}
|
||||
.rounded > span {
|
||||
padding: 7px 7px;
|
||||
min-width: 15px;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
}
|
||||
.rounded > span .hovertext {
|
||||
display: none;
|
||||
}
|
||||
.rounded > span:hover .hovertext {
|
||||
display: inline;
|
||||
}
|
||||
.mediaborder {
|
||||
padding: 5px;
|
||||
border: solid 5px #EDF3F4;
|
||||
|
|
|
@ -13,6 +13,37 @@
|
|||
border-style: solid none;
|
||||
border-color: #FFFFFF;
|
||||
}
|
||||
.rounded {
|
||||
border: 1px solid #d4d4d4;
|
||||
-moz-border-radius: 7px;
|
||||
-webkit-border-radius: 7px;
|
||||
border-radius: 7px;
|
||||
-moz-border-radius: 7px;
|
||||
-webkit-border-radius: 7px;
|
||||
border-radius: 7px;
|
||||
padding: 1px;
|
||||
color: #fff;
|
||||
margin: 0 8px 0 0;
|
||||
display: inline-block;
|
||||
}
|
||||
.rounded > span {
|
||||
padding: 7px 7px;
|
||||
min-width: 15px;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
}
|
||||
.rounded > span .hovertext {
|
||||
display: none;
|
||||
}
|
||||
.rounded > span:hover .hovertext {
|
||||
display: inline;
|
||||
}
|
||||
.mediaborder {
|
||||
padding: 5px;
|
||||
border: solid 5px #EDF3F4;
|
||||
|
@ -69,6 +100,37 @@
|
|||
border-style: solid none;
|
||||
border-color: #FFFFFF;
|
||||
}
|
||||
.rounded {
|
||||
border: 1px solid #d4d4d4;
|
||||
-moz-border-radius: 7px;
|
||||
-webkit-border-radius: 7px;
|
||||
border-radius: 7px;
|
||||
-moz-border-radius: 7px;
|
||||
-webkit-border-radius: 7px;
|
||||
border-radius: 7px;
|
||||
padding: 1px;
|
||||
color: #fff;
|
||||
margin: 0 8px 0 0;
|
||||
display: inline-block;
|
||||
}
|
||||
.rounded > span {
|
||||
padding: 7px 7px;
|
||||
min-width: 15px;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
}
|
||||
.rounded > span .hovertext {
|
||||
display: none;
|
||||
}
|
||||
.rounded > span:hover .hovertext {
|
||||
display: inline;
|
||||
}
|
||||
.mediaborder {
|
||||
padding: 5px;
|
||||
border: solid 5px #EDF3F4;
|
||||
|
|
|
@ -13,6 +13,31 @@
|
|||
border-style: solid none;
|
||||
border-color: #FFFFFF;
|
||||
}
|
||||
.rounded {
|
||||
border: 1px solid #d4d4d4;
|
||||
-moz-border-radius: 7px;
|
||||
-webkit-border-radius: 7px;
|
||||
border-radius: 7px;
|
||||
padding: 1px;
|
||||
color: #fff;
|
||||
margin: 0 8px 0 0;
|
||||
display: inline-block;
|
||||
}
|
||||
.rounded > span {
|
||||
padding: 7px 7px;
|
||||
min-width: 15px;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
}
|
||||
.rounded > span .hovertext {
|
||||
display: none;
|
||||
}
|
||||
.rounded > span:hover .hovertext {
|
||||
display: inline;
|
||||
}
|
||||
.mediaborder {
|
||||
padding: 5px;
|
||||
border: solid 5px #EDF3F4;
|
||||
|
|
|
@ -13,6 +13,31 @@
|
|||
border-style: solid none;
|
||||
border-color: #FFFFFF;
|
||||
}
|
||||
.rounded {
|
||||
border: 1px solid #d4d4d4;
|
||||
-moz-border-radius: 7px;
|
||||
-webkit-border-radius: 7px;
|
||||
border-radius: 7px;
|
||||
padding: 1px;
|
||||
color: #fff;
|
||||
margin: 0 8px 0 0;
|
||||
display: inline-block;
|
||||
}
|
||||
.rounded > span {
|
||||
padding: 7px 7px;
|
||||
min-width: 15px;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
}
|
||||
.rounded > span .hovertext {
|
||||
display: none;
|
||||
}
|
||||
.rounded > span:hover .hovertext {
|
||||
display: inline;
|
||||
}
|
||||
.mediaborder {
|
||||
padding: 5px;
|
||||
border: solid 5px #EDF3F4;
|
||||
|
|
|
@ -1,3 +1,106 @@
|
|||
div.book-list div.booklist-status, .booklist-status, .icons {
|
||||
visibility: hidden;
|
||||
/* variables and mixins used in multiple less files go here */
|
||||
.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;
|
||||
}
|
||||
.rounded {
|
||||
border: 1px solid #d4d4d4;
|
||||
-moz-border-radius: 7px;
|
||||
-webkit-border-radius: 7px;
|
||||
border-radius: 7px;
|
||||
padding: 1px;
|
||||
color: #fff;
|
||||
margin: 0 8px 0 0;
|
||||
display: inline-block;
|
||||
}
|
||||
.rounded > span {
|
||||
padding: 7px 7px;
|
||||
min-width: 15px;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
}
|
||||
.rounded > span .hovertext {
|
||||
display: none;
|
||||
}
|
||||
.rounded > span:hover .hovertext {
|
||||
display: inline;
|
||||
}
|
||||
.mediaborder {
|
||||
padding: 5px;
|
||||
border: solid 5px #EDF3F4;
|
||||
}
|
||||
.google_signup_div {
|
||||
padding: 14px 0;
|
||||
}
|
||||
.google_signup_div div {
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
float: left;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.google_signup_div img {
|
||||
float: left;
|
||||
height: 24px;
|
||||
width: 24px;
|
||||
}
|
||||
.actionbuttons {
|
||||
width: auto;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
background: #8dc63f;
|
||||
-moz-border-radius: 32px;
|
||||
-webkit-border-radius: 32px;
|
||||
border-radius: 32px;
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
padding: 0 15px;
|
||||
border: none;
|
||||
margin: 5px 0;
|
||||
}
|
||||
span.rounded {
|
||||
border: 1px solid #d4d4d4;
|
||||
-moz-border-radius: 7px;
|
||||
-webkit-border-radius: 7px;
|
||||
border-radius: 7px;
|
||||
padding: 1px;
|
||||
color: #fff;
|
||||
margin: 0 8px 0 0;
|
||||
display: inline-block;
|
||||
}
|
||||
span.rounded > span {
|
||||
padding: 7px 7px;
|
||||
min-width: 15px;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
}
|
||||
span.rounded > span .hovertext {
|
||||
display: none;
|
||||
}
|
||||
span.rounded > span:hover .hovertext {
|
||||
display: inline;
|
||||
}
|
||||
span.grey {
|
||||
background: #bacfd6 url("/static/images/header-button-undefined.png") left bottom repeat-x;
|
||||
}
|
||||
.listview .rounded {
|
||||
line-height: normal;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
|
|
@ -14,6 +14,31 @@
|
|||
border-style: solid none;
|
||||
border-color: #FFFFFF;
|
||||
}
|
||||
.rounded {
|
||||
border: 1px solid #d4d4d4;
|
||||
-moz-border-radius: 7px;
|
||||
-webkit-border-radius: 7px;
|
||||
border-radius: 7px;
|
||||
padding: 1px;
|
||||
color: #fff;
|
||||
margin: 0 8px 0 0;
|
||||
display: inline-block;
|
||||
}
|
||||
.rounded > span {
|
||||
padding: 7px 7px;
|
||||
min-width: 15px;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
}
|
||||
.rounded > span .hovertext {
|
||||
display: none;
|
||||
}
|
||||
.rounded > span:hover .hovertext {
|
||||
display: inline;
|
||||
}
|
||||
.mediaborder {
|
||||
padding: 5px;
|
||||
border: solid 5px #EDF3F4;
|
||||
|
|
|
@ -13,6 +13,31 @@
|
|||
border-style: solid none;
|
||||
border-color: #FFFFFF;
|
||||
}
|
||||
.rounded {
|
||||
border: 1px solid #d4d4d4;
|
||||
-moz-border-radius: 7px;
|
||||
-webkit-border-radius: 7px;
|
||||
border-radius: 7px;
|
||||
padding: 1px;
|
||||
color: #fff;
|
||||
margin: 0 8px 0 0;
|
||||
display: inline-block;
|
||||
}
|
||||
.rounded > span {
|
||||
padding: 7px 7px;
|
||||
min-width: 15px;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
}
|
||||
.rounded > span .hovertext {
|
||||
display: none;
|
||||
}
|
||||
.rounded > span:hover .hovertext {
|
||||
display: inline;
|
||||
}
|
||||
.mediaborder {
|
||||
padding: 5px;
|
||||
border: solid 5px #EDF3F4;
|
||||
|
@ -317,18 +342,6 @@ ul.tabs li.tabs3 a:hover, ul.tabs li.active a {
|
|||
background: #d6dde0;
|
||||
color: #3d4e53;
|
||||
}
|
||||
/*
|
||||
.book-list span.rounded {
|
||||
|
||||
> span {
|
||||
.height(15px);
|
||||
|
||||
a {
|
||||
text-transform:capitalize;
|
||||
}
|
||||
}
|
||||
}
|
||||
*/
|
||||
.listview .rounded {
|
||||
line-height: normal;
|
||||
margin-right: 0;
|
||||
|
|
|
@ -13,6 +13,31 @@
|
|||
border-style: solid none;
|
||||
border-color: #FFFFFF;
|
||||
}
|
||||
.rounded {
|
||||
border: 1px solid #d4d4d4;
|
||||
-moz-border-radius: 7px;
|
||||
-webkit-border-radius: 7px;
|
||||
border-radius: 7px;
|
||||
padding: 1px;
|
||||
color: #fff;
|
||||
margin: 0 8px 0 0;
|
||||
display: inline-block;
|
||||
}
|
||||
.rounded > span {
|
||||
padding: 7px 7px;
|
||||
min-width: 15px;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
}
|
||||
.rounded > span .hovertext {
|
||||
display: none;
|
||||
}
|
||||
.rounded > span:hover .hovertext {
|
||||
display: inline;
|
||||
}
|
||||
.mediaborder {
|
||||
padding: 5px;
|
||||
border: solid 5px #EDF3F4;
|
||||
|
|
|
@ -1,13 +1,15 @@
|
|||
// search.html and supporter.html both include book_panel.html
|
||||
// however, some of the book_panel data relies on the work/edition linkage having been established,
|
||||
// which is not necessarily the case for search results
|
||||
// we could do lots of logic to test to see if things exist on the search results page and make
|
||||
// display choices accordingly
|
||||
// or we could just suppress display of those elements and not worry about it for now
|
||||
// so we are, with this stylesheet
|
||||
// (it must go AFTER book_panel.css so these rules will override those)
|
||||
// hackish solution ftw!
|
||||
@import "variables.less";
|
||||
|
||||
div.book-list div.booklist-status, .booklist-status, .icons {
|
||||
visibility: hidden;
|
||||
span.rounded {
|
||||
.rounded;
|
||||
}
|
||||
|
||||
span.grey {
|
||||
.supporter-color-span(#bacfd6, grey);
|
||||
}
|
||||
|
||||
.listview .rounded {
|
||||
// cancelling out styles that would otherwise apply
|
||||
line-height: normal;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
|
|
@ -118,29 +118,7 @@ span.user-status-title {
|
|||
}
|
||||
|
||||
span.rounded {
|
||||
border:1px solid #d4d4d4;
|
||||
.one-border-radius(7px);
|
||||
padding:1px;
|
||||
color:#fff;
|
||||
margin:0 8px 0 0;
|
||||
display:inline-block;
|
||||
|
||||
> span {
|
||||
padding:7px 7px;
|
||||
min-width:15px;
|
||||
.one-border-radius(5px);
|
||||
text-align:center;
|
||||
display:inline-block;
|
||||
|
||||
.hovertext {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&:hover .hovertext {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
|
||||
.rounded;
|
||||
}
|
||||
|
||||
span.blue {
|
||||
|
@ -321,19 +299,6 @@ ul.tabs {
|
|||
}
|
||||
}
|
||||
|
||||
/*
|
||||
.book-list span.rounded {
|
||||
|
||||
> span {
|
||||
.height(15px);
|
||||
|
||||
a {
|
||||
text-transform:capitalize;
|
||||
}
|
||||
}
|
||||
}
|
||||
*/
|
||||
|
||||
.listview .rounded {
|
||||
// cancelling out styles that would otherwise apply
|
||||
line-height: normal;
|
||||
|
|
|
@ -56,6 +56,31 @@
|
|||
background:@hex url(@url) left bottom repeat-x;
|
||||
}
|
||||
|
||||
.rounded {
|
||||
border:1px solid #d4d4d4;
|
||||
.one-border-radius(7px);
|
||||
padding:1px;
|
||||
color:#fff;
|
||||
margin:0 8px 0 0;
|
||||
display:inline-block;
|
||||
|
||||
> span {
|
||||
padding:7px 7px;
|
||||
min-width:15px;
|
||||
.one-border-radius(5px);
|
||||
text-align:center;
|
||||
display:inline-block;
|
||||
|
||||
.hovertext {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&:hover .hovertext {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.height(@x) {
|
||||
height:@x;
|
||||
line-height:@x;
|
||||
|
|
Loading…
Reference in New Issue