aboutsummaryrefslogtreecommitdiffstats
path: root/doc/doxy-style.css
diff options
context:
space:
mode:
authorDavid Robillard <d@drobilla.net>2019-03-24 21:22:36 +0100
committerDavid Robillard <d@drobilla.net>2019-03-24 21:52:36 +0100
commit3451af94fb05cd7d545718c84afcb4fe081a8f85 (patch)
treec07665ea5741a7d862a885ae4c48b9e65009d11b /doc/doxy-style.css
parent4ded00e4e689d5aa8a057957a9015ce9194ef737 (diff)
downloadlv2-3451af94fb05cd7d545718c84afcb4fe081a8f85.tar.xz
Use lighter and more consistent documentation style
Diffstat (limited to 'doc/doxy-style.css')
-rw-r--r--doc/doxy-style.css370
1 files changed, 215 insertions, 155 deletions
diff --git a/doc/doxy-style.css b/doc/doxy-style.css
index 9df6937..52fdc05 100644
--- a/doc/doxy-style.css
+++ b/doc/doxy-style.css
@@ -1,68 +1,113 @@
body {
- max-width: 80em;
- margin: 0;
+ background: #FFF;
+ color: #222;
+ font-style: normal;
+ line-height: 1.6em;
margin-left: auto;
margin-right: auto;
- background: #FFF;
- color: #000;
+ padding: 1em;
+ max-width: 60em;
+ font-family: "DejaVu Serif",Palatino,serif;
+ text-rendering: optimizeLegibility;
}
-#titlearea {
- display: none;
+h1, .title, #projectname, h2, h3, h4, h5, h6 {
+ line-height: 1.0125em;
+ color: #444;
+ font-family: "DejaVu Sans",Helvetica,Arial,sans-serif;
+ margin: 1em 0 0.5em 0;
+}
+
+h1, .titlearea .header .titlebox, #projectname {
+ font-size: 300%;
+ font-weight: 400;
+ margin-bottom: 0.25em;
+ margin-top: 0;
}
-h1 {
+.header .headertitle .title {
font-size: 180%;
- font-weight: 900;
+ font-weight: 400;
+ margin: 0.75em 0.25em 0.5em 0;
}
-h2 {
- font-size: 140%;
- font-weight: 700;
+.ingroups {
+ display: inline;
+}
+.title .ingroups a {
+ font-size: small;
+ margin-left: 1em;
}
-h3 {
- font-size: 120%;
- font-weight: 700;
+#titlebox, #metabox {
+ display: inline-block;
+}
+#titlebox{
+ display: inline-block;
+ width: 75%;
+ left: 0;
+ top: 0;
}
-h4 {
- font-size: 110%;
- font-weight: 700;
+#title {
+ margin-bottom: 0.25em;
}
-h5 {
- font-size: 100%;
- font-weight: 700;
+#shortdesc {
+ margin: 0;
+ color: #666;
+ display: inline-block;
+ font-style: italic;
+ padding: 0;
}
-h6 {
- font-size: 100%;
- font-weight: 600;
+#titlearea {
+ margin: 0.25em auto 0.25em auto;
+ padding: 0;
+ position: relative;
+ clear: both;
+ line-height: 1.0em;
}
-p {
- margin: 0 0 1em 0;
+h2 {
+ font-size: 160%;
+ font-weight: 400;
}
-dt {
- font-weight: 700;
+h3 {
+ font-size: 140%;
+ font-weight: 400;
}
-p.startli,p.startdd,p.starttd {
- margin-top: 2px;
+h4 {
+ font-size: 120%;
+ font-weight: 500;
}
-p.endli {
- margin-bottom: 0;
+h5, h6 {
+ font-size: 110%;
+ font-weight: 600;
+}
+
+h1 a, h1 a:link, h1 a:visited ,
+h2 a, h2 a:link, h2 a:visited ,
+h3 a, h3 a:link, h3 a:visited ,
+h4 a, h4 a:link, h4 a:visited ,
+h5 a, h5 a:link, h5 a:visited ,
+h6 a, h6 a:link, h6 a:visited {
+ color: #444;
+}
+
+p {
+ margin: 0.5em 0 0.5em 0;
}
-p.enddd {
- margin-bottom: 4px;
+dt {
+ font-weight: 700;
}
-p.endtd {
- margin-bottom: 2px;
+dd {
+ margin-left: 2em;
}
caption {
@@ -115,30 +160,20 @@ code {
color: #444;
}
-a.code {
- color: #4665A2;
-}
-
-a.codeRef {
- color: #4665A2;
-}
-
/* @end */
dl.el {
margin-left: -1cm;
}
.fragment {
- font-family: monospace, fixed;
+ font-family: "DejaVu Sans Mono",monospace,fixed;
}
pre.fragment {
border: 1px solid #C4C4C4;
background-color: #F9F9F9;
- padding: 4px 6px;
- margin: 4px 8px 4px 2px;
+ padding: 0.5em;
overflow: auto;
- line-height: 125%;
}
div.ah {
@@ -167,10 +202,11 @@ div.groupText {
font-style: italic;
}
-div.contents {
- margin-top: 10px;
- margin-left: 10px;
- margin-right: 10px;
+div.contents, #content {
+ padding: 0 0.25em 0 0.25em;
+ max-width: 60em;
+ margin-left: auto;
+ margin-right: auto;
}
td.indexkey {
@@ -188,6 +224,10 @@ td.indexvalue {
margin: 2px 0;
}
+table.memname {
+ font-family: "DejaVu Sans Mono",monospace,fixed;
+}
+
tr.memlist {
background-color: #EEF1F7;
}
@@ -213,7 +253,6 @@ div.center img {
address.footer {
text-align: right;
- padding-right: 12px;
}
img.footer {
@@ -273,17 +312,20 @@ hr {
margin: 2em 0 1em;
}
-hr.footer {
- height: 1px;
+#footer {
+ bottom: 0;
+ clear: both;
+ font-size: x-small;
+ margin: 2em 0 0;
+ padding: 0 1em 1em 1em;
+ vertical-align: top;
+ color: #888;
}
/* @group Member Descriptions */
table.memberdecls {
border-spacing: 0.125em;
-}
-
-h2.groupheader {
- margin: 0.5em 0 0.25em 0;
+ line-height: 1.3em;
}
.mdescLeft,.mdescRight,.memItemLeft,.memItemRight,.memTemplItemLeft,.memTemplItemRight,.memTemplParams {
@@ -297,7 +339,7 @@ h2.groupheader {
.memItemLeft,.memItemRight,.memTemplParams {
border: 0;
- font-family: monospace, fixed;
+ font-family: "DejaVu Sans Mono",monospace,fixed;
}
.memItemLeft,.memTemplItemLeft {
@@ -322,7 +364,7 @@ td.memSeparator {
td.mlabels-right {
vertical-align: top;
padding-top: 4px;
- color: #AA6;
+ color: #B4C342;
}
.memtitle {
@@ -333,13 +375,15 @@ td.mlabels-right {
/* @group Member Details */
/* Styles for detailed member documentation */
.memtemplate {
- color: #4665A2;
- font-weight: bold;
+ color: #888;
+ font-style: italic;
+ font-family: "DejaVu Sans Mono",monospace,fixed;
+ font-size: small;
}
.memnav {
- background-color: #EBEFF6;
- border: 1px solid #A3B4D7;
+ background-color: #EEE;
+ border: 1px solid #B4C342;
text-align: center;
margin: 2px;
margin-right: 15px;
@@ -347,23 +391,25 @@ td.mlabels-right {
}
.memitem {
- padding: 0;
- margin: 1em 0 1em 0;
+ padding: 0.25em 0.5em 0.25em 0.5em;
+ margin: 0 0 1em 0;
+ border-radius: 6px;
+ border: 1px solid #DDD;
}
.memproto {
- padding: 0;
- font-weight: bold;
- color: #000;
+ font-size: 110%;
+ font-weight: 400;
+ line-height: 1em;
+ color: #000;
}
.memproto .paramname {
- color: #444;
font-style: normal;
}
.memdoc {
- padding: 0 0 0.5em 2em;
+ padding: 0 0.25em 0 0.25em;
}
.paramkey {
@@ -371,37 +417,54 @@ td.mlabels-right {
}
.paramtype {
- color: #3E873E;
+ color: #666;
+ padding-right: 0.5em;
white-space: nowrap;
}
.paramname {
- color: #444;
+ color: #111;
white-space: nowrap;
- font-weight: bold;
-}
-
-td.paramname {
- vertical-align: top;
+ font-family: "DejaVu Sans Mono",monospace,fixed;
+ font-style: italic;
+ padding-right: 0.5em;
}
.fieldname {
color: #000;
}
+.fieldtable {
+ padding-top: 0.25em;
+ border-top: 1px dashed #DDD;
+}
+
+.fieldtable tbody tr:first-child {
+ display: none;
+}
+
td.fieldname {
- padding-right: 1em;
+ padding: 0 0.5em 0 0.25em;
vertical-align: top;
+ font-family: "DejaVu Sans Mono",monospace,fixed;
}
td.fieldtype {
+ color: #666;
+ padding: 0 0.5em 0 0;
vertical-align: top;
- color: #444;
- padding-right: 0.5em;
+ font-family: "DejaVu Sans Mono",monospace,fixed;
}
td.fielddoc p {
margin: 0;
+ vertical-align: top;
+ padding: 0 0.5em 0 0;
+}
+
+p.reference {
+ font-size: x-small;
+ font-style: italic;
}
/* @end */
@@ -442,6 +505,22 @@ td.fielddoc p {
vertical-align: -30%;
}
+td.entry {
+ font-family: "DejaVu Sans",Helvetica,Arial,sans-serif;
+ font-weight: 400;
+ padding-right: 1em;
+}
+
+td.entry .arrow {
+ display: none;
+}
+
+td.entry b {
+ font-family: "DejaVu Sans",Helvetica,Arial,sans-serif;
+ font-weight: 400;
+ font-size: 130%;
+}
+
/* these are for tree view when not used as main index */
.directory-alt {
font-size: 100%;
@@ -479,7 +558,7 @@ div.dynheader {
address {
font-style: normal;
- color: #2A3D61;
+ color: #444;
}
table.doxtable {
@@ -511,23 +590,20 @@ table.doxtable th {
}
div.navpath {
- padding: 0.25em;
+ color: #DDD;
}
.navpath ul {
- font-size: x-small;
- color: #8AA0CC;
overflow: hidden;
margin: 0;
padding: 0;
}
.navpath li {
- list-style-type: none;
float: left;
- padding-left: 10px;
- padding-right: 15px;
- color: #364D7C;
+ padding-left: 0;
+ margin-left: 0.5em;
+ padding-right: 1em;
}
.navpath a {
@@ -536,62 +612,68 @@ div.navpath {
outline: none;
}
-.navpath a:hover {
- color: #6884BD;
-}
-
div.summary {
- float: right;
- font-size: x-small;
- padding: 0.25em 0.5em 0 0;
- width: 50%;
- text-align: right;
+ font-size: small;
+ font-family: "DejaVu Sans",Helvetica,Arial,sans-serif;
+ margin: 0;
+ color: #FFF; /* Hide separator bars */
+ border-bottom: 1px solid #DDD;
+ padding: 0.25em 0;
}
div.summary a {
white-space: nowrap;
}
-div.header {
- background-color: #F3F3F3;
- margin: 0;
+/* Metadata box (right aligned next to title) */
+
+#metabox {
+ display: inline-block;
+ font-size: x-small;
+ margin: 0 0 0.25em 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+ color: #666;
+ font-style: italic;
+ padding: 0 1em;
+}
+
+#meta {
+ border-style: hidden;
+ margin-right: 0.25em;
+}
+
+#meta tr, #meta th, #meta td {
+ background-color: transparent;
border: 0;
+ margin: 0;
+ font-weight: normal;
}
-div.headertitle {
- font-size: 180%;
- font-weight: bold;
- color: #FFF;
- padding: 0.125em 0.25em 0.125em 0.25em;
- background-color: #333;
- background: linear-gradient(to bottom, #333 0%, #111 100%);
- border: solid 1px #444;
- border-top: 0;
- border-radius: 0 0 6px 6px;
+#meta th {
+ text-align: right;
+}
+
+#meta th:after {
+ content: ":";
}
div.line {
- font-family: monospace, fixed;
- font-size: 13px;
- min-height: 13px;
- line-height: 1.0;
- text-wrap: avoid;
+ font-family: "DejaVu Sans Mono",monospace,fixed;
+ line-height: 1.4em;
white-space: pre-wrap;
- text-indent: -53px;
- padding-left: 53px;
- padding-bottom: 0;
- margin: 0;
}
.glow {
- background-color: cyan;
- box-shadow: 0 0 10px cyan;
+ background-color: #2AA198;
+ box-shadow: 0 0 10px #2AA198;
}
span.lineno {
padding-right: 4px;
text-align: right;
- border-right: 2px solid #0F0;
+ border-right: 2px solid #546E00;
background-color: #E8E8E8;
white-space: pre;
}
@@ -604,22 +686,17 @@ span.lineno a:hover {
}
.tabs, .tabs2, .navpath {
- background-image: none;
- background-color: #333;
- background: linear-gradient(to bottom, #333 0%, #111 100%);
- border: 0;
- border-bottom: solid 2px #000;
- padding: 0;
- padding-top: 2px;
- font-size: small;
-}
-
-#navrow1 {
- border: 0;
+ padding: 0.25em 0;
+ border-bottom: 1px solid #DDD;
+ font-size: small;
+ font-family: "DejaVu Sans",Helvetica,Arial,sans-serif;
+ margin: 0;
}
th {
text-align: left;
+ font-size: 110%;
+ font-weight: 500;
}
.mlabel {
@@ -638,40 +715,23 @@ th {
display: table-cell;
line-height: 2em;
list-style: none;
- background-color: #333;
- background: linear-gradient(to bottom, #444 0%, #222 100%);
- border: 1px solid #222;
border-bottom: 0;
- border-radius: 6px 6px 0 0;
- color: #DDD;
}
.tablist a {
display: block;
- padding: 0 20px;
- font-weight: bold;
- color: #859900;
+ padding: 0 1em 0 0;
+ font-family: "DejaVu Sans",Helvetica,Arial,sans-serif;
text-decoration: none;
outline: none;
}
-.header a {
- color: #859900;
-}
-
.tabs3 .tablist a {
padding: 0 10px;
}
-.tablist a:hover {
- color: #fff;
- text-shadow: 0 1px 1px rgba(0, 0, 0, 1.0);
- text-decoration: none;
-}
-
.tablist li.current a {
- color: #fff;
- text-shadow: 0 1px 1px rgba(0, 0, 0, 1.0);
+ color: #222;
}
span.icon {