Template:LGBTQ sidebar/styles.css: Difference between revisions

From Zoophilia Wiki
Jump to navigationJump to search
Alright, I'm feeling good about this now…
m Forgot about leaving the side borders visible on above and scoot everything over a smidge on the right for the box-shadow
 
Line 1: Line 1:
.lgbtq-sidebar {
.lgbtq-sidebar {
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
   box-shadow: 3px 4px 5px 1px rgba(0, 0, 0, 0.375);
  margin-right: 0.33rem;
}
}


.lgbtq-sidebar .sidebar-above {
.lgbtq-sidebar .sidebar-above {
   border: hidden;
   border-bottom: hidden;
  border-top: hidden;
   padding: 0.1em 0.8em 0.2em;
   padding: 0.1em 0.8em 0.2em;
}
}
Line 22: Line 24:


.lgbtq-sidebar .sidebar-image {
.lgbtq-sidebar .sidebar-image {
   padding-bottom: 0.2em 0.4em 0.1em;
   padding: 0.2em 0.4em 0.1em;
}
}



Latest revision as of 16:50, 1 January 2026

.lgbtq-sidebar {
  box-shadow: 3px 4px 5px 1px rgba(0, 0, 0, 0.375);
  margin-right: 0.33rem;
}

.lgbtq-sidebar .sidebar-above {
  border-bottom: hidden;
  border-top: hidden;
  padding: 0.1em 0.8em 0.2em;
}

.lgbtq-sidebar .sidebar-below {
  border-top: hidden;
  padding: 0 0.8em 0.2em;
}

.lgbtq-sidebar .sidebar-content {
  padding: 0.1em 0.4em 0.2em;
}

.lgbtq-sidebar .sidebar-content-with-subgroup {
  padding: 0.1em 0.4em 0.2em;
}

.lgbtq-sidebar .sidebar-image {
  padding: 0.2em 0.4em 0.1em;
}

.lgbtq-sidebar .sidebar-list-title {
  /* For old browsers without var(), see [[phab:T361934#9746635]]. */
  background-color: #dadaff;
  background-color: var(--background-color-neutral, #dadaff);
}

.lgbtq-sidebar .sidebar-pretitle {
  font-weight: 500;
}

.lgbtq-sidebar .sidebar-title-with-pretitle {
  padding: 0 0.4em 0.1em;
}