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

/about/ pages need appropriate styling and should not conflict if user clicks on About in header

pull/1/head
Andromeda Yelton 2012-08-28 13:47:29 -04:00
parent 13171f6472
commit 863bfe5856
13 changed files with 85 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/templates/about_active.html
View File

@ -1,7 +1,9 @@
{% extends "base.html" %}
{% block content %}
<div class="nonlightbox">
<div id="lightbox_content">
<div class="clearfix about_page">
<p>
Do you have a <b>book you love so much</b> you'd like to give it to the world? These are the books that <span class="ungluer"></span> is helping to give to the world, right now.
</p>
@ -20,4 +22,6 @@
{% include "about_lightbox_footer.html" %}
</div>
</div>
</div>
{% endblock %}

4
frontend/templates/about_active_empty.html
View File

@ -1,7 +1,9 @@
{% extends "base.html" %}
{% block content %}
<div class="nonlightbox">
<div id="lightbox_content">
<div class="clearfix about_page">
<p>
Do you have a <b>book you love so much</b> you'd like to give it to the world? At Unglue.it, you can.
</p>
@ -20,4 +22,6 @@
{% include "about_lightbox_footer.html" %}
</div>
</div>
</div>
{% endblock %}

4
frontend/templates/about_main.html
View File

@ -1,7 +1,9 @@
{% extends "base.html" %}
{% block content %}
<div class="nonlightbox">
<div id="lightbox_content">
<div class="clearfix about_page">
<p>
<b>What if you could</b> give a book to everyone on earth? Get an ebook and read it on any device, in any format, forever? Give an ebook to your library, for them to share? Own DRM-free ebooks, legally? Read free ebooks, and know their creators had been fairly paid?
</p>
@ -20,4 +22,6 @@
{% include "about_lightbox_footer.html" %}
</div>
</div>
</div>
{% endblock %}

4
frontend/templates/about_unglued.html
View File

@ -1,7 +1,9 @@
{% extends "base.html" %}
{% block content %}
<div class="nonlightbox">
<div id="lightbox_content">
<div class="clearfix about_page">
<p>
Imagine if <b>you could give your favorite book</b> to everyone on earth. Imagine if they all had a copy that they could read anywhere, anytime, on their favorite devices, with no DRM. That they could share with their friends, freely and legally. And imagine that your favorite book's creators still got paid.
</p>
@ -20,4 +22,6 @@
{% include "about_lightbox_footer.html" %}
</div>
</div>
</div>
{% endblock %}

4
frontend/templates/about_unglued_empty.html
View File

@ -1,7 +1,9 @@
{% extends "base.html" %}
{% block content %}
<div class="nonlightbox">
<div id="lightbox_content">
<div class="clearfix about_page">
<p>
Imagine if <b>you could give your favorite book</b> to everyone on earth. Imagine if they all had a copy that they could read anywhere, anytime, on their favorite devices, with no DRM. That they could share with their friends, freely and legally. And imagine that your favorite book's creators still got paid.
</p>
@ -20,4 +22,6 @@
{% include "about_lightbox_footer.html" %}
</div>
</div>
</div>
{% endblock %}

6
frontend/templates/about_wishlist.html
View File

@ -1,8 +1,10 @@
{% extends "base.html" %}
{% block content %}
<div class="nonlightbox">
<div id="lightbox_content">
<p>
<div class="clearfix about_page">
<p>
Do you have a <b>book you love so much</b> you'd like to give it to the world? These are the books that <span class="ungluer"></span> wants to give to the world.
</p>
<p>
@ -20,4 +22,6 @@
{% include "about_lightbox_footer.html" %}
</div>
</div>
</div>
{% endblock %}

4
frontend/templates/about_wishlist_empty.html
View File

@ -1,7 +1,9 @@
{% extends "base.html" %}
{% block content %}
<div class="nonlightbox">
<div id="lightbox_content">
<div class="clearfix about_page">
<p>
Do you have a <b>book you love so much</b> you'd like to give it to the world?
</p>
@ -20,4 +22,6 @@
{% include "about_lightbox_footer.html" %}
</div>
</div>
</div>
{% endblock %}

5
static/css/campaign.css
View File

@ -403,10 +403,13 @@ ul.tabs li.active a {
#lightbox_content a {
color: #6994a3;
}
#lightbox_content .signuptoday a {
color: white;
}
#lightbox_content h2,
#lightbox_content h3,
#lightbox_content h4 {
margin: 15px auto 5px auto;
margin-top: 15px;
}
#lightbox_content .ebook_download {
margin-bottom: 15px;

5
static/css/download.css
View File

@ -97,10 +97,13 @@
#lightbox_content a {
color: #6994a3;
}
#lightbox_content .signuptoday a {
color: white;
}
#lightbox_content h2,
#lightbox_content h3,
#lightbox_content h4 {
margin: 15px auto 5px auto;
margin-top: 15px;
}
#lightbox_content .ebook_download {
margin-bottom: 15px;

35
static/css/sitewide.css
View File

@ -222,10 +222,13 @@
#lightbox_content a {
color: #6994a3;
}
#lightbox_content .signuptoday a {
color: white;
}
#lightbox_content h2,
#lightbox_content h3,
#lightbox_content h4 {
margin: 15px auto 5px auto;
margin-top: 15px;
}
#lightbox_content .ebook_download {
margin-bottom: 15px;
@ -943,35 +946,47 @@ a.nounderline {
margin-left: 0;
padding: 9px;
}
#about_expandable p {
#about_expandable .collapser_x {
margin-top: -27px;
margin-right: -27px;
}
#lightbox_content p {
padding: 9px 0;
font-size: 15px;
line-height: 20px;
}
#about_expandable p a {
#lightbox_content p a {
font-size: 15px;
line-height: 20px;
}
#about_expandable p b {
#lightbox_content p b {
color: #8dc63f;
}
#about_expandable p.last {
#lightbox_content p.last {
border-bottom: solid 2px #d6dde0;
margin-bottom: 5px;
}
#about_expandable .right_border {
#lightbox_content .right_border {
border-right: solid 1px #d6dde0;
float: left;
padding: 9px;
}
#about_expandable .signuptoday {
#lightbox_content .signuptoday {
float: right;
margin-top: 0;
clear: none;
}
#about_expandable .collapser_x {
margin-top: -27px;
margin-right: -27px;
.nonlightbox .about_page {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: solid 5px #d6dde0;
width: 75%;
margin: 10px auto auto auto;
padding: 9px;
}
.collapser_x {
float: right;

2
static/js/hijax.js
View File

@ -16,6 +16,7 @@ $j(document).ready(function() {
$j('#js-rightcol').css({"opacity": "0.07"});
$j('#js-header').css({"opacity": "0.07"});
$j('#js-header a').css({"cursor": "default"});
$j('#js-page-wrap').css({"opacity": "0.07"});
$j('#footer').css({"opacity": "0.07"});
$j('#about_expandable').fadeTo("slow", 1);
@ -44,6 +45,7 @@ $j(document).ready(function() {
$j('#js-rightcol').fadeTo("slow", 1);
$j('#js-header').fadeTo("slow", 1);
$j('#js-header a').css({"cursor": "pointer"});
$j('#js-page-wrap').fadeTo("slow", 1);
$j('#footer').fadeTo("slow", 1);
$j('#about_expandable').css({"display": "none"});
});

5
static/less/download.less
View File

@ -7,6 +7,11 @@
#lightbox_content a {
color: @medium-blue;
}
#lightbox_content .signuptoday a {
color: white;
}
#lightbox_content h2, #lightbox_content h3, #lightbox_content h4 {

20
static/less/sitewide.less
View File

@ -606,6 +606,13 @@ a.nounderline {
margin-left: 0;
padding: 9px;
.collapser_x {
margin-top: -27px;
margin-right: -27px;
}
}
#lightbox_content {
p {
padding: 9px 0;
font-size: @font-size-larger;
@ -638,10 +645,15 @@ a.nounderline {
clear: none;
}
.collapser_x {
margin-top: -27px;
margin-right: -27px;
}
}
// need to style /about/X pages such that they will not conflict with lightboxed About from header
.nonlightbox .about_page {
.one-border-radius(5px);
border: solid 5px @blue-grey;
width: 75%;
margin: 10px auto auto auto;
padding: 9px;
}
.collapser_x {