From: Jouni Koivuviita <jouni.koivuviita@itmill.com>
Date: Fri, 12 Sep 2008 13:33:17 +0000 (+0000)
Subject: Default panel theme CSS simplified, now it should be easier to override the default... 
X-Git-Tag: 6.7.0.beta1~4172
X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=643744348f4c72acc99cc051db5332892b6a8818;p=vaadin-framework.git

Default panel theme CSS simplified, now it should be easier to override the default theme. May cause some minor custom theme anomalies, but they are easy to fix.

svn changeset:5393/svn branch:trunk
---

diff --git a/WebContent/ITMILL/themes/default/panel/img/top-right.png b/WebContent/ITMILL/themes/default/panel/img/top-right.png
index 9fc0f86635..e981d430ce 100644
Binary files a/WebContent/ITMILL/themes/default/panel/img/top-right.png and b/WebContent/ITMILL/themes/default/panel/img/top-right.png differ
diff --git a/WebContent/ITMILL/themes/default/panel/panel.css b/WebContent/ITMILL/themes/default/panel/panel.css
index bb1bb305d3..89eccaf70e 100644
--- a/WebContent/ITMILL/themes/default/panel/panel.css
+++ b/WebContent/ITMILL/themes/default/panel/panel.css
@@ -13,13 +13,6 @@
 .i-panel {
 	background: transparent url(img/top-left.png) no-repeat;
 }
-.i-panel:before {
-	display: block;
-	content: "";
-	background: transparent url(img/top-right.png) repeat-x right top;
-	height: 9px;
-	margin-left: 9px;
-}
 
 .i-panel-caption .i-errorindicator {
 	float: none;
@@ -40,35 +33,21 @@
 	color: #f14c1a;
 	white-space: nowrap;
 	height: 18px;
-	padding: 6px 18px 14px 18px;
-	border: 1px solid #babfc0;
-	border-top: none;
-	background: #fff;
+	padding: 15px 18px 14px 8px;
+	margin-left: 10px;
+	background: transparent url(img/top-right.png) no-repeat right top;
 	overflow:hidden;
 }
 
 .i-panel-nocaption {
 	height: 9px;
-	border-bottom: 1px solid #dee2e3;
-}
-
-.i-panel-caption:before,
-.i-panel-nocaption:before {
-	display: block;
-	content: "";
-	position: relative;
-	width: 9px;
-	height: 9px;
-	margin: -15px 0 5px -19px;
-}
-
-.i-panel-nocaption:before {
-	margin: -9px 0 0 0;
+	margin-left: 10px;
+	background: transparent url(img/top-right.png) no-repeat right top;
+	overflow: hidden;
 }
 
 .i-panel-content {
 	border: 1px solid #babfc0;
-	border-top: none;
 	border-bottom: 1px solid #dee2e3;
 	background-color: #fff;
 	overflow: auto;
@@ -96,35 +75,20 @@
 
 /* Light panel style */
 
-.i-panel-light {
-	background: transparent;
-}
-.i-panel-light:before {
-	display: none;
-}
-
+.i-panel-light,
 .i-panel-caption-light {
-	border-left: none;
-	border-right: none;
 	background: transparent;
-	padding-top: 14px;
-	overflow: hidden;
-}
-
-.i-panel-caption-light:before,
-.i-panel-nocaption-light:before {
-	display: none;
 }
 
 .i-panel-nocaption-light {
-	height: 1px;
-	background: #babfc0;
-	overflow: hidden;
-	border: none;
+	background: transparent;
+	height: 0;
+	margin: 0;
 }
 
 .i-panel-content-light {
 	border: none;
+	border-top: 1px solid #babfc0;
 	background: transparent;
 }
 
@@ -137,16 +101,6 @@
 
 
 
-/* Light panel contained within another panel or a tabsheet */
-
-.i-panel .i-panel-caption-light,
-.i-tabsheet .i-panel-caption-light {
-	margin-top: -1px;
-	padding-top: 14px;
-	border-top: 1px solid #babfc0;
-}
-
-
 
 
 
@@ -155,22 +109,26 @@
  * apply them if they are grouped together 
  * (it doesn't recognize the '+' selector).
 */
+* html .i-panel {
+	background: transparent;
+}
 * html .i-panel-caption {
 	border: 1px solid #babfc0;
-	padding-top: 14px;
+	border-bottom: none;
+	background: #fff;
+	margin: 0;
+	padding-left: 18px
 }
-*+html .i-panel-caption {
-	border: 1px solid #babfc0;
-	padding-top: 14px;
+* html .i-panel-nocaption {
+	border: none;
+	background: transparent;
+	margin: 0;
+	height: 0;
 }
 
 * html .i-panel-caption-light {
-	border-left: none;
-	border-right: none;
-}
-*+html .i-panel-caption-light {
-	border-left: none;
-	border-right: none;
+	border: none;
+	background: transparent;
 }
 
 * html .i-panel-content {
@@ -194,18 +152,4 @@
 *+html .i-panel-deco {
 	height: 0;
 	overflow: hidden;
-}
-
-/* Without caption */
-* html .i-panel-nocaption {
-	height: 1px;
-	overflow: hidden;
-	background: #c1c6cc;
-	border: none;
-}
-*+html .i-panel-nocaption {
-	height: 1px;
-	overflow: hidden;
-	background: #c1c6cc;
-	border: none;
 }
\ No newline at end of file