66 lines
1.6 KiB
PHP
66 lines
1.6 KiB
PHP
<style>
|
|
#periodeslider {
|
|
margin: 20px;
|
|
orientation: ui-slider-horizontal;
|
|
}
|
|
#periodeslider.ui-widget-content {
|
|
border: 1px solid #975796;
|
|
border-radius:3px;
|
|
}
|
|
#periodeslider.ui-corner-all{
|
|
border-radius: 2px;
|
|
}
|
|
|
|
#periodeslider.ui-state-default,
|
|
#periodeslider.ui-widget-content .ui-state-default,
|
|
#periodeslider.ui-widget-header .ui-state-default{
|
|
background:#975796 ;
|
|
border: 1px solid #975796;
|
|
width: 0.8em;
|
|
margin-top:-5px;
|
|
}
|
|
#periodeslider.ui-slider-handle{
|
|
background:#f99443;
|
|
border: 1px solid #f99443;
|
|
height: 3px;
|
|
}
|
|
</style>
|
|
|
|
<div id="mensen-pagina">
|
|
<?php $this->load->view("ijkpartituur/popups/popMensActiviteiten"); ?>
|
|
|
|
<div id="mensenheader">
|
|
<div style="float:left;margin: 10px;">periode</div>
|
|
<div style=" float:left;width: 300px" class='ui-slider-handle ui-slider-horizontal' id="periodeslider"></div>
|
|
</div>
|
|
<div class="clearfix"></div>
|
|
<div id="mensscroller"
|
|
style= "z-index: 400;
|
|
position: absolute;
|
|
width: 954px;
|
|
height: 430px;
|
|
left:1px;
|
|
top:112px;
|
|
overflow-y:auto; ">
|
|
<div id = 'mensholder' >
|
|
</div>
|
|
</div>
|
|
<div class=" dagenlijst2"
|
|
style=" margin-left:250px; width:695px;
|
|
float:left;
|
|
height: 498px;
|
|
overflow-y:hidden;
|
|
border-left:1px solid #ebebeb; ">
|
|
|
|
<div id="scroller1"
|
|
style="width:695px; position:relative;overflow-x:auto; ">
|
|
<span id ="putheaderhere"></span>
|
|
</div>
|
|
<div style=" height: 445px; width:695px; position:relative;overflow-x:auto"
|
|
id= 'scroller2'>
|
|
<span id="puttablehere2"></span>
|
|
<div id="todayLineM"></div>
|
|
</div>
|
|
</div>
|
|
|
|
</div> <!-- mensenpagina -->
|