added bootstrap theme

This commit is contained in:
2025-03-23 21:02:44 +01:00
parent 96c23c62d1
commit f50f6fc7cd
4 changed files with 82 additions and 79 deletions

View File

@ -1,11 +1,15 @@
<head>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
</head>
<div class="center">
<table>
<table class="table w-auto table-responsive-sm table-striped table-hover table-bordered">
<caption>
Table downloaded from <a href="https://easyspin.org/documentation/isotopetable.html">easyspin.org</a>
(2023-07-29 markusro)
</caption>
<thead>
<thead class="table-dark">
<tr>
<th scope="col">N</th>
<th scope="col">Symbol</th>
@ -35,54 +39,18 @@
<style>
.center {
margin: auto;
width: 60%;
border: 3px solid #a5addb;
width: 40%;
border: 0px solid #a5addb;
padding: 10px;
}
table {
border-collapse: collapse;
border: 2px solid rgb(140 140 140);
font-family: sans-serif;
font-size: 1.2rem;
letter-spacing: 1px;
}
caption {
caption-side: bottom;
padding: 8px;
font-weight: normal;
font-size: 0.8rem;
text-align: center;
}
thead,
tfoot {
background-color: rgb(228 240 245);
}
th,
td {
border: 1px solid rgb(160 160 160);
padding: 10px 4px;
text-align: center;
}
td:last-of-type {
text-align: center;
}
tbody > tr:nth-of-type(even) {
background-color: rgb(237 238 242);
}
tfoot th {
text-align: right;
}
tfoot td {
font-weight: bold;
text-align: left;
}
</style>