web/res/js/jquery.touchsplitter.css
author Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
Fri, 13 May 2016 13:04:44 +0200
changeset 1349 f9b3f9009c7c
parent 1304 10974bff4dae
child 1514 5869151a1f2f
permissions -rw-r--r--
correct css

.TouchSplitter.h-ts>div{height: 100%;width: 42%;width: calc(50% - .5em);}
.TouchSplitter.v-ts>div{width: 100%;height: 42%;height: calc(50% - .5em);}
.TouchSplitter>div {
	margin:0;
	padding:0;
	float:left;}
	.TouchSplitter.h-ts>div.splitter-bar {width:16px; cursor:col-resize}
	.TouchSplitter.v-ts>div.splitter-bar {height:16px;cursor:row-resize}
	.TouchSplitter>div.splitter-bar.dock>div {
		width:16px;
		height:16px;
		background-repeat: no-repeat;
		background-position: center;}
.TouchSplitter,
.TouchSplitter>div,
.TouchSplitter>div.splitter-bar>div{
	position:relative;
	margin:0;
	padding:0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;}

.TouchSplitter>div.test-calc{width:10px; width:calc(10px + 10px);}
.TouchSplitter>div.test-em{width:16px;}

.TouchSplitter>div.splitter-bar>div{
	width:16px;height:16px;
	position:relative;
	background-color:rgba(0,0,0,0.2);
}
.TouchSplitter.h-ts>div.splitter-bar>div{margin-top: -.5em; top:50%;}
.TouchSplitter.v-ts>div.splitter-bar>div{margin-left: -.5em; left:50%;}