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

De Priston Tale Wiki
Ir para: navegação, pesquisa
Linha 1: Linha 1:
html {
+
/* Le CSS placé ici sera appliqué à tous les habillages. */
background-color: #E6EFF4;
+
}
+
  
html body {
+
/* Couleur de fond verte pour Editsimilar. */
height: auto !important;
+
#editsimilar_links {background-color: #DDFFDD !important;color: #000000 !important;}
min-height: calc(100% - 30px);
+
background-color: #202020;
+
}
+
  
#mw-page-base {
+
/* DIFFS */
background-color: #8DBDE9;
+
height: 146px;
+
/* Mise en évidence des diffs par du gras et de la couleur. */
margin-bottom: -142px;
+
table.diff {
 +
padding:.5em;
 
}
 
}
 
+
table.diff td {
div#mw-head {
+
vertical-align:top;
background: url(/resources/assets/background.png) top right no-repeat;
+
 
}
 
}
 
+
td.diff-addedline {  
div#mw-panel {
+
background:#D8E4F6;  
padding-top: 0;
+
 
}
 
}
#p-logo,
+
td.diff-addedline .diffchange {
#p-logo a {
+
background:#B0C0F0;
height: 140px;
+
color:#001040;
 +
font-weight:bold;
 
}
 
}
 
+
td.diff-deletedline {
#mw-panel *:not(h3) > a:not(:hover):not(:focus),
+
background:#E4F6D8;
#footer a:not(:hover):not(:focus),
+
.mw-notification a:not(:hover):not(:focus) {
+
color: #BFBFBF !important;
+
 
}
 
}
#mw-panel h3,
+
td.diff-deletedline .diffchange {
#mw-panel a,
+
background:#B0E897;
#footer li,
+
color:#104000;
#footer a,
+
font-weight:bold;
.mw-notification a {
+
color: #FFF !important;
+
 
}
 
}
 
+
td.diff-context {
/* Set the tab link colours to black and bold */
+
background:#FEFEFE;
#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,
+
/* Couleur de fond transparente pour les diffs */
#p-views a,
+
table.diff, td.diff-otitle, td.diff-ntitle, td.diff-context {
div#mw-head div.vectorMenu h3 span {
+
    background-color: transparent;
color: #000;
+
}
+
#p-namespaces .new a,
+
#p-views .new a {
+
color: #BA0000;
+
 
}
 
}
  
/* Add some margin to help with the 3D effect */
+
/* -- A AJOUTER DANS LE SKIN (MW 1,25, 2015) -------------------- */
#pageWrapper,
+
#right-navigation {
+
margin-right: 10px;
+
}
+
  
/* Position the tabs */
+
/* Visual Editor: Hide sumary and options in Save dialog */
#left-navigation,
+
.ve-ui-mwSaveDialog-summaryLabel,
#right-navigation {
+
.ve-ui-mwSaveDialog-summary,
margin-top: 53px;
+
.ve-ui-mwSaveDialog-options {
}
+
    display: none;
#mw-head-base {
+
height: 80px;
+
 
}
 
}
  
/* Give the tabs the grass block styling: [[File:Vector-tabs.png]] [[File:Vector-tabs-first.png]] */
+
/* LQT: Hide edit signature */
div.vectorTabs,
+
.lqt-signature-edit-button {
div.vectorMenu {
+
    display: none;
background: none;
+
padding: 0;
+
height: 36px;  
+
 
}
 
}
  
div.vectorTabs ul,
+
/* LQT: Hide header links */
div.vectorTabs ul li,
+
.lqt_header_commands {
div.vectorTabs ul li.selected {
+
    display: none;
background: none;
+
}
+
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 {
+
/* This will hide copywarning2 message when VisualEditor is not being used */
padding: 15px 14px 0 20px;
+
#editpage-copywarn {
height: 21px;
+
    display: none;
 
}
 
}
  
.vectorTabs #ca-watch.icon a,
+
/* Autres ajustements à apporter dans le skin */
.vectorTabs #ca-unwatch.icon a {
+
padding-top: 36px;
+
width: 45px;
+
background-position: 17px 15px !important;
+
transform-origin: 25px 23.5px !important;
+
}
+
  
div.vectorMenu {
+
/* le suivant devrait plutôt être résolu en espaçant les box gris (ils sont serrés) */
margin: 0 8px 0 6px;
+
#fluid-sidebar .dailyPic {
 +
    margin-top: 20px;
 +
    margin-bottom: 20px;
 
}
 
}
  
div#mw-head div.vectorMenu h3 {
+
/* Temporary fix: Hide wiki code edit link on main namespace for VE compatible devices: */
position: relative;
+
html.client-js.ve-available body.ns-0 li.ca-edit {
background: none;
+
    display: none !important;
padding-right: 14px;
+
margin: 0;
+
height: 36px;
+
overflow: visible;
+
}
+
div#mw-head div.vectorMenu h3::before {
+
content: "";
+
position: absolute;
+
top: 0;
+
left: -6px;
+
background: none;
+
width: 6px;
+
height: 100%;
+
}
+
div#mw-head div.vectorMenu h3:hover,
+
div#mw-head div.vectorMenu.menuForceShow h3 {
+
background-position: right bottom;
+
}
+
 
+
div.vectorMenu h3 span {
+
padding: 15px 16px 0 14px;
+
font-weight: bold;
+
}
+
 
+
div.vectorMenu div.menu {
+
top: 36px;
+
}
+
 
+
/* Style the simple search */
+
#p-search {
+
margin-left: 0;
+
}
+
 
+
#p-search form {
+
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 {
+
content: "";
+
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 {
+
content: "";
+
position: absolute;
+
top: 0;
+
right: -4px;
+
border-top: 4px solid #80BA5A;
+
border-left: 4px solid #538631;
+
}
+
 
+
div#simpleSearch {
+
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 {
+
content: "";
+
position: absolute;
+
bottom: 0;
+
left: -3px;
+
border-top: 3px solid #B0B0B0;
+
border-left: 3px solid #79553A;
+
z-index: 1;
+
}
+
#simpleSearch::after {
+
content: "";
+
position: absolute;
+
top: -3px;
+
right: 0;
+
border-top: 3px solid #80BA5A;
+
border-left: 3px solid #E6E6E6;
+
}
+
 
+
/* Fix placeholder text being too light in chrome */
+
::-webkit-input-placeholder {
+
color: inherit;
+
opacity: 0.54;
+
}
+
 
+
/* The suggestions shown under the search bar */
+
.suggestions{
+
margin-top: -29px;
+
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]] */
+
div#mw-panel div.portal div.body {
+
background-image: none;
+
}
+
 
+
/* Give the main content area its healthy blue glow and add a border */
+
div#content {
+
background-color: #E6EFF4;
+
border-top: 6px solid #B4BEC3;
+
border-bottom: 0;
+
border-left: 6px solid #171717;
+
}
+
 
+
/* Add the 3D corners to the main content */
+
div#content::before {
+
content: "";
+
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]] */
+
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
+
/* Temporary fix: Show wiki code edit link when VE is activated (edit mode): */
* [[File:Background HiDPI.png]], [[File:Header background HiDPI.png]],
+
html.client-js.ve-available.ve-activated body.ns-0 li.ca-edit {
* [[File:Vector tab HiDPI.png]], [[File:Vector tab first HiDPI.png]]
+
    display: list-item !important;
*/
+
@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 04h26min de 19 de janeiro de 2022

/* Le CSS placé ici sera appliqué à tous les habillages. */

/* Couleur de fond verte pour Editsimilar. */
#editsimilar_links {background-color: #DDFFDD !important;color: #000000 !important;}

/* DIFFS */
 
/* Mise en évidence des diffs par du gras et de la couleur. */
table.diff {
 padding:.5em;
}
table.diff td { 
 vertical-align:top;
}
td.diff-addedline { 
 background:#D8E4F6; 
}
td.diff-addedline .diffchange {
 background:#B0C0F0;
 color:#001040;
 font-weight:bold;
}
td.diff-deletedline {
 background:#E4F6D8;
}
td.diff-deletedline .diffchange {
 background:#B0E897;
 color:#104000;
 font-weight:bold;
}
td.diff-context {
 background:#FEFEFE;
}
 
/* Couleur de fond transparente pour les diffs */
table.diff, td.diff-otitle, td.diff-ntitle, td.diff-context {
    background-color: transparent;
}

/* -- A AJOUTER DANS LE SKIN (MW 1,25, 2015) -------------------- */

/* Visual Editor: Hide sumary and options in Save dialog */
.ve-ui-mwSaveDialog-summaryLabel,
.ve-ui-mwSaveDialog-summary,
.ve-ui-mwSaveDialog-options {
    display: none;
}

/* LQT: Hide edit signature */
.lqt-signature-edit-button {
    display: none;
}

/* LQT: Hide header links */
.lqt_header_commands {
    display: none;
}

/* This will hide copywarning2 message when VisualEditor is not being used */
#editpage-copywarn {
    display: none;
}

/* Autres ajustements à apporter dans le skin */

/* le suivant devrait plutôt être résolu en espaçant les box gris (ils sont serrés) */
#fluid-sidebar .dailyPic {
    margin-top: 20px;
    margin-bottom: 20px;
}

/* Temporary fix: Hide wiki code edit link on main namespace for VE compatible devices: */
html.client-js.ve-available body.ns-0 li.ca-edit {
    display: none !important;
}

/* Temporary fix: Show wiki code edit link when VE is activated (edit mode): */
html.client-js.ve-available.ve-activated body.ns-0 li.ca-edit {
    display: list-item !important;
}