W3C CSS Validator results for http://www.microse.nl/ (CSS level 3)

Congratulations! No Error Found.

This document validates as CSS level 3 !

To show your readers that you've taken the care to create an interoperable Web page, you may display this icon on any page that validates. Here is the XHTML you could use to add this icon to your Web page:

Valid CSS! 
<p>
    <a href="http://jigsaw.w3.org/css-validator/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="http://jigsaw.w3.org/css-validator/images/vcss"
            alt="Valid CSS!" />
    </a>
</p>
Valid CSS! 
<p>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
    <img style="border:0;width:88px;height:31px"
        src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
        alt="Valid CSS!" />
    </a>
</p>

(close the img tag with > instead of /> if using HTML <= 4.01)

If you like, you can download a copy of this image to keep in your local web directory, and change the XHTML fragment above to reference your local image rather than the one on this server.

If you would like to create a link to this page (i.e., this validation result) to make it easier to re-validate this page in the future or to allow others to validate your page, the URI is: 

http://jigsaw.w3.org/css-validator/validator?uri=http://www.microse.nl/&profile=css3&usermedium=all&warning=1
or
http://jigsaw.w3.org/css-validator/check/referer (for HTML/XML document only)

(Or, you can just add the current page to your bookmarks or hotlist.)

↑ Top

Warnings (8)

URI : https://microse.nl/style/Site_new.css

305 Property -moz-linear-gradient(top,#9f9 0%,#85D181 100%) is an unknown vendor extension
306 Property -webkit-linear-gradient(top,#9f9 0%,#85D181 100%) is an unknown vendor extension
307 Property -o-linear-gradient(top,#9f9 0%,#85D181 100%) is an unknown vendor extension
308 Property -ms-linear-gradient(top,#9f9 0%,#85D181 100%) is an unknown vendor extension
318 Property -webkit-linear-gradient(top,#9999ff 0%,#6986FA 100%) is an unknown vendor extension
319 Property -o-linear-gradient(top,#9999ff 0%,#6986FA 100%) is an unknown vendor extension
320 Property -moz-linear-gradient(top,#9999ff 0%,#6986FA 100%) is an unknown vendor extension
321 Property -ms-linear-gradient(top,#9999ff 0%,#6986FA 100%) is an unknown vendor extension

↑ Top

Valid CSS information

html, body {
margin : 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
}
body.cssDay {
font-family : "Comic Sans MS", cursive, sans-serif !important ;
}
html {
overflow-y : scroll;
}
.content {
margin-left : auto;
margin-right : auto;
background-color : #fff;
position : relative;
padding-bottom : 20px;
}
.icons_div {
position : absolute;
right : 5px;
top : 5px;
}
.rowIcon {
background-image : url('../images/iconsprite.png');
background-repeat : no-repeat;
width : 16px;
height : 16px;
display : inline-block;
margin-right : 5px;
}
a.rowIcon.remove:hover {
background-position : -16px 0;
}
a.rowIcon.edit:hover {
background-position : 0 0;
}
a.rowIcon.remove {
background-position : -16px -16px;
}
a.rowIcon.edit {
background-position : 0 -16px;
}
a.rowIcon.down:hover {
background-position : -32px 0;
}
a.rowIcon.up:hover {
background-position : -48px 0;
}
a.rowIcon.down {
background-position : -32px -16px;
}
a.rowIcon.up {
background-position : -48px -16px;
}
.blog_item[lang="nl"] .flagicon {
background-position : -64px 0;
}
.blog_item[lang="en"] .flagicon {
background-position : -80px 0;
}
.rowIcon {
background-image : url('../images/iconsprite.png');
background-repeat : no-repeat;
width : 16px;
height : 16px;
display : inline-block;
margin-right : 5px;
}
a.rowIcon.remove:hover {
background-position : -16px 0;
}
a.rowIcon.edit:hover {
background-position : 0 0;
}
a.rowIcon.remove {
background-position : -16px -16px;
}
a.rowIcon.edit {
background-position : 0 -16px;
}
a.rowIcon.down:hover {
background-position : -32px 0;
}
a.rowIcon.up:hover {
background-position : -48px 0;
}
a.rowIcon.down {
background-position : -32px -16px;
}
a.rowIcon.up {
background-position : -48px -16px;
}
.logo {
position : absolute;
left : 0;
top : 0;
background-image : url('../images/MicroSE.png');
width : 196px;
height : 56px;
}
.floatLeft {
float : left;
}
.floatRight {
float : right;
}
footer {
height : 90px;
border-top : 2px solid #BCBCBC;
margin-top : 15px;
position : relative;
padding : 5px;
}
#bottombar {
height : 20px;
line-height : 20px;
width : 1000px;
margin-left : auto;
margin-right : auto;
}
#bottombar #logo_bw {
background-image : url(../images/microse_small_bw.png);
background-size : 50px 50px;
width : 50px;
height : 50px;
float : left;
display : inline-block;
}
.footerTitle {
font-size : 18px;
line-height : 50px;
font-weight : bold;
float : left;
}
#bottombar a {
text-decoration : none;
color : #333;
}
#bottombar #bottomBarPages, #bottombar #lang {
text-align : right;
padding-bottom : 5px;
padding-top : 5px;
}
#bottombar #bottomBarPages a {
color : #00236C;
}
#bottombar a:hover {
text-decoration : underline;
}
#bottombar .copyright {
font-style : italic;
color : #999999;
}
.popupClose {
width : 36px;
height : 35px;
background-image : url('../images/close.png');
display : inline-block;
position : absolute;
top : -18px;
right : -18px;
cursor : pointer;
}
.selectedLanguage {
font-weight : bold;
}
.error_box {
background-color : #ff6666 !important ;
color : white;
text-align : center;
}
.box_div, .widebox_div, .maxbox_div {
margin : 15px;
width : 310px;
border : #dddede solid 1px;
background-color : #edeeee;
padding : 10px;
border-radius : 2px;
margin-left : auto;
margin-right : auto;
}
.widebox_div {
width : 700px;
}
.maxbox_div {
width : auto;
}
.widebox_div .box_line textarea {
width : 535px;
height : 80px;
border : #C5C5C5 solid 1px;
resize : none;
padding : 5px;
}
.widebox_div .box_line input[type="email"], .widebox_div .box_line input[type="text"] {
width : 535px;
padding : 5px;
border : #C5C5C5 solid 1px;
}
.box_div .box_line input[type="text"], .box_div .box_line input[type="password"], .box_div .box_line input[type="email"] {
width : 150px;
height : 15px;
}
.titleBar, .headerBar {
font-size : 1.8em;
text-align : center;
margin-bottom : 2px;
}
.headerBar {
margin-top : 5px;
}
.box_line {
margin-bottom : 2px;
}
.box_line label:not(.autowidth) {
width : 125px;
display : inline-block;
vertical-align : top;
}
.box_line_center {
text-align : center;
}
input[type="checkbox"], select {
margin-left : 0;
}
input[type="submit"], input[type="button"], a.button {
border : #333 solid 1px;
padding : 5px;
margin-right : 5px;
background-color : #9999ff;
color : #333;
border-radius : 2px;
background-image : linear-gradient(to bottom, #9f9 0%, #85D181 100%);
text-decoration : none;
}
input[type="submit"]:hover, input[type="button"]:hover, a.button:hover {
background-color : #99ff99;
cursor : pointer;
background-image : linear-gradient(to bottom, #9999ff 0%, #6986FA 100%);
color : #fff;
}
.blog_container {
width : 1000px;
}
.blog_item, .reply_item {
padding-top : 5px;
padding-bottom : 5px;
}
.blog_item:not(:last-child), .reply_item:not(:last-child) {
padding-bottom : 15px;
margin-bottom : 15px;
border-bottom : 1px solid #999;
}
.blog_item .caption, .reply_item .caption {
position : relative;
height : 60px;
}
.blog_item .caption .title_box, .reply_item .caption .title_box {
padding-left : 70px;
padding-top : 5px;
}
.blog_item .caption .user_avatar, .reply_item .caption .user_avatar {
width : 60px;
height : 60px;
background-size : 60px 60px;
float : left;
}
.blog_item .caption .title, .reply_item .caption .title {
display : inline-block;
font-size : 18px;
font-weight : bold;
}
.blog_item .caption .subtitle, .reply_item .caption .subtitle {
font-style : italic;
}
.pager_div {
margin-left : auto;
margin-right : auto;
height : 32px;
line-height : 32px;
text-align : center;
margin-bottom : 5px;
}
.pager_div a.page_link {
height : 32px;
width : 32px;
display : inline-block;
font-size : 1.3em;
border : #333 solid 1px;
margin-right : 5px;
text-decoration : none;
border-radius : 2px;
background-color : #CCCCCC;
color : #333;
}
.pager_div a.page_link:hover {
background-color : #999999;
color : #fff;
}
.pager_div a.page_link:active {
background-color : #333;
}
a.replylink {
color : #3366ff;
text-decoration : none;
}
a.replylink:hover {
text-decoration : underline;
}
a.replylink:active {
color : #ff6666;
}
.title a {
color : #003399;
text-decoration : none;
}
.title a:hover {
text-decoration : underline;
}
.title a:active {
color : #cc0000;
}
.div_centered, .div_welcome {
padding : 10px;
text-align : center;
margin-left : auto;
margin-right : auto;
}
.site_item {
padding-left : 5px;
padding-right : 5px;
}
table.table_box {
width : 100%;
border-collapse : collapse;
}
table.table_box tr:not(.header) td {
border-top : 1px solid #333;
}
table.table_box tr:not(.header):hover {
background-color : #9999ff;
cursor : pointer;
}
table.table_box tr.header {
font-weight : bold;
color : #fff;
background-color : #333;
}
.smallLinks {
margin-bottom : 5px;
padding-bottom : 5px;
}
.simpleLink {
color : black;
text-decoration : none;
}
.simpleLink:hover {
text-decoration : underline;
}
.div_download.line, .div_download.box, .div_download.screenshot {
width : 850px;
display : block;
position : relative;
border : #dddede solid 1px;
background-color : #edeeee;
padding : 5px;
margin-bottom : 10px;
margin-left : auto;
margin-right : auto;
}
.div_download.screenshot {
background-color : #3f3f3f;
}
.div_download.screenshot .title {
color : #fff;
font-size : larger;
font-weight : bold;
padding-bottom : 3px;
}
.div_download.line {
height : 50px;
}
.div_download.line:hover {
background-color : #99ccff;
cursor : pointer;
}
.div_download .downloadIcon {
height : 50px;
width : 50px;
display : inline-block;
float : left;
}
.div_download .downloadName {
width : 800px;
display : inline-block;
float : right;
font-size : 1.8em;
}
.div_download .downloadSize, .div_download .downloadVersion {
margin-top : 5px;
margin-right : 5px;
width : auto;
display : inline-block;
}
.div_download .downloadInfo {
margin-top : 5px;
margin-bottom : 5px;
}
.div_download .download_link_div {
height : 32px;
line-height : 32px;
}
.screenshotImage {
font-size : 0;
width : 150px;
height : 100px;
display : inline-block;
}
.screenshotImage img {
display : inline-block;
vertical-align : middle;
max-height : 100%;
max-width : 100%;
opacity : 0.60000002384185791015625;
}
.screenshotImage img:hover {
cursor : pointer;
opacity : 1;
}
.screenshotImage .trick {
display : inline-block;
vertical-align : middle;
height : 100px;
}
.topBar {
height : 60px;
position : relative;
margin-right : auto;
margin-left : auto;
width : 1000px;
}
.subMenu {
display : none;
position : absolute;
background-color : white;
z-index : 100;
border-bottom : 2px solid #BCBCBC;
}
header, #header {
position : relative;
height : 90px;
border-bottom : 2px solid #BCBCBC;
top : 0;
left : 0;
right : 0;
}
.menuBar {
position : relative;
clear : both;
height : 30px;
width : 1000px;
margin-left : auto;
margin-right : auto;
}
nav.fixed {
position : fixed;
top : 0;
left : 0;
right : 0;
z-index : 200;
border-bottom : 2px solid #BCBCBC;
height : 30px;
box-shadow : 0 3px 2px 0 #666;
opacity : 0.85000002384185791015625;
background-color : white;
}
nav.fixed .menuBar {
z-index : 201;
padding-left : 100px;
background-image : url('../images/microse_100.png');
background-size : 100px 29px;
background-repeat : no-repeat;
width : 900px;
}
nav.fixed .subMenu {
box-shadow : 2px 2px 3px #666, -2px 2px 3px #666;
}
.menuItem {
display : inline-block;
width : 90px;
height : 30px;
line-height : 30px;
text-align : center;
text-decoration : none;
color : #00236C;
}
.subMenuItem {
width : 86px;
display : block;
height : 30px;
line-height : 30px;
text-align : center;
text-decoration : none;
color : #00236C;
border-left : 2px solid #BCBCBC;
border-right : 2px solid #BCBCBC;
}
.menuItem:hover, .menuItem.active {
font-weight : bold;
height : 29px;
border-bottom : 3px solid #00236C;
}
.subMenuItem:hover {
font-weight : bold;
height : 29px;
border-left-color : #00236C;
border-right-color : #00236C;
}
.menuItem.active {
border-bottom-color : #003FC1;
}
.siteBreadcrumb {
float : left;
margin-top : 10px;
margin-bottom : 5px;
font-size : smaller;
line-height : 16px;
display : inline-block;
}
.topLinks {
line-height : 34px;
padding-bottom : 34px;
}
.actionLinks {
float : right;
display : inline-block;
margin-left : auto;
font-size : smaller;
}
.actionLinks a {
color : #666666;
text-decoration : none;
}
.actionLinks a:not(:last-child):after {
content : " | ";
color : #666;
}
.actionLinks a:hover {
color : #3366ff;
}
.siteBreadcrumb .crumb {
margin-left : 2px;
margin-right : 2px;
color : #666666;
}
.siteBreadcrumb .crumb.home a:before {
content : " ";
background-image : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAWdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjA76PVpAAAARUlEQVQoU2OgBvAF4v8QJmEAU0yUJpgiNTCPgCZkxdjYKACbAhjGqgmXYhjGqgmXYhgGaUIByBpAkug2EtQAAgOigYEBAPWXM/pIoxnlAAAAAElFTkSuQmCC');
width : 12px;
height : 12px;
margin-right : 2px;
display : inline-block;
}
.siteBreadcrumb .crumb:after {
content : " \00BB";
}
.siteBreadcrumb .crumb a {
text-decoration : none;
color : #666666;
}
.siteBreadcrumb .crumb a:hover {
color : #3366ff;
}
.project_box {
width : 800px;
display : block;
position : relative;
border : #dddede solid 1px;
background-color : #F8F8F8;
padding : 5px;
margin-bottom : 10px;
margin-left : auto;
margin-right : auto;
}
.project_box .projectTitle {
font-size : 1.4em;
font-weight : bold;
padding-bottom : 2px;
}
.project_box .projectLink, .project_box .lastUpdate {
font-style : italic;
padding-right : 5px;
}
.project_box a.projectLink {
color : #0066ff;
text-decoration : none;
}
.project_box a.projectLink:hover {
text-decoration : underline;
}
#siteContent {
width : 1000px;
margin-left : auto;
margin-right : auto;
}
.bannerOuter .banner {
width : 1000px;
margin-left : auto;
margin-right : auto;
height : 200px;
position : relative;
}
.bannerOuter .banner .bannerContent {
height : 200px;
background-repeat : no-repeat;
}
.bannerContent.clickable {
cursor : pointer;
}
.g-recaptcha {
display : inline-block;
}

↑ Top