From d66c2524693504b32befdc9a838a1c84b11e4bc7 Mon Sep 17 00:00:00 2001
From: rolux <rolux@pandora>
Date: Sun, 5 Sep 2010 17:51:11 +0200
Subject: [PATCH] better css for linux

---
 build/css/ox.ui.css |  8 ++++----
 build/js/ox.load.js | 27 ++++++++++++++++++++++-----
 build/js/ox.ui.js   | 10 ++++++++++
 3 files changed, 36 insertions(+), 9 deletions(-)

diff --git a/build/css/ox.ui.css b/build/css/ox.ui.css
index 844716ca..b041dcf4 100644
--- a/build/css/ox.ui.css
+++ b/build/css/ox.ui.css
@@ -19,7 +19,7 @@ div {
     -webkit-user-select: none;
 }
 div, input, textarea {
-    font-family: Lucida Grande, Lucida Sans Unicode, Segoe UI;
+    font-family: Lucida Grande, Segoe UI, DejaVu Sans, Arial;
     font-size: 11px;
 }
 td {
@@ -674,9 +674,9 @@ Lists
     padding: 2px 4px 2px 4px;
 }
 .OxTextList .OxBar {
-    z-index: 10;
-    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);
-    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);
+    //z-index: 10;
+    //-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);
+    //-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);
 }
 .OxTextList .OxBar .OxHead {
     position: absolute;
diff --git a/build/js/ox.load.js b/build/js/ox.load.js
index efba049c..aa26fa39 100644
--- a/build/js/ox.load.js
+++ b/build/js/ox.load.js
@@ -87,27 +87,44 @@ $(function() {
         function loaded() {
             var $div = $('<div>')
                     .css($.extend(css, {
-                        width: '216px',
+                        width: (length * 72) + 'px',
                         height: '72px'
-                    }));
+                    })),
+                i = 0;
             $.each(src, function(name, src) {
                 $('<a>')
                     .attr({
                         href: userAgents[name],
                         title: name
                     })
+                    .css({
+                        position: 'absolute',
+                        left: (i++ * 72) + 'px',
+                        width: '72px',
+                        height: '72px',
+                    })
                     .append(
                         $('<img>')
                             .attr({
                                 src: src
                             })
-                            .css({
-                                float: 'left',
+                            .css($.extend(css, {
                                 width: '64px',
                                 height: '64px',
                                 border: 0,
-                                margin: '4px',
                                 cursor: 'pointer'
+                            }))
+                            .mouseenter(function() {
+                                $(this).animate({
+                                    width: '72px',
+                                    height: '72px',
+                                }, 250);
+                            })
+                            .mouseleave(function() {
+                                $(this).animate({
+                                    width: '64px',
+                                    height: '64px',
+                                }, 250);                                
                             })
                     )
                     .appendTo($div);
diff --git a/build/js/ox.ui.js b/build/js/ox.ui.js
index fa5dcbeb..c5bca04e 100644
--- a/build/js/ox.ui.js
+++ b/build/js/ox.ui.js
@@ -825,6 +825,16 @@ requires
         };
     }();
 
+    /*
+    ----------------------------------------------------------------------------
+    Ox.Theme
+    ----------------------------------------------------------------------------
+    */
+
+    Ox.Theme = function() {
+        
+    };
+
     /*
     ----------------------------------------------------------------------------
     Ox.URL