egroupware/preferences/templates/pixelegg/app.less

/**
 * EGroupware: CSS with less preprocessor
 *
 * PREFERENCES
 *
 * Please do NOT change app.css directly, instead change app.less and compile it!
 *
 * @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 preferences
 * @version $Id$
 */

@import (reference) "../../../pixelegg/less/def_buttons.less";
@import (reference) "../../../pixelegg/less/def_design_pattern_color_font_shadow.less";
@import (less) "../default/app.css";

/* #############################################################################
// iframe
// Rahmen + padding**/

/*############################################
#            #                               #
#            #                               #
#            #                               #
#            #                               #
#            #                               #
#            #                               #
#            #                               #
#            #       iframge                 #
#            #                               #
#            #                               #
#            #                               #
#            #                               #
#            #                               #
#            #                               #
##############################################*/

/*app.css Stylite*/

table.prefTable {
	width: 100%;
}
tr.prefRow {
	position: relative;
}
td.prefName {
	width: 50%;
}
tr.prefRow > td {
	vertical-align: bottom;	/* otherwise help will cover bigger prefValue */
}
.prefHelp {
	position: fixed;
	background-color: @gray_10;
	.box_shadow_message;
	border: 3px solid @egw_color_2_e;
	.border_radius (0px, 15px, 15px, 0px);
	right: 5px;
	left: 5px;
	top: 0px;
	padding: 10px;
	padding-left: 25px;
	background-position-x: 5px;
	min-width: 100px;
	max-width: 90%;
	z-index: 100000;
}
tr.prefRow:hover .prefHelp {
	display: block;
	z-index: 10;	/* FF: displays it under next prefName without */
}
.prefDefault, .prefValue {
	float: left;
}
.prefValue {
	margin-right: 5px;
}
.prefValue textarea, textarea.prefValue {
	width: 99%;
	height: 5em;
}
.prefType, .prefApp {
	font-size: 150%;
	display: inline-block;
	padding-bottom: 5px;
}






/*###############################*/



.prefType, .prefApp {
    /*margin: 0.3em;*/
    -webkit-appearance:button;
    /*padding:10px;*/
}



/*img[src$="svg"]{
            .gradient_vertical (@egw_color_2_a, @egw_color_2_a);
}*/



/*Preferences APP / left */
.prefApp{

                            background-image: url(../pixelegg/images/setup.png);
                            background-repeat: no-repeat;
                            background-position: 90% 50%;
                            background-size: 16px 16px;

                            margin-right: 1em;


}
/*Preferences APP Settings / right*/
.prefType{

                            background-image: url(../pixelegg/images/setup.png);
                            background-repeat: no-repeat;
                            background-position: 90% 50%;
                            background-size: 16px 16px;



}

/*###############################*/
 /*ADMIN DIALOG*/
div#preferences-settings{

    margin: -8px;

    // Header
    div.dialogHeader {
        height: 50px;

    // left
    select#preferences-settings_appname{
                                    min-width: 47%;
                                    margin: 5px;
                                    -webkit-appearance:button;
                                    padding:5px;
                        }

    // right
    select#preferences-settings_type{
                                    margin: 5px;
                                    min-width: 48%;
                                    -webkit-appearance:button;
                                    padding:5px;

                        }

                }

}