MediaWiki:Common.css - Revision history

Azzy at 01:04, 6 September 2024

2024-09-06T01:04:08Z

← Older revision		Revision as of 21:04, 5 September 2024
Line 7:		Line 7:

	.information-box {		.information-box {
	border-left: ~~6px~~ solid #f5c842; /* ~~Thicker orange~~ vertical line on the left */		border-left: 8px solid #f5c842; /* Orange vertical line on the left */
	~~border~~: ~~1px solid #f5c842~~; /* ~~Orange border~~ */		padding: 8px 12px; /* Adjusted padding */
	background-color: #f9f9f9; /* Light background color */		background-color: #f9f9f9; /* Light background color */
	~~padding: 8px 12px; /* Adjusted padding */~~
	font-family: sans-serif; /* Font style */		font-family: sans-serif; /* Font style */
	font-size: 15px; /* Adjust font size */		font-size: 15px; /* Adjust font size */
Line 19:		Line 18:
	box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Optional: adds a subtle shadow */		box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Optional: adds a subtle shadow */
	display: block; /* Ensure the element behaves like a block-level element */		display: block; /* Ensure the element behaves like a block-level element */
	~~height: auto; /* Ensure the box takes the height of its content */~~		}


	}

	.information-box-unused {		.information-box-unused {

Azzy at 01:03, 6 September 2024

2024-09-06T01:03:03Z

← Older revision		Revision as of 21:03, 5 September 2024
Line 19:		Line 19:
	box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Optional: adds a subtle shadow */		box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Optional: adds a subtle shadow */
	display: block; /* Ensure the element behaves like a block-level element */		display: block; /* Ensure the element behaves like a block-level element */
			height: auto; /* Ensure the box takes the height of its content */

	}		}

Azzy at 01:02, 6 September 2024

2024-09-06T01:02:44Z

← Older revision		Revision as of 21:02, 5 September 2024
Line 18:		Line 18:
	text-align: left; /* Keep the text left-aligned and flowing naturally */		text-align: left; /* Keep the text left-aligned and flowing naturally */
	box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Optional: adds a subtle shadow */		box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Optional: adds a subtle shadow */
			display: block; /* Ensure the element behaves like a block-level element */
	}		}

Azzy at 01:02, 6 September 2024

2024-09-06T01:02:11Z

← Older revision		Revision as of 21:02, 5 September 2024
Line 7:		Line 7:

	.information-box {		.information-box {
	border-left: ~~66px~~ solid #f5c842; /* ~~Orange~~ vertical line on the left */		border-left: 6px solid #f5c842; /* Thicker orange vertical line on the left */
	border: 1px solid #f5c842; /* Orange border */		border: 1px solid #f5c842; /* Orange border */
	background-color: #f9f9f9; /* Light background color */		background-color: #f9f9f9; /* Light background color */
Line 17:		Line 17:
	max-width: 800px; /* Set maximum width for the box */		max-width: 800px; /* Set maximum width for the box */
	text-align: left; /* Keep the text left-aligned and flowing naturally */		text-align: left; /* Keep the text left-aligned and flowing naturally */
			box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Optional: adds a subtle shadow */
	}		}

Azzy at 01:01, 6 September 2024

2024-09-06T01:01:22Z

← Older revision		Revision as of 21:01, 5 September 2024
Line 7:		Line 7:

	.information-box {		.information-box {
	border-left: ~~6px~~ solid #f5c842; /* Orange vertical line on the left */		border-left: 66px solid #f5c842; /* Orange vertical line on the left */
	border: 1px solid #f5c842; /* Orange border */		border: 1px solid #f5c842; /* Orange border */
	background-color: #f9f9f9; /* Light background color */		background-color: #f9f9f9; /* Light background color */

Azzy at 01:00, 6 September 2024

2024-09-06T01:00:46Z

← Older revision		Revision as of 21:00, 5 September 2024
Line 7:		Line 7:

	.information-box {		.information-box {
			border-left: 6px solid #f5c842; /* Orange vertical line on the left */
	border: 1px solid #f5c842; /* Orange border */		border: 1px solid #f5c842; /* Orange border */
	background-color: #f9f9f9; /* Light background color */		background-color: #f9f9f9; /* Light background color */
Line 18:		Line 19:
	}		}

			.information-box-unused {


	.information-~~box2~~ {
	display: flex;		display: flex;
	flex-direction: column;		flex-direction: column;

Azzy at 00:59, 6 September 2024

2024-09-06T00:59:35Z

← Older revision		Revision as of 20:59, 5 September 2024
Line 19:		Line 19:


	~~.information-box div {~~
	~~width: 100%; /* Make sure the inner content takes full width */~~
	}

	.information-box2 {		.information-box2 {

Azzy at 00:58, 6 September 2024

2024-09-06T00:58:57Z

← Older revision		Revision as of 20:58, 5 September 2024
Line 14:		Line 14:
	border-radius: 4px; /* Rounded corners */		border-radius: 4px; /* Rounded corners */
	margin: 10px auto; /* Center the box horizontally */		margin: 10px auto; /* Center the box horizontally */
	max-width: 800px; /* Set width for the box */		max-width: 800px; /* Set maximum width for the box */
	text-align: left; /* ~~Left~~-~~align all content~~ */		text-align: left; /* Keep the text left-aligned and flowing naturally */
	}		}

Azzy at 00:57, 6 September 2024

2024-09-06T00:57:49Z

← Older revision		Revision as of 20:57, 5 September 2024
Line 7:		Line 7:

	.information-box {		.information-box {
	~~display: flex;~~		border: 1px solid #f5c842; /* Orange border */
	~~flex-direction: column;~~
	~~align-items: center; /* Center the content horizontally */~~
	border: 1px solid #f5c842; /* ~~Thinner orange~~ border */
	background-color: #f9f9f9; /* Light background color */		background-color: #f9f9f9; /* Light background color */
	padding: 8px 12px; /* Adjusted padding */		padding: 8px 12px; /* Adjusted padding */
	font-family: sans-serif; /* ~~Similar font to the example~~ */		font-family: sans-serif; /* Font style */
	font-size: 15px; /* Adjust font size */		font-size: 15px; /* Adjust font size */
	border-radius: 4px; /* ~~Slightly rounded~~ corners */		border-radius: 4px; /* Rounded corners */
	margin: 10px auto; /* Center the box */		margin: 10px auto; /* Center the box horizontally */
	max-width: 800px; /* ~~Adjust~~ width */		max-width: 800px; /* Set width for the box */
	text-align: left; /* ~~Ensure text is left~~-~~aligned~~ */		text-align: left; /* Left-align all content */
	}		}


	.information-box div {		.information-box div {

Azzy at 00:53, 6 September 2024

2024-09-06T00:53:44Z

← Older revision		Revision as of 20:53, 5 September 2024
Line 7:		Line 7:

	.information-box {		.information-box {
	display: flex;		display: flex;
	flex-direction: column;		flex-direction: column;
	align-items: center; /* ~~Align~~ the ~~icon and text vertically~~ */		align-items: center; /* Center the content horizontally */
	border: 1px solid #f5c842; /* Thinner orange border */		border: 1px solid #f5c842; /* Thinner orange border */
	background-color: #f9f9f9; /* Light background color */		background-color: #f9f9f9; /* Light background color */
Line 18:		Line 18:
	margin: 10px auto; /* Center the box */		margin: 10px auto; /* Center the box */
	max-width: 800px; /* Adjust width */		max-width: 800px; /* Adjust width */
			text-align: left; /* Ensure text is left-aligned */
			}

			.information-box div {
			width: 100%; /* Make sure the inner content takes full width */
	}		}

	.information-box2 {		.information-box2 {
	~~width~~: ~~50%~~; /* ~~Set a width for~~ the ~~box~~ */		display: flex;
	border: 1px solid ~~orange~~; /* ~~Orange~~ border */		flex-direction: column;
			align-items: center; /* Align the icon and text vertically */
			border: 1px solid #f5c842; /* Thinner orange border */
	background-color: #f9f9f9; /* Light background color */		background-color: #f9f9f9; /* Light background color */
	padding: ~~10px~~; /* ~~Space inside the box~~ */		padding: 8px 12px; /* Adjusted padding */
	font-family: ~~Arial,~~ sans-serif; /* Similar font */		font-family: sans-serif; /* Similar font to the example */
	font-size: ~~14px~~; /* Adjust font size ~~to match~~ */		font-size: 15px; /* Adjust font size */
	border-radius: 4px; /* ~~Rounded~~ corners */		border-radius: 4px; /* Slightly rounded corners */
	margin: 10px auto; /* ~~Centering with auto margin */~~		margin: 10px auto; /* Center the box */
	box~~-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); /* Light shadow for depth~~ */		max-width: 800px; /* Adjust width */
	~~text~~-~~align~~: ~~center~~; /* ~~Optional: Center the text inside the box~~ */
	}		}