haiku/docs/user/book.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;
	}
}