4556 lines
96 KiB
C#
4556 lines
96 KiB
C#
/*
|
|
* $Revision$
|
|
* $Id$
|
|
*/
|
|
|
|
/* bodystyles */
|
|
html {
|
|
overflow: auto;
|
|
background-color: white;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
body {
|
|
font-family: ==fontfamily==;
|
|
font-size: 0.75em;
|
|
line-height: 1.8em;
|
|
text-align: left;
|
|
margin: 0;
|
|
padding:0;
|
|
}
|
|
|
|
textarea,input,td,th,select { /* Deze moeten afzonderlijk */
|
|
font-family: ==fontfamily==;
|
|
}
|
|
div {
|
|
border: 0;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
table { /* om border om lege cellen te houden */
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
pre, xmp, code {
|
|
font-size: 1.3em;
|
|
line-height: 1.3em!important;
|
|
font-style: normal;
|
|
white-space: pre;
|
|
display:block; /* Zo gebruiken wij <code> die eigenlijk inline is */
|
|
}
|
|
/* IE9 TH links alignen (IE11 ook)*/
|
|
th {
|
|
text-align: inherit;
|
|
}
|
|
#myportalteaser {
|
|
text-align: center;
|
|
font-size: 1.3em;
|
|
padding-top: 70px;
|
|
padding-bottom: 40px;
|
|
width:90%;
|
|
color:==logincolor==;
|
|
}
|
|
|
|
#loginhtml, #termshtml {
|
|
background-color: #F4F6F9;
|
|
background: url(==loginimage==) no-repeat center center fixed;
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
-webkit-background-size:cover;
|
|
-moz-background-size:cover;
|
|
-o-background-size:cover;
|
|
}
|
|
#loginbody {
|
|
background-color: transparent;
|
|
}
|
|
#loginbody div#dmodal,
|
|
#loginbody div#myportalteaser {
|
|
margin: 0 auto;
|
|
}
|
|
|
|
#ifl_f #buttons {
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
#logintable {
|
|
background-color: transparent;
|
|
border: 0px;
|
|
margin: 0 auto;
|
|
}
|
|
#logintable td{
|
|
background-color: transparent;
|
|
line-height: 30px;
|
|
font-size: 1.1em;
|
|
padding-top: 2px;
|
|
padding-left: 6px;
|
|
}
|
|
#logintable #visname,
|
|
#logintable #vispswd,
|
|
#logintable #otpcode {
|
|
width: 250px;
|
|
border: 1px solid #B1B3B4;
|
|
font-size: 1.2em;
|
|
height: 25px;
|
|
color: ==textcolor==;
|
|
border-radius: 4px;
|
|
padding: 4px;
|
|
}
|
|
#logintable label[for=remember] {
|
|
font-weight: normal;
|
|
}
|
|
#logintable #buttons ul li,
|
|
#logintable #buttons ul li a {
|
|
border-radius: 4px;
|
|
font-weight: 500;
|
|
font-size: 13px;
|
|
margin-left: 0px;
|
|
padding: 6px 10px 7px 11px;
|
|
border: 0px;
|
|
}
|
|
|
|
#logintable #buttons {
|
|
text-align: center;
|
|
float: none;
|
|
margin-left: 0;
|
|
}
|
|
#logindiv {
|
|
margin: 0 auto 10px;
|
|
width: 90%;
|
|
max-width: 320px;
|
|
color: #B1B3B4;
|
|
background-color: #fff;
|
|
padding-bottom: 1em;
|
|
padding-top: 2em;
|
|
border: 1px solid #CACBCC;
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px;
|
|
-moz-box-shadow: 0px 0px 20px #E3E4E4;
|
|
-webkit-box-shadow: 0px 0px 20px #E3E4E4;
|
|
box-shadow: 0px 0px 20px #E3E4E4;
|
|
}
|
|
#loginfooter {
|
|
position: fixed;
|
|
bottom: 24px;
|
|
height: 24px;
|
|
width: 100%;
|
|
clear: both;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
color:==logincolor==;
|
|
}
|
|
#mobkey {
|
|
float: right;
|
|
}
|
|
|
|
#mainbody {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
#editbody, #rejectbody {
|
|
border-left: 0px solid ==frameheaderbackgroundcolor==;
|
|
border-right: 0px solid ==frameheaderbackgroundcolor==;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.simpelpage {
|
|
margin: 70px;
|
|
font-size: 14px;
|
|
line-height: 18px;
|
|
font-weight: normal;
|
|
vertical-align: middle;
|
|
}
|
|
/* generic tag styles */
|
|
input, textarea, select {
|
|
font-size: 1em;
|
|
padding: 2px 2px 2px 2px;
|
|
margin: 0;
|
|
border: 1px solid #ccc;
|
|
border-radius: 2px;
|
|
background-color: #fdf6ee;
|
|
}
|
|
td, th {
|
|
font-size: 1em;
|
|
padding: 0px 1px 1px 2px;
|
|
margin: 0;
|
|
border: 0;
|
|
vertical-align: top;
|
|
font-weight: normal;
|
|
}
|
|
/* Safari is ugly, dan maar zo voor iedereen */
|
|
select {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
background-image: url(../appl/Pictures/togglerdown.png) ;
|
|
background-repeat: no-repeat;
|
|
background-position: right 6px center;
|
|
}
|
|
|
|
select[multiple] {
|
|
background-image: none;
|
|
}
|
|
|
|
select::-ms-expand { display: none;}
|
|
|
|
input[type=text], select {
|
|
background-color: #fdf6ee;
|
|
}
|
|
|
|
/* Niet zo mooi meer?
|
|
input[type=text]:hover,
|
|
textarea:hover,
|
|
select:hover {
|
|
background-color:#FEFEFE;
|
|
} */
|
|
|
|
input[type=file] {
|
|
border: 0;
|
|
background-color: #FFFDF1;
|
|
}
|
|
|
|
input[type=password] {
|
|
border:1px solid #ccc;
|
|
background-color: #FFFDF1;
|
|
}
|
|
|
|
input[type=checkbox], input[type=radio]{
|
|
background-color:transparent;
|
|
margin:0 4px 0 2px;
|
|
}
|
|
input[type=submit]{
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
input[readonly], select[readonly], textarea[readonly] {
|
|
background-color: transparent;
|
|
color: ==textcolor==;
|
|
border:0;
|
|
}
|
|
|
|
div#finRefInfoList td div
|
|
{
|
|
color: ==textcolor==;
|
|
}
|
|
|
|
input[readonly], select[readonly], textarea[readonly], td span.readonly, td div.readonly {
|
|
filter: alpha(opacity=80);
|
|
opacity: 0.8;
|
|
}
|
|
td span.readonly {
|
|
display: inline-block; /* zodat span ook width respecteert */
|
|
}
|
|
input[readonly]:hover, select[readonly]:hover, textarea[readonly]:hover {
|
|
background-color: ==backgroundcolor==;
|
|
}
|
|
|
|
/* label tag = de tekst */
|
|
label {
|
|
color: #555;
|
|
margin: 0;
|
|
/*white-space: nowrap;*/
|
|
}
|
|
label.active {
|
|
color: #00c;
|
|
}
|
|
label.selector {
|
|
float: left; /* links in de td */
|
|
}
|
|
span.labelextra {
|
|
color: #afc3d0;
|
|
float: right; /* rechts in de td */
|
|
}
|
|
.labelextra i {
|
|
font-size: 1.3em;
|
|
cursor: pointer;
|
|
}
|
|
.labelextra i:hover {
|
|
color: #51768F;
|
|
}
|
|
label.compactselector {
|
|
padding: 0 0 2px 4px;
|
|
line-height: 2em;
|
|
}
|
|
label.lt {
|
|
font-weight: normal;
|
|
}
|
|
h3 {
|
|
font-size: 12pt;
|
|
font-weight:bold;
|
|
text-align:left;
|
|
}
|
|
div.multitoggle {
|
|
cursor: pointer;
|
|
margin-left: -15px;
|
|
display: inline-block;
|
|
}
|
|
span.multi_select_toggle {
|
|
width:15px;
|
|
display:inline-block;
|
|
text-align: center;
|
|
vertical-align: top;
|
|
}
|
|
a[href^="mailto:"] {
|
|
text-decoration: none;
|
|
color: ==textcolor==;
|
|
}
|
|
a {
|
|
cursor: pointer;
|
|
}
|
|
a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
a[href^="mailto:"].fldmailto {
|
|
background-color: ==backgroundcolor==;
|
|
}
|
|
|
|
form {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
th {
|
|
color: ==tableheadercolor==;
|
|
padding: 2px 3px 2px 3px;
|
|
background-color: ==tableheaderbackgroundcolor==;
|
|
}
|
|
|
|
/* tabs: sluitkruisje */
|
|
.tabclose {
|
|
color: #aaa;
|
|
cursor: pointer;
|
|
font-weight: bold;
|
|
padding-right:10px;
|
|
margin-right:-10px;
|
|
}
|
|
.tabpinned {
|
|
color: #888;
|
|
cursor: pointer;
|
|
font-weight: bold;
|
|
font-size: 1em;
|
|
line-height:10px;
|
|
padding: 0px;
|
|
}
|
|
.tabpinned img {
|
|
height: 12px;
|
|
width: 12px;
|
|
margin: 0;
|
|
border: 0;
|
|
}
|
|
.tabcloseall, .pincurrenttab {
|
|
color: #888; /*==iconcolor==*/
|
|
background-color:#ccc;
|
|
cursor: pointer;
|
|
font-size: 1.5em;
|
|
float: right;
|
|
line-height: 31px;
|
|
padding: 0px 4px 3px 1px;
|
|
}
|
|
.pincurrenttab {
|
|
padding: 1px 1px 2px 4px;
|
|
}
|
|
div#maintabs ul.ui-tabs-nav {
|
|
margin-right:62px;
|
|
}
|
|
span.removetag {
|
|
cursor: pointer;
|
|
}
|
|
.hot,
|
|
.tabpinned i:hover,
|
|
span.removetag:hover,
|
|
.tabclose:hover,
|
|
.tabcloseall:hover {
|
|
color: red;
|
|
}
|
|
.pincurrenttab:hover {
|
|
color: ==iconhovercolor==;
|
|
}
|
|
|
|
/* headerstyles */
|
|
#headerblok {
|
|
width:100%;
|
|
float: right;
|
|
background: url(==headerimage==) no-repeat;
|
|
background-position: left center;
|
|
background-color: ==headerbackgroundcolor==;
|
|
color: ==headercolor==;
|
|
}
|
|
#headersuggest {
|
|
text-align: right;
|
|
padding-right: 2px;
|
|
}
|
|
|
|
#headersuggest .fldpers,
|
|
#headersearch .fldsrch
|
|
{
|
|
border: 1px solid ==buttonbackgroundcolor==;
|
|
}
|
|
.hsspacer {
|
|
height: 21px;
|
|
}
|
|
#headersearch {
|
|
text-align: right;
|
|
padding-right: 2px;
|
|
padding-top:1px;
|
|
}
|
|
|
|
#headerdate {
|
|
font-weight: normal;
|
|
text-align: right;
|
|
border: 0;
|
|
padding-right: 4px;
|
|
}
|
|
/*TODO*/
|
|
#headerprefix, #userimperson {
|
|
font-weight: bold;
|
|
text-align: center;
|
|
color: red;
|
|
position: absolute;
|
|
font-size: 2.0em;
|
|
margin-left: 270px;
|
|
margin-top: 25px;
|
|
font-size: 2em;
|
|
background-color: white;
|
|
padding: 10px;
|
|
box-shadow: 2px 2px #333;
|
|
}
|
|
#headerfunctions {
|
|
float: right;
|
|
font-size: 0.9em;
|
|
color: ==headercolor==;
|
|
}
|
|
#headerlogout {
|
|
display: inline;
|
|
cursor: pointer;
|
|
padding-right: 4px;
|
|
padding-left: 5px;
|
|
}
|
|
#headerhelp {
|
|
display: inline;
|
|
cursor: pointer;
|
|
text-align: right;
|
|
padding-right: 5px;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
#headersuggest div.suggestklikker {
|
|
top: 1px;
|
|
}
|
|
#headersuggest i.suggestklikker:before {
|
|
color: ==frameheaderbackgroundcolor==;
|
|
content: "\f007"; /* replace arrow-down with user*/
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
.headerToggle {
|
|
position: absolute;
|
|
right: 348px;
|
|
font-size: 3.3em;
|
|
}
|
|
.headerToggle i {
|
|
color: ==buttonbackgroundcolor==;
|
|
cursor: pointer;
|
|
}
|
|
.headerToggle:hover i {
|
|
color: ==buttonhoverbackgroundcolor==;
|
|
}
|
|
|
|
#loggedinuser {
|
|
display: inline;
|
|
text-align: right;
|
|
padding-right: 30px;
|
|
}
|
|
#langtoggle {
|
|
display: inline-block; /* display:none to hide */
|
|
padding-right: 30px;
|
|
padding-top: 1px;
|
|
vertical-align: middle;
|
|
}
|
|
#langtoggle img {
|
|
cursor: pointer;
|
|
height: 12px;
|
|
border: 1px solid #ccc;
|
|
margin-right: 1px;
|
|
}
|
|
#loggedinuser span {
|
|
padding-left: 3px;
|
|
padding-right: 1px;
|
|
cursor: pointer;
|
|
}
|
|
#headerlogout:hover,
|
|
#headerhelp:hover,
|
|
#touch2mobile:hover,
|
|
#loggedinuser span:hover {
|
|
text-decoration: underline;
|
|
color:==linkhovercolor==;
|
|
}
|
|
div#loggers {
|
|
position:absolute;
|
|
top:5px;
|
|
left:5px;
|
|
z-index:99
|
|
}
|
|
button#loggingoff,button#loggingshow {
|
|
display:none;
|
|
font-size:10px;
|
|
background-color:#fdd;
|
|
}
|
|
button#loggingoff {
|
|
background-color:#f88;
|
|
}
|
|
button#loggingon {
|
|
font-size:10px;
|
|
}
|
|
#badschema {
|
|
background-color: red;
|
|
font-size: 2.0em;
|
|
z-index: 9999;
|
|
left: 200px;
|
|
position: absolute;
|
|
}
|
|
#badobjects {
|
|
background-color: red;
|
|
color: white;
|
|
font-size: 10px;
|
|
z-index: 9999;
|
|
left: 100px;
|
|
top: 0px;
|
|
position: absolute;
|
|
}
|
|
|
|
/* VOOR REGELS IN EEN OVERZICHT */
|
|
div.allactions {
|
|
position: absolute;
|
|
border: 0;
|
|
padding: 5px 3px 9px 3px;
|
|
height: 1em;
|
|
border-radius: 4px;
|
|
z-index: 10;
|
|
}
|
|
|
|
div.ias {
|
|
visibility:hidden;
|
|
padding: 0;
|
|
white-space: nowrap;
|
|
cursor: default;
|
|
height: 1em;
|
|
padding: 5px;
|
|
}
|
|
.rstable tbody tr:hover td div.ias
|
|
{
|
|
visibility:visible;
|
|
}
|
|
th.multiselect:hover input[type='checkbox'], td:hover input[type='checkbox'].multiselect {
|
|
outline: 1px solid red;
|
|
}
|
|
th.multiselect, td.multiselect {
|
|
width:3em;
|
|
text-align: center;
|
|
}
|
|
td.multiselect:hover {
|
|
cursor: pointer;
|
|
}
|
|
.rstable tbody tr.selected td {
|
|
background-color: #FFFFE0!important;
|
|
}
|
|
|
|
.ia { /*inline action span */
|
|
cursor: pointer;
|
|
color: blue;
|
|
}
|
|
|
|
span.ia2 { /*inline action v2 */
|
|
cursor: pointer;
|
|
color: ==inlineactioncolor==;
|
|
border: 1px solid ==inlineactioncolor==;
|
|
margin: 1px;
|
|
padding: 2px 4px 2px 4px;
|
|
background-color: ==inlineactionbackgroundcolor==;
|
|
border-radius: 2px;
|
|
box-shadow: 1px 2px 2px #333;
|
|
/* text-transform: uppercase; */
|
|
}
|
|
|
|
span.ia2:hover {
|
|
background-color: ==inlineactioncolor==;
|
|
color: ==inlineactionbackgroundcolor==;
|
|
}
|
|
|
|
.afwijkopstel {
|
|
font-weight: bold;
|
|
}
|
|
tr.updated td .afwijkopstel {
|
|
background-color:#888;
|
|
}
|
|
.dirty td {
|
|
filter: alpha(opacity=50);
|
|
opacity: 0.5;
|
|
}
|
|
.highlite td {
|
|
color: white;
|
|
background-color: blue;
|
|
}
|
|
|
|
.inlinedetails {
|
|
}
|
|
.inlinedetails.closed {
|
|
}
|
|
|
|
tr.self {}
|
|
span.self {}
|
|
tr.trnote {}
|
|
tr.trtrack {}
|
|
|
|
td.listid
|
|
{
|
|
color: #ccc
|
|
}
|
|
/* blockstyles */
|
|
|
|
.fcltframe {
|
|
text-align: right;
|
|
padding: 2px;
|
|
margin-bottom: 5px;
|
|
/*TODO border: none;
|
|
background-color: white;*/
|
|
}
|
|
div.fcltframe {
|
|
font-size: 12pt;
|
|
font-weight:bold;
|
|
text-align:left;
|
|
cursor: pointer; /* it can collapse */
|
|
}
|
|
|
|
.fcltframeheader, .fcltframefooter {
|
|
padding: 1px 5px 3px 8px;
|
|
height: 26px;
|
|
background-color: ==frameheaderbackgroundcolor==;
|
|
}
|
|
.fcltframeheader span {
|
|
padding-top: 2px;
|
|
}
|
|
.hambdropdown {
|
|
background-color: ==frameheaderbackgroundcolor==;
|
|
position: absolute;
|
|
z-index: 11;
|
|
right: 0px;
|
|
}
|
|
|
|
#iframerextratitle {
|
|
font-weight: normal;
|
|
font-style: italic;
|
|
color: ==frameheadercolor==;
|
|
font-size: 8pt;
|
|
padding: 2px 6px 2px 6px;
|
|
margin-left:10px;
|
|
display: none;
|
|
}
|
|
|
|
#autofilter {
|
|
padding-left: 6px;
|
|
padding-right: 6px;
|
|
border-radius: 8px;
|
|
opacity: 0.8;
|
|
filter: alpha(opacity=80); /* For IE8 and earlier */
|
|
position:relative;
|
|
margin-left: 10px;
|
|
border: 1px solid #eee;
|
|
}
|
|
.fcltblockhead #autofilter {
|
|
top: 0;
|
|
}
|
|
div.collapsed #autofilter {
|
|
display: none
|
|
}
|
|
|
|
div.fcltframeheader {
|
|
font-size: 1.2em;
|
|
color: ==frameheadercolor==;
|
|
text-align: left;
|
|
cursor: pointer; /* it can collapse */
|
|
overflow-y: hidden;
|
|
border-top-left-radius: 2px;
|
|
border-top-right-radius: 2px;
|
|
}
|
|
|
|
.fcltframeheader.collapsed span, .fcltframeheader.collapsed i {
|
|
opacity: .75;
|
|
transition: opacity 1s ease-in-out;
|
|
-moz-transition: opacity 1s ease-in-out;
|
|
-webkit-transition: opacity 1s ease-in-out;
|
|
}
|
|
|
|
div.fcltframefooter {
|
|
cursor: default;
|
|
border-bottom-left-radius: 2px;
|
|
border-bottom-right-radius: 2px;
|
|
}
|
|
.fcltframefooter #buttons {
|
|
float: inherit;
|
|
text-align: center;
|
|
}
|
|
|
|
div.widget {
|
|
border: 0px solid #f1f1f1;
|
|
margin: 2px;
|
|
border-radius: 4px;
|
|
}
|
|
.widgettitle {
|
|
border-bottom: 0px solid #f1f1f1;
|
|
background-color: white;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
line-height: 20px;
|
|
}
|
|
/* Modal windows (kalender, popups) */
|
|
.ui-dialog {
|
|
box-shadow: 2px 2px 5px rgba(0,0,0, 0.5);
|
|
}
|
|
|
|
input#menufilter {
|
|
width: 220px;
|
|
margin-bottom: 0px;
|
|
margin-top: 5px;
|
|
margin-left: 2px;
|
|
border-radius: 8px;
|
|
opacity: 0.8;
|
|
padding: 2px 6px 3px 6px;
|
|
filter: alpha(opacity=80); /* For IE8 and earlier */
|
|
border: 1px solid #aaa;
|
|
}
|
|
div.filtermenukop {
|
|
display: none;
|
|
background-color: ==tableheaderbackgroundcolor==;
|
|
color: ==tableheadercolor==;
|
|
border: 1px solid ==tableheaderbackgroundcolor==;
|
|
text-align:center;
|
|
}
|
|
|
|
/* oude jQuery ui correctie tbv tab menu */
|
|
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {background:#e6e6e6 url(../appl/localscripts/theme/images/ui-bg_flat_75_e6e6e6_40x100.png) 50% 50% repeat-x;}
|
|
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{background:#dadada url(../appl/localscripts/theme/images/ui-bg_flat_75_dadada_40x100.png);}
|
|
.ui-widget-header{border:1px solid #aaa;background:#ccc url(../appl/localscripts/theme/images/ui-bg_flat_75_cccccc_40x100.png) 50% 50% repeat-x;color:#222;font-weight:bold}
|
|
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url(../appl/localscripts/theme/images/ui-bg_flat_65_ffffff_40x100.png) 50% 50% repeat-x;font-weight:normal;color:#212121}
|
|
|
|
.ui-widget-header.ui-datepicker-header,
|
|
.ui-widget-header.ui-dialog-titlebar {
|
|
background:none;
|
|
background-color: ==frameheaderbackgroundcolor==!important;
|
|
color: ==frameheadercolor==!important;
|
|
border: none;
|
|
}
|
|
.ui-dialog .ui-dialog-buttonpane {
|
|
}
|
|
.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:2px; border-top-left-radius:2px;}
|
|
|
|
.ui-tabs-hamburger {
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px !important;
|
|
}
|
|
|
|
/* Anders lelijk in multi-dialoog */
|
|
.ui-datepicker-multi .ui-datepicker-group table td {
|
|
padding: 1px
|
|
}
|
|
.ui-datepicker-multi div.ui-datepicker-header {
|
|
height: 27px
|
|
}
|
|
|
|
.ui-datepicker-calendar th {
|
|
background: ==blockheaderbackgroundcolor== repeat-x left top;
|
|
color: ==blockheadercolor==;
|
|
font-weight: normal;
|
|
}
|
|
/* Een kader om velden in een view-editscherm */
|
|
.fcltblock {
|
|
margin:3px 0px 3px 0px;
|
|
padding:0px;
|
|
text-align:left;
|
|
border-radius: 4px;
|
|
}
|
|
body.modal .fcltblock {
|
|
background-color: ==backgroundcolor==;
|
|
border:1px solid #eee;
|
|
}
|
|
|
|
.fcltblocktab {
|
|
border: 0;
|
|
margin-top: 0px;
|
|
border-collapse: collapse;
|
|
border-spacing:0;
|
|
}
|
|
|
|
.fcltblocktab td {
|
|
padding-top: 1px;
|
|
padding-right: 4px;
|
|
}
|
|
|
|
.fcltblockhead {
|
|
background-color:==blockheaderbackgroundcolor==;
|
|
color: ==blockheadercolor==;
|
|
font-weight: bold;
|
|
font-size: 1.1em;
|
|
padding: 2px 0 0 2px;
|
|
height: 25px;
|
|
border-style: outset;
|
|
border-top: 1px solid #bbb;
|
|
border-left: 1px solid #eee;
|
|
border-right: 1px solid #eee;
|
|
}
|
|
|
|
#resDelete .fcltblockhead {
|
|
height: auto;
|
|
}
|
|
|
|
.fcltblockhead img.details {
|
|
margin-bottom: -3px;
|
|
}
|
|
|
|
body.modal .fcltblockhead{
|
|
border:0px;
|
|
}
|
|
#showbody td,
|
|
#editbody td,
|
|
#searchbody td,
|
|
.fcltblocktab td { /* is wat ik wil bij inspectieschermpje, hoort bij block_start, maar : is daar geen frame oid vergeten ?*/
|
|
line-height:1.9em;
|
|
}
|
|
|
|
td.time {
|
|
line-height:1.2em!important;
|
|
}
|
|
|
|
.fcltblock .inside {
|
|
padding: 1px 0 2px 0;
|
|
background-color: ==backgroundcolor==;
|
|
border: 1px solid #eee;
|
|
border-top: 0;
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.leftcontainer .fcltblock {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
#search .inside {
|
|
border: none;
|
|
}
|
|
|
|
i.autoreport {
|
|
padding-left: 8px;
|
|
cursor: pointer;
|
|
vertical-align: top;
|
|
margin-top: 1px;
|
|
color: ==buttonbackgroundcolor==;
|
|
}
|
|
|
|
|
|
.besflex {
|
|
padding: 1px 0 2px 0;
|
|
}
|
|
|
|
.info {
|
|
padding: 4px 4px 12px 4px;
|
|
font-size: 1.2em;
|
|
color: #111111;
|
|
}
|
|
|
|
#selfInput.fcltblock td {
|
|
padding: 2px;
|
|
}
|
|
|
|
.inside {
|
|
margin:0;
|
|
padding: 0;
|
|
}
|
|
|
|
.invoerinsp {
|
|
}
|
|
|
|
.uitstelinsp {
|
|
}
|
|
|
|
/* For internal styling within textarea's */
|
|
.fclthtml {
|
|
line-height: 1.5em;
|
|
}
|
|
.fclthtml table, .fclthtml td, .fclthtml th {
|
|
border: solid 1px #888;
|
|
}
|
|
.fclthtml th {
|
|
background-color: #999;
|
|
}
|
|
.fclthtml td {
|
|
filter: alpha(opacity=80);
|
|
opacity: 0.8;
|
|
}
|
|
|
|
/* For first use intropage*/
|
|
div.wbackground {
|
|
background-image: url(../appl/Pictures/welcomebg.jpg);
|
|
background-repeat:no-repeat;
|
|
background-position:center;
|
|
background-size: cover;
|
|
padding:10px 20px 10px 20px;
|
|
}
|
|
.transbox {
|
|
padding: 15px;
|
|
text-align: center;
|
|
border-radius:4px;
|
|
margin:4px;
|
|
box-shadow: 2px 2px 2px #888888;
|
|
margin: 30px 50px;
|
|
background-color: #ffffff;
|
|
border: 1px solid black;
|
|
opacity: 0.9;
|
|
filter: alpha(opacity=90); /* For IE8 and earlier */
|
|
}
|
|
|
|
.wwelcome {
|
|
}
|
|
.wtitle {
|
|
color: #222;
|
|
font-size: 1.8em;
|
|
}
|
|
.wintro, .wlinebye {
|
|
color: #333;
|
|
font-size: 1.4em;
|
|
padding: 2em 0 1em 0;
|
|
}
|
|
.wline1, .wline2, .wline3, .wline4, .wline5 {
|
|
color: #444;
|
|
font-size: 1.2em;
|
|
line-height: 1.8em;
|
|
text-align: left;
|
|
padding: 0 10% 0 10%;
|
|
}
|
|
|
|
|
|
/* For my personalized homepage*/
|
|
#mywelcome , #mymessages, #myactions{
|
|
background-color: #fff;
|
|
color: ==textcolor==;
|
|
height: 10%;
|
|
margin: 5px 3px 0 3px;
|
|
padding: 0;
|
|
}
|
|
#mywelcomeframe {
|
|
padding: 0;
|
|
height: auto;
|
|
}
|
|
#mywelcometitle{
|
|
background-color: ==mywelcomebackgroundcolor==;
|
|
color: ==mywelcomecolor==;
|
|
font-size: 1.8em;
|
|
line-height: 1.8em;
|
|
text-align: center;
|
|
}
|
|
#mynewscontainer {
|
|
display: inline;
|
|
}
|
|
#mynewsframe {
|
|
padding: 0px;
|
|
/*TODO height: 168px;*/
|
|
}
|
|
#myactionsinfo, #mywelcomeinfo, #mymessagesinfo {
|
|
padding: 4px;
|
|
}
|
|
#myactionscontainer {
|
|
display: inline;
|
|
}
|
|
#myactionsframe {
|
|
padding: 0;
|
|
/*TODO height: 250px;*/
|
|
}
|
|
#mywelcomeinfo {
|
|
background-color: ==tableheaderbackgroundcolor==;
|
|
color: ==tableheadercolor==;
|
|
margin-top: 1px;
|
|
font-size: 1.2em;
|
|
}
|
|
.ui-tabs-nav {
|
|
border-bottom-left-radius: 0px;
|
|
border-bottom-right-radius: 0px;
|
|
border: 0px;
|
|
}
|
|
|
|
#facforum div {background-color: #FFFF80; background-image: none; padding:1em 2.2em;}
|
|
#facforum h5 {background-color: #FFFF80; background-image: none; font-weight: normal; color:#000; font-size:100%;}
|
|
|
|
|
|
#nieuwsbody {background-color: ==backgroundcolor==; padding:0; margin:0; border: 0px solid #ccc;}
|
|
.nieuwstitel {font-weight: bold; font-size:1.6em; padding: 10px 0 4px 14px;}
|
|
.nieuwstekst { font-size: 1.1em; margin: 1px 20px 0px 14px; padding-bottom: 12px; line-height: 1.3em;}
|
|
#usermess td {line-height:1.7em;}
|
|
.usermsgdate { white-space: nowrap;}
|
|
.usermessage a {
|
|
text-decoration: none;
|
|
cursor:pointer;
|
|
}
|
|
.usermessage a:hover {
|
|
text-decoration: underline;
|
|
color: ==linkhovercolor==;
|
|
}
|
|
|
|
.newstextFreshRed td {font-weight: bold; color: red;}
|
|
.newstextFresh td {font-weight: normal; color: ==textcolor==;}
|
|
.newstext td{
|
|
color: ==textcolor==;
|
|
font-weight: 200;
|
|
}
|
|
|
|
.flikehead, .flikefoot, .flikeopts, #flike_op {
|
|
font-size: 1.1em;
|
|
padding: 2px;
|
|
}
|
|
.flikefoot {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
ul.flikeopts li {
|
|
line-height: 2em;
|
|
list-style-type: none;
|
|
}
|
|
|
|
ul.flikeopts li a,
|
|
ul.flikeopts li a img {
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.flikefoot {}
|
|
|
|
#satisfaction {
|
|
width: 24px;
|
|
height: 24px;
|
|
position: absolute;
|
|
top: 50px;
|
|
left: 100px;
|
|
}
|
|
|
|
.faclisticon {
|
|
height: 16px;
|
|
}
|
|
|
|
/*ZOEKSCHERMEN*/
|
|
|
|
#search {
|
|
border-bottom-left-radius: 4px;
|
|
border-bottom-right-radius: 4px;
|
|
min-width: 645px; /*745px;*/
|
|
max-width: 100%; /* aanzien of dit leuk is */
|
|
margin: 2px 2px 2px 1px;
|
|
padding: 0;
|
|
background-color: ==backgroundcolor==;
|
|
border: 1px solid;
|
|
border-color: #eee;
|
|
border-top: 0;
|
|
box-shadow: 0px 0px 0px #888888;
|
|
}
|
|
#search div.fcltblock {
|
|
margin:0px;
|
|
text-align:left;
|
|
}
|
|
|
|
#search div.fcltblockhead {
|
|
background-color: ==blockheaderbackgroundcolor==;
|
|
color: ==blockheadercolor==;
|
|
padding: 1px 5px 2px 5px;
|
|
margin: 2px 0px 2px 0px;
|
|
line-height: 1.8em;
|
|
}
|
|
#search div.inside {
|
|
padding: 0 5px 0 5px;
|
|
}
|
|
#filters {
|
|
padding: 0 5px 0 5px;
|
|
}
|
|
|
|
.searchkolom1, .searchkolom2, .resultkolom {
|
|
vertical-align:top;
|
|
width:50%;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.searchkolom1 {
|
|
padding-right: 15px!important;
|
|
}
|
|
|
|
/* zoekvelden die initieel en altijd zichtbaar zijn */
|
|
.primsearch {
|
|
display: table-row;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
/* zoekvelden die initieel niet en aan te zetten zijn */
|
|
.secsearch {
|
|
display: none;
|
|
padding: 2px;
|
|
margin: 0;
|
|
}
|
|
|
|
.wildcard {
|
|
background-color:#F5FAFF;
|
|
}
|
|
#rejecttable, #accepttable {
|
|
width: 100%;
|
|
}
|
|
|
|
.busyloading {
|
|
color: #444;
|
|
position:absolute;
|
|
top: 50px;
|
|
z-index:999
|
|
}
|
|
.busyoverlay {
|
|
background: #aaa;
|
|
opacity: .75;
|
|
filter: Alpha(Opacity=50); /* support: IE8 */
|
|
}
|
|
/*
|
|
* THE BUTTONS
|
|
*/
|
|
/* het blok waarin de list met buttons */
|
|
#buttons {
|
|
float:right;
|
|
text-align:right;
|
|
margin-left:5px;
|
|
margin-bottom:5px;
|
|
margin-top:0px;
|
|
}
|
|
|
|
.notebuttons {
|
|
float:left;
|
|
}
|
|
#buttons ul {
|
|
padding: 3px 0px;
|
|
margin-left: 0;
|
|
margin-bottom: 0;
|
|
margin-top: 0;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.hambdropdown ul {
|
|
padding: 0px 0px!important;
|
|
}
|
|
|
|
/* een button */
|
|
#buttons ul li,
|
|
#buttons ul li a {
|
|
list-style-type: none;
|
|
display: inline;
|
|
min-width: 100px;
|
|
}
|
|
|
|
#materiallist_button,
|
|
#buttons ul li,
|
|
#buttons ul li a,
|
|
.mv,
|
|
.uploadbutton,
|
|
#mobbutton,
|
|
input[type=button],
|
|
input[type=text].button,
|
|
input.button,
|
|
span.button {
|
|
cursor: pointer;
|
|
padding: 4px 9px 5px 9px;
|
|
color: ==buttoncolor==;
|
|
background-color:==buttonbackgroundcolor==;
|
|
text-align: center;
|
|
border-radius: 2px;
|
|
font-size: 13px;
|
|
font-weight: normal;
|
|
margin: 1px;
|
|
border: 0px;
|
|
-webkit-transition: color 0.4s; /* Safari */
|
|
transition: color 0.4s;
|
|
-webkit-transition: background-color 0.4s; /* Safari */
|
|
transition: background-color 0.4s;
|
|
}
|
|
#buttons.hambdropdown ul li {
|
|
text-align: left;
|
|
}
|
|
|
|
input.button:hover,
|
|
#mobbutton:hover,
|
|
input[type=button]:hover,
|
|
input[type=text].button:hover,
|
|
.uploadbutton:hover,
|
|
span.button:hover {
|
|
color: ==buttonhovercolor==;
|
|
background-color:==buttonhoverbackgroundcolor==;
|
|
}
|
|
|
|
/* Met icons een lichtere achtergrond */
|
|
#buttons ul li.hasIcon,
|
|
#buttons ul li.hasIcon a {
|
|
padding: 6px 8px 5px 8px;
|
|
border-left: 1px solid rgba(255,255,255,0.25);
|
|
border-radius: 2px!important;
|
|
background-color: ==iconbackgroundcolor==;
|
|
-webkit-transition: background-color 0.4s; /* Safari */
|
|
transition: background-color 0.4s;
|
|
}
|
|
|
|
.blockbuttoncontainer #buttons ul li.hasIcon i,
|
|
.blockbuttoncontainer #buttons ul li.hasIcon span {
|
|
color: ==blockheadercolor==;
|
|
-webkit-transition: background-color 0.4s; /* Safari */
|
|
transition: background-color 0.4s;
|
|
}
|
|
#showbody .blockbuttoncontainer #buttons ul li.hasIcon {
|
|
/* like #showbody .fcltblockhead; still not perfect */
|
|
background-color: ==showblockheaderbackgroundcolor==;
|
|
font-size: 0.9em;
|
|
padding-bottom: 3px;
|
|
margin-top: -3px;
|
|
}
|
|
|
|
#buttons ul li.byHamburger,
|
|
#buttons ul li.byHamburger a {
|
|
border-left: 0px;
|
|
border-top: 1px solid rgba(255,255,255,0.25);
|
|
padding: 3px 3px 3px 3px;
|
|
}
|
|
|
|
#buttons ul li.hasIcon:hover,
|
|
#buttons ul li.hasIcon a:hover,
|
|
.blockbuttoncontainer #buttons ul li.hasIcon:hover,
|
|
.blockbuttoncontainer #buttons ul li.hasIcon:hover i,
|
|
.blockbuttoncontainer #buttons ul li.hasIcon:hover span,
|
|
#showbody #buttons ul li.hasIcon:hover {
|
|
color: ==iconhovercolor==;
|
|
background-color: ==buttonhoverbackgroundcolor==;
|
|
}
|
|
|
|
#buttons ul li:hover,
|
|
.mv:hover {
|
|
background-color:==blockheaderbackgroundcolor==;
|
|
color: ==blockheadercolor==;
|
|
}
|
|
|
|
div#buttons.vertical ul li:hover {
|
|
background-color: ==buttonhoverbackgroundcolor==;
|
|
}
|
|
|
|
#buttons ul li.selected {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
#buttons ul li.vertical {
|
|
display: block;
|
|
}
|
|
#buttons.vertical {
|
|
/* float: none; */
|
|
}
|
|
#buttons.vertical ul li i {
|
|
color: ==frameheadercolor==;
|
|
background-color: ==frameheaderbackgroundcolor==;
|
|
}
|
|
#buttons.vertical ul li:hover {
|
|
color: ==blockheaderbackgroundcolor==;
|
|
background-color: transparent;
|
|
}
|
|
|
|
div#buttons.dialog {
|
|
background-color: transparent;
|
|
float: left;
|
|
margin: 4px;
|
|
text-align: left;
|
|
}
|
|
|
|
div#buttons.dialog a {
|
|
margin-right: 20px;
|
|
float: left;
|
|
}
|
|
div#buttons.dialog img {
|
|
margin-right: 20px;
|
|
}
|
|
div.buttoncontainer {
|
|
margin-right:-5px;
|
|
}
|
|
|
|
.dialogtext {
|
|
display: inline;
|
|
font-weight: normal;
|
|
cursor: auto;
|
|
}
|
|
|
|
#buttons ul li.dialog,
|
|
#buttons ul li.dialog a {
|
|
background-color: transparent;
|
|
color: ==textcolor==;
|
|
text-align: left;
|
|
width: 100%;
|
|
padding: 3px 10px 2px 11px;
|
|
}
|
|
|
|
#buttons ul li.dialog div:hover, #buttons ul li.dialog:hover {
|
|
text-decoration: underline;
|
|
cursor: pointer;
|
|
}
|
|
/* de submitbutton wil je onzichtbaar hebben, maar niet hidden!*/
|
|
#buttons ul li.hiddenbutton,
|
|
#buttons ul li.hiddenbutton input[type=submit] {
|
|
background-color: transparent;
|
|
filter: alpha(opacity=0);
|
|
opacity: 0;
|
|
border: 0;
|
|
cursor: default;
|
|
padding:0;
|
|
margin:0;
|
|
}
|
|
|
|
/* een buttonhover */
|
|
#buttons ul li a:hover {
|
|
color: ==buttonhovercolor==;
|
|
background-color: ==buttonhoverbackgroundcolor==;
|
|
text-decoration: none;
|
|
}
|
|
#buttons ul li:hover {
|
|
color: ==buttonhovercolor==;
|
|
background-color: ==buttonhoverbackgroundcolor==;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.btn_disabled
|
|
{
|
|
filter: alpha(opacity=60);
|
|
opacity: 0.6;
|
|
color: #808080!important;
|
|
}
|
|
|
|
.mbutton
|
|
{
|
|
width: 20px;
|
|
height: 20px;
|
|
background-image: url(../appl/Pictures/folder.png); /*TODO*/
|
|
background-repeat: no-repeat;
|
|
border: 0;
|
|
background-color: transparent!important;
|
|
}
|
|
/* een inline button */
|
|
.ilbutton {
|
|
cursor: pointer;
|
|
color: ==buttonbackgroundcolor==; /*TODO*/
|
|
}
|
|
.ilbutton:hover {
|
|
color: ==buttonhovercolor==;
|
|
}
|
|
|
|
li.dialog span.default,
|
|
#buttons .default
|
|
{
|
|
font-size: 20px;
|
|
}
|
|
|
|
img.photo {
|
|
border: 0;
|
|
cursor: pointer;
|
|
margin: 0;
|
|
padding: 0;
|
|
height: 100px;
|
|
width: 100px;
|
|
}
|
|
|
|
img.kenmerk {
|
|
border: 1px solid #ccc;
|
|
max-height: 100px;
|
|
max-width: 100px;
|
|
display:block;
|
|
}
|
|
|
|
td.profile {
|
|
}
|
|
img.profile {
|
|
border: 1px solid #fff;
|
|
max-height: 200px;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
#mrkFotoList img.photo {
|
|
height: auto;
|
|
width: 220px;
|
|
}
|
|
|
|
img.details, span.details, tr.details, i.details, div.ref {
|
|
border: 0;
|
|
cursor: pointer;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.fa { /* is dat te dapper? */
|
|
cursor: pointer;
|
|
}
|
|
|
|
.showflag .fa {
|
|
cursor: auto;
|
|
}
|
|
|
|
img.lendobj {
|
|
padding: 0px;
|
|
margin: 0px;
|
|
margin-left: 5px;
|
|
cursor: auto;
|
|
height: 12px;
|
|
}
|
|
|
|
/* moreinfo als link ipv icon */
|
|
input.details,
|
|
span.details,
|
|
a.details,
|
|
label.cadselect,
|
|
.facmgtmultilang {
|
|
cursor: pointer;
|
|
color: ==linkcolor==;
|
|
}
|
|
|
|
#mldBehandel a.details, #mldClose a.details {
|
|
color: ==blockheadercolor==;
|
|
}
|
|
|
|
input.details:hover,
|
|
span.details:hover,
|
|
label.cadselect:hover,
|
|
.fcltblockhead .details:hover,
|
|
.facmgtmultilang:hover
|
|
{
|
|
text-decoration: underline;
|
|
color: ==linkhovercolor==;
|
|
}
|
|
|
|
label.cadselect i.fa {
|
|
font-size: 1.3em;
|
|
}
|
|
.mover {
|
|
width: 30px;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
font-weight: normal;
|
|
font-size: 2em;
|
|
}
|
|
.uploadbutton {
|
|
border: 1px solid #ccc;
|
|
display: inline-block;
|
|
padding: 6px 12px;
|
|
cursor: pointer;
|
|
}
|
|
input[type=file] {
|
|
display: none;
|
|
}
|
|
.fileopen {
|
|
width: 16px;
|
|
height: 16px;
|
|
background-image: url(../appl/Pictures/fileopen.png); /*TODO*/
|
|
background-repeat: no-repeat;
|
|
background-color: transparent !important;
|
|
}
|
|
.bijlage, .bijlage1, .materiaal {
|
|
background-repeat: no-repeat;
|
|
background-position: 6px;
|
|
text-align: left;
|
|
}
|
|
|
|
.bijlage:focus, .bijlage1:focus, .fldflexF:focus, button:focus, input.button:focus {
|
|
border: 0px!important;
|
|
}
|
|
|
|
i.bijlage, i.bijlage1, i.endicon {
|
|
font-size: 1.2em;
|
|
position: relative;
|
|
/* color: #7B7B7B; */
|
|
z-index: 1;
|
|
top: 1px;
|
|
left: -19px;
|
|
width: 0;
|
|
}
|
|
|
|
.uitvoerenden {
|
|
padding: 4px 0 4px 25px;
|
|
width: 140px;
|
|
text-align: left;
|
|
}
|
|
|
|
#r_objs_button {
|
|
background-repeat: no-repeat;
|
|
background-position: 6px;
|
|
}
|
|
|
|
#r_objs_button:disabled
|
|
{
|
|
filter: alpha(opacity=50);
|
|
opacity: 0.5;
|
|
background-image: none;
|
|
font-style: italic;
|
|
}
|
|
|
|
#r_objs_button:disabled:hover
|
|
{
|
|
background-color: ==buttonbackgroundcolor==;
|
|
}
|
|
|
|
.fldr_objs, .fldr_objs:focus{
|
|
background: none;
|
|
border: 0px;
|
|
}
|
|
.frametab {
|
|
width: 100%;
|
|
padding: 0px!important;
|
|
}
|
|
|
|
div#result {
|
|
width: 100%;
|
|
}
|
|
|
|
div#edit {
|
|
/* background-color: #D3EAFF; */
|
|
/* padding: 30px 10px 0 2px; */
|
|
}
|
|
|
|
div.mldhandlinghead {
|
|
margin-top: 10px;
|
|
border-bottom: 1px solid #ddd;
|
|
filter: alpha(opacity=70);
|
|
opacity: 0.7;
|
|
}
|
|
.mldhandlingdiv, .mldhandlingdiv td {
|
|
line-height: 1.6em !important;
|
|
}
|
|
.mldhandlingdiv .system:before {
|
|
content: url(../appl/Pictures/info.png); /*TODO?*/
|
|
}
|
|
.mldhandlingdiv .system {
|
|
filter: alpha(opacity=60);
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.mldhandlingul li textarea#note {
|
|
vertical-align: top;
|
|
}
|
|
.mldhtime, .mldnoteedit {
|
|
color: #808080;
|
|
font-size: 0.8em;
|
|
text-align: left;
|
|
padding-top: 4px !important;
|
|
}
|
|
.mldnoteedit {
|
|
filter: alpha(opacity=100);
|
|
opacity: 1;
|
|
vertical-align: middle;
|
|
}
|
|
.mldhandlingdiv .noter {
|
|
font-size: 1.3em;
|
|
color: #333;
|
|
}
|
|
|
|
.mldgotop {
|
|
float: right;
|
|
}
|
|
.mldhandlingfield {
|
|
font-weight: 600;
|
|
}
|
|
|
|
.mldhandlingnote {
|
|
font-style: italic;
|
|
}
|
|
#mldHistorie table {
|
|
border-collapse: separate;
|
|
border-spacing: 1px;
|
|
}
|
|
|
|
.inlinedetails i {
|
|
color: ==textcolor==;
|
|
vertical-align: middle;
|
|
font-size: 1.4em;
|
|
}
|
|
|
|
.mldflag0,.mldflag1,.mldflag2,
|
|
.mldflag3,.mldflag4,.mldflag5,
|
|
.mldflag6,.mldflag7,.mldflag8,
|
|
.mldflag9,
|
|
.resflag0,.resflag1,.resflag2,
|
|
.resflag3,.resflag4,.resflag5,
|
|
.resflag6,.resflag7,.resflag8,
|
|
.resflag9 {
|
|
font-size: 1.3em;
|
|
vertical-align: middle;
|
|
}
|
|
.mldflag0, .resflag0 { color: #eee;}
|
|
.mldflag1, .resflag1 { color: #4d4d4d; }
|
|
.mldflag2, .resflag2 { color: #f15854; }
|
|
.mldflag3, .resflag3 { color: #decf3f; }
|
|
.mldflag4, .resflag4 { color: #5da5da; }
|
|
.mldflag5, .resflag5 { color: #60bd68; }
|
|
.mldflag6, .resflag6 { color: #111; }
|
|
.mldflag7, .resflag7 { color: #faa43a; }
|
|
.mldflag8, .resflag8 { color: #b276b2; }
|
|
.mldflag9, .resflag9 { color: #b2912f; }
|
|
|
|
.mlds, .ress { /* small flags for search use*/
|
|
font-size: 1em;
|
|
vertical-align: inherit;
|
|
}
|
|
.respl { /* small flags for planboard use*/
|
|
font-size: 1em;
|
|
vertical-align: top;
|
|
margin-top: 3px;
|
|
}
|
|
span.notetoggler {
|
|
color: #888;
|
|
cursor: pointer;
|
|
}
|
|
div.notetoggler {
|
|
max-height:100px;
|
|
overflow:hidden;
|
|
overflow-y:hidden;
|
|
overflow-x:hidden;
|
|
}
|
|
div.notetoggler.open {
|
|
max-height:none;
|
|
}
|
|
|
|
.note_fe_hidden {
|
|
font-style: italic;
|
|
}
|
|
|
|
.note_fe_visible {
|
|
}
|
|
|
|
/* headerstyles, usually to be overruled */
|
|
#header
|
|
{
|
|
height: 125px;
|
|
background-position: 0 0;
|
|
}
|
|
|
|
|
|
/*
|
|
* OVERZICHTEN. Alle lijsten hebben class rstable
|
|
*/
|
|
#rstable,
|
|
#usermess {
|
|
border-spacing: 0;
|
|
/*TODO border-bottom: 1px solid #ccc;*/
|
|
}
|
|
|
|
.rstable
|
|
{
|
|
clear: both;
|
|
background-color:#f1f1f1;
|
|
border-style: solid;
|
|
border-color: #ccc;
|
|
border-width: 0px 1px 1px 1px;
|
|
width: 100%;
|
|
padding: 3px 3px 3px 3px;
|
|
/* border-collapse: collapse; */
|
|
margin: 0px;
|
|
}
|
|
.rstable tr
|
|
{
|
|
color: ==textcolor==;
|
|
vertical-align: top;
|
|
padding-bottom: 2px;
|
|
padding-top: 2px;
|
|
padding-left: 4px;
|
|
padding-right: 2px;
|
|
}
|
|
.rstable td
|
|
{
|
|
border-bottom: 1px solid #eee;
|
|
padding: 4px 3px 7px 3px;
|
|
}
|
|
.rstable thead th, .rstable tfoot td
|
|
{
|
|
color: ==tableheadercolor==;
|
|
background-color: ==tableheaderbackgroundcolor==;
|
|
font-weight: normal;
|
|
border-right: 1px ridge #ccc;
|
|
white-space: nowrap;
|
|
}
|
|
.rstable tfoot .rsfooter
|
|
{
|
|
padding: 3px 3px 2px 3px;
|
|
color: ==frameheadercolor==;
|
|
background-color: ==frameheaderbackgroundcolor== !important;
|
|
}
|
|
.rstable input[type=text]
|
|
{
|
|
background-color: #FFF4C3;
|
|
}
|
|
.rstable tr.selectable
|
|
{ /* bijvoorbeeld badgenr */
|
|
cursor: pointer;
|
|
}
|
|
.rstable tr:nth-child(even)
|
|
{
|
|
background-color: #FFFFFF;
|
|
}
|
|
.rstable tr:nth-child(odd)
|
|
{
|
|
background-color: #FAFAFA;
|
|
}
|
|
.rstable tr:hover
|
|
{
|
|
background-color: ==menuitemhovercolor==;
|
|
}
|
|
.rstable.sortable thead
|
|
{
|
|
cursor:pointer;
|
|
}
|
|
.rstable.sortable tfoot td img
|
|
{
|
|
/* margin-left:10px;*/
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
/* Voor fin facturen */
|
|
.withinmargin td {
|
|
background: -webkit-linear-gradient(top, rgba(198, 239, 206, 1), rgba(198, 239, 206, 0.8) 150%); /* For Safari 5.1 to 6.0 */
|
|
background: -moz-linear-gradient(top, rgba(198, 239, 206, 1), rgba(198, 239, 206, 0.8) 150%); /* For Firefox 3.6 to 15 */
|
|
background: linear-gradient(to top, rgba(198, 239, 206, 1), rgba(198, 239, 206, 0.8) 150%); /* Standard syntax */
|
|
background-color: #C6EFCE\9;
|
|
color: #006100;
|
|
}
|
|
.outsidemargin td {
|
|
background: -webkit-linear-gradient(top, rgba(255, 199, 207, 1), rgba(255, 199, 207, 0.8) 150%); /* For Safari 5.1 to 6.0 */
|
|
background: -moz-linear-gradient(top, rgba(255, 199, 207, 1), rgba(255, 199, 207, 0.8) 150%); /* For Firefox 3.6 to 15 */
|
|
background: linear-gradient(to top,rgba(255, 199, 207, 1), rgba(255, 199, 207, 0.8) 150%); /* Standard syntax */
|
|
background-color: #FFC7CE\9; /* IE 8 and below */
|
|
color: #9C0006;
|
|
}
|
|
tr.rejected td {
|
|
color: red;
|
|
text-decoration: line-through;
|
|
}
|
|
|
|
.tab_mld_materials tr.matline { background-color: ==backgroundcolor==; border-bottom: #ccc; }
|
|
.tab_mld_uitvoerenden { width: 100%; }
|
|
.tab_mld_uitvoerenden tr.uitvline { background-color: ==backgroundcolor==; border-bottom: #ccc; }
|
|
|
|
.nowrap { white-space: nowrap;}
|
|
|
|
/* all resulttables can be overruled by their id, like #algtable {} here */
|
|
#resvtabletiny, #resctabletiny {
|
|
width: 55%;
|
|
}
|
|
#beztabletiny { width: 100%; }
|
|
#cntscopetable {width: 100%; }
|
|
|
|
#faqtable td { padding: 5px 10px 20px 10px;}
|
|
.faqq {
|
|
font-size: 1.1em;
|
|
font-weight: bold;
|
|
}
|
|
.faqa {font-size: 1.1em; font-style: normal;}
|
|
#faqfooter {
|
|
line-height: 25px;
|
|
padding: 4px;
|
|
font-size: 1.1em;
|
|
font-weight: bold;
|
|
}
|
|
#mod_faq {
|
|
color: ==textcolor==;
|
|
width:700px;
|
|
padding-left: 10px;
|
|
}
|
|
#faqhead {
|
|
font-weight: bold;
|
|
margin: 6px 0 4px 0;
|
|
font-size: 1.2em;
|
|
color:#900;
|
|
}
|
|
#faqsubhead {font-weight: normal; font-size: 1.2em; padding-bottom:4px;}
|
|
#faqfoot {font-weight: bold;}
|
|
#faqsolved {font-weight: normal; padding:2px 0 0 4px; color:#111; font-size:1.2em;}
|
|
.faqantwoord {display:none; float:none; padding:4px 0 4px 8px; font-size:1.1em;}
|
|
.faqvraag {font-style: normal; font-size:1.1em;}
|
|
#faqanswerlist li {margin-bottom: 10px; }
|
|
|
|
|
|
#urg_kritiek1 {color: red;}
|
|
/* flexkenmerken voor alle modules */
|
|
#flextable {
|
|
width: 100%;
|
|
}
|
|
|
|
#besfavtable {
|
|
width: 100%;
|
|
}
|
|
#besfavtable tr td {
|
|
cursor: pointer;
|
|
}
|
|
#besfavtable tr.selected td {
|
|
background-color: #f4d767;
|
|
}
|
|
#besfavtable .disabled {
|
|
color: #A0A0A0;
|
|
}
|
|
|
|
.besischange td, .besischange input {
|
|
background-color: #E6FFBB;
|
|
}
|
|
|
|
.beshaschange td, .beshaschange input {
|
|
color: #606060;
|
|
background-color: #FFEEBB;
|
|
}
|
|
|
|
#prodtable td {
|
|
vertical-align: middle;
|
|
padding: 4px;
|
|
border-bottom: 0;
|
|
}
|
|
#prodtable img {
|
|
height: 100px;
|
|
margin: 0px;
|
|
border-radius:4px;
|
|
}
|
|
|
|
span.rater img {
|
|
height: 16px!important;
|
|
}
|
|
.prodsrchmess {
|
|
margin: 20px;
|
|
font-size: 1.2em;
|
|
}
|
|
.prodicon {
|
|
font-size: 3em;
|
|
color: ==buttonhoverbackgroundcolor==;
|
|
}
|
|
.pscapt {
|
|
font-size: 1.3em;
|
|
font-weight: normal;
|
|
}
|
|
.pscapt:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
tr.expired2 {
|
|
color: #990000 !important;
|
|
}
|
|
input.expired2,
|
|
span.expired2 {
|
|
color: #CC0000 !important;
|
|
font-weight: normal;
|
|
}
|
|
.opdrgtmld {
|
|
color: #C05600 !important;
|
|
font-weight: bold;
|
|
}
|
|
/* for colored rows and others*/ /* PF: ns even aanzien hoe de MS-kleuren uitpakken */
|
|
.cntrappel td, .expired1 td {
|
|
background: -webkit-linear-gradient(top, rgba(255, 254, 156, 1), rgba(255, 254, 156, 0.8) 150%); /* For Safari 5.1 to 6.0 */
|
|
background: -moz-linear-gradient(top, rgba(255, 254, 156, 1), rgba(255, 254, 156, 0.8) 150%); /* For Firefox 3.6 to 15 */
|
|
background: linear-gradient(to top, rgba(255, 254, 156, 1), rgba(255, 254, 156, 0.8) 150%); /* Standard syntax */
|
|
background-color: #FFEB9C\9; /* IE 8 and below */
|
|
color: #9C6500;
|
|
}
|
|
.cntopzeg td, .expired2 td {
|
|
background: linear-gradient(to top, rgba(255, 199, 207, 1), rgba(255, 199, 207, 0.8) 150%); /*#FFC7CE*/
|
|
background-color: #FFC7CE\9; /* IE 8 and below */
|
|
color: #9C0006;
|
|
}
|
|
.expired3 td {
|
|
background-color: #F1DCF6;
|
|
}
|
|
.pending td {
|
|
font-weight: 700;
|
|
color: #333;
|
|
}
|
|
.unsolved td {
|
|
background-color: #E4E8F8;
|
|
font-weight: bold;
|
|
}
|
|
.unready td {
|
|
color: #030407;
|
|
font-weight: bold;
|
|
}
|
|
.sleepy td {
|
|
color: #101010;
|
|
background-color: #E0E0E0;
|
|
}
|
|
.orderready td {
|
|
color: #101010;
|
|
background-color: #FFCC88;
|
|
}
|
|
.past td {
|
|
filter: alpha(opacity=70);
|
|
opacity: 0.7;
|
|
}
|
|
.today td {
|
|
}
|
|
.future td {
|
|
filter: alpha(opacity=90);
|
|
opacity: 0.9;
|
|
}
|
|
.isready td {
|
|
}
|
|
|
|
.notperfect td {
|
|
background-color: #E4E8F8;
|
|
}
|
|
tr.resR td {
|
|
background-color: #e8e8e8;
|
|
}
|
|
tr.resC td {
|
|
background-color: #fefefe;
|
|
}
|
|
tr.resV td {
|
|
background-color: #fcfcfc;
|
|
}
|
|
|
|
tr.editing td,
|
|
tr.updated td {
|
|
background-color: #FDFF9F;
|
|
color: ==textcolor==;
|
|
filter: alpha(opacity=100);
|
|
opacity: 1.0;
|
|
}
|
|
tr.updated10 td {
|
|
background-color: #FFFFE1;
|
|
color: ==textcolor==;
|
|
filter: alpha(opacity=100);
|
|
opacity: 1.0;
|
|
}
|
|
tr.updated100 td {
|
|
font-weight: 500;
|
|
color: ==textcolor==;
|
|
filter: alpha(opacity=100);
|
|
opacity: 1.0;
|
|
}
|
|
|
|
tr.updated.dirty td {
|
|
color: #808080
|
|
}
|
|
tr.vervolg {
|
|
border-left: 2px solid #666;
|
|
}
|
|
tr.wfstep {
|
|
}
|
|
.child td, .child input {
|
|
color: #606060;
|
|
background-color: #FEFFBB;
|
|
}
|
|
|
|
.cntfuture td {
|
|
background-color: #E0E0E0;
|
|
}
|
|
.cntactive {
|
|
}
|
|
.cntrappel {
|
|
}
|
|
.cntopzeg td {
|
|
}
|
|
.cntpast td {
|
|
color: #666;
|
|
}
|
|
.cntinactive td {
|
|
background-color: #76b0f7;
|
|
}
|
|
|
|
#multires {
|
|
color: ==frameheadercolor==;
|
|
font-size: 1.2em;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#resselector {
|
|
background-color: ==frameheaderbackgroundcolor==;
|
|
margin: 2px 2px 5px 2px;
|
|
padding: 2px 5px 4px 5px;
|
|
height: 24px;
|
|
}
|
|
.resreado {
|
|
color: #E40000;
|
|
font-weight: bold;
|
|
}
|
|
#resafhbez {
|
|
background-color:#ccc;
|
|
color: ==textcolor==;
|
|
}
|
|
.facsetreado {
|
|
color: #E40000;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.facmenuheaditem {
|
|
font-weight: bold;
|
|
}
|
|
#rsMaxHistoryB, #rsMaxHistoryE, .resplanbordlimited {
|
|
clear: both;
|
|
color: blue;
|
|
background-color: white;
|
|
font-weight: bold;
|
|
padding: 1px 8px 1px 1px;
|
|
margin: 0;
|
|
line-height: 15px;
|
|
font-size: 1em;
|
|
}
|
|
|
|
#rsMaxHistoryB A, #rsMaxHistoryE A, .resplanbordlimited A {
|
|
color: red;
|
|
text-decoration: none;
|
|
}
|
|
|
|
div.res_remark {
|
|
background-color: #fff;
|
|
border-color: #ddd;
|
|
|
|
}
|
|
|
|
|
|
#rsEndText {
|
|
color: white;
|
|
background-color: #C00;
|
|
font-weight: bold;
|
|
padding: 1px 8px 2px 8px;
|
|
margin: 0;
|
|
}
|
|
|
|
#resSummary {
|
|
background-color: yellow;
|
|
padding: 2px;
|
|
}
|
|
|
|
#statusline {
|
|
background-color: yellow;
|
|
color: red;
|
|
width: 100%;
|
|
text-align: center;
|
|
padding: 2px 4px 2px 4px;
|
|
margin: 0;
|
|
}
|
|
|
|
#multilabel{
|
|
padding-right: 4px;
|
|
color: ==frameheadercolor==;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#multiaction{
|
|
}
|
|
|
|
#phonebookteaser {
|
|
font-size: 0.7em;
|
|
padding-left: 78px;
|
|
display: inline;
|
|
}
|
|
#phonebookteaser a {
|
|
color: white;
|
|
}
|
|
#ph_gotoFgraph { text-decoration: underline; cursor: pointer; background-color: transparent; }
|
|
|
|
/* pas op: option's css kent alleen background-color by IE */
|
|
|
|
/* field colors for required fields */
|
|
* html .required,
|
|
.required,
|
|
.required:focus,
|
|
input.required,
|
|
input[type=text].required,
|
|
input[type=password].required,
|
|
select.required, option.required,
|
|
textarea.required
|
|
{
|
|
background-color: antiquewhite;
|
|
border-left: 2px solid ==requiredbordercolor==;
|
|
}
|
|
/* but maintain the button properties even if required */
|
|
input[type=button].required, input[type=text].button.required
|
|
{
|
|
background-color:==buttonbackgroundcolor==;
|
|
border-left: 3px solid ==requiredbordercolor==;
|
|
}
|
|
|
|
input[type=button].required:hover,
|
|
input[type=text].button.required:hover
|
|
{
|
|
color: ==buttonhovercolor==;
|
|
background-color:==buttonhoverbackgroundcolor==;
|
|
}
|
|
|
|
* html .missing,
|
|
missing,
|
|
input[type=text].required.missing,
|
|
input[type=button].required.missing,
|
|
input[type=password].required.missing,
|
|
select.required.missing, option.required.missing,
|
|
textarea.required.missing,
|
|
.required.missing {
|
|
background-color: #ff5050;
|
|
color: #fff;
|
|
}
|
|
|
|
input.number.bad,
|
|
input.float.bad,
|
|
input.currency.bad,
|
|
input.flddate.bad,
|
|
input.fldtime.bad,
|
|
input.fldflexC.bad,
|
|
input.fldflexC50.bad {
|
|
background-color: #ffb0b0;
|
|
}
|
|
input[type=text].nomatch {
|
|
background-color: #FEB0B0;
|
|
}
|
|
|
|
input[type=text].mldres {
|
|
background-color: #EFBF2F;
|
|
}
|
|
|
|
/* datepicker calendar PF: ik twijfel */
|
|
.ui-datepicker td.calselected, .ui-datepicker td.calselected a
|
|
{
|
|
background-color: #E37B00 !important;
|
|
}
|
|
.ui-datepicker-today {
|
|
background-color: #C6EFCE;
|
|
}
|
|
.ui-datepicker-today a {
|
|
color: #FFFFFF;
|
|
font-weight: bold !important;
|
|
}
|
|
|
|
.ui-datepicker-week-end a {
|
|
color: #FFFFFF;
|
|
font-weight: bold;
|
|
filter: alpha(opacity=35) !important;
|
|
opacity: .35 !important;
|
|
}
|
|
/* zorg dat het kalendertje even hoog verschijnt als het invulveld*/
|
|
.hasDatepicker {
|
|
float:left;
|
|
}
|
|
.ui-datepicker-trigger {
|
|
float:left;
|
|
margin: 2px 10px 0 2px;
|
|
}
|
|
|
|
/* handig om dynamisch toe te voegen? */
|
|
.hidden {
|
|
display: none!important;
|
|
}
|
|
.visible {
|
|
display: block;
|
|
}
|
|
|
|
/* label class = de td of div of zo */
|
|
/* tot 53em zijn we single-column */
|
|
@media all and (min-width: 23em){
|
|
.label {
|
|
min-width: 124px; /* bij 124px past Contactpersoon:+morinfo */
|
|
width: 124px;
|
|
}
|
|
}
|
|
@media all and (min-width: 20em) {
|
|
.label {
|
|
min-width: 170px;
|
|
width: 170px;
|
|
}
|
|
}
|
|
@media all and (min-width: 72em) {
|
|
.label {
|
|
min-width: 200px;
|
|
width: 200px;
|
|
}
|
|
}
|
|
@media all and (min-width: 90em) {
|
|
.label {
|
|
min-width: 250px;
|
|
width: 250px;
|
|
}
|
|
}
|
|
.label {
|
|
text-align: left;
|
|
vertical-align: text-top;
|
|
padding: 2px 0 0 4px;
|
|
margin: 0;
|
|
color: ==textcolor==;
|
|
}
|
|
.orglcl {
|
|
font-style: italic;
|
|
color: ==textcolor==;
|
|
font-size: 0.8em;
|
|
}
|
|
td.label.flexsearch {
|
|
width: 250px;
|
|
}
|
|
.opdrfooter {
|
|
font-style: italic;
|
|
}
|
|
|
|
#goegel, img.blockrefresh {
|
|
margin: 2px 12px 0 12px;
|
|
color: #fff;
|
|
float: right;
|
|
}
|
|
|
|
div#statusboxes {
|
|
text-align:center;
|
|
line-height:3em;
|
|
float:right;
|
|
}
|
|
|
|
.bezflex {
|
|
background-color:#eee;
|
|
margin:4px;
|
|
}
|
|
|
|
.bezBezoek {
|
|
border: 2px;
|
|
border-color: red blue;
|
|
}
|
|
|
|
.bezPoolBinnen td {
|
|
color: #006100;
|
|
background-color: #C6EFCE;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.bezPoolLoketself td {
|
|
font-weight:bold;
|
|
}
|
|
.bezPoolLoketother td {
|
|
color: #888;
|
|
}
|
|
|
|
/* all other pages */
|
|
|
|
|
|
/* functional field groups (blocks) in edit screens
|
|
* these are mostly just one of two kinds: left or right
|
|
*/
|
|
/* In div.leftcontainer */
|
|
#resPlaats,
|
|
#resUser,
|
|
#mldCaller,
|
|
#mldMelding,
|
|
#mldBes,
|
|
#mldAlg
|
|
{
|
|
width: 100%;
|
|
}
|
|
|
|
/* Mobile first: single column layout at small screens */
|
|
@media all and (min-width: 20em) {
|
|
div.leftcontainer,
|
|
#algFlex,
|
|
#algInfo,
|
|
#algLoc1,
|
|
#bedrNaw,
|
|
#bedrSrt,
|
|
#bedrTechn,
|
|
#besArtikel,
|
|
#besHeader,
|
|
#besItemSel,
|
|
#bezAfspraak,
|
|
#cntInfo,
|
|
#cntFlex,
|
|
#facAlg,
|
|
#facCnt,
|
|
#facInfo,
|
|
#finInfo,
|
|
#finInvPartInfo,
|
|
#insFlex,
|
|
#insIns,
|
|
#jobJob,
|
|
#kpnMan,
|
|
#menuStd,
|
|
#mldHand,
|
|
#mldFaqedit,
|
|
#mldOpdrD,
|
|
#mldStdMld,
|
|
#msgBasis,
|
|
#msgPrs,
|
|
#opdrInfo,
|
|
#opdrOpdracht,
|
|
#prjInfo,
|
|
#prsAfd,
|
|
#prsNaw,
|
|
#prsNoti,
|
|
#prsPerslid,
|
|
#prsUsrFlex,
|
|
#prsFlex,
|
|
#mrkInfo,
|
|
#sleInfo,
|
|
#algLoc2,
|
|
#bedrContact,
|
|
#bedrRelatie,
|
|
#besArtikelBestel,
|
|
#besFlex,
|
|
#besCorrectie,
|
|
#besInfo,
|
|
#bezAdmin,
|
|
#cntBedrijf,
|
|
#cntData,
|
|
#cntFindata,
|
|
#facBez,
|
|
#finRefInfo,
|
|
#finFlex,
|
|
#insGeo,
|
|
#menuCust,
|
|
#mldFlex,
|
|
#mldInfo,
|
|
#mldFaq,
|
|
#mldIns,
|
|
#mldObjD,
|
|
#mldOverig,
|
|
#mldRef,
|
|
#mldRunTime,
|
|
#mrkFoto,
|
|
#msgAlg,
|
|
#opdrFlex,
|
|
#opdrKosten,
|
|
#opdrMelding,
|
|
#prsAFlex,
|
|
#prsAut,
|
|
#prsFin,
|
|
#prsIns,
|
|
#prsPerslid2,
|
|
#prsSubst,
|
|
#resFlex,
|
|
#resInfo,
|
|
#prjKosten,
|
|
#prjVerdiepingen,
|
|
#jobMld,
|
|
#mrkOmschrijving,
|
|
#scfInfo,
|
|
#scfInfo_F,
|
|
#sleRuimte,
|
|
#insBind,
|
|
#insSymbol,
|
|
#insImage,
|
|
#insRunTime
|
|
{
|
|
clear: left;
|
|
float: left;
|
|
width: 99.3%;
|
|
}
|
|
}
|
|
|
|
/* two columns at wider screens */
|
|
@media all and (min-width: 53em) {
|
|
div.leftcontainer,
|
|
#algFlex,
|
|
#algInfo,
|
|
#algLoc1,
|
|
#bedrNaw,
|
|
#bedrSrt,
|
|
#bedrTechn,
|
|
#besArtikel,
|
|
#besHeader,
|
|
#besItemSel,
|
|
#bezAfspraak,
|
|
#cntInfo,
|
|
#cntFlex,
|
|
#facAlg,
|
|
#facCnt,
|
|
#facInfo,
|
|
#finInfo,
|
|
#finInvPartInfo,
|
|
#insFlex,
|
|
#insIns,
|
|
#jobJob,
|
|
#kpnMan,
|
|
#menuStd,
|
|
#mldHand,
|
|
#mldFaqedit,
|
|
#mldOpdrD,
|
|
#mldStdMld,
|
|
#msgBasis,
|
|
#msgPrs,
|
|
#opdrInfo,
|
|
#opdrOpdracht,
|
|
#prjInfo,
|
|
#prsAfd,
|
|
#prsNaw,
|
|
#prsNoti,
|
|
#prsPerslid,
|
|
#prsUsrFlex,
|
|
#prsFlex,
|
|
#mrkInfo,
|
|
#scfInfo,
|
|
#sleInfo
|
|
{
|
|
clear: left;
|
|
float:left;
|
|
width: 49%;
|
|
}
|
|
#algLoc2,
|
|
#bedrContact,
|
|
#bedrRelatie,
|
|
#besArtikelBestel,
|
|
#besFlex,
|
|
#besCorrectie,
|
|
#besInfo,
|
|
#bezAdmin,
|
|
#cntBedrijf,
|
|
#cntData,
|
|
#cntFindata,
|
|
#facBez,
|
|
#finRefInfo,
|
|
#finFlex,
|
|
#insGeo,
|
|
#kpnGrp,
|
|
#menuCust,
|
|
#mldFlex,
|
|
#mldInfo,
|
|
#mldFaq,
|
|
#mldIns,
|
|
#mldObjD,
|
|
#mldOverig,
|
|
#mldRef,
|
|
#mldRunTime,
|
|
#mrkFoto,
|
|
#msgAlg,
|
|
#opdrFlex,
|
|
#opdrKosten,
|
|
#opdrMelding,
|
|
#prsAFlex,
|
|
#prsAut,
|
|
#prsFin,
|
|
#prsIns,
|
|
#prsPerslid2,
|
|
#prsSubst,
|
|
#resFlex,
|
|
#resInfo,
|
|
#prjKosten,
|
|
#prjVerdiepingen,
|
|
#jobMld,
|
|
#mrkOmschrijving,
|
|
#scfInfo_F,
|
|
#sleRuimte,
|
|
#insBind,
|
|
#insSymbol,
|
|
#insImage,
|
|
#insRunTime
|
|
{
|
|
clear: right;
|
|
float: right;
|
|
width: 49%;
|
|
}
|
|
}
|
|
|
|
|
|
#algFlex2,
|
|
#besFlex2,
|
|
#cntFlex2,
|
|
#faqFlex2,
|
|
#finFlex2,
|
|
#insFlex2,
|
|
#insMultiEdit2,
|
|
#insXcp,
|
|
#insUitstel,
|
|
#mldFlex2,
|
|
#opdrFlex2,
|
|
#prsAFlex2,
|
|
#prsFlex2,
|
|
#resFlex2,
|
|
#bezBezoekers,
|
|
#bezettingInfo,
|
|
#cntSplit,
|
|
#finItems,
|
|
#mldHistorie,
|
|
#mldBehandel,
|
|
#mldOmschrijving,
|
|
#mldUitvoerenInfo,
|
|
#msgMessage,
|
|
#prsFlex0,
|
|
#prsInzetbaarInfo,
|
|
#wpInfo,
|
|
#prjOpmerking,
|
|
#apiSample
|
|
{
|
|
float:left;
|
|
width: 99.3%;
|
|
}
|
|
|
|
#besItemFlex,
|
|
#besItems,
|
|
#kpnManModal,
|
|
#mld_selobj
|
|
{
|
|
float: none;
|
|
clear: both;
|
|
}
|
|
|
|
#mldUitvoeren,
|
|
#prsInzetbaar
|
|
{
|
|
float: none;
|
|
clear: both;
|
|
height: 300px;
|
|
}
|
|
|
|
#inssymbol {
|
|
width: 96px;
|
|
height: 96px;
|
|
border: 1px solid black;
|
|
}
|
|
#insphoto {
|
|
width: 96px;
|
|
border: 8px solid #fff;
|
|
box-shadow: 3px 3px 2px #ccc;
|
|
}
|
|
#resphoto {
|
|
width: 218px;
|
|
border: 10px solid #fff;
|
|
border-bottom-width: 40px;
|
|
border-radius: 3px;
|
|
box-shadow: 5px 5px 2px #888;
|
|
cursor: pointer;
|
|
}
|
|
#resphoto_opstel {
|
|
width: 218px;
|
|
border: 10px solid #fff;
|
|
border-bottom-width: 40px;
|
|
border-radius: 3px;
|
|
box-shadow: 5px 5px 2px #888;
|
|
cursor: pointer;
|
|
}
|
|
.resroominfo {text-align: center;}
|
|
#resdescript {
|
|
text-align: left;
|
|
padding-left: 3px;
|
|
}
|
|
#resmakedates {
|
|
padding-left: 3px;
|
|
padding-top: 3px;
|
|
font-size: 1.1em;
|
|
}
|
|
#usrrapinfo {
|
|
font-style: italic;
|
|
padding-left: 130px;
|
|
padding-bottom: 16px;
|
|
}
|
|
#fldbehandel, #flddienst {
|
|
color: #ADD8E6;
|
|
}
|
|
#afhaal {
|
|
}
|
|
.finrtable
|
|
{
|
|
width: 100%;
|
|
}
|
|
|
|
.finrtable img
|
|
{
|
|
cursor: pointer;
|
|
}
|
|
|
|
#cntSplit {height: 264px;}
|
|
select.flddienstfilt { /* de filter van diensten in mldopdr*/
|
|
background-color: #eee;
|
|
}
|
|
|
|
/* functional field classes
|
|
Een width van 250px is lekkerst, maar 218px is de bovengrens voor 1024x768
|
|
*/
|
|
/* default voor een veld dat evident kort is */
|
|
.fldshort {
|
|
width: 100px;
|
|
}
|
|
|
|
.fldnotresponsive {width: 218px !important;}
|
|
table#vis_tab .fldflexC {width: 218px !important;}
|
|
table#vis_tab .suggest, table#vis_tab .suggestBusy{width: 218px !important;}
|
|
|
|
i.productklikker {
|
|
position: relative;
|
|
z-index: 1;
|
|
left: -16px;
|
|
color: ==frameheaderbackgroundcolor==;
|
|
cursor: pointer;
|
|
width: 0;
|
|
}
|
|
|
|
/* inputs en suggests */
|
|
.fld, .fldkp,
|
|
.fldreg, .flddis, .fldloc, .fldbld, .fldflr, .fldroom, .fldworklocation, .fldwpl, .fldpers, .fldcontactpers, .flduitvoerende,
|
|
.fldsrch, .flddisc, .flddep, .fldbedr, .fldadr, .fldref, .fldstdm,
|
|
.fldcontract, .fldcntnr, .fldorderby, .fldname,
|
|
.fldoms, .fldr_objs,
|
|
.fldsrtgroup, .fldsrtdeel, .fldsrtdeelmulti, .flditem, .fldsupplier, .fldgroupbysec, .fldordernum,
|
|
.mldstatusmulti, .opdrstatusmulti, .fldgastheer, .flddiscript, .fldmantel, .fldresdesc,
|
|
.fldobjsort, .fldmsgurl, .fldmsggroup, .fldmelder, .fldflex,
|
|
.fldnewvalue, .fldmldobjs, .flddebtor, .fldfintype, .fldfinstatus, .fldreferentie, .fldfinboekm, .fldfincostsrt,
|
|
.fldusrfilter, .flddienst, .fldmld_adres, .fldbld_srtkey, .fldter_srkey, .fldroom_srt, .flddel_address, #flddelivery_place,
|
|
.fldcntmeldkey, .fldsrttype, .fldordernr, .flddept, .fldprs_srtkey, .fldselect, .fldbudgeth, .fldkstplgr,
|
|
.fldkpn_module, .fldkpn_grpkey, .flddeptDesc, .flddeptName, .fldfav, .fldemails, .fldcnt_contprs, .fldcnt_bdrkey,
|
|
.fldmgroep, .fldmmodule, .fldprs_dnstkey, .fldprs_bdrkey, .fldlocs, .fldblds, .fldgroup,
|
|
.fldscenario, .fldmoverequest, .fldprjstatus, .flddaydate, .fldactivity, .fldplace, .fldstopplace, .fldprincipal, .fldcategorie, .fldonderwerp,
|
|
.fldsel_controlemode, .fldartgroep, .fldbesitem, .fldmailto, .fldusrtabkey, .fldmodule, .fldfac_name, .fldfac_path, .fldfac_query,
|
|
.fldprsinzetbaardag, .fldmlduitvoerendag, .fldopdr_type_new, .fldcnt_cancel_period, .fldcnt_rappel_period, .fldsrtkenmerk_key, .fldverplicht, .fldstdmelding_key,
|
|
.fldsrtgroep, .fldgroep, .fldeenheid, .fldr_objs
|
|
{
|
|
width: 218px;
|
|
}
|
|
.fldmaillist, .fldsubject
|
|
{
|
|
width: 400px;
|
|
|
|
}
|
|
.fldmaillist
|
|
{
|
|
height: 34px;
|
|
}
|
|
|
|
/* ouderwetse listboxes */
|
|
select, .fldbedrijf, .fldfunc, .fldact, .fldsortout, .fldgroupby, .fldbdr_key, .fldopstel, .fldsel_activity,
|
|
select.flddienst, select.fldcontract, .fldt_opdr, .fldaltgroep, .fldaltfunctie, .fldBES_srtgroup,
|
|
select.flddisc, select.fldsrtdeelmulti, select.fldsrtgroup, .fldprio, .flddeliveryAddr, .fldmld_adrlkey, .fldmld_adrfkey,
|
|
select.fldbudgeth, select.fldkstplgr, select.fldkpn_module, select.fldkpn_grpkey, .fldfac_prkey, .fldmld_adrkey, .fldsrt, .fldmld_adres,
|
|
.fldroom_srt, .fldbld_srtkey, .fldfintype, .fldfinstatus, .fldter_srkey, .fldmodule, .fldusrtabkey, .fldgroep, .fldverplicht, .fldsrtkenmerk_key,
|
|
.fldsrtgroep, .fldmsggroup, .flddel_address, .fldcategorie, .fldprs_bdrkey, select.fldsrtdeel, .fldmantel, .select.fldsupplier,
|
|
select.fldcnt_cancel_period, select.fldcnt_rappel_period, select.fldgroup, .fldr_objs, select.fldeenheid, select.fldsel_srtcontrole
|
|
{
|
|
width: 224px;
|
|
}
|
|
tr.mod_xcp .fldcontroletype, tr.mod_xcp .fldsel_srtcontrole, tr.mod_xcp .fldeenheid {
|
|
width: 346px;
|
|
}
|
|
.suggest {
|
|
background-position: right 4px center;
|
|
}
|
|
.fldflexD, .fldSflexD {
|
|
width: 218px;
|
|
}
|
|
input[readonly].fldflexD {
|
|
width: 218px;
|
|
}
|
|
.fldflex, .fldflexC, .fldflexC50, .fldflexX, .fldflexL, .fldflexQ, .fldflexF, .fldflexM, .fldflexE, .fldflexS,
|
|
.fldSflex, .fldSflexC, .fldSflexX, .fldSflexL, .fldSflexQ, .fldSflexF, .fldSflexM, .fldSflexE, .fldSflexS
|
|
{
|
|
width: 218px;
|
|
}
|
|
.fldflexR, .fldSflexR, input.button
|
|
{
|
|
width: 224px;
|
|
}
|
|
|
|
input.materiaal
|
|
{
|
|
width: 206px;
|
|
}
|
|
|
|
#uitvoerendelist_button
|
|
{
|
|
width: 197px;
|
|
}
|
|
|
|
#mod_substitutes .button, #scfcolpicker .button, #sleRuimteList .button, #prodsearchsearch, #mod_bijlagen .button, #showbookmark .button {
|
|
width: auto;
|
|
}
|
|
|
|
#template_css .button {
|
|
width: 130px;
|
|
}
|
|
|
|
.fldresroom {
|
|
width: 204px !important;
|
|
}
|
|
|
|
.fld_dlvrnr {
|
|
max-width: 50px;
|
|
}
|
|
|
|
.fld_cattime {
|
|
max-width: 35px;
|
|
}
|
|
|
|
.fld_catamount {
|
|
max-width: 50px;
|
|
}
|
|
|
|
@media all and (min-width: 68em){
|
|
/* inputs en suggests */
|
|
.fld, .fldkp,
|
|
.fldreg, .flddis, .fldloc, .fldbld, .fldflr, .fldroom, .fldworklocation, .fldwpl, .fldpers, .fldcontactpers, .flduitvoerende,
|
|
.fldsrch, .flddisc, .flddep, .fldbedr, .fldadr, .fldref, .fldstdm,
|
|
.fldcontract, .fldcntnr, .fldorderby, .fldname,
|
|
.fldoms, .fldr_objs,
|
|
.fldsrtgroup, .fldsrtdeel, .fldsrtdeelmulti, .flditem, .fldsupplier, .fldgroupbysec, .fldordernum,
|
|
.mldstatusmulti, .opdrstatusmulti, .fldgastheer, .flddiscript, .fldmantel, .fldresdesc,
|
|
.fldobjsort, .fldmsgurl, .fldmsggroup, .fldmelder, .fldflex, .fldsrt,
|
|
.fldnewvalue, .fldmldobjs, .flddebtor, .fldfintype, .fldfinstatus, .fldreferentie, .fldfinboekm, .fldfincostsrt,
|
|
.fldusrfilter, .flddienst, .fldmld_adres, .fldbld_srtkey, .fldter_srkey, .fldroom_srt, .flddel_address, #flddelivery_place,
|
|
.fldcntmeldkey, .fldsrttype, .fldordernr, .flddept, .fldprs_srtkey, .fldselect, .fldbudgeth, .fldkstplgr,
|
|
.fldkpn_module, .fldkpn_grpkey, .flddeptDesc, .flddeptName, .fldfav, .fldemails, .fldsubject, .fldcnt_contprs, .fldcnt_bdrkey,
|
|
.fldmgroep, .fldmmodule, .fldprs_dnstkey, .fldprs_bdrkey, .fldlocs, .fldblds, .fldgroup,
|
|
.fldscenario, .fldmoverequest, .fldprjstatus, .flddaydate, .fldactivity, .fldplace, .fldstopplace, .fldprincipal, .fldcategorie, .fldonderwerp,
|
|
.fldsel_controlemode, .fldartgroep, .fldbesitem, .fldmailto, .fldusrtabkey, .fldmodule, .fldfac_name, .fldfac_path, .fldfac_query,
|
|
.fldprsinzetbaardag, .fldmlduitvoerendag, .fldopdr_type_new, .fldcnt_cancel_period, .fldcnt_rappel_period, .fldsrtkenmerk_key, .fldverplicht, .fldstdmelding_key,
|
|
.fldsrtgroep, .fldgroep, .fldeenheid, .fldcontroletype
|
|
{
|
|
width: 340px;
|
|
}
|
|
/* ouderwetse listboxes */
|
|
select, .fldbedrijf, .fldfunc, .fldact, .fldsortout, .fldgroupby, .fldbdr_key, .fldopstel, .fldsel_activity,
|
|
select.flddienst, select.fldcontract, .fldt_opdr, .fldaltgroep, .fldaltfunctie, .fldBES_srtgroup,
|
|
select.flddisc, select.fldsrtdeelmulti, select.fldsrtgroup, .fldprio, .flddeliveryAddr, .fldmld_adrlkey, .fldmld_adrfkey,
|
|
select.fldbudgeth, select.fldkstplgr, select.fldkpn_module, select.fldkpn_grpkey, .fldfac_prkey, .fldmld_adrkey, .fldsrt, .fldmld_adres,
|
|
.fldroom_srt, .fldbld_srtkey, .fldfintype, .fldfinstatus, .fldter_srkey, .fldmodule, .fldusrtabkey, .fldgroep, .fldverplicht, .fldsrtkenmerk_key,
|
|
.fldsrtgroep, .fldmsggroup, .flddel_address, .fldcategorie, .fldprs_bdrkey, select.fldsrtdeel, select.fldmantel,
|
|
select.fldsupplier, select.fldcnt_cancel_period, select.fldcnt_rappel_period, select.fldgroup, .fldr_objs, select.fldsel_srtcontrole
|
|
{
|
|
width: 346px;
|
|
}
|
|
.fldflex, .fldflexC, .fldflexC50, .fldflexX, .fldflexL, .fldflexQ, .fldflexF, .fldflexM, .fldflexE, .fldflexS,
|
|
.fldSflex, .fldSflexC, .fldSflexX, .fldSflexL, .fldSflexQ, .fldSflexF, .fldSflexM, .fldSflexE, .fldSflexS
|
|
{
|
|
width: 340px;
|
|
}
|
|
.fldflexD, .fldSflexD {
|
|
width: 340px;
|
|
}
|
|
.fldflexR, .fldSflexR
|
|
{
|
|
width: 346px;
|
|
}
|
|
input.button {
|
|
width: 346px;
|
|
}
|
|
|
|
input.materiaal {
|
|
width: 328px;
|
|
}
|
|
|
|
#uitvoerendelist_button {
|
|
width: 319px;
|
|
}
|
|
|
|
.fldresroom {
|
|
width: 326px !important;
|
|
}
|
|
}
|
|
/* In mobile popup, vooralsnog iets korter voor iPhone */
|
|
.fldtokenmail
|
|
{
|
|
width: 200px;
|
|
}
|
|
.fldmsgsubj, .fldcanceloms, .fldfac_query
|
|
{
|
|
width: 400px;
|
|
}
|
|
.fldstdopmerk
|
|
{
|
|
width: 340px;
|
|
}
|
|
/* Rapport */
|
|
.fldusrrap {
|
|
width: 460px;
|
|
background-position: 448px !important;
|
|
}
|
|
|
|
.flddagbits, .fldweekbits, .flddayofmonth, .flddayofweek {
|
|
width: 109px;
|
|
}
|
|
|
|
.fldobjrestrict {
|
|
font-style: italic;
|
|
}
|
|
|
|
.fldmldhasopm {
|
|
font-style: italic;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#kostenklant {
|
|
margin-right: 0;
|
|
}
|
|
|
|
select.fldimport_app_key, .fldfinomsch, .flduitvExist
|
|
{
|
|
width: 400px;
|
|
}
|
|
|
|
.flddate, .fldfinbtw, .fldprocent {
|
|
width: 105px;
|
|
}
|
|
.fldtime {
|
|
width: 55px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
i.dateklikker {
|
|
font-size: 1.2em;
|
|
position: relative;
|
|
z-index: 1;
|
|
left: -16px;
|
|
bottom: 1px;
|
|
color: #666;
|
|
cursor: pointer;
|
|
width: 0;
|
|
}
|
|
i.timeklikker {
|
|
font-size: 1.2em;
|
|
position: relative;
|
|
z-index: 1;
|
|
left: -20px;
|
|
top: 0;
|
|
color: #666;
|
|
cursor: pointer;
|
|
width: 0;
|
|
}
|
|
|
|
.flddatetime, .fldresstatus, #existingDates, #newDates, .fldmsgprio, .fldafspnum, .flddeel, .fldcnttarief {
|
|
width: 140px;
|
|
}
|
|
|
|
.fldmldnum, .fldopdrnum, .fldresnum, .flddeel, .fldrfonum, .fldordernum, .fldopdrnr, .fldcntnum, .fldfinnum {
|
|
width: 124px;
|
|
}
|
|
|
|
.fldmsgmessage {
|
|
width: 100%;
|
|
}
|
|
|
|
.flduren, .fldgeboekt, .flduurtarief, .fldmatkosten, .fldcorrkosten, .fldtotkosten, .fldtermkosten, .fldbeslimiet, .fldprjraming, .rescat_p_c, .rescat_tp_c,
|
|
.fldcntprijs, .fldcntopp, .fldmrkprijs, .fldcntamount, .fldalgprijs, .fldfinsumover, .fldfinsumbelow, .fldbessrtweging, .fldbessrtprijs, .fldbestsrttotaal,
|
|
.fldkpnlimiet, .fldcntverlengen, .fldroomkosten, .fldvoorzkosten, .fldroomkorting, .fldroomtotaal, .fldrvskosten, .fldrespijt,
|
|
.flduitvoertijd1, .flduitvoertijd2, .flduitvoertijd3, .flduitvoertijd4, .fldalg_uitvtijd, .fldbdr_uitvtijd, .fldins_uitvtijd, .fldmld_uitvtijd, .fldmld_accpettijd,
|
|
.flddayshours, .flddayshours3, .flddayshours1, .flddayshours2, .flddayshours4, .flddayshourse, .flddayshours_resp, .flddayshours_urg, .fldfreebudget {
|
|
width: 100px;
|
|
}
|
|
.fldfinbedrag, .fldmatamount, .fldmatprice, .fldmattotal {
|
|
width: 100px;
|
|
text-align:right;
|
|
}
|
|
.fldbezcnt, .fldflrnum, .fldnrper, .fldfincnt, .fldnoshow {
|
|
width: 26px;
|
|
}
|
|
.fldbescnt {
|
|
width: 32px;
|
|
}
|
|
/* compensate for readonly input props */
|
|
.fldresroomedit {
|
|
filter: alpha(opacity=100) !important;
|
|
opacity: 1.0 !important;
|
|
}
|
|
|
|
.fldtxt, .fldomschr, .fldremark, .fldresroomchange, .flddatechange, .fldcntperiod {
|
|
width: 99.3%;
|
|
}
|
|
|
|
.fldmlduren, .fldmldkosten {
|
|
width: 30px;
|
|
}
|
|
.fldmldurentotal {
|
|
width: 30px;
|
|
}
|
|
#fldmldurentotal.afwijk {
|
|
color: red;
|
|
}
|
|
|
|
/* haltewerkzaamheden: jaar, km,
|
|
bestellingen: retour */
|
|
.fldjaar, .fldkm, .fldmaterialen, .fldretour {
|
|
width: 40px;
|
|
text-align:right;
|
|
}
|
|
|
|
/* haltewerkzaamheden weeknummer */
|
|
.fldweeknr {
|
|
width: 20px;
|
|
}
|
|
|
|
.btwdiv {
|
|
width: 100px;
|
|
}
|
|
#fldobjPossible, #fldobjExist {width: 380px;}
|
|
.fldobjcolumn {width: 200px; text-align:center}
|
|
.fldobjmidcolumn {width: 140px; text-align:center}
|
|
|
|
.fldlcldata, .fldlcldialect, .fldlclstd
|
|
{
|
|
width: 400px;
|
|
}
|
|
#lcllink
|
|
{
|
|
cursor:pointer;
|
|
background-color: #ff00ff;
|
|
}
|
|
|
|
div#lcldialect .label
|
|
{
|
|
width: auto;
|
|
}
|
|
|
|
#itemfilter
|
|
{
|
|
width: 218px;
|
|
}
|
|
.iteminfo2 {
|
|
font-weight: bold;
|
|
}
|
|
.iteminfo1 {
|
|
font-weight: bold;
|
|
}
|
|
.iteminfo3 {
|
|
font-style: italic;
|
|
}
|
|
.besitemflex
|
|
{
|
|
margin-left:10px;
|
|
color: #888
|
|
}
|
|
.besphoto {
|
|
width: 100px;
|
|
border: 8px solid #fff;
|
|
box-shadow: 3px 3px 2px #ccc;
|
|
}
|
|
.besartbtns {
|
|
width: 100%;
|
|
float: right;
|
|
height: 26px;
|
|
color: ==iconcolor==;
|
|
background-color: ==frameheaderbackgroundcolor==;
|
|
}
|
|
|
|
.addsub
|
|
{
|
|
float: left;
|
|
text-align:left;
|
|
}
|
|
|
|
.besartbtns #buttons ul li.hasIcon i {
|
|
|
|
}
|
|
.besdetailtd {
|
|
border: 0px solid #ccc;
|
|
vertical-align: top;
|
|
padding: 4px;
|
|
box-shadow: 3px 3px 2px #ccc;
|
|
}
|
|
.besdetailtable {
|
|
width: 100%;
|
|
}
|
|
/* functional checkbox fields classes */
|
|
.fldcheck, .fldmldnew, .fldmldbusy, .fldmldrej, .fldmlddone, .fldmldself, .fldmldafm, .fldmldver, .fldmldfiat, .fldmldkostenklant,
|
|
.fldopdrnew, .fldopdrbusy,.fldopdrrej, .fldopdrafm, .fldopdrver, .fldmldacceptex, .fldmldrunex, .fldmldspoed,
|
|
.fldresopen, .fldresclosed, .fldroomcat, .fldobjcat, .fldartcat, .fldresactual, .fldresdeleted, .fldresnoshowonly,
|
|
.fldrfonew, .fldrfoopen, .fldrfodelivered, .fldrfoclosed, .fldopdrrej, .fldopdropen, .fldopdrdelivered, .fldopdrclosed,
|
|
.fldbezexpext, .fldbezinside, .fldbezdepart, .fldbezclosed, .fldbezpark,
|
|
.fldcntnew, .fldcnttgoe, .fldcntinact, .fldcntactf, .fldcntactl, .fldcntrap, .fldcntopz, .fldcntverl, .fldinsobjincl, .fldexpobjincl, .fldalgbez, .fldfacnoti, .fldnotingids,
|
|
.fldCSflexN, .fldCflexN, .fldmldinform, .fldmldzichtbaarFE, .fldInspZo, .fldInspMa, .fldInspDi, .fldInspWo, .fldInspDo, .fldInspVr, .fldInspZa, .fldInspNoHoli {
|
|
}
|
|
|
|
.flexlabel {
|
|
color: ==labelcolor==;
|
|
background-color: ==labelbackgroundcolor==;
|
|
text-align: left;
|
|
padding: 2px 0px 3px 2px;
|
|
border-bottom: 1px solid #fff;
|
|
}
|
|
.flexlabellabel {
|
|
color: ==labelcolor==;
|
|
background-color: ==labelbackgroundcolor==;
|
|
}
|
|
|
|
tr.flexcollapsable td {
|
|
cursor: pointer;
|
|
text-decoration: underline;
|
|
}
|
|
.flexcollapsable .lhint::after {
|
|
content: "\f077";
|
|
font-family: FontAwesome;
|
|
position: absolute;
|
|
right: 20px;
|
|
}
|
|
.flexcollapsed .lhint::after {
|
|
content: "\f078";
|
|
font-family: FontAwesome;
|
|
position: absolute;
|
|
right: 20px;
|
|
}
|
|
|
|
#showbody .lhint {
|
|
background-image: none;
|
|
}
|
|
.expression {
|
|
font-style: italic;
|
|
}
|
|
.fldflexN, .fldSflexN {
|
|
width: 100px;
|
|
}
|
|
.fldflexF.missing, .fldflexE.missing {
|
|
color: #ff5050;
|
|
}
|
|
.fldflexR.inactive, .fldflexS.inactive {
|
|
color: #FF4301;
|
|
}
|
|
.operand {
|
|
background-color: #E1E894;
|
|
width: 60px;
|
|
border: 0;
|
|
padding: 2px;
|
|
margin-right: 2px;
|
|
}
|
|
|
|
span.besprijsup {
|
|
color:red;
|
|
}
|
|
span.besprijsdown {
|
|
color:green;
|
|
}
|
|
|
|
tr.unauthorized {
|
|
background-color:#ddd;
|
|
color: red;
|
|
}
|
|
|
|
#plaatsselect {
|
|
border: 0px green solid;
|
|
margin: 0;
|
|
}
|
|
|
|
/* left-to-right and right-to-left selectors */
|
|
.mv {
|
|
/* zie #buttons ul li */
|
|
}
|
|
#mldFrame {height: 800px;}
|
|
.mv.r {}
|
|
.mv.l {}
|
|
/* styling for modal (popup) forms */
|
|
body.modal {
|
|
padding:2px;
|
|
}
|
|
/* for modal-like tabs*/
|
|
.likemodal {
|
|
background-color: ==backgroundcolor==;
|
|
margin: 10px 20px 0 20px;
|
|
}
|
|
|
|
body.likemodal {
|
|
-moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
|
|
-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
|
|
box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
|
|
}
|
|
|
|
.modal th {
|
|
background-color: ==frameheaderbackgroundcolor==;
|
|
color: ==frameheadercolor==;
|
|
border-right: 1px solid #ccc;
|
|
}
|
|
#mod_ruimtefunctie {min-width:650px; height:40px;}
|
|
#mod_perslidwerkplek {min-width:500px;}
|
|
#mod_substitutes {min-width: 500px; height: 370px;}
|
|
#mod_queuemail {min-width:600px;}
|
|
#mod_history {height: 300px;}
|
|
#mod_beslever {min-width:800px;}
|
|
#mod_besprijs {min-width:350px;}
|
|
#mod_besretour {min-width:600px;}
|
|
#mod_besweging {min-width:500px;}
|
|
#mod_bezcheckin {min-width:600px;}
|
|
#mod_changecnttype {min-width:450px;}
|
|
#mod_changeopdrtype {min-width:450px;}
|
|
#mod_cntsplit {min-width:500px;}
|
|
#mod_cntsplit .label {min-width: 180px;}
|
|
#mod_req_move {min-width:500px;}
|
|
#mod_req_move2 {min-width:500px;}
|
|
#mod_req_move3 {min-width:500px;}
|
|
#mod_noshow {min-width:500px;}
|
|
#mod_impbezoekers {min-width:800px;}
|
|
#mod_rejectbody {min-width:600px;}
|
|
#mod_opdrejectbody {min-width:600px;}
|
|
#mld_opdrejectbody {min-width:600px;}
|
|
#mod_dubrejectbody {min-width:600px;}
|
|
#mod_rejectoffertebody {min-width:600px;}
|
|
#mod_acceptofferte {min-width:600px;}
|
|
#besrejectbody {min-width:500px;}
|
|
#localebody {min-width:800px;}
|
|
#mod_mldcontinue {min-width:600px;}
|
|
#mod_mlddouble {min-width:800px;}
|
|
#mod_mldclose {min-width:600px;}
|
|
#mod_mldaccept {min-width:500px;}
|
|
#mod_mldshiftdate {min-width:550px;}
|
|
#mod_opdrcancel .label {min-width: 0px;}
|
|
#mod_opdrclose {min-width:540px; height: 260px;}
|
|
#mod_mldfixsla {min-width:500px; height: 260px;}
|
|
#mod_urenremarkbody {min-width:500px;}
|
|
#mod_resdelete {min-width:500px;}
|
|
#mod_ruimteresscope {min-width:500px;}
|
|
#mod_mldforward {min-width:600px;}
|
|
#mod_tekedit {min-width:500px;}
|
|
#mod_caddoorvoeren {min-width:500px;}
|
|
#mod_prs_pwdchange {min-width:500px;}
|
|
#mod_ruimteafdeling {min-width:700px;}
|
|
#mod_prsinzetbaar {min-width:500px;}
|
|
#mod_resupdateroom {min-width:500px;}
|
|
#mod_resupdateobj {min-width:500px;}
|
|
#mod_mldmat {min-width:900px;}
|
|
#mod_mldstdmsrtruimte {min-width:500px;}
|
|
#mod_authQR {min-width:500px; width:650px;}
|
|
#mod_bijlagen {min-width:600px;}
|
|
#mod_res_selectroom {min-width:600px;}
|
|
#mod_resmulti_save {min-width:500px;}
|
|
#mod_insmultiedit {min-width:500px;height:250px;}
|
|
#mod_insxcp {min-width:800px;}
|
|
#mod_mldobj {min-width:900px;}
|
|
body.mod_edit_mandate {min-width:500px;}
|
|
#mod_pass2mail {min-width:500px;}
|
|
#mod_pnotes {min-width:500px;}
|
|
#mod_stdmeldingfaq {min-width:500px;}
|
|
#mod_stdmeldingfaq .label {min-width: 0px;}
|
|
#mod_selfreg {min-width:410px; height:500px;}
|
|
#mod_token2mail {min-width:250px;}
|
|
body#mod_resmulti { min-width: 690px; }
|
|
body#mod_resmulti div#show_date_from { height: 250px }
|
|
#mod_respool {min-width:600px;}
|
|
#mod_bes_kenmerk {min-width:500px;}
|
|
.modal.scaffolding {min-width:500px;}
|
|
#mod_mldobj #obj_info {height:150px; padding: 4px; border: 0px solid #ccc;}
|
|
#mod_mldobj .label {
|
|
min-width: 220px !important;
|
|
}
|
|
#mod_wfexpression { min-width: 700px; }
|
|
#mod_signature { height: 320px; }
|
|
#mod_grprecht { min-width: 550px; }
|
|
#mod_algmultiedit{ min-width: 500px; }
|
|
#bes_add_fav { min-width: 500px; }
|
|
#mod_favorites { min-width: 500px; }
|
|
div#mldsimilar {
|
|
padding: 4px 4px 4px 10px;
|
|
}
|
|
#mod_movewerkplek { min-width: 500px; }
|
|
#mod_impinlezen { min-width: 500px; }
|
|
#mod_impverwerken { min-width: 500px; }
|
|
#prjeditbezet { min-width: 800px; }
|
|
#prjeditbezet .label {
|
|
width: auto !important;
|
|
min-width: auto !important;
|
|
}
|
|
|
|
|
|
/* ==== menu styles ==== */
|
|
/* voor de tabjes boven het menu */
|
|
.ui-tabs-anchor { padding: 0.45em 0.8em !important;
|
|
}
|
|
|
|
div#menu {
|
|
margin: 0;
|
|
padding: 0;
|
|
overflow: auto;
|
|
}
|
|
|
|
/* Merk op dat heel veel afmetingen hieronder alleen zijn
|
|
voor een initieel rustiger beeld. Vooral frheader.height
|
|
en menutabs.width hebben echt effect */
|
|
div#frheader{
|
|
height: 75px;
|
|
width: 100%;
|
|
line-height: 1.2em;
|
|
}
|
|
div#topdivider{
|
|
position: absolute;
|
|
height: 3px;
|
|
width: 100%;
|
|
z-index: 2;
|
|
cursor: pointer;
|
|
background-color: ==dividercolor==;
|
|
}
|
|
div#topdivider.dividerclosed{
|
|
height: 0px;
|
|
}
|
|
div#menutabs{
|
|
position: absolute;
|
|
left: 0px;
|
|
width: 260px; /* Wordt vergroot naar behoefte, nooit verkleind */
|
|
top: 82px;
|
|
border: 0px;
|
|
}
|
|
div.ui-tabs-submenu{
|
|
position: absolute;
|
|
min-width: 180px;
|
|
}
|
|
|
|
div#menudivider{
|
|
position: absolute;
|
|
left: 259px;
|
|
height: 400px;
|
|
width: 3px;
|
|
border: 0px;
|
|
z-index: 2;
|
|
cursor: pointer;
|
|
background-color: ==dividercolor==;
|
|
}
|
|
|
|
div#maintabs{
|
|
position: absolute;
|
|
left: 265px;
|
|
height: 400px;
|
|
top: 82px;
|
|
width: 800px;
|
|
border: 0px;
|
|
}
|
|
|
|
|
|
.toggler {
|
|
position: absolute;
|
|
background-color: ==dividercolor==;
|
|
z-index:10;
|
|
border: 1px solid grey;
|
|
cursor: pointer;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
#menutoggler {
|
|
height: 18px;
|
|
width: 13px;
|
|
left: -14px;
|
|
border-right: 0px;
|
|
border-radius: 3px 0px 0px 3px;
|
|
background-image:url(../appl/Pictures/togglerleft.png);
|
|
}
|
|
#menutoggler:hover {
|
|
background-color:white;
|
|
}
|
|
#menudivider.dividerclosed #menutoggler {
|
|
left: 0px;
|
|
border-right: 1px solid gray;
|
|
border-left: 1px;
|
|
border-radius: 0px 3px 3px 0px;
|
|
background-image:url(../appl/Pictures/togglerright.png);
|
|
}
|
|
#headtoggler {
|
|
height: 13px;
|
|
width: 18px;
|
|
top: -14px;
|
|
left: 5px;
|
|
display:none;
|
|
border-bottom: 0px;
|
|
border-radius: 3px 3px 0px 0px;
|
|
background-image:url(../appl/Pictures/togglerup.png);
|
|
}
|
|
#headtoggler:hover {
|
|
background-color:white;
|
|
}
|
|
#topdivider.dividerclosed #headtoggler {
|
|
display:block;
|
|
top: 0px;
|
|
border: 1px solid gray;
|
|
border-top: 0px;
|
|
border-radius: 0px 0px 3px 3px;
|
|
background-image:url(../appl/Pictures/togglerdown.png);
|
|
}
|
|
|
|
/* Menu-items tegen linkerkant */
|
|
.ui-tabs .ui-tabs-panel {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
padding-top: 2px;
|
|
}
|
|
|
|
div#menutabs .ui-layout-content {
|
|
background-image: none; /* Wit blok halverwege menu weghalen */
|
|
background-color: ==menubackgroundcolor==;
|
|
}
|
|
|
|
div#menutabs .ui-widget-content {
|
|
background-color: ==menubackgroundcolor==;
|
|
}
|
|
|
|
div#menutabs li.ui-state-active {
|
|
background-image: none; /* Wit blok halverwege menu weghalen */
|
|
background-color: ==menubackgroundcolor==;
|
|
}
|
|
|
|
/*div#PersFAC ul, div#ProfFAC ul, div#MgtFAC ul {*/
|
|
#menutabs .ui-layout-content ul {
|
|
padding: 0px;
|
|
margin: 0px;
|
|
}
|
|
|
|
.ui-tabs-submenu ul {
|
|
padding: 0px;
|
|
margin: 0px;
|
|
}
|
|
|
|
/*div#PersFAC ul li {*/
|
|
#menutabs .ui-layout-content ul li {
|
|
list-style: none;
|
|
}
|
|
|
|
#menutabs .ui-tabs-submenu ul li {
|
|
list-style: none;
|
|
}
|
|
|
|
div#PersFAC ul li {
|
|
color: ==persmenucolor==;
|
|
background-color: ==persmenubackgroundcolor==;
|
|
}
|
|
|
|
div#ProfFAC ul li {
|
|
color: ==profmenucolor==;
|
|
background-color: ==profmenubackgroundcolor==;
|
|
}
|
|
|
|
div#MgtFAC ul li {
|
|
color: ==mgtmenucolor==;
|
|
background-color: ==mgtmenubackgroundcolor==;
|
|
}
|
|
div#PersFAC ul li span.menukop {
|
|
color: ==persmenucolor==;
|
|
}
|
|
div#MgtFAC ul li span.menukop {
|
|
color: ==mgtmenucolor==;
|
|
}
|
|
div#ProfFAC ul li span.menukop {
|
|
color: ==profmenucolor==;
|
|
}
|
|
|
|
span.menukop {
|
|
background-repeat:no-repeat;
|
|
background-position:left;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
span.menulinkkop {
|
|
color: #004f80;
|
|
cursor: pointer;
|
|
vertical-align: middle;
|
|
padding-left: 28px; /* 24+4 van .micon */
|
|
}
|
|
|
|
|
|
/* deze is voor kop en item */
|
|
li.menu ul li a,
|
|
a {
|
|
cursor: pointer;
|
|
}
|
|
|
|
li.mk {
|
|
border-bottom: none;
|
|
border-top: 1px solid #ddd;
|
|
cursor: pointer;
|
|
line-height: 3.1em;
|
|
padding: 1px 4px 4px 4px;
|
|
}
|
|
li.mk:hover {
|
|
background-color: ==menukophoverbackgroundcolor==!important;
|
|
}
|
|
li.mk:hover span.menukop {
|
|
color: ==menukophovercolor==!important;
|
|
}
|
|
|
|
li.mi {
|
|
font-size: 0.9em;
|
|
line-height: 1.85em;
|
|
background-color: #fff;
|
|
filter: alpha(opacity=100);
|
|
opacity: 1;
|
|
color: #888; /*kan dat altijd?*/
|
|
}
|
|
.menuDropdown li.mi {
|
|
background-color:==menuitemhovercolor==!important;
|
|
}
|
|
.mkimg, .mimg {
|
|
border: 0;
|
|
padding: 0;
|
|
margin-right: 2px;
|
|
margin-left: -10px;
|
|
width: 12px;
|
|
height: 12px;
|
|
}
|
|
li.mklogo img {
|
|
border: 0;
|
|
padding: 0;
|
|
}
|
|
img.mklogo, i.mklogo {
|
|
-webkit-transition: -webkit-transform 1s; /* For Safari 3.1 to 6.0 */
|
|
transition: transform 1s;
|
|
}
|
|
img.mklogo:hover, i.mklogo:hover {
|
|
-ms-transform: scale(1.2,1.2); /* IE9 */
|
|
-webkit-transform: scale(1.2,1.2); /* Chrome, Safari, Opera */
|
|
transform: scale(1.2,1.2);
|
|
}
|
|
|
|
.micon, .nomicon {
|
|
width: 24px;
|
|
margin:0 4px 0 0;
|
|
vertical-align: middle;
|
|
}
|
|
.nomicon {
|
|
height: 24px;
|
|
display: inline-block;
|
|
text-align: center;
|
|
font-size: 1.3em;
|
|
line-height: 1.3em;
|
|
}
|
|
|
|
.micon:hover, .nomicon:hover {
|
|
transition: transform 0.5s;
|
|
rm: scale(1.2,1.2);
|
|
}
|
|
.nomicon {
|
|
background-color: ==frameheaderbackgroundcolor==;
|
|
border-radius: 2px;
|
|
filter: alpha(opacity=80);
|
|
opacity: 0.8;
|
|
}
|
|
.nomicon:hover {
|
|
filter: alpha(opacity=100);
|
|
opacity: 1;
|
|
}
|
|
|
|
.menupinned {
|
|
float: right;
|
|
display: none;
|
|
}
|
|
li.mi:hover span.menupinned
|
|
{
|
|
display: inline;
|
|
}
|
|
li.mi:hover {
|
|
background-color:==menuitemhovercolor==!important;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#menutabs .ui-layout-content ul li li {
|
|
font-weight: normal;
|
|
color: ==menuitemcolor==;
|
|
background-color: ==menuitembackgroundcolor==;
|
|
list-style: none;
|
|
border-top: 1px solid #ddd;
|
|
padding: 2px 0 3px 20px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#menutabs .ui-tabs-submenu ul {
|
|
border-right: 1px solid #ddd;
|
|
border-bottom: 1px solid #ddd;
|
|
border-left: 1px solid #ddd;
|
|
box-shadow: 2px 2px #ccc;
|
|
}
|
|
|
|
#menutabs .ui-tabs-submenu ul li {
|
|
font-weight: normal;
|
|
color: ==menuitemcolor==;
|
|
background-color: ==menuitembackgroundcolor==;
|
|
list-style: none;
|
|
border-top: 1px solid #ddd;
|
|
padding: 0px 3px 1px 3px;
|
|
text-decoration: none;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
#menutabs .ui-tabs-submenu ul.menuDropDown li {
|
|
background-color:==menuitemhovercolor==!important;
|
|
padding: 4px 4px 4px 8px;
|
|
cursor: pointer;
|
|
}
|
|
#menutabs .ui-tabs-submenu ul.menuDropDown li:hover {
|
|
background-color:==menuitembackgroundcolor==!important;
|
|
}
|
|
#menutabs .ui-tabs-submenu ul.menuDropDown li.mks {
|
|
list-style: none;
|
|
display: list-item;
|
|
background-color: ==menukophoverbackgroundcolor==!important;
|
|
color: ==menukophovercolor==!important;
|
|
border-top: 1px solid #ddd;
|
|
text-decoration: none;
|
|
white-space: nowrap;
|
|
padding: 4px 4px 4px 8px;
|
|
border-bottom: none;
|
|
line-height: 2.1em;
|
|
cursor: default;
|
|
}
|
|
|
|
.menuimg .fa-heart, .mk .fa-heart {
|
|
color: ==buttonbackgroundcolor==;
|
|
}
|
|
|
|
.fa-star, .fa-star-o
|
|
{
|
|
color: #FFA500;
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
.fa-question-circle {
|
|
color: #51768F;
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
#headerfunctions .fa-question-circle {
|
|
color: ==headercolor==;
|
|
font-size:inherit;
|
|
}
|
|
|
|
.flikeopts li i
|
|
{
|
|
font-size: 1.3em;
|
|
}
|
|
|
|
/* voor iconmenu */
|
|
|
|
td.iconmenu {
|
|
font-size: 1em;
|
|
text-align:center;
|
|
padding-bottom: 12px;
|
|
vertical-align: top;
|
|
cursor: pointer;
|
|
}
|
|
|
|
td.iconmenu h3 {
|
|
font-weight: normal;
|
|
}
|
|
td.iconmenu img {
|
|
width: 100px;
|
|
height: 100px;
|
|
padding: 5px;
|
|
text-align: center;
|
|
border: 1px solid #ffffff;
|
|
}
|
|
|
|
.iconlabel {
|
|
background-color: #fcfcfc;
|
|
cursor: pointer;
|
|
}
|
|
table.besaccordeon {
|
|
border-collapse: separate;
|
|
border-spacing: 2px;
|
|
}
|
|
table.besaccordeon td {
|
|
border: 1px solid #eee;
|
|
background-color: #fafafa;
|
|
}
|
|
.besaccordeon .iconlabel {
|
|
min-height: 5em;
|
|
}
|
|
.iprd {
|
|
}
|
|
.iprs {
|
|
font-size: 0.9em;
|
|
}
|
|
.ieenh {
|
|
display: none;
|
|
}
|
|
.iopm {
|
|
font-size:0.5em;
|
|
}
|
|
|
|
/* portalmenu */
|
|
#portalbody {
|
|
background-color: #fff;
|
|
}
|
|
|
|
#portalmenu {
|
|
text-align: center;
|
|
}
|
|
#portalmenu h2 {
|
|
font-size: 2em;
|
|
color: ==portalkopcolor==;
|
|
margin: 4px;
|
|
padding: 5px 1px 5px 1px;
|
|
}
|
|
|
|
#portalmenu table {
|
|
margin: 0 auto 1px auto;
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
padding-top: 20px;
|
|
}
|
|
#portalmenu table tr td
|
|
{
|
|
text-align: left;
|
|
border: 0px solid #f1f1f1;
|
|
padding: 1em 0.2em 1em 1.5em;
|
|
vertical-align: top;
|
|
background-color: white;
|
|
}
|
|
|
|
#portalmenu span.menukop {
|
|
background-image:none;
|
|
color: ==portalkopcolor==;
|
|
font-weight: bold;
|
|
font-size: 1.1em;
|
|
cursor: default;
|
|
margin: 0;
|
|
padding: 8px 1px 8px 0px;
|
|
}
|
|
|
|
|
|
#portalmenu ul {
|
|
margin: 0 0 5px 0;
|
|
padding: 0 0 0 0;
|
|
}
|
|
#portalmenu li.mi {
|
|
font-size: 1.1em;
|
|
line-height: 1.3em;
|
|
list-style: none;
|
|
}
|
|
#portalmenu li.more {
|
|
font-size: 0.9em;
|
|
cursor: pointer;
|
|
color: #004f80;
|
|
}
|
|
#portalmenu a {
|
|
color: ==textcolor==;
|
|
text-decoration: none;
|
|
}
|
|
#portalmenu a:hover,
|
|
#portalmenu .more:hover {
|
|
color: ==linkhovercolor==;
|
|
}
|
|
|
|
|
|
#portalmenu span.menuimg {
|
|
font-weight: bold;
|
|
line-height: 100px;
|
|
width: 100px;
|
|
display: block;
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
float:left;
|
|
padding-right: 1.5em;
|
|
}
|
|
#portalmenu div.portalmenukop {
|
|
width:62%;
|
|
float:left;
|
|
}
|
|
|
|
|
|
#portalmenu span.menuimg img {
|
|
max-width: 95%;
|
|
}
|
|
|
|
@media all and (max-width: 60em) {
|
|
#portalmenu span.menuimg {
|
|
width: 70px;
|
|
}
|
|
#portalmenu div.portalmenukop {
|
|
width: 50%;
|
|
}
|
|
#portalmenu span.menuimg {
|
|
padding-right: 0.2em;
|
|
}
|
|
}
|
|
|
|
@media all and (min-width: 60em) and (max-width: 75em) {
|
|
#portalmenu span.menuimg {
|
|
width: 80px;
|
|
}
|
|
#portalmenu div.portalmenukop {
|
|
width: 50%;
|
|
}
|
|
#portalmenu span.menuimg {
|
|
padding-right: 0.5em;
|
|
}
|
|
}
|
|
|
|
@media all and (min-width: 75em) and (max-width: 85em) {
|
|
#portalmenu span.menuimg {
|
|
width: 85px;
|
|
}
|
|
#portalmenu div.portalmenukop {
|
|
width: 57%;
|
|
}
|
|
#portalmenu span.menuimg {
|
|
padding-right: 0.9em;
|
|
}
|
|
}
|
|
|
|
|
|
.deleted {
|
|
text-decoration: line-through;
|
|
}
|
|
.alg_deleted, .cnt_deleted, .prs_deleted, .res_deleted, .cnt_inactive, .ins_deleted {
|
|
background-color: red;
|
|
color: white;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
padding: 4px;
|
|
margin-top: 2px;
|
|
font-variant: small-caps;
|
|
}
|
|
.outofbounds {
|
|
color: red;
|
|
font-weight: bold;
|
|
}
|
|
|
|
input.activeinterval,
|
|
span.activeinterval,
|
|
input[readonly].activeinterval,
|
|
input.notapproved,
|
|
span.notapproved {
|
|
font-weight: bold;
|
|
color: red;
|
|
}
|
|
|
|
input.suggest::-ms-clear, input#autofilter::-ms-clear, input#menufilter::-ms-clear,
|
|
input#materiallist_button::-ms-clear, input.suggestBusy::-ms-clear, input.fldflexF::-ms-clear,
|
|
#uitvoerendelist_button::-ms-clear, .hasDatepicker::-ms-clear, #productsearch::-ms-clear
|
|
{
|
|
width : 0;
|
|
height: 0;
|
|
}
|
|
|
|
|
|
.fatal {
|
|
background-color: red;
|
|
color: yellow;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
div.fatal {
|
|
padding: 5px;
|
|
}
|
|
.warning {
|
|
background-color: orange;
|
|
color: black;
|
|
padding: 2px 5px 4px 5px;
|
|
height: 20px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
tr.listfatal td {
|
|
background-color: red;
|
|
color: yellow;
|
|
font-weight: bold;
|
|
}
|
|
.noshow, #fldnoshow {
|
|
color: yellow;
|
|
font-weight: bold;
|
|
background-color: red;
|
|
}
|
|
.rsSummary {
|
|
float: left;
|
|
background-color: #808080;
|
|
color: #FFFFFF;
|
|
padding: 0px; /* moet 0, anders zie je nog iets als-ie hidden is */
|
|
}
|
|
.rsTruncmore {
|
|
color: #888;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.mldsubject {
|
|
font-weight: bold;
|
|
}
|
|
.mldopdruren {
|
|
background-color: #F5F5F5;
|
|
}
|
|
.mldimpropdruren {
|
|
background-color: #F7C39D;
|
|
}
|
|
.mldopdrurenkosten {
|
|
background-color: #9EADF6;
|
|
}
|
|
#legenda {
|
|
background-color: ==backgroundcolor==;
|
|
}
|
|
.legendatitel {
|
|
font-weight: bold;
|
|
white-space: nowrap;
|
|
}
|
|
.legendaregel
|
|
{
|
|
vertical-align:top;
|
|
width:25px;
|
|
padding:0;
|
|
}
|
|
.legendakleur {
|
|
width: 16px;
|
|
height: 16px;
|
|
box-shadow: 1px 1px 1px #888888;
|
|
margin-bottom: 2px;
|
|
}
|
|
.legendatekst {
|
|
white-space: nowrap;
|
|
padding-left: 2px;
|
|
}
|
|
#meldinglegenda, #opdrachtlegenda, #inslegenda, #planbordlegenda {
|
|
width:100%;
|
|
background-color: #ffffff;
|
|
border: 1px solid #eee;
|
|
border-collapse: separate;
|
|
border-spacing: 1px;
|
|
}
|
|
#meldinglegenda td, #opdrachtlegenda td, #inslegenda td, #planbordlegenda td {
|
|
padding-left: 6px;
|
|
}
|
|
|
|
/* FG classes*/
|
|
#navigationCell{
|
|
float: left;
|
|
width: 220px;
|
|
overflow: auto;
|
|
overflow-x: hidden;
|
|
background-color: ==backgroundcolor==;
|
|
padding-left:1px;
|
|
padding-right:2px;
|
|
border-right: 1px solid #ccc;
|
|
border-bottom: 1px solid #ccc;
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
}
|
|
#LinkerNavi {
|
|
vertical-align: top;
|
|
width: 220px;
|
|
background-color: ==backgroundcolor==;
|
|
}
|
|
|
|
#mapCell {
|
|
border: 0px;
|
|
margin-left: 223px;
|
|
height: 800px;
|
|
}
|
|
|
|
#mapCell3D {
|
|
border: 0px;
|
|
margin-left: 223px;
|
|
height: 800px;
|
|
}
|
|
#tabsCell {
|
|
border-top:1px solid black;
|
|
}
|
|
/* Graphics */
|
|
td.selectable {
|
|
padding: 0; cursor:pointer;
|
|
}
|
|
#docBody {
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 700px;
|
|
height: 400px;
|
|
}
|
|
#theTabs {
|
|
height:100%;
|
|
padding-top:1px;
|
|
}
|
|
|
|
.draggable {
|
|
color: red;
|
|
text-decoration: none !important;
|
|
font-weight: bold;
|
|
cursor: move !important;
|
|
}
|
|
.drag {
|
|
position: relative;
|
|
cursor: pointer;
|
|
color: red;
|
|
}
|
|
#navigationCell.collapsed {
|
|
display:none;
|
|
}
|
|
#fgmenutoggler {
|
|
background-color: white;
|
|
height: 18px;
|
|
width: 13px;
|
|
top: 1px;
|
|
border-right-style: none;
|
|
border-radius: 3px 0px 0px 3px;
|
|
background-image:url(../appl/Pictures/togglerleft.png);
|
|
}
|
|
#fgmenutoggler.collapsed {
|
|
border-left: 0px;
|
|
border-right-style: solid;
|
|
border-radius: 0px 3px 3px 0px;
|
|
background-image:url(../appl/Pictures/togglerright.png);
|
|
}
|
|
#fgmenutoggler:hover {
|
|
background-color:#ddd;
|
|
}
|
|
#fgtabtoggler {
|
|
background-color: white;
|
|
height: 13px;
|
|
width: 18px;
|
|
border-top-style: none;
|
|
border-radius: 0px 0px 3px 3px;
|
|
background-image:url(../appl/Pictures/togglerdown.png);
|
|
}
|
|
#fgtabtoggler:hover {
|
|
background-color:#ddd;
|
|
}
|
|
#fgtabtoggler.collapsed {
|
|
border-top-style: solid;
|
|
border-bottom: 1px;
|
|
border-radius: 3px 3px 0px 0px;
|
|
background-image:url(../appl/Pictures/togglerup.png);
|
|
}
|
|
|
|
/* Enkele 'vieze' overrules */
|
|
#navigationCell label,
|
|
#navigationCell .fldloc,
|
|
#navigationCell .fldbld,
|
|
#navigationCell .fldflr,
|
|
#navigationCell .fldscenario
|
|
{
|
|
width: 200px;
|
|
}
|
|
|
|
#navigationCell .fldsDiscsIn,
|
|
#navigationCell .fldrooms,
|
|
#navigationCell select,
|
|
#fLegenda select
|
|
{
|
|
width: 199px;
|
|
}
|
|
/* note: the order is which the next definitions appear is
|
|
significant, and more of these are defined in slnkdwf.css
|
|
*/
|
|
.openFG, .closedFG, .fixedFG {
|
|
width: 220px;
|
|
background-color: ==frameheaderbackgroundcolor==;
|
|
color: ==frameheadercolor==;
|
|
}
|
|
.openFG, .closedFG {
|
|
background-repeat: no-repeat;
|
|
background-position: 4px 5px;
|
|
-webkit-transition: background-color 0.4s; /* Safari */
|
|
transition: background-color 0.4s;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.openFG:hover, .closedFG:hover {
|
|
background-color: ==blockheaderbackgroundcolor==;
|
|
color: ==blockheadercolor==;
|
|
}
|
|
.openFG {
|
|
background-image:url(../appl/Pictures/up.png); /*TODO*/
|
|
}
|
|
.closedFG {
|
|
background-image:url(../appl/Pictures/down.png); /*TODO*/
|
|
}
|
|
.fixedFG {
|
|
line-height: 2em;
|
|
border-top: 2px solid white;
|
|
padding-left: 8px;
|
|
}
|
|
.openFG td, .closedFG td {
|
|
line-height: 2em;
|
|
padding-left: 25px;
|
|
border-top: 2px solid white;
|
|
}
|
|
|
|
#navbuttons {
|
|
background-color: ==frameheaderbackgroundcolor==;
|
|
color: ==frameheadercolor==;
|
|
}
|
|
#navbuttons span.active {
|
|
color: ==buttonhoverbackgroundcolor==; /* ja?*/
|
|
}
|
|
#navbuttons span:hover {
|
|
color: ==iconhovercolor==;
|
|
background-color: ==buttonhoverbackgroundcolor==;
|
|
}
|
|
|
|
#toggler {
|
|
float: left;
|
|
width: 12px;
|
|
height: 100%;
|
|
cursor: pointer;
|
|
}
|
|
#SearchCode, #SearchLbl {
|
|
width: 130px;
|
|
margin-left: 12px;
|
|
}
|
|
|
|
.area_diff {
|
|
color: red;
|
|
}
|
|
|
|
.bit_group {
|
|
}
|
|
label>span.facmgtmultilang:before,.facmgtmultilangheader:before {
|
|
content: url(../appl/Pictures/nl.png);
|
|
padding-right: 3px;
|
|
}
|
|
|
|
|
|
/* phonebook API */
|
|
#phonebookdetails {
|
|
background-color:#fff;
|
|
padding: 5px 5px 10px 5px;
|
|
border: 1px solid #888;
|
|
}
|
|
#phonebookdetails .label {
|
|
text-align: right;
|
|
padding-right: 5px;
|
|
}
|
|
#phonebookdetails .value {
|
|
}
|
|
#phonebookdetails th {
|
|
background-color: #fff;
|
|
}
|
|
#phonebookdetails .title,
|
|
#phonebookdetails .title a {
|
|
text-align: left;
|
|
font-size: 1.1em;
|
|
}
|
|
#phonebookdetails td {
|
|
padding: 3px;
|
|
}
|
|
|
|
/* vinder styling */
|
|
#vinderNaw {
|
|
padding: 10px;
|
|
clear: left;
|
|
float:left;
|
|
width: 600px;
|
|
}
|
|
|
|
#vinderMelding{
|
|
padding: 10px;
|
|
clear: both;
|
|
width: 600px;
|
|
}
|
|
|
|
table.filter {
|
|
background-color: ==backgroundcolor==;
|
|
border: 1px solid #ccc;
|
|
margin-bottom: 10px;
|
|
}
|
|
table.filter th {
|
|
background-color: ==tableheaderbackgroundcolor==;
|
|
color: ==tableheadercolor==;
|
|
font-weight: normal;
|
|
font-size: 1.1em;
|
|
margin-bottom: 2px;
|
|
}
|
|
table.filter td {
|
|
cursor: pointer;
|
|
padding:3px 2px 1px 4px;
|
|
color: ==textcolor==;
|
|
line-height: 18px;
|
|
}
|
|
table.filter td.count {
|
|
font-size: 0.9em;
|
|
text-align: right;
|
|
}
|
|
table.filter td.meer {
|
|
font-size: 0.9em;
|
|
cursor: default;
|
|
}
|
|
table.filter img {
|
|
padding-right: 4px;
|
|
vertical-align: bottom
|
|
}
|
|
span.wisFilter {
|
|
color: #888;
|
|
cursor: pointer;
|
|
}
|
|
#searchBox {
|
|
font-size: 1.8em;
|
|
vertical-align: top;
|
|
text-align: center;
|
|
padding: 5px;
|
|
}
|
|
#searchBox #searchText {
|
|
font-size: 1.0em;
|
|
color: #666;
|
|
}
|
|
#searchBox input {
|
|
vertical-align: middle;
|
|
}
|
|
#breadcrums {
|
|
padding: 10px;
|
|
}
|
|
.tag {
|
|
color: #3e6d8e;
|
|
margin: 2px 4px 2px 1px;
|
|
padding: 2px 3px 2px 3px;
|
|
}
|
|
#prodtable {
|
|
border: 1px solid #f1f1f1;
|
|
}
|
|
#prodtable th {
|
|
background-color: #fafafa;
|
|
color: ==textcolor==;
|
|
border: none;
|
|
border-bottom: 1px solid #f1f1f1;
|
|
}
|
|
|
|
#mod_authQR
|
|
{
|
|
font-size:9pt;
|
|
line-height: 12pt;
|
|
}
|
|
#mod_authQR #qrurl
|
|
{
|
|
font-size:12px;
|
|
font-family: courier;
|
|
white-space: nowrap;
|
|
}
|
|
.otptoken {
|
|
color: #ddd;
|
|
}
|
|
.otptokencurrent {
|
|
color: #000;
|
|
}
|
|
#uitleen_restxt
|
|
{
|
|
font-size:9pt;
|
|
line-height: 12pt;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
p.trunc {
|
|
white-space: nowrap;
|
|
width: 140px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
table.filter p { margin: 0px; }
|
|
|
|
#hidFrame { display: none; }
|
|
|
|
/* experimentje. is dit leuk? */
|
|
input, textarea, select {
|
|
outline: none;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
input:focus, textarea:focus, select:focus {
|
|
box-shadow: 0 0 0px #888;
|
|
border: 1px solid #888;
|
|
}
|
|
input[type=radio]:focus,
|
|
input[type=checkbox]:focus {
|
|
border: none;
|
|
box-shadow: 0 0 0px #888;
|
|
}
|
|
input[readonly], select[readonly], textarea[readonly] {
|
|
box-shadow: none;
|
|
border:none;
|
|
}
|
|
|
|
/* touch colors are defined here to allow customisation */
|
|
#tabletmenu {
|
|
color: ==portalkopcolor==;
|
|
}
|
|
.tabletmenu img {
|
|
background-color: ==frameheaderbackgroundcolor==;
|
|
}
|
|
.tmenutab {
|
|
background-color: ==tableheaderbackgroundcolor==;
|
|
color: ==tableheadercolor==;
|
|
border: 2px solid ==frameheadercolor==;
|
|
}
|
|
#tabletmenu #luser {
|
|
color: ==blockheaderbackgroundcolor==;
|
|
}
|
|
.tmenutabhome {
|
|
color: ==textcolor==;
|
|
}
|
|
|
|
/* floorscreen */
|
|
.floorscreen input[type=button] {
|
|
background-color:#a33;
|
|
width: 180px;
|
|
margin: 2px;
|
|
font-weight: bold;
|
|
padding: 12px;
|
|
box-shadow: 2px 2px 2px #888888;
|
|
margin-bottom: 12px;
|
|
font-size: 1.3em;
|
|
border-radius: 4px;
|
|
color: ==backgroundcolor==;
|
|
}
|
|
.floorscreen input[type=button]:hover {
|
|
background-color:#fff;
|
|
}
|
|
.floorscreen input[type=button].selected {
|
|
background-color:#d00;
|
|
font-weight:bold;
|
|
text-shadow: 1px 1px #ccc;
|
|
}
|
|
.floorscreen #fsnavigation {
|
|
width: 220px;
|
|
overflow: auto;
|
|
overflow-x: hidden;
|
|
background-color: ==backgroundcolor==;
|
|
border-right: 1px solid ==textcolor==;
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
text-align: center;
|
|
height: 100%;
|
|
}
|
|
.floorscreen #fslegenda { position:absolute;bottom:20px; left:10px }
|
|
.floorscreen #theReport
|
|
{
|
|
background-color: #f0f0f0;
|
|
width: 650px;
|
|
position: absolute;
|
|
bottom: 10px;
|
|
right: 25px;
|
|
box-shadow: 2px 2px 2px #888888;
|
|
border: 1px solid #888888;
|
|
}
|
|
|
|
.floorscreen #theClock
|
|
{
|
|
position: absolute;
|
|
top: 10px;
|
|
right: 25px;
|
|
font-size: 20px;
|
|
background-color: transparent;
|
|
color: #888;
|
|
text-align: right;
|
|
z-index:999;
|
|
}
|
|
|
|
.rflrscreen #rstable th
|
|
{
|
|
background-color: ==backgroundcolor==;
|
|
color: ==textcolor==;
|
|
}
|
|
.rflrscreen #rstable td
|
|
{
|
|
padding: 2px;
|
|
background-color: transparent;
|
|
}
|
|
.rflrscreen #iframerextratitle
|
|
{
|
|
color: ==frameheaderbackgroundcolor==;
|
|
}
|
|
|
|
body.floorscreen3d {
|
|
background-color: #fff;
|
|
margin: 0px;
|
|
overflow: hidden;
|
|
}
|
|
.bord3d {
|
|
padding: 2px 4px 2px 4px;
|
|
border: 2px outset #666;
|
|
background-color: #fff;
|
|
color: #555;
|
|
font-size: 0.8em;
|
|
font-family: Arial, Helvetica, Sans-serif;
|
|
}
|
|
|
|
#xsldata {
|
|
height:100%;
|
|
font-family: Courier;
|
|
min-height: 550px;
|
|
width:98%;
|
|
margin: 5px;
|
|
}
|
|
#req_srtnoti { display: inline; }
|
|
/* Tabgrootte zetten werkt helaas niet in IE */
|
|
#xsldata, pre { -moz-tab-size:4; }
|
|
#xsledit label, #xslview label {padding-right: 10px;}
|
|
#xslview {padding: 8px 0 10px 0;}
|
|
#sDocuments {width: 200px;}
|
|
|
|
#scfcolpicker {
|
|
padding:10px;
|
|
border:1px solid black;
|
|
position:absolute;top:5px;left:500px;
|
|
background-color:#f0f0f0;
|
|
z-index:25;
|
|
}
|
|
#scfcolpicker select {
|
|
width:150px;
|
|
}
|
|
|
|
#scfcolpicker td:hover {
|
|
cursor: move;
|
|
}
|
|
|
|
#scfcolpicker td input {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.hasIcon i.fa, .icontxt {
|
|
-webkit-transition: color 0.4s; /* Safari */
|
|
transition: color 0.4s;
|
|
}
|
|
.hasIcon i.fa, i.fa.hasIcon {
|
|
color:==iconcolor==;
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
#btn_bez_morevis i, #btn_bez_import i, #btn_add_sub i
|
|
{
|
|
color:==icontextcolor==;
|
|
}
|
|
|
|
.icontxt {
|
|
color:==icontextcolor==;
|
|
font-size: 0.85em;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
#buttons ul li.hasIcon:hover,
|
|
#buttons ul li.hasIcon a:hover,
|
|
.hasIcon:hover i.fa,
|
|
.hasIcon.dialog i.fa, /* geen hover? */
|
|
.icontxt:hover,
|
|
.hasIcon:hover span {
|
|
color:==iconhovercolor==;
|
|
}
|
|
|
|
#btn_bez_morevis:hover i, #btn_bez_import:hover i, #btn_add_sub:hover i
|
|
{
|
|
color:==iconhovercolor==;
|
|
}
|
|
|
|
li.hasIcon.dialog i.fa
|
|
{
|
|
font-size: 2em;
|
|
margin-right: 8px;
|
|
line-height: 1.2em;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
div.smallbuttons .icontxt {
|
|
display: none;
|
|
}
|
|
div.smallbuttons li.byHamburger .icontxt {
|
|
display: inline;
|
|
}
|
|
|
|
.ui-widget-content{
|
|
border:1px solid #eee;
|
|
}
|
|
|
|
li.hiddenbutton {
|
|
padding: 0px 0px 0px 0px!important;
|
|
}
|
|
|
|
.ui-widget {
|
|
font-family: ==fontfamily==;
|
|
}
|
|
|
|
#prodsearchsearch {
|
|
border: 0px;
|
|
}
|
|
|
|
#showlink {
|
|
border: 0px solid #ccc!important;
|
|
box-shadow: 4px 4px 8px rgba(0,0,0, 0.5);
|
|
text-align: right!important;
|
|
}
|
|
|
|
#showlink input[type=button] {
|
|
background-color:==buttonbackgroundcolor==;
|
|
color: ==buttoncolor==;
|
|
border: 0px;
|
|
cursor: pointer;
|
|
padding: 2px;
|
|
}
|
|
|
|
tr.report_V td {
|
|
background-color: #FEFFBB;
|
|
}
|
|
tr.report_I td {
|
|
background-color: #FEFFBB;
|
|
color: #606060;
|
|
}
|
|
tr.report_H td {
|
|
color: #a0a0a0;
|
|
}
|
|
|
|
/* KPI module; niet alles even noodzakelijk */
|
|
.kpitcol1, .kpicol1 {
|
|
width: 20%;
|
|
}
|
|
.kpicol2 {
|
|
width: 45%;
|
|
}
|
|
table.kpidetails {
|
|
width: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
td.kpidetails {
|
|
font-size: 8pt;
|
|
vertical-align: top;
|
|
}
|
|
.kpisec_heading {
|
|
background-color: ==blockheaderbackgroundcolor==;
|
|
color: ==blockheadercolor==;
|
|
font-size: 1.8em;
|
|
vertical-align: bottom;
|
|
padding: 4px 0 0 15px;
|
|
}
|
|
.kpiavg {
|
|
color: #fff;
|
|
font-size: 2em;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
width: 100px;
|
|
height: 80px;
|
|
}
|
|
.kpiscore {
|
|
width: 50px;
|
|
text-align: right;
|
|
}
|
|
.kpioms {
|
|
min-width: 300px;
|
|
}
|
|
|
|
.mjbtotal {
|
|
border-left:1px solid #aaa;
|
|
vertical-align: middle;
|
|
}
|
|
.mjbjaar {
|
|
border-left:1px solid #eee;
|
|
vertical-align: middle;
|
|
}
|
|
.mjbplanned td {
|
|
background: -webkit-linear-gradient(top, rgba(255, 254, 156, 1), rgba(255, 254, 156, 0.4) 80%); /* For Safari 5.1 to 6.0 */
|
|
background: -moz-linear-gradient(top, rgba(255, 254, 156, 1), rgba(255, 254, 156, 0.4) 80%); /* For Firefox 3.6 to 15 */
|
|
background: linear-gradient(to top, rgba(255, 254, 156, 0.6), rgba(255, 254, 156, 0.4) 80%); /* Standard syntax */
|
|
background-color: #FFEB9C\9; /* IE 8 and below */
|
|
}
|
|
.mjbstd td {
|
|
filter: alpha(opacity=90);
|
|
opacity: 0.9;
|
|
}
|
|
.mjbxcp td {
|
|
filter: alpha(opacity=100);
|
|
opacity: 1.0;
|
|
}
|
|
span.mjborgbedrag {
|
|
color: #ccc;
|
|
font-size: 0.9em;
|
|
}
|
|
span.draggable .mjborgbedrag {
|
|
color: ==linkcolor==;
|
|
}
|
|
.mjbafbouw {
|
|
background-image: url(../appl/Pictures/minus.png) !important; /*TODO*/
|
|
background-repeat: no-repeat !important;
|
|
background-position: center !important;
|
|
}
|
|
.mjbverval, .mjbplanned.mjbverval {
|
|
background-image: url(../appl/Pictures/minus-circle.png) !important; /*TODO*/
|
|
background-repeat: no-repeat !important;
|
|
background-position: center !important;
|
|
}
|
|
|
|
/* toaster stuff */
|
|
.jq-icon-info { background-color: #31708f; color: #d9edf7; border-color: #bce8f1; }
|
|
.jq-icon-warning { background-color: #8a6d3b; color: #fcf8e3; border-color: #faebcc; }
|
|
.jq-icon-error { background-color: #a94442; color: #f2dede; border-color: #ebccd1; }
|
|
.jq-icon-success { background-color: ==blockheadercolor==; color: ==blockheaderbackgroundcolor==; border-color: ==blockheadercolor==; }
|
|
|
|
.resartikelfoto {
|
|
padding: 2px 2px 2px 20px;
|
|
}
|
|
|
|
.tableFloatingHeader {
|
|
z-index: 10;
|
|
}
|
|
|
|
li#printhamburger {
|
|
padding-right:5px!important;
|
|
}
|
|
.hamburger {
|
|
cursor:pointer;
|
|
}
|
|
|
|
#tab_room_sched thead tr,
|
|
.tab_obj_sched thead tr,
|
|
#tab_room_sched thead tr i,
|
|
.tab_obj_sched thead tr i {
|
|
background-color: ==blockheaderbackgroundcolor==;
|
|
color: ==blockheadercolor==;
|
|
}
|
|
#tab_room_sched thead tr i:hover, .tab_obj_sched thead tr i:hover {
|
|
/* color: ==buttonhovercolor==; */
|
|
}
|
|
|
|
/* http://ilikepixels.co.uk/bubbler-css-speech-bubble-generator/ */
|
|
.bubble {
|
|
position: relative;
|
|
min-width: 250px;
|
|
max-width: 90%;
|
|
min-height: 41px;
|
|
padding: 4px 4px 8px 8px;
|
|
background: #D3E4E1;
|
|
-webkit-border-radius: 10px;
|
|
-moz-border-radius: 10px;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.bubble:after {
|
|
content: '';
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-width: 8px 15px 8px 0;
|
|
border-color: transparent #D3E4E1;
|
|
display: block;
|
|
width: 0;
|
|
z-index: 1;
|
|
margin-top: -8px;
|
|
left: -14px;
|
|
top: 30%;
|
|
}
|
|
|
|
tr.mldhandlingself .bubble {
|
|
background-color: #90E9A6 !important;
|
|
}
|
|
tr.mldhandlingself .bubble:after {
|
|
border-color: transparent #90E9A6 !important;
|
|
}
|
|
/* reset all styling for the frametabs, then restyle */
|
|
.frametabs,
|
|
.frametabs li {
|
|
border: 0 !important;
|
|
background-image: none !important;
|
|
background-color: ==frameheaderbackgroundcolor== !important;
|
|
padding: 0 !important;
|
|
}
|
|
.frametabs li {
|
|
border-left: 1px solid rgba(255,255,255,0.25) !important;
|
|
}
|
|
.frametabs li a {
|
|
color: ==icontextcolor== !important;
|
|
}
|
|
.frametabs li:hover a {
|
|
text-decoration: underline !important;
|
|
}
|
|
.frametabs .ui-state-active a,
|
|
.frametabs .ui-state-active a:link {
|
|
font-weight: bold !important;
|
|
}
|
|
|
|
#multilabel, .footerbutton {
|
|
padding: 6px 8px 5px 8px!important;
|
|
border-right: 1px solid rgba(255,255,255,0.25)!important;
|
|
}
|
|
|
|
#termshtml body {
|
|
width: 96%;
|
|
margin-left: 2.5%;
|
|
margin-top:5%;
|
|
}
|
|
div#terms {
|
|
height: 40em;
|
|
overflow-y:scroll;
|
|
padding: 1em;
|
|
}
|
|
div#prsAV {
|
|
border: 2px solid #aaa;
|
|
}
|
|
div.menuSpacer {
|
|
background-color: ==menubackgroundcolor==;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
}
|
|
@media all and (min-width: 40em){
|
|
#termshtml body {
|
|
width: 60%;
|
|
margin-left: 20%;
|
|
margin-top:10%;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|