extsyntax.css

/*	This stylesheet is for syntax help for extension commands.  It
	belongs in the same directory as the syntax html file.
	It expects the IBMdialogicon.png file to be in the same directory.
	The stylesheet and icon should be included in each extension bundle.
	The h1 element gets the IBM dialog as a left border.
	The h2 element gets a background of the background color of the
	syntax chart.  Use h3 for the equivalent without the background.
*/
body, td {
   background-color: white;
   font-size: 14px;
   margin: 8px;
}

.syntax {
	border: thin solid blue;
	padding: 8px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fef5ca;
	color: #0000CD;
	font-family: sans-serif,monospace;
}
.syntax:before {
	content: "Syntax:";
}

.example {
	border: thin solid blue;
	padding: 8px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #0000CD;
	background-color: #fef5ca;
	font-family: sans-serif,monospace;
}
.example:before {
	content: "Example:";
}
.examplenobefore {
	border: thin solid blue;
	padding: 8px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #0000CD;
	background-color: #fef5ca;
	font-family: sans-serif,monospace;
}
table {text-align: left;
}
strong {
	color:#000080;
	color:#0000CD;
}
tt, code, pre {
	font-family: sans-serif,monospace;
}

h1 { 
   font-size:2.0em;
	background-image: url(IBMdialogicon.png);
   	background-repeat: no-repeat;
	background-position: left;
	padding-left: 24px;
}

h2 { 
   font-size:1.5em;
   color: #0000CD;
   padding-left: 8px;
   background-color: #fef5ca;
   max-width: 220px;
}

h3 { 
   font-size:1.5em; 
}

h4 { 
   font-size:1.0em; 
}

h5 { 
   font-size:0.9em; 
}

h6 { 
   font-size:0.8em; 
}

a:visited {
   color: rgb(50%, 0%, 50%);
}

pre {	
   margin-top: 0;
   border: 1px solid #ccc;
   white-space: pre-wrap;
}

pre code {
   display: block; padding: 0.0em;
}

code.r, code.cpp {
   background-color: #fef5ca;
}

table, td, th {
  border: none;
}

blockquote {
   color:#666666;
   margin:0;
   padding-left: 1em;
   border-left: 0.5em #EEE solid;
}

hr {
   height: 0px;
   border-bottom: none;
   border-top-width: thin;
   border-top-style: dotted;
   border-top-color: #999999;
}

@media print {
   * { 
      background: transparent !important; 
      color: black !important; 
      filter:none !important; 
      -ms-filter: none !important; 
   }

   body { 
      font-size:12pt; 
      max-width:100%; 
   }
       
   a, a:visited { 
      text-decoration: underline; 
   }

   hr { 
      visibility: hidden;
      page-break-before: always;
   }

   pre, blockquote { 
      padding-right: 1em; 
      page-break-inside: avoid; 
   }

   tr, img { 
      page-break-inside: avoid; 
   }

   img { 
      max-width: 100% !important; 
   }

   @page :left { 
      margin: 15mm 20mm 15mm 10mm; 
   }
     
   @page :right { 
      margin: 15mm 10mm 15mm 20mm; 
   }

   p, h2, h3 { 
      orphans: 3; widows: 3; 
   }

   h2, h3 { 
      page-break-after: avoid; 
   }
}