mirror of https://github.com/kiwix/libkiwix.git
Added Bookeen/Cybook CSS/JS hack for taskbar on ereader and increased taskbar size on hdpi screens
This commit is contained in:
parent
64361126d7
commit
950637abef
|
@ -16,4 +16,9 @@
|
|||
|
||||
});
|
||||
});
|
||||
|
||||
/* cybook hack */
|
||||
if (navigator.userAgent.indexOf("bookeen/cybook") != -1) {
|
||||
jk("html").addClass("cybook");
|
||||
}
|
||||
</script>
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue