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

De Priston Tale Wiki
Ir para: navegação, pesquisa
Linha 1: Linha 1:
html {
+
/* Hide feature bloat that can't even be disabled via configuration */
background-color: #E6EFF4;
+
}
+
  
html body {
+
.toctogglespan,
height: auto !important;
+
.patrollink,
min-height: calc(100% - 30px);
+
.mw-editsection,
background-color: #202020;
+
.mw-redirectedfrom,
 +
div.smwrdflink,
 +
span.smwsearch,
 +
div.mw-indicator-browse {
 +
    display: none !important;
 
}
 
}
  
#mw-page-base {
 
background-color: #8DBDE9;
 
height: 146px;
 
margin-bottom: -142px;
 
}
 
  
div#mw-head {
 
background: url(/resources/assets/background.png) top right no-repeat;
 
}
 
  
div#mw-panel {
+
/* Maps */
padding-top: 0;
+
}
+
#p-logo,
+
#p-logo a {
+
height: 140px;
+
}
+
  
#mw-panel *:not(h3) > a:not(:hover):not(:focus),
+
div.maps-map, div.mapCanvas {
#footer a:not(:hover):not(:focus),
+
    margin-bottom: 16px;
.mw-notification a:not(:hover):not(:focus) {
+
color: #BFBFBF !important;
+
}
+
#mw-panel h3,
+
#mw-panel a,
+
#footer li,
+
#footer a,
+
.mw-notification a {
+
color: #FFF !important;
+
 
}
 
}
  
/* Set the tab link colours to black and bold */
 
#p-namespaces a,
 
#p-views a,
 
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,
 
#p-views a,
 
div#mw-head div.vectorMenu h3 span {
 
color: #000;
 
}
 
#p-namespaces .new a,
 
#p-views .new a {
 
color: #BA0000;
 
}
 
  
/* Add some margin to help with the 3D effect */
+
/* For MediaWiki:Hf-nsfooter-, borrowed from WP */
#pageWrapper,
+
#right-navigation {
+
margin-right: 10px;
+
}
+
  
/* Position the tabs */
+
.navbox {
#left-navigation,
+
box-sizing:border-box;
#right-navigation {
+
border:1px solid #a2a9b1;
margin-top: 53px;
+
width:100%;
 +
clear:both;
 +
font-size:88%;
 +
text-align:center;
 +
padding:1px;
 +
margin:1em auto 0
 
}
 
}
#mw-head-base {
+
.navbox .navbox {
height: 80px;
+
margin-top:0
 
}
 
}
 
+
.navbox + .navbox {
/* Give the tabs the grass block styling: [[File:Vector-tabs.png]] [[File:Vector-tabs-first.png]] */
+
margin-top:-1px
div.vectorTabs,
+
div.vectorMenu {
+
background: none;
+
padding: 0;
+
height: 36px;
+
 
}
 
}
 
+
.navbox-inner,
div.vectorTabs ul,
+
.navbox-subgroup {
div.vectorTabs ul li,
+
width:100%
div.vectorTabs ul li.selected {
+
background: none;
+
 
}
 
}
div.vectorTabs span {
+
.navbox-group,
position: relative;
+
.navbox-title,
background: none;
+
.navbox-abovebelow {
margin-right: 8px;
+
padding:0.25em 1em;
 +
line-height:1.5em;
 +
text-align:center
 
}
 
}
div.vectorTabs span::before {
+
th.navbox-group {
content: "";
+
white-space:nowrap;
position: absolute;
+
text-align:right
left: 0;
+
background: none;
+
width: 6px;
+
height: 100%;
+
pointer-events: none;
+
 
}
 
}
#left-navigation div.vectorTabs li:first-child span::before {
+
.navbox,
background-image: none;
+
.navbox-subgroup {
height: 93px;
+
background-color:#fdfdfd
 
}
 
}
div.vectorTabs li.selected span,
+
.navbox-list {
div.vectorTabs li span:hover,
+
line-height:1.5em;
div.vectorTabs li span:focus {
+
border-color:#fdfdfd
background-position: right bottom;
+
 
}
 
}
 
+
tr + tr > .navbox-abovebelow,
div.vectorTabs li a {
+
tr + tr > .navbox-group,
padding: 15px 14px 0 20px;
+
tr + tr > .navbox-image,
height: 21px;
+
tr + tr > .navbox-list {
 +
border-top:2px solid #fdfdfd
 
}
 
}
 
+
.navbox th,
.vectorTabs #ca-watch.icon a,
+
.navbox-title {
.vectorTabs #ca-unwatch.icon a {
+
background-color:#ccccff;
padding-top: 36px;
+
width: 45px;
+
background-position: 17px 15px !important;
+
transform-origin: 25px 23.5px !important;
+
 
}
 
}
 
+
.navbox-abovebelow,
div.vectorMenu {
+
th.navbox-group,
margin: 0 8px 0 6px;
+
.navbox-subgroup .navbox-title {
 +
background-color:#ddddff
 
}
 
}
 
+
.navbox-subgroup .navbox-group,
div#mw-head div.vectorMenu h3 {
+
.navbox-subgroup .navbox-abovebelow {
position: relative;
+
background-color:#e6e6ff
background: none;
+
padding-right: 14px;
+
margin: 0;
+
height: 36px;
+
overflow: visible;
+
 
}
 
}
div#mw-head div.vectorMenu h3::before {
+
.navbox-even {
content: "";
+
background-color:#f7f7f7
position: absolute;
+
top: 0;
+
left: -6px;
+
background: none;
+
width: 6px;
+
height: 100%;
+
 
}
 
}
div#mw-head div.vectorMenu h3:hover,
+
.navbox-odd {
div#mw-head div.vectorMenu.menuForceShow h3 {
+
background-color:transparent
background-position: right bottom;
+
 
}
 
}
 
+
.navbox .hlist td dl,
div.vectorMenu h3 span {
+
.navbox .hlist td ol,
padding: 15px 16px 0 14px;
+
.navbox .hlist td ul,
font-weight: bold;
+
.navbox td.hlist dl,
 +
.navbox td.hlist ol,
 +
.navbox td.hlist ul {
 +
padding:0.125em 0
 
}
 
}
 
+
.navbar {
div.vectorMenu div.menu {
+
display:inline;
top: 36px;
+
font-size:88%;
 +
font-weight:normal
 
}
 
}
 
+
.navbar ul {
/* Style the simple search */
+
display:inline-block;
#p-search {
+
white-space:nowrap
margin-left: 0;
+
 
}
 
}
 
+
.mw-body-content .navbar ul {
#p-search form {
+
line-height:inherit
position: relative;
+
background-color: rgba(0, 0, 0, 0.365);
+
border-right: 4px solid #538631;
+
border-bottom: 4px solid #382314;
+
margin-top: -14px;
+
padding: 0 4px 0 5px;
+
height: 27px;
+
 
}
 
}
#p-search form::before {
+
.navbar li {
content: "";
+
word-spacing:-0.125em
position: absolute;
+
top: 0;
+
left: -4px;
+
border-top: 4px solid rgba(0, 0, 0, 0.365);
+
border-left: 4px solid transparent;
+
 
}
 
}
#p-search form::after {
+
.navbar.mini li abbr[title] {
content: "";
+
font-variant:small-caps;
position: absolute;
+
border-bottom:none;
top: 0;
+
text-decoration:none;
right: -4px;
+
cursor:inherit
border-top: 4px solid #80BA5A;
+
border-left: 4px solid #538631;
+
 
}
 
}
 
+
.infobox .navbar {
div#simpleSearch {
+
font-size:100%
top: -3px;
+
border: 0;
+
border-top: 3px solid #E6E6E6 !important;
+
border-left: 3px solid #B0B0B0 !important;
+
background-color: #D0CFCF;
+
background-image: -webkit-linear-gradient(#C3C3C3, #DCDBDB);
+
background-image: linear-gradient(#C3C3C3, #DCDBDB);
+
 
}
 
}
#simpleSearch::before {
+
.navbox .navbar {
content: "";
+
display:block;
position: absolute;
+
font-size:100%
bottom: 0;
+
left: -3px;
+
border-top: 3px solid #B0B0B0;
+
border-left: 3px solid #79553A;
+
z-index: 1;
+
 
}
 
}
#simpleSearch::after {
+
.navbox-title .navbar {
content: "";
+
float:left;
position: absolute;
+
text-align:left;
top: -3px;
+
margin-right:0.5em
right: 0;
+
border-top: 3px solid #80BA5A;
+
border-left: 3px solid #E6E6E6;
+
 
}
 
}
  
/* Fix placeholder text being too light in chrome */
+
.nowrap,
::-webkit-input-placeholder {
+
.nowraplinks a {
color: inherit;
+
white-space:nowrap
opacity: 0.54;
+
 
}
 
}
  
/* The suggestions shown under the search bar */
+
.hlist li {
.suggestions{
+
margin:0;
margin-top: -29px;
+
display:inline;
margin-right: -1px;
+
}
+
.suggestions> .suggestions-results,
+
.suggestions> .mw-searchSuggest-link {
+
display: block;
+
margin-left: 1px;
+
}
+
.suggestions.suggestions-results,
+
.suggestions.suggestions-special {
+
background-color: #DBDADA;
+
border-color: #3C3B3B;
+
}
+
.suggestions.suggestions-result-current {
+
background-color: highlight;
+
 
}
 
}
  
/* Replace divider with a similar image that has proper transparency: [[File:Panel-divider.png]] */
+
.hlist li:after {
div#mw-panel div.portal div.body {
+
content:" · ";
background-image: none;
+
font-weight:bold
 
}
 
}
  
/* Give the main content area its healthy blue glow and add a border */
+
.hlist li:last-child:after {
div#content {
+
content:none
background-color: #E6EFF4;
+
border-top: 6px solid #B4BEC3;
+
border-bottom: 0;
+
border-left: 6px solid #171717;
+
 
}
 
}
  
/* Add the 3D corners to the main content */
+
.hlist dl,
div#content::before {
+
.hlist ol,
content: "";
+
.hlist ul {
position: absolute;
+
margin:0;
border-top: 6px solid #B9855C;
+
padding:0
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 */
+
.hlist dd,
#footer {
+
.hlist dt,
position: relative;
+
.hlist li {
}
+
margin:0;
#footer::before {
+
display:inline;
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]] */
+
/* ************ */
ul {
+
list-style-image: none;
+
}
+
 
+
/* Various styling for message boxes, based on colours/styling from [[Template:Msgbox]] */
+
div.mw-warning-with-logexcerpt,
+
.errorbox,
+
.warningbox,
+
.successbox {
+
    display: block;
+
    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 */
+
#asirra_ChallengeTableDiv {
+
background-color: #FFF;
+
}
+
 
+
/* Fix diff area styling */
+
table.diff {
+
background-color: transparent;
+
}
+
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 */
+
#pagehistory li {
+
border-color: transparent;
+
}
+
 
+
/* Same as the default preference tab images, but with the blue background colour instead of white
+
  [[File:Pref-tab-border.png]] [[File:Pref-tab-bg.png]] */
+
.client-js #preftoc,
+
.client-js #preftoc li {
+
background-image: none;
+
}
+
.client-js #preftoc li.selected a {
+
background-image: none;
+
}
+
 
+
/* Fix side-by-side editor background colour */
+
.wikiEditor-ui-controls {
+
background-color: #E6EFF4;
+
border-right: 1px solid #E6EFF4;
+
}
+
 
+
/* Style notifications to look like achievements: [[File:Achievement background.png]] */
+
body .mw-notification-area-layout {
+
top: 20px;
+
}
+
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
+
* [[File:Background HiDPI.png]], [[File:Header background HiDPI.png]],
+
* [[File:Vector tab HiDPI.png]], [[File:Vector tab first HiDPI.png]]
+
*/
+
@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 04h34min de 19 de janeiro de 2022

/* Hide feature bloat that can't even be disabled via configuration */

.toctogglespan,
.patrollink,
.mw-editsection,
.mw-redirectedfrom,
div.smwrdflink,
span.smwsearch,
div.mw-indicator-browse {
    display: none !important;
}



/* Maps */

div.maps-map, div.mapCanvas {
    margin-bottom: 16px;
}


/* For MediaWiki:Hf-nsfooter-, borrowed from WP */

.navbox {
 box-sizing:border-box;
 border:1px solid #a2a9b1;
 width:100%;
 clear:both;
 font-size:88%;
 text-align:center;
 padding:1px;
 margin:1em auto 0
}
.navbox .navbox {
 margin-top:0
}
.navbox + .navbox {
 margin-top:-1px
}
.navbox-inner,
.navbox-subgroup {
 width:100%
}
.navbox-group,
.navbox-title,
.navbox-abovebelow {
 padding:0.25em 1em;
 line-height:1.5em;
 text-align:center
}
th.navbox-group {
 white-space:nowrap;
 text-align:right
}
.navbox,
.navbox-subgroup {
 background-color:#fdfdfd
}
.navbox-list {
 line-height:1.5em;
 border-color:#fdfdfd
}
tr + tr > .navbox-abovebelow,
tr + tr > .navbox-group,
tr + tr > .navbox-image,
tr + tr > .navbox-list {
 border-top:2px solid #fdfdfd
}
.navbox th,
.navbox-title {
 background-color:#ccccff;
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
 background-color:#ddddff
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
 background-color:#e6e6ff
}
.navbox-even {
 background-color:#f7f7f7
}
.navbox-odd {
 background-color:transparent
}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
 padding:0.125em 0
}
.navbar {
 display:inline;
 font-size:88%;
 font-weight:normal
}
.navbar ul {
 display:inline-block;
 white-space:nowrap
}
.mw-body-content .navbar ul {
 line-height:inherit
}
.navbar li {
 word-spacing:-0.125em
}
.navbar.mini li abbr[title] {
 font-variant:small-caps;
 border-bottom:none;
 text-decoration:none;
 cursor:inherit
}
.infobox .navbar {
 font-size:100%
}
.navbox .navbar {
 display:block;
 font-size:100%
}
.navbox-title .navbar {
 float:left;
 text-align:left;
 margin-right:0.5em
}

.nowrap,
.nowraplinks a {
 white-space:nowrap
}

.hlist li {
 margin:0;
 display:inline;
}

.hlist li:after {
 content:" · ";
 font-weight:bold
}

.hlist li:last-child:after {
 content:none
}

.hlist dl,
.hlist ol,
.hlist ul {
 margin:0;
 padding:0
}
.hlist dd,
.hlist dt,
.hlist li {
 margin:0;
 display:inline;
}

/* ************ */