egroupware_official/pixelegg/less/layout_content_elements.less

214 lines
3.2 KiB
Plaintext
Executable File

/**
* 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;
}
}