MediaWiki:Common.css: Difference between revisions

From Wiki of ZZT
Jump to navigation Jump to search
(Add preliminary navbox CSS)
(Revise navbox CSS: use more classes, style lists inline)
Line 27: Line 27:
/* Navbox CSS */
/* Navbox CSS */
.navbox {
.navbox {
  width: 100%;
width: 100%;
  border: 1px solid #aaa;
border: 1px solid #aaa;
box-sizing: border-box;
}
}
 
.navbox .title th {
.navbox tr:first-child {
background: #B6B6E7;
  background: #B6B6E7;
}
.navbox .group th {
background: #DBDBF3;
padding-left: 1em;
padding-right: 1em;
}
.navbox .group td {
padding-left: 0.5em;
padding-right: 0.5em;
width: 100%;
}
.navbox .group:nth-child(2n+1) td {
background: #f5f5f5;
}
}


.navbox tr:nth-child(n+2) th {
/* Style lists as dot-separated items */
  background: #DBDBF3;
.navbox ul {
  padding-left: 1em;
margin: 0;
  padding-right: 1em;
}
}
 
.navbox li {
.navbox td {
display: inline;
  padding-left: 0.5em;
  padding-right: 0.5em;
  width: 100%;
}
}
 
.navbox li:nth-child(n+2):before {
.navbox tr:nth-child(2n+1) td {
content: " \00b7  ";
  background: #f5f5f5;
font-weight: bold;
}
}

Revision as of 05:43, 18 January 2021

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

@font-face {
	font-family: "EGA8";
	src: url("/w/images/a/ae/Web437_IBM_EGA_8x14.woff") format("woff");
}

.blinking {
	animation: 2.5s linear infinite blinking_text;
}
@keyframes blinking_text {
	35% {
		opacity: 100%;
	}
	45% {
		opacity: 0%;
	}
	55% {
		opacity: 0%;
	}
	65% {
		opacity: 100%;
	}
}


/* Navbox CSS */
.navbox {
	width: 100%;
	border: 1px solid #aaa;
	box-sizing: border-box;
}
.navbox .title th {
	background: #B6B6E7;
}
.navbox .group th {
	background: #DBDBF3;
	padding-left: 1em;
	padding-right: 1em;
}
.navbox .group td {
	padding-left: 0.5em;
	padding-right: 0.5em;
	width: 100%;
}
.navbox .group:nth-child(2n+1) td {
	background: #f5f5f5;
}

/* Style lists as dot-separated items */
.navbox ul {
	margin: 0;
}
.navbox li {
	display: inline;
}
.navbox li:nth-child(n+2):before {
	content: " \00b7  ";
	font-weight: bold;
}