diff --git a/src/css/burichan.css b/src/css/burichan.css index 8f1a20891..66e1d732e 100644 --- a/src/css/burichan.css +++ b/src/css/burichan.css @@ -33,6 +33,8 @@ /* Catalog */ :root.burichan .catalog-thread:hover > * { background-color: #D6DAF0; +} +:root.burichan .catalog-thread:not(:hover), :root.burichan .catalog-thread:hover > * { border-color: #B7C5D9; } diff --git a/src/css/futaba.css b/src/css/futaba.css index 355a5bad7..fa170c5ea 100644 --- a/src/css/futaba.css +++ b/src/css/futaba.css @@ -33,6 +33,8 @@ /* Catalog */ :root.futaba .catalog-thread:hover > * { background-color: #F0E0D6; +} +:root.futaba .catalog-thread:not(:hover), :root.futaba .catalog-thread:hover > * { border-color: #D9BFB7; } diff --git a/src/css/photon.css b/src/css/photon.css index c2effe060..37bb04dbb 100644 --- a/src/css/photon.css +++ b/src/css/photon.css @@ -33,6 +33,8 @@ /* Catalog */ :root.photon .catalog-thread:hover > * { background-color: #DDD; +} +:root.photon .catalog-thread:not(:hover), :root.photon .catalog-thread:hover > * { border-color: #CCC; } :root.photon .catalog-code { diff --git a/src/css/style.css b/src/css/style.css index cdb6aa7ff..e742fac5f 100644 --- a/src/css/style.css +++ b/src/css/style.css @@ -714,7 +714,8 @@ div[data-checked="false"] > .suboption-list { } .catalog-thread { display: inline-block; - margin: 0 2px 5px; + margin: 1px; + border: 1px solid transparent; word-wrap: break-word; vertical-align: top; position: relative; diff --git a/src/css/tomorrow.css b/src/css/tomorrow.css index 2f04954e1..8cb996dbd 100644 --- a/src/css/tomorrow.css +++ b/src/css/tomorrow.css @@ -32,6 +32,8 @@ /* Catalog */ :root.tomorrow .catalog-thread:hover > * { background-color: #282A2E; +} +:root.tomorrow .catalog-thread:not(:hover), :root.tomorrow .catalog-thread:hover > * { border-color: #111; } :root.tomorrow .catalog-code { diff --git a/src/css/yotsuba-b.css b/src/css/yotsuba-b.css index 00989cd62..870f37fde 100644 --- a/src/css/yotsuba-b.css +++ b/src/css/yotsuba-b.css @@ -33,6 +33,8 @@ /* Catalog */ :root.yotsuba-b .catalog-thread:hover > * { background-color: #D6DAF0; +} +:root.yotsuba-b .catalog-thread:not(:hover), :root.yotsuba-b .catalog-thread:hover > * { border-color: #B7C5D9; } diff --git a/src/css/yotsuba.css b/src/css/yotsuba.css index 402cbd5d1..8abed91c0 100644 --- a/src/css/yotsuba.css +++ b/src/css/yotsuba.css @@ -33,6 +33,8 @@ /* Catalog */ :root.yotsuba .catalog-thread:hover > * { background-color: #F0E0D6; +} +:root.yotsuba .catalog-thread:not(:hover), :root.yotsuba .catalog-thread:hover > * { border-color: #D9BFB7; }