egroupware_official/pixelegg/css/pixelegg.less
Hadi Nategh 11d4aaf7c1 Some UI/UX improvements:
- Fix tabs headers alignment and resize
- Implement a loading page to obscure actual DOM rendering from user's view
2019-08-06 10:00:53 +02:00

389 lines
13 KiB
Plaintext

/**
* EGroupware: pixelegg standard 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 "monochrome.less";
@import "../less/app_colors.less";
// Addressbook
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #addressbook_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: fade(@addressbook-color, 30%);
border-left:4px solid @addressbook-color !important;
}
#egw_fw_firstload {
position: absolute;
top: 0;
left: 0;
bottom: 0;
background: white;
height: 100%;
width: 100%;
&:before{
content:"";
display: inline-block;
position: absolute;
width: 100%;
height: 100%;
background-image: url(../../pixelegg/images/loading.svg);
background-position: center;
background-repeat: no-repeat;
-webkit-animation: fw-firstload 2s infinite;
animation: fw-firstload 2s infinite;
-moz-animation: fw-firstload 2s infinite;
background-size: 50%;
}
}
#egw_fw_sidebar {
#egw_fw_sidemenu {
#addressbook_sidebox_content {
.egw_fw_ui_category_active {
background-color: @addressbook-color !important;
}
}
#infolog_sidebox_content {
.egw_fw_ui_category_active {
background-color: @infolog-color !important;
}
}
#mail_sidebox_content {
.egw_fw_ui_category_active {
background-color: @mail-color !important;
}
}
#calendar_sidebox_content {
.egw_fw_ui_category_active {
background-color: @calendar-color !important;
}
}
#tracker_sidebox_content {
.egw_fw_ui_category_active {
background-color: @tracker-color !important;
}
}
#timesheet_sidebox_content {
.egw_fw_ui_category_active {
background-color: @timesheet-color !important;
}
}
#admin_sidebox_content {
.egw_fw_ui_category_active {
background-color: @admin-color !important;
}
}
#resources_sidebox_content {
.egw_fw_ui_category_active {
background-color: @resources-color !important;
}
}
#filemanager_sidebox_content {
.egw_fw_ui_category_active {
background-color: @filemanager-color !important;
}
}
#bookmarks_sidebox_content {
.egw_fw_ui_category_active {
background-color: @bookmarks-color !important;
}
}
#projectmanager_sidebox_content {
.egw_fw_ui_category_active {
background-color: @projectmanager-color !important;
}
}
#ranking_sidebox_content {
.egw_fw_ui_category_active {
background-color: @ranking-color !important;
}
}
}
}
#addressbook_sidebox_header.egw_fw_ui_sidemenu_entry_header_active{
border-top:4px solid @addressbook-color !important;
border-left:0px !important;
}
#addressbook_sidebox_header {border-left:4px solid @addressbook-color !important;}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #addressbook-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
border-top: 4px solid;
border-top-color: @addressbook-color;
border-top-width: 4px !important;
}
// Admin
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #admin_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: fade(@admin-color, 30%);
border-left:4px solid @admin-color !important;
}
#admin_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
border-top:4px solid @admin-color !important;
border-left:0px !important;
}
#admin_sidebox_header {border-left:4px solid @admin-color !important;}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #admin-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
border-top: 4px solid;
border-top-color: @admin-color;
border-top-width: 4px !important;
}
// Bookmarks
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #bookmarks_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: fade(@bookmarks-color, 30%);
border-left:4px solid @bookmarks-color !important;
}
#bookmarks_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
border-top:4px solid @bookmarks-color !important;
border-left: 0px !important;
}
#bookmarks_sidebox_header {border-left:4px solid @bookmarks-color !important;}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #bookmarks-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
border-top: 4px solid;
border-top-color: @bookmarks-color;
border-top-width: 4px !important;
}
// Calendar
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #calendar_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: fade(@calendar-color, 30%);
border-left:4px solid @calendar-color !important;
}
#calendar_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
border-top:4px solid @calendar-color !important;
border-left:0px !important;
}
#calendar_sidebox_header {border-left:4px solid @calendar-color !important;}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #calendar-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
border-top: 4px solid;
border-top-color: @calendar-color;
border-top-width: 4px !important;
}
// Filemanager
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #filemanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: fade(@filemanager-color, 30%);
border-left:4px solid @filemanager-color !important;
}
#filemanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
border-top:4px solid @filemanager-color !important;
border-left: 0px !important;
}
#filemanager_sidebox_header {border-left:4px solid @filemanager-color !important;}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #filemanager-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
border-top: 4px solid;
border-top-color: @filemanager-color;
border-top-width: 4px !important;
}
// Infolog
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #infolog_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: fade(@infolog-color, 30%);
border-left:4px solid @infolog-color !important;
}
#infolog_sidebox_header{
border-left:4px solid @infolog-color !important;
}
#infolog_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
border-top:4px solid @infolog-color !important;
border-left: 0px !important;
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #infolog-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
border-top: 4px solid;
border-top-color: @infolog-color;
border-top-width: 4px !important;
}
// Mail
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #mail_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: fade(@mail-color, 30%);
border-left:4px solid @mail-color !important;
}
#mail_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
border-top:4px solid @mail-color !important;
border-left: 0px !important;
}
#mail_sidebox_header {
border-left:4px solid @mail-color !important;
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #mail-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
border-top: 4px solid;
border-top-color: @mail-color;
border-top-width: 4px !important;
}
// Projectmanager
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #projectmanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: fade(@projectmanager-color, 30%);
border-left:4px solid @projectmanager-color !important;
}
#projectmanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
border-top:4px solid @projectmanager-color !important;
border-left: 0px !important;
}
#projectmanager_sidebox_header {border-left:4px solid @projectmanager-color !important;}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #projectmanager-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
border-top: 4px solid;
border-top-color: @projectmanager-color;
border-top-width: 4px !important;
}
// Resources
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #resources_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: fade(@resources-color, 30%);
border-left:4px solid @resources-color !important;
}
#resources_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
border-top:4px solid @resources-color !important;
border-left: 0px !important;
}
#resources_sidebox_header {border-left:4px solid @resources-color !important;}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #resources-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
border-top: 4px solid;
border-top-color: @resources-color;
border-top-width: 4px !important;
}
// Timesheet
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #timesheet_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: fade(@timesheet-color, 30%);
border-left:4px solid @timesheet-color !important;
}
#timesheet_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
border-top:4px solid @timesheet-color !important;
border-left: 0px !important;
}
#timesheet_sidebox_header {border-left:4px solid @timesheet-color !important;}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #timesheet-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
border-top: 4px solid;
border-top-color: @timesheet-color;
border-top-width: 4px !important;
}
// Tracker
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #tracker_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: fade(@tracker-color, 30%);
border-left:4px solid @tracker-color !important;
}
#tracker_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
border-top:4px solid @tracker-color !important;
border-left: 0px !important;
}
#tracker_sidebox_header {border-left:4px solid @tracker-color !important;}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #tracker-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
border-top: 4px solid;
border-top-color: @tracker-color;
border-top-width: 4px !important;
}
// Wiki
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #wiki_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: fade(@wiki-color, 30%);
border-left:4px solid @wiki-color !important;
}
#wiki_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
border-top:4px solid @wiki-color !important;
border-left: 0px !important;
}
#wiki_sidebox_header {border-left:4px solid @wiki-color !important;}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #wiki-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
border-top: 4px solid;
border-top-color: @wiki-color;
border-top-width: 4px !important;
}
// Ranking
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #ranking_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
background-color: fade(@ranking-color, 30%);
border-left:4px solid @ranking-color !important;
}
#ranking_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
border-top:4px solid @ranking-color !important;
border-left: 0px !important;
}
#ranking_sidebox_header {border-left:4px solid @ranking-color !important;}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #ranking-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
border-top: 4px solid;
border-top-color: @ranking-color;
border-top-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,
.standartTreeImage {
filter: none;
}
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn {
.egw_fw_ui_scrollarea_outerdiv {
.egw_fw_ui_sidemenu_entry_header_active {
border-top: 0px !important;
margin-left: 3px !important;
padding-top: 6px;
}
}
}
#egw_fw_sidebar {
#egw_fw_sidemenu{
.egw_fw_ui_scrollarea_outerdiv {
.egw_fw_ui_sidemenu_entry_header {
border-left:4px solid @default-color;
}
.egw_fw_ui_sidemenu_entry_icon {
filter: none;
}
.egw_fw_ui_sidemenu_entry_header_active {
border-top: 4px solid @default-color;
border-left: 0px;
}
}
}
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active {
border-top-color: @default-color;
border-top: 4px solid;
}
#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 {
}
.egwGridView_scrollarea tr.row_category > td:first-child, .select-cat li {
border-left: 4px solid transparent;
}
.et2_taglist_category span[class*="cat_"]:not([class*="cat_level"]) {width:4px;}
.et2_taglist_category.et2_taglist_single span[class*="cat_"]:not([class*="cat_level"]) {
height: 1.5em;
margin-bottom: -6px;
position: absolute;
margin-left: -8px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
img.et2_button_icon[src*="svg"], img.et2_button_icon[src*="svg"]:hover {
background-color: transparent;
background-image: none;
}