egroupware_official/pixelegg/less/layout_dialog.less
2013-12-08 21:36:30 +00:00

193 lines
4.4 KiB
Plaintext
Executable File
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

/**
* EGroupware: Stylite Pixelegg template
*
* dialog
* define every dialog box in egw
* even popup or jquery
*
* 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) "def_buttons.less";
/*@import (reference) "def_content_elements.less";*/
@import (reference) "def_design_pattern_color_font_shadow.less";
@import (reference) "def_messages.less";
/*###########################################
# #
# dialog-header #
#############################################
# #
# #
# #
# #
# #
# main + tabs #
# #
# #
#############################################
# dialog-operators #
#############################################
# #
# buttons #
# #
# #
##############################################*/
// Dialoge Allgemeine Definition
div.et2_container {
// .background-color-25-gray;
padding: 0;
div{
table.et2_grid {
// .background-color-5-gray;
tbody {
tr {
// Select + Inputfelder
.row {
td {
.et2_box_widget {
select{
height: 20px;
padding: 0;
margin: 0px;
font-size: 0.95em;
}
input {
height: 20px;
padding: 0;
margin: 4px 4px 4px 5px;;
font-size: 0.95em;
.border-radius (3px, 3px ,3px ,3px );
}
input.hasDatepicker:hover {background-image: url( "../images/datepopup.png")}
}
}
}
td{
// Tabs
.et2_tabbox{
.et2_tabheader {}
.et2_tabs {
table.et2_grid {.background-color-0-gray;}
}
}
}
}
}
}
}
}
// high = more padding
.high {
border-top: 5px solid @gray-10;
border-bottom: 5px solid @gray-10 !important;
}
/*Main div*/
#popupMainDiv {
}
table.dialog-main-view {width: 100%;}
/*Header Part*/
.dialog-header{
background-color: @egw_color_2_a;
.color-0-gray;
.th {background-color: @egw_color_2_a !important; }
td {padding: 0px;}
table.et2_grid {border-top: none;}
.et2_label {.color-0-gray; vertical-align: bottom;}
}
/*Main*/
// Terminsuche
.dialog-main-timeframe {
div {min-height: 100px;}
}
/* Operators */
.dialog-operators {
background-color: @gray-30;
border-top: 2px solid @gray-10;
border-bottom: 2px solid @gray-10;
td {padding: 2px;}
}
/*Buttons / Toolbar*/
.dialog-footer-toolbar{
background-color: @egw_color_2_e;
td {padding: 0px 5px;}
button { height: 32px;}
// e.g. keine Benachrichtigung senden
label.et2_label {
.Complete_Button_input;
.border_normal;
.box_shadow_standard_light;
.color-100-gray;
.background-color-10-gray;
padding: 6px 5px 6px 0;
/* position: relative;
top: 11px;*/
}
}
//
//
//