MediaWiki:Common.css: Difference between revisions

From softwear.directory
Jump to navigation Jump to search
No edit summary
No edit summary
Line 28: Line 28:


.list {
.list {
display: flex;
  display: flex;
  flex-wrap: wrap; /* Allow items to wrap to the next line */
  max-width: 1000px; /* Set a maximum width for the container */
  margin: 0 auto; /* Center the container on the page, adjust as needed */
}
}


.card {
.card {
width: 20%;
  width: calc(20% - 2px); /* Adjusted width to accommodate for borders */
/* following for demo only */
  box-sizing: border-box; /* Include borders in the width calculation */
border: 1px solid black;
  border: 1px solid black;
margin-left: -1px; /* Compensate for the double borders */
  margin: 0;
transform: translateX(-1px); /* Move the box 1px to the left */
  height: fit-content;
height: fit-content;
  padding: 5px;
padding: 5px;
}
}


/* if you wantcards tight up to left and right edges of row */
.card:first-child {
.card:first-child {
margin-left: 0;
  margin-left: 0;
}
}


.card:last-child {
.card:last-child {
margin-right: 0;
  margin-right: 0;
border-right: 1px solid black;
  border-right: 1px solid black;
}
}
  .mw-body .firstHeading {
  .mw-body .firstHeading {
     display: none;
     display: none;

Revision as of 18:10, 21 December 2023

/* CSS placed here will be applied to all skins */

/* White background in body */
body {
	background-color: white;
	transition: background-color 1s ease;
}
/* Mediawiki horizontal navigation styles */
#mw-head {
    background-color: white;
	transition: background-color 1s ease;
	display: none;
}
#mw-page-base {
	background-color: white;
	transition: background-color 1s ease;
	background-image: none;
}
 .mw-body {
    border: none;
  }
#p-logo a {
    display: none;
}
.mw-footer {
    display: none;
}

.list {
  display: flex;
  flex-wrap: wrap; /* Allow items to wrap to the next line */
  max-width: 1000px; /* Set a maximum width for the container */
  margin: 0 auto; /* Center the container on the page, adjust as needed */
}

.card {
  width: calc(20% - 2px); /* Adjusted width to accommodate for borders */
  box-sizing: border-box; /* Include borders in the width calculation */
  border: 1px solid black;
  margin: 0;
  height: fit-content;
  padding: 5px;
}

.card:first-child {
  margin-left: 0;
}

.card:last-child {
  margin-right: 0;
  border-right: 1px solid black;
}

 .mw-body .firstHeading {
    display: none;
}

#mw-panel {
    display: none;
}

.people {
	text-decoration: underline;
	border-top: 1px solid black;
}
.type {
	border-top: 1px solid black;
}