egroupware_official/pixelegg/css/modern.less

/**
 * EGroupware: modern theme
 *
 * Please do NOT change css-files directly, instead change less-files and compile them!
 *
 * @link http://www.egroupware.org
 * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
 * @author Hadi Nategh <hn@stylite.de>
 * @package pixelegg
 * @version $Id$
 */
@import "pixelegg.less";
@import "../mobile/app_colors.less";

// Addressbook
#egw_fw_sidemenu.egw_fw_sidebar_toggleOn #addressbook_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
	background-color: fade(@addressbook-color, 30%);
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #addressbook-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
	border-bottom: 4px solid;
	border-bottom-color: @addressbook-color;
	border-bottom-width: 4px !important;
}
// Admin
#egw_fw_sidemenu.egw_fw_sidebar_toggleOn #admin_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
	background-color: fade(@admin-color, 30%);
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #admin-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
	border-bottom: 4px solid;
	border-bottom-color: @admin-color;
	border-bottom-width: 4px !important;
}
// Bookmarks
#egw_fw_sidemenu.egw_fw_sidebar_toggleOn #bookmarks_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
	background-color: fade(@bookmarks-color, 30%);
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #bookmarks-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
	border-bottom: 4px solid;
	border-bottom-color: @bookmarks-color;
	border-bottom-width: 4px !important;
}

// Calendar
#egw_fw_sidemenu.egw_fw_sidebar_toggleOn #calendar_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
	background-color: fade(@calendar-color, 30%);
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #calendar-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
	border-bottom: 4px solid;
	border-bottom-color: @calendar-color;
	border-bottom-width: 4px !important;
}
// Filemanager
#egw_fw_sidemenu.egw_fw_sidebar_toggleOn #filemanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
	background-color: fade(@filemanager-color, 30%);
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #filemanager-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
	border-bottom: 4px solid;
	border-bottom-color: @filemanager-color;
	border-bottom-width: 4px !important;
}
// Infolog
#egw_fw_sidemenu.egw_fw_sidebar_toggleOn #infolog_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
	background-color: fade(@infolog-color, 30%);
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #infolog-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
	border-bottom: 4px solid;
	border-bottom-color: @infolog-color;
	border-bottom-width: 4px !important;
}
// Mail
#egw_fw_sidemenu.egw_fw_sidebar_toggleOn #mail_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
	background-color: fade(@mail-color, 30%);
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #mail-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
	border-bottom: 4px solid;
	border-bottom-color: @mail-color;
	border-bottom-width: 4px !important;
}
// Projectmanager
#egw_fw_sidemenu.egw_fw_sidebar_toggleOn #projectmanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
	background-color: fade(@projectmanager-color, 30%);
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #projectmanager-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
	border-bottom: 4px solid;
	border-bottom-color: @projectmanager-color;
	border-bottom-width: 4px !important;
}
// Resources
#egw_fw_sidemenu.egw_fw_sidebar_toggleOn #resources_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
	background-color: fade(@resources-color, 30%);
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #resources-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
	border-bottom: 4px solid;
	border-bottom-color: @resources-color;
	border-bottom-width: 4px !important;
}

// Timesheet
#egw_fw_sidemenu.egw_fw_sidebar_toggleOn #timesheet_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
	background-color: fade(@timesheet-color, 30%);
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #timesheet-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
	border-bottom: 4px solid;
	border-bottom-color: @timesheet-color;
	border-bottom-width: 4px !important;
}
// Tracker
#egw_fw_sidemenu.egw_fw_sidebar_toggleOn #tracker_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
	background-color: fade(@tracker-color, 30%);
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #tracker-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
	border-bottom: 4px solid;
	border-bottom-color: @tracker-color;
	border-bottom-width: 4px !important;
}
//Wiki
#egw_fw_sidemenu.egw_fw_sidebar_toggleOn #wiki_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
	background-color: fade(@wiki-color, 30%);
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #wiki-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
	border-bottom: 4px solid;
	border-bottom-color: @wiki-color;
	border-bottom-width: 4px !important;
}

#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header img.egw_fw_ui_tab_icon {filter: none;}

#egw_fw_sidebar {
	#egw_fw_sidemenu.egw_fw_sidebar_toggleOn {
		.egw_fw_ui_scrollarea_outerdiv {
			.egw_fw_ui_sidemenu_entry_header_active {
				margin-left: 3px;
				padding-top: 3px;
			}
		}
	}
	#egw_fw_sidemenu{
		.egw_fw_ui_scrollarea_outerdiv {
			.egw_fw_ui_sidemenu_entry_icon {
				filter: none;
			}
			.egw_fw_ui_sidemenu_entry_header_active {
				border-top-left-radius: 5px;
				&:hover {
					border-radius: 5px 0px 0px 0px;
				}
				&:active {
					border-radius: 5px 0px 0px 0px;
				}
			}
		}
	}
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active {padding-bottom: 4px;}

#egw_fw_header {
	#egw_fw_topmenu {
		#egw_fw_topmenu_items {
			ul a#topmenu_cats {
				background-image: url(../images/topmenu_items/category.svg);
			}
			ul a#topmenu_password {
				background-image: url(../images/topmenu_items/password.svg);
			}
			ul a#topmenu_search {
				background-image: url(../images/topmenu_items/search.svg);
			}
			ul a#topmenu_prefs {
				background-image: url(../images/topmenu_items/setup.svg);
			}
			ul a#topmenu_home {
				background-image: url(../images/topmenu_items/home.svg);
			}
			ul a#topmenu_acl {
				background-image: url(../images/topmenu_items/access.svg);
			}
		}
	}
}

div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item td.sub_item_icon img[src*="svg"] {
	background-color : transparent;
	background-image: none;
}
div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item td.sub_item_icon {
	filter: none;
}