MediaWiki:Common.css - Revision history

Lleung at 22:22, 16 May 2024

2024-05-16T22:22:27Z

← Older revision		Revision as of 22:22, 16 May 2024
Line 337:		Line 337:
	table.table-left-aligned td, table.table-left-aligned th {		table.table-left-aligned td, table.table-left-aligned th {
	text-align: left;		text-align: left;
			vertical-align: top;
	}		}

Lleung at 22:20, 16 May 2024

2024-05-16T22:20:36Z

← Older revision		Revision as of 22:20, 16 May 2024
Line 335:		Line 335:


	.table-left-aligned td, .table-left-aligned th {		table.table-left-aligned td, table.table-left-aligned th {
	text-align: left;		text-align: left;
	}		}

Lleung at 22:18, 16 May 2024

2024-05-16T22:18:18Z

← Older revision		Revision as of 22:18, 16 May 2024
Line 332:		Line 332:
	text-decoration:none;		text-decoration:none;
	font-size: 2em;		font-size: 2em;
			}


			.table-left-aligned td, .table-left-aligned th {
			text-align: left;
	}		}

Lleung at 18:34, 15 May 2024

2024-05-15T18:34:03Z

← Older revision		Revision as of 18:34, 15 May 2024
Line 329:		Line 329:
	}		}
	.registerButton a {		.registerButton a {
	color:#ffffff;		color:#ffffff !important;
	text-decoration:none;		text-decoration:none;
			font-size: 2em;
	}		}

Lleung at 18:32, 15 May 2024

2024-05-15T18:32:36Z

← Older revision		Revision as of 18:32, 15 May 2024
Line 327:		Line 327:
	position:relative;		position:relative;
	top:1px;		top:1px;
			}
			.registerButton a {
			color:#ffffff;
			text-decoration:none;
	}		}

Lleung at 18:31, 15 May 2024

2024-05-15T18:31:54Z

@@ Line 287: / Line 287: @@
 ul + table.navbox {
      margin-top: 1em;        /* Prevent lists from clinging to navboxes */
+}

Lleung at 22:16, 20 September 2023

2023-09-20T22:16:49Z

← Older revision	Revision as of 22:16, 20 September 2023
Line 107:	Line 107:




		/* Style for horizontal lists (separator following item).
		IE8-specific classes are assigned in [[MediaWiki:Common.js/IEFixes.js]].
		@source mediawiki.org/wiki/Snippets/Horizontal_lists
		@revision 6 (2014-05-09)
		@author [[User:Edokter]]
		*/
		.hlist dl,
		.hlist ol,
		.hlist ul {
		margin: 0;
		padding: 0;
		}
		/* Display list items inline */
		.hlist dd,
		.hlist dt,
		.hlist li {
		margin: 0;
		display: inline;
		}
		/* Display nested lists inline */
		.hlist.inline,
		.hlist.inline dl,
		.hlist.inline ol,
		.hlist.inline ul,
		.hlist dl dl, .hlist dl ol, .hlist dl ul,
		.hlist ol dl, .hlist ol ol, .hlist ol ul,
		.hlist ul dl, .hlist ul ol, .hlist ul ul {
		display: inline;
		}
		/* Generate interpuncts */
		.hlist dt:after {
		content: ": ";
		}
		.hlist dd:after,
		.hlist li:after {
		content: " · ";
		font-weight: bold;
		}
		.hlist dd:last-child:after,
		.hlist dt:last-child:after,
		.hlist li:last-child:after {
		content: none;
		}
		/* For IE8 */
		.hlist dd.hlist-last-child:after,
		.hlist dt.hlist-last-child:after,
		.hlist li.hlist-last-child:after {
		content: none;
		}
		/* Add parentheses around nested lists */
		.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
		.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
		.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
		content: " (";
		font-weight: normal;
		}
		.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
		.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
		.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
		content: ") ";
		font-weight: normal;
		}
		/* For IE8 */
		.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,
		.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,
		.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {
		content: ") ";
		font-weight: normal;
		}
		/* Put ordinals in front of ordered list items */
		.hlist ol {
		counter-reset: listitem;
		}
		.hlist ol > li {
		counter-increment: listitem;
		}
		.hlist ol > li:before {
		content: " " counter(listitem) " ";
		white-space: nowrap;
		}
		.hlist dd ol > li:first-child:before,
		.hlist dt ol > li:first-child:before,
		.hlist li ol > li:first-child:before {
		content: " (" counter(listitem) " ";
		}

		/* Unbulleted lists */
		.plainlist ol,
		.plainlist ul {
		line-height: inherit;
		list-style: none none;
		margin: 0;
		}
		.plainlist ol li,
		.plainlist ul li {
		margin-bottom: 0;
		}

Lleung: added navbox

2023-09-20T22:15:14Z

added navbox

← Older revision		Revision as of 22:15, 20 September 2023
Line 105:		Line 105:
	@media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0; } }		@media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0; } }
	@media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0; } }		@media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0; } }




			/* Default style for navigation boxes */
			.wiki-navbar ul {
			float: left;
			}


			.navbox table {
			margin: 0px !important;
			}
			.navbox { /* Navbox container style */
			border: 1px solid var(--background-hard-border);
			width: 100%;
			margin: auto;
			clear: both;
			font-size: 88%;
			text-align: center;
			padding: 1px;
			float: left;
			}
			.navbox-inner,
			.navbox-subgroup {
			width: 100%;
			}
			.navbox-group,
			.navbox-title,
			.navbox-abovebelow {
			padding: 0.25em 1em; /* Title, group and above/below styles */
			line-height: 1.5em;
			text-align: center;
			}
			th.navbox-group { /* Group style */
			white-space: nowrap;
			/* @noflip */
			text-align: right;
			}
			.navbox,
			.navbox-subgroup {
			background: rgba(115,115,115,0.1) !important; /* Background color */
			}
			.navbox-list {
			line-height: 1.8em;
			border-color: rgba(115,115,115,0.1); /* Must match background color */
			}
			.navbox th,
			.navbox-title {
			background: var(--navbox-level1) !important; /* Level 1 color */
			}
			.navbox tr td {
			padding: 0px !important;
			}
			.navbox-abovebelow,
			th.navbox-group,
			.navbox-subgroup .navbox-title {
			background: var(--navbox-level2) !important; /* Level 2 color */
			}
			.navbox-subgroup .navbox-group,
			.navbox-subgroup .navbox-abovebelow {
			background: #e6e6ff; /* Level 3 color */
			}
			.navbox-even {
			background: rgba(115,115,115,0.1)!important; /* Even row striping */
			}
			.navbox-odd {
			background: transparent; /* Odd row striping */
			}
			table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */
			margin-top: -1px; /* (doesn't work for IE6, but that's okay) */
			}
			.navbox .hlist td dl,
			.navbox .hlist td ol,
			.navbox .hlist td ul,
			.navbox td.hlist dl,
			.navbox td.hlist ol,
			.navbox td.hlist ul {
			padding: 0.125em 0; /* Adjust hlist padding in navboxes */
			}
			ol + table.navbox,
			ul + table.navbox {
			margin-top: 1em; /* Prevent lists from clinging to navboxes */
			}

Lleung at 23:46, 4 February 2021

2021-02-04T23:46:16Z

← Older revision		Revision as of 23:46, 4 February 2021
Line 1:		Line 1:
	/* CSS placed here will be applied to all skins		/* CSS placed here will be applied to all skins */
	#p-logo a {		#p-logo a {
	background-position: top left;		background-position: top left;
	background-repeat: no-repeat;		background-repeat: no-repeat;
	~~margin: 15px;~~
	~~margin-left: 50px;~~
	display: block;		display: block;
	width: ~~562px~~;		margin-left: 15px;
	height: ~~100px~~;		margin-top: -10px;
			width: 600px;
			height: 75px;
	text-decoration: none;		text-decoration: none;
	} */		background-size: contain;
			}

	#p-logo a {		#p-logo a {
	background-size: contain;		background-size: contain;
Line 16:		Line 18:
	margin-top: 1em;		margin-top: 1em;
	margin-bottom: 0;		margin-bottom: 0;
			width: 650px;
			height: auto;
			}
			.mw-wiki-logo {
			background-image: url(https://rcs.ucalgary.ca/images/0/0e/Crest_Horizontal.png);
	}		}

Lleung at 23:23, 4 February 2021

2021-02-04T23:23:27Z

← Older revision		Revision as of 23:23, 4 February 2021
Line 12:		Line 12:
	#p-logo a {		#p-logo a {
	background-size: contain;		background-size: contain;
			}
			#p-logo {
			margin-top: 1em;
			margin-bottom: 0;
	}		}