diff --git a/themes/default/css.php b/themes/default/css.php new file mode 100644 index 0000000000..56c6eb8a22 --- /dev/null +++ b/themes/default/css.php @@ -0,0 +1,1667 @@ + 0) { + + if ((!isset($_SESSION['background_image'])) or strlen($_SESSION['background_image']) == 0) { + $_SESSION['background_image'] = $background_images[array_rand($background_images)]; + $background_image = $_SESSION['background_image']; + } + + // background image(s) specified, check if source is file or folder + if (in_array(strtolower(pathinfo($background_image, PATHINFO_EXTENSION)), $image_extensions)) { + $image_source = 'file'; + } + else { + $image_source = 'folder'; + } + + // is source (file/folder) local or remote + if (substr($background_image, 0, 4) == 'http') { + $source_path = $background_image; + } + else if (substr($background_image, 0, 1) == '/') { // + // use project path as root + $source_path = PROJECT_PATH.$background_image; + } + else { + // use theme images/backgrounds folder as root + $source_path = PROJECT_PATH.'/themes/default/images/backgrounds/'.$background_image; + } + + } + else { + // not set, so use default backgrounds folder and images + $image_source = 'folder'; + $source_path = PROJECT_PATH.'/themes/default/images/backgrounds'; + } + + if ($image_source == 'folder') { + if (file_exists($_SERVER["DOCUMENT_ROOT"].$source_path)) { + // retrieve a random background image + $dir_list = opendir($_SERVER["DOCUMENT_ROOT"].$source_path); + $v_background_array = array(); + $x = 0; + while (false !== ($file = readdir($dir_list))) { + if ($file != "." AND $file != ".."){ + $new_path = $dir.'/'.$file; + $level = explode('/',$new_path); + if (in_array(strtolower(pathinfo($new_path, PATHINFO_EXTENSION)), $image_extensions)) { + $v_background_array[] = $new_path; + } + if ($x > 100) { break; }; + $x++; + } + } + if ($_SESSION['background_image'] == '' && sizeof($v_background_array) > 0) { + $_SESSION['background_image'] = PROJECT_PATH.$source_path.$v_background_array[array_rand($v_background_array, 1)]; + } + } + else { + $_SESSION['background_image'] = ''; + } + + } + else if ($image_source == 'file') { + $_SESSION['background_image'] = $source_path; + } + } + +// check for background color + else if ( + $background_colors[0] != '' || + $background_colors[1] != '' + ) { // background color 1 or 2 is enabled + + if ($background_colors[0] != '' && $background_colors[1] == '') { // use color 1 + $background_color = "background: ".$background_colors[0].";"; + } + else if ($background_colors[0] == '' && $background_colors[1] != '') { // use color 2 + $background_color = "background: ".$background_colors[1].";"; + } + else if ($background_colors[0] != '' && $background_colors[1] != '') { // vertical gradient + $background_color = "background: ".$background_colors[0].";\n"; + $background_color .= "background: -ms-linear-gradient(top, ".$background_colors[0]." 0%, ".$background_colors[1]." 100%);\n"; + $background_color .= "background: -moz-linear-gradient(top, ".$background_colors[0]." 0%, ".$background_colors[1]." 100%);\n"; + $background_color .= "background: -o-linear-gradient(top, ".$background_colors[0]." 0%, ".$background_colors[1]." 100%);\n"; + $background_color .= "background: -webkit-gradient(linear, left top, left bottom, color-stop(0, ".$background_colors[0]."), color-stop(1, ".$background_colors[1]."));\n"; + $background_color .= "background: -webkit-linear-gradient(top, ".$background_colors[0]." 0%, ".$background_colors[1]." 100%);\n"; + $background_color .= "background: linear-gradient(to bottom, ".$background_colors[0]." 0%, ".$background_colors[1]." 100%);\n"; + } + } + else { // default: white + $background_color = "background: #ffffff;\n"; + } +?> + + html { + height: 100%; + width: 100%; + } + + body { + z-index: 1; + position: absolute; + margin: 0; + padding: 0; + overflow: auto; + -ms-overflow-style: scrollbar; /* stops ie10+ from displaying auto-hiding scroll bar on top of the body content (the domain selector, specifically) */ + top: 0; + right: 0; + bottom: 0; + left: 0; + text-align: center; + + background-repeat: no-repeat; + background-attachment: fixed; + webkit-background-size:cover; + -moz-background-size:cover; + -o-background-size:cover; + background-size:cover; + } + + div#footer { + background: ; + text-align: center; + vertical-align: middle; + padding: 8px; + + -moz-border-radius: ; + -webkit-border-radius: ; + -khtml-border-radius: ; + border-radius: ; + + } + + .footer { + font-size: 11px; + font-family: arial; + line-height: 14px; + color: ; + white-space: nowrap; + } + + .footer > a:hover { + color: ; + } + +/* MENU: BEGIN ******************************************************************/ + + /* main menu container */ + .navbar { + + background-image: url(""); + background-position: 0px 0px; + background-repeat: repeat-x; + + background: ; + + -webkit-box-shadow: ; + -moz-box-shadow: ; + box-shadow: ; + + -moz-border-radius: ; + -webkit-border-radius: ; + -khtml-border-radius: ; + border-radius: ; + } + + /* main menu logo */ + .navbar-logo { + border: none; + height: 27px; + width: auto; + margin: 11px 13px 0 7px; + cursor: pointer; + float: left; + display: inline; + } + + /* menu brand text */ + .navbar-header > div > a.navbar-brand { + color: ; + white-space: nowrap; + } + + .navbar-header > div > a.navbar-brand:hover { + color: ; + } + + /* main menu item */ + .navbar .navbar-nav > li > a, + .navbar .navbar-nav > li.current-menu-item > a { + font-family: ; + font-size: ; + color: ; + padding-right: 10px; + padding-left: 10px; + } + + .navbar .navbar-nav > li:hover > a, + .navbar .navbar-nav > li:focus > a, + .navbar .navbar-nav > li:active > a { + color: ; + background: + } + + .navbar .navbar-nav > li > a > span.glyphicon { + margin: 1px 7px 0 0; + } + + @media(min-width: 768px) { + .dropdown:hover .dropdown-menu { + display: block; + } + } + + /* xs menu toggle button */ + .navbar-inverse .navbar-toggle { + border: none; + } + + .navbar-inverse .navbar-toggle:hover, + .navbar-inverse .navbar-toggle:focus, + .navbar-inverse .navbar-toggle:active { + background: ; + } + + .navbar-inverse .navbar-toggle .icon-bar { + background: ; + } + + .navbar-inverse .navbar-toggle:hover > .icon-bar { + background: ; + } + + /* sub menu container */ + .navbar-nav > li > .dropdown-menu { + margin-top: 0; + padding-top: 0; + padding-bottom: 10px; + + background: ; + -webkit-box-shadow: ; + -moz-box-shadow: ; + box-shadow: ; + + -moz-border-radius: ; + -webkit-border-radius: ; + -khtml-border-radius: ; + border-radius: ; + + } + + /* sub menu item */ + .dropdown-menu > li > a { + font-family: ; + color: ; + font-size: ; + margin: 0; + padding: 3px 15px; + } + + .dropdown-menu > li > a:hover, + .dropdown-menu > li > a:focus, + .dropdown-menu > li > a:active { + color: ; + background: ; + } + + .dropdown-menu > li > a > span.glyphicon { + display: inline-block; + font-size: 8pt; + margin: 0px 0 8px 8px; + opacity: 0.30; + text-align: top; + } + + /* menu toggle button */ + .navbar-header > button.navbar-toggle { + margin-left: 20px; + } + + #logout_icon { + color: ; + font-size: 11pt; + margin: 16px 19px 0 5px; + filter: alpha(opacity=80); + opacity: 0.80; + -moz-opacity: 0.80; + -khtml-opacity: 0.80; + } + + #logout_icon:hover { + filter: alpha(opacity=100); + opacity: 1; + -moz-opacity: 1; + -khtml-opacity: 1; + cursor: pointer; + } + + /* domain name: xs only */ + .navbar-inverse .navbar-header .navbar-nav .domain_selector_domain { + display: none; + white-space: nowrap; + opacity: 0.8; + -moz-opacity: 0.8; + -khtml-opacity: 0.8; + font-size: 9.5pt; + color: ; + } + + .navbar-inverse .navbar-header .navbar-nav .domain_selector_domain:hover, + .navbar-inverse .navbar-header .navbar-nav .domain_selector_domain:focus, + .navbar-inverse .navbar-header .navbar-nav .domain_selector_domain:active { + opacity: 1; + -moz-opacity: 1; + -khtml-opacity: 1; + cursor: pointer; + } + + /* domain name: sm and larger */ + .navbar-inverse .navbar-collapse .navbar-nav > li > a.domain_selector_domain { + display: none; + white-space: nowrap; + opacity: 0.8; + -moz-opacity: 0.8; + -khtml-opacity: 0.8; + font-size: 9.5pt; + color: ; + } + + .navbar-inverse .navbar-collapse .navbar-nav > li > a.domain_selector_domain:hover, + .navbar-inverse .navbar-collapse .navbar-nav > li > a.domain_selector_domain:focus, + .navbar-inverse .navbar-collapse .navbar-nav > li > a.domain_selector_domain:active { + opacity: 1; + -moz-opacity: 1; + -khtml-opacity: 1; + cursor: pointer; + } + +/* BUTTONS ********************************************************************/ + + /* buttons */ + input.btn, + input.button { + height: ; + padding: ; + border: solid ; + + -moz-border-radius: ; + -webkit-border-radius: ; + -khtml-border-radius: ; + border-radius: ; + + + background: ; + background-image: -ms-linear-gradient(top, 0%, 100%); + background-image: -moz-linear-gradient(top, 0%, 100%); + background-image: -o-linear-gradient(top, 0%, 100%); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, ), color-stop(1, )); + background-image: -webkit-linear-gradient(top, 0%, 100%); + background-image: linear-gradient(to bottom, 0%, 100%); + + font-family: ; + text-align: center; + text-transform: uppercase; + color: ; + font-weight: ; + font-size: ; + vertical-align: middle; + } + + input.btn:hover, + input.btn:active, + input.btn:focus, + input.button:hover, + input.button:active, + input.button:focus { + cursor: pointer; + border-color: ; + + background: ; + background-image: -ms-linear-gradient(top, 0%, 100%); + background-image: -moz-linear-gradient(top, 0%, 100%); + background-image: -o-linear-gradient(top, 0%, 100%); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, ), color-stop(1, )); + background-image: -webkit-linear-gradient(top, 0%, 100%); + background-image: linear-gradient(to bottom, 0%, 100%); + + color: ; + } + + /* default bootstrap buttons - not currently used */ + button.btn-default { + font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif; + padding: 4px 8px; + color: #fff; + font-weight: bold; + font-size: 8pt; + border: 1px solid #26242a; + background: #3e3e3e; + background-image: -moz-linear-gradient(top, #000 0%, #3e3e3e 100%); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #000), color-stop(1, #3e3e3e)); + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + -khtml-border-radius: 3px; + border-radius: 3px; + text-align: center; + text-transform: uppercase; + text-shadow: 0px 0px 1px rgba(0,0,0,0.9); + opacity: 0.9; + -moz-opacity: 0.9; + } + + button.btn-default:hover, + button.btn-default:active, + button.btn-default:focus { + cursor: pointer; + color: #ffffff; + border: 1px solid #26242a; + box-shadow: 0 0 5px #cddaf0; + -webkit-box-shadow: 0 0 5px #cddaf0; + -moz-box-shadow: 0 0 5px #cddaf0; + opacity: 1.0; + -moz-opacity: 1.0; + } + + /* control icons (must be defined after the default bootstrap buttons) */ + button.list_control_icon, + button.list_control_icon_disabled { + width: 24px; + height: 24px; + padding: 2px; + margin: 1px; + border: solid ; + + -moz-border-radius: ; + -webkit-border-radius: ; + -khtml-border-radius: ; + border-radius: ; + + + background: ; + background-image: -ms-linear-gradient(top, 0%, 100%); + background-image: -moz-linear-gradient(top, 0%, 100%); + background-image: -o-linear-gradient(top, 0%, 100%); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, ), color-stop(1, )); + background-image: -webkit-linear-gradient(top, 0%, 100%); + background-image: linear-gradient(to bottom, 0%, 100%); + + color: ; + font-size: 10.5pt; + text-align: center; + -moz-opacity: 0.3; + opacity: 0.3; + } + + button.list_control_icon:hover, + button.list_control_icon:active, + button.list_control_icon:focus { + cursor: pointer; + border-color: ; + + background: ; + background-image: -ms-linear-gradient(top, 0%, 100%); + background-image: -moz-linear-gradient(top, 0%, 100%); + background-image: -o-linear-gradient(top, 0%, 100%); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, ), color-stop(1, )); + background-image: -webkit-linear-gradient(top, 0%, 100%); + background-image: linear-gradient(to bottom, 0%, 100%); + + color: ; + -moz-opacity: 1.0; + opacity: 1.0; + } + +/* DOMAIN SELECTOR ***********************************************************/ + + #domains_container { + z-index: 99990; + position: absolute; + right: 0; + top: 0; + bottom: 0; + width: 360px; + overflow: hidden; + display: none; + } + + #domains_block { + position: absolute; + right: -300px; + top: 0; + bottom: 0; + width: 340px; + padding: 20px 20px 100px 20px; + font-family: arial, san-serif; + font-size: 10pt; + overflow: hidden; + background-color: #fff; + -webkit-box-shadow: ; + -moz-box-shadow: ; + box-shadow: ; + } + + #domains_header { + position: relative; + width: 300px; + height: 55px; + margin-bottom: 20px; + text-align: left; + } + + #domains_list { + position: relative; + overflow: auto; + width: 300px; + height: 100%; + padding: 1px; + background-color: #fff; + border: 1px solid #a4aebf; + } + + div.domains_list_item { + text-align: left; + border-bottom: 1px solid #c5d1e5; + padding: 5px 8px 8px 8px; + overflow: hidden; + white-space: nowrap; + cursor: pointer; + } + + div.domains_list_item span.domain_list_item_description { + color: #999; + font-size: 11px; + } + + div.domains_list_item:hover a, + div.domains_list_item:hover span { + color: #5082ca; + } + +/* DOMAIN SELECTOR: END ********************************************************/ + + #default_login { + display: inline-block; + padding: ; + + background: ; + + -moz-border-radius: ; + -webkit-border-radius: ; + -khtml-border-radius: ; + border-radius: ; + + + + + -webkit-box-shadow: ; + -moz-box-shadow: ; + box-shadow: ; + } + + a.login_link { + color: ; + font-size: ; + font-family: ; + text-decoration: none; + } + + a.login_link:hover { + color: ; + cursor: pointer; + text-decoration: underline; + } + + #main_content { + 0 || !$default_login) + && + (isset($background_images) || $background_colors[0] != '' || $background_colors[1] != '') + ) { ?> + background: ; + background-attachment: fixed; + + -moz-border-radius: ; + -webkit-border-radius: ; + -khtml-border-radius: ; + border-radius: ; + + -webkit-box-shadow: ; + -moz-box-shadow: ; + box-shadow: ; + padding: 15px 20px 20px 20px; + + padding: 5px 10px 10px 10px; + + text-align: left; + } + + /* default body padding */ + .container-fluid { + width: 90%; + } + + /* maximize viewport usage on xs displays */ + @media(min-width: 0px) and (max-width: 767px) { + .container-fluid { + width: 100%; + } + + #main_content { + padding: 8px; + } + } + +/* GENERAL ELEMENTS *****************************************************************/ + + img { + border: none; + } + + .title, b { + color: ; + font-size: ; + font-family: ; + font-weight: bold + } + + a { + width: 100%; + color: ; + text-decoration: none; + } + + a:hover { + color: ; + text-decoration: underline; + } + + form { + margin: 0; + } + + /* style placeholder text (for browsers that support the attribute) - note: can't stack, each must be seperate */ + + ::-webkit-input-placeholder { color: } /* chrome/opera/safari */ + ::-moz-placeholder { color: } /* ff 19+ */ + :-moz-placeholder { color: } /* ff 18- */ + :-ms-input-placeholder { color: } /* ie 10+ */ + ::placeholder { color: } /* official standard */ + + select.txt, + textarea.txt, + input[type=text].txt, + input[type=number].txt, + input[type=password].txt, + select.formfld, + textarea.formfld, + input[type=text].formfld, + input[type=number].formfld, + input[type=password].formfld { + font-family: ; + font-size: ; + color: ; + text-align: left; + height: 28px; + padding: 4px 6px; + margin: 1px; + border-width: ; + border-style: solid; + border-color: ; + background: ; + 0) { + echo '-webkit-box-shadow: '.implode(', ', $shadows).";\n"; + echo '-moz-box-shadow: '.implode(', ', $shadows).";\n"; + echo 'box-shadow: '.implode(', ', $shadows).";\n"; + } + unset($shadows); + ?> + + -moz-border-radius: ; + -webkit-border-radius: ; + -khtml-border-radius: ; + border-radius: ; + + vertical-align: middle; + } + + textarea.txt, + input[type=text].txt, + input[type=number].txt, + input[type=password].txt, + textarea.formfld, + input[type=text].formfld, + input[type=number].formfld, + input[type=password].formfld { + transition: width 0.25s; + -moz-transition: width 0.25s; + -webkit-transition: width 0.25s; + max-width: 500px; + } + + select.txt, + select.formfld { + padding: 4px 2px; + } + + textarea.txt:hover, + input[type=text].txt:hover, + input[type=number].txt:hover, + input[type=password].txt:hover, + textarea.formfld:hover, + input[type=text].formfld:hover, + input[type=number].formfld:hover, + input[type=password].formfld:hover { + border-color: ; + } + + textarea.txt:focus, + input[type=text].txt:focus, + input[type=number].txt:focus, + input[type=password].txt:focus, + textarea.formfld:focus, + input[type=text].formfld:focus, + input[type=number].formfld:focus, + input[type=password].formfld:focus { + border-color: ; + /* first clear */ + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + + + -webkit-box-shadow: ; + -moz-box-shadow: ; + box-shadow: ; + + } + + input.login { + font-family: ; + font-size: ; + color: ; + border-width: ; + border-color: ; + background: ; + /* first clear */ + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + 0) { + echo '-webkit-box-shadow: '.implode(', ', $shadows).";\n"; + echo '-moz-box-shadow: '.implode(', ', $shadows).";\n"; + echo 'box-shadow: '.implode(', ', $shadows).";\n"; + } + unset($shadows); + ?> + + -moz-border-radius: ; + -webkit-border-radius: ; + -khtml-border-radius: ; + border-radius: ; + + } + + input.login:hover { + border-color: ; + } + + input.login:focus { + border-color: ; + /* first clear */ + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + + + -webkit-box-shadow: ; + -moz-box-shadow: ; + box-shadow: ; + + } + + /* style placeholder text (for browsers that support the attribute) - note: can't stack, each must be seperate */ + + input.login::-webkit-input-placeholder { color: } /* chrome/opera/safari */ + input.login::-moz-placeholder { color: } /* ff 19+ */ + input.login:-moz-placeholder { color: } /* ff 18- */ + input.login:-ms-input-placeholder { color: } /* ie 10+ */ + input.login::placeholder { color: } /* official standard */ + + .formfld_highlight_bad { + border-color: #aa2525; + -webkit-box-shadow: 0 0 3px #aa2525 inset; + -moz-box-shadow: 0 0 3px #aa2525 inset; + box-shadow: 0 0 3px #aa2525 inset; + } + + .formfld_highlight_good { + border-color: #2fb22f; + -webkit-box-shadow: 0 0 3px #2fb22f inset; + -moz-box-shadow: 0 0 3px #2fb22f inset; + box-shadow: 0 0 3px #2fb22f inset; + } + + /* removes spinners (increment/decrement controls) inside input fields */ + input[type=number] { -moz-appearance: textfield; } + ::-webkit-inner-spin-button { -webkit-appearance: none; } + ::-webkit-outer-spin-button { -webkit-appearance: none; } + + /* disables text input clear 'x' in IE 10+, slows down autosizeInput jquery script */ + input[type=text]::-ms-clear { + display: none; + } + + input.fileinput { + padding: 1px; + display: inline; + } + + textarea { + min-height: 75px; + } + + label { + font-weight: normal; + vertical-align: middle; + } + + label input[type=checkbox], + label input[type=radio] { + vertical-align: -2px; + margin: 0; + padding: 0; + } + + span.playback_progress_bar { + background-color: #c43e42; + height: 1px; + display: block; + } + +/* TABLES *****************************************************************/ + + table { + border-collapse: separate; + border-spacing: 0; + } + + th { + padding: 4px 7px 4px 0; + padding: 4px 7px; + text-align: left; + color: ; + font-size: ; + font-family: ; + background: ; + border-bottom: 1px solid ; + } + + th a, th a:visited, th a:active { + color: ; + text-decoration: none; + } + + th a:hover { + color: ; + text-decoration: underline; + } + + td { + color: ; + font-size: ; + font-family: ; + } + + table.tr_hover tr { + cursor: default; + } + + table.tr_hover tr:hover td, + table.tr_hover tr:hover td a { + color: ; + cursor: pointer; + } + + table.tr_hover tr.tr_link_void:hover td { + color: ; + cursor: default; + } + + table.tr_hover tr td.tr_link_void { + cursor: default; + } + + td.list_control_icons { + width: 52px; + padding: none; + padding-left: 2px; + text-align: right; + vertical-align: top; + white-space: nowrap; + } + + td.list_control_icon { + width: 26px; + padding: none; + padding-left: 2px; + text-align: right; + vertical-align: top; + white-space: nowrap; + } + + /* form: label/field format */ + .vncell { /* form_label */ + background: ; + + -moz-border-radius: ; + -webkit-border-radius: ; + -khtml-border-radius: ; + border-radius: ; + + border-right: 3px solid ; + border-bottom: 1px solid ; + padding: ; + text-align: right; + color: ; + font-family: ; + font-size: ; + } + + .vncellreq { /* form_label_required */ + background: ; + + -moz-border-radius: ; + -webkit-border-radius: ; + -khtml-border-radius: ; + border-radius: ; + + border-right: 3px solid ; + border-bottom: 1px solid ; + padding: ; + text-align: right; + color: ; + font-family: ; + font-size: ; + font-weight: ; + } + + .vtable { /* form_field */ + background: ; + + -moz-border-radius: ; + -webkit-border-radius: ; + -khtml-border-radius: ; + border-radius: ; + + border-bottom: 1px solid ; + padding: ; + text-align: left; + vertical-align: middle; + color: ; + font-family: ; + font-size: ; + } + + /* form: heading/row format */ + .vncellcol { /* form_heading */ + background: ; + + -moz-border-radius: ; + -webkit-border-radius: ; + -khtml-border-radius: ; + border-radius: ; + + border-bottom: 3px solid ; + padding: ; + text-align: left; + color: ; + font-family: ; + font-size: ; + } + + .vncellcolreq { /* form_heading_required */ + background: ; + + -moz-border-radius: ; + -webkit-border-radius: ; + -khtml-border-radius: ; + border-radius: ; + + border-bottom: 3px solid ; + padding: ; + text-align: left; + color: ; + font-family: ; + font-size: ; + font-weight: ; + } + + .vtablerow { /* form_row */ + + height: px; + background: ; + + -moz-border-radius: ; + -webkit-border-radius: ; + -khtml-border-radius: ; + border-radius: ; + + border-bottom: 1px solid ; + padding: ; + text-align: left; + vertical-align: middle; + color: ; + font-family: ; + font-size: ; + } + + .row_style0 { + border-bottom: 1px solid ; + background: ; + color: ; + font-family: ; + font-size: ; + text-align: left; + padding: 4px 7px; + } + + .row_style1 { + border-bottom: 1px solid ; + background: ; + color: ; + font-family: ; + font-size: ; + text-align: left; + padding: 4px 7px; + } + + .row_style_slim { + padding-top: 0; + padding-bottom: 0; + white-space: nowrap; + } + + .row_stylebg { + border-bottom: 1px solid ; + background: ; + color: ; + font-family: ; + font-size: ; + text-align: left; + padding: 4px 7px; + } + +/* RESPONSE MESSAGES *******************************************************/ + + #message_container { + z-index: 99998; + position: absolute; + top: -80px; + left: 0; + right: 0; + filter: alpha(opacity=0); + opacity: 0; + -moz-opacity:0; + -khtml-opacity: 0; + padding: 15px 0; + } + + #message_text { + z-index: 99999; + position: absolute; + top: -80px; + left: 0; + right: 0; + filter: alpha(opacity=0); + opacity: 0; + -moz-opacity:0; + -khtml-opacity: 0; + margin: 0 auto; + vertical-align: middle; + padding: 15px 0; + text-align: center; + font-family: arial, san-serif; + font-size: 10pt; + } + + .message_container_mood_default { + background: ; + } + + .message_container_mood_negative { + background: ; + } + + .message_container_mood_alert { + background: ; + } + + .message_text_mood_default { + color: ; + } + + .message_text_mood_negative { + color: ; + } + + .message_text_mood_alert { + color: ; + } + +/* OPERATOR PANEL ****************************************************************/ + + div.op_ext { + float: left; + width: 235px; + margin: 0px 8px 8px 0px; + padding: 0px; + border-style: solid; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + -webkit-box-shadow: 0 0 3px #e5e9f0; + -moz-box-shadow: 0 0 3px #e5e9f0; + box-shadow: 0 0 3px #e5e9f0; + border-width: 1px 3px; + border-color: #b9c5d8 #c5d1e5; + background-color: #e5eaf5; + cursor: default; + } + + div.op_state_active { + background-color: #baf4bb; + border-width: 1px 3px; + border-color: #77d779; + } + + div.op_state_ringing { + background-color: #a8dbf0; + border-width: 1px 3px; + border-color: #41b9eb; + } + + table.op_ext { + width: 100%; + height: 60px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + background-color: #e5eaf5; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + } + + td.op_ext_icon { + vertical-align: middle; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + } + + img.op_ext_icon { + cursor: move; + width: 39px; + height: 42px; + border: none; + } + + td.op_ext_info { + text-align: left; + vertical-align: top; + font-family: arial; + font-size: 10px; + overflow: auto; + width: 100%; + padding: 3px 5px 3px 7px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + background-color: #f0f2f6; + } + + td.op_state_ringing { + background-color: #d1f1ff; + } + + td.op_state_active { + background-color: #e1ffe2; + } + + table.op_state_ringing { + background-color: #a8dbf0; + } + + table.op_state_active { + background-color: #baf4bb; + } + + .op_user_info { + font-family: arial; + font-size: 10px; + display: inline-block; + } + + .op_user_info strong { + color: #3164AD; + } + + .op_caller_info { + display: block; + margin-top: 4px; + font-family: arial; + font-size: 10px; + } + + .op_call_info { + display: inline-block; + padding: 0px; + font-family: arial; + font-size: 10px; + } + + #op_btn_status_available { + background-image: -moz-linear-gradient(top, #8ec989 0%, #2d9c38 100%); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8ec989), color-stop(1, #2d9c38)); + background-color: #2d9c38; + border: 1px solid #006200; + } + + #op_btn_status_available_on_demand { + background-image: -moz-linear-gradient(top, #abd0aa 0%, #629d62 100%); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #abd0aa), color-stop(1, #629d62)); + background-color: #629d62; + border: 1px solid #619c61; + } + + #op_btn_status_on_break { + background-image: -moz-linear-gradient(top, #ddc38b 0%, #be8e2c 100%); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ddc38b), color-stop(1, #be8e2c)); + background-color: #be8e2c; + border: 1px solid #7d1b00; + } + + #op_btn_status_do_not_disturb { + background-image: -moz-linear-gradient(top, #cc8984 0%, #960d10 100%); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #cc8984), color-stop(1, #960d10)); + background-color: #960d10; + border: 1px solid #5b0000; + } + + #op_btn_status_logged_out { + background-image: -moz-linear-gradient(top, #cacac9 0%, #8d8d8b 100%); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #cacac9), color-stop(1, #8d8d8b)); + background-color: #8d8d8b; + border: 1px solid #5d5f5a; + } + +/* DASHBOARD **********************************************************************/ + + /* login message */ + div.login_message { + border: 1px solid #bae0ba; + background-color: #eeffee; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + padding: 20px; + margin-bottom: 15px; + } + + /* hud boxes */ + div.hud_box { + height: auto; + vertical-align: top; + text-align: center; + + background: ; + background-image: -ms-linear-gradient(left, 0%, 30%, 70%, 100%); + background-image: -moz-linear-gradient(left, 0%, 30%, 70%, 100%); + background-image: -o-linear-gradient(left, 0%, 30%, 70%, 100%); + background-image: -webkit-gradient(linear, left, right, color-stop(0, ), color-stop(0.30, ), color-stop(0.70, ), color-stop(1, )); + background-image: -webkit-linear-gradient(left, 0%, 30%, 70%, 100%); + background-image: linear-gradient(to right, 0%, 30%, 70%, 100%); + + + -webkit-border-radius: ; + -moz-border-radius: ; + border-radius: ; + + border: 1px solid ; + overflow: hidden; + margin: -1px; + } + + div.hud_box:hover { + border: 1px solid ; + } + + span.hud_title { + display: block; + width: 100%; + font-family: ; + text-shadow: 0px 1px 2px ; + letter-spacing: -0.02em; + color: ; + font-size: ; + + line-height: 0) ? str_replace($font_size_number, $line_height_number, $font_size) : '26.25pt'; ?>; + text-align: center; + background: ; + border-bottom: 1px solid ; + overflow: hidden; + } + + span.hud_title:hover { + color: ; + text-shadow: 0px 1px 2px ; + background: ; + cursor: pointer; + } + + span.hud_stat { + display: block; + clear: both; + text-align: center; + text-shadow: 0px 2px 2px ; + width: 100%; + color: ; + font-family: ; + font-size: ; + + line-height: 0) ? str_replace($font_size_number, $line_height_number, $font_size) : '77pt'; ?>; + font-weight: normal; + background: ; + border-top: 1px solid ; + overflow: hidden; + } + + span.hud_stat:hover { + color: ; + text-shadow: 0px 2px 2px ; + background: ; + cursor: pointer; + } + + span.hud_stat_title { + display: block; + clear: both; + width: 100%; + height: 30px; + cursor: default; + text-align: center; + text-shadow: 0px 1px 1px ; + color: ; + font-size: ; + padding-top: 4px; + white-space: nowrap; + letter-spacing: -0.02em; + font-weight: normal; + font-family: ; + background: ; + border-bottom: 1px solid ; + margin: 0; + overflow: hidden; + } + + span.hud_stat:hover + span.hud_stat_title { + color: ; + text-shadow: 0px 1px 1px ; + background: ; + } + + div.hud_details { + -moz-box-shadow: inset 0 7px 7px -7px , inset 0 -8px 12px -10px ; + -webkit-box-shadow: inset 0 7px 7px -7px , inset 0 -8px 12px -10px ; + box-shadow: inset 0 7px 7px -7px , inset 0 -8px 12px -10px ; + padding-top: 3px; + padding-bottom: 15px; + } + + @media(min-width: 0px) and (max-width: 1199px) { + div.hud_details { + display: none; + height: auto; + } + } + + @media(min-width: 1200px) { + div.hud_details { + height: 350px; + display: block; + } + } + + th.hud_heading { + text-align: left; + font-size: ; + font-family: + color: ; + } + + td.hud_text { + font-size: ; + color: ; + text-align: left; + vertical-align: middle; + } + + span.hud_expander { + display: block; + clear: both; + background: ; + padding: 4px 0; + text-align: center; + width: 100%; + height: 25px; + font-size: 13px; + line-height: 5px; + color: ; + border-top: 1px solid ; + } + + span.hud_expander:hover { + color: ; + background: ; + cursor: pointer; + } + +/* PLUGINS ********************************************************************/ + + /* bootstrap colorpicker */ + .colorpicker-2x .colorpicker-saturation { + width: 200px; + height: 200px; + } + + .colorpicker-2x .colorpicker-hue, + .colorpicker-2x .colorpicker-alpha { + width: 30px; + height: 200px; + } + + .colorpicker-2x .colorpicker-color, + .colorpicker-2x .colorpicker-color div{ + height: 30px; + } + + /* jquery ui autocomplete styles */ + .ui-widget { + margin: 0px; + padding: 0px; + } + + .ui-autocomplete { + cursor: default; + position: absolute; + max-height: 200px; + overflow-y: auto; + overflow-x: hidden; + white-space: nowrap; + width: auto; + border: 1px solid #c0c0c0; + } + + .ui-menu, .ui-menu .ui-menu-item { + width: 350px; + } + + .ui-menu .ui-menu-item a { + text-decoration: none; + cursor: pointer; + border-color: #fff; + background-image: none; + background-color: #fff; + white-space: nowrap; + font-family: arial; + font-size: 12px; + color: #444; + } + + .ui-menu .ui-menu-item a:hover { + color: #5082ca; + border: 1px solid white; + background-image: none; + background-color: #fff; + } \ No newline at end of file diff --git a/themes/default/template.php b/themes/default/template.php index 12666f7d58..75f370faea 100644 --- a/themes/default/template.php +++ b/themes/default/template.php @@ -7,28 +7,6 @@ //set the doctype echo ($browser_name != "Internet Explorer") ? "\n" : "\n"; -?> - - - - - - - - - -<!--{title}--> - - - - - - - - - - - 0) { $php_self_dir = substr($php_self_dir, strlen(PROJECT_PATH), strlen($php_self_dir)); } +?> + + + + + + + + + + +\n\n"; + } //set fav icon - if (isset($_SESSION['theme']['favicon']['text'])){ - $favicon = $_SESSION['theme']['favicon']['text']; - } - else { - $favicon = '/themes/default/favicon.ico'; - } + $favicon = (isset($_SESSION['theme']['favicon']['text'])) ? $_SESSION['theme']['favicon']['text'] : '/themes/default/favicon.ico'; echo "\n"; - -//determine which background image/color settings to use (login or standard) - $background_images_enabled = false; - if ($default_login) { - //try using login background images/colors - if (isset($_SESSION['theme']) && $_SESSION['theme']['login_background_image_enabled']['boolean'] == 'true' && is_array($_SESSION['theme']['login_background_image'])) { - $background_images_enabled = true; - $background_images = $_SESSION['theme']['login_background_image']; - } - else if ($_SESSION['theme']['login_background_color'][0] != '' || $_SESSION['theme']['login_background_color'][1] != '') { - $background_colors[0] = $_SESSION['theme']['login_background_color'][0]; - $background_colors[1] = $_SESSION['theme']['login_background_color'][1]; - } - else { - //otherwise, use standard background images/colors - if ($_SESSION['theme']['background_image_enabled']['boolean'] == 'true' && is_array($_SESSION['theme']['background_image'])) { - $background_images_enabled = true; - $background_images = $_SESSION['theme']['background_image']; - } - else { - $background_colors[0] = $_SESSION['theme']['background_color'][0]; - $background_colors[1] = $_SESSION['theme']['background_color'][1]; - } - } - } - else { - //use standard background images/colors - if (isset($_SESSION['theme']) && isset($_SESSION['theme']['background_image_enabled']) && $_SESSION['theme']['background_image_enabled']['boolean'] == 'true' && is_array($_SESSION['theme']['background_image'])) { - $background_images_enabled = true; - $background_images = $_SESSION['theme']['background_image']; - } - else { - $background_colors[0] = $_SESSION['theme']['background_color'][0]; - $background_colors[1] = $_SESSION['theme']['background_color'][1]; - } - } - -//check for background image - if ($background_images_enabled) { - // background image is enabled - $image_extensions = array('jpg','jpeg','png','gif'); - - if (count($background_images) > 0) { - - if ((!isset($_SESSION['background_image'])) or strlen($_SESSION['background_image']) == 0) { - $_SESSION['background_image'] = $background_images[array_rand($background_images)]; - $background_image = $_SESSION['background_image']; - } - - // background image(s) specified, check if source is file or folder - if (in_array(strtolower(pathinfo($background_image, PATHINFO_EXTENSION)), $image_extensions)) { - $image_source = 'file'; - } - else { - $image_source = 'folder'; - } - - // is source (file/folder) local or remote - if (substr($background_image, 0, 4) == 'http') { - $source_path = $background_image; - } - else if (substr($background_image, 0, 1) == '/') { // - // use project path as root - $source_path = PROJECT_PATH.$background_image; - } - else { - // use theme images/backgrounds folder as root - $source_path = PROJECT_PATH.'/themes/default/images/backgrounds/'.$background_image; - } - - } - else { - // not set, so use default backgrounds folder and images - $image_source = 'folder'; - $source_path = PROJECT_PATH.'/themes/default/images/backgrounds'; - } - - if ($image_source == 'folder') { - if (file_exists($_SERVER["DOCUMENT_ROOT"].$source_path)) { - // retrieve a random background image - $dir_list = opendir($_SERVER["DOCUMENT_ROOT"].$source_path); - $v_background_array = array(); - $x = 0; - while (false !== ($file = readdir($dir_list))) { - if ($file != "." AND $file != ".."){ - $new_path = $dir.'/'.$file; - $level = explode('/',$new_path); - if (in_array(strtolower(pathinfo($new_path, PATHINFO_EXTENSION)), $image_extensions)) { - $v_background_array[] = $new_path; - } - if ($x > 100) { break; }; - $x++; - } - } - if ($_SESSION['background_image'] == '' && sizeof($v_background_array) > 0) { - $_SESSION['background_image'] = PROJECT_PATH.$source_path.$v_background_array[array_rand($v_background_array, 1)]; - } - } - else { - $_SESSION['background_image'] = ''; - } - - } - else if ($image_source == 'file') { - $_SESSION['background_image'] = $source_path; - } - } - -// check for background color - else if ( - $background_colors[0] != '' || - $background_colors[1] != '' - ) { // background color 1 or 2 is enabled - - if ($background_colors[0] != '' && $background_colors[1] == '') { // use color 1 - $background_color = "background: ".$background_colors[0].";"; - } - else if ($background_colors[0] == '' && $background_colors[1] != '') { // use color 2 - $background_color = "background: ".$background_colors[1].";"; - } - else if ($background_colors[0] != '' && $background_colors[1] != '') { // vertical gradient - $background_color = "background: ".$background_colors[0].";\n"; - $background_color .= "background: -ms-linear-gradient(top, ".$background_colors[0]." 0%, ".$background_colors[1]." 100%);\n"; - $background_color .= "background: -moz-linear-gradient(top, ".$background_colors[0]." 0%, ".$background_colors[1]." 100%);\n"; - $background_color .= "background: -o-linear-gradient(top, ".$background_colors[0]." 0%, ".$background_colors[1]." 100%);\n"; - $background_color .= "background: -webkit-gradient(linear, left top, left bottom, color-stop(0, ".$background_colors[0]."), color-stop(1, ".$background_colors[1]."));\n"; - $background_color .= "background: -webkit-linear-gradient(top, ".$background_colors[0]." 0%, ".$background_colors[1]." 100%);\n"; - $background_color .= "background: linear-gradient(to bottom, ".$background_colors[0]." 0%, ".$background_colors[1]." 100%);\n"; - } - } - else { // default: white - $background_color = "background: #ffffff;\n"; - } ?> - - +<!--{title}--> + + + + + + +