common/skin/global-styles.css

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