W3C CSS Validator results for https://www.simon-kramer.ch/ (CSS level 3 + SVG)

Congratulations! No Error Found.

This document validates as CSS level 3 + SVG !

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="https://jigsaw.w3.org/css-validator/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="https://jigsaw.w3.org/css-validator/images/vcss"
            alt="Valid CSS!" />
    </a>
</p>
Valid CSS! 
<p>
    <a href="https://jigsaw.w3.org/css-validator/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="https://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=https://www.simon-kramer.ch/
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 (3)

URI : https://www.simon-kramer.ch/screen.css

11 -webkit-tap-highlight-color is a vendor extension
12 -webkit-tap-highlight-color is a vendor extension
21 -webkit-font-smoothing is a vendor extension

↑ Top

Valid CSS information

* {
padding : 0;
margin : 0;
border : none 0;
outline : 0;
}
body {
font-family : Helvetica, sans-serif;
font-size : 62.5%;
font-weight : 300;
color : #333;
}
b, strong {
font-weight : 500;
}
textarea, input {
font-family : inherit;
}
a {
text-decoration : none;
transition : color 0.3s;
color : #333;
}
a:hover {
color : #ff5c33;
}
hr {
height : 5em;
}
hr.small {
height : 3em;
}
img {
max-width : 100%;
}
cite {
padding-left : 65%;
}
#commercial {
background : url("images/bg_commercial.png") center fixed;
}
.gradient {
background-color : transparent;
background-repeat : no-repeat;
background-image : linear-gradient(0deg, rgb(0, 0, 0, 0.4), rgb(0, 0, 0, 0));
padding-bottom : 6em;
}
#academic {
background : url("images/bg_academic.png") center fixed;
}
.row {
text-align : center;
}
.maxw {
max-width : 120em;
margin : 0 auto;
}
.boxed, .stdw {
max-width : 90em;
padding : 6em 6em;
margin : 0 auto;
text-align : left;
box-sizing : border-box;
}
.round {
border-radius : 0.5em;
}
.roundtop {
border-radius : 0.5em 0.5em 0 0;
}
.roundbottom {
border-radius : 0 0 0.5em 0.5em;
}
.stdw {
padding : 0;
}
.col3, .col4 {
overflow : hidden;
}
.col3 > * {
float : left;
width : 33.3%;
padding : 4em 3em;
box-sizing : border-box;
min-height : 1em;
}
.col4 > * {
float : left;
width : 25%;
padding : 6em 3em;
box-sizing : border-box;
min-height : 1em;
}
h3 + .col3 > *, h3 + .col4 > * {
padding-top : 3em;
}
.col1-2 {
overflow : hidden;
}
.col1-2 > * {
float : left;
width : 66.6%;
min-height : 1em;
}
.col1-2 > *:nth-child(odd) {
width : 33.3%;
clear : left;
}
.col1-2 h3:first-child {
padding-top : 0;
}
dl {
overflow : hidden;
}
dt {
float : left;
clear : both;
width : 33.3%;
text-align : right;
padding-right : 1.5em;
box-sizing : border-box;
line-height : 1.4em;
}
dd {
float : right;
width : 66.6%;
padding-left : 1.5em;
box-sizing : border-box;
}
.dtbold dt {
font-weight : 500;
font-size : 1.8em;
}
.padded {
padding : 3em 3em;
}
.padded h3 {
padding-bottom : 0;
}
.boxed .padded {
margin : 0 -6em;
}
.nopad {
padding : 0;
}
img.minimal {
margin-right : 4em;
}
.left {
text-align : left;
}
.right {
text-align : right;
}
.center {
text-align : center;
}
.white {
background : #FFF;
}
.lightgray {
background : #f2f2f0;
}
.orange {
color : #ff5c33;
}
.orange.inverted {
background : #ff5c33;
color : #FFF;
}
.gray {
color : #87867e;
}
.gray.inverted {
color : #FFF;
background : #87867e;
}
.graybg {
background : #87867e;
}
.nodots ul, ul.nodots {
list-style : none;
padding-left : 0;
}
.nodots ul li, ul.nodots li {
padding-bottom : 0;
}
ul.horizontal {
list-style : none;
padding-left : 0;
}
ul.horizontal li {
display : inline-block;
}
ul.horizontal li:before {
content : ' • ';
}
ul.horizontal li:first-child:before {
content : '';
padding-left : 0;
}
ul.horizontal.nodots li:before {
content : '';
padding-left : 0.6em;
}
h1, h2, h3 {
font-weight : 300;
text-transform : uppercase;
line-height : 1em;
padding-bottom : 1em;
}
h1, h2 {
text-align : center;
color : #ff5c33;
}
h1 {
font-size : 5.4em;
padding-bottom : 0.3em;
}
h2 {
font-size : 3.6em;
padding-bottom : 0.3em;
}
.boxed h2 {
padding-top : 1.66em;
padding-bottom : 1em;
}
h3 {
font-size : 2.4em;
font-weight : 500;
letter-spacing : 0.1em;
padding-top : 1em;
padding-bottom : 0.5em;
}
h4, p, li, cite {
padding-bottom : 1.2em;
line-height : 1.4em;
}
h4, p, td, li, cite, dt {
font-size : 1.8em;
}
h4 {
font-weight : 500;
}
li, .boxed h4 {
padding-bottom : 0;
}
h5 {
font-weight : 300;
font-size : 2.4em;
color : #87867e;
line-height : 1.4em;
padding-bottom : 1em;
}
ul {
padding-left : 2em;
}
a.button {
vertical-align : middle;
padding : 0.5em 1em;
color : #FFF;
background : #87867e;
border-radius : 0.2em;
}
.inverted h2 {
color : #FFF;
}
.inverted a {
color : #FFF;
}
.inverted a:hover {
color : #333;
}
.big {
font-size : 2em;
line-height : 1.1;
}
span.small {
font-size : 0.8em;
}
h2.small {
font-size : 3.6em;
padding-top : 0;
}
.medium {
font-size : 1.4em;
}
#address p, #contact p {
padding : 1em 0;
}
#footer a, #contact a {
color : #FFF;
text-decoration : none;
}
#header hr {
height : 7em;
}
#header h3, #header p {
color : #87867e;
}
#header span {
color : #ff5c33;
}
#header img.animate {
transition-duration : 0.6s;
transition-property : transform;
}
#header img.animate.fourth:hover {
transform : rotate(45deg);
}
#header img.animate.fifth:hover {
transform : rotate(72deg);
}
#contact span {
color : #000;
}
#header h2 {
font-size : 2.4em;
}
#header p {
font-size : 1.5em;
}
#header .mob {
display : none;
}
#header a {
text-decoration : none;
}
#header .col3 > * {
padding-top : 4.5em;
padding-bottom : 4em;
}
#header h2 {
padding-bottom : 0.4em;
}
#about p {
padding-bottom : 0.7em;
}
#about p.nopad {
padding-bottom : 0;
}
#about h4 {
padding-bottom : 0.9em;
}
#about a.button {
padding : 0.6em 1.5em 0.4em 1.5em;
margin-right : 0.3em;
}
#about a.twitter {
padding : 0.5em 0.2em 0 0.2em;
height : 1.9em;
margin-right : 0.3em;
}
#about a.linkedin {
padding : 0 0 0 0;
height : 2.4em;
}
#contact .col3 > * {
padding-top : 1em;
padding-bottom : 1em;
}
#amenu {
margin : 0 20em;
padding-top : 0.8em;
padding-bottom : 3em;
}
#amenu p {
padding-bottom : 0.4em;
}
#amenu h4 {
padding : 0.5em 0;
}
#amenu img {
margin-top : 3.6em;
}
#commercial .boxed p {
padding-right : 10em;
}
.subsummary {
width : 80%;
margin-top : 0;
margin-bottom : 0.5em;
margin-left : 10%;
margin-right : 10%;
padding : 0;
}
.subsummary li {
margin-left : 2em;
padding : 0;
}
#commercial .center p {
padding-right : 0;
}
#consulting-callme-button, #szondi-test-callme-button {
cursor : pointer;
}
#footer h2, #header h2 {
padding-top : 1em;
}
#about .social a {
margin-top : 0.7em;
}
.social a {
display : inline-block;
vertical-align : middle;
background : #87867e;
border-radius : 0.2em;
}
.social a img {
display : block;
}
#footer .social a {
background : #FFF;
}
#footer .social a.twitter {
padding : 0.7em 0.3em 0 0.3em;
height : 2.8em;
margin-right : 0.5em;
}
#footer .social a.linkedin {
padding : 0.1em 0.1em 0 0.1em;
height : 3.4em;
}
#footer a.button {
padding : 0.35em 1em;
background : #FFF;
color : #87867e;
font-size : 1.8em;
margin-right : 0.3em;
}
#invited-talks strong {
font-size : 1.8em;
}
#courses li {
display : inline;
}
#footer p {
padding-top : 0.4em;
padding-bottom : 0;
}
#footer hr {
height : 3.5em;
}
@media (max-width: 880px) {
#amenu {
margin : 0 16em;
}
}
@media (max-width: 780px) {
.boxed, .stdw {
padding : 2em 2vw;
}
.boxed .padded {
margin : 0 -2vw;
}
hr {
height : 3em;
}
.col3 > * {
float : none;
width : 100%;
padding : 2em 2vw;
}
#header hr {
height : 2em;
}
#header .mob {
display : block;
}
#header .nomob {
display : none;
}
#header .col3 > * {
padding : 2em 2vw;
}
#header .col3 div:last-child {
padding-bottom : 4em;
}
#commercial .boxed p {
padding-right : 0;
}
#amenu {
margin : 0;
}
}
@media (max-width: 740px) {
#about img {
max-width : 34em;
}
.col1-2 > *:nth-child(odd), .col1-2 > * {
width : 50%;
}
}
@media (max-width: 740px) {
.col3 > * {
float : none;
width : 100%;
padding : 4em 2vw;
}
#about img {
max-width : 34em;
}
.col1-2 > *:nth-child(odd), .col1-2 > * {
width : 50%;
}
}

↑ Top