Fix for bnc #753769: frames missing for Frame widget
[opensuse:life-art.git] / 12.2 / yast / installation_slim.qss
1 /* Richtext: installation_richtext.css */
2
3 #wizard {
4   /* background: transparent url(gilose.png) no-repeat top left; */
5   font-size: 12pt;
6 }
7
8 #work_area {
9   padding: 1em;
10   border: none;
11   border-left: 2px solid #888;
12 }
13
14 #steps {
15   padding: 5em 2em 1em 0.5em;
16   background: url(logo.png) no-repeat top left;
17   border: none;
18   font-size: 10pt;
19   min-width: 150px;
20 }
21
22 YQLogView QTextEdit, YQRichText > YQTextBrowser {
23   qproperty-frameShape: NoShape;
24   background-color: transparent;
25   border-radius: 4px;
26 }
27
28 .current-step-name {
29   color: white;
30   font-weight: bold;
31 }
32
33 .done-step-name {
34   font-weight: normal;
35   color: #eee;
36 }
37
38 .todo-step-name {
39   color: #eee;
40   font-weight: normal;
41 }
42
43 .todo-step-status {
44    qproperty-pixmap: url(white-step-todo.png);
45    max-width: 14px;
46    min-width: 14px;
47 }
48
49 .done-step-status {
50    qproperty-pixmap: url(white-step-done.png);
51    max-width: 14px;
52    min-width: 14px;
53 }
54
55 .current-step-status {
56    qproperty-pixmap: url(white-step-current.png);
57    max-width: 14px;
58    min-width: 14px;
59 }
60
61 .steps_heading {
62    font-weight: bold;  
63    color: white;
64    margin: 1em 0 0 0;
65 }
66
67 /* #DialogIcon { max-width: 0px; margin: 0px; } */
68
69 #DialogHeading { 
70   font-family: FifthLeg, Sans-serif;
71   font: 16pt bold;
72   padding: 12pt;
73   color: #333;
74   margin: 0px;
75 }
76
77 .Contents QWidget { color: black; } 
78   /* these were special cased for openSUSE, but not needed anymore
79   .Contents QComboBox,
80   .Contents QComboBox *,
81   .Contents QHeaderView,
82   .Contents QLineEdit,
83   .Contents QSpinBox,
84   .Contents QDateEdit,
85   .Contents QTimeEdit,
86   .Contents QListWidget { color: black; }
87   */
88   .Contents QCheckBox::indicator:checked { 
89      image: url(checkbox-on.png); 
90    }
91   .Contents QCheckBox::indicator:unchecked { 
92      image: url(checkbox-off.png); 
93    }
94   .Contents QCheckBox::indicator:disabled { 
95      opacity: 0.5;
96    }
97   .Contents QRadioButton::indicator:checked {
98      image: url(plastique-radiobutton.png);
99      padding-right: -1px;
100    }
101    /*
102   .Contents QComboBox::drop-down,
103   .Contents QComboBox::down-button,
104   .Contents QComboBox::down-arrow,
105   .Contents QComboBox::up-arrow,
106   .Contents QScrollBar::down-button,
107   .Contents QScrollBar::down-arrow,
108   .Contents QScrollBar::up-arrow,
109   .Contents QRadioButton::indicator,
110   .Contents QMenu,
111   .Contents YQMultiLineEdit,
112   .Contents QTreeView { color: black; }
113   */
114   .Contents QWidget:disabled { color: gray; }
115
116 .Contents YQMultiLineEdit QTextEdit { color: black; }
117 .Contents QMessageBox { background-color: #555; }
118
119 .conflict QWidget { color: black; }
120
121 YQMultiProgressMeter {
122      background-color: transparent;
123      border: 1px solid gray;
124      border-radius: 3px;
125 }
126
127
128
129 YQProgressBar > YQWidgetCaption { margin-top: 20px; }
130
131 /*
132 YQMultiProgressMeter::chunk {
133      background-color: green;
134      margin: 0.5px;
135      width: 8px;
136      height: 8px;
137 }
138
139 */
140
141
142 QComboBox {
143   border: 1px solid #999999;
144   border-radius: 4px;
145   background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
146     stop: 0 #cccccc, stop: 0.8 #999999, stop: 1 #bbbbbb);
147   padding: 4px 12px;
148   color: #111111;
149   padding: 2px 24px 2px 4px;
150   /* min-width: 6em; */
151 }
152   
153   QComboBox:focus {
154     border: 2px solid #173c10;
155   }
156
157     QComboBox:editable {
158        background: white;
159     }
160
161     QComboBox:!editable, QComboBox::drop-down:editable {
162         background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
163                                     stop: 0 #E1E1E1, stop: 0.4 #DDDDDD,
164                                     stop: 0.5 #D8D8D8, stop: 1.0 #D3D3D3);
165     }
166
167     /* QComboBox gets the "on" state when the popup is open */
168     QComboBox:!editable:on, QComboBox::drop-down:editable:on {
169        background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
170                                    stop: 0 #D3D3D3, stop: 0.4 #D8D8D8,
171                                    stop: 0.5 #DDDDDD, stop: 1.0 #E1E1E1);
172     }
173
174     QComboBox:on { /* shift the text when the popup opens */
175        padding-top: 3px;
176        padding-left: 4px;
177     }
178
179     QComboBox::drop-down { /* arrow part of the widget */
180        subcontrol-origin: padding;
181        subcontrol-position: top right;
182        width: 24px;
183
184        border-top-right-radius: 4px; /* same radius as the QComboBox */
185        border-bottom-right-radius: 4px;
186     }
187
188     QComboBox::down-arrow {
189        image: url(arr_down.png);
190     }
191
192     QComboBox::down-arrow:on { /* shift the arrow when popup is open */
193        top: 1px;
194        left: 1px;
195     }
196
197     QComboBox QAbstractItemView,
198     QComboBox QMenu {
199       color: black;
200       background: #bebebe;
201       border: 1px solid #888;
202       selection-background-color: #4d8e0d;
203       selection-color: white;
204     }
205
206 QTabWidget::tab-bar {
207   left: 5px; /* move to the right by 5px */
208 }
209     /* FIXME - I wish to style the horizontal line below the tabs.
210        sadly it's not QTabWidget::pane as the Qt documentation implies.
211        I got some hints that it might be YQDumbTab, but cannot figure out a selector.
212        The one below, even if empty, will break the layout.
213
214      YQDumbTab::pane { }
215      */
216
217      /* Style the tab using the tab sub-control. Note that
218          it reads QTabBar _not_ QTabWidget */
219      QTabBar::tab {
220          background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
221                                      stop: 0 #E1E1E1, stop: 0.4 #DDDDDD,
222                                      stop: 0.5 #D8D8D8, stop: 1.0 rgba(255,255,255,0));
223          border: 1px solid #C4C4C3;
224          border-bottom: none;
225          border-top-left-radius: 4px;
226          border-top-right-radius: 4px;
227          min-width: 8ex;
228          padding: 2px;
229          margin-bottom: 2px;
230      }
231
232      QTabBar::tab:selected, QTabBar::tab:hover {
233          background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
234                                      stop: 0 #fafafa, stop: 0.4 #f4f4f4,
235                                      stop: 0.5 #e7e7e7, stop: 1.0 rgba(255,255,255,0));
236      }
237
238      QTabBar::tab:selected {
239        border-width: 2px;
240        border-color: #888888;
241        border-bottom: none;
242      }
243
244      QTabBar::tab:!selected {
245          margin-top: 2px; /* make non-selected tabs look smaller */
246      }
247
248      /* make use of negative margins for overlapping tabs */
249      QTabBar::tab:selected {
250          /* expand/overlap to the left and right by 4px */
251          margin-left: -2px;
252          margin-right: -2px;
253      }
254
255      QTabBar::tab:first:selected {
256          margin-left: 0; /* the first selected tab has nothing to overlap with on the left */
257          border-left: 2px solid qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
258                                   stop: 0 #888888, stop: 1.0 rgba(128,128,128,0));
259      }
260
261      QTabBar::tab:last:selected {
262          margin-right: 0; /* the last selected tab has nothing to overlap with on the right */
263      }
264
265      QTabBar::tab:only-one {
266          margin: 0; /* if there is only one tab, we don't want overlapping margins */
267      }
268
269 #work_area QGroupBox {
270   /* Eventually I'd like to have this global. Possibly belongs to style.qss */
271   border: 0px;
272   margin-top: 2.5ex;
273   margin-left: 10px;
274 }
275
276   #work_area QGroupBox::title {
277      subcontrol-origin: margin;
278      subcontrol-position: left top;
279      font-weight: bold; color: #bbb;
280      color: #333;
281   }
282
283
284 #work_area QPushButton {
285   border: 1px solid #999999;
286   border-radius: 4px;
287   background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
288     stop: 0 #cccccc, stop: 0.8 #999999, stop: 1 #bbbbbb);
289   padding: 4px 12px;
290   color: #111111;
291   font-weight: bold;
292 }
293  
294   #work_area QPushButton:focus, #work_area QPushButton:focus:default {
295     border: 1px solid #173c10;
296   }
297
298   #work_area QPushButton:disabled,
299   #work_area QPushButton:default:disabled {
300     color: rgba(255,255,255,80);
301     border: 1px solid rgba(0,0,0,80);
302     background: none;
303   }
304
305   #work_area QPushButton:default:pressed, #work_area QPushButton:pressed {
306     border: 1px solid #0e5a00;
307     background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
308       stop: stop: 0 #4d8e0d, stop: 1 #5aa50f);
309   }
310
311   #work_area QPushButton:hover {
312     background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
313       stop: 0 #a5a5a5, stop: 0.7 #4d4d4d, stop: 1 #747474);
314     color: white;
315   }
316
317   #work_area QPushButton:default {
318     border: 1px solid #173c10;
319     color: #eee;
320     background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
321       stop: 0 #78a028, stop: 0.8 #436400, stop: 1 #436400);
322   }
323   #work_area QPushButton:default:hover {
324     background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
325       stop: 0 #76b000, stop: 0.7 #4d8e0d, stop: 1 #76b000);
326   }
327
328   /* odd dropdown button widget */
329   #work_area QPushButton::menu-indicator,
330   #work_area QPushButton::menu-indicator:pressed, 
331   QPushButton::menu-indicator:open {
332        subcontrol-origin: margin;
333        left: -7px;
334        subcontrol-position: right;
335        image: url(arr_down.png);
336   }
337
338     #work_area QPushButton:open { /* when the button has its menu open */
339        color: black;
340        background: #eeeeee;
341        border: 1px solid #dddddd;
342      }
343
344   /* button menus */
345   QPushButton QMenu {
346     border: 1px solid #888;
347     
348   }
349   QPushButton QMenu::item { 
350                  background-color: #bebebe;
351                  color: black;
352     }
353
354   QPushButton QMenu::item:selected { 
355                  background-color: #4d8e0d;
356                  color: white;
357     }
358
359 #work_area QProgressBar {
360   border: 1px solid #444;
361   border-radius: 2px;
362   text-align: center;
363   color: #000000;
364   background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
365     stop: 0 #aaaaaa, stop: 0.4 #ffffff, stop: 1 #ffffff);
366 }
367   #work_area QProgressBar:chunk {
368     background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
369       stop: 0 #7da58f, stop: 0.8 #436400, stop: 1 #78a028);
370     border: 1px solid #436400;
371   }
372
373 /* vertical sliders */
374 #work_area QScrollBar:vertical {
375   width: 16px;
376   margin: 16px 0 16px 0;
377   background-color: transparent;
378 }
379    
380   #work_area QScrollBar::handle:vertical {
381     min-height: 16px;
382     border: 1px solid #436400;
383     background-color: qlineargradient(x1: 0, y1: 0, x2: 1, y2: 0,
384       stop: 0 #7da58f, stop: 0.8 #436400, stop: 1 #78a028);
385     border-radius: 3px;
386   }
387
388   #work_area QScrollBar::add-line:vertical {
389     border: none;
390     background: transparent;
391     height: 16px;
392     subcontrol-position: bottom;
393     subcontrol-origin: margin;
394   }
395
396   #work_area QScrollBar::sub-line:vertical {
397     border: none;
398     height: 16px;
399     subcontrol-position: top;
400     subcontrol-origin: margin;
401   }
402
403   #work_area QScrollBar::up-arrow:vertical, #work_area QScrollBar::down-arrow:vertical {
404     width: 8px;
405     height: 8px;
406   }
407     #work_area QScrollBar::up-arrow:vertical { background-image: url(arr_up.png); }
408     #work_area QScrollBar::down-arrow:vertical { background-image: url(arr_down.png); }
409
410   #work_area QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {
411     background-color: transparent;
412   }
413
414 /* horizontal */
415 #work_area QScrollBar:horizontal {
416   height: 16px;
417   margin: 0 16px 0 16px;
418   background-color: transparent;
419 }
420
421   #work_area QScrollBar::handle:horizontal {
422     min-width: 16px;
423     border: 1px solid #436400;
424     background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
425       stop: 0 #7da58f, stop: 0.8 #436400, stop: 1 #78a028);
426     border-radius: 3px;
427   }
428   
429   #work_area QScrollBar::add-line:horizontal {
430     border: none;
431     background: transparent;
432     width: 16px;
433     subcontrol-position: right;
434     subcontrol-origin: margin;
435   }
436
437   #work_area QScrollBar::sub-line:horizontal {
438     border: none;
439     width: 16px;
440     subcontrol-position: left;
441     subcontrol-origin: margin;
442   }
443
444   #work_area QScrollBar::left-arrow:horizontal, #work_area QScrollBar::right-arrow:horizontal {
445     width: 8px;
446     height: 8px;
447   }
448     #work_area QScrollBar::right-arrow:horizontal { background-image: url(arr_right.png); }
449     #work_area QScrollBar::left-arrow:horizontal { background-image: url(arr_left.png); }
450
451   #work_area QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal {
452     background-color: transparent;
453   }
454
455 BusyBar {
456    qproperty-frameShape: NoShape;
457    border-width: 3px;
458    border: 2px solid yellow;
459    border-radius: 4px;
460 }
461
462 QToolTip {
463   background-color: #fffbdd;
464
465
466 .Contents YQPkgDescriptionView {
467   color: black;
468 }
469
470 QSplitter::handle {
471     image: url(separator.png);
472     height: 10px;
473 }
474
475 /* Eeeky workaround for a light rectangle betwee H and Vscrollbars. see bug #589443 */
476 QAbstractScrollArea {
477     border: 1px solid #888;
478     background-color: #eee;
479     border-radius: 5px;
480     padding: 1px;
481 }
482 QAbstractScrollArea>* {
483    border: 0;
484 }
485
486 QGroupBox {
487     border: 1px groove gray;
488     border-radius: 4px;
489     padding: 2px;
490 }
491