kiwix/kiwix-js
1
0
Fork 0
mirror of https://github.com/kiwix/kiwix-js.git synced 2025-09-24 04:54:51 -04:00
Code Issues Packages Projects Releases Wiki Activity

Add a bit indentation coherence in app.css

Browse Source
This commit is contained in:
Kelson 2019-08-29 18:40:49 +02:00
parent 205dacc229
commit 478474e194
1 changed files with 27 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
www/css/app.css
View File

@ -1,7 +1,7 @@
/*! /*!
* app.css : Main CSS of the application * app.css : Main CSS of the application
* *
* Copyright 2013-2014 Mossroy and contributors * Copyright 2013-2019 Mossroy and contributors
* License GPL v3: * License GPL v3:
* *
* This file is part of Kiwix. * This file is part of Kiwix.
@ -21,31 +21,36 @@
*/ */
[role=region] { [role=region] {
top: 0; right: 0; bottom: 0; left: 0; top: 0;
position: fixed; right: 0;
overflow-x: hidden; bottom: 0;
left: 0;
position: fixed;
overflow-x: hidden;
} }
[role=region] > header { [role=region] > header {
margin: .5rem 0 1rem 0; margin: .5rem 0 1rem 0;
text-align: center; text-align: center;
} }
[role=region] > header > h1 { [role=region] > header > h1 {
margin: 0; margin: 0;
text-shadow: 0px 1px 1px rgba(0,0,0,.4); text-shadow: 0px 1px 1px rgba(0,0,0,.4);
} }
[role=region] > .view-content { [role=region] > .view-content {
margin: 0; margin: 0;
position: relative; /*Fixes #250 Random button display bug in W10M */ position: relative; /*Fixes #250 Random button display bug in W10M */
} }
[role=region] > footer { [role=region] > footer {
background: rgba(0,0,0,.2); background: rgba(0,0,0,.2);
right: 0; bottom: 0; left: 0; right: 0;
position: fixed; bottom: 0;
text-align: center; left: 0;
position: fixed;
text-align: center;
} }
[role=region] > footer > menu[role=toolbar] { [role=region] > footer > menu[role=toolbar] {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
#navigationButtons .restrictedSize { #navigationButtons .restrictedSize {
@ -82,7 +87,7 @@
} }
.category-padding { .category-padding {
margin: 0 1rem 0 1rem; margin: 0 1rem 0 1rem;
} }
.apiAvailable { .apiAvailable {
@ -146,6 +151,7 @@
/* Reduce the size of some elements for small screens */ /* Reduce the size of some elements for small screens */
@media (max-width: 768px) { @media (max-width: 768px) {
/* Reduce the height of top menu */ /* Reduce the height of top menu */
.navbar { .navbar {
min-height: 20px !important; min-height: 20px !important;
@ -165,19 +171,23 @@
[role=region] > header { [role=region] > header {
margin-bottom: 0px !important; margin-bottom: 0px !important;
} }
/* Remove space between search zone and iframe */ /* Remove space between search zone and iframe */
.list-group { .list-group {
margin-bottom: 0px !important; margin-bottom: 0px !important;
} }
/* Reduce height of the search field */ /* Reduce height of the search field */
.form-control { .form-control {
height: 28px !important; height: 28px !important;
padding-bottom: 5px !important; padding-bottom: 5px !important;
} }
/* Reduce size of the top buttons */ /* Reduce size of the top buttons */
.btn-xs, .btn-sm, .btn-default, .btn-group-xs > .btn, .btn-group-sm > .btn { .btn-xs, .btn-sm, .btn-default, .btn-group-xs > .btn, .btn-group-sm > .btn {
font-size: 10px !important; font-size: 10px !important;
} }
/* Reduce size of the bottom buttons */ /* Reduce size of the bottom buttons */
.btn-lg, .btn-group-lg > .btn { .btn-lg, .btn-group-lg > .btn {
padding-top: 1px !important; padding-top: 1px !important;