diff options
Diffstat (limited to 'skins/Vector/skinStyles')
| -rw-r--r-- | skins/Vector/skinStyles/jquery.ui/jquery.ui.button.css | 13 | ||||
| -rw-r--r-- | skins/Vector/skinStyles/mediawiki.notification.less | 14 | ||||
| -rw-r--r-- | skins/Vector/skinStyles/ooui.less | 4 |
3 files changed, 16 insertions, 15 deletions
diff --git a/skins/Vector/skinStyles/jquery.ui/jquery.ui.button.css b/skins/Vector/skinStyles/jquery.ui/jquery.ui.button.css index d3bb7275..bd3bdb33 100644 --- a/skins/Vector/skinStyles/jquery.ui/jquery.ui.button.css +++ b/skins/Vector/skinStyles/jquery.ui/jquery.ui.button.css @@ -167,7 +167,6 @@ body .ui-button { background: -moz-linear-gradient(top, #fff 0%, #ddd 90%) !important; /* FF3.6+ */ background: -webkit-linear-gradient(top, #fff 0%, #ddd 90%) !important; /* Chrome10+, Safari5.1+ */ background: -o-linear-gradient(top, #fff 0%, #ddd 90%) !important; /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #fff 0%, #ddd 90%) !important; /* IE10+ */ background: linear-gradient(to bottom, #fff 0%, #ddd 90%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd', GradientType=0); /* IE6-8 */ cursor: pointer; @@ -193,7 +192,6 @@ body .ui-button:hover { background: -moz-linear-gradient(top, #fff 0%, #eee 90%) !important; /* FF3.6+ */ background: -webkit-linear-gradient(top, #fff 0%, #eee 90%) !important; /* Chrome10+, Safari5.1+ */ background: -o-linear-gradient(top, #fff 0%, #eee 90%) !important; /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #fff 0%, #eee 90%) !important; /* IE10+ */ background: linear-gradient(to bottom, #fff 0%, #eee 90%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); /* IE6-8 */ box-shadow: 0 1px 3px rgba(0,0,0,.1); @@ -208,7 +206,6 @@ body .ui-button:active { background: -moz-linear-gradient(top, #f0f0f0 0%, #d0d0d0 90%) !important; /* FF3.6+ */ background: -webkit-linear-gradient(top, #f0f0f0 0%, #d0d0d0 90%) !important; /* Chrome10+, Safari5.1+ */ background: -o-linear-gradient(top, #f0f0f0 0%, #d0d0d0 90%) !important; /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #f0f0f0 0%, #d0d0d0 90%) !important; /* IE10+ */ background: linear-gradient(to bottom, #f0f0f0 0%, #d0d0d0 90%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#d0d0d0', GradientType=0); /* IE6-8 */ } @@ -227,7 +224,6 @@ body .ui-button.ui-button-green { background: -moz-linear-gradient(top, #3c8 0%, #295 90%) !important; /* FF3.6+ */ background: -webkit-linear-gradient(top, #3c8 0%, #295 90%) !important; /* Chrome10+, Safari5.1+ */ background: -o-linear-gradient(top, #3c8 0%, #295 90%) !important; /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #3c8 0%, #295 90%) !important; /* IE10+ */ background: linear-gradient(to bottom, #3c8 0%, #295 90%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33cc88', endColorstr='#229955', GradientType=0); /* IE6-8 */ box-shadow: 0 1px 3px rgba(0,0,0,.3); @@ -237,7 +233,6 @@ body .ui-button.ui-button-green:hover { background: -moz-linear-gradient(top, #44d388 0%, #33a055 90%) !important; /* FF3.6+ */ background: -webkit-linear-gradient(top, #44d388 0%, #33a055 90%) !important; /* Chrome10+, Safari5.1+ */ background: -o-linear-gradient(top, #44d388 0%, #33a055 90%) !important; /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #44d388 0%, #33a055 90%) !important; /* IE10+ */ background: linear-gradient(to bottom, #44d388 0%, #33a055 90%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#44d388', endColorstr='#33a055', GradientType=0); /* IE6-8 */ box-shadow: 0 1px 3px rgba(0,0,0,.25); @@ -252,7 +247,6 @@ body .ui-button.ui-button-green:active { background: -moz-linear-gradient(top, #30c080 0%, #338855 90%) !important; /* FF3.6+ */ background: -webkit-linear-gradient(top, #30c080 0%, #338855 90%) !important; /* Chrome10+, Safari5.1+ */ background: -o-linear-gradient(top, #30c080 0%, #338855 90%) !important; /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #30c080 0%, #338855 90%) !important; /* IE10+ */ background: linear-gradient(to bottom, #30c080 0%, #338855 90%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#30c080', endColorstr='#338855', GradientType=0); /* IE6-8 */ } @@ -269,7 +263,6 @@ body .ui-button.ui-button-blue { background: -moz-linear-gradient(top, #48e 0%, #36b 90%) !important; /* FF3.6+ */ background: -webkit-linear-gradient(top, #48e 0%, #36b 90%) !important; /* Chrome10+, Safari5.1+ */ background: -o-linear-gradient(top, #48e 0%, #36b 90%) !important; /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #48e 0%, #36b 90%) !important; /* IE10+ */ background: linear-gradient(to bottom, #48e 0%, #36b 90%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4488ee', endColorstr='#3366bb', GradientType=0); /* IE6-8 */ box-shadow: 0 1px 3px rgba(0,0,0,.35); @@ -279,7 +272,6 @@ body .ui-button.ui-button-blue:hover { background: -moz-linear-gradient(top, #59e 0%, #36c 90%) !important; /* FF3.6+ */ background: -webkit-linear-gradient(top, #59e 0%, #36c 90%) !important; /* Chrome10+, Safari5.1+ */ background: -o-linear-gradient(top, #59e 0%, #36c 90%) !important; /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #59e 0%, #36c 90%) !important; /* IE10+ */ background: linear-gradient(to bottom, #59e 0%, #36c 90%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5599ee', endColorstr='#3366cc', GradientType=0); /* IE6-8 */ } @@ -293,7 +285,6 @@ body .ui-button.ui-button-blue:active { background: -moz-linear-gradient(top, #4080e0 0%, #3060a0 90%) !important; /* FF3.6+ */ background: -webkit-linear-gradient(top, #4080e0 0%, #3060a0 90%) !important; /* Chrome10+, Safari5.1+ */ background: -o-linear-gradient(top, #4080e0 0%, #3060a0 90%) !important; /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #4080e0 0%, #3060a0 90%) !important; /* IE10+ */ background: linear-gradient(to bottom, #4080e0 0%, #3060a0 90%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4080e0', endColorstr='#3060a0', GradientType=0); /* IE6-8 */ } @@ -310,7 +301,6 @@ body .ui-button.ui-button-red { background: -moz-linear-gradient(top, #d44 0%, #a22 90%) !important; /* FF3.6+ */ background: -webkit-linear-gradient(top, #d44 0%, #a22 90%) !important; /* Chrome10+, Safari5.1+ */ background: -o-linear-gradient(top, #d44 0%, #a22 90%) !important; /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #d44 0%, #a22 90%) !important; /* IE10+ */ background: linear-gradient(to bottom, #d44 0%, #a22 90%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd4444', endColorstr='#aa2222', GradientType=0); /* IE6-8 */ box-shadow: 0 1px 3px rgba(0,0,0,.35); @@ -321,7 +311,6 @@ body .ui-button.ui-button-red:hover { background: -moz-linear-gradient(top, #ee4646 0%, #b03333 90%) !important; /* FF3.6+ */ background: -webkit-linear-gradient(top, #ee4646 0%, #b03333 90%) !important; /* Chrome10+, Safari5.1+ */ background: -o-linear-gradient(top, #ee4646 0%, #b03333 90%) !important; /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #ee4646 0%, #b03333 90%) !important; /* IE10+ */ background: linear-gradient(to bottom, #ee4646 0%, #b03333 90%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee4646', endColorstr='#b03333', GradientType=0); /* IE6-8 */ box-shadow: 0 1px 3px rgba(0,0,0,.3); @@ -336,7 +325,6 @@ body .ui-button.ui-button-red:active { background: -moz-linear-gradient(top, #d04545 0%, #952020 90%) !important; /* FF3.6+ */ background: -webkit-linear-gradient(top, #d04545 0%, #952020 90%) !important; /* Chrome10+, Safari5.1+ */ background: -o-linear-gradient(top, #d04545 0%, #952020 90%) !important; /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #d04545 0%, #952020 90%) !important; /* IE10+ */ background: linear-gradient(to bottom, #d04545 0%, #952020 90%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d04545', endColorstr='#952020', GradientType=0); /* IE6-8 */ } @@ -362,7 +350,6 @@ body .ui-button.disabled:hover { background: -moz-linear-gradient(top, #f6f6f6 0%, #eee 90%) !important; /* FF3.6+ */ background: -webkit-linear-gradient(top, #f6f6f6 0%, #eee 90%) !important; /* Chrome10+, Safari5.1+ */ background: -o-linear-gradient(top, #f6f6f6 0%, #eee 90%) !important; /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #f6f6f6 0%, #eee 90%) !important; /* IE10+ */ background: linear-gradient(to bottom, #f6f6f6 0%, #eee 90%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#eeeeee', GradientType=0); /* IE6-8 */ box-shadow: 0 1px 3px rgba(0,0,0,0); diff --git a/skins/Vector/skinStyles/mediawiki.notification.less b/skins/Vector/skinStyles/mediawiki.notification.less index 55cfe76c..783d1898 100644 --- a/skins/Vector/skinStyles/mediawiki.notification.less +++ b/skins/Vector/skinStyles/mediawiki.notification.less @@ -2,9 +2,9 @@ /* mediawiki.notification */ -// This wrapper class is needed to ensure these rules have larger CSS +// This wrapper element is needed to ensure these rules have larger CSS // selector specificity than default styles -.mediawiki { +body { .mw-notification-area { font-size: 0.8em; } @@ -21,4 +21,14 @@ border-radius: 0.75em; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.125); } + + .mw-notification-type-warn { + border-color: #f5be00; /* yellow */ + box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.125), 0 0 0.75em rgba(245, 190, 0, 0.25) inset; + } + + .mw-notification-type-error { + border-color: red; + box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.125), 0 0 0.75em rgba(255, 0, 0, 0.25) inset; + } } diff --git a/skins/Vector/skinStyles/ooui.less b/skins/Vector/skinStyles/ooui.less new file mode 100644 index 00000000..e33c208c --- /dev/null +++ b/skins/Vector/skinStyles/ooui.less @@ -0,0 +1,4 @@ +.oo-ui-windowManager-modal { + z-index: 101; + position: relative; +} |