|
1 | | -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> |
2 | | - |
3 | | -<html lang=en-US> |
4 | | - <head><meta content="text/html;charset=UTF-8" http-equiv=Content-type> |
5 | | - |
| 1 | +<!doctype html><html lang=en> |
| 2 | + <head> |
| 3 | + <meta content="text/html;charset=UTF-8" http-equiv=Content-type> |
| 4 | + <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport"> |
6 | 5 | <title>Media Queries Level 3</title> |
7 | | - |
8 | | - <style type="text/css"> |
9 | | - blockquote { |
10 | | - background: #eef; |
11 | | - padding: 0.5em; |
12 | | - margin: 1em 0; |
13 | | - border: thin solid black; } |
14 | | - pre { font-family: courier, monospace; font-weight: bold; white-space: pre-wrap } |
15 | | - .example pre em { font-style: normal } |
16 | | - span.label { font-style: italic } |
17 | | -</style> |
| 6 | + <meta content="ED" name="w3c-status"> |
18 | 7 | <link href="../default.css" rel=stylesheet> |
19 | | - <link href="https://www.w3.org/StyleSheets/TR/W3C-ED" rel=stylesheet> |
| 8 | + <link href="https://www.w3.org/StyleSheets/TR/2021/W3C-ED" rel=stylesheet> |
| 9 | + <link href="https://www.w3.org/2008/site/images/favicon.ico" rel="icon"> |
| 10 | + <link href="https://drafts.csswg.org/csslogo.ico" rel="icon"> |
| 11 | +<style>/* style-counters */ |
| 12 | + |
| 13 | +body { |
| 14 | + counter-reset: example figure issue; |
| 15 | +} |
| 16 | +.issue { |
| 17 | + counter-increment: issue; |
| 18 | +} |
| 19 | +.issue:not(.no-marker)::before { |
| 20 | + content: "Issue " counter(issue); |
| 21 | +} |
| 22 | + |
| 23 | +.example { |
| 24 | + counter-increment: example; |
| 25 | +} |
| 26 | +.example:not(.no-marker)::before { |
| 27 | + content: "Example " counter(example); |
| 28 | +} |
| 29 | +.invalid.example:not(.no-marker)::before, |
| 30 | +.illegal.example:not(.no-marker)::before { |
| 31 | + content: "Invalid Example" counter(example); |
| 32 | +} |
| 33 | + |
| 34 | +figcaption { |
| 35 | + counter-increment: figure; |
| 36 | +} |
| 37 | +figcaption:not(.no-marker)::before { |
| 38 | + content: "Figure " counter(figure) " "; |
| 39 | +}</style> |
20 | 40 |
|
21 | 41 | <body> |
22 | | - <div class=head> <!--begin-logo--> |
23 | | - <p><a href="http://www.w3.org/"><img alt=W3C height=48 |
24 | | - src="https://www.w3.org/Icons/w3c_home" width=72></a> <!--end-logo--> |
| 42 | + <div class=head> |
| 43 | + <p><a class="logo" href="https://www.w3.org/"> <img alt="W3C" height="48" src="https://www.w3.org/StyleSheets/TR/2021/logos/W3C" width="72"> </a> </p> |
25 | 44 |
|
26 | 45 | <h1 id=media-queries>Media Queries Level 3</h1> |
27 | 46 |
|
|
0 commit comments