mirror of
https://github.com/kiwix/libkiwix.git
synced 2025-06-27 21:39:37 +00:00
0c05af658d
There was a slight difference (between index.css and taskbar.css) in the margin values of the UI language selector button, however the values taken from taskbar.css don't seem to have any visible impact on the welcome/library page (controlled by index.css).
108 lines
1.7 KiB
CSS
108 lines
1.7 KiB
CSS
*,
|
|
*::after,
|
|
*::before {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: inherit;
|
|
}
|
|
|
|
html {
|
|
font-size: 62.5%;
|
|
}
|
|
|
|
body {
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
::selection {
|
|
background-color: #00b4e4;
|
|
color: white;
|
|
}
|
|
|
|
.modal-wrapper {
|
|
position: fixed;
|
|
z-index: 100;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100vw;
|
|
height: 100vh;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
align-content: center;
|
|
background-color: rgba(0, 0, 0, 30%);
|
|
}
|
|
|
|
.modal {
|
|
color: #444343;
|
|
height: 280px;
|
|
width: 250px;
|
|
margin: 15px;
|
|
background-color: #f7f7f7;
|
|
border: 1px solid #ececec;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.modal-heading {
|
|
background-color: #f0f0f0;
|
|
height: 20%;
|
|
width: 100%;
|
|
border-bottom: 1px solid #ececec;
|
|
display: grid;
|
|
grid-template-columns: 3fr 1fr;
|
|
}
|
|
|
|
.modal-title {
|
|
display: flex;
|
|
font-size: 15px;
|
|
align-items: center;
|
|
padding-left: 20px;
|
|
font-family: poppins;
|
|
}
|
|
|
|
.modal-close-button {
|
|
cursor: pointer;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.modal-content {
|
|
padding: 20px;
|
|
}
|
|
|
|
#uiLanguageSelector {
|
|
display: none;
|
|
}
|
|
|
|
#uiLanguageSelector .modal {
|
|
height: 140px;
|
|
}
|
|
|
|
#uiLanguageSelector .modal-heading {
|
|
height: 40%;
|
|
}
|
|
|
|
#uiLanguageSelector .modal-content #ui_language {
|
|
font-size: 1.6rem;
|
|
width: 100%;
|
|
}
|
|
|
|
#uiLanguageSelectorButton {
|
|
margin: 0px 12px 6px 12px;
|
|
float: right;
|
|
cursor: pointer;
|
|
height: 30px;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "poppins";
|
|
src: url("../skin/fonts/Poppins.ttf?KIWIXCACHEID") format("truetype");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "roboto";
|
|
src: url("../skin/fonts/Roboto.ttf?KIWIXCACHEID") format("truetype");
|
|
}
|