Mudanças entre as edições de "MediaWiki:Common.css"
De Priston Tale Wiki
| (105 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: | + | @media screen and (max-device-width: 980px) |
{ | { | ||
| − | + | .firstHeading | |
{ | { | ||
| − | font-size: | + | font-size: 9px !important; |
} | } | ||
| − | |||
| − | + | .mw-body h1 | |
| − | + | ||
| − | + | ||
| − | + | ||
{ | { | ||
| − | font-size: | + | font-size: 9px !important; |
} | } | ||
| − | |||
| − | + | .mw-body-content | |
| − | + | ||
| − | body | + | |
{ | { | ||
| − | font-size: | + | 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 37: | 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 64: | Linha 81: | ||
} | } | ||
| − | + | .editOptions | |
| − | .editOptions { | + | { |
background-color: #212121; | background-color: #212121; | ||
border: 1px solid silver; | border: 1px solid silver; | ||
border-top: none; | border-top: none; | ||
| − | padding: | + | padding: 16px 16px 24px 16px; |
| − | margin-bottom: | + | margin-bottom: 32px; |
} | } | ||
| Linha 128: | Linha 145: | ||
margin-left: 5px; | margin-left: 5px; | ||
padding: 1px 5px 0 10px; | padding: 1px 5px 0 10px; | ||
| − | font-size: | + | font-size: 10.7px; |
color: #000000; | color: #000000; | ||
} | } | ||
| Linha 148: | Linha 165: | ||
} | } | ||
| − | div#mw-panel div.portal div.body ul | + | div#mw-panel div.portal div.body ul |
| − | + | { | |
background-color: rgb(23 23 23 / 80%); | background-color: rgb(23 23 23 / 80%); | ||
border-radius: 10px; | border-radius: 10px; | ||
| Linha 169: | Linha 186: | ||
margin: 0; | margin: 0; | ||
padding: 2px; | padding: 2px; | ||
| − | font-size: | + | font-size: 9.6px; |
} | } | ||
| Linha 199: | Linha 216: | ||
{ | { | ||
color: #000000; | color: #000000; | ||
| − | font-size | + | font-size: 10px; |
} | } | ||
| Linha 226: | Linha 243: | ||
border: 0; | border: 0; | ||
margin-top: 40px; | margin-top: 40px; | ||
| − | margin-right: | + | 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; | ||
| − | |||
} | } | ||
| − | ::marker { | + | ::marker |
| + | { | ||
color: #ffffff; | color: #ffffff; | ||
} | } | ||
| Linha 245: | Linha 263: | ||
margin-left: -1px; | margin-left: -1px; | ||
margin-top: 38px; | margin-top: 38px; | ||
| + | display: none; | ||
} | } | ||
| Linha 263: | Linha 282: | ||
{ | { | ||
color: #000000; | color: #000000; | ||
| − | font-size | + | font-size: 10px; |
padding-top: 10px; | padding-top: 10px; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
| Linha 275: | Linha 294: | ||
.mw-body-content | .mw-body-content | ||
{ | { | ||
| − | + | font-size: 14.7px; | |
| − | font-size: | + | } |
| + | |||
| + | table | ||
| + | { | ||
| + | font-size: 12.7px; | ||
} | } | ||
| Linha 289: | Linha 312: | ||
{ | { | ||
color: #7d7d7d; | color: #7d7d7d; | ||
| − | font-size | + | font-size: 9px; |
text-align: center; | text-align: center; | ||
} | } | ||
| Linha 304: | Linha 327: | ||
#footer-info-viewcount | #footer-info-viewcount | ||
| + | { | ||
| + | display: yes; | ||
| + | } | ||
| + | |||
| + | #footer-info-numberofwatchingusers | ||
{ | { | ||
display: yes; | display: yes; | ||
| Linha 318: | Linha 346: | ||
} | } | ||
| − | div#footer ul li { | + | div#footer ul li |
| + | { | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
| − | padding-top: | + | padding-top: 8px; |
| − | padding-bottom: | + | padding-bottom: 8px; |
color: #d9d9d9; | color: #d9d9d9; | ||
| − | font-size: | + | font-size: 12px; |
} | } | ||
| Linha 343: | Linha 372: | ||
height: 30px; | height: 30px; | ||
margin-top: 40px; | margin-top: 40px; | ||
| − | margin-right: | + | margin-right: 160px; |
} | } | ||
| Linha 349: | Linha 378: | ||
{ | { | ||
color: #a5a5a5; | color: #a5a5a5; | ||
| − | font-size: | + | font-size: 13px; |
border: 0; | border: 0; | ||
background: #000; | background: #000; | ||
| Linha 361: | Linha 390: | ||
} | } | ||
| − | div.vectorMenu div.menu { | + | div.vectorMenu div.menu |
| + | { | ||
min-width: 100%; | min-width: 100%; | ||
position: absolute; | position: absolute; | ||
| − | top: | + | top: 78.4px; |
left: -1px; | left: -1px; | ||
background-color: white; | background-color: white; | ||
| Linha 377: | Linha 407: | ||
.mw-body h1 | .mw-body h1 | ||
{ | { | ||
| − | font-size: | + | font-size: 22.7px; |
text-transform: uppercase; | text-transform: uppercase; | ||
color: #fdc233; | color: #fdc233; | ||
| Linha 410: | 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;
}