diff options
author | Tim Mayberry <mojofunk@gmail.com> | 2007-02-03 10:55:10 +0000 |
---|---|---|
committer | Tim Mayberry <mojofunk@gmail.com> | 2007-02-03 10:55:10 +0000 |
commit | 249cb20c23d8ddb25e9e1e287b4c1e634289cab7 (patch) | |
tree | b3a431e341e96d003f470a52e5b5e045a38d6907 /manual/css | |
parent | f425f319bab36d25cb398b2295388caf3ecf9d8e (diff) |
Add some css and an xsl transformation to make the admonitions look much better.
Add css to adjust the width, padding and borders of the table.
Add a manual_style.svg file that I was using to compare colors etc, might come
in handy.
git-svn-id: svn://localhost/ardour2/trunk@1419 d708f5d6-7413-0410-9779-e7cbd77b26cf
Diffstat (limited to 'manual/css')
-rw-r--r-- | manual/css/ardour_manual.css | 90 |
1 files changed, 80 insertions, 10 deletions
diff --git a/manual/css/ardour_manual.css b/manual/css/ardour_manual.css index 0e49a34514..cfe7a54b7f 100644 --- a/manual/css/ardour_manual.css +++ b/manual/css/ardour_manual.css @@ -2,8 +2,8 @@ body { background-color: white; margin:0 auto; - font-family: "Bitstream Vera Sans","Lucida Grande", verdana, "Luxi Sans","Trebuchet MS", helvetica,verdana,arial,sans-serif; - font-size:12px; + font-family: "Bitstream Vera Sans","Lucida Grande", "Luxi Sans", verdana, "Trebuchet MS", helvetica,verdana,arial,sans-serif; + font-size:9pt; max-width:55em; padding:2em; color:#333; @@ -12,10 +12,13 @@ body { /* Links */ +/* these colors need work */ + a:link { color:#7f83a4; } +/* This is too light */ a:visited { color:#adabc8; } @@ -34,19 +37,91 @@ img { .screen { - background-color:#dddddd; - color:#333333; + background-color:#d5d1b9; + color:#333; } -pre,code{ +pre,code { padding:.3em 1em; font-size:0.9em; font-family:"Bitstream vera mono",monospace; } +pre { + display:block; + overflow:auto; +} + +code { + white-space:nowrap; + background-color:#bbb; + color:#222; +} + +.command, +.filename, +.literal, +.option { + font-weight:bold; +} + +/* Admonitions */ +div.note, +div.tip, +div.important, +div.caution, +div.warning { + background: #27272b url(images/admon-bg.png) top left repeat; + color:white; + padding:0.8em; + margin-bottom:1.5em; +} + +div.note .title, +div.tip .title, +div.important .title, +div.caution .title, +div.warning .title { + font-size:1.3em; + color: white; +} + +div.note p, +div.tip p, +div.caution p, +div.warning p, +div.important p { + padding-left:0.5em; +} + +/* Tables */ + +table { + width:100%; + border-right:1px solid #aaa; + border-collapse:collapse; + border-top:1px solid #aaa; + border-left:1px solid #aaa; + border-bottom:1px solid #aaa; +} + +table th { + padding:.2em .5em; +} + +table td { + padding:.10em .5em; +} + +table,td,th { + border-color:#777 !important; +} + /* Headings */ + h1,h2,h3,h4,h5,h6 { + /* this color is too purpley */ color:#565690; line-height:130%; margin-top:0em; @@ -75,8 +150,3 @@ h5.formalpara { font-size:1em; margin-top:2em; } - -/* Element rules*/ -hr{border-collapse: collapse;border-style:none;border-top: 1px dotted #ccc;width:100% !important;} -sup{color:#999;} - |