microbehunter.com/microscopy-forum by sjeiti

/* ==UserStyle==
@name         microbehunter.com/microscopy-forum
@version      20220613.06.12
@namespace    userstyles.world/user/sjeiti
@description  Less chaotic, more accesible styling.
@author       sjeiti
@license      No License
==/UserStyle== */

@-moz-document domain("microbehunter.com") {
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,400;0,700;1,400&display=swap');

:root {
  --color-bg: #d9dfe4;
  --color-bg: #becad5;
  --color-link: #308de3;
  --color-unread: #eacb51;
  --color-unread-mine: #ecaf22;
  --col-numeric: 3.25rem;
  --col-last: 14rem;
  --cols-last: calc(2*var(--col-numeric) + var(--col-last))
}

html {
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  line-height: 160%;
}

a {
  text-decoration: underline!important;
}
.postlink {
  border: 0;
}

button,
input[type=button],
input[type=submit] {
  background: none;
}
button:hover,
input[type=button]:hover,
input[type=submit]:hover {
  background: none;
}

/* { font-size: initial!important; }*/
.asdf {
  box-shadow: 0 0 0 1px rgba(255, 0, 0, 0.1) inset;
}

#header-subsilver {
  border: 0;
  background-color: var(--color-bg);
}
.navbar {
  border: 0;
  background-color: var(--color-bg);
}
.topiclist {
  background-color: var(--color-bg);
}
.body-blok-h3 h3,
#subsilver-nav-topic {
  background: var(--color-bg);
}

.topic_read,
.topic_read_hot,
.topic_read_mine,
.topic_unread,
.topic_unread_hot,
.topic_unread_mine,

.forum_read,
.forum_unread,
.forum_read_locked,
.forum_link {
  background-image: none;
}
.topic_read,
.topic_read_hot,
.forum_read {
  box-shadow: 0.25rem 0 0 var(--color-bg) inset;
}
.topic_read_mine {
  box-shadow: 0.25rem 0 0 var(--color-link) inset;
}
.topic_unread,
.topic_unread_hot,
.forum_unread {
  box-shadow: 0.25rem 0 0 var(--color-unread) inset;
}
.topic_unread_mine {
  box-shadow: 0.25rem 0 0 var(--color-unread-mine) inset;
}
.forum_read_locked {
  box-shadow: 0.25rem 0 0 black inset;
}
.forum_link {
  box-shadow: 0.25rem 0 0 var(--color-link) inset;
}

a.unread > i {
  display: none;
}

.topiclist .header {
  white-space: nowrap
}
.topiclist.forums li.row dl.row-item dt .list-inner {
  padding-left: 0.5rem;
}

li.row {
  border: 0;
}
.bg1,
.bg2,
li.row {
  background: #ececec linear-gradient(#ececec, #e2e6e8)
}

ul.topiclist dd {
  border-left-color: #cdd5db;
}

.search-header {
  box-shadow: none;
}
.search-header fieldset {
  display: flex;
  align-items: stretch;
}
.search-box .inputbox {
  height: auto;
}

/*##########################################*/
dd.posts,
dd.topics,
dd.views {
  width: var(--col-numeric);
}
dd.lastpost,
dd.redirect,
dd.moderation,
dd.time,
dd.info {
  width: var(--col-last);
}
ul.topiclist dt {
  margin-right: calc(-1*var(--cols-last));
}
ul.topiclist dt .list-inner {
  margin-right: var(--cols-last);
  /*padding-left: 2.75rem!important;*/
}

@media (max-width: 700px) {
  ul.topiclist dt .list-inner {
    margin-right: 0;
  }
}

.forum-image {
  display: none;
  position: absolute;
  left: 0.5rem;
  top: 0;
}
.forum-image img {
  width: 2rem;
  height: 2rem;
  box-shadow: 0 0 0 1px var(--color-link);
}

.lastsubject {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

/*##########################################*/
/*
Array.from(document.styleSheets).forEach(sheet=>{
try{
  const selectors = Array.from(sheet.rules).map(rule=>{
    const {cssText,selectorText} = rule
		const setsFontSize = /font\-size/.test(cssText)
    return setsFontSize&&selectorText||''
  }).filter(s=>s)
  console.log('selectors = ',selectors.join(', '))
}catch(err){}
})
*/
/*
ul.topiclist dt,
dd.posts, dd.topics, dd.views, dd.extra, dd.mark,
.fa, .fa-lg, .fa-2x, .fa-3x, .fa-4x, .fa-5x, .fa-stack-2x {
    font-size: initial;
    line-height: 160%;
}
*/
* {
  font-size: unset!important;
}
html {
  font-size: 16px!important;
}

* {
  font-family: unset!important;
}
.icon {
  font-family: FontAwesome!important;
}
body {
  font-family: 'Source Sans Pro', sans-serif!important;
}
}