GTNPORTAL-2864: add image for the responsive skin to the change skin …

…selector.
gatein · Apr 3, 2013 · 1f31e15 · 1f31e15
1 parent 42cbddd
commit 1f31e15
Show file tree

Hide file tree

Showing 3 changed files with 71 additions and 62 deletions.
diff --git a/...app/skin/DefaultSkin/portal/webui/component/customization/UIChangeSkinForm/Stylesheet.css b/...app/skin/DefaultSkin/portal/webui/component/customization/UIChangeSkinForm/Stylesheet.css
@@ -17,68 +17,76 @@
  * 02110-1301 USA, or see the FSF site: http://www.fsf.org.
  */
 
-.UIChangeSkinForm {	
-}
-
-.UIChangeSkinForm .UIItemSelector .RightColumnStyle .ItemListContainer {
-	float: left; /* orientation=lt */
-	float: right; /* orientation=rt */
-	width: 175px; 
-}
-
-.UIChangeSkinForm .UIItemSelector .RightColumnStyle .ItemDetailList {
-	margin: 0px 0px 0px 180px; /* orientation=lt */
-	margin: 0px 180px 0px 0px; /* orientation=rt */
-	padding: 0px; 
-}
-
-.UIChangeSkinForm .UIItemSelector .ItemDetail .TemplateContainer {
-	padding-top: 13px; 
-}
-
-.UIChangeSkinForm .UIItemSelector .TemplateContainer .DefaultImage {
-	margin: auto; 
-	width: 329px; height:204px; 
-	background: url('background/ChangeSkinForm.jpg') no-repeat top; 
-	cursor: pointer ; 
-}
-
-.UIChangeSkinForm .UIItemSelector .TemplateContainer .MacImage {
-	margin: auto; 
-	width: 329px; height: 204px; 
-	background: url('background/ChangeSkinForm.jpg') no-repeat center -209px; 
-	cursor: pointer ; 
-}
-
+.UIChangeSkinForm {	
+}
+
+.UIChangeSkinForm .UIItemSelector .RightColumnStyle .ItemListContainer {
+	float: left; /* orientation=lt */
+	float: right; /* orientation=rt */
+	width: 175px; 
+}
+
+.UIChangeSkinForm .UIItemSelector .RightColumnStyle .ItemDetailList {
+	margin: 0px 0px 0px 180px; /* orientation=lt */
+	margin: 0px 180px 0px 0px; /* orientation=rt */
+	padding: 0px; 
+}
+
+.UIChangeSkinForm .UIItemSelector .ItemDetail .TemplateContainer {
+	padding-top: 13px; 
+}
+
+.UIChangeSkinForm .UIItemSelector .TemplateContainer .DefaultImage {
+	margin: auto; 
+	width: 329px; height:204px; 
+	background: url('background/ChangeSkinForm.jpg') no-repeat top; 
+	cursor: pointer ; 
+}
+
+.UIChangeSkinForm .UIItemSelector .TemplateContainer .MacImage {
+	margin: auto; 
+	width: 329px; height: 204px; 
+	background: url('background/ChangeSkinForm.jpg') no-repeat center -209px; 
+	cursor: pointer ; 
+}
+
 .UIChangeSkinForm .UIItemSelector .TemplateContainer .VistaImage {
-	margin: auto; 
-	width: 329px; height: 204px; 
-	background: url('background/ChangeSkinForm.jpg') no-repeat center -406px; 
-	cursor: pointer ; 
-}
-
+	margin: auto; 
+	width: 329px; height: 204px; 
+	background: url('background/ChangeSkinForm.jpg') no-repeat center -406px; 
+	cursor: pointer ; 
+}
+
 .UIChangeSkinForm .UIItemSelector .TemplateContainer .SimpleSkinImage {
-	margin: auto; 
-	width: 329px; height: 204px; 
-	background: url('background/ChangeSkinForm.jpg') no-repeat center -615px; 
-	cursor: pointer ; 
+	margin: auto; 
+	width: 329px; height: 204px; 
+	background: url('background/ChangeSkinForm.jpg') no-repeat center -615px; 
+	cursor: pointer ; 
+}
+
+.UIChangeSkinForm .UIItemSelector .TemplateContainer .ResponsiveSkinImage {
+        margin: auto;
+        width: auto;
+        height: 204px;
+        background: url('background/ChangeSkinResponsive.png') no-repeat center;
+        background-size: 275px auto; 
+        cursor: pointer;
+}
+
+.UIChangeSkinForm .UIItemSelector .ItemListContainer .ItemList {
+	background: white url('background/ItemListBg167x127.gif') no-repeat bottom ; 
+}
+
+.UIChangeSkinForm .UITabPane .TabPaneContent .UITabContentContainer { 
+	border: 1px solid #d4d4d4; 
+	border-top: none; 
+}
+
+.UIChangeSkinForm .UITabPane .UITabContentContainer .UITabContent {
+	border: 1px solid white; 
+	border-top: none; 
+}
+
+.UIChangeSkinForm .UITabPane .TabPaneContent {
+	padding: 0px; 
 }
-
-
-.UIChangeSkinForm .UIItemSelector .ItemListContainer .ItemList {
-	background: white url('background/ItemListBg167x127.gif') no-repeat bottom ; 
-}
-
-.UIChangeSkinForm .UITabPane .TabPaneContent .UITabContentContainer { 
-	border: 1px solid #d4d4d4; 
-	border-top: none; 
-}
-
-.UIChangeSkinForm .UITabPane .UITabContentContainer .UITabContent {
-	border: 1px solid white; 
-	border-top: none; 
-}
-
-.UIChangeSkinForm .UITabPane .TabPaneContent {
-	padding: 0px; 
-}
diff --git a/...ui/component/customization/UIChangeSkinForm/background/ChangeSkinResponsive.png b/...ui/component/customization/UIChangeSkinForm/background/ChangeSkinResponsive.png
diff --git a/web/portal/src/main/resources/locale/portal/webui_en.properties b/web/portal/src/main/resources/locale/portal/webui_en.properties
@@ -193,6 +193,7 @@ UIChangeSkin.title.SkinSetting=Skin Setting
 UIChangeSkin.Default.label=Default Style Skin
 UIChangeSkin.Mac.label=Mac Style Skin
 UIChangeSkin.Vista.label=Vista Style Skin
+UIChangeSkin.ResponsiveSkin.label=Responsive Skin
 Skin.title=Skins List
 Skin.left.title=View and select a skin