Skip to content

Instantly share code, notes, and snippets.

@Craftplacer
Last active July 3, 2020 20:16
Show Gist options
  • Save Craftplacer/9fd78d133575ede04b77a2d62fd2e421 to your computer and use it in GitHub Desktop.
Save Craftplacer/9fd78d133575ede04b77a2d62fd2e421 to your computer and use it in GitHub Desktop.
Pleroma User Styles
/* ==UserStyle==
@name Compact Navigation Bar
@version 1.1.0
@description Compacts the vertical navbar into a horizontal iconic one.
@namespace github.com/Craftplacer
@author Craftplacer
==/UserStyle== */
@-moz-document domain("fedi.absturztau.be") {
:root {
--icon-size: 20px;
--nav-padding: 0px;
--nav-height: 48px;
--nav-item-rounding: 0px;
}
.nav-panel > .panel {
height: var(--nav-height);
}
.nav-panel ul {
display: flex;
height: 100%;
padding: var(--nav-padding);
}
.nav-panel li {
width: -moz-available;
width: -webkit-fill-available;
border-bottom: none;
border-radius: var(--nav-item-rounding);
}
.nav-panel a {
font-size: 0;
height: 100%;
display: flex;
position: relative;
}
.nav-panel .button-icon {
margin: auto;
font-size: var(--icon-size);
color: var(--link,#d8a070);
}
.nav-panel > .panel > ul > li:hover > a:not(.router-link-active) > .button-icon {
color: var(--selectedMenuText,#b9b9ba);
}
.nav-panel > .panel > ul > li > .router-link-active > .button-icon {
color: var(--selectedMenuLightText);
}
.nav-panel .badge {
position: absolute;
right: 0;
font-size: initial;
}
}
/* ==UserStyle==
@name Faint usernames
@version 1.0.0
@description Makes the username (and instance name) less prominent
@namespace github.com/Craftplacer
@author Craftplacer
==/UserStyle== */
@-moz-document domain("fedi.absturztau.be"), domain("kartoffel.cafe") {
.account-name {
color: inherit; /* Remove link color */
opacity: .25;
font-style: italic;
}
}
@-moz-document domain("fedi.absturztau.be"), domain("kartoffel.cafe") {
/* ==UserStyle==
@name Full panel buttons
@version 1.0.0
@description Extends buttons on panel headers all the way to the border.
@namespace github.com/Craftplacer
@author Craftplacer
==/UserStyle== */
.panel-heading > button {
background: rgba(255, 255, 255, 0.25);
color: var(--panelText);
box-shadow: none;
padding: 0 1em;
margin-top: -.6em;
margin-bottom: -.6em;
margin-right: -.5em;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.panel-heading > button:not(:last-child) {
border-top-right-radius: 0;
border-right: solid 1px var(--panelText);
}
.panel-heading > button:first-child {
box-shadow: rgba(0, 0, 0, 0.25) -2px 0px 1px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment