.uc-assets-manager-wrapper{ padding:10px; background-color:#ffffff; } .uc-button-action-wrapper { float: left; width: 110px; height: 40px; } .uc-editor-title { font-weight: bold; padding-bottom: 5px; padding-top: 10px; font-size:18px; color: #636363; } .uc-addon-icon-small { width: 32px; height: 32px; background-position: center center; background-repeat: no-repeat; background-size: contain; display: inline-block; } .uc-cm-mark-key { background-color: #C8F0CB; color: black !important; } .----------------LAYOUT_PREVIEW_VIEW------------- {} .uc-layout-preview-toolbar{ margin-bottom:25px; } .----------------ADDONS_MANAGER_VIEW------------- {} .dialog-import-addons-left{ float:left; width:320px; } .dialog-import-addons-right{ float:left; padding:10px; padding-top:0px; width:320px; xborder:1px solid black; } .----------------PARAMS_PANEL------------- {} .uc-tabs { clear: both; overflow: hidden; } .uc-tabs a, .uc-tabs a:visited, .uc-tabs a:focus, .uc-tabs a:active { float: left; border: 1px solid #e1e1e1; border-right: none; border-top:3px solid #e1e1e1; background-color: #f5f5f5; padding: 18px; display: block; text-decoration: none; color: #125066; cursor: pointer; box-sizing:border-box; } .uc-tabs a:last-child { border-right: 1px solid #e1e1e1 !important; } .uc-tabs a:hover { background-color: #e6e6e6; text-decoration: none; } .uc-tabs a:focus { box-shadow:none !important; outline:none !important; } .uc-tabs a.uc-tab-selected { background-color: #fff; color: black; cursor: default; text-decoration: none; border-bottom: 1px solid #fff; border-top:3px solid #0096ff; } .uc-tab-content { background-color: #fff; min-height: 300px; margin-right: 20px; padding: 20px; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; } .uc-tabs-content-wrapper { margin-bottom: 35px; direction: ltr; } .uc-tabs-content-wrapper .area_addon { width: 100%; height: 300px; padding: 5px; } .uc-tabs-content-wrapper .CodeMirror { width: 100%; height: 300px; min-height:300px; border: 1px solid #B5B5B5; } .uc-tabs-content-wrapper .CodeMirror-scroll { width: 100%; height: 300px; background-color: #ffffff; } .uc-tabs-content-wrapper .uc-tabcontent-table { width: 100%; vertical-aligh: top; padding: 0px; margin: 0px; background-color:#f5f5f5; border-radius:5px; border:1px solid #e1e1e1; padding-bottom:10px; } .uc-tabs-content-wrapper .uc-tabcontent-table td { padding: 0px; padding-left:20px; margin: 0px; } .uc-tabs-content-wrapper .uc-tabcontent-cell-left { max-width: 700px; vertical-align:top; } .uc-tabs-content-wrapper .uc-tabcontent-cell-right { width: 180px; vertical-align: top; padding-top:36px !important; } .uc-tabs-content-wrapper .uc-tabcontent-link-expand{ float:right; text-decoration:none; font-size:12px; } .uc-tabs-content-wrapper .uc-tabcontent-link-expand:hover{ text-decoration:underline; } .uc-tabcontent-table .uc-row-expanded{ } .uc-tabcontent-table .uc-row-expanded .CodeMirror{ height:500px !important; } .uc-tabcontent-table .uc-row-expanded .CodeMirror-scroll{ height:500px !important; } .uc-tabcontent-table .uc-row-expanded .uc-params-panel{ height:425px; } .uc-tabcontent-table .uc-row-expanded .uc-params-panel-main{ height:467px !important; } .uc-tab-content .uc-tab-content-desc { color: red; font-style: italic; color: #6A6464; padding-bottom: 10px; } .----------------PARAMS_PANEL------------- {} .uc-params-panel-filters{ margin-bottom:22px; } .uc-params-panel-filters a{ text-decoration:none; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; border:1px solid #AEAEAE; background-color:#fff; color:#000; margin-right:3px; border-radius:3px; } .uc-params-panel-filters a:hover{ border:1px solid #0096ff; } .uc-params-panel-filters a.uc-filter-active{ border:1px solid #0096ff; background-color:#0096ff; color:#fff; cursor:default; } .uc-params-panel-filters a.uc-filter-active:hover{ } .uc-params-panel { padding: 5px; height: 225px; padding-left: 0px; margin-left: 0px; overflow-y: auto; overflow-x:hidden; margin-bottom:5px; } .uc-params-panel-main { height: 267px; } .uc-params-panel a.uc-link-paramkey { display: block; margin-bottom: 10px; text-decoration: none; color: #39A9CB; } .uc-params-panel a.uc-link-paramkey.uc-type-variable { color: #2CB833; } .uc-params-panel a.uc-link-paramkey.uc-type-constant { color: #A1A731; } .uc-params-panel a.uc-link-paramkey.uc-type-function { color: #A4342C; } .uc-params-panel a.uc-link-paramkey:hover { text-decoration: none; color: #162DC2; } .uc-params-panel a.uc-link-paramkey.uc-child-key{ margin-left:10px; } .uc-params-panel .uc-param-wrapper { position: relative; } .uc-params-panel .uc-param-wrapper .uc-icons-wrapper { width: 47px; height: 18px; padding: 2px; position: absolute; top: 0px; right: 0px; background-color: #409123; display: none; } .uc-params-panel .uc-param-wrapper .uc-icons-wrapper.uc-icons-parent{ width: 20px; background:none !important; background-color:transparent !important; } .uc-params-panel .uc-param-wrapper.uc-hover .uc-icons-wrapper { display: block; } .uc-params-panel .uc-icons-wrapper .uc-icon-edit { width: 18px; height: 18px; background-image: url('../images/icon_edit.png'); cursor: pointer; display: inline-block; } .uc-params-panel .uc-icons-wrapper .uc-icon-show-children{ background-repeat:no-repeat; width: 16px; height: 16px; background-image: url('../images/icon_plus_white_16.png'); cursor: pointer; display: inline-block; opacity:0.5; } .uc-params-panel .uc-icons-wrapper .uc-icon-show-children:hover{ background-color:#D8F8CE; } .uc-params-panel .uc-child-hidden{ display:none !important; } .uc-params-panel .uc-icons-wrapper .uc-icon-delete { width: 18px; height: 18px; background-image: url('../images/icon_delete.png'); margin-left: 5px; cursor: pointer; display: inline-block; } .----------------TABLE_ATTRIBUTES------------- {} .uc-tab-content.uc-tab-itemattr .unite_settings_wrapper { margin-top: 10px; margin-bottom: 10px; } /** Attributes **/ .uc-attr-wrapper { min-height: 200px; background-color: white; padding: 10px; padding-bottom: 20px; } .uc-table-params { margin-bottom: 20px; width: 100%; } .uc-table-params .uc-button-duplicate-param { margin-left: 10px; } .uc-table-params label { margin-right: 13px; display: inline; } .uc-table-params input[type="radio"] { margin-right: 3px; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; } .uc-table-params input[type="checkbox"] { margin-right: 5px; } .uc-table-params .uc-table-row-handle { height: 25px; width: 20px; background-color: #e1e1e1; cursor: move; display:inline-block; } .uc-table-params .uc-table-admin-label { height: 25px; width: 20px; display:inline-block; margin-left:3px; } .uc-table-params .uc-table-admin-label.label-active{ background-image:url('../images/eyes.png'); background-position:center center; background-repeat:no-repeat; } .uc-table-params .unite-input-number { width: 50px !important; } .uc-table-params .unite-input-image { width: 86px !important; margin-right: 10px; } .----------------PARAMS_DIALOG------------- {} /** DIALOG PARAM **/ .dialog-param-wrapper { padding: 10px; padding-top: 10px; padding-bottom: 20px; } .dialog-param-wrapper .uc-tabsparams-content-wrapper { clear: both; margin-top: 15px; padding-top:20px; border-top:1px dashed black; margin-bottom: 0px; } .dialog-param-wrapper .dialog-param-left { float: left; width: 380px; } .dialog-param-wrapper .dialog-param-right { float: left; width: 580px; } .dialog-param-wrapper input[type="text"] { width: 250px; } .dialog-param-wrapper .uc-text-colorpicker { width: 100px !important; } .dialog-param-wrapper .unite-input-medium { width: 130px !important; } .dialog-param-wrapper label { display: inline; margin: 0px; } .dialog-param-wrapper textarea { width: 300px; } .dialog-param-wrapper .dialog-param-right textarea { width: 400px; height: 120px; } .uc-radioset-wrapper span.uc-radioset-title { padding-right: 17px; padding-top: 5px; } .uc-radioset-wrapper input { margin: 0px !important; } .uc-radioset-wrapper label { margin-right: 10px; display: inline !important; } .uc-table-dropdown-items thead th { padding-bottom: 5px; } .uc-table-dropdown-items.uc-table-dropdown-full .uc-dropdown-item-name { width: 200px !important; } .uc-table-dropdown-items.uc-table-dropdown-full .uc-dropdown-item-value { width: 150px !important; margin-left: 5px; } .uc-table-dropdown-items.uc-table-dropdown-simple tr th { width: 150px; } .uc-table-dropdown-items.uc-table-dropdown-simple .uc-dropdown-item-name { width: 150px !important; } .uc-table-dropdown-items.uc-table-dropdown-simple .uc-dropdown-item-value { width: 250px !important; margin-left: 5px; } .uc-table-dropdown-items .uc-dropdown-icon { width: 16px; height: 16px; background-repeat: no-repeat; cursor: pointer; float: left; } .uc-table-dropdown-items .uc-dropdown-item-delete { background-image: url('../images/icon_delete_small.png'); margin-left: 4px; } .uc-table-dropdown-items .uc-dropdown-item-add { background-image: url('../images/icon_plus_small.png'); margin-left: 8px; } .uc-table-dropdown-items .uc-dropdown-item-default { background-image: url('../images/icon_accept_disabled.png'); background-repeat: no-repeat; margin-left: 8px; } .uc-dropdown-item-default.uc-selected { background-image: url('../images/icon_accept.png'); } .uc-table-dropdown-items .uc-dropdown-item-handle { height: 25px; width: 20px; background-color: #e1e1e1; cursor: move; } .dialog-param-wrapper .unite-color-picker-element { margin-left: 126px; margin-top: -55px; } .uc-dialog-param-error { position: absolute; top: 396px; left: 29px; width: 360px; } .uc-dialog-param.uc-dialog-limited .uc-tabs a { background-color: #E8E6E6; color: #C1B9B9; border: 1px solid #C1B9B9; cursor: default; } .uc-dialog-param.uc-dialog-limited .uc-tabs a.uc-tab-selected { background-color: #7F7373; color: #EDEBEB; border: 1px solid #4F4747; } .uc-dialog-param .uc-link-add { color: #3EA0A2; } .uc-dialog-param .uc-dialog-param-min-height { min-height: 190px; } .uc-dialog-param .uc-content-selected { background-color:#eee !important; } .----------------OVERVIEW_TAB------------- {} .uc-tab-overview { padding: 10px; } .uc-tab-overview .uc-section, .uc-tab-overview .uc-section-inline { padding-bottom: 15px; } .uc-tab-overview .uc-section-title { padding-bottom: 2px; float: left; } .uc-tab-overview .uc-section-content { float: left; margin-left: 10px; } .uc-tab-overview .uc-desc-wrapper { max-height: 100px; max-width: 600px; overflow: auto; } .uc-tab-overview .uc-section-title.uc-title-icon { padding-top: 6px; } .----------------INCLUDES_TAB------------- { } .uc-table-includes-left{ } .uc-table-includes-right{ width:590px; } #uc_table_includes li { padding-bottom: 8px; } #uc_table_includes input.uc-includes-url { float: left; width: 270px; padding-bottom: 0px; margin-bottom: 0px; } #uc_tab_includes input.uc-includes-filename { float: left; width: 130px; margin-left: 5px; padding-bottom: 0px; margin-bottom: 0px; } #uc_table_includes .uc-condition-container { font-weight: bold; padding-left: 25px; color: green; } #uc_table_includes .uc-condition-container .uc-condition-never { color: red; } #uc_table_includes tr td { vertical-align: top; } .uc-includes-handle { height: 25px; width: 20px; background-color: #e1e1e1; cursor: move; float: left; margin-top: 4px; margin-right: 4px; } #uc_tab_includes .uc-includes-icon { width: 16px; height: 16px; background-repeat: no-repeat; cursor: pointer; float: left; margin-top: 9px; } .uc-includes-icon.uc-includes-delete { background-image: url('../images/icon_delete_small.png'); margin-left: 6px; } .uc-includes-icon.uc-includes-add { background-image: url('../images/icon_plus_small.png'); margin-left: 8px; } .uc-includes-icon.uc-includes-settings { margin-left: 6px; background-image: url('../images/icon_settings16.png'); } #uc-js-libraries{ padding:20px; border:1px solid lightgray; background-color:#f1f1f1; margin-bottom:20px; margin-top:15px; } #uc_includes_wrapper{ padding:20px; border:1px solid lightgray; background-color:#f1f1f1; } .----------------ASSETS_TAB------------- { } .uc-assets-folder-wrapper { padding: 20px; border-radius:5px; margin-bottom: 10px; background-color:#f5f5f5; border:1px solid #e1e1e1; } .uc-assets-folder-wrapper .uc-assets-folder-label { padding-right: 4px; } .uc-assets-folder-wrapper .uc-assets-folder-folder { font-weight: bold; } .uc-assets-folder-wrapper a.unite-button-secondary { margin-left: 5px; } /** ASSETS MANAGER **/ .uc-assets-buttons-panel { background-color: #F7F7F7; border: 1px solid #E1E1E1; margin-bottom: 20px; padding:20px; border-radius:5px; } .uc-assets-buttons-panel a { margin: 5px; } .uc-assets-buttons-panel a.button-disabled { display: none; } .uc-assets-activepath { height: 30px; } .uc-assets-activepath-inner { height: 25px; display: inline-block; margin-top: 2px; } .uc-assets-activepath .uc-pathname { font-weight: bold; } .uc-assets-wrapper { width: 100%; min-height: 300px; background-color: white; box-sizing: border-box; } .uc-filelist { xbackground-color: red; float: left; } .uc-filelist-item { display: block; color: #000000; text-decoration: none; cursor: pointer; } .uc-view-list .uc-filelist-item { padding: 5px; padding-right: 10px; min-width: 100px; } .uc-filelist-item:hover { background-color: #e9e9e9; color: #000000; } .uc-filelist-item-selected { background-color: #E8F8ED; } .uc-filelist-item-deleting { background-color: #FEE2E2; } .uc-filelist-item-selected:hover { background-color: #CEDED6; } .uc-filelist-checkbox-wrapper { float: left; width: 20px; height: 20px; } .uc-filelist-checkbox-wrapper input { margin: 0px !important; padding: 0px !important; } .uc-filelist-icon { float: left; margin-left: 5px; margin-top: 2px; width: 16px; height: 16px; background-image: url('../images/icon_file.png'); background-repeat: no-repeat; } .uc-filelist-icon.uc-icon-dir { background-image: url('../images/icon_folder.png'); } .uc-filelist-icon.uc-icon-php { background-image: url('../images/icon_php.png'); } .uc-filelist-icon.uc-icon-image { background-image: url('../images/icon_picture.png'); } .uc-filelist-icon.uc-icon-js { background-image: url('../images/icon_script.png'); } .uc-filelist-icon.uc-icon-zip { background-image: url('../images/icon_zip.png'); } .uc-filelist-icon.uc-icon-video { background-image: url('../images/icon_video.png'); } .uc-filelist-icon.uc-icon-document { background-image: url('../images/icon_txt.png'); } .uc-filelist-icon.uc-icon-css { background-image: url('../images/icon_css.png'); } .uc-filelist-icon.uc-icon-audio { background-image: url('../images/icon_music.png'); } .uc-filelist-filename { float: left; padding-left: 6px; padding-top: 2px; } .uc-dialog-upload-inner { height: 300px; margin-top: 10px; margin-bottom: 10px; padding: 5px; } .uc-dialog-edit-file .uc-loader-wrapper { padding-top: 20px; } .uc-dialog-edit-file .uc-dialog-inner { height: 350px; } .uc-dialog-edit-file .CodeMirror { height: 320px !important; } .uc-dialog-move-file .uc-dialog-move-message { padding: 10px; margin: 10px; display: inline-block; border: 1px solid #B0A8A8; background-color: #EAE8E8; } .uc-dialog-move-file .uc-dialog-move-message-text { padding: 15px; } .uc-dialog-move-file a.unite-button-secondary { margin: 5px; } .--------------FILELIST_THUMBS_VIEW----------- {} .uc-view-thumbs .uc-filelist-icon.uc-icon-dir { background-image: url('../images/icon_folder_45.png'); } .uc-view-thumbs .uc-filelist-item { xbackground-color: red; width: 70px; height: 70px; margin: 5px; float: left; position: relative; padding: 0px; } .uc-filelist-item:hover { background-color: #e9e9e9; color: #000000; } .uc-view-thumbs .uc-filelist-icon { width: 70px; height: 50px; margin: 0px; padding: 0px; background-position: center center; float: none; } .uc-view-thumbs .uc-filelist-icon.uc-icon-image { background-size: cover; } .uc-view-thumbs .uc-filelist-filename { margin: 0px auto; padding-left: 2px; padding-right: 2px; float: none; text-align: center; overflow: hidden; } .----------------EDIT_ADDON_VIEW------------- {} .uc-edit-addon-buttons-panel-wrapper{ height:67px; } .uc-edit-addon-buttons-panel .unite-button-secondary{ margin-right:10px; } .uc-edit-addon-buttons-panel.uc-stick-top{ background-color:lightgray; position:fixed; top:32px; left:181px; width:100%; height:38px; margin:0px; padding:0px; z-index:140000; } .uc-edit-addon-col { float: left; xbackground-color: green; } .uc-edit-addon-col.uc-col-first { width: 300px; } .uc-edit-addon-col.uc-col-second { max-width: 630px; min-width: 400px; margin-left: 10px; } .uc-edit-addon-col.uc-col-second table.unite_table_settings_wide tr th { width: 140px; } .----------------TEST_ADDON_VIEW------------- {} .uc-testaddon-panel { margin-bottom: 30px; } .uc-testaddon-panel a.unite-button-secondary{ margin-right:10px; } .uc-testaddon-panel a.uc-button-cat-sap{ margin-right:40px; } .----------------NO_ADDON_TEXT------------- {} .uc-empty-addons-wrapper{ position:relative; } .uc-empty-addons-wrapper .uc-content-box{ text-align:center; font-family: 'Open Sans', sans-serif; font-size:20px; font-weight:400; color:#152d4f;padding-left:20px;padding-right:20px;} .uc-empty-addons-wrapper .uc-content-box h2{ font-weight:700;font-size: 21px;line-height: normal;} .uc-empty-addons-wrapper .uc-content-box h3{ font-weight:700;font-size: 20px;line-height: normal;} .uc-empty-addons-wrapper .uc-content-box p{ margin:20px 0;font-size:14px;} .uc-empty-addons-wrapper .uc-content-box a{ background:#5f79f9; padding:10px 25px; text-decoration:none; font-size:15px; color: #fff;font-weight: 400;border-radius: 30px; margin:18px 0 0; display:inline-block;} .uc-empty-addons-wrapper .uc-content-box a:hover{ text-decoration:underline;} .uc-empty-addons-wrapper .uc-content-box img{ margin:15px 0;} @media only screen and (max-width: 429px) { .uc-empty-addons-wrapper uc-content-box{ max-width:100%; left:0%; top:50%;transform:translatey(-50%); text-align:center;} .uc-empty-addons-wrapper uc-content-box p br{ display:none;} } #---------------MANAGER-PREVIEW-TOOLTIP---------------------- {} .uc-addon-preview-wrapper{ width:250px; height:150px; background-color:#ffffff; border:1px solid #E5E1E1; position:absolute; background-position:center center; background-repear:no-repeat; background-size:cover; } .uc-tab-content .uc-edit-addon-preview-image{ display:block; width:250px; height:150px; background-position:center center; background-repear:no-repeat; background-size:cover; margin-top:35px; margin-left:177px; } #---------------DROPZONE-UPLOAD-OVERRIDE---------------------- {} .uc-dz-preview{ position:relative; } .uc-dz-preview .uc-dz-details{ display:inline-block; } .uc-dz-preview .uc-dz-details .uc-dz-filename{ display:inline-block; width:180px; overflow:hidden; padding-right:5px; } .uc-dz-preview .uc-dz-details .uc-dz-size{ display:inline-block; width:55px; padding-right:5px; } .uc-dz-preview .uc-dz-message{ display:none; } .uc-dz-preview .dz-remove{ cursor:pointer !important; } .uc-dz-preview .dz-remove:hover{ color:#2B738D; } .uc-dz-preview.dz-success, .uc-dz-preview.dz-success .dz-remove{ color: green; } .uc-dz-preview .uc-dz-loader{ display:none; width:16px; height:16px; position:absolute; right:0px; top:7px; background-image: url('../images/loader.gif'); background-repeat: no-repeat; } .uc-dz-preview.dz-processing .uc-dz-loader{ display:inline-block; } .uc-dz-preview.dz-processing.dz-complete .uc-dz-loader{ display:none; } .uc-import-addons-dropzone{ overflow:hidden; height:150px; padding:5px !important; } #---------------LAYOUTS-CATEGORIES-DIALOG--------------------------------------{} #list_layouts_cats tr.category td.cat-name { min-width: 400px; } #list_layouts_cats tr.category span:hover { cursor: pointer; } #list_layouts_cats tr.category:hover { background: #f3f3f3; } #list_layouts_cats { height: 200px; overflow-y: auto; } #list_layouts_cats tr.selected, #list_layouts_cats tr.selected:hover { background: #D6F5FF; } .cat-name button, .cat-name input { margin: 0px; } .cat-name input { width: auto; min-width: 100px; } form[name=uc-select-category] select[name=category] { float: left; margin-top:2px; margin-right: 5px; }