FSN#32156 2015.1 styling

svn path=/Website/trunk/; revision=25059
This commit is contained in:
Ruud Lipper
2015-04-30 13:05:13 +00:00
parent 6f2429a29e
commit 0f3387bb81

View File

@@ -11,9 +11,7 @@
/* Titelbalk */ /* Titelbalk */
#headerblok { #headerblok {
background: url(banner.png) no-repeat; background: url(banner.png) no-repeat;
background-color: #fff; background-position: 10px 0px;g
background-position: 10px 0px;
color: #000;
} }
/* Dunne lijntjes om menu en/of header in te klappen */ /* Dunne lijntjes om menu en/of header in te klappen */
@@ -34,77 +32,46 @@ div.ui-layout-toggler {
html, body, #editbody, #showbody, #listbody { html, body, #editbody, #showbody, #listbody {
background-image: none; background-image: none;
background-color: #fff; background-color: #fff;
margin: 0;
padding: 0;
}
#mywelcome,
#myactions,
#mymessages {
margin: 10px 4px 0px 4px;
padding: 0;
border: none;
} }
#mywelcometitle { #mywelcometitle {
background: url(green2black.png) #9ac2b9 repeat-x left top; background: url(green2black.png) #9ac2b9 repeat-x left top;
color: #fff; color: #fff;
} }
#mywelcometitle strong {
color: #fff;
margin: 0;
padding: 0;
}
#mywelcometitle sup { #mywelcometitle sup {
color: #f9a25e; color: #f9a25e;
} }
#mywelcomeinfo { #mywelcomeinfo {
background: url(black2green.png) #005566 repeat-x left top; background: url(black2green.png) #005566 repeat-x left top;
color: #fff; color: #fff;
padding: 4px;
float: none; float: none;
font-style: normal;
border: none;
} }
#mywelcomeframe { #mywelcomeframe {
height: auto; height: auto;
} }
#nieuwsbody { #nieuwsbody {
background-color: #fff; background-color: #fff;
margin: 0;
border: none;
width: 100%; width: 100%;
} }
.nieuwstitel { .nieuwstitel {
color: #9ac2b9; color: #9ac2b9;
} }
.nieuwstekst {
border-bottom: none;
}
.listbody#usermessbody .fcltframeheader,
#listbody .fcltframeheader {
border: none;
}
.listbody table { .listbody table {
background-color: #fff; background-color: #fff;
} }
#collapseblock table { #collapseblock table {
border: none;
border-bottom: 1px solid #ccc;
width: 100%; width: 100%;
} }
.fcltframe { .fcltframe {
background: none; background: none;
background-color: #fff; background-color: #fff;
border: 0px solid #9ac2b9;
border: none;
margin-bottom: 5px;
} }
/* Titels */ /* Titels */
.fcltframeheader, .fcltframeheader,
#search div.fcltblockhead { #search div.fcltblockhead {
background: url(green2black.png) #9ac2b9 repeat-x left top; background: url(green2black.png) #9ac2b9 repeat-x left top;
padding: 4px 5px 2px 5px;
} }
/* Tekst van titels (overzichten, mijn facilitor, etc */ /* Tekst van titels (overzichten, mijn facilitor, etc */
@@ -117,39 +84,17 @@ html, body, #editbody, #showbody, #listbody {
} }
/* Kaders om invulvelden */ /* Kaders om invulvelden */
body.modal .fcltblock,
#showbody .fcltblock,
#editbody .fcltblock {
border: none;
}
.fcltblock {
margin: 3px 0 3px 0;
}
.fcltblock .inside {
margin: 0px;
padding: 2px 3px;
}
#show, #edit {
padding: 0;
}
#showbody .fcltblock .inside { #showbody .fcltblock .inside {
background-color: #fff; background-color: #fff;
border: 1px solid #9ac2b9;
} }
#showbody .fcltblockhead { #showbody .fcltblockhead {
background-color: #9ac2b9; background-color: #9ac2b9;
color: #fff; color: #fff;
padding: 3px 0 5px 5px;
}
#editbody .fcltblock .inside {
border: 1px solid #005566;
border-top: none;
} }
body.modal .fcltblockhead, body.modal .fcltblockhead,
#editbody .fcltblockhead { #editbody .fcltblockhead {
background: url(black2green.png) #005566 repeat-x left top; background: url(black2green.png) #005566 repeat-x left top;
color: #fff; color: #fff;
padding: 3px 0 5px 5px;
} }
#showbody label, #showbody label,
@@ -164,7 +109,6 @@ body.modal .fcltblockhead,
td.flexlabel, td.flexlabel,
#showbody td.flexlabel label { #showbody td.flexlabel label {
background-color: #dadcde; background-color: #dadcde;
border: none;
} }
tr.flexcollapsed td { tr.flexcollapsed td {
color: #fff; color: #fff;
@@ -173,8 +117,6 @@ tr.flexcollapsed td {
/* Selectiescherm */ /* Selectiescherm */
#search { #search {
background-image: none; background-image: none;
border: 1px solid #005566;
margin-bottom: 2px;
} }
#search div.fcltblock { #search div.fcltblock {
background-color: #fff; background-color: #fff;
@@ -182,7 +124,6 @@ tr.flexcollapsed td {
#search div.fcltblockhead { #search div.fcltblockhead {
background: url(black2green.png) #005566 repeat-x left top; background: url(black2green.png) #005566 repeat-x left top;
color: #fff; color: #fff;
padding-top: 1px;
} }
#search div.fcltblock label { #search div.fcltblock label {
color: #005566; color: #005566;
@@ -199,16 +140,14 @@ tr.flexcollapsed td {
} }
/* Verplichte velden */ /* Verplichte velden */
* html .required, .required { * html .required, .required, .required:focus, input.required {
background-color: #ffe595; background-color: #ffe595;
border-left: 3px solid red;
} }
input[type=text].required, input[type=text].required,
input[type=password].required, input[type=password].required,
select.required, option.required, select.required, option.required,
textarea.required { textarea.required {
background-color: #ffe595; background-color: #ffe595;
border-left: 3px solid red;
} }
/* Menu */ /* Menu */
@@ -228,17 +167,7 @@ div#PersFAC ul li,
div#MgtFAC ul li { div#MgtFAC ul li {
background-color: #fff; background-color: #fff;
} }
li.mk {
border-bottom: none;
border-top: 1px solid #9ac2b9;
margin-top: 1px;
}
div#ProfFAC ul li li,
div#PersFAC ul li li {
border-bottom: none;
border-top: 1px solid #aaa;
margin-left: 5px;
}
div#PersFAC ul li li a, div#PersFAC ul li li a,
div#ProfFAC ul li li a { div#ProfFAC ul li li a {
text-decoration: none; text-decoration: none;
@@ -261,8 +190,3 @@ div#PersFAC ul li span.menukop {
.ui-datepicker-calendar th { .ui-datepicker-calendar th {
background: url(black2green.png) #005566 repeat-x left top; background: url(black2green.png) #005566 repeat-x left top;
} }
/* Inlog popup */
#loginhtml, #loginbody {
background-color: #9ac2b9
}