mirror of
https://github.com/silverstripe/silverstripe-framework
synced 2024-10-22 14:05:37 +02:00
Clean up the side-by-side code.
This commit is contained in:
Naomi Guyer
Ingo Schommer
parent
747346bb16
commit
dbee4a1bf9
@ -46,7 +46,7 @@ fieldset.switch-states { padding: 0; }
|
||||
fieldset.switch-states .switch { padding: 0 10px 0 0; }
|
||||
fieldset.switch-states .switch label { overflow: visible; text-overflow: visible; white-space: normal; padding: 0; }
|
||||
fieldset.switch-states .switch label.active { color: #fff; background-color: #2b9c32; }
|
||||
fieldset.switch-states .switch label span { display: inline; padding: 0 10px; overflow: visible; text-overflow: visible; white-space: wrap; }
|
||||
fieldset.switch-states .switch label span { display: inline; padding: 0 10px; padding-right: 15px; overflow: visible; text-overflow: visible; white-space: wrap; }
|
||||
fieldset.switch-states .switch .slide-button { display: none; }
|
||||
|
||||
/* Hide size controls in IE - they won't work as intended */
|
||||
@ -114,7 +114,7 @@ table.ss-gridfield-table tr.ss-gridfield-item.even { background: #F0F4F7; }
|
||||
|
||||
.cms-content-controls .preview-mode-selector.dropdown { display: none !important; }
|
||||
|
||||
.cms-content-controls .cms-preview-toggle-link { display: block !important; }
|
||||
.cms .Actions > .cms-preview-toggle-link { display: block; }
|
||||
|
||||
.cms-panel-content-collapsed { position: relative; width: 40px; }
|
||||
.cms-panel-content-collapsed h2.cms-panel-header, .cms-panel-content-collapsed h3.cms-panel-header { zoom: 1; position: absolute; top: 10px; right: 10px; writing-mode: tb-rl; float: right; z-index: 5000; }
|
||||
|
||||
@ -46,7 +46,7 @@ fieldset.switch-states { padding: 0; }
|
||||
fieldset.switch-states .switch { padding: 0 10px 0 0; }
|
||||
fieldset.switch-states .switch label { overflow: visible; text-overflow: visible; white-space: normal; padding: 0; }
|
||||
fieldset.switch-states .switch label.active { color: #fff; background-color: #2b9c32; }
|
||||
fieldset.switch-states .switch label span { display: inline; padding: 0 10px; overflow: visible; text-overflow: visible; white-space: wrap; }
|
||||
fieldset.switch-states .switch label span { display: inline; padding: 0 10px; padding-right: 15px; overflow: visible; text-overflow: visible; white-space: wrap; }
|
||||
fieldset.switch-states .switch .slide-button { display: none; }
|
||||
|
||||
/* Hide size controls in IE - they won't work as intended */
|
||||
|
||||
@ -32,41 +32,6 @@ If more variables exist in the future, consider creating a variables file.*/
|
||||
/** ----------------------------------------------- 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 ------------------------------------------------ */
|
||||
/** ----------------------------- Custom mixins ------------------------------ */
|
||||
@-webkit-keyframes rotate { 0% { -webkit-transform-origin: center center; margin-top: 20px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
|
||||
100% { width: 583px; height: 320px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } }
|
||||
|
||||
@-moz-keyframes rotate { 0% { -webkit-transform-origin: center center; margin-top: 20px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
|
||||
100% { width: 583px; height: 320px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } }
|
||||
|
||||
@-ms-keyframes rotate { 0% { -webkit-transform-origin: center center; margin-top: 20px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
|
||||
100% { width: 583px; height: 320px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } }
|
||||
|
||||
@-o-keyframes rotate { 0% { -webkit-transform-origin: center center; margin-top: 20px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
|
||||
100% { width: 583px; height: 320px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } }
|
||||
|
||||
@keyframes rotate { 0% { -webkit-transform-origin: center center; margin-top: 20px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
|
||||
100% { width: 583px; height: 320px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } }
|
||||
|
||||
@-webkit-keyframes rotate_secondary { 0% { -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; }
|
||||
50% { -webkit-transform-origin: center center; margin-top: 20px; }
|
||||
100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } }
|
||||
|
||||
@-moz-keyframes rotate_secondary { 0% { -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; }
|
||||
50% { -webkit-transform-origin: center center; margin-top: 20px; }
|
||||
100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } }
|
||||
|
||||
@-ms-keyframes rotate_secondary { 0% { -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; }
|
||||
50% { -webkit-transform-origin: center center; margin-top: 20px; }
|
||||
100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } }
|
||||
|
||||
@-o-keyframes rotate_secondary { 0% { -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; }
|
||||
50% { -webkit-transform-origin: center center; margin-top: 20px; }
|
||||
100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } }
|
||||
|
||||
@keyframes rotate_secondary { 0% { -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; }
|
||||
50% { -webkit-transform-origin: center center; margin-top: 20px; }
|
||||
100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } }
|
||||
|
||||
/** ----------------------------- Sprite images ----------------------------- */
|
||||
/** Helper SCSS file for generating sprites for the interface. */
|
||||
.btn-icon-sprite, .ui-state-default .btn-icon-accept, .ui-widget-content .btn-icon-accept, .ui-state-default .btn-icon-accept_disabled, .ui-widget-content .btn-icon-accept_disabled, .ui-state-default .btn-icon-add, .ui-widget-content .btn-icon-add, .ui-state-default .btn-icon-addMedia, .ui-widget-content .btn-icon-addMedia, .ui-state-default .btn-icon-add_disabled, .ui-widget-content .btn-icon-add_disabled, .ui-state-default .btn-icon-addpage, .ui-widget-content .btn-icon-addpage, .ui-state-default .btn-icon-addpage_disabled, .ui-widget-content .btn-icon-addpage_disabled, .ui-state-default .btn-icon-arrow-circle-135-left, .ui-widget-content .btn-icon-arrow-circle-135-left, .ui-state-default .btn-icon-arrow-circle-double, .ui-widget-content .btn-icon-arrow-circle-double, .ui-state-default .btn-icon-back, .ui-widget-content .btn-icon-back, .ui-state-default .btn-icon-back_disabled, .ui-widget-content .btn-icon-back_disabled, .ui-state-default .btn-icon-chain--arrow, .ui-widget-content .btn-icon-chain--arrow, .ui-state-default .btn-icon-chain--exclamation, .ui-widget-content .btn-icon-chain--exclamation, .ui-state-default .btn-icon-chain--minus, .ui-widget-content .btn-icon-chain--minus, .ui-state-default .btn-icon-chain--pencil, .ui-widget-content .btn-icon-chain--pencil, .ui-state-default .btn-icon-chain--plus, .ui-widget-content .btn-icon-chain--plus, .ui-state-default .btn-icon-chain-small, .ui-widget-content .btn-icon-chain-small, .ui-state-default .btn-icon-chain-unchain, .ui-widget-content .btn-icon-chain-unchain, .ui-state-default .btn-icon-chain, .ui-widget-content .btn-icon-chain, .ui-state-default .btn-icon-cross-circle, .ui-widget-content .btn-icon-cross-circle, .ui-state-default .btn-icon-cross-circle_disabled, .ui-widget-content .btn-icon-cross-circle_disabled, .ui-state-default .btn-icon-cross, .ui-widget-content .btn-icon-cross, .ui-state-default .btn-icon-decline, .ui-widget-content .btn-icon-decline, .ui-state-default .btn-icon-decline_disabled, .ui-widget-content .btn-icon-decline_disabled, .ui-state-default .btn-icon-delete, .ui-widget-content .btn-icon-delete, .ui-state-default .btn-icon-deleteLight, .ui-widget-content .btn-icon-deleteLight, .ui-state-default .btn-icon-document--pencil, .ui-widget-content .btn-icon-document--pencil, .ui-state-default .btn-icon-download-csv, .ui-widget-content .btn-icon-download-csv, .ui-state-default .btn-icon-drive-upload, .ui-widget-content .btn-icon-drive-upload, .ui-state-default .btn-icon-drive-upload_disabled, .ui-widget-content .btn-icon-drive-upload_disabled, .ui-state-default .btn-icon-grid_print, .ui-widget-content .btn-icon-grid_print, .ui-state-default .btn-icon-magnifier, .ui-widget-content .btn-icon-magnifier, .ui-state-default .btn-icon-minus-circle, .ui-widget-content .btn-icon-minus-circle, .ui-state-default .btn-icon-minus-circle_disabled, .ui-widget-content .btn-icon-minus-circle_disabled, .ui-state-default .btn-icon-navigation, .ui-widget-content .btn-icon-navigation, .ui-state-default .btn-icon-navigation_disabled, .ui-widget-content .btn-icon-navigation_disabled, .ui-state-default .btn-icon-network-cloud, .ui-widget-content .btn-icon-network-cloud, .ui-state-default .btn-icon-network-cloud_disabled, .ui-widget-content .btn-icon-network-cloud_disabled, .ui-state-default .btn-icon-pencil, .ui-widget-content .btn-icon-pencil, .ui-state-default .btn-icon-pencil_disabled, .ui-widget-content .btn-icon-pencil_disabled, .ui-state-default .btn-icon-plug-disconnect-prohibition, .ui-widget-content .btn-icon-plug-disconnect-prohibition, .ui-state-default .btn-icon-plug-disconnect-prohibition_disabled, .ui-widget-content .btn-icon-plug-disconnect-prohibition_disabled, .ui-state-default .btn-icon-preview, .ui-widget-content .btn-icon-preview, .ui-state-default .btn-icon-preview_disabled, .ui-widget-content .btn-icon-preview_disabled, .ui-state-default .btn-icon-settings, .ui-widget-content .btn-icon-settings, .ui-state-default .btn-icon-settings_disabled, .ui-widget-content .btn-icon-settings_disabled, .ui-state-default .btn-icon-unpublish, .ui-widget-content .btn-icon-unpublish, .ui-state-default .btn-icon-unpublish_disabled, .ui-widget-content .btn-icon-unpublish_disabled { background: url('../images/btn-icon-s37c6548b54.png') no-repeat; }
|
||||
@ -190,6 +155,7 @@ form.nostyle input.text, form.nostyle textarea, form.nostyle select, form.nostyl
|
||||
.field label.right { cursor: pointer; clear: both; color: #777777; display: block; font-style: italic; margin: 4px 0 0 184px; }
|
||||
.field .middleColumn { margin-left: 184px; }
|
||||
.field span.readonly { padding-top: 8px; line-height: 16px; display: block; }
|
||||
.field .fieldgroup .fieldgroup-field.last { /* This is used on page/settings/visibility */ padding-bottom: 8px; /* replicates li item spacing */ }
|
||||
.field .help { clear: both; color: #777777; display: block; font-style: italic; margin: 4px 0 0 184px; }
|
||||
.field.help label.right { clear: both; color: #777777; display: block; font-style: italic; margin: 4px 0 0 184px; }
|
||||
.field input.text, .field textarea, .field select, .field .TreeDropdownField { margin-left: 10px; width: 100%; max-width: 512px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
|
||||
@ -203,9 +169,6 @@ form.nostyle input.text, form.nostyle textarea, form.nostyle select, form.nostyl
|
||||
form.stacked .field label, .field.stacked label { display: block; float: none; padding-bottom: 10px; }
|
||||
form.stacked .field .middleColumn, .field.stacked .middleColumn { margin-left: 0px; clear: left; }
|
||||
|
||||
form .fieldgroup { border-bottom: 1px solid rgba(201, 205, 206, 0.8); box-shadow: 0 1px 0 rgba(244, 245, 245, 0.8); display: block; margin: 0 0 8px; padding: 0 0 7px; }
|
||||
form .fieldgroup .fieldgroup { border-bottom: none; box-shadow: none; padding-bottom: 0; margin-bottom: 0; }
|
||||
|
||||
form.small .field label.left, .field.small label.left { width: 112px; }
|
||||
form.small .field .middleColumn, .field.small .middleColumn { margin-left: 120px; }
|
||||
form.small .field input.text, form.small .field textarea, form.small .field select, form.small .field .TreeDropdownField, .field.small input.text, .field.small textarea, .field.small select, .field.small .TreeDropdownField { width: auto; }
|
||||
@ -309,7 +272,7 @@ input.radio { margin-left: 0; }
|
||||
* </div>
|
||||
* </fieldset>
|
||||
****************************************************************/
|
||||
fieldset.switch-states { padding: 0 20px 0 0; /*
|
||||
fieldset.switch-states { padding: 0 20px 0 0; margin-right: 5px; /*
|
||||
Produce css for up to 5 states.
|
||||
|
||||
Note: with a little adjustment the switch can take more than 5 items,
|
||||
@ -322,28 +285,28 @@ fieldset.switch-states .switch label span { -webkit-box-sizing: border-box; -moz
|
||||
fieldset.switch-states .switch input { opacity: 0; filter: alpha(opacity=0); visibility: none; position: absolute; }
|
||||
fieldset.switch-states .switch input:checked + label { -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; color: #fff; text-shadow: 0 -1px 0 #287099; }
|
||||
fieldset.switch-states .switch .slide-button { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJiOWMzMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzY0YWIzNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2b9c32), color-stop(100%, #64ab36)); background-image: -webkit-linear-gradient(#2b9c32, #64ab36); background-image: -moz-linear-gradient(#2b9c32, #64ab36); background-image: -o-linear-gradient(#2b9c32, #64ab36); background-image: linear-gradient(#2b9c32, #64ab36); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3), 0 1px 0px rgba(255, 255, 255, 0.2); -moz-box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3), 0 1px 0px rgba(255, 255, 255, 0.2); box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3), 0 1px 0px rgba(255, 255, 255, 0.2); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; background-color: #2b9c32; display: block; height: 100%; left: 0; padding: 0; position: absolute; top: 0; z-index: 1; }
|
||||
fieldset.switch-states.size_1 label span, fieldset.switch-states.size_1 .slide-button { width: 100%; }
|
||||
fieldset.switch-states.size_1 label span { padding-right: 25px; }
|
||||
fieldset.switch-states.size_1 label, fieldset.switch-states.size_1 .slide-button { width: 100%; }
|
||||
fieldset.switch-states.size_1 label span { padding-right: 0; }
|
||||
fieldset.switch-states.size_1 input:checked:nth-of-type(2) ~ .slide-button { left: 100%; }
|
||||
fieldset.switch-states.size_1 input:checked:nth-of-type(3) ~ .slide-button { left: 200%; }
|
||||
fieldset.switch-states.size_1 input:checked:nth-of-type(4) ~ .slide-button { left: 300%; }
|
||||
fieldset.switch-states.size_1 input:checked:nth-of-type(5) ~ .slide-button { left: 400%; }
|
||||
fieldset.switch-states.size_2 label span, fieldset.switch-states.size_2 .slide-button { width: 50%; }
|
||||
fieldset.switch-states.size_2 label, fieldset.switch-states.size_2 .slide-button { width: 50%; }
|
||||
fieldset.switch-states.size_2 input:checked:nth-of-type(2) ~ .slide-button { left: 50%; }
|
||||
fieldset.switch-states.size_2 input:checked:nth-of-type(3) ~ .slide-button { left: 100%; }
|
||||
fieldset.switch-states.size_2 input:checked:nth-of-type(4) ~ .slide-button { left: 150%; }
|
||||
fieldset.switch-states.size_2 input:checked:nth-of-type(5) ~ .slide-button { left: 200%; }
|
||||
fieldset.switch-states.size_3 label span, fieldset.switch-states.size_3 .slide-button { width: 33.33333%; }
|
||||
fieldset.switch-states.size_3 label, fieldset.switch-states.size_3 .slide-button { width: 33.33333%; }
|
||||
fieldset.switch-states.size_3 input:checked:nth-of-type(2) ~ .slide-button { left: 33.33333%; }
|
||||
fieldset.switch-states.size_3 input:checked:nth-of-type(3) ~ .slide-button { left: 66.66667%; }
|
||||
fieldset.switch-states.size_3 input:checked:nth-of-type(4) ~ .slide-button { left: 100%; }
|
||||
fieldset.switch-states.size_3 input:checked:nth-of-type(5) ~ .slide-button { left: 133.33333%; }
|
||||
fieldset.switch-states.size_4 label span, fieldset.switch-states.size_4 .slide-button { width: 25%; }
|
||||
fieldset.switch-states.size_4 label, fieldset.switch-states.size_4 .slide-button { width: 25%; }
|
||||
fieldset.switch-states.size_4 input:checked:nth-of-type(2) ~ .slide-button { left: 25%; }
|
||||
fieldset.switch-states.size_4 input:checked:nth-of-type(3) ~ .slide-button { left: 50%; }
|
||||
fieldset.switch-states.size_4 input:checked:nth-of-type(4) ~ .slide-button { left: 75%; }
|
||||
fieldset.switch-states.size_4 input:checked:nth-of-type(5) ~ .slide-button { left: 100%; }
|
||||
fieldset.switch-states.size_5 label span, fieldset.switch-states.size_5 .slide-button { width: 20%; }
|
||||
fieldset.switch-states.size_5 label, fieldset.switch-states.size_5 .slide-button { width: 20%; }
|
||||
fieldset.switch-states.size_5 input:checked:nth-of-type(2) ~ .slide-button { left: 20%; }
|
||||
fieldset.switch-states.size_5 input:checked:nth-of-type(3) ~ .slide-button { left: 40%; }
|
||||
fieldset.switch-states.size_5 input:checked:nth-of-type(4) ~ .slide-button { left: 60%; }
|
||||
@ -737,6 +700,9 @@ form.import-form label.left { width: 250px; }
|
||||
.toggle-details-icon.opened { background: url('../images/sprites-32x32-se93fc83bf9.png') 0 -1121px no-repeat; }
|
||||
.ss-uploadfield-item-edit-all .toggle-details-icon.opened { background: url('../images/sprites-32x32-se93fc83bf9.png') 0 -359px no-repeat; }
|
||||
|
||||
/** -------------------------------------------- Hide preview toggle link by default. May be shown in IE7 stylesheet and forced to show with js if needed -------------------------------------------- */
|
||||
.cms .Actions > .cms-preview-toggle-link, .cms .cms-navigator > .cms-preview-toggle-link { display: none; }
|
||||
|
||||
/** This file defines the jstree base styling (see http://jstree.com), as well as any customizations (see bottom of file). The styles are usually added through jstree.js on DOM load, but we need it earlier in order to correctly display the uninitialized tree. */
|
||||
.cms .jstree > ul > li, .TreeDropdownField .treedropdownfield-panel .jstree > ul > li { margin-left: 0px; }
|
||||
.cms .jstree ul, .cms .jstree li, .TreeDropdownField .treedropdownfield-panel .jstree ul, .TreeDropdownField .treedropdownfield-panel .jstree li { display: block; margin: 0; padding: 0; background: none; list-style-type: none; }
|
||||
@ -933,7 +899,6 @@ li.class-ErrorPage > a a .jstree-pageicon { background-position: 0 -112px; }
|
||||
|
||||
/* -------------------------- */
|
||||
.cms-content-controls { /* Styling the background, controls sit on */ /* Styling for icons in controls */ /* Preview selectors. Overrides default chosen styles and applies its own */ }
|
||||
.cms-content-controls .cms-preview-toggle-link { display: none; }
|
||||
.cms-content-controls.cms-preview-controls { z-index: 1; background: #eceff1; height: 30px; /* should be set in js Layout to match page actions */ padding: 12px 12px; }
|
||||
.cms-content-controls .icon-view, .cms-content-controls .preview-selector.dropdown a.chzn-single { white-space: nowrap; }
|
||||
.cms-content-controls .icon-view:before, .cms-content-controls .preview-selector.dropdown a.chzn-single:before { display: inline-block; float: left; content: ''; width: 23px; height: 17px; overflow: hidden; }
|
||||
@ -956,7 +921,7 @@ li.class-ErrorPage > a a .jstree-pageicon { background-position: 0 -112px; }
|
||||
.cms-content-controls .preview-selector .chzn-drop { -webkit-border-radius: 3px 3px 0 3px; -moz-border-radius: 3px 3px 0 3px; -ms-border-radius: 3px 3px 0 3px; -o-border-radius: 3px 3px 0 3px; border-radius: 3px 3px 0 3px; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); }
|
||||
.cms-content-controls .preview-selector .chzn-drop .chzn-results { width: 135px; }
|
||||
.cms-content-controls .preview-selector .chzn-drop .chzn-results .result-selected { background: #eceff1; }
|
||||
.cms-content-controls .preview-selector .chzn-container.chzn-with-rise { width: auto !important; }
|
||||
.cms-content-controls .preview-selector .chzn-container { width: auto !important; }
|
||||
.cms-content-controls .preview-selector .chzn-container.chzn-with-rise .chzn-drop { padding: 0; border-bottom: 1px solid #aaa; margin-top: -5px; width: auto !important; }
|
||||
.cms-content-controls .preview-selector .chzn-container.chzn-with-rise .chzn-drop .chzn-search { display: none; }
|
||||
.cms-content-controls .preview-selector .chzn-container.chzn-with-rise .chzn-drop ul { padding: 0; margin: 0; }
|
||||
@ -979,26 +944,28 @@ li.class-ErrorPage > a a .jstree-pageicon { background-position: 0 -112px; }
|
||||
.cms-content-controls .cms-preview-states.dropdown a.chzn-single span { margin: 0; }
|
||||
.cms-content-controls .cms-preview-states.dropdown .chzn-container { max-width: 150px; }
|
||||
|
||||
/* Styling for the preview screen sizes */
|
||||
.cms-preview { background-color: #eceff1; height: 100%; width: 100%; }
|
||||
.cms-preview .preview-note { font-weight: 18px; display: block; position: absolute; text-align: center; width: 300px; height: 82px; left: 50%; top: 50%; margin-top: -50px; margin-left: -150px; /* half of width */ color: #CDD7DC; font-weight: bold; font-size: 22px; text-shadow: 0 1px 0 #fff; }
|
||||
.cms-preview .preview-note span { background: url('../images/sprites-64x64-s88957ee578.png') 0 0 no-repeat; width: 50px; height: 41px; margin: 0 auto 20px; display: block; }
|
||||
.cms-preview .preview-scroll { height: 100%; width: 100%; overflow: auto; position: relative; }
|
||||
.cms-preview .preview-note { color: #CDD7DC; display: block; font-size: 22px; font-weight: bold; height: 82px; margin-top: -50px; margin-left: -150px; /* half of width */ position: absolute; text-align: center; text-shadow: 0 1px 0 #fff; top: 50%; width: 300px; }
|
||||
.cms-preview .preview-note span { background: url('../images/sprites-64x64-s88957ee578.png') 0 0 no-repeat; display: block; height: 41px; margin: 0 auto 20px; width: 50px; }
|
||||
.cms-preview .preview-scroll { height: 100%; overflow: auto; position: relative; width: 100%; }
|
||||
.cms-preview .preview-scroll .preview-device-outer { height: 100%; width: 100%; }
|
||||
.cms-preview .preview-scroll .preview-device-outer .preview-device-inner { height: 100%; width: 100%; }
|
||||
.cms-preview .preview-scroll .preview-device-outer .preview-device-inner iframe { height: 100%; width: 100%; overflow-y: auto; }
|
||||
.cms-preview.mobile .preview-scroll, .cms-preview.mobileLandscape .preview-scroll, .cms-preview.tablet .preview-scroll, .cms-preview.tabletLandscape .preview-scroll, .cms-preview.desktop .preview-scroll { background-color: #eceff1; /* hide website preview icon */ }
|
||||
.cms-preview.mobile .preview-scroll .preview-device-outer, .cms-preview.mobileLandscape .preview-scroll .preview-device-outer, .cms-preview.tablet .preview-scroll .preview-device-outer, .cms-preview.tabletLandscape .preview-scroll .preview-device-outer, .cms-preview.desktop .preview-scroll .preview-device-outer { padding: 0 16px 16px; background-color: #414141; }
|
||||
.cms-preview.mobile .preview-scroll .preview-device-outer { width: 335px; /* add 15px for desktop scrollbar */ height: 568px; margin: 20px auto 20px; padding-top: 16px; overflow: hidden; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.3s ease-out; -webkit-transition-delay: 1s; -moz-transition: all 0.3s ease-out 1s; -o-transition: all 0.3s ease-out 1s; transition: all 0.3s ease-out 1s; }
|
||||
.cms-preview.mobile .preview-scroll .preview-device-outer .preview-device-inner { width: 335px; -webkit-transition: all 0.3s ease-in; -webkit-transition-delay: 1s; -moz-transition: all 0.3s ease-in 1s; -o-transition: all 0.3s ease-in 1s; transition: all 0.3s ease-in 1s; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
|
||||
.cms-preview.mobile .preview-scroll .preview-device-outer.rotate { width: 320px; height: 583px; margin: 0px auto 0px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: all 0.3s ease-in; -webkit-transition-delay: 1s; -moz-transition: all 0.3s ease-in 1s; -o-transition: all 0.3s ease-in 1s; transition: all 0.3s ease-in 1s; }
|
||||
.cms-preview.mobile .preview-scroll .preview-device-outer.rotate .preview-device-inner { width: 583px; height: 320px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 0.3s ease-out; -webkit-transition-delay: 1s; -moz-transition: all 0.3s ease-out 1s; -o-transition: all 0.3s ease-out 1s; transition: all 0.3s ease-out 1s; -webkit-transform-origin: 160px 160px; -moz-transform-origin: 160px 160px; -ms-transform-origin: 160px 160px; -o-transform-origin: 160px 160px; transform-origin: 160px 160px; }
|
||||
.cms-preview.mobileLandscape .preview-scroll .preview-device-outer { width: 583px; /* add 15px for desktop scrollbar */ height: 320px; margin: 12% auto; padding-top: 16px; -webkit-transition: all 0.3s ease-out; -webkit-transition-delay: 1s; -moz-transition: all 0.3s ease-out 1s; -o-transition: all 0.3s ease-out 1s; transition: all 0.3s ease-out 1s; }
|
||||
.cms-preview.mobileLandscape .preview-scroll .preview-device-outer .preview-device-inner { width: 583px; -webkit-transition: all 0.3s ease-out; -webkit-transition-delay: 1s; -moz-transition: all 0.3s ease-out 1s; -o-transition: all 0.3s ease-out 1s; transition: all 0.3s ease-out 1s; }
|
||||
.cms-preview.tablet .preview-scroll .preview-device-outer { width: 783px; /* add 15px for desktop scrollbar */ height: 1024px; margin: 0 auto; -webkit-transition: all 0.3s ease-out; -webkit-transition-delay: 1s; -moz-transition: all 0.3s ease-out 1s; -o-transition: all 0.3s ease-out 1s; transition: all 0.3s ease-out 1s; }
|
||||
.cms-preview.tablet .preview-scroll .preview-device-outer .preview-device-inner { width: 783px; -webkit-transition: all 0.3s ease-out; -webkit-transition-delay: 1s; -moz-transition: all 0.3s ease-out 1s; -o-transition: all 0.3s ease-out 1s; transition: all 0.3s ease-out 1s; }
|
||||
.cms-preview.tabletLandscape .preview-scroll .preview-device-outer { width: 1039px; /* add 15px for desktop scrollbar */ height: 768px; margin: 0 auto; -webkit-transition: all 0.3s ease-out; -webkit-transition-delay: 1s; -moz-transition: all 0.3s ease-out 1s; -o-transition: all 0.3s ease-out 1s; transition: all 0.3s ease-out 1s; }
|
||||
.cms-preview.tabletLandscape .preview-scroll .preview-device-outer .preview-device-inner { width: 1039px; -webkit-transition: all 0.3s ease-out; -webkit-transition-delay: 1s; -moz-transition: all 0.3s ease-out 1s; -o-transition: all 0.3s ease-out 1s; transition: all 0.3s ease-out 1s; }
|
||||
.cms-preview.desktop .preview-scroll .preview-device-outer { width: 1024px; height: 800px; margin: 0 auto; -webkit-transition: all 0.3s ease-out; -webkit-transition-delay: 1s; -moz-transition: all 0.3s ease-out 1s; -o-transition: all 0.3s ease-out 1s; transition: all 0.3s ease-out 1s; }
|
||||
.cms-preview .preview-scroll .preview-device-outer .preview-device-inner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; }
|
||||
.cms-preview .preview-scroll .preview-device-outer .preview-device-inner iframe { height: 100%; overflow-y: auto; width: 100%; }
|
||||
.cms-preview.mobile .preview-scroll, .cms-preview.mobileLandscape .preview-scroll, .cms-preview.tablet .preview-scroll, .cms-preview.tabletLandscape .preview-scroll, .cms-preview.desktop .preview-scroll { background-color: #eceff1; /* cover website preview icon */ }
|
||||
.cms-preview.mobile .preview-scroll .preview-device-outer, .cms-preview.mobileLandscape .preview-scroll .preview-device-outer, .cms-preview.tablet .preview-scroll .preview-device-outer, .cms-preview.tabletLandscape .preview-scroll .preview-device-outer, .cms-preview.desktop .preview-scroll .preview-device-outer { -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; background: #d5dde2; border: 1px solid transparent; border-left: 1px solid #cfd9de; padding: 0 16px 16px; }
|
||||
.cms-preview.mobile .preview-scroll .preview-device-outer .preview-device-inner, .cms-preview.mobileLandscape .preview-scroll .preview-device-outer .preview-device-inner, .cms-preview.tablet .preview-scroll .preview-device-outer .preview-device-inner, .cms-preview.tabletLandscape .preview-scroll .preview-device-outer .preview-device-inner, .cms-preview.desktop .preview-scroll .preview-device-outer .preview-device-inner { border-top: 2px solid #e1e7ea; border-right: 1px solid transparent; border-bottom: 1px solid #e1e7ea; border-left: 1px solid #c3cfd6; }
|
||||
.cms-preview.mobile .preview-scroll .preview-device-outer { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.3s ease-in; -webkit-transition-delay: 1s; -moz-transition: all 0.3s ease-in 1s; -o-transition: all 0.3s ease-in 1s; transition: all 0.3s ease-in 1s; height: 568px; margin: 20px auto 20px; overflow: hidden; padding-top: 16px; width: 335px; }
|
||||
.cms-preview.mobile .preview-scroll .preview-device-outer .preview-device-inner { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.3s ease-out; -webkit-transition-delay: 1s; -moz-transition: all 0.3s ease-out 1s; -o-transition: all 0.3s ease-out 1s; transition: all 0.3s ease-out 1s; width: 335px; }
|
||||
.cms-preview.mobile .preview-scroll .preview-device-outer.rotate { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: all 0.3s ease-in; -webkit-transition-delay: 1s; -moz-transition: all 0.3s ease-in 1s; -o-transition: all 0.3s ease-in 1s; transition: all 0.3s ease-in 1s; height: 583px; margin: 0px auto 0px; width: 320px; }
|
||||
.cms-preview.mobile .preview-scroll .preview-device-outer.rotate .preview-device-inner { -webkit-transform-origin: 160px 160px; -moz-transform-origin: 160px 160px; -ms-transform-origin: 160px 160px; -o-transform-origin: 160px 160px; transform-origin: 160px 160px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 0.3s ease-out; -webkit-transition-delay: 1s; -moz-transition: all 0.3s ease-out 1s; -o-transition: all 0.3s ease-out 1s; transition: all 0.3s ease-out 1s; height: 320px; width: 583px; }
|
||||
.cms-preview.mobileLandscape .preview-scroll .preview-device-outer { -webkit-transition: all 0.3s ease-out; -webkit-transition-delay: 1s; -moz-transition: all 0.3s ease-out 1s; -o-transition: all 0.3s ease-out 1s; transition: all 0.3s ease-out 1s; height: 320px; margin: 12% auto; padding-top: 16px; width: 583px; }
|
||||
.cms-preview.mobileLandscape .preview-scroll .preview-device-outer .preview-device-inner { -webkit-transition: all 0.3s ease-out; -webkit-transition-delay: 1s; -moz-transition: all 0.3s ease-out 1s; -o-transition: all 0.3s ease-out 1s; transition: all 0.3s ease-out 1s; width: 583px; }
|
||||
.cms-preview.tablet .preview-scroll .preview-device-outer { -webkit-transition: all 0.3s ease-out; -webkit-transition-delay: 1s; -moz-transition: all 0.3s ease-out 1s; -o-transition: all 0.3s ease-out 1s; transition: all 0.3s ease-out 1s; height: 1024px; margin: 0 auto; width: 783px; }
|
||||
.cms-preview.tablet .preview-scroll .preview-device-outer .preview-device-inner { -webkit-transition: all 0.3s ease-out; -webkit-transition-delay: 1s; -moz-transition: all 0.3s ease-out 1s; -o-transition: all 0.3s ease-out 1s; transition: all 0.3s ease-out 1s; width: 783px; }
|
||||
.cms-preview.tabletLandscape .preview-scroll .preview-device-outer { -webkit-transition: all 0.3s ease-out; -webkit-transition-delay: 1s; -moz-transition: all 0.3s ease-out 1s; -o-transition: all 0.3s ease-out 1s; transition: all 0.3s ease-out 1s; height: 768px; margin: 0 auto; width: 1039px; }
|
||||
.cms-preview.tabletLandscape .preview-scroll .preview-device-outer .preview-device-inner { -webkit-transition: all 0.3s ease-out; -webkit-transition-delay: 1s; -moz-transition: all 0.3s ease-out 1s; -o-transition: all 0.3s ease-out 1s; transition: all 0.3s ease-out 1s; width: 1039px; }
|
||||
.cms-preview.desktop .preview-scroll .preview-device-outer { -webkit-transition: all 0.3s ease-out; -webkit-transition-delay: 1s; -moz-transition: all 0.3s ease-out 1s; -o-transition: all 0.3s ease-out 1s; transition: all 0.3s ease-out 1s; height: 800px; margin: 0 auto; width: 1024px; }
|
||||
|
||||
.ModelAdmin .cms-content-fields { overflow: hidden; }
|
||||
.ModelAdmin .cms-content-fields .cms-edit-form { overflow-y: auto; overflow-x: hidden; }
|
||||
|
||||
@ -57,9 +57,9 @@
|
||||
changeMode: function(modeName) {
|
||||
var container = $('.cms-container');
|
||||
|
||||
if (modeName == 'split') {
|
||||
if (modeName === 'split') {
|
||||
container.entwine('.ss').splitViewMode();
|
||||
} else if (modeName == 'content') {
|
||||
} else if (modeName === 'content') {
|
||||
container.entwine('.ss').contentViewMode();
|
||||
} else {
|
||||
container.entwine('.ss').previewMode();
|
||||
@ -164,8 +164,7 @@
|
||||
|
||||
// Preview might not be available in all admin interfaces - block/disable when necessary
|
||||
this.append('<div class="cms-preview-overlay ui-widget-overlay-light"></div>');
|
||||
this.find('.cms-preview-overlay-light').hide();
|
||||
$('.cms-preview-toggle-link')[this.getIsPreviewEnabled() ? 'show' : 'hide']();
|
||||
this.find('.cms-preview-overlay-light').hide();
|
||||
|
||||
this.disablePreview();
|
||||
|
||||
|
||||
@ -84,6 +84,10 @@ form.nostyle {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.fieldgroup .fieldgroup-field.last { /* This is used on page/settings/visibility */
|
||||
padding-bottom: 8px; /* replicates li item spacing */
|
||||
}
|
||||
|
||||
// Additional help text to clarify the field intent,
|
||||
// displayed alongside the field (rather than in a tooltip)
|
||||
.help {
|
||||
@ -166,20 +170,6 @@ form.stacked .field, .field.stacked {
|
||||
}
|
||||
}
|
||||
|
||||
form .fieldgroup {
|
||||
border-bottom: 1px solid rgba(201, 205, 206, 0.8);
|
||||
box-shadow: 0 1px 0 rgba(244, 245, 245, 0.8);
|
||||
display: block;
|
||||
margin: 0 0 8px;
|
||||
padding: 0 0 7px;
|
||||
.fieldgroup {
|
||||
border-bottom: none;
|
||||
box-shadow: none;
|
||||
padding-bottom: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
form.small .field, .field.small {
|
||||
label {
|
||||
&.left {
|
||||
@ -311,7 +301,7 @@ form.small .field, .field.small {
|
||||
.Actions {
|
||||
min-height: 30px;
|
||||
overflow: visible;
|
||||
padding: 8px 12px;
|
||||
padding: $grid-x $grid-y * 1.5;
|
||||
}
|
||||
.south .Actions, .ui-tabs-panel .Actions, .ui-tabs-panel iframe .Actions {
|
||||
padding: 0;
|
||||
@ -654,6 +644,8 @@ input.radio {
|
||||
****************************************************************/
|
||||
fieldset.switch-states{
|
||||
padding:0 20px 0 0;
|
||||
margin-right: 5px;
|
||||
|
||||
.switch{
|
||||
@include box-shadow(inset 0 2px 6px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.1));
|
||||
@include border-radius(3px);
|
||||
@ -736,12 +728,12 @@ fieldset.switch-states{
|
||||
*/
|
||||
@for $i from 1 through 5 {
|
||||
&.size_#{$i} {
|
||||
label span, .slide-button {
|
||||
label, .slide-button {
|
||||
width: 100% / $i;
|
||||
}
|
||||
@if $i == 1{
|
||||
label span{
|
||||
padding-right:25px; //even up the padding for a single item
|
||||
padding-right:0; //even up the padding for a single item
|
||||
}
|
||||
}
|
||||
input:checked:nth-of-type(2) ~ .slide-button {
|
||||
|
||||
@ -157,6 +157,7 @@ fieldset.switch-states{
|
||||
span{
|
||||
display:inline;
|
||||
padding:0 10px;
|
||||
padding-right:15px;
|
||||
overflow:visible;
|
||||
text-overflow:visible;
|
||||
white-space:wrap;
|
||||
|
||||
@ -101,17 +101,6 @@
|
||||
}
|
||||
|
||||
|
||||
@mixin delay($time, $webkit:true){
|
||||
@if($webkit){
|
||||
-webkit-transition-delay: $time;
|
||||
}
|
||||
-moz-transition-delay: $time;
|
||||
-o-transition-delay: $time;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
@mixin transition($properties: margin 0.3s ease-in 0s){
|
||||
-moz-transition: $properties;
|
||||
-webkit-transition: $properties;
|
||||
@ -120,91 +109,6 @@
|
||||
}
|
||||
|
||||
|
||||
@mixin animateNone{
|
||||
animation-name:none;
|
||||
-moz-animation-name:none; /* Firefox */
|
||||
-webkit-animation-name:none; /* Safari and Chrome */
|
||||
-o-animation-name:none; /* Opera */
|
||||
-ms-animation-name:none;
|
||||
}
|
||||
|
||||
|
||||
@mixin keyframeSettings($name){
|
||||
@if($name == "rotate"){
|
||||
0% {
|
||||
-webkit-transform-origin: center center;
|
||||
margin-top:20px;
|
||||
@include rotate(90deg);
|
||||
}
|
||||
100% {
|
||||
width: 583px;
|
||||
height: 320px;
|
||||
@include rotate(0deg);
|
||||
}
|
||||
}@else if($name == "rotate_secondary"){
|
||||
0% {
|
||||
|
||||
@include delay(0.5s);
|
||||
}
|
||||
1%{
|
||||
|
||||
}
|
||||
50%{
|
||||
-webkit-transform-origin: center center;
|
||||
margin-top:20px;
|
||||
//@include rotate(-90deg);
|
||||
}
|
||||
100% {
|
||||
@include rotate(0deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@mixin keyframes($name){
|
||||
//Animation keyframes
|
||||
@-webkit-keyframes $name {
|
||||
@include keyframeSettings($name);
|
||||
}
|
||||
@-moz-keyframes $name {
|
||||
@include keyframeSettings($name);
|
||||
}
|
||||
@-ms-keyframes $name {
|
||||
@include keyframeSettings($name);
|
||||
}
|
||||
@-o-keyframes $name {
|
||||
@include keyframeSettings($name);
|
||||
}
|
||||
@keyframes $name {
|
||||
@include keyframeSettings($name);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// $effect needs a corrosponding keyframe, (such as rotate)
|
||||
// with corrosponding keyframeSettings. Called below this mixin
|
||||
// eg @include keyframes(grow);
|
||||
@mixin animateOptions($effect, $time:0.2s, $function:linear) {
|
||||
-moz-animation-fill-mode: both;
|
||||
-ms-animation-fill-mode: both;
|
||||
-o-animation-fill-mode: both;
|
||||
-webkit-animation:$effect $time $function both; //webkit supports this short-hand, moz doesn't yet
|
||||
-moz-animation:$effect $time $function;
|
||||
-ms-animation:$effect $time $function;
|
||||
-o-animation:$effect $time $function;
|
||||
animation:$effect $time $function both;
|
||||
}
|
||||
|
||||
// Shorthand call to animateOptions
|
||||
// $effect needs a corrosponding keyframe, (such as rotate)
|
||||
// with corrosponding keyframeSettings. Called below this mixin
|
||||
// eg @include keyframes(grow);
|
||||
@mixin animateEffect($effect) {
|
||||
@include animateOptions($effect);
|
||||
}
|
||||
|
||||
@include keyframes(rotate);
|
||||
@include keyframes(rotate_secondary);
|
||||
|
||||
|
||||
|
||||
@ -2,10 +2,6 @@
|
||||
/* -------------------------- */
|
||||
.cms-content-controls{
|
||||
|
||||
.cms-preview-toggle-link{
|
||||
display:none;
|
||||
}
|
||||
|
||||
/* Styling the background, controls sit on */
|
||||
&.cms-preview-controls {
|
||||
z-index: 1;
|
||||
@ -90,12 +86,10 @@
|
||||
}
|
||||
}
|
||||
|
||||
&.open{
|
||||
.chzn-drop{
|
||||
position:absolute;
|
||||
left: auto !important; //over-ride chosen inline styles
|
||||
right: 0;
|
||||
}
|
||||
&.open .chzn-drop{
|
||||
position:absolute;
|
||||
left: auto !important; //over-ride chosen inline styles
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.chzn-drop{
|
||||
@ -108,81 +102,81 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
.chzn-container {
|
||||
width: auto !important; //over-ride chosen inline styles for preview selector
|
||||
|
||||
&.chzn-with-rise {
|
||||
.chzn-drop {
|
||||
padding: 0;
|
||||
border-bottom: 1px solid #aaa;
|
||||
margin-top: -5px;
|
||||
width: auto !important; //over-ride chosen inline width (doesn't take image into account)
|
||||
|
||||
.chzn-search {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.chzn-container.chzn-with-rise {
|
||||
width:auto !important; //over-ride chosen inline styles
|
||||
ul{
|
||||
padding:0;
|
||||
margin:0;
|
||||
|
||||
|
||||
.chzn-drop {
|
||||
padding: 0;
|
||||
border-bottom: 1px solid #aaa;
|
||||
margin-top: -5px;
|
||||
width: auto !important; //over-ride chosen inline width (doesn't take image into account)
|
||||
|
||||
.chzn-search {
|
||||
display: none;
|
||||
}
|
||||
|
||||
ul{
|
||||
padding:0;
|
||||
margin:0;
|
||||
|
||||
li{
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
padding: 7px 16px 7px 6px;
|
||||
color: $color-text-blue-link;
|
||||
border-bottom: 1px solid #DDD;
|
||||
background-color: #FFF;
|
||||
|
||||
&:before{
|
||||
margin-right: 2px;
|
||||
}
|
||||
&.description {
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
&:before{
|
||||
margin-top: 5px;
|
||||
}
|
||||
}
|
||||
&.highlighted, &:hover, &:focus {
|
||||
li{
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
padding: 7px 16px 7px 6px;
|
||||
color: $color-text-blue-link;
|
||||
filter: none;
|
||||
background: lighten($color-widget-bg,2%);
|
||||
text-decoration: none;
|
||||
}
|
||||
&.first {
|
||||
@include border-radius(3px 3px 0 0);
|
||||
}
|
||||
&.last {
|
||||
border-bottom: none;
|
||||
@include border-radius(0 0 0 3px);
|
||||
}
|
||||
&.restricted { /* disable option (eg.split mode for smaller screen sizes) */
|
||||
color: #CCC;
|
||||
background-color: #EEE;
|
||||
pointer-events: none;
|
||||
/*text-decoration: line-through;*/
|
||||
&:before {
|
||||
opacity: 0.2;
|
||||
}
|
||||
}
|
||||
border-bottom: 1px solid #DDD;
|
||||
background-color: #FFF;
|
||||
|
||||
/* Description styling */
|
||||
span {
|
||||
display:block;
|
||||
color: lighten($color-text-dark, 30%);
|
||||
font-size:0.85em;
|
||||
line-height:1.1em;
|
||||
padding-left:23px;
|
||||
}
|
||||
.icon-view {
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
}
|
||||
&:before{
|
||||
margin-right: 2px;
|
||||
}
|
||||
&.description {
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
&:before{
|
||||
margin-top: 5px;
|
||||
}
|
||||
}
|
||||
&.highlighted, &:hover, &:focus {
|
||||
color: $color-text-blue-link;
|
||||
filter: none;
|
||||
background: lighten($color-widget-bg,2%);
|
||||
text-decoration: none;
|
||||
}
|
||||
&.first {
|
||||
@include border-radius(3px 3px 0 0);
|
||||
}
|
||||
&.last {
|
||||
border-bottom: none;
|
||||
@include border-radius(0 0 0 3px);
|
||||
}
|
||||
&.restricted { /* disable option (eg.split mode for smaller screen sizes) */
|
||||
color: #CCC;
|
||||
background-color: #EEE;
|
||||
pointer-events: none;
|
||||
/*text-decoration: line-through;*/
|
||||
&:before {
|
||||
opacity: 0.2;
|
||||
}
|
||||
}
|
||||
|
||||
/* Description styling */
|
||||
span {
|
||||
display:block;
|
||||
color: lighten($color-text-dark, 30%);
|
||||
font-size:0.85em;
|
||||
line-height:1.1em;
|
||||
padding-left:23px;
|
||||
}
|
||||
.icon-view {
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.chzn-drop ul.chzn-results li.result-selected {
|
||||
background: darken($color-widget-bg, 2%);
|
||||
@ -214,141 +208,137 @@
|
||||
}
|
||||
}
|
||||
|
||||
/* Styling for the preview screen sizes */
|
||||
.cms-preview {
|
||||
background-color: $tab-panel-texture-color;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
|
||||
.preview-note {
|
||||
font-weight: 18px;
|
||||
color: #CDD7DC;
|
||||
display: block;
|
||||
font-size: 22px;
|
||||
font-weight: bold;
|
||||
height: 82px;
|
||||
margin-top: -50px;
|
||||
margin-left: -150px; /* half of width */
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
width: 300px;
|
||||
height: 82px;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin-top: -50px;
|
||||
margin-left: -150px; /* half of width */
|
||||
color: #CDD7DC;
|
||||
font-weight: bold;
|
||||
font-size: 22px;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
top: 50%;
|
||||
width: 300px;
|
||||
span {
|
||||
background: sprite($sprites64, preview) no-repeat;
|
||||
width: 50px;
|
||||
height: 41px;
|
||||
margin: 0 auto 20px;
|
||||
display: block;
|
||||
height: 41px;
|
||||
margin: 0 auto 20px;
|
||||
width: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
.preview-scroll {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
position: relative;
|
||||
|
||||
width: 100%;
|
||||
.preview-device-outer {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
|
||||
.preview-device-inner {
|
||||
height: 100%;
|
||||
.preview-device-inner {
|
||||
@include box-sizing('border-box');
|
||||
width: 100%;
|
||||
|
||||
height:100%;
|
||||
iframe {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.mobile, &.mobileLandscape, &.tablet, &.tabletLandscape, &.desktop {
|
||||
.preview-scroll {
|
||||
background-color: $tab-panel-texture-color; /* hide website preview icon */
|
||||
background-color: $tab-panel-texture-color; /* cover website preview icon */
|
||||
.preview-device-outer {
|
||||
padding: 0 16px 16px;
|
||||
background-color: #414141;
|
||||
@include border-radius(7px);
|
||||
background: lighten(#D2DBE0, 1%);
|
||||
border: 1px solid transparent;
|
||||
border-left:1px solid darken(#D2DBE0, 1%);
|
||||
padding: 0 16px 16px;
|
||||
.preview-device-inner {
|
||||
border-top:2px solid lighten(#D2DBE0,5%);
|
||||
border-right: 1px solid transparent;
|
||||
border-bottom:1px solid lighten(#D2DBE0,5%);
|
||||
border-left:1px solid darken(#D2DBE0, 5%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.mobile {
|
||||
.preview-scroll .preview-device-outer {
|
||||
width: 335px; /* add 15px for desktop scrollbar */
|
||||
@include rotate(0deg);
|
||||
@include transition(all 0.3s ease-in 1s);
|
||||
height: 568px;
|
||||
margin: 20px auto 20px;
|
||||
padding-top: 16px;
|
||||
overflow:hidden;
|
||||
@include rotate(0deg);
|
||||
@include transition(all 0.3s ease-out 1s);
|
||||
padding-top: 16px;
|
||||
width: 335px; // add 15px for approx desktop scrollbar
|
||||
.preview-device-inner {
|
||||
width: 335px;
|
||||
@include transition(all 0.3s ease-in 1s);
|
||||
@include rotate(0deg);
|
||||
@include transition(all 0.3s ease-out 1s);
|
||||
width: 335px;
|
||||
}
|
||||
&.rotate {
|
||||
width: 320px;
|
||||
height: 583px;
|
||||
margin: 0px auto 0px;
|
||||
@include rotate(-90deg);
|
||||
@include transition(all 0.3s ease-in 1s);
|
||||
height: 583px;
|
||||
margin: 0px auto 0px;
|
||||
width: 320px;
|
||||
.preview-device-inner {
|
||||
width: 583px;
|
||||
height: 320px;
|
||||
@include apply-origin(160px 160px, false);
|
||||
@include rotate(90deg);
|
||||
@include transition(all 0.3s ease-out 1s);
|
||||
@include apply-origin(160px 160px, false);
|
||||
height: 320px;
|
||||
width: 583px;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
&.mobileLandscape .preview-scroll .preview-device-outer {
|
||||
width: 583px; /* add 15px for desktop scrollbar */
|
||||
@include transition(all 0.3s ease-out 1s);
|
||||
height: 320px;
|
||||
margin: 12% auto;
|
||||
padding-top: 16px;
|
||||
@include transition(all 0.3s ease-out 1s);
|
||||
.preview-device-inner {
|
||||
width: 583px;
|
||||
width: 583px; // add 15px for approx desktop scrollbar
|
||||
.preview-device-inner {
|
||||
@include transition(all 0.3s ease-out 1s);
|
||||
width: 583px;
|
||||
}
|
||||
}
|
||||
&.tablet .preview-scroll .preview-device-outer {
|
||||
width: 783px; /* add 15px for desktop scrollbar */
|
||||
@include transition(all 0.3s ease-out 1s);
|
||||
height: 1024px;
|
||||
margin: 0 auto;
|
||||
@include transition(all 0.3s ease-out 1s);
|
||||
.preview-device-inner {
|
||||
width: 783px;
|
||||
width: 783px; // add 15px for approx desktop scrollbar
|
||||
.preview-device-inner {
|
||||
@include transition(all 0.3s ease-out 1s);
|
||||
width: 783px;
|
||||
}
|
||||
}
|
||||
&.tabletLandscape .preview-scroll .preview-device-outer {
|
||||
width: 1039px; /* add 15px for desktop scrollbar */
|
||||
@include transition(all 0.3s ease-out 1s);
|
||||
height: 768px;
|
||||
margin: 0 auto;
|
||||
@include transition(all 0.3s ease-out 1s);
|
||||
|
||||
.preview-device-inner {
|
||||
width: 1039px;
|
||||
width: 1039px;// add 15px for approx desktop scrollbar
|
||||
.preview-device-inner {
|
||||
@include transition(all 0.3s ease-out 1s);
|
||||
width: 1039px;
|
||||
}
|
||||
}
|
||||
&.desktop .preview-scroll .preview-device-outer {
|
||||
width: 1024px;
|
||||
@include transition(all 0.3s ease-out 1s);
|
||||
height: 800px;
|
||||
margin: 0 auto;
|
||||
@include transition(all 0.3s ease-out 1s);
|
||||
width: 1024px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
@ -1664,6 +1664,15 @@ form.import-form {
|
||||
}
|
||||
}
|
||||
|
||||
/** --------------------------------------------
|
||||
* Hide preview toggle link by default. May be shown
|
||||
in IE7 stylesheet and forced to show with js if needed
|
||||
* -------------------------------------------- */
|
||||
.cms .Actions > .cms-preview-toggle-link,
|
||||
.cms .cms-navigator > .cms-preview-toggle-link{
|
||||
display:none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -219,10 +219,7 @@ table.ss-gridfield-table {
|
||||
display:none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.cms-content-controls{
|
||||
.cms-preview-toggle-link{
|
||||
display:block !important;
|
||||
}
|
||||
.cms .Actions > .cms-preview-toggle-link{
|
||||
display:block;
|
||||
}
|
||||
@include IEVerticalPanelText;
|
||||
@ -19,16 +19,15 @@
|
||||
</select>
|
||||
</span>
|
||||
|
||||
|
||||
<% if Items.Count < 5 %>
|
||||
<fieldset id="preview-states" class="cms-preview-states switch-states size_{$Items.Count}">
|
||||
<div class="switch">
|
||||
<% loop Items %>
|
||||
<input id="$Title" data-name="$Name" class="state-name $FirstLast" data-link="$Link" name="view" type="radio" <% if First %>checked<% end_if %>>
|
||||
<label for="$Title"<% if First %> class="active"<% end_if %>><span>$Title</span></label>
|
||||
<% end_loop %>
|
||||
<span class="slide-button"></span>
|
||||
</div>
|
||||
<label for="$Title"<% if First %> class="active"<% end_if %>><span>$Title</span></label>
|
||||
<% end_loop %>
|
||||
<span class="slide-button"></span>
|
||||
</div>
|
||||
</fieldset>
|
||||
<% else %>
|
||||
<span id="preview-state-dropdown" class="cms-preview-states field dropdown">
|
||||
@ -41,9 +40,4 @@
|
||||
</select>
|
||||
</span>
|
||||
<% end_if %>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@ -9,7 +9,7 @@
|
||||
/** ----------------------------------------------- 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 ------------------------------------------------ */
|
||||
.cms .ss-gridfield > div { margin-bottom: 36px; }
|
||||
.cms .ss-gridfield > div.addNewGridFieldButton { margin: 0 0 12px 0; }
|
||||
.cms .ss-gridfield > div.addNewGridFieldButton { margin-bottom: 12px; }
|
||||
.cms .ss-gridfield > div.addNewGridFieldButton:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
|
||||
*:first-child .cms .ss-gridfield > div.addNewGridFieldButton { zoom: 1; }
|
||||
.cms .ss-gridfield[data-selectable] tr.ui-selected, .cms .ss-gridfield[data-selectable] tr.ui-selecting { background: #FFFAD6 !important; }
|
||||
@ -52,9 +52,8 @@
|
||||
.cms table.ss-gridfield-table tbody td button.ui-state-hover { background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
|
||||
.cms table.ss-gridfield-table tbody td button.ui-state-active { border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
|
||||
.cms table.ss-gridfield-table tbody td button.gridfield-button-delete { width: 20px; margin: 0; }
|
||||
.cms table.ss-gridfield-table tbody td button.gridfield-button-delete .ui-icon { left: 0; }
|
||||
.cms table.ss-gridfield-table tbody td button.gridfield-button-delete span.btn-icon-decline { left: 2px; }
|
||||
.cms table.ss-gridfield-table tbody td a.view-link, .cms table.ss-gridfield-table tbody td a.edit-link { display: inline-block; float: left; width: 20px; height: 20px; text-indent: -9999em; overflow: hidden; vertical-align: middle; margin-right: 8px; }
|
||||
.cms table.ss-gridfield-table tbody td a.view-link, .cms table.ss-gridfield-table tbody td a.edit-link { display: inline-block; float: left; width: 20px; 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 2px 0px; }
|
||||
.cms table.ss-gridfield-table tfoot { color: #323e46; }
|
||||
@ -72,7 +71,7 @@
|
||||
.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 div.fieldgroup.filter-buttons { min-width: 50px; box-shadow: none; border: none; }
|
||||
.cms table.ss-gridfield-table tr th div.fieldgroup.filter-buttons { min-width: 0; box-shadow: none; border: none; }
|
||||
.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 #a4b4bf; border-left: 1px solid #a4b4bf; color: #fff; background: #98aab6; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
|
||||
.cms table.ss-gridfield-table tr th.main span { text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2); padding-left: 8px; padding-right: 8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; margin-right: 8px; }
|
||||
@ -86,10 +85,10 @@
|
||||
.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 2px; border: none; width: 100%; text-align: left; padding: 2px 8px 2px 0; text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2); 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 -38px; }
|
||||
.cms table.ss-gridfield-table tr th button.ss-gridfield-sort.ss-gridfield-sorted-desc { background-position: right -76px; }
|
||||
.cms table.ss-gridfield-table tr th button.ss-gridfield-sort.ss-gridfield-sorted-asc { background-position: right -120px; }
|
||||
.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: 2px 8px 2px 0; text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2); 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.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-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 -15px 4px, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzOGRjMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI4NzA5OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: url(../images/icons/filter-icons.png) no-repeat -15px 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 -15px 4px, -webkit-linear-gradient(#338dc1, #287099); background: url(../images/icons/filter-icons.png) no-repeat -15px 4px, -moz-linear-gradient(#338dc1, #287099); background: url(../images/icons/filter-icons.png) no-repeat -15px 4px, -o-linear-gradient(#338dc1, #287099); background: url(../images/icons/filter-icons.png) no-repeat -15px 4px, linear-gradient(#338dc1, #287099); width: 26px; 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 -15px 4px, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1YTRkMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMzOGRjMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: url(../images/icons/filter-icons.png) no-repeat -15px 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 -15px 4px, -webkit-linear-gradient(#55a4d2, #338dc1); background: url(../images/icons/filter-icons.png) no-repeat -15px 4px, -moz-linear-gradient(#55a4d2, #338dc1); background: url(../images/icons/filter-icons.png) no-repeat -15px 4px, -o-linear-gradient(#55a4d2, #338dc1); background: url(../images/icons/filter-icons.png) no-repeat -15px 4px, linear-gradient(#55a4d2, #338dc1); }
|
||||
.cms table.ss-gridfield-table tr th button.ss-ui-button.ss-gridfield-button-filter.trigger { margin-left: 12px; border: none; background: url(../images/icons/filter-icons.png) no-repeat -17px 6px; padding-right: 46px; margin: 0 6px; }
|
||||
|
||||
@ -41,7 +41,7 @@ $gf_grid_x: 16px;
|
||||
& > div {
|
||||
margin-bottom: $gf_grid_y*3;
|
||||
&.addNewGridFieldButton{
|
||||
margin: 0 0 $gf_grid_y 0;
|
||||
margin-bottom:$gf_grid_y;
|
||||
@include clearfix;
|
||||
}
|
||||
}
|
||||
@ -161,7 +161,7 @@ $gf_grid_x: 16px;
|
||||
word-wrap:break-word;
|
||||
// Give browser some hints on which cols take priority:
|
||||
// The last column (buttons) should always shrink to fit.
|
||||
// Overwritten for IE7, which doesn't support this.
|
||||
// Overwritten for IE7, which doesnt support this.
|
||||
&.col-buttons {
|
||||
width: auto;
|
||||
padding:0 $gf_grid_x/2;
|
||||
@ -245,9 +245,6 @@ $gf_grid_x: 16px;
|
||||
&.gridfield-button-delete {
|
||||
width: 20px;
|
||||
margin: 0;
|
||||
.ui-icon {
|
||||
left: 0;
|
||||
}
|
||||
span.btn-icon-decline {
|
||||
left: 2px;
|
||||
}
|
||||
@ -258,10 +255,9 @@ $gf_grid_x: 16px;
|
||||
float: left;
|
||||
width:20px;
|
||||
height:20px; //min height to fit the edit icon
|
||||
text-indent:-9999em;
|
||||
text-indent:9999em;
|
||||
overflow: hidden;
|
||||
vertical-align: middle;
|
||||
margin-right: 8px;
|
||||
}
|
||||
a.view-link {
|
||||
background: url(../admin/images/btn-icon/magnifier.png) no-repeat 0 1px;
|
||||
@ -346,7 +342,7 @@ $gf_grid_x: 16px;
|
||||
min-width: $gf_grid_x*12.5;
|
||||
padding-right:0;
|
||||
&.filter-buttons{
|
||||
min-width:50px;
|
||||
min-width:0;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
div{
|
||||
@ -418,7 +414,7 @@ $gf_grid_x: 16px;
|
||||
@include box-shadow-none;
|
||||
}
|
||||
&.ss-gridfield-sort {
|
||||
background: transparent url(../images/arrows.png) no-repeat right 2px;
|
||||
background: transparent url(../images/arrows.png) no-repeat right 6px;
|
||||
border:none;
|
||||
width:100%;
|
||||
text-align: left;
|
||||
@ -427,13 +423,13 @@ $gf_grid_x: 16px;
|
||||
color: #fff;
|
||||
@include border-radius(0);
|
||||
&:hover {
|
||||
background-position: right -38px;
|
||||
background-position: right -34px;
|
||||
}
|
||||
&.ss-gridfield-sorted-desc {
|
||||
background-position: right -76px;
|
||||
background-position: right -72px;
|
||||
}
|
||||
&.ss-gridfield-sorted-asc {
|
||||
background-position: right -120px;
|
||||
background-position: right -116px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user