[PATCH] Added a style sheet to make the html look pretty

Style sheet is called kimchi.css. Not sure how the xsl works so wasn't sure how to get it included in the build. Can someone please take a look? This line needs to be in the header: <link rel="stylesheet" type="text/css" href="kimchi.css" /> I looked around the open source site but didn't see anything promising. let me know if I can do anything to help or if this is a pipe dream. Thanks! Signed-off-by: Kersten Richter <kersten@us.ibm.com> --- ui/pages/help/kimchi.css | 123 ++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 123 insertions(+), 0 deletions(-) create mode 100644 ui/pages/help/kimchi.css diff --git a/ui/pages/help/kimchi.css b/ui/pages/help/kimchi.css new file mode 100644 index 0000000..99d69a7 --- /dev/null +++ b/ui/pages/help/kimchi.css @@ -0,0 +1,123 @@ +BODY { + background: #FFFFFF; + margin-bottom: 1em; + margin-left: .5em; + } +bold { font-weight: bold; } +boldItalic { font-weight: bold; font-style: italic; } +italic { font-style: italic; } +underlined { text-decoration: underline; } +uicontrol { font-weight: bold; } +filepath { font-family: monospace, monospace; }.option { font-family: monospace, monospace; } +cmdname { font-weight: bold; font-family: monospace, monospace; } +.defparmname { font-weight: bold; text-decoration: underline; font-family: monospace, monospace; } +.kwd { font-weight: bold; } +.defkwd { font-weight: bold; text-decoration: underline; } +var { font-style : italic;} +strongwintitle { font-weight : bold; } +parmname { font-weight: bold; font-family: monospace, monospace; white-space: nowrap; } +code { font-family: monospace, monospace; } +pre { font-family: monospace, monospace; } +CITE { font-style: italic; } +EM { font-style: italic; } +STRONG { font-weight: bold; } +VAR { font-style: italic; } +dt { font-weight: bold; } + +/*********************************************************** + * Basic fonts + ***********************************************************/ +body, +td, +th, +caption { + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 10pt; +} +} +pre, code { + font-family: MS Courier New, Courier, monospace; +} + +h1, h2, h3 { + font-size: 12pt; + font-weight: bold; + color: #336699; +} +h4 { + font-size: 10pt; + font-weight: bold; + color: #336699; +} + + +/*********************************************************** + * Basic indents, padding, and margin + ***********************************************************/ +body { + color: black; + background-color: white; + margin: 0; + padding-top: 0.2em; + padding-left: 0.6em; + padding-right: 0.2em; + padding-bottom: 1em; +} +h1, +h2, +h3, +h4, +h5, +h6 { + padding: 0; + margin-top: 1em; + margin-bottom: 0.75em; + margin-left: 0; + margin-right: 0; +} + +address, +dl, +li, +p { + padding: 0; + margin-top: 0.75em; + margin-bottom: 0.75em; + margin-left: 0; + margin-right: 0; + line-height: 125%; +} +td dl { + margin-left: 2em; +} +pre { + padding: 0; + margin-top: 0.75em; + margin-bottom: 0.75em; + margin-left: 2em; + margin-right: 0; +} +ol, +ul { + padding: 0; + margin-top: 0.75em; + margin-bottom: 0.75em; + margin-left: 2.00em; + margin-right: 0; +} + +dd { + margin-left: 3.00em; + margin-top: 0.75em; + margin-bottom: 0.75em; +} +dt { + margin-left: 1.00em; + margin-top: 0.75em; +} + + + + + + -- 1.7.1

Hi Kersten! Am 11-03-2014 23:10, schrieb Kersten Richter:
Style sheet is called kimchi.css. Not sure how the xsl works so wasn't sure how to get it included in the build. Can someone please take a look? This line needs to be in the header: <link rel="stylesheet" type="text/css" href="kimchi.css" /> I looked around the open source site but didn't see anything promising.
let me know if I can do anything to help or if this is a pipe dream.
It's very easy to link a CSS to an XSL file. Inside the tag "<xsl:template match="/">" there's a full template of the HTML page. Notice the regular <head> tag, with <title> and a <link> tag to set a custom icon. You can add exactly that line you provided above to the <head> tag, just like a regular HTML file. So we would have something like: <html> <head> <title>...</title> <link set-custom-icon /> * <link set-css-file />* </head> </html>
participants (3)
-
Aline Manera
-
Crístian Viana
-
Kersten Richter