FSN#38928 2016.3 styling
svn path=/Website/branches/v2016.3/; revision=32552
This commit is contained in:
@@ -11,18 +11,6 @@
|
|||||||
#123088 (vulpen)
|
#123088 (vulpen)
|
||||||
*/
|
*/
|
||||||
|
|
||||||
html, body,
|
|
||||||
#showbody, #editbody,
|
|
||||||
#search,
|
|
||||||
.fcltframe {
|
|
||||||
background: none;
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
div {
|
|
||||||
background: none;
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
tr.trtrack { opacity: 0.3; font-style: italic;}
|
tr.trtrack { opacity: 0.3; font-style: italic;}
|
||||||
|
|
||||||
/* Titelbalk */
|
/* Titelbalk */
|
||||||
@@ -35,221 +23,17 @@ tr.trtrack { opacity: 0.3; font-style: italic;}
|
|||||||
/* "Demonstratie" */
|
/* "Demonstratie" */
|
||||||
div#headerprefix {
|
div#headerprefix {
|
||||||
color: #34b6e4;
|
color: #34b6e4;
|
||||||
text-align: left;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#headerprefix {
|
#headerprefix {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 'Togglers' */
|
|
||||||
div.ui-layout-toggler {
|
|
||||||
background-color: #ccc;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Portal */
|
|
||||||
|
|
||||||
#mywelcometitle {
|
|
||||||
background-color: #34b6e4;
|
|
||||||
color: #fff;
|
|
||||||
|
|
||||||
}
|
|
||||||
#mywelcomeinfo {
|
#mywelcomeinfo {
|
||||||
background-color: #000;
|
background-color: #000;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
#nieuwsbody {
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
.nieuwstitel {
|
|
||||||
color: #34b6e4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.listbody tbody {
|
.nomicon {
|
||||||
background-color: #fff;
|
background-color: #78C8E6;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Titels */
|
|
||||||
.fcltframeheader,
|
|
||||||
#search div.fcltblockhead {
|
|
||||||
background-image: none;
|
|
||||||
background-color: #34b6e4;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Tekst van titels (overzichten, mijn facilitor, etc */
|
|
||||||
.fcltframeheader,
|
|
||||||
#search div.fcltblockhead,
|
|
||||||
.fcltframeheader span,
|
|
||||||
#search div.fcltblockhead span,
|
|
||||||
#iframerextratitle {
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Kaders om invulvelden */
|
|
||||||
#showbody .fcltblockhead {
|
|
||||||
background-color: #ccedf8;
|
|
||||||
color: #000;
|
|
||||||
}
|
|
||||||
body.modal .fcltblock,
|
|
||||||
#editbody .fcltblock {
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
body.modal .fcltblockhead,
|
|
||||||
#editbody .fcltblockhead {
|
|
||||||
background-color: #ccedf8;
|
|
||||||
color: #000;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Flexvelden type label */
|
|
||||||
td.flexlabel {
|
|
||||||
background-color: #fff200;
|
|
||||||
color: #000;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Selectiescherm */
|
|
||||||
#search div.fcltblock {
|
|
||||||
background-image: none;
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
#search div.fcltblock label {
|
|
||||||
color: #000;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* URLs in portal-blokken */
|
|
||||||
#portalmenu a {
|
|
||||||
text-decoration: none;
|
|
||||||
color: black;
|
|
||||||
}
|
|
||||||
#portalmenu a:hover {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Knoppen */
|
|
||||||
#search #buttons ul li {
|
|
||||||
background-color: #34b6e4;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
#search #buttons ul li:hover {
|
|
||||||
background-color: #fff;
|
|
||||||
color: #34b6e4;
|
|
||||||
}
|
|
||||||
#search #buttons .hiddenbutton {
|
|
||||||
background: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Verplichte velden */
|
|
||||||
* html .required, .required .required:focus, input.required{
|
|
||||||
background-color: #ffe3bf;
|
|
||||||
}
|
|
||||||
input[type=text].required,
|
|
||||||
input[type=password].required,
|
|
||||||
select.required, option.required,
|
|
||||||
textarea.required {
|
|
||||||
background-color: #ffe3bf;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Tabbladen */
|
|
||||||
.ui-widget-content {
|
|
||||||
background: none;
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
.ui-tabs-nav {
|
|
||||||
background: none;
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-widget-content .ui-state-default {
|
|
||||||
background: none;
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
.ui-widget-content .ui-state-active,
|
|
||||||
.ui-widget-content .ui-tabs-selected {
|
|
||||||
background: none;
|
|
||||||
background-color: #fff;
|
|
||||||
border: 1px solid #34b6e4;
|
|
||||||
border-bottom: 0;
|
|
||||||
color: #000;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-state-default a:link {
|
|
||||||
color: #34b6e4;
|
|
||||||
}
|
|
||||||
.ui-state-active a:link {
|
|
||||||
color: #000;
|
|
||||||
}
|
|
||||||
.tabcloseall {
|
|
||||||
color: #ccc;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Menu */
|
|
||||||
div#ProfFAC, div#PersFAC, div#MgtFAC {
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
#ProfFAC .menukop,
|
|
||||||
div#PersFAC ul li span.menukop,
|
|
||||||
div#MgtFAC ul li span.menukop,
|
|
||||||
#MgtFAC .menukop {
|
|
||||||
color: #34b6e4;
|
|
||||||
}
|
|
||||||
.ui-layout-content,
|
|
||||||
#menutabs {
|
|
||||||
background: none;
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
div#menutabs li.ui-state-active {
|
|
||||||
background-image: none;
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
div#ProfFAC ul li,
|
|
||||||
div#PersFAC ul li,
|
|
||||||
div#MgtFAC ul li {
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
div#MgtFAC ul li li,
|
|
||||||
div#ProfFAC ul li li,
|
|
||||||
li.mi {
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
div#MgtFAC ul li li a {
|
|
||||||
color: #000;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Kalender */
|
|
||||||
.ui-datepicker-header.ui-widget-header {
|
|
||||||
background: none;
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
.ui-widget-header.ui-dialog-titlebar {
|
|
||||||
background: none;
|
|
||||||
background-color: #34b6e4;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-datepicker-calendar .ui-state-highlight,
|
|
||||||
.ui-datepicker-calendar .ui-state-active {
|
|
||||||
background-color: #fff200;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-datepicker-calendar th {
|
|
||||||
background-color: #34b6e4;
|
|
||||||
}
|
|
||||||
.ui-datepicker-calendar th.ui-datepicker-week-end {
|
|
||||||
background-color: #9adbf2;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[readOnly], select[readOnly], textarea[readOnly] {
|
|
||||||
background-color: #F0F0F0;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type=checkbox], input[type=radio]{
|
|
||||||
background-color: #F0F0F0;
|
|
||||||
}
|
|
||||||
|
|
||||||
li.mk:hover span.menukop {
|
|
||||||
color: #fff!important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#mod_prs_pwdchange {width:480px;}
|
|
||||||
Reference in New Issue
Block a user