egroupware/pixelegg/less/layout_messages.less

/**
 * EGroupware: CSS with less preprocessor
 *
 * 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 Reinhardt <stefan.reinhardt@pixelegg.de>
 * @package phpgwapi
 * @version $Id$
 */

@import (reference) "def_design_pattern_color_font_shadow.less";
//@import "def_buttons.less";


#egwpopup{
    
    .background_color_5_gray;
    .border_radius_button_righttop;
    		border-width: 9px 0px 0px 0px;
		border-style: solid;
		border-color: @gray_30;
     
     .box_shadow_message;          
     padding: 1em;
     
     /*Button*/
     input#egwpopup_ok_button,
     button#desktop_perms{
         .Complete_Button_normal;
         .dimension_height_m;
         padding: 0 5px;
         
         &:hover {.Complete_Button_hover;}
         &:active {background-color: @color_positive_action_active !important;}
         
     }
    
}

/*popup Messsage*/
 div#egwpopup_message {
     
     background-color: .color_gray_0;
     padding: 1em;
     overflow-y: auto;
     
     
 }


#msg,.message {
            color: red;
            font-style: italic;
            background: @gray_0;
}



.egw_fw_ui_app_header_container {

		border-width: 9px 0px 0px 0px;
		border-style: solid;
		border-color: @gray_30;
		.background_color_30_gray;



				// Meldung oberhalb iFrame
				.egw_fw_ui_app_header {
				//	display: none !important;
					border-width: 0px 0px 0px 0px;
					border-style: solid;
					border-color: @gray_10;
					.border_radius_button_righttop;
					padding: 5px 2px 4px 15px;
					/*font-size: 1em;*/
					font-weight: normal;
					.background_color_10_gray;
					color: @egw_color_2_d;
					width: 80%;

					&:before {content: "! "; color: @egw_color_1_a; font-size: 1em; }
				}



 }

 .colselection.ui-widget-content {
			 width: 33%;
//			 margin-left: 49%;


		}

                
 /*Calendar ##############*/
 
 td.message {
        
     span.message {
                 height: 35px;
                border-bottom: 2px solid @gray_10;
                 color: white;
                 background: red;
                 height: auto;
                 width: 100%;
     }
     
 }
 
 
 
 //