115 lines
2.2 KiB
CSS
115 lines
2.2 KiB
CSS
body {
|
|
}
|
|
|
|
.lootable.list-group img {
|
|
width: 22px;
|
|
height: 22px;
|
|
}
|
|
|
|
.lootable.list-group h6 {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.list-group a p {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
/* Apply a tan background to the whole page */
|
|
body {
|
|
background-color: #888172;
|
|
padding: 0px;
|
|
}
|
|
|
|
/* Style the navigation bar to match the screenshot */
|
|
main > nav:first-child, nav > .container:first-child, .nav:first-child{
|
|
background-color: #DAD1BD;
|
|
}
|
|
|
|
/* Style the nav links */
|
|
.nav-link {
|
|
color: black;
|
|
}
|
|
|
|
/* Style the nav links */
|
|
header a span, header a svg {
|
|
color: white;
|
|
font-family: 'Times New Roman', Times, serif;
|
|
font-size: 2em;
|
|
}
|
|
|
|
/* Change the container background and style */
|
|
section.container {
|
|
background-color: #D3C6AC;
|
|
border: 1px solid #a67b5b;
|
|
border-radius: 4px;
|
|
padding: 20px;
|
|
}
|
|
|
|
accordion-header {
|
|
background-color: #a67b5b
|
|
}
|
|
|
|
section .list-group-item, section .card,
|
|
section .accordion-body {
|
|
background-color: #f5f5dc;
|
|
}
|
|
|
|
section .list-group-item:hover {
|
|
background-color: #EDE3CE;
|
|
}
|
|
|
|
/* Style the headings to match the font and color */
|
|
h1, h2, h3, h4, h5, h6 {
|
|
color: #a67b5b;
|
|
font-family: 'Times New Roman', Times, serif;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* Style the headings to match the font and color */
|
|
.card h1, .card h2, .card h3, .card h4, .card h5, .card h6,
|
|
.card h1 a, .card h2 a, .card h3 a, .card h4 a, .card h5 a, .card h6 a {
|
|
color: black;
|
|
font-family: unset !important;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.pagination .page-item > .page-link {
|
|
color: #8b5a2b;
|
|
}
|
|
|
|
.pagination .page-item > .page-link:hover {
|
|
background-color: #EDE3CE;
|
|
}
|
|
|
|
.pagination .page-item.active > .page-link {
|
|
background-color: #8b5a2b;
|
|
border-color: #8b5a2b;
|
|
color: white;
|
|
}
|
|
|
|
/* Style buttons to match the style in the screenshot */
|
|
.btn {
|
|
background-color: #8b5a2b;
|
|
color: white;
|
|
border: none;
|
|
}
|
|
|
|
/* Mimic the content box with shadow */
|
|
.content-box {
|
|
background-color: #fff;
|
|
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
|
|
margin-bottom: 20px;
|
|
padding: 0px 20px 0px 20px;
|
|
}
|
|
|
|
/* Overwrite link colors */
|
|
a, a:hover {
|
|
color: #8b5a2b;
|
|
}
|
|
|
|
/* Style the footer */
|
|
.footer {
|
|
background-color: #a67b5b;
|
|
color: white;
|
|
padding: 10px 20px;
|
|
} |