content/conkeror.css

   1 /**
   2  * (C) Copyright 2004-2006 Shawn Betts
   3  * (C) Copyright 2007-2008 Jeremy Maitin-Shepard
   4  * (C) Copyright 2008 John J. Foerch
   5  *
   6  * Use, modification, and distribution are subject to the terms specified in the
   7  * COPYING file.
   8 **/
   9
  10 @import url("chrome://global/skin/");
  11
  12 /* Set all margins and paddings to 0px so we have complete control.  It
  13  * is necessary to use "window *" in order to make the selector more
  14  * specific than whatever is in the global skin.  The consequence of this
  15  * is that we will have to use at least two levels of specificity in all
  16  * css rules affecting margin and padding throughout conkeror.
  17  */
  18 window * { margin: 0px; padding: 0px; }
  19
  20 .minibuffer-text-input-mode[minibuffermode="message"],
  21 .minibuffer-textarea-input-mode[minibuffermode="message"],
  22 .minibuffer-select-input-mode[minibuffermode="message"],
  23 .minibuffer-checkbox-input-mode[minibuffermode="message"],
  24 .minibuffer-richedit-input-mode[minibuffermode="message"],
  25 .minibuffer-quote-next-input-mode[minibuffermode="message"],
  26 .minibuffer-quote-input-mode[minibuffermode="message"]{
  27   background-color: #999999;
  28   color: black;
  29 }
  30
  31 #minibuffer[minibuffermode="message"] #minibuffer-prompt,
  32 #minibuffer[minibuffermode="message"] #minibuffer-input,
  33 #minibuffer[minibuffermode="input"] #minibuffer-message,
  34 #minibuffer[minibuffermode="input"] #minibuffer-mode-indicator {
  35   visibility: collapse;
  36 }
  37
  38 .mode-line {
  39   border-left: 1px solid rgb(230,230,230);
  40   border-top: 1px solid rgb(230,230,230);
  41   border-right: 1px solid rgb(100,100,100);
  42   border-bottom: 1px solid rgb(100,100,100);
  43   background-color: rgb(200,200,200);
  44 }
  45
  46 .mode-line label {
  47   color: black;
  48 }
  49
  50 .mode-line label.current-buffer-name-widget {
  51   -moz-box-flex: 1;
  52 }
  53
  54 window {
  55   background-color: white;
  56 }
  57
  58
  59 /* Completions display */
  60 tree.completions treechildren { border: none !important; }
  61
  62 tree.completions treecol { -moz-binding: none !important; }
  63 tree.completions {
  64   -moz-appearance: none !important;
  65   border: 0px none !important;
  66   border-top: 4px double #333333 !important;
  67   background-color: #dcdad5 !important;
  68   -moz-border-top-colors: -moz-initial !important;
  69   color: black;
  70 }
  71
  72 tree.completions treechildren::-moz-tree-row {
  73   border: none;
  74 }
  75
  76 tree.completions treechildren::-moz-tree-row(current) {
  77   background-color: blue;
  78 }
  79
  80 tree.completions treechildren::-moz-tree-cell-text(completion-description) {
  81   color: green !important;
  82   font-weight: bold !important;
  83 }
  84
  85 tree.completions treechildren::-moz-tree-cell-text(current) {
  86   color: white !important;
  87 }
  88
  89 .panel {
  90   border-top: 4px double #333333;
  91   background-color: #dcdad5;
  92 }
  93
  94 .panel .panel-row-label {
  95   font-weight: bold;
  96 }
  97
  98 .panel .url-panel-label {
  99   font-weight: bold;
 100 }
 101
 102
 103 /* tab bar */
 104
 105 #tab-bar {
 106   -moz-box-pack: end;
 107 }
 108
 109 .tab {
 110   -moz-appearance: tab;
 111   margin-top: 2px;
 112   border-top: 2px solid;
 113   border-right: 2px solid;
 114   border-left: 2px solid;
 115   border-bottom: 1px solid ThreeDHighlight;
 116   -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow;
 117   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
 118   -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow;
 119   -moz-border-radius-topleft: 2px;
 120   -moz-border-radius-topright: 2px;
 121   -moz-border-radius-bottomright: 1px;
 122   padding: 1px 4px 2px 4px;
 123   background-color: -moz-Dialog;
 124   color: -moz-DialogText;
 125   min-width: 100px;
 126   max-width: 250px;
 127   -moz-box-flex: 100;
 128   -moz-box-align: center;
 129 }
 130
 131 .tab[selected="true"] {
 132   border-bottom-color: transparent;
 133   padding: 1px 6px 4px 6px;
 134   background-color: -moz-Dialog;
 135 }
 136
 137 .tab-close-button {
 138   -moz-appearance: none !important;
 139   list-style-image: url("chrome://global/skin/icons/close.png") !important;
 140   -moz-image-region: rect(0px, 16px, 16px, 0px);
 141   border: none !important;
 142 }
 143
 144 .tab[selected="false"] .tab-close-button {
 145   display: none;
 146 }
 147
 148 .tab-close-button:hover {
 149   -moz-image-region: rect(0px, 32px, 16px, 16px);
 150 }
 151
 152 .tab-close-button:active:hover {
 153   -moz-image-region: rect(0px, 48px, 16px, 32px);
 154 }
 155
 156 .tab-label {
 157   -moz-box-flex: 100;
 158   font: icon;
 159 }
 160
 161 .tab[selected="true"] > .tab-label {
 162   font-weight: bold;
 163 }
 164
 165 .tab-icon  {
 166   min-width: 16px;
 167   min-height: 16px;
 168   max-width: 16px;
 169   max-height: 16px;
 170   list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
 171   -moz-margin-start: 4px;
 172   -moz-margin-end: 3px;
 173 }