common/skin/help-styles.css

   1
   2 InlineHelpLink                              /* A help link shown in the command line or multi-line output area */ \
   3                                             font-size: inherit !important; font-family: inherit !important;
   4
   5 Help;;;FontProportional                     /* A help page */ \
   6                                             line-height: 1.4em;
   7
   8 HelpInclude                                 /* A help page included in the consolidated help listing */ \
   9                                             margin: 2em 0;
  10
  11 HelpArg;;;FontCode                          /* A required command argument indicator */ \
  12                                             color: #6A97D4;
  13 HelpOptionalArg;;;FontCode                  /* An optional command argument indicator */ \
  14                                             color: #6A97D4;
  15
  16 HelpBody                                    /* The body of a help page */ \
  17                                             display: block; margin: 1em auto; max-width: 100ex; padding-bottom: 1em; margin-bottom: 4em; border-bottom-width: 1px;
  18 HelpBorder;*;dactyl://help/*                /* The styling of bordered elements */ \
  19                                             border-color: silver; border-width: 0px; border-style: solid;
  20 HelpCode;;;FontCode                         /* Code listings */ \
  21                                             display: block; white-space: pre; margin-left: 2em;
  22 HelpTT;html|tt;dactyl://help/*;FontCode     /* Teletype text */
  23
  24 HelpDefault;;;FontCode                      /* The default value of a help item */ \
  25                                             display: inline-block; margin: -1px 1ex 0 0; white-space: pre; vertical-align: text-top;
  26
  27 HelpDescription                             /* The description of a help item */ \
  28                                             display: block; clear: right;
  29 HelpDescription[short]                      clear: none;
  30 HelpEm;html|em;dactyl://help/*              /* Emphasized text */ \
  31                                             font-weight: bold; font-style: normal;
  32
  33 HelpEx;;;FontCode                           /* An Ex command */ \
  34                                             display: inline-block; color: #527BBD;
  35
  36 HelpExample                                 /* An example */ \
  37                                             display: block; margin: 1em 0;
  38 HelpExample::before                         content: "__MSG_help.Example__: "; font-weight: bold;
  39
  40 HelpInfo                                    /* Arbitrary information about a help item */ \
  41                                             display: block; width: 20em; margin-left: auto;
  42 HelpInfoLabel                               /* The label for a HelpInfo item */ \
  43                                             display: inline-block; width: 6em;  color: magenta; font-weight: bold; vertical-align: text-top;
  44 HelpInfoValue                               /* The details for a HelpInfo item */ \
  45                                             display: inline-block; width: 14em; text-decoration: none;             vertical-align: text-top;
  46
  47 HelpItem                                    /* A help item */ \
  48                                             display: block; margin: 1em 1em 1em 10em; clear: both;
  49
  50 HelpKey;;;FontCode                          /* A keyboard key specification */ \
  51                                             color: #102663;
  52 HelpKeyword                                 /* A keyword */ \
  53                                             font-weight: bold; color: navy;
  54
  55 HelpLink;html|a;dactyl://help/*             /* A hyperlink */ \
  56                                             text-decoration: none !important;
  57 HelpLink[href]:hover                        text-decoration: underline !important;
  58 HelpLink[href^="mailto:"]::after            content: "✉"; padding-left: .2em;
  59 HelpLink[rel=external] {
  60     /* A hyperlink to an external resource */
  61     /* Thanks, Wikipedia */
  62     background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAFVBMVEVmmcwzmcyZzP8AZswAZv////////9E6giVAAAAB3RSTlP///////8AGksDRgAAADhJREFUGFcly0ESAEAEA0Ei6/9P3sEcVB8kmrwFyni0bOeyyDpy9JTLEaOhQq7Ongf5FeMhHS/4AVnsAZubxDVmAAAAAElFTkSuQmCC) no-repeat scroll right center;
  63     padding-right: 13px;
  64 }
  65
  66 ErrorMsg HelpEx       color: inherit; background: inherit; text-decoration: underline;
  67 ErrorMsg HelpKey      color: inherit; background: inherit; text-decoration: underline;
  68 ErrorMsg HelpOption   color: inherit; background: inherit; text-decoration: underline;
  69 ErrorMsg HelpTopic    color: inherit; background: inherit; text-decoration: underline;
  70
  71 HelpTOC               /* The Table of Contents for a help page */
  72 HelpTOC>ol ol         margin-left: -1em;
  73
  74 HelpOrderedList;ol;dactyl://help/*                          /* Any ordered list */ \
  75                                                             margin: 1em 0;
  76 HelpOrderedList1;ol[level="1"],ol;dactyl://help/*           /* A first-level ordered list */ \
  77                                                             list-style: outside decimal; display: block;
  78 HelpOrderedList2;ol[level="2"],ol ol;dactyl://help/*        /* A second-level ordered list */ \
  79                                                             list-style: outside upper-alpha;
  80 HelpOrderedList3;ol[level="3"],ol ol ol;dactyl://help/*     /* A third-level ordered list */ \
  81                                                             list-style: outside lower-roman;
  82 HelpOrderedList4;ol[level="4"],ol ol ol ol;dactyl://help/*  /* A fourth-level ordered list */ \
  83                                                             list-style: outside decimal;
  84
  85 HelpList;html|ul;dactyl://help/*      /* An unordered list */ \
  86                                       display: block; list-style-position: outside; margin: 1em 0;
  87 HelpListItem;html|li;dactyl://help/*  /* A list item, ordered or unordered */ \
  88                                       display: list-item;
  89
  90 HelpNote                                    /* The indicator for a note */ \
  91                                             color: red; font-weight: bold;
  92
  93 HelpOpt;;;FontCode                          /* An option name */ \
  94                                             color: #106326;
  95 HelpOptInfo;;;FontCode                      /* Information about the type and default values for an option entry */ \
  96                                             display: block; margin-bottom: 1ex; padding-left: 4em;
  97
  98 HelpParagraph;html|p;dactyl://help/*        /* An ordinary paragraph */ \
  99                                             display: block; margin: 1em 0em;
 100 HelpParagraph:first-child                   margin-top: 0;
 101 HelpParagraph:last-child                    margin-bottom: 0;
 102 HelpSpec;;;FontCode                         /* The specification for a help entry */ \
 103                                             display: block; margin-left: -10em; float: left; clear: left; color: #527BBD; margin-right: 1em;
 104
 105 HelpString;;;FontCode                       /* A quoted string */ \
 106                                             color: green; font-weight: normal;
 107 HelpString::before                          content: '"';
 108 HelpString::after                           content: '"';
 109 HelpString[delim]::before                   content: attr(delim);
 110 HelpString[delim]::after                    content: attr(delim);
 111
 112 HelpNews        /* A news item */           position: relative;
 113 HelpNewsOld     /* An old news item */      opacity: .7;
 114 HelpNewsNew     /* A new news item */       font-style: italic;
 115 HelpNewsTag     /* The version tag for a news item */ \
 116                 font-style: normal; position: absolute; left: 100%; padding-left: 1em; color: #527BBD; opacity: .6; white-space: pre;
 117
 118 HelpHead;html|h1,html|h2,html|h3,html|h4;dactyl://help/* {
 119     /* Any help heading */
 120     font-weight: bold;
 121     color: #527BBD;
 122     clear: both;
 123 }
 124 HelpHead1;html|h1;dactyl://help/* {
 125     /* A first-level help heading */
 126     margin: 2em 0 1em;
 127     padding-bottom: .2ex;
 128     border-bottom-width: 1px;
 129     font-size: 2em;
 130 }
 131 HelpHead2;html|h2;dactyl://help/* {
 132     /* A second-level help heading */
 133     margin: 2em 0 1em;
 134     padding-bottom: .2ex;
 135     border-bottom-width: 1px;
 136     font-size: 1.2em;
 137 }
 138 HelpHead3;html|h3;dactyl://help/* {
 139     /* A third-level help heading */
 140     margin: 1em 0;
 141     padding-bottom: .2ex;
 142     font-size: 1.1em;
 143 }
 144 HelpHead4;html|h4;dactyl://help/* {
 145     /* A fourth-level help heading */
 146 }
 147
 148 HelpTab;html|dl;dactyl://help/* {
 149     /* A description table */
 150     display: table;
 151     width: 100%;
 152     margin: 1em 0;
 153     border-bottom-width: 1px;
 154     border-top-width: 1px;
 155     padding: .5ex 0;
 156     table-layout: fixed;
 157 }
 158 HelpTabColumn;html|column;dactyl://help/*   display: table-column;
 159 HelpTabColumn:first-child                   width: 25%;
 160 HelpTabTitle;html|dt;dactyl://help/*;FontCode  /* The title column of description tables */ \
 161                                             display: table-cell; padding: .1ex 1ex; font-weight: bold;
 162 HelpTabDescription;html|dd;dactyl://help/*  /* The description column of description tables */ \
 163                                             display: table-cell; padding: .3ex 1em; text-indent: -1em; border-width: 0px;
 164 HelpTabDescription>*;;dactyl://help/*       text-indent: 0;
 165 HelpTabRow;html|dl>html|tr;dactyl://help/*  /* Entire rows in description tables */ \
 166                                             display: table-row;
 167
 168 HelpTag;;;FontCode                          /* A help tag */ \
 169                                             display: inline-block; color: #527BBD; margin-left: 1ex; font-weight: normal;
 170 HelpTags                                    /* A group of help tags */ \
 171                                             display: block; float: right; clear: right;
 172 HelpTopic;;;FontCode                        /* A link to a help topic */ \
 173                                             color: #102663;
 174 HelpType;;;FontCode                         /* An option type */ \
 175                                             color: #102663 !important; margin-right: 2ex;
 176
 177 HelpWarning                                 /* The indicator for a warning */ \
 178                                             color: red; font-weight: bold;
 179
 180 HelpXMLBase;;;FontCode  {
 181     white-space: pre;
 182     color: #C5F779;
 183     background-color: #444444;
 184     font-family: Terminus, Fixed, monospace;
 185 }
 186 HelpXML;;;HelpXMLBase  {
 187     /* Highlighted XML */
 188     display: inline-block;
 189     border: 1px dashed #aaaaaa;
 190 }
 191 HelpXMLBlock;;;HelpXMLBase {
 192     display: block;
 193     margin-left: 2em;
 194     border: 1px dashed #aaaaaa;
 195 }
 196 HelpXMLAttribute                            color: #C5F779;
 197 HelpXMLAttribute::after                     color: #E5E5E5; content: "=";
 198 HelpXMLComment                              color: #444444;
 199 HelpXMLComment::before                      content: "<!--";
 200 HelpXMLComment::after                       content: "-->";
 201 HelpXMLProcessing                           color: #C5F779;
 202 HelpXMLProcessing::before                   color: #444444; content: "<?";
 203 HelpXMLProcessing::after                    color: #444444; content: "?>";
 204 HelpXMLString                               color: #C5F779; white-space: pre;
 205 HelpXMLString::before                       content: '"';
 206 HelpXMLString::after                        content: '"';
 207 HelpXMLNamespace                            color: #FFF796;
 208 HelpXMLNamespace::after                     color: #777777; content: ":";
 209 HelpXMLTagStart                             color: #FFF796; white-space: normal; display: inline-block; text-indent: -1.5em; padding-left: 1.5em;
 210 HelpXMLTagEnd                               color: #71BEBE;
 211 HelpXMLText                                 color: #E5E5E5;
 212
 213 CompItem HelpXMLTagStart                    white-space: pre;
 214
 215 // vim:se sts=4 sw=4 et ft=css: