A new userstyle
/* ==UserStyle==
@name LIHKG CSS
@namespace github.com/openstyles/stylus
@version 1.0.2
@description A new userstyle
@author Me
@license MIT
==/UserStyle== */
@-moz-document domain("lihkg.com") {
/* Insert code here... */
a[href*="thread/"][title="前往最後回覆"] {
background:#e1e1e1;
color:#040708;
font-size:80%;
transition-duration: 0s;
margin-left: -6px;
}
a[href*="thread/"][title="前往最後回覆"]:hover {
background:#e1e1e1;
color:#040708;
transition-duration: 0s;
outline: 2px solid #e27312;
outline-offset:-2px;
}
form[action="#"] select:last-child {
&, & > option {
background: #68c2df;
color: #18184e;
opacity: 1;
z-index: 0;
appearance: none;
padding: 0;
border: 1px solid #66c2e8;
box-sizing: border-box;
text-align: center;
outline: 0 !important;
}
}
div[style]:only-of-type ~ a[class][href="/recall"],
div[style]:only-of-type ~ a[class][href="/following"],
div[style]:only-of-type ~ a[class][href="/outbox"],
div[style]:only-of-type ~ a[class][href="/bookmarks"]
{
width: calc(50% - 4px);
min-width: max-content;
display: inline-block;
padding: .4rem .5rem .4rem .75rem;
display: inline-flex;
font-size:80%;
}
div[class]:has(> div[style]:only-of-type ~ a[class][href="/recall"]) {
display: inline-flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly;
column-gap: 0;
/* margin-right: 12px; */
padding: 16px 6px 6px 0px;
background: #262626;
margin-bottom: 16px;
row-gap: 6px;
}
form[action] > i.i-magnify:first-child + input[type="text"] {
font-size:80%;
border: 1px solid;
background: #424343 !important;
border-color: #767676 !important;
color: inherit;
margin: 0;
padding-left: 2.4rem;
outline: 0 !important;
}
form[action] > i.i-magnify:first-child + input[type="text"]::placeholder {
color: inherit;
opacity: 0.66;
}
div:has(> form[action] > i.i-magnify:first-child + input[type="text"]) {
padding:0 !important;
}
div:has(> a[href="/category/1"][class]:first-child + a[href^="/category/"][class]) {
display:inline-flex;
flex-direction:row;
flex-wrap:wrap;
justify-content: flex-start;
gap: 0;
box-sizing: border-box;
column-gap: .2rem;
row-gap: 0;
margin-right: 12px;
position:relative;
& > a[href^="/category/"][class] {
padding: .5rem .5rem .5rem .5rem;
display:inline-flex;
width: calc(33.333% - 4px);
min-width: max-content;
box-sizing: border-box;
font-size:80%;
justify-content: center;
}
& >div{
width:100%;
display:block;
box-sizing: border-box;
padding: .5rem .5rem .5rem .5rem;
color:#f5ee5e;
text-align:center;
font-size:80%;
}
}
._21IQKhlBjN2jlHS_TVgI3l .vv9keWAXpwoonDah6rSIU ._3D2lzCKDMcdgEkexZrTSUh, ._21IQKhlBjN2jlHS_TVgI3l ._3BIUupv2eU60xfDD6DeVK1 ._3D2lzCKDMcdgEkexZrTSUh {
--dot-size: 7px;
._3-exuX3T7_fUJinbY7Y33X {
height: var(--dot-size);
width: var(--dot-size);
}
._1t2QIlJNP-zhqLqtFipWJG {
height: var(--dot-size);
width: var(--dot-size);
}
}
._1ND4IvZZQRokGesVd9vq9W {
display: none;
}
div[class]:has(> ul[class]:only-child > li[class] > a[href$="=now"]:first-child) {
height: initial;
line-height: initial;
ul[class]:only-child {
font-size:80%;
a[href] {
height: auto;
line-height: 2rem;
}
}
}
}