src/js/libs/jquery.touchsplitter.css
changeset 1068 7623f9af9272
equal deleted inserted replaced
1067:539c9bee5372 1068:7623f9af9272
       
     1 .TouchSplitter.h-ts>div{height: 100%;width: 42%;width: calc(50% - .5em);}
       
     2 .TouchSplitter.v-ts>div{width: 100%;height: 42%;height: calc(50% - .5em);}
       
     3 .TouchSplitter>div {
       
     4 	margin:0;
       
     5 	padding:0;
       
     6 	float:left;}
       
     7 	.TouchSplitter.h-ts>div.splitter-bar {width:16px; cursor:col-resize}
       
     8 	.TouchSplitter.v-ts>div.splitter-bar {height:16px;cursor:row-resize}
       
     9 	.TouchSplitter>div.splitter-bar.dock>div {
       
    10 		width:16px;
       
    11 		height:16px;
       
    12 		background-repeat: no-repeat;
       
    13 		background-position: center;}
       
    14 .TouchSplitter,
       
    15 .TouchSplitter>div,
       
    16 .TouchSplitter>div.splitter-bar>div{
       
    17 	position:relative;
       
    18 	margin:0;
       
    19 	padding:0;
       
    20 	-webkit-user-select: none;
       
    21 	-moz-user-select: none;
       
    22 	-ms-user-select: none;}
       
    23 
       
    24 .TouchSplitter>div.test-calc{width:10px; width:calc(10px + 10px);}
       
    25 .TouchSplitter>div.test-em{width:16px;}
       
    26 
       
    27 .TouchSplitter>div.splitter-bar>div{
       
    28 	width:16px;height:16px;
       
    29 	position:relative;
       
    30 	background-color:rgba(0,0,0,0.2);
       
    31 }
       
    32 .TouchSplitter.h-ts>div.splitter-bar>div{margin-top: -.5em; top:50%;}
       
    33 .TouchSplitter.v-ts>div.splitter-bar>div{margin-left: -.5em; left:50%;}