Import edit-a-molecule resources
This commit is contained in:
Carlos Andrés Rocha
committed by
Victor Shnayder
Victor Shnayder
parent
739938f35f
commit
d0d15c0dc2
33
common/lib/capa/capa/templates/edit-a-molecule.html
Normal file
33
common/lib/capa/capa/templates/edit-a-molecule.html
Normal file
@@ -0,0 +1,33 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Edit A Molecule</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
|
||||
<link type="text/css" rel="stylesheet" href="JsMolCalc.css"/>
|
||||
<script type="text/javascript" src="jsmolcalc/jsmolcalc.nocache.js"></script>
|
||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="http://underscorejs.org/underscore-min.js"></script>
|
||||
<script type="text/template" id="task-template">
|
||||
<li class="task">
|
||||
<label><%= task %></label> <button>Check</button> <span class="result"></span>
|
||||
</li>
|
||||
</script>
|
||||
<script src="edit-a-molecule.js" type="text/javascript"></script>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Edit A Molecule</h1>
|
||||
<p>The molecule Dopamine is shown below. Dopamine is a neurotransmitter.</p>
|
||||
|
||||
<object type="application/x-java-applet" id="JME" height="400" width="500">
|
||||
<param name="archive" value="JME.jar" />
|
||||
<param name="code" value="JME.class" />
|
||||
Applet failed to run. No Java plug-in was found.
|
||||
</object>
|
||||
|
||||
<div id="properties"></div>
|
||||
|
||||
<button id="update">Update</button>
|
||||
<p>Edit the molecule to complete each one of the following the tasks. Click the check button to check your answer for that. Click submit when you are done.</p>
|
||||
<ul id="tasks"></ul>
|
||||
</body>
|
||||
</html>
|
||||
BIN
common/static/applets/JME.jar
Normal file
BIN
common/static/applets/JME.jar
Normal file
Binary file not shown.
38
common/static/css/capa/edit-a-molecule.css
Normal file
38
common/static/css/capa/edit-a-molecule.css
Normal file
@@ -0,0 +1,38 @@
|
||||
/** Add css rules here for your application. */
|
||||
|
||||
|
||||
/** Example rules used by the template application (remove for your app) */
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
font-weight: bold;
|
||||
color: #777777;
|
||||
margin: 40px 0px 70px;
|
||||
}
|
||||
|
||||
.calculateButton {
|
||||
display: block;
|
||||
font-size: 16pt;
|
||||
}
|
||||
|
||||
.newMoleculeButton {
|
||||
display: block;
|
||||
font-size: 16pt;
|
||||
}
|
||||
|
||||
/** Most GWT widgets already have a style name defined */
|
||||
.gwt-DialogBox {
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
.dialogVPanel {
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.serverResponseLabelError {
|
||||
color: red;
|
||||
}
|
||||
|
||||
/** Set ids using widget.getElement().setId("idOfElement") */
|
||||
#closeButton {
|
||||
margin: 15px 6px 6px;
|
||||
}
|
||||
87
common/static/js/capa/edit-a-molecule.js
Normal file
87
common/static/js/capa/edit-a-molecule.js
Normal file
@@ -0,0 +1,87 @@
|
||||
$(document).ready(function(){
|
||||
var applet = $("#JME")[0];
|
||||
var template = _.template($("#task-template").text());
|
||||
var timeout = 1000;
|
||||
|
||||
function waitForApplet() {
|
||||
if (applet.isActive && applet.isActive()) {
|
||||
console.log("Applet is ready.");
|
||||
loadInitialData();
|
||||
} else if (timeout > 30 * 1000) {
|
||||
console.error("Applet did not load on time.");
|
||||
} else {
|
||||
console.log("Waiting for applet...");
|
||||
setTimeout(waitForApplet, timeout);
|
||||
}
|
||||
}
|
||||
|
||||
function loadInitialData() {
|
||||
console.log("Loading mol data...");
|
||||
jQuery.ajax({
|
||||
url: "dopamine.mol",
|
||||
dataType: "text",
|
||||
success: function(data) {
|
||||
console.log("Done.");
|
||||
setup(data);
|
||||
},
|
||||
error: function() {
|
||||
console.error("Cannot load mol data.");
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function setup(data) {
|
||||
applet.readMolFile(data);
|
||||
|
||||
setupTasks();
|
||||
|
||||
$("#update").click(updateInfo);
|
||||
updateInfo();
|
||||
}
|
||||
|
||||
function setupTasks() {
|
||||
console.log("Getting initial tasks...");
|
||||
|
||||
var tasks = getTasks();
|
||||
|
||||
jQuery.each(tasks, function(index, task) {
|
||||
var value = task.toString();
|
||||
var fragment = $(template({task:value}));
|
||||
$("#tasks").append(fragment);
|
||||
fragment.find("button").click(function() {
|
||||
checkTask(task, index);
|
||||
});
|
||||
});
|
||||
console.log("Done.");
|
||||
}
|
||||
|
||||
function updateInfo() {
|
||||
var info = getInfo();
|
||||
$("#properties").html(info.toString());
|
||||
return info;
|
||||
}
|
||||
|
||||
function checkTask(task, index) {
|
||||
var info = updateInfo();
|
||||
var value = task.check(info);
|
||||
$("#tasks li span.result").eq(index).html(value);
|
||||
}
|
||||
|
||||
function getInfo() {
|
||||
var mol = applet.molFile();
|
||||
var smiles = applet.smiles();
|
||||
var jme = applet.jmeFile();
|
||||
|
||||
return jsmol.API.getInfo(mol, smiles, jme);
|
||||
}
|
||||
|
||||
function getTasks() {
|
||||
var mol = applet.molFile();
|
||||
var smiles = applet.smiles();
|
||||
var jme = applet.jmeFile();
|
||||
|
||||
return jsmol.API.getTasks(mol, smiles, jme);
|
||||
}
|
||||
|
||||
waitForApplet();
|
||||
});
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
BIN
common/static/js/capa/jsmolcalc/clear.cache.gif
Normal file
BIN
common/static/js/capa/jsmolcalc/clear.cache.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 43 B |
1264
common/static/js/capa/jsmolcalc/gwt/clean/clean.css
Normal file
1264
common/static/js/capa/jsmolcalc/gwt/clean/clean.css
Normal file
@@ -0,0 +1,1264 @@
|
||||
/**
|
||||
* The file contains styles for GWT widgets in the Clean theme.
|
||||
*
|
||||
* In order to maintain cross-browser compatibility, the following syntax is
|
||||
* used to create IE6 specific style rules:
|
||||
* .gwt-Widget {
|
||||
* property: rule applies to all browsers
|
||||
* -property: rule applies only to IE6 (overrides previous rule)
|
||||
* }
|
||||
* * html .gwt-Widget {
|
||||
* property: rule applies to all versions of IE
|
||||
* }
|
||||
*/
|
||||
|
||||
body, table td, select, button {
|
||||
font-family: Arial Unicode MS, Arial, sans-serif;
|
||||
font-size: small;
|
||||
}
|
||||
pre {
|
||||
font-family: "courier new", courier;
|
||||
font-size: small;
|
||||
}
|
||||
body {
|
||||
color: black;
|
||||
margin: 10px;
|
||||
border: 0px;
|
||||
padding: 0px;
|
||||
background: #fff;
|
||||
direction: ltr;
|
||||
}
|
||||
a, a:visited {
|
||||
color: #0066cc;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #0066cc;
|
||||
text-decoration:underline;
|
||||
}
|
||||
|
||||
select {
|
||||
background: white;
|
||||
}
|
||||
|
||||
/**
|
||||
* The reference theme can be used to determine when this style sheet has
|
||||
* loaded. Create a hidden div element with absolute position, assign the style
|
||||
* name below, and attach it to the DOM. Use a timer to detect when the
|
||||
* element's height and width are set to 5px.
|
||||
*/
|
||||
.gwt-Reference-clean {
|
||||
height: 5px;
|
||||
width: 5px;
|
||||
zoom: 1;
|
||||
}
|
||||
|
||||
.gwt-Button {
|
||||
margin: 0;
|
||||
padding: 5px 7px;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
font-size:small;
|
||||
background: url("images/hborder.png") repeat-x 0px -2077px;
|
||||
border:1px solid #bbb;
|
||||
border-bottom: 1px solid #a0a0a0;
|
||||
border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
}
|
||||
.gwt-Button:active {
|
||||
border: 1px inset #ccc;
|
||||
}
|
||||
.gwt-Button:hover {
|
||||
border-color: #939393;
|
||||
}
|
||||
.gwt-Button[disabled] {
|
||||
cursor: default;
|
||||
color: #888;
|
||||
}
|
||||
.gwt-Button[disabled]:hover {
|
||||
border: 1px outset #ccc;
|
||||
}
|
||||
|
||||
.gwt-CheckBox {
|
||||
}
|
||||
.gwt-CheckBox-disabled {
|
||||
color: #888;
|
||||
}
|
||||
|
||||
.gwt-DecoratorPanel {
|
||||
}
|
||||
.gwt-DecoratorPanel .topCenter {
|
||||
border-top: 1px solid #bbb;
|
||||
line-height: 0px;
|
||||
}
|
||||
.gwt-DecoratorPanel .bottomCenter {
|
||||
border-bottom: 1px solid #bbb;
|
||||
line-height: 0px;
|
||||
}
|
||||
.gwt-DecoratorPanel .topCenterInner,
|
||||
.gwt-DecoratorPanel .bottomCenterInner {
|
||||
height: 1px;
|
||||
line-height: 0px;
|
||||
font-size: 1px;
|
||||
}
|
||||
.gwt-DecoratorPanel .middleLeft {
|
||||
border-left: 1px solid #bbb;
|
||||
}
|
||||
.gwt-DecoratorPanel .middleRight {
|
||||
border-right: 1px solid #bbb;
|
||||
}
|
||||
.gwt-DecoratorPanel .middleLeftInner,
|
||||
.gwt-DecoratorPanel .middleRightInner {
|
||||
width: 1px;
|
||||
line-height: 1px;
|
||||
}
|
||||
.gwt-DecoratorPanel .topLeftInner,
|
||||
.gwt-DecoratorPanel .topRightInner,
|
||||
.gwt-DecoratorPanel .bottomLeftInner,
|
||||
.gwt-DecoratorPanel .bottomRightInner {
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
zoom: 1;
|
||||
font-size: 1px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.gwt-DecoratorPanel .topLeft {
|
||||
line-height: 0px;
|
||||
background: url(images/circles.png) no-repeat 0px -6px;
|
||||
-background: url(images/circles_ie6.png) no-repeat 0px -6px;
|
||||
}
|
||||
.gwt-DecoratorPanel .topRight {
|
||||
line-height: 0px;
|
||||
background: url(images/circles.png) no-repeat -5px -6px;
|
||||
-background: url(images/circles_ie6.png) no-repeat -5px -6px;
|
||||
}
|
||||
.gwt-DecoratorPanel .bottomLeft {
|
||||
line-height: 0px;
|
||||
background: url(images/circles.png) no-repeat 0px -11px;
|
||||
-background: url(images/circles_ie6.png) no-repeat 0px -11px;
|
||||
}
|
||||
.gwt-DecoratorPanel .bottomRight {
|
||||
line-height: 0px;
|
||||
background: url(images/circles.png) no-repeat -5px -11px;
|
||||
-background: url(images/circles_ie6.png) no-repeat -5px -11px;
|
||||
}
|
||||
* html .gwt-DecoratorPanel .topLeftInner,
|
||||
* html .gwt-DecoratorPanel .topRightInner,
|
||||
* html .gwt-DecoratorPanel .bottomLeftInner,
|
||||
* html .gwt-DecoratorPanel .bottomRightInner {
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.gwt-DialogBox .Caption {
|
||||
background: #F1F1F1;
|
||||
padding: 4px 8px 4px 4px;
|
||||
cursor: default;
|
||||
font-family: Arial Unicode MS, Arial, sans-serif;
|
||||
font-weight: bold;
|
||||
border-bottom: 1px solid #bbbbbb;
|
||||
border-top: 1px solid #D2D2D2;
|
||||
}
|
||||
.gwt-DialogBox .dialogContent {
|
||||
}
|
||||
.gwt-DialogBox .dialogMiddleCenter {
|
||||
padding: 3px;
|
||||
background: white;
|
||||
}
|
||||
.gwt-DialogBox .dialogBottomCenter {
|
||||
background: url(images/hborder.png) repeat-x 0px -2945px;
|
||||
-background: url(images/hborder_ie6.png) repeat-x 0px -2144px;
|
||||
}
|
||||
.gwt-DialogBox .dialogMiddleLeft {
|
||||
background: url(images/vborder.png) repeat-y -31px 0px;
|
||||
}
|
||||
.gwt-DialogBox .dialogMiddleRight {
|
||||
background: url(images/vborder.png) repeat-y -32px 0px;
|
||||
-background: url(images/vborder_ie6.png) repeat-y -32px 0px;
|
||||
}
|
||||
.gwt-DialogBox .dialogTopLeftInner {
|
||||
width: 10px;
|
||||
height: 8px;
|
||||
zoom: 1;
|
||||
}
|
||||
.gwt-DialogBox .dialogTopRightInner {
|
||||
width: 12px;
|
||||
zoom: 1;
|
||||
}
|
||||
.gwt-DialogBox .dialogBottomLeftInner {
|
||||
width: 10px;
|
||||
height: 12px;
|
||||
zoom: 1;
|
||||
}
|
||||
.gwt-DialogBox .dialogBottomRightInner {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
zoom: 1;
|
||||
}
|
||||
.gwt-DialogBox .dialogTopLeft {
|
||||
background: url(images/circles.png) no-repeat -20px 0px;
|
||||
-background: url(images/circles_ie6.png) no-repeat -20px 0px;
|
||||
}
|
||||
.gwt-DialogBox .dialogTopRight {
|
||||
background: url(images/circles.png) no-repeat -28px 0px;
|
||||
-background: url(images/circles_ie6.png) no-repeat -28px 0px;
|
||||
}
|
||||
.gwt-DialogBox .dialogBottomLeft {
|
||||
background: url(images/circles.png) no-repeat 0px -36px;
|
||||
-background: url(images/circles_ie6.png) no-repeat 0px -36px;
|
||||
}
|
||||
.gwt-DialogBox .dialogBottomRight {
|
||||
background: url(images/circles.png) no-repeat -8px -36px;
|
||||
-background: url(images/circles_ie6.png) no-repeat -8px -36px;
|
||||
}
|
||||
* html .gwt-DialogBox .dialogTopLeftInner {
|
||||
width: 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
* html .gwt-DialogBox .dialogTopRightInner {
|
||||
width: 12px;
|
||||
overflow: hidden;
|
||||
}
|
||||
* html .gwt-DialogBox .dialogBottomLeftInner {
|
||||
width: 10px;
|
||||
height: 12px;
|
||||
overflow: hidden;
|
||||
}
|
||||
* html .gwt-DialogBox .dialogBottomRightInner {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.gwt-DisclosurePanel {
|
||||
}
|
||||
.gwt-DisclosurePanel-open {
|
||||
}
|
||||
.gwt-DisclosurePanel-closed {
|
||||
}
|
||||
.gwt-DisclosurePanel .header,
|
||||
.gwt-DisclosurePanel .header a,
|
||||
.gwt-DisclosurePanel .header td {
|
||||
text-decoration: none; /* Remove underline from header */
|
||||
color: black;
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
.gwt-DisclosurePanel .content {
|
||||
border-left: 3px solid #e7e7e7;
|
||||
padding: 4px 0px 4px 8px;
|
||||
margin-left: 6px;
|
||||
}
|
||||
|
||||
.gwt-FileUpload {
|
||||
}
|
||||
|
||||
.gwt-Frame {
|
||||
border-top: 2px solid #666;
|
||||
border-left: 2px solid #666;
|
||||
border-right: 2px solid #bbb;
|
||||
border-bottom: 2px solid #bbb;
|
||||
}
|
||||
|
||||
.gwt-HorizontalSplitPanel {
|
||||
}
|
||||
.gwt-HorizontalSplitPanel .hsplitter {
|
||||
cursor: move;
|
||||
border: 0px;
|
||||
background: #e7e7e7;
|
||||
line-height: 0px;
|
||||
}
|
||||
.gwt-VerticalSplitPanel {
|
||||
}
|
||||
.gwt-VerticalSplitPanel .vsplitter {
|
||||
cursor: move;
|
||||
border: 0px;
|
||||
background: #e7e7e7;
|
||||
line-height: 0px;
|
||||
}
|
||||
|
||||
.gwt-HTML {
|
||||
padding: 0 0px;
|
||||
}
|
||||
|
||||
.gwt-Hyperlink {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.gwt-Image {
|
||||
}
|
||||
|
||||
.gwt-Label {
|
||||
}
|
||||
|
||||
.gwt-ListBox {
|
||||
}
|
||||
|
||||
.gwt-MenuBar {
|
||||
cursor: default;
|
||||
}
|
||||
.gwt-MenuBar .gwt-MenuItem {
|
||||
cursor: default;
|
||||
font-family: Arial Unicode MS, Arial, sans-serif;
|
||||
}
|
||||
.gwt-MenuBar .gwt-MenuItem-selected {
|
||||
background: #E3E8F3;
|
||||
}
|
||||
.gwt-MenuBar-horizontal {
|
||||
background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
|
||||
border: 1px solid #e0e0e0;
|
||||
}
|
||||
.gwt-MenuBar-horizontal .gwt-MenuItem {
|
||||
padding: 5px 10px;
|
||||
vertical-align: bottom;
|
||||
color: #000;
|
||||
font-weight: bold;
|
||||
}
|
||||
.gwt-MenuBar-horizontal .gwt-MenuItemSeparator {
|
||||
width: 1px;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
border: 0px;
|
||||
border-left: 1px solid #ccc;
|
||||
background: white;
|
||||
}
|
||||
.gwt-MenuBar-horizontal .gwt-MenuItemSeparator .menuSeparatorInner {
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
background: white;
|
||||
}
|
||||
.gwt-MenuBar-vertical {
|
||||
margin-top: 0px;
|
||||
margin-left: 0px;
|
||||
background: white;
|
||||
}
|
||||
.gwt-MenuBar-vertical table {
|
||||
border-collapse: collapse;
|
||||
}
|
||||
.gwt-MenuBar-vertical .gwt-MenuItem {
|
||||
padding: 2px 40px 2px 1px;
|
||||
}
|
||||
.gwt-MenuBar-vertical .gwt-MenuItemSeparator {
|
||||
padding: 2px 0px;
|
||||
}
|
||||
.gwt-MenuBar-vertical .gwt-MenuItemSeparator .menuSeparatorInner {
|
||||
height: 1px;
|
||||
padding: 0px;
|
||||
border: 0px;
|
||||
border-top: 1px solid #ccc;
|
||||
overflow: hidden;
|
||||
}
|
||||
.gwt-MenuBar-vertical .subMenuIcon {
|
||||
padding-right: 4px;
|
||||
}
|
||||
.gwt-MenuBar-vertical .subMenuIcon-selected {
|
||||
background: #E3E8F3;
|
||||
}
|
||||
.gwt-MenuBarPopup {
|
||||
margin: 0px 0px 0px 3px;
|
||||
}
|
||||
.gwt-MenuBarPopup .menuPopupTopCenter {
|
||||
background: url(images/hborder.png) 0px -12px repeat-x;
|
||||
}
|
||||
.gwt-MenuBarPopup .menuPopupBottomCenter {
|
||||
background: url(images/hborder.png) 0px -13px repeat-x;
|
||||
-background: url(images/hborder_ie6.png) 0px -13px repeat-x;
|
||||
}
|
||||
.gwt-MenuBarPopup .menuPopupMiddleLeft {
|
||||
background: url(images/vborder.png) -12px 0px repeat-y;
|
||||
-background: url(images/vborder_ie6.png) -12px 0px repeat-y;
|
||||
}
|
||||
.gwt-MenuBarPopup .menuPopupMiddleRight {
|
||||
background: url(images/vborder.png) -13px 0px repeat-y;
|
||||
-background: url(images/vborder_ie6.png) -13px 0px repeat-y;
|
||||
}
|
||||
.gwt-MenuBarPopup .menuPopupTopLeftInner {
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
zoom: 1;
|
||||
}
|
||||
.gwt-MenuBarPopup .menuPopupTopRightInner {
|
||||
width: 8px;
|
||||
height: 5px;
|
||||
zoom: 1;
|
||||
}
|
||||
.gwt-MenuBarPopup .menuPopupBottomLeftInner {
|
||||
width: 5px;
|
||||
height: 8px;
|
||||
zoom: 1;
|
||||
}
|
||||
.gwt-MenuBarPopup .menuPopupBottomRightInner {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
zoom: 1;
|
||||
}
|
||||
.gwt-MenuBarPopup .menuPopupTopLeft {
|
||||
background: url(images/corner.png) no-repeat 0px -36px;
|
||||
-background: url(images/corner_ie6.png) no-repeat 0px -36px;
|
||||
}
|
||||
.gwt-MenuBarPopup .menuPopupTopRight {
|
||||
background: url(images/corner.png) no-repeat -5px -36px;
|
||||
-background: url(images/corner_ie6.png) no-repeat -5px -36px;
|
||||
}
|
||||
.gwt-MenuBarPopup .menuPopupBottomLeft {
|
||||
background: url(images/corner.png) no-repeat 0px -41px;
|
||||
-background: url(images/corner_ie6.png) no-repeat 0px -41px;
|
||||
}
|
||||
.gwt-MenuBarPopup .menuPopupBottomRight {
|
||||
background: url(images/corner.png) no-repeat -5px -41px;
|
||||
-background: url(images/corner_ie6.png) no-repeat -5px -41px;
|
||||
}
|
||||
* html .gwt-MenuBarPopup .menuPopupTopLeftInner {
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
overflow: hidden;
|
||||
}
|
||||
* html .gwt-MenuBarPopup .menuPopupTopRightInner {
|
||||
width: 8px;
|
||||
height: 5px;
|
||||
overflow: hidden;
|
||||
}
|
||||
* html .gwt-MenuBarPopup .menuPopupBottomLeftInner {
|
||||
width: 5px;
|
||||
height: 8px;
|
||||
overflow: hidden;
|
||||
}
|
||||
* html .gwt-MenuBarPopup .menuPopupBottomRightInner {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.gwt-PasswordTextBox {
|
||||
padding: 5px 4px;
|
||||
border: 1px solid #ccc;
|
||||
border-top: 1px solid #999;
|
||||
font-size: 100%;
|
||||
}
|
||||
.gwt-PasswordTextBox-readonly {
|
||||
color: #888;
|
||||
}
|
||||
|
||||
.gwt-PopupPanel {
|
||||
border: 3px solid #e7e7e7;
|
||||
padding: 3px;
|
||||
background: white;
|
||||
}
|
||||
|
||||
.gwt-DecoratedPopupPanel .popupContent {
|
||||
}
|
||||
.gwt-DecoratedPopupPanel .popupMiddleCenter {
|
||||
padding: 3px;
|
||||
background: #f1f1f1;
|
||||
}
|
||||
.gwt-DecoratedPopupPanel .popupTopCenter {
|
||||
background: url(images/hborder.png) 0px -2937px repeat-x;
|
||||
}
|
||||
.gwt-DecoratedPopupPanel .popupBottomCenter {
|
||||
background: url(images/hborder.png) repeat-x 0px -2938px;
|
||||
-background: url(images/hborder_ie6.png) repeat-x 0px -2138px;
|
||||
}
|
||||
.gwt-DecoratedPopupPanel .popupMiddleLeft {
|
||||
background: url(images/vborder.png) -21px 0px repeat-y;
|
||||
}
|
||||
.gwt-DecoratedPopupPanel .popupMiddleRight {
|
||||
background: url(images/vborder.png) repeat-y -24px 0px;
|
||||
-background: url(images/vborder_ie6.png) repeat-y -24px 0px;
|
||||
}
|
||||
.gwt-DecoratedPopupPanel .popupTopLeftInner {
|
||||
width: 6px;
|
||||
height: 5px;
|
||||
zoom: 1;
|
||||
}
|
||||
.gwt-DecoratedPopupPanel .popupTopRightInner {
|
||||
width: 6px;
|
||||
height: 5px;
|
||||
zoom: 1;
|
||||
}
|
||||
.gwt-DecoratedPopupPanel .popupBottomLeftInner {
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
zoom: 1;
|
||||
}
|
||||
.gwt-DecoratedPopupPanel .popupBottomRightInner {
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
zoom: 1;
|
||||
}
|
||||
.gwt-DecoratedPopupPanel .popupTopLeft {
|
||||
background: url(images/circles.png) no-repeat 0px -16px;
|
||||
-background: url(images/circles_ie6.png) no-repeat 0px -16px;
|
||||
}
|
||||
.gwt-DecoratedPopupPanel .popupTopRight {
|
||||
background: url(images/circles.png) no-repeat -6px -16px;
|
||||
-background: url(images/circles_ie6.png) no-repeat -6px -16px;
|
||||
}
|
||||
.gwt-DecoratedPopupPanel .popupBottomLeft {
|
||||
background: url(images/circles.png) no-repeat 0px -21px;
|
||||
-background: url(images/circles_ie6.png) no-repeat 0px -21px;
|
||||
}
|
||||
.gwt-DecoratedPopupPanel .popupBottomRight {
|
||||
background: url(images/circles.png) no-repeat -6px -21px;
|
||||
-background: url(images/circles_ie6.png) no-repeat -6px -21px;
|
||||
}
|
||||
* html .gwt-DecoratedPopupPanel .popupTopLeftInner {
|
||||
width: 6px;
|
||||
height: 5px;
|
||||
overflow: hidden;
|
||||
}
|
||||
* html .gwt-DecoratedPopupPanel .popupTopRightInner {
|
||||
width: 6px;
|
||||
height: 5px;
|
||||
overflow: hidden;
|
||||
}
|
||||
* html .gwt-DecoratedPopupPanel .popupBottomLeftInner {
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
overflow: hidden;
|
||||
}
|
||||
* html .gwt-DecoratedPopupPanel .popupBottomRightInner {
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.gwt-PopupPanelGlass {
|
||||
background-color: #000;
|
||||
opacity: 0.3;
|
||||
filter: alpha(opacity=30);
|
||||
}
|
||||
|
||||
.gwt-PushButton-up,
|
||||
.gwt-PushButton-up-hovering,
|
||||
.gwt-PushButton-up-disabled,
|
||||
.gwt-PushButton-down,
|
||||
.gwt-PushButton-down-hovering,
|
||||
.gwt-PushButton-down-disabled {
|
||||
margin: 0;
|
||||
text-decoration: none;
|
||||
background: url("images/hborder.png") repeat-x 0px -27px;
|
||||
border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
}
|
||||
.gwt-PushButton-up,
|
||||
.gwt-PushButton-up-hovering,
|
||||
.gwt-PushButton-up-disabled {
|
||||
padding: 3px 5px 3px 5px;
|
||||
}
|
||||
.gwt-PushButton-up {
|
||||
border:1px solid #bbb;
|
||||
border-bottom: 1px solid #a0a0a0;
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
.gwt-PushButton-up-hovering {
|
||||
border: 1px solid;
|
||||
border-color: #939393;
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
.gwt-PushButton-up-disabled {
|
||||
border: 1px solid #bbb;
|
||||
cursor: default;
|
||||
opacity: .5;
|
||||
filter: alpha(opacity=45);
|
||||
zoom: 1;
|
||||
}
|
||||
.gwt-PushButton-down,
|
||||
.gwt-PushButton-down-hovering,
|
||||
.gwt-PushButton-down-disabled {
|
||||
padding: 4px 4px 2px 6px;
|
||||
outline:none;
|
||||
}
|
||||
.gwt-PushButton-down {
|
||||
border: 1px inset #666;
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
.gwt-PushButton-down-hovering {
|
||||
border: 1px solid #939393;
|
||||
border-top: 1px solid #333333;
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
.gwt-PushButton-down-disabled {
|
||||
border: 1px outset #ccc;
|
||||
cursor: default;
|
||||
opacity: 0.5;
|
||||
filter: alpha(opacity=45);
|
||||
zoom: 1;
|
||||
}
|
||||
|
||||
.gwt-RadioButton {
|
||||
}
|
||||
.gwt-RadioButton-disabled {
|
||||
color: #888;
|
||||
}
|
||||
|
||||
.gwt-RichTextArea {
|
||||
}
|
||||
.hasRichTextToolbar {
|
||||
border: 0px;
|
||||
}
|
||||
.gwt-RichTextToolbar {
|
||||
background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
|
||||
border-bottom: 1px solid #BBBBBB;
|
||||
padding: 3px;
|
||||
margin: 0px;
|
||||
}
|
||||
.gwt-RichTextToolbar .gwt-PushButton-up {
|
||||
padding: 0px 1px 0px 0px;
|
||||
margin-right: 4px;
|
||||
margin-bottom: 4px;
|
||||
border-width: 1px;
|
||||
}
|
||||
.gwt-RichTextToolbar .gwt-PushButton-up-hovering {
|
||||
margin-right: 4px;
|
||||
margin-bottom: 4px;
|
||||
padding: 0px 1px 0px 0px;
|
||||
border-width: 1px;
|
||||
}
|
||||
.gwt-RichTextToolbar .gwt-PushButton-down {
|
||||
margin-right: 4px;
|
||||
margin-bottom: 4px;
|
||||
padding: 0px 0px 0px 1px;
|
||||
border-width: 1px;
|
||||
}
|
||||
.gwt-RichTextToolbar .gwt-PushButton-down-hovering {
|
||||
margin-right: 4px;
|
||||
margin-bottom: 4px;
|
||||
padding: 0px 0px 0px 1px;
|
||||
border-width: 1px;
|
||||
}
|
||||
.gwt-RichTextToolbar .gwt-ToggleButton-up {
|
||||
margin-right: 4px;
|
||||
margin-bottom: 4px;
|
||||
padding: 0px 1px 0px 0px;
|
||||
border:1px solid #bbb;
|
||||
border-bottom: 1px solid #a0a0a0;
|
||||
}
|
||||
.gwt-RichTextToolbar .gwt-ToggleButton-up-hovering {
|
||||
margin-right: 4px;
|
||||
margin-bottom: 4px;
|
||||
padding: 0px 1px 0px 0px;
|
||||
border-width: 1px;
|
||||
}
|
||||
.gwt-RichTextToolbar .gwt-ToggleButton-down {
|
||||
margin-right: 4px;
|
||||
margin-bottom: 4px;
|
||||
padding: 0px 0px 0px 1px;
|
||||
border-width: 1px;
|
||||
}
|
||||
.gwt-RichTextToolbar .gwt-ToggleButton-down-hovering {
|
||||
margin-right: 4px;
|
||||
margin-bottom: 4px;
|
||||
padding: 0px 0px 0px 1px;
|
||||
border-width: 1px;
|
||||
}
|
||||
|
||||
.gwt-StackPanel {
|
||||
border-bottom: 1px solid #bbbbbb;
|
||||
}
|
||||
.gwt-StackPanel .gwt-StackPanelItem {
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
font-weight: bold;
|
||||
font-size: 1.3em;
|
||||
padding: 3px;
|
||||
border: 1px solid #bbbbbb;
|
||||
border-bottom: 0px;
|
||||
background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
|
||||
}
|
||||
.gwt-StackPanel .gwt-StackPanelContent {
|
||||
border: 1px solid #bbbbbb;
|
||||
border-bottom: 0px;
|
||||
background: white;
|
||||
padding: 2px 2px 10px 5px;
|
||||
}
|
||||
|
||||
.gwt-DecoratedStackPanel {
|
||||
border-bottom: 1px solid #bbbbbb;
|
||||
}
|
||||
.gwt-DecoratedStackPanel .gwt-StackPanelContent {
|
||||
border: 1px solid #bbbbbb;
|
||||
border-bottom: 0px;
|
||||
background: white;
|
||||
padding: 2px 2px 10px 5px;
|
||||
}
|
||||
.gwt-DecoratedStackPanel .gwt-StackPanelItem {
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
.gwt-DecoratedStackPanel .stackItemTopLeft,
|
||||
.gwt-DecoratedStackPanel .stackItemTopRight {
|
||||
height: 6px;
|
||||
width: 6px;
|
||||
zoom: 1;
|
||||
}
|
||||
.gwt-DecoratedStackPanel .stackItemTopLeft {
|
||||
border-left: 1px solid #bbbbbb;
|
||||
background: #d3def6 url(images/corner.png) no-repeat 0px -49px;
|
||||
-background: #d3def6 url(images/corner_ie6.png) no-repeat 0px -49px;
|
||||
}
|
||||
.gwt-DecoratedStackPanel .stackItemTopRight {
|
||||
border-right: 1px solid #bbbbbb;
|
||||
background: #d3def6 url(images/corner.png) no-repeat -6px -49px;
|
||||
-background: #d3def6 url(images/corner_ie6.png) no-repeat -6px -49px;
|
||||
}
|
||||
.gwt-DecoratedStackPanel .stackItemTopLeftInner,
|
||||
.gwt-DecoratedStackPanel .stackItemTopRightInner {
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
}
|
||||
* html .gwt-DecoratedStackPanel .stackItemTopLeftInner,
|
||||
* html .gwt-DecoratedStackPanel .stackItemTopRightInner {
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.gwt-DecoratedStackPanel .stackItemTopCenter {
|
||||
background: url(images/hborder.png) 0px -21px repeat-x;
|
||||
}
|
||||
.gwt-DecoratedStackPanel .stackItemMiddleLeft {
|
||||
background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
|
||||
border-left: 1px solid #bbbbbb;
|
||||
}
|
||||
.gwt-DecoratedStackPanel .stackItemMiddleLeftInner,
|
||||
.gwt-DecoratedStackPanel .stackItemMiddleRightInner {
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
}
|
||||
.gwt-DecoratedStackPanel .stackItemMiddleRight {
|
||||
background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
|
||||
border-right: 1px solid #bbbbbb;
|
||||
}
|
||||
.gwt-DecoratedStackPanel .stackItemMiddleCenter {
|
||||
font-weight: bold;
|
||||
font-size: 1.3em;
|
||||
background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
|
||||
}
|
||||
.gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopRight,
|
||||
.gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopLeft {
|
||||
border: 0px;
|
||||
background-color: white;
|
||||
}
|
||||
.gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopLeft,
|
||||
.gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopRight {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.gwt-SuggestBox {
|
||||
padding: 5px 4px;
|
||||
border: 1px solid #ccc;
|
||||
border-top: 1px solid #999;
|
||||
font-size: 100%;
|
||||
font-family: Arial Unicode MS, Arial, sans-serif;
|
||||
}
|
||||
|
||||
.gwt-SuggestBoxPopup {
|
||||
}
|
||||
|
||||
.gwt-SuggestBoxPopup .item {
|
||||
padding: 2px 6px;
|
||||
color: #000;
|
||||
cursor: default;
|
||||
font-size: 110%;
|
||||
}
|
||||
.gwt-SuggestBoxPopup .item-selected {
|
||||
background: #D5E2FF;
|
||||
}
|
||||
.gwt-SuggestBoxPopup .suggestPopupContent {
|
||||
background: white;
|
||||
}
|
||||
.gwt-SuggestBoxPopup .suggestPopupTopCenter {
|
||||
border-top: 1px solid #bbb;
|
||||
}
|
||||
.gwt-SuggestBoxPopup .suggestPopupBottomCenter {
|
||||
border-bottom: 1px solid #bbb;
|
||||
}
|
||||
.gwt-SuggestBoxPopup .suggestPopupTopCenterInner,
|
||||
.gwt-SuggestBoxPopup .suggestPopupBottomCenterInner {
|
||||
height: 1px;
|
||||
line-height: 1px;
|
||||
}
|
||||
.gwt-SuggestBoxPopup .suggestPopupMiddleLeft {
|
||||
border-left: 1px solid #bbb;
|
||||
}
|
||||
.gwt-SuggestBoxPopup .suggestPopupMiddleRight {
|
||||
border-right: 1px solid #bbb;
|
||||
}
|
||||
.gwt-SuggestBoxPopup .suggestPopupMiddleLeftInner,
|
||||
.gwt-SuggestBoxPopup .suggestPopupMiddleRightInner {
|
||||
width: 1px;
|
||||
line-height: 1px;
|
||||
}
|
||||
.gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
zoom: 1;
|
||||
}
|
||||
.gwt-SuggestBoxPopup .suggestPopupTopRightInner {
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
zoom: 1;
|
||||
}
|
||||
.gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
zoom: 1;
|
||||
}
|
||||
.gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
zoom: 1;
|
||||
}
|
||||
.gwt-SuggestBoxPopup .suggestPopupTopLeft {
|
||||
background: url(images/circles.png) no-repeat 0px -6px;
|
||||
-background: url(images/circles_ie6.png) no-repeat 0px -6px;
|
||||
width:5px;
|
||||
height:5px;
|
||||
}
|
||||
.gwt-SuggestBoxPopup .suggestPopupTopRight {
|
||||
background: url(images/circles.png) no-repeat -5px -6px;
|
||||
-background: url(images/circles_ie6.png) no-repeat -5px -6px;
|
||||
width:5px;
|
||||
height:5px;
|
||||
}
|
||||
.gwt-SuggestBoxPopup .suggestPopupBottomLeft {
|
||||
background: url(images/circles.png) no-repeat 0px -11px;
|
||||
-background: url(images/circles_ie6.png) no-repeat 0px -11px;
|
||||
width:5px;
|
||||
height:5px;
|
||||
}
|
||||
.gwt-SuggestBoxPopup .suggestPopupBottomRight {
|
||||
background: url(images/circles.png) no-repeat -5px -11px;
|
||||
-background: url(images/circles_ie6.png) no-repeat -5px -11px;
|
||||
width:5px;
|
||||
height:5px;
|
||||
}
|
||||
* html .gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
overflow: hidden;
|
||||
}
|
||||
* html .gwt-SuggestBoxPopup .suggestPopupTopRightInner {
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
overflow: hidden;
|
||||
}
|
||||
* html .gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
overflow: hidden;
|
||||
}
|
||||
* html .gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.gwt-TabBar {
|
||||
background: #ccc;
|
||||
padding-top: 6px;
|
||||
}
|
||||
.gwt-TabBar .gwt-TabBarFirst {
|
||||
width: 5px; /* first tab distance from the left */
|
||||
}
|
||||
.gwt-TabBar .gwt-TabBarRest {
|
||||
}
|
||||
.gwt-TabBar .gwt-TabBarItem {
|
||||
margin-left: 4px;
|
||||
padding: 4px 8px 4px 8px;
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
color: white;
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
background: #8E8E8E;
|
||||
-moz-border-radius: 3px 3px 0px 0px;
|
||||
border-radius: 3px 3px 0px 0px;
|
||||
}
|
||||
.gwt-TabBar .gwt-TabBarItem-selected {
|
||||
cursor: default;
|
||||
background: white;
|
||||
color: #333;
|
||||
font-weight: bold;
|
||||
}
|
||||
.gwt-TabBar .gwt-TabBarItem-disabled {
|
||||
cursor: default;
|
||||
color: #999999;
|
||||
}
|
||||
.gwt-TabPanel {
|
||||
}
|
||||
.gwt-TabPanelBottom {
|
||||
border-color: #ccc;
|
||||
border-style: solid;
|
||||
border-width: 0px 1px 1px;
|
||||
overflow: hidden;
|
||||
padding: 6px;
|
||||
}
|
||||
.gwt-DecoratedTabBar {
|
||||
background: #ccc;
|
||||
padding-top: 6px;
|
||||
}
|
||||
.gwt-DecoratedTabBar .gwt-TabBarFirst {
|
||||
width: 5px; /* first tab distance from the left */
|
||||
}
|
||||
.gwt-DecoratedTabBar .gwt-TabBarRest {
|
||||
}
|
||||
.gwt-DecoratedTabBar .gwt-TabBarItem {
|
||||
border-collapse: collapse;
|
||||
margin-left: 4px;
|
||||
}
|
||||
.gwt-DecoratedTabBar .tabTopCenter {
|
||||
padding: 0px;
|
||||
background: #8E8E8E;
|
||||
}
|
||||
.gwt-DecoratedTabBar .tabTopLeft,
|
||||
.gwt-DecoratedTabBar .tabTopRight {
|
||||
padding: 0px;
|
||||
zoom: 1;
|
||||
}
|
||||
.gwt-DecoratedTabBar .tabTopLeftInner,
|
||||
.gwt-DecoratedTabBar .tabTopRightInner {
|
||||
width: 3px;
|
||||
height: 3px;
|
||||
}
|
||||
.gwt-DecoratedTabBar .tabTopLeft {
|
||||
background: url(images/circles.png) no-repeat 0px 0px;
|
||||
-background: url(images/circles_ie6.png) no-repeat 0px 0px;
|
||||
}
|
||||
.gwt-DecoratedTabBar .tabTopRight {
|
||||
background: url(images/circles.png) no-repeat -3px 0px;
|
||||
-background: url(images/circles_ie6.png) no-repeat -3px 0px;
|
||||
}
|
||||
* html .gwt-DecoratedTabBar .tabTopLeftInner,
|
||||
* html .gwt-DecoratedTabBar .tabTopRightInner {
|
||||
width: 3px;
|
||||
height: 3px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.gwt-DecoratedTabBar .tabMiddleLeft,
|
||||
.gwt-DecoratedTabBar .tabMiddleRight {
|
||||
width: 3px;
|
||||
padding: 0px;
|
||||
background: #8E8E8E;
|
||||
}
|
||||
.gwt-DecoratedTabBar .tabMiddleLeftInner,
|
||||
.gwt-DecoratedTabBar .tabMiddleRightInner {
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
}
|
||||
.gwt-DecoratedTabBar .tabMiddleCenter {
|
||||
padding: 0px 5px 4px 5px;
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
color: #fff;
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
background: #8E8E8E;
|
||||
}
|
||||
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter {
|
||||
background:#fff;
|
||||
}
|
||||
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeft {
|
||||
background: url(images/circles.png) no-repeat -6px 0px;
|
||||
-background: url(images/circles_ie6.png) no-repeat -6px 0px;
|
||||
}
|
||||
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRight {
|
||||
background: url(images/circles.png) no-repeat -9px 0px;
|
||||
-background: url(images/circles_ie6.png) no-repeat -9px 0px;
|
||||
}
|
||||
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft,
|
||||
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight {
|
||||
background: #fff;
|
||||
}
|
||||
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
|
||||
cursor: default;
|
||||
background: #fff;
|
||||
color:#333;
|
||||
font-weight:bold;
|
||||
}
|
||||
.gwt-DecoratedTabBar .gwt-TabBarItem-disabled .tabMiddleCenter {
|
||||
cursor: default;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.gwt-TextArea {
|
||||
padding: 4px;
|
||||
border: 1px solid #ccc;
|
||||
border-top: 1px solid #666;
|
||||
font-size: 100%;
|
||||
font-family: Arial Unicode MS, Arial, sans-serif;
|
||||
}
|
||||
.gwt-TextArea-readonly {
|
||||
color: #888;
|
||||
}
|
||||
|
||||
.gwt-TextBox {
|
||||
padding: 5px 4px;
|
||||
border: 1px solid #ccc;
|
||||
border-top: 1px solid #999;
|
||||
font-size: small;
|
||||
font-family: Arial Unicode MS, Arial, sans-serif;
|
||||
}
|
||||
.gwt-TextBox-readonly {
|
||||
color: #888;
|
||||
}
|
||||
.gwt-ToggleButton-up,
|
||||
.gwt-ToggleButton-up-hovering,
|
||||
.gwt-ToggleButton-up-disabled,
|
||||
.gwt-ToggleButton-down,
|
||||
.gwt-ToggleButton-down-hovering,
|
||||
.gwt-ToggleButton-down-disabled {
|
||||
margin: 0;
|
||||
text-decoration: none;
|
||||
background: url("images/hborder.png") repeat-x 0px -27px;
|
||||
-moz-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.gwt-ToggleButton-up,
|
||||
.gwt-ToggleButton-up-hovering,
|
||||
.gwt-ToggleButton-up-disabled {
|
||||
padding: 3px 5px 3px 5px;
|
||||
}
|
||||
.gwt-ToggleButton-up {
|
||||
border:1px solid #bbb;
|
||||
border-bottom: 1px solid #a0a0a0;
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
.gwt-ToggleButton-up-hovering {
|
||||
border: 1px solid;
|
||||
border-color: #939393;
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
.gwt-ToggleButton-up-disabled {
|
||||
border: 1px solid #bbb;
|
||||
cursor: default;
|
||||
opacity: .5;
|
||||
zoom: 1;
|
||||
filter: alpha(opacity=45);
|
||||
}
|
||||
.gwt-ToggleButton-down,
|
||||
.gwt-ToggleButton-down-hovering,
|
||||
.gwt-ToggleButton-down-disabled {
|
||||
padding: 4px 4px 2px 6px;
|
||||
}
|
||||
.gwt-ToggleButton-down {
|
||||
background-position: 0 -513px;
|
||||
border: 1px inset #666;
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
.gwt-ToggleButton-down-hovering {
|
||||
background-position: 0 -513px;
|
||||
border: 1px inset;
|
||||
border-color: #9cf #69e #69e #7af;
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
.gwt-ToggleButton-down-disabled {
|
||||
background-position: 0 -513px;
|
||||
border: 1px inset #ccc;
|
||||
cursor: default;
|
||||
opacity: .5;
|
||||
zoom: 1;
|
||||
filter: alpha(opacity=45);
|
||||
}
|
||||
|
||||
.gwt-Tree .gwt-TreeItem {
|
||||
padding: 1px 0px;
|
||||
margin: 0px;
|
||||
white-space: nowrap;
|
||||
cursor: hand;
|
||||
cursor: pointer;
|
||||
}
|
||||
.gwt-Tree .gwt-TreeItem-selected {
|
||||
background: #ebeff9;
|
||||
}
|
||||
.gwt-TreeItem .gwt-RadioButton input,
|
||||
.gwt-TreeItem .gwt-CheckBox input {
|
||||
margin-left: 0px;
|
||||
}
|
||||
* html .gwt-TreeItem .gwt-RadioButton input,
|
||||
* html .gwt-TreeItem .gwt-CheckBox input {
|
||||
margin-left: -4px;
|
||||
}
|
||||
|
||||
.gwt-DateBox {
|
||||
padding: 5px 4px;
|
||||
border: 1px solid #ccc;
|
||||
border-top: 1px solid #999;
|
||||
font-size: 100%;
|
||||
}
|
||||
.gwt-DateBox input {
|
||||
width: 8em;
|
||||
}
|
||||
.dateBoxFormatError {
|
||||
background: #ffcccc;
|
||||
}
|
||||
.dateBoxPopup {
|
||||
}
|
||||
|
||||
.gwt-DatePicker {
|
||||
border: 1px solid #ccc;
|
||||
border-top:1px solid #999;
|
||||
cursor: default;
|
||||
}
|
||||
.gwt-DatePicker td,
|
||||
.datePickerMonthSelector td:focus {
|
||||
outline: none;
|
||||
}
|
||||
.datePickerDays {
|
||||
width: 100%;
|
||||
background: white;
|
||||
}
|
||||
.datePickerDay,
|
||||
.datePickerWeekdayLabel,
|
||||
.datePickerWeekendLabel {
|
||||
font-size: 85%;
|
||||
text-align: center;
|
||||
padding: 4px;
|
||||
outline: none;
|
||||
font-weight:bold;
|
||||
color:#333;
|
||||
border-right: 1px solid #EDEDED;
|
||||
border-bottom: 1px solid #EDEDED;
|
||||
}
|
||||
.datePickerWeekdayLabel,
|
||||
.datePickerWeekendLabel {
|
||||
background: #fff;
|
||||
padding: 0px 4px 2px;
|
||||
cursor: default;
|
||||
color:#666;
|
||||
font-size:70%;
|
||||
font-weight:normal;
|
||||
}
|
||||
.datePickerDay {
|
||||
padding: 4px 7px;
|
||||
cursor: hand;
|
||||
cursor: pointer;
|
||||
}
|
||||
.datePickerDayIsWeekend {
|
||||
background: #f7f7f7;
|
||||
}
|
||||
.datePickerDayIsFiller {
|
||||
color: #999;
|
||||
font-weight:normal;
|
||||
}
|
||||
.datePickerDayIsValue {
|
||||
background: #d7dfe8;
|
||||
}
|
||||
.datePickerDayIsDisabled {
|
||||
color: #AAAAAA;
|
||||
font-style: italic;
|
||||
}
|
||||
.datePickerDayIsHighlighted {
|
||||
background: #F0E68C;
|
||||
}
|
||||
.datePickerDayIsValueAndHighlighted {
|
||||
background: #d7dfe8;
|
||||
}
|
||||
.datePickerDayIsToday {
|
||||
padding: 3px;
|
||||
color: #fff;
|
||||
background: url(images/hborder.png) repeat-x 0px -2607px;
|
||||
}
|
||||
|
||||
.datePickerMonthSelector {
|
||||
width: 100%;
|
||||
padding: 1px 0 5px 0;
|
||||
background: #fff;
|
||||
}
|
||||
td.datePickerMonth {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
white-space: nowrap;
|
||||
font-size: 100%;
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
}
|
||||
.datePickerPreviousButton,
|
||||
.datePickerNextButton {
|
||||
font-size: 120%;
|
||||
line-height: 1em;
|
||||
color: #3a6aad;
|
||||
cursor: hand;
|
||||
cursor: pointer;
|
||||
font-weight: bold;
|
||||
padding: 0px 4px;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.gwt-StackLayoutPanel {
|
||||
border-bottom: 1px solid #bbbbbb;
|
||||
}
|
||||
.gwt-StackLayoutPanel .gwt-StackLayoutPanelHeader {
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
font-weight: bold;
|
||||
font-size: 1.3em;
|
||||
padding: 3px;
|
||||
border: 1px solid #bbbbbb;
|
||||
border-bottom: 0px;
|
||||
background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
|
||||
}
|
||||
.gwt-StackLayoutPanel .gwt-StackLayoutPanelHeader-hovering {
|
||||
background: #d3def6;
|
||||
}
|
||||
.gwt-StackLayoutPanel .gwt-StackLayoutPanelContent {
|
||||
border: 1px solid #bbbbbb;
|
||||
border-bottom: 0px;
|
||||
background: white;
|
||||
padding: 2px 2px 10px 5px;
|
||||
}
|
||||
|
||||
.gwt-TabLayoutPanel {
|
||||
}
|
||||
.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs {
|
||||
background: #ccc;
|
||||
padding-top: 6px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.gwt-TabLayoutPanel .gwt-TabLayoutPanelContentContainer {
|
||||
border-color: #ccc;
|
||||
border-style: solid;
|
||||
border-width: 0px 1px 1px;
|
||||
}
|
||||
.gwt-TabLayoutPanel .gwt-TabLayoutPanelContent {
|
||||
overflow: hidden;
|
||||
padding: 6px;
|
||||
}
|
||||
.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab {
|
||||
margin-left: 4px;
|
||||
padding: 4px 8px 4px 8px;
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
color: white;
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
background: #8E8E8E;
|
||||
-moz-border-radius: 3px 3px 0px 0px;
|
||||
border-radius: 3px 3px 0px 0px;
|
||||
}
|
||||
.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab-selected {
|
||||
cursor: default;
|
||||
background: white;
|
||||
color: #333;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.gwt-SplitLayoutPanel-HDragger {
|
||||
background: #e7e7e7 url(images/thumb_vertical.png) center center no-repeat;
|
||||
cursor: col-resize;
|
||||
}
|
||||
|
||||
.gwt-SplitLayoutPanel-VDragger {
|
||||
background: #e7e7e7 url(images/thumb_horz.png) center center no-repeat;
|
||||
cursor: row-resize;
|
||||
}
|
||||
1265
common/static/js/capa/jsmolcalc/gwt/clean/clean_rtl.css
Normal file
1265
common/static/js/capa/jsmolcalc/gwt/clean/clean_rtl.css
Normal file
@@ -0,0 +1,1265 @@
|
||||
/**
|
||||
* The file contains styles for GWT widgets in the Clean theme, in RTL mode.
|
||||
*
|
||||
* In order to maintain cross-browser compatibility, the following syntax is
|
||||
* used to create IE6 specific style rules:
|
||||
* .gwt-Widget {
|
||||
* property: rule applies to all browsers
|
||||
* -property: rule applies only to IE6 (overrides previous rule)
|
||||
* }
|
||||
* * html .gwt-Widget {
|
||||
* property: rule applies to all versions of IE
|
||||
* }
|
||||
*/
|
||||
|
||||
body, table td, select, button {
|
||||
font-family: Arial Unicode MS, Arial, sans-serif;
|
||||
font-size: small;
|
||||
}
|
||||
pre {
|
||||
font-family: "courier new", courier;
|
||||
font-size: small;
|
||||
}
|
||||
body {
|
||||
color: black;
|
||||
margin: 10px;
|
||||
border: 0px;
|
||||
padding: 0px;
|
||||
background: #fff;
|
||||
direction: rtl;
|
||||
}
|
||||
a, a:visited {
|
||||
color: #0066cc;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #0066cc;
|
||||
text-decoration:underline;
|
||||
}
|
||||
|
||||
select {
|
||||
background: white;
|
||||
}
|
||||
|
||||
/**
|
||||
* The reference theme can be used to determine when this style sheet has
|
||||
* loaded. Create a hidden div element with absolute position, assign the style
|
||||
* name below, and attach it to the DOM. Use a timer to detect when the
|
||||
* element's height and width are set to 5px.
|
||||
*/
|
||||
.gwt-Reference-clean-rtl {
|
||||
height: 5px;
|
||||
width: 5px;
|
||||
zoom: 1;
|
||||
}
|
||||
|
||||
.gwt-Button {
|
||||
margin: 0;
|
||||
padding: 5px 7px;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
font-size:small;
|
||||
background: url("images/hborder.png") repeat-x 0px -2077px;
|
||||
border:1px solid #bbb;
|
||||
border-bottom: 1px solid #a0a0a0;
|
||||
border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
}
|
||||
.gwt-Button:active {
|
||||
border: 1px inset #ccc;
|
||||
}
|
||||
.gwt-Button:hover {
|
||||
border-color: #939393;
|
||||
}
|
||||
.gwt-Button[disabled] {
|
||||
cursor: default;
|
||||
color: #888;
|
||||
}
|
||||
.gwt-Button[disabled]:hover {
|
||||
border: 1px outset #ccc;
|
||||
}
|
||||
|
||||
.gwt-CheckBox {
|
||||
}
|
||||
.gwt-CheckBox-disabled {
|
||||
color: #888;
|
||||
}
|
||||
|
||||
.gwt-DecoratorPanel {
|
||||
}
|
||||
.gwt-DecoratorPanel .topCenter {
|
||||
border-top: 1px solid #bbb;
|
||||
line-height: 0px;
|
||||
}
|
||||
.gwt-DecoratorPanel .bottomCenter {
|
||||
border-bottom: 1px solid #bbb;
|
||||
line-height: 0px;
|
||||
}
|
||||
.gwt-DecoratorPanel .topCenterInner,
|
||||
.gwt-DecoratorPanel .bottomCenterInner {
|
||||
height: 1px;
|
||||
line-height: 0px;
|
||||
font-size: 1px;
|
||||
}
|
||||
.gwt-DecoratorPanel .middleLeft {
|
||||
border-left: 1px solid #bbb;
|
||||
}
|
||||
.gwt-DecoratorPanel .middleRight {
|
||||
border-right: 1px solid #bbb;
|
||||
}
|
||||
.gwt-DecoratorPanel .middleLeftInner,
|
||||
.gwt-DecoratorPanel .middleRightInner {
|
||||
width: 1px;
|
||||
line-height: 1px;
|
||||
}
|
||||
.gwt-DecoratorPanel .topLeftInner,
|
||||
.gwt-DecoratorPanel .topRightInner,
|
||||
.gwt-DecoratorPanel .bottomLeftInner,
|
||||
.gwt-DecoratorPanel .bottomRightInner {
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
zoom: 1;
|
||||
font-size: 1px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.gwt-DecoratorPanel .topLeft {
|
||||
line-height: 0px;
|
||||
background: url(images/circles.png) no-repeat 0px -6px;
|
||||
-background: url(images/circles_ie6.png) no-repeat 0px -6px;
|
||||
}
|
||||
.gwt-DecoratorPanel .topRight {
|
||||
line-height: 0px;
|
||||
background: url(images/circles.png) no-repeat -5px -6px;
|
||||
-background: url(images/circles_ie6.png) no-repeat -5px -6px;
|
||||
}
|
||||
.gwt-DecoratorPanel .bottomLeft {
|
||||
line-height: 0px;
|
||||
background: url(images/circles.png) no-repeat 0px -11px;
|
||||
-background: url(images/circles_ie6.png) no-repeat 0px -11px;
|
||||
}
|
||||
.gwt-DecoratorPanel .bottomRight {
|
||||
line-height: 0px;
|
||||
background: url(images/circles.png) no-repeat -5px -11px;
|
||||
-background: url(images/circles_ie6.png) no-repeat -5px -11px;
|
||||
}
|
||||
* html .gwt-DecoratorPanel .topLeftInner,
|
||||
* html .gwt-DecoratorPanel .topRightInner,
|
||||
* html .gwt-DecoratorPanel .bottomLeftInner,
|
||||
* html .gwt-DecoratorPanel .bottomRightInner {
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.gwt-DialogBox .Caption {
|
||||
background: #F1F1F1;
|
||||
padding: 4px 4px 4px 8px;
|
||||
cursor: default;
|
||||
font-family: Arial Unicode MS, Arial, sans-serif;
|
||||
font-weight: bold;
|
||||
border-bottom: 1px solid #bbbbbb;
|
||||
border-top: 1px solid #D2D2D2;
|
||||
}
|
||||
.gwt-DialogBox .dialogContent {
|
||||
}
|
||||
.gwt-DialogBox .dialogMiddleCenter {
|
||||
padding: 3px;
|
||||
background: white;
|
||||
}
|
||||
.gwt-DialogBox .dialogBottomCenter {
|
||||
background: url(images/hborder.png) repeat-x 0px -2945px;
|
||||
-background: url(images/hborder_ie6.png) repeat-x 0px -2144px;
|
||||
}
|
||||
.gwt-DialogBox .dialogMiddleLeft {
|
||||
background: url(images/vborder.png) repeat-y -31px 0px;
|
||||
}
|
||||
.gwt-DialogBox .dialogMiddleRight {
|
||||
background: url(images/vborder.png) repeat-y -32px 0px;
|
||||
-background: url(images/vborder_ie6.png) repeat-y -32px 0px;
|
||||
}
|
||||
.gwt-DialogBox .dialogTopLeftInner {
|
||||
width: 10px;
|
||||
height: 8px;
|
||||
zoom: 1;
|
||||
}
|
||||
.gwt-DialogBox .dialogTopRightInner {
|
||||
width: 12px;
|
||||
zoom: 1;
|
||||
}
|
||||
.gwt-DialogBox .dialogBottomLeftInner {
|
||||
width: 10px;
|
||||
height: 12px;
|
||||
zoom: 1;
|
||||
}
|
||||
.gwt-DialogBox .dialogBottomRightInner {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
zoom: 1;
|
||||
}
|
||||
.gwt-DialogBox .dialogTopLeft {
|
||||
background: url(images/circles.png) no-repeat -20px 0px;
|
||||
-background: url(images/circles_ie6.png) no-repeat -20px 0px;
|
||||
}
|
||||
.gwt-DialogBox .dialogTopRight {
|
||||
background: url(images/circles.png) no-repeat -28px 0px;
|
||||
-background: url(images/circles_ie6.png) no-repeat -28px 0px;
|
||||
}
|
||||
.gwt-DialogBox .dialogBottomLeft {
|
||||
background: url(images/circles.png) no-repeat 0px -36px;
|
||||
-background: url(images/circles_ie6.png) no-repeat 0px -36px;
|
||||
}
|
||||
.gwt-DialogBox .dialogBottomRight {
|
||||
background: url(images/circles.png) no-repeat -8px -36px;
|
||||
-background: url(images/circles_ie6.png) no-repeat -8px -36px;
|
||||
}
|
||||
* html .gwt-DialogBox .dialogTopLeftInner {
|
||||
width: 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
* html .gwt-DialogBox .dialogTopRightInner {
|
||||
width: 12px;
|
||||
overflow: hidden;
|
||||
}
|
||||
* html .gwt-DialogBox .dialogBottomLeftInner {
|
||||
width: 10px;
|
||||
height: 12px;
|
||||
overflow: hidden;
|
||||
}
|
||||
* html .gwt-DialogBox .dialogBottomRightInner {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.gwt-DisclosurePanel {
|
||||
}
|
||||
.gwt-DisclosurePanel-open {
|
||||
}
|
||||
.gwt-DisclosurePanel-closed {
|
||||
}
|
||||
.gwt-DisclosurePanel .header,
|
||||
.gwt-DisclosurePanel .header a,
|
||||
.gwt-DisclosurePanel .header td {
|
||||
text-decoration: none; /* Remove underline from header */
|
||||
color: black;
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
.gwt-DisclosurePanel .content {
|
||||
border-right: 3px solid #e7e7e7;
|
||||
padding: 4px 8px 4px 0px;
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
.gwt-FileUpload {
|
||||
}
|
||||
|
||||
.gwt-Frame {
|
||||
border-top: 2px solid #666;
|
||||
border-left: 2px solid #666;
|
||||
border-right: 2px solid #bbb;
|
||||
border-bottom: 2px solid #bbb;
|
||||
}
|
||||
|
||||
.gwt-HorizontalSplitPanel {
|
||||
}
|
||||
.gwt-HorizontalSplitPanel .hsplitter {
|
||||
cursor: move;
|
||||
border: 0px;
|
||||
background: #e7e7e7;
|
||||
line-height: 0px;
|
||||
}
|
||||
.gwt-VerticalSplitPanel {
|
||||
}
|
||||
.gwt-VerticalSplitPanel .vsplitter {
|
||||
cursor: move;
|
||||
border: 0px;
|
||||
background: #e7e7e7;
|
||||
line-height: 0px;
|
||||
}
|
||||
|
||||
.gwt-HTML {
|
||||
padding: 0 0px;
|
||||
}
|
||||
|
||||
.gwt-Hyperlink {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.gwt-Image {
|
||||
}
|
||||
|
||||
.gwt-Label {
|
||||
}
|
||||
|
||||
.gwt-ListBox {
|
||||
}
|
||||
|
||||
.gwt-MenuBar {
|
||||
cursor: default;
|
||||
}
|
||||
.gwt-MenuBar .gwt-MenuItem {
|
||||
cursor: default;
|
||||
font-family: Arial Unicode MS, Arial, sans-serif;
|
||||
}
|
||||
.gwt-MenuBar .gwt-MenuItem-selected {
|
||||
background: #E3E8F3;
|
||||
}
|
||||
.gwt-MenuBar-horizontal {
|
||||
background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
|
||||
border: 1px solid #e0e0e0;
|
||||
}
|
||||
.gwt-MenuBar-horizontal .gwt-MenuItem {
|
||||
padding: 5px 10px;
|
||||
vertical-align: bottom;
|
||||
color: #000;
|
||||
font-weight: bold;
|
||||
}
|
||||
.gwt-MenuBar-horizontal .gwt-MenuItemSeparator {
|
||||
width: 1px;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
border: 0px;
|
||||
border-right: 1px solid #ccc;
|
||||
background: white;
|
||||
}
|
||||
.gwt-MenuBar-horizontal .gwt-MenuItemSeparator .menuSeparatorInner {
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
background: white;
|
||||
}
|
||||
.gwt-MenuBar-vertical {
|
||||
margin-top: 0px;
|
||||
margin-right: 0px;
|
||||
background: white;
|
||||
}
|
||||
.gwt-MenuBar-vertical table {
|
||||
border-collapse: collapse;
|
||||
}
|
||||
.gwt-MenuBar-vertical .gwt-MenuItem {
|
||||
padding: 2px 1px 2px 40px;
|
||||
}
|
||||
.gwt-MenuBar-vertical .gwt-MenuItemSeparator {
|
||||
padding: 2px 0px;
|
||||
}
|
||||
.gwt-MenuBar-vertical .gwt-MenuItemSeparator .menuSeparatorInner {
|
||||
height: 1px;
|
||||
padding: 0px;
|
||||
border: 0px;
|
||||
border-top: 1px solid #ccc;
|
||||
overflow: hidden;
|
||||
}
|
||||
.gwt-MenuBar-vertical .subMenuIcon {
|
||||
padding-left: 4px;
|
||||
}
|
||||
.gwt-MenuBar-vertical .subMenuIcon-selected {
|
||||
background: #E3E8F3;
|
||||
}
|
||||
.gwt-MenuBarPopup {
|
||||
margin: 0px 3px 0px 0px;
|
||||
}
|
||||
.gwt-MenuBarPopup .menuPopupTopCenter {
|
||||
background: url(images/hborder.png) 0px -12px repeat-x;
|
||||
}
|
||||
.gwt-MenuBarPopup .menuPopupBottomCenter {
|
||||
background: url(images/hborder.png) 0px -13px repeat-x;
|
||||
-background: url(images/hborder_ie6.png) 0px -13px repeat-x;
|
||||
}
|
||||
.gwt-MenuBarPopup .menuPopupMiddleLeft {
|
||||
background: url(images/vborder.png) -12px 0px repeat-y;
|
||||
-background: url(images/vborder_ie6.png) -12px 0px repeat-y;
|
||||
}
|
||||
.gwt-MenuBarPopup .menuPopupMiddleRight {
|
||||
background: url(images/vborder.png) -13px 0px repeat-y;
|
||||
-background: url(images/vborder_ie6.png) -13px 0px repeat-y;
|
||||
}
|
||||
.gwt-MenuBarPopup .menuPopupTopLeftInner {
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
zoom: 1;
|
||||
}
|
||||
.gwt-MenuBarPopup .menuPopupTopRightInner {
|
||||
width: 8px;
|
||||
height: 5px;
|
||||
zoom: 1;
|
||||
}
|
||||
.gwt-MenuBarPopup .menuPopupBottomLeftInner {
|
||||
width: 5px;
|
||||
height: 8px;
|
||||
zoom: 1;
|
||||
}
|
||||
.gwt-MenuBarPopup .menuPopupBottomRightInner {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
zoom: 1;
|
||||
}
|
||||
.gwt-MenuBarPopup .menuPopupTopLeft {
|
||||
background: url(images/corner.png) no-repeat 0px -36px;
|
||||
-background: url(images/corner_ie6.png) no-repeat 0px -36px;
|
||||
}
|
||||
.gwt-MenuBarPopup .menuPopupTopRight {
|
||||
background: url(images/corner.png) no-repeat -5px -36px;
|
||||
-background: url(images/corner_ie6.png) no-repeat -5px -36px;
|
||||
}
|
||||
.gwt-MenuBarPopup .menuPopupBottomLeft {
|
||||
background: url(images/corner.png) no-repeat 0px -41px;
|
||||
-background: url(images/corner_ie6.png) no-repeat 0px -41px;
|
||||
}
|
||||
.gwt-MenuBarPopup .menuPopupBottomRight {
|
||||
background: url(images/corner.png) no-repeat -5px -41px;
|
||||
-background: url(images/corner_ie6.png) no-repeat -5px -41px;
|
||||
}
|
||||
* html .gwt-MenuBarPopup .menuPopupTopLeftInner {
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
overflow: hidden;
|
||||
}
|
||||
* html .gwt-MenuBarPopup .menuPopupTopRightInner {
|
||||
width: 8px;
|
||||
height: 5px;
|
||||
overflow: hidden;
|
||||
}
|
||||
* html .gwt-MenuBarPopup .menuPopupBottomLeftInner {
|
||||
width: 5px;
|
||||
height: 8px;
|
||||
overflow: hidden;
|
||||
}
|
||||
* html .gwt-MenuBarPopup .menuPopupBottomRightInner {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.gwt-PasswordTextBox {
|
||||
padding: 5px 4px;
|
||||
border: 1px solid #ccc;
|
||||
border-top: 1px solid #999;
|
||||
font-size: 100%;
|
||||
}
|
||||
.gwt-PasswordTextBox-readonly {
|
||||
color: #888;
|
||||
}
|
||||
|
||||
.gwt-PopupPanel {
|
||||
border: 3px solid #e7e7e7;
|
||||
padding: 3px;
|
||||
background: white;
|
||||
}
|
||||
|
||||
.gwt-DecoratedPopupPanel .popupContent {
|
||||
}
|
||||
.gwt-DecoratedPopupPanel .popupMiddleCenter {
|
||||
padding: 3px;
|
||||
background: #f1f1f1;
|
||||
}
|
||||
.gwt-DecoratedPopupPanel .popupTopCenter {
|
||||
background: url(images/hborder.png) 0px -2937px repeat-x;
|
||||
}
|
||||
.gwt-DecoratedPopupPanel .popupBottomCenter {
|
||||
background: url(images/hborder.png) repeat-x 0px -2938px;
|
||||
-background: url(images/hborder_ie6.png) repeat-x 0px -2138px;
|
||||
}
|
||||
.gwt-DecoratedPopupPanel .popupMiddleLeft {
|
||||
background: url(images/vborder.png) -21px 0px repeat-y;
|
||||
}
|
||||
.gwt-DecoratedPopupPanel .popupMiddleRight {
|
||||
background: url(images/vborder.png) repeat-y -24px 0px;
|
||||
-background: url(images/vborder_ie6.png) repeat-y -24px 0px;
|
||||
}
|
||||
.gwt-DecoratedPopupPanel .popupTopLeftInner {
|
||||
width: 6px;
|
||||
height: 5px;
|
||||
zoom: 1;
|
||||
}
|
||||
.gwt-DecoratedPopupPanel .popupTopRightInner {
|
||||
width: 6px;
|
||||
height: 5px;
|
||||
zoom: 1;
|
||||
}
|
||||
.gwt-DecoratedPopupPanel .popupBottomLeftInner {
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
zoom: 1;
|
||||
}
|
||||
.gwt-DecoratedPopupPanel .popupBottomRightInner {
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
zoom: 1;
|
||||
}
|
||||
.gwt-DecoratedPopupPanel .popupTopLeft {
|
||||
background: url(images/circles.png) no-repeat 0px -16px;
|
||||
-background: url(images/circles_ie6.png) no-repeat 0px -16px;
|
||||
}
|
||||
.gwt-DecoratedPopupPanel .popupTopRight {
|
||||
background: url(images/circles.png) no-repeat -6px -16px;
|
||||
-background: url(images/circles_ie6.png) no-repeat -6px -16px;
|
||||
}
|
||||
.gwt-DecoratedPopupPanel .popupBottomLeft {
|
||||
background: url(images/circles.png) no-repeat 0px -21px;
|
||||
-background: url(images/circles_ie6.png) no-repeat 0px -21px;
|
||||
}
|
||||
.gwt-DecoratedPopupPanel .popupBottomRight {
|
||||
background: url(images/circles.png) no-repeat -6px -21px;
|
||||
-background: url(images/circles_ie6.png) no-repeat -6px -21px;
|
||||
}
|
||||
* html .gwt-DecoratedPopupPanel .popupTopLeftInner {
|
||||
width: 6px;
|
||||
height: 5px;
|
||||
overflow: hidden;
|
||||
}
|
||||
* html .gwt-DecoratedPopupPanel .popupTopRightInner {
|
||||
width: 6px;
|
||||
height: 5px;
|
||||
overflow: hidden;
|
||||
}
|
||||
* html .gwt-DecoratedPopupPanel .popupBottomLeftInner {
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
overflow: hidden;
|
||||
}
|
||||
* html .gwt-DecoratedPopupPanel .popupBottomRightInner {
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.gwt-PopupPanelGlass {
|
||||
background-color: #000;
|
||||
opacity: 0.3;
|
||||
filter: alpha(opacity=30);
|
||||
}
|
||||
|
||||
.gwt-PushButton-up,
|
||||
.gwt-PushButton-up-hovering,
|
||||
.gwt-PushButton-up-disabled,
|
||||
.gwt-PushButton-down,
|
||||
.gwt-PushButton-down-hovering,
|
||||
.gwt-PushButton-down-disabled {
|
||||
margin: 0;
|
||||
text-decoration: none;
|
||||
background: url("images/hborder.png") repeat-x 0px -27px;
|
||||
border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
}
|
||||
.gwt-PushButton-up,
|
||||
.gwt-PushButton-up-hovering,
|
||||
.gwt-PushButton-up-disabled {
|
||||
padding: 3px 5px 3px 5px;
|
||||
}
|
||||
.gwt-PushButton-up {
|
||||
border:1px solid #bbb;
|
||||
border-bottom: 1px solid #a0a0a0;
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
.gwt-PushButton-up-hovering {
|
||||
border: 1px solid;
|
||||
border-color: #939393;
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
.gwt-PushButton-up-disabled {
|
||||
border: 1px solid #bbb;
|
||||
cursor: default;
|
||||
opacity: .5;
|
||||
filter: alpha(opacity=45);
|
||||
zoom: 1;
|
||||
}
|
||||
.gwt-PushButton-down,
|
||||
.gwt-PushButton-down-hovering,
|
||||
.gwt-PushButton-down-disabled {
|
||||
padding: 4px 6px 2px 4px;
|
||||
outline:none;
|
||||
}
|
||||
.gwt-PushButton-down {
|
||||
border: 1px inset #666;
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
.gwt-PushButton-down-hovering {
|
||||
border: 1px solid #939393;
|
||||
border-top: 1px solid #333333;
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
.gwt-PushButton-down-disabled {
|
||||
border: 1px outset #ccc;
|
||||
cursor: default;
|
||||
opacity: 0.5;
|
||||
filter: alpha(opacity=45);
|
||||
zoom: 1;
|
||||
}
|
||||
|
||||
.gwt-RadioButton {
|
||||
}
|
||||
.gwt-RadioButton-disabled {
|
||||
color: #888;
|
||||
}
|
||||
|
||||
.gwt-RichTextArea {
|
||||
}
|
||||
.hasRichTextToolbar {
|
||||
border: 0px;
|
||||
}
|
||||
.gwt-RichTextToolbar {
|
||||
background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
|
||||
border-bottom: 1px solid #BBBBBB;
|
||||
padding: 3px;
|
||||
margin: 0px;
|
||||
}
|
||||
.gwt-RichTextToolbar .gwt-PushButton-up {
|
||||
padding: 0px 0px 0px 1px;
|
||||
margin-left: 4px;
|
||||
margin-bottom: 4px;
|
||||
border-width: 1px;
|
||||
}
|
||||
.gwt-RichTextToolbar .gwt-PushButton-up-hovering {
|
||||
margin-left: 4px;
|
||||
margin-bottom: 4px;
|
||||
padding: 0px 0px 0px 1px;
|
||||
border-width: 1px;
|
||||
}
|
||||
.gwt-RichTextToolbar .gwt-PushButton-down {
|
||||
margin-left: 4px;
|
||||
margin-bottom: 4px;
|
||||
padding: 0px 1px 0px 0px;
|
||||
border-width: 1px;
|
||||
}
|
||||
.gwt-RichTextToolbar .gwt-PushButton-down-hovering {
|
||||
margin-left: 4px;
|
||||
margin-bottom: 4px;
|
||||
padding: 0px 1px 0px 0px;
|
||||
border-width: 1px;
|
||||
}
|
||||
.gwt-RichTextToolbar .gwt-ToggleButton-up {
|
||||
margin-left: 4px;
|
||||
margin-bottom: 4px;
|
||||
padding: 0px 0px 0px 1px;
|
||||
border:1px solid #bbb;
|
||||
border-bottom: 1px solid #a0a0a0;
|
||||
}
|
||||
.gwt-RichTextToolbar .gwt-ToggleButton-up-hovering {
|
||||
margin-left: 4px;
|
||||
margin-bottom: 4px;
|
||||
padding: 0px 0px 0px 1px;
|
||||
border-width: 1px;
|
||||
}
|
||||
.gwt-RichTextToolbar .gwt-ToggleButton-down {
|
||||
margin-left: 4px;
|
||||
margin-bottom: 4px;
|
||||
padding: 0px 1px 0px 0px;
|
||||
border-width: 1px;
|
||||
}
|
||||
.gwt-RichTextToolbar .gwt-ToggleButton-down-hovering {
|
||||
margin-left: 4px;
|
||||
margin-bottom: 4px;
|
||||
padding: 0px 1px 0px 0px;
|
||||
border-width: 1px;
|
||||
}
|
||||
|
||||
.gwt-StackPanel {
|
||||
border-bottom: 1px solid #bbbbbb;
|
||||
}
|
||||
.gwt-StackPanel .gwt-StackPanelItem {
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
font-weight: bold;
|
||||
font-size: 1.3em;
|
||||
padding: 3px;
|
||||
border: 1px solid #bbbbbb;
|
||||
border-bottom: 0px;
|
||||
background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
|
||||
}
|
||||
.gwt-StackPanel .gwt-StackPanelContent {
|
||||
border: 1px solid #bbbbbb;
|
||||
border-bottom: 0px;
|
||||
background: white;
|
||||
padding: 2px 2px 10px 5px;
|
||||
}
|
||||
|
||||
.gwt-DecoratedStackPanel {
|
||||
border-bottom: 1px solid #bbbbbb;
|
||||
}
|
||||
.gwt-DecoratedStackPanel .gwt-StackPanelContent {
|
||||
border: 1px solid #bbbbbb;
|
||||
border-bottom: 0px;
|
||||
background: white;
|
||||
padding: 2px 5px 10px 2px;
|
||||
}
|
||||
.gwt-DecoratedStackPanel .gwt-StackPanelItem {
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
.gwt-DecoratedStackPanel .stackItemTopLeft,
|
||||
.gwt-DecoratedStackPanel .stackItemTopRight {
|
||||
height: 6px;
|
||||
width: 6px;
|
||||
zoom: 1;
|
||||
}
|
||||
.gwt-DecoratedStackPanel .stackItemTopLeft {
|
||||
border-left: 1px solid #bbbbbb;
|
||||
background: #d3def6 url(images/corner.png) no-repeat 0px -49px;
|
||||
-background: #d3def6 url(images/corner_ie6.png) no-repeat 0px -49px;
|
||||
}
|
||||
.gwt-DecoratedStackPanel .stackItemTopRight {
|
||||
border-right: 1px solid #bbbbbb;
|
||||
background: #d3def6 url(images/corner.png) no-repeat -6px -49px;
|
||||
-background: #d3def6 url(images/corner_ie6.png) no-repeat -6px -49px;
|
||||
}
|
||||
.gwt-DecoratedStackPanel .stackItemTopLeftInner,
|
||||
.gwt-DecoratedStackPanel .stackItemTopRightInner {
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
}
|
||||
* html .gwt-DecoratedStackPanel .stackItemTopLeftInner,
|
||||
* html .gwt-DecoratedStackPanel .stackItemTopRightInner {
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.gwt-DecoratedStackPanel .stackItemTopCenter {
|
||||
background: url(images/hborder.png) 0px -21px repeat-x;
|
||||
}
|
||||
.gwt-DecoratedStackPanel .stackItemMiddleLeft {
|
||||
background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
|
||||
border-left: 1px solid #bbbbbb;
|
||||
}
|
||||
.gwt-DecoratedStackPanel .stackItemMiddleLeftInner,
|
||||
.gwt-DecoratedStackPanel .stackItemMiddleRightInner {
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
}
|
||||
.gwt-DecoratedStackPanel .stackItemMiddleRight {
|
||||
background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
|
||||
border-right: 1px solid #bbbbbb;
|
||||
}
|
||||
.gwt-DecoratedStackPanel .stackItemMiddleCenter {
|
||||
font-weight: bold;
|
||||
font-size: 1.3em;
|
||||
background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
|
||||
}
|
||||
.gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopRight,
|
||||
.gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopLeft {
|
||||
border: 0px;
|
||||
background-color: white;
|
||||
}
|
||||
.gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopLeft,
|
||||
.gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopRight {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.gwt-SuggestBox {
|
||||
padding: 5px 4px;
|
||||
border: 1px solid #ccc;
|
||||
border-top: 1px solid #999;
|
||||
font-size: 100%;
|
||||
font-family: Arial Unicode MS, Arial, sans-serif;
|
||||
}
|
||||
|
||||
.gwt-SuggestBoxPopup {
|
||||
}
|
||||
|
||||
.gwt-SuggestBoxPopup .item {
|
||||
padding: 2px 6px;
|
||||
color: #000;
|
||||
cursor: default;
|
||||
font-size: 110%;
|
||||
}
|
||||
.gwt-SuggestBoxPopup .item-selected {
|
||||
background: #D5E2FF;
|
||||
}
|
||||
.gwt-SuggestBoxPopup .suggestPopupContent {
|
||||
background: white;
|
||||
}
|
||||
.gwt-SuggestBoxPopup .suggestPopupTopCenter {
|
||||
border-top: 1px solid #bbb;
|
||||
}
|
||||
.gwt-SuggestBoxPopup .suggestPopupBottomCenter {
|
||||
border-bottom: 1px solid #bbb;
|
||||
}
|
||||
.gwt-SuggestBoxPopup .suggestPopupTopCenterInner,
|
||||
.gwt-SuggestBoxPopup .suggestPopupBottomCenterInner {
|
||||
height: 1px;
|
||||
line-height: 1px;
|
||||
}
|
||||
.gwt-SuggestBoxPopup .suggestPopupMiddleLeft {
|
||||
border-left: 1px solid #bbb;
|
||||
}
|
||||
.gwt-SuggestBoxPopup .suggestPopupMiddleRight {
|
||||
border-right: 1px solid #bbb;
|
||||
}
|
||||
.gwt-SuggestBoxPopup .suggestPopupMiddleLeftInner,
|
||||
.gwt-SuggestBoxPopup .suggestPopupMiddleRightInner {
|
||||
width: 1px;
|
||||
line-height: 1px;
|
||||
}
|
||||
.gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
zoom: 1;
|
||||
}
|
||||
.gwt-SuggestBoxPopup .suggestPopupTopRightInner {
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
zoom: 1;
|
||||
}
|
||||
.gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
zoom: 1;
|
||||
}
|
||||
.gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
zoom: 1;
|
||||
}
|
||||
.gwt-SuggestBoxPopup .suggestPopupTopLeft {
|
||||
background: url(images/circles.png) no-repeat 0px -6px;
|
||||
-background: url(images/circles_ie6.png) no-repeat 0px -6px;
|
||||
width:5px;
|
||||
height:5px;
|
||||
}
|
||||
.gwt-SuggestBoxPopup .suggestPopupTopRight {
|
||||
background: url(images/circles.png) no-repeat -5px -6px;
|
||||
-background: url(images/circles_ie6.png) no-repeat -5px -6px;
|
||||
width:5px;
|
||||
height:5px;
|
||||
}
|
||||
.gwt-SuggestBoxPopup .suggestPopupBottomLeft {
|
||||
background: url(images/circles.png) no-repeat 0px -11px;
|
||||
-background: url(images/circles_ie6.png) no-repeat 0px -11px;
|
||||
width:5px;
|
||||
height:5px;
|
||||
}
|
||||
.gwt-SuggestBoxPopup .suggestPopupBottomRight {
|
||||
background: url(images/circles.png) no-repeat -5px -11px;
|
||||
-background: url(images/circles_ie6.png) no-repeat -5px -11px;
|
||||
width:5px;
|
||||
height:5px;
|
||||
}
|
||||
* html .gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
overflow: hidden;
|
||||
}
|
||||
* html .gwt-SuggestBoxPopup .suggestPopupTopRightInner {
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
overflow: hidden;
|
||||
}
|
||||
* html .gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
overflow: hidden;
|
||||
}
|
||||
* html .gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.gwt-TabBar {
|
||||
background: #ccc;
|
||||
padding-top: 6px;
|
||||
}
|
||||
.gwt-TabBar .gwt-TabBarFirst {
|
||||
width: 5px; /* first tab distance from the left */
|
||||
}
|
||||
.gwt-TabBar .gwt-TabBarRest {
|
||||
}
|
||||
.gwt-TabBar .gwt-TabBarItem {
|
||||
margin-right: 4px;
|
||||
padding: 4px 8px 4px 8px;
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
color: white;
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
background: #8E8E8E;
|
||||
-moz-border-radius: 3px 3px 0px 0px;
|
||||
border-radius: 3px 3px 0px 0px;
|
||||
}
|
||||
.gwt-TabBar .gwt-TabBarItem-selected {
|
||||
cursor: default;
|
||||
background: white;
|
||||
color: #333;
|
||||
font-weight: bold;
|
||||
}
|
||||
.gwt-TabBar .gwt-TabBarItem-disabled {
|
||||
cursor: default;
|
||||
color: #999999;
|
||||
}
|
||||
.gwt-TabPanel {
|
||||
}
|
||||
.gwt-TabPanelBottom {
|
||||
border-color: #ccc;
|
||||
border-style: solid;
|
||||
border-width: 0px 1px 1px;
|
||||
overflow: hidden;
|
||||
padding: 6px;
|
||||
}
|
||||
.gwt-DecoratedTabBar {
|
||||
background: #ccc;
|
||||
padding-top: 6px;
|
||||
}
|
||||
.gwt-DecoratedTabBar .gwt-TabBarFirst {
|
||||
width: 5px; /* first tab distance from the left */
|
||||
}
|
||||
.gwt-DecoratedTabBar .gwt-TabBarRest {
|
||||
}
|
||||
.gwt-DecoratedTabBar .gwt-TabBarItem {
|
||||
border-collapse: collapse;
|
||||
margin-right: 4px;
|
||||
}
|
||||
.gwt-DecoratedTabBar .tabTopCenter {
|
||||
padding: 0px;
|
||||
background: #8E8E8E;
|
||||
}
|
||||
.gwt-DecoratedTabBar .tabTopLeft,
|
||||
.gwt-DecoratedTabBar .tabTopRight {
|
||||
padding: 0px;
|
||||
zoom: 1;
|
||||
}
|
||||
.gwt-DecoratedTabBar .tabTopLeftInner,
|
||||
.gwt-DecoratedTabBar .tabTopRightInner {
|
||||
width: 3px;
|
||||
height: 3px;
|
||||
}
|
||||
.gwt-DecoratedTabBar .tabTopLeft {
|
||||
background: url(images/circles.png) no-repeat 0px 0px;
|
||||
-background: url(images/circles_ie6.png) no-repeat 0px 0px;
|
||||
}
|
||||
.gwt-DecoratedTabBar .tabTopRight {
|
||||
background: url(images/circles.png) no-repeat -3px 0px;
|
||||
-background: url(images/circles_ie6.png) no-repeat -3px 0px;
|
||||
}
|
||||
* html .gwt-DecoratedTabBar .tabTopLeftInner,
|
||||
* html .gwt-DecoratedTabBar .tabTopRightInner {
|
||||
width: 3px;
|
||||
height: 3px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.gwt-DecoratedTabBar .tabMiddleLeft,
|
||||
.gwt-DecoratedTabBar .tabMiddleRight {
|
||||
width: 3px;
|
||||
padding: 0px;
|
||||
background: #8E8E8E;
|
||||
}
|
||||
.gwt-DecoratedTabBar .tabMiddleLeftInner,
|
||||
.gwt-DecoratedTabBar .tabMiddleRightInner {
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
}
|
||||
.gwt-DecoratedTabBar .tabMiddleCenter {
|
||||
padding: 0px 5px 4px 5px;
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
color: #fff;
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
background: #8E8E8E;
|
||||
}
|
||||
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter {
|
||||
background:#fff;
|
||||
}
|
||||
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeft {
|
||||
background: url(images/circles.png) no-repeat -6px 0px;
|
||||
-background: url(images/circles_ie6.png) no-repeat -6px 0px;
|
||||
}
|
||||
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRight {
|
||||
background: url(images/circles.png) no-repeat -9px 0px;
|
||||
-background: url(images/circles_ie6.png) no-repeat -9px 0px;
|
||||
}
|
||||
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft,
|
||||
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight {
|
||||
background: #fff;
|
||||
}
|
||||
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
|
||||
cursor: default;
|
||||
background: #fff;
|
||||
color:#333;
|
||||
font-weight:bold;
|
||||
}
|
||||
.gwt-DecoratedTabBar .gwt-TabBarItem-disabled .tabMiddleCenter {
|
||||
cursor: default;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.gwt-TextArea {
|
||||
padding: 4px;
|
||||
border: 1px solid #ccc;
|
||||
border-top: 1px solid #666;
|
||||
font-size: 100%;
|
||||
font-family: Arial Unicode MS, Arial, sans-serif;
|
||||
}
|
||||
.gwt-TextArea-readonly {
|
||||
color: #888;
|
||||
}
|
||||
|
||||
.gwt-TextBox {
|
||||
padding: 5px 4px;
|
||||
border: 1px solid #ccc;
|
||||
border-top: 1px solid #999;
|
||||
font-size: small;
|
||||
font-family: Arial Unicode MS, Arial, sans-serif;
|
||||
}
|
||||
.gwt-TextBox-readonly {
|
||||
color: #888;
|
||||
}
|
||||
.gwt-ToggleButton-up,
|
||||
.gwt-ToggleButton-up-hovering,
|
||||
.gwt-ToggleButton-up-disabled,
|
||||
.gwt-ToggleButton-down,
|
||||
.gwt-ToggleButton-down-hovering,
|
||||
.gwt-ToggleButton-down-disabled {
|
||||
margin: 0;
|
||||
text-decoration: none;
|
||||
background: url("images/hborder.png") repeat-x 0px -27px;
|
||||
-moz-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.gwt-ToggleButton-up,
|
||||
.gwt-ToggleButton-up-hovering,
|
||||
.gwt-ToggleButton-up-disabled {
|
||||
padding: 3px 5px 3px 5px;
|
||||
}
|
||||
.gwt-ToggleButton-up {
|
||||
border:1px solid #bbb;
|
||||
border-bottom: 1px solid #a0a0a0;
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
.gwt-ToggleButton-up-hovering {
|
||||
border: 1px solid;
|
||||
border-color: #939393;
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
.gwt-ToggleButton-up-disabled {
|
||||
border: 1px solid #bbb;
|
||||
cursor: default;
|
||||
opacity: .5;
|
||||
zoom: 1;
|
||||
filter: alpha(opacity=45);
|
||||
}
|
||||
.gwt-ToggleButton-down,
|
||||
.gwt-ToggleButton-down-hovering,
|
||||
.gwt-ToggleButton-down-disabled {
|
||||
padding: 4px 6px 2px 4px;
|
||||
}
|
||||
.gwt-ToggleButton-down {
|
||||
background-position: 0 -513px;
|
||||
border: 1px inset #666;
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
.gwt-ToggleButton-down-hovering {
|
||||
background-position: 0 -513px;
|
||||
border: 1px inset;
|
||||
border-color: #9cf #69e #69e #7af;
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
.gwt-ToggleButton-down-disabled {
|
||||
background-position: 0 -513px;
|
||||
border: 1px inset #ccc;
|
||||
cursor: default;
|
||||
opacity: .5;
|
||||
zoom: 1;
|
||||
filter: alpha(opacity=45);
|
||||
}
|
||||
|
||||
.gwt-Tree .gwt-TreeItem {
|
||||
padding: 1px 0px;
|
||||
margin: 0px;
|
||||
white-space: nowrap;
|
||||
cursor: hand;
|
||||
cursor: pointer;
|
||||
zoom: 1;
|
||||
}
|
||||
.gwt-Tree .gwt-TreeItem-selected {
|
||||
background: #ebeff9;
|
||||
}
|
||||
.gwt-TreeItem .gwt-RadioButton input,
|
||||
.gwt-TreeItem .gwt-CheckBox input {
|
||||
margin-right: 0px;
|
||||
}
|
||||
* html .gwt-TreeItem .gwt-RadioButton input,
|
||||
* html .gwt-TreeItem .gwt-CheckBox input {
|
||||
margin-right: -4px;
|
||||
}
|
||||
|
||||
.gwt-DateBox {
|
||||
padding: 5px 4px;
|
||||
border: 1px solid #ccc;
|
||||
border-top: 1px solid #999;
|
||||
font-size: 100%;
|
||||
}
|
||||
.gwt-DateBox input {
|
||||
width: 8em;
|
||||
}
|
||||
.dateBoxFormatError {
|
||||
background: #ffcccc;
|
||||
}
|
||||
.dateBoxPopup {
|
||||
}
|
||||
|
||||
.gwt-DatePicker {
|
||||
border: 1px solid #ccc;
|
||||
border-top:1px solid #999;
|
||||
cursor: default;
|
||||
}
|
||||
.gwt-DatePicker td,
|
||||
.datePickerMonthSelector td:focus {
|
||||
outline: none;
|
||||
}
|
||||
.datePickerDays {
|
||||
width: 100%;
|
||||
background: white;
|
||||
}
|
||||
.datePickerDay,
|
||||
.datePickerWeekdayLabel,
|
||||
.datePickerWeekendLabel {
|
||||
font-size: 85%;
|
||||
text-align: center;
|
||||
padding: 4px;
|
||||
outline: none;
|
||||
font-weight:bold;
|
||||
color:#333;
|
||||
border-right: 1px solid #EDEDED;
|
||||
border-bottom: 1px solid #EDEDED;
|
||||
}
|
||||
.datePickerWeekdayLabel,
|
||||
.datePickerWeekendLabel {
|
||||
background: #fff;
|
||||
padding: 0px 4px 2px;
|
||||
cursor: default;
|
||||
color:#666;
|
||||
font-size:70%;
|
||||
font-weight:normal;
|
||||
}
|
||||
.datePickerDay {
|
||||
padding: 4px 7px;
|
||||
cursor: hand;
|
||||
cursor: pointer;
|
||||
}
|
||||
.datePickerDayIsWeekend {
|
||||
background: #f7f7f7;
|
||||
}
|
||||
.datePickerDayIsFiller {
|
||||
color: #999;
|
||||
font-weight:normal;
|
||||
}
|
||||
.datePickerDayIsValue {
|
||||
background: #d7dfe8;
|
||||
}
|
||||
.datePickerDayIsDisabled {
|
||||
color: #AAAAAA;
|
||||
font-style: italic;
|
||||
}
|
||||
.datePickerDayIsHighlighted {
|
||||
background: #F0E68C;
|
||||
}
|
||||
.datePickerDayIsValueAndHighlighted {
|
||||
background: #d7dfe8;
|
||||
}
|
||||
.datePickerDayIsToday {
|
||||
padding: 3px;
|
||||
color: #fff;
|
||||
background: url(images/hborder.png) repeat-x 0px -2607px;
|
||||
}
|
||||
|
||||
.datePickerMonthSelector {
|
||||
width: 100%;
|
||||
padding: 1px 0 5px 0;
|
||||
background: #fff;
|
||||
}
|
||||
td.datePickerMonth {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
white-space: nowrap;
|
||||
font-size: 100%;
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
}
|
||||
.datePickerPreviousButton,
|
||||
.datePickerNextButton {
|
||||
font-size: 120%;
|
||||
line-height: 1em;
|
||||
color: #3a6aad;
|
||||
cursor: hand;
|
||||
cursor: pointer;
|
||||
font-weight: bold;
|
||||
padding: 0px 4px;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.gwt-StackLayoutPanel {
|
||||
border-bottom: 1px solid #bbbbbb;
|
||||
}
|
||||
.gwt-StackLayoutPanel .gwt-StackLayoutPanelHeader {
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
font-weight: bold;
|
||||
font-size: 1.3em;
|
||||
padding: 3px;
|
||||
border: 1px solid #bbbbbb;
|
||||
border-bottom: 0px;
|
||||
background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
|
||||
}
|
||||
.gwt-StackLayoutPanel .gwt-StackLayoutPanelHeader-hovering {
|
||||
background: #d3def6;
|
||||
}
|
||||
.gwt-StackLayoutPanel .gwt-StackLayoutPanelContent {
|
||||
border: 1px solid #bbbbbb;
|
||||
border-bottom: 0px;
|
||||
background: white;
|
||||
padding: 2px 5px 10px 2px;
|
||||
}
|
||||
|
||||
.gwt-TabLayoutPanel {
|
||||
}
|
||||
.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs {
|
||||
background: #ccc;
|
||||
padding-top: 6px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
.gwt-TabLayoutPanel .gwt-TabLayoutPanelContentContainer {
|
||||
border-color: #ccc;
|
||||
border-style: solid;
|
||||
border-width: 0px 1px 1px;
|
||||
}
|
||||
.gwt-TabLayoutPanel .gwt-TabLayoutPanelContent {
|
||||
overflow: hidden;
|
||||
padding: 6px;
|
||||
}
|
||||
.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab {
|
||||
margin-right: 4px;
|
||||
padding: 4px 8px 4px 8px;
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
color: white;
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
background: #8E8E8E;
|
||||
-moz-border-radius: 3px 3px 0px 0px;
|
||||
border-radius: 3px 3px 0px 0px;
|
||||
}
|
||||
.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab-selected {
|
||||
cursor: default;
|
||||
background: white;
|
||||
color: #333;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.gwt-SplitLayoutPanel-HDragger {
|
||||
background: #e7e7e7 url(images/thumb_vertical.png) center center no-repeat;
|
||||
cursor: col-resize;
|
||||
}
|
||||
|
||||
.gwt-SplitLayoutPanel-VDragger {
|
||||
background: #e7e7e7 url(images/thumb_horz.png) center center no-repeat;
|
||||
cursor: row-resize;
|
||||
}
|
||||
BIN
common/static/js/capa/jsmolcalc/gwt/clean/images/circles.png
Normal file
BIN
common/static/js/capa/jsmolcalc/gwt/clean/images/circles.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
common/static/js/capa/jsmolcalc/gwt/clean/images/circles_ie6.png
Normal file
BIN
common/static/js/capa/jsmolcalc/gwt/clean/images/circles_ie6.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 432 B |
BIN
common/static/js/capa/jsmolcalc/gwt/clean/images/corner.png
Normal file
BIN
common/static/js/capa/jsmolcalc/gwt/clean/images/corner.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
common/static/js/capa/jsmolcalc/gwt/clean/images/corner_ie6.png
Normal file
BIN
common/static/js/capa/jsmolcalc/gwt/clean/images/corner_ie6.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 412 B |
BIN
common/static/js/capa/jsmolcalc/gwt/clean/images/hborder.png
Normal file
BIN
common/static/js/capa/jsmolcalc/gwt/clean/images/hborder.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
common/static/js/capa/jsmolcalc/gwt/clean/images/hborder_ie6.png
Normal file
BIN
common/static/js/capa/jsmolcalc/gwt/clean/images/hborder_ie6.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 706 B |
BIN
common/static/js/capa/jsmolcalc/gwt/clean/images/thumb_horz.png
Normal file
BIN
common/static/js/capa/jsmolcalc/gwt/clean/images/thumb_horz.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 222 B |
Binary file not shown.
|
After Width: | Height: | Size: 231 B |
BIN
common/static/js/capa/jsmolcalc/gwt/clean/images/vborder.png
Normal file
BIN
common/static/js/capa/jsmolcalc/gwt/clean/images/vborder.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 298 B |
BIN
common/static/js/capa/jsmolcalc/gwt/clean/images/vborder_ie6.png
Normal file
BIN
common/static/js/capa/jsmolcalc/gwt/clean/images/vborder_ie6.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 189 B |
365
common/static/js/capa/jsmolcalc/hosted.html
Normal file
365
common/static/js/capa/jsmolcalc/hosted.html
Normal file
@@ -0,0 +1,365 @@
|
||||
<html>
|
||||
<head><script>
|
||||
var $wnd = parent;
|
||||
var $doc = $wnd.document;
|
||||
var $moduleName, $moduleBase, $entry
|
||||
,$stats = $wnd.__gwtStatsEvent ? function(a) {return $wnd.__gwtStatsEvent(a);} : null
|
||||
,$sessionId = $wnd.__gwtStatsSessionId ? $wnd.__gwtStatsSessionId : null;
|
||||
// Lightweight metrics
|
||||
if ($stats) {
|
||||
var moduleFuncName = location.search.substr(1);
|
||||
var moduleFunc = $wnd[moduleFuncName];
|
||||
var moduleName = moduleFunc ? moduleFunc.moduleName : "unknown";
|
||||
$stats({moduleName:moduleName,sessionId:$sessionId,subSystem:'startup',evtGroup:'moduleStartup',millis:(new Date()).getTime(),type:'moduleEvalStart'});
|
||||
}
|
||||
var $hostedHtmlVersion="2.1";
|
||||
|
||||
var gwtOnLoad;
|
||||
var $hosted = "localhost:9997";
|
||||
|
||||
function loadIframe(url) {
|
||||
var topDoc = window.top.document;
|
||||
|
||||
// create an iframe
|
||||
var iframeDiv = topDoc.createElement("div");
|
||||
iframeDiv.innerHTML = "<iframe scrolling=no frameborder=0 src='" + url + "'>";
|
||||
var iframe = iframeDiv.firstChild;
|
||||
|
||||
// mess with the iframe style a little
|
||||
var iframeStyle = iframe.style;
|
||||
iframeStyle.position = "absolute";
|
||||
iframeStyle.borderWidth = "0";
|
||||
iframeStyle.left = "0";
|
||||
iframeStyle.top = "0";
|
||||
iframeStyle.width = "100%";
|
||||
iframeStyle.backgroundColor = "#ffffff";
|
||||
iframeStyle.zIndex = "1";
|
||||
iframeStyle.height = "100%";
|
||||
|
||||
// update the top window's document's body's style
|
||||
var hostBodyStyle = window.top.document.body.style;
|
||||
hostBodyStyle.margin = "0";
|
||||
hostBodyStyle.height = iframeStyle.height;
|
||||
hostBodyStyle.overflow = "hidden";
|
||||
|
||||
// insert the iframe
|
||||
topDoc.body.insertBefore(iframe, topDoc.body.firstChild);
|
||||
}
|
||||
|
||||
var ua = navigator.userAgent.toLowerCase();
|
||||
if (ua.indexOf("gecko") != -1) {
|
||||
// install eval wrapper on FF to avoid EvalError problem
|
||||
var __eval = window.eval;
|
||||
window.eval = function(s) {
|
||||
return __eval(s);
|
||||
}
|
||||
}
|
||||
if (ua.indexOf("chrome") != -1) {
|
||||
// work around __gwt_ObjectId appearing in JS objects
|
||||
var hop = Object.prototype.hasOwnProperty;
|
||||
Object.prototype.hasOwnProperty = function(prop) {
|
||||
return prop != "__gwt_ObjectId" && hop.call(this, prop);
|
||||
};
|
||||
// do the same in our parent as well -- see issue 4486
|
||||
// NOTE: this will have to be changed when we support non-iframe-based DevMode
|
||||
var hop2 = parent.Object.prototype.hasOwnProperty;
|
||||
parent.Object.prototype.hasOwnProperty = function(prop) {
|
||||
return prop != "__gwt_ObjectId" && hop2.call(this, prop);
|
||||
};
|
||||
}
|
||||
|
||||
// wrapper to call JS methods, which we need both to be able to supply a
|
||||
// different this for method lookup and to get the exception back
|
||||
function __gwt_jsInvoke(thisObj, methodName) {
|
||||
try {
|
||||
var args = Array.prototype.slice.call(arguments, 2);
|
||||
return [0, window[methodName].apply(thisObj, args)];
|
||||
} catch (e) {
|
||||
return [1, e];
|
||||
}
|
||||
}
|
||||
|
||||
var __gwt_javaInvokes = [];
|
||||
function __gwt_makeJavaInvoke(argCount) {
|
||||
return __gwt_javaInvokes[argCount] || __gwt_doMakeJavaInvoke(argCount);
|
||||
}
|
||||
|
||||
function __gwt_doMakeJavaInvoke(argCount) {
|
||||
// IE6 won't eval() anonymous functions except as r-values
|
||||
var argList = "";
|
||||
for (var i = 0; i < argCount; i++) {
|
||||
argList += ",p" + i;
|
||||
}
|
||||
var argListNoComma = argList.substring(1);
|
||||
|
||||
return eval(
|
||||
"__gwt_javaInvokes[" + argCount + "] =\n" +
|
||||
" function(thisObj, dispId" + argList + ") {\n" +
|
||||
" var result = __static(dispId, thisObj" + argList + ");\n" +
|
||||
" if (result[0]) {\n" +
|
||||
" throw result[1];\n" +
|
||||
" } else {\n" +
|
||||
" return result[1];\n" +
|
||||
" }\n" +
|
||||
" }\n"
|
||||
);
|
||||
}
|
||||
|
||||
/*
|
||||
* This is used to create tear-offs of Java methods. Each function corresponds
|
||||
* to exactly one dispId, and also embeds the argument count. We get the "this"
|
||||
* value from the context in which the function is being executed.
|
||||
* Function-object identity is preserved by caching in a sparse array.
|
||||
*/
|
||||
var __gwt_tearOffs = [];
|
||||
var __gwt_tearOffGenerators = [];
|
||||
function __gwt_makeTearOff(proxy, dispId, argCount) {
|
||||
return __gwt_tearOffs[dispId] || __gwt_doMakeTearOff(dispId, argCount);
|
||||
}
|
||||
|
||||
function __gwt_doMakeTearOff(dispId, argCount) {
|
||||
return __gwt_tearOffs[dispId] =
|
||||
(__gwt_tearOffGenerators[argCount] || __gwt_doMakeTearOffGenerator(argCount))(dispId);
|
||||
}
|
||||
|
||||
function __gwt_doMakeTearOffGenerator(argCount) {
|
||||
// IE6 won't eval() anonymous functions except as r-values
|
||||
var argList = "";
|
||||
for (var i = 0; i < argCount; i++) {
|
||||
argList += ",p" + i;
|
||||
}
|
||||
var argListNoComma = argList.substring(1);
|
||||
|
||||
return eval(
|
||||
"__gwt_tearOffGenerators[" + argCount + "] =\n" +
|
||||
" function(dispId) {\n" +
|
||||
" return function(" + argListNoComma + ") {\n" +
|
||||
" var result = __static(dispId, this" + argList + ");\n" +
|
||||
" if (result[0]) {\n" +
|
||||
" throw result[1];\n" +
|
||||
" } else {\n" +
|
||||
" return result[1];\n" +
|
||||
" }\n" +
|
||||
" }\n" +
|
||||
" }\n"
|
||||
);
|
||||
}
|
||||
|
||||
function __gwt_makeResult(isException, result) {
|
||||
return [isException, result];
|
||||
}
|
||||
|
||||
function __gwt_disconnected() {
|
||||
// Prevent double-invocation.
|
||||
window.__gwt_disconnected = new Function();
|
||||
// Do it in a timeout so we can be sure we have a clean stack.
|
||||
window.setTimeout(__gwt_disconnected_impl, 1);
|
||||
}
|
||||
|
||||
function __gwt_disconnected_impl() {
|
||||
__gwt_displayGlassMessage('GWT Code Server Disconnected',
|
||||
'Most likely, you closed GWT Development Mode. Or, you might have lost '
|
||||
+ 'network connectivity. To fix this, try restarting GWT Development Mode and '
|
||||
+ 'refresh this page.');
|
||||
}
|
||||
|
||||
// Keep track of z-index to allow layering of multiple glass messages
|
||||
var __gwt_glassMessageZIndex = 2147483647;
|
||||
|
||||
// Note this method is also used by ModuleSpace.java
|
||||
function __gwt_displayGlassMessage(summary, details) {
|
||||
var topWin = window.top;
|
||||
var topDoc = topWin.document;
|
||||
var outer = topDoc.createElement("div");
|
||||
// Do not insert whitespace or outer.firstChild will get a text node.
|
||||
outer.innerHTML =
|
||||
'<div style="position:absolute;z-index:' + __gwt_glassMessageZIndex-- +
|
||||
';left:50px;top:50px;width:600px;color:#FFF;font-family:verdana;text-align:left;">' +
|
||||
'<div style="font-size:30px;font-weight:bold;">' + summary + '</div>' +
|
||||
'<div style="font-size:15px;">' + details + '</div>' +
|
||||
'</div>' +
|
||||
'<div style="position:absolute;z-index:' + __gwt_glassMessageZIndex-- +
|
||||
';left:0px;top:0px;right:0px;bottom:0px;filter:alpha(opacity=60);opacity:0.6;background-color:#000;"></div>'
|
||||
;
|
||||
topDoc.body.appendChild(outer);
|
||||
var glass = outer.firstChild;
|
||||
var glassStyle = glass.style;
|
||||
|
||||
// Scroll to the top and remove scrollbars.
|
||||
topWin.scrollTo(0, 0);
|
||||
if (topDoc.compatMode == "BackCompat") {
|
||||
topDoc.body.style["overflow"] = "hidden";
|
||||
} else {
|
||||
topDoc.documentElement.style["overflow"] = "hidden";
|
||||
}
|
||||
|
||||
// Steal focus.
|
||||
glass.focus();
|
||||
|
||||
if ((navigator.userAgent.indexOf("MSIE") >= 0) && (topDoc.compatMode == "BackCompat")) {
|
||||
// IE quirks mode doesn't support right/bottom, but does support this.
|
||||
glassStyle.width = "125%";
|
||||
glassStyle.height = "100%";
|
||||
} else if (navigator.userAgent.indexOf("MSIE 6") >= 0) {
|
||||
// IE6 doesn't have a real standards mode, so we have to use hacks.
|
||||
glassStyle.width = "125%"; // Get past scroll bar area.
|
||||
// Nasty CSS; onresize would be better but the outer window won't let us add a listener IE.
|
||||
glassStyle.setExpression("height", "document.documentElement.clientHeight");
|
||||
}
|
||||
|
||||
$doc.title = summary + " [" + $doc.title + "]";
|
||||
}
|
||||
|
||||
function findPluginObject() {
|
||||
try {
|
||||
return document.getElementById('pluginObject');
|
||||
} catch (e) {
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
function findPluginEmbed() {
|
||||
try {
|
||||
return document.getElementById('pluginEmbed')
|
||||
} catch (e) {
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
function findPluginXPCOM() {
|
||||
try {
|
||||
return __gwt_HostedModePlugin;
|
||||
} catch (e) {
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
gwtOnLoad = function(errFn, modName, modBase){
|
||||
$moduleName = modName;
|
||||
$moduleBase = modBase;
|
||||
|
||||
// Note that the order is important
|
||||
var pluginFinders = [
|
||||
findPluginXPCOM,
|
||||
findPluginObject,
|
||||
findPluginEmbed,
|
||||
];
|
||||
var topWin = window.top;
|
||||
var url = topWin.location.href;
|
||||
if (!topWin.__gwt_SessionID) {
|
||||
var ASCII_EXCLAMATION = 33;
|
||||
var ASCII_TILDE = 126;
|
||||
var chars = [];
|
||||
for (var i = 0; i < 16; ++i) {
|
||||
chars.push(Math.floor(ASCII_EXCLAMATION
|
||||
+ Math.random() * (ASCII_TILDE - ASCII_EXCLAMATION + 1)));
|
||||
}
|
||||
topWin.__gwt_SessionID = String.fromCharCode.apply(null, chars);
|
||||
}
|
||||
var plugin = null;
|
||||
for (var i = 0; i < pluginFinders.length; ++i) {
|
||||
try {
|
||||
var maybePlugin = pluginFinders[i]();
|
||||
if (maybePlugin != null && maybePlugin.init(window)) {
|
||||
plugin = maybePlugin;
|
||||
break;
|
||||
}
|
||||
} catch (e) {
|
||||
}
|
||||
}
|
||||
if (!plugin) {
|
||||
// try searching for a v1 plugin for backwards compatibility
|
||||
var found = false;
|
||||
for (var i = 0; i < pluginFinders.length; ++i) {
|
||||
try {
|
||||
plugin = pluginFinders[i]();
|
||||
if (plugin != null && plugin.connect($hosted, $moduleName, window)) {
|
||||
return;
|
||||
}
|
||||
} catch (e) {
|
||||
}
|
||||
}
|
||||
loadIframe("http://gwt.google.com/missing-plugin");
|
||||
} else {
|
||||
if (plugin.connect(url, topWin.__gwt_SessionID, $hosted, $moduleName,
|
||||
$hostedHtmlVersion)) {
|
||||
window.onUnload = function() {
|
||||
try {
|
||||
// wrap in try/catch since plugins are not required to supply this
|
||||
plugin.disconnect();
|
||||
} catch (e) {
|
||||
}
|
||||
};
|
||||
} else {
|
||||
if (errFn) {
|
||||
errFn(modName);
|
||||
} else {
|
||||
__gwt_displayGlassMessage(
|
||||
"Plugin failed to connect to Development Mode server at " + simpleEscape($hosted),
|
||||
"Follow the troubleshooting instructions at "
|
||||
+ "<a href='http://code.google.com/p/google-web-toolkit/wiki/TroubleshootingOOPHM'>"
|
||||
+ "http://code.google.com/p/google-web-toolkit/wiki/TroubleshootingOOPHM</a>");
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function simpleEscape(originalString) {
|
||||
return originalString.replace(/&/g,"&")
|
||||
.replace(/</g,"<")
|
||||
.replace(/>/g,">")
|
||||
.replace(/\'/g, "'")
|
||||
.replace(/\"/g,""");
|
||||
}
|
||||
|
||||
window.onunload = function() {
|
||||
};
|
||||
|
||||
// Lightweight metrics
|
||||
window.fireOnModuleLoadStart = function(className) {
|
||||
$stats && $stats({moduleName:$moduleName, sessionId:$sessionId, subSystem:'startup', evtGroup:'moduleStartup', millis:(new Date()).getTime(), type:'onModuleLoadStart', className:className});
|
||||
};
|
||||
|
||||
window.__gwt_module_id = 0;
|
||||
</script></head>
|
||||
<body>
|
||||
<font face='arial' size='-1'>This html file is for Development Mode support.</font>
|
||||
<script><!--
|
||||
// Lightweight metrics
|
||||
$stats && $stats({moduleName:$moduleName, sessionId:$sessionId, subSystem:'startup', evtGroup:'moduleStartup', millis:(new Date()).getTime(), type:'moduleEvalEnd'});
|
||||
|
||||
// OOPHM currently only supports IFrameLinker
|
||||
var query = parent.location.search;
|
||||
if (!findPluginXPCOM()) {
|
||||
document.write('<embed id="pluginEmbed" type="application/x-gwt-hosted-mode" width="10" height="10">');
|
||||
document.write('</embed>');
|
||||
document.write('<object id="pluginObject" CLASSID="CLSID:1D6156B6-002B-49E7-B5CA-C138FB843B4E">');
|
||||
document.write('</object>');
|
||||
}
|
||||
|
||||
// look for the old query parameter if we don't find the new one
|
||||
var idx = query.indexOf("gwt.codesvr=");
|
||||
if (idx >= 0) {
|
||||
idx += 12; // "gwt.codesvr=".length() == 12
|
||||
} else {
|
||||
idx = query.indexOf("gwt.hosted=");
|
||||
if (idx >= 0) {
|
||||
idx += 11; // "gwt.hosted=".length() == 11
|
||||
}
|
||||
}
|
||||
if (idx >= 0) {
|
||||
var amp = query.indexOf("&", idx);
|
||||
if (amp >= 0) {
|
||||
$hosted = query.substring(idx, amp);
|
||||
} else {
|
||||
$hosted = query.substring(idx);
|
||||
}
|
||||
|
||||
// According to RFC 3986, some of this component's characters (e.g., ':')
|
||||
// are reserved and *may* be escaped.
|
||||
$hosted = decodeURIComponent($hosted);
|
||||
}
|
||||
|
||||
query = window.location.search.substring(1);
|
||||
if (query && $wnd[query]) setTimeout($wnd[query].onScriptLoad, 1);
|
||||
--></script></body></html>
|
||||
360
common/static/js/capa/jsmolcalc/jsmolcalc.nocache.js
Normal file
360
common/static/js/capa/jsmolcalc/jsmolcalc.nocache.js
Normal file
@@ -0,0 +1,360 @@
|
||||
function jsmolcalc(){
|
||||
var $wnd_0 = window, $doc_0 = document, $stats = $wnd_0.__gwtStatsEvent?function(a){
|
||||
return $wnd_0.__gwtStatsEvent(a);
|
||||
}
|
||||
:null, $sessionId_0 = $wnd_0.__gwtStatsSessionId?$wnd_0.__gwtStatsSessionId:null, scriptsDone, loadDone, bodyDone, base = '', metaProps = {}, values = [], providers = [], answers = [], softPermutationId = 0, onLoadErrorFunc, propertyErrorFunc;
|
||||
$stats && $stats({moduleName:'jsmolcalc', sessionId:$sessionId_0, subSystem:'startup', evtGroup:'bootstrap', millis:(new Date).getTime(), type:'begin'});
|
||||
if (!$wnd_0.__gwt_stylesLoaded) {
|
||||
$wnd_0.__gwt_stylesLoaded = {};
|
||||
}
|
||||
if (!$wnd_0.__gwt_scriptsLoaded) {
|
||||
$wnd_0.__gwt_scriptsLoaded = {};
|
||||
}
|
||||
function isHostedMode(){
|
||||
var result = false;
|
||||
try {
|
||||
var query = $wnd_0.location.search;
|
||||
return (query.indexOf('gwt.codesvr=') != -1 || (query.indexOf('gwt.hosted=') != -1 || $wnd_0.external && $wnd_0.external.gwtOnLoad)) && query.indexOf('gwt.hybrid') == -1;
|
||||
}
|
||||
catch (e) {
|
||||
}
|
||||
isHostedMode = function(){
|
||||
return result;
|
||||
}
|
||||
;
|
||||
return result;
|
||||
}
|
||||
|
||||
function maybeStartModule(){
|
||||
if (scriptsDone && loadDone) {
|
||||
var iframe = $doc_0.getElementById('jsmolcalc');
|
||||
var frameWnd = iframe.contentWindow;
|
||||
if (isHostedMode()) {
|
||||
frameWnd.__gwt_getProperty = function(name_0){
|
||||
return computePropValue(name_0);
|
||||
}
|
||||
;
|
||||
}
|
||||
jsmolcalc = null;
|
||||
frameWnd.gwtOnLoad(onLoadErrorFunc, 'jsmolcalc', base, softPermutationId);
|
||||
$stats && $stats({moduleName:'jsmolcalc', sessionId:$sessionId_0, subSystem:'startup', evtGroup:'moduleStartup', millis:(new Date).getTime(), type:'end'});
|
||||
}
|
||||
}
|
||||
|
||||
function computeScriptBase(){
|
||||
function getDirectoryOfFile(path){
|
||||
var hashIndex = path.lastIndexOf('#');
|
||||
if (hashIndex == -1) {
|
||||
hashIndex = path.length;
|
||||
}
|
||||
var queryIndex = path.indexOf('?');
|
||||
if (queryIndex == -1) {
|
||||
queryIndex = path.length;
|
||||
}
|
||||
var slashIndex = path.lastIndexOf('/', Math.min(queryIndex, hashIndex));
|
||||
return slashIndex >= 0?path.substring(0, slashIndex + 1):'';
|
||||
}
|
||||
|
||||
function ensureAbsoluteUrl(url){
|
||||
if (url.match(/^\w+:\/\//)) {
|
||||
}
|
||||
else {
|
||||
var img = $doc_0.createElement('img');
|
||||
img.src = url + 'clear.cache.gif';
|
||||
url = getDirectoryOfFile(img.src);
|
||||
}
|
||||
return url;
|
||||
}
|
||||
|
||||
function tryMetaTag(){
|
||||
var metaVal = __gwt_getMetaProperty('baseUrl');
|
||||
if (metaVal != null) {
|
||||
return metaVal;
|
||||
}
|
||||
return '';
|
||||
}
|
||||
|
||||
function tryNocacheJsTag(){
|
||||
var scriptTags = $doc_0.getElementsByTagName('script');
|
||||
for (var i = 0; i < scriptTags.length; ++i) {
|
||||
if (scriptTags[i].src.indexOf('jsmolcalc.nocache.js') != -1) {
|
||||
return getDirectoryOfFile(scriptTags[i].src);
|
||||
}
|
||||
}
|
||||
return '';
|
||||
}
|
||||
|
||||
function tryMarkerScript(){
|
||||
var thisScript;
|
||||
if (typeof isBodyLoaded == 'undefined' || !isBodyLoaded()) {
|
||||
var markerId = '__gwt_marker_jsmolcalc';
|
||||
var markerScript;
|
||||
$doc_0.write('<script id="' + markerId + '"><\/script>');
|
||||
markerScript = $doc_0.getElementById(markerId);
|
||||
thisScript = markerScript && markerScript.previousSibling;
|
||||
while (thisScript && thisScript.tagName != 'SCRIPT') {
|
||||
thisScript = thisScript.previousSibling;
|
||||
}
|
||||
if (markerScript) {
|
||||
markerScript.parentNode.removeChild(markerScript);
|
||||
}
|
||||
if (thisScript && thisScript.src) {
|
||||
return getDirectoryOfFile(thisScript.src);
|
||||
}
|
||||
}
|
||||
return '';
|
||||
}
|
||||
|
||||
function tryBaseTag(){
|
||||
var baseElements = $doc_0.getElementsByTagName('base');
|
||||
if (baseElements.length > 0) {
|
||||
return baseElements[baseElements.length - 1].href;
|
||||
}
|
||||
return '';
|
||||
}
|
||||
|
||||
function isLocationOk(){
|
||||
var loc = $doc_0.location;
|
||||
return loc.href == loc.protocol + '//' + loc.host + loc.pathname + loc.search + loc.hash;
|
||||
}
|
||||
|
||||
var tempBase = tryMetaTag();
|
||||
if (tempBase == '') {
|
||||
tempBase = tryNocacheJsTag();
|
||||
}
|
||||
if (tempBase == '') {
|
||||
tempBase = tryMarkerScript();
|
||||
}
|
||||
if (tempBase == '') {
|
||||
tempBase = tryBaseTag();
|
||||
}
|
||||
if (tempBase == '' && isLocationOk()) {
|
||||
tempBase = getDirectoryOfFile($doc_0.location.href);
|
||||
}
|
||||
tempBase = ensureAbsoluteUrl(tempBase);
|
||||
base = tempBase;
|
||||
return tempBase;
|
||||
}
|
||||
|
||||
function processMetas(){
|
||||
var metas = document.getElementsByTagName('meta');
|
||||
for (var i = 0, n = metas.length; i < n; ++i) {
|
||||
var meta = metas[i], name_0 = meta.getAttribute('name'), content_0;
|
||||
if (name_0) {
|
||||
name_0 = name_0.replace('jsmolcalc::', '');
|
||||
if (name_0.indexOf('::') >= 0) {
|
||||
continue;
|
||||
}
|
||||
if (name_0 == 'gwt:property') {
|
||||
content_0 = meta.getAttribute('content');
|
||||
if (content_0) {
|
||||
var value, eq = content_0.indexOf('=');
|
||||
if (eq >= 0) {
|
||||
name_0 = content_0.substring(0, eq);
|
||||
value = content_0.substring(eq + 1);
|
||||
}
|
||||
else {
|
||||
name_0 = content_0;
|
||||
value = '';
|
||||
}
|
||||
metaProps[name_0] = value;
|
||||
}
|
||||
}
|
||||
else if (name_0 == 'gwt:onPropertyErrorFn') {
|
||||
content_0 = meta.getAttribute('content');
|
||||
if (content_0) {
|
||||
try {
|
||||
propertyErrorFunc = eval(content_0);
|
||||
}
|
||||
catch (e) {
|
||||
alert('Bad handler "' + content_0 + '" for "gwt:onPropertyErrorFn"');
|
||||
}
|
||||
}
|
||||
}
|
||||
else if (name_0 == 'gwt:onLoadErrorFn') {
|
||||
content_0 = meta.getAttribute('content');
|
||||
if (content_0) {
|
||||
try {
|
||||
onLoadErrorFunc = eval(content_0);
|
||||
}
|
||||
catch (e) {
|
||||
alert('Bad handler "' + content_0 + '" for "gwt:onLoadErrorFn"');
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function __gwt_getMetaProperty(name_0){
|
||||
var value = metaProps[name_0];
|
||||
return value == null?null:value;
|
||||
}
|
||||
|
||||
function unflattenKeylistIntoAnswers(propValArray, value){
|
||||
var answer = answers;
|
||||
for (var i = 0, n = propValArray.length - 1; i < n; ++i) {
|
||||
answer = answer[propValArray[i]] || (answer[propValArray[i]] = []);
|
||||
}
|
||||
answer[propValArray[n]] = value;
|
||||
}
|
||||
|
||||
function computePropValue(propName){
|
||||
var value = providers[propName](), allowedValuesMap = values[propName];
|
||||
if (value in allowedValuesMap) {
|
||||
return value;
|
||||
}
|
||||
var allowedValuesList = [];
|
||||
for (var k in allowedValuesMap) {
|
||||
allowedValuesList[allowedValuesMap[k]] = k;
|
||||
}
|
||||
if (propertyErrorFunc) {
|
||||
propertyErrorFunc(propName, allowedValuesList, value);
|
||||
}
|
||||
throw null;
|
||||
}
|
||||
|
||||
var frameInjected;
|
||||
function maybeInjectFrame(){
|
||||
if (!frameInjected) {
|
||||
frameInjected = true;
|
||||
var iframe = $doc_0.createElement('iframe');
|
||||
iframe.src = "javascript:''";
|
||||
iframe.id = 'jsmolcalc';
|
||||
iframe.style.cssText = 'position:absolute;width:0;height:0;border:none';
|
||||
iframe.tabIndex = -1;
|
||||
$doc_0.body.appendChild(iframe);
|
||||
$stats && $stats({moduleName:'jsmolcalc', sessionId:$sessionId_0, subSystem:'startup', evtGroup:'moduleStartup', millis:(new Date).getTime(), type:'moduleRequested'});
|
||||
iframe.contentWindow.location.replace(base + initialHtml);
|
||||
}
|
||||
}
|
||||
|
||||
providers['user.agent'] = function(){
|
||||
var ua = navigator.userAgent.toLowerCase();
|
||||
var makeVersion = function(result){
|
||||
return parseInt(result[1]) * 1000 + parseInt(result[2]);
|
||||
}
|
||||
;
|
||||
if (function(){
|
||||
return ua.indexOf('opera') != -1;
|
||||
}
|
||||
())
|
||||
return 'opera';
|
||||
if (function(){
|
||||
return ua.indexOf('webkit') != -1;
|
||||
}
|
||||
())
|
||||
return 'safari';
|
||||
if (function(){
|
||||
return ua.indexOf('msie') != -1 && $doc_0.documentMode >= 9;
|
||||
}
|
||||
())
|
||||
return 'ie9';
|
||||
if (function(){
|
||||
return ua.indexOf('msie') != -1 && $doc_0.documentMode >= 8;
|
||||
}
|
||||
())
|
||||
return 'ie8';
|
||||
if (function(){
|
||||
var result = /msie ([0-9]+)\.([0-9]+)/.exec(ua);
|
||||
if (result && result.length == 3)
|
||||
return makeVersion(result) >= 6000;
|
||||
}
|
||||
())
|
||||
return 'ie6';
|
||||
if (function(){
|
||||
return ua.indexOf('gecko') != -1;
|
||||
}
|
||||
())
|
||||
return 'gecko1_8';
|
||||
return 'unknown';
|
||||
}
|
||||
;
|
||||
values['user.agent'] = {gecko1_8:0, ie6:1, ie8:2, ie9:3, opera:4, safari:5};
|
||||
jsmolcalc.onScriptLoad = function(){
|
||||
if (frameInjected) {
|
||||
loadDone = true;
|
||||
maybeStartModule();
|
||||
}
|
||||
}
|
||||
;
|
||||
jsmolcalc.onInjectionDone = function(){
|
||||
scriptsDone = true;
|
||||
$stats && $stats({moduleName:'jsmolcalc', sessionId:$sessionId_0, subSystem:'startup', evtGroup:'loadExternalRefs', millis:(new Date).getTime(), type:'end'});
|
||||
maybeStartModule();
|
||||
}
|
||||
;
|
||||
processMetas();
|
||||
computeScriptBase();
|
||||
var strongName;
|
||||
var initialHtml;
|
||||
if (isHostedMode()) {
|
||||
if ($wnd_0.external && ($wnd_0.external.initModule && $wnd_0.external.initModule('jsmolcalc'))) {
|
||||
$wnd_0.location.reload();
|
||||
return;
|
||||
}
|
||||
initialHtml = 'hosted.html?jsmolcalc';
|
||||
strongName = '';
|
||||
}
|
||||
$stats && $stats({moduleName:'jsmolcalc', sessionId:$sessionId_0, subSystem:'startup', evtGroup:'bootstrap', millis:(new Date).getTime(), type:'selectingPermutation'});
|
||||
if (!isHostedMode()) {
|
||||
try {
|
||||
unflattenKeylistIntoAnswers(['ie8'], '2264BD6A2D261E441E8A63207DEF3E41');
|
||||
unflattenKeylistIntoAnswers(['opera'], '280D82581672593B003FDD949FD05A1A');
|
||||
unflattenKeylistIntoAnswers(['gecko1_8'], '62AEDCE3B4B02EAB0CE4B5E294387270');
|
||||
unflattenKeylistIntoAnswers(['ie6'], '787A0D27E3B86B1358ECC872176CB896');
|
||||
unflattenKeylistIntoAnswers(['ie9'], 'C6CC2FE28A276F9AD839FEB4866C99F7');
|
||||
unflattenKeylistIntoAnswers(['safari'], 'FE94467421A960F46BE7208756BA8AB4');
|
||||
strongName = answers[computePropValue('user.agent')];
|
||||
var idx = strongName.indexOf(':');
|
||||
if (idx != -1) {
|
||||
softPermutationId = Number(strongName.substring(idx + 1));
|
||||
strongName = strongName.substring(0, idx);
|
||||
}
|
||||
initialHtml = strongName + '.cache.html';
|
||||
}
|
||||
catch (e) {
|
||||
return;
|
||||
}
|
||||
}
|
||||
var onBodyDoneTimerId;
|
||||
function onBodyDone(){
|
||||
if (!bodyDone) {
|
||||
bodyDone = true;
|
||||
if (!__gwt_stylesLoaded['gwt/clean/clean.css']) {
|
||||
var l = $doc_0.createElement('link');
|
||||
__gwt_stylesLoaded['gwt/clean/clean.css'] = l;
|
||||
l.setAttribute('rel', 'stylesheet');
|
||||
l.setAttribute('href', base + 'gwt/clean/clean.css');
|
||||
$doc_0.getElementsByTagName('head')[0].appendChild(l);
|
||||
}
|
||||
maybeStartModule();
|
||||
if ($doc_0.removeEventListener) {
|
||||
$doc_0.removeEventListener('DOMContentLoaded', onBodyDone, false);
|
||||
}
|
||||
if (onBodyDoneTimerId) {
|
||||
clearInterval(onBodyDoneTimerId);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if ($doc_0.addEventListener) {
|
||||
$doc_0.addEventListener('DOMContentLoaded', function(){
|
||||
maybeInjectFrame();
|
||||
onBodyDone();
|
||||
}
|
||||
, false);
|
||||
}
|
||||
var onBodyDoneTimerId = setInterval(function(){
|
||||
if (/loaded|complete/.test($doc_0.readyState)) {
|
||||
maybeInjectFrame();
|
||||
onBodyDone();
|
||||
}
|
||||
}
|
||||
, 50);
|
||||
$stats && $stats({moduleName:'jsmolcalc', sessionId:$sessionId_0, subSystem:'startup', evtGroup:'bootstrap', millis:(new Date).getTime(), type:'end'});
|
||||
$stats && $stats({moduleName:'jsmolcalc', sessionId:$sessionId_0, subSystem:'startup', evtGroup:'loadExternalRefs', millis:(new Date).getTime(), type:'begin'});
|
||||
$doc_0.write('<script defer="defer">jsmolcalc.onInjectionDone(\'jsmolcalc\')<\/script>');
|
||||
}
|
||||
|
||||
jsmolcalc();
|
||||
Reference in New Issue
Block a user