paweld/lazarus
1
0
Fork 0
mirror of https://gitlab.com/freepascal.org/lazarus/lazarus.git synced 2025-09-01 21:20:28 +02:00
Code Issues Packages Projects Releases Wiki Activity

wiki: Handle some wiki templates ({{Note}}, {{Warning}}, {{MantisLink}}). Extend wiki.css to better match the wiki.

Browse Source 
git-svn-id: trunk@49327 -
This commit is contained in:
wp 2015-06-14 14:39:38 +00:00
parent c4766c9519
commit 629a0c7e74
7 changed files with 636 additions and 333 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.gitattributes vendored
View File

@ -4245,6 +4245,8 @@ components/vlc/vlcqt.inc svneol=native#text/plain
components/wiki/README.txt svneol=native#text/plain components/wiki/README.txt svneol=native#text/plain
components/wiki/chm/wiki.css svneol=native#text/plain components/wiki/chm/wiki.css svneol=native#text/plain
components/wiki/html/wiki.css svneol=native#text/plain components/wiki/html/wiki.css svneol=native#text/plain
components/wiki/images/note.png -text
components/wiki/images/warning.png -text
components/wiki/lazwiki/lazwiki.lpk svneol=native#text/plain components/wiki/lazwiki/lazwiki.lpk svneol=native#text/plain
components/wiki/lazwiki/lazwiki.pas svneol=native#text/plain components/wiki/lazwiki/lazwiki.pas svneol=native#text/plain
components/wiki/lazwiki/wiki2chmconvert.pas svneol=native#text/plain components/wiki/lazwiki/wiki2chmconvert.pas svneol=native#text/plain

301
components/wiki/chm/wiki.css
View File

@ -1,185 +1,174 @@
body { body {
margin:0; margin: 0;
color:#111111; color: #111111;
background-color:#FFFFFF; background-color: #FFFFFF;
font-family:"Trebuchet MS", Arial, Verdana, sans-serif; font-family: "Segoe UI", "Trebuchet MS", Arial, Verdana, sans-serif;
text-align:left; font-size: 10pt;
margin-right:10.2em; text-align: left;
padding:0.7em; padding: 0.7em;
} }
/* Bi-Directional support */ /* Bi-Directional support */
*[lang="he"], *[lang="ar"] /* not supported by IE */ *[lang="he"], *[lang="ar"] /* not supported by IE */
{ {
direction : rtl; direction: rtl;
text-align : right; text-align: right;
} }
body[lang="he"], body[lang="ar"] body[lang="he"], body[lang="ar"]
{ {
margin:0; margin: 0;
color:#111111; color: #111111;
background-color:#FFFFFF; background-color: #FFFFFF;
font-family:"Trebuchet MS", Arial, Verdana, sans-serif; font-family: "Segoe UI", "Trebuchet MS", Arial, Verdana, sans-serif;
text-align : right; text-align: right;
direction : rtl; direction: rtl;
margin-right:10.2em; margin-right: 10.2em;
padding-right:0.7em; padding-right: 0.7em;
} }
p { p {
line-height: 1.5em; line-height: 1.25em;
margin: 0.4em 0 0.5em; margin: 0.5em 0 0.5em 0;
} }
a { a {
color:#4D87CE; color:#4D87CE;
text-decoration:none; text-decoration:none;
} }
a:hover { a:hover {
color:#2a65ad; color:#2a65ad;
} }
ul li { ul li {
list-style-image:url(../pic/backgrounds/li.gif); list-style-image:url(../pic/backgrounds/li.gif);
line-height:20px; text-align:left;
text-align:left; margin-bottom: 2px;
margin-top: 2px;
} }
/*
ul li p {
margin: 0;
}
*/
#logoheader { #logoheader {
width:80%; width:80%;
margin:0 auto 0 auto; margin:0 auto 0 auto;
text-align:right; text-align:right;
} }
#content { #content {
margin:0 40px; margin:0 40px;
padding:0; padding:0;
text-align:left; text-align:left;
} }
/* Headers */
h1 { h1 {
font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
font-size:150%; font-size:150%;
text-transform:uppercase; font-weight:normal;
font-weight:normal; color: navy;
border-bottom:1px solid #eeeeee; text-transform:uppercase;
color:#253183; border-bottom:1px solid #eeeeee;
margin-top: 10px; color:#253183;
margin-top: 10px;
} }
#content h1{ #content h1{
font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
font-size:150%; font-size:150%;
margin-bottom: 0.6em; margin-bottom: 0.6em;
} }
h2{ h2{
font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
font-size:130%; font-size:130%;
margin-bottom: 0.3em; color: navy;
margin-bottom: 0.3em;
border-bottom: 1px solid #CCCCCC;
} }
h3{
font-family: sans-serif; h3 {
font-size:120%; font-family: sans-serif;
margin-bottom: 0.3em; font-size:120%;
color: navy;
margin-bottom: 0.3em;
} }
h4, h5, h6, .subTitle{ h4, h5, h6, .subTitle{
font-family: sans-serif; font-family: sans-serif;
font-size:100%; font-size:100%;
font-weight:bold; font-weight:bold;
margin-bottom: 0.3em; color: navy;
margin-bottom: 0.3em;
} }
/* Code */
pre, .pascal { pre, .pascal {
background-color: #F9F9F9; background-color: #F9F9F9;
border: 1px dashed #2F6FAB; border: 1px dashed #2F6FAB;
color: black; color: black;
padding: 1em; padding: 1em;
overflow: auto;
line-height: 1.25em;
} }
.num { .num {
color: #0000DD; color: #0000DD;
} }
.string { .string {
color: #0000DD; color: #0000DD;
} }
.var { .var {
color: #000000; color: #000000;
} }
.key { .key {
font-weight:bold; font-weight:bold;
} }
.sym { .sym {
color: red; color: red;
} }
.cmt { .cmt {
color: blue; color: grey;
} font-style: italic;
ul li p {
margin: 0;
} }
blockquote { blockquote {
margin: 0 3%; margin: 0 3%;
} }
/* roadmap.css */
td.working { /* templates */
background-color: #88FF88;
padding: 3px; div.template-with-icon {
text-align: center; border-width: 1px;
border-color: lightgrey;
padding: 4px 8px 8px 8px;
border-style:solid;
display: block;
margin-top:0px;
min-height: 28px;
} }
td.unknown {
background-color: #FFFFFF; div.icon {
padding: 3px; clear: left;
text-align: center; float: left;
} margin-right: 8px;
td.partial { margin-top:4px;
background-color: #FFFF88;
padding: 3px;
text-align: center;
}
td.not {
background-color: #FF8888;
padding: 3px;
text-align: center;
}
td.progress {
background-color: #8888FF;
padding: 3px;
text-align: center;
}
tr.working {
background-color: #88FF88;
padding: 3px;
text-align: center;
}
tr.unknown {
background-color: #FFFFFF;
padding: 3px;
text-align: center;
}
tr.partial {
background-color: #FFFF88;
padding: 3px;
text-align: center;
}
tr.not {
background-color: #FF8888;
padding: 3px;
text-align: center;
}
tr.progress {
background-color: #8888FF;
padding: 3px;
text-align: center;
} }
span.keypress { span.keypress {
@ -190,3 +179,93 @@ span.keypress {
white-space: nowrap; white-space: nowrap;
} }
/* roadmap.css */
table {
margin-top: 1em;
margin-bottom: 1em;
border-collapse: collapse;
padding: 4px;
font-family: "Segoe UI", "Trebuchet MS", Arial, Verdana, sans-serif;
font-size: 10pt;
}
th {
border: 1px solid #999;
border-collapse: collapse;
padding: 4px;
background-color: lightgrey;
font-family: "Segoe UI", "Trebuchet MS", Arial, Verdana, sans-serif;
font-size: 10pt;
}
td {
border: 1px solid #999;
border-collapse: collapse;
padding: 3px;
font-family: "Segoe UI", "Trebuchet MS", Arial, Verdana, sans-serif;
font-size: 10pt;
}
td.working {
background-color: #88FF88;
padding: 3px;
text-align: center;
}
td.unknown {
background-color: #FFFFFF;
padding: 3px;
text-align: center;
}
td.partial {
background-color: #FFFF88;
padding: 3px;
text-align: center;
}
td.not {
background-color: #FF8888;
padding: 3px;
text-align: center;
}
td.progress {
background-color: #8888FF;
padding: 3px;
text-align: center;
}
tr.working {
background-color: #88FF88;
padding: 3px;
text-align: center;
}
tr.unknown {
background-color: #FFFFFF;
padding: 3px;
text-align: center;
}
tr.partial {
background-color: #FFFF88;
padding: 3px;
text-align: center;
}
tr.not {
background-color: #FF8888;
padding: 3px;
text-align: center;
}
tr.progress {
background-color: #8888FF;
padding: 3px;
text-align: center;
}

301
components/wiki/html/wiki.css
View File

@ -1,185 +1,174 @@
body { body {
margin:0; margin: 0;
color:#111111; color: #111111;
background-color:#FFFFFF; background-color: #FFFFFF;
font-family:"Trebuchet MS", Arial, Verdana, sans-serif; font-family: "Segoe UI", "Trebuchet MS", Arial, Verdana, sans-serif;
text-align:left; font-size: 10pt;
margin-right:10.2em; text-align: left;
padding:0.7em; padding: 0.7em;
} }
/* Bi-Directional support */ /* Bi-Directional support */
*[lang="he"], *[lang="ar"] /* not supported by IE */ *[lang="he"], *[lang="ar"] /* not supported by IE */
{ {
direction : rtl; direction: rtl;
text-align : right; text-align: right;
} }
body[lang="he"], body[lang="ar"] body[lang="he"], body[lang="ar"]
{ {
margin:0; margin: 0;
color:#111111; color: #111111;
background-color:#FFFFFF; background-color: #FFFFFF;
font-family:"Trebuchet MS", Arial, Verdana, sans-serif; font-family: "Segoe UI", "Trebuchet MS", Arial, Verdana, sans-serif;
text-align : right; text-align: right;
direction : rtl; direction: rtl;
margin-right:10.2em; margin-right: 10.2em;
padding-right:0.7em; padding-right: 0.7em;
} }
p { p {
line-height: 1.5em; line-height: 1.25em;
margin: 0.4em 0 0.5em; margin: 0.5em 0 0.5em 0;
} }
a { a {
color:#4D87CE; color:#4D87CE;
text-decoration:none; text-decoration:none;
} }
a:hover { a:hover {
color:#2a65ad; color:#2a65ad;
} }
ul li { ul li {
list-style-image:url(../pic/backgrounds/li.gif); list-style-image:url(../pic/backgrounds/li.gif);
line-height:20px; text-align:left;
text-align:left; margin-bottom: 2px;
margin-top: 2px;
} }
/*
ul li p {
margin: 0;
}
*/
#logoheader { #logoheader {
width:80%; width:80%;
margin:0 auto 0 auto; margin:0 auto 0 auto;
text-align:right; text-align:right;
} }
#content { #content {
margin:0 40px; margin:0 40px;
padding:0; padding:0;
text-align:left; text-align:left;
} }
/* Headers */
h1 { h1 {
font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
font-size:150%; font-size:150%;
text-transform:uppercase; font-weight:normal;
font-weight:normal; color: navy;
border-bottom:1px solid #eeeeee; text-transform:uppercase;
color:#253183; border-bottom:1px solid #eeeeee;
margin-top: 10px; color:#253183;
margin-top: 10px;
} }
#content h1{ #content h1{
font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
font-size:150%; font-size:150%;
margin-bottom: 0.6em; margin-bottom: 0.6em;
} }
h2{ h2{
font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
font-size:130%; font-size:130%;
margin-bottom: 0.3em; color: navy;
margin-bottom: 0.3em;
border-bottom: 1px solid #CCCCCC;
} }
h3{
font-family: sans-serif; h3 {
font-size:120%; font-family: sans-serif;
margin-bottom: 0.3em; font-size:120%;
color: navy;
margin-bottom: 0.3em;
} }
h4, h5, h6, .subTitle{ h4, h5, h6, .subTitle{
font-family: sans-serif; font-family: sans-serif;
font-size:100%; font-size:100%;
font-weight:bold; font-weight:bold;
margin-bottom: 0.3em; color: navy;
margin-bottom: 0.3em;
} }
/* Code */
pre, .pascal { pre, .pascal {
background-color: #F9F9F9; background-color: #F9F9F9;
border: 1px dashed #2F6FAB; border: 1px dashed #2F6FAB;
color: black; color: black;
padding: 1em; padding: 1em;
overflow: auto;
line-height: 1.25em;
} }
.num { .num {
color: #0000DD; color: #0000DD;
} }
.string { .string {
color: #0000DD; color: #0000DD;
} }
.var { .var {
color: #000000; color: #000000;
} }
.key { .key {
font-weight:bold; font-weight:bold;
} }
.sym { .sym {
color: red; color: red;
} }
.cmt { .cmt {
color: blue; color: grey;
} font-style: italic;
ul li p {
margin: 0;
} }
blockquote { blockquote {
margin: 0 3%; margin: 0 3%;
} }
/* roadmap.css */
td.working { /* templates */
background-color: #88FF88;
padding: 3px; div.template-with-icon {
text-align: center; border-width: 1px;
border-color: lightgrey;
padding: 4px 8px 8px 8px;
border-style:solid;
display: block;
margin-top:0px;
min-height: 28px;
} }
td.unknown {
background-color: #FFFFFF; div.icon {
padding: 3px; clear: left;
text-align: center; float: left;
} margin-right: 8px;
td.partial { margin-top:4px;
background-color: #FFFF88;
padding: 3px;
text-align: center;
}
td.not {
background-color: #FF8888;
padding: 3px;
text-align: center;
}
td.progress {
background-color: #8888FF;
padding: 3px;
text-align: center;
}
tr.working {
background-color: #88FF88;
padding: 3px;
text-align: center;
}
tr.unknown {
background-color: #FFFFFF;
padding: 3px;
text-align: center;
}
tr.partial {
background-color: #FFFF88;
padding: 3px;
text-align: center;
}
tr.not {
background-color: #FF8888;
padding: 3px;
text-align: center;
}
tr.progress {
background-color: #8888FF;
padding: 3px;
text-align: center;
} }
span.keypress { span.keypress {
@ -190,3 +179,93 @@ span.keypress {
white-space: nowrap; white-space: nowrap;
} }
/* roadmap.css */
table {
margin-top: 1em;
margin-bottom: 1em;
border-collapse: collapse;
padding: 4px;
font-family: "Segoe UI", "Trebuchet MS", Arial, Verdana, sans-serif;
font-size: 10pt;
}
th {
border: 1px solid #999;
border-collapse: collapse;
padding: 4px;
background-color: lightgrey;
font-family: "Segoe UI", "Trebuchet MS", Arial, Verdana, sans-serif;
font-size: 10pt;
}
td {
border: 1px solid #999;
border-collapse: collapse;
padding: 3px;
font-family: "Segoe UI", "Trebuchet MS", Arial, Verdana, sans-serif;
font-size: 10pt;
}
td.working {
background-color: #88FF88;
padding: 3px;
text-align: center;
}
td.unknown {
background-color: #FFFFFF;
padding: 3px;
text-align: center;
}
td.partial {
background-color: #FFFF88;
padding: 3px;
text-align: center;
}
td.not {
background-color: #FF8888;
padding: 3px;
text-align: center;
}
td.progress {
background-color: #8888FF;
padding: 3px;
text-align: center;
}
tr.working {
background-color: #88FF88;
padding: 3px;
text-align: center;
}
tr.unknown {
background-color: #FFFFFF;
padding: 3px;
text-align: center;
}
tr.partial {
background-color: #FFFF88;
padding: 3px;
text-align: center;
}
tr.not {
background-color: #FF8888;
padding: 3px;
text-align: center;
}
tr.progress {
background-color: #8888FF;
padding: 3px;
text-align: center;
}

BIN
components/wiki/images/note.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
components/wiki/images/warning.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

64
components/wiki/lazwiki/wiki2xhtmlconvert.pas
View File

@ -68,6 +68,7 @@ type
FLinkToBaseDocument: string; FLinkToBaseDocument: string;
FMaxH: integer; FMaxH: integer;
FPageFileExt: string; FPageFileExt: string;
FUseTemplateIcons: Boolean;
procedure DoAddLinksToTranslations(Page: TW2XHTMLPage); procedure DoAddLinksToTranslations(Page: TW2XHTMLPage);
procedure DoAddLinkToBaseDocument(Page: TW2XHTMLPage); procedure DoAddLinkToBaseDocument(Page: TW2XHTMLPage);
procedure OnHeaderToken(Token: TWPToken); procedure OnHeaderToken(Token: TWPToken);
@ -106,10 +107,15 @@ type
property AddLinksToTranslations: boolean read FAddLinksToTranslations write FAddLinksToTranslations default true; property AddLinksToTranslations: boolean read FAddLinksToTranslations write FAddLinksToTranslations default true;
property AddTOCIfHeaderCountMoreThan: integer read FAddTOCIfHeaderCountMoreThan property AddTOCIfHeaderCountMoreThan: integer read FAddTOCIfHeaderCountMoreThan
write FAddTOCIfHeaderCountMoreThan default 2; write FAddTOCIfHeaderCountMoreThan default 2;
property UseTemplateIcons: Boolean read FUseTemplateIcons write FUseTemplateIcons;
end; end;
implementation implementation
const
NOTE_ICON = 'note.png';
WARNING_ICON = 'warning.png';
{ TWiki2XHTMLConverter } { TWiki2XHTMLConverter }
procedure TWiki2XHTMLConverter.SetCSSFilename(AValue: string); procedure TWiki2XHTMLConverter.SetCSSFilename(AValue: string);
@ -505,11 +511,15 @@ var
doc: TXMLDocument; doc: TXMLDocument;
NodeName: string; NodeName: string;
Node: TDOMElement; Node: TDOMElement;
childNode1, childNode2: TDOMElement;
LinkToken: TWPLinkToken; LinkToken: TWPLinkToken;
NodeClass: String; NodeClass: String;
NameValueToken: TWPNameValueToken; NameValueToken: TWPNameValueToken;
CurName: String; CurName: String;
CurValue: String; CurValue: String;
foundImg: string;
fn: String;
captn, iconfile: String;
begin begin
Page:=TW2XHTMLPage(Token.UserData); Page:=TW2XHTMLPage(Token.UserData);
W:=Page.WikiPage; W:=Page.WikiPage;
@ -671,6 +681,59 @@ begin
exit; exit;
end; end;
CurValue:=copy(W.Src,NameValueToken.ValueStartPos,NameValueToken.ValueEndPos-NameValueToken.ValueStartPos); CurValue:=copy(W.Src,NameValueToken.ValueStartPos,NameValueToken.ValueEndPos-NameValueToken.ValueStartPos);
case Lowercase(CurName) of
'note', 'warning':
begin
case Lowercase(CurName) of
'note' : begin captn := 'Note'; iconfile := NOTE_ICON; end;
'warning': begin captn := 'Warning'; iconfile := WARNING_ICON; end;
end;
Node := doc.CreateElement('div');
Node.SetAttribute('class', 'template-with-icon');
Page.CurDOMNode.AppendChild(Node);
childnode1 := doc.CreateElement('div');
Node.AppendChild(childnode1);
childnode1.SetAttribute('class', 'icon');
if FUseTemplateIcons then begin
fn := FindImage(iconfile);
if fn <> '' then
fn := GetImageLink(fn);
MarkImageAsUsed(fn, Page);
childnode2 := doc.CreateElement('img');
childnode2.SetAttribute('src', fn);
// childnode2.SetAttribute('align', 'left');
childnode1.AppendChild(childnode2);
end;
childnode2 := doc.CreateElement('b');
childnode2.AppendChild(doc.createTextNode(captn + ': '));
Node.AppendChild(childnode2);
Node.AppendChild(doc.CreateTextNode(CurValue));
// to do: CurValue can contain further html tags!
exit;
end;
'mantislink':
begin
Node := doc.CreateElement('a');
Node.SetAttribute('href', 'http://bugs.freepascal.org/view.php?id='+CurValue);
Node.AppendChild(doc.CreateTextNode('MantisLink #'));
Node.AppendChild(doc.CreateTextNode(Curvalue));
Page.CurDOMNode.AppendChild(Node);
exit;
end;
else
Node := doc.CreateElement('span');
if CurName <> '' then Node.SetAttribute('class', CurName);
Page.CurDOMNode.AppendChild(Node);
if CurValue <> '' then
Node.AppendChild(doc.CreateTextNode(CurValue));
exit;
end;
Node:=doc.CreateElement('span'); Node:=doc.CreateElement('span');
if CurName<>'' then if CurName<>'' then
Node.SetAttribute('class',CurName); Node.SetAttribute('class',CurName);
@ -938,6 +1001,7 @@ begin
fLinkToBaseDocument:='Online version'; fLinkToBaseDocument:='Online version';
FAddLinksToTranslations:=true; FAddLinksToTranslations:=true;
FAddTOCIfHeaderCountMoreThan:=2; FAddTOCIfHeaderCountMoreThan:=2;
FUseTemplateIcons := true;
end; end;
destructor TWiki2XHTMLConverter.Destroy; destructor TWiki2XHTMLConverter.Destroy;

301
components/wiki/xhtml/wiki.css
View File

@ -1,185 +1,174 @@
body { body {
margin:0; margin: 0;
color:#111111; color: #111111;
background-color:#FFFFFF; background-color: #FFFFFF;
font-family:"Trebuchet MS", Arial, Verdana, sans-serif; font-family: "Segoe UI", "Trebuchet MS", Arial, Verdana, sans-serif;
text-align:left; font-size: 10pt;
margin-right:10.2em; text-align: left;
padding:0.7em; padding: 0.7em;
} }
/* Bi-Directional support */ /* Bi-Directional support */
*[lang="he"], *[lang="ar"] /* not supported by IE */ *[lang="he"], *[lang="ar"] /* not supported by IE */
{ {
direction : rtl; direction: rtl;
text-align : right; text-align: right;
} }
body[lang="he"], body[lang="ar"] body[lang="he"], body[lang="ar"]
{ {
margin:0; margin: 0;
color:#111111; color: #111111;
background-color:#FFFFFF; background-color: #FFFFFF;
font-family:"Trebuchet MS", Arial, Verdana, sans-serif; font-family: "Segoe UI", "Trebuchet MS", Arial, Verdana, sans-serif;
text-align : right; text-align: right;
direction : rtl; direction: rtl;
margin-right:10.2em; margin-right: 10.2em;
padding-right:0.7em; padding-right: 0.7em;
} }
p { p {
line-height: 1.5em; line-height: 1.25em;
margin: 0.4em 0 0.5em; margin: 0.5em 0 0.5em 0;
} }
a { a {
color:#4D87CE; color:#4D87CE;
text-decoration:none; text-decoration:none;
} }
a:hover { a:hover {
color:#2a65ad; color:#2a65ad;
} }
ul li { ul li {
list-style-image:url(../pic/backgrounds/li.gif); list-style-image:url(../pic/backgrounds/li.gif);
line-height:20px; text-align:left;
text-align:left; margin-bottom: 2px;
margin-top: 2px;
} }
/*
ul li p {
margin: 0;
}
*/
#logoheader { #logoheader {
width:80%; width:80%;
margin:0 auto 0 auto; margin:0 auto 0 auto;
text-align:right; text-align:right;
} }
#content { #content {
margin:0 40px; margin:0 40px;
padding:0; padding:0;
text-align:left; text-align:left;
} }
/* Headers */
h1 { h1 {
font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
font-size:150%; font-size:150%;
text-transform:uppercase; font-weight:normal;
font-weight:normal; color: navy;
border-bottom:1px solid #eeeeee; text-transform:uppercase;
color:#253183; border-bottom:1px solid #eeeeee;
margin-top: 10px; color:#253183;
margin-top: 10px;
} }
#content h1{ #content h1{
font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
font-size:150%; font-size:150%;
margin-bottom: 0.6em; margin-bottom: 0.6em;
} }
h2{ h2{
font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
font-size:130%; font-size:130%;
margin-bottom: 0.3em; color: navy;
margin-bottom: 0.3em;
border-bottom: 1px solid #CCCCCC;
} }
h3{
font-family: sans-serif; h3 {
font-size:120%; font-family: sans-serif;
margin-bottom: 0.3em; font-size:120%;
color: navy;
margin-bottom: 0.3em;
} }
h4, h5, h6, .subTitle{ h4, h5, h6, .subTitle{
font-family: sans-serif; font-family: sans-serif;
font-size:100%; font-size:100%;
font-weight:bold; font-weight:bold;
margin-bottom: 0.3em; color: navy;
margin-bottom: 0.3em;
} }
/* Code */
pre, .pascal { pre, .pascal {
background-color: #F9F9F9; background-color: #F9F9F9;
border: 1px dashed #2F6FAB; border: 1px dashed #2F6FAB;
color: black; color: black;
padding: 1em; padding: 1em;
overflow: auto;
line-height: 1.25em;
} }
.num { .num {
color: #0000DD; color: #0000DD;
} }
.string { .string {
color: #0000DD; color: #0000DD;
} }
.var { .var {
color: #000000; color: #000000;
} }
.key { .key {
font-weight:bold; font-weight:bold;
} }
.sym { .sym {
color: red; color: red;
} }
.cmt { .cmt {
color: blue; color: grey;
} font-style: italic;
ul li p {
margin: 0;
} }
blockquote { blockquote {
margin: 0 3%; margin: 0 3%;
} }
/* roadmap.css */
td.working { /* templates */
background-color: #88FF88;
padding: 3px; div.template-with-icon {
text-align: center; border-width: 1px;
border-color: lightgrey;
padding: 4px 8px 8px 8px;
border-style:solid;
display: block;
margin-top:0px;
min-height: 28px;
} }
td.unknown {
background-color: #FFFFFF; div.icon {
padding: 3px; clear: left;
text-align: center; float: left;
} margin-right: 8px;
td.partial { margin-top:4px;
background-color: #FFFF88;
padding: 3px;
text-align: center;
}
td.not {
background-color: #FF8888;
padding: 3px;
text-align: center;
}
td.progress {
background-color: #8888FF;
padding: 3px;
text-align: center;
}
tr.working {
background-color: #88FF88;
padding: 3px;
text-align: center;
}
tr.unknown {
background-color: #FFFFFF;
padding: 3px;
text-align: center;
}
tr.partial {
background-color: #FFFF88;
padding: 3px;
text-align: center;
}
tr.not {
background-color: #FF8888;
padding: 3px;
text-align: center;
}
tr.progress {
background-color: #8888FF;
padding: 3px;
text-align: center;
} }
span.keypress { span.keypress {
@ -190,3 +179,93 @@ span.keypress {
white-space: nowrap; white-space: nowrap;
} }
/* roadmap.css */
table {
margin-top: 1em;
margin-bottom: 1em;
border-collapse: collapse;
padding: 4px;
font-family: "Segoe UI", "Trebuchet MS", Arial, Verdana, sans-serif;
font-size: 10pt;
}
th {
border: 1px solid #999;
border-collapse: collapse;
padding: 4px;
background-color: lightgrey;
font-family: "Segoe UI", "Trebuchet MS", Arial, Verdana, sans-serif;
font-size: 10pt;
}
td {
border: 1px solid #999;
border-collapse: collapse;
padding: 3px;
font-family: "Segoe UI", "Trebuchet MS", Arial, Verdana, sans-serif;
font-size: 10pt;
}
td.working {
background-color: #88FF88;
padding: 3px;
text-align: center;
}
td.unknown {
background-color: #FFFFFF;
padding: 3px;
text-align: center;
}
td.partial {
background-color: #FFFF88;
padding: 3px;
text-align: center;
}
td.not {
background-color: #FF8888;
padding: 3px;
text-align: center;
}
td.progress {
background-color: #8888FF;
padding: 3px;
text-align: center;
}
tr.working {
background-color: #88FF88;
padding: 3px;
text-align: center;
}
tr.unknown {
background-color: #FFFFFF;
padding: 3px;
text-align: center;
}
tr.partial {
background-color: #FFFF88;
padding: 3px;
text-align: center;
}
tr.not {
background-color: #FF8888;
padding: 3px;
text-align: center;
}
tr.progress {
background-color: #8888FF;
padding: 3px;
text-align: center;
}