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

De Priston Tale Wiki
Ir para: navegação, pesquisa
Linha 1: Linha 1:
html {
+
body
background-color: #08293a;
+
{
}
+
 
+
html body {
+
 
font-family: 'Open Sans', sans-serif;
 
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: 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;
Linha 9: Linha 6:
 
}
 
}
  
#mw-page-base {
+
#pt-userpage, #pt-anonuserpage
height: 160px;
+
{
border-top: 4px solid #88ddff;
+
background: url(/resources/assets/icon_user.png);
 +
background-repeat: no-repeat;
 +
height: 13px;
 +
padding-left: 2px;
 
}
 
}
  
 +
div#mw-head
 +
{
 +
background: url(/resources/assets/background.png) top right no-repeat;
 +
}
  
 +
#mw-page-base
 +
{
 +
height: 76px;
 +
border-top: 4px solid #88ddff;
 +
}
  
/* ------------- Código revisado até aqui ------------- */
+
.mw-body .firstHeading
 +
{
 +
text-transform: uppercase;
 +
color: #5785ac;
 +
}
  
 +
a, a:visited
 +
{
 +
color: #7d7d7d;
 +
text-transform: uppercase;
 +
}
  
#mw-panel *:not(h3) > a:not(:hover):not(:focus),
+
div#mw-panel
#footer a:not(:hover):not(:focus),
+
{
.mw-notification a:not(:hover):not(:focus) {
+
padding-top: 0;
color: #BFBFBF !important;
+
 
}
 
}
#mw-panel h3,
+
 
#mw-panel a,
+
div#mw-panel div.portal h3
#footer li,
+
{
#footer a,
+
margin: 0;
.mw-notification a {
+
padding: 0 0 5px 0;
color: #FFF !important;
+
color: #88ddff;
 +
border-bottom: 1px solid #5785ac;
 
}
 
}
  
/* Set the tab link colours to black and bold */
+
h1, h2, h3, h4, h5, h6
#p-namespaces a,
+
{
#p-views a,
+
border-bottom: 1px solid #b7b7b7;
div#mw-head div.vectorMenu h3,
+
div#p-variants.vectorMenu #mw-vector-current-variant {
+
font-weight: bold;
+
text-decoration: none;
+
 
}
 
}
/* Use black links */
+
 
#p-namespaces a,
+
div#mw-head div.vectorMenu h3
#p-views a,
+
{
div#mw-head div.vectorMenu h3 span {
+
height: 39px;
color: #000;
+
}
+
#p-namespaces .new a,
+
#p-views .new a {
+
color: #BA0000;
+
 
}
 
}
  
/* Add some margin to help with the 3D effect */
+
#p-personal li
#pageWrapper,
+
{
#right-navigation {
+
border-left: 1px solid #404040;
margin-right: 10px;
+
margin-left: 5px;
 +
padding: 1px 5px 0 10px;
 +
font-size: 11px;
 +
color: #b7b7b7;
 
}
 
}
  
/* Position the tabs */
+
a.new, #p-personal a.new, a.new:visited, #p-personal a.new:visited
#left-navigation,
+
{
#right-navigation {
+
color: #b7b7b7;
margin-top: 53px;
+
}
+
#mw-head-base {
+
height: 80px;
+
 
}
 
}
  
/* Give the tabs the grass block styling: [[File:Vector-tabs.png]] [[File:Vector-tabs-first.png]] */
+
#p-personal li#pt-userpage, #p-personal li#pt-login, #p-personal li#pt-anonuserpage
div.vectorTabs,
+
{
div.vectorMenu {
+
border-left: 0;
background: none;
+
padding: 0;
+
height: 36px;  
+
 
}
 
}
  
div.vectorTabs ul,
+
#p-personal li#pt-userpage a
div.vectorTabs ul li,
+
{
div.vectorTabs ul li.selected {
+
color: #88ddff;
background: none;
+
padding-left: 4px;
}
+
div.vectorTabs span {
+
position: relative;
+
background: none;
+
margin-right: 8px;
+
}
+
div.vectorTabs span::before {
+
content: "";
+
position: absolute;
+
left: 0;
+
background: none;
+
width: 6px;
+
height: 100%;
+
pointer-events: none;
+
}
+
#left-navigation div.vectorTabs li:first-child span::before {
+
background-image: none;
+
height: 93px;
+
}
+
div.vectorTabs li.selected span,
+
div.vectorTabs li span:hover,
+
div.vectorTabs li span:focus {
+
background-position: right bottom;
+
 
}
 
}
  
div.vectorTabs li a {
+
div#mw-panel div.portal#p-navigation div.body ul li
padding: 15px 14px 0 20px;
+
{
height: 21px;
+
background: url(/resources/assets/seta.png) no-repeat;
 +
margin: 0 0 6px 0;
 +
padding: 1px 0 0 10px;
 +
line-height: 14px;
 
}
 
}
  
.vectorTabs #ca-watch.icon a,
+
div#mw-panel div.portal#p-navigation div.body ul li a
.vectorTabs #ca-unwatch.icon a {
+
{
padding-top: 36px;
+
color: #a5a5a5;
width: 45px;
+
background-position: 17px 15px !important;
+
transform-origin: 25px 23.5px !important;
+
 
}
 
}
  
div.vectorMenu {
+
div.vectorTabs ul li
margin: 0 8px 0 6px;
+
{
 +
height: 31px;
 +
background: #4d4d4d;
 
}
 
}
  
div#mw-head div.vectorMenu h3 {
+
div.vectorTabs span
position: relative;
+
{
 +
margin: 0 7px;
 
background: none;
 
background: none;
padding-right: 14px;
 
margin: 0;
 
height: 36px;
 
overflow: visible;
 
 
}
 
}
div#mw-head div.vectorMenu h3::before {
+
 
content: "";
+
div.vectorTabs ul, div.vectorTabs
position: absolute;
+
{
top: 0;
+
left: -6px;
+
 
background: none;
 
background: none;
width: 6px;
 
height: 100%;
 
 
}
 
}
div#mw-head div.vectorMenu h3:hover,
+
 
div#mw-head div.vectorMenu.menuForceShow h3 {
+
div.vectorTabs li.selected
background-position: right bottom;
+
{
 +
background: #fff;
 
}
 
}
  
div.vectorMenu h3 span {
+
div.vectorTabs li a
padding: 15px 16px 0 14px;
+
{
font-weight: bold;
+
color: #a5a5a5;
 +
font-size: 10px;
 
}
 
}
  
div.vectorMenu div.menu {
+
div.vectorTabs li.new a, div.vectorTabs li.new a:visited
top: 36px;
+
{
 +
color: #a5a5a5;
 
}
 
}
  
/* Style the simple search */
+
div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited
#p-search {
+
{
margin-left: 0;
+
color: #7d7d7d;
 
}
 
}
  
#p-search form {
+
div.vectorTabs ul li
position: relative;
+
{
background-color: rgba(0, 0, 0, 0.365);
+
line-height: 7px;
border-right: 4px solid #538631;
+
border-bottom: 4px solid #382314;
+
margin-top: -14px;
+
padding: 0 4px 0 5px;
+
height: 27px;
+
 
}
 
}
#p-search form::before {
+
 
content: "";
+
div.vectorTabs
position: absolute;
+
{
top: 0;
+
margin-top: 8px;
left: -4px;
+
border-top: 4px solid rgba(0, 0, 0, 0.365);
+
border-left: 4px solid transparent;
+
}
+
#p-search form::after {
+
content: "";
+
position: absolute;
+
top: 0;
+
right: -4px;
+
border-top: 4px solid #80BA5A;
+
border-left: 4px solid #538631;
+
 
}
 
}
  
div#simpleSearch {
+
.mw-body
top: -3px;
+
{
 
border: 0;
 
border: 0;
border-top: 3px solid #E6E6E6 !important;
+
margin-top: 40px;
border-left: 3px solid #B0B0B0 !important;
+
background-color: #D0CFCF;
+
background-image: -webkit-linear-gradient(#C3C3C3, #DCDBDB);
+
background-image: linear-gradient(#C3C3C3, #DCDBDB);
+
 
}
 
}
#simpleSearch::before {
+
 
content: "";
+
div.vectorTabs li:first-child
position: absolute;
+
{
bottom: 0;
+
margin-left: -1px;
left: -3px;
+
border-top: 3px solid #B0B0B0;
+
border-left: 3px solid #79553A;
+
z-index: 1;
+
 
}
 
}
#simpleSearch::after {
+
 
content: "";
+
div#mw-head div.vectorMenu h3
position: absolute;
+
{
top: -3px;
+
border: 0;
right: 0;
+
background: none;
border-top: 3px solid #80BA5A;
+
border-left: 3px solid #E6E6E6;
+
 
}
 
}
  
/* Fix placeholder text being too light in chrome */
+
div#mw-head div.vectorMenu h3#p-cactions-label
::-webkit-input-placeholder {
+
{
color: inherit;
+
background: #4d4d4d;
opacity: 0.54;
+
height: 31px;
 +
margin-top: 8px;
 
}
 
}
  
/* The suggestions shown under the search bar */
+
div#mw-head div.vectorMenu h3#p-cactions-label span
.suggestions{
+
{
margin-top: -29px;
+
color: #a5a5a5;
margin-right: -1px;
+
font-size: 10px;
 +
padding-top: 10px;
 +
text-transform: uppercase;
 
}
 
}
.suggestions> .suggestions-results,
+
 
.suggestions> .mw-searchSuggest-link {
+
#ca-unwatch.icon a, #ca-watch.icon a
display: block;
+
{
margin-left: 1px;
+
margin-top: -1px;
 
}
 
}
.suggestions.suggestions-results,
+
 
.suggestions.suggestions-special {
+
.mw-body-content
background-color: #DBDADA;
+
{
border-color: #3C3B3B;
+
font-size: 0.8em;
 
}
 
}
.suggestions.suggestions-result-current {
+
 
background-color: highlight;
+
div.vectorMenu li a
 +
{
 +
color: #7d7d7d;
 +
font-size: 9px;
 +
text-align: center;
 
}
 
}
  
/* Replace divider with a similar image that has proper transparency: [[File:Panel-divider.png]] */
+
.mw-body a.external, .mw-body a.external:visited
div#mw-panel div.portal div.body {
+
{
background-image: none;
+
color: #3c3b0d;
 
}
 
}
  
/* Give the main content area its healthy blue glow and add a border */
+
#footer
div#content {
+
{
background-color: #E6EFF4;
+
display: none;
border-top: 6px solid #B4BEC3;
+
border-bottom: 0;
+
border-left: 6px solid #171717;
+
 
}
 
}
  
/* Add the 3D corners to the main content */
+
#right-navigation, #left-navigation
div#content::before {
+
{
content: "";
+
margin-top: 81px;
position: absolute;
+
border-top: 6px solid #B9855C;
+
border-left: 6px solid #B4BEC3;
+
top: 83px;
+
right: 10px;
+
}
+
/* Have to use the footer as #content::after is already used to clear the content float */
+
#footer {
+
position: relative;
+
}
+
#footer::before {
+
content: "";
+
position: absolute;
+
border-top: 6px solid #171717;
+
border-left: 6px solid #202020;
+
top: -6px;
+
left: 0;
+
 
}
 
}
  
/* Use black bullet points, instead of blue circles: [[File:List bullet.svg]] */
+
#p-search
ul {
+
{
list-style-image: none;
+
margin-left: 0;
 
}
 
}
  
/* Various styling for message boxes, based on colours/styling from [[Template:Msgbox]] */
+
div#simpleSearch
div.mw-warning-with-logexcerpt,
+
{
.errorbox,
+
background: #000;
.warningbox,
+
border: 2px solid #4d4d4d;
.successbox {
+
height: 27px;
    display: block;
+
margin-top: 8px;
    padding: .4em .8em;
+
    margin-bottom: 1em;
+
    border: 1px solid #CCC;
+
}
+
div.mw-warning-with-logexcerpt,
+
.errorbox {
+
    background: #FDD;
+
    border-left: 4px solid #FAA;
+
}
+
.warningbox {
+
    background: #FFC;
+
    border-left: 4px solid #DD8;
+
}
+
.successbox {
+
    background: #DFD;
+
    border-left: 4px solid #9C9;
+
}
+
.successbox strong p {
+
    margin: 0;
+
 
}
 
}
  
/* Add white background to some areas */
+
div#simpleSearch #searchInput
#asirra_ChallengeTableDiv {
+
{
background-color: #FFF;
+
color: #a5a5a5;
 +
font-size: 10px;
 +
border: 0;
 +
background: #000;
 +
padding: 5px 10px;
 +
margin-top: 3px;
 
}
 
}
  
/* Fix diff area styling */
+
div.vectorMenu h3 a
table.diff {
+
{
background-color: transparent;
+
top: -2px;
}
+
td.diff-addedline,
+
td.diff-deletedline {
+
background-color: #F9F9F9;
+
}
+
td.diff-context {
+
background-color: #F3F3F3;
+
}
+
td.diff-addedline,
+
td.diff-deletedline,
+
td.diff-context,
+
td.diff-addedline .diffchange,
+
td.diff-deletedline .diffchange {
+
border-radius: 0;
+
 
}
 
}
  
/* Get rid of stupid white borders on page history */
+
.mw-body h1
#pagehistory li {
+
{
border-color: transparent;
+
font-size: 1.8em;
 +
text-transform: uppercase;
 +
color: #5785ac;
 
}
 
}
  
/* Same as the default preference tab images, but with the blue background colour instead of white
+
#p-personal a.new:hover
  [[File:Pref-tab-border.png]] [[File:Pref-tab-bg.png]] */
+
{
.client-js #preftoc,
+
-o-transition: .4s;
.client-js #preftoc li {
+
-ms-transition: .4s;
background-image: none;
+
-moz-transition: .4s;
}
+
-webkit-transition: .4s;
.client-js #preftoc li.selected a {
+
transition: .4s;
background-image: none;
+
color: #d0d0d0;
 
}
 
}
  
/* Fix side-by-side editor background colour */
+
#p-personal li a:hover
.wikiEditor-ui-controls {
+
{
background-color: #E6EFF4;
+
-o-transition: .4s;
border-right: 1px solid #E6EFF4;
+
-ms-transition: .4s;
 +
-moz-transition: .4s;
 +
-webkit-transition: .4s;
 +
transition: .4s;
 +
color: #b7b7b7;
 
}
 
}
  
/* Style notifications to look like achievements: [[File:Achievement background.png]] */
+
div.vectorTabs ul li#ca-talk, div.vectorTabs ul li#ca-viewsource, div.vectorTabs ul li#ca-history, div.vectorTabs ul li#ca-view
body .mw-notification-area-layout {
+
{
top: 20px;
+
display: none;
}
+
body .mw-notification-area-floating {
+
right: 10px;
+
}
+
body .mw-notification {
+
border: 8px solid #555;
+
border-radius: 0;
+
-webkit-border-image: none;
+
-moz-border-image: none;
+
-o-border-image: none;
+
border-image: none;
+
box-shadow: none;
+
background-color: #212121;
+
background-clip: padding-box;
+
color: #FFF;
+
padding: 0.2em 0.4em;
+
 
}
 
}
  
/* HiDPI images
+
div#mw-panel div.portal:last-child
* [[File:Background HiDPI.png]], [[File:Header background HiDPI.png]],
+
{
* [[File:Vector tab HiDPI.png]], [[File:Vector tab first HiDPI.png]]
+
display: none;
*/
+
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
+
body {
+
background-image: none;
+
background-size: 48px auto;
+
}
+
+
#mw-page-base {
+
background-image: none;
+
background-size: 48px auto;
+
}
+
+
div.vectorTabs span,
+
div.vectorTabs span::before,
+
div #mw-head div.vectorMenu > h3,
+
div #mw-head div.vectorMenu > h4,
+
div#p-variants.vectorMenu #mw-vector-current-variant,
+
div #mw-head div.vectorMenu > h3:first-child::before,
+
div #mw-head div.vectorMenu > h4:first-child::before,
+
div#p-variants.vectorMenu #mw-vector-current-variant::before {
+
background-image: none;
+
background-size: 262px auto;
+
}
+
+
#left-navigation div.vectorTabs li:first-child span::before {
+
background-image: none;
+
background-size: 6px auto;
+
}
+
 
}
 
}

Edição das 21h40min de 19 de janeiro de 2022

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

#pt-userpage, #pt-anonuserpage
{
	background: url(/resources/assets/icon_user.png);
	background-repeat: no-repeat;
	height: 13px;
	padding-left: 2px;
}

div#mw-head
{
	background: url(/resources/assets/background.png) top right no-repeat;
}

#mw-page-base
{
	height: 76px;
	border-top: 4px solid #88ddff;
}

.mw-body .firstHeading
{
	text-transform: uppercase;
	color: #5785ac;
}

a, a:visited
{
	color: #7d7d7d;
	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 #5785ac;
}

h1, h2, h3, h4, h5, h6
{
	border-bottom: 1px solid #b7b7b7;
}

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: 11px;
	color: #b7b7b7;
}

a.new, #p-personal a.new, a.new:visited, #p-personal a.new:visited
{
	color: #b7b7b7;
}

#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#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: #a5a5a5;
}

div.vectorTabs ul li
{
	height: 31px;
	background: #4d4d4d;
}

div.vectorTabs span
{
	margin: 0 7px;
	background: none;
}

div.vectorTabs ul, div.vectorTabs
{
	background: none;
}

div.vectorTabs li.selected
{
	background: #fff;
}

div.vectorTabs li a
{
	color: #a5a5a5;
	font-size: 10px;
}

div.vectorTabs li.new a, div.vectorTabs li.new a:visited
{
	color: #a5a5a5;
}

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

div.vectorTabs li:first-child
{
	margin-left: -1px;
}

div#mw-head div.vectorMenu h3
{
	border: 0;
	background: none;
}

div#mw-head div.vectorMenu h3#p-cactions-label
{
	background: #4d4d4d;
	height: 31px;
	margin-top: 8px;
}

div#mw-head div.vectorMenu h3#p-cactions-label span
{
	color: #a5a5a5;
	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: 0.8em;
}

div.vectorMenu li a
{
	color: #7d7d7d;
	font-size: 9px;
	text-align: center;
}

.mw-body a.external, .mw-body a.external:visited
{
	color: #3c3b0d;
}

#footer
{
	display: none;
}

#right-navigation, #left-navigation
{
	margin-top: 81px;
}

#p-search
{
	margin-left: 0;
}

div#simpleSearch
{
	background: #000;
	border: 2px solid #4d4d4d;
	height: 27px;
	margin-top: 8px;
}

div#simpleSearch #searchInput
{
	color: #a5a5a5;
	font-size: 10px;
	border: 0;
	background: #000;
	padding: 5px 10px;
	margin-top: 3px;
}

div.vectorMenu h3 a
{
	top: -2px;
}

.mw-body h1
{
	font-size: 1.8em;
	text-transform: uppercase;
	color: #5785ac;
}

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