Cutlery/calibre
1
0
Fork 0
mirror of https://github.com/kovidgoyal/calibre.git synced 2025-07-09 03:04:10 -04:00
Code Issues Packages Projects Releases Wiki Activity

Make the calibre logo clickable and have the header alyout preserved on font resizing in firefox

Browse Source
This commit is contained in:
Kovid Goyal 2010-10-10 20:43:08 -06:00
parent 4a298e0573
commit af7598ff2f
3 changed files with 29 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
resources/content_server/browse/browse.css
View File

@ -53,15 +53,22 @@ body {
text-align: center; text-align: center;
} }
#nav-container {
position: relative;
height: 130px;
top: -130px;
left: 0%;
}
ul#primary-nav { ul#primary-nav {
display: block; display: block;
margin-right: 60px; margin-right: 60px;
text-align: right; text-align: right;
margin-top: 60px; margin-top: 90px;
line-height: 20px; line-height: 20px;
cursor: default; cursor: default;
position: relative; position: relative;
top: -100px; top: -2ex;
} }
ul#primary-nav li { ul#primary-nav li {
@ -74,8 +81,8 @@ ul#primary-nav li a {
color: white; color: white;
text-decoration: none; text-decoration: none;
font-variant: small-caps; font-variant: small-caps;
/*text-transform: uppercase;*/ /*text-transform: uppercase;
font-size: 80%; font-size: 80%;*/
font-weight: bold; font-weight: bold;
white-space: nowrap; white-space: nowrap;
text-shadow: #27211b 2px 2px 2px; text-shadow: #27211b 2px 2px 2px;
@ -94,10 +101,20 @@ ul#primary-nav li a:hover {
height: 38px; height: 38px;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
top: -230px; top: -260px;
left: 65%; left: 65%;
} }
#calibre-home-link {
position: relative;
top: -298px;
left: 0%;
z-index: 2;
height: 130px;
width: 230px;
cursor: pointer;
}
h2.library_name { h2.library_name {
font-family: monospace; font-family: monospace;
font-size: 50px; font-size: 50px;
@ -121,6 +138,7 @@ h2.library_name {
/* Sort select {{{ */ /* Sort select {{{ */
.sort_select { float: left; margin-left: 1em; margin-top: 2ex; font-size: small; } .sort_select { float: left; margin-left: 1em; margin-top: 2ex; font-size: small; }
.sort_select label { font-size: medium; }
/* }}} */ /* }}} */

7
resources/content_server/browse/browse.html
View File

@ -37,12 +37,14 @@
>&rarr;&nbsp;{library_name}&nbsp;&larr;</p> >&rarr;&nbsp;{library_name}&nbsp;&larr;</p>
</div> </div>
</div> </div>
<div id="nav-container">&nbsp;
<ul id="primary-nav"> <ul id="primary-nav">
<li><a id="nav-mobile" href="/mobile" title="A version of this website suited for mobile browsers">Mobile</a></li> <li><a id="nav-mobile" href="/mobile" title="A version of this website suited for mobile browsers">Mobile</a></li>
<li><a id="nav-demo" href="/old" title="The old version of this webiste">Old</a></li> <li><a id="nav-demo" href="/old" title="The old version of this webiste">Old</a></li>
<li><a id="nav-download" href="/opds" title="A feed based version of this website, used in special purpose applications">Feed</a></li> <li><a id="nav-download" href="/opds" title="A feed based version of this website, used in special purpose applications">Feed</a></li>
</ul> </ul>
</div>
<form id="donate" action="https://www.paypal.com/cgi-bin/webscr" <form id="donate" action="https://www.paypal.com/cgi-bin/webscr"
method="post" title="Donate to support the development of calibre"> method="post" title="Donate to support the development of calibre">
@ -56,6 +58,7 @@
width="1" height="1"></img> width="1" height="1"></img>
</div> </div>
</form> </form>
<div id="calibre-home-link" title="Go to the calibre website"></div>
</div> </div>
<!-- End header --> <!-- End header -->
@ -68,8 +71,8 @@
</div> </div>
<div id="search_box"> <div id="search_box">
<form name="search_form" action="/browse/search" method="get"> <form name="search_form" action="/browse/search" method="get">
Search:&nbsp;<input value="" type="text" title="Search" <input value="" type="text" title="Search"
class="search_input" /> class="search_input" />&nbsp;
<input type="submit" value="Search" title="Search" alt="Search" /> <input type="submit" value="Search" title="Search" alt="Search" />
</form> </form>
</div> </div>

1
resources/content_server/browse/browse.js
View File

@ -109,6 +109,7 @@ function init_sort_combobox() {
function init() { function init() {
$("#container").corner("30px"); $("#container").corner("30px");
$("#header").corner("30px"); $("#header").corner("30px");
$("#calibre-home-link").click(function() { window.location = "http://calibre-ebook.com"; });
init_sort_combobox(); init_sort_combobox();