jenkins-bot has submitted this change and it was merged.
Change subject: build: Replace csslint with stylelint and make pass, bump others
......................................................................
build: Replace csslint with stylelint and make pass, bump others
Change-Id: If3270af18a805b248ed83a325c8adf47f3b1a337
---
A .stylelintrc
M Gruntfile.js
M package.json
M resources/screen-narrow.css
M resources/screen.css
5 files changed, 117 insertions(+), 111 deletions(-)
Approvals:
Esanders: Looks good to me, approved
jenkins-bot: Verified
diff --git a/.stylelintrc b/.stylelintrc
new file mode 100644
index 0000000..0ae7462
--- /dev/null
+++ b/.stylelintrc
@@ -0,0 +1,8 @@
+{
+ "extends": "stylelint-config-wikimedia",
+ "rules": {
+ "selector-no-id": null,
+ "no-descending-specificity": null,
+ "declaration-block-no-duplicate-properties": null,
+ }
+}
diff --git a/Gruntfile.js b/Gruntfile.js
index 243d09c..c5948ea 100644
--- a/Gruntfile.js
+++ b/Gruntfile.js
@@ -3,10 +3,10 @@
var conf = grunt.file.readJSON( 'skin.json' );
grunt.loadNpmTasks( 'grunt-contrib-jshint' );
- grunt.loadNpmTasks( 'grunt-jsonlint' );
- grunt.loadNpmTasks( 'grunt-contrib-csslint' );
- grunt.loadNpmTasks( 'grunt-banana-checker' );
grunt.loadNpmTasks( 'grunt-jscs' );
+ grunt.loadNpmTasks( 'grunt-stylelint' );
+ grunt.loadNpmTasks( 'grunt-jsonlint' );
+ grunt.loadNpmTasks( 'grunt-banana-checker' );
grunt.loadNpmTasks( 'grunt-contrib-watch' );
grunt.initConfig( {
@@ -22,10 +22,7 @@
jscs: {
src: '<%= jshint.all %>'
},
- csslint: {
- options: {
- csslintrc: '.csslintrc'
- },
+ stylelint: {
all: [
'resources/**/*.css'
]
@@ -48,6 +45,6 @@
}
} );
- grunt.registerTask( 'test', [ 'jshint', 'jscs', 'csslint', 'jsonlint',
'banana' ] );
+ grunt.registerTask( 'test', [ 'jshint', 'jscs', 'stylelint',
'jsonlint', 'banana' ] );
grunt.registerTask( 'default', 'test' );
};
diff --git a/package.json b/package.json
index f7c3818..595b470 100644
--- a/package.json
+++ b/package.json
@@ -4,13 +4,15 @@
"test": "grunt test"
},
"devDependencies": {
- "grunt": "0.4.5",
- "grunt-cli": "0.1.13",
+ "grunt": "1.0.1",
"grunt-banana-checker": "0.5.0",
+ "grunt-cli": "1.2.0",
"grunt-contrib-csslint": "1.0.0",
"grunt-contrib-jshint": "1.0.0",
"grunt-contrib-watch": "1.0.0",
"grunt-jscs": "2.8.0",
- "grunt-jsonlint": "1.0.7"
+ "grunt-jsonlint": "1.0.7",
+ "grunt-stylelint": "0.3.0",
+ "stylelint-config-wikimedia": "0.1.0"
}
}
diff --git a/resources/screen-narrow.css b/resources/screen-narrow.css
index 310550f..cee6851 100644
--- a/resources/screen-narrow.css
+++ b/resources/screen-narrow.css
@@ -1,11 +1,13 @@
#p-cactions {
margin-left: -0.75em;
}
+
#p-cactions h5 span {
display: inline-block;
width: 0;
overflow: hidden;
}
+
#pt-userpage a {
width: 0;
display: inline-block;
@@ -13,13 +15,14 @@
background-position: right center;
opacity: 0.75;
}
+
#p-personal:hover #pt-userpage a {
opacity: 1;
}
#ca-talk a {
display: inline-block;
- background-image: url(images/icons/talk.png);
+ background-image: url( images/icons/talk.png );
background-position: center center;
background-repeat: no-repeat;
padding-left: 2.5em;
@@ -28,6 +31,7 @@
overflow: hidden;
opacity: 0.75;
}
+
#ca-talk a:hover {
opacity: 1;
}
@@ -50,4 +54,4 @@
div#mw-js-message {
right: 1.5em;
-}
\ No newline at end of file
+}
diff --git a/resources/screen.css b/resources/screen.css
index fb4b56c..f197a99 100644
--- a/resources/screen.css
+++ b/resources/screen.css
@@ -40,6 +40,12 @@
.apex-content-wrapper {
margin: 6.5em 3em 3em 3em;
+
+ /* Animation for media-query changes */
+ transition: right 250ms;
+ -moz-transition: right 250ms;
+ -webkit-transition: right 250ms;
+ -o-transition: right 250ms;
}
#content {
@@ -67,16 +73,16 @@
padding: 0 3em;
border-top: solid 1px #d5eaed;
border-bottom: solid 1px #d5eaed;
- background: #ffffff; /* Old browsers */
+ background: #fff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
- background:
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGY4ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
- background: -moz-linear-gradient(top, #ffffff 0%, #edf8f9 100%); /*
FF3.6+ */
- background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#ffffff), color-stop(100%,#edf8f9)); /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(top, #ffffff 0%,#edf8f9 100%); /*
Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top, #ffffff 0%,#edf8f9 100%); /* Opera
11.10+ */
- background: -ms-linear-gradient(top, #ffffff 0%,#edf8f9 100%); /*
IE10+ */
- background: linear-gradient(to bottom, #ffffff 0%,#edf8f9 100%); /*
W3C */
- filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr='#ffffff', endColorstr='#edf8f9',GradientType=0 ); /* IE6-8 */
+ background: url(
data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGY4ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+
);
+ background: -moz-linear-gradient( top, #fff 0%, #edf8f9 100% ); /*
FF3.6+ */
+ background: -webkit-gradient( linear, left top, left bottom,
color-stop( 0%, #fff ), color-stop( 100%, #edf8f9 ) ); /* Chrome, Safari4+ */
+ background: -webkit-linear-gradient( top, #fff 0%, #edf8f9 100% ); /*
Chrome10+, Safari5.1+ */
+ background: -o-linear-gradient( top, #fff 0%, #edf8f9 100% ); /* Opera
11.10+ */
+ background: -ms-linear-gradient( top, #fff 0%, #edf8f9 100% ); /* IE10+
*/
+ background: linear-gradient( to bottom, #fff 0%, #edf8f9 100% ); /* W3C
*/
+ filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr='#fff', endColorstr='#edf8f9', GradientType=0 ); /* IE6-8 */
}
.apex-nav-primary {
@@ -114,9 +120,9 @@
}
.apex-tabs li.selected {
- background-color: white;
+ background-color: #fff;
border: solid 1px #d5eaed;
- border-bottom: solid 1px #ffffff;
+ border-bottom: solid 1px #fff;
-webkit-border-radius: 0.25em 0.25em 0 0;
-moz-border-radius: 0.25em 0.25em 0 0;
border-radius: 0.25em 0.25em 0 0;
@@ -124,42 +130,42 @@
}
.apex-tabs li.selected a {
- color: #333333;
+ color: #333;
padding-top: 0.5em;
}
.apex-tabs a:hover {
text-shadow: 1px 1px 0 #f4fcff;
- filter: dropshadow(color=#f4fcff, offx=1, offy=1);
+ filter: dropshadow( color=#f4fcff, offx=1, offy=1 );
text-decoration: none;
background: #eff9ff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
- background:
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZjlmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMmVmZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
- background: -moz-linear-gradient(top, #eff9ff 0%, #d2effc 100%); /*
FF3.6+ */
- background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#eff9ff), color-stop(100%,#d2effc)); /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(top, #eff9ff 0%,#d2effc 100%); /*
Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top, #eff9ff 0%,#d2effc 100%); /* Opera
11.10+ */
- background: -ms-linear-gradient(top, #eff9ff 0%,#d2effc 100%); /*
IE10+ */
- background: linear-gradient(to bottom, #eff9ff 0%,#d2effc 100%); /*
W3C */
- filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr='#eff9ff', endColorstr='#d2effc',GradientType=0 ); /* IE6-8 */
+ background: url(
data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZjlmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMmVmZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+
);
+ background: -moz-linear-gradient( top, #eff9ff 0%, #d2effc 100% ); /*
FF3.6+ */
+ background: -webkit-gradient( linear, left top, left bottom,
color-stop( 0%, #eff9ff ), color-stop( 100%, #d2effc ) ); /* Chrome, Safari4+ */
+ background: -webkit-linear-gradient( top, #eff9ff 0%, #d2effc 100% );
/* Chrome10+, Safari5.1+ */
+ background: -o-linear-gradient( top, #eff9ff 0%, #d2effc 100% ); /*
Opera 11.10+ */
+ background: -ms-linear-gradient( top, #eff9ff 0%, #d2effc 100% ); /*
IE10+ */
+ background: linear-gradient( to bottom, #eff9ff 0%, #d2effc 100% ); /*
W3C */
+ filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr='#eff9ff', endColorstr='#d2effc', GradientType=0 ); /* IE6-8 */
}
.apex-tabs a:active {
background: #d2effc; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
- background:
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZWZmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmY5ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
- background: -moz-linear-gradient(top, #d2effc 0%, #eff9ff 100%); /*
FF3.6+ */
- background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#d2effc), color-stop(100%,#eff9ff)); /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(top, #d2effc 0%,#eff9ff 100%); /*
Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top, #d2effc 0%,#eff9ff 100%); /* Opera
11.10+ */
- background: -ms-linear-gradient(top, #d2effc 0%,#eff9ff 100%); /*
IE10+ */
- background: linear-gradient(to bottom, #d2effc 0%,#eff9ff 100%); /*
W3C */
- filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr='#d2effc', endColorstr='#eff9ff',GradientType=0 ); /* IE6-8 */
+ background: url(
data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZWZmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmY5ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+
);
+ background: -moz-linear-gradient( top, #d2effc 0%, #eff9ff 100% ); /*
FF3.6+ */
+ background: -webkit-gradient( linear, left top, left bottom,
color-stop( 0%, #d2effc ), color-stop( 100%, #eff9ff ) ); /* Chrome, Safari4+ */
+ background: -webkit-linear-gradient( top, #d2effc 0%, #eff9ff 100% );
/* Chrome10+, Safari5.1+ */
+ background: -o-linear-gradient( top, #d2effc 0%, #eff9ff 100% ); /*
Opera 11.10+ */
+ background: -ms-linear-gradient( top, #d2effc 0%, #eff9ff 100% ); /*
IE10+ */
+ background: linear-gradient( to bottom, #d2effc 0%, #eff9ff 100% ); /*
W3C */
+ filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr='#d2effc', endColorstr='#eff9ff', GradientType=0 ); /* IE6-8 */
}
.apex-tabs li.selected a:hover {
- background-color: transparent;
background: none;
+ background-color: transparent;
}
.apex-menu {
@@ -182,9 +188,9 @@
-moz-border-radius: 0 0 0.25em 0.25em;
border-radius: 0 0 0.25em 0.25em;
background-color: #fff;
- -webkit-box-shadow: 0 0.25em 1em 0 rgba(0, 0, 0, 0.25);
- -moz-box-shadow: 0 0.25em 1em 0 rgba(0, 0, 0, 0.25);
- box-shadow: 0 0.25em 1em 0 rgba(0, 0, 0, 0.25);
+ -webkit-box-shadow: 0 0.25em 1em 0 rgba( 0, 0, 0, 0.25 );
+ -moz-box-shadow: 0 0.25em 1em 0 rgba( 0, 0, 0, 0.25 );
+ box-shadow: 0 0.25em 1em 0 rgba( 0, 0, 0, 0.25 );
}
.apex-menu-popup ul,
@@ -202,7 +208,7 @@
.apex-menu-popup a:hover {
background-color: #e0f4fd;
text-shadow: 1px 1px 0 #f4fcff;
- filter: dropshadow(color=#f4fcff, offx=1, offy=1);
+ filter: dropshadow( color=#f4fcff, offx=1, offy=1 );
text-decoration: none;
}
@@ -216,17 +222,16 @@
left: 0;
right: 0;
height: 5em;
-background: #ffffff; /* Old browsers */
-/* IE9 SVG, needs conditional override of 'filter' to 'none' */
-background:
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgzJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
-background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 83%, #f2f9f9 100%);
/* FF3.6+ */
-background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#ffffff), color-stop(83%,#f9f9f9), color-stop(100%,#f2f9f9)); /*
Chrome,Safari4+ */
-background: -webkit-linear-gradient(top, #ffffff 0%,#f9f9f9 83%,#f2f9f9
100%); /* Chrome10+,Safari5.1+ */
-background: -o-linear-gradient(top, #ffffff 0%,#f9f9f9 83%,#f2f9f9 100%); /*
Opera 11.10+ */
-background: -ms-linear-gradient(top, #ffffff 0%,#f9f9f9 83%,#f2f9f9 100%); /*
IE10+ */
-background: linear-gradient(to bottom, #ffffff 0%,#f9f9f9 83%,#f2f9f9 100%);
/* W3C */
-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
endColorstr='#f2f9f9',GradientType=0 ); /* IE6-8 */
-
+ background: #fff; /* Old browsers */
+ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
+ background: url(
data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgzJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+
);
+ background: -moz-linear-gradient( top, #fff 0%, #f9f9f9 83%, #f2f9f9
100% ); /* FF3.6+ */
+ background: -webkit-gradient( linear, left top, left bottom,
color-stop( 0%, #fff ), color-stop( 83%, #f9f9f9 ), color-stop( 100%, #f2f9f9 )
); /* Chrome, Safari4+ */
+ background: -webkit-linear-gradient( top, #fff 0%, #f9f9f9 83%, #f2f9f9
100% ); /* Chrome10+, Safari5.1+ */
+ background: -o-linear-gradient( top, #fff 0%, #f9f9f9 83%, #f2f9f9 100%
); /* Opera 11.10+ */
+ background: -ms-linear-gradient( top, #fff 0%, #f9f9f9 83%, #f2f9f9
100% ); /* IE10+ */
+ background: linear-gradient( to bottom, #fff 0%, #f9f9f9 83%, #f2f9f9
100% ); /* W3C */
+ filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr='#fff', endColorstr='#f2f9f9', GradientType=0 ); /* IE6-8 */
}
#mw-panel,
@@ -263,9 +268,9 @@
#toc:hover,
#mw-panel:hover {
height: auto;
- -webkit-box-shadow: 0 0.25em 1em 0 rgba(0, 0, 0, 0.25);
- -moz-box-shadow: 0 0.25em 1em 0 rgba(0, 0, 0, 0.25);
- box-shadow: 0 0.25em 1em 0 rgba(0, 0, 0, 0.25);
+ -webkit-box-shadow: 0 0.25em 1em 0 rgba( 0, 0, 0, 0.25 );
+ -moz-box-shadow: 0 0.25em 1em 0 rgba( 0, 0, 0, 0.25 );
+ box-shadow: 0 0.25em 1em 0 rgba( 0, 0, 0, 0.25 );
border-color: #d5eaed;
background-color: #fff;
}
@@ -287,7 +292,7 @@
left: 0;
width: 3em;
height: 2em;
- background-image: url(images/icons/nav.png);
+ background-image: url( images/icons/nav.png );
background-position: center center;
background-repeat: no-repeat;
cursor: pointer;
@@ -298,18 +303,18 @@
right: 0;
width: 3em;
height: 2em;
- background-image: url(images/icons/toc.png);
+ background-image: url( images/icons/toc.png );
background-position: center center;
background-repeat: no-repeat;
cursor: pointer;
}
#mw-panel:hover .apex-flyout-pull {
- background-image: url(images/icons/nav-hover.png);
+ background-image: url( images/icons/nav-hover.png );
}
#toc:hover #toctitle {
- background-image: url(images/icons/toc-hover.png);
+ background-image: url( images/icons/toc-hover.png );
}
#content #toc {
@@ -372,7 +377,7 @@
background-color: #e0f4fd;
text-decoration: none;
text-shadow: 1px 1px 0 #f4fcff;
- filter: dropshadow(color=#f4fcff, offx=1, offy=1);
+ filter: dropshadow( color=#f4fcff, offx=1, offy=1 );
}
#mw-panel .portal {
@@ -388,7 +393,7 @@
#mw-panel h5 {
padding: 0.75em 1.5em 0.25em 1.5em;
font-size: 1em;
- color: #666666;
+ color: #666;
font-weight: normal;
}
@@ -412,7 +417,7 @@
background-color: #e0f4fd;
text-decoration: none;
text-shadow: 1px 1px 0 #f4fcff;
- filter: dropshadow(color=#f4fcff, offx=1, offy=1);
+ filter: dropshadow( color=#f4fcff, offx=1, offy=1 );
}
#p-personal {
@@ -451,7 +456,7 @@
#pt-userpage a {
padding-left: 18px;
- background-image: url(images/icons/user.png);
+ background-image: url( images/icons/user.png );
background-position: left 40%;
background-repeat: no-repeat;
}
@@ -463,6 +468,12 @@
float: right;
margin-right: 3em;
margin-top: 1.25em;
+
+ /* Animation for media-query changes */
+ transition: right 250ms;
+ -moz-transition: right 250ms;
+ -webkit-transition: right 250ms;
+ -o-transition: right 250ms;
}
#simpleSearch {
text-align: right;
@@ -471,13 +482,19 @@
display: none;
}
#searchInput {
- border: solid 1px #cccccc;
+ border: solid 1px #ccc;
border-radius: 1em;
padding: 0.125em 0.75em;
background-color: #fff;
display: inline-block;
width: 6em;
font-size: 1em;
+
+ /* Animation for media-query changes */
+ transition: right 250ms;
+ -moz-transition: right 250ms;
+ -webkit-transition: right 250ms;
+ -o-transition: right 250ms;
}
#searchInput:focus {
width: 12em;
@@ -501,7 +518,7 @@
padding-right: 0;
width: 0;
overflow: hidden;
- background-image: url(images/icons/watch.png);
+ background-image: url( images/icons/watch.png );
background-position: left center;
background-repeat: no-repeat;
}
@@ -524,7 +541,7 @@
#ca-unwatch .loading,
#ca-watch .loading {
/* @embed */
- background-image: url(images/icons/watch-loading.gif);
+ background-image: url( images/icons/watch-loading.gif );
background-position: 5px 50%;
}
@@ -582,56 +599,34 @@
-webkit-border-radius: 0.25em;
-moz-border-radius: 0.25em;
border-radius: 0.25em;
- -webkit-box-shadow: 0 0.125em 0.5em 0 rgba(0, 0, 0, 0.25);
- -moz-box-shadow: 0 0.125em 0.5em 0 rgba(0, 0, 0, 0.25);
- box-shadow: 0 0.125em 0.5em 0 rgba(0, 0, 0, 0.25);
-}
+ -webkit-box-shadow: 0 0.125em 0.5em 0 rgba( 0, 0, 0, 0.25 );
+ -moz-box-shadow: 0 0.125em 0.5em 0 rgba( 0, 0, 0, 0.25 );
+ box-shadow: 0 0.125em 0.5em 0 rgba( 0, 0, 0, 0.25 );
-/* Background images */
-
-#pt-userpage,
-#p-cactions h5 {
- background-image: url(images/icons/menu.png);
-}
-
-#p-personal:hover #pt-userpage,
-#p-cactions:hover h5 {
- background-image: url(images/icons/menu-hover.png);
-}
-
-/* Animation for media-query changes */
-div#mw-js-message {
+ /* Animation for media-query changes */
transition: right 250ms;
-moz-transition: right 250ms;
-webkit-transition: right 250ms;
-o-transition: right 250ms;
}
-#searchInput {
- transition: width 250ms;
- -moz-transition: width 250ms;
- -webkit-transition: width 250ms;
- -o-transition: width 250ms;
+/* Background images */
+
+#pt-userpage,
+#p-cactions h5 {
+ background-image: url( images/icons/menu.png );
}
-.apex-content-wrapper {
- transition: margin 250ms;
- -moz-transition: margin 250ms;
- -webkit-transition: margin 250ms;
- -o-transition: margin 250ms;
+#p-personal:hover #pt-userpage,
+#p-cactions:hover h5 {
+ background-image: url( images/icons/menu-hover.png );
}
#p-cactions,
#p-logo {
- transition: margin-left 250ms;
- -moz-transition: margin-left 250ms;
- -webkit-transition: margin-left 250ms;
- -o-transition: margin-left 250ms;
-}
-
-#p-search {
- transition: margin-right 250ms;
- -moz-transition: margin-right 250ms;
- -webkit-transition: margin-right 250ms;
- -o-transition: margin-right 250ms;
+ /* Animation for media-query changes */
+ transition: right 250ms;
+ -moz-transition: right 250ms;
+ -webkit-transition: right 250ms;
+ -o-transition: right 250ms;
}
--
To view, visit https://gerrit.wikimedia.org/r/289854
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: merged
Gerrit-Change-Id: If3270af18a805b248ed83a325c8adf47f3b1a337
Gerrit-PatchSet: 1
Gerrit-Project: mediawiki/skins/apex
Gerrit-Branch: master
Gerrit-Owner: Jforrester <jforres...@wikimedia.org>
Gerrit-Reviewer: Esanders <esand...@wikimedia.org>
Gerrit-Reviewer: jenkins-bot <>
_______________________________________________
MediaWiki-commits mailing list
MediaWiki-commits@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
