bibelwissen/public/stylesheets/style.css

417 lines
6.9 KiB
CSS

.card.slide > .card-text, .card.slide > .card-body > h6.card-subtitle, q.bibeltext, td, th {
font-size: 1rem;
}
.card.slide > .card-body > h5, .card.slide > h5.card-header {
font-size: 1.25rem;
}
.card.slide > .card-body > h6.card-title {
font-size: 1.1rem;
}
.card-body.gliederung {
padding: 0.5rem;
}
.card-body.gliederung > h5.card-title {
font-size: 1.0rem;
}
.card-body.gliederung > h6.card-title {
font-size: 0.75rem;
color: #343a40;
}
.card-body.gliederung > h6.card-subtitle {
font-size: 0.5rem;
}
ul.card-text li {
margin-bottom: 0.1rem !important;
}
@media(min-width: 768px) {
.card.slide > .card-body > .card-text, .card.slide > .card-body > h6.card-subtitle, q.bibeltext {
font-size: 1.1rem;
}
.card.slide > .card-body > h5, .card.slide > h5.card-header {
font-size: 1.35rem;
}
.card.slide > .card-body > h6.card-title {
font-size: 1.2rem;
}
.card-body.gliederung > h5.card-title {
font-size: 1.1rem;
}
.card-body.gliederung > h6.card-title {
font-size: 0.85rem;
}
.card-body.gliederung > h6.card-subtitle {
font-size: 0.6rem;
}
.card-body.gliederung > p {
font-size: 1.0rem;
}
p.bibeltextkonzentr {
font-size: 1.0rem;
}
}
@media(min-width: 992px) {
.card.slide > .card-body > .card-text, .card.slide > .card-body > h6.card-subtitle, q.bibeltext {
font-size: 1.2rem;
}
.card.slide > .card-body > h5, .card.slide > h5.card-header {
font-size: 1.45rem;
}
.card.slide > .card-body > h6.card-title {
font-size: 1.3rem;
}
.card-body.gliederung > h5.card-title {
font-size: 1.2rem;
}
.card-body.gliederung > h6.card-title {
font-size: 0.95rem;
}
.card-body.gliederung > h6.card-subtitle {
font-size: 0.7rem;
}
.card-body.gliederung > p {
font-size: 1.1rem;
}
p.bibeltextkonzentr {
font-size: 1.1rem;
}
}
@media(min-width: 1200px) {
.card.slide > .card-body > .card-text, .card.slide > .card-body > h6.card-subtitle, q.bibeltext, td, th {
font-size: 1.3rem;
}
.card.slide > .card-body > h5, .card.slide > h5.card-header {
font-size: 1.55rem;
}
.card.slide > .card-body > h6.card-title {
font-size: 1.4rem;
}
.card-body.gliederung > h5.card-title {
font-size: 1.3rem;
}
.card-body.gliederung > h6.card-title {
font-size: 1.05rem;
}
.card-body.gliederung > h6.card-subtitle {
font-size: 0.8rem;
}
.card-body.gliederung > p {
font-size: 1.2rem;
}
p.bibeltextkonzentr {
font-size: 1.2rem;
}
.mb-1 {
margin-bottom: 1.0rem !important;
}
.mb-2 {
margin-bottom: 1.25rem !important;
}
.mb-3 {
margin-bottom: 1.5rem !important;
}
}
@media(min-width: 1400px) {
.card.slide > .card-body > .card-text, .card.slide > .card-body > h6.card-subtitle, q.bibeltext, td, th {
font-size: 1.4rem;
}
.card.slide > .card-body > h5, .card.slide > h5.card-header {
font-size: 1.65rem;
}
.card.slide > .card-body > h6.card-title {
font-size: 1.5rem;
}
.card-body.gliederung > h5.card-title {
font-size: 1.4rem;
}
.card-body.gliederung > h6.card-title {
font-size: 1.15rem;
}
.card-body.gliederung > h6.card-subtitle {
font-size: 0.9rem;
}
.card-body.gliederung > p {
font-size: 1.3rem;
}
ul.card-text li {
margin-bottom: 0.2rem !important;
}
p.bibeltextkonzentr {
font-size: 1.3rem;
}
}
/*@media(min-width: 1400px) {
.card.slide > .card-body > .card-text, .card.slide > .card-body > h6.card-subtitle, q.bibeltext, td, th {
font-size: 1.5rem;
}
.card.slide > .card-body > h5, .card.slide > h5.card-header {
font-size: 1.75rem;
}
.card.slide > .card-body > h6.card-title {
font-size: 1.6rem;
}
.card-body.gliederung > h5.card-title {
font-size: 1.5rem;
}
.card-body.gliederung > h6.card-title {
font-size: 1.25rem;
}
.card-body.gliederung > h6.card-subtitle {
font-size: 1rem;
}
.card-body.gliederung > p {
font-size: 1.4rem;
}
ul.card-text li {
margin-bottom: 0.3rem !important;
}
p.bibeltextkonzentr {
font-size: 1.4rem;
}
.mb-1 {
margin-bottom: 1rem !important;
}
.mb-2 {
margin-bottom: 1.5rem !important;
}
.mb-3 {
margin-bottom: 2rem !important;
}
}*/
.small q.bibeltext {
font-size: 100%;
}
hr {
border-top: 2px solid rgba(108, 117, 125, 0.63);
}
.nomarginbottom {
margin-bottom: 0px;
}
.card-text, h1, h2, h3, h4, h5, h6, .table, blockquote > footer {
font-family:
"Alegreya Sans",
"Noto Sans",
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
"Helvetica Neue",
Arial,
sans-serif,
"Apple Color Emoji",
"Segoe UI Emoji",
"Segoe UI Symbol",
"Noto Color Emoji";
}
.serif, .card-text {
font-family:
"Alegreya",
"Noto Serif",
serif
}
.bibeltext {
color: darkblue;
}
span.bibelstelle::before { content: ' '; }
span.bibelstelle {
color: darkgreen;
font-style: italic;
}
span.bibelstelle::after { content: ' '; }
h6.bibelstelle {
font-size: 0.9rem;
}
blockquote > p {
font-family: "Noto Serif",
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
"Helvetica Neue",
Arial,
sans-serif,
"Apple Color Emoji",
"Segoe UI Emoji",
"Segoe UI Symbol",
"Noto Color Emoji";
}
.table thead th {
vertical-align: top;
}
.breadcrumb {
margin-bottom: 2rem;
background-color: #a4d0fd;
}
.breadcrumb-item, .breadcrumb-item.active{
color: #0e4f88;
}
.breadcrumb-item+.breadcrumb-item::before {
color: #0e4f88;
}
.pill-sub-1 {
padding-left: 1rem;
padding-right: 1rem;"
}
/* not active */
.pill-sub-1 > .nav-item > .nav-link:not(.active) {
background-color: white;
color: #17a2b8;
}
.pill-sub-1 > .nav-item > .nav-link:not(.active):hover{
background-color: white;
color: #128294;
}
.pill-sub-1 > .nav-item > .nav-link {
background-color: #17a2b8;
}
.slide, .slideslave, .slide-1-2-gal-teile, .slide-1-2-1-gemeinsam, .slide-1-2-1-unterschiedlich, .slide-1-2-1-einspielungen {
/*display: none;*/
visibility: hidden;
}
.viewbox {
background-color: #dddddd;
border: solid 1px rgb(234, 234, 234);
border-radius: 0.25rem;
margin-top: 5px;
margin-bottom: 5px;
padding: 5px;
}
.konzentrisch-2 {
margin-left: 25px;
background-color: yellow;
}
.konzentrisch-3 {
margin-left: 50px;
background-color: orange;
}
.konzentrisch-4 {
margin-left: 75px;
background-color: thistle;
}
.konzentrisch-5 {
margin-left: 100px;
background-color: DarkTurquoise;
}
.nodisplay {
display: none;
}
p.lit_angabe {
margin-bottom: 1px;
font-weight: bolder;
}
p.lit_kommentar {
margin-left: 20px;
font-size: 90%;
}
body {
counter-reset: footnotecounter;
}
span.footnote:before {
counter-increment: footnotecounter;
content: counter(footnotecounter);
position: relative;
top: -0.6em;
}
span.footnote {
color: #24B1E6;
font-size: 70%;
}
table.vertical-border > tbody > tr > td {
border-right: solid 1px #dddddd;
border-left: solid 1px #dddddd;
}
table.vertical-border > thead > tr > th {
border-right: solid 1px #dddddd;
border-left: solid 1px #dddddd;
}
.pagebreak_after {}
.hide_on_print {}
.show_on_print { display: none; }
@media print {
.pagebreak_after {
page-break-after:always;
}
.hide_on_print { display: none; }
.show_on_print { display: block; }
}