mirror of
https://github.com/kiwix/kiwix-tools.git
synced 2025-09-23 03:52:35 -04:00
Format taskbar.css
This commit is contained in:
parent
66c35b7b3e
commit
0a7f375f3a
@ -1,17 +1,17 @@
|
|||||||
#kiwixtoolbar {
|
#kiwixtoolbar {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
padding: .5em;
|
padding: .5em;
|
||||||
left:0;
|
left: 0;
|
||||||
right:0;
|
right: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
z-index:100;
|
z-index: 100;
|
||||||
background-position-y: 0px;
|
background-position-y: 0px;
|
||||||
transition: 0.3s;
|
transition: 0.3s;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
#kiwixtoolbar > a {
|
#kiwixtoolbar>a {
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -35,11 +35,13 @@
|
|||||||
.kiwix_searchform {
|
.kiwix_searchform {
|
||||||
width: 20em;
|
width: 20em;
|
||||||
}
|
}
|
||||||
|
|
||||||
#kiwixsearchbox {
|
#kiwixsearchbox {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#kiwix_serve_taskbar_home_button button {
|
#kiwix_serve_taskbar_home_button button {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
@ -50,30 +52,37 @@
|
|||||||
max-width: 720px;
|
max-width: 720px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
#button_show_toggle {
|
#button_show_toggle {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#button_show_toggle:not(:checked) ~ label:after {
|
#button_show_toggle:not(:checked)~label:after {
|
||||||
content:'►';
|
content: '►';
|
||||||
}
|
}
|
||||||
#button_show_toggle:checked ~ label:after {
|
|
||||||
content:'▼';
|
#button_show_toggle:checked~label:after {
|
||||||
|
content: '▼';
|
||||||
}
|
}
|
||||||
#button_show_toggle:checked ~ label ~ .kiwix_button_cont,
|
|
||||||
#button_show_toggle:checked ~ label ~ .kiwix_button_cont > a {
|
#button_show_toggle:checked~label~.kiwix_button_cont,
|
||||||
|
#button_show_toggle:checked~label~.kiwix_button_cont>a {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
#button_show_toggle:not(:checked) ~ label ~ .kiwix_button_cont {
|
|
||||||
|
#button_show_toggle:not(:checked)~label~.kiwix_button_cont {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
label[for="button_show_toggle"],
|
label[for="button_show_toggle"],
|
||||||
.kiwix_button_cont {
|
.kiwix_button_cont {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.kiwix .kiwix_searchform {
|
.kiwix .kiwix_searchform {
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.kiwix #kiwixtoolbar button,
|
.kiwix #kiwixtoolbar button,
|
||||||
.kiwix #kiwixtoolbar input[type="submit"] {
|
.kiwix #kiwixtoolbar input[type="submit"] {
|
||||||
box-sizing: border-box !important;
|
box-sizing: border-box !important;
|
||||||
@ -88,9 +97,11 @@ label[for="button_show_toggle"],
|
|||||||
cursor: pointer !important;
|
cursor: pointer !important;
|
||||||
font-size: 16px !important;
|
font-size: 16px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.kiwix #kiwixtoolbar a {
|
.kiwix #kiwixtoolbar a {
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.kiwix #kiwixtoolbar #kiwixsearchform input[type='text'] {
|
.kiwix #kiwixtoolbar #kiwixsearchform input[type='text'] {
|
||||||
box-sizing: border-box !important;
|
box-sizing: border-box !important;
|
||||||
height: 26px !important;
|
height: 26px !important;
|
||||||
@ -103,7 +114,8 @@ label[for="button_show_toggle"],
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* Try to fix buggy stuff in jquery-ui autocomplete */
|
/* Try to fix buggy stuff in jquery-ui autocomplete */
|
||||||
#ui-id-1, .ui-autocomplete {
|
#ui-id-1,
|
||||||
|
.ui-autocomplete {
|
||||||
background: white !important;
|
background: white !important;
|
||||||
border: solid 1px grey !important;
|
border: solid 1px grey !important;
|
||||||
}
|
}
|
||||||
@ -117,37 +129,46 @@ li.ui-state-focus {
|
|||||||
.kiwix_button_cont {
|
.kiwix_button_cont {
|
||||||
display: inline-block !important;
|
display: inline-block !important;
|
||||||
}
|
}
|
||||||
.kiwix_button_cont > a {
|
|
||||||
|
.kiwix_button_cont>a {
|
||||||
display: inline-block !important;
|
display: inline-block !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
label[for="button_show_toggle"] {
|
label[for="button_show_toggle"] {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 520px) {
|
@media (max-width: 520px) {
|
||||||
.kiwixsearch {
|
.kiwixsearch {
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.kiwix_button_cont {
|
.kiwix_button_cont {
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 645px) {
|
@media (max-width: 645px) {
|
||||||
.kiwix_searchform.full_width {
|
.kiwix_searchform.full_width {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.kiwixsearch {
|
.kiwixsearch {
|
||||||
float: none;
|
float: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.kiwix_searchform {
|
.kiwix_searchform {
|
||||||
width: 36%;
|
width: 36%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.height_separator {
|
.height_separator {
|
||||||
height: 6em;
|
height: 6em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media(max-width:415px) {
|
@media(max-width:415px) {
|
||||||
.kiwix_searchform {
|
.kiwix_searchform {
|
||||||
width: 80%;
|
width: 80%;
|
||||||
}
|
}
|
||||||
}
|
}
|
Loading…
x
Reference in New Issue
Block a user