aboutsummaryrefslogtreecommitdiffstats
path: root/doc/style.css
diff options
context:
space:
mode:
authorDavid Robillard <d@drobilla.net>2016-08-27 09:13:34 -0400
committerDavid Robillard <d@drobilla.net>2016-08-27 09:13:34 -0400
commit0688460b2ffd4d85fddda80fb1c3bd408335f9d7 (patch)
treedbc0d7da20c6d08ab2171877c4cb26070e36165f /doc/style.css
parent65ffeadf57cc1c7229417bac5ef9244a87732636 (diff)
downloadserd-0688460b2ffd4d85fddda80fb1c3bd408335f9d7.tar.gz
serd-0688460b2ffd4d85fddda80fb1c3bd408335f9d7.tar.bz2
serd-0688460b2ffd4d85fddda80fb1c3bd408335f9d7.zip
Update documentation style
Diffstat (limited to 'doc/style.css')
-rw-r--r--doc/style.css308
1 files changed, 223 insertions, 85 deletions
diff --git a/doc/style.css b/doc/style.css
index 4c62b46a..65ec3845 100644
--- a/doc/style.css
+++ b/doc/style.css
@@ -1,69 +1,59 @@
body {
- font-size: medium;
font-family: sans-serif;
-}
-
-#top {
- background-color: #F3F3F3;
+ max-width: 80em;
margin: 0;
- padding: 0;
- border-bottom: 1px solid #DDD;
- margin-bottom: 1ex;
- font-size: xx-large;
- font-weight: bold;
-}
-
-div.header {
- display: none;
+ margin-left: auto;
+ margin-right: auto;
+ background: #FFF;
+ color: #000;
}
-.tabs {
+#titlearea {
display: none;
}
-h1 h2 h3 h4 h5 h6 {
- font-weight: bold;
-}
-
h1 {
- font-size: 164%;
+ font-size: 180%;
+ font-weight: 900;
}
h2 {
- font-size: 132%;
+ font-size: 140%;
+ font-weight: 700;
}
h3 {
- font-size: 124%;
+ font-size: 120%;
+ font-weight: 700;
}
h4 {
- font-size: 116%;
+ font-size: 110%;
+ font-weight: 700;
}
h5 {
- font-size: 108%;
+ font-size: 100%;
+ font-weight: 700;
}
h6 {
font-size: 100%;
+ font-weight: 600;
}
p {
margin: 0 0 1ex 0;
}
-br {
- display: none;
-}
+/* br { */
+/* display: none; */
+/* } */
dt {
font-weight: 700;
}
-div.multicol {
-}
-
p.startli,p.startdd,p.starttd {
margin-top: 2px;
}
@@ -102,23 +92,18 @@ div.qindex,div.navtab {
padding: 2px;
}
-div.qindex,div.navpath {
- width: 100%;
- line-height: 140%;
-}
-
div.navtab {
margin-right: 15px;
}
/* @group Link Styling */
a {
- color: #3D8C57;
+ color: #546E00; /*70957E;*/
text-decoration: none;
}
.contents a:visited {
- color: #50755E;
+ color: #344E00;
}
a:hover {
@@ -131,12 +116,16 @@ a.qindexHL {
border: 1px double #869DCA;
}
+code {
+ color: #444;
+}
+
a.code {
- color: #4665A2;
+ color: #70957E;
}
a.codeRef {
- color: #4665A2;
+ color: #70957E;
}
/* @end */
@@ -146,16 +135,9 @@ dl.el {
.fragment {
font-family: monospace, fixed;
- font-size: 105%;
-}
-
-pre.fragment {
- border: 1px solid #C4C4C4;
- background-color: #F9F9F9;
- padding: 4px 6px;
- margin: 4px 8px 4px 2px;
- overflow: auto;
- font-size: 9pt;
+ border-left: 1px solid #C4C4C4;
+ padding-left: 1em;
+ margin: 1em 2em;
line-height: 125%;
}
@@ -176,17 +158,15 @@ div.groupHeader {
font-weight: 700;
}
+a + h2.groupheader {
+ display: none;
+}
+
div.groupText {
margin-left: 16px;
font-style: italic;
}
-body {
- background: #FFF;
- color: #000;
- margin: 0;
-}
-
div.contents {
margin-top: 10px;
margin-left: 10px;
@@ -216,9 +196,6 @@ p.formulaDsp {
text-align: center;
}
-img.formulaDsp {
-}
-
img.formulaInl {
vertical-align: middle;
}
@@ -236,7 +213,7 @@ div.center img {
address.footer {
text-align: right;
- padding: 0 0.25em 0.25em 0;
+ padding-right: 12px;
}
img.footer {
@@ -250,23 +227,23 @@ span.keyword {
}
span.keywordtype {
- color: #604020;
+ color: #3E873E;
}
span.keywordflow {
- color: #e08000;
+ color: #DEB542;
}
span.comment {
- color: maroon;
+ color: #69CABF;
}
span.preprocessor {
- color: #806020;
+ color: #F771AC;
}
span.stringliteral {
- color: #002080;
+ color: #FF6E64;
}
span.charliteral {
@@ -314,14 +291,16 @@ hr.footer {
/* @group Member Descriptions */
table.memberdecls {
- border-spacing: 0;
- font-size: small;
+ border-spacing: 0.125em;
+}
+
+h2.groupheader {
+ margin: 1em 0 0.5em 0;
}
.mdescLeft,.mdescRight,.memItemLeft,.memItemRight,.memTemplItemLeft,.memTemplItemRight,.memTemplParams {
- background-color: #FBFBFB;
margin: 0;
- padding: 0.25ex;
+ padding: 0;
}
.mdescLeft,.mdescRight {
@@ -329,12 +308,19 @@ table.memberdecls {
}
.memItemLeft,.memItemRight,.memTemplParams {
- border-top: 1px solid #DDD;
+ border: 0;
+ font-family: monospace;
+ font-size: 90%;
}
.memItemLeft,.memTemplItemLeft {
white-space: nowrap;
padding-left: 2em;
+ padding-right: 1ex;
+}
+
+.memItemLeft a.el {
+ font-weight: bold;
}
.memTemplParams {
@@ -342,13 +328,28 @@ table.memberdecls {
white-space: nowrap;
}
+td.memSeparator {
+ display: none;
+}
+
+td.mlabels-right {
+ vertical-align: top;
+ padding-top: 4px;
+ color: #AA6;
+}
+
+.memtitle {
+ display: none;
+}
+
/* @end */
/* @group Member Details */
/* Styles for detailed member documentation */
.memtemplate {
font-size: 80%;
- color: #4665A2;
+ color: #AA6;
font-weight: bold;
+ padding-left: 6px;
}
.memnav {
@@ -363,12 +364,14 @@ table.memberdecls {
.memitem {
padding: 0;
margin: 1ex 0 2ex 0;
- border: 1px solid #CCC;
+ border: 1px solid #333;
+ border-radius: 6px;
}
.memname {
- white-space: nowrap;
+ /*white-space: nowrap;*/
font-weight: bold;
+ font-family: monospace;
}
.memproto {
@@ -376,12 +379,21 @@ table.memberdecls {
padding: 0.5ex;
font-weight: bold;
background-color: #F3F3F3;
+ border-radius: 6px 6px 0 0;
+ background: linear-gradient(to bottom, #444 0%, #000 100%);
+ color: #FFF;
+}
+
+.memproto .paramname {
+ color: #CCC;
+ font-style: normal;
}
.memdoc {
padding: 1ex;
background-color: #FBFBFB;
border-top-width: 0;
+ border-radius: 0 0 6px 6px;
}
.paramkey {
@@ -389,18 +401,36 @@ table.memberdecls {
}
.paramtype {
+ color: #B4C342;
white-space: nowrap;
}
.paramname {
- color: #602020;
+ color: #444;
white-space: nowrap;
+ font-weight: bold;
+ font-family: monospace;
}
.paramname em {
font-style: normal;
}
+td.paramname {
+ padding-right: 1ex;
+ vertical-align: top;
+}
+
+.fieldname {
+ color: #444;
+ font-family: monospace;
+}
+
+td.fieldname {
+ padding-right: 1ex;
+ vertical-align: top;
+}
+
/* @end */
/* @group Directory (tree) */
/* for the tree view */
@@ -411,9 +441,8 @@ table.memberdecls {
/* these are for tree view when used as main index */
.directory {
- font-size: 9pt;
- font-weight: bold;
- margin: 5px;
+ font-size: small;
+ margin: 0.5em;
}
.directory h3 {
@@ -508,12 +537,13 @@ table.doxtable th {
font-size: 13px;
}
+div.navpath {
+ padding: 0.25em;
+}
+
.navpath ul {
- font-size: 11px;
- height: 30px;
- line-height: 30px;
+ font-size: x-small;
color: #8AA0CC;
- border: 1px solid #C2CDE4;
overflow: hidden;
margin: 0;
padding: 0;
@@ -528,7 +558,6 @@ table.doxtable th {
}
.navpath a {
- height: 32px;
display: block;
text-decoration: none;
outline: none;
@@ -540,8 +569,8 @@ table.doxtable th {
div.summary {
float: right;
- font-size: 8pt;
- padding-right: 5px;
+ font-size: x-small;
+ padding: 0.25em 0.5em 0 0;
width: 50%;
text-align: right;
}
@@ -553,11 +582,120 @@ div.summary a {
div.header {
background-color: #F3F3F3;
margin: 0;
- border-bottom: 1px solid #DDD;
+ border: 0;
}
div.headertitle {
- padding: 5px 5px 5px 10px;
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, #444 0%, #000 100%);
+ border: solid 1px #444;
+ border-top: 0;
+ border-radius: 0 0 6px 6px;
+}
+
+div.line {
+ font-family: monospace, fixed;
+ font-size: 13px;
+ min-height: 13px;
+ line-height: 1.0;
+ text-wrap: avoid;
+ 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;
+}
+
+span.lineno {
+ padding-right: 4px;
+ text-align: right;
+ border-right: 2px solid #0F0;
+ background-color: #E8E8E8;
+ white-space: pre;
+}
+span.lineno a {
+ background-color: #D8D8D8;
+}
+
+span.lineno a:hover {
+ background-color: #C8C8C8;
+}
+
+.tabs, .tabs2, .navpath {
+ background-image: none;
+ background-color: #333;
+ background: linear-gradient(to bottom, #444 0%, #000 100%);
+ border: 0;
+ border-bottom: solid 2px #000;
+ padding: 0;
+ padding-top: 2px;
+ font-size: small;
+}
+
+#navrow1 {
+ border: 0;
+}
+
+th {
+ text-align: left;
+}
+
+.mlabel {
+ padding: 0.125em;
+}
+
+/* tabs*/
+
+.tablist {
+ margin: 0;
+ padding: 0;
+ display: table;
+}
+
+.tablist li {
+ display: table-cell;
+ line-height: 2em;
+ list-style: none;
+ background-color: #333;
+ background: linear-gradient(to bottom, #555 0%, #111 100%);
+ border: 1px solid #000;
+ border-radius: 6px 6px 0 0;
+ color: #fff;
+}
+
+.tablist a {
+ display: block;
+ padding: 0 20px;
+ font-weight: bold;
+ color: #fff;
+ text-decoration: none;
+ outline: none;
+}
+
+.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);
+}
+
+span.icon {
+ display: none;
}