MediaWiki:Medik.css - Revision history

Ajhg at 03:24, 9 April 2025

2025-04-09T03:24:20Z

← Older revision		Revision as of 03:24, 9 April 2025
Line 19:		Line 19:
	#p-banner {		#p-banner {
	font-family: georgia;		font-family: georgia;
			font-weight: 100;
	}		}

Ajhg at 03:23, 9 April 2025

2025-04-09T03:23:09Z

← Older revision		Revision as of 03:23, 9 April 2025
Line 15:		Line 15:
	.bg-ws {		.bg-ws {
	background-color: var(--cc-blue);		background-color: var(--cc-blue);
			}

			#p-banner {
			font-family: georgia;
	}		}

Ajhg at 03:21, 9 April 2025

2025-04-09T03:21:45Z

← Older revision		Revision as of 03:21, 9 April 2025
Line 2:		Line 2:

	/* css from Aaron */		/* css from Aaron */
			@font-face {
			font-family: georgia;
			src: url(images/fonts/georgia.ttf);
			}

	body {		body {
	height: 100%;		height: 100%;

Ajhg at 21:19, 17 March 2025

2025-03-17T21:19:12Z

← Older revision		Revision as of 21:19, 17 March 2025
Line 204:		Line 204:


	~~/* CSS styling for carousel on the Homepage */~~
	~~.carousel-heading {~~
	~~text-align: center;~~
	~~font-size: 20px;~~
	~~margin-bottom: 5px;~~
	~~margin-top: 23px;~~
	~~color: #003366;~~
	}
	~~.carousel-container {~~
	~~position: relative;~~
	~~display: block;~~
	~~width: 75%;~~
	~~margin: 0 auto;~~
	~~overflow: hidden;~~
	~~background-color: #eee;~~
	~~margin-bottom: 20px;~~
	~~box-shadow: 5px 5px 5px rgba(0,0,0,0.125) inset, -5px -5px 5px 0px rgba(255,255,255,0.5) inset;~~
	~~border-radius: 1em;~~
	}

	~~.carousel-item {~~
	~~display: flex;~~
	~~flex-direction: column;~~
	~~justify-content: center;~~
	~~align-items: center;~~
	~~width: 100%;~~
	~~height: 400px;~~
	~~box-sizing: border-box;~~
	~~text-align: center;~~
	}

	~~.carousel-title {~~
	~~margin-top: 10px;~~
	~~font-size: 18px;~~
	~~color: #333;~~
	}

	~~.carousel-item img {~~
	~~width: 400px;~~
	~~height: 300px;~~
	~~max-width: 400px;~~
	~~max-height: 300px;~~
	~~object-fit: cover;~~
	~~transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;~~
	~~box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.3);~~
	}

	~~/* Carousel left and right button stylings */~~
	~~.carousel-prev, .carousel-next {~~
	~~position: absolute;~~
	~~top: 50%;~~
	~~transform: translateY(-50%);~~
	~~background-color: var(--cc-white);~~
	~~color: #777;~~
	~~border: none;~~
	~~padding: 10px 15px;~~
	~~font-size: 20px;~~
	~~cursor: pointer;~~
	~~border-radius: 50%;~~
	~~width: 50px;~~
	~~height: 50px;~~
	~~display: flex;~~
	~~align-items: center;~~
	~~justify-content: center;~~
	~~z-index: 20;~~
	~~box-shadow: 5px 5px 5px 2px rgba(0,0,0,.25),0px 0px 5px 2px rgba(0,0,0,.25) inset;~~
	}

	~~.carousel-next {~~
	~~right: 0px;~~
	~~border-radius: 50% 0 0 50%;~~
	}

	~~.carousel-prev {~~
	~~left: 0px;~~
	~~border-radius: 0 50% 50% 0;~~
	}

	~~.carousel-prev:hover, .carousel-next:hover {~~
	~~background-color: #002244;~~
	}

	/* filter buttons on both Tools and Project Tutorials pages */		/* filter buttons on both Tools and Project Tutorials pages */

Ajhg at 19:58, 17 March 2025

2025-03-17T19:58:09Z

← Older revision		Revision as of 19:58, 17 March 2025
Line 273:		Line 273:

	.carousel-next {		.carousel-next {
	right: ~~-1px~~;		right: 0px;
	border-radius: 50% 0 0 50%;		border-radius: 50% 0 0 50%;
	}		}

	.carousel-prev {		.carousel-prev {
	left: ~~-1px~~;		left: 0px;
	border-radius: 0 50% 50% 0;		border-radius: 0 50% 50% 0;
	}		}

Ajhg at 19:57, 17 March 2025

2025-03-17T19:57:04Z

← Older revision		Revision as of 19:57, 17 March 2025
Line 5:		Line 5:
	height: 100%;		height: 100%;
	--cc-white: #edeff7;		--cc-white: #edeff7;
			--cc-blue: #003069;
			}

			.bg-ws {
			background-color: var(--cc-blue);
			}

			#mw-navigation {
			background-color: var(--cc-blue);
	}		}

Ajhg at 19:48, 17 March 2025

2025-03-17T19:48:42Z

← Older revision		Revision as of 19:48, 17 March 2025
Line 209:		Line 209:
	margin: 0 auto;		margin: 0 auto;
	overflow: hidden;		overflow: hidden;
	background-color: ~~var(--cc-white)~~;		background-color: #eee;
	margin-bottom: 20px;		margin-bottom: 20px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.125) inset, -5px -5px 5px 0px rgba(255,255,255,0.5) inset;		box-shadow: 5px 5px 5px rgba(0,0,0,0.125) inset, -5px -5px 5px 0px rgba(255,255,255,0.5) inset;

Ajhg at 19:46, 17 March 2025

2025-03-17T19:46:29Z

← Older revision		Revision as of 19:46, 17 March 2025
Line 209:		Line 209:
	margin: 0 auto;		margin: 0 auto;
	overflow: hidden;		overflow: hidden;
	background-color: ~~#ddd~~;		background-color: var(--cc-white);
	margin-bottom: 20px;		margin-bottom: 20px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.125) inset, -5px -5px 5px 0px rgba(255,255,255,0.5) inset;		box-shadow: 5px 5px 5px rgba(0,0,0,0.125) inset, -5px -5px 5px 0px rgba(255,255,255,0.5) inset;
Line 247:		Line 247:
	top: 50%;		top: 50%;
	transform: translateY(-50%);		transform: translateY(-50%);
	background-color: ~~#fff~~;		background-color: var(--cc-white);
	color: #777;		color: #777;
	border: none;		border: none;

Ajhg at 19:44, 17 March 2025

2025-03-17T19:44:46Z

← Older revision		Revision as of 19:44, 17 March 2025
Line 4:		Line 4:
	body {		body {
	height: 100%;		height: 100%;
			--cc-white: #edeff7;
			}

			#mw-main-container .row {
			background-color: var(--cc-white);
	}		}

Ajhg at 19:01, 17 March 2025

2025-03-17T19:01:16Z

← Older revision		Revision as of 19:01, 17 March 2025
Line 179:		Line 179:

	.homeInfoBox {		.homeInfoBox {
	background-color: #~~d3ddf0~~;		background-color: #eee;
	padding: 10px 20px;		padding: 10px 20px;
	width: 16vw;		width: 16vw;