Wiki-Dev
Mudanças entre as edições de "MediaWiki:Common.css"

Mudanças entre as edições de "MediaWiki:Common.css"

Página de Interface do MediaWiki
(Adicionando efeito hover no botão enviar pesquisa.)
(Primeiro teste de configuração visual para flaggedrevs)
Linha 84: Linha 84:
.wiki-dev__link-subcategoria{
.wiki-dev__link-subcategoria{
color: var(--color-base);
color: var(--color-base);
}
/* correção do tema da extenção flaggedrevs*/
.flaggedrevs_reviewform{
background: var(--background-color-framed);
}
.fr-comment-box{
padding: 0.5rem;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.04),0 3px 6px rgba(0, 0, 0, 0.06);
border-radius: 10px;
margin-right: 5px;
}
.mw-fr-submit-accept{
background: var(--color-primary);
color: #fff;
padding: 0.5rem;
border-radius: 10px;
}
.mw-fr-submit-unaccept{
background: var(--color-destructive);
color: #fff;
padding: 0.5rem;
border-radius: 10px;
}
.flaggedrevs_short{
border-radius: 10px;
padding: 0.5rem;
}
}

Edição das 12h27min de 30 de novembro de 2021

/** o código CSS colocado aqui será aplicado a todos os temas */
/*barra de pesquisa dentro do artigo*/
    /*barra*/
    .wiki-dev__div-barra-pesquisa{
    	display: flex;
      width: 100%;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding-bottom: 2rem;
      padding-top: 2rem;
    }
    .wiki-dev__div-barra-pesquisa-claro{
      background-color: #e8e8e8;
    }
    .wiki-dev__div-barra-pesquisa-escuro{
      background-color: #1a252d;
    }
    .wiki-dev__div-barra-pesquisa h2{
    	margin-top: 0rem;
    	margin-bottom: 1rem;
    }
    .wiki-dev__form-barra-pesquisa{
    	min-width:100%;
    	display: flex;
    	justify-content: center;
    }
    .wiki-dev__form-barra-pesquisa input[type=submit]{
    	padding: 0.813rem;
    	border-radius: 0px;
    	background-color: var(--color-primary);
    	color: #fff;
      cursor: pointer;
    	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.04),0 3px 6px rgba(0, 0, 0, 0.06);
    }
    .wiki-dev__form-barra-pesquisa input[type=submit]:hover{
    	background-color: var(--color-primary--active);
    }
    .wiki-dev__label-barra-pesquisa{
      display: none;
    }
    .wiki-dev__input-barra-pesquisa{
      font-family: 'Roboto',system-ui,-apple-system,sans-serif;
      text-align: center;
      line-height: 1.6;
      width: 600px;
      padding: 0.6rem 0.8rem;
      box-shadow: 0 3px 6px rgb(0 0 0 / 4%),0 3px 6px rgb(0 0 0 / 6%);
      cursor: pointer;
      font-size: 0.875rem;
    }
    @media (max-width: 630px){
    	.wiki-dev__input-barra-pesquisa{
    		width: 300px;
    	}
    }
/* Subcategorias dentro do artigo */
	.wiki-dev__div-conteiner-categorias{
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.wiki-dev__div-categoria{
		margin: 0 1.5rem 0 1.5rem;
		min-width: 25%;
		display: flex;
		flex-direction: column;
	}
	.wiki-dev__link-categoria{
		color: var(--color-primary__h);
		font-size: 1.2rem;
		font-weight: bold;
		border-bottom: solid 0.15rem;
	}
	.citizen-body .wiki-dev__lista-subcategorias{
		margin: 0;
    	margin-left: 0.5rem;
	}
	.wiki-dev__item-subcategoria{
		display: flex;
		padding: 0.25rem 0rem 0 0;
		flex-direction: column;
	}
	.wiki-dev__link-subcategoria{
		color: var(--color-base);
	}
/* correção do tema da extenção flaggedrevs*/
	.flaggedrevs_reviewform{
		background: var(--background-color-framed);
	}
	.fr-comment-box{
		padding: 0.5rem;
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.04),0 3px 6px rgba(0, 0, 0, 0.06);
		border-radius: 10px;
		margin-right: 5px;
	}
	.mw-fr-submit-accept{
		background: var(--color-primary);
		color: #fff;
		padding: 0.5rem;
		border-radius: 10px;
	}
	.mw-fr-submit-unaccept{
		background: var(--color-destructive);
		color: #fff;
		padding: 0.5rem;
		border-radius: 10px;
	}
	.flaggedrevs_short{
		border-radius: 10px;
		padding: 0.5rem;
	}