Mudanças entre as edições de "MediaWiki:Common.css"
De Priston Tale Wiki
| (227 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: # | + | color: #fdc233; /* #5785ac; */ |
} | } | ||
a, a:visited | a, a:visited | ||
{ | { | ||
| − | color: # | + | 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 # | + | border-bottom: 1px solid #ffbc1a; |
} | } | ||
h1, h2, h3, h4, h5, h6 | h1, h2, h3, h4, h5, h6 | ||
{ | { | ||
| − | border-bottom: 1px solid # | + | 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: | + | 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: # | + | 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: # | + | color: #fdc233; |
| + | line-height: 10px; | ||
| + | margin: 0; | ||
| + | padding: 2px; | ||
| + | font-size: 9.6px; | ||
} | } | ||
div.vectorTabs ul li | div.vectorTabs ul li | ||
{ | { | ||
| − | height: | + | height: 38px; |
| − | background: # | + | margin-top: 32px; |
| + | background: #fdc233; | ||
} | } | ||
| Linha 112: | Linha 209: | ||
div.vectorTabs li.selected | div.vectorTabs li.selected | ||
{ | { | ||
| − | background: # | + | background: #171717; |
| + | color: #ffffff; | ||
} | } | ||
div.vectorTabs li a | div.vectorTabs li a | ||
{ | { | ||
| − | color: # | + | 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: # | + | color: #d9d9d9; |
} | } | ||
| Linha 145: | Linha 243: | ||
border: 0; | border: 0; | ||
margin-top: 40px; | margin-top: 40px; | ||
| − | margin-right: | + | 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: # | + | background: #fdc233; |
| − | height: | + | height: 38px; |
| − | margin-top: | + | margin-top: 40px; |
} | } | ||
div#mw-head div.vectorMenu h3#p-cactions-label span | div#mw-head div.vectorMenu h3#p-cactions-label span | ||
{ | { | ||
| − | color: # | + | 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: | + | 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: # | + | 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 # | + | border: 4px solid #fdc233; |
| − | height: | + | height: 30px; |
| − | margin-top: | + | margin-top: 40px; |
| − | margin-right: | + | margin-right: 160px; |
} | } | ||
| Linha 223: | Linha 378: | ||
{ | { | ||
color: #a5a5a5; | color: #a5a5a5; | ||
| − | font-size: | + | font-size: 13px; |
border: 0; | border: 0; | ||
background: #000; | background: #000; | ||
| Linha 232: | Linha 387: | ||
div.vectorMenu h3 a | div.vectorMenu h3 a | ||
{ | { | ||
| − | top: - | + | 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: | + | font-size: 22.7px; |
text-transform: uppercase; | text-transform: uppercase; | ||
| − | color: # | + | color: #fdc233; |
} | } | ||
| Linha 272: | Linha 442: | ||
} | } | ||
| − | + | 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;
}