mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-10-05 09:42:30 +02:00
initial import of pixelegg template
This commit is contained in:
Ralf Becker
parent
dbd2a7e9ca
commit
4809a8dccb
7371
pixelegg/css/pixelegg.css
Normal file
7371
pixelegg/css/pixelegg.css
Normal file
File diff suppressed because it is too large
Load Diff
52
pixelegg/css/pixelegg.less
Normal file
52
pixelegg/css/pixelegg.less
Normal file
@ -0,0 +1,52 @@
|
||||
/**
|
||||
* EGroupware: Stylite Pixelegg template
|
||||
*
|
||||
* et2 Messages
|
||||
*
|
||||
* 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 Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||||
* @package pixelegg
|
||||
* @version $Id$
|
||||
*/
|
||||
|
||||
/**
|
||||
* addapted from orginal styles.php
|
||||
*/
|
||||
/**
|
||||
* EGroupware general def_*.less are moved to phpgwapi/templates/default/*.less
|
||||
* so they can be included from app specific files and are independent of Pixelegg template
|
||||
*/
|
||||
@import "../../phpgwapi/templates/idots/css/traditional.less";
|
||||
@import "../../phpgwapi/templates/default/def_buttons.less";
|
||||
@import "../../phpgwapi/templates/default/def_messages.less";
|
||||
@import "../../phpgwapi/templates/default/def_design_pattern_color_font_shadow.less";
|
||||
@import "../../phpgwapi/templates/default/def_content_elements.less";
|
||||
@import "../../phpgwapi/templates/default/def_icons.less";
|
||||
/**
|
||||
* All app_* files are now again in $app/templates/default/app.less&css and will be included independent
|
||||
*
|
||||
* If some settings are Pixelegg template specific, please create $app/templates/pixelegg.less&css
|
||||
* files AND include ../default/app.less from there
|
||||
*/
|
||||
/**
|
||||
* not sure about these files, in general it is not a good idea to replace
|
||||
* files from other projects, was we need to update them regulary.
|
||||
* Would be a lot better to include their css files and only overwrite
|
||||
* neccesarry settings
|
||||
*/
|
||||
@import "../less/jquery-ui-1_10_3_custom_css.less";
|
||||
@import "../less/magicsuggest.less";
|
||||
@import "../less/chosen.less";
|
||||
// next one sounds et2 specific, in which case it should go to etemplate ...
|
||||
@import "../less/et2_table.less";
|
||||
/**
|
||||
* layout_*.less files are Pixelegg template specific
|
||||
*/
|
||||
@import "../less/layout_loginPage.less";
|
||||
@import "../less/layout_raster.less";
|
||||
@import "../less/layout_nextmatch.less";
|
||||
@import "../less/layout_footer.less";
|
||||
@import "../less/print.less";
|
||||
126
pixelegg/hook_settings.inc.php
Normal file
126
pixelegg/hook_settings.inc.php
Normal file
@ -0,0 +1,126 @@
|
||||
<?php
|
||||
/**
|
||||
* EGroupware: Stylite Pixelegg template
|
||||
*
|
||||
* @link http://www.egroupware.org
|
||||
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||||
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||||
* @package pixelegg
|
||||
* @version $Id$
|
||||
*/
|
||||
|
||||
/**
|
||||
* @todo extend Stylite template preferences instead of this copy (simple include fails)
|
||||
*/
|
||||
$apps = $no_navbar_apps = array();
|
||||
if (!$hook_data['setup']) // does not work on setup time
|
||||
{
|
||||
foreach(ExecMethod('pixelegg.pixelegg_framework.navbar_apps') as $app => $data)
|
||||
{
|
||||
if (!$data['noNavbar'])
|
||||
{
|
||||
$apps[$app] = $data['title'];
|
||||
}
|
||||
else
|
||||
{
|
||||
$no_navbar_apps[$app] = $data['title'];
|
||||
}
|
||||
}
|
||||
$apps += $no_navbar_apps;
|
||||
unset($app); unset($data);
|
||||
}
|
||||
|
||||
$colors = array(
|
||||
'#4b89d8' => lang('dark blue'),
|
||||
'#010101' => lang('black'),
|
||||
'#a3620a' => lang('brown'),
|
||||
'#469609' => lang('dark green'),
|
||||
'#bbde62' => lang('light green'),
|
||||
'#9541d6' => lang('lila'),
|
||||
'#f7b21e' => lang('orange'),
|
||||
'#fe6a07' => lang('dark orange'),
|
||||
'#fedf9e' => lang('light orange'),
|
||||
'#f06eaa' => lang('pink'),
|
||||
'#ed1c24' => lang('red'),
|
||||
'#fef322' => lang('yellow'),
|
||||
);
|
||||
asort($colors);
|
||||
$colors['custom'] = lang('Custom color'); // custom allways last
|
||||
$template_colors = array();
|
||||
foreach($colors as $color => $label)
|
||||
{
|
||||
$template_colors[$color] = $label.' ('.$color.') '.lang('Sidebox and header');
|
||||
$template_colors['@'.$color] = $label.' ('.$color.') '.lang('Sidebox and active tab');
|
||||
}
|
||||
/**
|
||||
* Stylite Pixelegg template
|
||||
*/
|
||||
$GLOBALS['settings'] = array(
|
||||
'prefssection' => array(
|
||||
'type' => 'section',
|
||||
'title' => lang('Preferences for the %1 template set','Pixelegg'),
|
||||
'no_lang'=> true,
|
||||
'xmlrpc' => False,
|
||||
'admin' => False,
|
||||
),
|
||||
'show_generation_time' => array(
|
||||
'type' => 'check',
|
||||
'label' => 'Show page generation time',
|
||||
'name' => 'show_generation_time',
|
||||
'help' => 'Show page generation time on the bottom of the page?',
|
||||
'xmlrpc' => False,
|
||||
'admin' => False,
|
||||
'forced' => false,
|
||||
),
|
||||
'app_specific_sidebar_width' => array(
|
||||
'type' => 'check',
|
||||
'label' => 'Store sidebar width for each application',
|
||||
'name' => 'app_specific_sidebar_width',
|
||||
'help' => 'When set, the width of the sidebar menu is not stored globaly but independently for each application',
|
||||
'xmlrpc' => false,
|
||||
'admin' => false,
|
||||
'default'=> '0',
|
||||
),
|
||||
'open_tabs' => array(
|
||||
'type' => 'multiselect',
|
||||
'label' => 'Open application tabs',
|
||||
'name' => 'open_tabs',
|
||||
'values' => $apps,
|
||||
'help' => 'Allows to set a default or force the open application tabs.',
|
||||
'xmlrpc' => True,
|
||||
'admin' => False,
|
||||
'default' => 'addressbook,calendar',
|
||||
),
|
||||
'active_tab' => array(
|
||||
'type' => 'select',
|
||||
'label' => 'Active application tab',
|
||||
'name' => 'active_tab',
|
||||
'values' => $apps,
|
||||
'help' => 'Allows to set a default or force the active application tab for new logins.',
|
||||
'xmlrpc' => True,
|
||||
'admin' => False,
|
||||
),
|
||||
'template_color' => array(
|
||||
'type' => 'select',
|
||||
'label' => 'Template color',
|
||||
'no_lang' => true,
|
||||
'name' => 'template_color',
|
||||
'values' => $template_colors,
|
||||
'help' => 'Color used in template for active user interface elements. You need to reload (F5) after storing the preferences.',
|
||||
'xmlrpc' => True,
|
||||
'admin' => False,
|
||||
'style' => 'width: 50%;'
|
||||
),
|
||||
'template_custom_color' => array(
|
||||
'type' => 'color',
|
||||
'label' => 'Custom color',
|
||||
'no_lang' => true,
|
||||
'name' => 'template_custom_color',
|
||||
'help' => lang('Use eg. %1 or %2','#FF0000','orange'),
|
||||
'xmlrpc' => True,
|
||||
'admin' => False,
|
||||
),
|
||||
'navbar_format' => false, // not used in JDots (defined in common prefs)
|
||||
'default_app' => false, // not used in JDots, as we can have multiple tabs open ...
|
||||
);
|
||||
unset($apps);
|
||||
BIN
pixelegg/images/abbruch.png
Normal file
BIN
pixelegg/images/abbruch.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
BIN
pixelegg/images/appbox-header-background.png
Normal file
BIN
pixelegg/images/appbox-header-background.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 238 B |
BIN
pixelegg/images/arrow_down.png
Normal file
BIN
pixelegg/images/arrow_down.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 240 B |
BIN
pixelegg/images/arrow_left.png
Normal file
BIN
pixelegg/images/arrow_left.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 239 B |
BIN
pixelegg/images/bearbeiten.png
Normal file
BIN
pixelegg/images/bearbeiten.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
BIN
pixelegg/images/bullet.png
Executable file
BIN
pixelegg/images/bullet.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
BIN
pixelegg/images/close_button.png
Normal file
BIN
pixelegg/images/close_button.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 252 B |
BIN
pixelegg/images/close_button_hover.png
Normal file
BIN
pixelegg/images/close_button_hover.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 796 B |
BIN
pixelegg/images/epl.png
Normal file
BIN
pixelegg/images/epl.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.5 KiB |
BIN
pixelegg/images/erweiterte-suche.png
Executable file
BIN
pixelegg/images/erweiterte-suche.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
BIN
pixelegg/images/fehlt.png
Normal file
BIN
pixelegg/images/fehlt.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
pixelegg/images/gradient10blue.png
Normal file
BIN
pixelegg/images/gradient10blue.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 157 B |
BIN
pixelegg/images/gradient10orange.png
Normal file
BIN
pixelegg/images/gradient10orange.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
BIN
pixelegg/images/gradient10transparent.png
Normal file
BIN
pixelegg/images/gradient10transparent.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
BIN
pixelegg/images/gradient22.png
Normal file
BIN
pixelegg/images/gradient22.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 280 B |
BIN
pixelegg/images/gradient22green.png
Normal file
BIN
pixelegg/images/gradient22green.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 186 B |
BIN
pixelegg/images/gradient22transparent.png
Normal file
BIN
pixelegg/images/gradient22transparent.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
BIN
pixelegg/images/gradient30.png
Normal file
BIN
pixelegg/images/gradient30.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 177 B |
BIN
pixelegg/images/gradient30blue.png
Normal file
BIN
pixelegg/images/gradient30blue.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 183 B |
BIN
pixelegg/images/gradient30orange.png
Normal file
BIN
pixelegg/images/gradient30orange.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
BIN
pixelegg/images/gradient30transparent.png
Normal file
BIN
pixelegg/images/gradient30transparent.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
BIN
pixelegg/images/headermenu.png
Normal file
BIN
pixelegg/images/headermenu.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
pixelegg/images/kopieren.png
Normal file
BIN
pixelegg/images/kopieren.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
pixelegg/images/loeschen.png
Normal file
BIN
pixelegg/images/loeschen.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
pixelegg/images/logo.png
Normal file
BIN
pixelegg/images/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
BIN
pixelegg/images/logout.png
Normal file
BIN
pixelegg/images/logout.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
BIN
pixelegg/images/more-white-shadow.png
Normal file
BIN
pixelegg/images/more-white-shadow.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
pixelegg/images/more-white.png
Normal file
BIN
pixelegg/images/more-white.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
pixelegg/images/more.png
Normal file
BIN
pixelegg/images/more.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
pixelegg/images/newmail.png
Normal file
BIN
pixelegg/images/newmail.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
BIN
pixelegg/images/scroll.png
Normal file
BIN
pixelegg/images/scroll.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 706 B |
BIN
pixelegg/images/scroll_hover.png
Normal file
BIN
pixelegg/images/scroll_hover.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 659 B |
BIN
pixelegg/images/search.png
Executable file
BIN
pixelegg/images/search.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
BIN
pixelegg/images/select-icons.png
Normal file
BIN
pixelegg/images/select-icons.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
pixelegg/images/speichern.png
Normal file
BIN
pixelegg/images/speichern.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
BIN
pixelegg/images/splitter_horz.png
Normal file
BIN
pixelegg/images/splitter_horz.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 395 B |
BIN
pixelegg/images/splitter_vert.png
Normal file
BIN
pixelegg/images/splitter_vert.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 398 B |
BIN
pixelegg/images/tabs_bg.png
Normal file
BIN
pixelegg/images/tabs_bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
pixelegg/images/tabs_bg_hover.png
Normal file
BIN
pixelegg/images/tabs_bg_hover.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
pixelegg/images/uebernehmen.png
Normal file
BIN
pixelegg/images/uebernehmen.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
pixelegg/images/ui-bg_glass_65_ffffff_1x400.png
Normal file
BIN
pixelegg/images/ui-bg_glass_65_ffffff_1x400.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 207 B |
BIN
pixelegg/images/ui-icons_222222_256x240.png
Normal file
BIN
pixelegg/images/ui-icons_222222_256x240.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.8 KiB |
BIN
pixelegg/images/ui-icons_ef8c08_256x240.png
Normal file
BIN
pixelegg/images/ui-icons_ef8c08_256x240.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.4 KiB |
BIN
pixelegg/images/url.png
Normal file
BIN
pixelegg/images/url.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
38
pixelegg/inc/class.pixelegg_framework.inc.php
Executable file
38
pixelegg/inc/class.pixelegg_framework.inc.php
Executable file
@ -0,0 +1,38 @@
|
||||
<?php
|
||||
/**
|
||||
* EGroupware: Stylite Pixelegg template
|
||||
*
|
||||
* et2 Messages
|
||||
*
|
||||
* 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 Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||||
* @package pixelegg
|
||||
* @version $Id$
|
||||
*/
|
||||
|
||||
/**
|
||||
* Stylite Pixelegg template
|
||||
*/
|
||||
class pixelegg_framework extends jdots_framework
|
||||
{
|
||||
/**
|
||||
* Appname used for everything but JS includes, which we re-use from jdots
|
||||
*/
|
||||
const APP = 'pixelegg';
|
||||
|
||||
/**
|
||||
* Constructor
|
||||
*
|
||||
* @param string $template='pixelegg' name of the template
|
||||
* @return idots_framework
|
||||
*/
|
||||
function __construct($template='pixelegg')
|
||||
{
|
||||
parent::__construct($template); // call the constructor of the extended class
|
||||
|
||||
$this->template_dir = '/pixelegg'; // we are packaged as an application
|
||||
}
|
||||
}
|
||||
497
pixelegg/less/chosen.css
Normal file
497
pixelegg/less/chosen.css
Normal file
@ -0,0 +1,497 @@
|
||||
/**
|
||||
* EGroupware: Stylite Pixelegg template
|
||||
*
|
||||
* et2 Messages
|
||||
*
|
||||
* 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 Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||||
* @package pixelegg
|
||||
* @version $Id$
|
||||
*/
|
||||
/* @group Base */
|
||||
.chzn-container {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
font-size: 13px;
|
||||
zoom: 0;
|
||||
*display: inline;
|
||||
color: #808080;
|
||||
max-width: 100%;
|
||||
width: auto !important;
|
||||
}
|
||||
.chzn-container .chzn-drop {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: -9999px;
|
||||
z-index: 1010;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
border: 1px solid #aaa;
|
||||
border-top: 0;
|
||||
background: #fff;
|
||||
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
.chzn-container.chzn-with-drop .chzn-drop {
|
||||
left: 0;
|
||||
top: 32px;
|
||||
}
|
||||
/* @end */
|
||||
/* @group Single Chosen */
|
||||
.chzn-container-single .chzn-single {
|
||||
position: relative;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
padding: 0 0 0 8px;
|
||||
height: 23px;
|
||||
border: 1px solid #aaa;
|
||||
border-radius: 5px;
|
||||
background-color: #fff;
|
||||
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
|
||||
background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
||||
background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
||||
background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
||||
background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
||||
background-clip: padding-box;
|
||||
box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
|
||||
color: #444;
|
||||
text-decoration: none;
|
||||
white-space: nowrap;
|
||||
line-height: 24px;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.chzn-container-single .chzn-default {
|
||||
color: #999;
|
||||
}
|
||||
.chzn-container-single .chzn-single span {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
margin-right: 19px;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.chzn-container-single .chzn-single-with-deselect span {
|
||||
margin-right: 38px;
|
||||
}
|
||||
.chzn-container-single .chzn-single abbr {
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
right: 26px;
|
||||
display: block;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
background: url('chosen-sprite.png') -42px 1px no-repeat;
|
||||
font-size: 1px;
|
||||
}
|
||||
.chzn-container-single .chzn-single abbr:hover {
|
||||
background-position: -42px -10px;
|
||||
}
|
||||
.chzn-container-single.chzn-disabled .chzn-single abbr:hover {
|
||||
background-position: -42px -10px;
|
||||
}
|
||||
.chzn-container-single .chzn-single div {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
display: block;
|
||||
width: 18px;
|
||||
height: 100%;
|
||||
}
|
||||
.chzn-container-single .chzn-single div b {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url('chosen-sprite.png') no-repeat 0px 2px;
|
||||
}
|
||||
.chzn-container-single .chzn-search {
|
||||
position: relative;
|
||||
z-index: 1010;
|
||||
margin: 0;
|
||||
padding: 3px 4px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.chzn-container-single .chzn-search input {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
margin: 1px 0;
|
||||
padding: 4px 20px 4px 5px;
|
||||
width: 100%;
|
||||
outline: 0;
|
||||
border: 1px solid #aaa;
|
||||
background: #ffffff url('chosen-sprite.png') no-repeat 100% -20px;
|
||||
background: url('chosen-sprite.png') no-repeat 100% -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
|
||||
background: url('chosen-sprite.png') no-repeat 100% -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||||
background: url('chosen-sprite.png') no-repeat 100% -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||||
background: url('chosen-sprite.png') no-repeat 100% -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||||
background: url('chosen-sprite.png') no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||||
font-size: 1em;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
.chzn-container-single .chzn-drop {
|
||||
margin-top: -1px;
|
||||
border-radius: 0 0 4px 4px;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
.chzn-container-single.chzn-container-single-nosearch .chzn-search {
|
||||
position: absolute;
|
||||
left: -9999px;
|
||||
}
|
||||
/* @end */
|
||||
/* @group Results */
|
||||
.chzn-container .chzn-results {
|
||||
position: relative;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
margin: 0 4px 4px 0;
|
||||
padding: 0 0 0 4px;
|
||||
max-height: 240px;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
color: #808080;
|
||||
}
|
||||
.chzn-container .chzn-results li {
|
||||
display: none;
|
||||
margin: 0;
|
||||
padding: 5px 6px;
|
||||
list-style: none;
|
||||
line-height: 15px;
|
||||
}
|
||||
.chzn-container .chzn-results li.active-result {
|
||||
display: list-item;
|
||||
cursor: pointer;
|
||||
}
|
||||
.chzn-container .chzn-results li.disabled-result {
|
||||
display: list-item;
|
||||
color: #ccc;
|
||||
cursor: default;
|
||||
}
|
||||
.chzn-container .chzn-results li.highlighted {
|
||||
background-color: #3875d7;
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
|
||||
background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
|
||||
background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
|
||||
background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
|
||||
background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
|
||||
color: #fff;
|
||||
}
|
||||
.chzn-container .chzn-results li.no-results {
|
||||
display: list-item;
|
||||
background: #f4f4f4;
|
||||
}
|
||||
.chzn-container .chzn-results li.group-result {
|
||||
display: list-item;
|
||||
color: #999;
|
||||
font-weight: bold;
|
||||
cursor: default;
|
||||
}
|
||||
.chzn-container .chzn-results li.group-option {
|
||||
padding-left: 15px;
|
||||
}
|
||||
.chzn-container .chzn-results li em {
|
||||
font-style: normal;
|
||||
text-decoration: underline;
|
||||
}
|
||||
/* @end */
|
||||
/* @group Multi Chosen */
|
||||
.chzn-container-multi .chzn-choices {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
height: auto !important;
|
||||
height: 1%;
|
||||
border: 1px solid #aaa;
|
||||
background-color: #fff;
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
|
||||
background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||||
background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||||
background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||||
background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||||
cursor: text;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices li {
|
||||
float: left;
|
||||
list-style: none;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices li.search-field {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices li.search-field input {
|
||||
margin: 1px 0;
|
||||
padding: 5px;
|
||||
height: 15px;
|
||||
outline: 0;
|
||||
border: 0 !important;
|
||||
background: transparent !important;
|
||||
box-shadow: none;
|
||||
color: #666;
|
||||
font-size: 100%;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices li.search-field .default {
|
||||
color: #999;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices li.search-choice {
|
||||
position: relative;
|
||||
margin: 3px 0 3px 5px;
|
||||
padding: 3px 20px 3px 5px;
|
||||
border: 1px solid #aaa;
|
||||
border-radius: 3px;
|
||||
background-color: #e4e4e4;
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
|
||||
background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
background-clip: padding-box;
|
||||
box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
|
||||
color: #333;
|
||||
line-height: 13px;
|
||||
cursor: default;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices li.search-choice .search-choice-close {
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
right: 3px;
|
||||
display: block;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
background: url('chosen-sprite.png') -42px 1px no-repeat;
|
||||
font-size: 1px;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices li.search-choice .search-choice-close:hover {
|
||||
background-position: -42px -10px;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices li.search-choice-disabled {
|
||||
padding-right: 5px;
|
||||
border: 1px solid #ccc;
|
||||
background-color: #e4e4e4;
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
|
||||
background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
color: #666;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices li.search-choice-focus {
|
||||
background: #d4d4d4;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices li.search-choice-focus .search-choice-close {
|
||||
background-position: -42px -10px;
|
||||
}
|
||||
.chzn-container-multi .chzn-results {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.chzn-container-multi .chzn-drop .result-selected {
|
||||
display: list-item;
|
||||
color: #ccc;
|
||||
cursor: default;
|
||||
}
|
||||
/* @end */
|
||||
/* @group Active */
|
||||
.chzn-container-active .chzn-single {
|
||||
border: 1px solid #5897fb;
|
||||
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
.chzn-container-active.chzn-with-drop .chzn-single {
|
||||
border: 1px solid #aaa;
|
||||
-moz-border-radius-bottomright: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
-moz-border-radius-bottomleft: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
|
||||
background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
|
||||
background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
|
||||
background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
|
||||
background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
|
||||
box-shadow: 0 1px 0 #fff inset;
|
||||
}
|
||||
.chzn-container-active.chzn-with-drop .chzn-single div {
|
||||
border-left: none;
|
||||
background: transparent;
|
||||
}
|
||||
.chzn-container-active.chzn-with-drop .chzn-single div b {
|
||||
background-position: -18px 2px;
|
||||
}
|
||||
.chzn-container-active .chzn-choices {
|
||||
border: 1px solid #5897fb;
|
||||
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
.chzn-container-active .chzn-choices li.search-field input {
|
||||
color: #111 !important;
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
border-color: #bfbfbf;
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
width: auto;
|
||||
margin: 0.5em 0em 0.5em 0;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.chzn-container-active .chzn-choices li.search-field input:hover {
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
}
|
||||
.chzn-container-active .chzn-choices li.search-field input:focus {
|
||||
outline: 0;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: #bfbfbf;
|
||||
-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||||
-moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
/* @end */
|
||||
/* @group Disabled Support */
|
||||
.chzn-disabled {
|
||||
opacity: 0.5 !important;
|
||||
cursor: default;
|
||||
}
|
||||
.chzn-disabled .chzn-single {
|
||||
cursor: default;
|
||||
}
|
||||
.chzn-disabled .chzn-choices .search-choice .search-choice-close {
|
||||
cursor: default;
|
||||
}
|
||||
/* @end */
|
||||
/* @group Right to Left */
|
||||
.chzn-rtl {
|
||||
text-align: right;
|
||||
}
|
||||
.chzn-rtl .chzn-single {
|
||||
overflow: visible;
|
||||
padding: 0 8px 0 0;
|
||||
}
|
||||
.chzn-rtl .chzn-single span {
|
||||
margin-right: 0;
|
||||
margin-left: 26px;
|
||||
direction: rtl;
|
||||
}
|
||||
.chzn-rtl .chzn-single-with-deselect span {
|
||||
margin-left: 38px;
|
||||
}
|
||||
.chzn-rtl .chzn-single div {
|
||||
right: auto;
|
||||
left: 3px;
|
||||
}
|
||||
.chzn-rtl .chzn-single abbr {
|
||||
right: auto;
|
||||
left: 26px;
|
||||
}
|
||||
.chzn-rtl .chzn-choices li {
|
||||
float: right;
|
||||
}
|
||||
.chzn-rtl .chzn-choices li.search-field input {
|
||||
direction: rtl;
|
||||
}
|
||||
.chzn-rtl .chzn-choices li.search-choice {
|
||||
margin: 3px 5px 3px 0;
|
||||
padding: 3px 5px 3px 19px;
|
||||
}
|
||||
.chzn-rtl .chzn-choices li.search-choice .search-choice-close {
|
||||
right: auto;
|
||||
left: 4px;
|
||||
}
|
||||
.chzn-rtl.chzn-container-single-nosearch .chzn-search,
|
||||
.chzn-rtl .chzn-drop {
|
||||
left: 9999px;
|
||||
}
|
||||
.chzn-rtl.chzn-container-single .chzn-results {
|
||||
margin: 0 0 4px 4px;
|
||||
padding: 0 4px 0 0;
|
||||
}
|
||||
.chzn-rtl .chzn-results li.group-option {
|
||||
padding-right: 15px;
|
||||
padding-left: 0;
|
||||
}
|
||||
.chzn-rtl.chzn-container-active.chzn-with-drop .chzn-single div {
|
||||
border-right: none;
|
||||
}
|
||||
.chzn-rtl .chzn-search input {
|
||||
padding: 4px 5px 4px 20px;
|
||||
background: #ffffff url('chosen-sprite.png') no-repeat -30px -20px;
|
||||
background: url('chosen-sprite.png') no-repeat -30px -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
|
||||
background: url('chosen-sprite.png') no-repeat -30px -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||||
background: url('chosen-sprite.png') no-repeat -30px -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||||
background: url('chosen-sprite.png') no-repeat -30px -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||||
background: url('chosen-sprite.png') no-repeat -30px -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||||
direction: rtl;
|
||||
}
|
||||
.chzn-rtl.chzn-container-single .chzn-single div b {
|
||||
background-position: 6px 2px;
|
||||
}
|
||||
.chzn-rtl.chzn-container-single.chzn-with-drop .chzn-single div b {
|
||||
background-position: -12px 2px;
|
||||
}
|
||||
/* @end */
|
||||
/* @group Retina compatibility */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
|
||||
.chzn-rtl .chzn-search input,
|
||||
.chzn-container-single .chzn-single abbr,
|
||||
.chzn-container-single .chzn-single div b,
|
||||
.chzn-container-single .chzn-search input,
|
||||
.chzn-container-multi .chzn-choices .search-choice .search-choice-close,
|
||||
.chzn-container .chzn-results-scroll-down span,
|
||||
.chzn-container .chzn-results-scroll-up span {
|
||||
background-image: url('chosen-sprite@2x.png') !important;
|
||||
background-size: 52px 37px !important;
|
||||
background-repeat: no-repeat !important;
|
||||
}
|
||||
}
|
||||
/* @end */
|
||||
/**
|
||||
* Egw customizations for Chosen widget
|
||||
*/
|
||||
.chzn-container {
|
||||
display: inline-block;
|
||||
font-size: inherit;
|
||||
}
|
||||
.chzn-container .chzn-single {
|
||||
height: 19px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.chzn-container .chzn-results {
|
||||
padding: 0 0 0 0px;
|
||||
}
|
||||
.chzn-container .chzn-results li {
|
||||
line-height: 13px;
|
||||
padding: 3px 6px;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices .search-field input {
|
||||
height: 12px;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices .search-choice {
|
||||
line-height: 12px;
|
||||
margin: 2px 0 2px 1px;
|
||||
}
|
||||
.chzn-container .chzn-drop {
|
||||
border-top-width: 0px;
|
||||
}
|
||||
.chzn-container-active.chzn-with-drop.chzn-above .chzn-single {
|
||||
border-radius: 0px 0px 4px 4px;
|
||||
border-top-width: 0px;
|
||||
}
|
||||
.chzn-container.chzn-above .chzn-drop {
|
||||
top: auto;
|
||||
bottom: 23px;
|
||||
border-width: 1px 1px 0px 1px;
|
||||
border-radius: 4px 4px 0px 0px;
|
||||
-webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
|
||||
-moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
|
||||
box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
498
pixelegg/less/chosen.less
Normal file
498
pixelegg/less/chosen.less
Normal file
@ -0,0 +1,498 @@
|
||||
/**
|
||||
* EGroupware: Stylite Pixelegg template
|
||||
*
|
||||
* et2 Messages
|
||||
*
|
||||
* 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 Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||||
* @package pixelegg
|
||||
* @version $Id$
|
||||
*/
|
||||
|
||||
@import (reference) "../../phpgwapi/templates/default/def_design_pattern_color_font_shadow.less";
|
||||
@import (reference) "../../phpgwapi/templates/default/def_buttons.less";
|
||||
|
||||
|
||||
//########################################################################################################
|
||||
// Chosen
|
||||
// Chosen.css
|
||||
//########################################################################################################
|
||||
|
||||
/* @group Base */
|
||||
.chzn-container {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
font-size: 13px;
|
||||
zoom: 0;
|
||||
*display: inline;
|
||||
.color-50-gray;
|
||||
max-width: 100%;
|
||||
width: auto !important;
|
||||
}
|
||||
.chzn-container .chzn-drop {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: -9999px;
|
||||
z-index: 1010;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
border: 1px solid #aaa;
|
||||
border-top: 0;
|
||||
background: #fff;
|
||||
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
.chzn-container.chzn-with-drop .chzn-drop {
|
||||
left: 0;
|
||||
top: 32px;
|
||||
}
|
||||
|
||||
/* @end */
|
||||
/* @group Single Chosen */
|
||||
.chzn-container-single .chzn-single {
|
||||
position: relative;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
padding: 0 0 0 8px;
|
||||
height: 23px;
|
||||
border: 1px solid #aaa;
|
||||
border-radius: 5px;
|
||||
background-color: #fff;
|
||||
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
|
||||
background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
||||
background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
||||
background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
||||
background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
||||
background-clip: padding-box;
|
||||
box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
|
||||
color: #444;
|
||||
text-decoration: none;
|
||||
white-space: nowrap;
|
||||
line-height: 24px;
|
||||
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.chzn-container-single .chzn-default {
|
||||
color: #999;
|
||||
}
|
||||
.chzn-container-single .chzn-single span {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
margin-right: 19px;
|
||||
// text-overflow: ellipsis;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.chzn-container-single .chzn-single-with-deselect span {
|
||||
margin-right: 38px;
|
||||
}
|
||||
.chzn-container-single .chzn-single abbr {
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
right: 26px;
|
||||
display: block;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
background: url('chosen-sprite.png') -42px 1px no-repeat;
|
||||
font-size: 1px;
|
||||
}
|
||||
.chzn-container-single .chzn-single abbr:hover {
|
||||
background-position: -42px -10px;
|
||||
}
|
||||
.chzn-container-single.chzn-disabled .chzn-single abbr:hover {
|
||||
background-position: -42px -10px;
|
||||
}
|
||||
.chzn-container-single .chzn-single div {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
display: block;
|
||||
width: 18px;
|
||||
height: 100%;
|
||||
}
|
||||
.chzn-container-single .chzn-single div b {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url('chosen-sprite.png') no-repeat 0px 2px;
|
||||
}
|
||||
.chzn-container-single .chzn-search {
|
||||
position: relative;
|
||||
z-index: 1010;
|
||||
margin: 0;
|
||||
padding: 3px 4px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.chzn-container-single .chzn-search input {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
margin: 1px 0;
|
||||
padding: 4px 20px 4px 5px;
|
||||
width: 100%;
|
||||
outline: 0;
|
||||
border: 1px solid #aaa;
|
||||
background: white url('chosen-sprite.png') no-repeat 100% -20px;
|
||||
background: url('chosen-sprite.png') no-repeat 100% -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
|
||||
background: url('chosen-sprite.png') no-repeat 100% -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||||
background: url('chosen-sprite.png') no-repeat 100% -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||||
background: url('chosen-sprite.png') no-repeat 100% -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||||
background: url('chosen-sprite.png') no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||||
font-size: 1em;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
.chzn-container-single .chzn-drop {
|
||||
margin-top: -1px;
|
||||
border-radius: 0 0 4px 4px;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
.chzn-container-single.chzn-container-single-nosearch .chzn-search {
|
||||
position: absolute;
|
||||
left: -9999px;
|
||||
}
|
||||
|
||||
/* @end */
|
||||
/* @group Results */
|
||||
.chzn-container .chzn-results {
|
||||
position: relative;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
margin: 0 4px 4px 0;
|
||||
padding: 0 0 0 4px;
|
||||
max-height: 240px;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
.color-50-gray;
|
||||
}
|
||||
.chzn-container .chzn-results li {
|
||||
display: none;
|
||||
margin: 0;
|
||||
padding: 5px 6px;
|
||||
list-style: none;
|
||||
line-height: 15px;
|
||||
}
|
||||
.chzn-container .chzn-results li.active-result {
|
||||
display: list-item;
|
||||
cursor: pointer;
|
||||
}
|
||||
.chzn-container .chzn-results li.disabled-result {
|
||||
display: list-item;
|
||||
color: #ccc;
|
||||
cursor: default;
|
||||
}
|
||||
.chzn-container .chzn-results li.highlighted {
|
||||
background-color: #3875d7;
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
|
||||
background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
|
||||
background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
|
||||
background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
|
||||
background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
|
||||
color: #fff;
|
||||
}
|
||||
.chzn-container .chzn-results li.no-results {
|
||||
display: list-item;
|
||||
background: #f4f4f4;
|
||||
}
|
||||
.chzn-container .chzn-results li.group-result {
|
||||
display: list-item;
|
||||
color: #999;
|
||||
font-weight: bold;
|
||||
cursor: default;
|
||||
}
|
||||
.chzn-container .chzn-results li.group-option {
|
||||
padding-left: 15px;
|
||||
}
|
||||
.chzn-container .chzn-results li em {
|
||||
font-style: normal;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* @end */
|
||||
/* @group Multi Chosen */
|
||||
.chzn-container-multi .chzn-choices {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
height: auto !important;
|
||||
height: 1%;
|
||||
border: 1px solid #aaa;
|
||||
background-color: #fff;
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
|
||||
background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||||
background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||||
background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||||
background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||||
cursor: text;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices li {
|
||||
float: left;
|
||||
list-style: none;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices li.search-field {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices li.search-field input {
|
||||
margin: 1px 0;
|
||||
padding: 5px;
|
||||
height: 15px;
|
||||
outline: 0;
|
||||
border: 0 !important;
|
||||
background: transparent !important;
|
||||
box-shadow: none;
|
||||
color: #666;
|
||||
font-size: 100%;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices li.search-field .default {
|
||||
color: #999;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices li.search-choice {
|
||||
position: relative;
|
||||
margin: 3px 0 3px 5px;
|
||||
padding: 3px 20px 3px 5px;
|
||||
border: 1px solid #aaa;
|
||||
border-radius: 3px;
|
||||
background-color: #e4e4e4;
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
|
||||
background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
background-clip: padding-box;
|
||||
box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
|
||||
color: #333;
|
||||
line-height: 13px;
|
||||
cursor: default;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices li.search-choice .search-choice-close {
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
right: 3px;
|
||||
display: block;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
background: url('chosen-sprite.png') -42px 1px no-repeat;
|
||||
font-size: 1px;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices li.search-choice .search-choice-close:hover {
|
||||
background-position: -42px -10px;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices li.search-choice-disabled {
|
||||
padding-right: 5px;
|
||||
border: 1px solid #ccc;
|
||||
background-color: #e4e4e4;
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
|
||||
background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
color: #666;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices li.search-choice-focus {
|
||||
background: #d4d4d4;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices li.search-choice-focus .search-choice-close {
|
||||
background-position: -42px -10px;
|
||||
}
|
||||
.chzn-container-multi .chzn-results {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.chzn-container-multi .chzn-drop .result-selected {
|
||||
display: list-item;
|
||||
color: #ccc;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
/* @end */
|
||||
/* @group Active */
|
||||
.chzn-container-active .chzn-single {
|
||||
border: 1px solid #5897fb;
|
||||
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
.chzn-container-active.chzn-with-drop .chzn-single {
|
||||
border: 1px solid #aaa;
|
||||
-moz-border-radius-bottomright: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
-moz-border-radius-bottomleft: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
|
||||
background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
|
||||
background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
|
||||
background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
|
||||
background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
|
||||
box-shadow: 0 1px 0 #fff inset;
|
||||
}
|
||||
.chzn-container-active.chzn-with-drop .chzn-single div {
|
||||
border-left: none;
|
||||
background: transparent;
|
||||
}
|
||||
.chzn-container-active.chzn-with-drop .chzn-single div b {
|
||||
background-position: -18px 2px;
|
||||
}
|
||||
.chzn-container-active .chzn-choices {
|
||||
border: 1px solid #5897fb;
|
||||
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
.chzn-container-active .chzn-choices li.search-field input {
|
||||
color: #111 !important;
|
||||
.Complete_Button_input;
|
||||
|
||||
&:hover {.Complete_Button_input_hover;}
|
||||
&:focus {.Complete_Button_input_focus;}
|
||||
}
|
||||
|
||||
/* @end */
|
||||
/* @group Disabled Support */
|
||||
.chzn-disabled {
|
||||
opacity: 0.5 !important;
|
||||
cursor: default;
|
||||
}
|
||||
.chzn-disabled .chzn-single {
|
||||
cursor: default;
|
||||
}
|
||||
.chzn-disabled .chzn-choices .search-choice .search-choice-close {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
/* @end */
|
||||
/* @group Right to Left */
|
||||
.chzn-rtl {
|
||||
text-align: right;
|
||||
}
|
||||
.chzn-rtl .chzn-single {
|
||||
overflow: visible;
|
||||
padding: 0 8px 0 0;
|
||||
}
|
||||
.chzn-rtl .chzn-single span {
|
||||
margin-right: 0;
|
||||
margin-left: 26px;
|
||||
direction: rtl;
|
||||
}
|
||||
.chzn-rtl .chzn-single-with-deselect span {
|
||||
margin-left: 38px;
|
||||
}
|
||||
.chzn-rtl .chzn-single div {
|
||||
right: auto;
|
||||
left: 3px;
|
||||
}
|
||||
.chzn-rtl .chzn-single abbr {
|
||||
right: auto;
|
||||
left: 26px;
|
||||
}
|
||||
.chzn-rtl .chzn-choices li {
|
||||
float: right;
|
||||
}
|
||||
.chzn-rtl .chzn-choices li.search-field input {
|
||||
direction: rtl;
|
||||
}
|
||||
.chzn-rtl .chzn-choices li.search-choice {
|
||||
margin: 3px 5px 3px 0;
|
||||
padding: 3px 5px 3px 19px;
|
||||
}
|
||||
.chzn-rtl .chzn-choices li.search-choice .search-choice-close {
|
||||
right: auto;
|
||||
left: 4px;
|
||||
}
|
||||
.chzn-rtl.chzn-container-single-nosearch .chzn-search,
|
||||
.chzn-rtl .chzn-drop {
|
||||
left: 9999px;
|
||||
}
|
||||
.chzn-rtl.chzn-container-single .chzn-results {
|
||||
margin: 0 0 4px 4px;
|
||||
padding: 0 4px 0 0;
|
||||
}
|
||||
.chzn-rtl .chzn-results li.group-option {
|
||||
padding-right: 15px;
|
||||
padding-left: 0;
|
||||
}
|
||||
.chzn-rtl.chzn-container-active.chzn-with-drop .chzn-single div {
|
||||
border-right: none;
|
||||
}
|
||||
.chzn-rtl .chzn-search input {
|
||||
padding: 4px 5px 4px 20px;
|
||||
background: white url('chosen-sprite.png') no-repeat -30px -20px;
|
||||
background: url('chosen-sprite.png') no-repeat -30px -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
|
||||
background: url('chosen-sprite.png') no-repeat -30px -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||||
background: url('chosen-sprite.png') no-repeat -30px -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||||
background: url('chosen-sprite.png') no-repeat -30px -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||||
background: url('chosen-sprite.png') no-repeat -30px -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
|
||||
direction: rtl;
|
||||
}
|
||||
.chzn-rtl.chzn-container-single .chzn-single div b {
|
||||
background-position: 6px 2px;
|
||||
}
|
||||
.chzn-rtl.chzn-container-single.chzn-with-drop .chzn-single div b {
|
||||
background-position: -12px 2px;
|
||||
}
|
||||
|
||||
/* @end */
|
||||
/* @group Retina compatibility */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
|
||||
.chzn-rtl .chzn-search input,
|
||||
.chzn-container-single .chzn-single abbr,
|
||||
.chzn-container-single .chzn-single div b,
|
||||
.chzn-container-single .chzn-search input,
|
||||
.chzn-container-multi .chzn-choices .search-choice .search-choice-close,
|
||||
.chzn-container .chzn-results-scroll-down span,
|
||||
.chzn-container .chzn-results-scroll-up span {
|
||||
background-image: url('chosen-sprite@2x.png') !important;
|
||||
background-size: 52px 37px !important;
|
||||
background-repeat: no-repeat !important;
|
||||
}
|
||||
}
|
||||
/* @end */
|
||||
|
||||
/**
|
||||
* Egw customizations for Chosen widget
|
||||
*/
|
||||
.chzn-container {
|
||||
display: inline-block;
|
||||
font-size: inherit;
|
||||
}
|
||||
.chzn-container .chzn-single {
|
||||
height: 19px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.chzn-container .chzn-results {
|
||||
padding: 0 0 0 0px;
|
||||
}
|
||||
.chzn-container .chzn-results li {
|
||||
line-height: 13px;
|
||||
padding: 3px 6px;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices .search-field input {
|
||||
height: 12px;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices .search-choice {
|
||||
line-height: 12px;
|
||||
margin: 2px 0 2px 1px;
|
||||
}
|
||||
.chzn-container .chzn-drop {
|
||||
border-top-width: 0px;
|
||||
}
|
||||
.chzn-container-active.chzn-with-drop.chzn-above .chzn-single {
|
||||
border-radius : 0px 0px 4px 4px;
|
||||
border-top-width: 0px;
|
||||
}
|
||||
|
||||
.chzn-container.chzn-above .chzn-drop {
|
||||
top:auto;
|
||||
bottom:23px;
|
||||
border-width:1px 1px 0px 1px;
|
||||
border-radius: 4px 4px 0px 0px;
|
||||
-webkit-box-shadow: 0 -4px 5px rgba(0,0,0,.15);
|
||||
-moz-box-shadow : 0 -4px 5px rgba(0,0,0,.15);
|
||||
box-shadow : 0 -4px 5px rgba(0,0,0,.15);
|
||||
}
|
||||
191
pixelegg/less/et2_table.css
Normal file
191
pixelegg/less/et2_table.css
Normal file
@ -0,0 +1,191 @@
|
||||
/**
|
||||
* EGroupware: Stylite Pixelegg template
|
||||
*
|
||||
* et2 table
|
||||
*
|
||||
* 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 Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||||
* @package pixelegg
|
||||
* @version $Id$
|
||||
*/
|
||||
/** #####################################################################################
|
||||
* et2
|
||||
* Tabellen
|
||||
* ######################################################################################
|
||||
*/
|
||||
/* TABLE STYLE */
|
||||
table.et2_grid {
|
||||
border-top: 3px solid;
|
||||
border-color: #f0f0f0;
|
||||
border-collapse: collapse;
|
||||
width: 100% !important;
|
||||
}
|
||||
.egwGridView_grid tr.th > td,
|
||||
.nextmatch_header {
|
||||
background-color: #d9d9d9;
|
||||
font-weight: normal;
|
||||
padding: 2px;
|
||||
border-width: 0;
|
||||
border-style: solid;
|
||||
border-color: #d9d9d9;
|
||||
border-left: 0px solid transparent;
|
||||
border-top: 0px solid transparent;
|
||||
border-right: 0px solid transparent;
|
||||
border-bottom: 0px solid transparent;
|
||||
background-image: none;
|
||||
background-position: center;
|
||||
background-repeat: repeat-x;
|
||||
vertical-align: top;
|
||||
}
|
||||
table.egwGridView_outer {
|
||||
background-color: #fafafa;
|
||||
max-width: 100%;
|
||||
}
|
||||
table.egwGridView_outer thead {
|
||||
background-color: #fafafa;
|
||||
}
|
||||
table.egwGridView_outer thead tr th {
|
||||
background-color: #d9d9d9;
|
||||
font-weight: normal;
|
||||
padding: 2px;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: #bfbfbf;
|
||||
border-left: 0px solid transparent;
|
||||
border-top: 0px solid transparent;
|
||||
border-right: 0px solid transparent;
|
||||
border-bottom: 0px solid transparent;
|
||||
background-image: none;
|
||||
background-position: center;
|
||||
background-repeat: repeat-x;
|
||||
vertical-align: top;
|
||||
}
|
||||
table.egwGridView_outer thead tr th:hover {
|
||||
background-color: #bfbfbf;
|
||||
color: #ffffff;
|
||||
background-image: url(images/hint-arrow-right.png);
|
||||
background-position: right bottom;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 15px 15px;
|
||||
}
|
||||
table.egwGridView_outer thead tr th:active {
|
||||
background-color: #d9d9d9;
|
||||
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
table.egwGridView_outer thead tr th.optcol {
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
background-image: none;
|
||||
}
|
||||
table.egwGridView_outer thead tr th.optcol:hover {
|
||||
background-color: #d9d9d9;
|
||||
}
|
||||
table.egwGridView_outer thead tr th.optcol .selectcols {
|
||||
position: fixed;
|
||||
background-color: #f0f0f0;
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
right: 15px;
|
||||
border: 1px solid;
|
||||
background-image: url(images/slidedown.png);
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 16px 16px;
|
||||
display: inline-block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
table.egwGridView_outer thead tr th.optcol .selectcols:hover {
|
||||
background-color: #b3b3b3 !important;
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
border: 1px solid rgba(0, 0, 0, 0.5);
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
background-image: url(images/slidedown.png);
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 17px 17px;
|
||||
}
|
||||
table.egwGridView_grid {
|
||||
border-collapse: collapse;
|
||||
font-size: 1.3em;
|
||||
background-color: #ffffff;
|
||||
width: 100%;
|
||||
}
|
||||
table.egwGridView_grid img {
|
||||
width: 16px;
|
||||
}
|
||||
table.egwGridView_grid tbody {
|
||||
border-bottom: 1px solid #e4e7ea;
|
||||
padding: 2px 3px 2px 4px;
|
||||
margin: 0;
|
||||
vertical-align: top;
|
||||
}
|
||||
table.egwGridView_grid tbody tr.selected {
|
||||
background: -webkit-gradient(linear, 0 0, 0 bottom, #ffb76b, #ff7f04), -moz-linear-gradient(#ffb76b, #ff7f04), -o-linear-gradient(#ffb76b, #ff7f04), linear-gradient(#ffb76b, #ff7f04);
|
||||
-pie-background: linear-gradient(#ffb76b, #ff7f04);
|
||||
behavior: url(/PIE.htc);
|
||||
background-color: #bfbfbf;
|
||||
}
|
||||
table.egwGridView_grid tbody tr.focused {
|
||||
background: -webkit-gradient(linear, 0 0, 0 bottom, #ffb76b, #ff7f04), -moz-linear-gradient(#ffb76b, #ff7f04), -o-linear-gradient(#ffb76b, #ff7f04), linear-gradient(#ffb76b, #ff7f04);
|
||||
-pie-background: linear-gradient(#ffb76b, #ff7f04);
|
||||
behavior: url(/PIE.htc);
|
||||
background-color: #bfbfbf;
|
||||
background: #679fd2 !important;
|
||||
}
|
||||
table.egwGridView_grid tr {
|
||||
border-bottom: 1px solid;
|
||||
border-color: #f0f0f0;
|
||||
}
|
||||
table.egwGridView_grid tr:hover {
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
table.egwGridView_grid tr:active {
|
||||
background-color: #d9d9d9;
|
||||
}
|
||||
table.egwGridView_grid tr td {
|
||||
border-left: 0px;
|
||||
border-right: 0px;
|
||||
padding: 0.3em 0 1em 0.3em;
|
||||
/*legacy*/
|
||||
}
|
||||
table.egwGridView_grid tr td:hover {
|
||||
background-color: #679fd2;
|
||||
}
|
||||
table.egwGridView_grid tr td:active {
|
||||
background-color: #0c5da5;
|
||||
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
color: #ffffff;
|
||||
}
|
||||
.nextmatch_header .selectcols {
|
||||
background: none;
|
||||
height: auto;
|
||||
}
|
||||
.nextmatch_header tr {
|
||||
background: none;
|
||||
}
|
||||
.nextmatch_header {
|
||||
padding: 0px;
|
||||
}
|
||||
div.egwGridView_scrollarea {
|
||||
overflow: auto;
|
||||
}
|
||||
251
pixelegg/less/et2_table.less
Normal file
251
pixelegg/less/et2_table.less
Normal file
@ -0,0 +1,251 @@
|
||||
/**
|
||||
* EGroupware: Stylite Pixelegg template
|
||||
*
|
||||
* et2 table
|
||||
*
|
||||
* 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 Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||||
* @package pixelegg
|
||||
* @version $Id$
|
||||
*/
|
||||
|
||||
@import (reference) "../../phpgwapi/templates/default/def_buttons.less";
|
||||
|
||||
/** #####################################################################################
|
||||
* et2
|
||||
* Tabellen
|
||||
* ######################################################################################
|
||||
*/
|
||||
|
||||
/* TABLE STYLE */
|
||||
|
||||
// Header der APP Tabellen
|
||||
|
||||
table.et2_grid {
|
||||
border-top: 3px solid;
|
||||
.border-color-10-gray;
|
||||
border-collapse: collapse;
|
||||
// .background-color-0-gray;
|
||||
width: 100% !important;
|
||||
// display: block;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
// Table Head in Listen
|
||||
|
||||
.egwGridView_grid tr.th > td, /*legacy*/
|
||||
.nextmatch_header {
|
||||
.background-color-15-gray;
|
||||
font-weight: normal;
|
||||
padding: 2px;
|
||||
border-width: 0;
|
||||
border-style: solid;
|
||||
.border-color-15-gray;
|
||||
border-left: 0px solid transparent;
|
||||
border-top: 0px solid transparent;
|
||||
border-right: 0px solid transparent;
|
||||
border-bottom: 0px solid transparent;
|
||||
// background-image: url(../../default/images/egw_action/header_overlay.png);
|
||||
background-image: none;
|
||||
background-position: center;
|
||||
background-repeat: repeat-x;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.egwResizeOverlay{}
|
||||
|
||||
|
||||
// Tabellenkopf
|
||||
// Spalten mit Border
|
||||
|
||||
table.egwGridView_outer{
|
||||
.background-color-5-gray;
|
||||
max-width: 100%;
|
||||
|
||||
thead {
|
||||
.background-color-5-gray;
|
||||
|
||||
tr {
|
||||
// .background-color-5-gray;
|
||||
|
||||
th {
|
||||
.background-color-15-gray;
|
||||
font-weight: normal;
|
||||
padding: 2px;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
.border-color-25-gray;
|
||||
border-left: 0px solid transparent;
|
||||
border-top: 0px solid transparent;
|
||||
border-right: 0px solid transparent;
|
||||
border-bottom: 0px solid transparent;
|
||||
|
||||
background-image: none;
|
||||
background-position: center;
|
||||
background-repeat: repeat-x;
|
||||
vertical-align: top;
|
||||
|
||||
|
||||
&:hover {
|
||||
.background-color-25-gray;
|
||||
.color-0-gray;
|
||||
// border-right: 5px solid white;
|
||||
background-image: url(images/hint-arrow-right.png);
|
||||
background-position: right bottom;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 15px 15px;
|
||||
|
||||
}
|
||||
|
||||
&:active {
|
||||
.background-color-15-gray;
|
||||
.box_shadow_standard_light_inset;
|
||||
// border-left: 1px solid gray;
|
||||
// border-top: 1px solid gray;
|
||||
// border-right: 1px solid silver;
|
||||
// border-bottom: 1px solid silver;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
th.optcol {
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
background-image: none;
|
||||
// width: 32px;
|
||||
|
||||
&:hover{
|
||||
background-color: #d9d9d9;
|
||||
}
|
||||
|
||||
.selectcols {
|
||||
position: fixed;
|
||||
// .Complete_Button_normal;
|
||||
.Complete_Button_Icon_normal;
|
||||
right: 15px;
|
||||
border: 1px solid;
|
||||
// background-color: yellow;
|
||||
background-image: url(images/slidedown.png);
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 16px 16px;
|
||||
display: inline-block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
vertical-align: middle;
|
||||
|
||||
&:hover{
|
||||
.Complete_Button_Icon_hover;
|
||||
background-image: url(images/slidedown.png);
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 17px 17px;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Tabelle der APP Ausgabe
|
||||
|
||||
table.egwGridView_grid{
|
||||
border-collapse:collapse;
|
||||
font-size: 1.3em;
|
||||
.background-color-0-gray;
|
||||
width: 100%;
|
||||
|
||||
|
||||
img{ width: 16px;}
|
||||
|
||||
tbody {
|
||||
|
||||
border-bottom: 1px solid @lightgray;
|
||||
padding: 2px 3px 2px 4px;
|
||||
margin: 0;
|
||||
vertical-align: top;
|
||||
|
||||
// Listendarstellung
|
||||
// Reihen ohne Border left und right
|
||||
// tr {border-bottom: 1px solid !important; }
|
||||
|
||||
tr.selected{
|
||||
.background_linear_gradient; .background-color-25-gray;
|
||||
}
|
||||
tr.focused{
|
||||
.background_linear_gradient;
|
||||
.background-color-25-gray;
|
||||
background: @active_row !important;
|
||||
}
|
||||
}
|
||||
|
||||
tr {
|
||||
|
||||
border-bottom: 1px solid;
|
||||
.border-color-10-gray;
|
||||
|
||||
&:hover {.background-color-10-gray;}
|
||||
&:active {.background-color-15-gray;}
|
||||
|
||||
|
||||
td {
|
||||
border-left: 0px;
|
||||
border-right: 0px;
|
||||
|
||||
padding: 0.3em 0 1em 0.3em;
|
||||
|
||||
&:hover {background-color: @egw_color_2_e;} /*legacy*/
|
||||
|
||||
&:active {
|
||||
background-color: @egw_color_2_a;
|
||||
.box_shadow_standard_light_inset;
|
||||
.color-0-gray;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
} // table
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.nextmatch_header .selectcols {
|
||||
background: none;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
|
||||
//Reihen
|
||||
|
||||
.nextmatch_header tr {
|
||||
background: none;
|
||||
}
|
||||
.nextmatch_header {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
//Tabelle - Scrollarea
|
||||
|
||||
div.egwGridView_scrollarea {overflow: auto;}
|
||||
1542
pixelegg/less/jquery-ui-1_10_3_custom_css.css
Normal file
1542
pixelegg/less/jquery-ui-1_10_3_custom_css.css
Normal file
File diff suppressed because it is too large
Load Diff
1225
pixelegg/less/jquery-ui-1_10_3_custom_css.less
Normal file
1225
pixelegg/less/jquery-ui-1_10_3_custom_css.less
Normal file
File diff suppressed because it is too large
Load Diff
49
pixelegg/less/layout_footer.less
Normal file
49
pixelegg/less/layout_footer.less
Normal file
@ -0,0 +1,49 @@
|
||||
|
||||
/**
|
||||
* Less-file for egroupware
|
||||
* Definitionen Layout
|
||||
* Raster
|
||||
*
|
||||
* Version 08.2013
|
||||
* Author Stefan Reinhardt
|
||||
*
|
||||
*/
|
||||
|
||||
|
||||
|
||||
/* #################################################
|
||||
* FOOTER
|
||||
* ##################################################
|
||||
*/
|
||||
#egw_fw_footer {
|
||||
position: fixed;
|
||||
bottom: 0px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
padding: 3px;
|
||||
// background-image:url(images/gradient22.png);
|
||||
// background-position: bottom;
|
||||
// background-repeat: repeat-x;
|
||||
.background-color-25-gray;
|
||||
clear: both;
|
||||
opacity: 1;
|
||||
|
||||
z-index: 100;
|
||||
|
||||
.color-10-gray;
|
||||
|
||||
a {.color-10-gray;}
|
||||
|
||||
a:last-child:after {content: "Und wir waren auch dabei....pixelegg";}
|
||||
}
|
||||
|
||||
|
||||
#egw_fw_footer:hover {
|
||||
opacity: 0.1;
|
||||
transition: opacity .5s ease-out;
|
||||
-moz-transition: opacity .5s ease-out;
|
||||
-webkit-transition: opacity .5s ease-out;
|
||||
-o-transition: opacity .5s ease-out;
|
||||
}
|
||||
|
||||
|
||||
147
pixelegg/less/layout_loginPage.css
Normal file
147
pixelegg/less/layout_loginPage.css
Normal file
@ -0,0 +1,147 @@
|
||||
/**
|
||||
* EGroupware: Stylite Pixelegg template
|
||||
*
|
||||
* Definitions for login page
|
||||
*
|
||||
* 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 Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||||
* @package pixelegg
|
||||
* @version $Id$
|
||||
*/
|
||||
/* ##################################################################################
|
||||
* login page
|
||||
*
|
||||
* ##################################################################################
|
||||
*
|
||||
*
|
||||
*/
|
||||
#login-bg {
|
||||
background-image: url("images-login/jp-mountain-blue-sun.jpg") !important;
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
height: 120%;
|
||||
position: fixed;
|
||||
width: 120%;
|
||||
z-index: -1;
|
||||
}
|
||||
#login-bg img {
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
margin: auto;
|
||||
min-height: 50%;
|
||||
min-width: 50%;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
#loginMainDiv {
|
||||
padding: 0px;
|
||||
min-height: 720px;
|
||||
height: 100%;
|
||||
width: auto;
|
||||
border-bottom: 0px solid #7E7E7E;
|
||||
}
|
||||
#loginMainDiv #divAppIconBar {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
background: transparent;
|
||||
}
|
||||
#loginMainDiv #divAppIconBar #divLogo {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
||||
#loginMainDiv div#centerBox {
|
||||
z-index: 100;
|
||||
padding-left: 40%;
|
||||
}
|
||||
#loginMainDiv div#centerBox #loginScreenMessage {
|
||||
position: relative;
|
||||
top: 400px;
|
||||
}
|
||||
#loginMainDiv div#centerBox #loginCdMessage {
|
||||
margin-bottom: 1em;
|
||||
margin-left: 40%;
|
||||
}
|
||||
#loginMainDiv div#centerBox #loginCdMessage span {
|
||||
padding: 0.5em;
|
||||
font-size: 1.2em;
|
||||
color: #ffc200;
|
||||
text-shadow: -1px -1px 0px #101010, 1px 1px 0px #505050;
|
||||
width: 100%;
|
||||
}
|
||||
#loginMainDiv div#centerBox form table.divLoginbox {
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
-webkit-border-radius: 3px;
|
||||
-webkit-border-top-left-radius: 20px;
|
||||
-moz-border-radius: 3px;
|
||||
-moz-border-radius-topleft: 20px;
|
||||
border-radius: 3px;
|
||||
border-top-left-radius: 20px;
|
||||
}
|
||||
#loginMainDiv div#centerBox form table.divLoginbox td {
|
||||
padding: 0.5em;
|
||||
}
|
||||
#loginMainDiv div#centerBox form table.divLoginbox select {
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
width: auto;
|
||||
margin: 0.5em 0em 0.5em 0.5em;
|
||||
padding: 3px;
|
||||
outline: none;
|
||||
display: inline-block;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
#loginMainDiv div#centerBox form table.divLoginbox select:hover {
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
}
|
||||
#loginMainDiv div#centerBox form table.divLoginbox input {
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
border-color: #bfbfbf;
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
width: auto;
|
||||
margin: 0.5em 0em 0.5em 0;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
#loginMainDiv div#centerBox form table.divLoginbox input:hover {
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
}
|
||||
#loginMainDiv div#centerBox form table.divLoginbox input:focus {
|
||||
outline: 0;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: #bfbfbf;
|
||||
-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||||
-moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
#loginMainDiv div#centerBox form table.divLoginbox input[type="submit"] {
|
||||
background-color: #ffc200 !important;
|
||||
color: #000000;
|
||||
}
|
||||
#loginMainDiv div#centerBox form table.divLoginbox input[type="submit"]:focus {
|
||||
outline: 0;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: #bfbfbf;
|
||||
-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||||
-moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
208
pixelegg/less/layout_loginPage.less
Normal file
208
pixelegg/less/layout_loginPage.less
Normal file
@ -0,0 +1,208 @@
|
||||
/**
|
||||
* EGroupware: Stylite Pixelegg template
|
||||
*
|
||||
* Definitions for login page
|
||||
*
|
||||
* 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 Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||||
* @package pixelegg
|
||||
* @version $Id$
|
||||
*/
|
||||
|
||||
@import (reference) "../../phpgwapi/templates/default/def_buttons.less";
|
||||
@import (reference) "../../phpgwapi/templates/default/def_content_elements.less";
|
||||
@import (reference) "../../phpgwapi/templates/default/def_design_pattern_color_font_shadow.less";
|
||||
@import (reference) "../../phpgwapi/templates/default/def_messages.less";
|
||||
|
||||
|
||||
/* ##################################################################################
|
||||
* login page
|
||||
*
|
||||
* ##################################################################################
|
||||
*
|
||||
*
|
||||
*/
|
||||
|
||||
|
||||
// body { }
|
||||
|
||||
|
||||
#login-bg {
|
||||
|
||||
background-image: url("images-login/jp-mountain-blue-sun.jpg") !important;
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
// background: none repeat scroll 0 0 #000000;
|
||||
height: 120%;
|
||||
// left: -50%;
|
||||
position: fixed;
|
||||
width: 120%;
|
||||
z-index: -1;
|
||||
|
||||
img {
|
||||
|
||||
|
||||
// background-color: black !important;
|
||||
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
margin: auto;
|
||||
min-height: 50%;
|
||||
min-width: 50%;
|
||||
right: 0;
|
||||
top: 0;
|
||||
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
#loginMainDiv {
|
||||
padding: 0px;
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// background-position: center 64px;
|
||||
|
||||
// .background_verlauf_diagonal_gray;
|
||||
// .bw_gradient; // grau Verlauf
|
||||
// .gradient; // grau Verlauf
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
min-height: 720px;
|
||||
height: 100%;
|
||||
width: auto;
|
||||
|
||||
// .background-color-10-gray;
|
||||
border-bottom: 0px solid #7E7E7E;
|
||||
|
||||
|
||||
|
||||
|
||||
// Logo Leiste
|
||||
#divAppIconBar{
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
background: transparent;
|
||||
// .background-color-egw-100;
|
||||
|
||||
#divLogo {
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
position: relative;
|
||||
// left: 18px;
|
||||
top: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// Anmeldefenster
|
||||
div#centerBox{
|
||||
// .background_linear_gradient; // orange
|
||||
z-index: 100;
|
||||
// padding: 3em;
|
||||
padding-left: 40%;
|
||||
// .background-color-10-gray;
|
||||
// background: transparent;
|
||||
|
||||
|
||||
// Meldung
|
||||
#loginScreenMessage{
|
||||
position: relative;
|
||||
top: 400px;
|
||||
}
|
||||
|
||||
|
||||
// Message
|
||||
#loginCdMessage{
|
||||
// padding: 2em;
|
||||
// position: relative;
|
||||
// text-align: right;
|
||||
// width: 520px;
|
||||
// margin: auto;
|
||||
margin-bottom: 1em;
|
||||
margin-left: 40%;
|
||||
// .border_radius_button_lefttop;
|
||||
|
||||
|
||||
// Text der Meldung
|
||||
span {
|
||||
padding: 0.5em;
|
||||
font-size: 1.2em;
|
||||
// .background-color-hint;
|
||||
color: @color-hint;
|
||||
text-shadow: -1px -1px 0px #101010, 1px 1px 0px #505050;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Formular
|
||||
form{
|
||||
|
||||
|
||||
|
||||
table.divLoginbox {
|
||||
|
||||
// background-color: red;
|
||||
.box_shadow_standard_light;
|
||||
.border_radius_button_lefttop;
|
||||
|
||||
|
||||
tr.divLoginboxHeader{}
|
||||
|
||||
td { padding: 0.5em;}
|
||||
|
||||
select {
|
||||
.Complete_Button_select;
|
||||
}
|
||||
|
||||
select:hover {
|
||||
.Complete_Button_select_hover;
|
||||
}
|
||||
|
||||
input {
|
||||
.Complete_Button_input;
|
||||
}
|
||||
input:hover{
|
||||
.Complete_Button_input_hover;
|
||||
}
|
||||
|
||||
input:focus{
|
||||
.Complete_Button_input_focus;
|
||||
}
|
||||
|
||||
input[type="submit"] {
|
||||
.background-color-egw-normal; // Orange
|
||||
// Hintergrund in EGW Farbe
|
||||
.color-100-gray;
|
||||
|
||||
|
||||
}
|
||||
|
||||
input[type="submit"]:focus {
|
||||
.Complete_Button_input_focus;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
} // Formular
|
||||
|
||||
} //center box
|
||||
|
||||
} // #loginMainDiv
|
||||
|
||||
// Ende Login / Start #################################################
|
||||
277
pixelegg/less/layout_nextmatch.css
Normal file
277
pixelegg/less/layout_nextmatch.css
Normal file
@ -0,0 +1,277 @@
|
||||
/**
|
||||
* EGroupware: Stylite Pixelegg template
|
||||
*
|
||||
* Nextmatch
|
||||
*
|
||||
* 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 Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||||
* @package pixelegg
|
||||
* @version $Id$
|
||||
*/
|
||||
/**
|
||||
* Nextmatch widget
|
||||
*/
|
||||
.et2_nextmatch .nextmatch_header > .filters {
|
||||
padding: 0 0 0 1em;
|
||||
background-color: #f0f0f0;
|
||||
margin-bottom: 3px;
|
||||
margin: 0em;
|
||||
border-width: 0 0 1px 0;
|
||||
border-color: #d9d9d9;
|
||||
background-image: none;
|
||||
}
|
||||
.et2_nextmatch {
|
||||
/* Left & right headers*/
|
||||
/* Favorites */
|
||||
}
|
||||
.et2_nextmatch div > .header {
|
||||
margin-top: -20px;
|
||||
border: none;
|
||||
}
|
||||
.et2_nextmatch input,
|
||||
.et2_nextmatch select {
|
||||
height: auto;
|
||||
}
|
||||
.et2_nextmatch .nextmatch_header {
|
||||
border: none;
|
||||
background-image: none;
|
||||
background-color: #f0f0f0;
|
||||
background-size: 80% 10;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
.et2_nextmatch .nextmatch_header div.et2_hbox_right {
|
||||
background: transparent;
|
||||
}
|
||||
.et2_nextmatch .nextmatch_header div.et2_hbox_right table.et2_grid {
|
||||
background: transparent;
|
||||
}
|
||||
.et2_nextmatch .nextmatch_header .et2_button_icon {
|
||||
vertical-align: middle;
|
||||
background-color: #f0f0f0;
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
margin-top: -5px;
|
||||
margin-right: 1em;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
}
|
||||
.et2_nextmatch .nextmatch_header .et2_button_icon:hover {
|
||||
background-color: #b3b3b3 !important;
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
border: 1px solid rgba(0, 0, 0, 0.5);
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.et2_nextmatch .nextmatch_header .header_count {
|
||||
position: relative;
|
||||
top: 7px;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
background-color: #f0f0f0;
|
||||
border-color: #808080;
|
||||
cursor: pointer;
|
||||
}
|
||||
.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper,
|
||||
.et2_nextmatch .nextmatch_header div.addressbook-index_favorite {
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
background-color: #bfbfbf;
|
||||
position: relative;
|
||||
top: 5px;
|
||||
/**
|
||||
* Drop down button
|
||||
*/
|
||||
}
|
||||
.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown,
|
||||
.et2_nextmatch .nextmatch_header div.addressbook-index_favorite .et2_dropdown {
|
||||
height: 2em;
|
||||
}
|
||||
.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown img,
|
||||
.et2_nextmatch .nextmatch_header div.addressbook-index_favorite .et2_dropdown img {
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
}
|
||||
.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown button,
|
||||
.et2_nextmatch .nextmatch_header div.addressbook-index_favorite .et2_dropdown button {
|
||||
height: 3.0ex;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-right: -2px;
|
||||
padding: 0px 1ex;
|
||||
background-color: #ffffff;
|
||||
background-image: none;
|
||||
}
|
||||
.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown button > div,
|
||||
.et2_nextmatch .nextmatch_header div.addressbook-index_favorite .et2_dropdown button > div {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown button:last-child,
|
||||
.et2_nextmatch .nextmatch_header div.addressbook-index_favorite .et2_dropdown button:last-child {
|
||||
padding: 0px;
|
||||
}
|
||||
.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown + ul.ui-menu,
|
||||
.et2_nextmatch .nextmatch_header div.addressbook-index_favorite .et2_dropdown + ul.ui-menu {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
}
|
||||
.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper ul,
|
||||
.et2_nextmatch .nextmatch_header div.addressbook-index_favorite ul {
|
||||
border-color: #bfbfbf;
|
||||
background-color: #ffffff;
|
||||
color: #000000;
|
||||
}
|
||||
.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper ul li,
|
||||
.et2_nextmatch .nextmatch_header div.addressbook-index_favorite ul li {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper ul li:hover,
|
||||
.et2_nextmatch .nextmatch_header div.addressbook-index_favorite ul li:hover {
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper ul li a,
|
||||
.et2_nextmatch .nextmatch_header div.addressbook-index_favorite ul li a {
|
||||
height: 40px;
|
||||
border: none;
|
||||
}
|
||||
.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper ul li a img,
|
||||
.et2_nextmatch .nextmatch_header div.addressbook-index_favorite ul li a img {
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
}
|
||||
.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper ul li a:hover,
|
||||
.et2_nextmatch .nextmatch_header div.addressbook-index_favorite ul li a:hover {
|
||||
background: none;
|
||||
text-indent: -22px;
|
||||
margin-left: 21px;
|
||||
height: 40px;
|
||||
}
|
||||
.et2_nextmatch div#favorite_wrapper {
|
||||
margin-top: 8px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.filters {
|
||||
padding: 0 0 0 1em;
|
||||
background-color: #f0f0f0;
|
||||
margin-bottom: 3px;
|
||||
margin: 0em;
|
||||
border-width: 0 0 1px 0;
|
||||
border-color: #d9d9d9;
|
||||
background-image: none;
|
||||
width: 80%;
|
||||
}
|
||||
.filters img.et2_button {
|
||||
float: right;
|
||||
position: relative;
|
||||
top: 15px;
|
||||
}
|
||||
.filters select {
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
width: auto;
|
||||
margin: 0.5em 0em 0.5em 0.5em;
|
||||
padding: 3px;
|
||||
outline: none;
|
||||
display: inline-block;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
cursor: pointer;
|
||||
margin-right: 2ex;
|
||||
padding: 5px;
|
||||
}
|
||||
.filters select:hover {
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
}
|
||||
.filters select#cat_id {
|
||||
margin-left: 1em;
|
||||
}
|
||||
.filters input {
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
border-color: #bfbfbf;
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
width: auto;
|
||||
margin: 0.5em 0em 0.5em 0;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.filters input:hover {
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
}
|
||||
.filters button {
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
border-color: #bfbfbf;
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
width: 3em;
|
||||
-webkit-border-radius: 3px;
|
||||
-webkit-border-top-left-radius: 20px;
|
||||
-moz-border-radius: 3px;
|
||||
-moz-border-radius-topleft: 20px;
|
||||
border-radius: 3px;
|
||||
border-top-left-radius: 20px;
|
||||
background-color: #ffd44d;
|
||||
color: #FFFFFF;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
padding: 3px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
.filters button:hover {
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
background-color: #ffd40f !important;
|
||||
-webkit-border-radius: 3px;
|
||||
-webkit-border-top-left-radius: 20px;
|
||||
-moz-border-radius: 3px;
|
||||
-moz-border-radius-topleft: 20px;
|
||||
border-radius: 3px;
|
||||
border-top-left-radius: 20px;
|
||||
background-color: #ffd40f;
|
||||
}
|
||||
.filters button:active {
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
background-color: #ffd44d;
|
||||
-webkit-border-radius: 3px;
|
||||
-webkit-border-top-left-radius: 20px;
|
||||
-moz-border-radius: 3px;
|
||||
-moz-border-radius-topleft: 20px;
|
||||
border-radius: 3px;
|
||||
border-top-left-radius: 20px;
|
||||
}
|
||||
.filters button:focus {
|
||||
outline: 0;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: #bfbfbf;
|
||||
-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||||
-moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
246
pixelegg/less/layout_nextmatch.less
Normal file
246
pixelegg/less/layout_nextmatch.less
Normal file
@ -0,0 +1,246 @@
|
||||
/**
|
||||
* EGroupware: Stylite Pixelegg template
|
||||
*
|
||||
* Nextmatch
|
||||
*
|
||||
* 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 Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||||
* @package pixelegg
|
||||
* @version $Id$
|
||||
*/
|
||||
|
||||
@import (reference) "../../phpgwapi/templates/default/def_buttons.less";
|
||||
|
||||
/**
|
||||
* Nextmatch widget
|
||||
*/
|
||||
// Fläche einfärben
|
||||
.et2_nextmatch .nextmatch_header > .filters { .Rectangle_filters;}
|
||||
|
||||
.et2_nextmatch {
|
||||
|
||||
// border-left: 9px solid #BFBFBF;
|
||||
// .border-color-25-gray;
|
||||
|
||||
/* Left & right headers*/
|
||||
div > .header {
|
||||
margin-top: -20px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
// Listen Felder
|
||||
input, select {height: auto;}
|
||||
|
||||
|
||||
.nextmatch_header {
|
||||
border: none;
|
||||
background-image: none;
|
||||
.background-color-10-gray;
|
||||
background-size: 80% 10;
|
||||
margin-bottom: 3px;
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// rechte Box
|
||||
div.et2_hbox_right{
|
||||
// position: relative;
|
||||
// right: 5em;
|
||||
// top: 0.4em;
|
||||
// margin-right: 23px;
|
||||
// float: right;
|
||||
|
||||
background: transparent;
|
||||
|
||||
table.et2_grid {background: transparent;}
|
||||
}
|
||||
|
||||
|
||||
// z.b. Dateimanager
|
||||
.et2_button_icon {
|
||||
vertical-align: middle;
|
||||
.Complete_Button_Icon_normal;
|
||||
margin-top: -5px;
|
||||
margin-right: 1em;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
}
|
||||
.et2_button_icon:hover{.Complete_Button_Icon_hover ;}
|
||||
|
||||
|
||||
|
||||
// Anzahl Treffer
|
||||
.header_count {
|
||||
position: relative;
|
||||
top: 7px;
|
||||
.Complete_Button_text;
|
||||
}
|
||||
|
||||
// Favoriten
|
||||
div#infolog-index_favorite_wrapper,
|
||||
div.addressbook-index_favorite {
|
||||
.box_shadow_standard_light;
|
||||
.border_radius_button_normal;
|
||||
.background-color-25-gray;
|
||||
|
||||
position: relative;
|
||||
top: 5px;
|
||||
|
||||
/**
|
||||
* Drop down button
|
||||
*/
|
||||
.et2_dropdown{
|
||||
|
||||
height: 2em;
|
||||
// background: yellow;
|
||||
|
||||
img {height: 16px; width: 16px;}
|
||||
|
||||
button {
|
||||
height: 3.0ex;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-right: -2px;
|
||||
padding: 0px 1ex;
|
||||
.background-color-0-gray;
|
||||
background-image: none;
|
||||
|
||||
}
|
||||
button > div {
|
||||
vertical-align: middle;
|
||||
}
|
||||
button:last-child {
|
||||
padding: 0px
|
||||
}
|
||||
+ ul.ui-menu {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
|
||||
} // dropdown
|
||||
|
||||
// Liste
|
||||
ul{
|
||||
|
||||
.border-color-25-gray;
|
||||
.background-color-0-gray;
|
||||
.color-100-gray;
|
||||
li{
|
||||
.background-color-0-gray;
|
||||
|
||||
&:hover {.background-color-10-gray;}
|
||||
a {
|
||||
|
||||
height: 40px;
|
||||
border: none;
|
||||
|
||||
img {height: 16px; width: 16px;}
|
||||
}
|
||||
|
||||
a:hover {
|
||||
background: none;
|
||||
text-indent: -22px;
|
||||
margin-left: 21px;
|
||||
height: 40px;
|
||||
|
||||
}
|
||||
}
|
||||
li#blank {}
|
||||
li#add { }
|
||||
|
||||
}
|
||||
} // Favoriten
|
||||
|
||||
|
||||
|
||||
}
|
||||
/* Favorites */
|
||||
div#favorite_wrapper {
|
||||
margin-top: 8px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
// Ende .et2_nextmatch
|
||||
}
|
||||
|
||||
// Filterleiste
|
||||
.filters {
|
||||
|
||||
.Rectangle_filters;
|
||||
width: 80%;
|
||||
|
||||
// Export Bild
|
||||
img.et2_button {
|
||||
float: right;
|
||||
position: relative;
|
||||
top: 15px;
|
||||
}
|
||||
|
||||
select {
|
||||
.Complete_Button_select;
|
||||
margin-right: 2ex;
|
||||
padding: 5px;
|
||||
// border: 2px;
|
||||
&:hover{
|
||||
.Complete_Button_select_hover;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
select#cat_id {margin-left: 1em;}
|
||||
|
||||
|
||||
input {
|
||||
.Complete_Button_input;
|
||||
// margin-left: 2ex;
|
||||
// margin-top: 2px;
|
||||
// padding: 0px;
|
||||
// position: relative;
|
||||
// top: 4px;
|
||||
|
||||
&:hover{
|
||||
.Complete_Button_input_hover;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
label { }
|
||||
|
||||
|
||||
|
||||
|
||||
// Suchen Button
|
||||
button {
|
||||
.Complete_Button_search_action;
|
||||
// position: relative;
|
||||
// top: 4px;
|
||||
|
||||
&:hover{
|
||||
.Complete_Button_search_action_hover;
|
||||
background-color: @yellow;
|
||||
}
|
||||
|
||||
&:active {
|
||||
.Complete_Button_search_action_active;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
.Complete_Button_input_focus;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
} // Ende filter
|
||||
762
pixelegg/less/layout_raster.css
Normal file
762
pixelegg/less/layout_raster.css
Normal file
@ -0,0 +1,762 @@
|
||||
/**
|
||||
* EGroupware: Stylite Pixelegg template
|
||||
*
|
||||
* Definitions for layout and raster
|
||||
*
|
||||
* 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 Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||||
* @package pixelegg
|
||||
* @version $Id$
|
||||
*/
|
||||
/* #################################################
|
||||
* Basecontainer
|
||||
* #################################################
|
||||
*/
|
||||
.egw_fw_content_browser_iframe,
|
||||
#divMainView {
|
||||
margin: 0;
|
||||
}
|
||||
.egw_fw_content_browser_iframe body,
|
||||
#divMainView body {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
#egw_fw_header {
|
||||
width: 100%;
|
||||
float: left;
|
||||
/* ###########################################################################################################################################
|
||||
/* ###########################################################################################################################################
|
||||
* Topmenu
|
||||
/* ###########################################################################################################################################
|
||||
*/
|
||||
}
|
||||
#egw_fw_header #egw_divLogo {
|
||||
float: left;
|
||||
width: 255px;
|
||||
display: block;
|
||||
margin-left: -8px;
|
||||
text-align: center;
|
||||
height: 45px;
|
||||
background-color: #fafafa;
|
||||
}
|
||||
#egw_fw_header #egw_divLogo img {
|
||||
height: 40px;
|
||||
border: none;
|
||||
background-color: #fafafa;
|
||||
}
|
||||
#egw_fw_header #egw_fw_topmenu ul,
|
||||
#egw_fw_header #egw_fw_topmenu > * > ul > li,
|
||||
#egw_fw_header .topmenu_info_item,
|
||||
#egw_fw_header #egw_fw_topmenu_items,
|
||||
#egw_fw_header #egw_fw_topmenu_info_items {
|
||||
display: inline;
|
||||
}
|
||||
#egw_fw_header #egw_fw_topmenu {
|
||||
display: block;
|
||||
-webkit-transition: all 1s linear;
|
||||
-moz-transition: all 1s linear;
|
||||
-o-transition: all 1s linear;
|
||||
-ms-transition: all 1s linear;
|
||||
transition: all 1s linear;
|
||||
color: #000000;
|
||||
-webkit-border-bottom-left-radius: none;
|
||||
-moz-border-radius-bottomleft: none;
|
||||
border-bottom-left-radius: none;
|
||||
}
|
||||
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items {
|
||||
float: left;
|
||||
padding-top: 10px;
|
||||
}
|
||||
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
padding: 0.3em 0.4em;
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
color: #000000;
|
||||
}
|
||||
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li:hover {
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
background-color: inherit !important;
|
||||
color: #000000;
|
||||
}
|
||||
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a {
|
||||
color: #000000;
|
||||
}
|
||||
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a:hover {
|
||||
color: #808080;
|
||||
border-color: #808080;
|
||||
}
|
||||
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li:first-child {
|
||||
margin-left: -28px;
|
||||
}
|
||||
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li:first-child :before {
|
||||
border: none;
|
||||
}
|
||||
#egw_fw_topmenu_slide {
|
||||
width: auto;
|
||||
text-align: center;
|
||||
height: 15px;
|
||||
float: left;
|
||||
position: fixed;
|
||||
left: 196px;
|
||||
}
|
||||
#egw_fw_topmenu_slide .slidedown {
|
||||
background-image: url("images/slidedown.png");
|
||||
background-position: center center;
|
||||
height: 15px;
|
||||
width: 15px;
|
||||
display: block;
|
||||
margin-left: 40px;
|
||||
margin-top: 0px;
|
||||
}
|
||||
#egw_fw_topmenu_slide .slideup {
|
||||
background-image: url("images/slideup.png");
|
||||
background-position: center center;
|
||||
height: 15px;
|
||||
width: 15px;
|
||||
display: block;
|
||||
margin-top: 10px;
|
||||
margin-left: 40px;
|
||||
}
|
||||
#egw_fw_topmenu_addons {
|
||||
/* ###################################################################
|
||||
* Topmenu
|
||||
*
|
||||
* Name + Datum + Hinzufügen
|
||||
*
|
||||
*
|
||||
* */
|
||||
}
|
||||
#egw_fw_topmenu_addons #egw_fw_logout {
|
||||
background-image: url(../../phpgwapi/templates/pxe/images/logout.png);
|
||||
background-size: 16px 16px;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
float: right;
|
||||
margin-right: 1em;
|
||||
margin-top: 0px;
|
||||
z-index: 200;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
padding: 0.5em;
|
||||
top: 5px;
|
||||
position: fixed;
|
||||
right: 5px;
|
||||
}
|
||||
#egw_fw_topmenu_addons #egw_fw_logout:hover {
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
}
|
||||
#egw_fw_topmenu_addons #egw_fw_print {
|
||||
background-image: url(../../phpgwapi/templates/pxe/images/print.png);
|
||||
background-size: 16px 16px;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
float: right;
|
||||
margin-right: 5px;
|
||||
margin-top: 0px;
|
||||
position: fixed;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
padding: 0.5em;
|
||||
top: 5px;
|
||||
right: 45px;
|
||||
z-index: 200;
|
||||
}
|
||||
#egw_fw_topmenu_addons #egw_fw_print:hover {
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
}
|
||||
#egw_fw_topmenu_addons #egw_fw_print:focus {
|
||||
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
#egw_fw_topmenu_addons #egw_fw_topmenu_info_items {
|
||||
padding-right: 20px;
|
||||
float: right;
|
||||
white-space: nowrap;
|
||||
}
|
||||
#egw_fw_topmenu_addons #egw_fw_topmenu_info_items .topmenu_info_item:nth-child(2) {
|
||||
float: right;
|
||||
margin-top: 0;
|
||||
}
|
||||
#egw_fw_topmenu_addons span#quick_add {
|
||||
position: fixed;
|
||||
right: 88px;
|
||||
top: 0;
|
||||
z-index: 200;
|
||||
padding: 0 0.8em 0.8em 0.5em;
|
||||
}
|
||||
#egw_fw_topmenu_addons span#quick_add:before {
|
||||
content: "+";
|
||||
font-size: 2em;
|
||||
color: #ffc200;
|
||||
}
|
||||
#egw_fw_topmenu_addons span#quick_add select#quick_add_selectbox {
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
height: 30px;
|
||||
padding: 0 0 0 10px;
|
||||
font-size: 0.9em;
|
||||
line-height: 1.1em;
|
||||
}
|
||||
#egw_fw_topmenu_addons span#quick_add select#quick_add_selectbox:hover {
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
}
|
||||
#egw_fw_topmenu_addons span#quick_add select#quick_add_selectbox:focus {
|
||||
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
#egw_fw_topmenu_addons span#quick_add select#quick_add_selectbox option:first-child:before {
|
||||
content: "+";
|
||||
font-size: 2em;
|
||||
color: #ffc200;
|
||||
}
|
||||
/* ################################################################################################################
|
||||
* Sidebar
|
||||
* ################################################################################################################
|
||||
*/
|
||||
#egw_fw_sidebar {
|
||||
position: fixed;
|
||||
overflow: hidden;
|
||||
top: 57px;
|
||||
left: 0px;
|
||||
bottom: 20px;
|
||||
width: 225px;
|
||||
background-color: #fafafa;
|
||||
}
|
||||
#egw_fw_sidebar #egw_fw_sidemenu {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
bottom: 4px;
|
||||
left: 4px;
|
||||
right: 5px;
|
||||
overflow: hidden;
|
||||
z-index: 0;
|
||||
padding-top: 0.6em;
|
||||
}
|
||||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv {
|
||||
background-color: #fafafa;
|
||||
}
|
||||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header {
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
height: 30px;
|
||||
margin: 0 0;
|
||||
padding: 4px 5px 5px 15px;
|
||||
background-color: #fafafa;
|
||||
background-image: none;
|
||||
border-color: #f0f0f0;
|
||||
border-radius: 5px 5px 5px 5px;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
}
|
||||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header:hover {
|
||||
background-color: #d9d9d9;
|
||||
}
|
||||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header h1 {
|
||||
font-size: 1em;
|
||||
font-weight: normal;
|
||||
margin: 0 0 10px 0;
|
||||
padding-top: 0.31em;
|
||||
color: #999999;
|
||||
}
|
||||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active {
|
||||
cursor: pointer;
|
||||
background-image: none;
|
||||
background-color: #f0f0f0;
|
||||
border-radius: 27px 0px 0 0;
|
||||
border-top: 1px solid #C6CED6;
|
||||
border-left: 1px solid #C6CED6;
|
||||
margin: 0 0 0 0;
|
||||
-moz-border-radius-topright: 5px;
|
||||
-webkit-border-top-right-radius: 5px;
|
||||
-moz-border-radius-topleft: 5px;
|
||||
-webkit-border-top-left-radius: 27px;
|
||||
border-bottom: none;
|
||||
height: 44px;
|
||||
}
|
||||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active img {
|
||||
padding-left: 10px;
|
||||
padding-top: 8px;
|
||||
}
|
||||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active h1 {
|
||||
text-transform: uppercase;
|
||||
font-size: 1.4em;
|
||||
color: #000000;
|
||||
padding-top: 8px;
|
||||
}
|
||||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:hover {
|
||||
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:focus {
|
||||
background-image: url("../images/ajax-loader.gif");
|
||||
background-repeat: no-repeat;
|
||||
background-position: 90% 50%;
|
||||
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
background-color: #bfbfbf;
|
||||
}
|
||||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active .egw_fw_ui_ajaxloader {
|
||||
margin-top: -26px;
|
||||
}
|
||||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content {
|
||||
display: block;
|
||||
background-image: none;
|
||||
-webkit-border-top-right-radius: 0;
|
||||
-webkit-border-bottom-right-radius: 0;
|
||||
-webkit-border-bottom-left-radius: 27px;
|
||||
-webkit-border-top-left-radius: 0;
|
||||
-moz-border-radius-topright: 0;
|
||||
-moz-border-radius-bottomright: 0;
|
||||
-moz-border-radius-bottomleft: 27px;
|
||||
-moz-border-radius-topleft: 0;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 27px;
|
||||
border-top-left-radius: 0;
|
||||
-moz-background-clip: padding-box;
|
||||
-webkit-background-clip: padding-box;
|
||||
background-clip: padding-box;
|
||||
border-color: #bfbfbf;
|
||||
border-style: solid;
|
||||
border-width: 0px;
|
||||
margin: 0 0 2em 0;
|
||||
}
|
||||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content > div:nth-of-type(1) {
|
||||
padding: 5px 0.3em 1.5em 0.3em;
|
||||
margin: 0 0 10px 0;
|
||||
background-color: #bfbfbf;
|
||||
-webkit-border-top-right-radius: 0;
|
||||
-webkit-border-bottom-right-radius: 0;
|
||||
-webkit-border-bottom-left-radius: 27px;
|
||||
-webkit-border-top-left-radius: 0;
|
||||
-moz-border-radius-topright: 0;
|
||||
-moz-border-radius-bottomright: 0;
|
||||
-moz-border-radius-bottomleft: 27px;
|
||||
-moz-border-radius-topleft: 0;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 27px;
|
||||
border-top-left-radius: 0;
|
||||
-moz-background-clip: padding-box;
|
||||
-webkit-background-clip: padding-box;
|
||||
background-clip: padding-box;
|
||||
border-color: #bfbfbf;
|
||||
}
|
||||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category {
|
||||
margin: 10px 5px 0px 5px;
|
||||
padding: 0.5em 1em;
|
||||
cursor: pointer;
|
||||
border-color: #bfbfbf;
|
||||
background-color: #d9d9d9;
|
||||
-webkit-border-top-right-radius: 3px;
|
||||
-webkit-border-bottom-right-radius: 3px;
|
||||
-webkit-border-bottom-left-radius: 3px;
|
||||
-webkit-border-top-left-radius: 3px;
|
||||
-moz-border-radius-topright: 3px;
|
||||
-moz-border-radius-bottomright: 3px;
|
||||
-moz-border-radius-bottomleft: 3px;
|
||||
-moz-border-radius-topleft: 3px;
|
||||
border-top-right-radius: 3px;
|
||||
border-bottom-right-radius: 3px;
|
||||
border-bottom-left-radius: 3px;
|
||||
border-top-left-radius: 3px;
|
||||
-moz-background-clip: padding-box;
|
||||
-webkit-background-clip: padding-box;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h1 {
|
||||
margin: 5px 0px 3px 5px;
|
||||
padding: 0px 0px 0px 15px;
|
||||
font-size: 9pt;
|
||||
background-image: url(../images/arrow_left.png);
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
}
|
||||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category:hover {
|
||||
background-color: #b3b3b3 !important;
|
||||
padding: 0.5em 1em;
|
||||
}
|
||||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active {
|
||||
border-bottom-width: 0px;
|
||||
margin-top: 0px;
|
||||
background-color: #808080;
|
||||
color: #f2f2f2;
|
||||
}
|
||||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 {
|
||||
background-image: url(../images/arrow_down.png);
|
||||
}
|
||||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 a {
|
||||
color: #FFF;
|
||||
}
|
||||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 a img {
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
}
|
||||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 a:hover {
|
||||
padding: 5px 30px 5px 0px;
|
||||
width: 200px;
|
||||
background-color: #f0f0f0;
|
||||
color: #808080;
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
background-color: inherit !important;
|
||||
}
|
||||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content_bottom {
|
||||
border-width: 0px 1px 1px 1px;
|
||||
}
|
||||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_bottom {
|
||||
border-width: 0px;
|
||||
border-color: black;
|
||||
}
|
||||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_icon {
|
||||
display: inline-block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
padding-left: 0;
|
||||
padding-right: 10px;
|
||||
float: left;
|
||||
}
|
||||
#egw_fw_sidebar #egw_fw_splitter {
|
||||
position: absolute;
|
||||
background-color: #bfbfbf;
|
||||
width: 5px;
|
||||
top: 61px;
|
||||
bottom: 3px;
|
||||
right: 0px;
|
||||
}
|
||||
#egw_fw_sidebar #egw_fw_splitter:hover {
|
||||
background-color: #ffc200;
|
||||
}
|
||||
#egw_fw_sidebar #egw_fw_splitter .egw_fw_ui_splitter_vertical {
|
||||
background-image: url(images/splitter_vert.png);
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
position: absolute;
|
||||
width: 5px;
|
||||
height: 100%;
|
||||
cursor: col-resize;
|
||||
}
|
||||
.egw_fw_ui_category_content {
|
||||
background-color: #ffffff;
|
||||
border-top-width: 0;
|
||||
border-left: 0px solid;
|
||||
border-bottom: 0px solid;
|
||||
margin-left: 4px;
|
||||
margin-top: 0px;
|
||||
padding-bottom: 5px;
|
||||
padding-left: 14px;
|
||||
padding-top: 14px;
|
||||
margin-right: 5px;
|
||||
min-height: 50px;
|
||||
}
|
||||
.egw_fw_ui_category_content:hover {
|
||||
background-color: #ffffff;
|
||||
border-color: #808080;
|
||||
}
|
||||
.egw_fw_ui_sidemenu_listitem {
|
||||
display: block;
|
||||
margin: 4px 0 5px 6px;
|
||||
position: relative;
|
||||
}
|
||||
.egw_fw_ui_sidemenu_listitem img {
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
}
|
||||
.egw_fw_ui_sidemenu_listitem input {
|
||||
height: 16px;
|
||||
width: 81% !important;
|
||||
}
|
||||
.egw_fw_ui_sidemenu_listitem input[type="image"] {
|
||||
height: 10px;
|
||||
width: 10px !important;
|
||||
margin-left: 1px;
|
||||
}
|
||||
.egw_fw_ui_sidemenu_listitem select {
|
||||
width: 86% !important;
|
||||
}
|
||||
.egw_fw_ui_sidemenu_listitem a {
|
||||
padding: 5px 30px 5px 0px;
|
||||
text-decoration: none;
|
||||
min-width: 5em;
|
||||
display: block;
|
||||
}
|
||||
.egw_fw_ui_sidemenu_listitem a:hover {
|
||||
color: #FFF;
|
||||
background-color: #679fd2;
|
||||
}
|
||||
.egw_fw_ui_sidemenu_listitem a:active {
|
||||
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
.egw_fw_ui_sidemenu_listitem div a:first-child {
|
||||
width: 72% !important;
|
||||
}
|
||||
.egw_fw_ui_sidemenu_listitem div a:nth-child(2) {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
background: transparent;
|
||||
padding: 0px 2px 0 2px;
|
||||
width: 10px;
|
||||
min-width: 5px;
|
||||
}
|
||||
.egw_fw_ui_sidemenu_listitem div a:nth-child(2) img {
|
||||
margin: 0 0 0 0;
|
||||
padding: 0em 0em 0 0em;
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
}
|
||||
.egw_fw_ui_sidemenu_listitem div a:nth-child(2):hover {
|
||||
background-color: #ff0000;
|
||||
background-color: #b3b3b3 !important;
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
border: 1px solid rgba(0, 0, 0, 0.5);
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
color: #ffffff;
|
||||
}
|
||||
.egw_fw_ui_sidemenu_listitem_icon {
|
||||
display: inline;
|
||||
margin-left: -16px;
|
||||
padding-right: 3px;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
float: left;
|
||||
}
|
||||
.egw_fw_ui_scrollarea {
|
||||
overflow: hidden;
|
||||
z-index: 0;
|
||||
}
|
||||
.egw_fw_ui_scrollarea_button {
|
||||
position: absolute;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 12px;
|
||||
z-index: 2;
|
||||
}
|
||||
.egw_fw_ui_scrollarea_button_up.egw_fw_ui_scrollarea_button_hover,
|
||||
.egw_fw_ui_scrollarea_button_down.egw_fw_ui_scrollarea_button_hover {
|
||||
background-image: url(../images/scroll_hover.png);
|
||||
}
|
||||
.egw_fw_ui_scrollarea_button_disabled {
|
||||
display: none !important;
|
||||
}
|
||||
.egw_fw_ui_scrollarea_button_up,
|
||||
.egw_fw_ui_scrollarea_button_down {
|
||||
height: 14px;
|
||||
background-image: url(../images/scroll.png);
|
||||
background-color: white;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
.egw_fw_ui_scrollarea_button_up {
|
||||
top: 0px;
|
||||
}
|
||||
.egw_fw_ui_scrollarea_button_down {
|
||||
bottom: 0px;
|
||||
}
|
||||
.egw_fw_ui_scrollarea_outerdiv {
|
||||
height: 100%;
|
||||
}
|
||||
.egw_fw_content_browser_div {
|
||||
display: block;
|
||||
/* background-color: RGB(240, 240, 255);*/
|
||||
}
|
||||
.egw_fw_content_browser_div_loading {
|
||||
position: absolute;
|
||||
z-index: 1000;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background-image: url(../images/ajax-loader.gif);
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
/* ###########################################################################################################################################
|
||||
/* ###########################################################################################################################################
|
||||
* Main
|
||||
/* ###########################################################################################################################################
|
||||
*/
|
||||
#egw_fw_main {
|
||||
margin: 3px 0em 0em 2em;
|
||||
padding: 0;
|
||||
width: auto;
|
||||
}
|
||||
#egw_fw_main #egw_fw_tabs {
|
||||
position: relative;
|
||||
background-color: transparent;
|
||||
float: left;
|
||||
width: 100%;
|
||||
}
|
||||
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header {
|
||||
-webkit-border-bottom-right-radius: 0;
|
||||
-webkit-border-bottom-left-radius: 0;
|
||||
-moz-border-radius-bottomright: 0;
|
||||
-moz-border-radius-bottomleft: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
-moz-background-clip: padding-box;
|
||||
-webkit-background-clip: padding-box;
|
||||
background-clip: padding-box;
|
||||
margin: 0;
|
||||
-moz-border-radius-topright: 5px;
|
||||
-webkit-border-top-right-radius: 5px;
|
||||
-moz-border-radius-topleft: 5px;
|
||||
-webkit-border-top-left-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
border-top-left-radius: 5px;
|
||||
padding: 0px 5px 0px 5px;
|
||||
background-position: bottom;
|
||||
background-repeat: repeat-x;
|
||||
background-color: transparent;
|
||||
}
|
||||
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header h1 {
|
||||
float: left;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
-webkit-margin-before: 0;
|
||||
-webkit-margin-after: 0;
|
||||
}
|
||||
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header img {
|
||||
text-align: center;
|
||||
float: none;
|
||||
margin: 0 auto;
|
||||
}
|
||||
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header {
|
||||
text-align: center;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
position: relative;
|
||||
-moz-border-radius-topright: 3px;
|
||||
-webkit-border-top-right-radius: 3px;
|
||||
-moz-border-radius-topleft: 3px;
|
||||
-webkit-border-top-left-radius: 3px;
|
||||
border-top-right-radius: 3px;
|
||||
border-top-left-radius: 3px;
|
||||
background-color: #fafafa;
|
||||
display: inline-block;
|
||||
margin: 3px 5px 0px 0px;
|
||||
padding: 2px 10px 2px 10px;
|
||||
cursor: pointer;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: #c6ced6;
|
||||
background-repeat: repeat-x;
|
||||
height: 49px;
|
||||
}
|
||||
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover {
|
||||
background-color: #bfbfbf;
|
||||
}
|
||||
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header h1 {
|
||||
font-size: 100%;
|
||||
line-height: 1em;
|
||||
margin-top: 0;
|
||||
}
|
||||
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active {
|
||||
border-width: 1px 1px 0px 1px !important;
|
||||
padding: 2px 10px 3px 10px !important;
|
||||
background-color: #bfbfbf;
|
||||
background-image: none !important;
|
||||
}
|
||||
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active:hover {
|
||||
background-color: #bfbfbf;
|
||||
}
|
||||
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header img.egw_fw_ui_tab_icon {
|
||||
display: inline-block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-right: 5px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tab_close_button {
|
||||
position: absolute;
|
||||
right: 1px;
|
||||
top: 1px;
|
||||
display: inline-block;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin-left: 5px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-image: url(../images/close_button.png);
|
||||
float: right;
|
||||
}
|
||||
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tab_close_button :hover {
|
||||
background-image: url(../images/close_button_hover.png);
|
||||
}
|
||||
#egw_fw_main .egw_fw_ui_tab_header_hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
#egw_fw_main .egw_fw_ui_tab_content {
|
||||
border-width: 0px 9px 0px 9px;
|
||||
border-style: solid;
|
||||
border-color: #bfbfbf;
|
||||
}
|
||||
#egw_fw_main .egw_fw_ui_tab_content div:nth-child(1) iframe {
|
||||
height: 100%;
|
||||
min-height: 99%;
|
||||
}
|
||||
div.et2_container {
|
||||
padding: 0;
|
||||
}
|
||||
div.et2_container div table.et2_grid tbody tr .row td .et2_box_widget select,
|
||||
div.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input {
|
||||
height: 20px;
|
||||
padding: 0;
|
||||
margin: 0px;
|
||||
font-size: 0.95em;
|
||||
}
|
||||
div.et2_container div table.et2_grid tbody tr td .et2_tabbox .et2_tabs table.et2_grid {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
div.et2_container div table.et2_grid tbody tr.footer-toolbar {
|
||||
background-color: #808080;
|
||||
color: #ffffff;
|
||||
line-height: 5em;
|
||||
}
|
||||
div.et2_container div table.et2_grid tbody tr.footer-toolbar select.et2_selectbox {
|
||||
background-color: #FFFFFF;
|
||||
height: 30px;
|
||||
margin-left: 0;
|
||||
margin-top: -4px;
|
||||
padding: 3px;
|
||||
width: 113px;
|
||||
}
|
||||
1236
pixelegg/less/layout_raster.less
Normal file
1236
pixelegg/less/layout_raster.less
Normal file
File diff suppressed because it is too large
Load Diff
226
pixelegg/less/magicsuggest.css
Normal file
226
pixelegg/less/magicsuggest.css
Normal file
@ -0,0 +1,226 @@
|
||||
/**
|
||||
* EGroupware: Stylite Pixelegg template
|
||||
*
|
||||
* less file for magic suggest
|
||||
*
|
||||
* 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 Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||||
* @package pixelegg
|
||||
* @version $Id$
|
||||
*/
|
||||
.ms-ctn {
|
||||
position: relative;
|
||||
height: 28px;
|
||||
padding: 0;
|
||||
margin-bottom: 0px;
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
color: #555555;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #cccccc;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
|
||||
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
|
||||
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
|
||||
transition: border linear 0.2s, box-shadow linear 0.2s;
|
||||
cursor: default;
|
||||
display: block;
|
||||
}
|
||||
.ms-ctn-invalid {
|
||||
border: 1px solid #CC0000;
|
||||
}
|
||||
.ms-ctn-readonly {
|
||||
cursor: pointer;
|
||||
}
|
||||
.ms-ctn-disabled {
|
||||
cursor: not-allowed;
|
||||
background-color: #eeeeee;
|
||||
}
|
||||
.ms-ctn-bootstrap-focus,
|
||||
.ms-ctn-bootstrap-focus .ms-res-ctn {
|
||||
/* IE6-9 */
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-color: #0c5da5 !important;
|
||||
}
|
||||
.ms-ctn input {
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
-webkit-transition: none;
|
||||
outline: none;
|
||||
display: block;
|
||||
padding: 4px 6px;
|
||||
line-height: normal;
|
||||
overflow: hidden;
|
||||
height: auto;
|
||||
border-radius: 0;
|
||||
float: none;
|
||||
margin: 2px 0 2px 2px;
|
||||
}
|
||||
.ms-ctn-disabled input {
|
||||
cursor: not-allowed;
|
||||
background-color: #eeeeee;
|
||||
}
|
||||
.ms-ctn .ms-input-readonly {
|
||||
cursor: pointer;
|
||||
}
|
||||
.ms-ctn .ms-empty-text {
|
||||
color: #DDD;
|
||||
}
|
||||
.ms-ctn input:focus {
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
-webkit-transition: none;
|
||||
background: #FFF;
|
||||
}
|
||||
.ms-ctn .ms-trigger {
|
||||
float: right;
|
||||
width: 27px;
|
||||
height: 28px;
|
||||
border-left: 1px solid #CCC;
|
||||
background: #EEE;
|
||||
cursor: pointer;
|
||||
}
|
||||
.ms-ctn .ms-trigger .ms-trigger-ico {
|
||||
display: inline-block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
vertical-align: top;
|
||||
border-top: 4px solid gray;
|
||||
border-right: 4px solid transparent;
|
||||
border-left: 4px solid transparent;
|
||||
content: "";
|
||||
margin-left: 9px;
|
||||
margin-top: 13px;
|
||||
}
|
||||
.ms-ctn .ms-trigger:hover {
|
||||
background: -moz-linear-gradient(100% 100% 90deg, #e3e3e3, #f1f1f1);
|
||||
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f1f1), to(#e3e3e3));
|
||||
}
|
||||
.ms-ctn .ms-trigger:hover .ms-trigger-ico {
|
||||
background-position: 0 -4px;
|
||||
}
|
||||
.ms-ctn-disabled .ms-trigger {
|
||||
cursor: not-allowed;
|
||||
background-color: #eeeeee;
|
||||
}
|
||||
.ms-ctn-bootstrap-focus {
|
||||
border-bottom: 1px solid #CCC;
|
||||
}
|
||||
.ms-res-ctn {
|
||||
position: relative;
|
||||
background: #FFF;
|
||||
overflow-y: auto;
|
||||
z-index: 9999;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
border: 1px solid #CCC;
|
||||
left: -1px;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
|
||||
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
|
||||
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
|
||||
transition: border linear 0.2s, box-shadow linear 0.2s;
|
||||
border-top: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
.ms-res-ctn .ms-res-group {
|
||||
line-height: 23px;
|
||||
text-align: left;
|
||||
padding: 2px 5px;
|
||||
font-weight: bold;
|
||||
border-bottom: 1px dotted #CCC;
|
||||
border-top: 1px solid #CCC;
|
||||
background: #f3edff;
|
||||
color: #333;
|
||||
}
|
||||
.ms-res-ctn .ms-res-item {
|
||||
line-height: 25px;
|
||||
text-align: left;
|
||||
padding: 2px 5px;
|
||||
color: #666;
|
||||
cursor: pointer;
|
||||
}
|
||||
.ms-res-ctn .ms-res-item-grouped {
|
||||
padding-left: 15px;
|
||||
}
|
||||
.ms-res-ctn .ms-res-odd {
|
||||
background: #F3F3F3;
|
||||
}
|
||||
.ms-res-ctn .ms-res-item-active {
|
||||
background-color: #3875D7;
|
||||
color: #fff;
|
||||
}
|
||||
.ms-sel-ctn {
|
||||
overflow: auto;
|
||||
line-height: 22px;
|
||||
}
|
||||
.ms-sel-ctn .ms-sel-item {
|
||||
background: #ffdd73;
|
||||
color: #000000;
|
||||
float: left;
|
||||
font-size: 12px;
|
||||
padding: 0 5px;
|
||||
border-radius: 3px;
|
||||
margin-left: 5px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
.ms-sel-ctn .ms-sel-text {
|
||||
background: #FFF;
|
||||
color: #666;
|
||||
padding-right: 0;
|
||||
margin-left: 0;
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
}
|
||||
.ms-res-ctn .ms-res-item em {
|
||||
font-style: normal;
|
||||
background: #565656;
|
||||
color: #FFF;
|
||||
}
|
||||
.ms-sel-ctn .ms-sel-item:hover {
|
||||
background: #ffd140;
|
||||
}
|
||||
.ms-sel-ctn .ms-sel-text:hover {
|
||||
background: #FFF;
|
||||
}
|
||||
.ms-sel-ctn .ms-sel-item-active {
|
||||
border: 1px solid red;
|
||||
background: #757575;
|
||||
}
|
||||
.ms-ctn .ms-sel-ctn .ms-sel-item {
|
||||
margin-top: 3px;
|
||||
}
|
||||
.ms-stacked .ms-sel-item {
|
||||
float: inherit;
|
||||
}
|
||||
.ms-sel-ctn .ms-sel-item .ms-close-btn {
|
||||
width: 7px;
|
||||
cursor: pointer;
|
||||
height: 7px;
|
||||
float: right;
|
||||
margin: 8px 2px 0 10px;
|
||||
background-image: url(data:image/png;base64,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);
|
||||
}
|
||||
.ms-sel-ctn .ms-sel-item .ms-close-btn:hover {
|
||||
background-position: 0 -7px;
|
||||
}
|
||||
.ms-helper {
|
||||
color: #AAA;
|
||||
font-size: 10px;
|
||||
position: absolute;
|
||||
top: -17px;
|
||||
right: 0;
|
||||
}
|
||||
243
pixelegg/less/magicsuggest.less
Normal file
243
pixelegg/less/magicsuggest.less
Normal file
@ -0,0 +1,243 @@
|
||||
/**
|
||||
* EGroupware: Stylite Pixelegg template
|
||||
*
|
||||
* less file for magic suggest
|
||||
*
|
||||
* 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 Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||||
* @package pixelegg
|
||||
* @version $Id$
|
||||
*/
|
||||
|
||||
@import (reference) "../../phpgwapi/templates/default/def_design_pattern_color_font_shadow.less";
|
||||
|
||||
.ms-ctn{
|
||||
position: relative;
|
||||
height: 28px;
|
||||
padding: 0;
|
||||
margin-bottom: 0px;
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
color: #555555;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #cccccc;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
|
||||
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
|
||||
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
|
||||
transition: border linear 0.2s, box-shadow linear 0.2s;
|
||||
cursor: default;
|
||||
display: block;
|
||||
}
|
||||
.ms-ctn-invalid{
|
||||
border: 1px solid #CC0000;
|
||||
}
|
||||
.ms-ctn-readonly{
|
||||
cursor: pointer;
|
||||
}
|
||||
.ms-ctn-disabled{
|
||||
cursor: not-allowed;
|
||||
background-color: #eeeeee;
|
||||
}
|
||||
.ms-ctn-bootstrap-focus,
|
||||
.ms-ctn-bootstrap-focus .ms-res-ctn{
|
||||
// border-color: rgba(82, 168, 236, 0.8) !important;
|
||||
/* IE6-9 */
|
||||
// -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
|
||||
// -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
|
||||
// box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
|
||||
border-color: @egw_color_2_a !important;
|
||||
|
||||
}
|
||||
.ms-ctn input{
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
-webkit-transition: none;
|
||||
outline: none;
|
||||
display: block;
|
||||
padding: 4px 6px;
|
||||
line-height: normal;
|
||||
overflow: hidden;
|
||||
height: auto;
|
||||
border-radius: 0;
|
||||
float: none;
|
||||
margin: 2px 0 2px 2px;
|
||||
}
|
||||
.ms-ctn-disabled input{
|
||||
cursor: not-allowed;
|
||||
background-color: #eeeeee;
|
||||
}
|
||||
.ms-ctn .ms-input-readonly{
|
||||
cursor: pointer;
|
||||
}
|
||||
.ms-ctn .ms-empty-text{
|
||||
color: #DDD;
|
||||
}
|
||||
.ms-ctn input:focus{
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
-webkit-transition: none;
|
||||
background: #FFF;
|
||||
}
|
||||
.ms-ctn .ms-trigger{
|
||||
float: right;
|
||||
width: 27px;
|
||||
height: 28px;
|
||||
border-left: 1px solid #CCC;
|
||||
background: #EEE;
|
||||
cursor: pointer;
|
||||
}
|
||||
.ms-ctn .ms-trigger .ms-trigger-ico {
|
||||
display: inline-block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
vertical-align: top;
|
||||
border-top: 4px solid gray;
|
||||
border-right: 4px solid transparent;
|
||||
border-left: 4px solid transparent;
|
||||
content: "";
|
||||
margin-left: 9px;
|
||||
margin-top: 13px;
|
||||
}
|
||||
.ms-ctn .ms-trigger:hover{
|
||||
background: -moz-linear-gradient(100% 100% 90deg, #e3e3e3, #f1f1f1);
|
||||
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f1f1), to(#e3e3e3));
|
||||
}
|
||||
.ms-ctn .ms-trigger:hover .ms-trigger-ico{
|
||||
background-position: 0 -4px;
|
||||
}
|
||||
.ms-ctn-disabled .ms-trigger{
|
||||
cursor: not-allowed;
|
||||
background-color: #eeeeee;
|
||||
}
|
||||
.ms-ctn-bootstrap-focus{
|
||||
border-bottom: 1px solid #CCC;
|
||||
}
|
||||
.ms-res-ctn{
|
||||
position: relative;
|
||||
background: #FFF;
|
||||
overflow-y: auto;
|
||||
z-index: 9999;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
border: 1px solid #CCC;
|
||||
left: -1px;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
|
||||
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
|
||||
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
|
||||
transition: border linear 0.2s, box-shadow linear 0.2s;
|
||||
border-top: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
.ms-res-ctn .ms-res-group{
|
||||
line-height: 23px;
|
||||
text-align: left;
|
||||
padding: 2px 5px;
|
||||
font-weight: bold;
|
||||
border-bottom: 1px dotted #CCC;
|
||||
border-top: 1px solid #CCC;
|
||||
background: #f3edff;
|
||||
color: #333;
|
||||
}
|
||||
.ms-res-ctn .ms-res-item{
|
||||
line-height: 25px;
|
||||
text-align: left;
|
||||
padding: 2px 5px;
|
||||
color: #666;
|
||||
cursor: pointer;
|
||||
}
|
||||
.ms-res-ctn .ms-res-item-grouped{
|
||||
padding-left: 15px;
|
||||
}
|
||||
.ms-res-ctn .ms-res-odd{
|
||||
background: #F3F3F3;
|
||||
}
|
||||
.ms-res-ctn .ms-res-item-active{
|
||||
background-color: #3875D7;
|
||||
// filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3875D7', endColorstr='#2A62BC', GradientType=0 );
|
||||
// background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #3875D7), color-stop(90%, #2A62BC));
|
||||
// background-image: -webkit-linear-gradient(top, #3875D7 20%, #2A62BC 90%);
|
||||
// background-image: -moz-linear-gradient(top, #3875D7 20%, #2A62BC 90%);
|
||||
// background-image: -o-linear-gradient(top, #3875D7 20%, #2A62BC 90%);
|
||||
// background-image: linear-gradient(#3875D7 20%, #2A62BC 90%);
|
||||
color: #fff;
|
||||
|
||||
}
|
||||
.ms-sel-ctn{
|
||||
overflow: auto;
|
||||
line-height: 22px;
|
||||
}
|
||||
.ms-sel-ctn .ms-sel-item{
|
||||
background: @egw_color_1_e;
|
||||
color: #000000;
|
||||
float: left;
|
||||
font-size: 12px;
|
||||
padding: 0 5px;
|
||||
border-radius: 3px;
|
||||
margin-left: 5px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
.ms-sel-ctn .ms-sel-text{
|
||||
background: #FFF;
|
||||
color: #666;
|
||||
padding-right: 0;
|
||||
margin-left: 0;
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
}
|
||||
.ms-res-ctn .ms-res-item em{
|
||||
font-style: normal;
|
||||
background: #565656;
|
||||
color: #FFF;
|
||||
}
|
||||
.ms-sel-ctn .ms-sel-item:hover{
|
||||
background: @egw_color_1_d;
|
||||
}
|
||||
.ms-sel-ctn .ms-sel-text:hover{
|
||||
background: #FFF;
|
||||
}
|
||||
.ms-sel-ctn .ms-sel-item-active{
|
||||
border: 1px solid red;
|
||||
background: #757575;
|
||||
}
|
||||
.ms-ctn .ms-sel-ctn .ms-sel-item{
|
||||
margin-top: 3px;
|
||||
}
|
||||
.ms-stacked .ms-sel-item{
|
||||
float: inherit;
|
||||
}
|
||||
.ms-sel-ctn .ms-sel-item .ms-close-btn{
|
||||
width: 7px;
|
||||
cursor: pointer;
|
||||
height: 7px;
|
||||
float: right;
|
||||
margin: 8px 2px 0 10px;
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAOCAYAAADjXQYbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAEZ0FNQQAAsY58+1GTAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABSSURBVHjahI7BCQAwCAOTzpThHMHh3Kl9CVos9XckFwQAuPtGuWTWwMwaczKzyHsqg6+5JqMJr28BABHRwmTWQFJjTmYWOU1L4tdck9GE17dnALGAS+kAR/u2AAAAAElFTkSuQmCC);
|
||||
|
||||
}
|
||||
.ms-sel-ctn .ms-sel-item .ms-close-btn:hover{
|
||||
background-position: 0 -7px;
|
||||
}
|
||||
.ms-helper{
|
||||
color: #AAA;
|
||||
font-size: 10px;
|
||||
position: absolute;
|
||||
top: -17px;
|
||||
right: 0;
|
||||
}
|
||||
13
pixelegg/less/print.css
Normal file
13
pixelegg/less/print.css
Normal file
@ -0,0 +1,13 @@
|
||||
/*
|
||||
Printing
|
||||
*/
|
||||
@media screen {
|
||||
.onlyPrint {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
.noPrint {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
5
pixelegg/less/print.less
Normal file
5
pixelegg/less/print.less
Normal file
@ -0,0 +1,5 @@
|
||||
/*
|
||||
Printing
|
||||
*/
|
||||
@media screen { .onlyPrint { display: none; } }
|
||||
@media print { .noPrint { display: none; } }
|
||||
33
pixelegg/setup/setup.inc.php
Executable file
33
pixelegg/setup/setup.inc.php
Executable file
@ -0,0 +1,33 @@
|
||||
<?php
|
||||
/**
|
||||
* EGroupware: Stylite Pixelegg template
|
||||
*
|
||||
* et2 Messages
|
||||
*
|
||||
* 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 Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||||
* @package pixelegg
|
||||
* @version $Id$
|
||||
*/
|
||||
|
||||
$GLOBALS['egw_info']['template']['pixelegg']['name'] = 'pixelegg';
|
||||
$GLOBALS['egw_info']['template']['pixelegg']['title'] = 'Pixelegg';
|
||||
$GLOBALS['egw_info']['template']['pixelegg']['version'] = '1.0';
|
||||
|
||||
$GLOBALS['egw_info']['template']['pixelegg']['author'] = array(
|
||||
array('name' => 'Stylite AG', 'url' => 'http://www.stylite.de/'),
|
||||
array('name' => 'Pixelegg Informationsdesign', 'url' => 'http://www.pixelegg.de/'),
|
||||
);
|
||||
$GLOBALS['egw_info']['template']['pixelegg']['license'] = array(
|
||||
'name' => 'Stylite EPL license',
|
||||
'url' => 'http://www.stylite.de/EPL',
|
||||
);
|
||||
$GLOBALS['egw_info']['template']['pixelegg']['icon'] = "pixelegg/images/logo.png";
|
||||
$GLOBALS['egw_info']['template']['pixelegg']['maintainer'] = array(
|
||||
array('name' => 'Stylite AG', 'url' => 'http://www.stylite.de/')
|
||||
);
|
||||
$GLOBALS['egw_info']['template']['pixelegg']['description'] = "Stylite is a new jQuery based template set for EGroupware EPL.";
|
||||
$GLOBALS['egw_info']['template']['pixelegg']['windowed'] = true;
|
||||
46
pixelegg/templates/pixelegg/head.tpl
Normal file
46
pixelegg/templates/pixelegg/head.tpl
Normal file
@ -0,0 +1,46 @@
|
||||
<!-- BEGIN head --><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xml:lang="{lang_code}" xmlns="http://www.w3.org/1999/xhtml"{dir_code}>
|
||||
<head>
|
||||
<title>{website_title}</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset={charset}" />
|
||||
<meta name="keywords" content="EGroupware" />
|
||||
<meta name="description" content="EGroupware" />
|
||||
<meta name="keywords" content="EGroupware" />
|
||||
<meta name="copyright" content="Stylite AG 2013, see http://www.stylite.de/EPL" />
|
||||
<meta name="language" content="{lang_code}" />
|
||||
<meta name="author" content="Stylite AG www.stylite.de" />
|
||||
{pngfix}
|
||||
{meta_robots}
|
||||
<link rel="icon" href="{img_icon}" type="image/x-ico" />
|
||||
<link rel="shortcut icon" href="{img_shortcut}" />
|
||||
{css_file}
|
||||
<style type="text/css">
|
||||
{app_css}
|
||||
</style>
|
||||
{java_script}
|
||||
</head>
|
||||
<body {body_tags}>
|
||||
{include_wz_tooltip}
|
||||
<div id="divAppboxHeader" class="onlyPrint">{app_header}</div>
|
||||
<!-- END head -->
|
||||
<!-- BEGIN framework -->
|
||||
{hook_after_navbar}
|
||||
<div id="egw_fw_basecontainer">
|
||||
<div id="egw_fw_sidebar">
|
||||
<div id="egw_divLogo"><a href="{logo_url}" target="_blank"><img src="{logo_file}" title="{logo_title}" alt="EGroupware"/></a></div>
|
||||
<div id="egw_fw_sidemenu"></div>
|
||||
<div id="egw_fw_splitter"></div>
|
||||
</div>
|
||||
<div id="egw_fw_main">
|
||||
<div id="egw_fw_topmenu">
|
||||
<div id="egw_fw_topmenu_items">{topmenu_items}</div>
|
||||
<div id="egw_fw_topmenu_info_items">{topmenu_info_items}</div>
|
||||
</div>
|
||||
<div id="egw_fw_tabs">
|
||||
<div id="egw_fw_logout" title="{title_logout}" data-logout-url="{link_logout}"></div>
|
||||
<div id="egw_fw_print" title="{title_print}"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="egw_fw_footer">{powered_by}</div>
|
||||
<!-- END framework -->
|
||||
Loading…
Reference in New Issue
Block a user