innosetup/ISHelp/Staging/styles.css

/*
  Inno Setup
  Copyright (C) 1997-2025 Jordan Russell
  Portions by Martijn Laan
  For conditions of distribution and use, see LICENSE.TXT.

  Style sheet used by topic_*.htm
*/

:root {
	color-scheme: light dark;
	--main-fg-color: light-dark(#282828, #d6d6d6);
	--main-bg-color: light-dark(white, #1f1f1f);
	--link-fg-color: light-dark(hsl(206, 100%, 37%), hsl(206, 100%, 50%));
	--link-hover-fg-color: light-dark(hsl(206, 100%, 27%), hsl(206, 100%, 43%));
	--header-bg-color: light-dark(#e0e0e0, #403e41);
	--code-bg-color: light-dark(#f0f0f0, #353135);
}
HTML {
	/* Ensure that anchor targets don't get hidden underneath the sticky header.
	   This is the height of .topicheading plus an extra 2rem of breathing room. */
	scroll-padding-block-start: calc((20rem/16) * 1.5 + 8px + 2rem);
}
BODY {
	font: calc(14rem/16)/1.5 "Segoe UI", sans-serif;
	margin: 0;
	color: #282828; /* for IE */
	color: var(--main-fg-color);
	background-color: white; /* for IE */
	background-color: var(--main-bg-color);
}
PRE, TT {
	font: calc(13rem/16) Consolas, monospace;
}
P, H1, H2, H3, H4, H5, BLOCKQUOTE, PRE, FORM, OL, UL, LI, DL, DD, TABLE, .examplebox, DIV.margined {
	/* only the end of paragraphs etc. has a margin */
	margin-top: 0;
	margin-bottom: 1em;
}
UL, OL, DD {
	/* specify both of these for firefox compat. */
	margin-left: 0;
	padding-left: 2em;
}
TABLE {
	/* equivalent of cellspacing="0" */
	border-collapse: collapse;
}
TD {
	/* equivalent of cellpadding="0" */
	padding: 0;
	/* note: "baseline" is broken on IE6; it only aligns correctly when there's
	   a single line of text, and that text is directly inside the <TD> tag
	   (not inside a <DIV>). otherwise it behaves more like "top".
           (firefox 1.5 and opera 9 don't have this problem) */
	vertical-align: baseline;
}
IMG {
	width: 16px;
	height: 16px;
	border-style: none;
	padding-left: 2px;
}
A:link, A:visited {
	color: hsl(206, 100%, 37%); /* for IE */
	color: var(--link-fg-color);
	background-color: transparent;
	text-decoration: none;
}
A[href]:hover {
	color: hsl(206, 100%, 27%); /* for IE */
	color: var(--link-hover-fg-color);
	text-decoration: underline;
}
span:target {
	background-color: #ffff00;
	color: black;
}

.small {
	font-size: calc(12rem/16);
}
.heading {
	margin-top: 1em;
	font-size: calc(20rem/16);
	font-weight: bold;
}
.notopmargin {
	margin-top: 0;
}
.indent {
	margin-left: 2em;
}
PRE.nomargin {
	margin: 0;
}
LI.compact {
	margin-bottom: calc(2rem/16);
}

.topicheading {
	background-color: #e0e0e0; /* for IE */
	background-color: var(--header-bg-color);
	color: inherit;
	padding: 4px 8px;
	margin: 0;
	font-size: calc(20rem/16);
	font-weight: bold;
	/* Can't allow wrapping because the scroll-padding setting expects a fixed height */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	/* IE doesn't support sticky or scroll-padding */
	position: sticky;
	inset-block-start: 0;
}
.topicbody {
	padding: 8px;
}

TT, .examplebox {
	background-color: #f0f0f0; /* for IE */
	background-color: var(--code-bg-color);
	color: inherit;
}
TT {
	padding: 2px 4px;
	border-radius: 4px;
	display: inline-block;
}
.examplebox {
	padding: 10px;
	border-radius: 6px;
	overflow-x: auto;
}
.exampleheader {
	font-size: calc(12rem/16);
	font-weight: bold;
	line-height: normal;
	margin-bottom: 0.5em;
}


DT.paramlist {
	margin-bottom: 0.5em;
}
DD.paramlist {
	/* give a little extra spacing between items */
	margin-bottom: 1.5em;
}

DT.flaglist {
	font-weight: bold;
}

TD.cellleft {
	white-space: nowrap;
}
TD.cellright {
	padding-left: 2em;
}

TABLE.setuphdr {
	margin: 0;
}
TD.setuphdrl {
	font-weight: bold;
	white-space: nowrap;
}
TD.setuphdrr {
	padding-left: 1em;
}


#redirectbox {
	position: absolute;
	background-color: InfoBackground;
	color: InfoText;
	padding: 16px 24px;
	border: 1px solid ThreeDDarkShadow;
	font-size: 120%;
	font-weight: bold;
	        box-shadow: #808080 0 0 12px;
	   -moz-box-shadow: #808080 0 0 12px;	/* for Firefox 3.6 */
	-webkit-box-shadow: #808080 0 0 12px;	/* for Chrome 6.0 */
}