/**
* @package fluxx-compensator an ownCloud app
* @category base
* @author Christian Reiner
* @copyright 2012-2013 Christian Reiner <foss@christian-reiner.info>
* @license GNU Affero General Public license (AGPL)
* @link information http://apps.owncloud.com/content/show.php?content=157091
*
* This library is free software; you can redistribute it and/or
* modify it under the terms of the GNU AFFERO GENERAL PUBLIC LICENSE
* License as published by the Free Software Foundation; either
* version 3 of the license, or any later version.
*
* This library is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
* GNU AFFERO GENERAL PUBLIC LICENSE for more details.
*
* You should have received a copy of the GNU Affero General Public
* License along with this library.
* If not, see <http://www.gnu.org/licenses/>.
*
*/

/**
 * @file css/fluxx.css
 * @brief Style definitions of the apps view
 * @author Christian Reiner
 */

/* style the 'handle' itself used to switch the navigation */
.fluxx-handle {
	opacity: 0.6;
	position: fixed;
	width: 12px;
	height: 12px;
	border: 0.5px solid #666;
	cursor: pointer;
	line-height: 14px;
	padding: 2px;
}
.fluxx-handle.fluxx-horizontal {
	border-left: 0;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	box-shadow: 0 0 2px #666;
}
.fluxx-handle.fluxx-vertical {
	border-top: 0;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	box-shadow: 0 0 2px #666;
}
.fluxx-handle.fluxx-shown {
	background-color: #ddd;
	box-shadow: 0 0 2px #999;
}
/* flip and move handle when panel is shown */
.fluxx-handle.fluxx-horizontal.fluxx-shown {
	transform: scale(-1,1) translate(15px,0);
	-o-transform: scale(-1,1) translate(15px,0);
	-ms-transform: scale(-1,1) translate(15px,0);
	-moz-transform: scale(-1,1) translate(15px,0);
	-khtml-transform: scale(-1,1) translate(15px,0);
	-webkit-transform: scale(-1,1) translate(15px,0);
}
.fluxx-handle.fluxx-vertical.fluxx-shown {
	transform: scale(1,-1) translate(0,15px);
	-o-transform: scale(1,-1) translate(0,15px);
	-ms-transform: scale(1,-1) translate(0,15px);
	-moz-transform: scale(1,-1) translate(0,15px);
	-khtml-transform: scale(1,-1) translate(0,15px);
	-webkit-transform: scale(1,-1) translate(0,15px);
}
.fluxx-handle img {
	margin: 0;
	padding: 0;
	width: 12px;
	height: 12px;
	border: 0;
	box-shadow: 0 0 0 0;
	cursor: inherit;
	opacity: 0.8;
	user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}
html .fluxx-handle.fluxx-horizontal img {
	transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-khtml-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}
html .fluxx-handle.fluxx-vertical img {
	transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-khtml-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

/* switch cursor to a 'move' indication during move mode */
html.fluxx-handle-move-H * {
	cursor: col-resize !important;
}
html.fluxx-handle-move-N * {
	cursor: row-resize !important;
}
