EbookFoundation
/
regluit
mirror of https://github.com/EbookFoundation/regluit.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

making campaign activity data display properly in search results

pull/1/head
Andromeda Yelton 2012-02-06 10:50:37 -05:00
parent baa7c05400
commit acc2a6a1f8
15 changed files with 469 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/templates/search.html
View File

@ -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>

25
static/css/book_list.css
View File

@ -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;

25
static/css/book_panel.css
View File

@ -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;

25
static/css/campaign.css
View File

@ -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;

62
static/css/documentation.css
View File

@ -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;

62
static/css/landingpage.css
View File

@ -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;

25
static/css/learnmore.css
View File

@ -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;

25
static/css/registration.css
View File

@ -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;

107
static/css/search.css
View File

@ -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;
}

25
static/css/sitewide.css
View File

@ -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;

37
static/css/supporter_layout.css
View File

@ -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;

25
static/css/variables.css
View File

@ -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;

24
static/less/search.less
View File

@ -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;
}

37
static/less/supporter_layout.less
View File

@ -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;

25
static/less/variables.less
View File

@ -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;