diff --git a/secure/v_mailto.php b/secure/v_mailto.php
index 63bb485b3b..51e7865a3d 100644
--- a/secure/v_mailto.php
+++ b/secure/v_mailto.php
@@ -79,6 +79,10 @@
//includes
require('resources/pop3/mime_parser.php');
require('resources/pop3/rfc822_addresses.php');
+
+ if (file_exists($_SERVER["PROJECT_ROOT"]."/app/emails/email_translation.php")) {
+ require_once($_SERVER["PROJECT_ROOT"]."/app/emails/email_translation.php");
+ }
//parse the email message
$mime=new mime_parser_class;
@@ -282,6 +286,13 @@
//add an attachment
$mail->AddStringAttachment($parts_array["Body"],$file,$encoding,$mime_type);
+ if (function_exists(get_transcription)) {
+ $attachments_array=$mail->GetAttachments();
+ $transcription=get_transcription($attachments_array[0]);
+ echo "Transcription: " . $transcription;
+ } else {
+ $transcription = '';
+ }
}
}
}
@@ -291,13 +302,13 @@
//echo "body_plain = $body_plain\n";
if ((substr($body, 0, 5) == "ContentType = "text/html";
- $mail->Body = $body;
- $mail->AltBody = $body_plain;
+ $mail->Body = $body."
".nl2br($transcription);
+ $mail->AltBody = $body_plain."\n\n$transcription";
}
else {
// $mail->Body = ($body != '') ? $body : $body_plain;
- $mail->Body = $body_plain;
- $mail->AltBody = $body_plain;
+ $mail->Body = $body_plain."\n\n$transcription";
+ $mail->AltBody = $body_plain."\n\n$transcription";
}
//send the email
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";
-?>
-
-