diff --git a/.htaccess b/.htaccess index 5248bd8..12acf33 100644 --- a/.htaccess +++ b/.htaccess @@ -24,6 +24,10 @@ ErrorDocument 404 /index.php # Set the default handler. DirectoryIndex index.php index.html index.htm +# Add correct encoding for SVGZ. +AddType image/svg+xml svg svgz +AddEncoding gzip svgz + # Override PHP settings that cannot be changed at runtime. See # sites/default/default.settings.php and # Drupal\Core\DrupalKernel::bootEnvironment() for settings that can be diff --git a/core/misc/icons/000000/barchart.svgz b/core/misc/icons/000000/barchart.svgz new file mode 100644 index 0000000..805916f Binary files /dev/null and b/core/misc/icons/000000/barchart.svgz differ diff --git a/core/misc/icons/000000/ex.svgz b/core/misc/icons/000000/ex.svgz new file mode 100644 index 0000000..6bda921 Binary files /dev/null and b/core/misc/icons/000000/ex.svgz differ diff --git a/core/misc/icons/000000/file.svgz b/core/misc/icons/000000/file.svgz new file mode 100644 index 0000000..1fbe0b3 Binary files /dev/null and b/core/misc/icons/000000/file.svgz differ diff --git a/core/misc/icons/000000/orgchart.svgz b/core/misc/icons/000000/orgchart.svgz new file mode 100644 index 0000000..7562bfb Binary files /dev/null and b/core/misc/icons/000000/orgchart.svgz differ diff --git a/core/misc/icons/000000/paintbrush.svgz b/core/misc/icons/000000/paintbrush.svgz new file mode 100644 index 0000000..2031aff Binary files /dev/null and b/core/misc/icons/000000/paintbrush.svgz differ diff --git a/core/misc/icons/000000/people.svgz b/core/misc/icons/000000/people.svgz new file mode 100644 index 0000000..5e8f86a Binary files /dev/null and b/core/misc/icons/000000/people.svgz differ diff --git a/core/misc/icons/000000/puzzlepiece.svgz b/core/misc/icons/000000/puzzlepiece.svgz new file mode 100644 index 0000000..3600d05 Binary files /dev/null and b/core/misc/icons/000000/puzzlepiece.svgz differ diff --git a/core/misc/icons/000000/questionmark-disc.svgz b/core/misc/icons/000000/questionmark-disc.svgz new file mode 100644 index 0000000..eedb22c Binary files /dev/null and b/core/misc/icons/000000/questionmark-disc.svgz differ diff --git a/core/misc/icons/000000/wrench.svgz b/core/misc/icons/000000/wrench.svgz new file mode 100644 index 0000000..e92e771 Binary files /dev/null and b/core/misc/icons/000000/wrench.svgz differ diff --git a/core/misc/icons/5181c6/chevron-disc-down.svgz b/core/misc/icons/5181c6/chevron-disc-down.svgz new file mode 100644 index 0000000..0888736 Binary files /dev/null and b/core/misc/icons/5181c6/chevron-disc-down.svgz differ diff --git a/core/misc/icons/5181c6/chevron-disc-up.svgz b/core/misc/icons/5181c6/chevron-disc-up.svgz new file mode 100644 index 0000000..7dba828 Binary files /dev/null and b/core/misc/icons/5181c6/chevron-disc-up.svgz differ diff --git a/core/misc/icons/5181c6/pencil.svgz b/core/misc/icons/5181c6/pencil.svgz new file mode 100644 index 0000000..cdceb4a Binary files /dev/null and b/core/misc/icons/5181c6/pencil.svgz differ diff --git a/core/misc/icons/5181c6/twistie-down.svgz b/core/misc/icons/5181c6/twistie-down.svgz new file mode 100644 index 0000000..3ee1c21 Binary files /dev/null and b/core/misc/icons/5181c6/twistie-down.svgz differ diff --git a/core/misc/icons/5181c6/twistie-up.svgz b/core/misc/icons/5181c6/twistie-up.svgz new file mode 100644 index 0000000..322808d Binary files /dev/null and b/core/misc/icons/5181c6/twistie-up.svgz differ diff --git a/core/misc/icons/73b355/check.svgz b/core/misc/icons/73b355/check.svgz new file mode 100644 index 0000000..49b2c00 Binary files /dev/null and b/core/misc/icons/73b355/check.svgz differ diff --git a/core/misc/icons/787878/barchart.svgz b/core/misc/icons/787878/barchart.svgz new file mode 100644 index 0000000..cc8a402 Binary files /dev/null and b/core/misc/icons/787878/barchart.svgz differ diff --git a/core/misc/icons/787878/chevron-disc-down.svgz b/core/misc/icons/787878/chevron-disc-down.svgz new file mode 100644 index 0000000..5f53ad6 Binary files /dev/null and b/core/misc/icons/787878/chevron-disc-down.svgz differ diff --git a/core/misc/icons/787878/chevron-disc-up.svgz b/core/misc/icons/787878/chevron-disc-up.svgz new file mode 100644 index 0000000..b6c92d9 Binary files /dev/null and b/core/misc/icons/787878/chevron-disc-up.svgz differ diff --git a/core/misc/icons/787878/cog.svgz b/core/misc/icons/787878/cog.svgz new file mode 100644 index 0000000..a5aaa1d Binary files /dev/null and b/core/misc/icons/787878/cog.svgz differ diff --git a/core/misc/icons/787878/ex.svgz b/core/misc/icons/787878/ex.svgz new file mode 100644 index 0000000..8797d80 Binary files /dev/null and b/core/misc/icons/787878/ex.svgz differ diff --git a/core/misc/icons/787878/file.svgz b/core/misc/icons/787878/file.svgz new file mode 100644 index 0000000..6f6e340 Binary files /dev/null and b/core/misc/icons/787878/file.svgz differ diff --git a/core/misc/icons/787878/key.svgz b/core/misc/icons/787878/key.svgz new file mode 100644 index 0000000..ae481d2 Binary files /dev/null and b/core/misc/icons/787878/key.svgz differ diff --git a/core/misc/icons/787878/move.svgz b/core/misc/icons/787878/move.svgz new file mode 100644 index 0000000..5b47250 Binary files /dev/null and b/core/misc/icons/787878/move.svgz differ diff --git a/core/misc/icons/787878/orgchart.svgz b/core/misc/icons/787878/orgchart.svgz new file mode 100644 index 0000000..80f4092 Binary files /dev/null and b/core/misc/icons/787878/orgchart.svgz differ diff --git a/core/misc/icons/787878/paintbrush.svgz b/core/misc/icons/787878/paintbrush.svgz new file mode 100644 index 0000000..cd31228 Binary files /dev/null and b/core/misc/icons/787878/paintbrush.svgz differ diff --git a/core/misc/icons/787878/pencil.svgz b/core/misc/icons/787878/pencil.svgz new file mode 100644 index 0000000..5a971d9 Binary files /dev/null and b/core/misc/icons/787878/pencil.svgz differ diff --git a/core/misc/icons/787878/people.svgz b/core/misc/icons/787878/people.svgz new file mode 100644 index 0000000..0c4a28e Binary files /dev/null and b/core/misc/icons/787878/people.svgz differ diff --git a/core/misc/icons/787878/push-left.svgz b/core/misc/icons/787878/push-left.svgz new file mode 100644 index 0000000..751cb74 Binary files /dev/null and b/core/misc/icons/787878/push-left.svgz differ diff --git a/core/misc/icons/787878/push-right.svgz b/core/misc/icons/787878/push-right.svgz new file mode 100644 index 0000000..d191eb5 Binary files /dev/null and b/core/misc/icons/787878/push-right.svgz differ diff --git a/core/misc/icons/787878/push-up.svgz b/core/misc/icons/787878/push-up.svgz new file mode 100644 index 0000000..b50e9d9 Binary files /dev/null and b/core/misc/icons/787878/push-up.svgz differ diff --git a/core/misc/icons/787878/puzzlepiece.svgz b/core/misc/icons/787878/puzzlepiece.svgz new file mode 100644 index 0000000..77107f7 Binary files /dev/null and b/core/misc/icons/787878/puzzlepiece.svgz differ diff --git a/core/misc/icons/787878/questionmark-disc.svgz b/core/misc/icons/787878/questionmark-disc.svgz new file mode 100644 index 0000000..86552fb Binary files /dev/null and b/core/misc/icons/787878/questionmark-disc.svgz differ diff --git a/core/misc/icons/787878/twistie-down.svgz b/core/misc/icons/787878/twistie-down.svgz new file mode 100644 index 0000000..e485273 Binary files /dev/null and b/core/misc/icons/787878/twistie-down.svgz differ diff --git a/core/misc/icons/787878/twistie-up.svgz b/core/misc/icons/787878/twistie-up.svgz new file mode 100644 index 0000000..d2c5223 Binary files /dev/null and b/core/misc/icons/787878/twistie-up.svgz differ diff --git a/core/misc/icons/787878/wrench.svgz b/core/misc/icons/787878/wrench.svgz new file mode 100644 index 0000000..1b8f733 Binary files /dev/null and b/core/misc/icons/787878/wrench.svgz differ diff --git a/core/misc/icons/bebebe/chevron-disc-left.svgz b/core/misc/icons/bebebe/chevron-disc-left.svgz new file mode 100644 index 0000000..c55d230 Binary files /dev/null and b/core/misc/icons/bebebe/chevron-disc-left.svgz differ diff --git a/core/misc/icons/bebebe/chevron-disc-right.svgz b/core/misc/icons/bebebe/chevron-disc-right.svgz new file mode 100644 index 0000000..899cae1 Binary files /dev/null and b/core/misc/icons/bebebe/chevron-disc-right.svgz differ diff --git a/core/misc/icons/bebebe/cog.svgz b/core/misc/icons/bebebe/cog.svgz new file mode 100644 index 0000000..187477e Binary files /dev/null and b/core/misc/icons/bebebe/cog.svgz differ diff --git a/core/misc/icons/bebebe/ex.svgz b/core/misc/icons/bebebe/ex.svgz new file mode 100644 index 0000000..1c44d20 Binary files /dev/null and b/core/misc/icons/bebebe/ex.svgz differ diff --git a/core/misc/icons/bebebe/hamburger.svgz b/core/misc/icons/bebebe/hamburger.svgz new file mode 100644 index 0000000..1a5009f Binary files /dev/null and b/core/misc/icons/bebebe/hamburger.svgz differ diff --git a/core/misc/icons/bebebe/house.svgz b/core/misc/icons/bebebe/house.svgz new file mode 100644 index 0000000..582f5e4 Binary files /dev/null and b/core/misc/icons/bebebe/house.svgz differ diff --git a/core/misc/icons/bebebe/key.svgz b/core/misc/icons/bebebe/key.svgz new file mode 100644 index 0000000..b5ab4b4 Binary files /dev/null and b/core/misc/icons/bebebe/key.svgz differ diff --git a/core/misc/icons/bebebe/move.svgz b/core/misc/icons/bebebe/move.svgz new file mode 100644 index 0000000..e938ef9 Binary files /dev/null and b/core/misc/icons/bebebe/move.svgz differ diff --git a/core/misc/icons/bebebe/pencil.svgz b/core/misc/icons/bebebe/pencil.svgz new file mode 100644 index 0000000..69feaa5 Binary files /dev/null and b/core/misc/icons/bebebe/pencil.svgz differ diff --git a/core/misc/icons/bebebe/person.svgz b/core/misc/icons/bebebe/person.svgz new file mode 100644 index 0000000..b9aa40f Binary files /dev/null and b/core/misc/icons/bebebe/person.svgz differ diff --git a/core/misc/icons/bebebe/push-left.svgz b/core/misc/icons/bebebe/push-left.svgz new file mode 100644 index 0000000..233e664 Binary files /dev/null and b/core/misc/icons/bebebe/push-left.svgz differ diff --git a/core/misc/icons/bebebe/push-right.svgz b/core/misc/icons/bebebe/push-right.svgz new file mode 100644 index 0000000..40b338f Binary files /dev/null and b/core/misc/icons/bebebe/push-right.svgz differ diff --git a/core/misc/icons/bebebe/push-up.svgz b/core/misc/icons/bebebe/push-up.svgz new file mode 100644 index 0000000..952399e Binary files /dev/null and b/core/misc/icons/bebebe/push-up.svgz differ diff --git a/core/misc/icons/bebebe/questionmark-disc.svgz b/core/misc/icons/bebebe/questionmark-disc.svgz new file mode 100644 index 0000000..d6725de Binary files /dev/null and b/core/misc/icons/bebebe/questionmark-disc.svgz differ diff --git a/core/misc/icons/bebebe/star-empty.svgz b/core/misc/icons/bebebe/star-empty.svgz new file mode 100644 index 0000000..b8ac3bf Binary files /dev/null and b/core/misc/icons/bebebe/star-empty.svgz differ diff --git a/core/misc/icons/bebebe/star.svgz b/core/misc/icons/bebebe/star.svgz new file mode 100644 index 0000000..b0e8be8 Binary files /dev/null and b/core/misc/icons/bebebe/star.svgz differ diff --git a/core/misc/icons/e29700/warning.svgz b/core/misc/icons/e29700/warning.svgz new file mode 100644 index 0000000..4960a23 Binary files /dev/null and b/core/misc/icons/e29700/warning.svgz differ diff --git a/core/misc/icons/ea2800/error.svgz b/core/misc/icons/ea2800/error.svgz new file mode 100644 index 0000000..be19f30 Binary files /dev/null and b/core/misc/icons/ea2800/error.svgz differ diff --git a/core/misc/icons/ffffff/ex.svgz b/core/misc/icons/ffffff/ex.svgz new file mode 100644 index 0000000..7f502ef Binary files /dev/null and b/core/misc/icons/ffffff/ex.svgz differ diff --git a/core/misc/icons/ffffff/hamburger.svgz b/core/misc/icons/ffffff/hamburger.svgz new file mode 100644 index 0000000..a3be381 Binary files /dev/null and b/core/misc/icons/ffffff/hamburger.svgz differ diff --git a/core/misc/icons/ffffff/house.svgz b/core/misc/icons/ffffff/house.svgz new file mode 100644 index 0000000..1a61a4f Binary files /dev/null and b/core/misc/icons/ffffff/house.svgz differ diff --git a/core/misc/icons/ffffff/pencil.svgz b/core/misc/icons/ffffff/pencil.svgz new file mode 100644 index 0000000..150f152 Binary files /dev/null and b/core/misc/icons/ffffff/pencil.svgz differ diff --git a/core/misc/icons/ffffff/person.svgz b/core/misc/icons/ffffff/person.svgz new file mode 100644 index 0000000..2356ae6 Binary files /dev/null and b/core/misc/icons/ffffff/person.svgz differ diff --git a/core/misc/icons/ffffff/questionmark-disc.svgz b/core/misc/icons/ffffff/questionmark-disc.svgz new file mode 100644 index 0000000..ef47899 Binary files /dev/null and b/core/misc/icons/ffffff/questionmark-disc.svgz differ diff --git a/core/misc/icons/ffffff/star-empty.svgz b/core/misc/icons/ffffff/star-empty.svgz new file mode 100644 index 0000000..cc06add Binary files /dev/null and b/core/misc/icons/ffffff/star-empty.svgz differ diff --git a/core/misc/icons/ffffff/star.svgz b/core/misc/icons/ffffff/star.svgz new file mode 100644 index 0000000..69cc23e Binary files /dev/null and b/core/misc/icons/ffffff/star.svgz differ diff --git a/core/modules/contextual/css/contextual.icons.css b/core/modules/contextual/css/contextual.icons.css index 70363a7..e84bc39 100644 --- a/core/modules/contextual/css/contextual.icons.css +++ b/core/modules/contextual/css/contextual.icons.css @@ -7,18 +7,18 @@ * Toolbar tab icon. */ .toolbar-bar .toolbar-icon-edit:before { - background-image: url(../../../misc/icons/bebebe/pencil.svg); + background-image: url(../../../misc/icons/bebebe/pencil.svgz); } .toolbar-bar .toolbar-icon-edit:active:before, .toolbar-bar .toolbar-icon-edit.active:before { - background-image: url(../../../misc/icons/ffffff/pencil.svg); + background-image: url(../../../misc/icons/ffffff/pencil.svgz); } /** * Contextual trigger. */ .contextual .trigger { - background-image: url(../../../misc/icons/bebebe/pencil.svg); + background-image: url(../../../misc/icons/bebebe/pencil.svgz); background-position: center center; background-repeat: no-repeat; background-size: 16px 16px; diff --git a/core/modules/dblog/css/dblog.module.css b/core/modules/dblog/css/dblog.module.css index d1820f8..21b05a8 100644 --- a/core/modules/dblog/css/dblog.module.css +++ b/core/modules/dblog/css/dblog.module.css @@ -27,11 +27,11 @@ width: 16px; } .admin-dblog .dblog-warning .icon { - background-image: url(../../../misc/icons/e29700/warning.svg); + background-image: url(../../../misc/icons/e29700/warning.svgz); } .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); + background-image: url(../../../misc/icons/ea2800/error.svgz); } diff --git a/core/modules/edit/css/edit.icons.css b/core/modules/edit/css/edit.icons.css new file mode 100644 index 0000000..8ba69dd --- /dev/null +++ b/core/modules/edit/css/edit.icons.css @@ -0,0 +1,73 @@ +/** + * @file edit.icons.css + */ + +.edit .icon { + min-height: 1em; + min-width: 2.5em; + position: relative; +} +.edit .icon.icon-only { + text-indent: -9999px; +} +.edit .icon.icon-end { + padding-right: 2.5em; /* LTR */ +} +[dir="rtl"] .edit .icon.icon-end { + padding-left: 2.5em; + padding-right: 0; +} +.edit .icon:before { + background-attachment: scroll; + background-color: transparent; + background-position: center center; + background-repeat: no-repeat; + content: ''; + display: block; + height: 100%; + left: 0; /* LTR */ + position: absolute; + top: 0; + width: 100%; +} +[dir="rtl"] .edit .icon:before { + left: auto; + right: 0; +} +.edit .icon-end:before { + left: auto; /* LTR */ + right: 0.5em; /* LTR */ + width: 18px; +} +[dir="rtl"] .edit .icon-end:before { + left: 0.5em; + right: auto; +} +.edit button.icon { + font-size: 1em; +} +.edit .icon-pencil { + margin-left: .5em; + padding-left: 1.5em; +} + +/** + * Images. + */ +.edit .icon-close:before { + background-image: url('../../../misc/icons/787878/ex.svgz'); + height: 12px; + top: 10px; +} +.edit .icon-close:hover:before, +.edit .icon-close:active:before { + background-image: url('../../../misc/icons/000000/ex.svgz'); +} +.edit .icon-throbber:before { + background-image: url("../images/icon-throbber.gif"); +} +.edit .icon-pencil:before { + background-image: url('../../../misc/icons/5181c6/pencil.svgz'); + background-position: left center; + background-size: 1.3em; +} diff --git a/core/modules/shortcut/css/shortcut.icons.css b/core/modules/shortcut/css/shortcut.icons.css index 18b15d7..4de21d8 100644 --- a/core/modules/shortcut/css/shortcut.icons.css +++ b/core/modules/shortcut/css/shortcut.icons.css @@ -7,11 +7,11 @@ * Toolbar tab icon. */ .toolbar-bar .toolbar-icon-shortcut:before { - background-image: url(../../../misc/icons/bebebe/star.svg); + background-image: url(../../../misc/icons/bebebe/star.svgz); } .toolbar-bar .toolbar-icon-shortcut:active:before, .toolbar-bar .toolbar-icon-shortcut.active:before { - background-image: url(../../../misc/icons/ffffff/star.svg); + background-image: url(../../../misc/icons/ffffff/star.svgz); } /** diff --git a/core/modules/system/css/system.admin.css b/core/modules/system/css/system.admin.css index add899d..1faea57 100644 --- a/core/modules/system/css/system.admin.css +++ b/core/modules/system/css/system.admin.css @@ -178,13 +178,13 @@ small .admin-link:after { float: right; } .module-link-help { - background: url(../../../misc/icons/787878/questionmark-disc.svg) 0 50% no-repeat; + background: url(../../../misc/icons/787878/questionmark-disc.svgz) 0 50% no-repeat; } .module-link-permissions { - background: url(../../../misc/icons/787878/key.svg) 0 50% no-repeat; + background: url(../../../misc/icons/787878/key.svgz) 0 50% no-repeat; } .module-link-configure { - background: url(../../../misc/icons/787878/cog.svg) 0 50% no-repeat; + background: url(../../../misc/icons/787878/cog.svgz) 0 50% no-repeat; } /** @@ -212,10 +212,10 @@ small .admin-link:after { margin-top: 2px; } .system-status-report .error .status-icon div { - background-image: url(../../../misc/icons/ea2800/error.svg); + background-image: url(../../../misc/icons/ea2800/error.svgz); } .system-status-report .warning .status-icon div { - background-image: url(../../../misc/icons/e29700/warning.svg); + background-image: url(../../../misc/icons/e29700/warning.svgz); } .system-status-report .status-title { width: 25%; diff --git a/core/modules/system/css/system.module.css b/core/modules/system/css/system.module.css index cea7a25..1fa63fa 100644 --- a/core/modules/system/css/system.module.css +++ b/core/modules/system/css/system.module.css @@ -106,7 +106,7 @@ a.tabledrag-handle:hover { text-decoration: none; } a.tabledrag-handle .handle { - background: url(../../../misc/icons/787878/move.svg) no-repeat 6px 7px; + background: url(../../../misc/icons/787878/move.svgz) no-repeat 6px 7px; height: 14px; margin: -0.4em 0.5em 0; padding: 0.42em 0.5em; @@ -114,7 +114,7 @@ a.tabledrag-handle .handle { } a.tabledrag-handle:hover .handle, a.tabledrag-handle:focus .handle { - background-image: url(../../../misc/icons/000000/move.svg); + background-image: url(../../../misc/icons/000000/move.svgz); } .touch .draggable td { padding: 0 10px; diff --git a/core/modules/system/css/system.theme.css b/core/modules/system/css/system.theme.css index 48fc3dd..e73dd19 100644 --- a/core/modules/system/css/system.theme.css +++ b/core/modules/system/css/system.theme.css @@ -533,7 +533,7 @@ ul.tabs { /* @TODO Separate tables and messages styling */ .messages--status { border-color: #c9e1bd #c9e1bd #c9e1bd transparent; /* LTR */ - background-image: url(../../../misc/icons/73b355/check.svg); + background-image: url(../../../misc/icons/73b355/check.svgz); box-shadow: -8px 0 0 #77b259; /* LTR */ } [dir="rtl"] .messages--status { @@ -549,7 +549,7 @@ ul.tabs { } .messages--warning { - background-image: url(../../../misc/icons/e29700/warning.svg); + background-image: url(../../../misc/icons/e29700/warning.svgz); border-color: #f4daa6 #f4daa6 #f4daa6 transparent; /* LTR */ box-shadow: -8px 0 0 #e09600; /* LTR */ } @@ -568,7 +568,7 @@ table tr.warning:hover { } .messages--error { - background-image: url(../../../misc/icons/ea2800/error.svg); + background-image: url(../../../misc/icons/ea2800/error.svgz); border-color: #f9c9bf #f9c9bf #f9c9bf transparent; /* LTR */ box-shadow: -8px 0 0 #e62600; /* LTR */ } diff --git a/core/modules/toolbar/css/toolbar.icons.css b/core/modules/toolbar/css/toolbar.icons.css index 0122c91..5b0b03d 100644 --- a/core/modules/toolbar/css/toolbar.icons.css +++ b/core/modules/toolbar/css/toolbar.icons.css @@ -63,78 +63,78 @@ * Top level icons. */ .toolbar-bar .toolbar-icon-menu:before { - background-image: url(../../../misc/icons/bebebe/hamburger.svg); + background-image: url(../../../misc/icons/bebebe/hamburger.svgz); } .toolbar-bar .toolbar-icon-menu:active:before, .toolbar-bar .toolbar-icon-menu.active:before { - background-image: url(../../../misc/icons/ffffff/hamburger.svg); + background-image: url(../../../misc/icons/ffffff/hamburger.svgz); } .toolbar-bar .toolbar-icon-help:before { - background-image: url(../../../misc/icons/bebebe/questionmark-disc.svg); + background-image: url(../../../misc/icons/bebebe/questionmark-disc.svgz); } .toolbar-bar .toolbar-icon-help:active:before, .toolbar-bar .toolbar-icon-help.active:before { - background-image: url(../../../misc/icons/ffffff/questionmark-disc.svg); + background-image: url(../../../misc/icons/ffffff/questionmark-disc.svgz); } /** * Main menu icons. */ .toolbar-icon-system-admin-content:before { - background-image: url(../../../misc/icons/787878/file.svg); + background-image: url(../../../misc/icons/787878/file.svgz); } .toolbar-icon-system-admin-content:active:before, .toolbar-icon-system-admin-content.active:before { - background-image: url(../../../misc/icons/000000/file.svg); + background-image: url(../../../misc/icons/000000/file.svgz); } .toolbar-icon-system-admin-structure:before { - background-image: url(../../../misc/icons/787878/orgchart.svg); + background-image: url(../../../misc/icons/787878/orgchart.svgz); } .toolbar-icon-system-admin-structure:active:before, .toolbar-icon-system-admin-structure.active:before { - background-image: url(../../../misc/icons/000000/orgchart.svg); + background-image: url(../../../misc/icons/000000/orgchart.svgz); } .toolbar-icon-system-themes-page:before { - background-image: url(../../../misc/icons/787878/paintbrush.svg); + background-image: url(../../../misc/icons/787878/paintbrush.svgz); } .toolbar-icon-system-themes-page:active:before, .toolbar-icon-system-themes-page.active:before { - background-image: url(../../../misc/icons/000000/paintbrush.svg); + background-image: url(../../../misc/icons/000000/paintbrush.svgz); } .toolbar-icon-user-admin-account:before { - background-image: url(../../../misc/icons/787878/people.svg); + background-image: url(../../../misc/icons/787878/people.svgz); } .toolbar-icon-user-admin-account:active:before, .toolbar-icon-user-admin-account.active:before { - background-image: url(../../../misc/icons/000000/people.svg); + background-image: url(../../../misc/icons/000000/people.svgz); } .toolbar-icon-system-modules-list:before { - background-image: url(../../../misc/icons/787878/puzzlepiece.svg); + background-image: url(../../../misc/icons/787878/puzzlepiece.svgz); } .toolbar-icon-system-modules-list:active:before, .toolbar-icon-system-modules-list.active:before { - background-image: url(../../../misc/icons/000000/puzzlepiece.svg); + background-image: url(../../../misc/icons/000000/puzzlepiece.svgz); } .toolbar-icon-system-admin-config:before { - background-image: url(../../../misc/icons/787878/wrench.svg); + background-image: url(../../../misc/icons/787878/wrench.svgz); } .toolbar-icon-system-admin-config:active:before, .toolbar-icon-system-admin-config.active:before { - background-image: url(../../../misc/icons/000000/wrench.svg); + background-image: url(../../../misc/icons/000000/wrench.svgz); } .toolbar-icon-system-admin-reports:before { - background-image: url(../../../misc/icons/787878/barchart.svg); + background-image: url(../../../misc/icons/787878/barchart.svgz); } .toolbar-icon-system-admin-reports:active:before, .toolbar-icon-system-admin-reports.active:before { - background-image: url(../../../misc/icons/000000/barchart.svg); + background-image: url(../../../misc/icons/000000/barchart.svgz); } .toolbar-icon-help-main:before { - background-image: url(../../../misc/icons/787878/questionmark-disc.svg); + background-image: url(../../../misc/icons/787878/questionmark-disc.svgz); } .toolbar-icon-help-main:active:before, .toolbar-icon-help-main.active:before { - background-image: url(../../../misc/icons/000000/questionmark-disc.svg); + background-image: url(../../../misc/icons/000000/questionmark-disc.svgz); } .toolbar .toolbar-bar .toolbar-icon:before { min-height: 3em; @@ -234,24 +234,24 @@ text-indent: -9999px; } .toolbar .toolbar-icon.toolbar-handle:before { - background-image: url(../../../misc/icons/5181c6/chevron-disc-down.svg); + background-image: url(../../../misc/icons/5181c6/chevron-disc-down.svgz); } .toolbar .toolbar-icon.toolbar-handle.open:before { - background-image: url(../../../misc/icons/787878/chevron-disc-up.svg); + background-image: url(../../../misc/icons/787878/chevron-disc-up.svgz); } .toolbar .menu .menu .toolbar-icon.toolbar-handle:before { - background-image: url(../../../misc/icons/5181c6/twistie-down.svg); + background-image: url(../../../misc/icons/5181c6/twistie-down.svgz); background-size: 75%; } .toolbar .menu .menu .toolbar-icon.toolbar-handle.open:before { - background-image: url(../../../misc/icons/787878/twistie-up.svg); + background-image: url(../../../misc/icons/787878/twistie-up.svgz); background-size: 75%; } .toolbar .toolbar-icon-escape-admin:before { - background-image: url(../../../misc/icons/bebebe/chevron-disc-left.svg); + background-image: url(../../../misc/icons/bebebe/chevron-disc-left.svgz); } [dir="rtl"] .toolbar .toolbar-icon-escape-admin:before { - background-image: url(../../../misc/icons/bebebe/chevron-disc-right.svg); + background-image: url(../../../misc/icons/bebebe/chevron-disc-right.svgz); } /** * Orientation toggle. @@ -278,24 +278,24 @@ * specific targeting, setting and unsetting. */ .toolbar .toolbar-toggle-orientation [value="vertical"]:before { - background-image: url(../../../misc/icons/bebebe/push-left.svg); /* LTR */ + background-image: url(../../../misc/icons/bebebe/push-left.svgz); /* LTR */ } .toolbar .toolbar-toggle-orientation [value="vertical"]:hover:before, .toolbar .toolbar-toggle-orientation [value="vertical"]:focus:before { - background-image: url(../../../misc/icons/787878/push-left.svg); /* LTR */ + background-image: url(../../../misc/icons/787878/push-left.svgz); /* LTR */ } [dir="rtl"] .toolbar .toolbar-toggle-orientation [value="vertical"]:before { - background-image: url(../../../misc/icons/bebebe/push-right.svg); + background-image: url(../../../misc/icons/bebebe/push-right.svgz); } [dir="rtl"] .toolbar .toolbar-toggle-orientation [value="vertical"]:hover:before, [dir="rtl"] .toolbar .toolbar-toggle-orientation [value="vertical"]:focus:before { - background-image: url(../../../misc/icons/787878/push-right.svg); + background-image: url(../../../misc/icons/787878/push-right.svgz); } .toolbar .toolbar-toggle-orientation [value="horizontal"]:before { - background-image: url(../../../misc/icons/bebebe/push-up.svg); + background-image: url(../../../misc/icons/bebebe/push-up.svgz); } .toolbar .toolbar-toggle-orientation [value="horizontal"]:hover:before { - background-image: url(../../../misc/icons/787878/push-up.svg); + background-image: url(../../../misc/icons/787878/push-up.svgz); } diff --git a/core/modules/user/css/user.icons.css b/core/modules/user/css/user.icons.css index 11ae839..3c8a8ce 100644 --- a/core/modules/user/css/user.icons.css +++ b/core/modules/user/css/user.icons.css @@ -7,9 +7,9 @@ * Toolbar tab icon. */ .toolbar-bar .toolbar-icon-user:before { - background-image: url(../../../misc/icons/bebebe/person.svg); + background-image: url(../../../misc/icons/bebebe/person.svgz); } .toolbar-bar .toolbar-icon-user:active:before, .toolbar-bar .toolbar-icon-user.active:before { - background-image: url(../../../misc/icons/ffffff/person.svg); + background-image: url(../../../misc/icons/ffffff/person.svgz); } diff --git a/core/themes/seven/style.css b/core/themes/seven/style.css new file mode 100644 index 0000000..3360a53 --- /dev/null +++ b/core/themes/seven/style.css @@ -0,0 +1,1927 @@ +/** + * Generic elements. + */ +body { + color: #000; + background: #fff; + font: normal 81.3%/1.538em "Lucida Grande", "Lucida Sans Unicode", sans-serif; +} +a, +.link { + color: #0074bd; + text-decoration: none; +} +a:hover, +.link:hover { + text-decoration: underline; +} +hr { + margin: 0; + padding: 0; + border: none; + height: 1px; + background: #cccccc; +} +summary, +legend { + font-weight: bold; + text-transform: uppercase; +} +h1, +h2, +h3, +h4, +h5, +h6 { + font-weight: bold; + margin: 10px 0; +} +h1 { + font-size: 1.538em; +} +h2 { + font-size: 1.385em; +} +h3 { + font-size: 1.231em; +} +h4 { + font-size: 1.154em; +} +h5, +h6 { + font-size: 1.077em; +} +p { + margin: 1em 0; +} +dl { + margin: 0 0 20px; +} +dl dd, +dl dl { + margin-left: 20px; /* LTR */ + margin-bottom: 10px; +} +[dir="rtl"] dl dd, +[dir="rtl"] dl dl { + margin-right: 20px; +} +blockquote { + margin: 1em 40px; +} +address { + font-style: italic; +} +u, +ins { + text-decoration: underline; +} +s, +strike, +del { + text-decoration: line-through; +} +big { + font-size: larger; +} +small { + font-size: smaller; +} +sub { + vertical-align: sub; + font-size: smaller; + line-height: normal; +} +sup { + vertical-align: super; + font-size: smaller; + line-height: normal; +} +nobr { + white-space: nowrap; +} +abbr, +acronym { + border-bottom: dotted 1px; +} +ul, +.item-list ul { + list-style-type: disc; + list-style-image: none; + margin: 0.25em 0 0.25em 1.5em; /* LTR */ +} +[dir="rtl"] ul, +[dir="rtl"] .item-list ul { + margin: 0.25em 1.5em 0.25em 0; +} +.item-list ul li, +li.leaf, +ul.menu li { + list-style-type: disc; + list-style-image: none; +} +ul.menu li { + margin: 0; +} +ol { + list-style-type: decimal; + margin: 0.25em 0 0.25em 2em; /* LTR */ +} +[dir="rtl"] ol { + margin: 0.25em 2em 0.25em 0; +} +.item-list ul li.collapsed, +ul.menu li.collapsed { + list-style-image:url(../../misc/menu-collapsed.png); + list-style-type:disc; +} +.item-list ul li.expanded, +ul.menu li.expanded { + list-style-image:url(../../misc/menu-expanded.png); + list-style-type:circle; +} +quote, +code { + margin: .5em 0; +} +code, +pre, +kbd { + font-size: 1.231em; +} +pre { + margin: 0.5em 0; + white-space: pre-wrap; +} + +/** + * Skip link. + */ +#skip-link { + margin-top: 0; + position: absolute; + left: 50%; /* LTR */ + margin-left: -5.25em; /* LTR */ + width: auto; + z-index: 50; +} +[dir="rtl"] #skip-link { + right: 50%; + margin-right: -5.25em; +} +#skip-link a, +#skip-link a:link, +#skip-link a:visited { + display: inline-block; + background: #444; + color: #fff; + font-size: 0.94em; + padding: 1px 10px 2px 10px; /* LTR */ + text-decoration: none; + border-radius: 0 0 10px 10px; +} +[dir="rtl"] #skip-link a, +[dir="rtl"] #skip-link a:link, +[dir="rtl"] #skip-link a:visited { + padding: 1px 10px 2px 10px; +} +#skip-link a:hover, +#skip-link a:focus, +#skip-link a:active { + outline: 0; +} + +/** + * Branding. + */ +#branding { + overflow: hidden; + padding: 20px 20px 0 20px; /* LTR */ + position: relative; + background-color: #e0e0d8; +} +[dir="rtl"] #branding { + padding: 20px 20px 0 20px; +} +.breadcrumb { + font-size: 0.846em; + line-height: 1em; + padding: 0 0 10px 0; +} + +/** + * Help. + */ +#help { + font-size: 0.923em; +} +#help p { + margin: 0 0 10px; +} +#help div.more-help-link { + text-align: right; /* LTR */ +} +[dir="rtl"] #help div.more-help-link { + text-align: left; +} + +/** + * Page title. + */ +#page-title { + background: #333; + padding-top: 20px; +} +#branding h1.page-title { + color: #000; + margin: 0; + padding-bottom: 10px; + font-size: 1.385em; + font-weight: normal; + float: left; /* LTR */ +} +[dir="rtl"] #branding h1.page-title { + float: right; +} + +/** + * Console. + */ +#console { + margin: 9px 0 10px; +} + +/** + * Tabs. + */ +ul.primary { + float: right; /* LTR */ + border-bottom: none; + text-transform: uppercase; + font-size: 0.923em; + margin: 0; + padding-top: 0; +} +[dir="rtl"] ul.primary { + float: left; +} +ul.primary li { + float: left; /* LTR */ + list-style: none; + height: 2.60em; + margin: 0 2px; +} +[dir="rtl"] ul.primary li { + float: right; +} +ul.primary li a:link, +ul.primary li a.active, +ul.primary li a:active, +ul.primary li a:visited, +ul.primary li a:hover, +ul.primary li.active a { + display: block; + float: left; /* LTR */ + padding: 0.615em 18px; + background-color: #a6a7a2; + color: #000; + font-weight: bold; + border-width: 1px 1px 0 1px; + border-style: solid; + border-color: #a6a7a2; + border-radius: 8px 8px 0 0; +} +[dir="rtl"] ul.primary li a:link, +[dir="rtl"] ul.primary li a.active, +[dir="rtl"] ul.primary li a:active, +[dir="rtl"] ul.primary li a:visited, +[dir="rtl"] ul.primary li a:hover, +[dir="rtl"] ul.primary li.active a { + float: right; +} +ul.primary li.active a, +ul.primary li.active a.active, +ul.primary li.active a:active, +ul.primary li.active a:visited { + background-color: #fff; + border-color: #c9cac4; +} +ul.primary li a:hover { + color: #fff; +} +ul.primary li.active a:hover { + color: #000; +} +.tabs-secondary { + clear: both; +} +ul.secondary { + float: right; /* LTR */ + font-size: 0.923em; + padding: 0 3px 5px; + line-height: 1.385em; + overflow: hidden; + background-color: #fff; +} +[dir="rtl"] ul.secondary { + float: left; +} +ul.secondary li { + margin: 0 5px; + float: none; /* LTR */ +} +[dir="rtl"] ul.secondary li { + float: none; +} +ul.secondary li a { + background-color: #ddd; + color: #000; + display: inline-block; +} +ul.secondary li a, +ul.secondary li a:hover, +ul.secondary li.active a, +ul.secondary li.active a.active { + padding: 2px 10px; + border-radius: 7px; +} +ul.secondary li a:hover, +ul.secondary li.active a, +ul.secondary li.active a.active { + color: #fff; + background: #666; +} +#content { + clear: left; +} +@media screen and (max-width:56.538em) { /* 735px */ + .touch #branding { + padding-right: 0; + position: relative; + } + .touch ul.primary { + clear: both; + float: none; + margin-bottom: -3px; + overflow-x: scroll; + -webkit-overflow-scrolling: touch; + white-space: nowrap; + padding-right: 40px; + } + .touch #branding:after { + background-image: -moz-linear-gradient(360deg, rgba(224, 224, 216, 0), #E0E0D8 80%); + background-image: -o-linear-gradient(360deg, rgba(224, 224, 216, 0), #E0E0D8 80%); + background-image: -webkit-linear-gradient(360deg, rgba(224, 224, 216, 0), #E0E0D8 80%); + background-image: linear-gradient(360deg, rgba(224, 224, 216, 0), #E0E0D8 80%); + content: ' '; + display: block; + float: right; + height: 40px; + width: 80px; + position: relative; + right: 0; + top: -40px; + margin-bottom: -40px; + } + .touch ul.primary li { + float: none; + white-space: nowrap; + } + .touch ul.primary li a:link, + .touch ul.primary li a.active, + .touch ul.primary li a:active, + .touch ul.primary li a:visited, + .touch ul.primary li a:hover, + .touch ul.primary li.active a { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + text-align: center; + width: 100%; + } +} + +/** + * Page layout. + */ +#page { + background: #fff; + color: #333; + margin-left: 0.8125em; + margin-right: 0.8125em; + padding: 20px 0 40px 0; + position: relative; +} +@media screen and (min-width:28.125em) { /* 450px */ + #page { + margin-left: 1.25em; + margin-right: 1.25em; + } +} +@media screen and (min-width:45em) { /* 720px */ + #page { + margin-left: 2.5em; + margin-right: 2.5em; + } +} +ul.links li, +ul.inline li { + padding-right: 1em; /* LTR */ +} +[dir="rtl"] ul.links li, +[dir="rtl"] ul.inline li { + padding-left: 1em; +} +ul.inline li { + display: inline; +} +ul.admin-list { + margin: 0; + padding: 0; +} +.admin-list li { + position: relative; + border-top: 1px solid #bfbfbf; + margin: 0; + list-style-type: none; + list-style-image: none; + padding: 0; +} +.admin-list.compact li { + border: none; +} +.admin-list li a { + background: url(../../misc/icons/bebebe/chevron-disc-right.svgz) no-repeat 1px 16px; /* LTR */ + display: block; + 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.svgz) 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; +} +.admin-list li a:hover, +.admin-list li a:focus, +.admin-list li a:active { + text-decoration: none; +} +.admin-list li a .label { + font-size: 1.0769em; +} +.admin-list li a:hover .label, +.admin-list li a:focus .label, +.admin-list li a:active .label { + text-decoration: underline; +} +div.submitted { + color: #898989; +} + +/** + * Pagination. + * The item-list CSS uses quite strong selectors, we have to match them here to + * override. + */ +.item-list .pager li { + display: inline-block; + color: #8c8c8c; + font-size: 1.08em; + padding: 0 0.6em; + margin: 0; +} +.item-list .pager a, +.item-list .pager .pager-current { + border-bottom: 2px solid transparent; + line-height: 1.55em; + padding: 0 5px; + text-decoration: none; + -webkit-transition: border-bottom-color 0.2s; + -moz-transition: border-bottom-color 0.2s; + transition: border-bottom-color 0.2s; + font-weight: 600; + -webkit-font-smoothing: antialiased; +} +.item-list .pager a { + padding-bottom: 3px; +} +.item-list .pager .pager-current { + border-bottom-width: 3px; + border-bottom-color: #2a678c; + color: #2a678c; + margin: 0 5px; + font-weight: 700; +} +.item-list .pager a:focus, +.item-list .pager a:hover { + border-bottom-color: #3395d2; + color: #3395d2; +} +.item-list .pager-next a, +.item-list .pager-last a, +.item-list .pager-first a, +.item-list .pager-previous a { + border-bottom-width: 0; + color: #2a678c; + font-weight: 600; +} + +/** + * Tables. + */ +table { + width: 100%; + margin: 0 0 10px; + font-size: 0.923em; +} +caption { + text-align: left; /* LTR */ +} +[dir="rtl"] caption { + text-align: right; +} +th { + padding: 10px 12px; + background: #f5f5f2; + border: solid #bfbfba; + border-width: 1px 0; + color: #333; + text-align: left; /* LTR */ + text-transform: uppercase; +} +[dir="rtl"] th { + text-align: right; +} +tr { + border-bottom: 1px solid #e6e4df; + padding: 0.1em 0.6em; +} +thead > tr { + border-bottom: 1px solid #000; +} +tbody tr:hover { + background: #f7fcff; +} +td, +th { + vertical-align: middle; +} +td { + padding: 10px 12px; + text-align: left; /* LTR */ +} +[dir="rtl"] td { + text-align: right; +} +th > a { + position: relative; + display: block; + color: #0074bd; + text-decoration: none; +} + +/* 1. Must match negative bottom padding of the parent */ +th > a:after { + content: ''; + display: block; + position: absolute; + top: 0; + bottom: -10px; /* 1. */ + left: 0; + right: 0; + border-bottom: 2px solid transparent; + transition: all 0.1s; +} +th.active > a { + color: #004875; +} +th.active img { + position: absolute; + right: 0; /* LTR */ + top: 50%; +} +[dir="rtl"] th.active img { + right: auto; + left: 0; +} +th.active > a:after { + border-bottom-color: #004875; +} +th > a:focus, +th > a:hover, +th.active > a:focus, +th.active > a:hover { + color: #008ee6; + text-decoration: none; +} +th > a:focus:after, +th > a:hover:after, +th.active > a:focus:after, +th.active > a:hover:after { + border-bottom-color: #008ee6; +} +td .item-list ul { + margin: 0; +} +td.active { + background: none; +} + +/* Force browsers to calculate the width of a 'select all' TH element. */ +th.select-all { + width: 1px; +} + +/** + * Status report table. + */ +table.system-status-report tr { + border-top: 1px solid #ccc; + border-left: 1px solid #bebfb9; + border-right: 1px solid #bebfb9; + border-bottom: inherit; +} +table.system-status-report tr:first-child { + border-top: 1px solid #bebfb9; +} +table.system-status-report tr:last-child { + border-bottom: 1px solid #bebfb9; +} + +table.system-status-report tr.ok { + color: #255b1e; + background-color: #e5ffe2; +} +table.system-status-report tr.warning { + color: #840; + background-color: #fffce5; +} +table.system-status-report tr.error { + color: #8c2e0b; + background-color: #fef5f1; +} + +/** + * Responsive tables. + */ +@media screen and (max-width: 37.5em) { /* 600px */ + th.priority-low, + td.priority-low, + th.priority-medium, + td.priority-medium { + display: none; + } +} +@media screen and (max-width: 60em) { /* 920px */ + th.priority-low, + td.priority-low { + display: none; + } +} + +/** + * Collapsible details. + */ +details { + line-height: 1.295em; +} +details summary { + padding-top: 0.5em; + padding-bottom: 0.5em; +} + +/** + * Form elements. + */ +form { + margin: 0; + padding: 0; +} +fieldset { + margin: 1em 0; +} +.form-item { + margin: 1em 0; +} +.form-type-checkbox { + padding: 0; +} +label { + display: block; + margin: 0; + padding: 0; + font-weight: bold; +} +.form-item label.option { + font-size: 0.923em; + text-transform: none; +} +.form-item label.option input { + vertical-align: middle; +} +.form-disabled input.form-autocomplete, +.form-disabled input.form-text, +.form-disabled input.form-tel, +.form-disabled input.form-email, +.form-disabled input.form-url, +.form-disabled input.form-search, +.form-disabled input.form-number, +.form-disabled input.form-color, +.form-disabled input.form-file, +.form-disabled textarea.form-textarea, +.form-disabled select.form-select { + background-color: #eee; + color: #777; +} + +/* Filter */ +.filter-wrapper { + font-size: 0.923em; +} +ul.tips, +div.description, +.form-item div.description { + margin: 5px 0; + line-height: 1.231em; + font-size: 0.923em; + color: #555; +} +ul.tips li { + margin: 0.25em 0 0.25em 1.5em; /* LTR */ +} +[dir="rtl"] ul.tips li { + margin: 0.25em 1.5em 0.25em 0; +} +body div.form-type-radio div.description, +body div.form-type-checkbox div.description { + margin-left: 1.5em; /* LTR */ +} +[dir="rtl"] body div.form-type-radio div.description, +[dir="rtl"] body div.form-type-checkbox div.description { + margin-left: 0; + margin-right: 1.5em; +} +.button { + cursor: pointer; + padding: 4px 17px; + color: #5a5a5a; + text-align: center; + font-weight: normal; + font-size: 1.077em; + font-family: "Lucida Grande", Verdana, sans-serif; + border: 1px solid #e4e4e4; + border-bottom: 1px solid #b4b4b4; + border-left-color: #d2d2d2; + border-right-color: #d2d2d2; + background-color: #e4e4e4; + border-radius: 20px; + text-decoration: none; +} +.button:focus, +.button:hover { + background-color: #c0c0c0; + border: 1px solid #bebebe; + border-left-color: #afafaf; + border-right-color: #afafaf; + border-bottom-color: #9b9b9b; + color: #2e2e2e; + text-decoration: none; +} +.button:active { + background-color: #565656; + border: 1px solid #333; + border-left-color: #222; + border-right-color: #222; + border-bottom-color: #111; + color: #fff; + text-decoration: none; + text-shadow: #222 0 -1px 0; +} +.button-primary { + background-color: #9dcae7; + border: 1px solid #8eB7cd; + border-bottom-color: #7691a2; + color: #133B54; +} +.button-primary:focus, +.button-primary:hover { + background-color: #73b3dd; + border: 1px solid #6ea3bf; + border-bottom-color: #4680a0; +} +.button-primary:active { + background-color: #3981b1; + border: 1px solid #36647c; + border-bottom-color: #284657; +} +.button-disabled, +.button-disabled:active, +.button[disabled], +.button[disabled]:active { + background-color: #eee; + border-color: #eee; + text-shadow: none; + color: #999; +} +input.form-autocomplete, +input.form-text, +input.form-tel, +input.form-email, +input.form-url, +input.form-search, +input.form-number, +input.form-color, +input.form-file, +textarea.form-textarea, +select.form-select { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 2px; + border: 1px solid #ccc; + border-top-color: #999; + background: #fff; + color: #333; + -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; + -moz-transition: border linear 0.2s, box-shadow linear 0.2s; + transition: border linear 0.2s, box-shadow linear 0.2s; + max-width: 100%; +} +input.form-text:focus, +input.form-tel:focus, +input.form-email:focus, +input.form-url:focus, +input.form-search:focus, +input.form-number:focus, +input.form-color:focus, +input.form-file:focus, +textarea.form-textarea:focus, +select.form-select:focus { + color: #000; + border-color: rgba(0, 116, 189, 0.8); + box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(220, 220, 220, 0.4); + outline-color: rgba(0, 116, 189, 0.5); +} +.js input.form-autocomplete { + background-position: 100% 4px; +} +.js input.throbbing { + background-position: 100% -16px; +} +.button-action { + background: #1078d4; + background-image: -webkit-linear-gradient(top, #419ff1, #1076d5); + background-image: -moz-linear-gradient(top, #419ff1, #1076d5); + background-image: -o-linear-gradient(top, #419ff1, #1076d5); + background-image: linear-gradient(to bottom, #419ff1, #1076d5); + border: 1px solid #0048c8; + border-radius: .4em; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4); + color: #fff; + font-size: 1em; + line-height: normal; + margin: 0; + padding: 4px 1em; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); +} +.button-action:focus, +.button-action:hover { + background-color: #419cf1; + background-image: -webkit-linear-gradient(top, #59abf3, #2a90ef); + background-image: -moz-linear-gradient(top, #59abf3, #2a90ef); + background-image: -o-linear-gradient(top, #59abf3, #2a90ef); + background-image: linear-gradient(to bottom, #59abf3, #2a90ef); + border: 1px solid #0048c8; + color: #fff; +} +.button-action:active { + background-color: #0e69be; + background-image: -webkit-linear-gradient(top, #0e69be, #2a93ef); + background-image: -moz-linear-gradient(top, #0e69be, #2a93ef); + background-image: -o-linear-gradient(top, #0e69be, #2a93ef); + background-image: -ms-linear-gradient(top, #0e69be, #2a93ef); + background-image: linear-gradient(to bottom, #0e69be, #2a93ef); + border: 1px solid #0048c8; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, .25); +} + +/** + * Improve spacing of cancel link. + */ +#edit-cancel { + margin-left: 10px; /* LTR */ +} +[dir="rtl"] #edit-cancel { + margin-left: 0; + margin-right: 10px; +} + +/** + * Improve form element usability on narrow devices. + */ +@media screen and (max-width: 600px) { + #page { + margin: 0 10px; + } + input.form-autocomplete, + input.form-text, + input.form-tel, + input.form-email, + input.form-url, + input.form-search, + input.form-number, + input.form-color, + input.form-file, + textarea.form-textarea, + .form-select { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + } + input.form-number { + width: auto; + } + input.form-autocomplete, + input.form-text, + input.form-tel, + input.form-email, + input.form-url, + input.form-search, + input.form-number, + input.form-color, + input.form-file, + textarea.form-textarea { + font-size: 1.2em; + line-height: 1.2em; + } + .form-actions input, + .form-wrapper input[type="submit"] { + float: none; + margin-left: 0; + margin-right: 0; + margin-top: 10px; + padding-bottom: 6px; + width: 100%; + } + .form-actions input:first-child, + .form-wrapper input[type="submit"]:first-child { + margin-top: 0; + } + .exposed-filters .filters, + .exposed-filters .form-item label, + .exposed-filters .form-select { + float: none; + margin-bottom: 2px; + width: 100%; + } + details summary { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + #dblog-filter-form .form-actions { + float: none; + padding: 0; + } + #edit-cancel { + display: block; + margin: 10px 0 0 0; + } +} + +/* Exceptions */ +#diff-inline-form select, +div.filter-options select { + padding: 0; +} + +/** + * System. + */ +@media screen and (min-width: 40em) { + div.admin .right, + div.admin .left { + width: 49%; + margin: 0; + } +} +div.admin-panel, +div.admin-panel .body { + padding: 0; + clear: left; +} +div.admin-panel { + margin: 0 0 20px; + padding: 9px; + background: #f8f8f8; + border: 1px solid #ccc; +} +div.admin-panel h3 { + font-size: 0.923em; + text-transform: uppercase; + margin: 0; + padding-bottom: 9px; +} + +/* admin/appearance */ +#system-themes-page h2 { + font-weight: normal; + text-transform: uppercase; +} +.theme-selector h3 { + font-weight: normal; +} +.theme-default h3 { + font-weight: bold; +} + +/* Update options. */ +div.admin-options { + background: #f8f8f8; + line-height: 30px; + height: 30px; + padding: 9px; + border: 1px solid #ccc; + margin: 0 0 10px; +} +div.admin-options label { + text-transform: uppercase; + font: 0.846em/1.875em Lucida Grande, Lucida Sans Unicode, sans-serif; +} +div.admin-options label, +div.admin-options div.form-item { + margin-right: 10px; /* LTR */ + float: left; /* LTR */ +} +[dir="rtl"] div.admin-options label, +[dir="rtl"] div.admin-options div.form-item { + margin-left: 10px; + margin-right: 0; + float: right; +} +div.admin-options div.form-item { + padding: 0; + border: 0; +} + +/* Update status */ +.versions table.version { + border: none; +} + +/* Maintenance theming */ +body.in-maintenance #sidebar-first { + float: left; /* LTR */ + max-width: 200px; + width: 25%; +} +[dir="rtl"] body.in-maintenance #sidebar-first { + float: right; +} +body.in-maintenance #content { + float: right; /* LTR */ + clear: none; + width: 72%; +} +[dir="rtl"] body.in-maintenance #content { + float: left; +} +body.in-maintenance #page { + max-width: 770px; + margin: 0 auto; + padding-top: 2em; + width: 90%; +} +body.in-maintenance #branding h1 { + max-width: 770px; + margin: 0 auto; + float: none; + width: 90%; +} +body.in-maintenance .form-radios .form-type-radio { + padding: 2px 0; +} +body.in-maintenance div.form-item:after { + content: ""; + display: none; + clear: none; +} +body.in-maintenance .form-submit { + display: block; +} +body.in-maintenance #logo { + margin-bottom: 1.5em; + max-width: 180px; +} +@media all and (max-width: 768px) { + body.in-maintenance #sidebar-first, + body.in-maintenance #content { + float: none; + max-width: none; + width: auto; + } +} +.task-list { + margin-left: 0; /* LTR */ + list-style-type: none; + list-style-image: none; +} +[dir="rtl"] .task-list { + margin-right: 0; +} +.task-list li { + padding: 0.5em 1em 0.5em 20px; /* LTR */ + color: #adadad; +} +[dir="rtl"] .task-list li { + padding: 0.5em 20px 0.5em 1em; +} +.task-list li.active { + background: transparent url(images/task-item.png) no-repeat 3px 50%; /* LTR */ + padding: 0.5em 1em 0.5em 20px; /* LTR */ + color: #000; +} +[dir="rtl"] .task-list li.active { + background: transparent url(images/task-item-rtl.png) no-repeat right 50%; + padding: 0.5em 20px 0.5em 1em; +} +.task-list li.done { + background: transparent url(images/task-check.png) no-repeat 0 50%; + color: green; +} + +/* Overlay theming */ +.overlay #branding { + background-color: #fff; + padding-top: 15px; + padding-bottom: 15px; +} +.overlay #branding h1.page-title, +.overlay #left, +.overlay #footer { + display: none; +} +.overlay #page { + margin: 0; + padding: 0 20px; +} +.overlay #branding .breadcrumb { + float: left; /* LTR */ + position: relative; + z-index: 10; +} +[dir="rtl"] .overlay #branding .breadcrumb { + float: right; +} +#overlay-tabs { + bottom: -1px; + font-size: 1.54em; + line-height: 1.54em; + margin: 0; +} +.overlay ul.secondary { + background: transparent none; + margin: -1.4em 0 0.3em 0; /* LTR */ + overflow: visible; +} +[dir="rtl"] .overlay ul.secondary { + margin: -1.4em 0 0.3em 0; +} +.overlay #content { + padding: 0; +} +h1#overlay-title { + font-weight: normal; +} + +/* Shortcut theming */ +.add-or-remove-shortcuts a:focus span.text, +.add-or-remove-shortcuts a:hover span.text { + color: #fff; + background-color: #5f605b; + padding: 0 6px; + border-radius: 5px; +} + +/* Field UI */ + +#field-display-overview input.field-plugin-settings-edit { + margin: 0; + padding: 1px 8px; +} +#field-display-overview tr.field-plugin-settings-changed { + background: #ffffbb; +} +#field-display-overview tr.drag { + background: #ffee77; +} +#field-display-overview tr.field-plugin-settings-editing { + background: #d5e9f2; +} +#field-display-overview .field-plugin-settings-edit-form .form-item { + margin: 10px 0; +} +#field-display-overview .field-plugin-settings-edit-form .form-submit { + margin-bottom: 0; +} + +/* Modules page */ +#system-modules fieldset { + border: 0; + border-top: 1px solid #ccc; +} +#system-modules .fieldset-wrapper { + padding: 0; +} +#system-modules table, +#locale-translation-status-form table { + border: 0; +} +#system-modules tr.even, +#system-modules tr.odd, +#locale-translation-status-form tr.even, +#locale-translation-status-form tr.odd { + background: #f3f4ee; + border: 0; + border-bottom: 10px solid #fff; +} +#system-modules tr td:last-child, +#locale-translation-status-form tr td:last-child { + border: 0; +} +#system-modules table th, +#locale-translation-status-form table th { + border: 0; + border-bottom: 10px solid #fff; +} +#system-modules .sticky-header th, +#locale-translation-status-form .sticky-header th { + border: 0; +} +/* Recent content block */ +#block-node-recent table, +#block-node-recent tr { + border: none; +} +#block-node-recent .more-link { + padding: 0 5px 5px 0; /* LTR */ +} +[dir="rtl"] #block-node-recent .more-link { + padding: 0 0 5px 5px; +} + +/* Dropbutton */ +.js .dropbutton-widget { + background-color: #fff; + background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0), #e7e7e7); + background-image: -o-linear-gradient(-90deg, rgba(255, 255, 255, 0), #e7e7e7); + background-image: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 0), #e7e7e7); + background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), #e7e7e7); + border-radius: 5px; +} +.js .dropbutton-widget:hover { + background-color: #f0f0f0; + border-color: #b8b8b8; +} +.js .dropbutton-multiple.open .dropbutton-widget:hover { + background-color: #fff; +} +.dropbutton-content li:first-child > * { + text-overflow: ellipsis; +} +.dropbutton-multiple.open .dropbutton-content li:first-child > * { + text-overflow: clip; +} + +.js .form-actions .dropbutton-widget:focus, +.js .form-actions .dropbutton-widget:hover { + background-color: #73b3dd; + border: 1px solid #6ea3bf; + border-bottom-color: #4680a0; +} +.js .form-actions .dropbutton-widget:active { + background-color: #3981b1; + border: 1px solid #36647c; + border-bottom-color: #284657; +} +.js .form-actions .dropbutton-multiple.open .dropbutton-widget:hover { + background-color: #9dcae7; +} +.js .form-actions .dropbutton-multiple.open .dropbutton-action:hover { + background-color: #73b3dd; +} + +/* Disable overlay message */ +#overlay-disable-message { + background-color: #addafc; +} +#overlay-disable-message a, +#overlay-disable-message a:visited { + color: #000; +} +#overlay-disable-message a:focus, +#overlay-disable-message a:active { + outline: none; + text-decoration: underline; +} +.overlay-disable-message-focused a { + padding: 0.4em 0.6em; +} +.overlay-disable-message-focused #overlay-dismiss-message { + background-color: #59a0d8; + color: #fff; + border-radius: 8px; +} + +/** + * Views styling + */ + +/* @group Forms */ + +/** + * Seven positions the summary absolutely, but does not have a way to ignore + * details without a summary so we make one up. + * + * @todo Neither a fieldset without legend nor a details without summary is + * valid HTML markup in any way. Refactor Views UI to not produce such invalid + * markup. + */ +details.fieldset-no-legend { + padding-top: 0; +} + +/** + * Being extra safe here and scoping this to the add view wizard form (where + * a layout problem occurs for the Display format details if we don't fix its + * padding), but it's probably safe to just let it apply everywhere. + */ +#views-ui-add-form details details .details-wrapper { + padding-left: 0; + padding-right: 0; +} + +.views-display-tab details.box-padding .details-wrapper { + padding: 0; +} + +.views-admin .form-item label.option, +#views-ui-preview-form .form-item label.option { + font-size: 1em; +} + +.views-admin input.form-submit, +.views-ui-dialog input.form-submit, +.views-admin a.button, +.views-ui-dialog a.button { + margin-bottom: 0; + margin-right: 0; /* LTR */ + margin-top: 0; +} +[dir="rtl"] .views-admin input.form-submit, +[dir="rtl"] .views-ui-dialog input.form-submit, +[dir="rtl"] .views-admin a.button, +[dir="rtl"] .views-ui-dialog a.button { + margin-left: 0; +} + +/* Override for a button on the edit display screen */ +#edit-displays-preview-controls .form-submit { + display: inline-block; + margin-right: 1em; +} + +.form-radios > .form-item { + margin-top: 3px; +} + +/* @group Dependent options + */ + +/* This is necessary to supercede the Seven .form-item + * reset declaration that sets the margin to zero. + */ +.form-item-options-expose-required, +.form-item-options-expose-label, +.form-item-options-expose-description { + margin-left: 1.5em; +} + +.views-admin-dependent .form-item .form-item, +.views-admin-dependent .form-type-checkboxes, +.views-admin-dependent .form-type-radios, +.views-admin-dependent .form-item .form-item, +.form-item-options-expose-required, +.form-item-options-expose-label, +.form-item-options-expose-description { + margin-bottom: 6px; + margin-top: 6px; +} + +.views-admin-dependent .form-type-radio, +.views-admin-dependent .form-radios .form-item { + margin-bottom: 2px; + margin-top: 2px; +} + +/* @end */ + +/* @group Lists */ + +.views-admin ul.secondary, +.views-admin .item-list ul { + margin: 0; + padding: 0; +} + +.views-displays ul.secondary li a, +.views-displays ul.secondary li.active a, +.views-displays ul.secondary li.active a.active { + padding: 2px 7px 3px; +} + +.views-displays ul.secondary li a { + color: #0074bd; +} + +.views-displays ul.secondary li.active a, +.views-displays ul.secondary li.active a.active { + border: 1px solid transparent; +} + +.views-admin .links li { + padding-right: 0; /* LTR */ +} +[dir="rtl"] .views-admin .links li { + padding-left: 0; +} + +.views-admin .button .links li { + padding-right: 12px; /* LTR */ +} +[dir="rtl"] .views-admin .button .links li { + padding-left: 12px; +} + +.views-display-top ul.secondary { + background-color: transparent; + float: left +} + +.views-display-top .secondary .action-list li { + float: none; + margin: 0; +} + +/* @end */ + +/* @group Tables */ + +.views-ui-rearrange-filter-form table td, +.views-ui-rearrange-filter-form table th { + vertical-align: top; +} + +/* @end */ + +/* @group Attachment details */ + +#edit-display-settings-title { + color: #008BCB; +} + +/* @end */ + +/* @group Attachment details tabs + * + * The tabs that switch between sections + */ + +.views-displays .secondary { + text-align: left; /* LTR */ +} +[dir="rtl"] .views-displays .secondary { + text-align: right; +} + +.views-admin .icon.add { + background-position: center 3px; +} + +.views-displays .secondary a:hover > .icon.add { + background-position: center -25px; +} + +.views-displays .secondary .open > a { + border-radius: 7px 7px 0 0; +} + +.views-displays .secondary .open > a:hover { + background-color: #f1f1f1; + color: #008BCB; +} + +.views-displays .secondary .action-list li:first-child { + border-radius: 0 7px 0 0; +} + +.views-displays .secondary .action-list li:last-child { + border-radius: 0 0 7px 7px; +} + +.views-displays .secondary .action-list input.form-submit { + color: #008bcb; +} + +/* @end */ + +/* @group Attachment buckets + * + * These are the individual "buckets," or boxes, inside the display settings area + */ + +.views-ui-display-tab-bucket h3 { + font-size: 12px; + text-transform: uppercase; +} + +.views-ui-display-tab-bucket .links { + padding: 2px 6px 4px; +} + +.views-ui-display-tab-bucket .links li + li { + margin-left: 3px; +} + +/* @end */ + +/* @group Rearrange filter criteria */ + +#views-ui-rearrange-filter-form .action-links { + margin: 0; + padding: 0; +} + +#views-ui-rearrange-filter-form table { + border: medium none; +} + +#views-ui-rearrange-filter-form [id^="views-row"] { + border: medium none; +} + +#views-ui-rearrange-filter-form tr td:last-child { + border-right: medium none; +} + +#views-ui-rearrange-filter-form .filter-group-operator-row { + border-left: 1px solid transparent !important; + border-right: 1px solid transparent !important; +} + +#views-ui-rearrange-filter-form tr.drag td { + background-color: #FFEE77 !important; +} + +#views-ui-rearrange-filter-form tr.drag-previous td { + background-color: #FFFFBB !important; +} + +/* @end */ + +/* @group Live preview elements */ + +.views-query-info pre { + margin-bottom: 0; + margin-top: 0; +} + +/* @group Query info table */ + +.views-query-info table { + border-radius: 7px; + -webkit-border-horizontal-spacing: 1px; + -webkit-border-vertical-spacing: 1px; +} + +.views-query-info table tr td:last-child { + /* Fixes a Seven style that bleeds down into this table unnecessarily */ + border-right: 0 none; +} + +/* @end */ + +/* @end */ + +/* @group Add view */ + +.form-item-page-create, +.form-item-block-create { + margin-top: 13px; +} + +/* @end */ + +/* @group Modal dialog box + * + * The contents of the popup dialog on the views edit form. + */ + +.views-ui-dialog .ui-dialog-titlebar-close { + box-shadow: none; + border-color: #cccccc; + right: -27px; + top: -1px; +} + +.filterable-option .form-item.form-type-checkbox { + /* This selector is aggressive because Seven's reset for .form-items is aggressive. */ + padding-bottom: 4px; + padding-left: 4px; + padding-top: 4px; +} + +/* @end */ + +/** + * Entity meta settings. + */ +.entity-meta { + background-color: #ececec; + border-bottom: 0; + border-left: 1px solid #bfbfbf; + border-right: 1px solid #bfbfbf; + border-top: 0; + box-shadow: inset 0 0 5px rgba(0, 0, 0, .15); + margin-top: 0; + padding-top: 0; +} +.entity-meta-header, +.entity-meta details { + background-color: #f7f7f7; + border-top: 1px solid #bfbfbf; + border-bottom: 1px solid #bfbfbf; +} +.entity-meta-header { + padding: 1em 1.5em; +} +.entity-meta-header .form-item { + margin: .25em 0; +} +.entity-meta-header .published { + font-size: 1.231em; + font-weight: bold; + text-shadow: 0 1px 0 #fff; +} +.entity-meta-header .changed { + font-style: italic; /* As-designed, but really: why is this italic? */ +} +.entity-meta details { + border-left: 0; + border-right: 0; + border-top: 1px solid #ffffff; + margin: 0; +} +.entity-meta details[open] { + background-color: transparent; + background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .125), transparent 4px); + background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .125), transparent 4px); + background-image: -o-linear-gradient(top, rgba(0, 0, 0, .125), transparent 4px); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, .125), transparent 4px); + border-top-width: 0; + padding-top: 1px; +} +.entity-meta details[open] + [open] { + background-image: none; + border-top-width: 1px; + padding-top: 0; +} +.entity-meta details > .details-wrapper { + padding-top: 0; +} +.entity-meta details > summary { + padding: 0.85em 1.25em; + text-shadow: 0 1px 0 white; +} +.entity-meta details .summary { + display: none; /* Hide JS summaries. @todo Rethink summaries. */ +} +.overlay .layout-region-node-footer { + padding-bottom: .5em; +} + +/** + * Widescreen + * + * Both of the following media queries must *exactly* match what is in + * node.module.css. This is rather crazy. + * + * @todo Figure out how to reduce media query duplication across files + * and modules. Layout styles only allowed in themes? + */ +@media + screen and (min-width: 780px), + (orientation: landscape) and (min-device-height: 780px) { + + [class*="page-node-add-"] #page, + .page-node-edit #page { + padding-top: 0; + margin-right: 0; + } + + [class*="page-node-add-"] #console, + .page-node-edit #console { + margin: 0 2em; + } + [class*="page-node-add-"] .messages, + .page-node-edit .messages { + margin-top: 1em; + margin-bottom: 1em; + } + + .layout-node-form { + overflow: hidden; + position: relative; + } + /** + * Draw a bottom border on the meta settings region + * @todo Better ideas welcome. + */ + .layout-node-form:before { + content: ''; + display: block; + height: 0; + width: 34.9%; + position: absolute; + bottom: 0; + right: 0; + border-top: 1px solid #bfbfbf; + } + + .layout-region-node-secondary { + /** + * 1. Applies the Position Is Everything technique for equal-height columns; + * @see http://www.positioniseverything.net/articles/onetruelayout/equalheight + * 2. When animating the height of elements within this region, prevent + * vertical jittering of elements further down in the document flow. + */ + margin-bottom: -999em; /* 1 */ + padding-bottom: 999em; /* 1 */ + display: table; /* 2 */ + + background-color: #f7f7f7; + border-left: 1px solid #bfbfbf; + } + + .entity-meta { + border-left: 0; + border-right: 0; + border-bottom: 1px solid #ffffff; + } + .entity-meta-header { + border-top: 0; + } + + /* Additional overlay theming */ + + /** + * These are terrible selectors. + * @todo Add a proper class to the overlay for this page. + */ + .overlay[class*="page-node-add-"] #overlay-content, + .overlay.page-node-edit #overlay-content { + padding: 0; + } + .overlay[class*="page-node-add-"] #page, + .overlay.page-node-edit #page { + padding: 0; + } + .overlay[class*="page-node-add-"] #branding, + .overlay.page-node-edit #branding { + padding-left: 2em; + padding-right: 2em; + } + .overlay[class*="page-node-add-"] #console, + .overlay.page-node-edit #console { + margin: 0 2em; + } + .overlay[class*="page-node-add-"] .messages, + .overlay.page-node-edit .messages { + margin-bottom: 1em; + } + .overlay .layout-node-form { + border-top: 1px solid #bfbfbf; + } + .overlay .layout-node-form:before { + display: none; + } + .overlay .layout-region-node-main, + .overlay .layout-region-node-footer { + padding-left: 2em; + } + .overlay .layout-region-node-footer { + padding-bottom: 1.5em; + } +} +@media + screen and (max-width: 1020px), + (orientation: landscape) and (max-device-height: 1020px) { + + .toolbar-vertical .block-list-secondary, + .toolbar-vertical .layout-region-node-secondary { + margin-bottom: 0; + padding-bottom: 0; + display: block; + } + .toolbar-vertical .layout-node-form:after { + display: none; + } +} + +/** + * Node form dropbuttons. + */ +.form-actions .dropbutton-wrapper li a, +.form-actions .dropbutton-wrapper input { + padding: 5px 17px 6px 17px; + margin-bottom: 0em; + border: medium; + border-radius: 0; + background: none; +} +.form-actions .dropbutton-wrapper input:hover { + background: none; + border: none; +} +/* Delete button */ +.form-actions .button-danger { + color: #c72100; + background: none; + border: none; + float: right; + margin-right: 0; + margin-left: 0; + padding-right: 0; + padding-left: 0; +} +.form-actions .button-danger:hover, +.form-actions .button-danger:focus { + color: #ff2a00; + background: none; + border: none; + text-decoration: underline; +} +.form-actions .button-danger:active { + color: #ff2a00; + background: none; + border: none; + text-decoration: underline; +} + +/** + * Form edit action theming + */ +.js .form-actions .dropbutton-widget { + background-color: #50a0e9; + background-image: -moz-linear-gradient(-90deg, #50a0e9, #4481dc); + background-image: -o-linear-gradient(-90deg, #50a0e9, #4481dc); + background-image: -webkit-linear-gradient(-90deg, #50a0e9, #4481dc); + background-image: linear-gradient(180deg, #50a0e9, #4481dc); + border-radius: 3px; + border: 1px solid #3974ae; +} +.js .form-actions .dropbutton-widget .dropbutton li { + border-top: 1px solid rgba(255, 255, 255, 0.5); + border-top-left-radius: 3px; +} +.js .form-actions .dropbutton-widget .dropbutton .dropbutton-toggle { + border-top-left-radius: 0px; + border-top-right-radius: 3px; + top: 1px; +} +.js .form-actions .dropbutton-widget .dropbutton .secondary-action { + border-top: 1px solid rgba(255, 255, 255, 0.3); + border-top-left-radius: 0px; +} +.js .form-actions .dropbutton-widget .button { + color: #ffffff; + text-shadow: 1px 1px 1px rgba(31, 83, 131, 0.8); +} +.js .form-actions .dropbutton-multiple.open .dropbutton-action:hover { + background-color: #50a0e9; +} diff --git a/web.config b/web.config index b072d9b..90ebf1b 100644 --- a/web.config +++ b/web.config @@ -72,8 +72,23 @@ + + + + + + + + + + + + + + +