egroupware_official/pixelegg/less/layout_raster_scrollarea.less

/**
 * EGroupware: Stylite Pixelegg template
 *
 * Definitions for layout and raster
 *
 * 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: layout_raster.less 3170 2014-07-16 11:24:38Z pixelegg $
 */
/*
    Created on : 23.07.2014, 13:25:11
    Author     : stefanreinhardt
*/

@import (reference) "definitions.less";

// ##############################################################
// ##                          ##
// ##                          ##
// Scrollarea

.egw_fw_ui_scrollarea
{
    overflow: hidden;
    z-index: 0;
	.background_color_0_gray;
}

.egw_fw_ui_scrollarea_button
{
    position: absolute;
    display: block;
    width: 100%;
    height: 12px;
    z-index: 2;
}

.egw_fw_ui_scrollarea_button_up.egw_fw_ui_scrollarea_button_hover,
.egw_fw_ui_scrollarea_button_down.egw_fw_ui_scrollarea_button_hover
{
	background-color: silver;
}

.egw_fw_ui_scrollarea_button_disabled
{
    display: none !important;
}

#egw_fw_sidemenu.egw_fw_ui_scrollarea_enabled {
	top: 7px !important;
	.egw_fw_ui_sidemenu_entry_header_active {
		position: fixed;
		top: 50px;
		background: white;
		z-index: 1;
	}
}

.egw_fw_ui_scrollarea_button_up, .egw_fw_ui_scrollarea_button_down
{
    height: 14px;
    background-image:none;
    background-color: white;
    background-repeat: no-repeat;
    background-position: center;
}

.egw_fw_ui_scrollarea_button_up
{
	height: 35px;
    top: 0px;
	border-bottom: 1px solid silver;
	background-image: url(../images/up.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-position-y: 5px;
    background-size: 24px;
}

.egw_fw_ui_scrollarea_button_down
{
    bottom: 0px;
	height: 35px;
	border-top: 1px solid silver;
	background-image: url(../images/down.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-position-y: 6px;
    background-size: 24px;
}

.egw_fw_ui_scrollarea_outerdiv
{
    height: 100%;
}





.egw_fw_content_browser_div {
    display: block;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right:10px;
    /*	background-color: RGB(240, 240, 255);*/
}

.egw_fw_content_browser_div_loading {
    position: absolute;
    z-index: 1000;
    top: 0px;
    left: 0px;
    .dimension_width_height_s;
    background-image: url(../images/ajax-loader.gif);
    background-position: center;
    background-repeat: no-repeat;
}