وحدة:Portal/styles.css

.portalbox {
	padding: 0; /* Timeless adds padding */
	margin: 0.5em 0;
	display: table;
	box-sizing: border-box;
	max-width: 20ch;
	list-style: none;
}

.portalborder {
	border: solid #aaa 1px;
	padding: 0.1em;
	background: #f9f9f9;
}

.portalbox-entry {
	display: table-row;
	font-size: 85%;
	line-height: 110%;
	height: 1.9em; /* sets min height */
	font-style: italic;
	font-weight: bold;
}

.portalbox-image {
	display: table-cell;
	padding: 0.2em;
	vertical-align: middle;
	text-align: center;
}

.portalbox-link {
	display: table-cell;
	padding: 0.2em 0.2em 0.2em 0.3em;
	vertical-align: middle;
}

@media (min-width: 720px) {
	.portalleft {
		clear: left;
		float: left;
		margin: 0.5em 1em 0.5em 0
	}
	
	.portalright {
		clear: right;
		float: right;
		margin: 0.5em 0 0.5em 1em
	}
}
#bandeau-portail {
  clear: both;
  line-height: 1.9em;
  padding: 3px;
  margin: 2px 0;
  background-color: var(--background-color-neutral-subtle,#f8f9fa);
  text-align: center;
  border: 1px solid var(--border-color-base,#a2a9b1);
}

#liste-portail {
  padding: 3px;
  text-align: center;
  margin-right: 0;
  clear: both;
}

#liste-portail li,
#bandeau-portail li {
  display: inline;
}

.bandeau-portail-element {
  white-space: nowrap;
  margin: auto 1.5em;
}

.bandeau-portail-icone {
  margin-left: 0.5em;
}

/**صغر في التصنيفات**/
.bandeau-portail-texte > a:nth-child(1) {
  font-weight: 700;
}

.ns-14 #bandeau-portail {
  width: 242px;
  float: left;
  font-size: 96%;
  text-align: right;
  margin: 0;
  clear: left;
}

.ns-14 #bandeau-portail li {
  margin-right: -17px;
}

@media screen {
    html.skin-theme-clientpref-night .portalbox {
      background: transparent;
	}
}
/* forced night mode */
@media screen and (prefers-color-scheme: dark) {
    /* automatic mode */
    html.skin-theme-clientpref-os .pane {
      background: transparent;
    }
}