You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
177 lines
3.1 KiB
177 lines
3.1 KiB
/* |
|
Copyright 2012 Mozilla Foundation |
|
|
|
Version: MPL 1.1/GPL 2.0/LGPL 2.1 |
|
|
|
The contents of this file are subject to the Mozilla Public License Version |
|
1.1 (the "License"); you may not use this file except in compliance with |
|
the License. You may obtain a copy of the License at |
|
|
|
http://www.mozilla.org/MPL |
|
|
|
Software distributed under the License is distributed on an "AS IS" basis, |
|
WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License |
|
for the specific language governing rights and limitations under the |
|
License. |
|
|
|
Alternatively, the contents of this file may be used under the terms of |
|
either the GNU General Public License Version 2 or later (the "GPL"), or |
|
the GNU Lesser General Public License Version 2.1 or later (the "LGPL"), |
|
in which case the provisions of the GPL or the LGPL are applicable instead |
|
of those above. If you wish to allow use of your version of this file only |
|
under the terms of either the GPL or the LGPL, and not to allow others to |
|
use your version of this file under the terms of the MPL, indicate your |
|
decision by deleting the provisions above and replace them with the notice |
|
and other provisions required by the LGPL or the GPL. If you do not delete |
|
the provisions above, a recipient may use your version of this file under |
|
the terms of any one of the MPL, the GPL or the LGPL. |
|
|
|
Original author: L. David Baron <dbaron@dbaron.org> |
|
*/ |
|
|
|
* { |
|
padding: 0; |
|
margin: 0; |
|
} |
|
|
|
html { |
|
background-color: #FFF; |
|
font: message-box; |
|
font-size: 14px; |
|
} |
|
|
|
body { |
|
padding: 10px; |
|
} |
|
|
|
a { |
|
color: #000; |
|
} |
|
|
|
#loading, #viewer { |
|
display: none; |
|
} |
|
|
|
#pixelarea { |
|
position: absolute; |
|
width: 320px; |
|
height: 94px; |
|
overflow: visible; |
|
top: 10px; |
|
left: 10px; |
|
} |
|
|
|
#itemlist { |
|
overflow: auto; |
|
position: absolute; |
|
top: 104px; |
|
width: 320px; |
|
bottom: 0; |
|
left: 10px; |
|
} |
|
|
|
#leftpane { |
|
width: 320px; |
|
} |
|
|
|
#images { |
|
overflow: auto; |
|
position: fixed; |
|
left: 340px; |
|
right: 0; |
|
top: 10px; |
|
bottom: 0; |
|
} |
|
|
|
#imgcontrols { |
|
margin: 0; |
|
display: block; |
|
} |
|
|
|
#itemtable, #itemtable td, #itemtable th { |
|
border: 1px solid #CCC; |
|
padding: 0; |
|
} |
|
|
|
#itemtable { |
|
border-collapse: collapse; |
|
border-spacing: 0; |
|
} |
|
|
|
#itemtable td:first-child { |
|
padding-left: 10px; |
|
width: 12px; |
|
} |
|
|
|
#itemtable td:last-child { |
|
padding: 0 5px; |
|
} |
|
|
|
#itemtable td.selected { |
|
background-color: #DDD; |
|
} |
|
|
|
#magnification > svg { |
|
display: block; |
|
width: 84px; |
|
height: 84px; |
|
} |
|
|
|
#pixelinfo { |
|
position: absolute; |
|
width: 200px; |
|
left: 85px; |
|
} |
|
|
|
#pixelinfo table { |
|
border-collapse: collapse; |
|
} |
|
|
|
#pixelinfo table th { |
|
white-space: nowrap; |
|
text-align: left; |
|
padding: 0; |
|
} |
|
|
|
#pixelinfo table td { |
|
padding: 0 0 0 0.25em; |
|
} |
|
|
|
#pixelhint { |
|
color: #000; |
|
cursor: help; |
|
text-decoration: underline; |
|
width: 15px; |
|
} |
|
|
|
#pixelhint > * { |
|
display: none; |
|
position: absolute; |
|
margin: 8px 0 0 8px; |
|
padding: 4px; |
|
width: 400px; |
|
background-color: #ffa; |
|
color: #000; |
|
box-shadow: 3px 3px 2px #888; |
|
z-index: 1; |
|
} |
|
|
|
#pixelhint:hover { |
|
color: #000; |
|
} |
|
|
|
#pixelhint:hover > * { |
|
display: block; |
|
} |
|
|
|
#pixelhint p { |
|
margin: 0; |
|
} |
|
|
|
#pixelhint p + p { |
|
margin-top: 1em; |
|
} |
|
|
|
#referenceImage, #differences { |
|
margin: 0 0 10px 20px; |
|
}
|
|
|