Improved "mode" infrastructure, including support for page modes
[conkeror.git] / content / conkeror.css
blobb0d5515b894fe13b32ea3374d6966fee59733776
1 @import url("chrome://global/skin/");
3 .minibuffer-text-input-mode[minibuffermode="message"],
4 .minibuffer-textarea-input-mode[minibuffermode="message"],
5 .minibuffer-select-input-mode[minibuffermode="message"],
6 .minibuffer-quote-next-input-mode[minibuffermode="message"],
7 .minibuffer-quote-input-mode[minibuffermode="message"]{
8 background-color: #999999;
9 color: black;
12 #minibuffer[minibuffermode="message"] #minibuffer-prompt,
13 #minibuffer[minibuffermode="message"] #minibuffer-input,
14 #minibuffer[minibuffermode="input"] #minibuffer-message,
15 #minibuffer[minibuffermode="input"] #minibuffer-mode-indicator {
16 visibility: collapse;
19 .mode-line {
20 border-left: 1px solid rgb(230,230,230);
21 border-top: 1px solid rgb(230,230,230);
22 border-right: 1px solid rgb(100,100,100);
23 border-bottom: 1px solid rgb(100,100,100);
24 margin: 0 0 0 0;
25 background-color: rgb(200,200,200);
28 .mode-line label {
29 color: black;
32 .mode-line label.current-buffer-name-widget {
33 -moz-box-flex: 1;
36 window {
37 background-color: white;
41 /* Completions display */
42 tree.completions treechildren { border: none !important; }
44 tree.completions treecol { -moz-binding: none !important; }
45 tree.completions {
46 -moz-appearance: none !important;
47 border: 0px none !important;
48 margin: 0px !important;
49 border-top: 4px double #333333 !important;
50 background-color: #dcdad5 !important;
51 -moz-border-top-colors: -moz-initial !important;
52 color: black;
55 tree.completions treechildren::-moz-tree-row {
56 border: none;
59 tree.completions treechildren::-moz-tree-row(current) {
60 background-color: blue;
63 tree.completions treechildren::-moz-tree-cell-text(completion-description) {
64 color: green !important;
65 font-weight: bold !important;
68 tree.completions treechildren::-moz-tree-cell-text(current) {
69 color: white !important;
72 .panel {
73 border-top: 4px double #333333;
74 background-color: #dcdad5;
77 .panel .panel-row-label {
78 font-weight: bold;
82 /* tab bar */
84 #tab-bar {
85 -moz-box-pack: end;
88 .tab {
89 -moz-appearance: tab;
90 margin-top: 2px;
91 border-top: 2px solid;
92 border-right: 2px solid;
93 border-left: 2px solid;
94 border-bottom: 1px solid ThreeDHighlight;
95 -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow;
96 -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
97 -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow;
98 -moz-border-radius-topleft: 2px;
99 -moz-border-radius-topright: 2px;
100 -moz-border-radius-bottomright: 1px;
101 padding: 1px 4px 2px 4px;
102 background-color: -moz-Dialog;
103 color: -moz-DialogText;
104 min-width: 100px;
105 max-width: 250px;
106 -moz-box-flex: 100;
107 -moz-box-align: center;
110 .tab[selected="true"] {
111 margin-top: 0;
112 border-bottom-color: transparent;
113 padding: 1px 6px 4px 6px;
114 background-color: -moz-Dialog;
117 .tab-close-button {
118 -moz-appearance: none !important;
119 /*padding: 0px 4px 2px 0px;*/
120 padding: 0px 0px 0px 0px;
121 margin: 0px;
122 list-style-image: url("chrome://global/skin/icons/close.png") !important;
123 -moz-image-region: rect(0px, 16px, 16px, 0px);
124 border: none !important;
127 .tab[selected="false"] .tab-close-button {
128 display: none;
131 .tab-close-button:hover {
132 -moz-image-region: rect(0px, 32px, 16px, 16px);
135 .tab-close-button:active:hover {
136 -moz-image-region: rect(0px, 48px, 16px, 32px);
139 .tab-label {
140 -moz-box-flex: 100;
141 font: icon;
144 .tab[selected="true"] > .tab-label {
145 font-weight: bold;
148 .tab-icon {
149 min-width: 16px;
150 min-height: 16px;
151 max-width: 16px;
152 max-height: 16px;
153 list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
154 -moz-margin-start: 4px;
155 -moz-margin-end: 3px;