MediaWiki:Common.css: mudanças entre as edições

De Xenite Wiki
Ir para navegação Ir para pesquisar
(Criou página com '→‎* o código CSS colocado aqui será aplicado a todos os temas: →‎Cor de fundo e texto principal: body { background-color: #000000; →‎Preto: color: #B8860B; →‎Dourado: } →‎Cor de fundo do cabeçalho e rodapé: #mw-head-base, #mw-navigation, #footer { background-color: #1a1a1a; →‎Um tom de cinza escuro para contraste: } →‎Cor e estilo da barra de navegação: #mw-head, #mw-panel { background-color: #1a1a1a;...')
 
Sem resumo de edição
 
(11 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
/** o código CSS colocado aqui será aplicado a todos os temas */
@import url(//meta.wikimedia.org/wiki/User:Aron_Manning/skin-theming.css?action=raw&ctype=text/css);
/* Cor de fundo e texto principal */


body {
/** Mild mode: light gray palette **/


        background-color: #000000; /* Preto */
/**/ :root,  /* Make it the default palette */
:root.mild {
/* Dark mode colors inverted for text */
--text-shade-1: #000;
--text-shade-2: #222;
--text-shade-3: #444;
--text-shade-4: #666;
/* Handpicked dark red palette for links */
--link-shade-1: #8b0000;
--link-shade-2: #7a0000;
--link-shade-3: #690000;
--link-shade-4: #580000;
--link-focus-bg: #8b000040;  /* dark red + alpha 25% */
--link-focus-bg: #8b0000d3; /* dark red + alpha 20%, rounded */


        color: #B8860B; /* Dourado */


}


/* Handpicked light gray palette for background */
--bg-overlay-0: #9998;
--bg-shadow-0: #0004;
--popup-bg: #cccd;
--popup-anim-bg: var(--bg-shade-6);
--popup-anim-bg: #999c;  /* darken(var(--popup-bg), 2) */
--popup-anim-bg: #333c;
--popup-anim-bg: #0006;  /* invert dark */
--bg-shadow-1: var(--bg-shade-0);
--bg-shade-0: #999;
--bg-shade-1: #aaa;
--bg-shade-2: #bbb;
--bg-shade-3: #ddd;
--border-shade-3: var(--bg-shade-2);
--bg-shade-3a: #e1e1e1;  /* +7: +4 */
/* --bg-shade-4: #e5e5e5; */  /* +6: +4 */
--bg-shade-4: #e8e8e8;  /* +6: +7 */  /* table row 1 */
--border-shade-4: var(--bg-shade-2);
--bg-shade-48: #e8e8e8;  /* +4 :+3 */
--bg-shade-4a: #eaeaea;  /* +2 */
--bg-shade-50: #eeeeee;  /* +6: +4 */
--bg-shade-5: #f2f2f2;  /* +5: +4 */  /* table row 2 */
--bg-shade-6: #fff;  /* +17: +13 */


/* Cor de fundo do cabeçalho e rodapé */
/* Difference view: gray, red and green with highlights */
--diff-bg: #fff2;  /* brighten -- add some white with transparency -> #e1e1e1 */
--diff-bg: #fff4;  /* brighten -- add some white with transparency -> #e6e6e6 */
--diff-bg: #fff5;  /* brighten -- add some white with transparency -> #e8e8e8 */
--diff-bg: #fff7;  /* brighten -- add some white with transparency -> #ededed */
--diff-bg: #fff8;  /* brighten -- add some white with transparency -> #efefef */
--diff-bg: var(--bg-shade-4);  /* #e8e8e8 */
--diff-text: #222;
--diff-text: var(--text-shade-2);  /* #222 */


#mw-head-base, #mw-navigation, #footer {
/* --diff-add-bg: #0f04; */  /* bit bright */
--diff-add-bg: #0f03;  /* add some green to --bg-shade-3 -> #b1e2b6 */
--diff-add-bg: #aea;  /* #e8e8e8 + #0f03 -> #b1e2b6 rounded */
--diff-add-bg: #beb;  /* #e8e8e8 + #0f03 -> #b1e2b6 rounded */
--diff-add-bg: #bdb;  /* #e8e8e8 + #0f03 -> #b1e2b6 rounded */
--diff-add-bg: #ada;  /* #e8e8e8 + #0f03 -> #b1e2b6 rounded */
--diff-add-bg-1: #0f05;  /* add more green -> #3fef47 */
--diff-add-bg-1: #4e4;  /* #ada + #0f05 -> #3fef47 rounded */
--diff-add-bg-1: #6d6;  /* #ada + #0f05 -> #3fef47, darker */
--diff-add-bg-1: #5d5;  /* #ada + #0f05 -> #3fef47, darker */


        background-color: #1a1a1a; /* Um tom de cinza escuro para contraste */
/* --diff-del-bg: #f004; */ /* bit bright */
 
--diff-del-bg: #f003; /* add some red to --bg-shade-3 -> #e6b5b5 */
}
--diff-del-bg: #eaa; /* #e8e8e8 + #f003 -> #e6b5b5 rounded */
 
--diff-del-bg-1: #f005; /* add more red -> #f57978 */
/* Cor e estilo da barra de navegação */
--diff-del-bg-1: #e77; /* #533 + #f005 -> #f57978 rounded */
 
--diff-del-bg-1: #e66; /* #533 + #f005 -> #f57978 rounded, bit darker */
#mw-head, #mw-panel {
--diff-del-bg-1: #e55; /* #533 + #f005 -> #f57978, darker */
 
        background-color: #1a1a1a; /* Cinza escuro */
 
        border: 1px solid #B8860B; /* Borda dourada */
 
}
 
 
/* Cor dos links na barra de navegação */
 
#p-navigation a {
 
        color: #B8860B; /* Dourado */
 
}
/* Cor dos links */
 
a {
 
        color: #B8860B; /* Dourado */
 
}
 
 
/* Cor dos links ao passar o mouse */
 
a:hover {
 
        color: #ffffff; /* Branco */
 
}
 
 
/*4. Infoboxes e Tabelas:*/
/* Estilo das infoboxes e tabelas */
 
.infobox, table.wikitable {
 
        border: 2px solid #B8860B; /* Borda dourada */
 
        background-color: #1a1a1a; /* Cinza escuro */
 
}
 
 
/* Cabeçalhos das infoboxes e tabelas */
 
.infobox th, table.wikitable th {
 
        background-color: #B8860B; /* Dourado */
 
        color: #000000; /* Preto */
 
}
 
 
/*5. Botões e Formulários:*/
/* Estilo dos botões */
 
button, input[type="submit"] {
 
        background-color: #B8860B; /* Dourado */
 
        color: #000000; /* Preto */
 
        border: none;


--image-invert: '';
}
}

Edição atual tal como às 20h31min de 26 de outubro de 2023

@import url(//meta.wikimedia.org/wiki/User:Aron_Manning/skin-theming.css?action=raw&ctype=text/css);

/** Mild mode: light gray palette **/

/**/ :root,  /* Make it the default palette */
:root.mild {
	/* Dark mode colors inverted for text */
	--text-shade-1: #000;
	--text-shade-2: #222;
	--text-shade-3: #444;
	--text-shade-4: #666;
	
/* Handpicked dark red palette for links */
	--link-shade-1: #8b0000;
	--link-shade-2: #7a0000;
	--link-shade-3: #690000;
	--link-shade-4: #580000;
	--link-focus-bg: #8b000040;  /* dark red + alpha 25% */
	--link-focus-bg: #8b0000d3;  /* dark red + alpha 20%, rounded */



	/* Handpicked light gray palette for background */
	--bg-overlay-0: #9998;
	--bg-shadow-0: #0004;
	--popup-bg: #cccd;
	--popup-anim-bg: var(--bg-shade-6);
	--popup-anim-bg: #999c;  /* darken(var(--popup-bg), 2) */
	--popup-anim-bg: #333c;
	--popup-anim-bg: #0006;  /* invert dark */
	--bg-shadow-1: var(--bg-shade-0);
	--bg-shade-0: #999;
	--bg-shade-1: #aaa;
	--bg-shade-2: #bbb;
	--bg-shade-3: #ddd;
	--border-shade-3: var(--bg-shade-2);
	--bg-shade-3a: #e1e1e1;  /* +7: +4 */
	/* --bg-shade-4: #e5e5e5; */  /* +6: +4 */
	--bg-shade-4: #e8e8e8;  /* +6: +7 */  /* table row 1 */
	--border-shade-4: var(--bg-shade-2);
	--bg-shade-48: #e8e8e8;  /* +4 :+3 */
	--bg-shade-4a: #eaeaea;  /* +2 */
	--bg-shade-50: #eeeeee;  /* +6: +4 */
	--bg-shade-5: #f2f2f2;  /* +5: +4 */  /* table row 2 */
	--bg-shade-6: #fff;  /* +17: +13 */

	/* Difference view: gray, red and green with highlights */
	--diff-bg: #fff2;  /* brighten -- add some white with transparency -> #e1e1e1 */
	--diff-bg: #fff4;  /* brighten -- add some white with transparency -> #e6e6e6 */
	--diff-bg: #fff5;  /* brighten -- add some white with transparency -> #e8e8e8 */
	--diff-bg: #fff7;  /* brighten -- add some white with transparency -> #ededed */
	--diff-bg: #fff8;  /* brighten -- add some white with transparency -> #efefef */
	--diff-bg: var(--bg-shade-4);  /* #e8e8e8 */
	--diff-text: #222;
	--diff-text: var(--text-shade-2);  /* #222 */

	/* --diff-add-bg: #0f04; */  /* bit bright */
	--diff-add-bg: #0f03;  /* add some green to --bg-shade-3 -> #b1e2b6 */
	--diff-add-bg: #aea;  /* #e8e8e8 + #0f03 -> #b1e2b6 rounded */
	--diff-add-bg: #beb;  /* #e8e8e8 + #0f03 -> #b1e2b6 rounded */
	--diff-add-bg: #bdb;  /* #e8e8e8 + #0f03 -> #b1e2b6 rounded */
	--diff-add-bg: #ada;  /* #e8e8e8 + #0f03 -> #b1e2b6 rounded */
	--diff-add-bg-1: #0f05;  /* add more green -> #3fef47 */
	--diff-add-bg-1: #4e4;  /* #ada + #0f05 -> #3fef47 rounded */
	--diff-add-bg-1: #6d6;  /* #ada + #0f05 -> #3fef47, darker */
	--diff-add-bg-1: #5d5;  /* #ada + #0f05 -> #3fef47, darker */

	/* --diff-del-bg: #f004; */  /* bit bright */
	--diff-del-bg: #f003;  /* add some red to --bg-shade-3 -> #e6b5b5 */
	--diff-del-bg: #eaa;  /* #e8e8e8 + #f003 -> #e6b5b5 rounded */
	--diff-del-bg-1: #f005;  /* add more red -> #f57978 */
	--diff-del-bg-1: #e77;  /* #533 + #f005 -> #f57978 rounded */
	--diff-del-bg-1: #e66;  /* #533 + #f005 -> #f57978 rounded, bit darker */
	--diff-del-bg-1: #e55;  /* #533 + #f005 -> #f57978, darker */

	--image-invert: '';
}