Firefox doesn't understand a pixel offset and a positional keyword used together to position a background image. So we use a separate element to position the logo on the home page.
Prevent last modified dates for projects from wrapping. git-svn-id: http://google-refine.googlecode.com/svn/trunk@1563 7d457c2a-affb-35e4-300a-418c747d4874
This commit is contained in:
parent
e251a77077
commit
4859b7eb4e
@ -9,6 +9,7 @@
|
|||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="container">
|
<div id="container">
|
||||||
|
<div id="logo"> </div>
|
||||||
<div id="header-home">
|
<div id="header-home">
|
||||||
<img alt="Google Refine" src="images/logo-googlerefine-40.png" />
|
<img alt="Google Refine" src="images/logo-googlerefine-40.png" />
|
||||||
<h1>A power tool for working with messy data.</h1>
|
<h1>A power tool for working with messy data.</h1>
|
||||||
|
@ -104,7 +104,7 @@ function renderProjects(data) {
|
|||||||
'<table class="list-table"><tr>' +
|
'<table class="list-table"><tr>' +
|
||||||
'<th>Name</th>' +
|
'<th>Name</th>' +
|
||||||
'<th></th>' +
|
'<th></th>' +
|
||||||
'<th align="right">Last Modified</th>' +
|
'<th align="right">Last Modified</th>' +
|
||||||
'<th></th>' +
|
'<th></th>' +
|
||||||
'</tr></table>'
|
'</tr></table>'
|
||||||
).appendTo(container)[0];
|
).appendTo(container)[0];
|
||||||
|
@ -4,10 +4,19 @@
|
|||||||
width: 980px;
|
width: 980px;
|
||||||
height: 600px;
|
height: 600px;
|
||||||
margin: 10px auto;
|
margin: 10px auto;
|
||||||
padding: 0 10px;
|
padding: 0 10px;
|
||||||
background: url(../images/logo-gem-150.png) no-repeat 20px right;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#logo {
|
||||||
|
position: absolute;
|
||||||
|
top: 20px;
|
||||||
|
right: 0px;
|
||||||
|
width: 150px;
|
||||||
|
height: 150px;
|
||||||
|
background: url(../images/logo-gem-150.png) no-repeat top right;
|
||||||
|
}
|
||||||
|
|
||||||
#header-home img {
|
#header-home img {
|
||||||
padding: 6px 0;
|
padding: 6px 0;
|
||||||
}
|
}
|
||||||
@ -33,6 +42,10 @@
|
|||||||
overflow: auto;
|
overflow: auto;
|
||||||
height: 400px;
|
height: 400px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#projects-container .project .last-modified {
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
#projects-container .message {
|
#projects-container .message {
|
||||||
padding: @padding_loose;
|
padding: @padding_loose;
|
||||||
|
Loading…
Reference in New Issue
Block a user