egroupware/pixelegg/less/layout_dialog.less
2014-03-05 09:18:54 +00:00

400 lines
8.7 KiB
Plaintext
Executable File

/**
* 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";
// Dialoge Allgemeine Definition
div#popupMainDiv {
padding: 8px;
}
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 {
background-image: url( "../images/datepopup.png");
&:hover {cursor: pointer;}
}
}
}
}
td{
// Tabs
.et2_tabbox{
.et2_tabheader {}
.et2_tabs {
button.et2_button_with_image {
background-size: 12px auto !important;
margin-left: 32px;
padding: 0px;
.dimension_height_s;
}
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%;}
/*###########################################
# #
# dialog-header #
#############################################
# #
# #
# #
# #
# #
# main + tabs #
# #
# #
#############################################
# dialog-operators #
#############################################
# #
# buttons #
# #
# #
##############################################*/
/********** Header Part ********************/
.dialogHeader{
/*background-color: @egw_color_2_d;*/
.gradient_thead;
.color_100_gray;
table.et2_grid {
border-top: none;
.th {
background-color: @egw_color_2_a !important;
}
tr { height: 30px; }
td {padding: 0px 0px 0px 3px; .color_100_gray;}
//Table in Table
table.et2_grid {
label.et2_label {
span.et2_selectbox {
li {float: left;}
}
}
}
}
img {.dimension_height_s !important;}
input.et2_textbox {
font-size: 1.3em;
width: 550px;
margin-right: 20px;
}
.et2_label {
.color_100_gray;
vertical-align: middle;
padding: 0px 0px 0px 9px !important;
/*margin-right: 57px;*/
margin: 0px important;
font-size: 1em;
}
td.space {
span img {
background: @gray_0;
border: 2px solid @gray_0;
/*filter grey*/
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
/*filter: url(grayscale.svg); Firefox 4+ */
filter: gray; /* IE 6-9 */
}
}
}
tr.dialogHeader2,
tr.dialogHeader3,
tr.dialogHeader4{
background-color: @gray_10 !important;
border-top: 2px solid @gray_10;
border-bottom: 2px solid @gray_10;
vertical-align: middle;
.et2_label {
.color_90_gray;
vertical-align: middle;
padding: 0px 0px 0px 9px !important;
/*margin-right: 55px;*/
margin: 0px;
font-size: 1em;
width: 50px !important;
}
}
/************* Tabs *********************************/
.dialogTabs {
.gradient_thead;
.color_100_gray;
}
/************* Main **********************************/
// Terminsuche
.dialog-main-timeframe {
div {min-height: 100px;}
}
/********** Operators *******************************/
.dialogOperators {
background-color: fade(@gray_10, 2%);
border-top: 0px solid @gray_10;
border-bottom: 0px solid @gray_10;
td {padding: 2px;}
}
/********** Footer *******************************/
/*Buttons / Toolbar*/
.dialogFooterToolbar{
background-color: @color_button_panel_bg_color;
td {padding: 0px 5px;}
button {
.dimension_height_m; min-width: 114px;
&:hover{.dimension_height_m;}
&:action{.dimension_height_m;}
}
button[id="addressbook-edit_button[delete]"]{
float: right;
}
div.et2_hbox {
white-space: normal;
}
// selectbox
/*.et2_selectbox {height: 32px; top: 0px; font-size: 1em;}*/
// 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;
}
input.et2_checkbox { top: 0px;}
}
/*Dialog Calendar - Resourcen suchen*/
div#divMain {
padding: 1em;
img {.dimension_width_height_s;}
input[type*="image"] {.dimension_width_height_s;}
}
//
//
/**
* admin - site configuration
*/
div.admin-config form > table {
width: 100%;
padding: 5px;
tr.th td{
font-size: 110%;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
}
td {
padding-left: 5px;
border-bottom: 1px solid #e0e0e0;
b {
font-weight: bold;
}
}
}
/**
* Styles for different egw_message-types
*/
.success_message, .warning_message, .error_message {
color: red;
font-weight: normal;
font-style: italic;
text-align: left;
margin-left: 5px;
padding-left: 20px;
background-image: url(../images/check.png);
background-position: left;
background-repeat: no-repeat;
background-size: 16px;
}
.warning_message {
background-image: url(../images/dialog_warning.png);
}
.error_message {
font-weight: bold;
background-image: url(../images/dialog_error.png);
}
/**
* Message in popup
*/
body > div#egw_message {
background-color: @gray_10;
/*border-radius: 10px;*/
.box_shadow_message;
/* .border_normal;*/
border: 3px solid @egw_color_1_a;
.border_radius (0px, 15px, 15px, 0px);
right: 5px;
/*top: 5px;*/
top: 0px;
padding: 10px;
padding-left: 25px;
background-position-x: 5px;
/*border: 2px gray solid;*/
min-width: 100px;
z-index: 100000;
}