MediaWiki:Common.css

De Priston Tale Wiki
Revisão de 05h16min de 5 de fevereiro de 2022 por Cepheus (Discussão | contribs)

Ir para: navegação, pesquisa

Nota: Depois de salvar, você terá de limpar o cache do seu navegador para ver as alterações.

  • Firefox / Safari: pressione Shift enquanto clica em Recarregar, ou pressione Ctrl-F5 ou Ctrl-R (Command-R para Mac);
  • Google Chrome: pressione Ctrl-Shift-R (Command-Shift-R em um Mac)
  • Internet Explorer: pressione Ctrl enquanto clica em Recarregar ou pressione Ctrl-F5;
  • Opera: limpe o cache em Ferramentas → Preferências (Tools → Preferences)
/* Código para o Layout Mobile */
@media screen and (max-device-width: 980px)
{
	.firstHeading
	{
		font-size: 9px !important;
	}

	.mw-body h1
	{
		font-size: 9px !important;
	}

	.mw-body-content
	{
		font-size: 7px !important;
	}

	table
	{
		font-size: 14px !important;
	}

	div#footer ul li
	{
		font-size: 7px !important;
		margin-left: -145px !important;
	}

	div#mw-panel div.portal
	{
		display: none !important;
	}

	.mw-body
	{
		margin-right: 20px !important;
		margin-left: 20px !important;
	}

	div#simpleSearch
	{
		margin-right: 12px !important;
	}
}

body
{
	font-family: 'Open Sans', sans-serif;
	background: linear-gradient(rgba(0,0,0,.4) 0px,transparent 160px) repeat-x,url(https://forum.priston.com.br/priston/background.jpg) top center no-repeat;
	background-color: #08293a;
}

.mw-wiki-logo
{
	background-image: url(https://zenit.games/priston/img/logo02.png);
}

#p-logo a
{
	display: block;
	width: 230px;
	height: 160px;
	background-repeat: no-repeat;
	background-position: 2px 29px;
	text-decoration: none;
	background-size: auto;
}

#wpTextbox1
{
	margin: 0;
	display: block;
	background-color: #171717;
	color: #d9d9d9;
}

#mw-editform-cancel
{
	color: red;
}

.editOptions
{
	background-color: #212121;
	border: 1px solid silver;
	border-top: none;
	padding: 16px 16px 24px 16px;
	margin-bottom: 32px;
}

#pt-userpage, #pt-anonuserpage
{
	background: url(/resources/assets/icon_user.png);
	background-repeat: no-repeat;
	height: 13px;
	padding-left: 2px;
}

#mw-page-base
{
	height: 120px;
	border-top: 4px solid #88ddff;
}

.mw-body .firstHeading
{
	text-transform: uppercase;
	color: #fdc233; /* #5785ac; */
}

a, a:visited
{
	color: #d9d9d9;
	text-transform: uppercase;
}

div#mw-panel
{
	padding-top: 0;
}

div#mw-panel div.portal h3
{
	margin: 0;
	padding: 0 0 5px 0;
	color: #88ddff;
	border-bottom: 1px solid #ffbc1a;
}

h1, h2, h3, h4, h5, h6
{
	border-bottom: 1px solid #ffbc1a;
	color: #fdc233;
}

div#mw-head div.vectorMenu h3
{
	height: 39px;
}

#p-personal li
{
	border-left: 1px solid #404040;
	margin-left: 5px;
	padding: 1px 5px 0 10px;
	font-size: 10.7px;
	color: #000000;
}

a.new, #p-personal a.new, a.new:visited, #p-personal a.new:visited
{
	color: #d9d9d9;
}

#p-personal li#pt-userpage, #p-personal li#pt-login, #p-personal li#pt-anonuserpage
{
	border-left: 0;
}

#p-personal li#pt-userpage a
{
	color: #88ddff;
	padding-left: 4px;
}

div#mw-panel div.portal div.body ul
{
	background-color: rgb(23 23 23 / 80%);
	border-radius: 10px;
	padding: 8px 6px 8px 6px;
}

div#mw-panel div.portal#p-navigation div.body ul li
{
	background: url(/resources/assets/seta.png) no-repeat;
	margin: 0 0 6px 0;
	padding: 1px 0 0 10px;
	line-height: 14px;
}

div#mw-panel div.portal#p-navigation div.body ul li a
{
	color: #fdc233;
	line-height: 10px;
	margin: 0;
	padding: 2px;
	font-size: 9.6px;
}

div.vectorTabs ul li
{
	height: 38px;
	margin-top: 32px;
	background: #fdc233;
}

div.vectorTabs span
{
	margin: 0 7px;
	background: none;
}

div.vectorTabs ul, div.vectorTabs
{
	background: none;
}

div.vectorTabs li.selected
{
	background: #171717;
	color: #ffffff;
}

div.vectorTabs li a
{
	color: #000000;
	font-size: 10px;
}

div.vectorTabs li.new a, div.vectorTabs li.new a:visited
{
	color: #d9d9d9;
}

div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited
{
	color: #7d7d7d;
}

div.vectorTabs ul li
{
	line-height: 7px;
}

div.vectorTabs
{
	margin-top: 8px;
}

.mw-body
{
	border: 0;
	margin-top: 40px;
	margin-right: 160px;
	background: #171717;
	color: #d9d9d9;
}

#toc, .toc, .mw-warning, .toccolours
{
	border: 2px solid #aaa;
	background-color: #212121;
}

::marker
{
	color: #ffffff;
}

div.vectorTabs li:first-child
{
	margin-left: -1px;
	margin-top: 38px;
	display: none;
}

div#mw-head div.vectorMenu h3
{
	border: 0;
	background: none;
}

div#mw-head div.vectorMenu h3#p-cactions-label
{
	background: #fdc233;
	height: 38px;
	margin-top: 40px;
}

div#mw-head div.vectorMenu h3#p-cactions-label span
{
	color: #000000;
	font-size: 10px;
	padding-top: 10px;
	text-transform: uppercase;
}

#ca-unwatch.icon a, #ca-watch.icon a
{
	margin-top: -1px;
}

.mw-body-content
{
	font-size: 14.7px;
}

table
{
	font-size: 12.7px;
}

.plainlinks a.external
{
	background: none !important;
	padding: 0 !important;
	text-transform: none;
}

div.vectorMenu li a
{
	color: #7d7d7d;
	font-size: 9px;
	text-align: center;
}

.mw-body a.external, .mw-body a.external:visited
{
	color: #d9d9d9;
}

#footer-info-lastmod
{
	display: yes;
}

#footer-info-viewcount
{
	display: yes;
}

#footer-info-numberofwatchingusers
{
	display: yes;
}

body.ltr div#footer #footer-places
{
	display: none;
}

div#footer #footer-icons
{
	display: none;
}

div#footer ul li
{
	margin: 0;
	padding: 0;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #d9d9d9;
	font-size: 12px;
}

#right-navigation, #left-navigation
{
	margin-top: 81px;
}

#p-search
{
	margin-left: 0;
}

div#simpleSearch
{
	background: #000;
	border: 4px solid #fdc233;
	height: 30px;
	margin-top: 40px;
	margin-right: 160px;
}

div#simpleSearch #searchInput
{
	color: #a5a5a5;
	font-size: 13px;
	border: 0;
	background: #000;
	padding: 5px 10px;
	margin-top: 3px;
}

div.vectorMenu h3 a
{
	top: 30px;
}

div.vectorMenu div.menu
{
	min-width: 100%;
	position: absolute;
	top: 78.4px;
	left: -1px;
	background-color: white;
	border: solid 1px silver;
	border-top-width: 0;
	clear: both;
	text-align: left;
	display: none;
	z-index: 1;
}

.mw-body h1
{
	font-size: 22.7px;
	text-transform: uppercase;
	color: #fdc233;
}

#p-personal a.new:hover
{
	-o-transition: .4s;
	-ms-transition: .4s;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	transition: .4s;
	color: #d0d0d0;
}

#p-personal li a:hover
{
	-o-transition: .4s;
	-ms-transition: .4s;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	transition: .4s;
	color: #b7b7b7;
}

div.vectorTabs ul li#ca-talk, div.vectorTabs ul li#ca-viewsource, div.vectorTabs ul li#ca-history, div.vectorTabs ul li#ca-view
{
	display: none;
}

div#mw-panel div.portal:last-child
{
	display: none;
}