MediaWiki: Tweeki.css

Revision as of 08:41, 28 October 2020

.test {
  text-align: left;
  position: relative;
  border-collapse: collapse; 
}
.test th, td {
  padding: 0.25rem;
}
.test tr:first-child {
  background: red;
  color: white;
}
.test th {
  background: white;
  position: sticky;
  top: 0; /* Don't forget this, required for the stickiness */
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
}

@@ Line 1: / Line 1: @@
-.table {
-  width: auto;
-  height: auto;
-  max-width: 100vw;
-  overflow: auto;
-  position: relative;
-  display: inline-block;
-}
-.table table {
-  position: relative;
-  border-collapse: collapse;
-  margin: 0;
-}
-td,
-th {
-  padding: 0.25em;
-  width: auto;
-  text-align: center;
-}
-td {
-    z-index: -2;
-    position: relative;
-}
-tr:nth-child(n+2) th {
-  position: -webkit-sticky; /* for Safari */
-  position: sticky;
-  left: 0;
-  background: #FFF;
-  z-index: -1;
-}
-tr:nth-child(n+2) th span {
-  display: block;
-  height: 100%;
-  width: 1px;
-  position: absolute;
-  top: 0;
-  right: 0;
-  background: #CCC;
-}
-tr:first-child th {
-  position: -webkit-sticky; /* for Safari */
-  position: sticky;
-  top: 0;
-  background: #000;
-  color: #FFF;
-}
-tr:nth-child(n+2) td:first-child {
-  border-left: 1px solid #CCC;
-}
 .test {
    text-align: left;