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

De Priston Tale Wiki
Ir para: navegação, pesquisa
 
(224 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 4: Linha 50:
 
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: 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;
 
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;
 
}
 
}
  
Linha 23: Linha 107:
 
{
 
{
 
text-transform: uppercase;
 
text-transform: uppercase;
color: #6a5acd; /* #5785ac; */
+
color: #fdc233; /* #5785ac; */
 
}
 
}
  
 
a, a:visited
 
a, a:visited
 
{
 
{
color: #7d7d7d;
+
color: #d9d9d9;
 
text-transform: uppercase;
 
text-transform: uppercase;
 
}
 
}
Linha 42: Linha 126:
 
padding: 0 0 5px 0;
 
padding: 0 0 5px 0;
 
color: #88ddff;
 
color: #88ddff;
border-bottom: 1px solid #5785ac;
+
border-bottom: 1px solid #ffbc1a;
 
}
 
}
  
 
h1, h2, h3, h4, h5, h6
 
h1, h2, h3, h4, h5, h6
 
{
 
{
border-bottom: 1px solid #b7b7b7;
+
border-bottom: 1px solid #ffbc1a;
 +
color: #fdc233;
 
}
 
}
  
Linha 60: 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 66: Linha 151:
 
a.new, #p-personal a.new, a.new:visited, #p-personal a.new:visited
 
a.new, #p-personal a.new, a.new:visited, #p-personal a.new:visited
 
{
 
{
color: #b7b7b7;
+
color: #d9d9d9;
 
}
 
}
  
Linha 78: Linha 163:
 
color: #88ddff;
 
color: #88ddff;
 
padding-left: 4px;
 
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;
 
}
 
}
  
Linha 90: Linha 182:
 
div#mw-panel div.portal#p-navigation div.body ul li a
 
div#mw-panel div.portal#p-navigation div.body ul li a
 
{
 
{
color: #a5a5a5;
+
color: #fdc233;
 +
line-height: 10px;
 +
margin: 0;
 +
padding: 2px;
 +
font-size: 9.6px;
 
}
 
}
  
 
div.vectorTabs ul li
 
div.vectorTabs ul li
 
{
 
{
height: 31px;
+
height: 38px;
background: #4d4d4d;
+
margin-top: 32px;
 +
background: #fdc233;
 
}
 
}
  
Linha 112: Linha 209:
 
div.vectorTabs li.selected
 
div.vectorTabs li.selected
 
{
 
{
background: #fff;
+
background: #171717;
 +
color: #ffffff;
 
}
 
}
  
 
div.vectorTabs li a
 
div.vectorTabs li a
 
{
 
{
color: #a5a5a5;
+
color: #000000;
 
font-size: 10px;
 
font-size: 10px;
 
}
 
}
Linha 123: Linha 221:
 
div.vectorTabs li.new a, div.vectorTabs li.new a:visited
 
div.vectorTabs li.new a, div.vectorTabs li.new a:visited
 
{
 
{
color: #a5a5a5;
+
color: #d9d9d9;
 
}
 
}
  
Linha 145: Linha 243:
 
border: 0;
 
border: 0;
 
margin-top: 40px;
 
margin-top: 40px;
margin-right: 10em;
+
margin-right: 160px;
 +
background: #171717;
 +
color: #d9d9d9;
 +
}
 +
 
 +
#toc, .toc, .mw-warning, .toccolours
 +
{
 +
border: 2px solid #aaa;
 +
background-color: #212121;
 +
}
 +
 
 +
::marker
 +
{
 +
color: #ffffff;
 
}
 
}
  
Linha 151: Linha 262:
 
{
 
{
 
margin-left: -1px;
 
margin-left: -1px;
 +
margin-top: 38px;
 +
display: none;
 
}
 
}
  
Linha 161: Linha 274:
 
div#mw-head div.vectorMenu h3#p-cactions-label
 
div#mw-head div.vectorMenu h3#p-cactions-label
 
{
 
{
background: #4d4d4d;
+
background: #fdc233;
height: 31px;
+
height: 38px;
margin-top: 8px;
+
margin-top: 40px;
 
}
 
}
  
 
div#mw-head div.vectorMenu h3#p-cactions-label span
 
div#mw-head div.vectorMenu h3#p-cactions-label span
 
{
 
{
color: #a5a5a5;
+
color: #000000;
 
font-size: 10px;
 
font-size: 10px;
 
padding-top: 10px;
 
padding-top: 10px;
Linha 181: Linha 294:
 
.mw-body-content
 
.mw-body-content
 
{
 
{
font-size: 0.8em;
+
font-size: 14.7px;
 +
}
 +
 
 +
table
 +
{
 +
font-size: 12.7px;
 +
}
 +
 
 +
.plainlinks a.external
 +
{
 +
background: none !important;
 +
padding: 0 !important;
 +
text-transform: none;
 
}
 
}
  
Linha 193: Linha 318:
 
.mw-body a.external, .mw-body a.external:visited
 
.mw-body a.external, .mw-body a.external:visited
 
{
 
{
color: #3c3b0d;
+
color: #d9d9d9;
 
}
 
}
  
#footer
+
#footer-info-lastmod
 +
{
 +
display: yes;
 +
}
 +
 
 +
#footer-info-viewcount
 +
{
 +
display: yes;
 +
}
 +
 
 +
#footer-info-numberofwatchingusers
 +
{
 +
display: yes;
 +
}
 +
 
 +
body.ltr div#footer #footer-places
 
{
 
{
 
display: none;
 
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;
 
}
 
}
  
Linha 214: Linha 369:
 
{
 
{
 
background: #000;
 
background: #000;
border: 4px solid #4d4d4d;
+
border: 4px solid #fdc233;
 
height: 30px;
 
height: 30px;
margin-top: 44px;
+
margin-top: 40px;
margin-right: 10em;
+
margin-right: 160px;
 
}
 
}
  
Linha 223: Linha 378:
 
{
 
{
 
color: #a5a5a5;
 
color: #a5a5a5;
font-size: 15px;
+
font-size: 13px;
 
border: 0;
 
border: 0;
 
background: #000;
 
background: #000;
Linha 232: Linha 387:
 
div.vectorMenu h3 a
 
div.vectorMenu h3 a
 
{
 
{
top: -2px;
+
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
 
.mw-body h1
 
{
 
{
font-size: 1.8em;
+
font-size: 22.7px;
 
text-transform: uppercase;
 
text-transform: uppercase;
color: #5785ac;
+
color: #fdc233;
 
}
 
}
  
Linha 272: Linha 442:
 
}
 
}
  
#pagehistory li {
+
hr
border-color: transparent;
+
{
 +
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;
}