MediaWiki:Common.css: Difference between revisions

Revision as of 15:39, 29 May 2024

 .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul {

  display: none;

}

.boxWrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

.frontBox {
  width: 40%;
  min-width: 340px;
  background-color: rgb(29, 35, 48);
  color: white;
  border: 2px solid black; 
  margin-top: 1.5em; 
  padding: 2px; 
  padding-top: 0; 
  text-align: center; 
  margin-bottom: 1.5em; 
  border-radius: 25px; 
}

.leftBox {
  float: left; 
}

.rightBox {
  float: right;
}

html.skin-citizen-light div.frontBox {
    background-color: lightgrey !important;
    color: black !important;
}

html.skin-citizen-dark div.frontBox {
    background-color: rgb(29, 35, 48) !important;
    color: white !important;
}

a, .external.text {

  color: #337ab7;
  font-weight: 600 !important;
  text-decoration: underline;

}

.tag-header {
  border: 1px solid;
  padding: 1em 0 0 1em;
  padding-top: 1em;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 1em;
  font-size: larger;
  margin: 0 1em 1em 1em;
}

.citizen-header__inner {
  justify-content: flex-start !important;
}

@media screen and (min-width: 1120px) {
    .citizen-toc-enabled .citizen-body-container {
        display: grid;
        grid-template-areas:
        'header header'
        'sidebar content'
        'footer footer';
        grid-template-columns: var(--width-toc) minmax(0, var(--width-layout));
    }
}


@media screen and (max-width: 1119px) {
    .citizen-header {
        top: 0 !important;
        bottom: auto;
    }

    .citizen-body-container {
      margin-top: 45px;
    }

    .page-actions {
        top: calc(var(--header-size) + var(--space-xs));
    }
    .page-actions__card {
        top: 100%;
        bottom: auto;
    }
    .citizen-drawer__card {
        top: 100%;
        bottom: auto;
    }
     .citizen-userMenu__card {
        top: 100%;
        bottom: auto;
        left: 0;
        right: auto;
     }
}