{
"rules": {
- "color-hex-case": [ "lower" ]
+ "color-hex-case": [ "lower" ],
+ "color-hex-length": [ "short" ],
+ "color-named": [ "never" ],
+ "color-no-invalid-hex": true,
}
}
options: {
syntax: 'less'
},
- src: '{resources/src/*,{mw-config,tests}/**}/*.{css,less}'
+ src: '{resources/src/*,mw-config/**}/*.{css,less}'
},
watch: {
files: [
border-left: 1px dotted #ccc;
float: right;
width: 230px;
- background: white;
+ background: #fff;
margin: 0 0 10px 10px;
}
}
.error {
- color: red;
+ color: #f00;
background-color: #fff;
font-weight: bold;
left: 1em;
.success-message {
font-weight: bold;
font-size: 110%;
- color: green;
+ color: #0f0;
}
.success-box {
.tipsy-inner {
padding: 5px 8px 4px 8px;
/*background-color: #e8f2f8;*/
- background-color: #ffffff;
+ background-color: #fff;
border: solid 1px #a7d7f9;
- color: black;
+ color: #000;
max-width: 15em;
border-radius: 4px;
/*
.arrowSteps {
list-style-type: none;
list-style-image: none;
- border: 1px solid #666666;
+ border: 1px solid #666;
position: relative;
}
.mw-badge-content {
font-weight: bold;
- color: white;
+ color: #fff;
vertical-align: baseline;
text-shadow: 0 1px rgba(0, 0, 0, 0.4);
}
}
.mw-badge-important {
- background-color: #cc0000;
+ background-color: #c00;
}
.suggestions-special {
position: relative;
- background-color: white;
+ background-color: #fff;
cursor: pointer;
- border: solid 1px #aaaaaa;
+ border: solid 1px #aaa;
padding: 0;
margin: 0;
margin-top: -2px;
}
.suggestions-results {
- background-color: white;
+ background-color: #fff;
cursor: pointer;
- border: solid 1px #aaaaaa;
+ border: solid 1px #aaa;
padding: 0;
margin: 0;
}
.suggestions-result {
- color: black;
+ color: #000;
margin: 0;
line-height: 1.5em;
padding: 0.01em 0.25em;
.suggestions-result-current {
background-color: #4c59a6;
- color: white;
+ color: #fff;
}
.suggestions-special .special-label {
- color: gray;
+ color: #808080;
text-align: left;
}
.suggestions-special .special-query {
- color: black;
+ color: #000;
font-style: italic;
text-align: left;
}
.suggestions-special .special-hover {
- background-color: silver;
+ background-color: #c0c0c0;
}
.suggestions-result-current .special-label,
.suggestions-result-current .special-query {
- color: white;
+ color: #fff;
}
.highlight {
}
span.updatedmarker {
- color: black;
+ color: #000;
background-color: #0f0;
}
td.diff-context {
background: #f9f9f9;
border-color: #e6e6e6;
- color: #333333;
+ color: #333;
}
.diffchange {
.filehistory a img,
#file img:hover {
/* @embed */
- background: white url(images/checker.png) repeat;
+ background: #fff url(images/checker.png) repeat;
}
/*
*/
ul#filetoc {
text-align: center;
- border: 1px solid #aaaaaa;
+ border: 1px solid #aaa;
background-color: #f9f9f9;
padding: 5px;
font-size: 95%;
font-size: 1.25em;
font-weight: bold;
line-height: 2.3em;
- color: black;
- text-shadow: 0 0.0625em 0 white;
+ color: #000;
+ text-shadow: 0 0.0625em 0 #fff;
text-decoration: none;
opacity: 0.2;
filter: alpha(opacity=20);
}
.postedit-close:hover {
- color: black;
+ color: #000;
text-decoration: none;
opacity: 0.4;
filter: alpha(opacity=40);
div.thumb {
margin-bottom: .5em;
border-style: solid;
- border-color: white;
+ border-color: #fff;
width: auto;
}
}
img.thumbborder {
- border: 1px solid #dddddd;
+ border: 1px solid #ddd;
}
/* Page history styling */
}
.error {
- color: red;
+ color: #f00;
font-size: larger;
}
}
#preftoc li {
- border: 1px solid White;
+ border: 1px solid #fff;
}
#preftoc li.selected {
background-color: #f9f9f9;
- border: 1px dashed #aaaaaa;
+ border: 1px dashed #aaa;
}
#preftoc a,
/* use this instead of #toc for page content */
.toccolours {
- border: 1px solid #aaaaaa;
+ border: 1px solid #aaa;
background-color: #f9f9f9;
padding: 5px;
font-size: 95%;
}
#siteNotice {
- border: 1px solid #aaaaaa;
+ border: 1px solid #aaa;
padding-left: 0.5em;
padding-right: 0.5em;
}
span.unpatrolled {
font-weight: bold;
- color: red;
+ color: #f00;
}
span.updatedmarker {
- color: black;
- background-color: #00ff00;
+ color: #000;
+ background-color: #0f0;
}
div.gallerybox {
.previewnote {
text-align: center;
- color: #cc0000;
+ color: #c00;
}
.editExternally {
border-style: solid;
border-width: 1px;
- border-color: gray;
- background: #ffffff;
+ border-color: #808080;
+ background: #fff;
padding: 3px;
margin-top: 0.5em;
float: left;
.editExternallyHelp {
font-style: italic;
- color: gray;
+ color: #808080;
}
li span.deleted {
table.mw_metadata td,
table.mw_metadata th {
- border: 1px solid #aaaaaa;
+ border: 1px solid #aaa;
padding-left: 4px;
padding-right: 4px;
}
}
div.multipageimagenavbox {
- border: solid 1px silver;
+ border: solid 1px #c0c0c0;
padding: 4px;
margin: 1em;
background: #f0f0f0;
}
body.ns-0 {
- background-color: white;
+ background-color: #fff;
}
/** RTL specific CSS starts here **/
/* User-Agent styles for new HTML5 elements */
mark {
- background-color: yellow;
- color: black;
+ background-color: #ff0;
+ color: #000;
}
/* Helper for wbr element on IE 8+; in HTML5, but not supported by default as of IE 11. */
.unpatrolled {
font-weight: bold;
- color: red;
+ color: #f00;
}
div.patrollink {
/* The auto-generated edit comments */
.autocomment {
- color: gray;
+ color: #808080;
}
#pagehistory .history-user {
}
#pagehistory li {
- border: 1px solid white;
+ border: 1px solid #fff;
}
#pagehistory li.selected {
background-color: #f9f9f9;
border: 1px solid #aaa;
border-collapse: collapse;
- color: black;
+ color: #000;
}
table.wikitable > tr > th,
}
.error {
- color: #cc0000;
+ color: #c00;
}
.warning {
}
.errorbox {
- color: #cc0000;
+ color: #c00;
border-color: #fac5c5;
background-color: #fae3e3;
}
.mw-datatable,
.mw-datatable td,
.mw-datatable th {
- border: 1px solid #aaaaaa;
+ border: 1px solid #aaa;
padding: 0 0.15em 0 0.15em;
}
.mw-datatable th {
- background-color: #ddddff;
+ background-color: #ddf;
}
.mw-datatable td {
- background-color: #ffffff;
+ background-color: #fff;
}
.mw-datatable tr:hover td {
- background-color: #eeeeff;
+ background-color: #eef;
}
/* Classes for Exif data display */
table.mw_metadata td,
table.mw_metadata th {
- border: 1px solid #aaaaaa;
+ border: 1px solid #aaa;
padding-left: 5px;
padding-right: 5px;
}
}
img.thumbborder {
- border: 1px solid #dddddd;
+ border: 1px solid #ddd;
}
/* Directionality-specific styles for thumbnails - their positioning depends on content language */
figure[typeof~='mw:Image/Thumb'] > *:first-child > img,
figure[typeof~='mw:Image/Frame'] > *:first-child > img,
.mw-image-border > *:first-child > img {
- border: 1px solid #cccccc;
+ border: 1px solid #ccc;
margin: 3px;
}
}
a.stub {
- color: #772233;
+ color: #723;
}
a.new, #p-personal a.new {
h4,
h5,
h6 {
- color: black;
+ color: #000;
background: none;
font-weight: normal;
margin: 0;
}
code {
- color: black;
+ color: #000;
background-color: #f9f9f9;
border: 1px solid #ddd;
border-radius: 2px;
pre,
.mw-code {
- color: black;
+ color: #000;
background-color: #f9f9f9;
border: 1px solid #ddd;
padding: 1em;
.editOptions {
background-color: #f0f0f0;
- border: 1px solid silver;
+ border: 1px solid #c0c0c0;
border-top: none;
padding: 1em 1em 1.5em 1em;
margin-bottom: 2em;
.usermessage {
background-color: #ffce7b;
border: 1px solid #ffa500;
- color: black;
+ color: #000;
font-weight: bold;
margin: 2em 0 1em;
padding: .5em 1em;
font-size: 90%;
}
span.mw-protectedpages-unknown {
- color: grey;
+ color: #808080;
font-size: 90%;
}
.mw-email-none .mw-input{
border: 1px solid #fde29b;
background-color: #fdf1d1;
- color: #000000;
+ color: #000;
}
/* Authenticated email field has its own class too. Unstyled by default */
/*
font-size: 108%;
}
.mw-search-result-data {
- color: green;
+ color: #0f0;
font-size: 97%;
}
.mw-search-profile-tabs {
background-color: #f3f3f3;
margin-top: 1em;
- border: 1px solid silver;
+ border: 1px solid #c0c0c0;
}
.mw-search-profile-tabs div.search-types {
float: left;
padding: 0.5em;
}
.mw-search-profile-tabs div.search-types ul li.current a {
- color: #333333;
+ color: #333;
cursor: default;
}
.mw-search-profile-tabs div.search-types ul li.current a:hover {
padding: 0.5em 0.75em 0.75em 0.75em;
border: none;
background-color: #f9f9f9;
- border: 1px solid silver;
+ border: 1px solid #c0c0c0;
border-top-width: 0;
}
fieldset#mw-searchoptions legend {
}
}
- background-color: white;
+ background-color: #fff;
border: 1px solid #ccc;
&.mw-widgets-datetime-calendarWidget-dependent {
margin-top: -1px;
- border-top: 1px solid white;
+ border-top: 1px solid #fff;
}
&-heading {
padding: 0 1em;
margin: 0;
background-color: #fff;
- color: black;
+ color: #000;
border: solid 1px #ccc;
box-shadow: inset 0 0 0 0 @progressive;
border-radius: 0.1em;
&.oo-ui-flaggedElement-invalid {
.mw-widgets-datetime-dateTimeInputWidget-handle {
- border-color: red;
- box-shadow: inset 0 0 0 0 red;
+ border-color: #f00;
+ box-shadow: inset 0 0 0 0 #f00;
}
.mw-widgets-datetime-dateTimeInputWidget-handle:focus {
- border-color: red;
- box-shadow: inset 0 0 0 0.1em red;
+ border-color: #f00;
+ box-shadow: inset 0 0 0 0.1em #f00;
}
}
}
}
&-editField.mw-widgets-datetime-dateTimeInputWidget-invalid {
- border: 1px solid red;
- box-shadow: inset 0 0 0 0 red;
+ border: 1px solid #f00;
+ box-shadow: inset 0 0 0 0 #f00;
&:focus {
- border: 1px solid red;
- box-shadow: inset 0 0 0 0.1em red;
+ border: 1px solid #f00;
+ box-shadow: inset 0 0 0 0.1em #f00;
}
}
border: 1px solid #ccc;
border-radius: 0.1em;
line-height: 1.275em;
- background-color: white;
+ background-color: #fff;
}
&.oo-ui-indicatorElement .mw-widget-dateInputWidget-handle > .oo-ui-indicatorElement-indicator {
}
&-calendar {
- background-color: white;
+ background-color: #fff;
margin-top: -2px;
&:focus {
&.oo-ui-flaggedElement-invalid {
.mw-widget-dateInputWidget-handle {
- border-color: red;
- box-shadow: inset 0 0 0 0 red;
+ border-color: #f00;
+ box-shadow: inset 0 0 0 0 #f00;
}
}
.mw-widgets-stashedFileWidget-info {
height: 2.4em;
- background-color: #ffffff;
- border: 1px solid #cccccc;
+ background-color: #fff;
+ border: 1px solid #ccc;
border-radius: 2px;
width: 100%;
display: table-cell;
float: left;
}
> .mw-widgets-stashedFileWidget-fileType {
- color: #888888;
+ color: #888;
float: right;
}
}
&.oo-ui-widget-disabled {
.mw-widgets-stashedFileWidget-info {
- color: #cccccc;
- text-shadow: 0 1px 1px #ffffff;
- border-color: #dddddd;
+ color: #ccc;
+ text-shadow: 0 1px 1px #fff;
+ border-color: #ddd;
background-color: #f3f3f3;
> .oo-ui-iconElement-icon,
height: 5.5em;
text-align: left;
padding: 0;
- background-color: #ffffff;
- border: 1px solid #cccccc;
+ background-color: #fff;
+ border: 1px solid #ccc;
margin-bottom: 0.5em;
vertical-align: middle;
overflow: hidden;
> .mw-widgets-stashedFileWidget-noThumbnail-icon {
opacity: 0.4;
- background-color: #cccccc;
+ background-color: #ccc;
height: 5.5em;
width: 5.5em;
}
}
.mw-widgets-stashedFileWidget-label {
- color: #cccccc;
+ color: #ccc;
right: 0.5em;
}
.apihelp-flags {
font-size: smaller;
float: right;
- border: 1px solid black;
+ border: 1px solid #000;
padding: 0.25em;
width: 20em;
}
.apihelp-deprecated, .apihelp-flag-deprecated,
.apihelp-flag-internal strong {
font-weight: bold;
- color: red;
+ color: #f00;
}
.apihelp-unknown {
.mw-json th,
.mw-json td {
- border: 1px solid gray;
+ border: 1px solid #808080;
font-size: 16px;
padding: 0.5em 1em;
}
}
.mw-json table caption {
- color: gray;
+ color: #808080;
display: inline-block;
font-size: 10px;
font-style: italic;
}
td {
- background-color: white;
+ background-color: #fff;
}
}
}
.mediawiki-filewarning-footer {
- color: #888888;
+ color: #888;
}
.empty {
}
.mw-htmlform-invalid-input td.mw-input input {
- border-color: red;
+ border-color: #f00;
}
.mw-htmlform-flatlist div.mw-htmlform-flatlist-item {
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
- color: black;
+ color: #000;
text-decoration: none;
}
.suggestions-result-current a.mw-searchSuggest-link:hover,
.suggestions-result-current a.mw-searchSuggest-link:active,
.suggestions-result-current a.mw-searchSuggest-link:focus {
- color: white;
+ color: #fff;
}
.suggestions a.mw-searchSuggest-link .special-query {
ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper,
ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper {
position: absolute;
- background: white;
+ background: #fff;
background: rgba(255, 255, 255, 0.8);
padding: 5px 10px;
bottom: 0;