mirrors/calibre-web
1
0
Fork 0
mirror of https://github.com/janeczku/calibre-web synced 2024-12-14 20:20:31 +00:00
Code Issues Releases Wiki Activity

update basic css to work on older kindles

Browse Source
This commit is contained in:
Chris Arderne 2024-04-04 09:59:49 +01:00
parent ec8afde6b2
commit a48a047287
1 changed files with 35 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
cps/templates/basic_layout.html
View File

@ -11,11 +11,31 @@ body {
}
nav {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #f8f8f8;
height: 50px;
padding: 5px 20px;
width: 100%;
display: table;
box-sizing: border-box;
border-bottom: 1px solid black;
}
nav > * {
display: inline-block;
display: table-cell;
vertical-align: middle;
float: none;
text-align: center;
width: auto;
}
nav > *:first-child {
text-align: left;
width: 1%;
}
nav > *:last-child {
text-align: right;
width: 1%;
}
nav > a {
@ -25,13 +45,10 @@ nav > a {
.search {
margin: auto auto;
width: 50%;
display: flex;
flex: 1;
justify-content: center;
}
form > input {
width: 18ch;
padding-left: 4px;
}
@ -52,7 +69,7 @@ form > span {
button {
border: none;
padding: 0;
padding: 0 10px;
margin: 0;
width: 80px;
height: 100%;
@ -60,7 +77,7 @@ button {
}
.body {
padding: 0 20px;
padding: 5px 20px;
}
a {
@ -81,11 +98,17 @@ img {
}
.pagination {
display: flex;
justify-content: space-between;
padding: 10px 0;
height: 20px;
}
.pagination > div {
float: left;
}
.pagination > div:last-child {
float: right;
}
</style>
</head>