Template:Spec.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1: / Line 1: @@
 #content {
-	  font-family: 'Besley', serif !important;
+	font-family: 'Besley', serif !important;
 }
@@ Line 37: / Line 37: @@
 #mw-content-text {
-  font-family: 'Besley', serif !important;
+	font-family: 'Besley', serif !important;
-  max-width: 56rem;
+	max-width: 56rem;
-  margin: auto;
+	margin: auto;
-  color: var(--colour-grey-800);
+	color: var(--colour-grey-800);
 }
 span.required, .required code {
-color: var(--colour-bubblegum-700);
+	color: var(--colour-bubblegum-700);
 }
 span.optional, .optional code {
-color: var(--colour-ectoplasm-700);
+	color: var(--colour-ectoplasm-700);
 }
 span.multiple, .multiple code {
-color: var(--colour-yellow-700);
+	color: var(--colour-yellow-700);
+}
+span.symbol {
+	font-family: 'Noto Sans Symbols 2';
+	font-size: 2rem;
 }
 ul {
-  list-style-type: "❊ ";
+	list-style-type: "❊ ";
-  list-style-image: none;
+	list-style-image: none;
 }
-.must { color: var(--colour-bubblegum-700); font-weight: bold; }
+.must {
-.mustnt { color: var(--colour-aubergine-700); font-weight: bold; }
+	color: var(--colour-bubblegum-700); font-weight: bold;
-.should { color: var(--colour-orange-700); font-weight: bold; }
+}
-.shouldnt { color: var(--colour-weezer-700); font-weight: bold; }
-.may { color: var(--colour-ectoplasm-700); font-weight: bold; }
+.mustnt {
+	color: var(--colour-aubergine-700); font-weight: bold;
+}
+.should {
+	color: var(--colour-orange-700); font-weight: bold;
+}
+.shouldnt {
+	color: var(--colour-weezer-700); font-weight: bold;
+}
+.may {
+	color: var(--colour-ectoplasm-700); font-weight: bold;
+}
 #toc {
-  display: block;
+	display: block;
-  max-width: 24rem;
+	max-width: 24rem;
-  margin: auto;
+	margin: auto;
-  background: transparent;
+	background: transparent;
-  border: none;
+	border: none;
-  color: var(--colour-grey-500);
+	color: var(--colour-grey-500);
 }
 .toctitle {
-  margin-bottom: .5rem;
+	margin-bottom: .5rem;
-  display: grid;
+	display: grid;
-  grid-template-columns: 1fr 2fr 1fr;
+	grid-template-columns: 1fr 2fr 1fr;
-  justify-content: center;
+	justify-content: center;
-  align-items: baseline;
+	align-items: baseline;
 }
 .toctogglespan {
-  grid-column: 3;
+	grid-column: 3;
-  color: var(--colour-grey-300);
+	color: var(--colour-grey-300);
-  label { color: var(--colour-grey-500); }
+	label {
-  label:hover { color: var(--colour-grey-700); }
+		color: var(--colour-grey-500);
+	}
+	label:hover {
+		color: var(--colour-grey-700);
+	}
 }
 #content h2#mw-toc-heading {
-  color: var(--colour-grey-600);
+	color: var(--colour-grey-600);
-  font-family: inherit;
+	font-family: inherit;
-  text-transform: uppercase;
+	text-transform: uppercase;
-  font-weight: 500;
+	font-weight: 500;
-  letter-spacing: 7%;
+	letter-spacing: 7%;
-  font-size: .85rem;
+	font-size: .85rem;
-  grid-column: 2;
+	grid-column: 2;
 }
@@ Line 115: / Line 138: @@
 #content a {
-  font-variant: small-caps;
+	font-variant: small-caps;
-  letter-spacing: 5%;
+	letter-spacing: 5%;
-  color: var(--colour-denim-800);
+	color: var(--colour-denim-800);
 }
@@ Line 125: / Line 148: @@
 .lede {
-  font-size: 1.1rem;
+	font-size: 1.1rem;
-  color: var(--colour-grey-700);
+	color: var(--colour-grey-700);
-  text-align: center !important;
+	text-align: center !important;
-  max-width: 36rem;
+	max-width: 36rem;
-  margin-left: auto !important;
+	margin-left: auto !important;
-  margin-right: auto !important;
+	margin-right: auto !important;
-  margin-top: 0;
+	margin-top: 0;
-  margin-bottom: .5rem;
+	margin-bottom: .5rem;
 }
 del {
-color: var(--colour-grey-500)
+	color: var(--colour-grey-500)
 }