* Hex colours must be in short form where possible ('fff' not 'ffffff')
* Hex colours must be used over named colours ('fff' not 'white')
* Hex colours must be valid ('fff' not 'ffq')
Change-Id: I2ba04cc3ad9898c17fee3c65bb3bead834c3a1fd
32 files changed:
- "color-hex-case": [ "lower" ]
+ "color-hex-case": [ "lower" ],
+ "color-hex-length": [ "short" ],
+ "color-named": [ "never" ],
+ "color-no-invalid-hex": true,
options: {
syntax: 'less'
},
options: {
syntax: 'less'
},
- src: '{resources/src/*,{mw-config,tests}/**}/*.{css,less}'
+ src: '{resources/src/*,mw-config/**}/*.{css,less}'
border-left: 1px dotted #ccc;
float: right;
width: 230px;
border-left: 1px dotted #ccc;
float: right;
width: 230px;
background-color: #fff;
font-weight: bold;
left: 1em;
background-color: #fff;
font-weight: bold;
left: 1em;
.success-message {
font-weight: bold;
font-size: 110%;
.success-message {
font-weight: bold;
font-size: 110%;
.tipsy-inner {
padding: 5px 8px 4px 8px;
/*background-color: #e8f2f8;*/
.tipsy-inner {
padding: 5px 8px 4px 8px;
/*background-color: #e8f2f8;*/
- background-color: #ffffff;
+ background-color: #fff;
border: solid 1px #a7d7f9;
border: solid 1px #a7d7f9;
max-width: 15em;
border-radius: 4px;
/*
max-width: 15em;
border-radius: 4px;
/*
.arrowSteps {
list-style-type: none;
list-style-image: none;
.arrowSteps {
list-style-type: none;
list-style-image: none;
- border: 1px solid #666666;
+ border: 1px solid #666;
.mw-badge-content {
font-weight: bold;
.mw-badge-content {
font-weight: bold;
vertical-align: baseline;
text-shadow: 0 1px rgba(0, 0, 0, 0.4);
}
vertical-align: baseline;
text-shadow: 0 1px rgba(0, 0, 0, 0.4);
}
- background-color: #cc0000;
+ background-color: #c00;
.suggestions-special {
position: relative;
.suggestions-special {
position: relative;
- background-color: white;
+ background-color: #fff;
- border: solid 1px #aaaaaa;
+ border: solid 1px #aaa;
padding: 0;
margin: 0;
margin-top: -2px;
padding: 0;
margin: 0;
margin-top: -2px;
- background-color: white;
+ background-color: #fff;
- border: solid 1px #aaaaaa;
+ border: solid 1px #aaa;
padding: 0;
margin: 0;
}
.suggestions-result {
padding: 0;
margin: 0;
}
.suggestions-result {
margin: 0;
line-height: 1.5em;
padding: 0.01em 0.25em;
margin: 0;
line-height: 1.5em;
padding: 0.01em 0.25em;
.suggestions-result-current {
background-color: #4c59a6;
.suggestions-result-current {
background-color: #4c59a6;
}
.suggestions-special .special-label {
}
.suggestions-special .special-label {
text-align: left;
}
.suggestions-special .special-query {
text-align: left;
}
.suggestions-special .special-query {
font-style: italic;
text-align: left;
}
.suggestions-special .special-hover {
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 {
}
.suggestions-result-current .special-label,
.suggestions-result-current .special-query {
background-color: #0f0;
}
background-color: #0f0;
}
td.diff-context {
background: #f9f9f9;
border-color: #e6e6e6;
td.diff-context {
background: #f9f9f9;
border-color: #e6e6e6;
.filehistory a img,
#file img:hover {
/* @embed */
.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;
*/
ul#filetoc {
text-align: center;
- border: 1px solid #aaaaaa;
+ border: 1px solid #aaa;
background-color: #f9f9f9;
padding: 5px;
font-size: 95%;
background-color: #f9f9f9;
padding: 5px;
font-size: 95%;
font-size: 1.25em;
font-weight: bold;
line-height: 2.3em;
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 {
text-decoration: none;
opacity: 0.2;
filter: alpha(opacity=20);
}
.postedit-close:hover {
text-decoration: none;
opacity: 0.4;
filter: alpha(opacity=40);
text-decoration: none;
opacity: 0.4;
filter: alpha(opacity=40);
div.thumb {
margin-bottom: .5em;
border-style: solid;
div.thumb {
margin-bottom: .5em;
border-style: solid;
- border: 1px solid #dddddd;
+ border: 1px solid #ddd;
}
/* Page history styling */
}
/* Page history styling */
- border: 1px solid White;
+ border: 1px solid #fff;
}
#preftoc li.selected {
background-color: #f9f9f9;
}
#preftoc li.selected {
background-color: #f9f9f9;
- border: 1px dashed #aaaaaa;
+ border: 1px dashed #aaa;
/* use this instead of #toc for page content */
.toccolours {
/* 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 {
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;
}
padding-left: 0.5em;
padding-right: 0.5em;
}
span.unpatrolled {
font-weight: bold;
span.unpatrolled {
font-weight: bold;
- color: black;
- background-color: #00ff00;
+ color: #000;
+ background-color: #0f0;
.previewnote {
text-align: center;
.previewnote {
text-align: center;
}
.editExternally {
border-style: solid;
border-width: 1px;
}
.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;
padding: 3px;
margin-top: 0.5em;
float: left;
.editExternallyHelp {
font-style: italic;
.editExternallyHelp {
font-style: italic;
table.mw_metadata td,
table.mw_metadata th {
table.mw_metadata td,
table.mw_metadata th {
- border: 1px solid #aaaaaa;
+ border: 1px solid #aaa;
padding-left: 4px;
padding-right: 4px;
}
padding-left: 4px;
padding-right: 4px;
}
}
div.multipageimagenavbox {
}
div.multipageimagenavbox {
- border: solid 1px silver;
+ border: solid 1px #c0c0c0;
padding: 4px;
margin: 1em;
background: #f0f0f0;
padding: 4px;
margin: 1em;
background: #f0f0f0;
- background-color: white;
+ background-color: #fff;
}
/** RTL specific CSS starts here **/
}
/** RTL specific CSS starts here **/
/* User-Agent styles for new HTML5 elements */
mark {
/* 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. */
}
/* Helper for wbr element on IE 8+; in HTML5, but not supported by default as of IE 11. */
.unpatrolled {
font-weight: bold;
.unpatrolled {
font-weight: bold;
/* The auto-generated edit comments */
.autocomment {
/* The auto-generated edit comments */
.autocomment {
}
#pagehistory .history-user {
}
#pagehistory .history-user {
- border: 1px solid white;
+ border: 1px solid #fff;
}
#pagehistory li.selected {
}
#pagehistory li.selected {
background-color: #f9f9f9;
border: 1px solid #aaa;
border-collapse: collapse;
background-color: #f9f9f9;
border: 1px solid #aaa;
border-collapse: collapse;
}
table.wikitable > tr > th,
}
table.wikitable > tr > th,
border-color: #fac5c5;
background-color: #fae3e3;
}
border-color: #fac5c5;
background-color: #fae3e3;
}
.mw-datatable,
.mw-datatable td,
.mw-datatable th {
.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 {
padding: 0 0.15em 0 0.15em;
}
.mw-datatable th {
- background-color: #ddddff;
+ background-color: #ddf;
- background-color: #ffffff;
+ background-color: #fff;
}
.mw-datatable tr:hover td {
}
.mw-datatable tr:hover td {
- background-color: #eeeeff;
+ background-color: #eef;
}
/* Classes for Exif data display */
}
/* Classes for Exif data display */
table.mw_metadata td,
table.mw_metadata th {
table.mw_metadata td,
table.mw_metadata th {
- border: 1px solid #aaaaaa;
+ border: 1px solid #aaa;
padding-left: 5px;
padding-right: 5px;
}
padding-left: 5px;
padding-right: 5px;
}
- border: 1px solid #dddddd;
+ border: 1px solid #ddd;
}
/* Directionality-specific styles for thumbnails - their positioning depends on content language */
}
/* 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 {
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;
}
a.new, #p-personal a.new {
}
a.new, #p-personal a.new {
background: none;
font-weight: normal;
margin: 0;
background: none;
font-weight: normal;
margin: 0;
background-color: #f9f9f9;
border: 1px solid #ddd;
border-radius: 2px;
background-color: #f9f9f9;
border: 1px solid #ddd;
border-radius: 2px;
background-color: #f9f9f9;
border: 1px solid #ddd;
padding: 1em;
background-color: #f9f9f9;
border: 1px solid #ddd;
padding: 1em;
.editOptions {
background-color: #f0f0f0;
.editOptions {
background-color: #f0f0f0;
- border: 1px solid silver;
+ border: 1px solid #c0c0c0;
border-top: none;
padding: 1em 1em 1.5em 1em;
margin-bottom: 2em;
border-top: none;
padding: 1em 1em 1.5em 1em;
margin-bottom: 2em;
.usermessage {
background-color: #ffce7b;
border: 1px solid #ffa500;
.usermessage {
background-color: #ffce7b;
border: 1px solid #ffa500;
font-weight: bold;
margin: 2em 0 1em;
padding: .5em 1em;
font-weight: bold;
margin: 2em 0 1em;
padding: .5em 1em;
font-size: 90%;
}
span.mw-protectedpages-unknown {
font-size: 90%;
}
span.mw-protectedpages-unknown {
.mw-email-none .mw-input{
border: 1px solid #fde29b;
background-color: #fdf1d1;
.mw-email-none .mw-input{
border: 1px solid #fde29b;
background-color: #fdf1d1;
}
/* Authenticated email field has its own class too. Unstyled by default */
/*
}
/* Authenticated email field has its own class too. Unstyled by default */
/*
font-size: 108%;
}
.mw-search-result-data {
font-size: 108%;
}
.mw-search-result-data {
font-size: 97%;
}
.mw-search-profile-tabs {
background-color: #f3f3f3;
margin-top: 1em;
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;
}
.mw-search-profile-tabs div.search-types {
float: left;
padding: 0.5em;
}
.mw-search-profile-tabs div.search-types ul li.current a {
padding: 0.5em;
}
.mw-search-profile-tabs div.search-types ul li.current a {
cursor: default;
}
.mw-search-profile-tabs div.search-types ul li.current a:hover {
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;
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 {
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: 1px solid #ccc;
&.mw-widgets-datetime-calendarWidget-dependent {
margin-top: -1px;
- border-top: 1px solid white;
+ border-top: 1px solid #fff;
padding: 0 1em;
margin: 0;
background-color: #fff;
padding: 0 1em;
margin: 0;
background-color: #fff;
border: solid 1px #ccc;
box-shadow: inset 0 0 0 0 @progressive;
border-radius: 0.1em;
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 {
&.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 {
}
.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 {
}
&-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;
- 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;
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 {
}
&.oo-ui-indicatorElement .mw-widget-dateInputWidget-handle > .oo-ui-indicatorElement-indicator {
- background-color: white;
+ background-color: #fff;
margin-top: -2px;
&:focus {
margin-top: -2px;
&:focus {
&.oo-ui-flaggedElement-invalid {
.mw-widget-dateInputWidget-handle {
&.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;
.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;
border-radius: 2px;
width: 100%;
display: table-cell;
float: left;
}
> .mw-widgets-stashedFileWidget-fileType {
float: left;
}
> .mw-widgets-stashedFileWidget-fileType {
&.oo-ui-widget-disabled {
.mw-widgets-stashedFileWidget-info {
&.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,
background-color: #f3f3f3;
> .oo-ui-iconElement-icon,
height: 5.5em;
text-align: left;
padding: 0;
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;
margin-bottom: 0.5em;
vertical-align: middle;
overflow: hidden;
> .mw-widgets-stashedFileWidget-noThumbnail-icon {
opacity: 0.4;
> .mw-widgets-stashedFileWidget-noThumbnail-icon {
opacity: 0.4;
- background-color: #cccccc;
+ background-color: #ccc;
height: 5.5em;
width: 5.5em;
}
height: 5.5em;
width: 5.5em;
}
}
.mw-widgets-stashedFileWidget-label {
}
.mw-widgets-stashedFileWidget-label {
.apihelp-flags {
font-size: smaller;
float: right;
.apihelp-flags {
font-size: smaller;
float: right;
- border: 1px solid black;
+ border: 1px solid #000;
padding: 0.25em;
width: 20em;
}
padding: 0.25em;
width: 20em;
}
.apihelp-deprecated, .apihelp-flag-deprecated,
.apihelp-flag-internal strong {
font-weight: bold;
.apihelp-deprecated, .apihelp-flag-deprecated,
.apihelp-flag-internal strong {
font-weight: bold;
.mw-json th,
.mw-json td {
.mw-json th,
.mw-json td {
- border: 1px solid gray;
+ border: 1px solid #808080;
font-size: 16px;
padding: 0.5em 1em;
}
font-size: 16px;
padding: 0.5em 1em;
}
}
.mw-json table caption {
}
.mw-json table caption {
display: inline-block;
font-size: 10px;
font-style: italic;
display: inline-block;
font-size: 10px;
font-style: italic;
- background-color: white;
+ background-color: #fff;
}
.mediawiki-filewarning-footer {
}
.mediawiki-filewarning-footer {
}
.mw-htmlform-invalid-input td.mw-input input {
}
.mw-htmlform-invalid-input td.mw-input input {
}
.mw-htmlform-flatlist div.mw-htmlform-flatlist-item {
}
.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 {
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
.suggestions-result-current a.mw-searchSuggest-link:hover,
.suggestions-result-current a.mw-searchSuggest-link:active,
.suggestions-result-current a.mw-searchSuggest-link:focus {
.suggestions-result-current a.mw-searchSuggest-link:hover,
.suggestions-result-current a.mw-searchSuggest-link:active,
.suggestions-result-current a.mw-searchSuggest-link:focus {
}
.suggestions a.mw-searchSuggest-link .special-query {
}
.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;
ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper,
ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper {
position: absolute;
background: rgba(255, 255, 255, 0.8);
padding: 5px 10px;
bottom: 0;
background: rgba(255, 255, 255, 0.8);
padding: 5px 10px;
bottom: 0;