2716 lines
54 KiB
C#
2716 lines
54 KiB
C#
/*
|
|
* $Revision$
|
|
* $Id$
|
|
*/
|
|
|
|
|
|
/* bodystyles */
|
|
html {
|
|
overflow: auto;
|
|
background-color: white;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
body {
|
|
font-family: ==fontfamily==;
|
|
font-size: 0.7em;
|
|
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;
|
|
}
|
|
strong{
|
|
}
|
|
/* IE9 TH links alignen */
|
|
th {
|
|
text-align: inherit;
|
|
}
|
|
#myportalteaser {
|
|
text-align: center;
|
|
font-size: 1.3em;
|
|
padding: 30px;
|
|
}
|
|
|
|
#loginbody, #loginhtml {
|
|
background-color: #DBE0DB;
|
|
text-align:center;
|
|
}
|
|
#loginbody div#dmodal,
|
|
#loginbody div#myportalteaser
|
|
{
|
|
margin: 0 auto;
|
|
}
|
|
|
|
#ifl_f #buttons {
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
#logintable {
|
|
background-color: #e0e0e0;
|
|
border: 2px solid #555;
|
|
margin: 0 auto;
|
|
}
|
|
#logintable td{
|
|
background-color: #f0f0f3;
|
|
line-height: 26px;
|
|
font-size: 1.1em;
|
|
padding-top: 2px;
|
|
padding-left: 6px;
|
|
}
|
|
#logintable #visname,
|
|
#logintable #vispswd
|
|
{
|
|
width: 220px;
|
|
border: 1px solid #666;
|
|
font-size: 1.2em;
|
|
height: 19px;
|
|
color: ==textcolor==;
|
|
border-radius: 4px;
|
|
}
|
|
#logintable label[for=remember]
|
|
{
|
|
font-weight: normal;
|
|
}
|
|
#mobkey {
|
|
text-align: left;
|
|
width: 30px;
|
|
}
|
|
#mobbutton {
|
|
}
|
|
|
|
#mainbody {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
#showbody {
|
|
}
|
|
#editbody, #rejectbody {
|
|
}
|
|
|
|
#searchbody {
|
|
}
|
|
|
|
#iconbody {
|
|
}
|
|
|
|
.simpelpage {
|
|
margin: 100px;
|
|
font-size: 16px;
|
|
font-weight: normal;
|
|
vertical-align: middle;
|
|
}
|
|
/* generic tag styles */
|
|
input, textarea, select {
|
|
font-size: 1em;
|
|
padding: 2px 1px 2px 2px;
|
|
margin: 0;
|
|
border:1px solid #ccc;
|
|
background-color: #FFFDF6;
|
|
|
|
}
|
|
td, th {
|
|
font-size: 1em;
|
|
padding: 0px 1px 1px 2px;
|
|
margin: 0;
|
|
border: 0;
|
|
}
|
|
|
|
input[type=text], select {
|
|
background-color: #FFFDF6;
|
|
}
|
|
|
|
input[type=text]:hover {
|
|
background-color:#FEFEFE;
|
|
}
|
|
|
|
input[type=file], input[type=password] {
|
|
border:1px solid #ccc;
|
|
background-color: #FFFDF1;
|
|
}
|
|
|
|
textarea:hover, select:hover {
|
|
background-color:#FEFEFE;
|
|
}
|
|
|
|
input[type=checkbox], input[type=radio]{
|
|
background-color:transparent;
|
|
margin:0 4px 0 2px;
|
|
border: none;
|
|
}
|
|
input[type=submit]{
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
input[readonly], select[readonly], textarea[readonly] {
|
|
background-color: transparent;
|
|
color: ==textcolor==;
|
|
border:0;
|
|
}
|
|
input[readonly]:hover, select[readonly]:hover, textarea[readonly]:hover {
|
|
background-color: ==backgroundcolor==;
|
|
}
|
|
|
|
/* de roomselector is een readonly input */
|
|
#sel_room {
|
|
border:1px solid #ccc;
|
|
min-width: 202px;
|
|
font-weight: normal;
|
|
}
|
|
/* label tag = de tekst */
|
|
label {
|
|
font-weight: bold;
|
|
padding-left: 0px;
|
|
margin: 0;
|
|
/*white-space: nowrap;*/
|
|
}
|
|
label.selector {
|
|
float: left; /* links in de td */
|
|
}
|
|
span.labelextra {
|
|
float: right; /* rechts in de td */
|
|
}
|
|
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;
|
|
}
|
|
|
|
a[href^="mailto:"] {
|
|
text-decoration: none;
|
|
color: ==textcolor==;
|
|
}
|
|
a:hover {
|
|
text-decoration: underline;
|
|
cursor: pointer;
|
|
}
|
|
a[href^="mailto:"].fldmailto {
|
|
background-color: ==backgroundcolor==;
|
|
}
|
|
|
|
form {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
th {
|
|
color: ==blockheadercolor==;
|
|
padding: 3px;
|
|
background-color: ==blockheaderbackgroundcolor==;
|
|
}
|
|
|
|
/* tabs: sluitkruisje */
|
|
.tabclose {
|
|
color: #aaa;
|
|
cursor: pointer;
|
|
font-weight: bold;
|
|
}
|
|
.tabcloseall {
|
|
color: #888;
|
|
cursor: pointer;
|
|
font-weight: bold;
|
|
font-size: 2em;
|
|
float: right;
|
|
line-height:31px;
|
|
padding: 0px 5px 3px 3px;
|
|
}
|
|
.hot {
|
|
color: red;
|
|
}
|
|
.tabclose:hover,
|
|
.tabcloseall:hover {
|
|
color: red;
|
|
}
|
|
|
|
|
|
/* 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: 4px;
|
|
}
|
|
#headersearch {
|
|
text-align: right;
|
|
padding-right: 4px;
|
|
}
|
|
#productsearch {
|
|
text-align: left;
|
|
width:218px;
|
|
/* die margin moet voor IE7-, en mag niet voor de rest..
|
|
margin-right: 3px; */
|
|
border: 2px solid;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#headerdate {
|
|
font-weight: bold;
|
|
text-align: right;
|
|
border: 0;
|
|
padding-right: 20px;
|
|
}
|
|
/*TODO*/
|
|
#headerprefix {
|
|
font-weight: bold;
|
|
text-align: center;
|
|
border: 0;
|
|
color: red;
|
|
position: absolute;
|
|
padding-left: 400px;
|
|
padding-top: 10px;
|
|
font-size: 3.0em;
|
|
}
|
|
#headerfunctions {
|
|
float: right;
|
|
margin-top: 2px;
|
|
}
|
|
#headerlogout {
|
|
display: inline;
|
|
cursor: pointer;
|
|
padding-right: 20px;
|
|
padding-left: 5px;
|
|
}
|
|
#headerhelp {
|
|
display: inline;
|
|
cursor: pointer;
|
|
text-align: right;
|
|
padding-right: 5px;
|
|
}
|
|
#loggedinuser {
|
|
display: inline;
|
|
text-align: right;
|
|
padding-right: 180px;
|
|
}
|
|
#langtoggle {
|
|
display: inline; /* display:none to hide */
|
|
}
|
|
#loggedinuser span {
|
|
cursor: pointer;
|
|
}
|
|
#headerlogout:hover, #headerhelp:hover, #loggedinuser span:hover {
|
|
text-decoration: underline;
|
|
}
|
|
#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:0px;
|
|
padding:5px 3px 9px 3px;
|
|
height:1em;
|
|
border-radius: 8px;
|
|
z-index:10;
|
|
}
|
|
|
|
div.ias {
|
|
visibility:hidden;
|
|
padding:0px;
|
|
white-space: nowrap;
|
|
cursor: default;
|
|
height:1em;
|
|
padding:5px;
|
|
}
|
|
.rstable tbody tr:hover td div.ias
|
|
{
|
|
visibility:visible;
|
|
}
|
|
|
|
.ia { /*inline action span */
|
|
cursor: pointer;
|
|
color: blue;
|
|
}
|
|
|
|
span.ia2 { /*inline action v2 */
|
|
cursor: pointer;
|
|
color: #f26522;
|
|
border: 1px solid #aaa;
|
|
margin: 1px;
|
|
padding: 2px 4px 2px 4px;
|
|
background-color:#fff;
|
|
border-radius: 8px;
|
|
box-shadow: 2px 2px 2px #888888;
|
|
}
|
|
|
|
span.ia2:hover {
|
|
background-color:#f26522;
|
|
color: #fff;
|
|
}
|
|
|
|
.afwijkopstel {
|
|
font-weight: bold;
|
|
}
|
|
tr.updated td .afwijkopstel {
|
|
background-color:#888;
|
|
}
|
|
.dirty td {
|
|
color: #888;
|
|
}
|
|
.highlite td {
|
|
color: white;
|
|
background-color: blue;
|
|
}
|
|
|
|
.inlinedetails {
|
|
}
|
|
.inlinedetails.closed {
|
|
}
|
|
|
|
/* 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 {
|
|
padding: 2px 5px 4px 5px;
|
|
height: 20px;
|
|
background-color: ==frameheaderbackgroundcolor==;
|
|
text-align: right;
|
|
}
|
|
.fcltframeheader span {
|
|
padding-top: 2px;
|
|
}
|
|
|
|
#iframerextratitle {
|
|
font-weight: normal;
|
|
font-style: italic;
|
|
color: ==frameheadercolor==;
|
|
font-size: 8pt;
|
|
padding: 2px 6px 2px 6px;
|
|
margin-left:10px;
|
|
display: none;
|
|
}
|
|
|
|
div.fcltframeheader {
|
|
font-size: 1.2em;
|
|
font-weight: bold;
|
|
color: ==frameheadercolor==;
|
|
text-align: left;
|
|
cursor: pointer; /* it can collapse */
|
|
overflow-y: hidden;
|
|
}
|
|
|
|
div.widget {
|
|
border: 1px solid #f1f1f1;
|
|
margin: 2px;
|
|
border-radius: 5px;
|
|
}
|
|
.widgettitle {
|
|
border-bottom: 1px solid #f1f1f1;
|
|
background-color: white;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
line-height: 20px;
|
|
}
|
|
/* Modal windows (kalender, popups) */
|
|
.ui-dialog {
|
|
box-shadow: 5px 5px 10px rgba(0,0,0, 0.5);
|
|
}
|
|
.ui-widget-header.ui-datepicker-header,
|
|
.ui-widget-header.ui-dialog-titlebar {
|
|
background:none;
|
|
background-color: ==frameheaderbackgroundcolor==;
|
|
color: ==frameheadercolor==;
|
|
border: none;
|
|
}
|
|
.ui-datepicker-calendar th {
|
|
background: ==blockheaderbackgroundcolor== repeat-x left top;
|
|
}
|
|
/* Een kader om velden in een view-editscherm */
|
|
.fcltblock {
|
|
margin:3px;
|
|
padding:0px;
|
|
text-align:left;
|
|
border-radius: 4px;
|
|
}
|
|
body.modal .fcltblock {
|
|
background-color:#F1F1F1;
|
|
border:1px solid #ccc;
|
|
}
|
|
|
|
.fcltblocktab {
|
|
border: 0;
|
|
margin-top: 0px;
|
|
border-collapse: collapse;
|
|
border-spacing:0;
|
|
}
|
|
|
|
.fcltblocktab td {padding-top:1px;}
|
|
|
|
.fcltblockhead {
|
|
background-color:==blockheaderbackgroundcolor==;
|
|
color: ==blockheadercolor==;
|
|
font-weight: bold;
|
|
font-size: 1.2em;
|
|
padding: 1px 0 2px 5px;
|
|
border-style: outset;
|
|
}
|
|
.fcltblockhead img.details {
|
|
margin-bottom: -3px;
|
|
}
|
|
|
|
#editbody .fcltblockhead {
|
|
background-color:==blockheaderbackgroundcolor==;
|
|
color: ==blockheadercolor==;
|
|
}
|
|
body.modal .fcltblockhead{
|
|
background-color:==blockheaderbackgroundcolor==;
|
|
color: ==blockheadercolor==;
|
|
}
|
|
#showbody .fcltblockhead {
|
|
background-color:#ccc;
|
|
color: ==textcolor==;
|
|
}
|
|
#showbody td,
|
|
#editbody td,
|
|
#searchbody td {
|
|
line-height:1.7em;
|
|
}
|
|
|
|
.fcltblock .inside {
|
|
padding: 1px 3px 2px 3px;
|
|
background-color: ==backgroundcolor==;
|
|
border:1px solid #ccc;
|
|
border-top: 0;
|
|
}
|
|
#search .inside {
|
|
border: none;
|
|
}
|
|
|
|
.info {
|
|
padding: 4px 4px 12px 4px;;
|
|
font-size: 1.2em;
|
|
color: #111111;
|
|
}
|
|
|
|
#selfInput.fcltblock td {
|
|
padding: 2px;
|
|
}
|
|
|
|
.inside {
|
|
margin:0;
|
|
padding: 0;
|
|
}
|
|
|
|
/* 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:2em;
|
|
text-align:center;
|
|
}
|
|
#mynewscontainer {
|
|
display: inline;
|
|
}
|
|
#mynewsframe {
|
|
padding: 0px;
|
|
/*TODO height: 168px;*/
|
|
}
|
|
#myactionsinfo, #mywelcomeinfo, #mymessagesinfo {
|
|
font-weight: bold;
|
|
padding: 4px;
|
|
}
|
|
#myactionscontainer {
|
|
display: inline;
|
|
}
|
|
#myactionsframe {
|
|
padding: 0;
|
|
/*TODO height: 250px;*/
|
|
}
|
|
#mywelcomeinfo {
|
|
background-color: ==blockheaderbackgroundcolor==;
|
|
color: ==blockheadercolor==;
|
|
}
|
|
.ui-tabs-nav {
|
|
border-bottom-left-radius: 0px;
|
|
border-bottom-right-radius: 0px;
|
|
}
|
|
|
|
#facforum div {background-color: #FFFF80; background-image: none; border: 1px solid #E22000; }
|
|
#facforum h5 {background-color: #FFFF80; background-image: none; border: 1px solid #E22000; font-weight: normal; color#000;}
|
|
|
|
#nieuwsbody {background-color: ==backgroundcolor==; padding:0; margin:0; border: 1px 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;}
|
|
#usermess td {line-height:1.7em;}
|
|
.usermessage a {text-decoration: none; cursor:pointer;}
|
|
.usermessage a:hover {text-decoration: underline; color: #f26522;}
|
|
.newstextFreshRed {font-weight: bold; color: red;}
|
|
.newstextFresh {font-weight: bold; color: ==textcolor==;}
|
|
.newstext {color: ==textcolor==;}
|
|
td.markread {
|
|
width: 24px;
|
|
cursor:pointer;
|
|
background-image:url(../appl/pictures/bin_closed.png) ;
|
|
background-repeat:no-repeat;
|
|
background-position:center;
|
|
z-index:10;
|
|
}
|
|
|
|
/*ZOEKSCHERMEN*/
|
|
|
|
#search {
|
|
border-bottom-left-radius: 6px;
|
|
border-bottom-right-radius: 6px;
|
|
min-width: 645px; /*745px;*/
|
|
max-width: 1000px;
|
|
margin: 2px 2px 2px 2px;
|
|
padding: 0;
|
|
background-color: ==backgroundcolor==;
|
|
border: 1px solid #ccc;
|
|
box-shadow: 2px 2px 2px #888888;
|
|
}
|
|
#search div.fcltblock {
|
|
margin:0px;
|
|
text-align:left;
|
|
}
|
|
#search div.fcltblock label {
|
|
color: ==textcolor==;
|
|
}
|
|
|
|
#search div.fcltblockhead {
|
|
background-color: ==blockheaderbackgroundcolor==;
|
|
color: ==blockheadercolor==;
|
|
padding: 1px 5px 2px 8px;
|
|
margin: 1px;
|
|
}
|
|
#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;
|
|
}
|
|
|
|
/* 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: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.wildcard {
|
|
background-color:#F5FAFF;
|
|
}
|
|
#rejecttable, #accepttable {
|
|
width: 100%;
|
|
}
|
|
|
|
/*
|
|
* THE BUTTONS
|
|
*/
|
|
/* het blok waarin de list met buttons */
|
|
#buttons {
|
|
float:right;
|
|
text-align:right;
|
|
margin-right:10px;
|
|
margin-left:5px;
|
|
margin-bottom:5px;
|
|
margin-top:0px;
|
|
}
|
|
|
|
#buttons ul {
|
|
padding: 3px 0;
|
|
margin-left: 0;
|
|
margin-bottom: 0;
|
|
margin-top: 0;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
/* een button */
|
|
#buttons ul li,
|
|
#buttons ul li a {
|
|
list-style-type: none;
|
|
display: inline;
|
|
width: 100px;
|
|
}
|
|
|
|
|
|
#buttons ul li,
|
|
#buttons ul li a,
|
|
.mv,
|
|
input.button,
|
|
span.button {
|
|
cursor: pointer;
|
|
padding: 3px 9px 4px 10px;
|
|
color: ==buttoncolor==;
|
|
background-color:==buttonbackgroundcolor==;
|
|
text-align: center;
|
|
border-radius:10px;
|
|
font-size: 11px;
|
|
font-weight: bold;
|
|
margin: 1px;
|
|
}
|
|
|
|
/* Met icons een lichtere achtergrond */
|
|
#buttons ul li.hasIcon,
|
|
#buttons ul li.hasIcon a {
|
|
background-color: rgba(255,255,255,0.5);
|
|
padding: 7px 10px 0px 11px;
|
|
}
|
|
|
|
#buttons ul li:hover,
|
|
input.button:hover,
|
|
span.button:hover,
|
|
.mv:hover {
|
|
background-color:==blockheaderbackgroundcolor==;
|
|
color: ==blockheadercolor==;
|
|
}
|
|
#buttons ul li.hasIcon:hover {
|
|
background-color: #fff;
|
|
background-color: rgba(255,255,255,0.9);
|
|
}
|
|
#buttons ul li.selected {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
#buttons ul li.vertical {
|
|
display: block;
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
.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;
|
|
opacity: 0;
|
|
border: 0;
|
|
cursor: default;
|
|
}
|
|
|
|
/* een buttonhover */
|
|
#buttons ul li a:hover {
|
|
color: green;
|
|
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/copy.png);
|
|
}
|
|
|
|
li.dialog span.default
|
|
{
|
|
font-size: 20px;
|
|
line-height: 36px;
|
|
}
|
|
|
|
img.photo {
|
|
border: 0;
|
|
cursor: pointer;
|
|
margin: 0;
|
|
padding: 0;
|
|
height: 100px;
|
|
width: 100px;
|
|
}
|
|
|
|
img.details, span.details, tr.details, div.ref {
|
|
border: 0;
|
|
cursor: pointer;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
img.lendobj {
|
|
padding: 0px;
|
|
margin: 0px;
|
|
margin-left: 5px;
|
|
cursor: auto;
|
|
height: 12px;
|
|
}
|
|
|
|
/* moreinfo als link ipv icon */
|
|
input.details, span.details, a.details {
|
|
cursor: pointer;
|
|
color: #2222CC;
|
|
}
|
|
label.cadselect {
|
|
cursor: pointer;
|
|
color: #2222CC;
|
|
text-decoration: underline;
|
|
}
|
|
input.details:hover,
|
|
label.cadselect:hover,
|
|
.fcltblockhead .details:hover {
|
|
text-decoration: underline;
|
|
color: #f26522;
|
|
}
|
|
|
|
|
|
.mover {
|
|
width: 30px;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
font-weight: normal;
|
|
font-size: 2em;
|
|
}
|
|
|
|
.fileopen {
|
|
width: 16px;
|
|
height: 16px;
|
|
background-image: url(../appl/pictures/fileopen.png);
|
|
}
|
|
.bijlage, .bijlage1, .materiaal {
|
|
background-repeat: no-repeat;
|
|
background-position: 6px;
|
|
padding: 4px 0 4px 25px;
|
|
width: 140px;
|
|
text-align: left;
|
|
}
|
|
.bijlage1 {
|
|
background-image: url(../appl/pictures/doc_text_image.png);
|
|
}
|
|
.bijlage {
|
|
background-image: url(../appl/pictures/folder.png);
|
|
}
|
|
.materiaal {
|
|
background-image: url(../appl/pictures/materiaal.png);
|
|
}
|
|
|
|
.uitvoerenden {
|
|
background-image: url(../appl/pictures/materiaal.png);
|
|
background-repeat: no-repeat;
|
|
background-position: 3px;
|
|
padding: 4px 0 4px 25px;
|
|
width: 140px;
|
|
text-align: left;
|
|
}
|
|
|
|
#r_objs_button {
|
|
background-image: url(../appl/pictures/hand_point.png);
|
|
background-repeat: no-repeat;
|
|
background-position: 6px;
|
|
}
|
|
|
|
.frametab {
|
|
width: 100%;
|
|
padding: 0px!important;
|
|
}
|
|
|
|
div#result {
|
|
width: 100%;
|
|
}
|
|
|
|
div#edit {
|
|
/* background-color: #D3EAFF; */
|
|
/* padding: 30px 10px 0 2px; */
|
|
}
|
|
|
|
/* headerstyles, usually to be overruled */
|
|
#header
|
|
{
|
|
background: url(../appl/pictures/fac_head.gif) no-repeat;
|
|
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 thead th
|
|
{
|
|
color: ==blockheadercolor==;
|
|
background-color: ==blockheaderbackgroundcolor==;
|
|
font-weight: bold;
|
|
border-right: 1px ridge #ccc;
|
|
white-space: nowrap;
|
|
}
|
|
.rstable td
|
|
{
|
|
border-bottom: 1px solid #ccc;
|
|
padding: 4px 3px 8px 3px;
|
|
}
|
|
td.rsfooter
|
|
{
|
|
padding: 3px 3px 2px 3px;
|
|
}
|
|
.rstable input[type=text]
|
|
{
|
|
background-color: #FFF4C3;
|
|
}
|
|
.rstable tr.selectable
|
|
{ /* bijvoorbeeld badgenr */
|
|
cursor: pointer;
|
|
}
|
|
.E td { background-color: #FFFFFF; }
|
|
.O td { background-color: #FAFAFA; }
|
|
|
|
.rstable.sortable thead
|
|
{
|
|
cursor:pointer;
|
|
}
|
|
.rstable tfoot td
|
|
{
|
|
border: 0px;
|
|
color: ==textcolor==;
|
|
background-color: #ccc;
|
|
cursor: auto;
|
|
}
|
|
.rstable.sortable tfoot td img
|
|
{
|
|
margin-left:10px;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
/* Voor fin facturen */
|
|
.withinmargin td {
|
|
background-image:url(../appl/pictures/withinmargin.gif );
|
|
background-repeat: repeat-x;
|
|
}
|
|
.outsidemargin td {
|
|
background-image:url(../appl/pictures/outsidemargin.gif );
|
|
background-repeat: repeat-x;
|
|
}
|
|
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: 60%; }
|
|
|
|
#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;}
|
|
#mod_faq ul {list-style-image: url(../appl/pictures/spot.jpg)}
|
|
#faqhead {font-weight: bold; margin: 6px 0 4px 0; font-size: 1.3em;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; }
|
|
|
|
/* flexkenmerken voor alle modules */
|
|
#flextable {
|
|
width: 100%;
|
|
}
|
|
|
|
#besfavtable {
|
|
width: 100%;
|
|
}
|
|
#besfavtable tr td {
|
|
cursor: pointer;
|
|
}
|
|
#besfavtable tr.selected td {
|
|
background-color: #f4d767;
|
|
}
|
|
|
|
.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: 80px;
|
|
margin: 0px;
|
|
}
|
|
.prodsrchmess {
|
|
margin: 20px;
|
|
font-size: 1.2em;
|
|
}
|
|
.pscapt {
|
|
font-size: 1.2em;
|
|
font-weight: bold;
|
|
}
|
|
.pscapt:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/* for colored rows and others*/
|
|
.expired1 td {
|
|
background-image:url(../appl/pictures/expired1.gif );
|
|
background-repeat: repeat-x;
|
|
}
|
|
.expired2 td {
|
|
background-image:url(../appl/pictures/expired2.gif );
|
|
background-repeat: repeat-x;
|
|
color: #990000 !important;
|
|
}
|
|
.expired3 td {
|
|
background-color: #F1DCF6;
|
|
}
|
|
.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 {
|
|
color: #A80000;
|
|
}
|
|
.today td {
|
|
font-weight: bold;
|
|
}
|
|
.future 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.updated td {
|
|
background-color: #F9EE6F;
|
|
font-weight: bold;
|
|
color: ==textcolor==;
|
|
}
|
|
tr.updated.dirty td {
|
|
color: #808080
|
|
}
|
|
.child td, .child input {
|
|
color: #606060;
|
|
background-color: #FEFFBB;
|
|
}
|
|
|
|
.cntfuture td {
|
|
background-color: #E0E0E0;
|
|
}
|
|
.cntactive td {
|
|
}
|
|
.cntrappel td {
|
|
background-image:url(../appl/pictures/expired1.gif );
|
|
background-repeat: repeat-x;
|
|
}
|
|
.cntopzeg td {
|
|
background-image:url(../appl/pictures/expired2.gif );
|
|
background-repeat: repeat-x;
|
|
}
|
|
.cntpast td {
|
|
color: #666;
|
|
}
|
|
.cntinactive td {
|
|
background-color: #76b0f7;
|
|
}
|
|
|
|
|
|
/* needs some refinement */
|
|
#resselector {
|
|
background-color: ==frameheaderbackgroundcolor==;
|
|
margin: 2px 2px 5px 2px;
|
|
padding: 2px 5px 4px 5px;
|
|
height: 20px;
|
|
}
|
|
#resselector select {
|
|
margin-top: 3px;
|
|
}
|
|
.resreado {
|
|
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 2px 2px;
|
|
margin: 0;
|
|
}
|
|
|
|
#rsMaxHistoryB A, #rsMaxHistoryE A, .resplanbordlimited A {
|
|
color: red;
|
|
text-decoration: none;
|
|
}
|
|
|
|
|
|
#rsEndText {
|
|
float: left;
|
|
color: white;
|
|
background-color: red;
|
|
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;
|
|
}
|
|
|
|
#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 */
|
|
/* IE6 wil ze apart hebben */
|
|
* html .required, .required, .required:focus
|
|
{
|
|
background-color:#FEF1B6;
|
|
border-left:2px solid red;
|
|
}
|
|
input[type=text].required,
|
|
input[type=password].required,
|
|
select.required, option.required,
|
|
textarea.required
|
|
{
|
|
background-color:#FEF1B6;
|
|
border-left:2px solid red;
|
|
}
|
|
|
|
/* IE6 wil ze apart hebben */
|
|
* html .missing, missing {
|
|
background-color:#ff5050;
|
|
}
|
|
|
|
input[type=text].required.missing,
|
|
input[type=password].required.missing,
|
|
select.required.missing, option.required.missing,
|
|
textarea.required.missing,
|
|
.required.missing {
|
|
background-color:#ff5050;
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
/* datepicker calendar */
|
|
.ui-datepicker .calselected
|
|
{
|
|
background-color:#ff0000;
|
|
}
|
|
.ui-datepicker-today {
|
|
background-color: green;
|
|
color: #FFFFFF;
|
|
font-weight: bold;
|
|
}
|
|
|
|
td.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: 0 10px 0 2px;}
|
|
|
|
/* handig om dynamisch toe te voegen? */
|
|
.hidden {
|
|
display: none;
|
|
}
|
|
.visible {
|
|
display: block;
|
|
}
|
|
|
|
|
|
/* label class = de td of div of zo */
|
|
.label {
|
|
text-align: left;
|
|
vertical-align: text-top;
|
|
padding: 2px 0 0 0;
|
|
width: 124px; /* bij 124px past Contactpersoon:+morinfo */
|
|
margin: 0;
|
|
color: ==textcolor==;
|
|
}
|
|
|
|
.opdrfooter {
|
|
font-style: italic;
|
|
}
|
|
|
|
#goegel { margin-left: 12px; }
|
|
|
|
div#statusboxes {
|
|
text-align:center;
|
|
line-height:3em;
|
|
float:right;
|
|
}
|
|
|
|
.bezflex {
|
|
background-color:#eee;
|
|
margin:4px;
|
|
}
|
|
|
|
.bezBezoek {
|
|
border: 2px;
|
|
border-color: red blue;
|
|
}
|
|
|
|
/* all other pages */
|
|
|
|
|
|
/* functional field groups (blocks) in edit screens
|
|
* these are mostly just one of two kinds: left or right
|
|
*/
|
|
div.leftcontainer,
|
|
#algFlex,
|
|
#algInfo,
|
|
#algLoc1,
|
|
#bedrNaw,
|
|
#bedrSrt,
|
|
#bedrTechn,
|
|
#besArtikel,
|
|
#besHeader,
|
|
#besItemSel,
|
|
#bezAfspraak,
|
|
#cntInfo,
|
|
#cntFlex,
|
|
#facAlg,
|
|
#facCnt,
|
|
#facInfo,
|
|
#finInfo,
|
|
#finInvPartInfo,
|
|
#insFlex,
|
|
#insIns,
|
|
#jobJob,
|
|
#kpnMan,
|
|
#menuStd,
|
|
#mldAlg,
|
|
#mldBes,
|
|
#mldCaller,
|
|
#mldMelding,
|
|
#msgBasis,
|
|
#msgPrs,
|
|
#opdrInfo,
|
|
#opdrOpdracht,
|
|
#prjInfo,
|
|
#prsAfd,
|
|
#prsNaw,
|
|
#prsNoti,
|
|
#prsPerslid,
|
|
#prsUsrFlex,
|
|
#prsFlex,
|
|
#mrkInfo,
|
|
#sleInfo
|
|
{
|
|
clear: left;
|
|
float:left;
|
|
width: 48%;
|
|
}
|
|
/* In div.leftcontainer */
|
|
#resPlaats,
|
|
#resUser
|
|
{
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
#algLoc2,
|
|
#bedrContact,
|
|
#bedrRelatie,
|
|
#besArtikelBestel,
|
|
#besFlex,
|
|
#besInfo,
|
|
#bezAdmin,
|
|
#cntBedrijf,
|
|
#cntData,
|
|
#cntFindata,
|
|
#facBez,
|
|
#finRefInfo,
|
|
#finFlex,
|
|
#insGeo,
|
|
#menuCust,
|
|
#mldFlex,
|
|
#mldInfo,
|
|
#mldIns,
|
|
#msgAlg,
|
|
#opdrFlex,
|
|
#opdrKosten,
|
|
#opdrMelding,
|
|
#prsAFlex,
|
|
#prsAut,
|
|
#prsFin,
|
|
#prsIns,
|
|
#prsPerslid2,
|
|
#prsSubst,
|
|
#resFlex,
|
|
#resInfo,
|
|
#prjKosten,
|
|
#prjVerdiepingen,
|
|
#jobMld,
|
|
#mrkOmschrijving,
|
|
#sleRuimte,
|
|
#insBind,
|
|
#insSymbol
|
|
{
|
|
clear: right;
|
|
float: right;
|
|
width: 48%;
|
|
}
|
|
|
|
#algFlex2,
|
|
#besFlex2,
|
|
#cntFlex2,
|
|
#faqFlex2,
|
|
#finFlex2,
|
|
#insFlex2,
|
|
#insMultiEdit2,
|
|
#mldFlex2,
|
|
#opdrFlex2,
|
|
#prsAFlex2,
|
|
#prsFlex2,
|
|
#resFlex2,
|
|
#bezBezoekers,
|
|
#bezettingInfo,
|
|
#cntSplit,
|
|
#finItems,
|
|
#mldBehandel,
|
|
#mldOmschrijving,
|
|
#mldUitvoerenInfo,
|
|
#msgMessage,
|
|
#prsFlex0,
|
|
#prsInzetbaarInfo,
|
|
#wpInfo,
|
|
#prjOpmerking,
|
|
#apiSample
|
|
{
|
|
float:left;
|
|
width: 98%;
|
|
}
|
|
|
|
#besItemFlex,
|
|
#besItems,
|
|
#kpnManModal,
|
|
#mld_selobj
|
|
{
|
|
float: none;
|
|
clear: both;
|
|
}
|
|
|
|
#mldUitvoeren,
|
|
#prsInzetbaar
|
|
{
|
|
float: none;
|
|
clear: both;
|
|
height: 300px;
|
|
}
|
|
|
|
#resphoto {
|
|
width: 218px;
|
|
border: 10px solid #fff;
|
|
border-bottom-width: 40px;
|
|
border-radius: 5px;
|
|
box-shadow: 5px 5px 3px #888;
|
|
}
|
|
.resroominfo {text-align: center;}
|
|
#resdescript {text-align: left;}
|
|
#usrrapinfo {
|
|
font-style: italic;
|
|
padding-left: 130px;
|
|
padding-bottom: 16px;
|
|
}
|
|
#fldbehandel, #flddienst {
|
|
color: #ADD8E6;
|
|
}
|
|
#afhaal {
|
|
}
|
|
|
|
#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 */
|
|
.fld {
|
|
width: 218px;
|
|
}
|
|
/* default voor een veld dat evident kort is */
|
|
.fldshort {
|
|
width: 100px;
|
|
}
|
|
.fldreg, .flddis, .fldloc, .fldbld, .fldflr, .fldroom, .fldworklocation, .fldwpl, .fldpers, .fldcontactpers, .flduitvoerende,
|
|
.fldsrch, .flddisc, .flddep, .fldbedr, .fldstdm,
|
|
.fldcontract, .fldcntnr, .fldorderby, .fldname,
|
|
.fldoms, .fldr_objs,
|
|
.fldsrtgroup, .fldsrtdeel, .fldsrtdeelmulti, .flditem, .fldsupplier, .fldgroupbysec, .fldordernum,
|
|
.mldstatusmulti, .opdrstatusmulti, .fldgastheer, .flddiscript, .fldmantel, .fldresroom, .fldresdesc,
|
|
.fldobjsort, .fldmsgurl, .fldmsggroup, .fldmelder, .fldflex, .fldprio, .fldsrt,
|
|
.fldnewvalue, .fldmldobjs, .flddebtor, .fldfintype, .fldfinstatus, .fldreferentie, .fldfinboekm, .fldfincostsrt,
|
|
.fldusrfilter, .flddienst, .fldmld_adres, .fldbld_srtkey, .fldter_srkey, .fldroom_srt, .flddel_address, .flddeliveryAddr, #flddelivery_place,
|
|
.fldcntmeldkey, .fldsrttype, .fldordernr, .flddept, .fldmld_adrkey, .fldfac_prkey, .fldprs_srtkey, .fldselect, .fldbudgeth, .fldkstplgr,
|
|
.fldkpn_module, .fldkpn_grpkey, .fldmld_adrlkey, .fldmld_adrfkey, .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, .fldsel_srtcontrole, .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
|
|
{
|
|
width: 218px;
|
|
}
|
|
.fldmsgsubj, .fldcanceloms
|
|
{
|
|
width: 400px;
|
|
}
|
|
|
|
/* Rapport */
|
|
.fldusrrap {
|
|
width: 460px;
|
|
background-position: 448px !important;
|
|
}
|
|
|
|
/* kostenplaats heeft vinkje bij zich, dus moet korter zijn (TODO) */
|
|
.fldkp {
|
|
width: 218px;
|
|
}
|
|
#kostenklant { /*TODO*/
|
|
vertical-align: bottom;
|
|
text-align: right;
|
|
}
|
|
/* ouderwetse listboxes */
|
|
select, .fldbedrijf, .fldfunc, .fldact, .fldsortout, .fldgroupby, .fldbdr_key, .fldopstel, .fldsel_activity, .fldfincostsrt,
|
|
select.flddienst, select.fldcontract, .fldt_opdr, .fldaltgroep, .fldaltfunctie, .fldBES_srtgroup,
|
|
select.flddisc, select.fldsrtdeelmulti, select.fldsrtgroup
|
|
{
|
|
width: 222px;
|
|
}
|
|
select.fldimport_app_key, .fldfinomsch, .flduitvExist
|
|
{
|
|
width: 400px;
|
|
}
|
|
|
|
.flddate, .fldtime, .fldfinbtw, .fldprocent {
|
|
width: 90px;
|
|
}
|
|
.fldtime {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.flddatetime, .fldresstatus, #existingDates, #newDates, .fldmsgprio, .fldafspnum, .flddeel, .fldcnttarief {
|
|
width: 140px;
|
|
}
|
|
|
|
.fldmldnum, .fldopdrnum, .fldresnum, .flddeel, .fldrfonum, .fldordernum, .fldopdrnr, .fldcntnum, .fldfinnum {
|
|
color: black;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
}
|
|
.fldmldnum, .fldopdrnum, .fldresnum, .fldrfonum, .fldordernum, .fldopdrnr, .fldfinnum {
|
|
width: 124px;
|
|
}
|
|
|
|
.fldmsgmessage {
|
|
width: 100%;
|
|
}
|
|
|
|
.flduren, .fldgeboekt, .flduurtarief, .fldmatkosten, .fldcorrkosten, .fldtotkosten, .fldtermkosten, .fldbeslimiet, .fldprjraming, .rescat_p_c, .rescat_tp_c, .fldfinsom,
|
|
.fldcntprijs, .fldcntopp, .fldmrkprijs, .fldcntamount, .fldalgprijs, .fldfinsumover, .fldfinsumbelow, .fldbessrtweging, .fldbessrtprijs, .fldbestsrttotaal,
|
|
.fldmatamount, .fldmatprice, .fldmattotal, .fldkpnlimiet, .fldcntverlengen {
|
|
width: 100px;
|
|
text-align: right;
|
|
padding-right: 2px;
|
|
}
|
|
|
|
.fldbezcnt, .fldflrnum, .fldnrper, .fldfincnt, .fldnoshow {
|
|
width: 26px;
|
|
text-align: right;
|
|
padding-right: 2px;
|
|
}
|
|
.fldbescnt {
|
|
width: 32px;
|
|
text-align: right;
|
|
padding-right: 2px;
|
|
}
|
|
|
|
.fldresroomedit { text-decoration: underline; cursor: pointer; background-color: transparent; }
|
|
|
|
.fldtxt, .fldomschr, .fldremark, .fldresroomchange, .flddatechange, .fldcntperiod {
|
|
width: 99%;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
#fldobjPossible, #fldobjExist {width: 290px;}
|
|
.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;
|
|
font-style: italic;
|
|
}
|
|
.besitemflex
|
|
{
|
|
margin-left:10px;
|
|
color: #888
|
|
}
|
|
.besphoto {
|
|
width: 100px;
|
|
border: 8px solid #fff;
|
|
box-shadow: 3px 3px 2px #ccc;
|
|
}
|
|
.besdetailtd {
|
|
border: 1px 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,
|
|
.fldcntinact, .fldcntact, .fldcntrap, .fldcntopz, .fldcntverl, .fldinsobjincl, .fldalgbez, .fldfacnoti, .fldnotingids,
|
|
.fldCSflexN, .fldCflexN, .fldmldinform, .fldmldzichtbaarFE {
|
|
}
|
|
|
|
.flexlabel {
|
|
color: ==labelcolor==;
|
|
background-color: ==labelbackgroundcolor==;
|
|
text-align: left;
|
|
padding: 2px 0px 3px 2px;
|
|
border-bottom: 1px solid #fff;
|
|
}
|
|
|
|
tr.flexcollapsable td {
|
|
cursor: pointer;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.flexcollapsable .lhint {
|
|
background-image: url(../appl/Pictures/up.png);
|
|
background-repeat: no-repeat;
|
|
background-position: right 7px;
|
|
padding-right: 22px;
|
|
}
|
|
|
|
.flexcollapsed .lhint {
|
|
background-image: url(../appl/Pictures/down.png);
|
|
background-repeat: no-repeat;
|
|
background-position: right 5px;
|
|
}
|
|
.fldflex, .fldflexC, .fldflexC50, .fldflexD, .fldflexX, .fldflexL, .fldflexQ, .fldflexF, .fldflexM, .fldflexE, .fldflexS,
|
|
.fldSflex, .fldSflexC, .fldSflexD, .fldSflexX, .fldSflexL, .fldSflexQ, .fldSflexF, .fldSflexM, .fldSflexE, .fldSflexS
|
|
{
|
|
width: 218px;
|
|
}
|
|
.fldflexR, .fldSflexR
|
|
{
|
|
width: 222px;
|
|
}
|
|
.fldflexD, .fldSflexD
|
|
{
|
|
width: 196px;
|
|
}
|
|
input[readonly].fldflexD
|
|
{
|
|
width: 218px;
|
|
}
|
|
|
|
.fldflexN, .fldSflexN {
|
|
width: 100px;
|
|
}
|
|
|
|
.fldflexF.missing, .fldflexE.missing {
|
|
color: red;
|
|
}
|
|
.fldflexR.inactive, .fldflexS.inactive {
|
|
color: #FF4301;
|
|
}
|
|
.operand {
|
|
background-color: #E1E894;
|
|
width: 60px;
|
|
border:0;
|
|
padding:0;
|
|
}
|
|
div#besItemSel .fcltblockhead {
|
|
background-color: ==frameheaderbackgroundcolor==;
|
|
}
|
|
|
|
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 */
|
|
}
|
|
|
|
.mv.r {}
|
|
.mv.l {}
|
|
/* styling for modal (popup) forms */
|
|
body.modal {
|
|
padding:5px;
|
|
}
|
|
.modal th {
|
|
background-color: ==frameheaderbackgroundcolor==;
|
|
border-right: 1px solid #ccc;
|
|
}
|
|
#mod_perslidwerkplek {width:450px;}
|
|
#mod_uitleenreg {width:450px;}
|
|
#mod_substitutes {width: 500px; height: 350px;}
|
|
#mod_queuemail {width:450px;}
|
|
#mod_history {height: 200px;}
|
|
#mod_beslever {width:600px;}
|
|
#mod_besretour {width:600px;}
|
|
#mod_besweging {width:500px;}
|
|
#mod_req_move {width:500px;}
|
|
#mod_req_move2 {width:500px;}
|
|
#mod_req_move3 {width:500px;}
|
|
#mod_noshow {width:450px;}
|
|
#mod_impbezoekers {width:500px;}
|
|
#rejectbody {width:500px;}
|
|
#rejectoffertebody {width:500px;}
|
|
#acceptoffertebody {width:500px;}
|
|
#besrejectbody {width:500px;}
|
|
#localebody {width:550px;}
|
|
#mod_mldcontinue {width:500px;}
|
|
#mod_mlddouble {width:800px;}
|
|
#mod_mldclose {width:500px;}
|
|
#mod_mldaccept {width:500px;}
|
|
#mod_opdrclose {width:540px; height: 200px;}
|
|
#mod_resdelete {width:400px;}
|
|
#mod_mldforward {width:500px;}
|
|
#mod_tekedit {width:400px;}
|
|
#mod_caddoorvoeren {width:400px;}
|
|
#mod_prs_pwdchange {width:400px;}
|
|
#mod_ruimteafdeling {width:700px;}
|
|
#mod_prsinzetbaar {width:500px;}
|
|
#mod_resupdateroom {width:400px;}
|
|
#mod_resupdateobj {width:400px;}
|
|
#mod_mldmat {width:625px;}
|
|
#mod_authQR {width:500px;}
|
|
#mod_bijlagen {width:500px;}
|
|
#mod_resmulti_save {width:450px;}
|
|
#mod_insmultiedit {width:400px;}
|
|
#mod_mldobj {width:720px;}
|
|
body.mod_edit_mandate {width:500px;}
|
|
#mod_pass2mail {width:400px;}
|
|
|
|
body#mod_resmulti div#show_date_from { height: 200px }
|
|
|
|
#mod_mldobj #obj_info {height:62px; padding: 4px; border: 1px solid #ccc;}
|
|
#mod_mldobj .label {
|
|
width: 220px !important;
|
|
}
|
|
|
|
/* ==== menu styles ==== */
|
|
|
|
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%;
|
|
}
|
|
div#topdivider{
|
|
position: absolute;
|
|
height: 4px;
|
|
width: 100%;
|
|
z-index: 2;
|
|
cursor: pointer;
|
|
background-color: ==dividercolor==;
|
|
}
|
|
div#topdivider.dividerclosed{
|
|
height: 0px;
|
|
}
|
|
div#menutabs{
|
|
position: absolute;
|
|
left: 0px;
|
|
width: 252px; /* Wordt vergroot naar behoefte, nooit verkleind */
|
|
top: 82px;
|
|
}
|
|
|
|
div#menudivider{
|
|
position: absolute;
|
|
left: 259px;
|
|
height: 400px;
|
|
width: 4px;
|
|
border: 0px;
|
|
z-index: 2;
|
|
cursor: pointer;
|
|
background-color: ==dividercolor==;
|
|
}
|
|
div#menudivider.dividerclosed{
|
|
width: 0px;
|
|
}
|
|
|
|
div#maintabs{
|
|
position: absolute;
|
|
left: 265px;
|
|
height: 400px;
|
|
top: 82px;
|
|
width: 800px;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
div#menutabs .ui-layout-content {
|
|
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;
|
|
}
|
|
|
|
/*div#PersFAC ul li {*/
|
|
#menutabs .ui-layout-content ul li {
|
|
font-weight: bold;
|
|
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 {
|
|
padding-left: 12px;
|
|
background-image:url(../appl/pictures/spot.jpg);
|
|
background-repeat:no-repeat;
|
|
background-position:left;
|
|
line-height: 24px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
span.menulinkkop {
|
|
color: #004f80;
|
|
line-height: 24px;
|
|
cursor: pointer;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
|
|
/* deze is voor kop en item */
|
|
li.menu ul li a,
|
|
a {
|
|
cursor: pointer;
|
|
}
|
|
|
|
li.mk {
|
|
border-bottom: none;
|
|
border-top: 1px solid #ccc;
|
|
background-color: transparent;
|
|
color: ==menukopcolor==;
|
|
padding: 1px 5px 5px 5px;
|
|
cursor: pointer;
|
|
}
|
|
li.mk:hover {
|
|
background-color: ==menukophovercolor==!important;
|
|
}
|
|
|
|
li.mi {
|
|
font-size: 0.9em;
|
|
line-height: 1.7em;
|
|
background-color: #fff;
|
|
}
|
|
.mkimg, .mimg {
|
|
border: 0;
|
|
padding: 0;
|
|
margin-right: 2px;
|
|
margin-left: -10px;
|
|
width: 12px;
|
|
height: 12px;
|
|
}
|
|
li.mklogo img {
|
|
border: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
/*div#PersFAC ul li li,
|
|
div#ProfFAC ul li li {*/
|
|
#menutabs .ui-layout-content ul li li {
|
|
font-weight: normal;
|
|
color: ==menuitemcolor==;
|
|
background-color: ==menuitembackgroundcolor==;
|
|
list-style: none;
|
|
border-top: 1px solid #ccc;
|
|
padding: 1px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
li.mi:hover {
|
|
background-color:==menuitemhovercolor==!important;
|
|
cursor: pointer;
|
|
}
|
|
|
|
|
|
td.iconmenu {
|
|
font-size: 1em;
|
|
text-align:center;
|
|
padding-bottom: 20px;
|
|
vertical-align: top;
|
|
cursor: pointer;
|
|
}
|
|
|
|
td.iconmenu h3 {
|
|
font-weight: normal;
|
|
}
|
|
td.iconmenu img {
|
|
width: 80px;
|
|
height: 80px;
|
|
padding: 10px;
|
|
text-align: center;
|
|
border: 1px solid #ffffff;
|
|
}
|
|
|
|
.iconlabel {
|
|
background-color: #fcfcfc;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* portalmenu */
|
|
#portalbody {
|
|
background-color: #fff;
|
|
}
|
|
|
|
#portalmenu {
|
|
text-align: center;
|
|
}
|
|
#portalmenu h2 {
|
|
font-size: 2em;
|
|
color: ==textcolor==;
|
|
margin: 4px;
|
|
}
|
|
|
|
#portalmenu table {
|
|
margin: 0 auto 1px auto;
|
|
width: 100%;
|
|
}
|
|
#portalmenu table tr td
|
|
{
|
|
text-align: left;
|
|
border:1px solid #f1f1f1;
|
|
border-radius: 5px;
|
|
padding: 8px;
|
|
vertical-align: top;
|
|
background-color: white;
|
|
}
|
|
|
|
#portalmenu span.menukop {
|
|
background-image:none;
|
|
font-weight: bold;
|
|
font-size: 1.1em;
|
|
cursor: default;
|
|
margin: 0;
|
|
padding: 8px;
|
|
}
|
|
|
|
#portalmenu ul {
|
|
margin: 0 0 5px 0;
|
|
padding: 0 0 0 24px;
|
|
}
|
|
#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: #f26522;
|
|
}
|
|
|
|
#portalmenu span.menuimg {
|
|
font-weight: bold;
|
|
line-height: 100px;
|
|
height: 100px;
|
|
width: 220px;
|
|
display: block;
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
}
|
|
|
|
.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, input[readonly].activeinterval,
|
|
input.notapproved {
|
|
font-weight: bold;
|
|
color: red;
|
|
}
|
|
|
|
.fatal {
|
|
background-color: red;
|
|
color: yellow;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
div.fatal {
|
|
padding: 5px;
|
|
}
|
|
.warning {
|
|
background-color: orange;
|
|
color: black;
|
|
padding: 5px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
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;
|
|
}
|
|
|
|
.mldopdruren {
|
|
background-color: #F5F5F5;
|
|
}
|
|
.mldimpropdruren {
|
|
background-color: #F7C39D;
|
|
}
|
|
.mldopdrurenkosten {
|
|
background-color: #9EADF6;
|
|
}
|
|
#legenda {
|
|
background-color: ==backgroundcolor==;
|
|
}
|
|
#meldinglegenda {
|
|
width:100%;
|
|
background-color: #ffffff;
|
|
border: 1px solid #aaa;
|
|
}
|
|
#meldinglegenda tr {
|
|
vertical-align: top;
|
|
padding-left: 2px;
|
|
}
|
|
|
|
/* 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 black;
|
|
border-bottom: 1px solid black;
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
}
|
|
#LinkerNavi {
|
|
vertical-align: top;
|
|
width: 220px;
|
|
background-color: ==backgroundcolor==;
|
|
}
|
|
|
|
#mapCell {
|
|
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;}
|
|
|
|
#theTabs {
|
|
height:100%;
|
|
padding-top:1px;
|
|
}
|
|
|
|
.draggable {
|
|
color: red;
|
|
font-weight: bold;
|
|
cursor: move;
|
|
}
|
|
.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: 196px;
|
|
}
|
|
#navigationCell .suggest {
|
|
background-position:184px;
|
|
}
|
|
|
|
#navigationCell .fldsDiscsIn,
|
|
#navigationCell .fldrooms,
|
|
#navigationCell select,
|
|
#fLegenda select
|
|
{
|
|
width: 198px;
|
|
}
|
|
.openFG, .closedFG, .fixedFG {
|
|
background-repeat:no-repeat;
|
|
background-position: 2px 2px;
|
|
font-weight: bold;
|
|
width: 220px;
|
|
background-color: ==frameheaderbackgroundcolor==;
|
|
color: ==frameheadercolor==;
|
|
}
|
|
.openFG {
|
|
background-image:url(../appl/pictures/up.png);
|
|
cursor: pointer;
|
|
}
|
|
.closedFG {
|
|
background-image:url(../appl/pictures/down.png);
|
|
color: #ddd;
|
|
cursor: pointer;
|
|
}
|
|
.fixedFG {
|
|
line-height: 2em;
|
|
border-top: 2px solid white;
|
|
text-align: center;
|
|
}
|
|
.openFG tr, .closedFG tr {
|
|
}
|
|
.openFG td, .closedFG td {
|
|
line-height: 2em;
|
|
padding-left: 25px;
|
|
border-top: 2px solid white;
|
|
}
|
|
.closedFG:hover {
|
|
color: #fff;
|
|
}
|
|
#toggler {
|
|
float: left;
|
|
width: 12px;
|
|
height: 100%;
|
|
cursor: pointer;
|
|
}
|
|
#SearchCode, #SearchLbl {
|
|
width: 130px;
|
|
margin-left: 12px;
|
|
}
|
|
|
|
.area_diff {
|
|
color: red;
|
|
}
|
|
|
|
/* facmgtVB */
|
|
.PageBODY {
|
|
background-color: #fff;
|
|
color: ==textcolor==;
|
|
margin-left:8px;
|
|
margin-top:8px;
|
|
cursor: auto;
|
|
}
|
|
.FormTABLE {
|
|
border: none;
|
|
width: 100%;
|
|
font-size: 0.7em;
|
|
background-color: #fafafa;
|
|
margin-bottom: 6px;
|
|
}
|
|
.FormTABLE input[type=submit] {
|
|
padding: 3px 9px 4px 10px;
|
|
color: ==buttoncolor==;
|
|
background-color:==buttonbackgroundcolor==;
|
|
text-align: center;
|
|
border-radius:10px;
|
|
font-weight: bold;
|
|
margin: 1px;
|
|
}
|
|
.FormTABLE input:hover[type=submit] {
|
|
background-color:==blockheaderbackgroundcolor==;
|
|
color: ==blockheadercolor==;
|
|
}
|
|
|
|
.FormHeaderTD {
|
|
background-color: ==frameheaderbackgroundcolor==;
|
|
color: #fff;
|
|
font-size: 11pt;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
padding: 2px 5px 4px 5px;
|
|
}
|
|
.xFormHeaderFONT {
|
|
font-weight: bold;
|
|
color: #ffffff;
|
|
text-decoration: none;
|
|
padding: 3px;
|
|
}
|
|
.FieldCaptionTD {
|
|
color:#ccc;
|
|
vertical-align: middle;
|
|
font-weight: bold;
|
|
padding-top: 5px;
|
|
text-align: right;
|
|
border-bottom: 1px solid #ccc;
|
|
}
|
|
.FieldCaptionFONT {
|
|
font-style: normal;
|
|
font-weight: bold;
|
|
text-align: right;
|
|
color: #333;
|
|
margin-top: 2px;
|
|
margin-bottom: 3px;
|
|
padding: 0 8px 2px 4px;
|
|
}
|
|
.DataTD {
|
|
color: ==textcolor==;
|
|
text-decoration: none;
|
|
padding: 2px;
|
|
background-color: #fafafa;
|
|
border-bottom: 1px solid #ccc;
|
|
}
|
|
/* gek: opdeenofandere manier werkt [type=text] enzo niet */
|
|
.DataTD input,
|
|
.DataTD textarea {
|
|
border: 1px solid #ccc;
|
|
}
|
|
.DataTD input:focus,
|
|
.DataTD textarea:focus {
|
|
border: 1px solid #888;
|
|
}
|
|
.DataTD input[type=checkbox],
|
|
.DataTD input[type=radio] {
|
|
border: none;
|
|
}
|
|
.DataTD a {
|
|
text-decoration: none;
|
|
}
|
|
.DataTD a:hover .DataFONT {
|
|
color: #f26522;
|
|
}
|
|
.RecordSeparatorTD {
|
|
font-weight: normal;
|
|
color: #000000;
|
|
text-decoration: none;
|
|
padding: 0 2px;
|
|
background-color: #D6D8E8;
|
|
}
|
|
.DataFONT {
|
|
font-weight: normal;
|
|
color: ==textcolor==;
|
|
text-decoration: none;
|
|
}
|
|
.ColumnFONT {
|
|
color: ==blockheadercolor==;
|
|
font-weight: bold;
|
|
}
|
|
.ColumnTD {
|
|
background-color: ==blockheaderbackgroundcolor==;
|
|
color: ==blockheadercolor==;
|
|
border-right: 1px ridge #ccc;
|
|
padding: 2px 4px 4px 4px;
|
|
font-weight: bold;
|
|
white-space: nowrap;
|
|
}
|
|
.ColumnTD a {
|
|
text-decoration: none;
|
|
}
|
|
.ColumnTD a:hover .ColumnFONT {
|
|
color: #f26522;
|
|
}
|
|
|
|
.facmgtmultilang {
|
|
text-decoration: underline;
|
|
cursor: pointer;
|
|
color: blue;
|
|
}
|
|
.facmgtmultilang font {
|
|
color: blue;
|
|
}
|
|
.facmgtmultilang:hover font {
|
|
color: #f26522;
|
|
}
|
|
|
|
/* 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: ==blockheaderbackgroundcolor==;
|
|
color: ==blockheadercolor==;
|
|
font-weight: bold;
|
|
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;
|
|
}
|
|
#uitleen_restxt
|
|
{
|
|
font-size:9pt;
|
|
line-height: 12pt;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
span.removetag {
|
|
background-image:url(../appl/pictures/delete.gif);
|
|
background-repeat: no-repeat;
|
|
background-position:-1px -1px;
|
|
padding-right: 10px;
|
|
cursor: pointer;
|
|
width:20px;
|
|
}
|
|
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:3px;
|
|
}
|
|
|
|
input:focus, textarea:focus, select:focus {
|
|
box-shadow: 0 0 5px #888;
|
|
border:1px solid #888;
|
|
}
|
|
input[type=radio]:focus,
|
|
input[type=checkbox]:focus {
|
|
border: none;
|
|
}
|
|
input[readonly], select[readonly], textarea[readonly] {
|
|
box-shadow: none;
|
|
border:none;
|
|
}
|
|
|
|
#floorscreen input[type=button] { width: 180px; margin: 2px;}
|
|
#floorscreen input[type=button]:hover { background-color:#fff; }
|
|
#floorscreen input[type=button].selected { background-color:#f00; font-weight:bold;}
|
|
#floorscreen #navigationCell { text-align: center; }
|
|
#floorscreen #legenda { position:absolute;bottom:20px; left:10px }
|
|
|
|
#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;}
|