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

From Zoophilia Wiki
Jump to navigationJump to search
Create TemplateStyles for template calling Module:Sidebar
 
m Forgot about leaving the side borders visible on above and scoot everything over a smidge on the right for the box-shadow
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
.lgbtq .sidebar-above {
.lgbtq-sidebar {
   border: none;
   box-shadow: 3px 4px 5px 1px rgba(0, 0, 0, 0.375);
   padding-bottom: 3px;
   margin-right: 0.33rem;
}
}


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


.lgbtq .sidebar-list-title {
.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]]. */
   /* For old browsers without var(), see [[phab:T361934#9746635]]. */
   background-color: #dadaff;
   background-color: #dadaff;
   background-color: var(--background-color-neutral, #dadaff);
   background-color: var(--background-color-neutral, #dadaff);
  padding-left: 3px;
}
}


.lgbtq .lgbtq-also .sidebar-list-title {
.lgbtq-sidebar .sidebar-pretitle {
   border-bottom: thin solid var(--border-color-base, #aaa);
   font-weight: 500;
   margin-bottom: -4px;
}
 
.lgbtq-sidebar .sidebar-title-with-pretitle {
   padding: 0 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;
}