W3C CSS Validator results for https://www.gregegan.net/index.html (CSS level 3 + SVG)

Sorry! We found the following errors (2)

URI : https://www.gregegan.net/index.html

94 Parse Error };
285 100% is not a column-width value : 100%

↑ Top

Valid CSS information

body {
font-family : Times, serif;
}
h1, h2, h3, h4, h5, h6, .header, .extra, a, .a {
font-family : Arial, sans-serif;
}
p.h:first-letter {
font-size : 200%;
font-weight : bold;
float : left;
margin-right : 5px;
margin-top : -4pt;
margin-bottom : -4pt;
}
a:link {
color : blue;
background-color : transparent;
}
a sub {
text-decoration : none;
}
a {
color : #0000ff;
background-color : transparent;
}
a:visited {
color : #660099;
background-color : transparent;
}
a:hover {
color : red;
background-color : transparent;
}
a:active {
color : green;
background-color : transparent;
}
a.extra, li.extra a {
color : #5555ff;
background-color : transparent;
}
a.extra:visited, li.extra a:visited {
color : #8844bb;
background-color : transparent;
}
a.extra:hover, li.extra a:hover {
color : red;
background-color : transparent;
}
a.extra:active, li.extra a:active {
color : green;
background-color : transparent;
}
.header {
font-size : 133%;
font-weight : bold;
}
.sm, .nav, .extra, .jreq, .jdec {
font-size : 78%;
}
.quote {
font-family : Geneva, sans-serif;
padding-left : 15px;
padding-right : 15px;
padding-top : 1ex;
padding-bottom : 1ex;
margin-left : 30px;
margin-right : 30px;
margin-top : 10px;
margin-bottom : 10px;
border-width : 1px;
border-color : #666666;
border-style : solid;
box-shadow : 3px 3px 6px #444444;
border-radius : 8px;
}
.jreq {
color : red;
background-color : transparent;
}
.jdec {
color : #993333;
background-color : transparent;
}
span.sp {
font-size : 36pt;
padding-right : 3pt;
float : left;
margin-top : -9pt;
margin-bottom : -9pt;
}
span.oop {
color : #666666;
background-color : transparent;
}
sub, sup {
font-size : 75%;
font-family : Times, sans-serif;
}
table.app {
float : right;
margin : 10px;
}
table.lapp {
float : left;
margin : 10px;
margin-right : 25px;
}
table.rapp {
float : right;
margin : 10px;
margin-left : 25px;
}
table.app, table.app table {
border : 2px;
border-style : solid;
}
#leftapp {
position : absolute;
left : 20px;
top : 20px;
}
table.leftapp {
float : left;
width : 270px;
height : 260px;
}
table.leftappWide {
float : left;
width : 390px;
height : 260px;
}
table.leftappWide2 {
float : left;
width : 440px;
height : 320px;
}
table.leftappTall {
float : left;
width : 270px;
height : 320px;
}
ul.errata li {
padding-top : 1ex;
padding-bottom : 1ex;
}
a.vimeo {
color : #ffff00;
background-color : transparent;
}
a.youtube {
color : #ff0000;
background-color : transparent;
}
a:hover.vimeo, a:hover.youtube {
color : black;
background-color : #ffffc8;
}
.noJava {
color : red;
font-size : 200%;
}
br.clearAll {
clear : both;
}
br.clearLeft {
clear : left;
}
br.clearRight {
clear : right;
}
.floatRight {
float : right;
}
.floatLeft {
float : left;
}
.bac, .bac table {
text-align : center;
margin-left : auto;
margin-right : auto;
}
.tac, tr.tac td {
text-align : center;
}
.tal, tr.tal td {
text-align : left;
}
.tar, tr.tar td {
text-align : right;
}
.w20 {
width : 20%;
}
.w25 {
width : 25%;
}
.w30 {
width : 30%;
}
.w35 {
width : 35%;
}
.w50 {
width : 50%;
}
.w60 {
width : 60%;
}
.w75 {
width : 75%;
}
.w90 {
width : 90%;
}
.w95 {
width : 95%;
}
.w100 {
width : 100%;
}
.vat {
vertical-align : top;
}
.vam {
vertical-align : middle;
}
.vab {
vertical-align : bottom;
}
.noBorder {
border : none;
}
table.btab, table.btab td, table.btab th, .border2 {
border-width : 1px;
border-style : solid;
border-color : black;
vertical-align : middle;
}
table.border2 td {
padding : 0;
vertical-align : middle;
}
table.btab {
border-collapse : collapse;
}
table.btab td, table.btab th {
padding-left : 5px;
padding-right : 5px;
}
.noMargins {
margin-left : 0;
margin-right : 0;
}
.noVMargins {
margin-top : 0;
margin-bottom : 0;
}
td.pad2, table.pad2 td, th.pad2, table.pad2 th {
padding : 2px;
}
td.pad5, table.pad5 td, th.pad5, table.pad5 th {
padding : 5px;
}
td.pad10, table.pad10 td, th.pad10, table.pad10 th {
padding : 10px;
}
.nowrap {
white-space : nowrap;
}
#snug * {
vertical-align : bottom;
}
.snug * {
vertical-align : bottom;
}
div.pub {
padding-left : 10px;
padding-right : 10px;
border-width : 1px;
border-color : #666666;
border-style : solid;
}
div.pub, .quote {
background-color : #ffffff66;
}
body {
background-image : url(Classes/h.gif);
}
.HomePage {
background-image : url(Classes/h.gif);
}
.SiteMap {
background-color : #ffffcc;
color : black;
}
.APPLETS {
background-image : url(Classes/w.gif);
}
.BIBLIOGRAPHY {
background-color : white;
color : black;
}
.images {
background-color : white;
color : black;
}
.ESSAYS {
background-image : url(ESSAYS/w.gif);
}
.FOUNDATIONS {
background-image : url(FOUNDATIONS/w.gif);
}
.HORROR {
background-image : url(HORROR/w.gif);
}
.INTERVIEWS {
background-image : url(INTERVIEWS/w.gif);
}
.LINKS {
background-image : url(LINKS/w.gif);
}
.MISC {
background-image : url(MISC/w.gif);
}
.SCIENCE {
background-color : white;
color : black;
}
.ALLSKIES, table.hover:hover td.ALLSKIES {
background-color : #ffffcc;
color : black;
background-image : none;
border-color : #999999;
}
tr.t1 td.ALLSKIES {
background-image : url(Classes/hDG.gif);
border-color : #888888;
}
tr.t2 td.ALLSKIES {
background-image : url(Classes/hG.gif);
border-color : #888888;
}
.BORDER, table.hover:hover td.BORDER {
background-color : #ccffcc;
color : black;
background-image : none;
border-color : #999999;
}
tr.t1 td.BORDER {
background-image : url(Classes/hDG.gif);
border-color : #888888;
}
tr.t2 td.BORDER {
background-image : url(Classes/hG.gif);
border-color : #888888;
}
.DIASPORA, table.hover:hover td.DIASPORA {
background-color : #ccccff;
color : black;
background-image : none;
border-color : #999999;
}
tr.t1 td.DIASPORA {
background-image : url(Classes/hDG.gif);
border-color : #888888;
}
tr.t2 td.DIASPORA {
background-image : url(Classes/hG.gif);
border-color : #888888;
}
.DICHRONAUTS, table.hover:hover td.DICHRONAUTS {
background-color : #dedeef;
color : black;
background-image : none;
border-color : #999999;
}
tr.t1 td.DICHRONAUTS {
background-image : url(Classes/hDG.gif);
border-color : #888888;
}
tr.t2 td.DICHRONAUTS {
background-image : url(Classes/hG.gif);
border-color : #888888;
}
.DIDICOSM, table.hover:hover td.DIDICOSM {
background-color : #a0d0e0;
color : black;
background-image : none;
border-color : #999999;
}
tr.t1 td.DIDICOSM {
background-image : url(Classes/hDG.gif);
border-color : #888888;
}
tr.t2 td.DIDICOSM {
background-image : url(Classes/hG.gif);
border-color : #888888;
}
.DISTRESS, table.hover:hover td.DISTRESS {
background-color : #67aadf;
color : black;
background-image : none;
border-color : #999999;
}
tr.t1 td.DISTRESS {
background-image : url(Classes/hDG.gif);
border-color : #888888;
}
tr.t2 td.DISTRESS {
background-image : url(Classes/hG.gif);
border-color : #888888;
}
.INCANDESCENCE, table.hover:hover td.INCANDESCENCE {
background-color : #ffcc99;
color : black;
background-image : none;
border-color : #999999;
}
tr.t1 td.INCANDESCENCE {
background-image : url(Classes/hDG.gif);
border-color : #888888;
}
tr.t2 td.INCANDESCENCE {
background-image : url(Classes/hG.gif);
border-color : #888888;
}
.OCEANIC, table.hover:hover td.OCEANIC {
background-color : #99ccff;
color : black;
background-image : none;
border-color : #999999;
}
tr.t1 td.OCEANIC {
background-image : url(Classes/hDG.gif);
border-color : #888888;
}
tr.t2 td.OCEANIC {
background-image : url(Classes/hG.gif);
border-color : #888888;
}
.ORTHOGONAL, table.hover:hover td.ORTHOGONAL {
background-color : #aaeedd;
color : black;
background-image : none;
border-color : #999999;
}
tr.t1 td.ORTHOGONAL {
background-image : url(Classes/hDG.gif);
border-color : #888888;
}
tr.t2 td.ORTHOGONAL {
background-image : url(Classes/hG.gif);
border-color : #888888;
}
.PLANCK, table.hover:hover td.PLANCK {
background-color : #ffcccc;
color : black;
background-image : none;
border-color : #999999;
}
tr.t1 td.PLANCK {
background-image : url(Classes/hDG.gif);
border-color : #888888;
}
tr.t2 td.PLANCK {
background-image : url(Classes/hG.gif);
border-color : #888888;
}
.PERMUTATION, table.hover:hover td.PERMUTATION {
background-color : #99ffcc;
color : black;
background-image : none;
border-color : #999999;
}
tr.t1 td.PERMUTATION {
background-image : url(Classes/hDG.gif);
border-color : #888888;
}
tr.t2 td.PERMUTATION {
background-image : url(Classes/hG.gif);
border-color : #888888;
}
.QUARANTINE, table.hover:hover td.QUARANTINE {
background-color : #dedede;
color : black;
background-image : none;
border-color : #999999;
}
tr.t1 td.QUARANTINE {
background-image : url(Classes/hDG.gif);
border-color : #888888;
}
tr.t2 td.QUARANTINE {
background-image : url(Classes/hG.gif);
border-color : #888888;
}
.SCALE, table.hover:hover td.SCALE {
background-color : #f0ffc0;
color : black;
background-image : none;
border-color : #999999;
}
tr.t1 td.SCALE {
background-image : url(Classes/hDG.gif);
border-color : #888888;
}
tr.t2 td.SCALE {
background-image : url(Classes/hG.gif);
border-color : #888888;
}
.SCHILD, table.hover:hover td.SCHILD {
background-color : #99cccc;
color : black;
background-image : none;
border-color : #999999;
}
tr.t1 td.SCHILD {
background-image : url(Classes/hDG.gif);
border-color : #888888;
}
tr.t2 td.SCHILD {
background-image : url(Classes/hG.gif);
border-color : #888888;
}
.TERANESIA, table.hover:hover td.TERANESIA {
background-color : #ffff99;
color : black;
background-image : none;
border-color : #999999;
}
tr.t1 td.TERANESIA {
background-image : url(Classes/hDG.gif);
border-color : #888888;
}
tr.t2 td.TERANESIA {
background-image : url(Classes/hG.gif);
border-color : #888888;
}
.ZENDEGI, table.hover:hover td.ZENDEGI {
background-color : #4dc590;
color : black;
background-image : none;
border-color : #999999;
}
tr.t1 td.ZENDEGI {
background-image : url(Classes/hDG.gif);
border-color : #888888;
}
tr.t2 td.ZENDEGI {
background-image : url(Classes/hG.gif);
border-color : #888888;
}
body {
margin : 0;
padding : 10px;
border : 0;
}
.snippet {
font-weight : bold;
}
.closer {
margin-top : 1ex;
margin-bottom : 1ex;
}
.hh {
font-variant : small-caps;
font-size : 200%;
}
.ptd {
padding : 0;
margin : 0;
border : 0;
}
div.m, div.rln, div.msm {
margin : 10px 3px 0;
}
table.footer tr td div.msm {
margin : 0 3px 0;
}
div.rln div {
padding : 2ex 2ex;
}
div.rln {
color : black;
border-style : solid;
border-width : 1px;
border-color : #888888;
}
div.rln:hover {
border-color : #999999;
}
div.special {
border-color : green;
border-width : 2px;
}
div.special:hover {
border-color : green;
}
div.rln, .m, .msm {
border-radius : 8px;
}
.topC, table.hover tr.t1 td {
border-top-left-radius : 7px;
border-top-right-radius : 7px;
}
.bottomC, table.hover tr.t2 td {
border-bottom-left-radius : 7px;
border-bottom-right-radius : 7px;
}
table.hover tr.t1 td {
border-bottom : none;
}
table.hover tr.t2 td {
border-top : none;
}
div.m, div.msm {
border-style : solid;
border-width : 1px;
border-color : #888888;
background-image : url(Classes/hW.gif);
padding : 3ex 3ex;
}
div.m ul, div.msm ul {
list-style : disc;
padding : 0 0 0 15px;
}
div.m ul li, div.msm ul li {
margin-bottom : 0.75ex;
}
div.m:hover, div.msm:hover {
background-image : none;
color : black;
background-color : #f7f7f7;
border-color : #999999;
}
div.m p, div.msm p {
margin : 0;
padding : 0;
}
p.cmarg {
text-align : center;
margin : 5px;
}
.ln {
background-color : transparent;
color : black;
}
.msm, .lr {
font-size : 78%;
}
div.rln:hover div.rln0a .ln {
color : green;
}
div.rln:hover div.rln1a .ln {
color : #00aaaa;
}
div.rln:hover div.rln2a .ln {
color : red;
}
.rln0a {
background-image : url(Classes/hG.gif);
}
div.rln:hover div.rln0a {
background-color : #ddffdd;
background-image : none;
}
.rln0b {
background-image : url(Classes/hDG.gif);
}
div.rln:hover div.rln0b {
background-color : #bbddbb;
background-image : none;
}
.rln1a {
background-image : url(Classes/hG.gif);
}
div.rln:hover div.rln1a {
background-color : #ddffff;
background-image : none;
}
.rln1b {
background-image : url(Classes/hDG.gif);
}
div.rln:hover div.rln1b {
background-color : #bbdddd;
background-image : none;
}
.rln2a {
background-image : url(Classes/hG.gif);
}
div.rln:hover div.rln2a {
background-color : #ffff99;
background-image : none;
}
.rln2b {
background-image : url(Classes/hDG.gif);
}
div.rln:hover div.rln2b {
background-color : #dddd77;
background-image : none;
}
table.hover {
float : left;
border-spacing : 0;
}
table.hover, table.hover tr, table.hover td {
text-align : center;
vertical-align : middle;
}
table.hover, table.hover tr {
padding : 0;
margin : 0;
}
tr.t1 {
height : 130px;
}
tr.t2 {
height : 65px;
}
tr.t1 td, tr.t2 td {
width : 122px;
padding : 3px;
border : 1px;
margin : 0;
border-style : solid;
}
table.hover img {
border-style : none;
}
.lr {
text-align : right;
margin : 3px;
}
.cover {
margin : 4px;
margin-right : 10px;
border : 0;
}
p.dummy {
font-size : 1pt;
margin : 0;
padding : 0;
}
div.suppT {
border-top : 5px solid gray;
padding-top : 10px;
padding-bottom : 10px;
width : 100%;
margin-top : 10px;
}
table.trailer {
float : right;
margin-right : 4px;
margin-left : 8px;
margin-bottom : 5px;
margin-top : 5px;
}
table.OrthogonalTrailer {
background-image : url(ORTHOGONAL/OrthogonalTrailer.jpg);
width : 128px;
height : 72px;
}
table.OrthogonalTrailer td {
width : 64px;
text-align : center;
}
a.vimeo, a.youtube {
font-size : 10pt;
padding : 2px;
}
table.hover img, img.cover, table.trailer {
box-shadow : 2px 2px 4px #222222;
}
table.hover img {
border-radius : 7px;
}
.ln, .header {
text-shadow : 2px 2px 7px #aaaaaa;
}
.noBorder {
border : 0;
}
.alignLeft {
float : left;
}
.alignRight {
float : right;
}
.textRight {
text-align : right;
}
.textCenter {
text-align : center;
}
.widthThird1 {
width : 40%;
}
.widthThird2 {
width : 30%;
}
.widthThird3 {
width : 30%;
}
.widthFull {
width : 100%;
}
p.sm {
margin-top : 0;
}
div.storyList {
column-width : 6em;
column-count : 3;
margin-bottom : -0.6em;
}
div.storyList p {
break-inside : avoid;
margin-top : 0;
margin-bottom : 0.3em;
text-indent : -1em;
margin-left : 0.3em;
}
div.storyList p::before {
content : "\2022\00a0";
}
div.main {
column-width : 20em;
column-count : 3;
max-width : 100em;
}
div.main div {
break-inside : avoid;
}
div.main > div {
max-width : 33em;
}
canvas {
max-width : 100%;
height : auto;
}

↑ Top