Style kiszervezése .css fájlba

git-tfs-id: [http://tfs.userrendszerhaz.hu:8080/tfs/DefaultCollection]$/MediaCube;C33120

diff --git a/server/user.mediacube.gui/css/menu.css b/server/user.mediacube.gui/css/menu.css
new file mode 100644 (file)
index 0000000..ec4bf68
--- /dev/null
+++ b/server/user.mediacube.gui/css/menu.css
@@ -0,0 +1,47 @@
+.redmenubar{\r
+       background: #424242;\r
+       padding: 0px;\r
+}\r
+\r
+.whitemenu .z-menuitem-text, .whitemenu .z-menu-text {\r
+     color: #FFFFFF;\r
+}\r
+\r
+.rozsda .z-menu-text, .rozsda .z-menuitem-text{\r
+       color: #222222;\r
+}\r
+\r
+.z-menu-text, .z-menuitem-text{\r
+       text-shadow: none; \r
+}\r
+\r
+.whitemenu .z-menu-content, .z-menuitem-content {\r
+       padding-left: 5px;\r
+       padding-right: 18px;\r
+       padding-top: 0px;\r
+       padding-bottom: 0px;\r
+}\r
+\r
+.z-menu-content:hover, .z-menu-content:active, .z-menu-content:focus{\r
+       background: #a3b8cc;\r
+}\r
+\r
+.z-menuitem-content:hover, .z-menuitem-content:active, .z-menuitem-content:focus{\r
+       background: #a3b8cc;\r
+}\r
+\r
+.z-menu-icon {\r
+    position: absolute;\r
+    top: 2px;\r
+    right: 5px;\r
+}\r
+\r
+.z-menu-icon, .z-menu-icon:hover, .z-menu-icon:active {\r
+    color:  #f1ffdc;\r
+    vertical-align: text-bottom;\r
+}\r
+\r
+.z-menu-selected > .z-menu-content{\r
+       background:  #a3b8cc;\r
+       color: black;\r
+}
\ No newline at end of file

diff --git a/server/user.mediacube.gui/pages/menu.zul b/server/user.mediacube.gui/pages/menu.zul
index 02bde4ca3cc181dbf5ad4e0f43b39ee9aad2890c..73cad36c3f61d4bdda52ee7b6b88c3fb00ef7dc3 100644 (file)
--- a/server/user.mediacube.gui/pages/menu.zul
+++ b/server/user.mediacube.gui/pages/menu.zul
@@ -3,55 +3,7 @@
 \r
 <!DOCTYPE xml>\r
 <zk>\r
-       <style>\r
-       .redmenubar{\r
-               background: #424242;\r
-               padding: 0px;\r
-       }\r
-       \r
-       .whitemenu .z-menuitem-text, .whitemenu .z-menu-text {\r
-            color: #FFFFFF;\r
-       }\r
-       \r
-       .rozsda .z-menu-text, .rozsda .z-menuitem-text{\r
-               color: #222222;\r
-       }\r
-       \r
-       .z-menu-text, .z-menuitem-text{\r
-               text-shadow: none; \r
-       }\r
-       \r
-       .whitemenu .z-menu-content, .z-menuitem-content {\r
-               padding-left: 5px;\r
-               padding-right: 18px;\r
-               padding-top: 0px;\r
-               padding-bottom: 0px;\r
-       }\r
-       \r
-       .z-menu-content:hover, .z-menu-content:active, .z-menu-content:focus{\r
-               background: #a3b8cc;\r
-       }\r
-       \r
-       .z-menuitem-content:hover, .z-menuitem-content:active, .z-menuitem-content:focus{\r
-               background: #a3b8cc;\r
-       }\r
-       \r
-       .z-menu-icon {\r
-           position: absolute;\r
-           top: 2px;\r
-           right: 5px;\r
-       }\r
-       \r
-       .z-menu-icon, .z-menu-icon:hover, .z-menu-icon:active {\r
-           color:  #f1ffdc;\r
-           vertical-align: text-bottom;\r
-       }\r
-       \r
-       .z-menu-selected > .z-menu-content{\r
-               background:  #a3b8cc;\r
-               color: black;\r
-       }\r
-       </style>\r
+       <style src="/css/menu.css"/>\r
        <div viewModel="@id('lm') @init('user.jobengine.zk.model.MenuModel')">\r
                <menubar id="menubar" hflex="max" sclass="redmenubar">\r
                        <menuitem sclass="whitemenu" label="Keresés" onClick="@command('navigate', action='/')" disabled="false" />\r
@@ -78,8 +30,8 @@
                        </menu>\r
                        <menuitem sclass="whitemenu" label="Mini monitor" onClick="@command('createFloatingJobMonitor')" />\r
 \r
-                       <menuitem id="basketIMenuItem" image="/img/ic_shopping_cart_black_24dp.png" sclass="whitemenu" style="float: right" label="@load(lm.basketMenuLabel)" onClick="@command('showBasket')" disabled="false" />\r
-                       <menuitem sclass="whitemenu" style="float: right" label="Kilépés" onClick="@command('doLogout')" disabled="false" />\r
+                       <menuitem id="basketIMenuItem" label="@load(lm.basketMenuLabel)" image="/img/ic_shopping_cart_black_24dp.png" sclass="whitemenu" style="float: right" onClick="@command('showBasket')" disabled="false" />\r
+                       <menuitem id="logoutMenuItem" label="Kilépés" style="float: right" sclass="whitemenu" onClick="@command('doLogout')" disabled="false" />\r
                </menubar>\r
        </div>\r
 </zk>\r