#meditation-date {
text-align: center;
font-size: x-large;
}
#meditation-title {
text-align: center;
font-size: large;
font-style: italic;
}
#meditation-page {
font-size: medium;
text-align: right;
}
#meditation-quote {
text-align: center;
font-size: medium;
font-style: italic;
}
#meditation-quote-source,
#meditation-source {
text-align: center;
font-size: small;
font-style: italic;
margin-bottom: 1em;
}
#meditation-thought {
margin-left: 20%;
margin-right: 20%;
font-style: italic;
margin-bottom: 2em;
}
#meditation-copyright {
font-style: italic;
text-align: center;
font-size: x-small;
margin-bottom: 2em;
}
#meditation-container,
#meditation-table-container {
margin: 0 auto;
font-size: medium;
} .meditation-error-container {
padding: 15px;
margin: 10px 0;
border: 1px solid #ddd;
border-left: 4px solid #ffba00;
background-color: #fff8e1;
border-radius: 3px;
font-family: inherit;
}
.meditation-error-container p {
margin: 0 0 10px 0;
line-height: 1.5;
}
.meditation-error-container p:first-child {
font-weight: bold;
color: #e65100;
margin-bottom: 10px;
}
.meditation-error-container p:last-of-type {
margin-bottom: 0;
color: #333;
}
.meditation-error-container details {
margin-top: 10px;
}
.meditation-error-container summary {
cursor: pointer;
font-size: 0.9em;
color: #666;
outline: none;
user-select: none;
}
.meditation-error-container summary:hover {
color: #333;
}
.meditation-error-container pre {
background: #f5f5f5;
padding: 8px;
margin-top: 5px;
font-size: 0.8em;
border-radius: 3px;
overflow-x: auto;
white-space: pre-wrap;
word-wrap: break-word;
max-height: 200px;
overflow-y: auto;
}
@media (min-width: 750px) and (max-width: 800px) {
.meditation-rendered-element table {
width: 85%;
}
.meditation-rendered-element body,
.meditation-rendered-element table {
font-size: small;
}
.meditation-rendered-element h1 {
font-size: large;
}
.meditation-rendered-element h2 {
font-size: medium;
}
.meditation-error-container {
padding: 12px;
margin: 8px 0;
font-size: small;
}
}
@media (max-width: 480px) {
.meditation-rendered-element table {
width: 85%;
}
.meditation-rendered-element body,
.meditation-rendered-element table {
font-size: small;
}
.meditation-rendered-element h1 {
font-size: medium;
}
.meditation-rendered-element h2 {
font-size: large;
}
.meditation-error-container {
padding: 10px;
margin: 5px 0;
font-size: small;
}
.meditation-error-container pre {
font-size: 0.7em;
max-height: 150px;
}
}