Commit 9e4300f7 authored by alexpott's avatar alexpott
Browse files

Issue #2298039 by lauriii, LewisNyman: Remove all PNG fallbacks for SVG.

parent 48eabc06
......@@ -9,17 +9,10 @@
.toolbar-bar .toolbar-icon-edit:before {
background-image: url("../../../misc/icons/bebebe/pencil.svg");
}
.no-svg .toolbar-bar .toolbar-icon-edit:before {
background-image: url("../../../misc/icons/bebebe/pencil.png");
}
.toolbar-bar .toolbar-icon-edit:active:before,
.toolbar-bar .toolbar-icon-edit.active:before {
background-image: url("../../../misc/icons/ffffff/pencil.svg");
}
.no-svg .toolbar-bar .toolbar-icon-edit:active:before,
.no-svg .toolbar-bar .toolbar-icon-edit.active:before {
background-image: url("../../../misc/icons/ffffff/pencil.png");
}
/**
* Contextual trigger.
......@@ -34,17 +27,9 @@
/* Override the .focusable height: auto */
width: 28px !important;
text-indent: -9999px;
}
.no-svg .contextual .trigger {
background-image: url("../../../misc/icons/bebebe/pencil.png");
}
.contextual .trigger:focus,
.contextual .trigger:hover {
background-image: url("../../../misc/icons/787878/pencil.svg");
}
.no-svg .contextual .trigger:focus,
.no-svg .contextual .trigger:hover {
background-image: url("../../../misc/icons/787878/pencil.png");
}
......@@ -29,18 +29,9 @@
.admin-dblog .dblog-warning .icon {
background-image: url(../../../misc/icons/e29700/warning.svg);
}
.no-svg .admin-dblog .dblog-warning .icon {
background-image: url(../../../misc/icons/e29700/warning.png);
}
.admin-dblog .dblog-error .icon,
.admin-dblog .dblog-critical .icon,
.admin-dblog .dblog-alert .icon,
.admin-dblog .dblog-emergency .icon {
background-image: url(../../../misc/icons/ea2800/error.svg);
}
.no-svg .admin-dblog .dblog-error .icon,
.no-svg .admin-dblog .dblog-critical .icon,
.no-svg .admin-dblog .dblog-alert .icon,
.no-svg .admin-dblog .dblog-emergency .icon {
background-image: url(../../../misc/icons/ea2800/error.png);
}
......@@ -9,17 +9,10 @@
.toolbar-bar .toolbar-icon-shortcut:before {
background-image: url("../../../misc/icons/bebebe/star.svg");
}
.no-svg .toolbar-bar .toolbar-icon-shortcut:before {
background-image: url("../../../misc/icons/bebebe/star.png");
}
.toolbar-bar .toolbar-icon-shortcut:active:before,
.toolbar-bar .toolbar-icon-shortcut.active:before {
background-image: url("../../../misc/icons/ffffff/star.svg");
}
.no-svg .toolbar-bar .toolbar-icon-shortcut:active:before,
.no-svg .toolbar-bar .toolbar-icon-shortcut.active:before {
background-image: url("../../../misc/icons/ffffff/star.png");
}
/**
* Add/remove links.
......@@ -29,9 +22,6 @@
width: 20px;
height: 20px;
}
.no-svg .add-or-remove-shortcuts .icon {
background-image: url('../images/favstar.png');
}
.add-shortcut a:hover .icon,
.add-shortcut a:focus .icon {
background-position: -20px top;
......
......@@ -149,21 +149,12 @@ a.module-link {
a.module-link-help {
background: url(../../../misc/icons/787878/questionmark-disc.svg) 0 50% no-repeat;
}
.no-svg a.module-link-help {
background: url(../../../misc/icons/787878/questionmark-disc.png) 0 50% no-repeat;
}
a.module-link-permissions {
background: url(../../../misc/icons/787878/key.svg) 0 50% no-repeat;
}
.no-svg a.module-link-permissions {
background: url(../../../misc/icons/787878/key.png) 0 50% no-repeat;
}
a.module-link-configure {
background: url(../../../misc/icons/787878/cog.svg) 0 50% no-repeat;
}
.no-svg a.module-link-configure {
background: url(../../../misc/icons/787878/cog.png) 0 50% no-repeat;
}
/**
* Status report.
......@@ -191,15 +182,9 @@ table.system-status-report td.status-icon div {
table.system-status-report tr.error td.status-icon div {
background-image: url(../../../misc/icons/ea2800/error.svg);
}
.no-svg table.system-status-report tr.error td.status-icon div {
background-image: url(../../../misc/icons/ea2800/error.png);
}
table.system-status-report tr.warning td.status-icon div {
background-image: url(../../../misc/icons/e29700/warning.svg);
}
.no-svg table.system-status-report tr.warning td.status-icon div {
background-image: url(../../../misc/icons/e29700/warning.png);
}
table.system-status-report .status-title {
width: 25%;
}
......
......@@ -114,17 +114,10 @@ a.tabledrag-handle .handle {
padding: 0.42em 0.5em;
width: 14px;
}
.no-svg a.tabledrag-handle .handle {
background-image: url(../../../misc/icons/787878/move.png);
}
a.tabledrag-handle:hover .handle,
a.tabledrag-handle:focus .handle {
background-image: url(../../../misc/icons/000000/move.svg);
}
.no-svg a.tabledrag-handle:hover .handle,
.no-svg a.tabledrag-handle:focus .handle {
background-image: url(../../../misc/icons/000000/move.png);
}
.touch .draggable td {
padding: 0 10px;
}
......
......@@ -567,9 +567,6 @@ ul.tabs {
box-shadow: 8px 0 0 #77b259;
margin-right: 8px;
}
.no-svg .messages--status {
background-image: url(../../../misc/icons/73b355/check.png);
}
.messages--status,
.ok {
color: #325e1c;
......@@ -588,9 +585,6 @@ table tr.ok {
border-color: #f4daa6 transparent #f4daa6 #f4daa6;
box-shadow: 8px 0 0 #e09600;
}
.no-svg .messages--warning {
background-image: url(../../../misc/icons/e29700/warning.png);
}
.messages--warning,
.warning {
color: #734c00;
......@@ -609,9 +603,6 @@ table tr.warning {
border-color: #f9c9bf transparent #f9c9bf #f9c9bf;
box-shadow: -8px 0 0 #e62600;
}
.no-svg .messages--error {
background-image: url(../../../misc/icons/ea2800/error.png);
}
.messages--error,
.error {
color: #a51b00;
......
......@@ -25,9 +25,6 @@
top: 0;
width: 20px;
}
.no-svg .toolbar .toolbar-icon:before {
background-size: auto auto;
}
[dir="rtl"] .toolbar .toolbar-icon:before {
left: auto;
right: 0.6667em;
......@@ -68,31 +65,17 @@
.toolbar-bar .toolbar-icon-menu:before {
background-image: url("../../../misc/icons/bebebe/hamburger.svg");
}
.no-svg .toolbar-bar .toolbar-icon-menu:before {
background-image: url("../../../misc/icons/bebebe/hamburger.png");
}
.toolbar-bar .toolbar-icon-menu:active:before,
.toolbar-bar .toolbar-icon-menu.active:before {
background-image: url("../../../misc/icons/ffffff/hamburger.svg");
}
.no-svg .toolbar-bar .toolbar-icon-menu:active:before,
.no-svg .toolbar-bar .toolbar-icon-menu.active:before {
background-image: url("../../../misc/icons/ffffff/hamburger.png");
}
.toolbar-bar .toolbar-icon-help:before {
background-image: url("../../../misc/icons/bebebe/questionmark-disc.svg");
}
.no-svg .toolbar-bar .toolbar-icon-help:before {
background-image: url("../../../misc/icons/bebebe/questionmark-disc.png");
}
.toolbar-bar .toolbar-icon-help:active:before,
.toolbar-bar .toolbar-icon-help.active:before {
background-image: url("../../../misc/icons/ffffff/questionmark-disc.svg");
}
.no-svg .toolbar-bar .toolbar-icon-help:active:before,
.no-svg .toolbar-bar .toolbar-icon-help.active:before {
background-image: url("../../../misc/icons/ffffff/questionmark-disc.png");
}
/**
* Main menu icons.
......@@ -100,115 +83,59 @@
.toolbar-icon-content:before {
background-image: url("../../../misc/icons/787878/file.svg");
}
.no-svg .toolbar-icon-content:before {
background-image: url("../../../misc/icons/787878/file.png");
}
.toolbar-icon-content:active:before,
.toolbar-icon-content.active:before {
background-image: url("../../../misc/icons/000000/file.svg");
}
.no-svg .toolbar-icon-content:active:before,
.no-svg .toolbar-icon-content.active:before {
background-image: url("../../../misc/icons/000000/file.png");
}
.toolbar-icon-structure:before {
background-image: url("../../../misc/icons/787878/orgchart.svg");
}
.no-svg .toolbar-icon-structure:before {
background-image: url("../../../misc/icons/787878/orgchart.png");
}
.toolbar-icon-structure:active:before,
.toolbar-icon-structure.active:before {
background-image: url("../../../misc/icons/000000/orgchart.svg");
}
.no-svg .toolbar-icon-structure:active:before,
.no-svg .toolbar-icon-structure.active:before {
background-image: url("../../../misc/icons/000000/orgchart.png");
}
.toolbar-icon-appearance:before {
background-image: url("../../../misc/icons/787878/paintbrush.svg");
}
.no-svg .toolbar-icon-appearance:before {
background-image: url("../../../misc/icons/787878/paintbrush.png");
}
.toolbar-icon-appearance:active:before,
.toolbar-icon-appearance.active:before {
background-image: url("../../../misc/icons/000000/paintbrush.svg");
}
.no-svg .toolbar-icon-appearance:active:before,
.no-svg .toolbar-icon-appearance.active:before {
background-image: url("../../../misc/icons/000000/paintbrush.png");
}
.toolbar-icon-people:before {
background-image: url("../../../misc/icons/787878/people.svg");
}
.no-svg .toolbar-icon-people:before {
background-image: url("../../../misc/icons/787878/people.png");
}
.toolbar-icon-people:active:before,
.toolbar-icon-people.active:before {
background-image: url("../../../misc/icons/000000/people.svg");
}
.no-svg .toolbar-icon-people:active:before,
.no-svg .toolbar-icon-people.active:before {
background-image: url("../../../misc/icons/000000/people.png");
}
.toolbar-icon-extend:before {
background-image: url("../../../misc/icons/787878/puzzlepiece.svg");
}
.no-svg .toolbar-icon-extend:before {
background-image: url("../../../misc/icons/787878/puzzlepiece.png");
}
.toolbar-icon-extend:active:before,
.toolbar-icon-extend.active:before {
background-image: url("../../../misc/icons/000000/puzzlepiece.svg");
}
.no-svg .toolbar-icon-extend:active:before,
.no-svg .toolbar-icon-extend.active:before {
background-image: url("../../../misc/icons/000000/puzzlepiece.png");
}
.toolbar-icon-configuration:before {
background-image: url("../../../misc/icons/787878/wrench.svg");
}
.no-svg .toolbar-icon-configuration:before {
background-image: url("../../../misc/icons/787878/wrench.png");
}
.toolbar-icon-configuration:active:before,
.toolbar-icon-configuration.active:before {
background-image: url("../../../misc/icons/000000/wrench.svg");
}
.no-svg .toolbar-icon-configuration:active:before,
.no-svg .toolbar-icon-configuration.active:before {
background-image: url("../../../misc/icons/000000/wrench.png");
}
.toolbar-icon-reports:before {
background-image: url("../../../misc/icons/787878/barchart.svg");
}
.no-svg .toolbar-icon-reports:before {
background-image: url("../../../misc/icons/787878/barchart.png");
}
.toolbar-icon-reports:active:before,
.toolbar-icon-reports.active:before {
background-image: url("../../../misc/icons/000000/barchart.svg");
}
.no-svg .toolbar-icon-reports:active:before,
.no-svg .toolbar-icon-reports.active:before {
background-image: url("../../../misc/icons/000000/barchart.png");
}
.toolbar-icon-help:before {
background-image: url("../../../misc/icons/787878/questionmark-disc.svg");
}
.no-svg .toolbar-icon-help:before {
background-image: url("../../../misc/icons/787878/questionmark-disc.png");
}
.toolbar-icon-help:active:before,
.toolbar-icon-help.active:before {
background-image: url("../../../misc/icons/000000/questionmark-disc.svg");
}
.no-svg .toolbar-icon-help:active:before,
.no-svg .toolbar-icon-help.active:before {
background-image: url("../../../misc/icons/000000/questionmark-disc.png");
}
.toolbar .toolbar-bar .toolbar-icon:before {
min-height: 3em;
}
......@@ -227,9 +154,6 @@
left: 0; /* LTR */
width: 100%;
}
.no-svg .toolbar .toolbar-bar .toolbar-icon:before {
background-size: auto auto;
}
[dir="rtl"] .toolbar .toolbar-bar .toolbar-icon:before {
left: auto;
right: 0;
......@@ -254,9 +178,6 @@
left: 0.6667em; /* LTR */
width: 20px;
}
.no-svg .toolbar .toolbar-bar .toolbar-icon:before {
background-size: auto auto;
}
[dir="rtl"] .toolbar .toolbar-bar .toolbar-icon:before {
left: 0;
right: 0.6667em;
......@@ -273,43 +194,23 @@
.toolbar .toolbar-icon.toolbar-handle:before {
background-image: url("../../../misc/icons/5181c6/chevron-disc-down.svg");
}
.no-svg .toolbar .toolbar-icon.toolbar-handle:before {
background-image: url("../../../misc/icons/5181c6/chevron-disc-down.png");
}
.toolbar .toolbar-icon.toolbar-handle.open:before {
background-image: url("../../../misc/icons/787878/chevron-disc-up.svg");
}
.no-svg .toolbar .toolbar-icon.toolbar-handle.open:before {
background-image: url("../../../misc/icons/787878/chevron-disc-up.png");
}
.toolbar .menu .menu .toolbar-icon.toolbar-handle:before {
background-image: url("../../../misc/icons/5181c6/twistie-down.svg");
background-size: 75%;
}
.no-svg .toolbar .menu .menu .toolbar-icon.toolbar-handle:before {
background-image: url("../../../misc/icons/5181c6/twistie-down.png");
background-size: auto auto;
}
.toolbar .menu .menu .toolbar-icon.toolbar-handle.open:before {
background-image: url("../../../misc/icons/787878/twistie-up.svg");
background-size: 75%;
}
.no-svg .toolbar .menu .menu .toolbar-icon.toolbar-handle.open:before {
background-image: url("../../../misc/icons/787878/twistie-up.png");
background-size: auto auto;
}
.toolbar .toolbar-icon-escape-admin:before {
background-image: url("../../../misc/icons/bebebe/chevron-disc-left.svg");
}
.no-svg .toolbar .toolbar-icon-escape-admin:before {
background-image: url("../../../misc/icons/bebebe/chevron-disc-left.png");
}
[dir="rtl"] .toolbar .toolbar-icon-escape-admin:before {
background-image: url("../../../misc/icons/bebebe/chevron-disc-right.svg");
}
[dir="rtl"] .no-svg .toolbar .toolbar-icon-escape-admin:before {
background-image: url("../../../misc/icons/bebebe/chevron-disc-right.png");
}
/**
* Orientation toggle.
*/
......@@ -342,13 +243,6 @@
{
background-image: url("../../../misc/icons/787878/push-left.svg"); /* LTR */
}
.no-svg .toolbar .toolbar-toggle-orientation [value="vertical"]:before {
background-image: url("../../../misc/icons/bebebe/push-left.png"); /* LTR */
}
.no-svg .toolbar .toolbar-toggle-orientation [value="vertical"]:hover:before,
.no-svg .toolbar .toolbar-toggle-orientation [value="vertical"]:focus:before {
background-image: url("../../../misc/icons/787878/push-left.png"); /* LTR */
}
[dir="rtl"] .toolbar .toolbar-toggle-orientation [value="vertical"]:before {
background-image: url("../../../misc/icons/bebebe/push-right.svg");
}
......@@ -356,24 +250,10 @@
[dir="rtl"] .toolbar .toolbar-toggle-orientation [value="vertical"]:focus:before {
background-image: url("../../../misc/icons/787878/push-right.svg");
}
[dir="rtl"].no-svg .toolbar .toolbar-toggle-orientation [value="vertical"]:before {
background-image: url("../../../misc/icons/bebebe/push-right.png");
}
[dir="rtl"].no-svg .toolbar .toolbar-toggle-orientation [value="vertical"]:hover:before,
[dir="rtl"].no-svg .toolbar .toolbar-toggle-orientation [value="vertical"]:focus:before {
background-image: url("../../../misc/icons/787878/push-right.png");
}
.toolbar .toolbar-toggle-orientation [value="horizontal"]:before {
background-image: url("../../../misc/icons/bebebe/push-up.svg");
}
.toolbar .toolbar-toggle-orientation [value="horizontal"]:hover:before {
background-image: url("../../../misc/icons/787878/push-up.svg");
}
.no-svg .toolbar .toolbar-toggle-orientation [value="horizontal"]:before {
background-image: url("../../../misc/icons/bebebe/push-up.png");
}
.no-svg .toolbar .toolbar-toggle-orientation [value="horizontal"]:hover:before,
.no-svg .toolbar .toolbar-toggle-orientation [value="horizontal"]:focus:before {
background-image: url("../../../misc/icons/787878/push-up.png");
}
......@@ -9,14 +9,7 @@
.toolbar-bar .toolbar-icon-user:before {
background-image: url("../../../misc/icons/bebebe/person.svg");
}
.no-svg .toolbar-bar .toolbar-icon-user:before {
background-image: url("../../../misc/icons/bebebe/person.png");
}
.toolbar-bar .toolbar-icon-user:active:before,
.toolbar-bar .toolbar-icon-user.active:before {
background-image: url("../../../misc/icons/ffffff/person.svg");
}
.no-svg .toolbar-bar .toolbar-icon-user:active:before,
.no-svg .toolbar-bar .toolbar-icon-user.active:before {
background-image: url("../../../misc/icons/ffffff/person.png");
}
......@@ -1689,17 +1689,6 @@ div.password-suggestions {
#search-form input.form-submit:focus {
background: #dedede url("../../../misc/icons/424242/loupe.svg") no-repeat center;
}
.no-svg #search-block-form input.form-submit,
.no-svg #search-form input.form-submit {
background: #f0f0f0 url("../../../misc/icons/505050/loupe.png") no-repeat center;
}
.no-svg #search-block-form input.form-submit:hover,
.no-svg #search-block-form input.form-submit:focus,
.no-svg #search-form input.form-submit:hover,
.no-svg #search-form input.form-submit:focus {
background: #dedede url("../../../misc/icons/424242/loupe.png") no-repeat center;
}
#search-form .form-item-keys label {
display: block;
}
......
......@@ -226,15 +226,9 @@ li.tabs__tab a {
.tabs.primary a {
background: url(../../misc/icons/0074bd/chevron-right.svg) 99% center no-repeat;
}
.no-svg .tabs.primary a {
background-image: url(../../misc/icons/0074bd/chevron-right.png);
}
[dir="rtl"] .tabs.primary a {
background: url(../../misc/icons/0074bd/chevron-left.svg) 1% center no-repeat;
}
[dir="rtl"] .no-svg .tabs.primary a {
background-image: url(../../misc/icons/0074bd/chevron-left.png);
}
.tabs.primary .tabs__tab.active a {
background-image: none;
}
......@@ -474,17 +468,11 @@ ul.admin-list {
padding: 14px 15px 14px 25px; /* LTR */
min-height: 0;
}
.no-svg .admin-list li a {
background-image: url(../../misc/icons/bebebe/chevron-disc-right.png); /* LTR */
}
[dir="rtl"] .admin-list li a {
background: url(../../misc/icons/bebebe/chevron-disc-left.svg) no-repeat right 16px;
padding-right: 25px;
padding-left: 15px;
}
.no-svg [dir="rtl"] .admin-list li a {
background-image: url(../../misc/icons/bebebe/chevron-disc-left.png);
}
.admin-list.compact li a {
background-image: none;
padding: 2px 0;
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment