VENR#35789 initiele opzet huisstijl kfpp

svn path=/Website/branches/v2015.3/; revision=28567

CUST/KFPP/cust.css

@@ -2,8 +2,10 @@
  *    $Revision$
  *    $Modtime: 02-05-14 16:00 $
  */
+ 
+ 
 #headerblok {
-  background-position: 5px 2px;
+    background: url(../kfpp/banner-pivot.png) no-repeat;
 }
 
 /* Menukoppen */
@@ -11,3 +13,453 @@ span.menukop {
   background-image: none;
   padding-left: 2px;
 }
+
+#editbody, #rejectbody {
+  border-left: 0px solid rgb(111, 101, 161);
+  border-right: 0px solid rgb(111, 101, 161);
+}
+input[readonly], select[readonly], textarea[readonly] {
+  color: rgb(50,57,74);
+}
+input[readonly]:hover, select[readonly]:hover, textarea[readonly]:hover {
+  background-color: #fff;
+}
+
+a[href^="mailto:"] {
+    color: rgb(50,57,74);
+}
+
+a[href^="mailto:"].fldmailto {
+    background-color: #fff;
+}
+
+th {
+  color: #502d7f;
+  background-color: rgb(236,234,242);
+}
+#headerfunctions {
+    color: rgb(50,57,74);
+}
+
+span.ia2 { /*inline action v2 */
+    color: #ffa12d;
+    background-color: #fff;
+}
+
+span.ia2:hover {
+    background-color: #ffa12d;
+    color:  #fff;
+}
+
+.fcltframeheader, .fcltframefooter {
+    background-color: rgb(111, 101, 161);
+}
+
+#iframerextratitle {
+  color: #fff;
+}
+
+
+div.fcltframeheader {
+    color: #fff;
+}
+
+.ui-widget-header.ui-datepicker-header,
+.ui-widget-header.ui-dialog-titlebar {
+   background-color: rgb(111, 101, 161)!important;
+   color: #fff!important;
+}
+
+.ui-datepicker-calendar th {
+   background: rgb(236,234,242) repeat-x left top;
+}
+
+body.modal .fcltblock {
+    background-color: #fff;
+}
+
+.fcltblockhead {
+    background-color:rgb(236,234,242);
+    color: #502d7f;
+}
+
+
+#editbody .fcltblockhead {
+    background-color:rgb(236,234,242);
+    color: #502d7f;
+}
+body.modal .fcltblockhead{
+    background-color:rgb(236,234,242);
+    color: #502d7f;
+}
+#showbody .fcltblockhead {
+    background-color: rgb(236,234,242);
+    color: rgb(50,57,74);
+}
+
+.fcltblock .inside {
+    padding: 1px 0 2px 0;
+    background-color: #fff;
+    border:1px solid #eee;
+    border-top: 0;
+}
+
+#mywelcome , #mymessages, #myactions{
+     color: rgb(50,57,74);
+}
+
+#mywelcometitle{
+   background-color: #502d7f;
+   color: #fff;
+}
+
+#mywelcomeinfo {
+   background-color: rgb(236,234,242);
+   color: #502d7f;
+}
+
+#nieuwsbody {background-color: #fff;}
+.newstextFresh {color: rgb(50,57,74);}
+.newstextFresh {font-weight: normal; color: rgb(50,57,74);}
+.newstext {
+    color: rgb(50,57,74);
+}
+
+#search {
+  background-color: #fff;
+}
+
+#search div.fcltblock label {
+    color: rgb(50,57,74);
+}
+
+#search div.fcltblockhead {
+    background-color: rgb(236,234,242);
+    color: #502d7f;
+}
+
+#materiallist_button,
+#buttons ul li,
+#buttons ul li a,
+.mv,
+input[type=button],
+input[type=text].button,
+input.button,
+span.button {
+    color: #502d7f;
+    background-color:rgb(236,234,242);
+}
+input.button:hover,
+input[type=button]:hover,
+input[type=text].button:hover,
+span.button:hover {
+    color: #fff;
+    background-color:#502d7f;
+}
+
+#buttons ul li:hover,
+.mv:hover {
+    background-color:rgb(236,234,242);
+    color: #502d7f;
+}
+
+#buttons.vertical ul li:hover {
+    color: rgb(236,234,242);
+}
+
+#buttons ul li.dialog,
+#buttons ul li.dialog a {
+    color: rgb(50,57,74);
+}
+
+/* een buttonhover */
+#buttons ul li a:hover {
+    color: #fff;
+    background-color: #502d7f;
+}
+#buttons ul li:hover {
+    color: #fff;
+    background-color: #502d7f;
+}
+
+#mldBehandel a.details, #mldClose a.details {
+    color: #502d7f;
+    }
+    
+.rstable tr
+{
+  color: rgb(50,57,74);
+}
+.rstable thead th
+{
+  color: #502d7f;
+  background-color: rgb(236,234,242);
+}   
+
+.rstable tfoot td
+{
+  color: rgb(50,57,74);
+} 
+
+.tab_mld_materials tr.matline { background-color: #fff;}
+.tab_mld_uitvoerenden tr.uitvline { background-color: #fff;}
+
+#mod_faq {color: rgb(50,57,74);}
+
+#multires {
+   color: #fff;
+}
+
+#resselector {
+   background-color: rgb(111, 101, 161);
+}
+
+#resafhbez {
+    color: rgb(50,57,74);
+}
+
+/* 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
+{
+    border: 1px solid #e41e8a;
+}
+/* but maintain the button properties even if required */
+input[type=button].required, input[type=text].button.required
+{
+    background-color:rgb(236,234,242);
+    border: 1px solid #e41e8a;
+}
+input[type=button].required:hover, input[type=text].button.required:hover
+{
+    color: #fff;
+    background-color:#502d7f;
+}
+
+.label {
+    color: rgb(50,57,74);
+}
+
+.flexlabel {
+  color: #e41e8a;
+  background-color: rgb(236,234,242);
+}
+
+.flexlabellabel {
+  color: #e41e8a;
+  background-color: rgb(236,234,242);
+}
+
+div#besItemSel .fcltblockhead {
+    background-color: rgb(111, 101, 161);
+}
+
+/* for modal-like tabs*/
+.likemodal {
+   background-color: #fff;
+}
+
+.modal th {
+   background-color: rgb(111, 101, 161);
+}
+
+div#topdivider{
+    background-color: #ddd;
+}
+
+div#menudivider{
+    background-color: #ddd;
+}
+
+.toggler {
+    background-color: #ddd;
+}
+
+div#menutabs .ui-layout-content {
+    background-image: none; /* Wit blok halverwege menu weghalen */
+    background-color: #fff;
+}
+
+div#menutabs li.ui-state-active {
+    background-color: #fff;
+}
+
+div#PersFAC ul li {
+    color: rgb(50,57,74);
+    background-color: transparent;
+}
+
+div#ProfFAC ul li {
+    color: rgb(50,57,74);
+    background-color: transparent;
+}
+
+div#MgtFAC ul li {
+    color: rgb(50,57,74);
+    background-color: transparent;
+}
+div#PersFAC ul li span.menukop {
+  color: rgb(50,57,74);
+}
+div#MgtFAC ul li span.menukop {
+  color: rgb(50,57,74);
+}
+div#ProfFAC ul li span.menukop {
+  color: rgb(50,57,74);
+}
+
+li.mk:hover {
+    background-color: rgb(111, 101, 161)!important;
+}
+li.mk:hover span.menukop {
+    color: #fff!important;
+}
+
+.nomicon {
+  background-color: rgb(111, 101, 161);
+}
+
+#menutabs .ui-layout-content ul li li {
+    color: rgb(50,57,74);
+    background-color: #fff;
+}
+
+li.mi:hover {
+    background-color:rgb(236,234,242)!important;
+}
+
+#portalmenu h2 {
+   color: rgb(50,57,74);
+}
+
+#portalmenu span.menukop {
+  color: rgb(50,57,74);
+}
+
+#portalmenu a {
+   color: rgb(50,57,74);
+}
+
+#legenda {
+    background-color: #fff;
+}
+
+/* FG  classes*/
+#navigationCell{
+    background-color: #fff;
+}
+#LinkerNavi {
+
+    background-color: #fff;
+}
+.openFG, .closedFG {
+    background-color: rgb(111, 101, 161);
+    color: #fff;
+}
+.fixedFG {
+    background-color: rgb(236,234,242);
+    color: #502d7f;
+}
+
+.PageBODY {
+    color: rgb(50,57,74);
+}
+
+.FormTABLE input[type=submit] {
+    color: #502d7f;
+    background-color:rgb(236,234,242);
+}
+.FormTABLE input:hover[type=submit] {
+    background-color:rgb(236,234,242);
+    color: #502d7f;
+}
+
+.FormHeaderTD {
+    background-color: rgb(111, 101, 161);
+}
+
+.DataTD {
+    color: rgb(50,57,74);
+}
+
+.DataFONT {
+    color: rgb(50,57,74);
+}
+.ColumnFONT {
+    color: #502d7f;
+}
+.ColumnTD {
+  background-color: rgb(236,234,242);
+  color: #502d7f;
+}
+
+table.filter {
+    background-color: #fff;
+}
+table.filter th {
+    background-color: rgb(236,234,242);
+    color: #502d7f;
+}
+
+table.filter td {
+     color: rgb(50,57,74);
+}
+
+#prodtable th {
+  color: rgb(50,57,74);
+}
+
+/* touch colors are defined here to allow customisation */
+#tabletmenu {
+   color: rgb(50,57,74);
+}
+.tabletmenu img {
+    background-color: rgb(111, 101, 161);
+}
+.tmenutab {
+    background-color: rgb(236,234,242);
+    color: #502d7f;
+    border: 2px solid #fff;
+}
+#tabletmenu #luser {
+    color: rgb(236,234,242);
+}
+.tmenutabhome {
+    color: rgb(50,57,74);
+}
+
+/* floorscreen */
+.floorscreen input[type=button] {
+    color: #fff;
+}
+
+.floorscreen #fsnavigation {
+    background-color: #fff;
+    border-right: 1px solid rgb(50,57,74);
+}
+
+.rflrscreen #rstable th
+{
+    background-color: #fff;
+    color: rgb(50,57,74);
+}
+.rflrscreen #iframerextratitle
+{
+    color: rgb(111, 101, 161);
+}
+
+#showlink input[type=button] {
+    background-color:rgb(236,234,242);
+    color: #502d7f;
+}
+
+.kpisec_heading {
+  background-color: rgb(236,234,242);
+  color: #502d7f;
+}