mirrors/calibre-web
1
0
Fork 0
mirror of https://github.com/janeczku/calibre-web synced 2024-12-14 12:10: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 { nav {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #f8f8f8;
height: 50px; 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 { nav > a {
@ -25,13 +45,10 @@ nav > a {
.search { .search {
margin: auto auto; margin: auto auto;
width: 50%;
display: flex;
flex: 1;
justify-content: center;
} }
form > input { form > input {
width: 18ch;
padding-left: 4px; padding-left: 4px;
} }
@ -52,7 +69,7 @@ form > span {
button { button {
border: none; border: none;
padding: 0; padding: 0 10px;
margin: 0; margin: 0;
width: 80px; width: 80px;
height: 100%; height: 100%;
@ -60,7 +77,7 @@ button {
} }
.body { .body {
padding: 0 20px; padding: 5px 20px;
} }
a { a {
@ -81,11 +98,17 @@ img {
} }
.pagination { .pagination {
display: flex;
justify-content: space-between;
padding: 10px 0; padding: 10px 0;
height: 20px; height: 20px;
} }
.pagination > div {
float: left;
}
.pagination > div:last-child {
float: right;
}
</style> </style>
</head> </head>