haiku/docs/user/book.css
Humdinger 945566ff43 Switch from DejaVu to Noto font
As discussed, Noto renders much better with freetype 2.7 [1].
The DejaVu package is still in the HaikuPorts repo and can be installed
manually just like all the other available fonts.

[1] http://www.freelists.org/post/haiku-development/freetype-update-from-265-to-27
2016-11-27 19:04:26 +01:00

906 lines
16 KiB
CSS

/*
* Copyright 2008-2013 Haiku, Inc. All rights reserved.
* Distributed under the terms of the MIT License.
*
* Authors:
* François Revol, revol@free.fr
* Stephan Aßmus, superstippi@gmx.de
* Braden Ewing, brewin@gmail.com
* Humdinger, humdingerb@gmail.com
* John Scipione, jscipione@gmail.com
*/
/* color names provided by: https://chir.ag/projects/name-that-color */
html {
overflow-x: hidden;
overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,
p,blockquote,th,td {
margin: 0;
padding: 0;
}
body {
color: #333333; /* mine shaft */
background-color: white;
font-size: 14.4px;
font-family: "Noto Sans", Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
color: #0c3762; /* madison */
margin-top: 1em;
margin-bottom: 1em;
}
h1 {
font-size: 1.3em;
font-weight: bold;
border-bottom: dotted thin #c0c0c0; /* silver */
}
h2 {
font-size: 1.3em;
font-weight: normal;
border-bottom: dotted thin #c0c0c0; /* silver */
}
h3 {
font-size: 1.2em;
font-weight: normal;
border-bottom: dotted thin #c0c0c0; /* silver */
}
h4 {
font-size: 1.1em;
font-weight: normal;
}
h5, h6 {
font-size: 1.0em;
font-weight: normal;
}
p {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
vertical-align: top;
text-align: left;
padding: 4px;
}
caption {
text-align:left;
}
fieldset,img {
border: 0;
}
q:before,q:after {
content: '';
}
abbr,acronym {
border: 0;
}
a:link {
font-weight: bold;
text-decoration: none;
color: #dc3c01; /* grenadier */
}
a:visited {
font-weight: bold;
text-decoration: none;
color: #892601; /* peru tan */
}
a:hover, a:active {
text-decoration: underline;
color: #ff4500; /* vermilion */
}
dl.since {
margin-top: 1em;
}
dl.since dt {
display: inline;
padding-right: 0.5em;
}
dl.since dd {
display: inline;
}
/* Some headers act as anchors, don't give them a hover effect */
h1 a:hover, a:active, h2 a:hover, a:active, h3 a:hover, a:active,
h4 a:hover, a:active, h5 a:hover, a:active, h6 a:hover, a:active {
text-decoration: none;
color: #0c3762; /* madison */
}
/* Custom Header */
#banner {
position: relative;
top: 0;
left: 0;
height: 84px;
background: #eeeeee; /* gallery */
}
#banner div.logo {
background: url('https://api.haiku-os.org/logo.png') no-repeat scroll 0 0 transparent;
width: 59em;
height: 100%;
margin: 0 auto;
}
#banner span.subtitle {
position: relative;
top: 48px;
left: 272px;
color: #333333; /* mine shaft */
text-transform: uppercase;
letter-spacing: 3px;
font-family: Myriad Pro,Myriad Web Pro Regular,Lucida Grande,Geneva,Trebuchet MS,sans-serif;
font-weight: normal;
}
#banner span.search {
position: relative;
top: 48px;
left: 462px;
}
input[type=text], input[type=password] {
font-size: inherit;
border-top: 1px solid #818181;
border-left: 1px solid #818181;
border-bottom: 1px solid #858585;
border-right: 1px solid #858585;
margin-top: 3px;
padding: 2px;
width: 200px;
}
div.header {
margin-top: 20px;
margin: 10px auto;
width: 59em;
}
div.summary {
margin: 0 auto;
width: 59em;
display: none;
}
div.headertitle {
width: 59em;
}
div.headertitle div.title {
color: #0c3762; /* madison */
font-size: 1.3em;
font-weight: bold;
border-bottom: dotted thin #c0c0c0; /* silver */
margin-top: 1em;
margin-bottom: 1em;
}
.ingroups {
margin-top: 10px;
}
/* Navigation Tabs */
div.tabs, div.tabs2, div.tabs3 {
position: relative;
left: 0;
top: 0;
background: #e0e0e0; /* alto */
margin: 0;
padding: 0;
}
div.tabs ul.tablist, div.tabs2 ul.tablist, div.tabs3 ul.tablist {
margin: 0 auto;
padding-top: 3px;
padding-bottom: 2px;
list-style: none;
width: 59em;
}
div.navpath {
margin: 20px auto;
width: 59em;
}
div.navpath ul {
list-style: none;
}
div.navpath ul li {
padding-top: 3px;
padding-bottom: 2px;
}
div.tabs ul.tablist {
}
div.tabs2 ul.tablist {
}
div.tabs3 ul.tablist {
}
div.tabs ul.tablist li, div.tabs2 ul.tablist li, div.tabs3 ul.tablist li {
display: inline;
margin: 0px;
padding: 0px;
font-size: 0.8em;
}
div.tabs ul.tablist li span, div.tabs2 ul.tablist li span,
div.tabs3 ul.tablist li span {
display: inline;
padding-right: 9px;
white-space: nowrap;
}
div.tabs ul.tablist li li.current a, div.tabs2 ul.tablist li li.current a,
div.tabs3 ul.tablist li li.current a {
color: black;
text-decoration: none;
}
/* Contents div */
div.contents, footer {
line-height: 1.5;
margin: 10px auto;
width: 59em;
}
div.contents ul, div.contents ol {
line-height: 1.3;
}
div.contents em, div.contents code {
font-weight: normal;
font-style: normal;
}
div.contents em {
color: #dc3c01; /* grenadier */
}
div.contents code {
color: blue;
}
div.contents td {
line-height: 1.3;
}
div.contents code {
color: blue;
font-family: "Deja Vu Mono", Courier, "Courier New", monospace, fixed;
font-weight: normal;
font-style: normal;
}
div.contents div.dynheader {
color: #0c3762; /* madison */
font-size: 1.3em;
font-weight: normal;
border-bottom: dotted thin #c0c0c0; /* silver */
margin-top: 1em;
margin-bottom: 1em;
}
div.contents div.dyncontent {
width: 100%;
border: 1px solid #c7c7c7; /* silver */
overflow: auto;
}
div.contents div.dyncontent div.center {
text-align: center;
margin: 16px;
}
div.contents span.keycap, div.contents span.keysym {
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border-color: #c7c7c7; /* silver */
border-style: solid;
border-width: 1px;
padding: 0px 2px 0px 2px;
background-color: #e8e8e8; /* mercury */
font-family: serif;
font-variant: small-caps;
}
div.contents div.textblock {
margin-bottom: 20px;
}
div.contents hr {
display: none;
}
div.contents li {
line-height: 1.3;
margin-bottom: 10px;
margin-left: 20px;
}
div.contents dt {
margin-top: 16px;
margin-bottom: 8px;
}
/* The boxes from the userguide */
dl.note, dl.remark, dl.warning, dl.attention {
border-style: solid;
border-width: 2px;
margin-top: 24px;
margin-bottom: 24px;
padding: 4px;
min-height: 48px;
}
dl.note dd, dl.remark dd, dl.warning dd, dl.attention dd {
font-size: 12px;
}
dl.note {
/* rice flower */
background:#e4ffde url('https://haiku-os.org/sites/haiku-os.org/themes/shijin/haiku-icons/alert_info_32.png') 15px 15px no-repeat;
border-color: #94ce18; /* lima */
}
dl.remark {
background: #f3f3f3 url('https://api.haiku-os.org/images/alert_idea_32.png') 15px 15px no-repeat;
border-color: #c0c0c0; /* silver */
}
dl.warning {
/* lemon chiffon */
background: #fffbc6 url('https://api.haiku-os.org/images/alert_warning_32.png') 15px 15px no-repeat;
border-color: #eed300; /* gold */
}
dl.attention {
/* fair pink */
background: #ffeae6 url('https://api.haiku-os.org/images/alert_stop_32.png') 15px 15px no-repeat;
border-color: red;
}
dl.note dt, dl.remark dt, dl.warning dt, dl.attention dt {
display: none; /* don't display the Note: or Warning: header */
}
dl.note dd, dl.remark dd, dl.warning dd, dl.attention dd {
margin: 10px 10px 10px 60px;
color: black; /* pseudo-bold */
}
/* For keyboard shortcuts and the like (also from userguide) */
div.contents span.keycap {
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border-color: #c7c7c7; /* silver */
border-style: solid;
border-width: 1px;
padding: 0px 2px 0px 2px;
background-color: #e8e8e8; /* mercury */
font-family: serif;
font-variant: small-caps;
}
/* Continue with the rest of the standard Doxygen stuff... */
CAPTION { font-weight: bold }
div.qindex {
width: 100%;
background-color: #f3f3f3; /* concrete */
border: 1px solid #c0c0c0; /* silver */
text-align: center;
margin: 2px;
padding: 2px;
line-height: 1.3;
}
div.nav {
width: 100%;
background-color: #f3f3f3; /* concrete */
border: 1px solid #c0c0c0; /* silver */
text-align: center;
margin: 2px;
padding: 2px;
line-height: 1.3;
}
div.navtab {
background-color: #f3f3f3; /* concrete */
border: 1px solid #c0c0c0; /* silver */
text-align: center;
margin: 2px;
margin-right: 15px;
padding: 2px;
}
TD.navtab {
;
}
A.qindex {
text-decoration: none;
font-weight: bold;
color: #1a419d; /* fun blue */
}
A.qindex:visited {
text-decoration: none;
font-weight: bold;
color: #1a419d; /* fun blue */
}
A.qindex:hover {
text-decoration: none;
background-color: #ddddff; /* fog */
}
A.qindexHL {
text-decoration: none;
font-weight: bold;
background-color: #6666cc; /* blue marguerite */
color: white;
border: 1px double #9295c2; /* bell blue */
}
A.qindexHL:hover {
text-decoration: none;
background-color: #6666cc; /* blue marguerite */
color: white;
}
A.qindexHL:visited {
text-decoration: none;
background-color: #6666cc; /* blue marguerite */
color: white;
}
A.elRef {
font-weight: bold
}
A.code:link {
text-decoration: none;
font-weight: normal;
color: blue;
}
A.code:visited {
text-decoration: none;
font-weight: normal;
color: blue;
}
A.codeRef:link {
font-weight: normal;
color: blue;
}
A.codeRef:visited {
font-weight: normal;
color: blue;
}
dl.el {
margin-left: -1cm
}
div.fragment {
width: 99%;
background-color: #f3f3f3; /* concrete */
border: 1px solid #c0c0c0; /* silver */
padding: 4px;
}
div.fragment pre.fragment {
color: black;
font-family: "Deja Vu Mono", Courier, "Courier New", monospace, fixed;
font-weight: normal;
font-style: normal;
font-size: 13px;
line-height: 1.3;
}
div.fragment pre.fragment a.code {
font-weight: bold;
}
div.ah {
background-color: black;
font-weight: bold;
color: white;
margin-bottom: 3px;
margin-top: 3px;
}
TD.indexkey {
background-color: #f3f3f3; /* concrete */
border: 1px solid #c0c0c0; /* silver */
font-weight: bold;
padding-right : 10px;
padding-top : 2px;
padding-left : 10px;
padding-bottom : 2px;
margin-left : 0px;
margin-right : 0px;
margin-top : 2px;
margin-bottom : 2px;
}
TD.indexvalue {
background-color: #f3f3f3; /* concrete */
border: 1px solid #c0c0c0; /* silver */
font-style: italic;
padding-right : 10px;
padding-top : 2px;
padding-left : 10px;
padding-bottom : 2px;
margin-left : 0px;
margin-right : 0px;
margin-top : 2px;
margin-bottom : 2px;
}
TR.memlist {
background-color: #f0f0f0; /* gallery */
}
P.formulaDsp { text-align: center; }
IMG.formulaDsp { }
IMG.formulaInl { vertical-align: middle; }
SPAN.keyword { color: #008000; /* japanese laurel */ }
SPAN.keywordtype { color: #5c5f05; /* antique bronze */ }
SPAN.keywordflow { color: #e08000; /* mango tango */ }
SPAN.comment { color: #008000; /* japanese laurel */ }
SPAN.preprocessor { color: #806020; /* kumera */ }
SPAN.stringliteral { color: blue; }
SPAN.charliteral { color: #008080; /* teal */ }
.search {
color: #003399; /* smalt */
font-weight: bold;
}
FORM.search {
margin-bottom: 0px;
margin-top: 0px;
}
INPUT.search {
color: #000080; /* navy blue */
font-weight: normal;
background-color: #f3f3f3; /* concrete */
}
TD.tiny { font-size: 75%; }
.dirtab {
padding: 4px;
border-collapse: collapse;
border: 1px solid #84b0c7; /* glacier */
}
TH.dirtab {
background-color: #f3f3f3; /* concrete */
font-weight: bold;
}
/* member declaration table */
table.memberdecls {
width: 100%;
}
table.memberdecls td.memItemLeft {
font-size: 13px;
white-space: nowrap;
text-align: right;
padding: 6px 0px 4px 8px;
margin: 4px;
vertical-align: top;
border-top: 1px solid #c0c0c0; /* silver */
border-left: 1px solid #c0c0c0; /* silver */
background-color: #f3f3f3; /* concrete */
}
table.memberdecls td.memItemRight {
font-size: 13px;
padding: 6px 8px 4px 0px;
margin: 4px;
vertical-align: top;
border-top: 1px solid #c0c0c0; /* silver */
border-right: 1px solid #c0c0c0; /* silver */
background-color: #f3f3f3; /* concrete */
}
table.memberdecls td.mdescLeft {
font-size: 13px;
line-height: 1.3;
padding: 1px 0px 4px 8px;
margin: 0px;
border-bottom: 1px solid #c0c0c0; /* silver */
border-left: 1px solid #c0c0c0; /* silver */
background-color: #f3f3f3; /* concrete */
}
table.memberdecls td.mdescRight {
font-size: 13px;
line-height: 1.3;
padding: 1px 8px 4px 0px;
margin: 0px;
border-bottom: 1px solid #c0c0c0; /* silver */
border-right: 1px solid #c0c0c0; /* silver */
background-color: #f3f3f3; /* concrete */
}
table.memberdecls td.mdescRight p {
margin: 0;
padding: 0;
}
table.memberdecls td.memTemplItemLeft {
font-size: 13px;
padding: 1px 0px 0px 8px;
margin: 0px;
text-align: right;
border-left: 1px solid #c0c0c0; /* silver */
background-color: #f3f3f3; /* concrete */
}
table.memberdecls td.memTemplItemRight {
font-size: 13px;
padding: 1px 8px 0px 0px;
margin: 0px;
border-right: 1px solid #c0c0c0; /* silver */
background-color: #f3f3f3; /* concrete */
}
table.memberdecls td.memTemplParams {
font-size: 13px;
padding: 1px 0px 0px 8px;
margin: 0px;
border-top: 1px solid #c0c0c0; /* silver */
border-left: 1px solid #c0c0c0; /* silver */
border-right: 1px solid #c0c0c0; /* silver */
background-color: #f3f3f3; /* concrete */
}
table.memberdecls td div.groupHeader {
/* same as h3 */
color: #0c3762; /* madison */
margin-top: 0.5em;
margin-bottom: 0.5em;
font-size: 1.2em;
font-weight: normal;
border-bottom: dotted thin #c0c0c0; /* silver */
}
table.memberdecls td div.groupText {
font-size: 14.4px;
}
/* Style for detailed member documentation */
div.memtemplate {
font-weight: normal;
font-style: normal;
}
div.memnav {
background-color: #f3f3f3; /* concrete */
border: 1px solid #c0c0c0; /* silver */
text-align: center;
margin: 2px;
margin-right: 15px;
padding: 2px;
}
/* member item */
div.memitem {
margin-bottom: 20px;
width: 100%;
}
div.memitem dl.info, div.memitem dl.note, div.memitem dl.attention,
div.memitem dl.warning,
div.memitem dl.stop, div.memitem dl.bug {
width: 99%;
}
/* member prototype */
div.memproto {
padding: 4px;
background-color: #f3f3f3; /* concrete */
border: 1px solid #c0c0c0; /* silver */
}
div.memproto table {
font-size: 14.4px;
}
/* member table */
div.memproto table.memname {
line-height: 1.3;
}
div.memproto table.memname td.paramtype {
white-space: nowrap;
}
div.memproto table.memname td.paramkey {
text-align: right;
}
div.memproto table.memname td.paramname {
white-space: nowrap;
}
div.memproto table.memname td.memname {
white-space: nowrap;
}
/* member documetation */
div.memdoc {
width: 100%;
}
div.memdoc div.memproto {
margin-top: 2em;
}
div.memdoc table {
width: 100%;
}
div.memdoc table td {
vertical-align: middle;
padding: 8px;
border: 1px solid #d5d5d5; /* silver */
}
div.memdoc td:first-child {
width: 157px;
}
div.memdoc dl dd table {
width: 100%;
}
div.memdoc dl dd table td {
font-size: 14.4px;
padding: 8px;
border: 1px solid #d5d5d5; /* silver */
}
div.memdoc dl dd table td ul, table td ol {
margin-top: 8px;
margin-bottom: 8px;
}
div.memdoc dl dd div.memdoc table.doxtable td {
border: none;
}
/* parameters table */
div.memdoc dl dd table.params td.paramdir {
vertical-align: top;
color: black;
width: 157px;
}
div.memdoc dl dd table.params td.paramname {
vertical-align: top;
font-weight: normal;
font-style: normal;
color: #dc3c01; /* grenadier */
width: 157px;
}
/* return values table */
div.memdoc dl dd table.retval td.paramname {
vertical-align: top;
color: blue;
width: 157px;
}
/* End Styling for detailed member documentation */
/* for the tree view */
.ftvtree {
font-family: sans-serif;
margin: 0.5em;
}
.directory { font-size: 9pt; font-weight: bold; }
.directory h3 { margin: 0px; margin-top: 1em; font-size: 11pt; }
.directory > h3 { margin-top: 0; }
.directory p { margin: 0px; white-space: nowrap; }
.directory div { display: none; margin: 0px; }
.directory img { vertical-align: -30%; }
/* printer only pretty stuff */
@media print {
/* suggest page orientation */
@page { size: portrait; }
.noprint {
display: none;
}
html {
background: #FFF;
}
/* hide header and nav bar */
#banner {
display:none;
}
div.tabs, div.tabs2, div.tabs3 {
display:none;
}
div.summary {
margin: 0px;
padding: 0px;
}
div.headertitle {
margin: 0px;
padding: 0px;
}
div.content {
margin: 0px;
padding: 0px;
}
/* some links we want to print the url along with (CSS2) */
a.printurl:after {
content: " <" attr(href) ">";
font-weight: normal;
font-size: small;
}
/* override for those we really don't want to print */
a.noprinturl:after {
content: "";
}
/* for acronyms we want their definitions inlined at print time */
acronym[title]:after {
font-size: small;
content: " (" attr(title) ")";
font-style: italic;
}
/* and not have mozilla dotted underline */
acronym {
border: none;
}
pre.terminal { /* Terminal output black on white */
background-color: #ffffff;
color: #000000;
}
}