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

De Priston Tale Wiki
Ir para: navegação, pesquisa
 
(122 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
 +
/* 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
 
body
 
{
 
{
Linha 6: Linha 52:
 
}
 
}
  
.mw-wiki-logo {
+
.mw-wiki-logo
 +
{
 
background-image: url(https://zenit.games/priston/img/logo02.png);
 
background-image: url(https://zenit.games/priston/img/logo02.png);
 
}
 
}
  
#p-logo a {
+
#p-logo a
 +
{
 
display: block;
 
display: block;
 
width: 230px;
 
width: 230px;
Linha 20: Linha 68:
 
}
 
}
  
.editOptions {
+
#wpTextbox1
 +
{
 +
margin: 0;
 +
display: block;
 +
background-color: #171717;
 +
color: #d9d9d9;
 +
}
 +
 
 +
#mw-editform-cancel
 +
{
 +
color: red;
 +
}
 +
 
 +
.editOptions
 +
{
 
background-color: #212121;
 
background-color: #212121;
 
border: 1px solid silver;
 
border: 1px solid silver;
 
border-top: none;
 
border-top: none;
padding: 1em 1em 1.5em 1em;
+
padding: 16px 16px 24px 16px;
margin-bottom: 2em;
+
margin-bottom: 32px;
 
}
 
}
  
Linha 83: Linha 145:
 
margin-left: 5px;
 
margin-left: 5px;
 
padding: 1px 5px 0 10px;
 
padding: 1px 5px 0 10px;
font-size: 11px;
+
font-size: 10.7px;
 
color: #000000;
 
color: #000000;
 
}
 
}
Linha 103: Linha 165:
 
}
 
}
  
div#mw-panel div.portal div.body ul {
+
div#mw-panel div.portal div.body ul
/* background-color: #171717; */
+
{
 
background-color: rgb(23 23 23 / 80%);
 
background-color: rgb(23 23 23 / 80%);
 
border-radius: 10px;
 
border-radius: 10px;
Linha 121: Linha 183:
 
{
 
{
 
color: #fdc233;
 
color: #fdc233;
/* font-weight: bold; */
 
 
line-height: 10px;
 
line-height: 10px;
 
margin: 0;
 
margin: 0;
 
padding: 2px;
 
padding: 2px;
 +
font-size: 9.6px;
 
}
 
}
  
Linha 181: Linha 243:
 
border: 0;
 
border: 0;
 
margin-top: 40px;
 
margin-top: 40px;
margin-right: 10em;
+
margin-right: 160px;
 
background: #171717;
 
background: #171717;
 
color: #d9d9d9;
 
color: #d9d9d9;
 
}
 
}
  
#toc, .toc, .mw-warning, .toccolours {
+
#toc, .toc, .mw-warning, .toccolours
 +
{
 
border: 2px solid #aaa;
 
border: 2px solid #aaa;
 
background-color: #212121;
 
background-color: #212121;
font-size: none;
 
 
}
 
}
  
::marker {
+
::marker
 +
{
 
color: #ffffff;
 
color: #ffffff;
 
}
 
}
Linha 200: Linha 263:
 
margin-left: -1px;
 
margin-left: -1px;
 
margin-top: 38px;
 
margin-top: 38px;
 +
display: none;
 
}
 
}
  
Linha 230: Linha 294:
 
.mw-body-content
 
.mw-body-content
 
{
 
{
font-size: 12.8px;
+
font-size: 14.7px;
/* font-size: 0.8em; */
+
}
 +
 
 +
table
 +
{
 +
font-size: 12.7px;
 +
}
 +
 
 +
.plainlinks a.external
 +
{
 +
background: none !important;
 +
padding: 0 !important;
 +
text-transform: none;
 
}
 
}
  
Linha 252: Linha 327:
  
 
#footer-info-viewcount
 
#footer-info-viewcount
 +
{
 +
display: yes;
 +
}
 +
 +
#footer-info-numberofwatchingusers
 
{
 
{
 
display: yes;
 
display: yes;
Linha 266: Linha 346:
 
}
 
}
  
div#footer ul li {
+
div#footer ul li
 +
{
 
margin: 0;
 
margin: 0;
 
padding: 0;
 
padding: 0;
padding-top: 0.5em;
+
padding-top: 8px;
padding-bottom: 0.5em;
+
padding-bottom: 8px;
 
color: #d9d9d9;
 
color: #d9d9d9;
font-size: 0.7em;
+
font-size: 12px;
 
}
 
}
  
Linha 291: Linha 372:
 
height: 30px;
 
height: 30px;
 
margin-top: 40px;
 
margin-top: 40px;
margin-right: 10em;
+
margin-right: 160px;
 
}
 
}
  
Linha 309: Linha 390:
 
}
 
}
  
div.vectorMenu div.menu {
+
div.vectorMenu div.menu
 +
{
 
min-width: 100%;
 
min-width: 100%;
 
position: absolute;
 
position: absolute;
top: 4.9em;
+
top: 78.4px;
 
left: -1px;
 
left: -1px;
 
background-color: white;
 
background-color: white;
Linha 325: Linha 407:
 
.mw-body h1
 
.mw-body h1
 
{
 
{
font-size: none;
+
font-size: 22.7px;
/* font-size: 1.8em; */
+
 
text-transform: uppercase;
 
text-transform: uppercase;
 
color: #fdc233;
 
color: #fdc233;
Linha 359: Linha 440:
 
{
 
{
 
display: none;
 
display: none;
 +
}
 +
 +
hr
 +
{
 +
height: 1px;
 +
background-color: #fdc233;
 +
}
 +
 +
.background-image-topbanner
 +
{
 +
background: url(https://zenit.games/priston/img/bg_interna2.jpg) no-repeat;
 +
background-size: cover;
 +
background-position: center;
 +
width: auto;
 +
padding-top: 15px;
 +
padding-bottom: 15px;
 
}
 
}

Edição atual tal como às 01h54min de 16 de fevereiro de 2022

/* 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;
}

hr
{
	height: 1px;
	background-color: #fdc233;
}

.background-image-topbanner
{
	background: url(https://zenit.games/priston/img/bg_interna2.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	width: auto;
	padding-top: 15px;
	padding-bottom: 15px;
}