haiku/docs/user/book.css
Pascal Abresch b548e9131d Api docs: fix code blocks
Also simplifies some canvas vars

Change-Id: I52cd507768ffa361bbd68e1064f947bbcf2dcfa4
Reviewed-on: https://review.haiku-os.org/c/haiku/+/6184
Tested-by: Automation <automation@haiku-os.org>
Reviewed-by: Adrien Destugues <pulkomandy@pulkomandy.tk>
2023-03-11 22:28:47 +00:00

1091 lines
21 KiB
CSS

/*
* Copyright 2008-2013, 2020, 2023 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
* Niels Sascha Reedijk, niels.reedijk@gmail.com
* Pascal R. G. Abresch <nep@packageloss.eu>
*/
/* color names provided by: https://chir.ag/projects/name-that-color */
/*
This stylesheet is designed to override the base style sheet doxygen.css
for Doxygen 1.9.6.
Some principles:
* Normal fonts are "Noto Sans",Arial,sans-serif
* Fixed space fonts are "Noto Sans Mono", Consolas, "Courier New", monospace, fixed;
* No rounded corners (border-radius: 0;)
* No box shadows (box-shadow: 0;)
* A selection of specific colors for borders, links, and other visual elements
*/
/* don't use @media (prefers-color-scheme: light) here, so it runs correctly in browsers that don't
understand it and thus expect a light mode as is the default for html */
:root {
color-scheme: light dark;
--LinkText: #dc3c01; /* grenadier */
--VisitedLinkText: #892601; /* peru tan */
--TableBackground: #ff4500; /* vermilion */
--TableHeaderBackground: #e0e0e0;
--MenuColor: #24225e;
--ActiveLinkText: #ff4500; /* vermilion */
--HeaderText: #0c3762; /* madison */
--ButtonBackground: #e8e8e8;
--ButtonBorder: #c7c7c7;
--InfoBackground: #e4ffde;
--WarningBackground: #fffbc6;
--StopBackground: #ffeae6;
--SecondaryCanvas: #e0e0e0; /* alto */
--TertiaryCanvas: #f3f3f3; /* concrete */
--TertiaryCanvasText: #c0c0c0; /* silver */
--Blue: blue;
}
@media (prefers-color-scheme: dark) {
:root {
--LinkText: #f24000;
--VisitedLinkText: #bf3401;
--ActiveLinkText: #ff4500;
--HeaderText: #0b95c6;
--ButtonBorder: #666;
--InfoBackground: #0d2f3f;
--WarningBackground: #453b07;
--StopBackground: #4d0000;
--MenuColor: #5c57f2;
--TertiaryCanvasText: #c0c0c0;
--ButtonBackground: #444;
--SecondaryCanvas: #222;
--TertiaryCanvas: #131313;
--Blue: #87cefa;
}
@media (prefers-contrast: more) {
:root {
--ButtonBackground: #222;
--SecondaryCanvas: #111;
--TertiaryCanvas: #080808;
}
}
@media (prefers-contrast: less) {
:root {
--ButtonBackground: #444;
}
}
}
@media (forced-colors: active) {
:root {
/* Userguide specific */
/* "Normal values" */
--HeaderText: LinkText;
--LinkText: LinkText;
--VisitedLinkText: VisitedText;
--ActiveLinkText: ActiveText;
--ButtonBackground: ButtonFace;
--ButtonBorder: ButtonBorder;
--InputBackground: Field;
--InputText: FieldText;
--HighlightBackground: Highlight;
--HighlightText: HighlightText;
--SelectedBackground: SelectedItem;
--SelectedText: SelectedItemText;
--MarkBackground: Mark;
--MarkText: MarkText;
--DisabledText: GrayText;
}
}
/* Override font selections */
body, table, div, p, dl {
font: 400 14px/22px "Noto Sans",Arial,sans-serif;
}
p.reference, p.definition {
font: 400 14px/22px "Noto Sans",Arial,sans-serif;
}
pre.fragment {
font-family: "Noto Sans Mono", Consolas, "Courier New", monospace, fixed;
}
div.line {
font-family: "Noto Sans Mono", Consolas, "Courier New", monospace, fixed;
line-height: 1.4;
}
.overload {
font-family: "Noto Sans Mono", Consolas, "Courier New", monospace, fixed;
}
.params .paramdir, .tparams .paramdir {
font-family: "Noto Sans Mono", Consolas, "Courier New", monospace, fixed;
}
table.directory {
font: 400 14px "Noto Sans", Arial,sans-serif;
}
.navpath li.navelem a
{
font-family: "Noto Sans", Arial, sans-serif;
}
div.toc li {
font: 10px/1.2 "Noto Sans", Arial,sans-serif;
}
div.toc h3 {
font: bold 12px/1.2 "Noto Sans", Arial,sans-serif;
}
#powerTip div {
font: 12px/16px "Noto Sans", Arial,sans-serif;
}
/* Remove rounded borders */
div.ah, span.ah {
border-radius: 0;
}
.memtitle {
border-radius: 0;
}
.memproto, dl.reflist dt {
border-radius: 0;
}
.memdoc, dl.reflist dd {
border-radius: 0;
}
table.fieldtable {
border-radius: 0;
}
.fieldtable th {
border-radius: 0;
}
div.toc {
border-radius: 0;
}
#powerTip {
border-radius: 0;
}
/* Colors and headers */
body {
color: CanvasText;
background-color: Canvas;
}
h1, h2, h3, h4, h5, h6 {
color: var(--HeaderText);
margin-top: 1em;
margin-bottom: 1em;
margin-right: 0;
}
h1 {
font-size: 1.3em;
font-weight: bold;
border-bottom: dotted thin var(--TertiaryCanvasText);
}
h2 {
font-size: 1.3em;
font-weight: normal;
border-bottom: dotted thin var(--TertiaryCanvasText);
}
h3 {
font-size: 1.2em;
font-weight: normal;
border-bottom: dotted thin var(--TertiaryCanvasText);
}
h4 {
font-size: 1.1em;
font-weight: normal;
}
h5, h6 {
font-size: 1.0em;
font-weight: normal;
}
.title {
color: var(--HeaderText);
font-size: 1.3em;
font-weight: bold;
border-bottom: dotted thin var(--TertiaryCanvasText);
margin-top: 1em;
margin-bottom: 1em;
}
h2.groupheader, h2.memtitle {
font-size: 1.3em;
border: none;
border-bottom: dotted thin var(--TertiaryCanvasText);
color: var(--HeaderText);
margin-top: 1em;
padding: 0;
background: none;
}
.dirtab {
border: 1px solid #84b0c7; /* glacier */
}
th.dirtab {
background-color: var(--TertiaryCanvas);
}
/* Links */
a:link {
font-weight: bold;
text-decoration: none;
color: var(--LinkText);
}
.contents a:visited {
font-weight: bold;
text-decoration: none;
color: var(--VisitedLinkText);
}
a:hover, a:active {
text-decoration: underline;
color: var(--ActiveLinkText);
}
/* 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: var(--HeaderText);
}
/* Custom Header */
#banner {
position: relative;
top: 0;
left: 0;
height: 84px;
background: var(--TertiaryCanvas);
}
#banner div.logo {
background: url('https://www.haiku-os.org/images/haiku_logo_black.png') no-repeat scroll 0 0 transparent;
min-width: 59em;
max-width: 70em;
height: 100%;
margin: 0 auto;
}
@media (prefers-color-scheme: dark) {
#banner div.logo {
background: url('/images/HaikuDark.svg') no-repeat scroll 6px 8px, url('/images/LeafDark.png') no-repeat scroll 10px 0;
}
}
#banner span.subtitle {
position: relative;
top: 48px;
left: 272px;
color: CanvasText;
text-transform: uppercase;
letter-spacing: 3px;
font-family: Myriad Pro,Myriad Web Pro Regular,Lucida Grande,Geneva,Trebuchet MS,sans-serif;
font-weight: normal;
}
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;
min-width: 59em;
max-width: 70em;
border: none;
background: none;
}
div.summary {
margin: 0 auto;
min-width: 59em;
max-width: 70em;
display: none;
}
div.headertitle {
min-width: 59em;
max-width: 70em;
padding: 0;
}
div.headertitle div.title {
color: var(--HeaderText);
font-size: 1.3em;
font-weight: bold;
border-bottom: dotted thin var(--TertiaryCanvasText);
margin-top: 1em;
margin-bottom: 1em;
}
.ingroups {
margin-top: 10px;
}
/* Make the "Since" member docs one line */
dl.since {
margin-top: 1em;
}
dl.since dt {
display: inline;
padding-right: 0.5em;
}
dl.since dd {
display: inline;
}
/* Navigation Tabs (overrides tabs.css) */
.sm-dox {
background: var(--SecondaryCanvas);
padding: 0;
}
@media (min-width: 768px) {
.sm-dox > li > a, .sm-dox > li > a:hover, .sm-dox > li > a:visited,
.sm-dox > li > a:link, .sm-dox > li > a:active {
padding: 0 12px 0 0;
}
.sm-dox > li > a.has-submenu {
padding-right: 24px;
}
}
.sm-dox a, .sm-dox ul a, .sm-dox a:visited, .sm-dox ul a:visited,
.sm-dox a:link, .sm-dox ul a:link {
background-image: none;
color: var(--LinkText);
text-shadow: none;
}
.sm-dox a:hover, .sm-dox ul a:hover {
background-color: var(--SecondaryCanvas);
background-image: none;
color: var(--TableBackground);
text-decoration: underline;
text-shadow: none;
}
.sm-dox a:active, .sm-dox ul a:active {
color: var(--HeaderText);
text-decoration: none;
text-shadow: none;
}
.sm-dox a:focus, .sm-dox ul a:focus,
.sm-dox a.highlighted, .sm-dox ul a.highlighted {
background-image: none;
color: var(--TableBackground);
text-shadow: none;
}
@media (min-width: 768px) {
.sm-dox a span.sub-arrow {
border-top-color: var(--LinkText);
}
.sm-dox ul a span.sub-arrow {
border-left-color: var(--LinkText);
}
}
.sm-dox span.scroll-up-arrow {
border-bottom-color: var(--LinkText);
}
.sm-dox span.scroll-down-arrow {
border-top-color: var(--LinkText);
}
@media (min-width: 768px) {
.sm-dox a:hover span.sub-arrow {
border-top-color: var(--TableBackground);
}
.sm-dox ul a:hover span.sub-arrow {
border-left-color: var(--TableBackground);
}
}
.sm-dox span.scroll-up-arrow {
border-bottom-color: var(--TableBackground);
}
.sm-dox span.scroll-down-arrow {
border-top-color: var(--TableBackground);
}
div#main-nav {
position: relative;
left: 0;
top: 0;
background: var(--SecondaryCanvas);
margin: 0;
padding: 0;
}
div#main-nav ul#main-menu {
margin: 0 auto;
list-style: none;
max-width: 70em;
}
div.navpath {
margin: 20px auto;
min-width: 59em;
max-width: 70em;
}
div.navpath ul {
display: none;
}
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: CanvasText;
text-decoration: none;
}
/* Standard table styling */
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
vertical-align: top;
text-align: left;
padding: 4px;
}
/* Contents & footer: center on page with a maximum width */
div.contents, .footer {
line-height: 1.5;
margin: 10px auto;
min-width: 59em;
max-width: 70em;
}
/* Contents: Style the elements on the page */
div.contents em, div.contents code, div.contents .mlabel {
font-weight: normal;
font-style: normal;
}
div.contents em {
color: var(--LinkText);
}
div.contents .mlabels-right {
vertical-align: middle;
}
div.contents code, span.mlabel {
color: var(--Blue);
font-family: "Noto Sans Mono", Consolas, "Courier New", monospace, fixed;
font-weight: normal;
font-style: normal;
border:none;
}
div.title span.mlabel {
background-color: white;
font-size: 14.4px;
}
div.memproto span.mlabel {
background-color: var(--TertiaryCanvas);
font-size: 14.4px;
}
span.mlabel:before {
content: "[";
}
span.mlabel:after {
content: "]";
}
div.contents td {
line-height: 1.3;
}
div.contents td span.arrow {
cursor: pointer;
}
div.contents td.desc {
font-weight: normal;
}
div.contents div.dynheader {
color: var(--HeaderText);
font-size: 1.3em;
font-weight: normal;
border-bottom: dotted thin var(--TertiaryCanvasText);
margin-top: 1em;
margin-bottom: 1em;
}
div.contents div.dyncontent {
width: 100%;
border: 1px solid var(--TertiaryCanvasText);
overflow: auto;
}
div.contents div.dyncontent div.center {
text-align: center;
margin: 16px;
}
div.contents td.memSeparator {
display: none;
}
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: var(--TertiaryCanvasText);
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;
}
div.image {
margin-top: 16px;
margin-bottom: 8px;
}
.icon {
font-weight: bold;
font-size: 12px;
height: 14px;
width: 16px;
display: inline-block;
background-color: #ff4500;
color: white;
text-align: center;
border-radius: 4px;
margin-left: 2px;
margin-right: 2px;
}
/* Entry markers */
dl dt {
font-weight: bold;
}
dl dt::after {
content: ":";
}
/* 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 {
background: var(--SecondaryCanvas) url('https://www.haiku-os.org/images/alert_info_32.png') 15px 15px no-repeat;
border-color: #183cce;
}
dl.remark {
background: var(--TertiaryCanvas) url('https://www.haiku-os.org/images/alert_idea_32.png') 15px 15px no-repeat;
border-color: var(--TertiaryCanvasText);
}
dl.warning {
/* lemon chiffon */
background: var(--WarningBackground) url('https://www.haiku-os.org/images/alert_warning_32.png') 15px 15px no-repeat;
border-color: #eed300; /* gold */
}
dl.attention {
/* fair pink */
background: var(--StopBackground) url('https://www.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: CanvasText; /* 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: var(--TertiaryCanvasText);
border-style: solid;
border-width: 1px;
padding: 0px 2px 0px 2px;
background-color: var(--ButtonBackground);
font-variant: small-caps;
}
/* Continue with the rest of the standard Doxygen stuff... */
A.code:visited {
text-decoration: none;
font-weight: normal;
color: var(--Blue);
}
A.codeRef:link {
font-weight: normal;
color: var(--Blue);
}
A.codeRef:visited {
font-weight: normal;
color: var(--Blue);
}
dl.el {
margin-left: -1cm
}
/* Code blocks */
div.fragment {
width: 99%;
background-color: var(--TertiaryCanvas);
border: 1px solid var(--TertiaryCanvasText);
padding: 4px;
color: CanvasText;
font-family: "Noto Sans Mono", Consolas, "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: CanvasText;
font-weight: bold;
color: Canvas;
margin-bottom: 3px;
margin-top: 3px;
}
TD.indexkey {
background-color: var(--TertiaryCanvas);
border: 1px solid var(--TertiaryCanvasText);
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: var(--TertiaryCanvas);
border: 1px solid var(--TertiaryCanvasText);
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 */
}
/* member declaration table */
table.memberdecls {
width: 100%;
}
table.memberdecls td.memItemLeft {
font-size: 13px;
font-family: "Noto Sans Mono", Consolas, "Courier New", monospace, fixed;
white-space: nowrap;
text-align: right;
padding: 6px 0px 4px 8px;
margin: 4px;
vertical-align: top;
border-top: 1px solid var(--TertiaryCanvasText);
border-left: 1px solid var(--TertiaryCanvasText);
background-color: var(--TertiaryCanvas);
}
table.memberdecls td.memItemRight {
font-size: 13px;
font-family: "Noto Sans Mono", Consolas, "Courier New", monospace, fixed;
padding: 6px 8px 4px 0px;
margin: 4px;
vertical-align: top;
border-top: 1px solid var(--TertiaryCanvasText);
border-right: 1px solid var(--TertiaryCanvasText);
background-color: var(--TertiaryCanvas);
}
table.memberdecls td.mdescLeft {
font-size: 13px;
line-height: 1.3;
padding: 1px 0px 4px 8px;
margin: 0px;
border-bottom: 1px solid var(--TertiaryCanvasText);
border-left: 1px solid var(--TertiaryCanvasText);
background-color: var(--TertiaryCanvas);
}
table.memberdecls td.mdescRight {
font-size: 13px;
line-height: 1.3;
padding: 1px 8px 4px 0px;
margin: 0px;
border-bottom: 1px solid var(--TertiaryCanvasText);
border-right: 1px solid var(--TertiaryCanvasText);
background-color: var(--TertiaryCanvas);
}
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 var(--TertiaryCanvasText);
background-color: var(--TertiaryCanvas);
}
table.memberdecls td.memTemplItemRight {
font-size: 13px;
padding: 1px 8px 0px 0px;
margin: 0px;
border-right: 1px solid var(--TertiaryCanvasText);
background-color: var(--TertiaryCanvas);
}
table.memberdecls td.memTemplParams {
font-size: 13px;
padding: 1px 0px 0px 8px;
margin: 0px;
border-top: 1px solid var(--TertiaryCanvasText);
border-left: 1px solid var(--TertiaryCanvasText);
border-right: 1px solid var(--TertiaryCanvasText);
background-color: var(--TertiaryCanvas);
}
table.memberdecls td div.groupHeader, tr.inherit_header {
/* same as h3 */
color: var(--HeaderText);
margin-top: 0.5em;
margin-bottom: 0.5em;
font-size: 1.2em;
font-weight: normal;
border-bottom: dotted thin var(--TertiaryCanvasText);
}
tr.inherit_header {
cursor: pointer;
}
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: var(--TertiaryCanvas);
border: 1px solid var(--TertiaryCanvasText);
text-align: center;
margin: 2px;
margin-right: 15px;
padding: 2px;
}
/* member item */
div.memitem {
margin-bottom: 20px;
width: 100%;
box-shadow: none;
transition: none;
}
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: var(--TertiaryCanvas);
border: 1px solid var(--TertiaryCanvasText);
font-family: "Noto Sans Mono", Consolas, "Courier New", monospace, fixed;
box-shadow: none;
border-radius: 0;
}
div.memproto table {
font-size: 14.4px;
}
/* member table */
div.memproto table.memname {
line-height: 1.3;
font-family: "Noto Sans Mono", Consolas, "Courier New", monospace, fixed;
}
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 documentation */
div.memdoc {
width: 100%;
border: none;
box-shadow: none;
background: none;
}
div.memdoc div.memproto {
margin-top: 2em;
}
div.memdoc table {
width: 100%;
}
div.memdoc table td {
vertical-align: middle;
padding: 8px;
border: 1px solid var(--TertiaryCanvasText);
}
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 var(--TertiaryCanvasText);
}
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: CanvasText;
width: 157px;
}
div.memdoc dl dd table.params td.paramname {
vertical-align: top;
font-weight: normal;
font-style: normal;
color: var(--LinkText);
width: 157px;
}
/* return values table */
div.memdoc dl dd table.retval td.paramname {
vertical-align: top;
color: var(--Blue);
width: 157px;
}
/* End Styling for detailed member documentation */
/* Tree View on Directory Pages */
div.directory {
border-top: 1px solid var(--TertiaryCanvasText);
border-bottom: 1px solid var(--TertiaryCanvasText);
}
.directory .levels span {
color: var(--LinkText);
}
/* Footer: color separator */
hr.footer {
height: 1px;
border-top: 1px solid var(--TertiaryCanvasText);
}
/* Search Box */
#MSearchSelectWindow {
border: var(--TertiaryCanvasText);
background-color: var(--TertiaryCanvas);
}
#MSearchResultsWindow {
width: 500px !important;
height: 600px !important;
border: var(--TertiaryCanvasText);
background-color: var(--TertiaryCanvas);
}
.SRPage .SREntry{
font-size: 1em !important;
}
.SRScope {
font-size: 0.9em !important;
}
#NoMatches {
font-size: 1.4em
}
a.SelectItem {
font-size: 1em;
}