%PDF- %PDF-
Direktori : /home/emergentqj/jugement/wp-content/plugins/backup-guard-platinum/public/css/ |
Current File : /home/emergentqj/jugement/wp-content/plugins/backup-guard-platinum/public/css/main.css |
.btn-file { position: relative; overflow: hidden; } .btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: white; cursor: inherit; display: block; } select { background: #fff url("../img/sgselect.png") no-repeat !important; background-size: 24px 20px; background-position:right center !important; color:#888; outline:none; display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; } /* Sidebar Styles */ #sg-wrapper { width: 100%; min-width: 650px; border: 1px #5c5c5c solid; background-color: #333333; } #sg-sidebar-wrapper{ width: 210px; float: left; } #sg-content-wrapper{ position: relative; float: left; width: calc(~"100% - 210px"); /*Same as sidebar*/ border-left: 1px #333333 solid; min-height: 454px; background-color: #ffffff; } #sg-content-wrapper .container-fluid{ min-height: 380px; margin-top: 15px; } .metro .sidebar { margin: 0; padding: 0; background-color: #3D3D3D; width: 100%; /*height: 100%;*/ } .metro .sidebar > ul { margin: 0; padding: 0; list-style: none; } .metro .sidebar > ul li { display: block; border: 0; border-bottom: 1px #5c5c5c solid; position: relative; } .metro .sidebar > ul li.title { padding: 20px 20px 10px 20px; font-weight: 300; letter-spacing: 0.00em; font-size: 2.5rem; line-height: 2.5rem; letter-spacing: 0.01em; color: #000000; font-size: 2.2rem; line-height: 2.2rem; color: #ffffff; height: 170px; background-image: url("../img/sglogo.png"); background-size: 172px 85px; background-repeat: no-repeat; background-position: center 40px; } .metro .sidebar > ul li a { display: block; position: relative; padding: 10px 20px; text-decoration: none; color: #eeeeee; background-color: #3D3D3D; } .metro .sidebar > ul li a:hover { background-color: #262626; color: #ffffff; } .metro .sidebar > ul li a.dropdown-toggle:after { right: 10px; bottom: 5px; } .metro .sidebar > ul li a [class*="icon-"] { margin-right: 15px; } .metro .sidebar > ul li.stick { position: relative; } .metro .sidebar > ul li.stick:before { content: ""; position: absolute; width: 7px; height: 40px; left: -7px; text-indent: -9999px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-color: inherit; } .metro .sidebar > ul li.disabled a { background-color: #8a8a8a; cursor: default; color: #555555; } .metro .sidebar > ul li.active a { background-color: #9a1616; color: #ffffff; } .metro .sidebar > ul ul { margin: 0; padding: 0; list-style: none; position: absolute; display: none; z-index: 1000; background: #ffffff; min-width: 220px; width: auto; border: 1px solid #dcddde; box-shadow: none; position: relative !important; background-color: #e5e5e5; min-width: 100%; } .metro .sidebar > ul ul li { display: block; margin: 10px 0; padding: 0; vertical-align: baseline; position: relative; font-family: 'Segoe UI_', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; } .metro .sidebar > ul ul li a { display: block; text-decoration: none; font-family: 'Segoe UI Light_', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif; font-weight: 300; letter-spacing: 0.00em; font-size: 2.5rem; line-height: 2.5rem; letter-spacing: 0.01em; color: #000000; line-height: 2.2rem; font-size: 2.2rem; color: inherit; } .metro .sidebar > ul ul li.title { font-family: 'Segoe UI Light_', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif; font-weight: 300; color: #000000; letter-spacing: 0.00em; font-size: 2.5rem; line-height: 2.5rem; letter-spacing: 0.01em; font-size: 4rem; margin-bottom: 20px; } .metro .sidebar > ul ul.compact a { font-weight: normal; font-size: 10.5pt; line-height: 12pt; color: inherit; } .metro .sidebar > ul ul.compact li.title { margin-bottom: 10px; font-family: 'Segoe UI Semibold_', 'Open Sans Bold', Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; font-size: 1.6rem; line-height: 1.6rem; letter-spacing: 0.02em; } .metro .sidebar > ul ul ul.secondary { margin: 0; padding: 0; list-style: none; margin-left: 15px; } .metro .sidebar > ul ul ul.secondary li a { font-family: 'Segoe UI Semibold_', 'Open Sans Bold', Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; font-size: 1.6rem; line-height: 1.6rem; letter-spacing: 0.02em; font-weight: normal; font-style: normal; line-height: 1.4rem; color: inherit; } .metro .sidebar > ul ul.shadow { box-shadow: 3px 3px 0 rgba(236, 236, 236, 0.7); } .metro .sidebar > ul ul li { margin: 5px 0 0; width: 100%; border: 1px transparent solid; } .metro .sidebar > ul ul li:last-child { margin-bottom: 5px; } .metro .sidebar > ul ul li.disabled, .metro .sidebar > ul ul li.disabled:hover { cursor: default !important; background: transparent !important; color: #eeeeee; } .metro .sidebar > ul ul li.disabled a, .metro .sidebar > ul ul li.disabled:hover a { color: inherit; cursor: inherit; background: inherit; } .metro .sidebar > ul ul a { padding: 8px 32px !important; color: inherit; font-size: 15px !important; line-height: 14px !important; cursor: pointer; } .metro .sidebar > ul ul li:hover { background: #edf4fc; border-color: #a8d2fd; } .metro .sidebar > ul ul li.checked a:before, .metro .sidebar > ul ul li.checked-partial a:before, .metro .sidebar > ul ul li.unchecked a:before { font-family: metroSysIcons; position: absolute; left: 10px; content: "\e004"; } .metro .sidebar > ul ul li.checked-partial a:before { content: "\e005"; } .metro .sidebar > ul ul li.unchecked a:before { content: "\e005"; } .metro .sidebar > ul ul.place-right { right: -15px; left: auto; } .metro .sidebar > ul ul .divider { padding: 0; height: 1px; margin: 9px 1px; overflow: hidden; background-color: #e5e5e5; border-width: 0; } .metro .sidebar > ul ul .divider:hover { background: #e5e5e5; } .metro .sidebar > ul ul.open { display: block !important; } .metro .sidebar > ul ul .dropdown-menu { left: 100%; top: -10%; } .metro .sidebar > ul ul > li:hover > .dropdown-menu[data-show="hover"] { display: block; } .metro .sidebar > ul ul > li > a.dropdown-toggle:after { font-family: metroSysIcons; font-size: .7em; content: "\e001"; left: 90%; top: 50%; margin-top: -1.4em; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .metro .sidebar > ul ul.drop-left { left: -100%; } .metro .sidebar > ul ul.drop-up { top: auto; bottom: 0; } .metro .sidebar > ul ul .menu-title { background-color: #f6f7f8; font-size: 12px; line-height: 14px; padding: 4px 8px; border: 0; border-bottom: 1px #dcddde solid; border-top: 1px #dcddde solid; color: #646464; } .metro .sidebar > ul ul .menu-title:first-child { margin: 0; border-top-width: 0; } .metro .sidebar > ul ul .menu-title:first-child:hover { border-top-width: 0; } .metro .sidebar > ul ul .menu-title:hover { background-color: #f6f7f8; cursor: default; border: 0; border-bottom: 1px #dcddde solid; border-top: 1px #dcddde solid; } .metro .sidebar > ul ul.inverse { border: 2px #3b3b3b solid; } .metro .sidebar > ul ul.inverse li { border: 0; } .metro .sidebar > ul ul.inverse li a { padding: 9px 32px !important; } .metro .sidebar > ul ul.inverse li:hover { border: 0; background-color: #e5e5e5; } .metro .sidebar > ul ul.inverse .menu-title:hover { background-color: #f6f7f8; } .metro .sidebar > ul ul.inverse .divider { margin-left: 0; margin-right: 0; } .metro .sidebar > ul ul.dark { background-color: #333333; border: 2px #333333 solid; color: #ffffff; } .metro .sidebar > ul ul.dark.opacity { background-color: rgba(61, 61, 61, 0.9); } .metro .sidebar > ul ul.dark li { border: 0; color: inherit; } .metro .sidebar > ul ul.dark li a { padding: 9px 32px !important; color: inherit; } .metro .sidebar > ul ul.dark li.disabled, .metro .sidebar > ul ul.dark li.disabled:hover { cursor: default !important; background: transparent !important; color: #555555; } .metro .sidebar > ul ul.dark li.disabled a, .metro .sidebar > ul ul.dark li.disabled:hover a { color: inherit; cursor: inherit; background: inherit; } .metro .sidebar > ul ul.dark li:hover { border: 0; background-color: #201a1a; color: #ffffff; } .metro .sidebar > ul ul.dark .menu-title { background-color: #3b3b3b; } .metro .sidebar > ul ul.dark .menu-title:hover { background-color: #3b3b3b; } .metro .sidebar > ul ul.dark .divider { margin-left: 0; margin-right: 0; background-color: #555555; } .metro .sidebar > ul ul.dark .divider:hover { background: #555555; } .metro .sidebar > ul ul li { border: 0; } .metro .sidebar > ul ul li a { background-color: #e5e5e5; } .metro .sidebar > ul ul li.divider { background-color: #c2c2c2; } .metro .sidebar > ul ul li.divider:hover { background-color: #c2c2c2; } .metro .sidebar > ul ul li.disabled a { color: #999999; } .metro .sidebar > ul ul li.disabled a:hover { color: #999999; } .metro .sidebar > ul ul.open { display: block; } .metro .sidebar.light { background-color: #ffffff; } .metro .sidebar.light li { border-bottom-color: #eeeeee; } .metro .sidebar.light li.title { color: #1d1d1d; } .metro .sidebar.light li a { color: #1d1d1d; background-color: #ffffff; } .metro .sidebar.light li a:hover { background-color: #00aff0; } .metro .sidebar.light li ul { background-color: #ffffff; border: 1px transparent solid; } .metro .sidebar.light li .divider { background-color: #eeeeee; } .metro .sidebar.light li .divider:hover { background-color: #eeeeee; } .metro .sidebar.light li.disabled a { background-color: #ffffff; cursor: default; color: #999999; } .metro .sidebar.light li.active a { background-color: #1ba1e2; color: #ffffff; } .sg-site-url{ width: 100%; height: 100%; background-color: transparent !important; } .sg-footer{ text-align: center; border-top: 1px #eaeaea solid; height: 45px; } .sg-footer .row{ margin-left: 0; margin-right: 0; } .sg-footer .sg-version{ position: absolute; right: 5px; } .sg-checkbox .checkbox, .sg-custom-backup .checkbox{ padding-top: 2px; min-height: 10px; } .sg-close, .sg-custom-backup, .sg-custom-backup-files, .sg-custom-backup-tables, sg-backup-db-options, .sg-custom-backup-cloud, .sg-schedule-settings-closed{ display: none; } .sg-open{ display: block; } .sg-switch-container{ margin-top: 7px; } .sg-schedule-settings-opened{ display: block; } .sg-custom-backup-schedule .checkbox:not:first-child{ padding-top: 0 !important; } .sg-general-settings{ display: none; } .sg-progress{ height: 2px; margin: 0; margin-top: 1px; } #sg-status-tabe-data{ padding: 7px; } /*Files*/ .sg-status-icon{ display: inline-block; width: 20px; height: 20px; background-image: url('../img/backup-icons.png'); background-repeat: no-repeat; background-size: 220px 40px; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) { .sg-status-icon { background-image: url('../img/backup-icons@2x.png'); } } .sg-status-1{ background-position: -20px -20px; } .sg-status-1.active{ background-position: -20px 0px; } .sg-status-2{ background-position: 0px -20px; } .sg-status-2.active{ background-position: 0px 0px; } /*ftp*/ .sg-status-31{ background-position: -140px -20px; } .sg-status-31.active{ background-position: -140px 0px; } /*dropbox*/ .sg-status-32{ background-position: -40px -20px; } .sg-status-32.active{ background-position: -40px 0px; } /*gdrive*/ .sg-status-33{ background-position: -60px -20px; } .sg-status-33.active{ background-position: -60px 0px; } /*rdb*/ .sg-status-22{ background-position: -180px -20px; } .sg-status-22.active{ background-position: -180px 0px; } /*rfiles*/ .sg-status-21{ background-position: -200px -20px; } .sg-status-21.active{ background-position: -200px 0px; } .sg-helper-block{ font-size: 12px; padding-left: 0px; text-align: left; display: block; margin-top: 0; } .sg-control-label{ text-align: left; margin-bottom: 0; margin-top: 4px; } .sg-upload-label{ padding-left: 0px; padding-top: 12px; } .sg-modal-body { max-height: calc(~"100vh - 210px"); overflow-y: auto; } .sg-justify{ text-align: justify; } #sg-save-cloud-folder{ margin-left: 5px; display: none; } .sg-alert-pro{ color: white; padding: 20px; text-align: center; margin-top: 20px; } .sg-star{ color: gold; font-size: 24px; } .sg-no-margin-bottom{ margin-bottom: 0 !important; } .sg-no-padding-left{ padding-left: 0 !important; } .sg-btn-grey{ background-color: #999; border-color: #999; color: #ffffff; } .sg-btn-grey:hover{ background-color: #777; border-color: #777; } .sg-custom-backup-tables .sg-disableText { color: #bbb; font-size: 12px; } .sg-backup-db-options .checkbox .sg-backup-db-mode { padding-left: 15px; } .sg-backup-db-options .checkbox .sg-backup-db-mode:first-of-type { padding-left: 0px; } .sg-backup-db-options .checkbox .sg-backup-db-mode input { margin: 0px; }