MediaWiki:Gadget-ms-Familytree.css: Difference between revisions

From Tardis Wiki, the free Doctor Who reference
(Adding styling replacements for Familytree template)
 
 
(4 intermediate revisions by 3 users not shown)
Line 38: Line 38:
}
}


/** Mobile */
/* Template:Familytree on dark theme */
.skin-fandommobile .article-table-wrapper table.familytree tr,
.theme-fandomdesktop-dark .familytree td.family-tree-element {
.skin-fandommobile .article-table-wrapper table.familytree tr > td {
    background-color: #41364d !important;
  border: unset;
color:#fff;
  padding: 0;
}
 
.skin-fandommobile .article-table-wrapper table.familytree .family-tree-table-cell {
  margin: 0;
}
 
 
.skin-fandommobile .article-table-wrapper table.familytree .family-tree-line-dashed-right {
  border-right: 1px dashed #8B4513;
}
 
.skin-fandommobile .article-table-wrapper table.familytree .family-tree-line-dashed-bottom {
  border-bottom: 1px dashed #8B4513;
}
 
.skin-fandommobile .article-table-wrapper table.familytree .family-tree-line-solid-right {
  border-right: 1px solid #8B4513;
}
 
.skin-fandommobile .article-table-wrapper table.familytree .family-tree-line-solid-bottom {
  border-bottom: 1px solid #8B4513;
}
 
.skin-fandommobile .article-table-wrapper table.familytree tr > td.family-tree-element {
  background-color: var(--theme-table-header-color);
  vertical-align: middle;
  padding: 0.2em;
  text-align: center;
}
}

Latest revision as of 18:35, 19 February 2024

/* Styles for Template:Familytree/element */
.family-tree-table-cell {
  margin: 0;
  padding: 0;
}

.family-tree-line-table {
  border-spacing: 0;
  margin: 0;
  padding: 0;
}

.family-tree-line {
  width: 1em;
  height: 1em;
}

.family-tree-line-dashed-right {
  border-right: 1px dashed #8B4513;
}

.family-tree-line-dashed-bottom {
  border-bottom: 1px dashed #8B4513;
}

.family-tree-line-solid-right {
  border-right: 1px solid #8B4513;
}

.family-tree-line-solid-bottom {
  border-bottom: 1px solid #8B4513;
}

.family-tree-element {
  background-color: #F5DEB3;
  padding: 0.2em;
  text-align: center;
}

/* Template:Familytree on dark theme */
.theme-fandomdesktop-dark .familytree td.family-tree-element {
    background-color: #41364d !important;
	color:#fff;
}