egroupware/pixelegg/less/layout_content_elements.less
2016-01-28 18:17:40 +00:00

236 lines
3.6 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: 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 phpgwapi
* @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 {
padding:3px;
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: 2px 0px;
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;
}
}
//