Skip to content

vansairforce.net - Tighten up the margins by securedirective

Details

Authorsecuredirective

Licensehttps://choosealicense.com/licenses/unlicense/

Categoryvansairforce.net

Created

Updated

Size2.0 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Tighten up margins so you don't have to scroll so much

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         vansairforce.net - Tighten up the margins
@version      20240113.16.10
@namespace    ?
==/UserStyle== */

@-moz-document domain("vansairforce.net") {
/* Reduce extra vertical space in the top sections */
.p-body-header {
  margin-bottom: 7px;
  padding: 7px !important;
}
.p-body-inner {
  padding-top: 0;
  padding-bottom: 0;
}
.vaf-ad-hero-header, .vaf-ad-hero-thread {
  margin-top: 3px;
  margin-bottom: 3px;
}
.p-header-logo.p-header-logo--image img {
  height: 45px;
}
.p-header-logo a {
  height: 42px;
}

/* Reduce the padding around each post */
.message-cell {
  padding: 5px;
}

/* Smaller avatar, since it's the primary reason posts are so tall */
.avatar.avatar--m {
  width: 48px;
  height: 48px;
  font-size: 35px;
}

/* Narrower attribution line above the message (timestamp, share, bookmark, etc.) */
.message-attribution {
  padding: 0;
}

/* Narrower lines in the messages */
.message-body {
  line-height: 1.2;
}

/* Combine the Like/Reply line with the Reactions line */
.message-footer>* {
  float: right;
}
.message .reactionsBar {
  background-color: inherit;
  padding: 0;
  padding-right: 20px !important;
  margin: 5px 8px;
}
.message-actionBar .actionBar-set {
  margin-top: 0;
}
.actionBar-set.actionBar-set--internal .actionBar-action,
.actionBar-set.actionBar-set--external .actionBar-action {
  border-width: 1px;
  padding: 5px 8px;
}


/* Smaller font on signatures, limit height to approximately 2.5 lines, style it to make it appear separate from the post */
.message-signature {
  line-height: 1.2;
}
.message-signature * {
  color: #8592a9 !important;
}
.message-signature {
  font-size: 12px;
  max-height: 39px;
  overflow-y: clip;
  padding: 3px 0px;
  margin: 3px 0px;
  background: linear-gradient(#f4f4f4, transparent);
  border: 0;
}
.message-signature:hover {
  /* Allow full signature viewing on hover */
  max-height: 1000px;
  transition-delay: 500ms;
  transition-duration: 5s;
  transition-property: max-height;
}

}

Reviews

No reviews yet.