111 lines
1.3 KiB
CSS
111 lines
1.3 KiB
CSS
#night {
|
|
position:absolute;
|
|
top:.2em;
|
|
right:.3em;
|
|
text-decoration:none;
|
|
cursor:pointer;
|
|
opacity:.6;
|
|
}
|
|
|
|
#night:hover {
|
|
opacity:1;
|
|
}
|
|
|
|
body {
|
|
font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
|
|
margin:40px auto;
|
|
line-height:1.6;
|
|
background: #fff;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
#image {
|
|
opacity: 0.35;
|
|
right:10%;
|
|
position:absolute;
|
|
z-index:-100;
|
|
}
|
|
|
|
.byline {
|
|
margin-top: 2.2em;
|
|
margin-left: 20%;
|
|
font-size:20.0pt;
|
|
color: #F44D54;
|
|
}
|
|
|
|
.volumes {
|
|
margin-left: 20%;
|
|
text-align: left;
|
|
font-size:15.0pt;
|
|
float:left;
|
|
}
|
|
|
|
.volumes, #image {
|
|
margin-top:2.1em;
|
|
}
|
|
|
|
a.one {
|
|
color: black;
|
|
text-decoration: none;
|
|
}
|
|
a.one:hover {
|
|
color: #F44D54;
|
|
text-decoration:underline;
|
|
}
|
|
|
|
.threadsred {
|
|
margin-top: 4em;
|
|
margin-left: 4em;
|
|
font-size:122%;
|
|
color: #F44D54;
|
|
}
|
|
|
|
.threads {
|
|
margin-left: 6em;
|
|
}
|
|
|
|
.threads a {
|
|
color:#F44D54;
|
|
text-decoration:none;
|
|
}
|
|
|
|
.threads td {
|
|
padding:.2em .8em;
|
|
}
|
|
|
|
.help:hover {
|
|
cursor:help;
|
|
}
|
|
|
|
#notice {
|
|
text-align:center;
|
|
float:left;
|
|
width:100%;
|
|
padding:1.5em 0;
|
|
}
|
|
|
|
#notice a {
|
|
color: #F44D54;
|
|
text-decoration:none;
|
|
}
|
|
|
|
.answer {
|
|
font-size:93%;
|
|
}
|
|
|
|
.collapse{
|
|
cursor: pointer;
|
|
display: block;
|
|
color: #F44D54;
|
|
cursor:pointer;
|
|
}
|
|
|
|
.collapse + input{
|
|
display: none;
|
|
}
|
|
.collapse + input + div{
|
|
display:none;
|
|
}
|
|
.collapse + input:checked + div{
|
|
display:block;
|
|
} |