MediaWiki:Citizen.css - Historial de revisiones

Galahad en 01:33 2 nov 2023

2023-11-02T01:33:17Z

Jsmura en 00:08 2 nov 2023

2023-11-02T00:08:47Z

← Revisión anterior		Revisión del 00:08 2 nov 2023
Línea 197:		Línea 197:
	display: flex;		display: flex;
	position: relative;		position: relative;
	background-color: ~~var(--theme-page-background-color--secondary)~~;		background-color: #23272A;
	border: 1px solid;		border: 1px solid;
	border-left-width: 8px;		border-left-width: 8px;
	border-color: ~~var(--blurple)~~;		border-color: #5865F2;
	border-radius: 3px;		border-radius: 3px;
	margin-bottom: 5px;		margin-bottom: 5px;
Línea 207:		Línea 207:

	.mbox.mbox-type-warn {		.mbox.mbox-type-warn {
	border-color: ~~var(--yellow)~~;		border-color: #FEE75C;
	}		}

	.mbox.mbox-type-red {		.mbox.mbox-type-red {
	border-color: ~~var(--red)~~;		border-color: #ED4245;
	}		}

Línea 259:		Línea 259:
	.mbox__close {		.mbox__close {
	display: none;		display: none;
	}

	~~/* User badges */~~
	~~#userProfileApp .user-identity-header__tag {~~
	~~background-color: var(--theme-accent-color);~~
	~~color: var(--theme-accent-label-color);~~
	}

	~~/* Dark theme fixes */~~
	~~.theme-fandomdesktop-dark .redirectText li, .theme-fandomdesktop-dark .redirectText a {~~
	~~filter: invert(1);~~
	}		}

Jsmura en 23:57 1 nov 2023

2023-11-01T23:57:42Z

← Revisión anterior		Revisión del 23:57 1 nov 2023
Línea 3:		Línea 3:
	:root {		:root {
	--color-primary__h: 205;		--color-primary__h: 205;
			--type-important: rgba(200, 0, 0, 0.8);
			--type-moderate: rgba(233, 124, 47, 0.8);
			--type-minor: rgba(241, 197, 37, 0.8);
	}		}

Línea 267:		Línea 270:
	.theme-fandomdesktop-dark .redirectText li, .theme-fandomdesktop-dark .redirectText a {		.theme-fandomdesktop-dark .redirectText li, .theme-fandomdesktop-dark .redirectText a {
	filter: invert(1);		filter: invert(1);
	}

	~~:root {~~
	~~--type-important: rgba(200, 0, 0, 0.8);~~
	~~--type-moderate: rgba(233, 124, 47, 0.8);~~
	~~--type-minor: rgba(241, 197, 37, 0.8);~~
	}		}

Jsmura en 23:56 1 nov 2023

2023-11-01T23:56:23Z

← Revisión anterior		Revisión del 23:56 1 nov 2023
Línea 267:		Línea 267:
	.theme-fandomdesktop-dark .redirectText li, .theme-fandomdesktop-dark .redirectText a {		.theme-fandomdesktop-dark .redirectText li, .theme-fandomdesktop-dark .redirectText a {
	filter: invert(1);		filter: invert(1);
			}

			:root {
			--type-important: rgba(200, 0, 0, 0.8);
			--type-moderate: rgba(233, 124, 47, 0.8);
			--type-minor: rgba(241, 197, 37, 0.8);
	}		}

Jsmura en 23:55 1 nov 2023

2023-11-01T23:55:31Z

@@ Línea 188: / Línea 188: @@
      border: 0;
      background: linear-gradient(180deg,rgba(5,37,78,.5) 0,rgba(5,37,78,.5) 75%,rgba(5,37,78,0));
+}

Jsmura en 22:46 1 nov 2023

2023-11-01T22:46:48Z

@@ Línea 45: / Línea 45: @@
+}
-mbox {
+/* Base CSS classes for demo. If you wish to use Mbox on your wiki, only copy the below. */
      --type-important: rgba(200, 0, 0, 0.8);
      --type-moderate: rgba(233, 124, 47, 0.8);
@@ Línea 51: / Línea 53: @@
      display: flex;
      position: relative;
-     background-color: rgba(255, 255, 255, 0.7);
+     background-color: var(--theme-page-background-color--secondary);
-     border: 1px solid #d6d6d6;
+     border: 1px solid var(--theme-border-color);
      border-left-width: 8px;
      border-left-color: #d6d6d6;
@@ Línea 111: / Línea 113: @@
      vertical-align: middle;
      text-align: center;
-     padding-left: 15px;
+     padding: 0 15px;
      border-left: 1px solid #d6d6d6;
+}
@@ Línea 140: / Línea 142: @@
+}
-/* Ensure text is readable in the FandomDesktop dark theme. */
+/* Mobile skin fixes */
-.theme-fandomdesktop-dark .mbox {
+.skin-fandommobile .mbox__content__image {
-     background-color: var(--theme-page-background-color--secondary);
+    width: 60px;
-     border-color: var(--theme-border-color);
+}

Jsmura en 22:30 1 nov 2023

2023-11-01T22:30:34Z

← Revisión anterior		Revisión del 22:30 1 nov 2023
Línea 45:		Línea 45:
	}		}

	~~/* Message Boxes */~~		mbox {
	.~~mbox {~~		--type-important: rgba(200, 0, 0, 0.8);
	display: flex;		--type-moderate: rgba(233, 124, 47, 0.8);
	position: relative;		--type-minor: rgba(241, 197, 37, 0.8);
	background-color: ~~var~~(~~--theme-page-background-color--secondary~~);		display: flex;
	border: 1px solid;		position: relative;
	border-left-width: 8px;		background-color: rgba(255, 255, 255, 0.7);
	border-color: ~~var(--blurple)~~;		border: 1px solid #d6d6d6;
	border-radius: 3px;		border-left-width: 8px;
	margin-bottom: 5px;		border-left-color: #d6d6d6;
	min-height: 32px;		border-radius: 3px;
			margin-bottom: 5px;
			min-height: 32px;
	}		}

	.mbox.mbox-type-~~warn~~ {		.mbox.mbox-type-important {
	border-color: var(--~~yellow~~);		border-left-color: var(--type-important);
	}		}

	.mbox.mbox-type-~~red~~ {		.mbox.mbox-type-moderate {
	border-color: var(--~~red~~);		border-left-color: var(--type-moderate);
			}

			.mbox.mbox-type-minor {
			border-left-color: var(--type-minor);
	}		}

	.mbox__content {		.mbox__content {
	display: table;		display: table;
	box-sizing: border-box;		box-sizing: border-box;
	width: 100%;		width: 100%;
	padding: 8px 15px;		padding: 8px 15px;
	}		}

	.mbox__content__image {		.mbox__content__image {
	display: table-cell;		display: table-cell;
	width: 40px;		width: 40px;
	height: 100%;		height: 100%;
	text-align: center;		text-align: center;
	vertical-align: middle;		vertical-align: middle;
	padding-right: 15px;		padding-right: 15px;
	}		}

	.mbox__content__wrapper {		.mbox__content__wrapper {
	display: table-cell;		display: table-cell;
	vertical-align: middle;		vertical-align: middle;
	}		}

	.mbox__content__header {		.mbox__content__header {
	display: block;		display: block;
	font-weight: bold;		font-weight: bold;
	}		}

	.mbox__content__text {		.mbox__content__text {
	display: block;		display: block;
	}		}

	.mbox__content__text__comment {		.mbox__content__text__comment {
	font-size: small;		font-size: small;
	}		}

	.mbox__content__aside {		.mbox__content__aside {
	display: table-cell;		display: table-cell;
	width: 100px;		width: 100px;
	vertical-align: middle;		vertical-align: middle;
	text-align: center;		text-align: center;
	padding-left: 15px;		padding-left: 15px;
	border-left: 1px solid ~~var(--theme-border-color)~~;		border-left: 1px solid #d6d6d6;
	}		}

	.mbox__close {		.mbox__close {
	~~display~~: ~~none~~;		position: absolute;
			right: 0;
			top: 0;
			padding: 2px 7px;
			font-weight: bold;
			font-size: 16px;
			color: #bbb;
			cursor: pointer;
			transition: all .15s ease-in;
			}

			.mbox__close:hover {
			color: #777;
			}

			.mbox__close:after {
			content: '×';
			}

			.mw-collapsed + .mbox__close {
			transform: rotate(45deg);
			padding: 4px 7px 5px 2px;
			}

			/* Ensure text is readable in the FandomDesktop dark theme. */
			.theme-fandomdesktop-dark .mbox {
			background-color: var(--theme-page-background-color--secondary);
			border-color: var(--theme-border-color);
	}		}

Jsmura en 22:24 1 nov 2023

2023-11-01T22:24:24Z

@@ Línea 43: / Línea 43: @@
 .skin-citizen-dark .purpura {
 	color: #df00b9;
+}

Galahad en 14:49 10 sep 2023

2023-09-10T14:49:47Z

← Revisión anterior		Revisión del 14:49 10 sep 2023
Línea 9:		Línea 9:
	--color-primary__l: 56%;		--color-primary__l: 56%;
	}		}

	~~/* Align icon opacity with skin default */~~
	~~.mw-logo-icon {~~
	~~opacity: var( --opacity-icon-base );~~
	}


	/* Align icon opacity with skin default */		/* Align icon opacity with skin default */

Galahad en 14:48 10 sep 2023

2023-09-10T14:48:44Z

← Revisión anterior		Revisión del 14:48 10 sep 2023
Línea 1:		Línea 1:
	/* All CSS here will be loaded for users of the Citizen skin */		/* All CSS here will be loaded for users of the Citizen skin */
	/* Courtesy of starcitizen.tools */		/* Courtesy of starcitizen.tools */
	~~:root {~~
	~~--width-layout: 1280px; /* Slightly wider content */~~
	}

	~~/* Adjust primary color */~~
	:root {		:root {
	--color-primary__h: 205;		--color-primary__h: 205;
Línea 13:		Línea 8:
	:root.skin-citizen-dark {		:root.skin-citizen-dark {
	--color-primary__l: 56%;		--color-primary__l: 56%;
			}

			/* Align icon opacity with skin default */
			.mw-logo-icon {
			opacity: var( --opacity-icon-base );
	}		}