tests/auto/uiloader/baseline/css_qtabwidget.ui
author Alex Gilkes <alex.gilkes@nokia.com>
Mon, 11 Jan 2010 14:00:40 +0000
changeset 0 1918ee327afb
permissions -rw-r--r--
Revision: 200952

<?xml version="1.0" encoding="UTF-8"?>
<ui version="4.0">
 <class>Form</class>
 <widget class="QWidget" name="Form">
  <property name="geometry">
   <rect>
    <x>0</x>
    <y>0</y>
    <width>400</width>
    <height>300</height>
   </rect>
  </property>
  <property name="windowTitle">
   <string>Form</string>
  </property>
  <property name="styleSheet">
   <string notr="true"/>
  </property>
  <layout class="QVBoxLayout" name="verticalLayout">
   <item>
    <widget class="QTabWidget" name="tabWidget">
     <property name="styleSheet">
      <string notr="true"> QTabWidget::pane { / * The tab widget frame * /
             border-top: 2px solid #C2C7CB;
         }

         QTabWidget::tab-bar {
             left: 5px; / * move to the right by 5px * /
         }

         / * Style the tab using the tab sub-control. Note that
             it reads QTabBar _not_ QTabWidget * /
         QTabBar::tab {
             background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                         stop: 0 #E1E1E1, stop: 0.4 #DDDDDD,
                                         stop: 0.5 #D8D8D8, stop: 1.0 #D3D3D3);
             border: 2px solid #C4C4C3;
             border-bottom-color: #C2C7CB; / * same as the pane color * /
             border-top-left-radius: 4px;
             border-top-right-radius: 4px;
             min-width: 8ex;
             padding: 2px;
         }

         QTabBar::tab:selected, QTabBar::tab:hover {
             background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                         stop: 0 #fafafa, stop: 0.4 #f4f4f4,
                                         stop: 0.5 #e7e7e7, stop: 1.0 #fafafa);
         }

         QTabBar::tab:selected {
             border-color: #9B9B9B;
             border-bottom-color: #C2C7CB; / * same as pane color * /
         }

         QTabBar::tab:!selected {
             margin-top: 2px; / * make non-selected tabs look smaller * /
         }


</string>
     </property>
     <property name="currentIndex">
      <number>1</number>
     </property>
     <widget class="QWidget" name="tab">
      <attribute name="title">
       <string>Tab 1</string>
      </attribute>
     </widget>
     <widget class="QWidget" name="tab_3">
      <attribute name="title">
       <string>Tab 2</string>
      </attribute>
     </widget>
     <widget class="QWidget" name="tab_2">
      <attribute name="title">
       <string/>
      </attribute>
     </widget>
    </widget>
   </item>
   <item>
    <widget class="QTabWidget" name="tabWidget_2">
     <property name="styleSheet">
      <string notr="true">QTabWidget::pane { / * The tab widget frame * /
             border-top: 2px solid #C2C7CB;
         }

         QTabWidget::tab-bar {
             left: 5px; / * move to the right by 5px * /
         }

         / * Style the tab using the tab sub-control. Note that
             it reads QTabBar _not_ QTabWidget * /
         QTabBar::tab {
             background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                         stop: 0 #E1E1E1, stop: 0.4 #DDDDDD,
                                         stop: 0.5 #D8D8D8, stop: 1.0 #D3D3D3);
             border: 2px solid #C4C4C3;
             border-bottom-color: #C2C7CB; / * same as the pane color * /
             border-top-left-radius: 4px;
             border-top-right-radius: 4px;
             min-width: 8ex;
             padding: 2px;
         }

         QTabBar::tab:selected, QTabBar::tab:hover {
             background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                         stop: 0 #fafafa, stop: 0.4 #f4f4f4,
                                         stop: 0.5 #e7e7e7, stop: 1.0 #fafafa);
         }

         QTabBar::tab:selected {
             border-color: #9B9B9B;
             border-bottom-color: #C2C7CB; / * same as pane color * /
         }

         QTabBar::tab:!selected {
             margin-top: 2px; / * make non-selected tabs look smaller * /
         }

         / * make use of negative margins for overlapping tabs * /
         QTabBar::tab:selected {
             / * expand/overlap to the left and right by 4px * /
             margin-left: -4px;
             margin-right: -4px;
         }

         QTabBar::tab:first:selected {
             margin-left: 0; / * the first selected tab has nothing to overlap with on the left * /
         }

         QTabBar::tab:last:selected {
             margin-right: 0; / * the last selected tab has nothing to overlap with on the right * /
         }

         QTabBar::tab:only-one {
             margin: 0; / * if there is only one tab, we don't want overlapping margins * /
         }</string>
     </property>
     <property name="currentIndex">
      <number>1</number>
     </property>
     <widget class="QWidget" name="tab_4">
      <attribute name="title">
       <string>Tab 1</string>
      </attribute>
     </widget>
     <widget class="QWidget" name="tab_7">
      <attribute name="title">
       <string>Tab 2</string>
      </attribute>
     </widget>
     <widget class="QWidget" name="tab_5">
      <attribute name="title">
       <string/>
      </attribute>
     </widget>
    </widget>
   </item>
   <item>
    <widget class="QTabWidget" name="tabWidget_3">
     <property name="styleSheet">
      <string notr="true"> QTabWidget::pane { / * The tab widget frame * /
             border-top: 2px solid #C2C7CB;
             position: absolute;
             top: -0.5em;
         }

         QTabWidget::tab-bar {
             alignment: center;
         }

         / * Style the tab using the tab sub-control. Note that
             it reads QTabBar _not_ QTabWidget * /
         QTabBar::tab {
             background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                         stop: 0 #E1E1E1, stop: 0.4 #DDDDDD,
                                         stop: 0.5 #D8D8D8, stop: 1.0 #D3D3D3);
             border: 2px solid #C4C4C3;
             border-bottom-color: #C2C7CB; / * same as the pane color * /
             border-top-left-radius: 4px;
             border-top-right-radius: 4px;
             min-width: 8ex;
             padding: 2px;
         }

         QTabBar::tab:selected, QTabBar::tab:hover {
             background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                         stop: 0 #fafafa, stop: 0.4 #f4f4f4,
                                         stop: 0.5 #e7e7e7, stop: 1.0 #fafafa);
         }

         QTabBar::tab:selected {
             border-color: #9B9B9B;
             border-bottom-color: #C2C7CB; / * same as pane color * /
         }</string>
     </property>
     <property name="currentIndex">
      <number>1</number>
     </property>
     <widget class="QWidget" name="tab_6">
      <attribute name="title">
       <string>Tab 1</string>
      </attribute>
     </widget>
     <widget class="QWidget" name="tab_9">
      <attribute name="title">
       <string>Tab 2</string>
      </attribute>
     </widget>
     <widget class="QWidget" name="tab_8">
      <attribute name="title">
       <string/>
      </attribute>
     </widget>
    </widget>
   </item>
  </layout>
 </widget>
 <resources/>
 <connections/>
</ui>