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

From Tardis Wiki, the free Doctor Who reference
(Adding styling replacements for Familytree template)
 
(Move mobile styling)
Line 34: Line 34:
.family-tree-element {
.family-tree-element {
   background-color: #F5DEB3;
   background-color: #F5DEB3;
  padding: 0.2em;
  text-align: center;
}
/** Mobile */
.skin-fandommobile .article-table-wrapper table.familytree tr,
.skin-fandommobile .article-table-wrapper table.familytree tr > td {
  border: unset;
  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;
   padding: 0.2em;
   text-align: center;
   text-align: center;
}
}

Revision as of 14:21, 16 March 2023

/* 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;
}