Added Bookeen/Cybook CSS/JS hack for taskbar on ereader and increased taskbar size on hdpi screens

This commit is contained in:
renaud gaudin 2015-02-19 14:57:50 +00:00
parent 64361126d7
commit 950637abef
3 changed files with 44 additions and 32 deletions

View File

@ -16,4 +16,9 @@
});
});
/* cybook hack */
if (navigator.userAgent.indexOf("bookeen/cybook") != -1) {
jk("html").addClass("cybook");
}
</script>

View File

@ -1,39 +1,19 @@
#kiwixtoolbar {
position: fixed;
padding: 4px 15px 5px 15px;
margin-left: -10px;
margin-right: -10px;
padding: .5em;
left:0;
right:0;
top: 0px;
top: 0;
z-index:100;
}
#kiwixhome {
margin: 0px;
float: left;
}
#kiwixlibrary {
margin: 0px;
float: left;
}
#kiwixrandom {
margin: 0px;
float: left;
}
#kiwixsearchbox {
margin: 0px;
float: right;
width: 300px;
width: 20em;
}
#kiwixsearch {
margin: 0px;
float: right;
}
.kiwixsearch {
float: right;
}s
/* Try to fix buggy stuff in jquery-ui autocomplete */
#ui-id-1 {
@ -43,4 +23,27 @@
li.ui-state-focus {
font-weight: bold;
}
}
/* Specific CSS for Bookeen Cybook device (800x600 B&W ereader) */
.cybook #kiwixtoolbar button, .cybook #kiwixtoolbar input {
font-size: 1.5em;
}
.cybook #kiwixsearchbox {
width: 8em;
}
.cybook a {
text-decoration: underline;
}
@media only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 1.5/1),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
#kiwixtoolbar button, #kiwixtoolbar input {
font-size: 2em;
}
#kiwixsearchbox {
width: 7em;
}
}

View File

@ -2,10 +2,14 @@
<link type="text/css" href="/skin/jquery-ui/jquery-ui.theme.min.css" rel="Stylesheet" />
<span class="kiwix">
<span id="kiwixtoolbar" class="ui-widget-header">
<form action="/" method="GET" style="float: left; font-size: 1em !important; height: 1px;"><input type="submit" value="Library" id="kiwixlibrary" /></form>
<form action="/__CONTENT__/" method="GET" style="float: left; font-size: 1em !important; height: 1px;"><input type="submit" value="Home" id="kiwixhome" /></form>
<form action="/random" method="GET" style="float: left; font-size: 1em !important; height: 1px;"><input type="submit" value="Random" id="kiwixrandom" /><input type="hidden" name="content" value="__CONTENT__" /></form>
<form method="GET" action="/search" id="kiwixsearchform" style="font-size: 1em !important; height: 1px; "><input type="hidden" name="content" value="__CONTENT__" /><input type="submit" id="kiwixsearch" value="Search" /><input type="text" id="kiwixsearchbox" name="pattern" /></form>
<a href="/"><button>Home</button></a>
<a href="/__CONTENT__/"><button>Library</button></a>
<a href="/random"><button>Random</button></a>
<form class="kiwixsearch" method="GET" action="/search" id="kiwixsearchform">
<input type="hidden" name="content" value="__CONTENT__" />
<input autocomplete="off" class="ui-autocomplete-input" id="kiwixsearchbox" name="pattern" type="text">
<input type="submit" value="Search">
</form>
</span>
</span>
<div style="display: block; height: 35px;"></div>
<div style="display: block; height: 2em;"></div>