THU Hole react frontend
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

83 lines
1.4 KiB

.clickable {
cursor: pointer;
}
.bg-img {
position: fixed;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.root-dark-mode .bg-img {
opacity: 0.65;
}
.black-outline {
text-shadow: /* also change .flow-item-row-with-prompt:hover::before */ -1px -1px
0 rgba(0, 0, 0, 0.6),
0 -1px 0 rgba(0, 0, 0, 0.6), 1px -1px 0 rgba(0, 0, 0, 0.6),
-1px 1px 0 rgba(0, 0, 0, 0.6), 0 1px 0 rgba(0, 0, 0, 0.6),
1px 1px 0 rgba(0, 0, 0, 0.6);
}
.search-query-highlight {
border-bottom: 1px solid black;
font-weight: bold;
}
.root-dark-mode .search-query-highlight {
border-bottom: 1px solid white;
}
.url-pid-link {
opacity: 0.6;
}
:root {
--coloredspan-bgcolor-light: white;
--coloredspan-bgcolor-dark: black;
}
.colored-span {
background-color: var(--coloredspan-bgcolor-light);
}
.root-dark-mode .colored-span {
background-color: var(--coloredspan-bgcolor-dark);
}
.icon + label {
font-size: 0.9em;
vertical-align: 0.05em;
cursor: inherit;
padding: 0 0.1rem;
margin-left: 0.15rem;
}
.ext-img,
.ext-video {
max-width: 100%;
max-height: 2000px;
display: block;
margin: 0 auto;
}
.ext-img__warpper.loading {
min-height: 100px;
background: url('/static/loading.gif') center no-repeat;
background-size: 25px 25px;
display: block;
}
.left-container .img-link img {
max-height: 500px;
}
blockquote {
margin-left: 8px;
padding-left: 5px;
border-left: 3px solid #cbcbcb;
}