mirror of
https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
synced 2024-12-01 09:26:53 +00:00
60999eb1d9
Codex tokens are a better implementation and this should ensure consistency across the MW ecosystem. We have to keep a copy for now as they are introduced in 1.41. Related: #735
163 lines
2.9 KiB
Plaintext
163 lines
2.9 KiB
Plaintext
/*
|
|
* Citizen
|
|
*
|
|
* SkinStyles for MediaWiki core
|
|
* Module: mediawiki.debug
|
|
* Version: REL1_39 3baf9e1
|
|
*
|
|
* Date: 2022-11-16
|
|
*/
|
|
|
|
@import '../../../resources/variables.less';
|
|
|
|
/* $wgDebugToolbar = true; */
|
|
#jquery-foot-hovzer {
|
|
// @see https://caniuse.com/mdn-css_properties_width_stretch
|
|
width: -webkit-fill-available;
|
|
width: -moz-available;
|
|
margin-bottom: var( --header-size );
|
|
|
|
@media ( min-width: @min-width-breakpoint-desktop ) {
|
|
margin-bottom: 0;
|
|
// So that it is not hidden by header
|
|
margin-left: ~'calc( var( --header-size ) + 1px )'; // compensate border
|
|
}
|
|
}
|
|
|
|
.mw-debug {
|
|
background-color: var( --color-surface-0 );
|
|
border-top-color: var( --border-color-base );
|
|
|
|
table {
|
|
tr {
|
|
background-color: var( --color-surface-1 );
|
|
|
|
&:nth-child( even ) {
|
|
background-color: var( --color-surface-2 );
|
|
}
|
|
}
|
|
|
|
td,
|
|
th {
|
|
// padding: 4px 10px;
|
|
}
|
|
|
|
td {
|
|
border-bottom-color: var( --border-color-base );
|
|
|
|
span.stats {
|
|
color: var( --color-base--subtle );
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.mw-debug-bits {
|
|
display: flex;
|
|
overflow-x: auto;
|
|
white-space: nowrap;
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.mw-debug-bit {
|
|
padding: var( --space-sm );
|
|
}
|
|
|
|
#mw-debug-mwversion {
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.mw-debug-panelink {
|
|
background-color: transparent;
|
|
border-color: transparent !important;
|
|
|
|
&:hover {
|
|
background-color: var( --background-color-quiet--hover );
|
|
}
|
|
|
|
&:active {
|
|
background-color: var( --background-color-quiet--active );
|
|
}
|
|
|
|
&.current {
|
|
background-color: transparent;
|
|
box-shadow: inset 0 -2px 0 0 var( --color-primary );
|
|
}
|
|
}
|
|
|
|
a.mw-debug-panelabel,
|
|
a.mw-debug-panelabel:visited {
|
|
color: var( --color-base--emphasized );
|
|
}
|
|
|
|
.mw-debug-pane {
|
|
background-color: var( --color-surface-2 );
|
|
}
|
|
|
|
#mw-debug-pane-request {
|
|
tr,
|
|
th,
|
|
td,
|
|
table {
|
|
border-color: var( --border-color-base );
|
|
}
|
|
|
|
th {
|
|
font-weight: var( --font-weight-semibold );
|
|
background-color: transparent;
|
|
}
|
|
|
|
td {
|
|
color: var( --color-base--emphasized );
|
|
background-color: var( --background-color-success );
|
|
}
|
|
}
|
|
|
|
.mw-debug-backtrace {
|
|
background-color: var( --color-surface-3 );
|
|
|
|
span {
|
|
font-weight: var( --font-weight-semibold );
|
|
color: var( --color-base--emphasized );
|
|
}
|
|
|
|
li {
|
|
color: var( --color-base );
|
|
}
|
|
}
|
|
|
|
.mw-debug-console-log {
|
|
background-color: var( --background-color-primary--hover );
|
|
}
|
|
|
|
.mw-debug-console-warn {
|
|
background-color: var( --background-color-warning );
|
|
}
|
|
|
|
.mw-debug-console-deprecated {
|
|
background-color: var( --background-color-destructive );
|
|
}
|
|
|
|
/* $wgShowDebug = true; */
|
|
#mw-html-debug-log {
|
|
padding: 0 var( --padding-page );
|
|
|
|
// Label text
|
|
> strong {
|
|
font-size: 0.875rem;
|
|
color: var( --color-base--subtle );
|
|
letter-spacing: 0.05em;
|
|
}
|
|
|
|
@media ( min-width: @min-width-breakpoint-desktop ) {
|
|
// So that it is not hidden by header
|
|
margin-left: var( --header-size );
|
|
}
|
|
}
|
|
|
|
#mw-debug-html {
|
|
padding-left: var( --space-lg ); // So that it is not clipped
|
|
margin-left: 0;
|
|
overflow-x: auto;
|
|
}
|