common/skin/global-styles.css

   1
   2 Boolean      /* JavaScript booleans */       color: red;
   3 Function     /* JavaScript functions */      color: navy;
   4 Null         /* JavaScript null values */    color: blue;
   5 Number       /* JavaScript numbers */        color: blue;
   6 Object       /* JavaScript objects */        color: maroon;
   7 String       /* String values */             color: green; white-space: pre;
   8 Comment      /* JavaScriptor CSS comments */ color: gray;
   9
  10 Key          /* Keywords */                  font-weight: bold;
  11
  12 Enabled      /* Enabled item indicator text */  color: blue;
  13 Disabled     /* Disabled item indicator text */ color: red;
  14
  15 FontFixed           /* The font used for fixed-width text */ \
  16                     font-family: monospace !important;
  17 FontCode            /* The font used for code listings */ \
  18                     font-size: 9pt;  font-family: monospace !important;
  19 FontProportional    /* The font used for proportionally spaced text */ \
  20                     font-size: 10pt; font-family: "Droid Sans", "Helvetica LT Std", Helvetica, "DejaVu Sans", Verdana, sans-serif !important;
  21
  22     // Hack to give these groups slightly higher precedence
  23     // than their unadorned variants.
  24     CmdCmdLine;[dactyl|highlight]>*
  25     CmdErrorMsg;[dactyl|highlight]
  26     CmdInfoMsg;[dactyl|highlight]
  27     CmdModeMsg;[dactyl|highlight]
  28     CmdMoreMsg;[dactyl|highlight]
  29     CmdNormal;[dactyl|highlight]
  30     CmdQuestion;[dactyl|highlight]
  31     CmdWarningMsg;[dactyl|highlight]
  32
  33     StatusCmdLine;[dactyl|highlight]>*
  34     StatusErrorMsg;[dactyl|highlight]
  35     StatusInfoMsg;[dactyl|highlight]
  36     StatusModeMsg;[dactyl|highlight]
  37     StatusMoreMsg;[dactyl|highlight]
  38     StatusNormal;[dactyl|highlight]
  39     StatusQuestion;[dactyl|highlight]
  40     StatusWarningMsg;[dactyl|highlight]
  41
  42 Normal            /* Normal text */ \
  43                   color: black   !important; background: white       !important; font-weight: normal !important;
  44 StatusNormal      /* Normal text in the status line */ \
  45                   color: inherit !important; background: transparent !important;
  46 ErrorMsg          /* Error messages */ \
  47                   color: white   !important; background: red         !important; font-weight: bold !important;
  48 InfoMsg           /* Information messages */ \
  49                   color: black   !important; background: white       !important;
  50 StatusInfoMsg     /* Information messages in the status line */ \
  51                   color: inherit !important; background: transparent !important;
  52 LineNr            /* The line number of an error */ \
  53                   color: orange  !important; background: white       !important;
  54 ModeMsg           /* The mode indicator */ \
  55                   color: black   !important; background: white       !important;
  56 StatusModeMsg     /* The mode indicator in the status line */ \
  57                   color: inherit !important; background: transparent !important; padding-right: 1em;
  58 MoreMsg           /* The indicator that there is more text to view */ \
  59                   color: green   !important; background: white       !important;
  60 StatusMoreMsg                                background: transparent !important;
  61 Message           /* A message as displayed in <ex>:messages</ex> */ \
  62                   white-space: pre-wrap !important; min-width: 100%; width: 100%; padding-left: 4em; text-indent: -4em; display: block;
  63 Message String    /* A message as displayed in <ex>:messages</ex> */ \
  64                   white-space: pre-wrap;
  65 NonText           /* The <em>~</em> indicators which mark blank lines in the completion list */ \
  66                   color: blue; background: transparent !important;
  67 *Preview          /* The completion preview displayed in the &tag.command-line; */ \
  68                   color: gray;
  69 Question          /* A prompt for a decision */ \
  70                   color: green   !important; background: white       !important; font-weight: bold !important;
  71 StatusQuestion    /* A prompt for a decision in the status line */ \
  72                   color: green   !important; background: transparent !important;
  73 WarningMsg        /* A warning message */ \
  74                   color: red     !important; background: white       !important;
  75 StatusWarningMsg  /* A warning message in the status line */ \
  76                   color: red     !important; background: transparent !important;
  77 Disabled          /* Disabled items */ \
  78                   color: gray    !important;
  79
  80 CmdLine;>*;;FontFixed   /* The command line */ \
  81                         padding: 1px !important;
  82 CmdPrompt;.dactyl-commandline-prompt  /* The default styling form the command prompt */
  83 CmdInput;.dactyl-commandline-command
  84 CmdOutput         /* The output of commands executed by <ex>:run</ex> */ \
  85                   white-space: pre;
  86
  87 MOW;;;FontFixed,Normal         /* The Multiline Output Window */ \
  88                                margin: 0; white-space: pre;
  89
  90 MOW table                      white-space: inherit; border-spacing: 0px;
  91 MOW :-moz-any(td, th)          padding: 0px 2px;
  92
  93 Comp;;;FontFixed,Normal        /* The completion window */ \
  94                                margin: 0; border-top: 1px solid black;
  95
  96 CompGroup                      /* Item group in completion output */
  97 CompGroup:not(:first-of-type)  margin-top: .5em;
  98 CompGroup:last-of-type         padding-bottom: 1.5ex;
  99
 100 CompTitle            /* Completion row titles */ \
 101                      color: magenta; background: white; font-weight: bold;
 102 CompTitle>*          padding: 0 .5ex;
 103 CompTitleSep         /* The element which separates the completion title from its results */ \
 104                      height: 1px; background: magenta; background: -moz-linear-gradient(60deg, magenta, white);
 105
 106 CompMsg              /* The message which may appear at the top of a group of completion results */ \
 107                      font-style: italic; margin-left: 16px;
 108
 109 CompItem             /* A single row of output in the completion list */
 110 CompItem:nth-child(2n+1)    background: rgba(0, 0, 0, .04);
 111 CompItem[selected]   /* A selected row of completion list */ \
 112                      background: yellow;
 113 CompItem>*           padding: 0 .5ex;
 114
 115 CompIcon             /* The favicon of a completion row */ \
 116                      width: 16px; min-width: 16px; display: inline-block; margin-right: .5ex;
 117 CompIcon>img         max-width: 16px; max-height: 16px; vertical-align: middle;
 118
 119 CompResult           /* The result column of the completion list */ \
 120                      width: 36%; padding-right: 1%; overflow: hidden;
 121 CompDesc             /* The description column of the completion list */ \
 122                      color: gray; width: 62%; padding-left: 1em;
 123
 124 CompLess             /* The indicator shown when completions may be scrolled up */ \
 125                      text-align: center; height: 0;    line-height: .5ex; padding-top: 1ex;
 126 CompLess::after      /* The character of indicator shown when completions may be scrolled up */ \
 127                      content: "⌃";
 128
 129 CompMore             /* The indicator shown when completions may be scrolled down */ \
 130                      text-align: center; height: .5ex; line-height: .5ex; margin-bottom: -.5ex;
 131 CompMore::after      /* The character of indicator shown when completions may be scrolled down */ \
 132                      content: "⌄";
 133
 134 Dense              /* Arbitrary elements which should be packed densely together */\
 135                    margin-top: 0; margin-bottom: 0;
 136
 137 EditorEditing;;*   /* Text fields for which an external editor is open */ \
 138                    -moz-user-input: none !important; -moz-user-modify: read-only !important; \
 139                    background-color: #bbb !important;
 140 *EditorEditing>*;;*  background-color: #bbb !important;
 141 EditorError;;*     /* Text fields briefly after an error has occurred running the external editor */ \
 142                    background: red !important;
 143 EditorBlink1;;*    /* Text fields briefly after successfully running the external editor, alternated with EditorBlink2 */ \
 144                    background: yellow !important;
 145 EditorBlink2;;*    /* Text fields briefly after successfully running the external editor, alternated with EditorBlink1 */
 146
 147 REPL                /* Read-Eval-Print-Loop output */ \
 148                     overflow: auto; max-height: 40em;
 149 REPL-R;;;Question   /* Prompts in REPL mode */
 150 REPL-E              /* Evaled input in REPL mode */ \
 151                     white-space: pre-wrap;
 152 REPL-P              /* Evaled output in REPL mode */ \
 153                     white-space: pre-wrap; margin-bottom: 1em;
 154
 155 Usage               /* Output from the :*usage commands */ \
 156                     width: 100%;
 157 UsageHead           /* Headings in output from the :*usage commands */
 158 UsageBody           /* The body of listings in output from the :*usage commands */
 159 UsageItem           /* Individual items in output from the :*usage commands */
 160 UsageItem:nth-of-type(2n)    background: rgba(0, 0, 0, .04);
 161
 162 Indicator   /* The <em>#</em> and  <em>%</em> in the <ex>:buffers</ex> list */ \
 163             color: blue; width: 1.5em; text-align: center;
 164 Filter      /* The matching text in a completion list */ \
 165             font-weight: bold;
 166
 167 Keyword     /* A bookmark keyword for a URL */ \
 168             color: red;
 169 Tag         /* A bookmark tag for a URL */ \
 170             color: blue;
 171
 172 Link                        /* A link with additional information shown on hover */ \
 173                             position: relative; padding-right: 2em;
 174 Link:not(:hover)>LinkInfo   opacity: 0; left: 0; width: 1px; height: 1px; overflow: hidden;
 175 LinkInfo                    {
 176     /* Information shown when hovering over a link */
 177     color: black;
 178     position: absolute;
 179     left: 100%;
 180     padding: 1ex;
 181     margin: -1ex -1em;
 182     background: rgba(255, 255, 255, .8);
 183     border-radius: 1ex;
 184 }
 185
 186 StatusLine;;;FontFixed  {
 187     /* The status bar */
 188     -moz-appearance: none !important;
 189     font-weight: bold;
 190     background: transparent !important;
 191     border: 0px !important;
 192     padding-right: 0px !important;
 193     min-height: 18px !important;
 194     text-shadow: none !important;
 195 }
 196 StatusLineNormal;[dactyl|highlight]    /* The status bar for an ordinary web page */ \
 197                                        color: white !important; background: black   !important;
 198 StatusLineBroken;[dactyl|highlight]    /* The status bar for a broken web page */ \
 199                                        color: black !important; background: #FFa0a0 !important; /* light-red */
 200 StatusLineSecure;[dactyl|highlight]    /* The status bar for a secure web page */ \
 201                                        color: black !important; background: #a0a0FF !important; /* light-blue */
 202 StatusLineExtended;[dactyl|highlight]  /* The status bar for a secure web page with an Extended Validation (EV) certificate */ \
 203                                        color: black !important; background: #a0FFa0 !important; /* light-green */
 204
 205 !TabClose;.tab-close-button            /* The close button of a browser tab */ \
 206                                        /* The close button of a browser tab */
 207 !TabIcon;.tab-icon,.tab-icon-image     /* The icon of a browser tab */ \
 208                                        /* The icon of a browser tab */
 209 !TabText;.tab-text                     /* The text of a browser tab */
 210 TabNumber                              /* The number of a browser tab, next to its icon */ \
 211                                        font-weight: bold; margin: 0px; padding-right: .8ex; cursor: default;
 212 TabIconNumber  {
 213     /* The number of a browser tab, over its icon */
 214     cursor: default;
 215     width: 16px;
 216     margin: 0 2px 0 -18px !important;
 217     font-weight: bold;
 218     color: white;
 219     text-align: center;
 220     text-shadow: black -1px 0 1px, black 0 1px 1px, black 1px 0 1px, black 0 -1px 1px;
 221 }
 222
 223 Title       /* The title of a listing, including <ex>:pageinfo</ex>, <ex>:jumps</ex> */ \
 224             color: magenta; font-weight: bold;
 225 URL         /* A URL */ \
 226             text-decoration: none; color: green; background: inherit;
 227 URL:hover   text-decoration: underline; cursor: pointer;
 228 URLExtra    /* Extra information about a URL */ \
 229             color: gray;
 230
 231 FrameIndicator;;* {
 232     /* The styling applied to briefly indicate the active frame */
 233     background-color: red;
 234     opacity: 0.5;
 235     z-index: 999999;
 236     position: fixed;
 237     top:      0;
 238     bottom:   0;
 239     left:     0;
 240     right:    0;
 241 }
 242
 243 Bell          /* &dactyl.appName;’s visual bell */ \
 244               background-color: black !important;
 245
 246 Hinting;;*  /* A document which is currently being hinted */
 247 Hint;;* {
 248     /* A hint indicator. See :help hints */
 249     font:        bold 10px "Droid Sans Mono", monospace !important;
 250     margin:      -.2ex;
 251     padding:     0 0 0 1px;
 252     outline:     1px solid rgba(0, 0, 0, .5);
 253     background:  rgba(255, 248, 231, .8);
 254     color:       black;
 255 }
 256 Hint[active];;*  background: rgba(255, 253, 208, .8);
 257 Hint::after;;*   content: attr(text) !important;
 258 HintElem;;*      /* The hintable element */ \
 259                  background-color: yellow  !important; color: black !important;
 260 HintActive;;*    /* The hint element of link which will be followed by <k name="CR" link="false"/> */ \
 261                  background-color: #88FF00 !important; color: black !important;
 262 HintImage;;*     /* The indicator which floats above hinted images */ \
 263                  opacity: .5 !important;
 264
 265 Button                  /* A button widget */ \
 266                         display: inline-block; font-weight: bold; cursor: pointer; color: black; text-decoration: none;
 267 Button:hover            text-decoration: underline;
 268 Button[collapsed]       visibility: collapse; width: 0;
 269 Button::before          content: "["; color: gray; text-decoration: none !important;
 270 Button::after           content: "]"; color: gray; text-decoration: none !important;
 271 Button:not([collapsed]) ~ Button:not([collapsed])::before  content: "/[";
 272
 273 Buttons                 /* A group of buttons */
 274
 275 DownloadCell                    /* A table cell in the :downloads manager */ \
 276                                 display: table-cell; padding: 0 1ex;
 277
 278 Downloads                       /* The :downloads manager */ \
 279                                 display: table; margin: 0; padding: 0;
 280 DownloadHead;;;CompTitle        /* A heading in the :downloads manager */ \
 281                                 display: table-row;
 282 DownloadHead>*;;;DownloadCell
 283
 284 Download                        /* A download in the :downloads manager */ \
 285                                 display: table-row;
 286 Download:not([active])          color: gray;
 287 Download:nth-child(2n+1)        background: rgba(0, 0, 0, .04);
 288
 289 Download>*;;;DownloadCell
 290 DownloadButtons                 /* A button group in the :downloads manager */
 291 DownloadPercent                 /* The percentage column for a download */
 292 DownloadProgress                /* The progress column for a download */
 293 DownloadProgressHave            /* The completed portion of the progress column */
 294 DownloadProgressTotal           /* The remaining portion of the progress column */
 295 DownloadSource                  /* The download source column for a download */
 296 DownloadState                   /* The download state column for a download */
 297 DownloadTime                    /* The time remaining column for a download */
 298 DownloadTitle                   /* The title column for a download */
 299 DownloadTitle>Link>a         max-width: 48ex; overflow: hidden; display: inline-block;
 300
 301 AddonCell                    /* A cell in tell :addons manager */ \
 302                              display: table-cell; padding: 0 1ex;
 303
 304 Addons                       /* The :addons manager */ \
 305                              display: table; margin: 0; padding: 0;
 306 AddonHead;;;CompTitle        /* A heading in the :addons manager */ \
 307                              display: table-row;
 308 AddonHead>*;;;AddonCell
 309
 310 Addon                        /* An add-on in the :addons manager */ \
 311                              display: table-row;
 312 Addon:not([active])          color: #888;
 313 Addon:nth-child(2n+1)        background: rgba(0, 0, 0, .04);
 314
 315 Addon>*;;;AddonCell
 316 AddonButtons
 317 AddonDescription
 318 AddonName                    max-width: 48ex; overflow: hidden;
 319 AddonStatus
 320 AddonVersion
 321
 322 // vim:se sts=4 sw=4 et ft=css: