* { transition: all 1s; } body > header { text-shadow: 0 0 4px black; } .breadcrumb { display: none; padding: 0; margin-top: 0; } .with-breadcrumb .breadcrumb { display: initial; } .breadcrumb li { display: inline; } .breadcrumb li + li:before { content: ">"; } .notation { right: 0; bottom: 0; position: absolute; } dl { margin: 1em auto; display: flex; font-size: larger; flex-flow: column wrap; max-width: 60em; max-height: 6em; text-align: center; } dt a { display: inline-block; border-radius: 1em; } dd { margin: 1em 0; font-size: larger; font-weight: bold; } body.sleeping { background-color: black; } body [contenteditable]:hover, body [contenteditable]:focus, body #content:hover, body #content:focus { outline-width: thin; outline-style: solid; outline-color: lightgray; background-color: rgba(255, 255, 255, 0.5); } .no-text .summary, .links .assets, body.pages header time, .author-only { display: none; } body.author .author-only { display: initial; } body.author .ac_choices .destination { display: none; position: relative; padding-left: 10%; } body.author .ac_choices:hover .destination, body.author .ac_choices:focus-within .destination { display: block; } body.author .ac_choice label.text { cursor: text; } body.users .ac_choice label.text:hover { cursor: pointer; } #content { padding: 0 0.2em; } .ac_choice input[type=radio] { display: none; } .ac_choice label.text { cursor: pointer; border: solid 3px white; margin: 0.2em 0; display: block; padding: 1em; border-radius: 1em; } .ac_choice label.text:empty:after { color: inherit; content: attr(placeholder); } body.users .ac_choice label.text:hover { box-shadow: 0 0 5px blue inset, 0 0 5px blue; } body.users .ac_choice input[type="radio"]:checked + label.text { box-shadow: 0 0 5px red inset, 0 0 5px red !important; } .ac_choice a.gotoChoice { float: left; font-size: x-large; line-height: 1.2em; margin-right: 1em; text-decoration: none; } .ac_choice input[type=text] { color: inherit; width: calc(100% - 4em); border: none; background-color: transparent; } .ac_choice button.delete { right: 0; cursor: pointer; padding: 0.2em 0.4em 0; position: absolute; border-radius: 0.2em; } aside#actions input#cover, aside#actions input#file { display: none; } @media (prefers-color-scheme: dark) { header aside, h1 { color: black; } }