W3C CSS Validator results for https://amp.dascene.net/golink.php?idx=192&url=http://openmpt.org (CSS level 3)

Sorry! We found the following errors (1)

URI : https://openmpt.org/css/style.min.css?de8874ee

1 Unknown error org.w3c.css.parser.analyzer.ParseException: The media “handheld” has been deprecated

↑ Top

Warnings (12)

URI : https://openmpt.org/fancybox/source/fancybox.min.css?492d6e30

1 -webkit-transform is an unknown vendor extension
1 -webkit-border-radius is an unknown vendor extension
1 -moz-border-radius is an unknown vendor extension
1 -webkit-box-shadow is an unknown vendor extension
1 -moz-box-shadow is an unknown vendor extension
1 -webkit-overflow-scrolling is an unknown vendor extension
1 -webkit-tap-highlight-color is an unknown vendor extension
1 -webkit-border-radius is an unknown vendor extension
1 -moz-border-radius is an unknown vendor extension
1 -webkit-min-device-pixel-ratio is an unknown vendor extension
1 min--moz-device-pixel-ratio is an unknown vendor extension
1 min-device-pixel-ratio is an unknown vendor extension

↑ Top

Valid CSS information

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin : 0;
padding : 0;
border : 0;
font-size : 100%;
font : inherit;
vertical-align : baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display : block;
}
body {
line-height : 1;
}
ol, ul {
list-style : none;
}
blockquote, q {
quotes : none;
}
blockquote:before, blockquote:after, q:before, q:after {
content : '';
content : none;
}
table {
border-collapse : collapse;
border-spacing : 0;
}
body {
background : #eee;
color : #222;
font-size : 11pt;
font-family : Arial, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
}
h1, h2, h3, h4 {
font-family : 'Trebuchet MS', 'Lucida Grande', Arial, 'Lucida Sans Unicode', sans-serif;
font-weight : normal;
}
h2 {
font-size : 175%;
}
h3 {
font-size : 150%;
}
h4 {
font-size : 125%;
}
a {
color : #b30;
text-decoration : none;
}
a:visited {
color : #910;
}
a:hover {
color : #710;
}
a:focus {
outline : 1px dotted #bbb;
}
abbr {
cursor : help;
border-bottom : 1px dotted #bbb;
}
em {
font-style : italic;
}
strong {
font-weight : bold;
}
table th, table td {
padding : 0.5em;
border-bottom : 1px solid #aaa;
font-size : 10pt;
}
table th {
border-bottom-width : 2px;
font-weight : bold;
}
table td {
background : #e0e0e0;
}
table .description {
color : #777;
}
code {
font-family : consolas, monospace;
}
.content textarea {
height : 15em;
}
.content fieldset {
border : #ccc solid 1px;
background : #e0e0e0;
padding : 0.5em;
}
.content label {
display : inline;
color : #333;
font-weight : bold;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
* html .clearfix {
height : 1%;
}
*:first-child + html .clearfix {
min-height : 1%;
}
#primary-nav {
background : #282828;
background-image : linear-gradient(to bottom, #323232, #1f1f1f);
border-bottom : 1px solid #000;
height : 40px;
box-shadow : 0 0 8px #444;
}
#primary-nav ul {
width : 930px;
margin : 0 auto;
padding : 0;
}
#primary-nav li {
list-style-type : none;
float : left;
margin : 0;
padding : 0;
}
#primary-nav a {
display : block;
font-size : 10pt;
padding : 0 1em;
height : 40px;
line-height : 40px;
vertical-align : middle;
text-decoration : none;
text-shadow : -1px -1px #222;
}
#primary-nav a:link, #primary-nav a:visited {
color : #ccc;
}
#primary-nav a:hover {
color : #fff;
}
#primary-nav #mainmenu-1 a {
color : #fff;
font-weight : bold;
font-size : 14pt;
}
#primary-nav .active a {
background : #222;
color : #fff;
}
#mainmenu-8 a, #mainmenu-9 a {
text-indent : 1000px;
overflow : hidden;
width : 16px;
}
#mainmenu-8 a {
background : url(../img/icons.png) 1em -88px no-repeat;
}
#mainmenu-8 a:hover {
background : url(../img/icons.png) 1em -138px no-repeat;
}
#mainmenu-9 a {
background : url(../img/icons.png) 1em 12px no-repeat;
}
#mainmenu-9 a:hover {
background : url(../img/icons.png) 1em -38px no-repeat;
}
#header-container {
margin-top : 20px;
background : #eee;
background-image : linear-gradient(to top, #ddd 20%, #eee 60%);
border-bottom : 1px solid #aaa;
}
#header {
width : 890px;
height : 138px;
margin : 0 auto;
padding : 0 20px 20px 20px;
}
#header img {
position : absolute;
}
#site-name {
margin-left : 170px;
width : 720px;
height : 45px;
overflow : hidden;
line-height : 45px;
vertical-align : middle;
}
#site-name a {
font-size : 24pt;
font-weight : normal;
text-decoration : none;
color : #444;
text-shadow : 1px 1px 1px #999;
}
#header #mission {
margin-left : 170px;
width : 720px;
color : #333;
height : 84px;
padding : 5px 0;
text-shadow : 1px 1px #fff;
line-height : 130%;
font-size : 12pt;
}
#header #mission ul {
padding : 0;
}
#header #mission li {
list-style-type : none !important ;
line-height : 150%;
}
#header #mission li a {
text-decoration : none;
font-weight : bold;
color : #b30;
text-shadow : none;
line-height : 18px;
padding-left : 20px;
}
#header #mission-learn-more {
background : url(../img/icons.png) 0 -349px no-repeat;
}
#header #mission-download {
background : url(../img/icons.png) 0 -299px no-repeat;
}
#header #search {
position : absolute;
margin : 64px 0 0 425px;
width : 230px;
height : 40px;
}
#header #search label {
display : none;
}
#header #search-field {
position : absolute;
font-size : 12pt;
color : #444;
background : #ddd;
border : #666 solid 1px;
border-radius : 3px;
padding : 3px;
width : 292px;
height : 22px;
line-height : 22px;
vertical-align : middle;
}
#header #search-field:focus {
border-color : #555;
background-color : #eee;
box-shadow : 0 0 5px #888;
}
#header #search-field[placeholder] {
color : #555 !important ;
opacity : 1;
}
#header #search-submit {
position : absolute;
background : url(../img/icons.png) 0 -400px no-repeat transparent;
border : 0;
padding : 0;
margin : 6px 0 0 272px;
width : 20px;
height : 20px;
cursor : pointer;
}
#main-container {
border-top : 1px solid #fff;
}
#main-content {
width : 900px;
padding : 10px;
margin : 0 auto;
color : #555;
}
#featured, #highlighted {
margin : 1em 0;
padding : 1em;
line-height : 125%;
}
#featured h2, #highlighted h2 {
margin : 0 0 0.5em 0;
}
#featured {
background : url(../img/sticky.svg) right bottom no-repeat #e4e4e4;
background-size : 92px 97px;
border : #999 solid 1px;
box-shadow : 0 0 8px #444;
min-height : 97px;
}
#highlighted {
border : #E2C822 solid 1px;
background-color : #FFF9D7;
}
#main-content p {
text-align : justify;
line-height : 150%;
padding : 0.5em 0;
}
.pager {
clear : both;
text-align : center;
margin : 0.75em 0;
}
.pager li {
display : inline;
list-style-type : none;
padding : 0.5em;
}
.pager-current {
font-weight : bold;
}
#content {
float : left;
width : 580px;
padding : 0 20px 2em 0;
}
#content h2, #content h3, #content h4 {
color : #333;
margin : 0.5em 0;
background : left center no-repeat;
text-shadow : 1px 1px #fff;
}
#content h2 a, #content h3 a {
color : #333;
}
#content h2 {
padding-left : 24px;
background-image : url(../img/header.svg);
background-size : 18px 25px;
}
#content h3 {
padding-left : 20px;
background-image : url(../img/header.svg);
background-size : 13px 18px;
}
#content .warning-box {
border : #ed5 solid 1px;
background : #fffce5;
color : #840;
padding : 0.5em;
}
#content .warning-box a {
color : #c23;
}
#content .warning-box a:hover {
color : #b30;
}
.content ol, .content ul {
list-style-position : outside;
padding-left : 40px;
}
.content ol {
list-style-type : decimal;
}
.content ol ol {
list-style-type : lower-alpha;
}
.content ol ol ol {
list-style-type : lower-roman;
}
.content ul {
list-style-type : square;
}
.content li {
line-height : 150%;
}
.item-list ul li {
list-style-position : inside;
margin : 0;
padding : 0 0 0 0.5em;
}
.item-list ul {
margin : 0.75em 0;
}
.node {
margin-bottom : 2.5em;
}
.node > .links {
background : #e8e8e8;
border : #ddd solid 1px;
display : block !important ;
padding : 0.25em;
}
ul.donors {
column-count : 2;
column-gap : 1em;
}
.donors img {
vertical-align : middle;
}
.node-sticky {
background : url(../img/sticky.svg) right bottom no-repeat #e4e4e4;
background-size : 92px 97px;
border : #d0d0d0 solid 1px;
padding : 0.75em;
min-height : 97px;
}
.node-sticky h2 {
margin-top : 0 !important ;
}
#sidebar {
float : right;
width : 300px;
padding : 0 0 2em 0;
font-size : 10pt;
line-height : 125%;
}
#sidebar h2 {
font-size : 16pt;
background : #ddd;
border-bottom : 1px solid #aaa;
padding : 0.25em;
margin : 0.5em 0;
}
#sidebar ul {
margin : 0;
padding : 0;
}
#sidebar ul li {
line-height : 150%;
list-style-type : none;
list-style-image : none;
margin : 0;
padding : 0;
}
#sidebar .item-list ul li {
list-style-position : outside;
}
#sidebar ul li span {
display : block;
}
#footer {
position : relative;
clear : both;
display : block;
box-shadow : 0 0 8px #444;
margin : 1em 0 0 0;
padding : 1em 0;
text-align : center;
border-top : 1px solid #000;
background : #222;
background-image : linear-gradient(to top, #333 20%, #222 60%);
color : #bbb;
font-size : 9pt;
line-height : 125%;
}
#footer h2 {
display : none;
}
#footer a {
color : #fff;
}
#footer #pi {
position : absolute;
width : 1em;
height : 1em;
bottom : 5px;
right : 5px;
text-shadow : 0 0 3px #fff;
color : #eee;
font : 12pt serif;
}
#download-button {
margin-top : 0.5em;
box-shadow : 0 1px 0 0 #caefab inset;
background : url(../img/download.svg) 14px center no-repeat #77d42a;
border-radius : 5px;
border : #268a16 solid 1px;
display : inline-block;
color : #306108;
padding : 6px 30px 6px 59px;
line-height : 32px;
text-shadow : 1px 1px 0 #aade7c;
font-size : 13pt;
font-weight : bold;
}
#download-button:hover {
background-color : #5cb811;
}
#download-button:active {
position : relative;
top : 1px;
}
#hot-topics, #hot-topics li {
padding : 0 !important ;
margin : 0 !important ;
list-style : square inside !important ;
}
.download-box {
border : #aaa solid 1px;
background : url(../img/sticky.svg) right bottom no-repeat #ddd;
background-size : contain;
padding : 0.3em;
margin : 1em 0;
}
.download-box a {
display : block;
padding-left : 42px;
line-height : 32px;
vertical-align : middle;
background : url(../img/download.svg) 0 0 no-repeat;
color : #bb2800;
}
.download-box a strong {
padding-right : 2em;
font-size : 125%;
}
.download-box a:hover {
color : #c42;
}
a.download-64bit {
background-position : 0 -96px;
}
.download-box ul {
margin : 0.5em 0 0 0;
padding : 0;
}
.download-box li {
display : inline;
font-size : 75%;
margin : 0;
padding : 0 1em 0 0;
list-style-type : none;
}
#donation-meter {
position : relative;
border : #555 solid 1px;
width : 298px;
height : 20px;
background : #f4f4f4;
overflow : hidden;
font-size : 10pt;
}
#donation-meter:hover {
background : #fcfcfc;
}
#donation-meter a {
position : relative;
display : block;
z-index : 10;
line-height : 20px;
text-shadow : -1px 0 1px #f4f4f4, 0 1px 1px #f4f4f4, 1px 0 1px #f4f4f4, 0 -1px 1px #f4f4f4, -1px 0 0 #f4f4f4, 0 1px 0 #f4f4f4, 1px 0 0 #f4f4f4, 0 -1px 0 #f4f4f4;
text-align : center;
vertical-align : middle;
color : #222;
background : transparent;
}
#donation-meter strong {
color : #000;
}
#donation-meter span {
position : absolute;
left : 0;
top : 0;
line-height : 20px;
background : #c42;
}
#donation-meter:hover span {
background : #bd4020;
}
ul#donation-legend {
background : #e0e0e0;
border : #ccc solid 1px;
padding : 8px;
margin : 1em 0;
width : 558px;
height : 16px;
}
ul#donation-legend li {
float : left;
width : 186px;
margin : 0;
padding : 0;
list-style-type : none;
line-height : 16px;
text-align : center;
}
#donation-legend img {
vertical-align : middle;
}
.submitted {
padding-left : 22px !important ;
height : 16px;
display : inline-block !important ;
line-height : 16px !important ;
vertical-align : middle;
background : url(../img/calendar.svg) left center no-repeat;
background-size : 16px 16px;
font-size : 10pt;
color : #888;
}
.submitted time, .submitted address {
display : inline;
}
h3.pretty-header {
padding-left : 42px !important ;
line-height : 32px !important ;
vertical-align : middle !important ;
background : left center no-repeat;
background-size : 32px !important ;
}
ul#screenshots {
margin : 0;
padding : 0;
width : 580px;
display : block;
}
ul#screenshots li {
display : block;
float : left;
width : 282px;
padding : 3px;
height : 235px;
list-style-type : none;
text-align : center;
}
ul#screenshots a {
display : block;
}
.littlescreenshot {
float : right;
margin : 0 0 5px 5px;
}
#header #search-field, #header #search-field:focus, #download-button, #download-button:hover {
transition : background-color 0.3s, box-shadow 0.3s;
}
.obf:after {
content : "@";
}
.obf {
unicode-bidi : bidi-override;
direction : rtl;
}
.prHP {
display : none;
}
ul.checklist {
list-style : none;
padding-left : 1.3em;
}
ul.checklist li {
padding-left : 1.3em;
text-indent : -1.3em;
padding-bottom : 0.25em;
}
ul.checklist li:before {
content : "✔";
color : #0c0;
padding-right : 0.5em;
}
ul.checklist li.cross:before {
content : "✘";
color : #c00;
}
@media (max-width: 800px), handheld {
#primary-nav {
height : auto;
}
#primary-nav ul {
width : 100%;
}
#primary-nav li {
float : none;
}
#header {
width : auto;
height : auto;
}
#header #search {
position : relative;
margin : 0;
}
#header img {
position : relative;
}
#site-name, #header #mission {
width : auto;
height : auto;
max-width : 720px;
margin-left : 0;
}
#main-content {
width : auto;
}
#content {
float : none;
width : 100%;
padding-right : 0;
}
#sidebar {
float : none;
width : 100%;
}
.download-box a strong {
font-size : 100%;
}
}
@media print {
html * {
color : #000 !important ;
background : none !important ;
font-family : georgia, serif !important ;
font-size : 11pt;
text-shadow : none !important ;
box-shadow : none !important ;
}
#primary-nav, #bar, #mission {
display : none;
}
#content {
width : 100%;
}
#content a {
text-decoration : underline;
}
#content a:after {
content : "(" attr(href) ") ";
font-size : 75%;
}
}
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
padding : 0;
margin : 0;
border : 0;
outline : none;
vertical-align : top;
}
.fancybox-wrap {
position : absolute;
top : 0;
left : 0;
transform : translate3d(0,0,0);
z-index : 8020;
}
.fancybox-skin {
position : relative;
background : #f9f9f9;
color : #444;
text-shadow : none;
border-radius : 4px;
}
.fancybox-opened {
z-index : 8030;
}
.fancybox-opened .fancybox-skin {
box-shadow : 0 10px 25px rgb(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position : relative;
}
.fancybox-inner {
overflow : hidden;
}
.fancybox-error {
color : #444;
font : 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
margin : 0;
padding : 15px;
white-space : nowrap;
}
.fancybox-image, .fancybox-iframe {
display : block;
width : 100%;
height : 100%;
}
.fancybox-image {
max-width : 100%;
max-height : 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image : url(fancybox_sprite.png);
}
#fancybox-loading {
position : fixed;
top : 50%;
left : 50%;
margin-top : -22px;
margin-left : -22px;
background-position : 0 -108px;
opacity : 0.8;
cursor : pointer;
z-index : 8060;
}
#fancybox-loading div {
width : 44px;
height : 44px;
background : url(fancybox_loading.gif) center center no-repeat;
}
.fancybox-close {
position : absolute;
top : -18px;
right : -18px;
width : 36px;
height : 36px;
cursor : pointer;
z-index : 8040;
}
.fancybox-nav {
position : absolute;
top : 0;
width : 40%;
height : 100%;
cursor : pointer;
text-decoration : none;
background : url(blank.gif) transparent;
z-index : 8040;
}
.fancybox-prev {
left : 0;
}
.fancybox-next {
right : 0;
}
.fancybox-nav span {
position : absolute;
top : 50%;
width : 36px;
height : 34px;
margin-top : -18px;
cursor : pointer;
z-index : 8040;
visibility : hidden;
}
.fancybox-prev span {
left : 10px;
background-position : 0 -36px;
}
.fancybox-next span {
right : 10px;
background-position : 0 -72px;
}
.fancybox-nav:hover span {
visibility : visible;
}
.fancybox-tmp {
position : absolute;
top : -99999px;
left : -99999px;
max-width : 99999px;
max-height : 99999px;
overflow : visible !important ;
}
.fancybox-lock {
overflow : visible !important ;
width : auto;
}
.fancybox-lock body {
overflow : hidden !important ;
}
.fancybox-lock-test {
overflow-y : hidden !important ;
}
.fancybox-overlay {
position : absolute;
top : 0;
left : 0;
overflow : hidden;
display : none;
z-index : 8010;
background : url(fancybox_overlay.png);
}
.fancybox-overlay-fixed {
position : fixed;
bottom : 0;
right : 0;
}
.fancybox-lock .fancybox-overlay {
overflow : auto;
overflow-y : scroll;
}
.fancybox-title {
visibility : hidden;
font : normal normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
position : relative;
text-shadow : none;
z-index : 8050;
}
.fancybox-opened .fancybox-title {
visibility : visible;
}
.fancybox-title-float-wrap {
position : absolute;
bottom : 0;
right : 50%;
margin-bottom : -35px;
z-index : 8050;
text-align : center;
}
.fancybox-title-float-wrap .child {
display : inline-block;
margin-right : -100%;
padding : 2px 20px;
background : transparent;
background : rgb(0, 0, 0, 0.8);
border-radius : 15px;
text-shadow : 0 1px 2px #222;
color : #FFF;
font-weight : bold;
line-height : 24px;
white-space : nowrap;
}
.fancybox-title-outside-wrap {
position : relative;
margin-top : 10px;
color : #fff;
}
.fancybox-title-inside-wrap {
padding-top : 10px;
}
.fancybox-title-over-wrap {
position : absolute;
bottom : 0;
left : 0;
color : #fff;
padding : 10px;
background : #000;
background : rgb(0, 0, 0, 0.8);
}
@media only screen, only screen, only screen {
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image : url(fancybox_sprite@2x.png);
background-size : 44px 152px;
}
#fancybox-loading div {
background-image : url(fancybox_loading@2x.gif);
background-size : 24px 24px;
}
}

↑ Top