better css for linux

This commit is contained in:
rolux 2010-09-05 17:51:11 +02:00
parent 3e1cd3f490
commit d66c252469
3 changed files with 36 additions and 9 deletions

View file

@ -19,7 +19,7 @@ div {
-webkit-user-select: none; -webkit-user-select: none;
} }
div, input, textarea { div, input, textarea {
font-family: Lucida Grande, Lucida Sans Unicode, Segoe UI; font-family: Lucida Grande, Segoe UI, DejaVu Sans, Arial;
font-size: 11px; font-size: 11px;
} }
td { td {
@ -674,9 +674,9 @@ Lists
padding: 2px 4px 2px 4px; padding: 2px 4px 2px 4px;
} }
.OxTextList .OxBar { .OxTextList .OxBar {
z-index: 10; //z-index: 10;
-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75); //-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);
-webkit-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 { .OxTextList .OxBar .OxHead {
position: absolute; position: absolute;

View file

@ -87,27 +87,44 @@ $(function() {
function loaded() { function loaded() {
var $div = $('<div>') var $div = $('<div>')
.css($.extend(css, { .css($.extend(css, {
width: '216px', width: (length * 72) + 'px',
height: '72px' height: '72px'
})); })),
i = 0;
$.each(src, function(name, src) { $.each(src, function(name, src) {
$('<a>') $('<a>')
.attr({ .attr({
href: userAgents[name], href: userAgents[name],
title: name title: name
}) })
.css({
position: 'absolute',
left: (i++ * 72) + 'px',
width: '72px',
height: '72px',
})
.append( .append(
$('<img>') $('<img>')
.attr({ .attr({
src: src src: src
}) })
.css({ .css($.extend(css, {
float: 'left',
width: '64px', width: '64px',
height: '64px', height: '64px',
border: 0, border: 0,
margin: '4px',
cursor: 'pointer' cursor: 'pointer'
}))
.mouseenter(function() {
$(this).animate({
width: '72px',
height: '72px',
}, 250);
})
.mouseleave(function() {
$(this).animate({
width: '64px',
height: '64px',
}, 250);
}) })
) )
.appendTo($div); .appendTo($div);

View file

@ -825,6 +825,16 @@ requires
}; };
}(); }();
/*
----------------------------------------------------------------------------
Ox.Theme
----------------------------------------------------------------------------
*/
Ox.Theme = function() {
};
/* /*
---------------------------------------------------------------------------- ----------------------------------------------------------------------------
Ox.URL Ox.URL