Skip to content

Commit da65c34

Browse files
vhardyvhardy
committed
Now uses the same stylesheets as regions and exclusions
1 parent 54d8b75 commit da65c34

2 files changed

Lines changed: 95 additions & 439 deletions

File tree

‎css3-page-template/Overview.html‎

Lines changed: 47 additions & 219 deletions
Original file line numberDiff line numberDiff line change
@@ -5,232 +5,18 @@
55
content="text/html; charset=UTF-8" http-equiv=Content-Type>
66

77
<title>CSS Pagination Templates Module Level 3</title>
8-
<link href="../default.css" rel=stylesheet type="text/css">
8+
<link href="../shared/style/default.css" rel=stylesheet type="text/css">
99
<!--link rel="stylesheet" type="text/css" href="http://www.w3.org/StyleSheets/TR/W3C-ED.css"-->
1010
<link href="http://www.w3.org/StyleSheets/TR/w3c-unofficial.css"
1111
rel=stylesheet type="text/css">
1212

1313
<style type="text/css">
14-
15-
/* Alternate stylesheet fonts are here because in some browsers (Opera 11.5) */
16-
/* The fonts are not applied if only loaded from the alternate stylesheet */
17-
18-
/* License font the following two fonts: fonts/Droid-Serif-fontfacekit/Google Android License.txt */
19-
@import url(../shared/fonts/Droid-Serif-fontfacekit/stylesheet.css);
20-
@import url(../shared/fonts/Droid-Sans-Mono-fontfacekit/stylesheet.css);
21-
2214
body {
2315
counter-reset: issue;
2416
}
25-
26-
a.toggle {
27-
position: fixed;
28-
top: 0.5em;
29-
right: 0.5em;
30-
font-size: smaller;
31-
color: gray;
32-
opacity: 0.2;
33-
}
34-
35-
a.toggle:hover {
36-
opacity: 1;
37-
color: #46A4E9;
38-
}
39-
40-
.issue.resolved, .issue.stale, .issue.moved {
41-
display: none;
42-
}
43-
44-
45-
#region-style-example p, #region-style-example pre {
46-
clear: both;
47-
}
48-
49-
#region_styling_illustration {
50-
margin: 0px auto;
51-
width: 70ex;
52-
}
53-
54-
.big.note {
55-
font-size: 1.2em;
56-
line-height: 1.3em;
57-
color: #2f2f2f;
58-
}
59-
60-
#mobile-logo {
61-
display: none;
62-
}
63-
64-
.issue-marker:before {
65-
content: "Issue ";
66-
padding-left: 0.5em;
67-
font-weight: bold;
68-
color: #A00;
69-
}
70-
71-
.issue-marker.wrapper:before {
72-
content: none;
73-
}
74-
75-
/* @media screen and (min-width: 68em){
76-
77-
.issue-marker {
78-
position: absolute;
79-
width: 20ex;
80-
margin-left: -22ex;
81-
text-align: right;
82-
margin-bottom: 1em;
83-
}
84-
85-
div.issue-marker .issue-marker {
86-
position: static;
87-
width: auto;
88-
margin-left: 0;
89-
text-align: right;
90-
}
91-
92-
div.issue-marker {
93-
position: absolute;
94-
width: 20ex;
95-
margin-left: -22ex;
96-
}
97-
}*/
98-
99-
@media screen and (max-width: 68em){
100-
.issue-marker {
101-
margin-bottom: 1em;
102-
}
103-
104-
.issue-marker a:link {
105-
padding-left: 0.5em;
106-
}
107-
}
108-
109-
#issue-manager form{
110-
background: #eee;
111-
padding:10px 1em;
112-
}
113-
114-
/* hide all non-"updated" issues */
115-
#issue-manager[data-view_state="updated"] #issue-list>div:not([data-issue_state="updated"]){
116-
display:none;
117-
}
118-
119-
/* hide all non-"new" issues */
120-
#issue-manager[data-view_state="new"] #issue-list>div:not([data-issue_state="new"]){
121-
display:none;
122-
}
123-
124-
#issue-manager .issue-marker{
125-
background: none;
126-
position: relative;
127-
margin:0;
128-
width:auto;
129-
text-align:left;
130-
padding:0.5em 0;
131-
}
132-
133-
#issue-manager .issue-marker a:link{
134-
padding:0.5em;
135-
}
136-
137-
#issue-list div[data-issue_state="new"]{
138-
background:#C1FFC1;
139-
}
140-
141-
#issue-list div[data-issue_state="resolved"]{
142-
background:white;
143-
color: #a0a0a0;
144-
}
145-
146-
#issue-list div[data-issue_state="updated"]{
147-
background:papayawhip;
148-
}
149-
150-
#issue-list{
151-
margin-top:20px;
152-
}
153-
154-
#issue-list pre{
155-
padding:1em;
156-
margin:0;
157-
}
158-
159-
#issue-list>div{
160-
position:relative;
161-
}
162-
163-
#issue-list a.issue-markup-trigger{
164-
font-size: 0.8em;
165-
padding: 0.2em 0.5em;
166-
background: #eee;
167-
text-decoration: none;
168-
color: #444;
169-
position: absolute;
170-
right: 10px;
171-
top: 10px;
172-
z-index: 1;
173-
}
174-
175-
#issue-list a.issue-markup-trigger:hover{
176-
background: #ddd;
177-
color: #000;
178-
}
179-
180-
#issue-list .showMarkup pre{
181-
display: block;
182-
}
183-
184-
#issue-list .showMarkup .issue-marker,
185-
#issue-list pre{
186-
display: none;
187-
}
188-
189-
.issue-marker {
190-
background:#eee;
191-
border:1px solid #ddd;
192-
font-size: 1em;
193-
max-height: 12em;
194-
overflow: hidden;
195-
}
196-
197-
.issue-marker.wrapper {
198-
background: none;
199-
border: none;
200-
}
201-
202-
.issue-marker a:link {
203-
color: #c00;
204-
background: none;
205-
font-weight: normal;
206-
padding-right: 0.5em;
207-
}
208-
209-
.issue-details {
210-
padding:0.5em;
211-
font-size: 0.8em;
212-
line-height: 1.5;
213-
}
214-
215-
.issue-details p{
216-
padding:0;
217-
margin:0;
218-
}
219-
220-
.issue-details .status{
221-
background:#333;
222-
color:white;
223-
float:left;
224-
padding:0.15em 0.8em;
225-
font-size:0.8em;
226-
margin-right:0.8em;
227-
text-transform:uppercase;
228-
}
229-
.separate-pre {
230-
background-color: rgba(0, 0, 0, 0.08);
231-
}
23217
</style>
233-
<link href="../alternate-spec-style.css" id=st rel=stylesheet
18+
<link href="../shared/style/issues.css" rel=stylesheet type="text/css">
19+
<link href="../shared/style/alternate-spec-style.css" id=st rel=stylesheet
23420
title="alternate spec style" type="text/css">
23521

23622
<body>
@@ -240,11 +26,11 @@
24026

24127
<h1>CSS Pagination Templates Module Level 3</h1>
24228

243-
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 13 April 2012</h2>
29+
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 21 April 2012</h2>
24430

24531
<dl>
24632
<dt>This version:
247-
<!--<dd><a href="http://www.w3.org/TR/2012/ED-css3-page-template-20120413/">http://www.w3.org/TR/2012/ED-css3-page-template-20120413/</a>-->
33+
<!--<dd><a href="http://www.w3.org/TR/2012/ED-css3-page-template-20120421/">http://www.w3.org/TR/2012/ED-css3-page-template-20120421/</a>-->
24834

24935

25036
<dd><a
@@ -991,6 +777,48 @@ <h2 class=no-num id=index>Index</h2>
991777

992778
<ul class=indexlist></ul>
993779
<!--end-index-->
780+
<!-- template markup for issues pulled from Bugzilla -->
781+
<!--
782+
<script type="text/template" id="issue-template">
783+
<div class="issue-marker" style="display:none" data-bug_id="{{bug_id}}" data-bug_status="{{bug_status}}">
784+
<a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id={{bug_id}}">Bug-{{bug_id}}</a>
785+
<div class="issue-details">
786+
<p class="short-desc">{{short_desc}}</p>
787+
</div>
788+
</div>
789+
</script>
790+
791+
<script type="text/javascript" src="../shared/scripts/BugzillaTrackerUtil.js"></script>
792+
<script type="text/javascript" src="../shared/scripts/BugzillaTracker.js"></script>
793+
<script type="text/javascript">
794+
checkSpecificationIssues('CSS', 'Page Template');
795+
</script>
796+
797+
798+
<div id="issue-manager">
799+
<h2>Issue manager</h2>
800+
<form action="#">
801+
<label>
802+
<input type="radio" name="issue-filter" value="all" checked/>
803+
All issues
804+
</label>
805+
<label>
806+
<input type="radio" name="issue-filter" value="updated" />
807+
Updated issues
808+
</label>
809+
<label>
810+
<input type="radio" name="issue-filter" value="new" />
811+
New issues
812+
</label>
813+
</form>
814+
-->
815+
<!-- all the bugs are dumped the #issue-list after being retreived and matched to the ones in the page -->
816+
<!--
817+
<div id="issue-list">
818+
819+
</div>
820+
</div>
821+
-->
994822
<!-- Keep this comment at the end of the file
995823
Local variables:
996824
mode: sgml

0 commit comments

Comments
 (0)