egroupware_official/pixelegg/less/layout_content_elements.less

/**
 * EGroupware: CSS with less preprocessor
 *
 * Definitions for content-elements
 *
 * 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 pixelegg
 * @version $Id$
 */
@import (reference) "definitions.less";


/* #######################################################################################
*
*
* Inhaltselemente
*
*
* ########################################################################################
*/


body,
textarea {
	.basefontfamily;
}

#egw_fw_basecontainer {
	position: fixed;
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;

	.basefontfamily;

	.background_color_0_gray ;
}

//##########################

input {

/*    .Complete_Button_input;
    .basefontfamily;
    &:hover{.Complete_Button_input_hover;}
    &:focus{.Complete_Button_input_focus;}*/
}

select {
	margin: 0;
	.rounded (3px);

	&:hover{.Complete_Button_select_hover;}
	&:focus{.Complete_Button_select_focus;}
	&.after{}
}

:hover {.transition (0.2s, ease-out);}

// #############################
// Schriftformate

p { font-size: 1em;}

li {}

// Headlines h1 usw in layout_headlines.less

// select
div.selectbox-wrapper {
	ul {
		list-style-type:none;
		margin:0px;
		padding:0px;

		li.selected {
			background-color: #EAF2FB;
		}
		li.current {
			background-color: #CDD8E4;
		}
		li {
			list-style-type:none;
			display:block;
			margin:0;
			padding:2px;
			cursor:pointer;
		}
	}
}

select {
	position:relative;
}

select,input,button
{
	.color_100_gray;
	/*font-size:99%;*/
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 0;
	border-width: 1px;
	border-style: solid;
	border-color: @gray_10;
}

// Links
a:link, a:visited, select, input, textarea {
	color : @link_color;
}
a:link,a:visited
{
	cursor:pointer;
	color: @link_color;
	text-decoration: none;
}

a:hover,a:active
{
	cursor:pointer;
	color:@link_color_active;
	text-decoration: underline;
}

.divLoginboxHeader,
.divSideboxHeader,
a.appTitles,
.appTitles,
a.textSidebox,
.textSidebox,#fmStatusBar
{
	font-size:90%;
}

.prefSection
{
	font-weight:bold;
	font-size:145%;
	line-height:40px;
}

#divAppboxHeader
{
	line-height:28px;
	font-size:125%;
	font-weight:bold;
	color:#666666;
}

#divGenTime,#divPoweredBy
{
	font-size: 80%;
	color: #ff0000;
}

#divPoweredBy
{
	color: #000000;
}

#sideboxdragarea {
	z-index:100;
	position:absolute;
	left:0px;
	top:105px;
}

#menu2handle {
	padding-top: 10px;
}

#menu1close {
	position: absolute;
	right: 7px;
	top: 7px;
}

hr.clearer {
	clear: both;
	height: 20px;
	width: 100%;
	background-color: @egw_color_1_a;
	.rounded (3px);
	border: 1px solid @gray_100;
}

/**
* table_passord_change
*/

table.table_passord_change {
	margin: 1em;
	tr {height: 50px;}
	td:first-child{ padding-right: 4em;}

}

/////* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	select {
		padding-right: 20px !important;
		-webkit-appearance:none;
		margin:0;
		background:  #ffffff url(../images/selectarrowdown.png) no-repeat center right;
		background-size: 16px auto;
	}
}