better css for linux
This commit is contained in:
parent
3e1cd3f490
commit
d66c252469
3 changed files with 36 additions and 9 deletions
|
@ -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;
|
||||||
|
|
|
@ -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);
|
||||||
|
|
|
@ -825,6 +825,16 @@ requires
|
||||||
};
|
};
|
||||||
}();
|
}();
|
||||||
|
|
||||||
|
/*
|
||||||
|
----------------------------------------------------------------------------
|
||||||
|
Ox.Theme
|
||||||
|
----------------------------------------------------------------------------
|
||||||
|
*/
|
||||||
|
|
||||||
|
Ox.Theme = function() {
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
/*
|
/*
|
||||||
----------------------------------------------------------------------------
|
----------------------------------------------------------------------------
|
||||||
Ox.URL
|
Ox.URL
|
||||||
|
|
Loading…
Reference in a new issue