13
0
livetrax/manual/css/ardour_manual.css
Tim Mayberry 0892e58305 Manual style updates:
Added definitions for the Important and Warning admonitions in the
formatting section.

Removed the caution admonition from the formatting conventions section

Add Tango icons and use them for admonition graphics aswell as some 
xsl and css to make them look better.

Removed the table border from the manual navigation



git-svn-id: svn://localhost/ardour2/trunk@1458 d708f5d6-7413-0410-9779-e7cbd77b26cf
2007-02-14 13:41:30 +00:00

209 lines
3.0 KiB
CSS

body {
background-color: white;
margin:0 auto;
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;
line-height:150%;
}
/* Links */
/* these colors need work */
a:link {
color:#7f83a4;
}
/* This is too light */
a:visited {
color:#adabc8;
}
div.longdesc-link {
color:#999;
float:right;
}
/* Lists */
dt {
font-weight:bold;
}
dd {
margin:0em;
margin-left:2em;
padding-top:0em;
}
/* Images */
img {
display:block;
margin: 1.5em;
}
.screen {
background-color:#d5d1b9;
color:#333;
}
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:1.0em;
margin-bottom:1.5em;
}
div.note h2, div.note p,
div.tip h2,div.tip p,
div.caution h2,div.caution p,
div.warning h2,div.warning p,
div.important h2,div.important p {
padding:0em;
margin:0em;
padding-left:46px;
}
div.note .title,
div.tip .title,
div.important .title,
div.caution .title,
div.warning .title {
background-color:transparent;
background-position:top left;
background-repeat:no-repeat;
height:42px;
font-size:1.3em;
color: white;
}
div.note h2 {
background-image:url(images/tango-icons/note.png)
}
div.tip h2 {
background-image:url(images/tango-icons/tip.png)
}
div.caution h2 {
background-image:url(images/tango-icons/caution.png)
}
div.warning h2 {
background-image:url(images/tango-icons/warning.png)
}
div.important h2 {
background-image:url(images/tango-icons/important.png)
}
/* 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;
font-family:"Luxi Sans","Bitstream Vera Sans","Lucida Grande","Trebuchet MS",helvetica,verdana,arial,sans-serif;
background-color:transparent;
}
h1 {
background: #555555 url(images/title-bg.png) top left repeat;
line-height:1.6em;
color:#eff3f0;
font-size:2em;
padding:1.5em;
}
h2 {
font-size:1.6em;
}
h3 {
font-size:1.1em;
padding-top:1em;
}
h5.formalpara {
font-size:1em;
margin-top:2em;
}
/* Status */
.ardour-draft {
background: white url(./images/watermark-draft.png) top left repeat;
}
/* remove table border from navigation...ugh */
.navheader table, .navheader table td {
border:0px none;
border-collapse:collapse;
}
.navfooter table, .navfooter table td {
border:0px none;
border-collapse:collapse;
}