Files
blog/html/static/custom.css
2025-10-25 18:58:30 +02:00

185 lines
3.5 KiB
CSS

.poetry {
padding-top: 4rem;
padding-bottom: 4rem;
text-align: center;
}
.figure-number {
display: none;
}
.center, div.center {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.center figure,
.center figcaption,
div.center figure,
div.center figcaption {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.caption {
padding-top: 0.5rem;
font-style: italic;
}
.outline-3, .outline-4, .outline-5 {
padding-left: 0.6rem;
border-radius: 0.2em;
box-shadow: 1px 1px 1px var(--grey2);
margin: 0.7rem;
border: 1px solid var(--grey4);
}
.outline-text-3, .outline-text-4, .outline-text-5 {
margin: 0.3rem 1rem 0.5rem 0.5rem;
}
/*
.outline-3 {
border-left: 1px inset var(--red5);
}
.outline-4 {
border-left: 1px inset var(--purple3);
}
.outline-5 {
border-left: 1px inset var(--blue4);
}
*/
/*
.outline-5::after {
content: "⇜";
display: block;
text-align: right;
margin-top: -2.0rem;
}
*/
.orgjq-expanded p {
margin-top: 0;
}
/*
.outline-3.orgjq-contracted h3::before {
content: "🡒 ";
}
.outline-4.orgjq-contracted h4::before {
content: "⤳ ";
}
.outline-5 h5::before {
content: "⇝ ";
}
*/
#content h2, #content h3, #content h4, #content h5 {
margin-bottom: 1rem;
margin-top: 0.5rem;
margin-left: 0.5rem;
}
#content h3 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
#content h4 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
#content h5 {
padding-top: 0.3rem;
padding-bottom: 0.3rem;
}
.orgjq-contracted h2, .orgjq-contracted h3, .orgjq-contracted h4, orgjq-contracted h5 {
padding-top: 0.3rem !important;
padding-bottom: 0.3rem !important;
}
#content h2 {
margin-top: 1rem;
}
.orgjq-expanded p {
padding-bottom: 0.5rem;
margin-bottom: 0;
}
#content, #footer {
box-shadow: 7px 7px 7px var(--grey1);
}
h2 {
line-height: 1.5rem;
text-align: center;
}
h3, h4, h5 {
text-align: center;
}
#table-of-contents {
display: none;
}
.done.YES, .todo.NO, .done.EXCELLENT, .done.FREED {
display: none;
}
h2:has(.done.YES), h3:has(.done.YES), h4:has(.done.YES), h5:has(.done.YES), .grid.YES {
color: var(--green3);
}
h2:has(.todo.NO), h3:has(.todo.NO), h4:has(.todo.NO), h5:has(.todo.NO), .grid.NO {
color: var(--red3);
}
h2:has(.done.EXCELLENT), h3:has(.done.EXCELLENT), h4:has(.done.EXCELLENT), h5:has(.done.EXCELLENT), .grid.EXCELLENT {
color: var(--blue3);
}
h2:has(.done.FREED), h3:has(.done.FREED), h4:has(.done.FREED), h5:has(.done.FREED), .grid.FREED {
color: var(--purpl3);
}
.tag { display: none; }
.habit-cell {
text-align: center;
vertical-align: middle;
width: 20px;
height: 10px;
cursor: pointer;
user-select: none;
}
.habit-cell.habit-brightness-1 { color: var(--grey5); outline-color: var(--grey5) !important; }
.habit-cell.habit-brightness-2 { color: var(--grey5); outline-color: var(--grey5) !important; }
.habit-cell.habit-brightness-3 { color: var(--grey5); outline-color: var(--grey5) !important; }
.habit-cell.habit-brightness-4 { color: var(--grey2); outline-color: var(--grey5) !important; }
.habit-cell.habit-brightness-5 { color: var(--grey3); outline-color: var(--grey5) !important; }
.habit-cell:not([data-body=""]) {
outline: dotted 2px;
outline-offset: -2px;
}
.habitgrid-selected {
outline: solid 2px var(--purple5) !important;
outline-offset: -2px;
}
.section-number-1, .section-number-2, .section-number-3, .section-number-4 { display: none; }