initial commit
@@ -0,0 +1,91 @@
|
||||
.pieBackground {
|
||||
background-color: #dde4eb; //#EAE6D7;
|
||||
position: absolute;
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
top:20px;
|
||||
// left: 25px;
|
||||
left:35px;
|
||||
-moz-border-radius: 35px;
|
||||
-webkit-border-radius: 35px;
|
||||
-o-border-radius: 35px;
|
||||
border-radius: 35px;
|
||||
clip: rect(0px, 70px, 35px, 0px);
|
||||
|
||||
}
|
||||
.centercircle{
|
||||
background-color: #dde4eb; //#A2A33F;
|
||||
position: absolute;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
top:15px;
|
||||
left: 15px;
|
||||
-moz-border-radius: 20px;
|
||||
-webkit-border-radius: 20px;
|
||||
-o-border-radius: 20px;
|
||||
border-radius: 20px;
|
||||
clip: rect(0px, 40px, 20px, 0px);
|
||||
}
|
||||
|
||||
.hold {
|
||||
position: absolute;
|
||||
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
-moz-border-radius: 35px;
|
||||
-webkit-border-radius: 35px;
|
||||
-o-border-radius: 35px;
|
||||
border-radius: 35px;
|
||||
clip: rect(0px, 70px, 35px, 0px);
|
||||
}
|
||||
|
||||
.pie {
|
||||
background-color: #dc143c; //red
|
||||
-webkit-transform:rotate(0deg);
|
||||
-moz-transform:rotate(0deg);
|
||||
-o-transform:rotate(0deg);
|
||||
transform:rotate(0deg);
|
||||
}
|
||||
.pie2 {
|
||||
background-color: #f38216; //orange
|
||||
-webkit-transform:rotate(60deg);
|
||||
-moz-transform:rotate(60deg);
|
||||
-o-transform:rotate(60deg);
|
||||
transform:rotate(60deg);
|
||||
}
|
||||
.pie3 {
|
||||
background-color: #12c772; //green
|
||||
-webkit-transform:rotate(120deg);
|
||||
-moz-transform:rotate(120deg);
|
||||
-o-transform:rotate(120deg);
|
||||
transform:rotate(120deg);
|
||||
}
|
||||
.targetline{
|
||||
position:absolute;
|
||||
width: 35px; height:44px;
|
||||
border-left: 2px solid #ffffff;
|
||||
left:68px;
|
||||
top: 11px;
|
||||
z-index:50;
|
||||
-ms-transform: rotate(-0deg); /* IE 9 */
|
||||
-ms-transform-origin: 0% 100%; /* IE 9 */
|
||||
-webkit-transform: rotate(-0deg); /* Chrome, Safari, Opera */
|
||||
-webkit-transform-origin: 0% 100%; /* Chrome, Safari, Opera */
|
||||
transform: rotate(-0deg);
|
||||
transform-origin: 0% 100%;
|
||||
}
|
||||
.streefline{
|
||||
position:absolute;
|
||||
width: 35px; height:38px;
|
||||
border-left: 2px solid #0b7643;
|
||||
left:68px;
|
||||
top: 17px;
|
||||
z-index:50;
|
||||
-ms-transform: rotate(0deg); /* IE 9 */
|
||||
-ms-transform-origin: 0% 100%; /* IE 9 */
|
||||
-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
|
||||
-webkit-transform-origin: 0% 100%; /* Chrome, Safari, Opera */
|
||||
transform: rotate(-90deg);
|
||||
transform-origin: 0% 100%;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,12 @@
|
||||
body {font-size:12px;}
|
||||
h1 {font-size: 1.6em;}
|
||||
h2 {font-size: 1.4em;}
|
||||
h3 {font-size: 1.3em;}
|
||||
h4 {font-size:1.2em;}
|
||||
h5 {font-size: 1.1em;}
|
||||
table{font-size:0.9em;}
|
||||
|
||||
|
||||
.verversholder{
|
||||
background-color: #f8f7f1;
|
||||
}
|
||||
@@ -0,0 +1,168 @@
|
||||
.takenlijst{
|
||||
float:left;
|
||||
height: 500px;
|
||||
width: 335px;
|
||||
overflow-x: scroll;
|
||||
overflow-y:scroll;
|
||||
}
|
||||
.dagenlijst{
|
||||
float:left;
|
||||
height: 500px;
|
||||
width: 605px;
|
||||
overflow-x:scroll;
|
||||
border-left:1px solid #ebebeb;
|
||||
}
|
||||
|
||||
.gTable{
|
||||
table-layout:fixed;
|
||||
border-collapse:collapse;
|
||||
border-spacing:0px;
|
||||
padding:0;
|
||||
margin-bottom:0px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.gColHeader {
|
||||
min-width: 5px;
|
||||
height: 38px;
|
||||
background-color:#975796;
|
||||
color:#ffffff;
|
||||
font-weight: normal;
|
||||
font-size:0.8em;
|
||||
}
|
||||
.gColHeader2 {
|
||||
min-width: 5px;
|
||||
height: 20px;
|
||||
background-color:#975796;
|
||||
color:#ffffff;
|
||||
border-right: 1px solid #975796;
|
||||
font-weight: normal;
|
||||
font-size:0.8em;
|
||||
text-align:center;
|
||||
}
|
||||
.gColHeader3{
|
||||
min-width: 5px;
|
||||
height: 20px;
|
||||
background-color:#975796;
|
||||
color:#ffffff;
|
||||
font-weight: normal;
|
||||
font-size:0.8em;
|
||||
text-align:center;
|
||||
}
|
||||
.gColHeader4{
|
||||
height: 20px;
|
||||
color:#ffffff;
|
||||
overflow-x:hidden;
|
||||
}
|
||||
.gCellM {
|
||||
min-width: 5px;
|
||||
height: 32px;
|
||||
border-bottom: 1px solid #eee;
|
||||
font-weight:normal;
|
||||
font-size:0.8em;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.gCell {
|
||||
border-bottom: 1px solid #eee;
|
||||
border-right: 1px solid #eee;
|
||||
height: 32px;
|
||||
font-size:0.9em;
|
||||
overflow: hidden;
|
||||
padding:3px 2px;
|
||||
}
|
||||
|
||||
.gHead{
|
||||
height: 20px;
|
||||
background-color:#975796;
|
||||
color: #ffffff;
|
||||
font-weight: normal;
|
||||
font-size:.8em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.gMonthCell {
|
||||
overflow: hidden;
|
||||
padding:4px 2px;
|
||||
border-right:1px solid #ffffff;
|
||||
font-size:.8em;
|
||||
}
|
||||
td.pijlhead{
|
||||
text-align: center;
|
||||
}
|
||||
tr.pijlhead{
|
||||
background-color:#d4cfcb;
|
||||
}
|
||||
tr.pijlhead .selected{
|
||||
background-color:#d4b9d3;;
|
||||
}
|
||||
tr.bg{
|
||||
background-color:#bababa;
|
||||
}
|
||||
tr.ganttselected{
|
||||
border:1px solid #d4b9d3;
|
||||
background-color:#d4b9d3;
|
||||
}
|
||||
.holyH{
|
||||
background-color: #b283b2 ;
|
||||
}
|
||||
.holy{
|
||||
background-color: #efecef;
|
||||
}
|
||||
div.tbKlas{
|
||||
position:absolute;
|
||||
height:23px;
|
||||
margin-top:3px;
|
||||
z-index:50;
|
||||
border:1px dotted #975796;
|
||||
/* background-color:#f7f7f7;
|
||||
*/ background-color:#f74299;
|
||||
opacity:0.7;
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
|
||||
filter: alpha(opacity=70);
|
||||
}
|
||||
|
||||
div.tijdPijler {
|
||||
background-color:#d4cfcb;
|
||||
background-color:#f99443;
|
||||
}
|
||||
.ganttButtonSeparator{
|
||||
border-left:1px solid #faa461;
|
||||
padding-right:10px;
|
||||
margin-left:10px;
|
||||
font-size: 130%
|
||||
}
|
||||
#todayLine{
|
||||
border-left:2px solid green;
|
||||
position:absolute;
|
||||
left: 10px;
|
||||
top: 42px;
|
||||
min-height: 440px;
|
||||
width: 2px;
|
||||
z-index: 55;
|
||||
}
|
||||
#todayLineM{
|
||||
border-left:2px solid green;
|
||||
position:absolute;
|
||||
left: 10px;
|
||||
top: 0px;
|
||||
width: 2px;
|
||||
z-index: 55;
|
||||
}
|
||||
.mensregel{
|
||||
position: absolute;
|
||||
z-index:30;
|
||||
padding:0px;
|
||||
left: 6px;
|
||||
}
|
||||
|
||||
.persist-area{
|
||||
position:relative;
|
||||
}
|
||||
.floatingHeader {
|
||||
position: absolute;
|
||||
top: 300px;
|
||||
left:0px;
|
||||
z-index:55;
|
||||
/*visibility: hidden;*/
|
||||
}
|
||||
@@ -0,0 +1,264 @@
|
||||
div.reportdiv, div.reportdiv p,div.reportdiv td, div.reportdiv hr{
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-size:12px;
|
||||
}
|
||||
|
||||
.clearfix{
|
||||
content: " ";
|
||||
visibility: hidden;
|
||||
display:block;
|
||||
height:0;
|
||||
clear:both;
|
||||
}
|
||||
#pdf-header img{
|
||||
float:left;
|
||||
margin:0 30px 0 0;
|
||||
}
|
||||
#pdf-header h2{
|
||||
font-family:OpenSans;
|
||||
color:#b2b2b2;
|
||||
margin-top:20px;
|
||||
float:left;
|
||||
font-size:1.6em;
|
||||
}
|
||||
hr{
|
||||
border:0;
|
||||
height:1px;
|
||||
background-color:#b2b2b2;
|
||||
margin:2px 0px;
|
||||
}
|
||||
ul{
|
||||
list-style:none;
|
||||
margin:0 0 0 5px;
|
||||
padding:0;
|
||||
}
|
||||
.pdf-content{
|
||||
font-family:OpenSans;
|
||||
margin:20px 0;
|
||||
}
|
||||
#footer{
|
||||
color:#b2b2b2;
|
||||
}
|
||||
#footer hr{
|
||||
margin-bottom:30px;
|
||||
}
|
||||
h4, h5{
|
||||
padding:0;
|
||||
}
|
||||
h4{
|
||||
font-size:1.3em;
|
||||
color:#278432;
|
||||
margin:0 0 10px 0;
|
||||
}
|
||||
h5{
|
||||
font-size:1.2em;
|
||||
margin:0 0 0px 0;
|
||||
color:#008eff;
|
||||
}
|
||||
h6{
|
||||
font-size:1.0em;
|
||||
margin:0 0 0px 0;
|
||||
color:#b0069e;
|
||||
}
|
||||
li.gebruiker{
|
||||
background-color:#ebebeb;
|
||||
padding:10px;
|
||||
float:left;
|
||||
margin-bottom:15px;
|
||||
margin-right:15px;
|
||||
border:4px solid #b2b2b2;
|
||||
border-radius:5px;
|
||||
width:250px;
|
||||
}
|
||||
.rotate {
|
||||
/* Safari */
|
||||
-webkit-transform: rotate(-90deg);
|
||||
/* Firefox */
|
||||
-moz-transform: rotate(-90deg);
|
||||
/* IE9*/
|
||||
-ms-transform: rotate(-90deg);
|
||||
/* Opera */
|
||||
-o-transform: rotate(-90deg);
|
||||
/* Internet Explorer8 */
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
|
||||
position:relative;
|
||||
white-space:nowrap;
|
||||
}
|
||||
|
||||
span.lab{
|
||||
width:200px;
|
||||
display: table-cell;
|
||||
font-style:italic;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
span.inh{
|
||||
width:350px;
|
||||
display: table-cell;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.reportdiv .paarskop {
|
||||
background-color:#975796;
|
||||
color:#fff;
|
||||
padding:5px;
|
||||
font-size:1.2em;
|
||||
}
|
||||
|
||||
.reportdiv .oranjekop {
|
||||
background-color:#f99443;
|
||||
color:#000;
|
||||
padding:3px 3px 3px 5px;
|
||||
font-size:1.0em;
|
||||
}
|
||||
.reportdiv .grijskop{
|
||||
background-color:#ebebeb;
|
||||
color:#000;
|
||||
padding:3px ;
|
||||
text-align:center;
|
||||
font-size:.9em;
|
||||
}
|
||||
td.nump{
|
||||
min-width:22px;
|
||||
text-align:center;
|
||||
}
|
||||
td.nump2{
|
||||
min-width:20px;
|
||||
text-align:center;
|
||||
}
|
||||
td.nump0{
|
||||
width:22px;
|
||||
height: 22px;
|
||||
padding:0px;
|
||||
text-align:center;
|
||||
border:1px solid #ebebeb;
|
||||
}
|
||||
|
||||
div.cirkel1{
|
||||
width:12px;
|
||||
height:12px;
|
||||
padding:0px;
|
||||
margin-left:3px;
|
||||
background-color:#f40d17;
|
||||
border: 1px solid #000;
|
||||
border-radius:60px;
|
||||
}
|
||||
/* div.cirkel2{
|
||||
width:12px;
|
||||
height:12px;
|
||||
padding:0px;
|
||||
margin-left:3px;
|
||||
background-color:#f6f14e;
|
||||
border: 1px solid #000;
|
||||
border-radius:60px;
|
||||
} */
|
||||
div.cirkel2{
|
||||
width:12px;
|
||||
height:12px;
|
||||
padding:0px;
|
||||
margin-left:3px;
|
||||
background-color:#f99443;
|
||||
border: 1px solid #000;
|
||||
border-radius:60px;
|
||||
}
|
||||
div.cirkel3{
|
||||
width:12px;
|
||||
height:12px;
|
||||
padding:0px;
|
||||
margin-left:3px;
|
||||
background-color:#53d744;
|
||||
border: 1px solid #000;
|
||||
border-radius:60px;
|
||||
}
|
||||
div.cirkel4{
|
||||
width:12px;
|
||||
height:12px;
|
||||
padding:0px;
|
||||
margin-left:3px;
|
||||
background-color:#0d7bfb;
|
||||
border: 1px solid #000;
|
||||
border-radius:60px;
|
||||
}
|
||||
.rotatedkopje{
|
||||
border-bottom:1px solid #784577;
|
||||
width: 30px;
|
||||
height:160px;
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
vertical-align:bottom;
|
||||
text-align:left;
|
||||
padding-bottom:20px;
|
||||
border-right: 1px solid #784577;
|
||||
}
|
||||
.matrixcell {
|
||||
display: table-cell;
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
height: 20px !important;
|
||||
vertical-align:middle;
|
||||
overflow-x:hidden;
|
||||
resize:none;
|
||||
}
|
||||
.tdPijler {
|
||||
background-color:#975796 ;
|
||||
color:#fff;
|
||||
}
|
||||
td.ublok{
|
||||
background-color:#f2f2f2;
|
||||
border-top: 1px solid #f5f5f5;
|
||||
border-right:1px solid #ebebeb;
|
||||
border-bottom:1px solid #ebebeb;
|
||||
border-left: 1px solid #f5f5f5;
|
||||
/*width:30px;*/
|
||||
}
|
||||
td.ublok.verant{
|
||||
background-color: #f74299;
|
||||
}
|
||||
td.ublok.uitv{
|
||||
background-color: #38c6f0;
|
||||
}
|
||||
td.ublok.both{
|
||||
background-color: #b138f0;
|
||||
}
|
||||
table.LStable{
|
||||
width:680px;
|
||||
table-layout:fixed;
|
||||
border-collapse: collapse;
|
||||
|
||||
font-size:10px;
|
||||
cellspacing:0;
|
||||
}
|
||||
|
||||
.broad {
|
||||
width: 180px !important;
|
||||
overflow-x:hidden;
|
||||
}
|
||||
.headertd {
|
||||
border-right: 1px solid #784577;
|
||||
text-align:right;
|
||||
padding-right:3px;
|
||||
border-bottom:1px solid black;
|
||||
}
|
||||
.small{
|
||||
width: 30px !important;
|
||||
}
|
||||
.rotate2 {
|
||||
padding-top:100px;
|
||||
width:165px;
|
||||
height: 22px;
|
||||
overflow:hidden;
|
||||
transform: rotate(-90deg);
|
||||
/* Safari */
|
||||
-webkit-transform: rotate(-90deg);
|
||||
/* Firefox */
|
||||
-moz-transform: rotate(-90deg);
|
||||
/* IE9*/
|
||||
-ms-transform: rotate(-90deg);
|
||||
/* Opera */
|
||||
-o-transform: rotate(-90deg);
|
||||
/* Internet Explorer8 */
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
|
||||
transform-origin:7% 89%;
|
||||
-ms-transform-origin: 7% 89%;
|
||||
-webkit-transform-origin:7% 89%;
|
||||
|
||||
}
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 3.1 KiB |
|
After Width: | Height: | Size: 52 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 3.1 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 601 B |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 436 B |
|
After Width: | Height: | Size: 276 B |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 9.1 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 5.2 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 32 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 672 B |
|
After Width: | Height: | Size: 94 KiB |
|
After Width: | Height: | Size: 180 KiB |
|
After Width: | Height: | Size: 208 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 210 B |
|
After Width: | Height: | Size: 66 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 880 B |
|
After Width: | Height: | Size: 350 B |
|
After Width: | Height: | Size: 216 B |
|
After Width: | Height: | Size: 216 B |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 703 B |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 519 B |
|
After Width: | Height: | Size: 780 B |
|
After Width: | Height: | Size: 780 B |
|
After Width: | Height: | Size: 2.8 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 44 KiB |
|
After Width: | Height: | Size: 2.9 KiB |