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

De Priston Tale Wiki
Ir para: navegação, pesquisa
 
(304 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
/* Hide feature bloat that can't even be disabled via configuration */
+
/* Código para o Layout Mobile */
 +
@media screen and (max-device-width: 980px)
 +
{
 +
.firstHeading
 +
{
 +
font-size: 9px !important;
 +
}
  
.toctogglespan,
+
.mw-body h1
.patrollink,
+
{
.mw-editsection,
+
font-size: 9px !important;
.mw-redirectedfrom,
+
}
div.smwrdflink,
+
 
span.smwsearch,
+
.mw-body-content
div.mw-indicator-browse {
+
{
    display: none !important;
+
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);
 +
}
  
/* Maps */
+
#p-logo a
 +
{
 +
display: block;
 +
width: 230px;
 +
height: 160px;
 +
background-repeat: no-repeat;
 +
background-position: 2px 29px;
 +
text-decoration: none;
 +
background-size: auto;
 +
}
  
div.maps-map, div.mapCanvas {
+
#wpTextbox1
    margin-bottom: 16px;
+
{
 +
margin: 0;
 +
display: block;
 +
background-color: #171717;
 +
color: #d9d9d9;
 
}
 
}
  
 +
#mw-editform-cancel
 +
{
 +
color: red;
 +
}
  
/* For MediaWiki:Hf-nsfooter-, borrowed from WP */
+
.editOptions
 +
{
 +
background-color: #212121;
 +
border: 1px solid silver;
 +
border-top: none;
 +
padding: 16px 16px 24px 16px;
 +
margin-bottom: 32px;
 +
}
  
.navbox {
+
#pt-userpage, #pt-anonuserpage
box-sizing:border-box;
+
{
border:1px solid #a2a9b1;
+
background: url(/resources/assets/icon_user.png);
width:100%;
+
background-repeat: no-repeat;
clear:both;
+
height: 13px;
font-size:88%;
+
padding-left: 2px;
text-align:center;
+
padding:1px;
+
margin:1em auto 0
+
 
}
 
}
.navbox .navbox {
+
 
margin-top:0
+
#mw-page-base
 +
{
 +
height: 120px;
 +
border-top: 4px solid #88ddff;
 
}
 
}
.navbox + .navbox {
+
 
margin-top:-1px
+
.mw-body .firstHeading
 +
{
 +
text-transform: uppercase;
 +
color: #fdc233; /* #5785ac; */
 
}
 
}
.navbox-inner,
+
 
.navbox-subgroup {
+
a, a:visited
width:100%
+
{
 +
color: #d9d9d9;
 +
text-transform: uppercase;
 
}
 
}
.navbox-group,
+
 
.navbox-title,
+
div#mw-panel
.navbox-abovebelow {
+
{
padding:0.25em 1em;
+
padding-top: 0;
line-height:1.5em;
+
text-align:center
+
 
}
 
}
th.navbox-group {
+
 
white-space:nowrap;
+
div#mw-panel div.portal h3
text-align:right
+
{
 +
margin: 0;
 +
padding: 0 0 5px 0;
 +
color: #88ddff;
 +
border-bottom: 1px solid #ffbc1a;
 
}
 
}
.navbox,
+
 
.navbox-subgroup {
+
h1, h2, h3, h4, h5, h6
background-color:#fdfdfd
+
{
 +
border-bottom: 1px solid #ffbc1a;
 +
color: #fdc233;
 
}
 
}
.navbox-list {
+
 
line-height:1.5em;
+
div#mw-head div.vectorMenu h3
border-color:#fdfdfd
+
{
 +
height: 39px;
 
}
 
}
tr + tr > .navbox-abovebelow,
+
 
tr + tr > .navbox-group,
+
#p-personal li
tr + tr > .navbox-image,
+
{
tr + tr > .navbox-list {
+
border-left: 1px solid #404040;
border-top:2px solid #fdfdfd
+
margin-left: 5px;
 +
padding: 1px 5px 0 10px;
 +
font-size: 10.7px;
 +
color: #000000;
 
}
 
}
.navbox th,
+
 
.navbox-title {
+
a.new, #p-personal a.new, a.new:visited, #p-personal a.new:visited
background-color:#ccccff;
+
{
 +
color: #d9d9d9;
 
}
 
}
.navbox-abovebelow,
+
 
th.navbox-group,
+
#p-personal li#pt-userpage, #p-personal li#pt-login, #p-personal li#pt-anonuserpage
.navbox-subgroup .navbox-title {
+
{
background-color:#ddddff
+
border-left: 0;
 
}
 
}
.navbox-subgroup .navbox-group,
+
 
.navbox-subgroup .navbox-abovebelow {
+
#p-personal li#pt-userpage a
background-color:#e6e6ff
+
{
 +
color: #88ddff;
 +
padding-left: 4px;
 
}
 
}
.navbox-even {
+
 
background-color:#f7f7f7
+
div#mw-panel div.portal div.body ul
 +
{
 +
background-color: rgb(23 23 23 / 80%);
 +
border-radius: 10px;
 +
padding: 8px 6px 8px 6px;
 
}
 
}
.navbox-odd {
+
 
background-color:transparent
+
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;
 
}
 
}
.navbox .hlist td dl,
+
 
.navbox .hlist td ol,
+
div#mw-panel div.portal#p-navigation div.body ul li a
.navbox .hlist td ul,
+
{
.navbox td.hlist dl,
+
color: #fdc233;
.navbox td.hlist ol,
+
line-height: 10px;
.navbox td.hlist ul {
+
margin: 0;
padding:0.125em 0
+
padding: 2px;
 +
font-size: 9.6px;
 
}
 
}
.navbar {
+
 
display:inline;
+
div.vectorTabs ul li
font-size:88%;
+
{
font-weight:normal
+
height: 38px;
 +
margin-top: 32px;
 +
background: #fdc233;
 
}
 
}
.navbar ul {
+
 
display:inline-block;
+
div.vectorTabs span
white-space:nowrap
+
{
 +
margin: 0 7px;
 +
background: none;
 
}
 
}
.mw-body-content .navbar ul {
+
 
line-height:inherit
+
div.vectorTabs ul, div.vectorTabs
 +
{
 +
background: none;
 
}
 
}
.navbar li {
+
 
word-spacing:-0.125em
+
div.vectorTabs li.selected
 +
{
 +
background: #171717;
 +
color: #ffffff;
 
}
 
}
.navbar.mini li abbr[title] {
+
 
font-variant:small-caps;
+
div.vectorTabs li a
border-bottom:none;
+
{
text-decoration:none;
+
color: #000000;
cursor:inherit
+
font-size: 10px;
 
}
 
}
.infobox .navbar {
+
 
font-size:100%
+
div.vectorTabs li.new a, div.vectorTabs li.new a:visited
 +
{
 +
color: #d9d9d9;
 
}
 
}
.navbox .navbar {
+
 
display:block;
+
div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited
font-size:100%
+
{
 +
color: #7d7d7d;
 
}
 
}
.navbox-title .navbar {
+
 
float:left;
+
div.vectorTabs ul li
text-align:left;
+
{
margin-right:0.5em
+
line-height: 7px;
 
}
 
}
  
.nowrap,
+
div.vectorTabs
.nowraplinks a {
+
{
white-space:nowrap
+
margin-top: 8px;
 
}
 
}
  
.hlist li {
+
.mw-body
margin:0;
+
{
display:inline;
+
border: 0;
 +
margin-top: 40px;
 +
margin-right: 160px;
 +
background: #171717;
 +
color: #d9d9d9;
 
}
 
}
  
.hlist li:after {
+
#toc, .toc, .mw-warning, .toccolours
content:" · ";
+
{
font-weight:bold
+
border: 2px solid #aaa;
 +
background-color: #212121;
 
}
 
}
  
.hlist li:last-child:after {
+
::marker
content:none
+
{
 +
color: #ffffff;
 
}
 
}
  
.hlist dl,
+
div.vectorTabs li:first-child
.hlist ol,
+
{
.hlist ul {
+
margin-left: -1px;
margin:0;
+
margin-top: 38px;
padding:0
+
display: none;
 
}
 
}
.hlist dd,
+
 
.hlist dt,
+
div#mw-head div.vectorMenu h3
.hlist li {
+
{
margin:0;
+
border: 0;
display:inline;
+
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;
 +
}

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