Updates default stylesheet and demo app

AdvancedDockingSystem/include/ads/ContainerWidget.h

@@ -22,7 +22,7 @@ class InternalContentData;
 
 /*!
  * ContainerWidget is the main container to provide the docking
- * functionality. It manages mulitple Sections and all possible areas.
+ * functionality. It manages multiple sections with all possible areas.
  */
 class ADS_EXPORT_API ContainerWidget : public QFrame
 {
@@ -130,7 +130,7 @@ signals:
 	/*!
 	 * Emits whenever the "isActiveTab" state of a SectionContent changes.
 	 * Whenever the users sets another tab as active, this signal gets invoked
-	 * for the old now inactive tab and the new active tab (the order is unspecified).
+	 * for the old tab and the new active tab (the order is unspecified).
 	 */
 	void activeTabChanged(const SectionContent::RefPtr& sc, bool active);
 

AdvancedDockingSystem/res/ads.qrc

@@ -14,5 +14,6 @@
         <file>img/splitter-vertical.png</file>
         <file>stylesheets/default-windows.css</file>
         <file>stylesheets/vendor-partsolutions.css</file>
+        <file>stylesheets/modern-windows.css</file>
     </qresource>
 </RCC>

AdvancedDockingSystem/res/stylesheets/default-windows.css

@@ -3,28 +3,69 @@
  * Note: Always use CSS-classes with and without "ads--" namespace to support Qt4 & Qt5
  */
 
-QSplitter::handle {
+ads--ContainerWidget,
+ContainerWidget
+{
 	background: palette(dark);
 }
 
-ads--ContainerWidget, ContainerWidget {
+ads--ContainerWidget QSplitter::handle,
+ContainerWidget QSplitter::handle
+{
 	background: palette(dark);
 }
 
-ads--SectionWidget, SectionWidget {
+ads--SectionWidget,
+SectionWidget
+{
 	background: palette(window);
-}
-
-ads--SectionTitleWidget, SectionTitleWidget {
-	background: palette(window);
-	border-right: 1px solid palette(light);
-	padding: 9px;
-}
-
-ads--SectionTitleWidget[activeTab="true"], SectionTitleWidget[activeTab="true"] {
-	background: palette(light);
-}
-
-ads--SectionContentWidget, SectionContentWidget {
 	border: 1px solid palette(light);
 }
+
+ads--SectionTitleWidget,
+SectionTitleWidget
+{
+	background: palette(window);
+	border-color: palette(light);
+	border-style: solid;
+	border-width: 0 1px 0 0;
+	padding: 0 9px;
+}
+
+ads--SectionTitleWidget[activeTab="true"],
+SectionTitleWidget[activeTab="true"]
+{
+/*	background: palette(light);*/
+/*	background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(255, 255, 255, 255), stop:1 rgba(240, 240, 240, 255));*/
+	background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:0.5, stop:0 palette(window), stop:1 palette(light));
+}
+
+ads--SectionContentWidget,
+SectionContentWidget
+{
+	background: palette(light);
+	border-color: palette(light);
+	border-style: solid;
+	border-width: 1px 0 0 0;
+}
+
+/* Special: QLabels inside SectionTitleWidget
+*/
+ads--SectionTitleWidget QLabel,
+SectionTitleWidget QLabel
+{
+	color: palette(dark);
+}
+ads--SectionTitleWidget[activeTab="true"] QLabel,
+SectionTitleWidget[activeTab="true"] QLabel
+{
+	color: palette(foreground);
+}
+
+/* Special: QLabels inside SectionTitleWidget, which is floating
+*/
+ads--FloatingWidget ads--SectionTitleWidget QLabel,
+FloatingWidget SectionTitleWidget QLabel
+{
+	color: palette(foreground);
+}

AdvancedDockingSystem/res/stylesheets/modern-windows.css

@@ -0,0 +1,35 @@
+QSplitter::handle {
+	background: palette(light);
+}
+
+ads--ContainerWidget, ContainerWidget {
+	background: palette(light);
+}
+
+ads--SectionWidget, SectionWidget {
+	background: palette(light);
+}
+
+ads--SectionTitleWidget, SectionTitleWidget {
+	background: #ffffff;
+}
+ads--SectionTitleWidget QLabel, SectionTitleWidget QLabel {
+	color: #000000;
+}
+
+ads--SectionTitleWidget[activeTab="true"], SectionTitleWidget[activeTab="true"] {
+	background: #000000;
+	border-right: 1px solid #000000;
+	padding: 9px;
+}
+ads--SectionTitleWidget[activeTab="true"] QLabel, SectionTitleWidget[activeTab="true"] QLabel {
+	color: #ffffff;
+}
+
+ads--SectionContentWidget, SectionContentWidget {
+	border: 1px solid #000000;
+}
+
+QAbstractItemView {
+	border: 0;
+}