2016-03-25 23:29:20 +01:00
< ? php
//get the browser version
$user_agent = http_user_agent ();
$browser_version = $user_agent [ 'version' ];
$browser_name = $user_agent [ 'name' ];
$browser_version_array = explode ( '.' , $browser_version );
//set the doctype
echo ( $browser_name != " Internet Explorer " ) ? " <!DOCTYPE html> \n " : " <!DOCTYPE html PUBLIC \" -//W3C//DTD XHTML 1.0 Transitional//EN \" \" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd \" > \n " ;
?>
< html xmlns = " http://www.w3.org/1999/xhtml " xml : lang = " en " lang = " en " >
< head >
< meta charset = " utf-8 " >
< meta http - equiv = " Content-Type " content = " text/html; charset=UTF-8 " >
< meta http - equiv = " X-UA-Compatible " content = " IE=edge " >
< meta name = " viewport " content = " width=device-width, initial-scale=1 " >
< link rel = " stylesheet " href = " <!-- { project_path}-->/resources/bootstrap/css/bootstrap.min.css " >
< link rel = " stylesheet " href = " <!-- { project_path}-->/resources/bootstrap/css/bootstrap-datetimepicker.min.css " />
< link rel = " stylesheet " href = " <!-- { project_path}-->/resources/bootstrap/css/bootstrap-colorpicker.min.css " >
< title ><!-- { title } --></ title >
< script language = " JavaScript " type = " text/javascript " src = " <!-- { project_path}-->/resources/jquery/jquery-1.11.1.js " ></ script >
< script language = " JavaScript " type = " text/javascript " src = " <!-- { project_path}-->/resources/jquery/jquery.autosize.input.js " ></ script >
< script language = " JavaScript " type = " text/javascript " src = " <!-- { project_path}-->/resources/momentjs/moment.js " ></ script >
< script language = " JavaScript " type = " text/javascript " src = " <!-- { project_path}-->/resources/bootstrap/js/bootstrap.min.js " ></ script >
< script language = " JavaScript " type = " text/javascript " src = " <!-- { project_path}-->/resources/bootstrap/js/bootstrap-datetimepicker.min.js " ></ script >
< script language = " JavaScript " type = " text/javascript " src = " <!-- { project_path}-->/resources/bootstrap/js/bootstrap-colorpicker.js " ></ script >
< ? php
//get the php self path and set a variable with only the directory path
$php_self_array = explode ( " / " , $_SERVER [ 'PHP_SELF' ]);
$php_self_dir = '' ;
foreach ( $php_self_array as & $value ) {
if ( substr ( $value , - 4 ) != " .php " ) {
$php_self_dir .= $value . " / " ;
}
}
unset ( $php_self_array );
if ( strlen ( PROJECT_PATH ) > 0 ) {
$php_self_dir = substr ( $php_self_dir , strlen ( PROJECT_PATH ), strlen ( $php_self_dir ));
}
//set fav icon
if ( isset ( $_SESSION [ 'theme' ][ 'favicon' ][ 'text' ])){
$favicon = $_SESSION [ 'theme' ][ 'favicon' ][ 'text' ];
}
else {
$favicon = '<!--{project_path}-->/themes/default/favicon.ico' ;
}
echo " <link rel='icon' href=' " . $favicon . " '> \n " ;
//check for background image
if ( $_SESSION [ 'theme' ][ 'background_image_enabled' ][ 'boolean' ] == 'true' && isset ( $_SESSION [ 'theme' ][ 'background_image' ])) {
// background image is enabled
$image_extensions = array ( 'jpg' , 'jpeg' , 'png' , 'gif' );
if ( count ( $_SESSION [ 'theme' ][ 'background_image' ]) > 0 ) {
if ( strlen ( $_SESSION [ 'background_image' ]) == 0 ) {
$_SESSION [ 'background_image' ] = $_SESSION [ 'theme' ][ 'background_image' ][ array_rand ( $_SESSION [ 'theme' ][ 'background_image' ])];
$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 (
$_SESSION [ 'theme' ][ 'background_color' ][ 0 ] != '' ||
$_SESSION [ 'theme' ][ 'background_color' ][ 1 ] != ''
) { // background color 1 or 2 is enabled
if ( $_SESSION [ 'theme' ][ 'background_color' ][ 0 ] != '' && $_SESSION [ 'theme' ][ 'background_color' ][ 1 ] == '' ) { // use color 1
$background_color = " background: " . $_SESSION [ 'theme' ][ 'background_color' ][ 0 ] . " ; " ;
}
else if ( $_SESSION [ 'theme' ][ 'background_color' ][ 0 ] == '' && $_SESSION [ 'theme' ][ 'background_color' ][ 1 ] != '' ) { // use color 2
$background_color = " background: " . $_SESSION [ 'theme' ][ 'background_color' ][ 1 ] . " ; " ;
}
else if ( $_SESSION [ 'theme' ][ 'background_color' ][ 0 ] != '' && $_SESSION [ 'theme' ][ 'background_color' ][ 1 ] != '' ) { // vertical gradient
$background_color = " background: " . $_SESSION [ 'theme' ][ 'background_color' ][ 0 ] . " ; \n " ;
2016-03-27 08:32:19 +02:00
$background_color .= " background: -ms-linear-gradient(top, " . $_SESSION [ 'theme' ][ 'background_color' ][ 0 ] . " 0%, " . $_SESSION [ 'theme' ][ 'background_color' ][ 1 ] . " 100%); \n " ;
$background_color .= " background: -moz-linear-gradient(top, " . $_SESSION [ 'theme' ][ 'background_color' ][ 0 ] . " 0%, " . $_SESSION [ 'theme' ][ 'background_color' ][ 1 ] . " 100%); \n " ;
$background_color .= " background: -o-linear-gradient(top, " . $_SESSION [ 'theme' ][ 'background_color' ][ 0 ] . " 0%, " . $_SESSION [ 'theme' ][ 'background_color' ][ 1 ] . " 100%); \n " ;
$background_color .= " background: -webkit-gradient(linear, left top, left bottom, color-stop(0, " . $_SESSION [ 'theme' ][ 'background_color' ][ 0 ] . " ), color-stop(1, " . $_SESSION [ 'theme' ][ 'background_color' ][ 1 ] . " )); \n " ;
$background_color .= " background: -webkit-linear-gradient(top, " . $_SESSION [ 'theme' ][ 'background_color' ][ 0 ] . " 0%, " . $_SESSION [ 'theme' ][ 'background_color' ][ 1 ] . " 100%); \n " ;
$background_color .= " background: linear-gradient(to bottom, " . $_SESSION [ 'theme' ][ 'background_color' ][ 0 ] . " 0%, " . $_SESSION [ 'theme' ][ 'background_color' ][ 1 ] . " 100%); \n " ;
2016-03-25 23:29:20 +01:00
}
}
2016-03-27 08:32:19 +02:00
else { // default: white
$background_color = " background: #fff; \n " ;
}
2016-03-25 23:29:20 +01:00
?>
< style type = 'text/css' >
2016-03-29 07:46:51 +02:00
html {
height : 100 % ;
width : 100 % ;
}
2016-03-25 23:29:20 +01:00
body {
z - index : 1 ;
position : absolute ;
margin : 0 ;
padding : 0 ;
overflow : auto ;
2016-04-01 01:11:37 +02:00
- ms - overflow - style : scrollbar ; /* stops ie10+ from displaying auto-hiding scroll bar on top of the body content (the domain selector, specifically) */
2016-03-25 23:29:20 +01:00
top : 0 ;
right : 0 ;
bottom : 0 ;
left : 0 ;
text - align : center ;
< ? php
if ( $_SESSION [ 'background_image' ] != '' ) {
echo " background-image: url(' " . $_SESSION [ 'background_image' ] . " '); \n " ;
echo " background-size: 100% 100%; \n " ;
echo " background-position: top; \n " ;
}
else {
echo $background_color ;
}
?>
2016-03-27 08:32:19 +02:00
background - repeat : no - repeat ;
background - attachment : fixed ;
2016-03-29 07:46:51 +02:00
webkit - background - size : cover ;
- moz - background - size : cover ;
- o - background - size : cover ;
background - size : cover ;
2016-03-27 10:54:29 +02:00
}
2016-03-25 23:29:20 +01:00
div #footer {
2016-03-27 10:33:27 +02:00
background : < ? php echo ( $_SESSION [ 'theme' ][ 'footer_background_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'footer_background_color' ][ 'text' ] : 'rgba(0,0,0,0.2)' ; ?> ;
2016-03-25 23:29:20 +01:00
text - align : center ;
vertical - align : middle ;
padding : 8 px ;
- webkit - border - radius : 0 0 4 px 4 px ;
- moz - border - radius : 0 0 4 px 4 px ;
border - radius : 0 0 4 px 4 px ;
}
. footer {
font - size : 11 px ;
font - family : arial ;
line - height : 14 px ;
2016-03-27 10:33:27 +02:00
color : < ? php echo ( $_SESSION [ 'theme' ][ 'footer_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'footer_color' ][ 'text' ] : 'rgba(255,255,255,0.3)' ; ?> ;
2016-03-25 23:29:20 +01:00
white - space : nowrap ;
}
2016-03-27 10:33:27 +02:00
. footer > a : hover {
color : < ? php echo ( $_SESSION [ 'theme' ][ 'footer_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'footer_color' ][ 'text' ] : 'rgba(255,255,255,0.3)' ; ?> ;
}
2016-03-25 23:29:20 +01:00
2016-03-29 01:50:07 +02:00
/* MENU: BEGIN ******************************************************************/
2016-03-25 23:29:20 +01:00
/* main menu container */
. navbar {
< ? php if ( $_SESSION [ 'theme' ][ 'menu_main_background_image' ][ 'text' ] != '' ) { ?>
background - image : url ( " <?php echo $_SESSION['theme'] ['menu_main_background_image']['text']; ?> " );
background - position : 0 px 0 px ;
background - repeat : repeat - x ;
< ? php } else { ?>
background : < ? php echo ( $_SESSION [ 'theme' ][ 'menu_main_background_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'menu_main_background_color' ][ 'text' ] : 'rgba(0,0,0,0.90)' ; ?> ;
< ? php } ?>
- webkit - box - shadow : < ? php echo ( $_SESSION [ 'theme' ][ 'menu_main_shadow_color' ][ 'text' ] != '' ) ? '0 0 5px ' . $_SESSION [ 'theme' ][ 'menu_main_shadow_color' ][ 'text' ] : 'none' ; ?> ;
- moz - box - shadow : < ? php echo ( $_SESSION [ 'theme' ][ 'menu_main_shadow_color' ][ 'text' ] != '' ) ? '0 0 5px ' . $_SESSION [ 'theme' ][ 'menu_main_shadow_color' ][ 'text' ] : 'none' ; ?> ;
box - shadow : < ? php echo ( $_SESSION [ 'theme' ][ 'menu_main_shadow_color' ][ 'text' ] != '' ) ? '0 0 5px ' . $_SESSION [ 'theme' ][ 'menu_main_shadow_color' ][ 'text' ] : 'none' ; ?> ;
border : none ;
}
/* main menu logo */
. navbar - logo {
border : none ;
height : 27 px ;
width : auto ;
margin : 11 px 13 px 0 7 px ;
cursor : pointer ;
float : left ;
display : inline ;
}
/* menu brand text */
. navbar - header > div > a . navbar - brand {
color : < ? php echo ( $_SESSION [ 'theme' ][ 'menu_brand_text_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'menu_brand_text_color' ][ 'text' ] : 'rgba(255,255,255,0.80)' ; ?> ;
2016-03-28 20:49:46 +02:00
white - space : nowrap ;
2016-03-25 23:29:20 +01:00
}
. navbar - header > div > a . navbar - brand : hover {
color : < ? php echo ( $_SESSION [ 'theme' ][ 'menu_brand_text_color_hover' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'menu_brand_text_color_hover' ][ 'text' ] : 'rgba(255,255,255,1.0)' ; ?> ;
}
/* main menu item */
2016-04-06 00:41:58 +02:00
. navbar . navbar - nav > li > a ,
. navbar . navbar - nav > li > a . first - letter ,
. navbar . navbar - nav > li > a . current - menu - item {
font - family : < ? php echo ( $_SESSION [ 'theme' ][ 'menu_main_text_font' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'menu_main_text_font' ][ 'text' ] : 'arial' ; ?> ;
font - size : < ? php echo ( $_SESSION [ 'theme' ][ 'menu_main_text_size' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'menu_main_text_size' ][ 'text' ] : '10.25pt' ; ?> ;
2016-03-25 23:29:20 +01:00
color : < ? php echo ( $_SESSION [ 'theme' ][ 'menu_main_text_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'menu_main_text_color' ][ 'text' ] : '#fff' ; ?> ;
padding - right : 9 px ;
}
2016-04-06 00:41:58 +02:00
. navbar . navbar - nav > li > a : hover ,
. navbar . navbar - nav > li > a : focus ,
. navbar . navbar - nav > li > a : active {
2016-03-25 23:29:20 +01:00
color : < ? php echo ( $_SESSION [ 'theme' ][ 'menu_main_text_color_hover' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'menu_main_text_color_hover' ][ 'text' ] : '#fd9c03' ; ?> ;
2016-04-06 00:41:58 +02:00
background : < ? php echo ( $_SESSION [ 'theme' ][ 'menu_main_background_color_hover' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'menu_main_background_color_hover' ][ 'text' ] : 'rgba(0,0,0,1.0)' ; ?>
2016-03-25 23:29:20 +01:00
}
2016-04-06 00:41:58 +02:00
. navbar . navbar - nav > li > a > span . glyphicon {
2016-03-25 23:29:20 +01:00
margin : 1 px 7 px 0 0 ;
}
2016-03-27 08:32:19 +02:00
@ media ( min - width : 768 px ) {
. dropdown : hover . dropdown - menu {
display : block ;
}
}
/* xs menu toggle button */
. navbar - inverse . navbar - toggle {
border : none ;
}
2016-04-06 00:41:58 +02:00
. navbar - inverse . navbar - toggle : hover ,
. navbar - inverse . navbar - toggle : focus ,
. navbar - inverse . navbar - toggle : active {
2016-03-27 08:32:19 +02:00
background : < ? php echo ( $_SESSION [ 'theme' ][ 'menu_main_background_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'menu_main_background_color' ][ 'text' ] : 'rgba(0,0,0,0.90)' ; ?> ;
}
. navbar - inverse . navbar - toggle . icon - bar {
background : < ? php echo ( $_SESSION [ 'theme' ][ 'menu_main_text_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'menu_main_text_color' ][ 'text' ] : '#fff' ; ?> ;
}
. navbar - inverse . navbar - toggle : hover > . icon - bar {
background : < ? php echo ( $_SESSION [ 'theme' ][ 'menu_main_text_color_hover' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'menu_main_text_color_hover' ][ 'text' ] : '#fd9c03' ; ?> ;
2016-03-25 23:29:20 +01:00
}
/* sub menu container */
. navbar - nav > li > . dropdown - menu {
margin - top : 0 ;
padding - bottom : 10 px ;
border : none ;
background : < ? php echo ( $_SESSION [ 'theme' ][ 'menu_sub_background_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'menu_sub_background_color' ][ 'text' ] : 'rgba(0,0,0,0.90)' ; ?> ;
- webkit - box - shadow : < ? php echo ( $_SESSION [ 'theme' ][ 'menu_sub_shadow_color' ][ 'text' ] != '' ) ? '0 0 5px ' . $_SESSION [ 'theme' ][ 'menu_sub_shadow_color' ][ 'text' ] : 'none' ; ?> ;
- moz - box - shadow : < ? php echo ( $_SESSION [ 'theme' ][ 'menu_sub_shadow_color' ][ 'text' ] != '' ) ? '0 0 5px ' . $_SESSION [ 'theme' ][ 'menu_sub_shadow_color' ][ 'text' ] : 'none' ; ?> ;
box - shadow : < ? php echo ( $_SESSION [ 'theme' ][ 'menu_sub_shadow_color' ][ 'text' ] != '' ) ? '0 0 5px ' . $_SESSION [ 'theme' ][ 'menu_sub_shadow_color' ][ 'text' ] : 'none' ; ?> ;
}
/* sub menu item */
. dropdown - menu > li > a {
2016-04-06 00:41:58 +02:00
font - family : < ? php echo ( $_SESSION [ 'theme' ][ 'menu_sub_text_font' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'menu_sub_text_font' ][ 'text' ] : 'arial' ; ?> ;
2016-03-25 23:29:20 +01:00
color : < ? php echo ( $_SESSION [ 'theme' ][ 'menu_sub_text_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'menu_sub_text_color' ][ 'text' ] : '#fff' ; ?> ;
2016-04-06 00:41:58 +02:00
font - size : < ? php echo ( $_SESSION [ 'theme' ][ 'menu_sub_text_size' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'menu_sub_text_size' ][ 'text' ] : '10pt' ; ?> ;
2016-03-25 23:29:20 +01:00
margin : 0 ;
padding : 3 px 15 px ;
}
2016-04-06 00:41:58 +02:00
. dropdown - menu > li > a : hover ,
. dropdown - menu > li > a : focus ,
. dropdown - menu > li > a : active {
2016-03-25 23:29:20 +01:00
color : < ? php echo ( $_SESSION [ 'theme' ][ 'menu_sub_text_color_hover' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'menu_sub_text_color_hover' ][ 'text' ] : '#fd9c03' ; ?> ;
background : < ? php echo ( $_SESSION [ 'theme' ][ 'menu_sub_background_color_hover' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'menu_sub_background_color_hover' ][ 'text' ] : '#141414' ; ?> ;
}
. dropdown - menu > li > a > span . glyphicon {
display : inline - block ;
font - size : 8 pt ;
margin : 0 px 0 8 px 8 px ;
opacity : 0.30 ;
text - align : top ;
}
/* menu toggle button */
. navbar - header > button . navbar - toggle {
margin - left : 20 px ;
}
#logout_icon {
2016-03-27 08:32:19 +02:00
color : < ? php echo ( $_SESSION [ 'theme' ][ 'domain_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'domain_color' ][ 'text' ] : '#fff' ; ?> ;
2016-03-25 23:29:20 +01:00
font - size : 11 pt ;
margin : 16 px 19 px 0 5 px ;
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 ;
}
2016-03-27 10:09:27 +02:00
/* domain name: xs only */
. navbar - inverse . navbar - header . navbar - nav . domain_selector_domain {
2016-03-25 23:29:20 +01:00
< ? php if ( $_SESSION [ 'theme' ][ 'domain_visible' ][ 'text' ] != 'true' ) { ?> display: none;<?php } ?>
white - space : nowrap ;
opacity : 0.8 ;
- moz - opacity : 0.8 ;
- khtml - opacity : 0.8 ;
font - size : 9.5 pt ;
color : < ? php echo ( $_SESSION [ 'theme' ][ 'domain_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'domain_color' ][ 'text' ] : '#fff' ; ?> ;
}
2016-03-27 10:09:27 +02:00
. 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 {
< ? php if ( $_SESSION [ 'theme' ][ 'domain_visible' ][ 'text' ] != 'true' ) { ?> display: none;<?php } ?>
white - space : nowrap ;
opacity : 0.8 ;
- moz - opacity : 0.8 ;
- khtml - opacity : 0.8 ;
font - size : 9.5 pt ;
color : < ? php echo ( $_SESSION [ 'theme' ][ 'domain_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'domain_color' ][ 'text' ] : '#fff' ; ?> ;
}
. 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 {
2016-03-25 23:29:20 +01:00
opacity : 1 ;
- moz - opacity : 1 ;
- khtml - opacity : 1 ;
cursor : pointer ;
}
2016-03-29 01:50:07 +02:00
/* BUTTONS ********************************************************************/
/* default buttons */
button . btn - default {
font - family : Candara , Calibri , Segoe , " Segoe UI " , Optima , Arial , sans - serif ;
padding : 4 px 8 px ;
color : #fff;
font - weight : bold ;
font - size : 8 pt ;
border : 1 px solid #26242a;
background : #3e3e3e;
background - image : - moz - linear - gradient ( top , #000 25%, #3e3e3e 64%);
background - image : - webkit - gradient ( linear , left top , left bottom , color - stop ( 0.25 , #000), color-stop(0.64, #3e3e3e));
- moz - border - radius : 3 px ;
- webkit - border - radius : 3 px ;
- khtml - border - radius : 3 px ;
border - radius : 3 px ;
text - align : center ;
text - transform : uppercase ;
text - shadow : 0 px 0 px 1 px rgba ( 0 , 0 , 0 , 0.9 );
opacity : 0.9 ;
- moz - opacity : 0.9 ;
}
button . btn - default : hover , . btn - default : active , . btn - default : focus {
cursor : pointer ;
color : #fff;
border : 1 px solid #26242a;
box - shadow : 0 0 5 px #cddaf0;
- webkit - box - shadow : 0 0 5 px #cddaf0;
- moz - box - shadow : 0 0 5 px #cddaf0;
opacity : 1.0 ;
- moz - opacity : 1.0 ;
}
/* control icons */
2016-03-29 06:29:15 +02:00
button . list_control_icon ,
button . list_control_icon_disabled {
2016-03-29 01:50:07 +02:00
font - family : Candara , Calibri , Segoe , " Segoe UI " , Optima , Arial , sans - serif ;
padding : 2 px ;
color : #fff;
font - weight : normal ;
font - size : 10.5 pt ;
width : 24 px ;
height : 24 px ;
margin : 1 px ;
border : 1 px solid #26242a;
background : #3e3e3e;
background - image : - moz - linear - gradient ( top , #000 25%, #3e3e3e 64%);
background - image : - webkit - gradient ( linear , left top , left bottom , color - stop ( 0.25 , #000), color-stop(0.64, #3e3e3e));
- moz - border - radius : 3 px ;
- webkit - border - radius : 3 px ;
- khtml - border - radius : 3 px ;
border - radius : 3 px ;
text - align : center ;
text - shadow : 0 px 0 px 1 px rgba ( 0 , 0 , 0 , 1.0 );
opacity : 0.3 ;
- moz - opacity : 0.3 ;
}
2016-03-29 06:29:15 +02:00
button . list_control_icon : hover , button . list_control_icon : active , button . list_control_icon : focus {
2016-03-29 01:50:07 +02:00
cursor : pointer ;
color : #fff;
border : 1 px solid #26242a;
box - shadow : 0 0 5 px #cddaf0;
- webkit - box - shadow : 0 0 5 px #cddaf0;
- moz - box - shadow : 0 0 5 px #cddaf0;
opacity : 1.0 ;
- moz - opacity : 1.0 ;
}
2016-03-25 23:29:20 +01:00
/* DOMAIN SELECTOR ***********************************************************/
#domains_container {
z - index : 99990 ;
position : absolute ;
right : 0 ;
top : 0 ;
bottom : 0 ;
width : 360 px ;
overflow : hidden ;
display : none ;
}
#domains_block {
position : absolute ;
right : - 300 px ;
top : 0 ;
bottom : 0 ;
width : 340 px ;
padding : 20 px 20 px 100 px 20 px ;
font - family : arial , san - serif ;
font - size : 10 pt ;
overflow : hidden ;
background - color : #fff;
- webkit - box - shadow : < ? php echo ( $_SESSION [ 'theme' ][ 'domain_selector_shadow_color' ][ 'text' ] != '' ) ? '0 0 10px ' . $_SESSION [ 'theme' ][ 'domain_selector_shadow_color' ][ 'text' ] : 'none' ; ?> ;
- moz - box - shadow : < ? php echo ( $_SESSION [ 'theme' ][ 'domain_selector_shadow_color' ][ 'text' ] != '' ) ? '0 0 10px ' . $_SESSION [ 'theme' ][ 'domain_selector_shadow_color' ][ 'text' ] : 'none' ; ?> ;
box - shadow : < ? php echo ( $_SESSION [ 'theme' ][ 'domain_selector_shadow_color' ][ 'text' ] != '' ) ? '0 0 10px ' . $_SESSION [ 'theme' ][ 'domain_selector_shadow_color' ][ 'text' ] : 'none' ; ?> ;
}
#domains_header {
position : relative ;
width : 300 px ;
height : 55 px ;
margin - bottom : 20 px ;
text - align : left ;
}
#domains_list {
position : relative ;
overflow : auto ;
width : 300 px ;
height : 100 % ;
padding : 1 px ;
background - color : #fff;
border : 1 px solid #a4aebf;
}
div . domains_list_item {
text - align : left ;
border - bottom : 1 px solid #c5d1e5;
padding : 5 px 8 px 8 px 8 px ;
overflow : hidden ;
white - space : nowrap ;
cursor : pointer ;
}
div . domains_list_item span . domain_list_item_description {
color : #999;
font - size : 11 px ;
}
div . domains_list_item : hover a ,
div . domains_list_item : hover span {
color : #5082ca;
}
/* DOMAIN SELECTOR: END ********************************************************/
#default_login {
display : inline - block ;
padding : 30 px ;
margin - bottom : 28 px ;
< ? php
if (
isset ( $_SESSION [ 'theme' ][ 'background_image' ]) ||
$_SESSION [ 'theme' ][ 'background_color' ][ 0 ] != '' ||
$_SESSION [ 'theme' ][ 'background_color' ][ 1 ] != ''
) { ?>
background : < ? php echo ( $_SESSION [ 'theme' ][ 'login_background_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'login_background_color' ][ 'text' ] : " rgba(255,255,255,0.35) " ; ?> ;
- webkit - border - radius : 4 px ;
- moz - border - radius : 4 px ;
border - radius : 4 px ;
- webkit - box - shadow : < ? php echo ( $_SESSION [ 'theme' ][ 'login_shadow_color' ][ 'text' ] != '' ) ? '0 1px 20px ' . $_SESSION [ 'theme' ][ 'login_shadow_color' ][ 'text' ] : 'none' ; ?> ;
- moz - box - shadow : < ? php echo ( $_SESSION [ 'theme' ][ 'login_shadow_color' ][ 'text' ] != '' ) ? '0 1px 20px ' . $_SESSION [ 'theme' ][ 'login_shadow_color' ][ 'text' ] : 'none' ; ?> ;
box - shadow : < ? php echo ( $_SESSION [ 'theme' ][ 'login_shadow_color' ][ 'text' ] != '' ) ? '0 1px 20px ' . $_SESSION [ 'theme' ][ 'login_shadow_color' ][ 'text' ] : 'none' ; ?> ;
< ? php
}
?>
}
a . login_box_link {
font - size : 11 px ;
text - shadow : 0 0 2 px < ? php echo ( $_SESSION [ 'theme' ][ 'login_background_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'login_background_color' ][ 'text' ] : " #ffffff " ; ?> ;
cursor : pointer ;
text - decoration : underline ;
}
#main_content {
< ? php
if (
strlen ( $_SESSION [ " username " ]) > 0 &&
(
isset ( $_SESSION [ 'theme' ][ 'background_image' ]) ||
$_SESSION [ 'theme' ][ 'background_color' ][ 0 ] != '' ||
$_SESSION [ 'theme' ][ 'background_color' ][ 1 ] != ''
)) { ?>
background : < ? php echo ( $_SESSION [ 'theme' ][ 'body_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'body_color' ][ 'text' ] : " #ffffff " ; ?> ;
background - attachment : fixed ;
- webkit - border - radius : 4 px ;
- moz - border - radius : 4 px ;
border - radius : 4 px ;
- webkit - box - shadow : < ? php echo ( $_SESSION [ 'theme' ][ 'body_shadow_color' ][ 'text' ] != '' ) ? '0 1px 4px ' . $_SESSION [ 'theme' ][ 'body_shadow_color' ][ 'text' ] : 'none' ; ?> ;
- moz - box - shadow : < ? php echo ( $_SESSION [ 'theme' ][ 'body_shadow_color' ][ 'text' ] != '' ) ? '0 1px 4px ' . $_SESSION [ 'theme' ][ 'body_shadow_color' ][ 'text' ] : 'none' ; ?> ;
box - shadow : < ? php echo ( $_SESSION [ 'theme' ][ 'body_shadow_color' ][ 'text' ] != '' ) ? '0 1px 4px ' . $_SESSION [ 'theme' ][ 'body_shadow_color' ][ 'text' ] : 'none' ; ?> ;
padding : 15 px 20 px 20 px 20 px ;
< ? php } else { ?>
padding : 5 px 10 px 10 px 10 px ;
< ? php } ?>
text - align : left ;
}
2016-03-29 07:39:42 +02:00
/* default body padding */
. container - fluid {
width : 90 % ;
}
/* maximize viewport usage on xs displays */
@ media ( min - width : 0 px ) and ( max - width : 767 px ) {
. container - fluid {
width : 100 % ;
}
#main_content {
padding : 8 px ;
}
}
2016-03-25 23:29:20 +01:00
/* GENERAL ELEMENTS *****************************************************************/
img {
border : none ;
}
2016-03-29 06:29:15 +02:00
. title , b {
color : < ? php echo ( $_SESSION [ 'theme' ][ 'heading_text_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'heading_text_color' ][ 'text' ] : '#952424' ; ?> ;
font - size : < ? php echo ( $_SESSION [ 'theme' ][ 'heading_text_size' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'heading_text_size' ][ 'text' ] : '15px' ; ?> ;
font - family : < ? php echo ( $_SESSION [ 'theme' ][ 'heading_text_font' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'heading_text_font' ][ 'text' ] : 'arial' ; ?> ;
2016-03-25 23:29:20 +01:00
font - weight : bold
}
2016-03-29 06:29:15 +02:00
a {
color : < ? php echo ( $_SESSION [ 'theme' ][ 'text_link_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'text_link_color' ][ 'text' ] : '#004083' ; ?> ;
width : 100 % ;
2016-03-25 23:29:20 +01:00
}
2016-03-29 06:29:15 +02:00
a : hover {
color : < ? php echo ( $_SESSION [ 'theme' ][ 'text_link_color_hover' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'text_link_color_hover' ][ 'text' ] : '#5082ca' ; ?> ;
2016-03-25 23:29:20 +01:00
}
form {
margin : 0 ;
}
2016-03-29 06:29:15 +02:00
. frm {
border : solid 1 px #ccc;
color : #666;
background - color : #EFEFEF;
}
2016-03-25 23:29:20 +01:00
input . btn , input . button {
font - family : Candara , Calibri , Segoe , " Segoe UI " , Optima , Arial , sans - serif ;
padding : 3 px 8 px 4 px 8 px ;
color : #fff;
font - weight : bold ;
cursor : pointer ;
font - size : 11 px ;
- moz - border - radius : 3 px ;
- webkit - border - radius : 3 px ;
- khtml - border - radius : 3 px ;
border - radius : 3 px ;
background - image : - moz - linear - gradient ( top , #524f59 25%, #000 64%);
background - image : - webkit - gradient ( linear , left top , left bottom , color - stop ( 0.25 , #524f59), color-stop(0.64, #000));
border : 1 px solid #26242a;
background - color : #000;
text - align : center ;
text - transform : uppercase ;
text - shadow : 0 px 0 px 1 px rgba ( 0 , 0 , 0 , 0.85 );
opacity : 0.9 ;
- moz - opacity : 0.9 ;
2016-03-29 22:15:01 +02:00
height : 27 px ;
margin : 1 px ;
2016-03-25 23:29:20 +01:00
}
input . btn : hover , input . button : hover , img . list_control_icon : hover ,
input . btn : active , input . button : active , img . list_control_icon : active ,
input . btn : focus , input . button : focus , img . list_control_icon : focus {
color : #fff;
box - shadow : 0 0 5 px #cddaf0;
- webkit - box - shadow : 0 0 5 px #cddaf0;
- moz - box - shadow : 0 0 5 px #cddaf0;
opacity : 1.0 ;
- moz - opacity : 1.0 ;
cursor : pointer ;
}
input . txt , textarea . txt , select . txt , . formfld {
font - family : arial ;
font - size : 12 px ;
color : #000;
text - align : left ;
2016-03-29 22:15:01 +02:00
height : 27 px ;
2016-03-25 23:29:20 +01:00
padding : 4 px 6 px ;
2016-03-29 22:15:01 +02:00
margin : 1 px ;
2016-03-25 23:29:20 +01:00
border : 1 px solid #c0c0c0;
background - color : #fff;
box - shadow : 0 0 3 px #cddaf0 inset;
- moz - box - shadow : 0 0 3 px #cddaf0 inset;
- webkit - box - shadow : 0 0 3 px #cddaf0 inset;
border - radius : 3 px ;
- moz - border - radius : 3 px ;
- webkit - border - radius : 3 px ;
}
input . txt , . formfld {
transition : width 0.25 s ;
- moz - transition : width 0.25 s ;
- webkit - transition : width 0.25 s ;
max - width : 500 px ;
}
input . txt : focus , . formfld : focus {
- webkit - box - shadow : 0 0 5 px #cddaf0;
- moz - box - shadow : 0 0 5 px #cddaf0;
box - shadow : 0 0 5 px #cddaf0;
}
select . formfld {
height : 27 px ;
padding : 4 px ;
2016-03-29 22:15:01 +02:00
margin : 1 px ;
2016-03-25 23:29:20 +01:00
}
. formfld_highlight_bad {
border - color : #aa2525;
- webkit - box - shadow : 0 0 3 px #aa2525 inset;
- moz - box - shadow : 0 0 3 px #aa2525 inset;
box - shadow : 0 0 3 px #aa2525 inset;
}
. formfld_highlight_good {
border - color : #2fb22f;
- webkit - box - shadow : 0 0 3 px #2fb22f inset;
- moz - box - shadow : 0 0 3 px #2fb22f inset;
box - shadow : 0 0 3 px #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 : 1 px ;
2016-03-28 16:22:59 +02:00
display : inline ;
2016-03-25 23:29:20 +01:00
}
2016-03-27 10:54:29 +02:00
label {
font - weight : normal ;
vertical - align : middle ;
}
2016-03-29 06:29:15 +02:00
span . playback_progress_bar {
background - color : #c43e42;
height : 1 px ;
display : block ;
}
2016-03-25 23:29:20 +01:00
/* TABLES *****************************************************************/
2016-03-29 06:29:15 +02:00
th {
2016-03-30 22:41:45 +02:00
padding : 4 px 7 px 4 px 0 ;
padding : 4 px 7 px ;
2016-03-29 06:29:15 +02:00
text - align : left ;
color : < ? php echo ( $_SESSION [ 'theme' ][ 'table_heading_text_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'table_heading_text_color' ][ 'text' ] : '#3164ad' ; ?> ;
font - size : < ? php echo ( $_SESSION [ 'theme' ][ 'table_heading_text_size' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'table_heading_text_size' ][ 'text' ] : '12px' ; ?> ;
font - family : < ? php echo ( $_SESSION [ 'theme' ][ 'table_heading_text_font' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'table_heading_text_font' ][ 'text' ] : 'arial' ; ?> ;
2016-03-30 22:41:45 +02:00
background : < ? php echo ( $_SESSION [ 'theme' ][ 'table_heading_background_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'table_heading_background_color' ][ 'text' ] : 'none' ; ?> ;
border - bottom : 1 px solid < ? php echo ( $_SESSION [ 'theme' ][ 'table_heading_border_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'table_heading_border_color' ][ 'text' ] : '#a4aebf' ; ?> ;
2016-03-29 06:29:15 +02:00
}
th a , th a : visited , th a : active {
color : < ? php echo ( $_SESSION [ 'theme' ][ 'table_heading_text_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'table_heading_text_color' ][ 'text' ] : '#3164ad' ; ?> ;
text - decoration : none ;
}
th a : hover {
color : < ? php echo ( $_SESSION [ 'theme' ][ 'table_heading_text_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'table_heading_text_color' ][ 'text' ] : '#3164ad' ; ?> ;
text - decoration : underline ;
}
td {
color : < ? php echo ( $_SESSION [ 'theme' ][ 'body_text_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'body_text_color' ][ 'text' ] : '#5f5f5f' ; ?> ;
font - size : < ? php echo ( $_SESSION [ 'theme' ][ 'body_text_size' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'body_text_size' ][ 'text' ] : '12px' ; ?> ;
font - family : < ? php echo ( $_SESSION [ 'theme' ][ 'body_text_font' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'body_text_font' ][ 'text' ] : 'arial' ; ?> ;
}
table . tr_hover tr {
cursor : default ;
}
table . tr_hover tr : hover td ,
table . tr_hover tr : hover td a {
color : < ? php echo ( $_SESSION [ 'theme' ][ 'text_link_color_hover' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'text_link_color_hover' ][ 'text' ] : '#5082ca' ; ?> ;
}
td . list_control_icons {
width : 52 px ;
padding : none ;
padding - left : 2 px ;
text - align : right ;
vertical - align : top ;
white - space : nowrap ;
}
td . list_control_icon {
width : 26 px ;
padding : none ;
padding - left : 2 px ;
text - align : right ;
vertical - align : top ;
white - space : nowrap ;
}
2016-03-25 23:29:20 +01:00
. vncell {
border - bottom : 1 px solid #fff;
background - color : #e5e9f0;
padding : 8 px ;
text - align : right ;
color : #000;
- moz - border - radius : 4 px ;
- webkit - border - radius : 4 px ;
border - radius : 4 px ;
border - right : 3 px solid #e5e9f0;
}
. vncellreq {
border - bottom : 1 px solid #fff;
background - color : #e5e9f0;
padding : 8 px ;
text - align : right ;
font - weight : bold ;
color : #000;
- moz - border - radius : 4 px ;
- webkit - border - radius : 4 px ;
border - radius : 4 px ;
border - right : 3 px solid #cbcfd5;
}
. vncellcol {
background - color : #e5e9f0;
padding : 8 px ;
padding - bottom : 6 px ;
text - align : left ;
color : #000;
- moz - border - radius : 4 px ;
- webkit - border - radius : 4 px ;
border - radius : 4 px ;
border - bottom : 3 px solid #e5e9f0;
}
. vncellcolreq {
background - color : #e5e9f0;
padding : 8 px ;
padding - bottom : 6 px ;
text - align : left ;
font - weight : bold ;
color : #000;
- moz - border - radius : 4 px ;
- webkit - border - radius : 4 px ;
border - radius : 4 px ;
border - bottom : 3 px solid #cbcfd5;
}
. vtable {
border - bottom : 1 px solid #e5e9f0;
color : #666;
font - size : 8 pt ;
text - align : left ;
padding : 7 px ;
background - color : #fff;
vertical - align : middle ;
}
. vtablerow {
color : #666;
text - align : left ;
background - color : #fff;
vertical - align : middle ;
height : 33 px ;
}
. row_style0 {
2016-03-29 06:29:15 +02:00
border - bottom : 1 px solid < ? php echo ( $_SESSION [ 'theme' ][ 'table_row_border_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'table_row_border_color' ][ 'text' ] : '#c5d1e5' ; ?> ;
background : < ? php echo ( $_SESSION [ 'theme' ][ 'table_row_background_color_dark' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'table_row_background_color_dark' ][ 'text' ] : '#e5e9f0' ; ?> ;
color : < ? php echo ( $_SESSION [ 'theme' ][ 'table_row_text_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'table_row_text_color' ][ 'text' ] : '#000' ; ?> ;
2016-03-30 22:41:45 +02:00
font - family : < ? php echo ( $_SESSION [ 'theme' ][ 'table_row_text_font' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'table_row_text_font' ][ 'text' ] : 'arial' ; ?> ;
font - size : < ? php echo ( $_SESSION [ 'theme' ][ 'table_row_text_size' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'table_row_text_size' ][ 'text' ] : '12px' ; ?> ;
2016-03-25 23:29:20 +01:00
text - align : left ;
padding : 4 px 7 px ;
}
. row_style1 {
2016-03-29 06:29:15 +02:00
border - bottom : 1 px solid < ? php echo ( $_SESSION [ 'theme' ][ 'table_row_border_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'table_row_border_color' ][ 'text' ] : '#c5d1e5' ; ?> ;
background : < ? php echo ( $_SESSION [ 'theme' ][ 'table_row_background_color_light' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'table_row_background_color_light' ][ 'text' ] : '#fff' ; ?> ;
color : < ? php echo ( $_SESSION [ 'theme' ][ 'table_row_text_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'table_row_text_color' ][ 'text' ] : '#000' ; ?> ;
2016-03-30 22:41:45 +02:00
font - family : < ? php echo ( $_SESSION [ 'theme' ][ 'table_row_text_font' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'table_row_text_font' ][ 'text' ] : 'arial' ; ?> ;
font - size : < ? php echo ( $_SESSION [ 'theme' ][ 'table_row_text_size' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'table_row_text_size' ][ 'text' ] : '12px' ; ?> ;
2016-03-25 23:29:20 +01:00
text - align : left ;
padding : 4 px 7 px ;
}
2016-03-29 06:29:15 +02:00
. row_style_slim {
2016-03-29 22:15:01 +02:00
padding - top : 0 ;
padding - bottom : 0 ;
2016-03-25 23:29:20 +01:00
white - space : nowrap ;
}
. row_stylebg {
2016-03-30 22:41:45 +02:00
border - bottom : 1 px solid < ? php echo ( $_SESSION [ 'theme' ][ 'table_row_border_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'table_row_border_color' ][ 'text' ] : '#c5d1e5' ; ?> ;
2016-03-29 06:29:15 +02:00
background : < ? php echo ( $_SESSION [ 'theme' ][ 'table_row_background_color_medium' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'table_row_background_color_medium' ][ 'text' ] : '#f0f2f6' ; ?> ;
color : < ? php echo ( $_SESSION [ 'theme' ][ 'table_row_text_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'table_row_text_color' ][ 'text' ] : '#000' ; ?> ;
2016-03-30 22:41:45 +02:00
font - family : < ? php echo ( $_SESSION [ 'theme' ][ 'table_row_text_font' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'table_row_text_font' ][ 'text' ] : 'arial' ; ?> ;
font - size : < ? php echo ( $_SESSION [ 'theme' ][ 'table_row_text_size' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'table_row_text_size' ][ 'text' ] : '12px' ; ?> ;
2016-03-25 23:29:20 +01:00
text - align : left ;
padding : 4 px 7 px ;
}
/* RESPONSE MESSAGES *******************************************************/
#message_container {
z - index : 99998 ;
position : absolute ;
top : - 80 px ;
left : 0 ;
right : 0 ;
filter : alpha ( opacity = 0 );
opacity : 0 ;
- moz - opacity : 0 ;
- khtml - opacity : 0 ;
padding : 15 px 0 ;
}
#message_text {
z - index : 99999 ;
position : absolute ;
top : - 80 px ;
left : 0 ;
right : 0 ;
filter : alpha ( opacity = 0 );
opacity : 0 ;
- moz - opacity : 0 ;
- khtml - opacity : 0 ;
margin : 0 auto ;
vertical - align : middle ;
padding : 15 px 0 ;
text - align : center ;
font - family : arial , san - serif ;
font - size : 10 pt ;
}
. message_container_mood_default {
background : < ? php echo $_SESSION [ 'theme' ][ 'message_default_background_color' ][ 'text' ]; ?> ;
}
. message_container_mood_negative {
background : < ? php echo $_SESSION [ 'theme' ][ 'message_negative_background_color' ][ 'text' ]; ?> ;
}
. message_container_mood_alert {
background : < ? php echo $_SESSION [ 'theme' ][ 'message_alert_background_color' ][ 'text' ]; ?> ;
}
. message_text_mood_default {
color : < ? php echo $_SESSION [ 'theme' ][ 'message_default_color' ][ 'text' ]; ?> ;
}
. message_text_mood_negative {
color : < ? php echo $_SESSION [ 'theme' ][ 'message_negative_color' ][ 'text' ]; ?> ;
}
. message_text_mood_alert {
color : < ? php echo $_SESSION [ 'theme' ][ 'message_alert_color' ][ 'text' ]; ?> ;
}
2016-03-29 06:29:15 +02:00
/* OPERATOR PANEL ****************************************************************/
2016-03-25 23:29:20 +01:00
div . op_ext {
float : left ;
width : 235 px ;
margin : 0 px 8 px 8 px 0 px ;
padding : 0 px ;
border - style : solid ;
- moz - border - radius : 5 px ;
- webkit - border - radius : 5 px ;
border - radius : 5 px ;
- webkit - box - shadow : 0 0 3 px #e5e9f0;
- moz - box - shadow : 0 0 3 px #e5e9f0;
box - shadow : 0 0 3 px #e5e9f0;
border - width : 1 px 3 px ;
border - color : #b9c5d8 #c5d1e5;
background - color : #e5eaf5;
cursor : default ;
}
div . op_state_active {
background - color : #baf4bb;
border - width : 1 px 3 px ;
border - color : #77d779;
}
div . op_state_ringing {
background - color : #a8dbf0;
border - width : 1 px 3 px ;
border - color : #41b9eb;
}
table . op_ext {
width : 100 % ;
height : 60 px ;
- moz - border - radius : 5 px ;
- webkit - border - radius : 5 px ;
border - radius : 5 px ;
background - color : #e5eaf5;
- moz - border - radius : 5 px ;
- webkit - border - radius : 5 px ;
border - radius : 5 px ;
}
td . op_ext_icon {
vertical - align : middle ;
- moz - border - radius : 5 px ;
- webkit - border - radius : 5 px ;
border - radius : 5 px ;
}
img . op_ext_icon {
cursor : move ;
width : 39 px ;
height : 42 px ;
border : none ;
}
td . op_ext_info {
text - align : left ;
vertical - align : top ;
font - family : arial ;
font - size : 10 px ;
overflow : auto ;
width : 100 % ;
padding : 3 px 5 px 3 px 7 px ;
- moz - border - radius : 5 px ;
- webkit - border - radius : 5 px ;
border - radius : 5 px ;
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 : 10 px ;
display : inline - block ;
}
. op_user_info strong {
color : #3164AD;
}
. op_caller_info {
display : block ;
margin - top : 7 px ;
font - family : arial ;
font - size : 10 px ;
}
. op_call_info {
display : inline - block ;
padding : 0 px ;
font - family : arial ;
font - size : 10 px ;
}
#op_btn_status_available {
background - image : - moz - linear - gradient ( top , #8ec989 25%, #2d9c38 64%);
background - image : - webkit - gradient ( linear , left top , left bottom , color - stop ( 0.25 , #8ec989), color-stop(0.64, #2d9c38));
background - color : #2d9c38;
border : 1 px solid #006200;
}
#op_btn_status_available_on_demand {
background - image : - moz - linear - gradient ( top , #abd0aa 25%, #629d62 64%);
background - image : - webkit - gradient ( linear , left top , left bottom , color - stop ( 0.25 , #abd0aa), color-stop(0.64, #629d62));
background - color : #629d62;
border : 1 px solid #619c61;
}
#op_btn_status_on_break {
background - image : - moz - linear - gradient ( top , #ddc38b 25%, #be8e2c 64%);
background - image : - webkit - gradient ( linear , left top , left bottom , color - stop ( 0.25 , #ddc38b), color-stop(0.64, #be8e2c));
background - color : #be8e2c;
border : 1 px solid #7d1b00;
}
#op_btn_status_do_not_disturb {
background - image : - moz - linear - gradient ( top , #cc8984 25%, #960d10 64%);
background - image : - webkit - gradient ( linear , left top , left bottom , color - stop ( 0.25 , #cc8984), color-stop(0.64, #960d10));
background - color : #960d10;
border : 1 px solid #5b0000;
}
#op_btn_status_logged_out {
background - image : - moz - linear - gradient ( top , #cacac9 25%, #8d8d8b 64%);
background - image : - webkit - gradient ( linear , left top , left bottom , color - stop ( 0.25 , #cacac9), color-stop(0.64, #8d8d8b));
background - color : #8d8d8b;
border : 1 px solid #5d5f5a;
}
2016-03-30 22:41:45 +02:00
/* DASHBOARD **********************************************************************/
2016-03-25 23:29:20 +01:00
/* login message */
div . login_message {
border : 1 px solid #bae0ba;
background - color : #eeffee;
- webkit - border - radius : 3 px ;
- moz - border - radius : 3 px ;
border - radius : 3 px ;
padding : 20 px ;
margin - bottom : 15 px ;
}
/* hud boxes */
div . hud_box {
height : auto ;
vertical - align : top ;
2016-03-30 22:41:45 +02:00
- webkit - border - radius : 5 px ;
- moz - border - radius : 5 px ;
border - radius : 5 px ;
2016-03-25 23:29:20 +01:00
text - align : center ;
2016-03-30 22:41:45 +02:00
background : < ? php echo $_SESSION [ 'theme' ][ 'dashboard_detail_background_color_center' ][ 'text' ] != '' ? $_SESSION [ 'theme' ][ 'dashboard_detail_background_color_center' ][ 'text' ] : '#f9fbfe' ; ?> ;
background - image : - ms - linear - gradient ( left , < ? php echo $_SESSION [ 'theme' ][ 'dashboard_detail_background_color_edge' ][ 'text' ] != '' ? $_SESSION [ 'theme' ][ 'dashboard_detail_background_color_edge' ][ 'text' ] : '#edf1f7' ; ?> 0%, <?php echo $_SESSION['theme']['dashboard_detail_background_color_center']['text'] != '' ? $_SESSION['theme']['dashboard_detail_background_color_center']['text'] : '#f9fbfe'; ?> 30%, <?php echo $_SESSION['theme']['dashboard_detail_background_color_center']['text'] != '' ? $_SESSION['theme']['dashboard_detail_background_color_center']['text'] : '#f9fbfe'; ?> 70%, <?php echo $_SESSION['theme']['dashboard_detail_background_color_edge']['text'] != '' ? $_SESSION['theme']['dashboard_detail_background_color_edge']['text'] : '#edf1f7'; ?> 100%);
background - image : - moz - linear - gradient ( left , < ? php echo $_SESSION [ 'theme' ][ 'dashboard_detail_background_color_edge' ][ 'text' ] != '' ? $_SESSION [ 'theme' ][ 'dashboard_detail_background_color_edge' ][ 'text' ] : '#edf1f7' ; ?> 0%, <?php echo $_SESSION['theme']['dashboard_detail_background_color_center']['text'] != '' ? $_SESSION['theme']['dashboard_detail_background_color_center']['text'] : '#f9fbfe'; ?> 30%, <?php echo $_SESSION['theme']['dashboard_detail_background_color_center']['text'] != '' ? $_SESSION['theme']['dashboard_detail_background_color_center']['text'] : '#f9fbfe'; ?> 70%, <?php echo $_SESSION['theme']['dashboard_detail_background_color_edge']['text'] != '' ? $_SESSION['theme']['dashboard_detail_background_color_edge']['text'] : '#edf1f7'; ?> 100%);
background - image : - o - linear - gradient ( left , < ? php echo $_SESSION [ 'theme' ][ 'dashboard_detail_background_color_edge' ][ 'text' ] != '' ? $_SESSION [ 'theme' ][ 'dashboard_detail_background_color_edge' ][ 'text' ] : '#edf1f7' ; ?> 0%, <?php echo $_SESSION['theme']['dashboard_detail_background_color_center']['text'] != '' ? $_SESSION['theme']['dashboard_detail_background_color_center']['text'] : '#f9fbfe'; ?> 30%, <?php echo $_SESSION['theme']['dashboard_detail_background_color_center']['text'] != '' ? $_SESSION['theme']['dashboard_detail_background_color_center']['text'] : '#f9fbfe'; ?> 70%, <?php echo $_SESSION['theme']['dashboard_detail_background_color_edge']['text'] != '' ? $_SESSION['theme']['dashboard_detail_background_color_edge']['text'] : '#edf1f7'; ?> 100%);
background - image : - webkit - gradient ( linear , left , right , color - stop ( 0 , < ? php echo $_SESSION [ 'theme' ][ 'dashboard_detail_background_color_edge' ][ 'text' ] != '' ? $_SESSION [ 'theme' ][ 'dashboard_detail_background_color_edge' ][ 'text' ] : '#edf1f7' ; ?> ), color-stop(0.30, <?php echo $_SESSION['theme']['dashboard_detail_background_color_center']['text'] != '' ? $_SESSION['theme']['dashboard_detail_background_color_center']['text'] : '#f9fbfe'; ?>), color-stop(0.70, <?php echo $_SESSION['theme']['dashboard_detail_background_color_center']['text'] != '' ? $_SESSION['theme']['dashboard_detail_background_color_center']['text'] : '#f9fbfe'; ?>), color-stop(1, <?php echo $_SESSION['theme']['dashboard_detail_background_color_edge']['text'] != '' ? $_SESSION['theme']['dashboard_detail_background_color_edge']['text'] : '#edf1f7'; ?>));
background - image : - webkit - linear - gradient ( left , < ? php echo $_SESSION [ 'theme' ][ 'dashboard_detail_background_color_edge' ][ 'text' ] != '' ? $_SESSION [ 'theme' ][ 'dashboard_detail_background_color_edge' ][ 'text' ] : '#edf1f7' ; ?> 0%, <?php echo $_SESSION['theme']['dashboard_detail_background_color_center']['text'] != '' ? $_SESSION['theme']['dashboard_detail_background_color_center']['text'] : '#f9fbfe'; ?> 30%, <?php echo $_SESSION['theme']['dashboard_detail_background_color_center']['text'] != '' ? $_SESSION['theme']['dashboard_detail_background_color_center']['text'] : '#f9fbfe'; ?> 70%, <?php echo $_SESSION['theme']['dashboard_detail_background_color_edge']['text'] != '' ? $_SESSION['theme']['dashboard_detail_background_color_edge']['text'] : '#edf1f7'; ?> 100%);
background - image : linear - gradient ( to right , < ? php echo $_SESSION [ 'theme' ][ 'dashboard_detail_background_color_edge' ][ 'text' ] != '' ? $_SESSION [ 'theme' ][ 'dashboard_detail_background_color_edge' ][ 'text' ] : '#edf1f7' ; ?> 0%, <?php echo $_SESSION['theme']['dashboard_detail_background_color_center']['text'] != '' ? $_SESSION['theme']['dashboard_detail_background_color_center']['text'] : '#f9fbfe'; ?> 30%, <?php echo $_SESSION['theme']['dashboard_detail_background_color_center']['text'] != '' ? $_SESSION['theme']['dashboard_detail_background_color_center']['text'] : '#f9fbfe'; ?> 70%, <?php echo $_SESSION['theme']['dashboard_detail_background_color_edge']['text'] != '' ? $_SESSION['theme']['dashboard_detail_background_color_edge']['text'] : '#edf1f7'; ?> 100%);
border : 1 px solid < ? php echo ( $_SESSION [ 'theme' ][ 'dashboard_border_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'dashboard_border_color' ][ 'text' ] : '#dbe0ea' ; ?> ;
margin : - 1 px ;
}
div . hud_box : hover {
border : 1 px solid < ? php echo ( $_SESSION [ 'theme' ][ 'dashboard_border_color_hover' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'dashboard_border_color_hover' ][ 'text' ] : '#cbd3e1' ; ?> ;
2016-03-25 23:29:20 +01:00
}
span . hud_title {
display : block ;
2016-03-30 23:07:38 +02:00
width : 100 % ;
2016-03-30 22:41:45 +02:00
font - family : < ? php echo ( $_SESSION [ 'theme' ][ 'dashboard_heading_text_font' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'dashboard_heading_text_font' ][ 'text' ] : 'Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif' ; ?> ;
text - shadow : 0 px 1 px 2 px < ? php echo ( $_SESSION [ 'theme' ][ 'dashboard_heading_text_shadow_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'dashboard_heading_text_shadow_color' ][ 'text' ] : '#000' ; ?> ;
2016-03-25 23:29:20 +01:00
letter - spacing : - 0.02 em ;
2016-03-30 22:41:45 +02:00
color : < ? php echo ( $_SESSION [ 'theme' ][ 'dashboard_heading_text_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'dashboard_heading_text_color' ][ 'text' ] : '#fff' ; ?> ;
2016-03-30 23:07:38 +02:00
font - size : < ? php echo ( $_SESSION [ 'theme' ][ 'dashboard_heading_text_size' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'dashboard_heading_text_size' ][ 'text' ] : '12pt' ; ?> ;
< ? php
//calculate line height based on font size
if ( $_SESSION [ 'theme' ][ 'dashboard_heading_text_size' ][ 'text' ] != '' ) {
$font_size = strtolower ( $_SESSION [ 'theme' ][ 'dashboard_heading_text_size' ][ 'text' ]);
$tmp = str_replace ( ' ' , '' , $font_size );
$tmp = str_replace ( 'pt' , '' , $tmp );
$tmp = str_replace ( 'px' , '' , $tmp );
$tmp = str_replace ( 'em' , '' , $tmp );
$tmp = str_replace ( '%' , '' , $tmp );
$font_size_number = $tmp ;
$line_height_number = ( int ) floor ( $font_size_number * 2.5 );
}
?>
line - height : < ? php echo ( $line_height_number > 0 ) ? str_replace ( $font_size_number , $line_height_number , $font_size ) : '26.25pt' ; ?> ;
2016-03-25 23:29:20 +01:00
text - align : center ;
2016-03-30 22:41:45 +02:00
background : < ? php echo ( $_SESSION [ 'theme' ][ 'dashboard_heading_background_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'dashboard_heading_background_color' ][ 'text' ] : '#8e96a5' ; ?> ;
2016-03-25 23:29:20 +01:00
- webkit - border - radius : 4 px 4 px 0 0 ;
- moz - border - radius : 4 px 4 px 0 0 ;
border - radius : 4 px 4 px 0 0 ;
2016-03-30 22:41:45 +02:00
border - bottom : 1 px solid < ? php echo ( $_SESSION [ 'theme' ][ 'dashboard_heading_background_color' ][ 'text' ] != '' ) ? color_adjust ( $_SESSION [ 'theme' ][ 'dashboard_heading_background_color' ][ 'text' ], 0.2 ) : '#737983' ; ?> ;
2016-03-30 23:07:38 +02:00
overflow : hidden ;
2016-03-25 23:29:20 +01:00
}
span . hud_title : hover {
2016-03-30 22:41:45 +02:00
color : < ? php echo ( $_SESSION [ 'theme' ][ 'dashboard_heading_text_color_hover' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'dashboard_heading_text_color_hover' ][ 'text' ] : '#fff' ; ?> ;
text - shadow : 0 px 1 px 2 px < ? php echo ( $_SESSION [ 'theme' ][ 'dashboard_heading_text_shadow_color_hover' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'dashboard_heading_text_shadow_color_hover' ][ 'text' ] : '#000' ; ?> ;
background : < ? php echo ( $_SESSION [ 'theme' ][ 'dashboard_heading_background_color_hover' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'dashboard_heading_background_color_hover' ][ 'text' ] : (( $_SESSION [ 'theme' ][ 'dashboard_heading_background_color' ][ 'text' ] != '' ) ? color_adjust ( $_SESSION [ 'theme' ][ 'dashboard_heading_background_color' ][ 'text' ], 0.03 ) : '#969dab' ); ?> ;
2016-03-25 23:29:20 +01:00
cursor : pointer ;
}
span . hud_stat {
display : block ;
clear : both ;
text - align : center ;
2016-03-30 22:41:45 +02:00
text - shadow : 0 px 2 px 2 px < ? php echo ( $_SESSION [ 'theme' ][ 'dashboard_number_text_shadow_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'dashboard_number_text_shadow_color' ][ 'text' ] : '#737983' ; ?> ;
2016-03-25 23:29:20 +01:00
width : 100 % ;
2016-03-30 22:41:45 +02:00
color : < ? php echo ( $_SESSION [ 'theme' ][ 'dashboard_number_text_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'dashboard_number_text_color' ][ 'text' ] : '#fff' ; ?> ;
font - family : < ? php echo ( $_SESSION [ 'theme' ][ 'dashboard_number_text_font' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'dashboard_number_text_font' ][ 'text' ] : 'Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif' ; ?> ;
font - size : < ? php echo ( $_SESSION [ 'theme' ][ 'dashboard_number_text_size' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'dashboard_number_text_size' ][ 'text' ] : '60pt' ; ?> ;
< ? php
//calculate line height based on font size
if ( $_SESSION [ 'theme' ][ 'dashboard_number_text_size' ][ 'text' ] != '' ) {
$font_size = strtolower ( $_SESSION [ 'theme' ][ 'dashboard_number_text_size' ][ 'text' ]);
$tmp = str_replace ( ' ' , '' , $font_size );
$tmp = str_replace ( 'pt' , '' , $tmp );
$tmp = str_replace ( 'px' , '' , $tmp );
$tmp = str_replace ( 'em' , '' , $tmp );
$tmp = str_replace ( '%' , '' , $tmp );
$font_size_number = $tmp ;
$line_height_number = ( int ) floor ( $font_size_number * 1.28 );
}
?>
line - height : < ? php echo ( $line_height_number > 0 ) ? str_replace ( $font_size_number , $line_height_number , $font_size ) : '77pt' ; ?> ;
2016-03-25 23:29:20 +01:00
font - weight : normal ;
2016-03-30 22:41:45 +02:00
background : < ? php echo ( $_SESSION [ 'theme' ][ 'dashboard_number_background_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'dashboard_number_background_color' ][ 'text' ] : '#a4aebf' ; ?> ;
border - top : 1 px solid < ? php echo ( $_SESSION [ 'theme' ][ 'dashboard_number_background_color' ][ 'text' ] != '' ) ? color_adjust ( $_SESSION [ 'theme' ][ 'dashboard_number_background_color' ][ 'text' ], 0.2 ) : '#c5d1e5' ; ?> ;
2016-03-30 23:07:38 +02:00
overflow : hidden ;
2016-03-25 23:29:20 +01:00
}
span . hud_stat : hover {
2016-03-30 22:41:45 +02:00
color : < ? php echo ( $_SESSION [ 'theme' ][ 'dashboard_number_text_color_hover' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'dashboard_number_text_color_hover' ][ 'text' ] : '#fff' ; ?> ;
text - shadow : 0 px 2 px 2 px < ? php echo ( $_SESSION [ 'theme' ][ 'dashboard_number_text_shadow_color_hover' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'dashboard_number_text_shadow_color_hover' ][ 'text' ] : '#737983' ; ?> ;
background : < ? php echo ( $_SESSION [ 'theme' ][ 'dashboard_number_background_color_hover' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'dashboard_number_background_color_hover' ][ 'text' ] : (( $_SESSION [ 'theme' ][ 'dashboard_number_background_color' ][ 'text' ] != '' ) ? color_adjust ( $_SESSION [ 'theme' ][ 'dashboard_number_background_color' ][ 'text' ], 0.03 ) : '#aeb7c5' ); ?> ;
2016-03-25 23:29:20 +01:00
cursor : pointer ;
}
span . hud_stat_title {
display : block ;
clear : both ;
width : 100 % ;
height : 30 px ;
cursor : default ;
text - align : center ;
2016-03-30 22:41:45 +02:00
text - shadow : 0 px 1 px 1 px < ? php echo ( $_SESSION [ 'theme' ][ 'dashboard_number_title_text_shadow_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'dashboard_number_title_text_shadow_color' ][ 'text' ] : '#737983' ; ?> ;
color : < ? php echo ( $_SESSION [ 'theme' ][ 'dashboard_number_title_text_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'dashboard_number_title_text_color' ][ 'text' ] : '#fff' ; ?> ;
font - size : < ? php echo ( $_SESSION [ 'theme' ][ 'dashboard_number_title_text_size' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'dashboard_number_title_text_size' ][ 'text' ] : '14px' ; ?> ;
2016-03-25 23:29:20 +01:00
padding - top : 4 px ;
2016-03-30 23:07:38 +02:00
white - space : nowrap ;
letter - spacing : - 0.02 em ;
2016-03-25 23:29:20 +01:00
font - weight : normal ;
2016-03-30 22:41:45 +02:00
font - family : < ? php echo ( $_SESSION [ 'theme' ][ 'dashboard_number_title_text_font' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'dashboard_number_title_text_font' ][ 'text' ] : 'Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif' ; ?> ;
background : < ? php echo ( $_SESSION [ 'theme' ][ 'dashboard_number_background_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'dashboard_number_background_color' ][ 'text' ] : '#a4aebf' ; ?> ;
border - bottom : 1 px solid < ? php echo ( $_SESSION [ 'theme' ][ 'dashboard_number_background_color' ][ 'text' ] != '' ) ? color_adjust ( $_SESSION [ 'theme' ][ 'dashboard_number_background_color' ][ 'text' ], - 0.2 ) : '#909aa8' ; ?> ;
2016-03-25 23:29:20 +01:00
margin : 0 ;
2016-03-30 23:07:38 +02:00
overflow : hidden ;
2016-03-25 23:29:20 +01:00
}
2016-03-30 22:41:45 +02:00
span . hud_stat : hover + span . hud_stat_title {
color : < ? php echo ( $_SESSION [ 'theme' ][ 'dashboard_number_text_color_hover' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'dashboard_number_text_color_hover' ][ 'text' ] : '#fff' ; ?> ;
text - shadow : 0 px 1 px 1 px < ? php echo ( $_SESSION [ 'theme' ][ 'dashboard_number_text_shadow_color_hover' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'dashboard_number_text_shadow_color_hover' ][ 'text' ] : '#737983' ; ?> ;
background : < ? php echo ( $_SESSION [ 'theme' ][ 'dashboard_number_background_color_hover' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'dashboard_number_background_color_hover' ][ 'text' ] : color_adjust (( $_SESSION [ 'theme' ][ 'dashboard_number_background_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'dashboard_number_background_color' ][ 'text' ] : '#a4aebf' , 0.03 ); ?> ;
}
div . hud_details {
- moz - box - shadow : inset 0 7 px 7 px - 7 px < ? php echo ( $_SESSION [ 'theme' ][ 'dashboard_detail_shadow_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'dashboard_detail_shadow_color' ][ 'text' ] : '#737983' ; ?> , inset 0 -8px 12px -10px <?php echo ($_SESSION['theme']['dashboard_detail_shadow_color']['text'] != '') ? $_SESSION['theme']['dashboard_detail_shadow_color']['text'] : '#737983'; ?>;
- webkit - box - shadow : inset 0 7 px 7 px - 7 px < ? php echo ( $_SESSION [ 'theme' ][ 'dashboard_detail_shadow_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'dashboard_detail_shadow_color' ][ 'text' ] : '#737983' ; ?> , inset 0 -8px 12px -10px <?php echo ($_SESSION['theme']['dashboard_detail_shadow_color']['text'] != '') ? $_SESSION['theme']['dashboard_detail_shadow_color']['text'] : '#737983'; ?>;
box - shadow : inset 0 7 px 7 px - 7 px < ? php echo ( $_SESSION [ 'theme' ][ 'dashboard_detail_shadow_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'dashboard_detail_shadow_color' ][ 'text' ] : '#737983' ; ?> , inset 0 -8px 12px -10px <?php echo ($_SESSION['theme']['dashboard_detail_shadow_color']['text'] != '') ? $_SESSION['theme']['dashboard_detail_shadow_color']['text'] : '#737983'; ?>;
padding - top : 3 px ;
padding - bottom : 15 px ;
}
2016-03-25 23:29:20 +01:00
@ media ( min - width : 0 px ) and ( max - width : 1199 px ) {
div . hud_details {
display : none ;
height : auto ;
}
}
@ media ( min - width : 1200 px ) {
div . hud_details {
height : 350 px ;
display : block ;
}
}
th . hud_heading {
text - align : left ;
2016-03-30 22:41:45 +02:00
font - size : < ? php echo ( $_SESSION [ 'theme' ][ 'dashboard_detail_heading_text_size' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'dashboard_detail_heading_text_size' ][ 'text' ] : '11px' ; ?> ;
font - family : < ? php echo ( $_SESSION [ 'theme' ][ 'table_heading_text_font' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'table_heading_text_font' ][ 'text' ] : 'arial' ; ?>
color : < ? php echo ( $_SESSION [ 'theme' ][ 'table_heading_text_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'table_heading_text_color' ][ 'text' ] : '#3164ad' ; ?> ;
2016-03-25 23:29:20 +01:00
}
td . hud_text {
2016-03-30 22:41:45 +02:00
font - size : < ? php echo ( $_SESSION [ 'theme' ][ 'dashboard_detail_row_text_size' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'dashboard_detail_row_text_size' ][ 'text' ] : '11px' ; ?> ;
color : < ? php echo ( $_SESSION [ 'theme' ][ 'table_row_text_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'table_row_text_color' ][ 'text' ] : '#000' ; ?> ;
2016-03-25 23:29:20 +01:00
text - align : left ;
vertical - align : middle ;
}
span . hud_expander {
display : block ;
clear : both ;
2016-03-30 22:41:45 +02:00
background : < ? php echo ( $_SESSION [ 'theme' ][ 'dashboard_footer_background_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'dashboard_footer_background_color' ][ 'text' ] : '#e5e9f0' ; ?> ;
2016-03-25 23:29:20 +01:00
padding : 4 px 0 ;
text - align : center ;
width : 100 % ;
height : 25 px ;
font - size : 13 px ;
line - height : 5 px ;
2016-03-30 22:41:45 +02:00
color : < ? php echo ( $_SESSION [ 'theme' ][ 'dashboard_footer_dots_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'dashboard_footer_dots_color' ][ 'text' ] : '#a4aebf' ; ?> ;
2016-03-25 23:29:20 +01:00
- webkit - border - radius : 0 0 4 px 4 px ;
- moz - border - radius : 0 0 4 px 4 px ;
border - radius : 0 0 4 px 4 px ;
2016-03-30 22:41:45 +02:00
border - top : 1 px solid < ? php echo ( $_SESSION [ 'theme' ][ 'dashboard_footer_background_color' ][ 'text' ] != '' ) ? color_adjust ( $_SESSION [ 'theme' ][ 'dashboard_footer_background_color' ][ 'text' ], 0.2 ) : '#fff' ; ?> ;
}
span . hud_expander : hover {
color : < ? php echo ( $_SESSION [ 'theme' ][ 'dashboard_footer_dots_color_hover' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'dashboard_footer_dots_color_hover' ][ 'text' ] : (( $_SESSION [ 'theme' ][ 'dashboard_footer_dots_color' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'dashboard_footer_dots_color' ][ 'text' ] : '#a4aebf' ); ?> ;
background : < ? php echo ( $_SESSION [ 'theme' ][ 'dashboard_footer_background_color_hover' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'dashboard_footer_background_color_hover' ][ 'text' ] : (( $_SESSION [ 'theme' ][ 'dashboard_footer_background_color' ][ 'text' ] != '' ) ? color_adjust ( $_SESSION [ 'theme' ][ 'dashboard_footer_background_color' ][ 'text' ], 0.02 ) : '#ebeef3' ); ?> ;
2016-03-25 23:29:20 +01:00
cursor : pointer ;
}
/* PLUGINS ********************************************************************/
/* bootstrap colorpicker */
. colorpicker - 2 x . colorpicker - saturation {
width : 200 px ;
height : 200 px ;
}
. colorpicker - 2 x . colorpicker - hue ,
. colorpicker - 2 x . colorpicker - alpha {
width : 30 px ;
height : 200 px ;
}
. colorpicker - 2 x . colorpicker - color ,
. colorpicker - 2 x . colorpicker - color div {
height : 30 px ;
}
/* jquery ui autocomplete styles */
. ui - widget {
margin : 0 px ;
padding : 0 px ;
}
. ui - autocomplete {
cursor : default ;
position : absolute ;
max - height : 200 px ;
overflow - y : auto ;
overflow - x : hidden ;
white - space : nowrap ;
width : auto ;
border : 1 px solid #c0c0c0;
}
. ui - menu , . ui - menu . ui - menu - item {
width : 350 px ;
}
. 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 : 12 px ;
color : #444;
}
. ui - menu . ui - menu - item a : hover {
color : #5082ca;
border : 1 px solid white ;
background - image : none ;
background - color : #fff;
}
</ style >
< script language = " JavaScript " type = " text/javascript " >
$ ( document ) . ready ( function () {
//display message bar via js
function display_message ( msg , mood , delay ) {
var mood = ( typeof mood !== 'undefined' ) ? mood : 'default' ;
var delay = ( typeof delay !== 'undefined' ) ? delay : < ? php echo ( 1000 * ( float ) $_SESSION [ 'theme' ][ 'message_delay' ][ 'text' ]); ?> ;
if ( msg != '' ) {
var inner_width = $ ( window ) . width ();
// add class by mood
$ ( " #message_container " ) . addClass ( 'message_container_mood_' + mood );
$ ( " #message_text " ) . addClass ( 'message_text_mood_' + mood );
// output message
$ ( " #message_text " ) . html ( msg );
$ ( " #message_container " ) . css ({ height : $ ( " #message_text " ) . css ( " height " )});
$ ( " #message_container " ) . css ({ width : inner_width });
$ ( " #message_text " ) . show () . animate ({ top : '+=80' }, 500 ) . animate ({ opacity : 1 }, 'fast' ) . delay ( delay ) . animate ({ top : '-=80' }, 1000 ) . animate ({ opacity : 0 });
$ ( " #message_container " ) . show () . animate ({ top : '+=80' }, 500 ) . animate ({ opacity : < ? php echo $_SESSION [ 'theme' ][ 'message_opacity' ][ 'text' ]; ?> }, "fast").delay(delay).animate({top: '-=80'}, 1000).animate({opacity: 0}, function() {
$ ( " #message_container " ) . removeClass ( 'message_container_mood_' + mood );
});
}
}
//set response message, if any
< ? php
if ( strlen ( $_SESSION [ 'message' ]) > 0 ) {
$message_text = addslashes ( $_SESSION [ 'message' ]);
$message_mood = $_SESSION [ 'message_mood' ];
$message_delay = $_SESSION [ 'message_delay' ];
echo " display_message(' " . $message_text . " ' " ;
echo ( $message_mood != '' ) ? " , ' " . $message_mood . " ' " : " , 'default' " ;
if ( $message_delay != '' ) {
echo " , ' " . $message_delay . " ' " ;
}
echo " ); " ;
unset ( $_SESSION [ 'message' ], $_SESSION [ 'message_mood' ], $_SESSION [ 'message_delay' ]);
}
?>
//hide message bar on hover
$ ( " #message_text " ) . mouseover ( function () { $ ( this ) . hide (); $ ( " #message_container " ) . hide (); });
2016-04-01 01:11:37 +02:00
< ? php
if ( permission_exists ( " domain_select " ) && count ( $_SESSION [ 'domains' ]) > 1 ) {
?>
//domain selector controls
$ ( " .domain_selector_domain " ) . click ( function () { show_domains (); });
$ ( " #domains_hide " ) . click ( function () { hide_domains (); });
2016-03-25 23:29:20 +01:00
2016-04-01 01:11:37 +02:00
function show_domains () {
var scrollbar_width = ( window . innerWidth - $ ( window ) . width ()); //gold: only solution that worked with body { overflow:auto } (add -ms-overflow-style: scrollbar; to <body> style for ie 10+)
if ( scrollbar_width > 0 ) {
$ ( " body " ) . css ({ 'margin-right' : scrollbar_width , 'overflow' : 'hidden' }); //disable body scroll bars
$ ( " .navbar " ) . css ( 'margin-right' , scrollbar_width ); //adjust navbar margin to compensate
$ ( " #domains_container " ) . css ( 'right' , - scrollbar_width ); //domain container right position to compensate
}
$ ( " #domains_container " ) . css ({ top : $ ( document ) . scrollTop (), height : window . innerHeight }) . show ();
$ ( " #domains_block " ) . animate ({ marginRight : '+=300' }, 400 );
$ ( " #domain_filter " ) . focus ();
document . getElementById ( 'domains_visible' ) . value = 1 ;
2016-03-25 23:29:20 +01:00
}
2016-04-01 01:11:37 +02:00
function hide_domains () {
$ ( document ) . ready ( function () {
$ ( " #domains_block " ) . animate ({ marginRight : '-=300' }, 400 , function () {
$ ( " #domain_filter " ) . val ( '' );
domain_search ( $ ( " #domain_filter " ) . val ());
$ ( " .navbar " ) . css ( 'margin-right' , '0' ); //restore navbar margin
$ ( " #domains_container " ) . css ( 'right' , '0' ); //domain container right position
$ ( " #domains_container " ) . hide ();
$ ( " body " ) . css ({ 'margin-right' : '0' , 'overflow' : 'auto' }); //enable body scroll bars
});
2016-03-25 23:29:20 +01:00
});
2016-04-01 01:11:37 +02:00
document . getElementById ( 'domains_visible' ) . value = 0 ;
2016-03-25 23:29:20 +01:00
}
2016-04-01 01:11:37 +02:00
< ? php
key_press ( 'escape' , 'up' , 'document' , null , null , " if (document.getElementById('domains_visible').value == 0) { show_domains(); } else if (document.getElementById('domains_visible').value == 1) { hide_domains(); } " , false );
}
?>
2016-03-25 23:29:20 +01:00
//link table rows (except the last - the list_control_icons cell) on a table with a class of 'tr_hover', according to the href attribute of the <tr> tag
$ ( '.tr_hover tr' ) . each ( function ( i , e ) {
$ ( e ) . children ( 'td:not(.list_control_icon,.list_control_icons,.tr_link_void)' ) . click ( function () {
var href = $ ( this ) . closest ( " tr " ) . attr ( " href " );
if ( href ) { window . location = href ; }
});
});
//apply the auto-size jquery script to all text inputs
$ ( " input.txt, textarea.txt, .formfld " ) . autosizeInput ();
//apply bootstrap-datetime plugin
$ ( function () {
$ ( '.datetimepicker' ) . datetimepicker ({
format : 'YYYY-MM-DD HH:mm'
});
});
//apply bootstrap-colorpicker plugin
$ ( function (){
$ ( '.colorpicker' ) . colorpicker ({
align : 'left' ,
customClass : 'colorpicker-2x' ,
sliders : {
saturation : {
maxLeft : 200 ,
maxTop : 200
},
hue : {
maxTop : 200
},
alpha : {
maxTop : 200
}
}
});
});
});
2016-03-28 17:09:33 +02:00
//audio playback functions
img_play = new Image (); img_play . src = " <?php echo PROJECT_PATH; ?>/themes/default/images/icon_play.png " ;
img_pause = new Image (); img_pause . src = " <?php echo PROJECT_PATH; ?>/themes/default/images/icon_pause.png " ;
var recording_audio ;
function recording_play ( recording_id ) {
if ( document . getElementById ( 'recording_progress_bar_' + recording_id )) {
document . getElementById ( 'recording_progress_bar_' + recording_id ) . style . display = '' ;
}
recording_audio = document . getElementById ( 'recording_audio_' + recording_id )
if ( recording_audio . paused ) {
recording_audio . volume = 1 ;
recording_audio . play ();
document . getElementById ( 'recording_button_' + recording_id ) . innerHTML = " <?php echo str_replace( " class = 'list_control_icon' " , " class = 'list_control_icon' style = 'opacity: 1;' " , $v_link_label_pause ); ?> " ;
}
else {
recording_audio . pause ();
document . getElementById ( 'recording_button_' + recording_id ) . innerHTML = " <?php echo $v_link_label_play ; ?> " ;
}
}
function recording_reset ( recording_id ) {
if ( document . getElementById ( 'recording_progress_bar_' + recording_id )) {
document . getElementById ( 'recording_progress_bar_' + recording_id ) . style . display = 'none' ;
}
document . getElementById ( 'recording_button_' + recording_id ) . innerHTML = " <?php echo $v_link_label_play ; ?> " ;
}
function update_progress ( recording_id ) {
recording_audio = document . getElementById ( 'recording_audio_' + recording_id );
var recording_progress = document . getElementById ( 'recording_progress_' + recording_id );
var value = 0 ;
if ( recording_audio . currentTime > 0 ) {
value = ( 100 / recording_audio . duration ) * recording_audio . currentTime ;
}
recording_progress . style . width = value + " % " ;
}
2016-03-25 23:29:20 +01:00
</ script >
<!-- { head } -->
</ head >
< ? php
//add multi-lingual support
$language = new text ;
$text = $language -> get ( null , 'themes/default' );
?>
< body onload = " <?php echo $onload ;?> " >
< div id = 'message_container' class = 'message_container_mood_default' ></ div >
< div id = 'message_text' class = 'message_container_text_default' ></ div >
< ? php
//logged in show the domains block
if ( strlen ( $_SESSION [ " username " ]) > 0 && permission_exists ( " domain_select " ) && count ( $_SESSION [ 'domains' ]) > 1 ) {
?>
< div id = " domains_container " >
< input type = " hidden " id = " domains_visible " value = " 0 " >
< div id = " domains_block " >
< div id = " domains_header " >
< input id = " domains_hide " type = " button " class = " btn " style = " float: right " value = " <?php echo $text['theme-button-close'] ; ?> " >
< ? php
if ( file_exists ( $_SERVER [ " DOCUMENT_ROOT " ] . " /app/domains/domains.php " )) {
$href = '/app/domains/domains.php' ;
}
else {
$href = '/core/domain_settings/domains.php' ;
}
echo " <a href= \" " . $href . " \" ><b style= \" color: #000; \" > " . $text [ 'theme-title-domains' ] . " </b></a> ( " . sizeof ( $_SESSION [ 'domains' ]) . " ) " ;
?>
< br >< br >
< input type = " text " id = " domain_filter " class = " formfld " style = " min-width: 100%; width: 100%; " placeholder = " <?php echo $text['theme-label-search'] ; ?> " onkeyup = " domain_search(this.value); " >
</ div >
< div id = " domains_list " >
< ? php
$bgcolor1 = " #eaedf2 " ;
$bgcolor2 = " #fff " ;
foreach ( $_SESSION [ 'domains' ] as $domain ) {
$bgcolor = ( $bgcolor == $bgcolor1 ) ? $bgcolor2 : $bgcolor1 ;
$bgcolor = ( $domain [ 'domain_uuid' ] == $_SESSION [ 'domain_uuid' ]) ? " #eeffee " : $bgcolor ;
echo " <div id= \" " . $domain [ 'domain_name' ] . " \" class='domains_list_item' style='background-color: " . $bgcolor . " ' onclick= \" document.location.href=' " . PROJECT_PATH . " /core/domain_settings/domains.php?domain_uuid= " . $domain [ 'domain_uuid' ] . " &domain_change=true'; \" > " ;
echo " <a href=' " . PROJECT_PATH . " /core/domain_settings/domains.php?domain_uuid= " . $domain [ 'domain_uuid' ] . " &domain_change=true' " . (( $domain [ 'domain_uuid' ] == $_SESSION [ 'domain_uuid' ]) ? " style='font-weight: bold;' " : null ) . " > " . $domain [ 'domain_name' ] . " </a> \n " ;
if ( $domain [ 'domain_description' ] != '' ) {
echo " <span class= \" domain_list_item_description \" > - " . $domain [ 'domain_description' ] . " </span> \n " ;
}
echo " </div> \n " ;
$ary_domain_names [] = $domain [ 'domain_name' ];
$ary_domain_descs [] = str_replace ( '"' , '\"' , $domain [ 'domain_description' ]);
}
?>
</ div >
< script >
var domain_names = new Array ( " <?php echo implode(' " , " ', $ary_domain_names )?> " );
var domain_descs = new Array ( " <?php echo implode(' " , " ', $ary_domain_descs )?> " );
function domain_search ( criteria ) {
for ( var x = 0 ; x < domain_names . length ; x ++ ) {
if ( domain_names [ x ] . toLowerCase () . match ( criteria . toLowerCase ()) || domain_descs [ x ] . toLowerCase () . match ( criteria . toLowerCase ())) {
document . getElementById ( domain_names [ x ]) . style . display = '' ;
}
else {
document . getElementById ( domain_names [ x ]) . style . display = 'none' ;
}
}
}
</ script >
</ div >
</ div >
< ? php
}
2016-03-27 11:22:42 +02:00
2016-03-25 23:29:20 +01:00
// qr code container for contacts
echo " <div id='qr_code_container' style='display: none;' onclick=' $ (this).fadeOut(400);'> " ;
echo " <table cellpadding='0' cellspacing='0' border='0' width='100%' height='100%'><tr><td align='center' valign='middle'> " ;
echo " <span id='qr_code' onclick= \" $ ('#qr_code_container').fadeOut(400); \" ></span> " ;
echo " </td></tr></table> " ;
echo " </div> " ;
2016-03-26 02:38:57 +01:00
if ( ! $default_login ) {
2016-03-25 23:29:20 +01:00
2016-03-26 02:38:57 +01:00
//*************** BOOTSTRAP MENU ********************************
function show_menu ( $menu_array , $menu_style , $menu_position ) {
2016-03-27 11:22:42 +02:00
global $text ;
2016-03-26 02:38:57 +01:00
//determine menu behavior
switch ( $menu_style ) {
case 'inline' :
$menu_type = 'default' ;
$menu_width = 'calc(100% - 40px)' ;
$menu_brand = false ;
break ;
case 'static' :
$menu_type = 'static-top' ;
$menu_width = 'calc(100% - 40px)' ;
$menu_brand = true ;
2016-03-27 09:03:13 +02:00
$menu_corners = " style='-webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;' " ;
2016-03-26 02:38:57 +01:00
break ;
case 'fixed' :
default :
$menu_position = ( $menu_position != '' ) ? $menu_position : 'top' ;
$menu_type = 'fixed-' . $menu_position ;
$menu_width = 'calc(90% - 40px)' ;
$menu_brand = true ;
}
?>
2016-03-25 23:29:20 +01:00
2016-03-27 08:46:06 +02:00
< nav class = " navbar navbar-inverse navbar-<?php echo $menu_type ; ?> " < ? php echo $menu_corners ; ?> >
2016-03-26 02:38:57 +01:00
< div class = " container-fluid " style = 'width: <?php echo $menu_width; ?>; padding: 0;' >
< div class = " navbar-header " >
< button type = " button " class = " navbar-toggle collapsed " data - toggle = " collapse " data - target = " #main_navbar " aria - expanded = " false " aria - controls = " navbar " >
< span class = " sr-only " > Toggle navigation </ span >
2016-03-27 08:32:19 +02:00
< span class = " icon-bar " style = 'margin-top: 1px;' ></ span >
2016-03-26 02:38:57 +01:00
< span class = " icon-bar " ></ span >
< span class = " icon-bar " ></ span >
</ button >
2016-03-25 23:29:20 +01:00
< ? php
2016-03-26 02:38:57 +01:00
if ( $menu_brand ) {
//define menu brand link
if ( strlen ( PROJECT_PATH ) > 0 ) {
$menu_brand_link = PROJECT_PATH ;
}
else if ( ! $default_login ) {
$menu_brand_link = '/' ;
}
//define menu brand mark
$menu_brand_text = ( $_SESSION [ 'theme' ][ 'menu_brand_text' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'menu_brand_text' ][ 'text' ] : " FusionPBX " ;
2016-03-28 16:22:59 +02:00
if ( $_SESSION [ 'theme' ][ 'menu_brand_type' ][ 'text' ] == 'image' || $_SESSION [ 'theme' ][ 'menu_brand_type' ][ 'text' ] == '' ) {
2016-03-26 02:38:57 +01:00
$menu_brand_image = ( isset ( $_SESSION [ 'theme' ][ 'menu_brand_image' ][ 'text' ])) ? $_SESSION [ 'theme' ][ 'menu_brand_image' ][ 'text' ] : PROJECT_PATH . " /themes/default/images/logo_header.png " ;
echo " <img class='pull-left hidden-xs navbar-logo' src=' " . $menu_brand_image . " ' title= \" " . $menu_brand_text . " \" onclick= \" document.location.href=' " . $menu_brand_link . " '; \" > " ;
echo " <img class='pull-left visible-xs navbar-logo' src=' " . $menu_brand_image . " ' title= \" " . $menu_brand_text . " \" onclick= \" document.location.href=' " . $menu_brand_link . " '; \" style='margin-left: 21px;'> " ;
}
2016-03-28 16:22:59 +02:00
else if ( $_SESSION [ 'theme' ][ 'menu_brand_type' ][ 'text' ] == 'text' ) {
2016-03-26 02:38:57 +01:00
echo " <div class='pull-left'><a class='navbar-brand' href= \" " . $menu_brand_link . " \" > " . $menu_brand_text . " </a></div> \n " ;
2016-03-25 23:29:20 +01:00
}
}
//domain name/selector
if ( $_SESSION [ " username " ] != '' && permission_exists ( " domain_select " ) && count ( $_SESSION [ 'domains' ]) > 1 ) {
2016-03-26 02:38:57 +01:00
echo " <ul class='nav navbar-nav pull-right visible-xs'> \n " ;
echo " <li><a href='#' style='padding: 8px 4px 6px 0;' class='domain_selector_domain' title=' " . $text [ 'theme-label-open_selector' ] . " '> " . $_SESSION [ 'domain_name' ] . " </a></li> \n " ;
echo " </ul> \n " ;
2016-03-25 23:29:20 +01:00
}
?>
2016-03-26 02:38:57 +01:00
</ div >
< div class = " collapse navbar-collapse " id = " main_navbar " >
< ul class = " nav navbar-nav " >
< ? php
foreach ( $menu_array as $index_main => $menu_parent ) {
$submenu = false ;
if ( is_array ( $menu_parent [ 'menu_items' ]) && sizeof ( $menu_parent [ 'menu_items' ]) > 0 ) {
$mod_li = " class='dropdown' " ;
$mod_a_1 = " class='dropdown-toggle text-left' data-toggle='dropdown' " ;
$submenu = true ;
}
$mod_a_2 = ( $menu_parent [ 'menu_item_link' ] != '' ) ? $menu_parent [ 'menu_item_link' ] : '#' ;
$mod_a_3 = ( $menu_parent [ 'menu_item_category' ] == 'external' ) ? " target='_blank' " : null ;
2016-04-06 00:41:58 +02:00
if ( $_SESSION [ 'theme' ][ 'menu_main_icons' ][ 'boolean' ] == 'true' || $_SESSION [ 'theme' ][ 'menu_main_icons' ][ 'boolean' ] == '' ) {
switch ( $menu_parent [ 'menu_item_title' ]) {
case " Home " : $glyph = 'home' ; break ;
case " Accounts " : $glyph = 'user' ; break ;
case " Dialplan " : $glyph = 'transfer' ; break ;
case " Apps " : $glyph = 'send' ; break ;
case " Status " : $glyph = 'equalizer' ; break ;
case " Advanced " : $glyph = 'cog' ; break ;
default : $glyph = null ;
}
$menu_main_icon = ( $glyph != '' ) ? " <span class='glyphicon glyphicon- " . $glyph . " ' title= \" " . $menu_parent [ 'menu_language_title' ] . " \" ></span> " : null ;
2016-03-26 02:38:57 +01:00
}
echo " <li " . $mod_li . " > \n " ;
2016-04-06 00:41:58 +02:00
echo " <a " . $mod_a_1 . " href=' " . $mod_a_2 . " ' " . $mod_a_3 . " > " . $menu_main_icon . " <span class='hidden-sm'> " . $menu_parent [ 'menu_language_title' ] . $mod_title . " </span></a> \n " ;
2016-03-26 02:38:57 +01:00
if ( $submenu ) {
echo " <ul class='dropdown-menu'> \n " ;
foreach ( $menu_parent [ 'menu_items' ] as $index_sub => $menu_sub ) {
2016-03-28 10:25:13 +02:00
$mod_a_2 = $menu_sub [ 'menu_item_link' ];
if ( $mod_a_2 == '' ){
$mod_a_2 = '#' ;
}
else if (( $menu_sub [ 'menu_item_category' ] == 'internal' ) ||
(( $menu_sub [ 'menu_item_category' ] == 'external' ) && substr ( $mod_a_2 , 0 , 1 ) == " / " ))
{
$mod_a_2 = PROJECT_PATH . $mod_a_2 ;
}
2016-03-26 02:38:57 +01:00
$mod_a_3 = ( $menu_sub [ 'menu_item_category' ] == 'external' ) ? " target='_blank' " : null ;
2016-03-27 08:32:19 +02:00
if ( $_SESSION [ 'theme' ][ 'menu_sub_icons' ][ 'boolean' ] == 'true' ) {
2016-03-26 02:38:57 +01:00
$mod_nw = ( $menu_sub [ 'menu_item_category' ] == 'external' ) ? " <span class='glyphicon glyphicon-new-window'></span> " : null ;
switch ( $menu_sub [ 'menu_item_title' ]) {
case 'Logout' : $mod_icon = " <span class='glyphicon glyphicon-log-out'></span> " ; break ;
default : $mod_icon = null ;
}
}
echo " <li><a href=' " . $mod_a_2 . " ' " . $mod_a_3 . " > " . (( $_SESSION [ 'theme' ][ 'menu_sub_icons' ]) ? " <span class='glyphicon glyphicon-minus visible-xs pull-left' style='margin: 4px 10px 0 25px;'></span> " : null ) . $menu_sub [ 'menu_language_title' ] . $mod_icon . $mod_nw . " </a></li> \n " ;
}
echo " </ul> \n " ;
}
echo " </li> \n " ;
}
?>
</ ul >
< ul class = " nav navbar-nav navbar-right " >
< ? php
//domain name/selector
if ( $_SESSION [ " username " ] != '' && permission_exists ( " domain_select " ) && count ( $_SESSION [ 'domains' ]) > 1 ) {
echo " <li class='hidden-xs'><a href='#' class='domain_selector_domain' title=' " . $text [ 'theme-label-open_selector' ] . " '> " . $_SESSION [ 'domain_name' ] . " </a></li> " ;
}
//logout icon
if ( $_SESSION [ 'username' ] != '' && $_SESSION [ 'theme' ][ 'logout_icon_visible' ][ 'text' ] == " true " ) {
$username_full = $_SESSION [ 'username' ] . (( count ( $_SESSION [ 'domains' ]) > 1 ) ? " @ " . $_SESSION [ " user_context " ] : null );
2016-03-27 11:22:42 +02:00
echo " <li class='hidden-xs'><a href=' " . PROJECT_PATH . " /logout.php' title= \" " . $text [ 'theme-label-logout' ] . " \" onclick= \" return confirm(' " . $text [ 'theme-confirm-logout' ] . " ') \" ><span class='glyphicon glyphicon-log-out'></span></a></li> " ;
2016-03-26 02:38:57 +01:00
unset ( $username_full );
}
?>
</ ul >
</ div >
2016-03-25 23:29:20 +01:00
</ div >
2016-03-26 02:38:57 +01:00
</ nav >
2016-03-25 23:29:20 +01:00
2016-03-26 02:38:57 +01:00
< ? php
}
//determine menu configuration
$menu = new menu ;
$menu -> db = $db ;
$menu -> menu_uuid = $_SESSION [ 'domain' ][ 'menu' ][ 'uuid' ];
$menu_array = $menu -> menu_array ();
unset ( $menu );
$menu_style = ( $_SESSION [ 'theme' ][ 'menu_style' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'menu_style' ][ 'text' ] : 'fixed' ;
$menu_position = ( $_SESSION [ 'theme' ][ 'menu_position' ][ 'text' ]) ? $_SESSION [ 'theme' ][ 'menu_position' ][ 'text' ] : 'top' ;
2016-03-29 07:39:42 +02:00
$open_container = " <div class='container-fluid' style='padding: 0;' align='center'> " ;
2016-03-26 02:38:57 +01:00
switch ( $menu_style ) {
case 'inline' :
$logo_align = ( $_SESSION [ 'theme' ][ 'logo_align' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'logo_align' ][ 'text' ] : 'left' ;
echo str_replace ( " center " , $logo_align , $open_container );
if ( $_SERVER [ 'PHP_SELF' ] != PROJECT_PATH . " /resources/install.php " ) {
2016-03-27 08:32:19 +02:00
$logo = ( $_SESSION [ 'theme' ][ 'logo' ][ 'text' ] != '' ) ? $_SESSION [ 'theme' ][ 'logo' ][ 'text' ] : PROJECT_PATH . " /themes/default/images/logo.png " ;
2016-03-26 02:38:57 +01:00
echo " <a href=' " . (( PROJECT_PATH != '' ) ? PROJECT_PATH : '/' ) . " '><img src=' " . $logo . " ' style='padding: 15px 20px;'></a> " ;
}
show_menu ( $menu_array , $menu_style , $menu_position );
$body_top_style = " style='padding-top: 0px; margin-top: -8px;' " ;
break ;
case 'static' :
echo $open_container ;
show_menu ( $menu_array , $menu_style , $menu_position );
2016-03-27 08:46:06 +02:00
$body_top_style = " style='padding: 0; margin-top: -5px;' " ;
2016-03-26 02:38:57 +01:00
break ;
case 'fixed' :
show_menu ( $menu_array , $menu_style , $menu_position );
echo $open_container ;
switch ( $menu_position ) {
2016-03-26 02:49:52 +01:00
case 'bottom' : $body_top_style = " style='margin-top: 30px;' " ; break ;
2016-03-26 02:38:57 +01:00
case 'top' : $body_top_style = " style='margin-top: 65px;' " ; break ;
}
}
?>
2016-03-25 23:29:20 +01:00
2016-03-26 02:38:57 +01:00
< table width = '100%' border = '0' cellpadding = '0' cellspacing = '0' < ? php echo $body_top_style ; ?> >
2016-03-25 23:29:20 +01:00
< tr >
2016-03-26 02:38:57 +01:00
< td align = 'left' valign = 'top' >
2016-03-25 23:29:20 +01:00
< table border = '0' cellpadding = '0' cellspacing = '0' width = '100%' >
< tr >
< td width = '100%' style = 'padding-right: 15px;' align = 'right' valign = 'middle' >
< ? php
// login form
2016-03-26 19:22:15 +01:00
if ( $_SERVER [ 'PHP_SELF' ] != PROJECT_PATH . " /core/install/install.php " && ! $default_login ) {
2016-03-25 23:29:20 +01:00
if ( strlen ( $_SESSION [ " username " ]) == 0 ) {
//add multi-lingual support
require_once " core/user_settings/app_languages.php " ;
foreach ( $text as $key => $value ) {
$text [ $key ] = $value [ $_SESSION [ 'domain' ][ 'language' ][ 'code' ]];
}
//set a default login destination
if ( strlen ( $_SESSION [ 'login' ][ 'destination' ][ 'url' ]) == 0 ) {
$_SESSION [ 'login' ][ 'destination' ][ 'url' ] = PROJECT_PATH . " /core/user_settings/user_dashboard.php " ;
}
//login form
echo " <div align='right'> \n " ;
echo " <form name='login' METHOD= \" POST \" action= \" " . $_SESSION [ 'login' ][ 'destination' ][ 'url' ] . " \" > \n " ;
echo " <input type='hidden' name='path' value=' " . $_GET [ 'path' ] . " '> \n " ;
echo " <table width='200' border='0'> \n " ;
echo " <tr> \n " ;
echo " <td> \n " ;
echo " <input type='text' class='formfld' style='min-width: 150px; width: 105px; text-align: center;' name='username' placeholder= \" " . $text [ 'label-username' ] . " \" > \n " ;
echo " </td> \n " ;
echo " <td align='left'> \n " ;
echo " <input type='password' class='formfld' style='min-width: 150px; width: 105px; text-align: center;' name='password' placeholder= \" " . $text [ 'label-password' ] . " \" > \n " ;
echo " </td> \n " ;
if ( $_SESSION [ 'login' ][ 'domain_name.visible' ][ 'boolean' ] == " true " ) {
echo " <td align='left'> \n " ;
echo " <strong> " . $text [ 'label-domain' ] . " :</strong> \n " ;
echo " </td> \n " ;
echo " <td> \n " ;
if ( count ( $_SESSION [ 'login' ][ 'domain_name' ]) > 0 ) {
echo " <select style='width: 150px;' class='formfld' name='domain_name'> \n " ;
echo " <option value=''></option> \n " ;
foreach ( $_SESSION [ 'login' ][ 'domain_name' ] as & $row ) {
echo " <option value=' $row '> $row </option> \n " ;
}
echo " </select> \n " ;
}
else {
echo " <input type='text' style='min-width: 150px; width: 150px;' class='formfld' name='domain_name'> \n " ;
}
echo " </td> \n " ;
}
echo " <td align='right'> \n " ;
echo " <input type='submit' class='btn' style='margin-left: 5px;' value= \" " . $text [ 'button-login' ] . " \" > \n " ;
echo " </td> \n " ;
echo " </tr> \n " ;
echo " </table> \n " ;
echo " </form> " ;
echo " </div> " ;
}
}
?>
</ td >
</ tr >
</ table >
</ td >
</ tr >
< tr >
< td valign = 'top' align = 'center' >
< table cellpadding = '0' cellspacing = '0' border = '0' align = 'center' width = '100%' >
< tr >
< td id = 'main_content' valign = 'top' align = 'center' >
<!-- { body } -->
</ td >
</ tr >
</ table >
</ td >
</ tr >
</ table >
2016-04-02 22:26:29 +02:00
< div id = 'footer' style = 'width: 100%; margin-bottom: 60px;' >
< span class = 'footer' >
< ? php
if ( isset ( $_SESSION [ 'theme' ][ 'footer' ][ 'text' ])) {
echo $_SESSION [ 'theme' ][ 'footer' ][ 'text' ];
}
else {
echo " " ;
echo " © " . $text [ 'theme-label-copyright' ] . " 2008 - " . date ( " Y " ) . " <a href='http://www.fusionpbx.com' class='footer' target='_blank'>fusionpbx.com</a> " . $text [ 'theme-label-all_rights_reserved' ];
}
?>
</ span >
</ div >
2016-03-25 23:29:20 +01:00
</ div >
< ? php
}
// default login being used
else {
$logo = ( isset ( $_SESSION [ 'theme' ][ 'logo' ][ 'text' ])) ? $_SESSION [ 'theme' ][ 'logo' ][ 'text' ] : PROJECT_PATH . " /themes/default/images/logo.png " ;
?>
< div id = " main_content " style = 'position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 0;' >
< table cellpadding = '0' cellspacing = '0' border = '0' width = '100%' height = '100%' >
< tr >
< td align = 'center' valign = 'middle' >
< span id = 'default_login' >
< a href = '<?php echo PROJECT_PATH; ?>/' >< img src = '<?php echo $logo; ?>' width = '250' ></ a >< br />
<!-- { body } -->
</ span >
</ td >
</ tr >
2016-03-27 11:09:50 +02:00
< tr >
< td style = 'width: 100%; height: 40px; vertical-align: bottom;' >
2016-04-02 22:07:06 +02:00
< div id = 'footer' style = 'width: 100%;' >< span class = 'footer' >
< ? php
if ( isset ( $_SESSION [ 'theme' ][ 'footer' ][ 'text' ])) {
echo $_SESSION [ 'theme' ][ 'footer' ][ 'text' ];
}
else {
2016-04-02 22:26:29 +02:00
echo " " ;
2016-04-02 22:07:06 +02:00
echo " © " . $text [ 'theme-label-copyright' ] . " 2008 - " . date ( " Y " ) . " <a href='http://www.fusionpbx.com' class='footer' target='_blank'>fusionpbx.com</a> " . $text [ 'theme-label-all_rights_reserved' ];
}
?>
</ span >
</ div >
2016-03-27 11:09:50 +02:00
</ td >
</ tr >
2016-03-25 23:29:20 +01:00
</ table >
</ div >
2016-03-27 11:09:50 +02:00
2016-03-25 23:29:20 +01:00
< ? php
}
?>
</ body >
</ html >
