Merge remote-tracking branch 'origin/develop' into tizen

* origin/develop:
  PROJTEMP : Update "modifyStyle" function.
  Merge remote-tracking branch 'origin/nscreen' into develop

Change-Id: I2cdcbb6cf0d84e165affac5552f46f0b20fdc13c
Signed-off-by: yonghwan82.jeon <yonghwan82.jeon@samsung.com>

diff --git a/templates/Template/Tizen Web UI Builder/1.EmptyProject/project/tizen-ui-builder-tool/res/html/ground.js b/templates/Template/Tizen Web UI Builder/1.EmptyProject/project/tizen-ui-builder-tool/res/html/ground.js
index 8550cdc..67663a5 100644 (file)
--- a/templates/Template/Tizen Web UI Builder/1.EmptyProject/project/tizen-ui-builder-tool/res/html/ground.js
+++ b/templates/Template/Tizen Web UI Builder/1.EmptyProject/project/tizen-ui-builder-tool/res/html/ground.js
@@ -474,6 +474,6 @@ function getSelectedElementRect(id, tags, indexes) {
 
 }
 
-function modifyStyle(selector, key, value) {
-       $(selector).css(key,value);
+function modifyStyle(style) {
+       document.getElementById('modified_style').innerHTML = style;
 }

diff --git a/templates/Template/Tizen Web UI Builder/1.EmptyProject/project/tizen-ui-builder-tool/res/xslt/page_managed_css_ver0_0_3.xslt b/templates/Template/Tizen Web UI Builder/1.EmptyProject/project/tizen-ui-builder-tool/res/xslt/page_managed_css_ver0_0_3.xslt
index 73f7c02..ba9a78d 100644 (file)
--- a/templates/Template/Tizen Web UI Builder/1.EmptyProject/project/tizen-ui-builder-tool/res/xslt/page_managed_css_ver0_0_3.xslt
+++ b/templates/Template/Tizen Web UI Builder/1.EmptyProject/project/tizen-ui-builder-tool/res/xslt/page_managed_css_ver0_0_3.xslt
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="utf-8" ?>
-<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
+<xsl:stylesheet version="1.0"
+       xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
        <xsl:output method="text" encoding="utf-8" indent="yes" />
 
        <xsl:variable name="tab">
@@ -25,17 +26,89 @@
        <xsl:template match="tizen.nscreen">
 
                <xsl:for-each select="screen">
-                       <xsl:sort select="@width" order="ascending" data-type="number" />
-                       <xsl:choose>
-                               <xsl:when test="@width='0'">
-@import url("<xsl:value-of select="@cssFileName" />");
-                               </xsl:when>
-                               <xsl:otherwise>
-@import url("<xsl:value-of select="@cssFileName" />") screen and (min-device-width:<xsl:value-of select="@minWidth" />px) and (max-device-width:<xsl:value-of select="@width" />px);
-                               </xsl:otherwise>
-                       </xsl:choose>
-               </xsl:for-each>
+                       <!--  xsl:sort select="width" order="descending" data-type="number" / -->
 
-       </xsl:template>
+                               <xsl:variable name="nscreen-name"><xsl:value-of select="@name" /></xsl:variable>
+
+                               <xsl:variable name='device-width'>
+                                       <xsl:choose>
+                                               <xsl:when test="string(@device-width) = '' or string(@device-width) = '0'"></xsl:when>
+                                               <xsl:otherwise> and (device-width:<xsl:value-of select="@device-width" />px)</xsl:otherwise>
+                                       </xsl:choose>
+                               </xsl:variable>
+                               
+                               <xsl:variable name='device-height'>
+                                       <xsl:choose>
+                                               <xsl:when test='string(@device-height) = "" or string(@device-height) = "0"'></xsl:when>
+                                               <xsl:otherwise> and (device-height:<xsl:value-of select="@device-height" />px)</xsl:otherwise>
+                                       </xsl:choose>
+                               </xsl:variable>
+
+                               <xsl:variable name='color'>
+                                       <xsl:choose>
+                                               <xsl:when test='string(@color) = ""'></xsl:when>
+                                               <xsl:otherwise> and (color:<xsl:value-of select="@color" />)</xsl:otherwise>
+                                       </xsl:choose>
+                               </xsl:variable>
 
-</xsl:stylesheet>
+                               <xsl:variable name='color-index'>
+                                       <xsl:choose>
+                                               <xsl:when test='string(@color-index) = ""'></xsl:when>
+                                               <xsl:otherwise> and (color-index:<xsl:value-of select="@color-index" />)</xsl:otherwise>
+                                       </xsl:choose>
+                               </xsl:variable>
+                               
+                               <xsl:variable name='orientation'>
+                                       <xsl:choose>
+                                               <xsl:when test='string(@orientation) = ""'></xsl:when>
+                                               <xsl:otherwise> and (orientation:<xsl:value-of select="@orientation" />)</xsl:otherwise>
+                                       </xsl:choose>
+                               </xsl:variable>
+                               
+                               <xsl:variable name='monochrome'>
+                                       <xsl:choose>
+                                               <xsl:when test='string(@monochrome) = ""'></xsl:when>
+                                               <xsl:otherwise> and (monochrome:<xsl:value-of select="@monochrome" />)</xsl:otherwise>
+                                       </xsl:choose>
+                               </xsl:variable>
+                               
+                               <xsl:variable name='resolution'>
+                                       <xsl:choose>
+                                               <xsl:when test='string(@resolution) = ""'></xsl:when>
+                                               <xsl:otherwise> and (resolution:<xsl:value-of select="@resolution" />)</xsl:otherwise>
+                                       </xsl:choose>
+                               </xsl:variable>
+                               
+                               <xsl:variable name='scan'>
+                                       <xsl:choose>
+                                               <xsl:when test='string(@scan) = ""'></xsl:when>
+                                               <xsl:otherwise> and (scan:<xsl:value-of select="@scan" />)</xsl:otherwise>
+                                       </xsl:choose>
+                               </xsl:variable>
+
+                               <xsl:variable name='grid'>
+                                       <xsl:choose>
+                                               <xsl:when test='string(@grid) = "true"'> and (grid)</xsl:when>
+                                               <xsl:otherwise></xsl:otherwise>
+                                       </xsl:choose>
+                               </xsl:variable>
+                               
+                               <xsl:variable name='devicePixelRatio'>
+                                       <xsl:choose>
+                                               <xsl:when test='string(@devicePixelRatio) = ""'></xsl:when>
+                                               <xsl:otherwise> and (-webkit-min-device-pixel-ratio:<xsl:value-of select="@devicePixelRatio" />)</xsl:otherwise>
+                                       </xsl:choose>
+                               </xsl:variable>
+                               
+                               <xsl:for-each select="enablePage">
+                                       <xsl:choose>
+                                               <xsl:when test='string(@enable) = "true"'>
+<xsl:value-of select="$newline"/>/* nscreen Name : <xsl:value-of select="$nscreen-name"/>, page name : <xsl:value-of select="@name"/> */
+@import url (" <xsl:value-of select="@name"/>_<xsl:copy-of select="$nscreen-name" />.css") screen<xsl:copy-of select="$device-width" /><xsl:copy-of select="$device-height" /><xsl:copy-of select="$color" /><xsl:copy-of select="$color-index" /><xsl:copy-of select="$orientation" /><xsl:copy-of select="$monochrome" /><xsl:copy-of select="$resolution" /><xsl:copy-of select="$scan" /><xsl:copy-of select="$grid" /><xsl:copy-of select="$devicePixelRatio" />;<xsl:value-of select="$newline"/>
+                                               </xsl:when>
+                                               <xsl:otherwise></xsl:otherwise>
+                                       </xsl:choose>
+                               </xsl:for-each>
+               </xsl:for-each>
+       </xsl:template>
+</xsl:stylesheet>
\ No newline at end of file

diff --git a/templates/Template/Tizen Web UI Builder/2.SinglePageProject/project/tizen-ui-builder-tool/res/html/ground.js b/templates/Template/Tizen Web UI Builder/2.SinglePageProject/project/tizen-ui-builder-tool/res/html/ground.js
index 8550cdc..67663a5 100644 (file)
--- a/templates/Template/Tizen Web UI Builder/2.SinglePageProject/project/tizen-ui-builder-tool/res/html/ground.js
+++ b/templates/Template/Tizen Web UI Builder/2.SinglePageProject/project/tizen-ui-builder-tool/res/html/ground.js
@@ -474,6 +474,6 @@ function getSelectedElementRect(id, tags, indexes) {
 
 }
 
-function modifyStyle(selector, key, value) {
-       $(selector).css(key,value);
+function modifyStyle(style) {
+       document.getElementById('modified_style').innerHTML = style;
 }

diff --git a/templates/Template/Tizen Web UI Builder/2.SinglePageProject/project/tizen-ui-builder-tool/res/xslt/page_managed_css_ver0_0_3.xslt b/templates/Template/Tizen Web UI Builder/2.SinglePageProject/project/tizen-ui-builder-tool/res/xslt/page_managed_css_ver0_0_3.xslt
index 73f7c02..ba9a78d 100644 (file)
--- a/templates/Template/Tizen Web UI Builder/2.SinglePageProject/project/tizen-ui-builder-tool/res/xslt/page_managed_css_ver0_0_3.xslt
+++ b/templates/Template/Tizen Web UI Builder/2.SinglePageProject/project/tizen-ui-builder-tool/res/xslt/page_managed_css_ver0_0_3.xslt
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="utf-8" ?>
-<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
+<xsl:stylesheet version="1.0"
+       xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
        <xsl:output method="text" encoding="utf-8" indent="yes" />
 
        <xsl:variable name="tab">
@@ -25,17 +26,89 @@
        <xsl:template match="tizen.nscreen">
 
                <xsl:for-each select="screen">
-                       <xsl:sort select="@width" order="ascending" data-type="number" />
-                       <xsl:choose>
-                               <xsl:when test="@width='0'">
-@import url("<xsl:value-of select="@cssFileName" />");
-                               </xsl:when>
-                               <xsl:otherwise>
-@import url("<xsl:value-of select="@cssFileName" />") screen and (min-device-width:<xsl:value-of select="@minWidth" />px) and (max-device-width:<xsl:value-of select="@width" />px);
-                               </xsl:otherwise>
-                       </xsl:choose>
-               </xsl:for-each>
+                       <!--  xsl:sort select="width" order="descending" data-type="number" / -->
 
-       </xsl:template>
+                               <xsl:variable name="nscreen-name"><xsl:value-of select="@name" /></xsl:variable>
+
+                               <xsl:variable name='device-width'>
+                                       <xsl:choose>
+                                               <xsl:when test="string(@device-width) = '' or string(@device-width) = '0'"></xsl:when>
+                                               <xsl:otherwise> and (device-width:<xsl:value-of select="@device-width" />px)</xsl:otherwise>
+                                       </xsl:choose>
+                               </xsl:variable>
+                               
+                               <xsl:variable name='device-height'>
+                                       <xsl:choose>
+                                               <xsl:when test='string(@device-height) = "" or string(@device-height) = "0"'></xsl:when>
+                                               <xsl:otherwise> and (device-height:<xsl:value-of select="@device-height" />px)</xsl:otherwise>
+                                       </xsl:choose>
+                               </xsl:variable>
+
+                               <xsl:variable name='color'>
+                                       <xsl:choose>
+                                               <xsl:when test='string(@color) = ""'></xsl:when>
+                                               <xsl:otherwise> and (color:<xsl:value-of select="@color" />)</xsl:otherwise>
+                                       </xsl:choose>
+                               </xsl:variable>
 
-</xsl:stylesheet>
+                               <xsl:variable name='color-index'>
+                                       <xsl:choose>
+                                               <xsl:when test='string(@color-index) = ""'></xsl:when>
+                                               <xsl:otherwise> and (color-index:<xsl:value-of select="@color-index" />)</xsl:otherwise>
+                                       </xsl:choose>
+                               </xsl:variable>
+                               
+                               <xsl:variable name='orientation'>
+                                       <xsl:choose>
+                                               <xsl:when test='string(@orientation) = ""'></xsl:when>
+                                               <xsl:otherwise> and (orientation:<xsl:value-of select="@orientation" />)</xsl:otherwise>
+                                       </xsl:choose>
+                               </xsl:variable>
+                               
+                               <xsl:variable name='monochrome'>
+                                       <xsl:choose>
+                                               <xsl:when test='string(@monochrome) = ""'></xsl:when>
+                                               <xsl:otherwise> and (monochrome:<xsl:value-of select="@monochrome" />)</xsl:otherwise>
+                                       </xsl:choose>
+                               </xsl:variable>
+                               
+                               <xsl:variable name='resolution'>
+                                       <xsl:choose>
+                                               <xsl:when test='string(@resolution) = ""'></xsl:when>
+                                               <xsl:otherwise> and (resolution:<xsl:value-of select="@resolution" />)</xsl:otherwise>
+                                       </xsl:choose>
+                               </xsl:variable>
+                               
+                               <xsl:variable name='scan'>
+                                       <xsl:choose>
+                                               <xsl:when test='string(@scan) = ""'></xsl:when>
+                                               <xsl:otherwise> and (scan:<xsl:value-of select="@scan" />)</xsl:otherwise>
+                                       </xsl:choose>
+                               </xsl:variable>
+
+                               <xsl:variable name='grid'>
+                                       <xsl:choose>
+                                               <xsl:when test='string(@grid) = "true"'> and (grid)</xsl:when>
+                                               <xsl:otherwise></xsl:otherwise>
+                                       </xsl:choose>
+                               </xsl:variable>
+                               
+                               <xsl:variable name='devicePixelRatio'>
+                                       <xsl:choose>
+                                               <xsl:when test='string(@devicePixelRatio) = ""'></xsl:when>
+                                               <xsl:otherwise> and (-webkit-min-device-pixel-ratio:<xsl:value-of select="@devicePixelRatio" />)</xsl:otherwise>
+                                       </xsl:choose>
+                               </xsl:variable>
+                               
+                               <xsl:for-each select="enablePage">
+                                       <xsl:choose>
+                                               <xsl:when test='string(@enable) = "true"'>
+<xsl:value-of select="$newline"/>/* nscreen Name : <xsl:value-of select="$nscreen-name"/>, page name : <xsl:value-of select="@name"/> */
+@import url (" <xsl:value-of select="@name"/>_<xsl:copy-of select="$nscreen-name" />.css") screen<xsl:copy-of select="$device-width" /><xsl:copy-of select="$device-height" /><xsl:copy-of select="$color" /><xsl:copy-of select="$color-index" /><xsl:copy-of select="$orientation" /><xsl:copy-of select="$monochrome" /><xsl:copy-of select="$resolution" /><xsl:copy-of select="$scan" /><xsl:copy-of select="$grid" /><xsl:copy-of select="$devicePixelRatio" />;<xsl:value-of select="$newline"/>
+                                               </xsl:when>
+                                               <xsl:otherwise></xsl:otherwise>
+                                       </xsl:choose>
+                               </xsl:for-each>
+               </xsl:for-each>
+       </xsl:template>
+</xsl:stylesheet>
\ No newline at end of file

diff --git a/templates/Template/Tizen Web UI Builder/3.MultiPageProject/project/tizen-ui-builder-tool/res/html/ground.js b/templates/Template/Tizen Web UI Builder/3.MultiPageProject/project/tizen-ui-builder-tool/res/html/ground.js
index 8550cdc..67663a5 100644 (file)
--- a/templates/Template/Tizen Web UI Builder/3.MultiPageProject/project/tizen-ui-builder-tool/res/html/ground.js
+++ b/templates/Template/Tizen Web UI Builder/3.MultiPageProject/project/tizen-ui-builder-tool/res/html/ground.js
@@ -474,6 +474,6 @@ function getSelectedElementRect(id, tags, indexes) {
 
 }
 
-function modifyStyle(selector, key, value) {
-       $(selector).css(key,value);
+function modifyStyle(style) {
+       document.getElementById('modified_style').innerHTML = style;
 }

diff --git a/templates/Template/Tizen Web UI Builder/3.MultiPageProject/project/tizen-ui-builder-tool/res/xslt/page_managed_css_ver0_0_3.xslt b/templates/Template/Tizen Web UI Builder/3.MultiPageProject/project/tizen-ui-builder-tool/res/xslt/page_managed_css_ver0_0_3.xslt
index 73f7c02..ba9a78d 100644 (file)
--- a/templates/Template/Tizen Web UI Builder/3.MultiPageProject/project/tizen-ui-builder-tool/res/xslt/page_managed_css_ver0_0_3.xslt
+++ b/templates/Template/Tizen Web UI Builder/3.MultiPageProject/project/tizen-ui-builder-tool/res/xslt/page_managed_css_ver0_0_3.xslt
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="utf-8" ?>
-<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
+<xsl:stylesheet version="1.0"
+       xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
        <xsl:output method="text" encoding="utf-8" indent="yes" />
 
        <xsl:variable name="tab">
@@ -25,17 +26,89 @@
        <xsl:template match="tizen.nscreen">
 
                <xsl:for-each select="screen">
-                       <xsl:sort select="@width" order="ascending" data-type="number" />
-                       <xsl:choose>
-                               <xsl:when test="@width='0'">
-@import url("<xsl:value-of select="@cssFileName" />");
-                               </xsl:when>
-                               <xsl:otherwise>
-@import url("<xsl:value-of select="@cssFileName" />") screen and (min-device-width:<xsl:value-of select="@minWidth" />px) and (max-device-width:<xsl:value-of select="@width" />px);
-                               </xsl:otherwise>
-                       </xsl:choose>
-               </xsl:for-each>
+                       <!--  xsl:sort select="width" order="descending" data-type="number" / -->
 
-       </xsl:template>
+                               <xsl:variable name="nscreen-name"><xsl:value-of select="@name" /></xsl:variable>
+
+                               <xsl:variable name='device-width'>
+                                       <xsl:choose>
+                                               <xsl:when test="string(@device-width) = '' or string(@device-width) = '0'"></xsl:when>
+                                               <xsl:otherwise> and (device-width:<xsl:value-of select="@device-width" />px)</xsl:otherwise>
+                                       </xsl:choose>
+                               </xsl:variable>
+                               
+                               <xsl:variable name='device-height'>
+                                       <xsl:choose>
+                                               <xsl:when test='string(@device-height) = "" or string(@device-height) = "0"'></xsl:when>
+                                               <xsl:otherwise> and (device-height:<xsl:value-of select="@device-height" />px)</xsl:otherwise>
+                                       </xsl:choose>
+                               </xsl:variable>
+
+                               <xsl:variable name='color'>
+                                       <xsl:choose>
+                                               <xsl:when test='string(@color) = ""'></xsl:when>
+                                               <xsl:otherwise> and (color:<xsl:value-of select="@color" />)</xsl:otherwise>
+                                       </xsl:choose>
+                               </xsl:variable>
 
-</xsl:stylesheet>
+                               <xsl:variable name='color-index'>
+                                       <xsl:choose>
+                                               <xsl:when test='string(@color-index) = ""'></xsl:when>
+                                               <xsl:otherwise> and (color-index:<xsl:value-of select="@color-index" />)</xsl:otherwise>
+                                       </xsl:choose>
+                               </xsl:variable>
+                               
+                               <xsl:variable name='orientation'>
+                                       <xsl:choose>
+                                               <xsl:when test='string(@orientation) = ""'></xsl:when>
+                                               <xsl:otherwise> and (orientation:<xsl:value-of select="@orientation" />)</xsl:otherwise>
+                                       </xsl:choose>
+                               </xsl:variable>
+                               
+                               <xsl:variable name='monochrome'>
+                                       <xsl:choose>
+                                               <xsl:when test='string(@monochrome) = ""'></xsl:when>
+                                               <xsl:otherwise> and (monochrome:<xsl:value-of select="@monochrome" />)</xsl:otherwise>
+                                       </xsl:choose>
+                               </xsl:variable>
+                               
+                               <xsl:variable name='resolution'>
+                                       <xsl:choose>
+                                               <xsl:when test='string(@resolution) = ""'></xsl:when>
+                                               <xsl:otherwise> and (resolution:<xsl:value-of select="@resolution" />)</xsl:otherwise>
+                                       </xsl:choose>
+                               </xsl:variable>
+                               
+                               <xsl:variable name='scan'>
+                                       <xsl:choose>
+                                               <xsl:when test='string(@scan) = ""'></xsl:when>
+                                               <xsl:otherwise> and (scan:<xsl:value-of select="@scan" />)</xsl:otherwise>
+                                       </xsl:choose>
+                               </xsl:variable>
+
+                               <xsl:variable name='grid'>
+                                       <xsl:choose>
+                                               <xsl:when test='string(@grid) = "true"'> and (grid)</xsl:when>
+                                               <xsl:otherwise></xsl:otherwise>
+                                       </xsl:choose>
+                               </xsl:variable>
+                               
+                               <xsl:variable name='devicePixelRatio'>
+                                       <xsl:choose>
+                                               <xsl:when test='string(@devicePixelRatio) = ""'></xsl:when>
+                                               <xsl:otherwise> and (-webkit-min-device-pixel-ratio:<xsl:value-of select="@devicePixelRatio" />)</xsl:otherwise>
+                                       </xsl:choose>
+                               </xsl:variable>
+                               
+                               <xsl:for-each select="enablePage">
+                                       <xsl:choose>
+                                               <xsl:when test='string(@enable) = "true"'>
+<xsl:value-of select="$newline"/>/* nscreen Name : <xsl:value-of select="$nscreen-name"/>, page name : <xsl:value-of select="@name"/> */
+@import url (" <xsl:value-of select="@name"/>_<xsl:copy-of select="$nscreen-name" />.css") screen<xsl:copy-of select="$device-width" /><xsl:copy-of select="$device-height" /><xsl:copy-of select="$color" /><xsl:copy-of select="$color-index" /><xsl:copy-of select="$orientation" /><xsl:copy-of select="$monochrome" /><xsl:copy-of select="$resolution" /><xsl:copy-of select="$scan" /><xsl:copy-of select="$grid" /><xsl:copy-of select="$devicePixelRatio" />;<xsl:value-of select="$newline"/>
+                                               </xsl:when>
+                                               <xsl:otherwise></xsl:otherwise>
+                                       </xsl:choose>
+                               </xsl:for-each>
+               </xsl:for-each>
+       </xsl:template>
+</xsl:stylesheet>
\ No newline at end of file

diff --git a/templates/Template/Tizen Web UI Builder/4.NavigationProject/project/tizen-ui-builder-tool/res/html/ground.js b/templates/Template/Tizen Web UI Builder/4.NavigationProject/project/tizen-ui-builder-tool/res/html/ground.js
index 8550cdc..67663a5 100644 (file)
--- a/templates/Template/Tizen Web UI Builder/4.NavigationProject/project/tizen-ui-builder-tool/res/html/ground.js
+++ b/templates/Template/Tizen Web UI Builder/4.NavigationProject/project/tizen-ui-builder-tool/res/html/ground.js
@@ -474,6 +474,6 @@ function getSelectedElementRect(id, tags, indexes) {
 
 }
 
-function modifyStyle(selector, key, value) {
-       $(selector).css(key,value);
+function modifyStyle(style) {
+       document.getElementById('modified_style').innerHTML = style;
 }

diff --git a/templates/Template/Tizen Web UI Builder/4.NavigationProject/project/tizen-ui-builder-tool/res/xslt/page_managed_css_ver0_0_3.xslt b/templates/Template/Tizen Web UI Builder/4.NavigationProject/project/tizen-ui-builder-tool/res/xslt/page_managed_css_ver0_0_3.xslt
index 73f7c02..ba9a78d 100644 (file)
--- a/templates/Template/Tizen Web UI Builder/4.NavigationProject/project/tizen-ui-builder-tool/res/xslt/page_managed_css_ver0_0_3.xslt
+++ b/templates/Template/Tizen Web UI Builder/4.NavigationProject/project/tizen-ui-builder-tool/res/xslt/page_managed_css_ver0_0_3.xslt
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="utf-8" ?>
-<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
+<xsl:stylesheet version="1.0"
+       xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
        <xsl:output method="text" encoding="utf-8" indent="yes" />
 
        <xsl:variable name="tab">
@@ -25,17 +26,89 @@
        <xsl:template match="tizen.nscreen">
 
                <xsl:for-each select="screen">
-                       <xsl:sort select="@width" order="ascending" data-type="number" />
-                       <xsl:choose>
-                               <xsl:when test="@width='0'">
-@import url("<xsl:value-of select="@cssFileName" />");
-                               </xsl:when>
-                               <xsl:otherwise>
-@import url("<xsl:value-of select="@cssFileName" />") screen and (min-device-width:<xsl:value-of select="@minWidth" />px) and (max-device-width:<xsl:value-of select="@width" />px);
-                               </xsl:otherwise>
-                       </xsl:choose>
-               </xsl:for-each>
+                       <!--  xsl:sort select="width" order="descending" data-type="number" / -->
 
-       </xsl:template>
+                               <xsl:variable name="nscreen-name"><xsl:value-of select="@name" /></xsl:variable>
+
+                               <xsl:variable name='device-width'>
+                                       <xsl:choose>
+                                               <xsl:when test="string(@device-width) = '' or string(@device-width) = '0'"></xsl:when>
+                                               <xsl:otherwise> and (device-width:<xsl:value-of select="@device-width" />px)</xsl:otherwise>
+                                       </xsl:choose>
+                               </xsl:variable>
+                               
+                               <xsl:variable name='device-height'>
+                                       <xsl:choose>
+                                               <xsl:when test='string(@device-height) = "" or string(@device-height) = "0"'></xsl:when>
+                                               <xsl:otherwise> and (device-height:<xsl:value-of select="@device-height" />px)</xsl:otherwise>
+                                       </xsl:choose>
+                               </xsl:variable>
+
+                               <xsl:variable name='color'>
+                                       <xsl:choose>
+                                               <xsl:when test='string(@color) = ""'></xsl:when>
+                                               <xsl:otherwise> and (color:<xsl:value-of select="@color" />)</xsl:otherwise>
+                                       </xsl:choose>
+                               </xsl:variable>
 
-</xsl:stylesheet>
+                               <xsl:variable name='color-index'>
+                                       <xsl:choose>
+                                               <xsl:when test='string(@color-index) = ""'></xsl:when>
+                                               <xsl:otherwise> and (color-index:<xsl:value-of select="@color-index" />)</xsl:otherwise>
+                                       </xsl:choose>
+                               </xsl:variable>
+                               
+                               <xsl:variable name='orientation'>
+                                       <xsl:choose>
+                                               <xsl:when test='string(@orientation) = ""'></xsl:when>
+                                               <xsl:otherwise> and (orientation:<xsl:value-of select="@orientation" />)</xsl:otherwise>
+                                       </xsl:choose>
+                               </xsl:variable>
+                               
+                               <xsl:variable name='monochrome'>
+                                       <xsl:choose>
+                                               <xsl:when test='string(@monochrome) = ""'></xsl:when>
+                                               <xsl:otherwise> and (monochrome:<xsl:value-of select="@monochrome" />)</xsl:otherwise>
+                                       </xsl:choose>
+                               </xsl:variable>
+                               
+                               <xsl:variable name='resolution'>
+                                       <xsl:choose>
+                                               <xsl:when test='string(@resolution) = ""'></xsl:when>
+                                               <xsl:otherwise> and (resolution:<xsl:value-of select="@resolution" />)</xsl:otherwise>
+                                       </xsl:choose>
+                               </xsl:variable>
+                               
+                               <xsl:variable name='scan'>
+                                       <xsl:choose>
+                                               <xsl:when test='string(@scan) = ""'></xsl:when>
+                                               <xsl:otherwise> and (scan:<xsl:value-of select="@scan" />)</xsl:otherwise>
+                                       </xsl:choose>
+                               </xsl:variable>
+
+                               <xsl:variable name='grid'>
+                                       <xsl:choose>
+                                               <xsl:when test='string(@grid) = "true"'> and (grid)</xsl:when>
+                                               <xsl:otherwise></xsl:otherwise>
+                                       </xsl:choose>
+                               </xsl:variable>
+                               
+                               <xsl:variable name='devicePixelRatio'>
+                                       <xsl:choose>
+                                               <xsl:when test='string(@devicePixelRatio) = ""'></xsl:when>
+                                               <xsl:otherwise> and (-webkit-min-device-pixel-ratio:<xsl:value-of select="@devicePixelRatio" />)</xsl:otherwise>
+                                       </xsl:choose>
+                               </xsl:variable>
+                               
+                               <xsl:for-each select="enablePage">
+                                       <xsl:choose>
+                                               <xsl:when test='string(@enable) = "true"'>
+<xsl:value-of select="$newline"/>/* nscreen Name : <xsl:value-of select="$nscreen-name"/>, page name : <xsl:value-of select="@name"/> */
+@import url (" <xsl:value-of select="@name"/>_<xsl:copy-of select="$nscreen-name" />.css") screen<xsl:copy-of select="$device-width" /><xsl:copy-of select="$device-height" /><xsl:copy-of select="$color" /><xsl:copy-of select="$color-index" /><xsl:copy-of select="$orientation" /><xsl:copy-of select="$monochrome" /><xsl:copy-of select="$resolution" /><xsl:copy-of select="$scan" /><xsl:copy-of select="$grid" /><xsl:copy-of select="$devicePixelRatio" />;<xsl:value-of select="$newline"/>
+                                               </xsl:when>
+                                               <xsl:otherwise></xsl:otherwise>
+                                       </xsl:choose>
+                               </xsl:for-each>
+               </xsl:for-each>
+       </xsl:template>
+</xsl:stylesheet>
\ No newline at end of file