body { padding-top: 75px; font-size: 14px; } body#admin-admin .popover { position: fixed } @media (max-width: 992px) { body { height: 100vh; overflow-y: auto!important; } ul.nav-admin a.navbar-admin-button:after { content: attr(title) } } button, button:active { outline: 0; } .container { width: 100% } .well { padding:10px; } .navbar { } #core-infopanel_mye107 a {} .tipsy-inner { padding:10px; font-size:15px; } /* deprecated */ .tooltip { font-size: 13px; } .tooltip-inner { } /* Fix for tooltips inside modal. */ .modal-open .tooltip { z-index: 10002; } /* Core Formatting */ .left { text-align: left } .right { text-align: right } .center { text-align: center } .f-left { float: left } .f-right { float: right } .top { vertical-align: top } .middle { vertical-align: middle } .bottom { vertical-align: bottom } .clear { clear: both } .clear-l { clear: right } .clear-r { clear: left } .smalltext { font-size: 11px; } .nowrap { white-space:nowrap; } .field-spacer { margin-bottom: 3px; } /* multi-fields per row separator */ .e-tabs { padding:0px } .e-tabs fieldset { padding:0px ; padding-left:3px; border-top:0px;} #tab-container fieldset { padding:0px ; padding-left:3px; border-top:0px;} #tab-container table { border-top:0px;} #tab-container td { border-top:0px; border-bottom:1px solid rgb(221, 221, 221) } .tab-border { border-left: 1px solid #ddd; } .tab-content { overflow: visible; } /* .core-mainpanel-block { text-align:center; width:140px; float:left; height:100px; display:block; padding:1px; margin: 0; } */ .core-mainpanel-block { text-align:center; width:20%; float:left; height:80px; display:block; padding:1px 5px; margin: 0px 0px 10px 0px; } .core-mainpanel-link-text { text-decoration: none; display:block; text-overflow: ellipsis; overflow: hidden; } /* a.core-mainpanel-link-icon { height:100px; width: 141px; padding-top:20px; } */ a.core-mainpanel-link-icon { height:80px; width: 100%; padding-top:15px; } a.core-mainpanel-link-icon:hover { text-decoration: none; filter: none; } .carousel-indicators { top:10px; max-width: 200px; height: 40px; text-align: right; right: 0; left: auto; } #admin-ui-nav-menu li.divider { padding-top: 10px; border-bottom: 1px outset #262626; margin-bottom: 10px; } /* e-overlay */ .e-overlay { position: relative; height: 100%; } .e-overlay .e-overlay-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #FFF; opacity: 0; } .e-overlay:hover .e-overlay-content { opacity: 1; padding-top:20%; transition: opacity .20s ease-in-out; -moz-transition: opacity .20s ease-in-out; -webkit-transition: opacity .20s ease-in-out; vertical-align: middle; background: rgba(0, 0, 0, .7); text-align:center; } .e-overlay .thumbnail { margin:0; } .admin-ui-grid img.fallback { opacity: 0.3; } .admin-ui-grid img { max-width: 100%; /*height:auto;*/ margin-left: auto; margin-right: auto; display:flex} .admin-ui-grid img.icon { padding:15px; max-height: 250px; margin-left: auto; margin-right: auto; display: flex; } .admin-ui-grid img.icon-svg { width: 100%; } .admin-ui-grid .panel-footer { font-size:1em; /*height:30px; overflow:hidden*/} .admin-ui-grid .panel-footer a { overflow: hidden; white-space: nowrap; width: 88%; display: inline-block; } #core-admin-log-list-form i.fa { font-size:130% } #core-admin-log-list-form .fa-question-circle { } #core-admin-log-list-form .fa-exclamation-circle { color: #FAA732 } #core-admin-log-list-form .fa-warning { color: #ee5f5b } .admin-ui-help-tip { padding-top: 18px; font-size: 18px; cursor: help; color: rgba(127, 127, 127, 0.7); float: right !important; margin-left:5px; } .admin-ui-help-tip:hover { color: #5bc0de; } /* #admin-ui-carousel .carousel-inner { min-height: 65vh; } */ div.e-mm-selector-container { position: absolute; top: 4px; right: 5px; } body#admin-menus #sc-admin-help { position: relative } .admin-ui-nav-menu .panel-title .e-help-icon a { display: inline-block; vertical-align: middle; cursor: help; } .e-image-radio { padding-left:0;} .e-image-radio label > input { visibility: hidden; position: absolute; } .e-image-radio label > input + div{ cursor:pointer; border:3px solid silver; border-radius:4px;/*height: 60px;padding: 5px;*/ vertical-align: middle; } .e-image-radio label > input:checked + div { border:3px solid rgb(91, 192, 222); } .e-image-radio label > input + div span { visibility: hidden; float:right; margin-right:10px; color:rgb(91, 192, 222) } .e-image-radio label > input:checked + div span { visibility: initial; } /* TODO - use col-xx-x markup where core-mainpanel-block occurs. ? */ @media (max-width: 1700px){ .core-mainpanel-block { width:25%; } } @media (max-width: 1500px){ .core-mainpanel-block { width:33.3333%; } } @media (max-width: 1200px){ .core-mainpanel-block { width:50%; } } @media (max-width: 992px){ .core-mainpanel-block { width:20%; } } @media (max-width: 768px){ .core-mainpanel-block { width:25%; } } @media (max-width: 668px){ .core-mainpanel-block { width:33.3333%; } } @media (max-width: 500px){ .core-mainpanel-block { width:50%; } } @media (max-width: 380px){ .core-mainpanel-block { width:50%; } } table input.form-control, table textarea.form-control, table select.form-control { width: 206px; } /* Bootstrap 2 styling //TODO disable when using a mobile device */ .input-mini, .form-control.input-mini { width:60px } .input-small, .form-control.input-small { width:90px } .input-medium, .form-control.input-medium { width:150px } .input-large, .form-control.input-large { width:210px } .input-xlarge, .form-control.input-xlarge { width:270px } .input-xxlarge, .form-control.input-xxlarge { width:530px } .plugin-navigation li a { outline: 0; } /* .plugin-navigation li a.link-active:before { content: "\f054"; font-family:FontAwesome; margin-left:-10px } */ .form-control.input-block-level, table textarea.input-block-level, input.input-block-level, input.form-control.input-block-level, select.input-block-level { width: 100% } .form-check { padding-bottom: 9px; margin:0 !important } td > label.checkbox { margin-left: 20px !important } div.checkboxes { margin:0 } ul.checkboxes { display: inline-block; list-style: none; margin: 0; padding: 0;} #admin-ui-nav-menu i.fa-chevron-right { margin-left: -10px } #admin-ui-list-batch { padding: 10px 15px } #admin-ui-list-batch img { padding-top:5px } #admin-ui-list-filter { margin-bottom: 15px } #admin-ui-list-search #searchquery { padding-right:5px } #admin-ui-list-search:before { content: "\f002"; margin-left:12px; position:absolute; top: 50%; transform: translateY(-50%); font-family: "Font Awesome 5 Free" ; font-weight: 900 } .form-control-feedback-left { left:0; top:0 } .has-feedback-left input { padding-left:30px; } .form-control[disabled], .form-control[readonly] { /*background-color: transparent;*/ box-shadow: none; } td .file.well { margin-bottom:0 } /* #admin-ui-list-filter #searchquery { padding-left:22px; } */ #admin-ui-list-db-language { padding-top:20px ; padding-right:30px } #admin-ui-list-total-records { padding-top:5px } #admin-ui-list-filter .row-fluid { margin-left: -15px; margin-right: -15px } #admin-ui-list-no-records-found { margin-bottom: 0 } #admin-ui-media-manager-search { margin-bottom: 20px } /* Media manager */ #core-core-media-list-grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap:15px; margin:0 0 15px 0; } #core-core-media-list-grid:before { content:none; } #core-core-media-list-grid .admin-ui-grid { width: 100%;padding: 0; } #core-core-media-list-grid .admin-ui-grid .panel { height:100%; padding:0; margin:0px !important; } @media (max-width: 1400px ) { #core-core-media-list-grid { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr } } @media (max-width: 1200px ) { #core-core-media-list-grid { grid-template-columns: 1fr 1fr 1fr 1fr } } @media (max-width: 800px ) { #core-core-media-list-grid { grid-template-columns: 1fr 1fr } } /* .panel-default:hover { transition: color .50s ease-in-out; -moz-transition: color .50s ease-in-out; -webkit-transition: color .50s ease-in-out; color: #fff } */ #admin-ui-edit { } #admin-ui-edit-db-language { margin-top: -35px; padding-bottom:5px; padding-right:5px } #admin-ui-edit-db-language.tabs { margin-top: 0; margin-bottom: -30px; padding-top: 5px; } #admin-ui-list-db-language span, #admin-ui-edit-db-language span { cursor: help; } td.options .btn-group { display: flex; justify-content: center; } .table .nav-tabs a, .table th a, .table td a { text-decoration: none } .table > thead > tr > th, tr > th { padding: 15px 10px; font-weight:bold; font-variant: small-caps; } .label, .badge { text-shadow: 1px 1px 0px #000; box-shadow: 1px 1px 0px #000; } #admin-ui-modal { width: 90%; } .editable-input .form-control { width:300px } /* x-editable */ div.bbcode-panel { border-width: 0; border-style: solid; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgb(179, 179, 179); border-top-left-radius: 4px; border-top-right-radius: 4px; padding:10px; padding-left:0; } .bbcode-panel .btn-toolbar { margin:0px; } td.center, th.center { text-align:center } td.right, th.right { text-align:right } .col-label { width:25%; } /* .sidebar-nav { padding: 9px 0; font-size:11px; min-width:150px; } */ #cboxTitle { font-weight:bold; color: black } .chzn-container { border: 1px solid #ddd; } /* media picker New in v2.1.9 */ #media-browser-container-glyph, #media-browser-container-icon { margin-left: 15px } .media-carousel-item-image .well { height: 200px; overflow:hidden } .media-carousel-item-image span { display:block; height:150px; text-align: center; } .media-carousel-item-image img { max-height: 100%; } .media-carousel-item-video .video-responsive { padding-top: 0; } .media-carousel-item-video video { max-width: 100%; max-height: 200px; } .media-carousel .well:hover { border:1px solid silver } .media-carousel-item-container { position: relative; min-height:100px; } .media-carousel-item-controls { /*position: absolute;bottom:7px; right: 10px */ margin-top:5px; clear: both;} .media-carousel-item-container video, .media-carousel-item-container audio { width: 100% } .media-carousel-item-glyph { width: 64px; height:64px; overflow:hidden; margin-right:5px; margin-bottom:5px } .media-carousel-item-glyph .media-carousel-item-container { min-height:64px; height:64px} .media-carousel-item-glyph a { height: 100%; display: block; } .mediaselector-preview { height: 140px; overflow: hidden } .mediaselector-preview img, .mediaselector-preview video, .mediaselector-preview audio { max-width: 100% } .mediaselector-preview video { position: absolute; top: 0; } .mediaselector-preview audio { height: 70px } .mediaselector-preview img { max-height: 100%; width: auto; margin-left: auto; margin-right: auto; } .mediaselector-preview i { /*padding: 20% 40%;*/ } .mediaselector-container .overlay { position: absolute; bottom: 5px; text-align: right; display: block; width: 100%; right: 5px; } .mediaselector-container-icon { height: 64px; margin:0; } .mediaselector-container-icon .overlay { top:0; left:0; } .mediaselector-container-icon .overlay span { width:64px; height:64px; display:block; } .mediaselector-container-icon .mediaselector-preview { height: auto; padding: 0; text-align: center; } td .mediaselector-container { margin-bottom:0 } td .mediaselector-multi .mediaselector-container { margin-bottom: 20px } /* dropzone new in v2.1.9 */ .mediaselector-preview.dropzone { min-height: 100px; padding: 0 } .mediaselector-preview.dropzone .dz-preview { display: block } .mediaselector-preview.dropzone .dz-preview .dz-image { width: auto } .mediaselector-preview.dropzone .dz-filename { margin-top: 30px; } .mediaselector-preview .dz-message span { display: block; margin-top: 35%; text-align: center; opacity: 0.5; } .dz-drag-hover { outline:2px dotted silver } /* image picker */ .imgselector-container { position: relative; } .imgselector-container .overlay { position: absolute; bottom: 100%; left: 0; right: 0; background-color: rgba(0,0,0,0.8); overflow: hidden; width: 100%; height:0; transition: .5s ease; border-radius: 4px; } .imgselector-container:hover .overlay { bottom: 0; height: 100%; } .imgselector-container .text { white-space: nowrap; color: white; font-size: 30px; position: absolute; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .imgselector-container .text .btn-sm { font-size: 20px; } /* icon-picker */ div.image-selector.icon-selector { width: 64px; height:64px; margin-bottom:0; line-height:40px } div.imgselector-container a { color: inherit; } #link-button_prev i { line-height:40px; } div.nextprev { text-align: center; display:inline-block; width:100% } a.tweet_action { font-size:8px } .tweet_time { font-size:8px } /* Bootstrap Bug Fix See: https://github.com/twitter/bootstrap/issues/3494 Specific for e107-admin InfoPanel */ .row-fluid ul.thumbnails li.span12 + li { margin-left : 0; } .row-fluid div.s-message + div { margin-left : 0; } .bootstrap-switch .bootstrap-switch-label { background: inherit } .bootstrap-switch.form-control { padding:0; height:auto } td.center .bootstrap-switch.form-control { margin-left: auto; margin-right: auto; } /* .row-fluid ul.thumbXnails li.span6:nth-child(2n + 3) { margin-left : 0px; } .row-fluid ul.thumXbnails li.span4:nth-child(3n + 4) { margin-left : 0px; } .row-fluid ul.thumXbnails li.span3:nth-child(4n + 5) { margin-left : 0px; } .ul.thumbnails li.core-infopanel_latest { margin-left : 0px; } */ /* a.brand:hover img { filter: blur(13px); -webkit-filter: blur(13px); -moz-filter: blur(13px); -o-filter: blur(13px); -ms-filter: blur(13px); } */ @media (min-width: 1300px) { .sidebar-nav { font-size:12px; } } .modal { min-width:800px; width:70%; left:15%; right:15%; z-index:10001; margin-left:auto; margin-right:auto;} .modal-header { border-radius: 6px 6px 6px 6px; padding-left:20px; } .modal-body { max-height:80%; padding:10px } #media-select-container { min-height:378px } .modal.fade.in { top: 5%; } @media (min-width: 1500px) { .sidebar-nav { font-size:15px; } } img.image-selector { margin-bottom:0; } .nav-collapse { margin-top:8px; } .dropdown-menu { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); } .dropdown-menu i, .dropdown-menu img { padding: 0 0; margin-right: 10px; } .dropdown-menu li.dropdown-item-text { padding:15px} .dropdown-menu li.dropdown-item-text:hover { background: rgba(255,255,255,0.05) } .dropdown-menu li.dropdown-item-text { border-bottom:1px solid rgba(255,255,255,0.3)} .dropdown-menu > li.dropdown-item-text > a { display: inline !important; padding:0; white-space:normal } .dropdown-menu > li.dropdown-item-text > a:focus, .dropdown-menu > li.dropdown-item-text > a:hover { background: none; color: white !important } #admin-notifications ul.dropdown-menu { width:400px; max-height:calc(100vh - 300px); overflow-y:scroll } ul.navbar-nav li ul.dropdown-menu > li a img, ul.navbar-nav li ul.dropdown-menu > li a i, ul#e-latest img, ul#e-latest i, ul#e-status img, ul#e-status i { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; /* IE 6-9 */ opacity: 0.6 } ul.navbar-nav li ul.dropdown-menu > li.active a img, ul.navbar-nav li ul.dropdown-menu > li.active a i, ul.navbar-nav li ul.dropdown-menu a:hover i, ul.navbar-nav li ul.dropdown-menu a:hover img, ul#e-latest a:hover img, ul#e-latest a:hover i, ul#e-status a:hover img, ul#e-status a:hover i { filter: none; -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; opacity: 1; } td.options { } legend { display:none } /* Datepicker */ fieldset.hour legend, fieldset.minute legend { display: inline-block } .bootstrap-select.btn-group, .bootstrap-select.btn-group[class*="span"] { margin-bottom: 0px; } /* .btn { vertical-align: top; } */ input::-webkit-input-placeholder { font-style:italic } input:-moz-placeholder { font-style:italic } /* input[type='radio'] { vertical-align:top; } */ .radio.disabled, .checkbox.disabled { opacity: 0; } input[type="radio"] + span { padding-right:10px } input[type="radio"] , input[type="radio"] + span { opacity:.5 } input[type="radio"]:checked, input[type="radio"]:checked + span { opacity:1.0; } label.legacy { margin-left:5px;margin-right:10px; display: inline-block; } /* Core Icons & Image Buttons */ .icon-preview { font-size: 2em} img.icon { border: 0px; vertical-align: middle; } img.icon.list, input.action { margin: 0px 3px } img.icon.action, input.action { } img.S16 { width: 16px; height: 16px } img.S32 { width: 32px; height: 32px } img.S64 { width: 64px; height: 64px } img.S128 { width: 128px; height: 128px } img.edit, img.delete, input.delete { } .buttons-bar { padding: 10px 0px; } i.icon-chevron-right { float:right; opacity: 0.3 } i.icon-fast-backward, i.icon-fast-forward, i.icon-backward, i.icon-forward { opacity: 0.8 } a.link-active i { opacity: 1.0; } a.dropdown-toggle i { transition: opacity .20s ease-in-out; -moz-transition: opacity .20s ease-in-out; -webkit-transition: opacity .20s ease-in-out; opacity: 0.7 } a.dropdown-toggle:hover i { opacity: 1.0 } a.dropdown-toggle { -webkit-transition:color .20s ease-in-out; -moz-transition:color .20s ease-in-out; -o-transition:color .20s ease-in-out; transition:color .20s ease-in-out; } img.S32 {} img.S32:hover {} /*******************************************************************************************************************/ /* Admin List Table */ .adminlist, .adminform { width:100%; } /* .adminlist th { border-bottom:1px solid #ddd; } .adminlist td { border-bottom:1px solid #ddd } */ .adminlist th.last, .adminlist td.last { border-right: 0 solid;} .adminlist tr.last td { border-bottom: 0 solid;} .adminlist th a.sorted-asc, .adminlist th a.sorted-desc { text-decoration: none } .adminlist th a.sorted-asc:after { padding-left:5px; font-family:'Font Awesome 5 Free'; font-weight: 900; content: '\f0d8' } .adminlist th a.sorted-desc:after { padding-left:5px; font-family:'Font Awesome 5 Free'; font-weight: 900; content: '\f0d7' } .adminlist .col-selection-cont { position: relative; float:right; } .adminlist .col-selection .icon { margin-left:15px; font-size:1.5rem} table.adminlist { margin-bottom: 0 } table.adminlist td .video-responsive { height: auto; padding:0 } .admin-true-icon { color: #51a351 !important; font-weight:bold; font-size:20px; } .admin-false-icon { color: #ee5f5b !important; font-weight:bold; font-size:20px; } select.e-editable-boolean.admin-true-icon option[value='1'], select.e-editable-boolean.admin-false-icon option[value='1'] { color: #51a351; } select.e-editable-boolean.admin-true-icon option[value='0'], select.e-editable-boolean.admin-false-icon option[value='0'] { color: #ee5f5b; } span.e-search input[type='text'] { padding-left:15px; font-style: italic } /* span.e-search i { margin-right:-20px; margin-left:5px; margin-top:-7px; z-index:100; position:relative; } // span.e-search { margin-bottom:-5px; margin-top:10px } /******** SyS Messages / Message text formatting */ .s-message .s-message-title { height: 32px; background: 0 50% no-repeat; padding-left: 42px; line-height: 32px; } i.s-message-icon { background: url(images/adminicons_32.webp) no-repeat top left; display: inline-block; width:32px; height:32px; float:left; line-height: 28px; } i.s-message-success { background-position: -592px -37px; width: 32px; height: 32px; } i.s-message-error { background-position: -925px 0; width: 32px; height: 32px; } i.s-message-warning { background-position: -777px -37px; width: 32px; height: 32px; } i.s-message-info { background-position: -1480px 0; width: 32px; height: 32px; } i.s-message-debug { background-position: -1480px 0; width: 32px; height: 32px; } i.s-message-empty { background:none; } .s-message .well { background-color: rgba(0,0,0,0.4) } .s-message-body { padding-left: 42px; } .s-message-item {} .s-message-item .btn { margin-top: 15px; } .s-message-item pre { max-height: 300px; } .e-footer-info { text-align: center } /* ************* Backwards Compatibility CSS *****************/ .button { } .fborder { width: 100%; margin-bottom: 20px; } .fborder th, .fborder td { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #0a0a0a; } .fborder th , .fcaption { font-weight: bold; } .fborder thead th { vertical-align: bottom; } .fborder caption + thead tr:first-child th, .fborder caption + thead tr:first-child td, .fborder colgroup + thead tr:first-child th, .fborder colgroup + thead tr:first-child td, .fborder thead:first-child tr:first-child th, .fborder thead:first-child tr:first-child td { border-top: 0; } .fborder tbody + tbody { border-top: 2px solid #dddddd; } /* .button, .plupload_button, .plupload_button:hover{ display: inline-block; *display: inline; transform: scale(1);transform-origin: 0 0; padding: 4px 12px; margin-bottom: 0; font-size: 14px; line-height: 20px; *line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; color: #333333; background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e6e6e6; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #bbbbbb; *border: 0; border-bottom-color: #a2a2a2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *margin-left: .3em; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); } */ .plupload_start:hover { background-image: linear-gradient(#285128, #363 40%, #397339); background-repeat: no-repeat; filter: none; border: inherit; } /* .button:hover, .button:active, .button.active, .button.disabled, .button[disabled] { color: #333333; background-color: #e6e6e6; *background-color: #d9d9d9; } .button:active, .button.active { background-color: #cccccc \9; } .button:first-child { *margin-left: 0; } .button:hover { color: #333333; text-decoration: none; background-color: #e6e6e6; *background-color: #d9d9d9; !* Buttons in IE7 don't get borders, so darken on hover *! background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .button:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .button.active, .button:active { background-color: #e6e6e6; background-color: #d9d9d9 \9; background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); } .button.disabled, .button[disabled] { cursor: default; background-color: #e6e6e6; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .button { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5bb75b; background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #51a351; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .button:hover, .button:active, .button.active, .button.disabled, .button[disabled] { color: #ffffff; background-color: #51a351; *background-color: #499249; } .button:active, .button.active { background-color: #408140 ; } */ tr.e-sort { box-shadow: 0 5px 8px #cccccc; -webkit-box-shadow: 0 5px 8px #cccccc; -moz-box-shadow: 0 5px 8px #cccccc;} th label.checkbox { min-height:inherit; } /* Bootstrap Fix but doesn't work */ /* ****************************** ICONS ************************************* */ i.S16, li.plupload_done a { background: url(images/adminicons_16.webp) no-repeat top left; display:inline-block; width:17px; height:16px; *margin-right: .3em; line-height: 14px; vertical-align: text-top; } i.e-add-16{ background-position: 0 0; width: 16px; height: 16px; } i.e-adminlogs-16{ background-position: -21px 0; width: 16px; height: 16px; } i.e-adminpass-16{ background-position: -42px 0; width: 16px; height: 16px; } i.e-admins-16{ background-position: -63px 0; width: 16px; height: 16px; } i.e-arrow-16{ background-position: -84px 0; width: 16px; height: 16px; } i.e-arrow_over-16{ background-position: -105px 0; width: 16px; height: 16px; } i.e-articles-16{ background-position: -126px 0; width: 16px; height: 16px; } i.e-banlist-16{ background-position: -147px 0; width: 16px; height: 16px; } i.e-banners-16{ background-position: -168px 0; width: 16px; height: 16px; } i.e-cache-16{ background-position: -189px 0; width: 16px; height: 16px; } i.e-cat_content-16{ background-position: -210px 0; width: 16px; height: 16px; } i.e-cat_files-16{ background-position: -231px 0; width: 16px; height: 16px; } i.e-cat_plugins-16{ background-position: -252px 0; width: 16px; height: 16px; } i.e-cat_settings-16{ background-position: -273px 0; width: 16px; height: 16px; } i.e-cat_tools-16{ background-position: -294px 0; width: 16px; height: 16px; } i.e-cat_users-16{ background-position: -315px 0; width: 16px; height: 16px; } i.e-chatbox-16{ background-position: -336px 0; width: 16px; height: 16px; } i.e-comments-16{ background-position: -357px 0; width: 16px; height: 16px; } i.e-configure-16{ background-position: -378px 0; width: 16px; height: 16px; } i.e-content-16{ background-position: -399px 0; width: 16px; height: 16px; } i.e-copy-16{ background-position: -420px 0; width: 16px; height: 16px; } i.e-credits-16{ background-position: -441px 0; width: 16px; height: 16px; } i.e-cron-16{ background-position: -462px 0; width: 16px; height: 16px; } i.e-custom-16{ background-position: -483px 0; width: 16px; height: 16px; } i.e-database-16{ background-position: -504px 0; width: 16px; height: 16px; } i.e-delete-16{ background-position: -525px 0; width: 16px; height: 16px; } i.e-docs-16{ background-position: -546px 0; width: 16px; height: 16px; } i.e-down-16{ background-position: -567px 0; width: 16px; height: 16px; } i.e-downloads-16{ background-position: -588px 0; width: 16px; height: 16px; } i.e-edit-16{ background-position: -609px 0; width: 16px; height: 16px; } i.e-emoticons-16{ background-position: -630px 0; width: 16px; height: 16px; } i.e-eurl-16{ background-position: -651px 0; width: 16px; height: 16px; } i.e-extended-16{ background-position: -672px 0; width: 16px; height: 16px; } i.e-failedlogin-16{ background-position: -693px 0; width: 16px; height: 16px; } i.e-false-16{ background-position: -714px 0; width: 16px; height: 16px; } i.e-fileinspector-16{ background-position: -735px 0; width: 16px; height: 16px; } i.e-filemanager-16{ background-position: -756px 0; width: 16px; height: 16px; } i.e-forums-16{ background-position: -777px 0; width: 16px; height: 16px; } i.e-frontpage-16{ background-position: -798px 0; width: 16px; height: 16px; } i.e-images-16{ background-position: -819px 0; width: 16px; height: 16px; } i.e-info-16{ background-position: -840px 0; width: 16px; height: 16px; } i.e-language-16{ background-position: -861px 0; width: 16px; height: 16px; } i.e-leave-16{ background-position: -882px 0; width: 16px; height: 16px; } i.e-links-16{ background-position: -903px 0; width: 16px; height: 16px; } i.e-lock-16{ background-position: -924px 0; width: 16px; height: 16px; } i.e-logout-16{ background-position: -945px 0; width: 16px; height: 16px; } i.e-mail-16{ background-position: -966px 0; width: 16px; height: 16px; } i.e-main-16{ background-position: -987px 0; width: 16px; height: 16px; } i.e-maintain-16{ background-position: -1008px 0; width: 16px; height: 16px; } i.e-manage-16{ background-position: -1029px 0; width: 16px; height: 16px; } i.e-menus-16{ background-position: -1050px 0; width: 16px; height: 16px; } i.e-meta-16{ background-position: -1071px 0; width: 16px; height: 16px; } i.e-move-16{ background-position: -1092px 0; width: 16px; height: 16px; } i.e-news-16{ background-position: -1113px 0; width: 16px; height: 16px; } i.e-newsfeeds-16{ background-position: -1134px 0; width: 16px; height: 16px; } i.e-notify-16{ background-position: -1155px 0; width: 16px; height: 16px; } i.e-phpinfo-16{ background-position: -1176px 0; width: 16px; height: 16px; } i.e-plugin_install-16{ background-position: -1197px 0; width: 16px; height: 16px; } i.e-plugin_uninstall-16{ background-position: -1218px 0; width: 16px; height: 16px; } i.e-plugins-16{ background-position: -1239px 0; width: 16px; height: 16px; } i.e-plugmanager-16{ background-position: -1260px 0; width: 16px; height: 16px; } i.e-prefs-16{ background-position: -1281px 0; width: 16px; height: 16px; } i.e-rename-16{ background-position: -1302px 0; width: 16px; height: 16px; } i.e-reviews-16{ background-position: -1323px 0; width: 16px; height: 16px; } i.e-search-16{ background-position: -1344px 0; width: 16px; height: 16px; } i.e-select_columns-16{ background-position: -1365px 0; width: 16px; height: 16px; } i.e-settings-16{ background-position: -1386px 0; width: 16px; height: 16px; } i.e-sort-16{ background-position: -1407px 0; width: 16px; height: 16px; } i.e-stats-16{ background-position: -1428px 0; width: 16px; height: 16px; } i.e-sub_forums-16{ background-position: -1449px 0; width: 16px; height: 16px; } i.e-sublink-16{ background-position: -1470px 0; width: 16px; height: 16px; } i.e-sysinfo-16{ background-position: -1491px 0; width: 16px; height: 16px; } i.e-themes-16{ background-position: -1512px 0; width: 16px; height: 16px; } i.e-true-16{ background-position: -1533px 0; width: 16px; height: 16px; } i.e-up-16{ background-position: -1554px 0; width: 16px; height: 16px; } i.e-uploads-16{ background-position: -1575px 0; width: 16px; height: 16px; } i.e-userclass-16{ background-position: -1596px 0; width: 16px; height: 16px; } i.e-users-16{ background-position: -1617px 0; width: 16px; height: 16px; } i.e-warning-16{ background-position: -1638px 0; width: 16px; height: 16px; } i.e-welcome-16{ background-position: -1659px 0; width: 16px; height: 16px; } li.plupload_done a { background-position: -1533px 0; width: 16px; height: 16px; } i.S32 { background: url(images/adminicons_32.webp) no-repeat top left; display: inline-block; width:32px; height:32px; } i.S24 { background: url(images/adminicons_32.webp) no-repeat top left; display: inline-block; background-size: 1522px; width:24px; height:24px; } i.e-news-24{ background-position: -1442px 0; } i.e-custom-24{ background-position: -639px 0; } i.e-themes-24 {background-position: -416px -27px } i.e-add-24 { background-position: 0 0; } i.e-adminlogs-24 { background-position: -28px 0; } i.e-adminpass-24 { background-position: -56px 0; } i.e-admins-24 { background-position: -83px 0; } i.e-arrow-24 { background-position: -111px 0; } i.e-arrow_over-24 { background-position: -139px 0; } i.e-articles-24 { background-position: -167px 0; } i.e-banlist-24 { background-position: -194px 0; } i.e-banners-24 { background-position: -222px 0; } i.e-cache-24 { background-position: -250px 0; } i.e-cat_content-24 { background-position: -278px 0; } i.e-cat_files-24 { background-position: -305px 0; } i.e-cat_plugins-24 { background-position: -333px 0; } i.e-cat_settings-24 { background-position: -361px 0; } i.e-cat_tools-24 { background-position: -389px 0; } i.e-cat_users-24 { background-position: -416px 0; } i.e-chatbox-24 { background-position: -444px 0; } i.e-comments-24 { background-position: -472px 0; } i.e-configure-24 { background-position: -500px 0; } i.e-content-24 { background-position: -527px 0; } i.e-copy-24 { background-position: -555px 0; } i.e-credits-24 { background-position: -583px 0; } i.e-cron-24 { background-position: -611px 0; } i.e-custom-24 { background-position: -638px 0; } i.e-database-24 { background-position: -666px 0; } i.e-delete-24 { background-position: -694px 0; } i.e-docs-24 { background-position: -722px 0; } i.e-down-24 { background-position: -749px 0; } i.e-downloads-24 { background-position: -777px 0; } i.e-edit-24 { background-position: -805px 0; } i.e-emoticons-24 { background-position: -833px 0; } i.e-eurl-24 { background-position: -860px 0; } i.e-execute-24 { background-position: -888px 0; } i.e-extended-24 { background-position: -916px 0; } i.e-false-24 { background-position: -944px 0; } i.e-fileinspector-24 { background-position: -971px 0; } i.e-filemanager-24 { background-position: -999px 0; } i.e-forums-24 { background-position: -1027px 0; } i.e-frontpage-24 { background-position: -1055px 0; } i.e-images-24 { background-position: -1082px 0; } i.e-info-24 { background-position: -1110px 0; } i.e-language-24 { background-position: -1138px 0; } i.e-leave-24 { background-position: -1166px 0; } i.e-links-24 { background-position: -1193px 0; } i.e-logout-24 { background-position: -1221px 0; } i.e-mail-24 { background-position: -1249px 0; } i.e-main-24 { background-position: -1277px 0; } i.e-maintain-24 { background-position: -1304px 0; } i.e-manage-24 { background-position: -1332px 0; } i.e-menus-24 { background-position: -1360px 0; } i.e-meta-24 { background-position: -1388px 0; } i.e-move-24 { background-position: -1415px 0; } i.e-news-24 { background-position: -1443px 0; } i.e-newsfeeds-24 { background-position: -1471px 0; } i.e-notify-24 { background-position: 0 -28px; } i.e-phpinfo-24 { background-position: -28px -28px; } i.e-plugin_install-24 { background-position: -56px -28px; } i.e-plugin_uninstall-24 { background-position: -83px -28px; } i.e-plugins-24 { background-position: -111px -28px; } i.e-plugmanager-24 { background-position: -139px -28px; } i.e-prefs-24 { background-position: -167px -28px; } i.e-rename-24 { background-position: -194px -28px; } i.e-reviews-24 { background-position: -222px -28px; } i.e-search-24 { background-position: -250px -28px; } i.e-select_columns-24 { background-position: -278px -28px; } i.e-settings-24 { background-position: -305px -28px; } i.e-sort-24 { background-position: -333px -28px; } i.e-stats-24 { background-position: -361px -28px; } i.e-sysinfo-24 { background-position: -389px -28px; } i.e-themes-24 { background-position: -416px -28px; } i.e-true-24 { background-position: -444px -28px; } i.e-up-24 { background-position: -472px -28px; } i.e-uploads-24 { background-position: -500px -28px; } i.e-userclass-24 { background-position: -527px -28px; } i.e-users-24 { background-position: -555px -28px; } i.e-warning-24 { background-position: -583px -28px; } i.e-welcome-24 { background-position: -611px -28px; } i.e-add-32{ background-position: 0 0; width: 32px; height: 32px; } i.e-adminlogs-32{ background-position: -37px 0; width: 32px; height: 32px; } i.e-adminpass-32{ background-position: -74px 0; width: 32px; height: 32px; } i.e-admins-32{ background-position: -111px 0; width: 32px; height: 32px; } i.e-arrow-32{ background-position: -148px 0; width: 32px; height: 32px; } i.e-arrow_over-32{ background-position: -185px 0; width: 32px; height: 32px; } i.e-articles-32{ background-position: -222px 0; width: 32px; height: 32px; } i.e-banlist-32{ background-position: -259px 0; width: 32px; height: 32px; } i.e-banners-32{ background-position: -296px 0; width: 32px; height: 32px; } i.e-cache-32{ background-position: -333px 0; width: 32px; height: 32px; } i.e-cat_content-32{ background-position: -370px 0; width: 32px; height: 32px; } i.e-cat_files-32{ background-position: -407px 0; width: 32px; height: 32px; } i.e-cat_plugins-32{ background-position: -444px 0; width: 32px; height: 32px; } i.e-cat_settings-32{ background-position: -481px 0; width: 32px; height: 32px; } i.e-cat_tools-32{ background-position: -518px 0; width: 32px; height: 32px; } i.e-cat_users-32{ background-position: -555px 0; width: 32px; height: 32px; } i.e-chatbox-32{ background-position: -592px 0; width: 32px; height: 32px; } i.e-comments-32{ background-position: -629px 0; width: 32px; height: 32px; } i.e-configure-32{ background-position: -666px 0; width: 32px; height: 32px; } i.e-content-32{ background-position: -703px 0; width: 32px; height: 32px; } i.e-copy-32{ background-position: -740px 0; width: 32px; height: 32px; } i.e-credits-32{ background-position: -777px 0; width: 32px; height: 32px; } i.e-cron-32{ background-position: -814px 0; width: 32px; height: 32px; } i.e-custom-32{ background-position: -851px 0; width: 32px; height: 32px; } i.e-database-32{ background-position: -888px 0; width: 32px; height: 32px; } i.e-delete-32{ background-position: -925px 0; width: 32px; height: 32px; } i.e-docs-32{ background-position: -962px 0; width: 32px; height: 32px; } i.e-down-32{ background-position: -999px 0; width: 32px; height: 32px; } i.e-downloads-32{ background-position: -1036px 0; width: 32px; height: 32px; } i.e-edit-32{ background-position: -1073px 0; width: 32px; height: 32px; } i.e-emoticons-32{ background-position: -1110px 0; width: 32px; height: 32px; } i.e-eurl-32{ background-position: -1147px 0; width: 32px; height: 32px; } i.e-execute-32{ background-position: -1184px 0; width: 32px; height: 32px; } i.e-extended-32{ background-position: -1221px 0; width: 32px; height: 32px; } i.e-false-32{ background-position: -1258px 0; width: 32px; height: 32px; } i.e-fileinspector-32{ background-position: -1295px 0; width: 32px; height: 32px; } i.e-filemanager-32{ background-position: -1332px 0; width: 32px; height: 32px; } i.e-forums-32{ background-position: -1369px 0; width: 32px; height: 32px; } i.e-frontpage-32{ background-position: -1406px 0; width: 32px; height: 32px; } i.e-images-32{ background-position: -1443px 0; width: 32px; height: 32px; } i.e-info-32{ background-position: -1480px 0; width: 32px; height: 32px; } i.e-language-32{ background-position: -1517px 0; width: 32px; height: 32px; } i.e-leave-32{ background-position: -1554px 0; width: 32px; height: 32px; } i.e-links-32{ background-position: -1591px 0; width: 32px; height: 32px; } i.e-logout-32{ background-position: -1628px 0; width: 32px; height: 32px; } i.e-mail-32{ background-position: -1665px 0; width: 32px; height: 32px; } i.e-main-32{ background-position: -1702px 0; width: 32px; height: 32px; } i.e-maintain-32{ background-position: -1739px 0; width: 32px; height: 32px; } i.e-manage-32{ background-position: -1776px 0; width: 32px; height: 32px; } i.e-menus-32{ background-position: -1813px 0; width: 32px; height: 32px; } i.e-meta-32{ background-position: -1850px 0; width: 32px; height: 32px; } i.e-move-32{ background-position: -1887px 0; width: 32px; height: 32px; } i.e-news-32{ background-position: -1924px 0; width: 32px; height: 32px; } i.e-newsfeeds-32{ background-position: -1961px 0; width: 32px; height: 32px; } i.e-notify-32{ background-position: 0 -37px; width: 32px; height: 32px; } i.e-phpinfo-32{ background-position: -37px -37px; width: 32px; height: 32px; } i.e-plugin_install-32{ background-position: -74px -37px; width: 32px; height: 32px; } i.e-plugin_uninstall-32{ background-position: -111px -37px; width: 32px; height: 32px; } i.e-plugins-32{ background-position: -148px -37px; width: 32px; height: 32px; } i.e-plugmanager-32{ background-position: -185px -37px; width: 32px; height: 32px; } i.e-prefs-32{ background-position: -222px -37px; width: 32px; height: 32px; } i.e-rename-32{ background-position: -259px -37px; width: 32px; height: 32px; } i.e-reviews-32{ background-position: -296px -37px; width: 32px; height: 32px; } i.e-search-32{ background-position: -333px -37px; width: 32px; height: 32px; } i.e-select_columns-32{ background-position: -370px -37px; width: 32px; height: 32px; } i.e-settings-32{ background-position: -407px -37px; width: 32px; height: 32px; } i.e-sort-32{ background-position: -444px -37px; width: 32px; height: 32px; } i.e-stats-32{ background-position: -481px -37px; width: 32px; height: 32px; } i.e-sysinfo-32{ background-position: -518px -37px; width: 32px; height: 32px; } i.e-themes-32{ background-position: -555px -37px; width: 32px; height: 32px; } i.e-true-32{ background-position: -592px -37px; width: 32px; height: 32px; } i.e-up-32{ background-position: -629px -37px; width: 32px; height: 32px; } i.e-uploads-32{ background-position: -666px -37px; width: 32px; height: 32px; } i.e-userclass-32{ background-position: -703px -37px; width: 32px; height: 32px; } i.e-users-32{ background-position: -740px -37px; width: 32px; height: 32px; } i.e-warning-32{ background-position: -777px -37px; width: 32px; height: 32px; } i.e-welcome-32{ background-position: -814px -37px; width: 32px; height: 32px; } i.browsers { background: url(images/browsers.webp) no-repeat top left; display:inline-block; margin-right: .3em; line-height: 14px; vertical-align: text-top; } i.e-bot-16{ background-position: 0 0; width: 16px; height: 16px; } i.e-bot-32{ background-position: -21px 0; width: 32px; height: 32px; } i.e-camino-16{ background-position: -58px 0; width: 16px; height: 16px; } i.e-camino-32{ background-position: -79px 0; width: 32px; height: 32px; } i.e-chrome-16{ background-position: -116px 0; width: 16px; height: 16px; } i.e-chrome-32{ background-position: -137px 0; width: 32px; height: 32px; } i.e-firefox-16{ background-position: -174px 0; width: 16px; height: 16px; } i.e-firefox-32{ background-position: -195px 0px; width: 32px; height: 32px; } i.e-ie-16{ background-position: -232px 0; width: 16px; height: 16px; } i.e-ie-32{ background-position: -253px 0; width: 32px; height: 32px; } i.e-konqueror-16{ background-position: -290px 0; width: 16px; height: 16px; } i.e-konqueror-32{ background-position: -311px 0; width: 32px; height: 32px; } i.e-opera-16{ background-position: -348px 0; width: 16px; height: 16px; } i.e-opera-32{ background-position: -369px 0; width: 32px; height: 32px; } i.e-safari-16{ background-position: -406px 0; width: 16px; height: 16px; } i.e-safari-32{ background-position: -427px 0; width: 32px; height: 32px; } i.e-seamonkey-16{ background-position: -464px 0; width: 16px; height: 16px; } i.e-seamonkey-32{ background-position: -485px 0; width: 32px; height: 32px; } i.admin-ui-option { font-size:24px; line-height:32px } /* NEw */ th, .fcaption { font: 12px HelveticaNeue,Helvetica,Arial; } /* Dark Drop-Down Menus */ ul.col-selection { padding:5px; text-align:left; border: 1px outset black; width:310px; margin-right:0px;overflow:visible; position:absolute; z-index:101; right:0px;} ul.col-selection { text-align:left; overflow:visible; z-index:101; } ul.col-selection > li a { padding: 3px 0 0 5px; } ul.col-selection > li a label { padding-left:20px; display:block; /*line-height:25px;*/ } ul.col-selection ul.nav > li { padding:0 } ul.scroll-menu { max-height:350px; overflow:auto; scrollbar-width: thin; } ul.col-selection li.col-selection-list { padding: 5px; } ul.col-selection input { opacity:0; } ul.col-selection label.active:before { font-family:'Font Awesome 5 Free'; font-weight: 900; margin-left:-20px ; margin-right:6px ; content: '\f00c'; color: #51a351; position:relative; } .nav ul li ul.dropdown-menu { border-left:1px solid rgb(51, 51, 51); background-color: rgb(39, 39, 39); } .nav ul li ul.dropdown-menu > li a { border-top: 1px solid rgb(51, 51, 51); border-bottom: 1px solid rgb(32, 32, 32); } .nav ul li ul.dropdown-menu > li a { padding-top:5px; padding-bottom:5px; color: rgb(200,200,200); } .nav ul li ul.dropdown-menu > li a:hover { color: rgb(255, 255, 255); } .nav ul.dropdown-menu.oversized { width: 600px } .nav ul.dropdown-menu.oversized li { width: 33%; float:left; } .navbar .btn-navbar{ margin-top:12px } /* FIXME drop-down caret needs to be remove */ .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(39, 39, 39); border-top: 1px solid rgb(51, 51, 51); border-left:1px solid rgb(51, 51, 51); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .navbar-brand { padding: 10px 12px; } ul.recent-comments {padding: 0px; margin: 0; list-style: none outside none; } li.separator { padding-bottom: 10px; margin-top: 10px; } .recent-comments .separator { margin-top: 10px; padding-bottom: 10px; } .recent-comments .article-post { padding-top: 8px; margin-left: 78px; } .avatar { margin: 10px; border-radius: 5px 5px 5px 5px; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5); display: inline-block; } .recent-comments .btn-group { margin-top: 10px; } .recent-comments .user-info { color: rgb(51, 51, 51); font-size: 10px; } #tab-container { background-color: transparent; } i.e-breadcrumb { margin-top:3px; } footer { padding-top:150px; padding-bottom:20px; color: rgb(153, 153, 153); } .nav-header { padding-bottom:10px; text-shadow: none; } .plugin-navigation .nav-header { padding: 10px 15px; } /* Attempt to Hide the white arrow */ .navbar .navbar-inner .nav > li > .dropdown-menu:after { display: none !important; content: none; } /* Color Box */ .mediaBody h4 { padding:10px 10px; } .media-select-count { margin-top:-60px; padding:10px; padding-bottom:20px; } a.e-media-select { color: inherit } .media-select-file-footer { padding:30px; text-align:center } #cboxOverlay{ background-color:#000000;} #colorbox{ -moz-border-radius:9px; -webkit-border-radius:9px; border-radius:9px; -moz-box-shadow:5px 5px 20px #000000; -webkit-box-shadow:5px 5px 20px #000000; box-shadow:5px 5px 20px #000000; background-color:white; } /********************* Make Bootstrap Tabs more like Jquery-ui **********************/ /* .nav-tabs { border-bottom: 1px solid rgb(221, 221, 221); margin-bottom:0px;} */ .nav-tabs li { margin-right: 2px; } .nav-tabs li a { cursor: pointer; padding: 0 15px; line-height: 34px; /* border-bottom: 1px solid rgb(221, 221, 221) */ } .nav-tabs li a:hover { } /* .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { margin-bottom:-1px; border-bottom:1px solid rgb(246, 246, 246); } */ .tab-pane { } /* .tab-pane table.adminform { border-top:0px} .tab-pane table.adminform td { border-top:0px} .tab-pane table.adminform tr { border-bottom:1px solid #DDDDDD} */ .tab-pane table tr:first-child td { border-top:0; } .table .options { white-space:nowrap } /****************************************************************/ ul#e-status { margin:0 } ul#e-status li { padding-bottom:6px; font-size: 0.9em } ul#e-status { line-height:20px } ul#admin-ui-nav-menu li a span.label, ul#e-status li a span.badge, ul#e-status li a span.label { float:right; font-size:85% } ul#e-status li a:hover { text-decoration: none; } ul#e-latest { margin:0 } ul#e-latest li { padding-bottom:6px; font-size: 0.9em} ul#e-latest { line-height:17px } ul#e-latest li a span.label { float:right;font-size:85% } ul#e-latest li a:hover { text-decoration: none; } #userclass-tree-structure { font-size:80% } .table-striped tbody > tr.highlight-odd td { background-color: transparent } .table-striped tbody > tr.highlight-even td { background-color: transparent } /* Bootstrap tags input */ .tags { display: inline-block; margin-bottom:0; max-width:640px; } .tags input { margin-bottom: 0; width: 100px; } .tag { margin-right:5px; float: none; margin-left: 0; padding:7px; } span.tag button.close { float: none; padding-left:5px; vertical-align: middle; } /* Override selectize.js styles */ .selectize-control { padding: 0; border: 0; height:auto; } .editable-input { position: relative; margin-bottom: 15px;} .editableform .form-group { margin-left:0; margin-right:0} .selectize-dropdown { height: auto;} /* .selectize-control.multi .selectize-input > div { cursor: pointer; margin: 1px 5px 0 0; padding: 1px 3px; background: #3a87ad; color: #ffffff; border: 0 solid rgba(0, 0, 0, 0); text-shadow: 1px 1px 0 black; box-shadow: 1px 1px 0 black; font-size: 12px; font-weight: bold; } .selectize-control.single .selectize-input, .selectize-control.single .selectize-input.input-active, .selectize-control.single .selectize-input.input-active:hover, .selectize-control.single .selectize-input.focus, .selectize-control.multi .selectize-input, .selectize-control.multi .selectize-input.input-active, .selectize-control.multi .selectize-input.input-active:hover, .selectize-control.multi .selectize-input.focus { padding: 5px 5px 5px 5px !important; } div.selectize-control .form-control { background-color: #212121; border: none; box-shadow: 2px 2px 2px rgba(0, 0, 0,0.5); } div.selectize-dropdown .option.active { color: #fff; background-color: #337ab7; } */ /* Theme Manager - Find online */ .form-search > div > div > div > i.icon-search { vertical-align:middle; } h4.caption { margin-bottom:30px; } .block { display: block; position: relative;} .block h4.caption { display: block; position: relative; text-align: left;} .block-text h2.caption { display: block; position: relative; font-size: 22px; text-align: left; margin-bottom: 20px;} .plupload_container { padding:0; margin: 10px 20px; background: transparent; } .plupload_header { background: transparent } .plupload_header_content { background: transparent; padding-left:0; min-height:30px; } .plupload_wrapper { font: inherit; } .plupload_header_title { display: none; } .plupload_filelist_header, .plupload_filelist_footer { background-color: rgb(54, 54, 54); background-image: linear-gradient(to bottom, rgb(68, 68, 68), rgb(34, 34, 34)); border: 1px solid rgb(3, 3, 3); color: rgb(198, 198, 198); height: inherit; } .plupload_filelist .plupload_file_name { width: 80%; } .plupload_filelist li { background: transparent } .plupload_file_status span { color: rgb(198, 198, 198); } .plupload_scroll .plupload_filelist { box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), 0px 1px 7px 0px rgba(0, 0, 0, 0.8) inset; background: rgba(0, 0, 0, 0.3) none repeat scroll 0% 0%; scrollbar-width: thin; } .plupload_start { color: rgb(255, 255, 255); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: rgb(91, 183, 91); background-image: linear-gradient(to bottom, rgb(98, 196, 98), rgb(81, 163, 81)); background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } a.plupload_disabled:hover {background: transparent; border-color:inherit } .plupload_start:hover, .plupload_start:focus, .plupload_start:active, a.plupload_disabled:hover { color: rgb(255, 255, 255); background-color: rgb(81, 163, 81); } li.plupload_delete a { background: url(images/adminicons_16.webp) no-repeat top left; display:inline-block; height:16px; *margin-right: .3em; line-height: 14px; vertical-align: text-top; background-position: -525px 0; width: 16px; } .plupload_add, .plupload_add:hover { background-image: linear-gradient(#3F8ACA, #337AB7 60%, #2F6FA7); background-repeat: no-repeat; filter: none; color: #FFF; background-color: #337AB7; border-color: #2D6DA3; outline:0; } .plupload_add:hover { border-color: rgba(0, 0, 0, 0.6); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); } .plupload_filelist { } li.rssRow > div { font-size: 80%; color: rgb(153, 153, 153); } /* FIX for iOS navigation sublinks */ .dropdown-backdrop { position: static; } .video-responsive { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-responsive iframe, .video-responsive object, .video-responsive embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-thumbnail iframe { width:142px; } .media-carousel-item-caption { padding-top:8px; white-space:nowrap; display:inline-block; width:100%; overflow:hidden; } /*.media-carousel { margin-bottom:10px }*/ .media-manager {padding:20px; min-height:400px } .core-mainpanel-link-icon img { margin-bottom: 5px } .sidebar-toggle { width: 14px; height:300px; display: block; position: absolute; margin-left: -25px; margin-top:130px; z-index: 1; } .sidebar-toggle a {color:#C6C6C6; height:300px; display:block; width:100%; border-right:7px double #77ACD9; opacity: 0; transition:.5s; z-index:5000; outline:0 } .sidebar-toggle a:hover { opacity: .8; outline:0 } .admin-left-panel.toggled { display: none } /* ######## selectize.js ######## */ .selectize-input { color: inherit; } .selectize-input > input, .selectize-input.full { color: inherit; background-color:inherit} .selectize-control div.item { border-radius:3px; } .selectize-control div.item .remove { margin-top:3px } .selectize-input.focus { box-shadow: inherit; } .form-control.selectize-input { min-height:38px; height:auto; } /* .selectize-control.single .selectize-input, .selectize-control.single .selectize-input.input-active, .selectize-control.single .selectize-input.input-active:hover, .selectize-control.single .selectize-input.focus, .selectize-control.multi .selectize-input, .selectize-control.multi .selectize-input.input-active, .selectize-control.multi .selectize-input.input-active:hover, .selectize-control.multi .selectize-input.focus { -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset; -moz-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset; box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset; background: #202020 !important; background-color: rgba(0, 0, 0, 0.3); border: 0; padding: 4px 6px; } .selectize-input > input { color: #ffffff; }*/ .selectize-input { width: 530px; max-width: 100%; } /* .selectize-input.focus { border-color: #66AFE9; outline: 0px none; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6); } */ /* uiAlert Styling */ .notifications{position:fixed;}.notifications.top-right{right:10px;top:25px;} .notifications.top-left{left:10px;top:25px;} .notifications.bottom-left{left:10px;bottom:25px;} .notifications.bottom-right{right:10px;bottom:25px;} .notifications>div{ position:relative;z-index:9999;margin:5px 0;} .notifications.center{top:30%;left:0;width:100%;}.notifications.center>div{margin:5px auto;width:20%;text-align:center;} /* Theme selection */ .admin-theme-thumb { position:relative; width:100%; height:130px;overflow:hidden;border:1px solid black; margin:0; margin-bottom:10px; padding:0; } .admin-theme-thumb:hover { opacity:0.4 } .admin-theme-thumb img { position:absolute; height:130px; left:-10px; min-width:110%; } .admin-theme-nopreview { opacity: 0.3 } .admin-theme-options { transition: opacity .20s ease-in-out; -moz-transition: opacity .20s ease-in-out; -webkit-transition: opacity .20s ease-in-out; opacity:0; width:100%; height:130px; text-align: center; padding-top:50px; white-space:nowrap; background-color:black; display:block;position:relative; vertical-align:middle; top:-141px; } .admin-theme-options:hover { opacity:0.85; } .admin-theme-options .fa-check { color: #FAA732 } .admin-theme-title { line-height: 18px; overflow:hidden; padding-left:5px; white-space:nowrap; width:200px; position:relative; top:-135px; } .admin-theme-title span.label { margin-top: -20px; margin-right: 15px; } .admin-theme-title small { white-space:nowrap;display:inline-block;width:140px;overflow:hidden } .admin-theme-select {border:1px dotted silver;background-color:#DDDDDD;float:left } .admin-theme-select-active { background-color:red;float:left } .admin-theme-cell { width:207px; height:170px; padding:10px; -moz-border-radius: 5px; border-radius: 5px; margin:10px 10px 5px 0px} .admin-theme-cell-default { border:1px dotted silver; background-color:#DDDDDD } .admin-theme-cell-site { background-color: #d9edf7; border: 1px solid #bce8f1; } .admin-theme-cell-admin { background-color:#FFFFD5; border: 1px solid #FFCC00; } #e-online table { margin-top:10px; margin-left:auto; margin-right:auto } #admin-plugin-online-list .admin-main-content img.icon, #core-plugin-list img.icon { width: 32px; height:32px } #admin-plugin-online-grid .admin-main-content img.icon { width: 128px; /*height: 128px*/ } .tab-content #coreFeed, .tab-content #pluginFeed, .tab-content #themeFeed { padding-top:20px } .alert-warning pre { color: white } .xdebug-error { color: black; font-size:1.5em } li.after-submit { padding:5px; } li.after-submit:hover { background-color: #337AB7; color:white } /* Legacy Styling */ .fborder .forumheader3 { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #0a0a0a; } .plugin-manager .fa-refresh { padding-top: 4px } .admin-left-panel .panel-title span { display: inline-block; vertical-align: middle; } .admin-left-panel .panel-title .S24, .admin-left-panel .panel-title img { margin-right:6px; width:24px; height:24px; vertical-align:middle} ul.core-update-available li a.dropdown-toggle i { opacity:1; color:white; transition: none; !important} ul.core-update-available li { color: white } /* BC for old plugins in admin */ input[type=checkbox].tbox { margin-right:5px } td.forumheader3 .form-control { display:inherit } .navbar-nav > li > a.admin-icon-avatar { padding-top: 11px; padding-bottom: 10px;} form#simplesef h4 { margin: 4px } .adminlist tr > td { min-height:50px; } .admin-icon-debug i { margin-right:5px; cursor:help} .admin-icon-debug .dropdown-menu > .active > a { color: orange } .admin-icon-debug .dropdown-menu > .active > a:after { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f0d9'; position: absolute; padding-left: 5px; } .navbar-fixed-top { font-size: 14px; left: 0px; line-height: 20px; margin-bottom: 20px; min-height: 50px; position: fixed; } .navbar-nav { font-size: 14px; line-height: 20px; list-style-image: none; list-style-position: outside; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-left: 0px; } .navbar-nav > li > a { padding-bottom: 15px; padding-left: 15px; padding-right: 15px; padding-top: 15px; position: relative; } .navbar-right.navbar-text { padding-right: 5px; padding-left: 5px; margin-left: 0; margin-right: 0; padding-top: 15px; margin-top: 0; } /** Optional: Display Admin Nav Button Labels. -- moved to a pref. Cleared to prevent possible conflict. */ ul.nav-admin a.navbar-admin-button:after { content: none !important; } ul.nav-admin a.navbar-admin-button:before { content: none !important; } /* body { background-color: rgb(68, 68, 68); } #left-panel { } #right-panel { background-color: #EEEEEE; border-top-left-radius: 12px; padding-top:20px; padding-left:10px; } footer { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), transparent), url("images/bg-footer.jpg"); background-repeat: repeat-x, repeat; background-size: 100px 15px, 140px 140px; margin:0px; padding:40px; color: rgb(119, 119, 119); } */ /* @media only screen and (min-width : 768px) { .is-table-row { display: table; } .is-table-row [class*="col-"] { float: none; display: table-cell; vertical-align: top; } } */ /* Flex Classes */ body#admin-menus > .container-fluid > .row, body#admin-menus .admin-left-panel, .row-flex, .row-flex > div[class*='col-'] { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex:1 1 auto; } .row-flex-wrap { -webkit-flex-flow: row wrap; align-content: flex-start; flex:0; } .row-flex > div[class*='col-'], .container-flex > div[class*='col-'] { margin:-.2px; } .row-flex .draggable-panels { width: 100%; margin-bottom: 15px; } .row-flex .draggable-panels.empty { margin-bottom: 0; } .flex-col { display: flex; display: -webkit-flex; flex: 1 100%; flex-flow: column nowrap; } .flex-grow { display: flex; -webkit-flex: 2; flex: 2; } .row-flex .panel { height: 100%; } body#admin-menus > .container-fluid > .row { height: 92vh; } body#admin-menus .admin-left-panel { flex-flow: column nowrap; } .row-flex > div[class*='col-'], .container-flex > div[class*='col-'] { margin:-.2px; /* hack adjust for wrapping */ } body#admin-menus #sc-admin-help, body#admin-menus #sc-admin-help .panel-body, .flex-col { display: flex; display: -webkit-flex; flex: 1 100%; flex-flow: column nowrap; } .flex-grow { display: flex; -webkit-flex: 2; flex: 2; } body#admin-menus .admin-left-panel .panel { max-height: 50%; } body#admin-menus .admin-left-panel .admin-menu { overflow-y: auto; display: flex; display: -webkit-flex; flex: 1 100%; flex-flow: column nowrap; scrollbar-width: thin; } body#admin-menus #sc-admin-help { overflow-y:hidden; } body#admin-menus #sc-admin-help .panel-body { overflow-y:scroll; scrollbar-width: thin; } .form-control[disabled] { opacity: 0.5; } .e-image-preview { display:inline-block } td img.thumbnail { margin-bottom:0 } /* Parent/Child Indicator */ .treeprefix {margin-right:4px} .treeprefix.level-2 { margin-left:10px } .treeprefix.level-3 { margin-left:35px } .treeprefix.level-4 { margin-left:60px } .treeprefix.level-5 { margin-left:85px } /* Cleanup tables for light themes */ .adminlist.table-bordered > thead > tr > th, .adminlist.table-bordered > thead > tr > td, .adminlist.table-bordered > tbody > tr > th, .adminlist.table-bordered > tbody > tr > td, .adminlist.table-bordered > tfoot > tr > th, .adminlist.table-bordered > tfoot > tr > td { border-left: 0; border-right:0; } /* Cleanup table borders/headers */ /* #admin-ui-list-batch , .adminlist > thead > tr { background-color: rgba(0,0,0,0.1); } */ .adminlist { border:1px solid rgba(0,0,0,0.1); } .nav-admin .fa, .nav-admin .fas, .nav-admin .far, .nav-admin .fab { font-size: 18px } .nav-admin.navbar-left li a { padding-left:20px; padding-right:20px} .navbar-nav > li.active a.dropdown-toggle i { opacity:1; } #e-addon-updates .media-list img { width: 64px} @-webkit-keyframes spinIt { from {-webkit-transform: rotate(0deg); transform: rotate(0deg);} to {-webkit-transform: rotate(359deg); transform: rotate(359deg);} } @-moz-keyframes spinIt { from {-webkit-transform: rotate(0deg); transform: rotate(0deg);} to {-webkit-transform: rotate(359deg); transform: rotate(359deg);} } .editableform-loading { background: none; height: 25px; width: auto; min-width: 25px; text-align:center; -webkit-animation: spinIt 2s infinite linear; animation: spinIt 2s infinite linear; } .editableform-loading:before { font-size:24px; font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f110' } .editable-input input[type=text] { padding-top: 1px; padding-bottom: 1px; } tr.highlight-odd, .table-striped > tbody > tr.highlight-odd { background-color: rgba(0,0,0,0.15); } tr.highlight-even, .table-striped > tbody > tr.highlight-even { background-color: rgba(0,0,0,0.15); } .admin-left-panel, .admin-right-panel, .sidebar-toggle { transition: width 0.5s; } .admin-left-panel-collapsed .admin-ui-nav-menu { width: 55px; } .adminlist img.icon { max-width: 64px } body#admin-image-main-dialog { margin-top: 0 } .sidebar-toggle-panel { transition: opacity 0.5s ease-in-out; } .sidebar-toggle-panel { width: auto } div.admin-left-panel-collapsed .sidebar-toggle-panel { /*display:none; */ display:inline-block; opacity: 0; height: 0; width: 0; overflow: hidden; } div.admin-left-panel .nav-pills > li > a > span > i { opacity: 0; width:0; } div.admin-left-panel-collapsed .nav-pills > li > a > span > i { opacity: 1 } #core-thememanager-configure .admin-css-selector { margin-bottom:15px; } #core-thememanager-configure .admin-css-selector .active { opacity: 1 } #admin-ui-edit td > ol { padding-left: 1.2em; } /* Bootstrap switch expandit in pure-css */ .bootstrap-switch-on + .e-expandit-container { max-height:500px; overflow:hidden; transition:all 1s ease-in-out; } .bootstrap-switch-off + .e-expandit-container { max-height:0; overflow:hidden; transition: all 1s ease-in-out; } .admin-nav-home .nav-home-main { display:inline-block; margin-right:0; padding-right:0} .admin-nav-home .nav-home-caret { display:inline-block;border-left:0; margin-left:0; padding-left:2px; } #uiAlert { z-index: 9999 !important; } @media (min-width: 1101px ){ .navbar-fixed-top { height: 51px; } .admin-icon-debug > li.dropdown > a.dropdown-toggle { border-left: 0 !important } } @media (max-width: 1400px ){ /* ul.navbar-nav.navbar-left > li > a > i { display:none; } */ } .fa, .fa-brands, .fa-classic, .fa-regular, .fa-sharp, .fa-solid, .fab, .far, .fas { line-height: 0; } .navbar-nav { border-right: 0px solid #393939; } .hidenavbig { display: none!important; } @media (max-width: 1100px) { .navbar-header { float: none; width: calc(100vw); /* Prevent a wide screen from hiding the navigation */ } .navbar-toggle { display: block; } .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); } .navbar-collapse.collapse { display: none!important; } .hidenavsmall { display: none!important; } .hidenavbig { display: block!important; } /* .navbar-nav { float: none!important; margin: 7.5px -15px; } .navbar-nav>li { float: none; } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } .navbar-text { float: none; margin: 15px 0; } */ .navbar-collapse.collapse.in { display: block!important; } .collapsing { overflow: hidden!important; } .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .pre-scrollable { max-height: 680px; } .nav-admin.navbar-left li a { padding-left: 16px; padding-right: 13px; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { color: #fff; background-color: #393939; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { color: #fff; text-decoration: none; outline: 0; background-color: transparent; } .navbar-nav>li>a:hover{ background-image:-webkit-linear-gradient(#393939,#393939 40%,#393939);background-image:-o-linear-gradient(#393939,#393939 40%,#393939);background-image:linear-gradient(#393939,#393939 40%,#393939);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff000000', GradientType=0);filter:none } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { background-color: #393939; color: #fff; } } @media only screen and (max-width : 768px) { .navbar-right { float: right !important; margin-right: 0px; } .navbar-right .dropdown-menu { left: auto; right: 0; } .navbar-nav > li { float: left; } #searchquery { float: left; width: 35%; } #filter-options { float: left !important; } #admin-ui-list-search::before { display: none; /* TODO FIX my position */ } #admin-ui-list-total-records { padding-top: 25px; text-align: center; } .navbar-nav .open .dropdown-menu { position: fixed; top:100px; left:0; right: auto; width: calc(100vw); background-color: #212121; border: 0; box-shadow: inherit; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); height: calc(100vh - 105px); overflow-y: scroll; padding-bottom:15px; } span.e-toggle-sidebar.close { display:none; } .form-control.select.filter { width:100px } .navbar-nav .open .dropdown-menu > li > a { padding-top: 10px; padding-bottom: 10px; } .nav ul.dropdown-menu.oversized { width: calc(100vw); } .nav ul.dropdown-menu.oversized li { width: 50%; float:left; } .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { margin-right: -15px; margin-left: -15x; } .navbar-collapse.in { overflow-y: visible; } .nav-admin.navbar-left li a { padding-left: 16px; padding-right: 13px; } }