From 5a023f985d56ce8e6ace972dc4e0e50b6c10f413 Mon Sep 17 00:00:00 2001 From: Naomi Guyer Date: Wed, 16 May 2012 12:18:00 +1200 Subject: [PATCH] MINOR: SCSS refactoring 1. Refactored some gridfield styles to enable reuse (created a mixin file to hold mixins that generate specific css objects/elements). 2. Made some scss comments use // so they wouldn't appear in generated css --- admin/images/btn-icon-sf90be001ed.png | Bin 19537 -> 0 bytes admin/scss/_mixins.scss | 96 +++++++------------------- css/AssetUploadField.css | 35 ++++------ css/GridField.css | 95 ++++++++++++++++--------- css/UploadField.css | 8 +-- scss/AssetUploadField.scss | 1 + scss/_elementMixins.scss | 61 ++++++++++++++++ 7 files changed, 168 insertions(+), 128 deletions(-) delete mode 100644 admin/images/btn-icon-sf90be001ed.png create mode 100644 scss/_elementMixins.scss diff --git a/admin/images/btn-icon-sf90be001ed.png b/admin/images/btn-icon-sf90be001ed.png deleted file mode 100644 index adb91f745e4a66d2b4cb1a6d0b80256a375ff6c4..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 19537 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 div { margin-bottom: 36px; } .cms .ss-gridfield[data-selectable] tr.ui-selected, .cms .ss-gridfield[data-selectable] tr.ui-selecting { background: #FFFAD6 !important; } .cms .ss-gridfield[data-selectable] td { cursor: pointer; } @@ -17,19 +32,19 @@ multiple images. */ .cms .ss-gridfield .grid-print-button { display: inline-block; } .cms .ss-gridfield .grid-csv-button { display: inline-block; } .cms table.ss-gridfield-table { display: table; box-shadow: none; padding: 0; border-collapse: separate; border-bottom: 0 none; width: 100%; } -.cms table.ss-gridfield-table thead { color: #1d2224; background: transparent; } +.cms table.ss-gridfield-table thead { color: #1e2527; background: transparent; } .cms table.ss-gridfield-table thead tr.filter-header .fieldgroup { max-width: 512px; } .cms table.ss-gridfield-table thead tr.filter-header .fieldgroup .fieldgroup-field { padding: 0; } -.cms table.ss-gridfield-table thead tr:first-child th:first-child { -moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px; -ms-border-top-left-radius: 7px; -o-border-top-left-radius: 7px; border-top-left-radius: 7px; } -.cms table.ss-gridfield-table thead tr:first-child th:last-child { -moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 7px; -ms-border-top-right-radius: 7px; -o-border-top-right-radius: 7px; border-top-right-radius: 7px; } +.cms table.ss-gridfield-table thead tr:first-child th:first-child { -moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px; -o-border-top-left-radius: 7px; -ms-border-top-left-radius: 7px; -khtml-border-top-left-radius: 7px; border-top-left-radius: 7px; } +.cms table.ss-gridfield-table thead tr:first-child th:last-child { -moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 7px; -o-border-top-right-radius: 7px; -ms-border-top-right-radius: 7px; -khtml-border-top-right-radius: 7px; border-top-right-radius: 7px; } .cms table.ss-gridfield-table tbody { background: #FFF; } .cms table.ss-gridfield-table tbody td { width: auto; white-space: nowrap; } -.cms table.ss-gridfield-table tbody td.col-buttons { width: auto; text-align: right; } +.cms table.ss-gridfield-table tbody td.col-buttons { width: 70px; padding: 0; text-align: right; } .cms table.ss-gridfield-table tbody td.col-description { width: auto; } .cms table.ss-gridfield-table tbody td.col-listChildrenLink { width: 16px; border-right: none; text-indent: -9999em; padding: 0; } .cms table.ss-gridfield-table tbody td.col-listChildrenLink .list-children-link { background: transparent url(../images/sitetree_ss_default_icons.png) no-repeat 12px -4px; display: block; } .cms table.ss-gridfield-table tbody td.col-getTreeTitle span.item { color: #1556b2; } -.cms table.ss-gridfield-table tbody td.col-getTreeTitle span.badge { clear: both; text-transform: uppercase; display: inline-block; padding: 0px 3px; font-size: 0.75em; line-height: 1em; margin-left: 10px; margin-right: 6px; margin-top: -1px; -webkit-border-radius: 2px 2px; -moz-border-radius: 2px / 2px; -ms-border-radius: 2px / 2px; -o-border-radius: 2px / 2px; border-radius: 2px / 2px; } +.cms table.ss-gridfield-table tbody td.col-getTreeTitle span.badge { clear: both; text-transform: uppercase; display: inline-block; padding: 0px 3px; font-size: 0.75em; line-height: 1em; margin-left: 10px; margin-right: 6px; margin-top: -1px; -webkit-border-radius: 2px 2px; -moz-border-radius: 2px / 2px; -o-border-radius: 2px / 2px; -ms-border-radius: 2px / 2px; -khtml-border-radius: 2px / 2px; border-radius: 2px / 2px; } .cms table.ss-gridfield-table tbody td.col-getTreeTitle span.badge.modified { color: #7E7470; border: 1px solid #C9B800; background-color: #FFF0BC; } .cms table.ss-gridfield-table tbody td.col-getTreeTitle span.badge.addedtodraft { color: #7E7470; border: 1px solid #C9B800; background-color: #FFF0BC; } .cms table.ss-gridfield-table tbody td.col-getTreeTitle span.badge.deletedonlive { color: #636363; border: 1px solid #E49393; background-color: #F2DADB; } @@ -41,50 +56,61 @@ multiple images. */ .cms table.ss-gridfield-table tbody td a.view-link, .cms table.ss-gridfield-table tbody td a.edit-link { display: inline-block; width: 16px; height: 20px; text-indent: 9999em; overflow: hidden; vertical-align: middle; } .cms table.ss-gridfield-table tbody td a.view-link { background: url(../admin/images/btn-icon/magnifier.png) no-repeat 0 1px; } .cms table.ss-gridfield-table tbody td a.edit-link { background: url(../admin/images/btn-icon/document--pencil.png) no-repeat 0 1px; } -.cms table.ss-gridfield-table tfoot { color: #1d2224; } -.cms table.ss-gridfield-table tfoot tr td { background: #95a5ab; padding: .7em; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } -.cms table.ss-gridfield-table tr.title th { position: relative; background: #7f9198; border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 5px; min-height: 40px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IxYzBjNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdmOTE5OCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b1c0c5), color-stop(100%, #7f9198)); background-image: -webkit-linear-gradient(#b1c0c5, #7f9198); background-image: -moz-linear-gradient(#b1c0c5, #7f9198); background-image: -o-linear-gradient(#b1c0c5, #7f9198); background-image: -ms-linear-gradient(#b1c0c5, #7f9198); background-image: linear-gradient(#b1c0c5, #7f9198); text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0; } +.cms table.ss-gridfield-table tfoot { color: #1e2527; } +.cms table.ss-gridfield-table tfoot tr td { background: #97a8ad; padding: .7em; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } +.cms table.ss-gridfield-table tr.title th { position: relative; background: #899ca2; border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 5px; min-height: 40px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IzYzBjNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzg5OWNhMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b3c0c4), color-stop(100%, #899ca2)); background-image: -webkit-linear-gradient(#b3c0c4, #899ca2); background-image: -moz-linear-gradient(#b3c0c4, #899ca2); background-image: -o-linear-gradient(#b3c0c4, #899ca2); background-image: -ms-linear-gradient(#b3c0c4, #899ca2); background-image: linear-gradient(#b3c0c4, #899ca2); text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0; } .cms table.ss-gridfield-table tr.title th h2 { padding: 0px; font-size: 16.8px; color: #fff; margin: 3px 8px 0; display: inline-block; } .cms table.ss-gridfield-table tr.title th .right > * { float: right; font-size: 14.4px; } .cms table.ss-gridfield-table tr.title th .left > * { float: left; font-size: 14.4px; } -.cms table.ss-gridfield-table tr.sortable-header { background: #bac8ce; } +.cms table.ss-gridfield-table tr.sortable-header { background: #bfcdd2; } .cms table.ss-gridfield-table tr.sortable-header th { padding: 0px; } .cms table.ss-gridfield-table tr:hover { background: #FFFAD6 !important; } .cms table.ss-gridfield-table tr:first-child { background: transparent; } -.cms table.ss-gridfield-table tr.ss-gridfield-even { background: #f0f4f7; } +.cms table.ss-gridfield-table tr.ss-gridfield-even { background: #f2f5f6; } .cms table.ss-gridfield-table tr.ss-gridfield-even.ss-gridfield-last { border-bottom: none; } -.cms table.ss-gridfield-table tr.even { background: #f0f4f7; } +.cms table.ss-gridfield-table tr.even { background: #f2f5f6; } .cms table.ss-gridfield-table tr th { font-weight: bold; font-size: 12px; color: #FFF; padding: 5px; border-right: 1px solid rgba(0, 0, 0, 0.1); } .cms table.ss-gridfield-table tr th div.fieldgroup, .cms table.ss-gridfield-table tr th div.fieldgroup-field { width: 100%; position: relative; } .cms table.ss-gridfield-table tr th div.fieldgroup { min-width: 200px; padding-right: 0; } -.cms table.ss-gridfield-table tr th.extra, .cms table.ss-gridfield-table tr th.action { padding: 0; cursor: default; } -.cms table.ss-gridfield-table tr th.main { white-space: nowrap; border-top: 1px solid rgba(0, 0, 0, 0.1); color: #fff; background: #9cb0b9; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } +.cms table.ss-gridfield-table tr th div.fieldgroup.filter-buttons { min-width: 0; } +.cms table.ss-gridfield-table tr th div.fieldgroup.filter-buttons div { width: auto; display: inline; } +.cms table.ss-gridfield-table tr th.main { white-space: nowrap; border-top: 1px solid rgba(0, 0, 0, 0.1); color: #fff; background: #a1b6bc; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .cms table.ss-gridfield-table tr th.main span { text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0; } .cms table.ss-gridfield-table tr th.main.col-listChildrenLink { border-right: none; } -.cms table.ss-gridfield-table tr th.extra { background: #bac8ce; padding: 5px; border-top: rgba(0, 0, 0, 0.3); } -.cms table.ss-gridfield-table tr th.extra span { width: auto; display: inline; position: static; } -.cms table.ss-gridfield-table tr th.extra span input { height: 28px; } -.cms table.ss-gridfield-table tr th.extra button.ss-ui-button { padding: .3em; line-height: 1; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; position: relative; border-bottom-width: 0; -webkit-border-radius: 2px 2px; -moz-border-radius: 2px / 2px; -ms-border-radius: 2px / 2px; -o-border-radius: 2px / 2px; border-radius: 2px / 2px; } -.cms table.ss-gridfield-table tr th.first { -moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px; -ms-border-top-left-radius: 7px; -o-border-top-left-radius: 7px; border-top-left-radius: 7px; } -.cms table.ss-gridfield-table tr th.last { -moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 7px; -ms-border-top-right-radius: 7px; -o-border-top-right-radius: 7px; border-top-right-radius: 7px; } +.cms table.ss-gridfield-table tr th.extra, .cms table.ss-gridfield-table tr th.action { padding: 0; cursor: default; } +.cms table.ss-gridfield-table tr th.extra { position: relative; background: #637276; background: rgba(0, 0, 0, 0.7); padding: 5px; border-top: rgba(0, 0, 0, 0.3); } +.cms table.ss-gridfield-table tr th.extra input { height: 28px; } +.cms table.ss-gridfield-table tr th.extra button.ss-ui-button { padding: .3em; line-height: 1; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; position: relative; border-bottom-width: 0; -webkit-border-radius: 2px 2px; -moz-border-radius: 2px / 2px; -o-border-radius: 2px / 2px; -ms-border-radius: 2px / 2px; -khtml-border-radius: 2px / 2px; border-radius: 2px / 2px; } +.cms table.ss-gridfield-table tr th.first { -moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px; -o-border-top-left-radius: 7px; -ms-border-top-left-radius: 7px; -khtml-border-top-left-radius: 7px; border-top-left-radius: 7px; } +.cms table.ss-gridfield-table tr th.last { -moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 7px; -o-border-top-right-radius: 7px; -ms-border-top-right-radius: 7px; -khtml-border-top-right-radius: 7px; border-top-right-radius: 7px; } .cms table.ss-gridfield-table tr th button#action_gridfield_relationadd:hover { color: #444 !important; /* Not sure why IE think it needs this */ } .cms table.ss-gridfield-table tr th button:hover { color: #ccc !important; /* Not sure why IE think it needs this */ } .cms table.ss-gridfield-table tr th button.ss-gridfield-sort:hover { color: #fff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } -.cms table.ss-gridfield-table tr th button.ss-gridfield-sort { background: transparent url(../images/arrows.png) no-repeat right 6px; border: none; width: 100%; text-align: left; padding: 4px 8px 4px 0; text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0; color: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } -.cms table.ss-gridfield-table tr th button.ss-gridfield-sort:hover { background-position: right -34px; } +.cms table.ss-gridfield-table tr th button.ss-gridfield-sort { background: transparent url(../images/arrows.png) no-repeat right 10px; border: none; width: 100%; text-align: left; padding: 4px 8px 4px 0; text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0; color: #fff; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; } +.cms table.ss-gridfield-table tr th button.ss-gridfield-sort:hover { background-position: right -30px; } .cms table.ss-gridfield-table tr th button.ss-gridfield-sort.ss-gridfield-sorted-desc { background-position: right -72px; } .cms table.ss-gridfield-table tr th button.ss-gridfield-sort.ss-gridfield-sorted-asc { background-position: right -116px; } -.cms table.ss-gridfield-table tr th button.ss-gridfield-button-filter.ss-ui-button { position: absolute; top: -28px; right: -1px; display: block; text-indent: -9999em; width: 30px; height: 28px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-width: 1px; border-color: #9a9a9a; background: url(../images/icons/filter-icons.png) no-repeat -40px 6px, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q5ZDlkOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: url(../images/icons/filter-icons.png) no-repeat -40px 6px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d9d9d9)); background: url(../images/icons/filter-icons.png) no-repeat -40px 6px, -webkit-linear-gradient(#ffffff, #d9d9d9); background: url(../images/icons/filter-icons.png) no-repeat -40px 6px, -moz-linear-gradient(#ffffff, #d9d9d9); background: url(../images/icons/filter-icons.png) no-repeat -40px 6px, -o-linear-gradient(#ffffff, #d9d9d9); background: url(../images/icons/filter-icons.png) no-repeat -40px 6px, -ms-linear-gradient(#ffffff, #d9d9d9); background: url(../images/icons/filter-icons.png) no-repeat -40px 6px, linear-gradient(#ffffff, #d9d9d9); } -.cms table.ss-gridfield-table tr th button.ss-gridfield-button-filter.ss-ui-button.hover-alike:active { background: url(../images/icons/filter-icons.png) no-repeat -16px 6px, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQxOTljZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJlN2VhZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: url(../images/icons/filter-icons.png) no-repeat -16px 6px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4199cd), color-stop(100%, #2e7ead)); background: url(../images/icons/filter-icons.png) no-repeat -16px 6px, -webkit-linear-gradient(#4199cd, #2e7ead); background: url(../images/icons/filter-icons.png) no-repeat -16px 6px, -moz-linear-gradient(#4199cd, #2e7ead); background: url(../images/icons/filter-icons.png) no-repeat -16px 6px, -o-linear-gradient(#4199cd, #2e7ead); background: url(../images/icons/filter-icons.png) no-repeat -16px 6px, -ms-linear-gradient(#4199cd, #2e7ead); background: url(../images/icons/filter-icons.png) no-repeat -16px 6px, linear-gradient(#4199cd, #2e7ead); -webkit-box-shadow: inset 0 1px 3px #17181a, 0 1px 0 rgba(255, 255, 255, 0.6); -moz-box-shadow: inset 0 1px 3px #17181a, 0 1px 0 rgba(255, 255, 255, 0.6); box-shadow: inset 0 1px 3px #17181a, 0 1px 0 rgba(255, 255, 255, 0.6); } -.cms table.ss-gridfield-table tr th button.ss-gridfield-button-filter.ss-ui-button.hover-alike { background: url(../images/icons/filter-icons.png) no-repeat -16px 6px, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQxOTljZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJlN2VhZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: url(../images/icons/filter-icons.png) no-repeat -16px 6px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4199cd), color-stop(100%, #2e7ead)); background: url(../images/icons/filter-icons.png) no-repeat -16px 6px, -webkit-linear-gradient(#4199cd, #2e7ead); background: url(../images/icons/filter-icons.png) no-repeat -16px 6px, -moz-linear-gradient(#4199cd, #2e7ead); background: url(../images/icons/filter-icons.png) no-repeat -16px 6px, -o-linear-gradient(#4199cd, #2e7ead); background: url(../images/icons/filter-icons.png) no-repeat -16px 6px, -ms-linear-gradient(#4199cd, #2e7ead); background: url(../images/icons/filter-icons.png) no-repeat -16px 6px, linear-gradient(#4199cd, #2e7ead); } -.cms table.ss-gridfield-table tr th button.ss-gridfield-button-reset.ss-ui-button { position: absolute; right: 28px; top: -28px; display: block; text-indent: -9999em; width: 30px; height: 28px; float: right; border-radius: 0px; border-bottom-width: 1px; border-color: #9a9a9a; background: url(../images/icons/filter-icons.png) no-repeat 8px 5px, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q5ZDlkOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: url(../images/icons/filter-icons.png) no-repeat 8px 5px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d9d9d9)); background: url(../images/icons/filter-icons.png) no-repeat 8px 5px, -webkit-linear-gradient(#ffffff, #d9d9d9); background: url(../images/icons/filter-icons.png) no-repeat 8px 5px, -moz-linear-gradient(#ffffff, #d9d9d9); background: url(../images/icons/filter-icons.png) no-repeat 8px 5px, -o-linear-gradient(#ffffff, #d9d9d9); background: url(../images/icons/filter-icons.png) no-repeat 8px 5px, -ms-linear-gradient(#ffffff, #d9d9d9); background: url(../images/icons/filter-icons.png) no-repeat 8px 5px, linear-gradient(#ffffff, #d9d9d9); } -.cms table.ss-gridfield-table tr th button.ss-gridfield-button-reset.ss-ui-button.filtered:hover { background: url(../images/icons/filter-icons.png) no-repeat 8px -17px, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NjMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: url(../images/icons/filter-icons.png) no-repeat 8px -17px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff0000), color-stop(100%, #cc0000)); background: url(../images/icons/filter-icons.png) no-repeat 8px -17px, -webkit-linear-gradient(#ff0000, #cc0000); background: url(../images/icons/filter-icons.png) no-repeat 8px -17px, -moz-linear-gradient(#ff0000, #cc0000); background: url(../images/icons/filter-icons.png) no-repeat 8px -17px, -o-linear-gradient(#ff0000, #cc0000); background: url(../images/icons/filter-icons.png) no-repeat 8px -17px, -ms-linear-gradient(#ff0000, #cc0000); background: url(../images/icons/filter-icons.png) no-repeat 8px -17px, linear-gradient(#ff0000, #cc0000); } -.cms table.ss-gridfield-table tr th button.ss-gridfield-button-reset.ss-ui-button.filtered:active { background: url(../images/icons/filter-icons.png) no-repeat 8px -17px, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NjMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: url(../images/icons/filter-icons.png) no-repeat 8px -17px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff0000), color-stop(100%, #cc0000)); background: url(../images/icons/filter-icons.png) no-repeat 8px -17px, -webkit-linear-gradient(#ff0000, #cc0000); background: url(../images/icons/filter-icons.png) no-repeat 8px -17px, -moz-linear-gradient(#ff0000, #cc0000); background: url(../images/icons/filter-icons.png) no-repeat 8px -17px, -o-linear-gradient(#ff0000, #cc0000); background: url(../images/icons/filter-icons.png) no-repeat 8px -17px, -ms-linear-gradient(#ff0000, #cc0000); background: url(../images/icons/filter-icons.png) no-repeat 8px -17px, linear-gradient(#ff0000, #cc0000); -webkit-box-shadow: inset 0 1px 3px #17181a, 0 1px 0 rgba(255, 255, 255, 0.6); -moz-box-shadow: inset 0 1px 3px #17181a, 0 1px 0 rgba(255, 255, 255, 0.6); box-shadow: inset 0 1px 3px #17181a, 0 1px 0 rgba(255, 255, 255, 0.6); } -.cms table.ss-gridfield-table tr th input.ss-gridfield-sort { padding: 2px; } +.cms table.ss-gridfield-table tr th button.ss-ui-button.ss-gridfield-button-filter { background-color: #55a4d2; border: none; display: block; text-indent: -9999em; width: 30px; height: 25px; background: url(../images/icons/filter-icons.png) no-repeat -14px 4px, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzOGRjMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI4NzA5OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: url(../images/icons/filter-icons.png) no-repeat -14px 4px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #338dc1), color-stop(100%, #287099)); background: url(../images/icons/filter-icons.png) no-repeat -14px 4px, -webkit-linear-gradient(#338dc1, #287099); background: url(../images/icons/filter-icons.png) no-repeat -14px 4px, -moz-linear-gradient(#338dc1, #287099); background: url(../images/icons/filter-icons.png) no-repeat -14px 4px, -o-linear-gradient(#338dc1, #287099); background: url(../images/icons/filter-icons.png) no-repeat -14px 4px, -ms-linear-gradient(#338dc1, #287099); background: url(../images/icons/filter-icons.png) no-repeat -14px 4px, linear-gradient(#338dc1, #287099); border-top: 1px solid #4199cd; } +.cms table.ss-gridfield-table tr th button.ss-ui-button.ss-gridfield-button-filter.hover-alike:active, .cms table.ss-gridfield-table tr th button.ss-ui-button.ss-gridfield-button-filter:active, .cms table.ss-gridfield-table tr th button.ss-ui-button.ss-gridfield-button-filter.hover-alike, .cms table.ss-gridfield-table tr th button.ss-ui-button.ss-gridfield-button-filter:hover { background: url(../images/icons/filter-icons.png) no-repeat -14px 4px, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1YTRkMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMzOGRjMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: url(../images/icons/filter-icons.png) no-repeat -14px 4px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #55a4d2), color-stop(100%, #338dc1)); background: url(../images/icons/filter-icons.png) no-repeat -14px 4px, -webkit-linear-gradient(#55a4d2, #338dc1); background: url(../images/icons/filter-icons.png) no-repeat -14px 4px, -moz-linear-gradient(#55a4d2, #338dc1); background: url(../images/icons/filter-icons.png) no-repeat -14px 4px, -o-linear-gradient(#55a4d2, #338dc1); background: url(../images/icons/filter-icons.png) no-repeat -14px 4px, -ms-linear-gradient(#55a4d2, #338dc1); background: url(../images/icons/filter-icons.png) no-repeat -14px 4px, linear-gradient(#55a4d2, #338dc1); } +.cms table.ss-gridfield-table tr th button.ss-ui-button.ss-gridfield-button-filter#showFilter { margin-left: 12px; border: none; background: url(../images/icons/filter-icons.png) no-repeat -17px 6px; } +.cms table.ss-gridfield-table tr th button.ss-ui-button.ss-gridfield-button-filter#showFilter span { opacity: 0.4; position: absolute; width: 10px; left: 30px; top: 40%; background: url(../admin/images/btn_arrow_down_grey.png) no-repeat 0px 0px; } +.cms table.ss-gridfield-table tr th button.ss-ui-button.ss-gridfield-button-filter#showFilter:hover { background: url(../images/icons/filter-icons.png) no-repeat -40px 6px; } +.cms table.ss-gridfield-table tr th button.ss-ui-button.ss-gridfield-button-filter#showFilter:hover span { opacity: 0.9; } +.cms table.ss-gridfield-table tr th button.ss-ui-button.ss-gridfield-button-close { background: url(../images/icons/filter-icons.png) no-repeat 7px -17px; border: none; display: block; text-indent: -9999em; width: 30px; height: 25px; width: 25px; opacity: 0.8; margin-right: -5px; } +.cms table.ss-gridfield-table tr th button.ss-ui-button.ss-gridfield-button-close.hover-alike:active, .cms table.ss-gridfield-table tr th button.ss-ui-button.ss-gridfield-button-close:active, .cms table.ss-gridfield-table tr th button.ss-ui-button.ss-gridfield-button-close.hover-alike, .cms table.ss-gridfield-table tr th button.ss-ui-button.ss-gridfield-button-close:hover { opacity: 1; background: url(../images/icons/filter-icons.png) no-repeat 7px -17px, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiYSgyNTUsIDI1NSwgMjU1LCAwLjEpIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMSkiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background: url(../images/icons/filter-icons.png) no-repeat 7px -17px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.1)), color-stop(100%, rgba(255, 255, 255, 0.1))); background: url(../images/icons/filter-icons.png) no-repeat 7px -17px, -webkit-linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)); background: url(../images/icons/filter-icons.png) no-repeat 7px -17px, -moz-linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)); background: url(../images/icons/filter-icons.png) no-repeat 7px -17px, -o-linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)); background: url(../images/icons/filter-icons.png) no-repeat 7px -17px, -ms-linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)); background: url(../images/icons/filter-icons.png) no-repeat 7px -17px, linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)); } +.cms table.ss-gridfield-table tr th button.ss-ui-button.ss-gridfield-button-reset { border: none; display: block; text-indent: -9999em; width: 30px; height: 25px; position: absolute; top: -21px; right: -1px; width: 20px; height: 20px; display: none; } +.cms table.ss-gridfield-table tr th button.ss-ui-button.ss-gridfield-button-reset.filtered { display: block; background: url(../admin/images/btn-icon/cross.png) no-repeat 0px 0px; opacity: 0.5; } +.cms table.ss-gridfield-table tr th button.ss-ui-button.ss-gridfield-button-reset.filtered:hover { opacity: 0.8; } +.cms table.ss-gridfield-table tr th button.ss-ui-button.ss-gridfield-button-reset.filtered:active { opacity: 1; } +.cms table.ss-gridfield-table tr th input.ss-gridfield-sort { height: 25px; } +.cms table.ss-gridfield-table tr th input.ss-gridfield-sort::-webkit-input-placeholder { font-style: italic; color: #ced5d7; } +.cms table.ss-gridfield-table tr th input.ss-gridfield-sort:-moz-placeholder { font-style: italic; color: #ced5d7; } +.cms table.ss-gridfield-table tr th input.ss-gridfield-sort:-ms-input-placeholder { font-style: italic; color: #ced5d7; } +.cms table.ss-gridfield-table tr th input.ss-gridfield-sort:placeholder { font-style: italic; color: #ced5d7; } .cms table.ss-gridfield-table tr th input.ss-gridfield-sort:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .cms table.ss-gridfield-table tr th span.non-sortable { padding: 1em 1em; display: block; } .cms table.ss-gridfield-table tr td { border-right: 1px solid rgba(0, 0, 0, 0.1); padding: 6.4px 12px; color: #666666; } -.cms table.ss-gridfield-table tr td.bottom-all { -moz-border-radius-bottomleft: 7px; -webkit-border-bottom-left-radius: 7px; -ms-border-bottom-left-radius: 7px; -o-border-bottom-left-radius: 7px; border-bottom-left-radius: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-bottom-right-radius: 7px; -ms-border-bottom-right-radius: 7px; -o-border-bottom-right-radius: 7px; border-bottom-right-radius: 7px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IxYzBjNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdmOTE5OCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b1c0c5), color-stop(100%, #7f9198)); background-image: -webkit-linear-gradient(#b1c0c5, #7f9198); background-image: -moz-linear-gradient(#b1c0c5, #7f9198); background-image: -o-linear-gradient(#b1c0c5, #7f9198); background-image: -ms-linear-gradient(#b1c0c5, #7f9198); background-image: linear-gradient(#b1c0c5, #7f9198); } +.cms table.ss-gridfield-table tr td.bottom-all { -moz-border-radius-bottomleft: 7px; -webkit-border-bottom-left-radius: 7px; -o-border-bottom-left-radius: 7px; -ms-border-bottom-left-radius: 7px; -khtml-border-bottom-left-radius: 7px; border-bottom-left-radius: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-bottom-right-radius: 7px; -o-border-bottom-right-radius: 7px; -ms-border-bottom-right-radius: 7px; -khtml-border-bottom-right-radius: 7px; border-bottom-right-radius: 7px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IzYzBjNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzg5OWNhMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b3c0c4), color-stop(100%, #899ca2)); background-image: -webkit-linear-gradient(#b3c0c4, #899ca2); background-image: -moz-linear-gradient(#b3c0c4, #899ca2); background-image: -o-linear-gradient(#b3c0c4, #899ca2); background-image: -ms-linear-gradient(#b3c0c4, #899ca2); background-image: linear-gradient(#b3c0c4, #899ca2); } .cms table.ss-gridfield-table tr td.bottom-all .datagrid-footer-message { text-align: center; padding-top: 6px; color: white; } .cms table.ss-gridfield-table tr td.bottom-all .datagrid-pagination { padding-top: 2px; position: absolute; left: 50%; margin-left: -116px; } .cms table.ss-gridfield-table tr td.bottom-all .datagrid-pagination .pagination-page-number { color: white; } @@ -99,4 +125,5 @@ multiple images. */ .cms table.ss-gridfield-table tr td.bottom-all .datagrid-pagination button.ss-gridfield-lastpage span { text-indent: -9999em; } .cms table.ss-gridfield-table tr td.bottom-all .pagination-records-number { float: right; padding: 6px 0; color: white; } .cms table.ss-gridfield-table tr.last td { border-bottom: 0 none; } -.cms table.ss-gridfield-table td:first-child, .cms table.ss-gridfield-table th:first-child { border-left: 1px solid rgba(0, 0, 0, 0.1); } +.cms table.ss-gridfield-table td:first-child { border-left: 1px solid rgba(0, 0, 0, 0.1); } +.cms table.ss-gridfield-table td:last-child { border-right: 1px solid rgba(0, 0, 0, 0.1); } diff --git a/css/UploadField.css b/css/UploadField.css index 74903d33b..ae1a61574 100644 --- a/css/UploadField.css +++ b/css/UploadField.css @@ -5,10 +5,10 @@ /** ----------------------------------------------- Grid Units (px) We have a vertical rhythm that the grid is based off both x (=horizontal) and y (=vertical). All internal padding and margins are scaled to this and accounting for paragraphs ------------------------------------------------ */ /** ----------------------------------------------- Application Logo (CMS Logo) Must be 24px x 24px ------------------------------------------------ */ .ss-uploadfield .clear { clear: both; } -.ss-uploadfield .middleColumn { width: 526px; padding: 0; background: #fff; border: 1px solid #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #efefef), color-stop(10%, #ffffff), color-stop(90%, #ffffff), color-stop(100%, #efefef)); background-image: -webkit-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: -moz-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: -o-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: -ms-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); } +.ss-uploadfield .middleColumn { width: 526px; padding: 0; background: #fff; border: 1px solid #b3b3b3; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #efefef), color-stop(10%, #ffffff), color-stop(90%, #ffffff), color-stop(100%, #efefef)); background-image: -webkit-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: -moz-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: -o-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: -ms-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); } .ss-uploadfield .ss-uploadfield-item { margin: 0; padding: 15px; overflow: auto; } .ss-uploadfield .ss-uploadfield-item-preview { height: 60px; line-height: 60px; width: 80px; text-align: center; font-weight: bold; float: left; overflow: hidden; } -.ss-uploadfield .ss-uploadfield-item-preview.ss-uploadfield-dropzone { -webkit-box-shadow: #9a9a9a 0 0 3px 3px inset; -moz-box-shadow: #9a9a9a 0 0 3px 3px inset; box-shadow: #9a9a9a 0 0 3px 3px inset; border: 2px dashed gray; background: rgba(201, 205, 206, 0.8); display: none; } +.ss-uploadfield .ss-uploadfield-item-preview.ss-uploadfield-dropzone { -moz-box-shadow: #9a9a9a 0 0 3px 3px inset; -webkit-box-shadow: #9a9a9a 0 0 3px 3px inset; -o-box-shadow: #9a9a9a 0 0 3px 3px inset; box-shadow: #9a9a9a 0 0 3px 3px inset; border: 2px dashed gray; background: rgba(201, 205, 206, 0.8); display: none; } .ss-uploadfield .ss-uploadfield-item-info { margin: 0 0 0 100px; } .ss-uploadfield .ss-uploadfield-item-name { display: block; line-height: 13px; height: 26px; margin: 0; text-align: left; } .ss-uploadfield .ss-uploadfield-item-name b { font-weight: bold; padding: 0 5px 0 0; } @@ -22,11 +22,11 @@ .ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item:last-child, .ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item.ui-state-error:last-child { border-bottom: 0; } .ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-actions { height: 28px; margin: 6px 0 0; position: relative; } .ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-progress { position: absolute; left: 0; right: 42px; width: auto; margin: 11px 0 0; height: 15px; } -.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-progress div { -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; height: 13px; padding: 0; margin: 0; overflow: hidden; } +.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-progress div { -moz-border-radius: 25px; -webkit-border-radius: 25px; -o-border-radius: 25px; -ms-border-radius: 25px; -khtml-border-radius: 25px; border-radius: 25px; height: 13px; padding: 0; margin: 0; overflow: hidden; } .ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-progressbar { border: 1px solid gray; background-color: #92a6b3; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #92a6b3), color-stop(11%, #90aab8), color-stop(22%, #96b1bf), color-stop(33%, #9eb4c1), color-stop(44%, #a7bac7), color-stop(100%, #c1d5dc)); background-image: -webkit-linear-gradient(top, #92a6b3 0%, #90aab8 11%, #96b1bf 22%, #9eb4c1 33%, #a7bac7 44%, #c1d5dc 100%); background-image: -moz-linear-gradient(top, #92a6b3 0%, #90aab8 11%, #96b1bf 22%, #9eb4c1 33%, #a7bac7 44%, #c1d5dc 100%); background-image: -o-linear-gradient(top, #92a6b3 0%, #90aab8 11%, #96b1bf 22%, #9eb4c1 33%, #a7bac7 44%, #c1d5dc 100%); background-image: -ms-linear-gradient(top, #92a6b3 0%, #90aab8 11%, #96b1bf 22%, #9eb4c1 33%, #a7bac7 44%, #c1d5dc 100%); background-image: linear-gradient(top, #92a6b3 0%, #90aab8 11%, #96b1bf 22%, #9eb4c1 33%, #a7bac7 44%, #c1d5dc 100%); } .ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-progressbarvalue { border: 0; width: 0%; background: #60b3dd url(../images/progressbar_blue.gif) repeat-x left center; } .ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-cancel, .ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-start { position: absolute; top: 10px; right: 0; } -.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-cancel button, .ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-start button { display: block; overflow: hidden; text-indent: -9999px; padding: 0; margin: 0; border: 0; width: 16px; height: 16px; cursor: pointer; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: none; position: relative; } +.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-cancel button, .ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-start button { display: block; overflow: hidden; text-indent: -9999px; padding: 0; margin: 0; border: 0; width: 16px; height: 16px; cursor: pointer; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; background: none; position: relative; } .ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-cancel button span, .ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-start button span { position: absolute; left: 0; top: 0; margin: 0; } .ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-cancel button span.ui-button-text, .ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-start button span.ui-button-text { display: none; } .ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-start { right: 20px; } diff --git a/scss/AssetUploadField.scss b/scss/AssetUploadField.scss index 594c881a5..b0f5ffc99 100644 --- a/scss/AssetUploadField.scss +++ b/scss/AssetUploadField.scss @@ -4,6 +4,7 @@ // TODO we need a seperated file for styles that are used in both cms and front end (such as buttons) @import "../admin/scss/themes/default.scss"; @import "../admin/scss/_mixins"; +@import "_elementMixins"; #AssetUploadField { diff --git a/scss/_elementMixins.scss b/scss/_elementMixins.scss new file mode 100644 index 000000000..f31e2bb6f --- /dev/null +++ b/scss/_elementMixins.scss @@ -0,0 +1,61 @@ +/** + * This file contains mixins relating to specific functionality + * + * Mixins should be stored here rather than individual files + */ + + +/*Mixin generates the generic button styling for the gridfield*/ +@mixin gridFieldButtons{ + border:none; + display:block; + text-indent:-9999em; + width:30px; + height:25px; //match the height of the input field +} + + +/** + Mixin creates a transparent button with a dropdown arrow, + as is used for files in the files up-load area. The arrows + themselves are added in the _style file +**/ +@mixin ss-uploadfield-editButton{ + &.ss-uploadfield-item-edit { + opacity:0.9; + padding-top: 3px; + padding-bottom: 0; + height:100%; + @include border-radius(0); + &.ui-state-hover{ + background:none; + opacity:1; + span.toggle-details{ + opacity:1; + } + } + span.toggle-details{ + opacity:0.9; + margin-left:3px; + display: inline-block; + width: 5px; + height: 100%; + cursor: pointer; + .toggle-details-icon { + margin-top:1px; + display: inline-block; + width: 8px; + height: 8px; + vertical-align: middle; + &.opened { + margin-top:0; + } + } + } + + } + + .ui-icon { + display: none; + } +} \ No newline at end of file