Файловый менеджер - Редактировать - /home/goldin10/public_html/getoutyourbox.com/wp-content/plugins/smart-slider-3/nextend/media/dist/nextend-backend.css
Error occurred
Назад
@font-face { font-family: 'Nextend'; src: url('../fonts/Nextend.eot?un60yf'); src: url('../fonts/Nextend.eot?un60yf#iefix') format('embedded-opentype'), url('../fonts/Nextend.ttf?un60yf') format('truetype'), url('../fonts/Nextend.woff?un60yf') format('woff'); font-weight: normal; font-style: normal; } .n2-i { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'Nextend' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .n2-i-reveal:before { content: "\e992"; } .n2-i-fade:before { content: "\e993"; } .n2-i-scale:before { content: "\e994"; } .n2-i-move:before { content: "\e995"; } .n2-i-flip:before { content: "\e996"; } .n2-i-special:before { content: "\e997"; } .n2-i-bounce:before { content: "\e998"; } .n2-i-rotate:before { content: "\e999"; } .n2-i-highlight:before { content: "\e990"; } .n2-i-rotating:before { content: "\e991"; } .n2-i-group:before { content: "\e957"; } .n2-i-group-up:before { content: "\e958"; } .n2-i-group-insert:before { content: "\e959"; } .n2-i-add-sample:before { content: "\e951"; } .n2-i-add-new:before { content: "\e952"; } .n2-i-slide-video:before { content: "\e989"; } .n2-i-slide-static:before { content: "\e98a"; } .n2-i-slide-post:before { content: "\e98b"; } .n2-i-slide-library:before { content: "\e98c"; } .n2-i-slide-image:before { content: "\e98d"; } .n2-i-slide-empty:before { content: "\e98e"; } .n2-i-slide-dynamic:before { content: "\e98f"; } .n2-i-up:before { content: "\e63e"; } .n2-i-folder:before { content: "\e63d"; } .n2-i-progressbar-layer:before { content: "\e982"; } .n2-i-imagebox-layer:before { content: "\e983"; } .n2-i-counter-layer:before { content: "\e984"; } .n2-i-circlecounter-layer:before { content: "\e985"; } .n2-i-audio-layer:before { content: "\e986"; } .n2-i-a-license:before { content: "\e953"; } .n2-i-a-import:before { content: "\e954"; } .n2-i-a-deauthorize:before { content: "\e955"; } .n2-i-a-clear:before { content: "\e956"; } .n2-i-imagearea-layer:before { content: "\e950"; } .n2-i-window-settings:before { content: "\e94c"; } .n2-i-window-animation:before { content: "\e94d"; } .n2-i-window-design:before { content: "\e94e"; } .n2-i-window-layer:before { content: "\e94f"; } .n2-i-dashboard:before { content: "\e94a"; } .n2-i-slider2:before { content: "\e94b"; } .n2-i-area-layer:before { content: "\e937"; } .n2-i-iframe-layer:before { content: "\e938"; } .n2-i-input-layer:before { content: "\e939"; } .n2-i-html-layer:before { content: "\e93a"; } .n2-i-video-layer:before { content: "\e93b"; } .n2-i-vimeo-layer:before { content: "\e93c"; } .n2-i-youtube-layer:before { content: "\e93d"; } .n2-i-list-layer:before { content: "\e93e"; } .n2-i-transition-layer:before { content: "\e93f"; } .n2-i-caption-layer:before { content: "\e940"; } .n2-i-icon-layer:before { content: "\e941"; } .n2-i-button-layer:before { content: "\e942"; } .n2-i-image-layer:before { content: "\e943"; } .n2-i-text-layer:before { content: "\e944"; } .n2-i-heading-layer:before { content: "\e945"; } .n2-i-preview:before { content: "\e92d"; } .n2-i-slides:before { content: "\e91a"; } .n2-i-slideedit:before { content: "\e904"; } .n2-i-help:before { content: "\e644"; } .n2-i-v-tablet-landscape:before { content: "\e63a"; } .n2-i-v-mobile-landscape:before { content: "\e63b"; } .n2-i-v-desktop-landscape:before { content: "\e63c"; } .n2-i-bulk:before { content: "\e634"; } .n2-i-notification:before { content: "\e637"; } .n2-i-v-tablet:before { content: "\e616"; } .n2-i-v-mobile:before { content: "\e617"; } .n2-i-v-desktop:before { content: "\e618"; } .n2-i-v-all:before { content: "\e619"; } .n2-i-smart:before { content: "\e61a"; } .n2-i-slider:before { content: "\e61b"; } .n2-i-s-open:before { content: "\e61c"; } .n2-i-s-close:before { content: "\e61d"; } .n2-i-next:before { content: "\e61e"; } .n2-i-n-success:before { content: "\e61f"; } .n2-i-n-notice:before { content: "\e620"; } .n2-i-n-error:before { content: "\e621"; } .n2-i-n-close:before { content: "\e622"; } .n2-i-drag:before { content: "\e623"; } .n2-i-a-text:before { content: "\e624"; } .n2-i-a-refresh:before { content: "\e625"; } .n2-i-a-html:before { content: "\e626"; } .n2-i-a-export:before { content: "\e627"; } .n2-i-a-duplicate:before { content: "\e628"; } .n2-i-a-deletes:before { content: "\e629"; } .n2-i-a-delete:before { content: "\e62a"; } .n2-i-a-back:before { content: "\e62b"; } .n2-i-slidelibrary:before { content: "\e97d"; } .n2-i-newslide:before { content: "\e981"; } .n2-i-volume:before { content: "\e987"; } .n2-i-mute:before { content: "\e988"; } .n2-i-canvas:before { content: "\e916"; } .n2-i-builder:before { content: "\e97c"; } .n2-i-minimize:before { content: "\e914"; } .n2-i-maximize:before { content: "\e915"; } .n2-i-vertical-align-top:before { content: "\e96c"; } .n2-i-vertical-align-space-between:before { content: "\e97a"; } .n2-i-vertical-align-space-around:before { content: "\e97b"; } .n2-i-vertical-align-center:before { content: "\e97e"; } .n2-i-vertical-align-bottom:before { content: "\e97f"; } .n2-i-mini-desktop-portrait:before { content: "\e980"; } .n2-i-uplevel:before { content: "\e979"; } .n2-i-hidedesktoplandscape:before { content: "\e95a"; } .n2-i-mini-arrow-thin:before { content: "\e926"; } .n2-i-mini-move:before { content: "\e973"; } .n2-i-color:before { content: "\e95b"; } .n2-i-col:before { content: "\e95c"; } .n2-i-structure-Sb:before { content: "\e95d"; } .n2-i-structure-Sa:before { content: "\e95e"; } .n2-i-structure-4a:before { content: "\e95f"; } .n2-i-structure-3b:before { content: "\e960"; } .n2-i-structure-3a:before { content: "\e961"; } .n2-i-structure-2e:before { content: "\e962"; } .n2-i-structure-2d:before { content: "\e963"; } .n2-i-structure-2c:before { content: "\e964"; } .n2-i-structure-2b:before { content: "\e965"; } .n2-i-structure-2a:before { content: "\e966"; } .n2-i-structure-1a:before { content: "\e967"; } .n2-i-mini-tablet-portrait:before { content: "\e968"; } .n2-i-mini-tablet-landscape:before { content: "\e969"; } .n2-i-mini-mobile-portrait:before { content: "\e96a"; } .n2-i-mini-mobile-landscape:before { content: "\e96b"; } .n2-i-mini-desktop-landscape:before { content: "\e96d"; } .n2-i-video:before { content: "\e96e"; } .n2-i-stretch:before { content: "\e96f"; } .n2-i-row:before { content: "\e970"; } .n2-i-none:before { content: "\e971"; } .n2-i-mini-trash:before { content: "\e972"; } .n2-i-mini-duplicate:before { content: "\e974"; } .n2-i-mini-arrow-up:before { content: "\e975"; } .n2-i-mini-arrow-right:before { content: "\e976"; } .n2-i-mini-arrow-left:before { content: "\e977"; } .n2-i-mini-arrow-down:before { content: "\e978"; } .n2-i-chainsmall:before { content: "\e949"; } .n2-i-reset2:before { content: "\e946"; } .n2-i-save:before { content: "\e947"; } .n2-i-clearanimation:before { content: "\e948"; } .n2-i-magnet:before { content: "\e936"; } .n2-i-layerlist:before { content: "\e935"; } .n2-i-layer-text:before { content: "\e920"; } .n2-i-layer-image:before { content: "\e931"; } .n2-i-layer-heading:before { content: "\e932"; } .n2-i-layer-button:before { content: "\e933"; } .n2-i-settings:before { content: "\e934"; } .n2-i-selectarrow:before { content: "\e930"; } .n2-i-closewindow:before { content: "\e90a"; } .n2-i-selected:before { content: "\e90b"; } .n2-i-layerlistopen:before { content: "\e92b"; } .n2-i-layerlistclose:before { content: "\e92c"; } .n2-i-backtoslider:before { content: "\e92e"; } .n2-i-addlayer2:before { content: "\e92f"; } .n2-i-newdrag:before { content: "\e913"; } .n2-i-addlayer:before { content: "\e917"; } .n2-i-listlayer:before { content: "\e918"; } .n2-i-closelayer:before { content: "\e919"; } .n2-i-copy:before { content: "\e907"; } .n2-i-paste:before { content: "\e908"; } .n2-i-undo:before { content: "\e905"; } .n2-i-redo:before { content: "\e906"; } .n2-i-sortdate2:before { content: "\e900"; } .n2-i-sortdate1:before { content: "\e901"; } .n2-i-sortalphabetic2:before { content: "\e902"; } .n2-i-sortalphabetic1:before { content: "\e903"; } .n2-i-hide:before { content: "\e60e"; } .n2-i-adaptive:before { content: "\e64e"; } .n2-i-reset:before { content: "\e64f"; } .n2-i-fontmodifier:before { content: "\e650"; } .n2-i-sun:before { content: "\e651"; } .n2-i-layerunlink:before { content: "\e64b"; } .n2-i-layerlink:before { content: "\e64d"; } .n2-i-moon:before { content: "\e64c"; } .n2-i-horizontal-right:before { content: "\e645"; } .n2-i-horizontal-center:before { content: "\e646"; } .n2-i-horizontal-left:before { content: "\e647"; } .n2-i-vertical-bottom:before { content: "\e648"; } .n2-i-vertical-middle:before { content: "\e649"; } .n2-i-vertical-top:before { content: "\e64a"; } .n2-i-bulb:before { content: "\e643"; } .n2-i-unlock:before { content: "\e63f"; } .n2-i-anim-out:before { content: "\e640"; } .n2-i-anim-in:before { content: "\e641"; } .n2-i-anim-loop:before { content: "\e642"; } .n2-i-more:before { content: "\e639"; } .n2-i-buttonarrow:before { content: "\e638"; } .n2-i-list:before { content: "\e635"; } .n2-i-link:before { content: "\e636"; } .n2-i-play:before { content: "\e605"; } .n2-i-pause:before { content: "\e606"; } .n2-i-stop:before { content: "\e607"; } .n2-i-snapcenter:before { content: "\e62e"; } .n2-i-snapgrid:before { content: "\e62f"; } .n2-i-snaplayer:before { content: "\e630"; } .n2-i-snapnone:before { content: "\e631"; } .n2-i-plus:before { content: "\e632"; } .n2-i-minus:before { content: "\e633"; } .n2-i-bold:before { content: "\e601"; } .n2-i-unpublished:before { content: "\e62d"; } .n2-i-published:before { content: "\e60c"; } .n2-i-underline:before { content: "\e602"; } .n2-i-italic:before { content: "\e615"; } .n2-i-empty:before { content: "\e62c"; } .n2-i-tick:before { content: "\e600"; } .n2-i-star:before { content: "\e603"; } .n2-i-right:before { content: "\e604"; } .n2-i-order:before { content: "\e608"; } .n2-i-lock:before { content: "\e609"; } .n2-i-left:before { content: "\e60a"; } .n2-i-justify:before { content: "\e60b"; } .n2-i-info:before { content: "\e60d"; } .n2-i-eye:before { content: "\e60f"; } .n2-i-edit:before { content: "\e610"; } .n2-i-duplicate:before { content: "\e611"; } .n2-i-delete:before { content: "\e612"; } .n2-i-close:before { content: "\e613"; } .n2-i-center:before { content: "\e614"; } .n2-i-emptyslide:before { content: "\e91b"; } .n2-i-addslide:before { content: "\e91c"; } .n2-i-staraction:before { content: "\e91d"; } .n2-i-breadcrumbarrow:before { content: "\e91e"; } .n2-i-animation:before { content: "\e91f"; } .n2-i-folderclosed:before { content: "\e921"; } .n2-i-folderopened:before { content: "\e922"; } .n2-i-hide2:before { content: "\e923"; } .n2-i-select:before { content: "\e924"; } .n2-i-hidedesktopportrait:before { content: "\e925"; } .n2-i-hidetabletlandscape:before { content: "\e927"; } .n2-i-hidetabletportrait:before { content: "\e928"; } .n2-i-hidemobilelandscape:before { content: "\e929"; } .n2-i-hidemobileportrait:before { content: "\e92a"; } .n2-i-backgroundedit:before { content: "\e909"; } .n2-i-backgroundmanage:before { content: "\e90c"; } .n2-i-backgroundposition:before { content: "\e90d"; } .n2-i-viewmini:before { content: "\e90e"; } .n2-i-viewgrid:before { content: "\e90f"; } .n2-i-viewlist:before { content: "\e910"; } .n2-i-more2:before { content: "\e911"; } .n2-i-tick2:before { content: "\e912"; } .n2 { box-sizing: initial; } .n2, html[dir="rtl"] .n2, .n2 td, .n2 th { font-family: "Montserrat", Arial, sans-serif; -webkit-font-smoothing: antialiased; font-size: 12px; } .n2 a:ACTIVE, .n2 a:VISITED, .n2 a:FOCUS, .n2 a:LINK { text-decoration: none; } .n2-h1 { font-size: 26px; line-height: 1.4em; } .n2-h2 { font-size: 20px; } .n2-h3 { font-size: 14px; } .n2-h4 { font-size: 12px; } .n2-h5, select.n2-h5, input[type].n2-h5, textarea.n2-h5 { font-size: 11px; } .n2-h6 { font-size: 10px; } .n2-b { font-weight: bold; } .n2-uc { text-transform: uppercase; } .n2-ucf { text-transform: capitalize; } .n2-i + span, .n2-i + span + span, .n2-i + span + span + span { vertical-align: middle; } .n2-actions-left > a, .n2-actions-left > a:HOVER, .n2-i-grey-opacity, .n2-i-grey-opacity:HOVER { color: #b2bfc9; } .n2-active > .n2-i-star { color: #c68c1e; } .n2-active > .n2-i-unpublished:before { content: "\e60c"; } .n2-active > .n2-i-unpublished, .n2-active > .n2-i-unpublished:HOVER { color: #6fbc49; } .n2-button .n2-i, .n2-i.n2-it { line-height: inherit; vertical-align: top; } .n2-description, .n2-description p { font-size: 12px; color: #6b7989; } .n2-description ol { font-size: 11px; } div.n2-description ul { padding-left: 20px; font-size: 12px; list-style-type: disc; } #wpbody-content { padding-bottom: 0 !important; } #wpfooter { display: none; } #wpbody-content #n2-admin { margin: 10px 20px 0 0; } html[dir="rtl"] #wpbody-content #n2-admin { margin: 10px 0 0 20px; } #wpbody-content #n2-admin a:focus { box-shadow: none; } /** Joomla 2.5 */ #content-box #toolbar-box { display: none; } .n2 input:focus, .n2 select:focus, .n2 textarea:focus { background: transparent; } .n2 ul { padding: 0; } .n2 dt { font-weight: normal; } /** Joomla */ .admin header.header, .admin .subhead-collapse, #status { display: none; } div.container-main, div#system-debug { padding-bottom: 0; } .admin form { margin: 0; } .admin #content { margin-top: 20px; } .n2 label, .n2 input, .n2 button, .n2 select, .n2 textarea { line-height: inherit; } .n2 *:focus { box-shadow: none; } #n2-admin img { display: inline; } #system-message-container { display: none; } /** Magento */ .n2 td { vertical-align: inherit; } .n2 .n2-scroll-grip { margin-top: 0; } body.n2-platform-native { padding: 10px; font-size: 13px; line-height: 1.4em; overflow: auto; } iframe { border: 0; } #n2-admin { min-width: 980px; background-color: #e9edf0; } .n2 hr { border: 0; border-top: 1px solid #ccd1d6; border-bottom: 1px solid #fafafa; } .n2 a { transition: none 0s; outline: 0; } .n2-clickable { cursor: pointer; } .n2-table { display: table; width: 100%; border-spacing: 0; border-collapse: collapse; } .n2-table.n2-content { border-collapse: separate; /*height: 100vh;*/ } .n2-table-auto { width: auto; } .n2-table-fixed { table-layout: fixed; } .n2-tr { display: table-row; } .n2-td { display: table-cell; vertical-align: top; } .n2-table-pane { width: 100%; table-layout: fixed; text-align: center; border-spacing: 0; border-collapse: separate; } .n2-table-fancy { width: 100%; text-align: center; border-spacing: 0; border-collapse: collapse; border: 2px solid #a1aeb5; border-radius: 5px; } .n2-table-fancy tr:nth-child(odd) { background-color: #f2f5fa; } .n2-table-fancy td { border: 1px solid #e0e3e6; padding: 10px; text-align: left; font-size: 11px; } html[dir="rtl"] .n2-table-fancy td { text-align: right; } .n2-table-fancy-wrap { border: 2px solid #a1aeb5; border-radius: 5px; } .n2-table-fancy-wrap .n2-table-fancy { border: 0; } .n2-table-fancy-wrap .n2-table-fancy td { border: 0; border-bottom: 1px solid #e0e3e6; } .n2-table-pane td { padding: 0; } .n2-inline-block { display: inline-block; vertical-align: top; } .n2-left { float: left; } html[dir="rtl"] .n2-left { float: right; } .n2-right { float: right; } html[dir="rtl"] .n2-right { float: left; } .n2-clear { clear: both; } .n2-blue-bg { background-color: #0c92df; } .n2-blue-logo-bg { background-color: #0c92df; } .n2-sidebar-base-bg { background-color: #4d5d70; } .n2-sidebar-header-bg { background-color: #485769; } .n2-sidebar-list-bg { background-color: #212d3a; } .n2-sidebar-tab-bg { background-color: #202934; } .n2-sidebar-parameter-label-bg { background-color: #212d3a; } .n2-sidebar-tab-switcher { border-bottom: 1px solid #2c3540; } .n2-sidebar-tab-switcher .n2-td { color: #b2bfc9; text-align: center; height: 60px; line-height: 60px; cursor: pointer; } .n2-sidebar-tab-switcher .n2-td.n2-active { color: #ffffff; } .n2-sidebar-pane-sizer { top: 0; left: 0; height: 15px; width: 100%; cursor: ns-resize; background: #212d3a; text-align: center; color: #4d5d70; font-size: 32px; line-height: 15px; } .n2-content-base-bg { background-color: #e9edf0; } .n2-content-box-title-bg { background-color: #f2f5fa; } .n2-border-radius { border-radius: 3px; } .n2-border-radius-tr { border-top-right-radius: 3px; } html[dir="rtl"] .n2-border-radius-tr { border-top-right-radius: 0; border-top-left-radius: 3px; } .n2-border-radius-tl { border-top-left-radius: 3px; } html[dir="rtl"] .n2-border-radius-tl { border-top-right-radius: 3px; border-top-left-radius: 0; } .n2-border-radius-br { border-bottom-right-radius: 3px; } html[dir="rtl"] .n2-border-radius-br { border-bottom-right-radius: 0; border-bottom-left-radius: 3px; } .n2-border-radius-bl { border-bottom-left-radius: 3px; } html[dir="rtl"] .n2-border-radius-bl { border-bottom-right-radius: 3px; border-bottom-left-radius: 0; } .n2-a, .n2-a:HOVER, .n2-a:VISITED, .n2-a:ACTIVE, .n2-a:FOCUS { color: #08c; } #n2-ss-undo, #n2-ss-redo { opacity: 0.5; } #n2-ss-undo.n2-active, #n2-ss-redo.n2-active { opacity: 1; } [dir="rtl"] #n2-ss-undo { transform: scaleX(-1); } #n2-ss-undo + #n2-ss-redo { margin-left: -15px; } [dir="rtl"] #n2-ss-undo + #n2-ss-redo { margin-left: 15px; transform: scaleX(-1); } .n2-top-bar-menu .n2-button-icon { margin: 12px 2px 0; } .n2-expert-switch { display: inline-block; height: 36px; margin-right: 20px; vertical-align: top; position: relative; overflow: hidden; padding: 0 30px; text-align: right; } .n2-expert-switch .n2-expert-expert, .n2-expert-switch .n2-expert-simple { display: inline-block; height: 100%; position: relative; top: -36px; line-height: 36px; color: #b2bfc9; opacity: 1; transition: top 0.3s, opacity 0.3s; } .n2-expert-switch .n2-expert-expert { top: -10px; opacity: 0; } .n2-expert-switch.n2-active .n2-expert-simple { top: -26px; opacity: 0; } .n2-expert-switch.n2-active .n2-expert-expert { top: 0; opacity: 1; } .n2-expert-switch .n2-expert-bar { position: absolute; top: 5px; right: 8px; width: 8px; height: 24px; background: #6b7986; border-radius: 4px; transition: background 0.3s; } .n2-expert-switch.n2-active .n2-expert-bar { background: #51b82d; } .n2-expert-switch .n2-expert-dot { position: absolute; top: -1px; left: -3px; width: 14px; height: 14px; border-radius: 7px; background: #fff; transition: top 0.3s; } .n2-expert-switch.n2-active .n2-expert-dot { top: 10px; } .n2-button-play { text-align: left; padding: 0; } .n2-button-play .n2-i { vertical-align: middle; } .n2-button-play span { vertical-align: middle; display: inline-block; padding: 0 20px; border-left: 1px solid #1582c2; } .n2-header { display: flex; justify-content: space-between; flex: 1; height: 70px; z-index: 11; border-top-right-radius: 5px; overflow: hidden; } [dir="rtl"] .n2-header { border-top-left-radius: 5px; border-top-right-radius: 0; } .n2-logo { width: 339px; border-right: 1px solid #1681c1; border-top-left-radius: 5px; } [dir="rtl"] .n2-logo { border-top-right-radius: 5px; border-top-left-radius: 0; border-left: 1px solid #1681c1; border-right: 0; } .n2-logo a { display: inline-block; width: 100%; height: 100%; text-align: center; } .n2-logo a img { margin-top: 9px; } .n2-header-breadcrumbs { align-self: center; } .n2-header-menu { text-align: right; white-space: nowrap; } .n2-header-right > * { color: RGBA(255, 255, 255, 0.7); line-height: 23px; display: inline-block; height: 100%; padding: 0 24px; vertical-align: top; font-size: 13px; } .n2-header-menu > * { line-height: 70px; } .n2-header-breadcrumbs > a { max-width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .n2-header-breadcrumbs > span { padding: 0; margin: 0 -10px; } html[dir="rtl"] .n2-header-breadcrumbs > span { transform: scaleX(-1); } .n2-header-right .n2-h4, .n2-header-right .n2-h4:ACTIVE, .n2-header-right .n2-h4:VISITED, .n2-header-right .n2-h4:FOCUS, .n2-header-right .n2-h4:LINK { color: RGBA(255, 255, 255, 0.7); text-decoration: none; } .n2-header-right .n2-h4.n2-active { color: #ffffff; } .n2-sidebar { width: 339px; border-right: 1px solid #212d3a; } .n2-sidebar-hidden > .n2-content .n2-sidebar { display: none; } .n2-sidebar > :first-child { border-top: 1px solid #2c3540; } .n2-lightbox .n2-sidebar > :first-child { border-top: 0; } .n2-sidebar-fixed { position: fixed; top: 0; } .admin-bar .n2-sidebar-fixed { top: 32px; } .admin .n2-sidebar-fixed { top: 31px; } .n2-content-area { position: relative; border: 1px solid #a3adb7; border-width: 0 1px 1px 0; min-height: 1000px; width: 100%; } .n2-sidebar-hidden .n2-content-area { border-width: 0 1px 1px 1px; border-bottom-left-radius: 3px; } .n2-top-bar { position: relative; top: 0; height: 60px; z-index: 1020; margin-right: -1px; border-bottom: 1px solid #1c2329; display: flex; flex-wrap: nowrap; flex-flow: row; justify-content: space-between; } .n2-sidebar-hidden .n2-top-bar { margin-left: -1px; } .n2-top-bar > * { flex: 1 0 auto; } .n2-top-bar-middle { text-align: center; display: inline-block; height: 100%; } .n2-top-bar .n2-back { margin: 0; } .n2-top-bar .n2-back a { border-right: 1px solid #1c2329; line-height: 17px; padding-bottom: 7px; color: #80a3b5; } .n2-top-bar .n2-back a:before { font-family: 'Nextend' !important; display: block; color: #80a3b5; font-size: 32px; text-align: center; line-height: 25px; margin-top: 11px; } .n2-top-bar-menu { display: flex; align-items: center; height: 60px; overflow: hidden; } .n2-top-bar-menu .n2-form-dark { margin-top: 16px; height: 28px; line-height: 28px; overflow: hidden; } .n2-top-bar-menu > .n2-h4 { display: inline-block; line-height: 60px; padding: 0; color: #b2bfc9; font-size: 10px; min-width: 80px; text-align: center; } .n2-top-bar-menu > .n2-h4.n2-active { color: #ebeced; cursor: default; } .n2-top-bar-menu span { color: #b2bfc9; padding: 0 10px; } @media all and (max-width: 800px) { .n2-top-bar-menu > .n2-h4 { display: none; } } .n2-top-bar .n2-form-dark .n2-form-element-radio-tab { vertical-align: middle; } .n2-top-bar-actions { margin: 12px 1px 0; white-space: nowrap; text-align: right; } html[dir="rtl"] .n2-top-bar-actions { text-align: left; } .n2-top-bar-actions .n2-button { margin-right: 20px; vertical-align: top; } html[dir="rtl"] .n2-top-bar-actions .n2-button { margin-right: 0; margin-left: 20px; } .n2-heading-bar { z-index: 9; position: relative; background-color: #fff; border-bottom: 1px solid #e0e6ed; padding: 35px 0; display: flex; } .n2-heading-bar-left { flex: 1; align-self: center; } .n2-heading { position: relative; color: #6b7989; line-height: 40px; margin: 0 30px; } .n2-heading span { position: absolute; font-size: 11px; left: 2px; bottom: -26px; } html[dir="rtl"] .n2-heading span { left: 0; right: 2px; } .n2-heading-menu { position: absolute; bottom: 0; left: 10px; } html[dir="rtl"] .n2-heading-menu { left: auto; right: 10px; } .n2-heading-menu > div { display: inline-block; padding: 0 20px; color: #7b8898; cursor: pointer; line-height: 34px; } .n2-heading-menu > div.n2-active { color: #0c92df; } .n2-heading-menu > div.n2-button { color: #fff; line-height: 28px; } .n2-heading-actions { white-space: nowrap; align-self: center; } .n2-heading-actions-label { color: #6b7989; vertical-align: middle; line-height: 32px; } .n2-heading-actions a, .n2-heading-actions a:HOVER, .n2-heading-actions a:focus { display: inline-block; padding: 10px; color: #b0b9bf; vertical-align: middle; font-size: 32px; } .n2-underline { position: relative; } .n2-has-underline > .n2-underline:after { content: ""; position: absolute; width: 0; height: 3px; bottom: -10px; left: 0; background-color: #0c92df; } .n2-active > .n2-underline:after { width: 100%; } .n2-controls-panel { line-height: 28px; } .n2-controls-panel .n2-panel-heading { padding-right: 11px; color: #7b8898; } .n2-panel-option a { display: inline-block; background-color: #a1aeb5; color: #fff; padding: 0 24px; border-right: 1px solid #b9c3c9; } .n2-panel-option.n2-first a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .n2-panel-option.n2-last a { border-right: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .n2-panel-option.n2-active a { background-color: #0c92df; } .n2-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100002; background-color: RGBA(43, 52, 63, 0.9); } .n2-modal-window { position: absolute; top: 50%; left: 50%; background-color: #ffffff; z-index: 1; } .n2-modal-title { line-height: 59px; color: #6b7989; border-bottom: 1px solid #ccd1d6; overflow: hidden; border-top-left-radius: 3px; border-top-right-radius: 3px; } .n2-modal-title .n2-h2 { text-align: center; margin: 0 58px; height: 59px; overflow: hidden; } .n2-modal-title .n2-i { position: absolute; top: 0; cursor: pointer; font-size: 32px; color: #a1aeb5; } .n2-modal-title .n2-i-a-deletes, .n2-modal-title .n2-i-a-back { margin: 13px; } .n2-modal-title .n2-i-a-deletes { right: 0; } .n2-modal-title .n2-i-a-deletes.n2-hidden { display: none; } .n2-modal-title .n2-i-a-back { left: 0; } .n2-modal-title .n2-i-a-back.n2-hidden { display: none; } .n2-modal-content { padding: 0 20px 20px; color: #7b8898; box-sizing: border-box; } .n2-modal-content h3.n2-center { text-align: center; } .n2-modal-content .n2-form { margin: 0 -10px; } .n2-modal-content .n2-td { padding: 0 10px; } .n2-modal-content p { text-align: center; } .n2-modal-controls { position: absolute; left: 0; bottom: 0; width: 100%; margin: 20px 0; } .n2-modal-controls .n2-table { /*margin: 0 auto;*/ width: 100%; } .n2-modal-controls .n2-td { padding: 0 20px; } .n2-tr.n2-modal-controls-1 .n2-td { text-align: center; } .n2-tr.n2-modal-controls-2 .n2-td { width: 50%; } .n2-tr.n2-modal-controls-2 .n2-modal-controls-0 { text-align: right; } .n2-tr.n2-modal-controls-2 .n2-modal-controls-1 { text-align: left; } .n2-modal-controls-side .n2-tr.n2-modal-controls-2 .n2-modal-controls-0 { text-align: left; vertical-align: middle; } .n2-modal-controls-side .n2-tr.n2-modal-controls-2 .n2-modal-controls-1 { text-align: right; } .n2-modal-content .n2-table-pane { margin: 20px 0; } .n2-modal-content .n2-table-pane td { cursor: pointer; padding: 20px 20px; border: 3px solid #ffffff; border-radius: 3px; transition: all 0.3s; } .n2-modal-content .n2-table-pane td:HOVER { border-color: #dee1e5; } .n2-modal-content h3 { color: #7b8898; font-weight: normal; margin: 20px 0 10px; } .n2-modal-content p { font-size: 11px; } .n2-modal-active { overflow: hidden !important; } .n2-modal-simple { cursor: pointer; } .n2-modal-simple .n2-modal-window { left: 0; top: 0; cursor: default; width: 100%; height: 100%; } .n2-modal-simple .n2-i-a-deletes { position: absolute; top: 19px; right: 30px; color: #a4b0b7; font-size: 32px; z-index: 2; } [dir="rtl"] .n2-modal-simple .n2-i-a-deletes { left: 30px; right: auto; } .n2-lb-header { position: relative; background-color: #fff; border-bottom: 1px solid #e0e6ed; z-index: 10; } .n2-modal-simple-header { line-height: 40px; padding: 15px 30px; color: #6b7989; font-size: 24px; } .n2-modal-simple .n2-modal-simple-header { padding: 20px 30px 0; } .n2-modal .n2-mixed-label { margin: 20px 0 10px; } .n2-modal .n2-mixed-label label { color: #7b8898; font-weight: normal; font-size: 14px; } .n2-modal-radio { text-align: left; margin: 0 -20px; overflow: auto; } .n2-modal-radio-option { width: 112px; height: 70px; display: inline-block; margin: 0 35px 50px; cursor: pointer; background-position: 0 0; text-align: center; } .n2-modal-radio-option.n2-active { cursor: default; background-position: 0 -80px; } .n2-modal-radio-option div { color: #7b8898; margin: 75px -20px 0; } .n2-modal-radio-option.n2-active div { color: #0c92df; } .n2-modal iframe { max-width: none; border: 0; } .n2-lightbox-heading { color: #fff; line-height: 61px; text-align: center; border-bottom: 1px solid #2e3742; border-right: 0; } .n2-sidebar-row { line-height: 58px; border-bottom: 1px solid #333e4a; padding: 0 10px; } .n2-sets-header .n2-td { padding: 0 10px; } .n2-sets-header .n2-td > * { vertical-align: middle; } .n2-sets-header .n2-h3, .n2-sets-header .n2-h4 { color: #b2bfc9; } .n2-sets-header .n2-form { display: inline-block; margin: 0; } .n2-sets-header .n2-form .n2-form-element-list { margin-bottom: 0; } .n2-sidebar-heading .n2-h3 { color: #fff; margin: 0 10px; } .n2-lightbox-container { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: RGBA(43, 52, 63, 0.9); padding: 20px; z-index: 100002; box-sizing: border-box; /* Opera/IE 8+ */ } .n2-lightbox-container .n2-lightbox { width: 100%; height: 100%; overflow: hidden; } .n2-lightbox-sidebar-list { overflow: auto; } .n2-lightbox-container .n2-content-area { overflow: auto; } .n2-lightbox-container .n2-top-bar { margin-right: 0; } .n2-lightbox-container .n2-content-area { min-height: 0; } .n2-lightbox-no-sidebar .n2-blue-logo-bg { background: #3c4958; padding: 0 30px; text-align: left; } .n2-lightbox-no-sidebar .n2-sidebar { border-right-color: #3c4958; } .n2-visual-editor-tabs, .n2-visual-editor-preview-tab { text-align: right; vertical-align: middle; } html[dir="rtl"] .n2-visual-editor-tabs, html[dir="rtl"] .n2-visual-editor-preview-tab { text-align: left; } .n2-visual-editor-tabs .n2-form-element-radio-tab, .n2-visual-editor-preview-tab .n2-form-element-radio-tab { vertical-align: baseline; } .n2-editor-background-color { display: inline-block; height: 28px; vertical-align: middle; } #n2-font-editor-preview, #n2-style-editor-preview { padding: 20px; } #n2-animation-editor-preview { position: relative; height: 500px; resize: vertical; overflow: hidden; } .n2-animation-preview-box { position: absolute; top: 50%; left: 50%; background-color: #000; background-size: cover; } #n2-animation-editor-tab-add, #n2-animation-editor-tab-delete { padding: 0; width: 28px; vertical-align: middle; } .n2-ss-dashboard { max-width: 1240px; } .n2-form-tab.n2-editor-preview-box { background-color: #ced3d5; } .n2-manage-set { text-align: right; } html[dir="rtl"] .n2-manage-set { text-align: left; } .n2-browse-container { height: 100%; overflow: auto; margin: 0 -20px; transition: opacity 0.4s; opacity: 1; } .n2-browse-container.n2-drag-over { opacity: 0.3; } .n2-browse-container .n2-browse-box { position: relative; width: 140px; height: 140px; border-radius: 3px; float: left; margin: 10px; cursor: pointer; text-align: center; color: #cdd3d7; overflow: hidden; } .n2-browse-container .n2-browse-box > .n2-i { font-size: 48px; line-height: 134px; } .n2-browse-container .n2-browse-upload { margin: 7px; width: 300px; overflow: hidden; border: 3px dashed #dbe0e3; } .n2-browse-container .n2-browse-upload div { text-align: center; line-height: 30px; margin-top: 32px; color: #7b8898; } .n2-browse-container .n2-browse-upload input { font-size: 200px; height: 200px; position: absolute; left: 0; top: 0; opacity: 0; cursor: pointer; } .n2-browse-container .n2-browse-directory { box-shadow: 0 0 0 3px #dbe0e3; } .n2-browse-container .n2-browse-image { background-size: contain; background-repeat: no-repeat; background-color: #f3f5f7; } .n2-browse-container .n2-browse-image.n2-active { box-shadow: 0 0 0 3px #0c92df; } .n2-browse-container .n2-browse-image .n2-button { position: absolute; top: 5px; right: 5px; padding: 0; width: 24px; display: none; } .n2-browse-container .n2-browse-image.n2-active .n2-button { display: inline-block; } .n2-browse-container .n2-browse-box .n2-browse-title { position: absolute; left: 0; bottom: 0; width: 124px; padding: 5px; height: 30px; line-height: 30px; text-align: center; color: #95a0ad; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .n2-browse-container .n2-browse-image .n2-browse-title { color: #e8ebed; background-color: #212d3a; background-color: RGBA(43, 52, 63, 0.9); width: 130px; } .sumome-badge-hint { display: none; } .n2-result { margin-bottom: 20px; } .n2-ss-back-to:before { font-family: 'Nextend' !important; font-size: 16px; vertical-align: top; content: "\e92e"; margin: 0 4px; color: #7b8898; } .nui-autocomplete { z-index: 1000000; max-height: 300px; overflow: auto; position: absolute; background: #fff; border: 2px solid #0c92df; color: #7b8898; font-size: 11px; margin: 0; border-radius: 0; box-shadow: none; list-style-type: none; padding: 0; } .nui-autocomplete .nui-menu-item { line-height: 20px; padding: 0 5px; margin: 0; cursor: pointer; } .nui-autocomplete .nui-menu-item:HOVER { background: #e9edf0; border: 0; margin: 0; color: #7b8898; font-weight: normal; } .n2-nav { position: relative; z-index: 11; display: flex; } .n2-modal-content-with-sidebar { display: flex; min-height: 100%; } .n2-modal-sidebar { flex: 0 0 auto; width: 200px; background: #303b47; } .n2-modal-sidebar > div { position: sticky; left: 0; top: 0; } .n2-modal-right-content { flex: 1 1 auto; } .n2-admin-section { background-color: #fff; } .n2-admin-section-block { max-width: 1140px; margin: 0 auto; } .n2-admin-possible-conflicts-container { display: flex; align-items: center; } .n2-admin-possible-conflicts-img { flex: 0 0 auto; display: flex; align-items: center; padding: 36px 20px; } .n2-admin-possible-conflicts-details { flex: 1 1 auto; padding: 25px; } .n2-admin-section .n2-h1 { color: #606d7b; margin: 0 0 0.5em 0; } .n2-admin-section p { color: #7b8898; font-size: 14px; margin: 0.5em 0 0 0; } #n2-admin-help-search { background-color: #e9edf0; padding: 120px 0 30px; text-align: center; } #n2-admin-help-search form { margin: 20px auto; display: flex; max-width: 640px; background: #fff; border-radius: 3px; box-shadow: 0 0 5px 0 RGBA(0, 0, 0, 0.2); overflow: hidden; } #n2-admin-help-search input { flex: 1 1 auto; border: 0; height: 52px; line-height: 52px; margin: 0 25px; box-shadow: none; outline: none; color: #606d7b; } #n2-admin-help-search ::placeholder { opacity: 1; color: #606d7b; font-size: 14px; } #n2-admin-help-search :-ms-input-placeholder { opacity: 1; color: #606d7b; font-size: 14px; } #n2-admin-help-search ::-ms-input-placeholder { opacity: 1; color: #606d7b; font-size: 14px; } #n2-admin-help-search button { background: #0c92df; color: #fff; border: 0; box-shadow: none; outline: none; font-size: 12px; padding: 0 15px; min-width: 70px; text-transform: uppercase; font-weight: bold; cursor: pointer; } .n2-admin-help-more { display: flex; margin: 60px -30px 0; } .n2-admin-help-more a { display: block; flex-grow: 0; flex-basis: 33.333%; margin: 30px; padding: 45px 35px; background: #fff; border-radius: 3px; box-shadow: 0 0 5px 0 RGBA(0, 0, 0, 0.2); } #wpbody-content #n2-admin .n2-admin-help-more a:focus { box-shadow: 0 0 5px 0 RGBA(0, 0, 0, 0.2); } .n2-admin-help-more a .n2-h2 { color: #606d7b; line-height: 3em; } .n2-admin-help-more a p { color: #7b8898; line-height: 1.8em; margin: 0; } #n2-admin-help-selected-articles { text-align: center; padding: 70px; } #n2-admin-help-selected-articles .n2-admin-selected-articles-container { display: flex; margin: 60px -55px 0; text-align: left; } #n2-admin-help-selected-articles .n2-admin-selected-articles-container .n2-admin-selected-articles-column { display: flex; flex-flow: column; flex-grow: 0; flex-basis: 33.333%; margin: 0 55px; } #n2-admin-help-selected-articles a { font-size: 14px; line-height: 3em; color: #7b8898; border-bottom: 1px solid #eeeeee; } #n2-admin-help-selected-articles a:last-child { border-bottom: 0; } #support-form { padding: 50px 0; } #support-form .n2-h1 { text-align: center; margin: 60px 0; } #support-form textarea { background: #fff; border-width: 2px; padding: 20px; } .n2 .nui-slider .nui-slider-handle:focus { outline: none; } .n2-form { margin-bottom: 20px; border-top: 1px solid transparent; margin-top: -1px; } .n2-form-tab .n2-form { margin-bottom: -1px; } .n2-form-dark .n2-content-box-title-bg { background-color: #4d5d70; } .n2-form-tab { background: #ffffff; margin: 20px 20px 0 20px; border: 1px solid #ccd1d6; border-radius: 3px; } .n2-form-dark .n2-form-tab { background: #3c4958; margin: 0; border: 0; } .n2-form-tab > .n2-description { margin: 20px; } .n2-form-dark .n2-form-tab > table { border-bottom: 1px solid #303b47; } .n2-form-tab > .n2-h2, .n2-form-tab .n2-heading-controls { position: relative; padding: 0 20px; color: #6b7989; line-height: 54px; border-bottom: 1px solid #ccd1d6; z-index: 2; } .n2-form-tab .n2-heading-controls { min-height: 54px; } .n2-form-tab table { width: 100%; border-spacing: 0; border-collapse: collapse; table-layout: fixed; margin-top: -1px; } .n2-form-tab-horizontal { padding: 20px 20px 0; } .n2-hidden, .n2-form .n2-hidden { display: none !important; } .n2-label-col { width: 251px; } .n2-form-dark .n2-label-col { width: 136px; } .n2-label { width: 210px; background-color: #f9fafb; border: 1px solid #dee1e5; border-width: 1px 1px 0 0; padding: 14px 20px; line-height: 20px; color: #7b8898; font-size: 12px; } .n2-label label { color: #7b8898; } .n2-label label .n2-i, .n2-form-element-mixed label .n2-i { font-size: 16px; vertical-align: middle; } .n2-label label[data-n2tip]:after { font-family: 'Nextend' !important; content: "\e620"; font-size: 16px; vertical-align: top; margin: 0 5px; color: #b0b9bf; } html[dir="rtl"] .n2-label { border-width: 1px 0 0 1px; } .n2-form-dark .n2-label { width: 102px; background-color: #3c4958; border-color: #303b47; color: #b2bfc9; } .n2-form-dark .n2-label label { color: #b2bfc9; } .n2-label label { display: inline-block; margin: 0; font-size: 100%; } .n2-documentation, .n2-documentation:HOVER, .n2-documentation:FOCUS, .n2-documentation:ACTIVE { display: inline-block; color: #b9c3c9; } .n2-i-info { vertical-align: middle; font-size: 16px; margin: 0; padding: 10px 5px; } .n2-form-dark .n2-i-info { color: RGBA(150, 167, 180, 0.8); } .n2-element { border-top: 1px solid #dee1e5; padding: 10px 10px 0 10px; } .n2-form-dark .n2-element { border-top: 1px solid #414e5e; } .n2-element > div { position: relative; } .n2-element .n2-element-plain { margin-bottom: 10px; color: #6b7989; font-size: 12px; } .n2 select, .n2 textarea, .n2 input { padding: 0; width: auto; box-shadow: none; transition: none 0s; font-family: "Montserrat", Arial, sans-serif; } .n2-form input[disabled], .n2-form select[disabled], .n2-form textarea[disabled], .n2-form input[readonly], .n2-form select[readonly], .n2-form textarea[readonly] { background: transparent; } .n2-form textarea, .n2-form input { box-sizing: border-box; } .n2-form-element-button, .n2-form-element-button:link, .n2-form-element-button:active, .n2-form-element-button:hover, .n2-form-element-button:visited { vertical-align: top; display: inline-block; height: 28px; line-height: 28px; background-color: #51b82d; color: #fff; padding: 0 11px; margin: -2px -2px -2px 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } html[dir="rtl"] .n2-form-element-button, html[dir="rtl"] .n2-form-element-button:link, html[dir="rtl"] .n2-form-element-button:active, html[dir="rtl"] .n2-form-element-button:hover, html[dir="rtl"] .n2-form-element-button:visited { margin: -2px 0 -2px -2px; border-radius: 0; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .n2-form-element-button-inverted, .n2-form-element-button-inverted:link, .n2-form-element-button-inverted:active, .n2-form-element-button-inverted:hover, .n2-form-element-button-inverted:visited { margin: -2px 0 -2px -2px; border-radius: 0; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } html[dir="rtl"] .n2-form-element-button-inverted, html[dir="rtl"] .n2-form-element-button-inverted:link, html[dir="rtl"] .n2-form-element-button-inverted:active, html[dir="rtl"] .n2-form-element-button-inverted:hover, html[dir="rtl"] .n2-form-element-button-inverted:visited { margin: -2px -2px -2px 0; border-radius: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .n2-form-element-button.n2-icon-button, .n2-form-element-button-inverted.n2-icon-button:link, .n2-form-element-button-inverted.n2-icon-button:active, .n2-form-element-button-inverted.n2-icon-button:hover, .n2-form-element-button-inverted.n2-icon-button:visited { font-size: 16px; min-width: 28px; padding: 0; text-align: center; } .n2-form-element-clear, .n2-form-element-clear:link, .n2-form-element-clear:active, .n2-form-element-clear:hover, .n2-form-element-clear:visited { display: inline-block; height: 24px; line-height: 24px; width: 28px; vertical-align: top; font-size: 16px; text-align: center; } /* NextendText */ .n2-form-element-text { display: inline-block; border: 2px solid #a1aeb5; margin: 0 10px; background: #ffffff; white-space: nowrap; vertical-align: top; height: 24px; } .n2-form-dark .n2-form-element-text { border-color: #28313a; background: #303b47; } .n2-form .n2-form-element-text { margin-bottom: 10px; } .n2-form-element-text.focus, .n2-form-element-text.focus2 { border-color: #0c92df; } .n2-form-element-text input, .n2-form-element-text input[type], .n2-form-element-text input:focus, .n2-form-element-text input[type]:focus, .n2-form-element-option-chooser input[type] { display: inline-block; margin: 0 5px; padding: 0; border: 0; box-shadow: none; height: 24px; line-height: 24px; color: #7b8898; vertical-align: top; min-height: initial; } .n2-form-dark .n2-form-element-text input, .n2-form-dark .n2-form-element-text input:focus { background: #303b47; color: #b2bfc9; } .n2-form-element-number input { text-align: center; } .n2-form-element-text .n2-text-sub-label, .n2-form-element-text .n2-text-unit { display: inline-block; padding: 0 5px; background-color: #a1aeb5; height: 24px; line-height: 24px; vertical-align: top; color: #fff; } html[dir="rtl"] .n2-form-element-text .n2-text-sub-label, .n2-form-element-text .n2-text-unit { margin-right: -2px; margin-left: 0; } .n2-form-element-text .n2-text-sub-label, html[dir="rtl"] .n2-form-element-text .n2-text-unit { margin-right: 0; margin-left: -2px; } .n2-form-dark .n2-form-element-text .n2-text-sub-label, .n2-form-dark .n2-form-element-text .n2-text-unit { background: #28313a; color: #9aa7b2; } .n2-form-element-text.focus .n2-text-sub-label, .n2-form-element-text.focus .n2-text-unit { background-color: #0c92df; color: #fff; } .n2-form-element-text .n2-form-element-preview { display: inline-block; margin: 1px; width: 20px; height: 20px; background-size: cover; border: 1px solid rgba(0, 0, 0, 0.2); vertical-align: top; } .n2-form-element-connected .n2-form-element-text { position: relative; border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 0; border-right-width: 1px; } .n2-form-element-connected .n2-form-element-text + .n2-form-element-text { margin-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-width: 1px; } .n2-form-element-connected-marginpadding { margin-left: 10px; } .n2-form-element-connected-marginpadding .n2-text-sub-label { display: inline-block; border: 2px solid #28313a; border-right-width: 1px; background: #28313a; height: 24px; line-height: 24px; color: #9aa7b2; vertical-align: top; padding: 0 5px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; font-size: 16px; cursor: pointer; } .n2-form-element-connected-marginpadding.n2-values-linked .n2-text-sub-label .n2-i:before { content: '\e64d'; } .n2-form-element-connected-marginpadding .n2-form-element-text { position: relative; border-radius: 0; margin-right: 0; margin-left: 0; border-left-width: 1px; border-right-width: 1px; } .n2-form-element-connected-marginpadding.n2-values-linked .n2-form-element-text + .n2-form-element-text { display: none; } .n2-form-element-text .nui-slider-container { display: none; position: absolute; top: 24px; width: 100%; min-width: 70px; border: 2px solid #a1aeb5; border-radius: 3px; background-color: #ffffff; margin: 0 -2px; z-index: 2; } .n2-form-dark .n2-form-element-text .nui-slider-container { border: 2px solid #28313a; background: #303b47; } .n2-form-element-text.focus .nui-slider-container { border: 2px solid #0c92df; } .n2-form-element-text:HOVER .nui-slider-container, .n2-form-element-text.n2-active .nui-slider-container { display: block; } .n2-form-element-text .nui-slider { position: relative; background: #a1aeb5; height: 6px; margin: 10px 10px; border-radius: 10px; } .n2-form-dark .n2-form-element-text .nui-slider { background: #526a80; } .n2-form-element-text .nui-slider .nui-slider-handle { position: absolute; top: 0; z-index: 2; width: 10px; height: 10px; cursor: default; -ms-touch-action: none; touch-action: none; background: #fff; border: 2px solid #a1aeb5; margin: -4px -7px 0; border-radius: 50px; cursor: ew-resize; } .n2-form-dark .n2-form-element-text .nui-slider .nui-slider-handle { border: 2px solid #526a80; } .n2-form-element-file input[type="file"], .n2-form-element-file input[type="file"]:focus { padding: 0; height: 24px; line-height: 24px; margin: 0; } .n2-form-element-preview-fixed { position: relative; height: 96px; border: 2px solid #303b47; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; margin: 0 10px; overflow: hidden; cursor: pointer; width: 300px; } .n2-form-element-preview-fixed .n2-button { display: none; position: absolute; top: 3px; left: 3px; } .n2-form-element-preview-fixed:HOVER .n2-button { display: block; } .n2-form-element-preview-fixed + div { display: inline-block; } #n2-form-matrix-slider-settings .n2-form-element-preview-fixed { border: 2px solid #a1aeb5; } .n2-form-element-autocomplete { z-index: auto; } /* NextendTextarea */ .n2-form-element-textarea { display: inline-block; border: 2px solid #a1aeb5; margin: 0 10px; } .n2-form .n2-form-element-textarea { margin-bottom: 10px; } .n2-form-dark .n2-form-element-textarea { border-color: #28313a; background-color: #303b47; } .n2-form-element-textarea.focus { border-color: #0c92df; } .n2-form-element-textarea textarea, .n2-form-element-textarea textarea:focus { margin: 0; padding: 2px 6px; border: 0; display: inline-block; color: #7b8898; vertical-align: top; min-height: 24px; } .n2-form-dark .n2-form-element-textarea textarea, .n2-form-dark .n2-form-element-textarea textarea:focus { background: #303b47; color: #b2bfc9; } .n2-textarea-rich { background: #4d5d70; border-bottom: 2px solid #28313a; height: 32px; color: #fff; font-size: 16px; line-height: 32px; } .n2-textarea-rich > div { display: inline-block; width: 32px; text-align: center; border-right: 2px solid #28313a; cursor: pointer; } /** Option choosers -> font, style **/ .n2-form-element-option-chooser { display: inline-block; border: 2px solid #a1aeb5; margin: 0 10px; background: #ffffff; } .n2-form .n2-form-element-option-chooser { margin-bottom: 10px; } .n2-form-dark .n2-form-element-option-chooser { border-color: #28313a; background: #303b47; } .n2-form-element-option-chooser input { display: inline-block; margin: 0 5px; border: 0; box-shadow: none; height: 24px; line-height: 24px; color: #7b8898; width: 120px; } .n2-form-dark .n2-form-element-option-chooser input { background: #303b47; color: #b2bfc9; } /* NextendColor */ .n2-form-element-color input { text-transform: uppercase; width: 50px; text-align: center; } .n2-form-element-color-alpha input { width: 70px; } /* NextendMixed */ .n2-form-element-mixed { display: inline-block; } .n2-form-element-mixed .n2-mixed-group { display: inline-block; vertical-align: top; } .n2-form-element-mixed .n2-mixed-label { line-height: 14px; /*min-height: 14px;*/ } .n2-form-element-mixed label { margin: 0 10px; color: #7b8898; font-size: 10px; display: inline-block; } .n2-form-dark .n2-form-element-mixed label { color: #b2bfc9; } .n2-mixed-element > div { position: relative; } .n2-form-element-connected { display: inline-block; } /* NextendOnOff */ .n2-form-element-onoff, .n2-form-element-onoff * { display: inline-block; } .n2-form-element-onoff { position: relative; background: #9aa8af; width: 44px; height: 24px; margin: 2px 10px; border-radius: 12px; overflow: hidden; cursor: pointer; -webkit-touch-callout: none; } .n2-form .n2-form-element-onoff { margin-bottom: 7px; } .n2-form-element-onoff.n2-onoff-on { background: #51b82d; } .n2-form-element-onoff .n2-onoff-slider { position: absolute; top: 3px; left: -18px; width: 88px; height: 18px; padding: 0 2px; transition: left 0.25s; } .n2-form-element-onoff .n2-onoff-slider * { vertical-align: top; } .n2-form-element-onoff.n2-onoff-on .n2-onoff-slider { left: 0; } html[dir="rtl"] .n2-form-element-onoff .n2-onoff-slider { transition: right 0.25s; left: auto; right: -18px; } html[dir="rtl"] .n2-form-element-onoff.n2-onoff-on .n2-onoff-slider { right: 0; } .n2-form-element-onoff .n2-onoff-no, .n2-form-element-onoff .n2-onoff-yes { font-size: 16px; line-height: 18px; color: #fff; width: 20px; text-align: center; } .n2-form-element-onoff .n2-onoff-slider .n2-i { line-height: inherit; } .n2-form-element-onoff .n2-onoff-yes { font-size: 14px; } .n2-form-element-onoff .n2-onoff-round { width: 18px; height: 18px; background-color: #ffffff; border-radius: 9px; box-shadow: 0 0 0 1px RGBA(0, 0, 0, 0.1); } .n2-form-element-onoff-button { display: inline-block; border-radius: 3px; background-color: #909ca3; line-height: 28px; overflow: hidden; cursor: pointer; } .n2-form-element-onoff-button .n2-onoffb-label { display: inline-block; color: #ffffff; font-size: 11px; padding: 0 10px; line-height: 28px; } .n2-form-element-onoff-button .n2-onoffb-container { background-color: #a1aeb5; width: 32px; height: 28px; display: inline-block; } .n2-form-element-onoff-button * { vertical-align: top; display: inline-block; } .n2-form-element-onoff-button .n2-onoffb-slider { position: relative; border-radius: 4px; background-color: #6b7986; width: 20px; height: 8px; margin: 10px 6px; } .n2-form-element-onoff-button.n2-onoff-on .n2-onoffb-slider { background-color: #40b618; } .n2-form-element-onoff-button .n2-onoffb-round { position: absolute; left: 10px; top: -1px; border-radius: 5px; width: 10px; height: 10px; background: #fff; transition: left 0.25s; } .n2-form-element-onoff-button.n2-onoff-on .n2-onoffb-round { left: 0; } /* NextendSwitcher */ .n2-form-element-switcher, .n2-form-element-switcher * { display: inline-block } .n2-form-element-switcher { margin: 0 10px; } .n2-form .n2-form-element-switcher { margin-bottom: 10px; } .n2-form-element-switcher .n2-switcher-unit { background-color: #a1aeb5; line-height: 28px; color: #ffffff; padding: 0 8px; cursor: pointer; border-right: 1px solid #b9c3c9; } .n2-form-dark .n2-form-element-switcher .n2-switcher-unit { border-color: #28313a; background-color: #303b47; color: #9aa7b2; } .n2-form-element-switcher .n2-switcher-unit.n2-active { background-color: #0c92df; cursor: default; color: #fff; } .n2-form-element-switcher .n2-switcher-unit.n2-first { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .n2-form-element-switcher .n2-switcher-unit.n2-last { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right: 0; } .n2-form-element-units { display: inline-block; position: relative; color: #fff; } .n2-form-dark .n2-form-element-units { color: #9aa7b2; } .n2-form-element-units .n2-element-current-unit { display: inline-block; padding: 0 5px; background-color: #a1aeb5; height: 24px; line-height: 24px; vertical-align: top; border: 2px solid #a1aeb5; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .n2-form-dark .n2-form-element-units .n2-element-current-unit { background-color: #28313a; border: 2px solid #28313a; } .n2-element-units { display: none; position: absolute; left: 0; top: 28px; line-height: 28px; background-color: #a1aeb5; padding: 0 7px; z-index: 10000; } .n2-form-dark .n2-element-units { background-color: #28313a; } .n2-form-element-units:HOVER .n2-element-units { display: block; } .n2-element-units > * { cursor: pointer; text-align: center; } /* NextendRadio */ .n2-form-element-radio { } .n2-form .n2-form-element-radio { margin-bottom: 10px; } .n2-form-element-radio, .n2-form-element-radio * { display: inline-block; } .n2-form-element-radio .n2-radio-option { color: #7b8898; margin: 5px 10px; cursor: pointer; line-height: 18px; vertical-align: top; } .n2-form-dark .n2-form-element-radio .n2-radio-option { color: #b2bfc9; } .n2-form-element-radio .n2-radio-option.n2-active { cursor: default; } .n2-form-element-radio .n2-radio-option-marker { width: 14px; height: 14px; border: 2px solid #bcc6cb; border-radius: 14px; margin-right: 5px; transition: border-color 0.25s, background-color 0.25s; background-color: #ffffff; font-size: 12px; line-height: 14px; color: #fff; vertical-align: top; text-align: center; } html[dir="rtl"] .n2-form-element-radio .n2-radio-option-marker { margin-left: 5px; margin-right: 0; } .n2-form-dark .n2-form-element-radio .n2-radio-option-marker { border-color: #28313a; background-color: #4d5d70; } .n2-form-element-radio .n2-radio-option-marker .n2-i { transition: opacity 0.25s; opacity: 0; } .n2-form-element-radio .n2-radio-option.n2-active .n2-radio-option-marker { border-color: #6fbc49; background-color: #6fbc49; } .n2-form-element-radio .n2-radio-option.n2-active .n2-radio-option-marker .n2-i { opacity: 1; } .n2-form-element-radio .n2-radio-option.n2-active .n2-radio-option-marker + span { vertical-align: top; } /* .n2-form-element-radio .n2-radio-option span { line-height: 18px; } */ .n2-imagelist .n2-form-element-radio { max-width: 100%; } .n2-imagelist .n2-radio-option { border: 4px solid #b8c2cd; padding: 4px; border-radius: 3px; vertical-align: middle; } .n2-imagelist .n2-imagelist-option { line-height: 0; background: #b8c2cd; max-width: 94%; } .n2-white .n2-imagelist .n2-imagelist-option { background: #fff; } .n2-imagelist .n2-radio-option.n2-active { border-color: #0c92df; } .n2-imagelist img { max-width: 100%; } .n2-imagelistlabel .n2-radio-option { position: relative; width: 110px; height: 70px; background: center 0 no-repeat; padding: 0; border: 0; border-radius: 0; margin-top: 10px; margin-bottom: 10px; } .n2-imagelistlabel .n2-radio-option span { text-align: center; position: absolute; bottom: -8px; left: 0; display: block; width: 100%; line-height: 20px; } .n2-imagelistlabel .n2-radio-option.n2-active { background-position: center -70px; color: #0c92df; } /* NextendRadioTab */ .n2-form-element-radio-tab { margin: 0 10px; line-height: 28px; vertical-align: middle !important; height: 28px; display: inline-block; } .n2-form .n2-form-element-radio-tab { margin-bottom: 10px; } .n2-form-element-radio-tab > div { float: left; } .n2-form-element-radio-tab .n2-radio-option-label, .n2-form-element-radio-tab .n2-radio-option { padding: 0 10px; text-align: center; background: #8e9ea7; cursor: pointer; color: #fff; vertical-align: top; text-transform: uppercase; } .n2-form-element-radio-tab .n2-radio-option-label { background: #909ca3; cursor: default; } .n2-form-dark .n2-form-element-radio-tab .n2-radio-option { background: #28313a; color: #9aa7b2; } .n2-form-element-radio-tab .n2-radio-option.n2-active { background: #0c92df; color: #fff; } .n2-form-element-radio-tab .n2-radio-option-label.n2-first, .n2-form-element-radio-tab .n2-radio-option.n2-first { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .n2-form-element-radio-tab .n2-radio-option-label.n2-last, .n2-form-element-radio-tab .n2-radio-option.n2-last { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } /* NextendList */ .n2-form-element-list { margin: 0 10px; display: inline-block; } .n2-form .n2-form-element-list { margin-bottom: 10px; } .n2 .n2-form-element-list select { padding: 0; margin: 0; height: 24px; border: 2px solid #b9c3c9; background: transparent; border-radius: 3px; box-sizing: content-box; -webkit-appearance: menulist; -moz-appearance: menulist; min-height: initial; max-width: initial; } .n2 .n2-form-element-list select[multiple] { height: auto; } .n2 .n2-form-dark .n2-form-element-list select { border: 2px solid #28313a; background: #303b47; color: #b2bfc9; } .n2 .n2-form-dark .n2-form-element-list select optgroup { background: #303b46; } .n2 .n2-form-element-list select:focus { box-shadow: none; } .n2 .n2-form-element-list select { font-weight: normal; font-size: 12px; color: #7b8898; } .n2 .n2-form-element-list select option { padding: 0 5px; } /** NextendButton **/ .n2-form-element-single-button { margin: 0 10px; } .n2-form .n2-form-element-single-button { margin-bottom: 10px; } /** NextendCheckbox **/ .n2-form-element-checkbox { display: inline-block; margin: 0 10px; white-space: nowrap; } .n2-form .n2-form-element-checkbox { margin-bottom: 10px; } .n2-checkbox-option { display: inline-block; margin: 0 3px; background: #8e9ea7; cursor: pointer; line-height: 28px; border-radius: 3px; } .n2-checkbox-option.n2-first { margin-left: 0; } .n2-checkbox-option.n2-last { margin-right: 0; } .n2-form-dark .n2-checkbox-option { background: #28313a; color: #9aa7b2; } .n2-form-element-decoration { display: inline-block; } .n2-form-element-icon-radio .n2-radio-option, .n2-form-element-decoration .n2-checkbox-option, .n2-form-element-textalign .n2-radio-option { width: 28px; height: 28px; line-height: 28px; text-align: center; font-size: 16px; color: #fff; padding: 0; } .n2-form-dark .n2-form-element-icon-radio .n2-radio-option, .n2-form-dark .n2-form-element-decoration .n2-checkbox-option { color: #9aa7b2; } .n2-form-dark .n2-form-element-icon-radio .n2-radio-option.n2-active, .n2-checkbox-option.n2-active, .n2-form-dark .n2-checkbox-option.n2-active { background: #0c92df; color: #fff; } .n2-form-element-img + a, .n2-form-element-img + a + a { margin-right: 10px; } .n2-form-element-icon { display: inline-block; margin: 0 10px; white-space: nowrap; } .n2-form .n2-form-element-icon { margin-bottom: 10px; } /* .n2-form-element-icon img { height: 28px; vertical-align: top; } */ .n2-form-element-icon .n2-form-element-preview { margin-right: 3px; border: 0; width: 22px; height: 22px; text-align: center; line-height: 22px; } .n2-form-element-icon .n2-form-element-preview > .n2i { color: #fff; font-size: 22px; vertical-align: top; } .n2-icons-modal .n2-modal-content { overflow: auto !important; padding: 0; } .n2-icons-modal .n2-icon { display: inline-block; margin: 5px; width: 32px; height: 32px; cursor: pointer; font-size: 24px; line-height: 32px; text-align: center; color: #000; } .n2-icons-modal .n2-modal-content { overflow: auto; } .n2-icons-modal .n2-modal-content .n2-form-tab:last-child { margin-bottom: 40px; } .n2-subform-image { } .n2-subform-image .n2-subform-image-option { display: inline-block; width: 150px; height: 120px; padding: 30px 3%; } .n2-subform-image .n2-subform-image-option .n2-subform-image-element { width: 150px; height: 90px; cursor: pointer; } .n2-subform-image .n2-subform-image-option.n2-active .n2-subform-image-element { background-position: 0 -100px; cursor: default; } .n2-subform-image .n2-subform-image-option .n2-subform-image-title { text-align: center; margin-top: 10px; } .n2-subform-image .n2-subform-image-option { color: #7b8898; } .n2-subform-image .n2-subform-image-option.n2-active { color: #0c92df; } .n2-subform-image.n2-small .n2-subform-image-option .n2-subform-image-element { width: 100px; height: 70px; } .n2-subform-image.n2-small .n2-subform-image-option.n2-active .n2-subform-image-element { background-position: 0 -80px; } .n2-subform-image.n2-small .n2-subform-image-option { width: 100px; height: 100px; } .n2-subform-image .n2-subform-image-option-simple { display: inline-block; width: 190px; height: 120px; border-radius: 3px; border: 5px solid #a1aeb5; margin: 25px; padding: 0; vertical-align: top; } .n2-subform-image .n2-subform-image-option-simple.n2-active { border-color: #0c92df; } .n2-subform-image .n2-subform-image-option-simple div.n2-subform-image-element { width: 100%; height: 100%; background-repeat: repeat-y; } .n2-subform-image .n2-subform-image-option-simple.n2-active div.n2-subform-image-element { background-position: 0 -120px; } .n2-subform-2-rows { max-height: 360px; overflow: auto; margin: -10px -10px 0 } .n2-form-matrix { /*border-color: #343f4c;*/ border-bottom-width: 1px; border-radius: 3px; } .n2-form-matrix .n2-form-tab { border-radius: 0; } .n2-form-matrix > .n2-h2 { padding: 0; } .n2-form-matrix .n2-form-matrix-menu { cursor: pointer; display: inline-block; margin: 0 20px; vertical-align: top; line-height: 60px; font-size: 14px; color: #b2bfc9; } .n2-form-matrix .n2-form-matrix-menu.n2-active { color: #fff; } .n2-form-matrix .n2-form-matrix-menu.n2-has-underline > .n2-underline::after { bottom: -10px; color: #0c92df; } .n2-form-matrix-pane { display: none; } .n2-form-matrix > .n2-form-matrix-views { z-index: 4; padding: 0 20px; background: #212d3a; margin: -1px -1px 0 -1px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .n2-form-matrix-pane.n2-active { display: block; } .n2-form-matrix-pane .n2-form { margin-bottom: 0; } .n2-form-matrix-pane .n2-form-tab { border-width: 0 0 1px; margin: 0; } .n2-form-matrix-pane .n2-form-tab > .n2-h2 { font-size: 14px; } #n2-css-slide-editor-design-css.n2-basiccss-show-preset-list #n2-tab-basiccssfont, #n2-css-slide-editor-design-css.n2-basiccss-show-preset-list #n2-tab-basiccssstyle { display: none; } #n2-tab-basiccssfont, #n2-tab-basiccssstyle { display: none; background: #3c4958; } #n2-tab-basiccssfont.n2-css-has-font, #n2-tab-basiccssstyle.n2-css-has-style { display: block; } .n2-editor-header.n2-h2 { padding: 0; line-height: 43px; background: #28313a; border-bottom: 1px solid #20282f; } #n2-tab-basiccssfont > .n2-h2, #n2-tab-basiccssstyle > .n2-h2 { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; padding: 0; min-height: 43px; background: #28313a; border-bottom: 1px solid #20282f; margin-bottom: 5px; } .n2-editor-header > span, .n2-editor-header .n2-ss-button-container, .n2-editor-header .n2-ss-button-container-left, .n2-css-name, .n2-css-tab { position: relative; font-size: 11px; display: inline-block; vertical-align: top; color: #b2bfc9; } .n2-editor-header .n2-ss-button-container, .n2-editor-header .n2-ss-button-container-left, .n2-css-tab { float: right; color: #fff; } .n2-editor-header .n2-ss-button-container-left { float: left; } .n2-editor-header .n2-ss-button-container-left > * { margin-left: 10px; vertical-align: middle; } #n2-tab-basiccssfont .n2-css-right, #n2-tab-basiccssstyle .n2-css-right { margin: 10px 10px 10px auto; display: flex; align-items: center; } #n2-tab-basiccssfont .n2-css-tab, #n2-tab-basiccssstyle .n2-css-tab { overflow: hidden; height: 24px; line-height: 24px; border-radius: 3px; } #n2-tab-basiccssfont .n2-css-tab-reset, #n2-tab-basiccssstyle .n2-css-tab-reset { display: none; margin: 0 10px; } #n2-tab-basiccssfont.n2-css-show-reset .n2-css-tab-reset, #n2-tab-basiccssstyle.n2-css-show-reset .n2-css-tab-reset { display: inline-block; } .n2-editor-header .n2-ss-button-container > *, .n2-css-tab > * { display: inline-block; padding: 0 10px; } .n2-editor-header .n2-ss-button-container { margin-right: 10px; } .n2-editor-header .n2-ss-button-container > .n2-button, .n2-css-tab > .n2-button { height: 24px; line-height: 24px; padding: 0; } .n2-editor-header .n2-ss-button-container > .n2-button-icon { height: 28px; line-height: 28px; width: 28px; vertical-align: middle; } .n2-editor-header .n2-ss-button-container > .n2-button-normal, .n2-css-tab > .n2-button-normal { padding: 0 15px; } .n2-editor-header > span, .n2-css-name-label { padding: 0 10px; } .n2-css-name .n2-css-name-list { display: none; } .n2-css-name.n2-multiple .n2-css-name-label:after { content: "\e638"; font-family: 'Nextend' !important; vertical-align: top; margin: 0 0 0 5px; } .n2-css-name.n2-multiple .n2-css-name-list { position: absolute; left: 0; top: 34px; background: #28313a; white-space: nowrap; } .n2-css-name.n2-multiple:HOVER .n2-css-name-list { display: block; } .n2-css-name.n2-multiple .n2-css-name-list > * { white-space: nowrap; display: block; padding: 0 10px; cursor: pointer; } .n2-css-name.n2-multiple .n2-css-name-list > *:HOVER { background: #303b47; } .n2-css-tab span { background: #6b7986; cursor: pointer; height: 24px; line-height: 24px; } .n2-css-tab span.n2-active { background: #0c92df; cursor: default; } #n2-tab-basiccssfont #layerfamily { max-width: none !important; } #n2-tab-basiccsspresets { display: none; } #n2-css-slide-editor-design-css.n2-basiccss-show-preset-list #n2-tab-basiccsspresets { display: block; } #n2-tab-basiccsspresets div div { line-height: 30px; background-color: #303b47; border-bottom: 1px solid RGBA(0, 0, 0, 0.2); color: #fff; cursor: pointer; padding: 0 20px; } #n2-tab-basiccsspresets div div:HOVER { background: #1681c1; } .n2-basiccss-more { background: #303b47; line-height: 28px; height: 28px; vertical-align: top; float: right; margin: 15px 23px 15px 0; color: #9aa7b2; } .n2-element-important { background: #212d3a; color: #fff; margin-bottom: 10px; padding: 10px; } .n2-element-important a { color: #6495ed; } .n2-notification-center-modal { background-color: RGBA(43, 52, 63, 0.9); width: 100%; height: 100%; position: fixed; left: 0; top: 0; display: none; z-index: 2147483646; } .n2-notification-center-modal.n2-active { display: block; } .n2-notification-center { display: none; position: absolute; top: 61px; right: 0; width: 370px; background: #fff; border: 1px solid #ccd1d6; border-top: 0; opacity: 0; } html[dir="rtl"] .n2-notification-center { left: 0; right: auto; } .n2-notification-center-modal .n2-notification-center { display: none; position: absolute; left: 50%; right: auto; top: 50%; margin-left: -185px; margin-top: -63px; opacity: 1; } .n2-notification-center-modal.n2-active .n2-notification-center { display: block; } .n2-notification-settings { position: relative; background: #f2f5fa; border-top: 1px solid #ccd1d6; height: 44px; } .n2-notification-clear { position: absolute; left: 10px; top: 10px; } .n2-notification-important { position: absolute; right: 10px; top: 13px; cursor: pointer; } .n2-notification-important span { vertical-align: top; padding: 0 10px; color: #6b7989; } .n2-checkbox { display: inline-block; width: 14px; height: 14px; background: #f2f5fa; border: 2px solid #b9c3c9; border-radius: 2px; vertical-align: top; } .n2-checkbox .n2-i { color: #f2f5fa; font-size: 14px; margin: 0; padding: 0; vertical-align: top; } .n2-active > .n2-checkbox { background: #6fbc49; border-color: #6fbc49; } .n2-active > .n2-checkbox .n2-i { color: #ffffff; } .n2-notification-message { border-top: 1px solid #ccd1d6; } .n2-notification-message .n2-td { padding: 22px 0; } .n2-notification-message .n2-first { width: 62px; } .n2-notification-message .n2-i { vertical-align: middle; margin: 0 10px; font-size: 32px; } .n2-notification-message h4 { margin: 0; } .n2-notification-message p { color: #7b8898; margin: 0; } .n2-notification-message-error, .n2-notification-message-error h4 { color: #c54633; } .n2-notification-message-success, .n2-notification-message-success h4 { color: #50aa31; } .n2-notification-message-notice, .n2-notification-message-notice h4 { color: #0c92df; } .n2-notification-empty { color: #7b8898; margin: 20px; text-align: center; } .n2-loader-overlay { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 2147483647; background-color: RGBA(43, 52, 63, 0.9); } .n2-loader-overlay.n2-active { display: block; } .n2-loader { position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; border: 10px solid rgba(255, 255, 255, 0.2); border-left-color: #ffffff; animation: n2-load 1.1s infinite linear; overflow: hidden; } .n2-loader, .n2-loader:after { border-radius: 50%; width: 40px; height: 40px; } @keyframes n2-load { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*** Spectrum Colorpicker v1.0.9 https://github.com/bgrins/spectrum Author: Brian Grinstead License: MIT ***/ .n2-sp-container { position: absolute; top: 0; left: 0; display: inline-block; *display: inline; *zoom: 1; z-index: 2147483647; overflow: hidden; } .n2-sp-container.n2-sp-flat { position: relative; } /* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */ .n2-sp-top { position: relative; width: 100%; display: inline-block; } .n2-sp-top-inner { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin-bottom: 5px; } .n2-sp-color { position: absolute; top: 0; left: 0; bottom: 0; right: 20%; margin-right: 5px; } .n2-sp-hue { position: absolute; top: 0; right: 0; bottom: 0; left: 84%; height: 100%; box-shadow: 0 0 1px 1px rgba(0, 0, 0, .2) inset; } .n2-sp-fill { padding-top: 80%; } .n2-sp-sat, .n2-sp-val { position: absolute; top: 0; left: 0; right: 0; bottom: 0; box-shadow: 0 0 1px 1px rgba(0, 0, 0, .2) inset; } .n2-sp-alpha-enabled .n2-sp-top { margin-bottom: 18px; } .n2-sp-alpha-enabled .n2-sp-alpha { display: block; } .n2-sp-alpha-handle { position: absolute; top: -4px; bottom: -4px; width: 7px; left: 50%; cursor: pointer; box-shadow: 0 0 0 1px RGBA(0, 0, 0, 0.4); background: #fff; border-radius: 2px; } .n2-sp-alpha { display: none; position: absolute; bottom: -14px; right: 0; left: 0; height: 8px; } .n2-sp-alpha-inner { background: linear-gradient(to right, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 1) 100%); /* W3C */ box-shadow: 0 0 1px 1px rgba(0, 0, 0, .2) inset; } /* Don't allow text selection */ .n2-sp-container, .n2-sp-replacer, .n2-sp-preview, .n2-sp-dragger, .n2-sp-slider, .n2-sp-alpha, .n2-sp-alpha-handle, .n2-sp-container.n2-sp-dragging .n2-sp-input, .n2-sp-container button { -moz-user-select: -moz-none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .n2-sp-container.n2-sp-input-disabled .n2-sp-input-container { display: none; } .n2-sp-container.n2-sp-buttons-disabled .n2-sp-button-container { display: none; } .n2-sp-palette-only .n2-sp-picker-container { display: none; } .n2-sp-palette-disabled .n2-sp-palette-container { display: none; } .n2-sp-initial-disabled .n2-sp-initial { display: none; } /* Gradients for hue, saturation and value instead of images. Not pretty... but it works */ .n2-sp-sat { background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0)); } .n2-sp-val { background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0)); } .n2-sp-hue { background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); } /* IE filters do not support multiple color stops. Generate 6 divs, line them up, and do two color gradients for each. Yes, really. */ .n2-sp-1 { height: 17%; } .n2-sp-2 { height: 16%; } .n2-sp-3 { height: 17%; } .n2-sp-4 { height: 17%; } .n2-sp-5 { height: 16%; } .n2-sp-6 { height: 17%; } /* Clearfix hack */ .n2-sp-cf:before, .n2-sp-cf:after { content: ""; display: table; } .n2-sp-cf:after { clear: both; } .n2-sp-cf { *zoom: 1; } /* Mobile devices, make hue slider bigger so it is easier to slide */ @media (max-device-width: 480px) { .n2-sp-color { right: 40%; } .n2-sp-hue { left: 63%; } .n2-sp-fill { padding-top: 60%; } } .n2-sp-dragger { border-radius: 12px; height: 12px; width: 12px; background: #fff; cursor: pointer; position: absolute; top: 0; left: 0; box-shadow: 0 0 0 1px RGBA(0, 0, 0, 0.4); transform: translateX(6px) translateY(6px); } .n2-sp-slider { position: absolute; top: 0; cursor: pointer; height: 6px; left: -2px; right: -2px; background: #fff; border-radius: 2px; box-shadow: 0 0 0 1px RGBA(0, 0, 0, 0.4); transform: translateY(3px); } /* Basic display options (colors, fonts, global widths) */ .n2-sp-container { border-radius: 3px; background-color: #fff; padding: 0; border: 2px solid #b9c3c9; } .n2-sp-container, .n2-sp-container button, .n2-sp-container input, .n2-sp-color, .n2-sp-hue { font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; box-sizing: border-box; } .n2-sp-top { margin-bottom: 3px; } /* .n2-sp-color, .n2-sp-hue { border: solid 1px #666; } */ /* Input */ .n2-sp-input-container { float: right; width: 100px; margin-bottom: 4px; } .n2-sp-initial-disabled .n2-sp-input-container { width: 100%; } .n2-sp-input { font-size: 12px !important; border: 1px inset; padding: 4px 5px; margin: 0; width: 100%; background: transparent; border-radius: 3px; color: #222; } .n2-sp-input:focus { border: 1px solid orange; } .n2-sp-input.n2-sp-validation-error { border: 1px solid red; background: #fdd; } .n2-sp-picker-container, .n2-sp-palette-container { float: left; position: relative; padding: 10px; padding-bottom: 300px; margin-bottom: -295px; } .n2-sp-picker-container { width: 172px; } /* Palettes */ .n2-sp-palette-container { border-right: solid 1px #ccc; } .n2-sp-palette-row { float: left; } .n2-sp-palette-row-selection { border-left: 1px solid rgba(0, 0, 0, 0.2); margin-left: 7px; padding-left: 5px; } .n2-sp-palette .n2-sp-thumb-el { display: block; position: relative; clear: left; float: left; width: 24px; height: 15px; margin: 3px; cursor: pointer; border: solid 2px transparent; } .n2-sp-palette .n2-sp-thumb-el:hover, .n2-sp-palette .n2-sp-thumb-el.n2-sp-thumb-active { border-color: orange; } .n2-sp-thumb-el { position: relative; } /* Initial */ .n2-sp-initial { float: left; border: solid 1px #333; } .n2-sp-initial span { width: 30px; height: 25px; border: none; display: block; float: left; margin: 0; } /* Buttons */ .n2-sp-button-container { float: right; } /* Replacer (the little preview div that shows up instead of the <input>) */ .n2-sp-replacer { margin: 0; overflow: hidden; cursor: pointer; padding: 2px; border-radius: 3px; display: inline-block; *zoom: 1; *display: inline; color: #333; vertical-align: top; } .n2-sp-replacer:hover, .n2-sp-replacer.n2-sp-active { border-color: #d8d8d8; color: #111; } .n2-sp-replacer.n2-sp-disabled { cursor: default; border-color: silver; color: silver; } .n2-sp-dd { display: none; height: 8px; line-height: 8px; width: 8px; background-color: #d8d8d8; font-size: 7px; margin: 13px 0 0 -9px; position: relative; border-top-left-radius: 3px; float: left; text-align: center; } .n2-sp-preview { position: relative; width: 20px; height: 20px; border-radius: 3px; float: left; z-index: 0; overflow: hidden; } .n2-sp-palette { *width: 220px; max-width: 220px; } .n2-sp-palette .n2-sp-thumb-el { width: 20px; height: 20px; margin: 4px; border: 0; } .n2-sp-palette .n2-sp-thumb-inner { width: 20px; height: 20px; } .n2-sp-container { padding-bottom: 0; } /* Buttons: http://hellohappy.org/css3-buttons/ */ .n2-sp-container button { background-color: #eeeeee; background-image: linear-gradient(to bottom, #eeeeee, #cccccc); border: 1px solid #ccc; border-bottom: 1px solid #bbb; border-radius: 3px; color: #333; font-size: 14px; line-height: 1; padding: 5px 4px; text-align: center; text-shadow: 0 1px 0 #eee; vertical-align: middle; } .n2-sp-container button:hover { background-color: #dddddd; background-image: linear-gradient(to bottom, #dddddd, #bbbbbb); border: 1px solid #bbb; border-bottom: 1px solid #999; cursor: pointer; text-shadow: 0 1px 0 #ddd; } .n2-sp-container button:active { border: 1px solid #aaa; border-bottom: 1px solid #888; box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; } .n2-sp-cancel { font-size: 11px; color: #d93f3f !important; margin: 0; padding: 2px; margin-right: 5px; vertical-align: middle; text-decoration: none; } .n2-sp-cancel:hover { color: #d93f3f !important; text-decoration: underline; } .n2-sp-palette span:hover, .n2-sp-palette span.n2-sp-thumb-active { border-color: rgba(0, 0, 0, 0.5); } .n2-sp-preview, .n2-sp-alpha, .n2-sp-thumb-el { position: relative; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); } .n2-sp-preview-inner, .n2-sp-alpha-inner, .n2-sp-thumb-inner { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .n2-sp-thumb-inner { border-radius: 3px; } .n2-sp-preview-inner, .n2-sp-thumb-inner { border: solid 1px RGBA(0, 0, 0, 0.2); } .n2-sp-palette .n2-sp-thumb-inner { background-position: 50% 50%; background-repeat: no-repeat; } .n2-sp-palette .n2-sp-thumb-light.n2-sp-thumb-active .n2-sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=); } .n2-sp-palette .n2-sp-thumb-dark.n2-sp-thumb-active .n2-sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=); } .n2-vt { vertical-align: top; } .n2-vm { vertical-align: middle; } .n2-radius-s { border-radius: 3px; } .n2-radius-m { border-radius: 5px; } .n2-radius-l { border-radius: 500px; } .n2-tooltip { position: absolute; left: -10000px; top: -10000px; margin-top: -9000000px; opacity: 0; z-index: 100000; border-radius: 3px; line-height: 16px; padding: 4px 6px; color: #fff; font-size: 10px; background: RGBA(32, 41, 52, 0.95); } .n2-tooltip.n2-active { opacity: 1; margin: 10px; } .n2-position-display-active .n2-tooltip { display: none; } .n2-unselectable { -moz-user-select: -moz-none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .n2-button { display: inline-block; text-align: center; cursor: pointer; } .n2-button, .n2-button:ACTIVE, .n2-button:VISITED, .n2-button:FOCUS, .n2-button:LINK, .n2-button-inner, .n2-button-inner:ACTIVE, .n2-button-inner:VISITED, .n2-button-inner:FOCUS, .n2-button-inner:LINK { color: #ffffff; text-decoration: none; } .n2-button-darker, .n2-button-darker:ACTIVE, .n2-button-darker:VISITED, .n2-button-darker:FOCUS, .n2-button-darker:LINK { color: #b2bfc9; } .n2-button-normal { overflow: hidden; } .n2-button-wide { display: block; margin: 10px 20px; } .n2-button-icon { font-size: 16px; } .n2-button-icon.n2-h32 { font-size: 32px; } .n2-button-normal-icon { } .n2-button-with-actions { position: relative; } .n2-button-with-actions .n2-button-inner { display: inline-block; height: 100%; padding: 0 20px; line-height: inherit; } .n2-button-with-actions .n2-button-menu-open { position: relative; } .n2-button-with-actions .n2-button-menu-open { width: 36px; height: 100%; display: inline-block; vertical-align: top; background: RGBA(0, 0, 0, 0.1); border-left: 1px solid RGBA(0, 0, 0, 0.1); } .n2-button-menu-open .n2-button-menu { display: none; position: absolute; left: -50px; top: 36px; z-index: 3; } html[dir="rtl"] .n2-button-menu-open .n2-button-menu { right: -50px; left: auto; } .n2-button-menu-inner { margin-top: 5px; box-shadow: 0 0 5px 0 RGBA(0, 0, 0, 0.3); padding: 5px 0; background-color: #ffffff; border-radius: 5px; } .n2-box-generator .n2-button-menu-inner { max-height: 150px; overflow-y: auto; overflow-x: hidden; } .n2-button-menu-open.n2-active .n2-button-menu { display: block; } /* scrollfix for mac*/ .webkit-scroll-fix::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } .webkit-scroll-fix::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0, 0, 0, .5); box-shadow: 0 0 1px rgba(255, 255, 255, .5); } /** SIZE **/ .n2-button-xs { height: 18px; line-height: 18px; } .n2-button-xs.n2-button-normal { padding: 0 5px; } .n2-button-s.n2-button-normal { padding: 0 5px; } .n2-button-s { height: 24px; line-height: 24px; } .n2-button-s.n2-button-normal { padding: 0 10px; } .n2-button-s.n2-button-with-actions .n2-button-inner { padding: 0 10px; } .n2-button-s .n2-button-menu-open { width: 25px; } .n2-button-s .n2-button-menu-open .n2-button-menu { top: 24px; } .n2-button-s.n2-button-icon { width: 24px; } .n2-button-m { height: 28px; line-height: 28px; } .n2-button-m.n2-button-normal { padding: 0 10px; } .n2-button-m.n2-button-with-actions .n2-button-inner { padding: 0 16px; } .n2-button-m .n2-button-menu-open { width: 28px; } .n2-button-m .n2-button-menu-open .n2-button-menu { top: 28px; } .n2-button-m.n2-button-icon { width: 28px; } .n2-button-m-narrow.n2-button-icon { width: 20px; } .n2-button-l { height: 36px; line-height: 36px; } .n2-button-l.n2-button-normal { padding: 0 15px; min-width: 70px; } .n2-button-l.n2-button-icon { width: 36px; } .n2-button-xl { height: 50px; line-height: 50px; padding: 0 44px; } .n2-button-xl.n2-button-normal { padding: 0 44px; } /** COLOR **/ .n2-button-grey { background: #6b7986; } .n2-button-blue { background: #0c92df; } .n2-button-green { background: #51b82d; } .n2-button-red { background: #c54633; } .n2-button-blue-active.n2-active { background: #0c92df; } .n2-button-purple { background: #5f39c2; } /** BUTTON MENU **/ .n2-button-menu a { display: block; text-align: left; color: #7b8898; line-height: 30px; padding: 0 20px; white-space: nowrap; } .n2-button-menu a:focus, .n2-button-menu a:hover, .n2-button-menu a:active { color: #7b8898; } .n2-button-menu a:HOVER { background: #e9edf0; } .n2-button-menu a.n2-separator { border-bottom: 2px solid #ccd1d6; } /** PLAIN BUTTON **/ .n2-button-plain { background: transparent !important; color: #7b8898; height: 26px; line-height: 26px; } .n2-button-plain .n2-button-inner { color: #7b8898; padding: 0 5px !important; } .n2-button-plain.n2-button-with-actions .n2-button-menu-open { border-left: 0; background: transparent; } .n2-button-plain:active, .n2-button-plain:visited, .n2-button-plain:focus, .n2-button-plain:link, .n2-button-plain .n2-button-inner:active, .n2-button-plain .n2-button-inner:visited, .n2-button-plain .n2-button-inner:focus, .n2-button-plain .n2-button-inner:link { color: #7b8898; } .n2-button-plain.n2-button-with-actions .n2-button-menu-open { width: 16px; } .n2-button-plain.n2-button-with-actions .n2-i-buttonarrow:before { } .n2-button-plain.n2-button-with-actions .n2-button-menu-open .n2-button-menu { top: 20px; } .n2-button-with-icon { border: 2px solid #e0e6ed; color: #6b7989; margin: 5px; padding: 0 10px; } .n2-button-with-icon:ACTIVE, .n2-button-with-icon:VISITED, .n2-button-with-icon:FOCUS, .n2-button-with-icon:LINK { color: #6b7989; } .n2-color-red, .n2-color-red:active, .n2-color-red.n2-button-plain:visited, .n2-color-red:focus, .n2-color-red:link { color: #c44e3d !important; } .n2-color-blue, .n2-color-blue:active, .n2-color-blue.n2-button-plain:visited, .n2-color-blue:focus, .n2-color-blue:link { color: #0c92df !important; } /** DEFINITION LIST **/ .n2-definition-list { margin: 0; padding: 0; } .n2-definition-list dt { position: relative; line-height: 59px; height: 59px; background: #303b47; border-bottom: 1px solid RGBA(0, 0, 0, 0.2); overflow: hidden; } .n2-definition-list dt > a { display: block; padding: 0 20px; color: #b2bfc9; } .n2-definition-list dt > a .n2-i { margin-right: 10px; vertical-align: middle; font-size: 32px; } html[dir="rtl"] .n2-definition-list dt > a .n2-i { margin-right: 0; margin-left: 10px; } .n2-definition-list dt .n2-id { display: block; width: 70px; position: absolute; left: 0; bottom: 5px; text-align: center; line-height: 11px; color: #8b99a6; } .n2-definition-list dt > .n2-actions { display: block; position: absolute; top: 0; right: 0; padding: 0 20px; background-color: #303b47; font-size: 16px; line-height: 16px; padding-top: 22px; } .n2-definition-list dt.n2-open > .n2-actions { background-color: #3c4958; } .n2-definition-list dt > .n2-actions a { display: inline-block; padding: 0 5px; } .n2-definition-list dt > .n2-actions a .n2-i { vertical-align: middle; } html[dir="rtl"] .n2-definition-list dt > .n2-actions { right: auto; left: 0; } .n2-definition-list dd { margin: 0; } /** LIST **/ .n2-list { margin: 0; padding: 0; } .n2-list li { display: block; position: relative; margin: 0; line-height: 39px; background-color: #303b47; border-bottom: 1px solid RGBA(0, 0, 0, 0.2); } .n2-list li, .n2-list li > a { color: #b2bfc9; } .n2-list li > a { display: block; padding: 0 20px; } .n2-list li > a .n2-i { vertical-align: middle; padding: 7px; margin-left: -7px; font-size: 16px; } .n2-list li.n2-active { background: #1681c1; } .n2-list li.n2-active > a { color: #fff; vertical-align: middle; } .n2-list li.n2-active > .n2-actions .n2-i { color: #fff; } .n2-list li .n2-actions { position: absolute; top: 0; right: 0; padding: 2px 3px 0; line-height: 24px; } [dir="rtl"] .n2-list li .n2-actions{ left: 0; right: auto; } .n2-list li .n2-actions-left > *, .n2-list li .n2-actions > * { display: inline-block; margin: 0 2px; } .n2-list li .n2-actions > * .n2-i { vertical-align: middle; } .n2-list li.n2-button-container { padding: 22px 20px; } html[dir="rtl"] .n2-list li > .n2-actions { right: auto; left: 0; } .n2-list .n2-list-checkbox { display: inline-block; width: 16px; height: 16px; background: #343f4c; vertical-align: top; border: 2px solid #212d3a; border-radius: 2px; line-height: 16px; margin: 10px 10px 0 0; } .n2-list .n2-list-checkbox .n2-i { color: #343f4c; font-size: 16px; margin: 0; padding: 0; vertical-align: top; } .n2-list .n2-list-checkbox.n2-active { background: #6fbc49; border-color: #6fbc49; } .n2-list .n2-list-checkbox.n2-active .n2-i { color: #ffffff; } .n2-box { float: left; display: inline-block; position: relative; width: 270px; height: 180px; margin: 15px; border-radius: 3px; background-color: #212d3a; background-size: cover; background-position: 50% 50%; opacity: 1; transition: opacity 0.6s; box-shadow: 0 0 5px RGBA(0, 0, 0, 0.05); } .n2-box.n2-active { box-shadow: 0 0 0 3px #0c92df; } .n2-ss-box-just-added { opacity: 0; } .n2-box-small { width: 200px; height: 135px; margin: 10px; } .n2-box.n2-ui-sortable-helper { transform: scale(0.8); opacity: 0.8; } .n2-box-sortable-placeholder { height: 200px; margin: 5px 0; width: 0; box-shadow: 0 0 0 2px #0c92df; float: left; display: inline-block; } .n2-box-sortable-placeholder-small { height: 145px; } .n2-box img { position: absolute; clip: rect(0px, 270px, 180px, 0px); border-radius: 3px; width: 100%; } .n2-box-small img { clip: rect(0px, 200px, 95px, 0px); } .n2-box .n2-box-overlay { z-index: 3; position: absolute; left: 0; top: 0; width: 100%; height: calc(100% - 50px); background-color: rgba(32, 41, 52, 0.9); border-radius: 3px; align-items: center; justify-content: center; } .n2-box-small .n2-box-overlay { height: calc(100% - 40px); } .n2-box-overlay .n2-button { line-height: 28px; height: 28px; } .n2-box .n2-box-placeholder { display: flex; z-index: 9; position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; background: #212d3a; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; justify-content: flex-start; align-items: center; padding: 0 10px; box-sizing: border-box; } .n2-box .n2-box-placeholder[data-align="center"] { justify-content: center; } .n2-box-small .n2-box-placeholder { height: 40px; } .n2-box .n2-box-placeholder .n2-box-placeholder-title { margin-right: auto; overflow: hidden; max-height: 100%; } html[dir="rtl"] .n2-box .n2-box-placeholder .n2-box-placeholder-title { margin-left: auto; margin-right: 0; } .n2-box-placeholder-title a, .n2-box-placeholder-title { color: #cedae2; line-height: 16px; } .n2-box-small .n2-box-placeholder-title a, .n2-box-small .n2-box-placeholder-title { line-height: 20px; } .n2-box .n2-box-lt { position: absolute; left: 5px; top: 5px; width: 50%; text-align: left; z-index: 4; } html[dir="rtl"] .n2-box .n2-box-lt { left: auto; right: 5px; } .n2-box .n2-box-rt { position: absolute; right: 5px; top: 5px; width: 50%; text-align: right; } .n2-box .n2-box-lb { position: absolute; left: 5px; bottom: 55px; } .n2-box-small .n2-box-lb { bottom: 45px; } .n2-box .n2-box-lb > * { white-space: nowrap; } .n2-box .n2-box-rb { position: absolute; right: 5px; bottom: 55px; text-align: right; } .n2-box-small .n2-box-rb { bottom: 45px; } .n2-box .n2-box-center { position: absolute; left: 0; top: 74px; width: 100%; text-align: center; z-index: 4; } .n2-box > .n2-on-hover, .n2-box > .n2-on-hover-flex { display: none; } .n2-box:HOVER > .n2-on-hover { display: block; } .n2-box:HOVER > .n2-on-hover-flex { display: flex; } .n2-ss-box-select { display: none; border-radius: 3px; border: 2px solid #8793a2; width: 16px; height: 16px; text-align: center; } .n2-box:HOVER .n2-ss-box-select { display: block; } .n2-box.n2-selected .n2-ss-box-select { display: block; border-color: #1999e3; background-color: #1999e3; } .n2-box .n2-ss-box-select .n2-i { display: none; } .n2-box.n2-selected .n2-ss-box-select .n2-i { display: inline-block; color: #fff; font-size: 16px; line-height: 16px; margin: 0 -2px; } .n2-bulk-select { margin: 0 10px; vertical-align: top; } .n2-bulk-actions { display: inline-block; } .n2-ss-has-box-selection .n2-heading-actions { visibility: hidden; } .n2-ss-has-box-selection .n2-box-selectable { opacity: 0.5; } .n2-ss-has-box-selection .n2-box-selectable.n2-selected { opacity: 1; } .n2-ss-has-box-selection .n2-ss-box-select { display: inline-block; } .n2-box-menu { display: none; z-index: 9; } .n2-box-menu.n2-inited { display: inline-block; position: absolute; top: 5px; right: 5px; text-align: right; } html[dir="rtl"] .n2-box-menu.n2-inited { right: auto; left: 5px; } .n2-box-menu .n2-button { float: right; } html[dir="rtl"] .n2-box-menu .n2-button { float: left; } .n2-box-menu .n2-box-menu-content { display: none; } .n2-box-menu.n2-active .n2-box-menu-content { margin-top: 3px; display: block; clear: both; float: right; background: #fff; border-radius: 5px; line-height: 30px; text-align: left; box-shadow: 0 0 5px 0 RGBA(0, 0, 0, 0.3); padding: 5px 0; white-space: nowrap; } .n2-box-menu.n2-active .n2-box-menu-content ul { margin: 0; list-style-type: none; } .n2-box-menu.n2-active .n2-box-menu-content li { padding: 0 20px; margin: 0; color: #7b8898; line-height: 30px; } .n2-box-menu.n2-active .n2-box-menu-content li:HOVER { background-color: #e9edf0; } .n2-box-menu.n2-active .n2-box-menu-content li.n2-ss-delete { color: #c44e3d; } .n2-box-full > a { width: 100%; height: 180px; padding: 0; } .n2-box-full > a:before { display: block; font-family: 'Nextend' !important; font-size: 74px; line-height: 90px; content: "\e952"; margin-top: 35px; } .n2-box-promo { background: transparent; } .n2-box-promo-light { background: #fff; } .n2-box-promo-overlay, .n2-box-promo-overlay:HOVER, .n2-box-promo-overlay:FOCUS, .n2-box-promo-overlay:VISITED { position: absolute; display: block; width: 100%; height: 100%; color: #fff; text-align: center; } .n2-box-promo .n2-close { position: absolute; right: 10px; top: 10px; cursor: pointer; display: none; z-index: 3; } .n2-box-promo:hover .n2-close { display: block; } .n2-box-promo .n2-close:before { font-family: 'Nextend' !important; content: "\e90a"; font-size: 16px; } .n2-box-promo-light .n2-close:before { color: #7b8898; } .n2-box-promo-dark .n2-close:before { color: #ffffff; } .n2-box-promo span { display: block; position: absolute; bottom: 50px; width: 100%; line-height: 23px; text-align: center; font-size: 12px; } .n2-box-promo-light span { color: #7b8898; } .n2-box-promo-dark span { color: #eff7fb; } .n2-box-promo-buttons { position: absolute; bottom: 17px; width: 100%; text-align: center; } .n2-box-promo-buttons .n2-button + .n2-button { margin-left: 20px; } .n2-box-review { text-align: center; } .n2-box-review-bigstar { width: 170px; height: 105px; margin: 0 auto; background-image: url('../images/stars-big.png'); } [data-stars="1"] .n2-box-review-bigstar { background-position: 0 -105px; } [data-stars="2"] .n2-box-review-bigstar { background-position: 0 -210px; } [data-stars="3"] .n2-box-review-bigstar { background-position: 0 -315px; } [data-stars="4"] .n2-box-review-bigstar { background-position: 0 -420px; } [data-stars="5"] .n2-box-review-bigstar { background-position: 0 -525px; } .n2-box-review-label { color: #7b8898; font-size: 15px; line-height: 22px; height: 22px; overflow: hidden; display: none; } [data-stars="0"] .n2-box-review-label[data-star="0"], [data-stars="1"] .n2-box-review-label[data-star="1"], [data-stars="2"] .n2-box-review-label[data-star="2"], [data-stars="3"] .n2-box-review-label[data-star="3"], [data-stars="4"] .n2-box-review-label[data-star="4"], [data-stars="5"] .n2-box-review-label[data-star="5"] { display: block; } .n2-box-review-stars-container { width: 170px; height: 34px; margin: 0 auto; } .n2-box-review-star { cursor: pointer; transition: transform 0.4s; vertical-align: top; float: left; width: 34px; height: 34px; background-image: url('../images/stars-small.png'); } [data-stars="1"] .n2-box-review-star[data-star="1"], [data-stars="2"] .n2-box-review-star[data-star="1"], [data-stars="2"] .n2-box-review-star[data-star="2"], [data-stars="3"] .n2-box-review-star[data-star="1"], [data-stars="3"] .n2-box-review-star[data-star="2"], [data-stars="3"] .n2-box-review-star[data-star="3"], [data-stars="4"] .n2-box-review-star[data-star="1"], [data-stars="4"] .n2-box-review-star[data-star="2"], [data-stars="4"] .n2-box-review-star[data-star="3"], [data-stars="4"] .n2-box-review-star[data-star="4"], [data-stars="5"] .n2-box-review-star[data-star="1"], [data-stars="5"] .n2-box-review-star[data-star="2"], [data-stars="5"] .n2-box-review-star[data-star="3"], [data-stars="5"] .n2-box-review-star[data-star="4"], [data-stars="5"] .n2-box-review-star[data-star="5"] { background-position: 0 -34px; transform: scale(1.3); } .n2-modal-review-star-5 { width: 560px; height: 241px; background: url(../images/star-5.png); } .n2-modal-review-details { font-size: 14px; line-height: 28px; color: #7b8898; text-align: center; } .nextend-tab-tabbed { width: 100%; overflow: hidden; } .nextend-tab-tabbed .nextend-tab-tabbed-panes { transition: all 400ms ease-in-out; } .nextend-tab-tabbed .nextend-tab-tabbed-pane { float: left; } .xdsoft_datetimepicker { background: #FFFFFF; border-radius: 5px; border: 2px solid #a1aeb5; color: #333333; padding: 8px; padding-left: 0; padding-top: 2px; position: absolute; z-index: 9999; box-sizing: border-box; display: none; } .xdsoft_datetimepicker iframe { position: absolute; left: 0; top: 0; width: 75px; height: 210px; background: transparent; border: none; } /*For IE8 or lower*/ .xdsoft_datetimepicker button { border: none !important; } .xdsoft_noselect { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .xdsoft_noselect::selection { background: transparent; } .xdsoft_noselect::-moz-selection { background: transparent; } .xdsoft_datetimepicker.xdsoft_inline { display: inline-block; position: static; } .xdsoft_datetimepicker * { box-sizing: border-box; padding: 0; margin: 0; } .xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker { display: none; } .xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active { display: block; } .xdsoft_datetimepicker .xdsoft_datepicker { width: 224px; float: left; margin-left: 8px; } .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker { width: 256px; } .xdsoft_datetimepicker .xdsoft_timepicker { width: 58px; float: left; text-align: center; margin-left: 8px; margin-top: 0; } .xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker { margin-top: 8px; margin-bottom: 3px } .xdsoft_datetimepicker .xdsoft_mounthpicker { position: relative; text-align: center; } .xdsoft_datetimepicker .xdsoft_label i, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_today_button { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC); } .xdsoft_datetimepicker .xdsoft_label i { opacity: 0.5; background-position: -92px -19px; display: inline-block; width: 9px; height: 20px; vertical-align: middle; } .xdsoft_datetimepicker .xdsoft_prev { float: left; background-position: -20px 0; } .xdsoft_datetimepicker .xdsoft_today_button { float: left; background-position: -70px 0; margin-left: 5px; } .xdsoft_datetimepicker .xdsoft_next { float: right; background-position: 0 0; } .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button { background-color: transparent; background-repeat: no-repeat; border: 0 none currentColor; cursor: pointer; display: block; height: 30px; opacity: 0.5; outline: medium none currentColor; overflow: hidden; padding: 0; position: relative; text-indent: 100%; white-space: nowrap; width: 20px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next { float: none; background-position: -40px -15px; height: 15px; width: 30px; display: block; margin-left: 14px; margin-top: 7px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev { background-position: -40px 0; margin-bottom: 7px; margin-top: 0; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box { height: 151px; overflow: hidden; border-bottom: 1px solid #DDDDDD; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div { background: #f9fafb; border-top: 1px solid #dee1e5; color: #7b8898; font-size: 12px; text-align: center; border-collapse: collapse; cursor: pointer; border-bottom-width: 0; height: 25px; line-height: 25px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child { border-top-width: 0; } .xdsoft_datetimepicker .xdsoft_today_button:hover, .xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover { opacity: 1; } .xdsoft_datetimepicker .xdsoft_label { display: inline; position: relative; z-index: 9999; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; background-color: #fff; float: left; width: 182px; text-align: center; cursor: pointer; color: #6b7989; } .xdsoft_datetimepicker .xdsoft_label:hover i { opacity: 1.0; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select { border: 2px solid #a1aeb5; border-radius: 3px; position: absolute; right: 0; top: 30px; z-index: 101; display: none; background: #fff; max-height: 160px; overflow-y: hidden; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect { right: -7px; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect { right: 2px; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { color: #fff; background: #51b82d; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option { padding: 2px 13px 2px 5px; text-decoration: none !important; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: #0c92df; color: #fff; } .xdsoft_datetimepicker .xdsoft_month { width: 100px; text-align: right; } .xdsoft_datetimepicker .xdsoft_calendar { clear: both; } .xdsoft_datetimepicker .xdsoft_year { width: 48px; margin-left: 5px; } .xdsoft_datetimepicker .xdsoft_calendar table { border-collapse: collapse; width: 100%; } .xdsoft_datetimepicker .xdsoft_calendar td > div { padding-right: 5px; } .xdsoft_datetimepicker .xdsoft_calendar th { height: 25px; } .xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th { width: 14.2857142%; background: #f9fafb; border: 1px solid #dee1e5; color: #7b8898; font-size: 12px; text-align: right; vertical-align: middle; padding: 0; border-collapse: collapse; cursor: pointer; height: 25px; } .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th { width: 12.5%; } .xdsoft_datetimepicker .xdsoft_calendar th { background: #f2f5fa; color: #6b7989; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today { color: #0c92df; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { background: #0c92df; color: #fff; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled { opacity: 0.5; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled { opacity: 0.2; } .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover { color: #fff !important; background: #51b82d !important; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover { color: inherit !important; background: inherit !important; } .xdsoft_datetimepicker .xdsoft_calendar th { text-align: center; color: #999; cursor: default; font-weight: normal; } .xdsoft_datetimepicker .xdsoft_copyright { color: #ccc !important; font-size: 10px; clear: both; float: none; margin-left: 8px; } .xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important; } .xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important; } .xdsoft_time_box { position: relative; border: 1px solid #ccc; } .xdsoft_scrollbar > .xdsoft_scroller { background: #ccc !important; height: 20px; border-radius: 3px; } .xdsoft_scrollbar { position: absolute; width: 7px; right: 2px; top: 0; bottom: 0; cursor: pointer; } .xdsoft_scroller_box { position: relative; } .nui-resizable { position: relative; } .nui-normal-sizing-handle, .nui-resizable-handle { position: absolute; font-size: 0.1px; display: block; } .nui-spacing-handle { position: absolute; display: block; } .ui-normal-sizing-disabled .nui-normal-sizing-handle, .nui-resizable-disabled .nui-resizable-handle { display: none; } .nui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .nui-resizable-s, .nui-normal-sizing-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .nui-resizable-e, .nui-normal-sizing-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .nui-resizable-w, .nui-normal-sizing-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .nui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .nui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .nui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .nui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; }
| ver. 1.4 |
Github
|
.
| PHP 7.2.34 | Генерация страницы: 0.06 |
proxy
|
phpinfo
|
Настройка