1395 lines
30 KiB
CSS
1395 lines
30 KiB
CSS
/* ************** uit color css ***************** */
|
|
/* grijs voor border #898987*/
|
|
/* grijs voor vlakken #ebebeb
|
|
/* donkerder grijs voor vlakken #bababa
|
|
/* logo roze #f74299
|
|
/* oranje: #f99443*/
|
|
/* paars: # 975796 */
|
|
|
|
/* colorcodes : rood #f40d17
|
|
geel #f6f14e
|
|
oranje #f99443
|
|
groen #53d744
|
|
blauw #0d7bfb */
|
|
.bgGrey{
|
|
background-color:#ebebeb;
|
|
}
|
|
.bgDarkgrey{
|
|
background-color:#bababa;
|
|
}
|
|
.bgWhite{
|
|
background-color:#fff;
|
|
}
|
|
.fn-gantt .fwGrey{
|
|
background-color: #bababa;
|
|
|
|
}
|
|
.bgOranje{
|
|
background-color:#f99443;
|
|
}
|
|
.fn-gantt .fwOranje {
|
|
background-color:#f99443;
|
|
}
|
|
.fn-gantt .fwOranje .fn-label {
|
|
color: #9d5d2a !important;
|
|
}
|
|
.fn-gantt .fwBlue {
|
|
background-color: #33b6da;
|
|
}
|
|
.fn-gantt .fwPaars {
|
|
background-color: #975796;
|
|
}
|
|
.fn-gantt .fwRood {
|
|
background-color: #e22e3a;
|
|
}
|
|
.fn-gantt .fwRoze {
|
|
background-color: #f74299;
|
|
}
|
|
/* ********** uit twMain.css **************** */
|
|
#upload-form{
|
|
left:50%;
|
|
margin-left:-325px;
|
|
width:650px;
|
|
z-index:310;
|
|
}
|
|
#upload-form form{
|
|
padding:20px;
|
|
}
|
|
#upload-form .form-row{
|
|
float:left;
|
|
margin-top:10px;
|
|
margin-bottom:10px
|
|
}
|
|
#upload-form label{
|
|
float:left;
|
|
margin-right:10px;
|
|
width:150px;
|
|
}
|
|
#upload-form label.switch-box{
|
|
font-size:.8em;
|
|
}
|
|
#upload-form input[type="text"], #upload-form input[type="file"], #upload-form select{
|
|
width:430px
|
|
}
|
|
#upload-form input[type="text"].switch-box{
|
|
width:260px;
|
|
}
|
|
.right{
|
|
float:right;
|
|
}
|
|
#upload-form select.switch-box{
|
|
width:270px;
|
|
border-radius:5px;
|
|
margin-top:5px;
|
|
}
|
|
div.switch-box{
|
|
float:left;
|
|
padding:10px 0px 0;
|
|
}
|
|
div.switch-box button.switch-button{
|
|
display:block;
|
|
margin-top:35px;
|
|
margin-left:10px;
|
|
margin-right:10px;
|
|
}
|
|
#upload-form .selected-row{
|
|
background-color:#FFAEDD;
|
|
}
|
|
.upload-overlay{
|
|
position:absolute;
|
|
top:0;
|
|
bottom:0;
|
|
left:0;
|
|
right:0;
|
|
background-color:#000;
|
|
opacity:.4;
|
|
display:none;
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
|
|
filter: alpha(opacity=30);
|
|
}
|
|
.upload-overlay img{
|
|
position:relative;
|
|
top:50%;
|
|
margin-top:-50px;
|
|
left:50%;
|
|
margin-left:-50px;
|
|
}
|
|
i.onwhite{
|
|
padding:5px 10px;
|
|
cursor:pointer;
|
|
font-style:normal;
|
|
font-size:.7em
|
|
}
|
|
.div-table{
|
|
font-size:.8em;
|
|
margin:10px;
|
|
border-radius:3px;
|
|
}
|
|
.div-table-head{
|
|
background-color:#95569A;
|
|
padding:10px 5px 5px;
|
|
color:#fff;
|
|
font-weight:bold;
|
|
}
|
|
#documents-list{
|
|
max-height:210px;
|
|
border:1px solid #95569A;
|
|
overflow:auto;
|
|
}
|
|
#documents-list span{
|
|
display:inline-block;
|
|
}
|
|
#documents-list span.column-1{
|
|
width:350px;
|
|
}
|
|
#documents-list span.column-2{
|
|
width:200px;
|
|
}
|
|
.div-table-body{
|
|
padding:1px 0px 3px;
|
|
}
|
|
.div-table-row{
|
|
padding-bottom:3px;
|
|
border-bottom:1px solid #ebebeb;
|
|
float:left;
|
|
}
|
|
.div-table-selectarea{
|
|
cursor:pointer;
|
|
float:left;
|
|
padding:0 5px;
|
|
}
|
|
.div-table-selectarea:hover{
|
|
background-color:#b2b2b2;
|
|
}
|
|
|
|
/*************GLOBORGS******************/
|
|
|
|
|
|
#globorg-popup{
|
|
top:150px;
|
|
}
|
|
#globorg-popup ul{
|
|
list-style:none;
|
|
font-size:.9em;
|
|
margin:10px;
|
|
border-radius:5px;
|
|
overflow:auto;
|
|
padding-left:10px;
|
|
padding-right:10px;
|
|
}
|
|
#globorg-popup li{
|
|
cursor:pointer;
|
|
}
|
|
#globorg-popup .bg-globorg{
|
|
background-color:#925B98;
|
|
color:#fff;
|
|
padding:5px 5px 2px;
|
|
margin-top:10px;
|
|
border-radius:3px 3px 0 0;
|
|
color:#ebebeb;
|
|
}
|
|
#globorg-popup .bg-globorg:hover{
|
|
color:#fff;
|
|
}
|
|
#globorg-popup .school-globorg{
|
|
padding-left:10px;
|
|
color:#929292;
|
|
}
|
|
#globorg-popup .school-globorg:hover{
|
|
color:#000;
|
|
}
|
|
#globorg-popup .checked-org{
|
|
font-weight:bold;
|
|
}
|
|
#globorg-popup .bg-globorg.checked-org{
|
|
color:#fff;
|
|
}
|
|
#globorg-popup .school-globorg.checked-org{
|
|
color:#000;
|
|
background-color:#ebebeb;
|
|
}
|
|
|
|
|
|
/**************NEW-LOGIN***************/
|
|
|
|
#new-login{
|
|
left:50%;
|
|
margin-left:-200px;
|
|
top:200px;
|
|
}
|
|
#new-login .popbody{
|
|
padding:15px;
|
|
font-size:.9em;
|
|
color:#959595;
|
|
}
|
|
#new-login label{
|
|
width:130px;
|
|
display:inline-block;
|
|
}
|
|
#new-login-credentials{
|
|
float:left;
|
|
margin-top:20px;
|
|
margin-bottom:20px;
|
|
margin-left:20px;
|
|
padding:10px;
|
|
border:2px solid #b2b2b2;
|
|
border-radius:3px;
|
|
}
|
|
#new-login .input-box{
|
|
float:left;
|
|
margin:5px;
|
|
}
|
|
/**************REPORTS*****************/
|
|
|
|
#overzicht-side-left{
|
|
float:left;
|
|
height:548px;
|
|
width:300px;
|
|
margin-right:15px;
|
|
background-color:#F7F7F7;
|
|
}
|
|
#overzicht-side-right{
|
|
float:left;
|
|
height:548px;
|
|
width:645px;
|
|
/* background-color:#F2F2F2;*/
|
|
}
|
|
#inner-overzicht-side-left{
|
|
padding:10px 15px;
|
|
list-style:none;
|
|
height:528px;
|
|
margin:0;
|
|
}
|
|
#inner-overzicht-side-left li{
|
|
color:#b2b2b2;
|
|
font-size:.9em;
|
|
background-color:#e2e2e2;
|
|
color:#3f3f3f;
|
|
padding:3px 5px;
|
|
border-radius:3px;
|
|
cursor:pointer;
|
|
margin-bottom:5px;
|
|
}
|
|
#inner-overzicht-side-left li:hover{
|
|
color:#525252;
|
|
background-color:#ddd;
|
|
}
|
|
|
|
/*************NOTIFICATIE****************/
|
|
|
|
#communicatie-page ul{
|
|
list-style: none;
|
|
}
|
|
#communicatie-page h4{
|
|
font-size: 1em;
|
|
margin:-25px 10px 10px;
|
|
padding:2px 30px 2px 10px;
|
|
width:400px;
|
|
background-color:#ebebeb;
|
|
color: #577e97;
|
|
border:1px solid #b2b2b2;
|
|
border-radius:5px;
|
|
}
|
|
#communicatie-page label{
|
|
font-size:.8em ;
|
|
margin-top:-2px;
|
|
float:left;
|
|
margin-right:10px;
|
|
}
|
|
#communicatie-page li.email-notifies{
|
|
width:700px;
|
|
padding:10px;
|
|
font-weight:bold;
|
|
border:1px solid #b2b2b2;
|
|
border-radius:5px;
|
|
margin:30px 0 5px 20px;
|
|
}
|
|
#communicatie-page input[type="text"]{
|
|
padding:2px 5px;
|
|
width:420px;
|
|
border-radius:5px;
|
|
border:1px solid green;
|
|
margin-top:5px;
|
|
}
|
|
#communicatie-page input[type="text"].not-valid{
|
|
border:1px solid red;
|
|
}
|
|
|
|
/***********MENSACTIEF*******************/
|
|
|
|
#mensactief-container ul{
|
|
list-style:none;
|
|
margin:0;
|
|
padding:0 0 0 15px;;
|
|
}
|
|
.mansactief-niv1{
|
|
height:450px;
|
|
overflow:auto;
|
|
list-style:none;
|
|
padding:
|
|
}
|
|
.mansactief-niv1 li h4{
|
|
padding:0;
|
|
margin:0;
|
|
font-weight:bold;
|
|
font-size:.9em;
|
|
cursor:pointer;
|
|
}
|
|
.mensactief-niv2 label{
|
|
float:left;
|
|
width:150px;
|
|
font-size:.8em;
|
|
font-style:italic;
|
|
}
|
|
.mensactief-niv2 span{
|
|
float:left;
|
|
width:80px;
|
|
height:20px;
|
|
background-color:#ebebeb;
|
|
border:1px solid #b2b2b2;
|
|
text-align:center;
|
|
}
|
|
.mensactief-niv2 span:hover{
|
|
background-color:#e4e4e4;
|
|
}
|
|
.mensactief-niv2 .active-user{
|
|
background-color:#F99443;
|
|
}
|
|
|
|
.mensactief-niv2 .active-user:hover{
|
|
background-color:#ffa443;
|
|
|
|
}
|
|
.tw-rotate{
|
|
-webkit-transform: rotate(-90deg);
|
|
-moz-transform: rotate(-90deg);
|
|
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
|
|
}
|
|
#mensactief-container .matrix-header{
|
|
padding:10px 10px 5px 10px;
|
|
float:left;
|
|
margin-left:175px;
|
|
}
|
|
|
|
#mensactief-container .matrix-header p{
|
|
float:left;
|
|
text-align:left;
|
|
width:70px;
|
|
height:70px;
|
|
margin:0;
|
|
margin-left:-10px;
|
|
padding:10px 10px 0;
|
|
font-size:.9em;
|
|
font-weight:bold;
|
|
border:1px solid #b2b2b2;
|
|
}
|
|
|
|
/* ****************uit beheer css ************************** */
|
|
|
|
#org-container{
|
|
font-family:Arial;
|
|
}
|
|
#org-container input{
|
|
float:left;
|
|
}
|
|
#org-container input[type="text"]{
|
|
padding:2px 5px;
|
|
border-radius:5px;
|
|
border:1px solid #b2b2b2;
|
|
float:left;
|
|
}
|
|
#org-search-box{
|
|
width:940px;
|
|
padding:10px;
|
|
}
|
|
#org-search-box button{
|
|
font-size:.9em;
|
|
float:left;
|
|
margin:0 20px 0 5px;
|
|
}
|
|
#org-search-box .search-box{
|
|
width:200px;
|
|
margin-right:20px;
|
|
margin-left:10px;
|
|
border-radius:5px;
|
|
}
|
|
#org-search-box label{
|
|
margin: 3px 15px 0 5px;
|
|
}
|
|
#org-table{
|
|
width:500px;
|
|
margin-right:15px;
|
|
float:left;
|
|
height:480px;
|
|
overflow:auto;
|
|
background-color:#ebebeb;
|
|
}
|
|
#org-table ul{
|
|
color:#727272;
|
|
list-style:none;
|
|
padding-left:10px;
|
|
}
|
|
#org-table li{
|
|
cursor:pointer;
|
|
}
|
|
#org-table li.bg-li{
|
|
margin-bottom:15px;
|
|
}
|
|
#org-table li.school-li{
|
|
margin-bottom:3px;
|
|
}
|
|
#org-container .bg-org-row span.org-brin, #org-container .bg-org-row span.org-bg{
|
|
font-weight: bold;
|
|
float:left;
|
|
margin-bottom:5px;
|
|
}
|
|
#org-table span.org-brin{
|
|
float:left;
|
|
width:50px;
|
|
}
|
|
#org-table li.school-li span{
|
|
font-size:.9em;
|
|
}
|
|
#org-table .bg-org-row{
|
|
padding:5px 0px 0 5px;
|
|
}
|
|
#org-table .school-li{
|
|
padding:1px 2px 1px 5px;
|
|
}
|
|
#org-table .checkedBG{
|
|
float:left;
|
|
width:98%;
|
|
background-color: #D4B9D3;
|
|
}
|
|
.checkedBG{
|
|
background-color:#D4B9D3;
|
|
padding-left:5px;
|
|
border-radius:3px;
|
|
}
|
|
#org-edit{
|
|
float:left;
|
|
width:405px;
|
|
background-color:#ebebeb;
|
|
padding:10px;
|
|
color:#727272;
|
|
font-size:.8em;
|
|
}
|
|
#org-container label{
|
|
float:left;
|
|
}
|
|
#org-edit input[type="text"]{
|
|
width:390px;
|
|
}
|
|
#org-edit input[type="text"].half{
|
|
width:180px;
|
|
margin-right:10px;
|
|
}
|
|
#org-edit label.half{
|
|
width:50%;
|
|
}
|
|
#org-edit button{
|
|
margin-top:20px;
|
|
}
|
|
|
|
/* *************** uit layout.css ***************** */
|
|
.header {
|
|
background-color:#ebebeb;
|
|
height:125px;
|
|
width:960px;
|
|
}
|
|
.kop2{
|
|
background-color:#f99443;
|
|
font-style:italic;
|
|
color:#fff;
|
|
padding:2px 5px 1px 5px;
|
|
}
|
|
.hoofdpagina{
|
|
width:960px;
|
|
height:548px;
|
|
background-color:#fff;
|
|
}
|
|
.fullpage{
|
|
width:960px;
|
|
/* height:720px;
|
|
*/ background-color:#ffffff;
|
|
}
|
|
.logincontainer{
|
|
width:900px;
|
|
height:720px;
|
|
background-color:#ffffff;
|
|
border-radius:10px;
|
|
}
|
|
.loginline{
|
|
width:900px;
|
|
height:75px;
|
|
background-color:#ffffff;
|
|
margin-top:-20px;
|
|
}
|
|
.centerpage{
|
|
padding-left:50%;
|
|
margin-left:-475px;
|
|
}
|
|
|
|
.MainPagina{
|
|
display:none;
|
|
position: absolute;
|
|
width:960px;
|
|
}
|
|
.Subpagina{
|
|
display:none;
|
|
width:960px;
|
|
}
|
|
.showhoofdpagina, .showsubpagina{
|
|
visibility:visible;
|
|
display:block;
|
|
}
|
|
.halfpag{
|
|
float:left;
|
|
width: 48%;
|
|
padding-left: 3px;
|
|
height:545px;
|
|
}
|
|
button.butTopMenu {
|
|
width:200px;
|
|
height: 50px;
|
|
border:1px solid #e3e3e3;
|
|
border-left-color:#ffffff;
|
|
border-top-color:#ffffff;
|
|
border-right-color: #898987;
|
|
border-bottom-color:#898987;
|
|
background-color: #ebebeb;
|
|
font-size:2em;
|
|
}
|
|
button.butTopMenu:hover{
|
|
background-color:#fafafa;
|
|
}
|
|
button.butTopMenu[disabled]:hover{
|
|
background-color:inherit;
|
|
}
|
|
button.butTopMenu.selected{
|
|
color:#f99443;
|
|
}
|
|
.dirigentblok {
|
|
float:left;
|
|
width:125px;
|
|
height:110px;
|
|
}
|
|
.blokrechts {
|
|
float:right;
|
|
width:830px;
|
|
height:110px;
|
|
}
|
|
|
|
.menuknoppenblok{
|
|
float:left;
|
|
width:687px;
|
|
height:70px;
|
|
padding-top:5px;
|
|
}
|
|
.logoblok{
|
|
float:left;
|
|
width:110px;
|
|
height: 70px;
|
|
padding-top:5px;
|
|
padding-left: 20px;
|
|
}
|
|
.submenublok{
|
|
margin-top:10px;
|
|
/* height: 34px;*/
|
|
height: 35px;
|
|
|
|
width: 830px;
|
|
background-color:#bababa;
|
|
border-top-left-radius:4px;
|
|
border:1px solid #727272;
|
|
display:none;
|
|
}
|
|
.show-menu{
|
|
display:block;
|
|
}
|
|
button.sub { display: inline-block;
|
|
font-family:"Mooischrijf","Open Sans", Verdana, Sans;
|
|
font-style:italic;
|
|
font-size:1.0em;
|
|
margin-left:10px;
|
|
margin-top:3px;
|
|
padding:2px 10px 2px 10px;
|
|
background-color:#bababa;
|
|
border:1px solid #bababa;
|
|
}
|
|
button.sub.selected{
|
|
border:1px solid #fff;
|
|
border-radius:4px;
|
|
}
|
|
button.sub:hover {
|
|
background-color:#ebebeb;
|
|
border-radius:4px;
|
|
}
|
|
button.sub:hover[disabled]{
|
|
background-color: inherit;
|
|
}
|
|
.statusbalktop {
|
|
width:960px;
|
|
height:26px;
|
|
font-size:0.7em;
|
|
background-color:#727272;
|
|
color:#fff;
|
|
margin-top:-5px;
|
|
border-top:1px solid #ffff;
|
|
}
|
|
button.logout{
|
|
width:20px;
|
|
height:20px;
|
|
border:1px solid #898987;
|
|
border-radius:4px;
|
|
color:#ebebeb;
|
|
background:#535353;
|
|
float:right;
|
|
line-height:16px;
|
|
font-family:"OpenSans";
|
|
font-size:16px;
|
|
padding-bottom:4px;
|
|
margin-top:3px;
|
|
margin-left:5px;
|
|
margin-right:1px;
|
|
}
|
|
button.logout:hover{
|
|
background:#898987;
|
|
}
|
|
div.footer{
|
|
width:960px;
|
|
/*height:20px;*/
|
|
font-size:0.7em;
|
|
background-color:#727272;
|
|
color:#fff;
|
|
float:left;
|
|
text-align:center;
|
|
border-bottom:1px solid #f99443;
|
|
padding-top:2px;
|
|
padding-bottom:4px;
|
|
}
|
|
.butfooter{
|
|
width:20px;
|
|
border:1px solid #898987;
|
|
border-radius:4px;
|
|
color:#ebebeb;
|
|
background:#535353;
|
|
|
|
font-family:"OpenSans";
|
|
font-size:16px;
|
|
margin-top:1px;
|
|
}
|
|
.butfooter.help{
|
|
float:right;
|
|
margin-right:1px;
|
|
}
|
|
.butfooter:hover{
|
|
background:#898987;
|
|
}
|
|
|
|
.vat{
|
|
vertical-align:top;
|
|
}
|
|
.hidden{
|
|
display:none;
|
|
}
|
|
.loader {
|
|
font-size: 90px;
|
|
text-indent: -9999em;
|
|
overflow: hidden;
|
|
width: 1em;
|
|
height: 1em;
|
|
border-radius: 50%;
|
|
margin: 33% auto;
|
|
position: relative;
|
|
-webkit-animation: load6 1.7s infinite ease;
|
|
animation: load6 1.7s infinite ease;
|
|
}
|
|
@-webkit-keyframes load6 {
|
|
0% {
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.11em -0.83em 0 -0.42em #ffffff, -0.11em -0.83em 0 -0.44em #ffffff, -0.11em -0.83em 0 -0.46em #ffffff, -0.11em -0.83em 0 -0.477em #ffffff;
|
|
}
|
|
5%,
|
|
95% {
|
|
box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.11em -0.83em 0 -0.42em #ffffff, -0.11em -0.83em 0 -0.44em #ffffff, -0.11em -0.83em 0 -0.46em #ffffff, -0.11em -0.83em 0 -0.477em #ffffff;
|
|
}
|
|
30% {
|
|
box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.51em -0.66em 0 -0.42em #ffffff, -0.75em -0.36em 0 -0.44em #ffffff, -0.83em -0.03em 0 -0.46em #ffffff, -0.81em 0.21em 0 -0.477em #ffffff;
|
|
}
|
|
55% {
|
|
box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.29em -0.78em 0 -0.42em #ffffff, -0.43em -0.72em 0 -0.44em #ffffff, -0.52em -0.65em 0 -0.46em #ffffff, -0.57em -0.61em 0 -0.477em #ffffff;
|
|
}
|
|
100% {
|
|
-webkit-transform: rotate(360deg);
|
|
transform: rotate(360deg);
|
|
box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.11em -0.83em 0 -0.42em #ffffff, -0.11em -0.83em 0 -0.44em #ffffff, -0.11em -0.83em 0 -0.46em #ffffff, -0.11em -0.83em 0 -0.477em #ffffff;
|
|
}
|
|
}
|
|
@keyframes load6 {
|
|
0% {
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.11em -0.83em 0 -0.42em #ffffff, -0.11em -0.83em 0 -0.44em #ffffff, -0.11em -0.83em 0 -0.46em #ffffff, -0.11em -0.83em 0 -0.477em #ffffff;
|
|
}
|
|
5%,
|
|
95% {
|
|
box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.11em -0.83em 0 -0.42em #ffffff, -0.11em -0.83em 0 -0.44em #ffffff, -0.11em -0.83em 0 -0.46em #ffffff, -0.11em -0.83em 0 -0.477em #ffffff;
|
|
}
|
|
30% {
|
|
box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.51em -0.66em 0 -0.42em #ffffff, -0.75em -0.36em 0 -0.44em #ffffff, -0.83em -0.03em 0 -0.46em #ffffff, -0.81em 0.21em 0 -0.477em #ffffff;
|
|
}
|
|
55% {
|
|
box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.29em -0.78em 0 -0.42em #ffffff, -0.43em -0.72em 0 -0.44em #ffffff, -0.52em -0.65em 0 -0.46em #ffffff, -0.57em -0.61em 0 -0.477em #ffffff;
|
|
}
|
|
100% {
|
|
-webkit-transform: rotate(360deg);
|
|
transform: rotate(360deg);
|
|
box-shadow: -0.11em -0.83em 0 -0.4em #ffffff, -0.11em -0.83em 0 -0.42em #ffffff, -0.11em -0.83em 0 -0.44em #ffffff, -0.11em -0.83em 0 -0.46em #ffffff, -0.11em -0.83em 0 -0.477em #ffffff;
|
|
}
|
|
}
|
|
div.overlay{
|
|
bottom: 0px;
|
|
position: fixed;
|
|
top: 0px;
|
|
left: 0px;
|
|
right: 0px;
|
|
background-color: black;
|
|
opacity:.5;
|
|
display:none;
|
|
z-index: 50;
|
|
}
|
|
|
|
/* ********** uit tags.css **************** */
|
|
|
|
@font-face {
|
|
font-family: 'OOKEENAARDIGE LETTER';
|
|
src: url('/fonts/classico_becker_med-webfont.eot');
|
|
src: url('/fonts/classico_becker_med-webfont.eot?#iefix') format('embedded-opentype'),
|
|
url('/fonts/classico_becker_med-webfont.woff') format('woff'),
|
|
url('/fonts/classico_becker_med-webfont.ttf') format('truetype'),
|
|
url('/fonts/classico_becker_med-webfont.svg#classico_becker_medregular') format('svg');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Mooischrijf';
|
|
src: url('/classic_ssi_italic-webfont.eot');
|
|
src: url('/fonts/classic_ssi_italic-webfont.eot?#iefix') format('embedded-opentype'),
|
|
url('/fonts/classic_ssi_italic-webfont.woff') format('woff'),
|
|
url('/fonts/classic_ssi_italic-webfont.ttf') format('truetype'),
|
|
url('/fonts/classic_ssi_italic-webfont.svg#classic_ssiitalic') format('svg');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
|
|
@font-face{
|
|
font-family: 'OpenSans';
|
|
src: url('/fonts/opensans-regular-webfont.eot');
|
|
src: url('/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
|
|
url('/fonts/opensans-regular-webfont.woff') format('woff'),
|
|
url('/fonts/opensans-regular-webfont.ttf') format('truetype'),
|
|
url('/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
.fontfancy {
|
|
font-family: 'Mooischrijf', 'OpenSans', Verdana, Sans;
|
|
}
|
|
.fontbig{
|
|
font-size:3.0em;
|
|
}
|
|
|
|
body {
|
|
background-color:#9c9c9c;
|
|
font-family: 'OpenSans', Verdana, Sans;
|
|
font-size: 16px;
|
|
width:100%;
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
p {
|
|
margin-top:2px;
|
|
margin-bottom:2px;
|
|
}
|
|
|
|
button, .upload-button{
|
|
border-radius:2px;
|
|
font-family: "OpenSans";
|
|
font-size:1.0em;
|
|
|
|
-webkit-border-radius: 2px;
|
|
-moz-border-radius: 2px;
|
|
border-radius: 2px;
|
|
|
|
border: solid 1px #da7c0c;
|
|
/*background: #f99443;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#fbbe8d), to(#f99443));
|
|
background: -moz-linear-gradient(top, #fbbe8d,#f99443);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbbe8d', endColorstr='#f99443');*/
|
|
}
|
|
button:hover, .upload-button:hover{
|
|
background: #f9b843;
|
|
/*background: -webkit-gradient(linear, left top, left bottom, from(#fbcb74), to(#f9b843));
|
|
background: -moz-linear-gradient(top, #fbcb74,#f9b843);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbcb74', endColorstr='#f9b843');*/
|
|
}
|
|
|
|
.clearfix{
|
|
content: " ";
|
|
visibility: hidden;
|
|
display:block;
|
|
height:0;
|
|
clear:both;
|
|
}
|
|
|
|
button.onwhite, i.onwhite{
|
|
font-family: "OpenSans";
|
|
font-size:.8em;
|
|
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
|
|
border: outset 2px #b8b8b8;
|
|
background: #f2f2f2;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#ebebeb));
|
|
background: -moz-linear-gradient(top, #f2f2f2,#ebebeb);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#ebebeb');
|
|
}
|
|
button.ondark {
|
|
font-family: "OpenSans";
|
|
font-size:.8em;
|
|
height:2.2em;
|
|
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
border: outset 2px #b8b8b8;
|
|
|
|
background: #ebebeb;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#ebebeb));
|
|
background: -moz-linear-gradient(top, #ebebeb,#d1d1d1);
|
|
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#9b9b9b');
|
|
}
|
|
button.ondark:hover, button.onwhite:hover {
|
|
background:#f0f0f0;
|
|
}
|
|
button.onwhite[disabled]:hover, button.ondark[disabled]:hover{
|
|
background: inherit;
|
|
}
|
|
button.nohover:hover{
|
|
background: #ebebeb;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#9b9b9b));
|
|
background: -moz-linear-gradient(top, #ebebeb,#d1d1d1);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#9b9b9b');
|
|
}
|
|
button.left{
|
|
font-family: "OpenSans";
|
|
font-size:.8em;
|
|
|
|
border: outset 2px #b8b8b8;
|
|
background: url('/css/images/paarslinks.png') no-repeat #ebebeb center;
|
|
width: 23px;
|
|
height: 25px;
|
|
}
|
|
button.LSright{
|
|
font-family: "OpenSans";
|
|
font-size:.8em;
|
|
|
|
border: outset 2px #b8b8b8;
|
|
background: url('/css/images/paarsrechts.png') no-repeat #ebebeb center ;
|
|
width: 23px;
|
|
height: 25px;
|
|
}
|
|
button.LSright:hover, button.left:hover {
|
|
background-color: #fff;
|
|
}
|
|
input {
|
|
font-size: .9em;
|
|
padding-left:2px;
|
|
}
|
|
textarea{
|
|
font-family: "OpenSans";
|
|
font-size:0.9em;
|
|
padding-left:3px;
|
|
}
|
|
select {
|
|
font-size:.9em;
|
|
height: 1.6em;
|
|
}
|
|
select[multiple]{
|
|
height: 8em;
|
|
}
|
|
select[multiple]:focus{
|
|
border-color:#ebebeb;
|
|
}
|
|
select[multiple]:disabled{
|
|
background-color:inherit;
|
|
}
|
|
select:focus, input:focus {
|
|
/*border:1px solid #f99443;
|
|
border-radius:5px;*/
|
|
outline: none;
|
|
border-color:#f99443;
|
|
box-shadow:0 0 1px #f99443;
|
|
};
|
|
|
|
#lsOverlay{
|
|
z-index:200;
|
|
display:none;
|
|
width: 100%;
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
|
|
filter: alpha(opacity=50);
|
|
zoom:1;
|
|
}
|
|
#lsOverlay2{
|
|
z-index:500;
|
|
display:none;
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
|
|
filter: alpha(opacity=50);
|
|
zoom:1;
|
|
}
|
|
.overlay {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
background-color: #878787;
|
|
opacity: .5;
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
|
|
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
|
|
filter: alpha(opacity=50);
|
|
zoom:1;
|
|
z-index: 60;
|
|
display: none;
|
|
}
|
|
.popup{
|
|
background:#fbfbfb;
|
|
border:0px solid #fff;
|
|
box-shadow:0px 3px 7px #333;
|
|
-moz-box-shadow:0px 3px 7px #333;
|
|
-webkit-box-shadow:0px 3px 7px #333;
|
|
-moz-border-radius:4px;
|
|
-webkit-border-radius:4px;
|
|
border-radius:4px;
|
|
-khtml-border-radius:4px;
|
|
/* position:absolute;
|
|
*/ z-index:300;
|
|
position:fixed;
|
|
display:none;
|
|
top: 20px;
|
|
left:10%;
|
|
filter: alpha(opacity=100);
|
|
zoom:1;
|
|
opacity:1;
|
|
}
|
|
.popheader {
|
|
color:#fff;
|
|
background-color: #bababa ;
|
|
text-align:center;
|
|
border-top-left-radius: 4px;
|
|
border-top-right-radius:4px;
|
|
}
|
|
.popfooter{
|
|
background-color:#ebebeb;
|
|
height:50px;
|
|
}
|
|
.popfooter hr{
|
|
margin-top:0px;
|
|
margin-bottom:10px;
|
|
}
|
|
.popclose{
|
|
float:left;
|
|
}
|
|
|
|
.isresizable {
|
|
overflow-x: auto;
|
|
overflow-y: auto;
|
|
resize: both;
|
|
/* width: 675px;
|
|
*/ height: 550px;
|
|
max-width:960px;
|
|
min-width: 100px;
|
|
}
|
|
.draganchor{
|
|
float:left;
|
|
background:#cfcfcf;
|
|
background: -webkit-gradient(linear, left , right, from(#fdfdfd), to(#e4e4e4));
|
|
background: -moz-linear-gradient(left,#fdfdfd, #e4e4e4);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#e4e4e4');
|
|
width:12px;
|
|
margin-right:2px;
|
|
height:900px;
|
|
overflow-y: hidden;
|
|
}
|
|
.posabsolute{
|
|
position: absolute;
|
|
}
|
|
.draganchornodrag{
|
|
float:left;
|
|
background:#cfcfcf;
|
|
background: -webkit-gradient(linear, left , right, from(#fdfdfd), to(#e4e4e4));
|
|
background: -moz-linear-gradient(left,#fdfdfd, #f2f2f2);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#e4e4e4');
|
|
width:12px;
|
|
margin-right:2px;
|
|
height:3000px;
|
|
overflow-y: hidden;
|
|
}
|
|
.popcontent {
|
|
margin-left: 5px;
|
|
overflow-y: auto;
|
|
}
|
|
.PDFcontent {
|
|
margin-left:15px;
|
|
}
|
|
.ui-datepicker{
|
|
border-radius-bottom:5px;
|
|
font-family:"OpenSans", Arial, Verdana;
|
|
background:#fff;
|
|
border:1px solid #fff;
|
|
box-shadow:0px 3px 7px #333;
|
|
-moz-box-shadow:0px 3px 7px #333;
|
|
-webkit-box-shadow:0px 3px 7px #333;
|
|
-moz-border-radius:4px;
|
|
-webkit-border-radius:4px;
|
|
border-radius:4px;
|
|
-khtml-border-radius:4px;
|
|
z-index: 500;
|
|
}
|
|
.ui-datepicker .ui-datepicker-header {
|
|
position:relative;
|
|
padding:.2em 0;
|
|
background-color:red;}
|
|
.ui-datepicker .ui-datepicker-title {
|
|
margin: 0 2.3em;
|
|
line-height: 1.8em;
|
|
text-align: center;
|
|
background-color:#bababa;}
|
|
.ui-datepicker .ui-widget-header{
|
|
background:#bababa;
|
|
border:0px;
|
|
}
|
|
|
|
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
|
|
background:#fbcb74;
|
|
border:0px;
|
|
}
|
|
.hasDatepicker{
|
|
position:relative;
|
|
}
|
|
#ui-datepicker-div{
|
|
z-index: 999;
|
|
display:none;
|
|
}
|
|
#lswaiter{
|
|
position:absolute;
|
|
top:45%;
|
|
left:45%;
|
|
width:128px;
|
|
height:128px;
|
|
display:none;
|
|
background-image: url('/css/images/ajaxloader.gif');
|
|
background-color:#ffffff;
|
|
z-index:500;
|
|
}
|
|
|
|
/* ************************ uit details.css ********************* */
|
|
|
|
/* ------- gebruikt in Log In -----------*/
|
|
|
|
.blok1of2{
|
|
width:447px;
|
|
height:30px;
|
|
float:left;
|
|
background-color:#e3e3e3;
|
|
padding-top:5px;
|
|
}
|
|
.blok2of2{
|
|
width:448px;
|
|
height:30px;
|
|
float: right;
|
|
background-color:#e3e3e3;
|
|
padding-top:5px;
|
|
}
|
|
span.cStatus{
|
|
float:right;
|
|
margin-top:5px;
|
|
}
|
|
span.cStatus:hover :enabled{
|
|
background-color:#bababa;
|
|
border-radius:4px;
|
|
}
|
|
span.cStatus:disabled:hover{
|
|
background-color:inherit;
|
|
}
|
|
table.tmetborders{
|
|
float:left;
|
|
font-size: 0.8em;
|
|
border-collapse:collapse;
|
|
table-layout: fixed;
|
|
}
|
|
.selected{
|
|
background-color: #e2cce1 ;
|
|
}
|
|
div.selected{
|
|
background-color: inherit;
|
|
}
|
|
td.cTitel{
|
|
background-color:#ebebeb;
|
|
border-right:1px solid #bababa;
|
|
}
|
|
td.col1{
|
|
padding-left:2px;
|
|
}
|
|
td.rborder{
|
|
border-right:1px solid #bababa;
|
|
}
|
|
td.bborder{
|
|
border-bottom:1px solid #bababa;
|
|
}
|
|
td.lborder{
|
|
border-left:1px solid #bababa;
|
|
}
|
|
td.cTekstcenter{
|
|
text-align:center;
|
|
}
|
|
|
|
input[type="radio"].redradio:checked{
|
|
display: none;
|
|
}
|
|
input[type="radio"].oranje1radio:checked{
|
|
display: none;
|
|
}
|
|
input[type="radio"].oranje2radio:checked{
|
|
display: none;
|
|
}
|
|
input[type="radio"].green1radio:checked{
|
|
display: none;
|
|
}
|
|
input[type="radio"].green2radio:checked{
|
|
display: none;
|
|
}
|
|
input[type='radio'] {
|
|
width:15px;
|
|
height:15px;
|
|
}
|
|
input[type="radio"].redradio:checked + label {
|
|
display: inline-block;
|
|
width: 15px;
|
|
height: 15px;
|
|
margin-left: 4px;
|
|
margin-top:4px;
|
|
background: url("/css/images/raredchecked.png") ;
|
|
}
|
|
|
|
input[type="radio"].oranje1radio:checked + label {
|
|
display: inline-block;
|
|
width: 15px;
|
|
height: 15px;
|
|
margin-left: 4px;
|
|
margin-top:4px;
|
|
background: url("/css/images/raoranje1checked.png") ;
|
|
}
|
|
input[type="radio"].oranje2radio:checked + label {
|
|
display: inline-block;
|
|
width: 15px;
|
|
height: 15px;
|
|
margin-left: 4px;
|
|
margin-top:4px;
|
|
background: url("/css/images/raoranje2checked.png") ;
|
|
}
|
|
input[type="radio"].green1radio:checked + label {
|
|
display: inline-block;
|
|
width: 15px;
|
|
height: 15px;
|
|
margin-left: 4px;
|
|
margin-top:4px;
|
|
background: url("/css/images/ragreen1checked.png") ;
|
|
}
|
|
input[type="radio"].green2radio:checked + label{
|
|
display: inline-block;
|
|
width: 15px;
|
|
height: 15px;
|
|
margin-left: 4px;
|
|
margin-top:4px;
|
|
background: url("/css/images/ragreen2checked.png") ;
|
|
}
|
|
|
|
input[type="radio"].blueradio:checked{
|
|
display: none;
|
|
}
|
|
input[type="radio"].blueradio:checked + label {
|
|
display: inline-block;
|
|
width: 15px;
|
|
height: 15px;
|
|
margin-left: 2px;
|
|
margin-top:3px;
|
|
background: url("/css/images/rabluechecked.png") no-repeat ;
|
|
}
|
|
|
|
.tablehead {
|
|
background-color: #f99443;
|
|
}
|
|
|
|
input.datveld{
|
|
width:90px;
|
|
}
|
|
input.editicon{
|
|
background: url('/css/images/pencil.png') right no-repeat;
|
|
padding-right:15px;
|
|
}
|
|
input.bedrag{
|
|
background:url('/css/images/euro.png') left no-repeat;
|
|
width: 100px;
|
|
text-align: right;
|
|
}
|
|
input.intveld, input.realveld{
|
|
width:50px;
|
|
text-align:right;
|
|
}
|
|
input.dubbelint {
|
|
width:20px;
|
|
text-align:right;
|
|
}
|
|
button.gantt{
|
|
width:40px;
|
|
height:28px;
|
|
border-radius:5px;
|
|
border:none;
|
|
}
|
|
button.gantt:hover{
|
|
background-color:#ebebeb;
|
|
}
|
|
button.undo{
|
|
background: url('/css/images/UNDO.png') center no-repeat;
|
|
}
|
|
button.redo{
|
|
background: url('/css/images/REDO.png') center no-repeat;
|
|
}
|
|
button.addabove{
|
|
background: url('/css/images/AddAbove.png') center no-repeat;
|
|
}
|
|
button.addbelow{
|
|
background: url('/css/images/AddBelow.png') center no-repeat;
|
|
}
|
|
button.indent{
|
|
background: url('/css/images/Indent.png') center no-repeat;
|
|
}
|
|
button.unindent{
|
|
background: url('/css/images/Unindent.png') center no-repeat;
|
|
}
|
|
button.ganttUp{
|
|
background: url('/css/images/ganttUp.png') center no-repeat;
|
|
}
|
|
button.ganttDown{
|
|
background: url('/css/images/ganttDown.png') center no-repeat;
|
|
}
|
|
button.minknop{
|
|
background: url('/css/images/minknop.png') center no-repeat;
|
|
}
|
|
button.plusknop{
|
|
background: url('/css/images/plusknop.png') center no-repeat;
|
|
}
|
|
|
|
button.plus{
|
|
background-image: url("/css/images/plus.png");
|
|
background-color: rgba(255, 255, 255, 0);
|
|
background-repeat: no-repeat;
|
|
background-size: 16px 15px;
|
|
|
|
background-position:center;
|
|
border: none;
|
|
width: 18px;
|
|
height: 18px;
|
|
border:none;
|
|
cursor: pointer;
|
|
box-shadow:none;
|
|
}
|
|
button.edit{
|
|
background-image: url("/css/images/pencil.png");
|
|
background-color: rgba(255, 255, 255, 0);
|
|
background-repeat: no-repeat;
|
|
background-size: 13px 20px;
|
|
|
|
background-position:center;
|
|
border: none;
|
|
width: 20px;
|
|
height: 20px;
|
|
cursor: pointer;
|
|
box-shadow:none;
|
|
}
|
|
button.delete, .delete{
|
|
background-image: url('/css/images/trash.png');
|
|
margin-right: 1px;
|
|
background-color: rgba(255, 255, 255, 0);
|
|
background-repeat: no-repeat;
|
|
background-size: 15px 20px;
|
|
background-position:center;
|
|
width: 20px;
|
|
height: 20px;
|
|
border: none;
|
|
cursor: pointer;
|
|
box-shadow:none;
|
|
}
|
|
button.download{
|
|
background-image: url("/css/images/download.png");
|
|
margin-right: 1px;
|
|
background-color: rgba(255, 255, 255, 0);
|
|
background-repeat: no-repeat;
|
|
background-size: auto 16px;
|
|
background-position:center;
|
|
width: 20px;
|
|
height: 20px;
|
|
border: medium none;
|
|
cursor: pointer;
|
|
}
|
|
.info{
|
|
background-image: url('/css/images/info.png');
|
|
background-size: 15px 15px;
|
|
background-color:#ffffff;
|
|
width: 16px;
|
|
height: 16px;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
border:none;
|
|
|
|
border: medium none;
|
|
cursor: pointer;
|
|
}
|
|
.info:hover{
|
|
background-color:inherit;
|
|
background-image: url('/css/images/info.png');
|
|
background-size: 15px 15px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
button.gantttext {
|
|
font-family:"OpenSans";
|
|
font-size: 0.8em;
|
|
border:1px solid #F99443;
|
|
|
|
height:28px;
|
|
border-radius:5px;
|
|
border:none;
|
|
margin-left:5px;
|
|
}
|
|
div.taakextrainfo{
|
|
min-width:100px;
|
|
min-height: 150px;
|
|
}
|
|
.lstable{
|
|
border-collapse:collapse;
|
|
border-spacing:0;
|
|
border:none;
|
|
table-layout: fixed;
|
|
}
|
|
.lijn17{
|
|
line-height: 21px;
|
|
} |