141 lines
2.3 KiB
CSS
141 lines
2.3 KiB
CSS
* {
|
|
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;
|
|
}
|
|
}
|