bibelwissen/public/stylesheets/style.css

569 lines
9.7 KiB
CSS

/**
* Libertinus Sans
* ---------------
*/
@font-face /* Libertinus Sans Regular Upright */
{
font-family: Libertinus Sans/*, Biolinum*/;
font-style: normal;
font-weight: 400;
src: local(Libertinus Sans),
url("fonts/OTF/LibertinusSans-Regular.otf") format("opentype"),
url("fonts/WOFF2/LibertinusSans-Regular.woff2") format("woff2");
}
@font-face /* Libertinus Sans Regular Italic */
{
font-family: Libertinus Sans/*, Biolinum*/;
font-style: italic;
font-weight: 400;
src: local(Libertinus Sans Italic),
url("fonts/OTF/LibertinusSans-Italic.otf") format("opentype"),
url("fonts/WOFF2/LibertinusSans-Italic.woff2") format("woff2");
}
@font-face /* Libertinus Sans Bold Upright */
{
font-family: Libertinus Sans/*, Biolinum*/;
font-style: normal;
font-weight: 700;
src: local(Libertinus Sans Bold),
url("fonts/OTF/LibertinusSans-Bold.otf") format("opentype"),
url("fonts/WOFF2/LibertinusSans-Bold.woff2") format("woff2");
}
/* Libertinus Sans End */
.card.slide > .card-text, .card.slide > .card-body > h6.card-subtitle, :not(.card-title) > q.bibeltext, td, th {
font-size: 1rem;
}
.card.slide > .card-body > h5, .card.slide > h5.card-header {
font-size: 1.25rem;
}
.card > h5.card-header {
font-size: 1.1rem;
}
.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 > h5.card-title.card-title-small {
font-size: 0.8rem;
font-weight: 400;
}
h6.bibelstelle {
font-size: 0.7rem;
}
.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;
}
.card-body.gliederung p.card-text {
line-height: 1.2;
}
.card-deck .card.flexleftright {
flex: 1.25 0 0%;
}
.card-deck .card.flexleftright_big {
flex: 1.8 0 0%;
}
.navsidebar {
position: fixed;
z-index: 5;
height: 100%;
width: 75%;
top: 0px;
right: 0px;
bottom: 0px;
background-color: white;
padding: 15px;
border-left: 1px solid #0e4f88;
overflow: scroll;
}
@media(min-width: 768px) {
.card.slide > .card-body > .card-text, .card.slide > .card-body > h6.card-subtitle, :not(.card-title) > q.bibeltext {
font-size: 1.1rem;
}
.card.slide > .card-body > h5, .card.slide > h5.card-header {
font-size: 1.35rem;
}
.card > h5.card-header {
font-size: 1.1rem;
}
.card.slide > .card-body > h6.card-title {
font-size: 1.2rem;
}
.card-body.gliederung > h5.card-title {
font-size: 1.1rem;
}
.card-body.gliederung > h5.card-title.card-title-small {
font-size: 0.9rem;
}
h6.bibelstelle {
font-size: 0.8rem;
}
.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;
}
.navsidebar {
width: 50%;
}
}
@media(min-width: 992px) {
.card.slide > .card-body > .card-text, .card.slide > .card-body > h6.card-subtitle, :not(.card-title) > q.bibeltext {
font-size: 1.2rem;
}
.card.slide > .card-body > h5, .card.slide > h5.card-header {
font-size: 1.45rem;
}
.card > h5.card-header {
font-size: 1.25rem;
}
.card.slide > .card-body > h6.card-title {
font-size: 1.3rem;
}
.card-body.gliederung > h5.card-title {
font-size: 1.2rem;
}
.card-body.gliederung > h5.card-title.card-title-small {
font-size: 1.0rem;
}
h6.bibelstelle {
font-size: 0.9rem;
}
.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;
}
.card-deck .card.flexleftright {
flex: 1.5 0 0%;
}
.card-deck .card.flexleftright_big {
flex: 2.2 0 0%;
}
}
@media(min-width: 1200px) {
.card.slide > .card-body > .card-text, .card.slide > .card-body > h6.card-subtitle, :not(.card-title) > 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 > h5.card-title.card-title-small {
font-size: 1.1rem;
}
h6.bibelstelle {
font-size: 1.0rem;
}
.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;
}
.card-deck .card.flexleftright {
flex: 2 0 0%;
}
.card-deck .card.flexleftright_big {
flex: 3 0 0%;
}
.navsidebar {
width: 30%;
}
}
@media(min-width: 1400px) {
.card.slide > .card-body > .card-text, .card.slide > .card-body > h6.card-subtitle, :not(.card-title) > 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 > h5.card-title.card-title-small {
font-size: 1.2rem;
}
.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:
"Libertinus Sans",
"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:
"Libertinus Sans"
"Alegreya",
"Noto Serif",
serif
}
.bibeltext {
color: darkblue;
}
span.bibelstelle::before { content: ' '; }
span.bibelstelle {
color: darkgreen;
font-style: italic;
}
span.bibelstelle::after { content: ' '; }
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; }
}
/* ARROW-LIST */
/* Removes default style of bullet point */
ul.liarrow li::marker {
content: "〉";
font-weight: bold;
}
li.liarrow{
list-style: none;
}
/* ::before creates a pseudo-element that is the first child of the selected element */
li.liarrow::before{
/* Unicode for >> character */
content: "\00BB";
}