ardour/livetrax
13
0
Fork 0
Code

Add some css and an xsl transformation to make the admonitions look much better.

Browse Source 
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
This commit is contained in:
Tim Mayberry 2007-02-03 10:55:10 +00:00
parent f425f319ba
commit 249cb20c23
5 changed files with 260 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

90
manual/css/ardour_manual.css
View File

@ -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;}

BIN
manual/images/admon-bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 186 B

167
manual/images/manual_style.svg Normal file
View File

@ -0,0 +1,167 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://web.resource.org/cc/"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="744.09448819"
height="1052.3622047"
id="svg2"
sodipodi:version="0.32"
inkscape:version="0.44.1"
sodipodi:docbase="/home/timbyr/devel/ardour/svn/trunk/manual"
sodipodi:docname="ardour-brand.svg">
<defs
id="defs4" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
gridtolerance="10000"
guidetolerance="10"
objecttolerance="10"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.50389632"
inkscape:cx="561.43067"
inkscape:cy="641.45043"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
inkscape:window-width="898"
inkscape:window-height="619"
inkscape:window-x="113"
inkscape:window-y="25" />
<metadata
id="metadata7">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1">
<text
xml:space="preserve"
style="font-size:78.99777222px;font-style:normal;font-weight:normal;fill:black;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"
x="128.04803"
y="108.97908"
id="text1872"><tspan
sodipodi:role="line"
x="128.04803"
y="108.97908"
id="tspan2797">Ardour Style</tspan></text>
<text
xml:space="preserve"
style="font-size:53.98735046px;font-style:normal;font-weight:normal;fill:black;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"
x="207.30774"
y="638.5484"
id="text1876"><tspan
sodipodi:role="line"
x="207.30774"
y="638.5484"
id="tspan1884">Color Palette</tspan></text>
<text
xml:space="preserve"
style="font-size:62.71745682px;font-style:normal;font-weight:normal;fill:black;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"
x="280.23593"
y="235.28851"
id="text5438"><tspan
sodipodi:role="line"
id="tspan5440"
x="280.23593"
y="235.28851">Fonts?</tspan></text>
<rect
style="opacity:1;fill:black;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:7.0999999;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect6347"
width="304.3186"
height="134.66357"
x="60"
y="677.36218" />
<rect
style="opacity:1;fill:#adabc8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:7.0999999;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect2772"
width="50.002544"
height="51.012703"
x="269.99744"
y="721.30762" />
<rect
y="721.3111"
x="206.13791"
height="51.005806"
width="50.953224"
id="rect2770"
style="opacity:1;fill:#7f83a4;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:7.0999999;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<rect
y="721.30762"
x="143.22905"
height="51.012703"
width="50.002544"
id="rect2774"
style="opacity:1;fill:#565690;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:7.0999999;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<rect
style="opacity:1;fill:#f3f3d2;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:7.0999999;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect5460"
width="49.692257"
height="51.275845"
x="79.999985"
y="721.17609" />
<rect
style="opacity:1;fill:#d5d1b9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:7.0999999;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect2768"
width="325"
height="135"
x="365"
y="677.36218" />
<rect
style="opacity:1;fill:#555;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:7.0999999;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect7236"
width="75.380852"
height="71.096375"
x="380"
y="711.26581" />
<rect
style="opacity:1;fill:#7f83a4;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:7.0999999;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect1888"
width="50.953224"
height="51.005806"
x="549.52209"
y="721.3111" />
<rect
y="721.30762"
x="609.99744"
height="51.012703"
width="50.002544"
id="rect4551"
style="opacity:1;fill:#adabc8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:7.0999999;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<rect
style="opacity:1;fill:#565690;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:7.0999999;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect3662"
width="50.002544"
height="51.012703"
x="489.99747"
y="721.30762" />
<text
xml:space="preserve"
style="font-size:77.09712982px;font-style:normal;font-weight:normal;fill:black;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"
x="501.05905"
y="710.0827"
id="text2776"
transform="scale(1.105424,0.90463)"><tspan
sodipodi:role="line"
id="tspan2778"
x="501.05905"
y="710.0827">?</tspan></text>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 6.7 KiB

2
manual/xml/mouse_operations_ruler.xml
View File

@ -77,7 +77,7 @@
<tbody>
<row>
<entry>
Button1 drag
<mousebutton>Button1</mousebutton> drag
</entry>
<entry>
define a new punch or loop range

12
manual/xsl/html.xsl
View File

@ -88,4 +88,16 @@ section toc
part toc
</xsl:param>
<xsl:template name="nongraphical.admonition">
<div class="{name(.)}">
<h2 class="title">
<xsl:call-template name="anchor"/>
<xsl:if test="$admon.textlabel != 0 or title">
<xsl:apply-templates select="." mode="object.title.markup"/>
</xsl:if>
</h2>
<xsl:apply-templates/>
</div>
</xsl:template>
</xsl:stylesheet>