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 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_5_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;
            }
}

//